/* field collections */
.field-collection-view .field-label {width: auto;}

/* altering fields with wordwrap */
.field-label-inline .field-item {}


/***************************************************
 ********************* Global **********************
 ***************************************************/

body { color: #444; font-weight: 400; }
body.html,
.dropdown-menu > li > a { font-family: roboto, "Helvetica Neue", Helvetica, 'Open Sans'  !important; }
body.admin-menu.navbar-is-fixed-top, body.navbar-is-fixed-top { padding-top: 50px!important; }

.alert { font-size: 14px; font-weight: 400; }

.group-info-staff .horizontal-tabs-panes,
.alert-block { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.alert-block ul { padding-left: 0; }
.alert-block a:not(.close) { color: #fff; text-decoration: underline; font-weight: normal; }
.alert-block a:not(.close):hover { text-decoration: none; }

/* .admin-menu */
body.admin-menu #header { top: 28px; }

/* Ctool modal */
.ctools-modal-dialog #modal-content { overflow: auto; }

/* fonts */
h1.page-header, h1, h2, h3, h4, h5, h4 { margin: 2em 0 1em; border: 0 none; color: #333; text-transform: uppercase; }
h1.page-header, h1, h2 { margin: 10px 0 15px 20px; font-size: 15px; font-weight: 500; }
h3, h4 { font-size: 14px; font-weight: 400; }
h5, h6 { font-size: 13px; }

/* tabs */
/* first level */
.tabs, .tabs--primary { background-color: #ffffff; }
.tabs > li, .tabs--primary > li { float: none; }
.tabs > li > a, .tabs > li > a:hover, .tabs > li > a:focus,
.tabs--primary > li > a, .tabs--primary > li > a:hover, .tabs--primary > li > a:focus { background-color: transparent; }
.tabs, .tabs > li > a,
.tabs--primary, .tabs--primary > li > a,
.tabs > li.active > a, .tabs > li.active > a:hover, .tabs > li.active > a:focus,
.tabs--primary > li.active > a, .tabs--primary > li.active > a:hover, .tabs--primary > li.active > a:focus { border: 0 none; }
.tabs, .tabs--primary { overflow: hidden; outline: none; list-style: none; padding: 0; white-space: nowrap; margin: 0; box-shadow: inset 0 -2px 0 0 #eeeeee; }
.tabs > li, .tabs--primary > li { display: inline-block; vertical-align: top; }
.tabs > li > a, .tabs--primary > li > a { display: inline-block; color: #7a7a7a; text-transform: uppercase; position: relative; width: 100%; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; font-weight: 600; }
.tabs > li > a:after, .tabs--primary > li > a:after { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: 0; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.tabs li.selected a:after, .tabs--primary li.selected a:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.tab-nav:not([data-tab-color]) > li > a:after { background: #02ABB5; }
.nav-tabs > li { margin-bottom: 0; }

/* tabs */
/* second level */
.tabs--secondary { margin: 0; padding: 20px 0 20px 20px; background-color: #fff; }
.tabs--secondary li { margin-right: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.tabs--secondary li a { display: inline-block; font-weight: 600; text-align: center; text-transform: uppercase; vertical-align: middle; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; color: #ffffff; line-height: 1.42857143; border-radius: 2px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #607d8b; }
.tabs--secondary li a.active { background-color: #02ABB5; }
.tabs--secondary li:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

/* tabs */
/* horizontal tabs */
.quicktabs-wrapper ul.quicktabs-tabs,
.horizontal-tabs ul.horizontal-tabs-list { display: block; overflow: hidden; }
.quicktabs-wrapper ul.quicktabs-tabs li { padding: 0 0 1px; }
.quicktabs-wrapper ul.quicktabs-tabs li,
.horizontal-tabs ul.horizontal-tabs-list li { display: table-cell; width: 1%; text-align: center; float: none; }
.quicktabs-wrapper ul.quicktabs-tabs li.active,
.quicktabs-wrapper ul.quicktabs-tabs li a, .quicktabs-wrapper ul.quicktabs-tabs li.active a,
.quicktabs-wrapper ul.quicktabs-tabs li:hover, .quicktabs-wrapper ul.quicktabs-tabs li:focus,
.horizontal-tabs ul.horizontal-tabs-list li.selected,
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a,
.horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li:focus,
div.horizontal-tabs, .horizontal-tabs ul.horizontal-tabs-list li a:hover,
.horizontal-tabs ul.horizontal-tabs-list li, .horizontal-tabs ul.horizontal-tabs-list { border: 0 none; background-color: transparent; }
.quicktabs-wrapper ul.quicktabs-tabs,
.horizontal-tabs ul.horizontal-tabs-list { list-style: none; padding: 0; white-space: nowrap; margin: 0; overflow: auto; box-shadow: inset 0 -2px 0 0 #eeeeee; background-color: #ffffff; }
.quicktabs-wrapper ul.quicktabs-tabs li a, .quicktabs-wrapper ul.quicktabs-tabs li.active a,
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a { display: inline-block; border: 0 none; padding: 15px; color: #7a7a7a; text-transform: uppercase; position: relative; width: 100%; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; font-weight: 500; }
.quicktabs-wrapper ul.quicktabs-tabs li.active a,
.horizontal-tabs ul.horizontal-tabs-list li.selected a { border: 0 none; color: #000; }
.horizontal-tabs ul.horizontal-tabs ul.horizontal-tabs-list li { padding: 0; float: none; }
.quicktabs-wrapper ul.quicktabs-tabs li a:after,
.horizontal-tabs ul.horizontal-tabs-list li a:after { content: ""; background: #02ABB5; height: 2px; position: absolute; width: 100%; left: 0; bottom: -1px; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.quicktabs-wrapper ul.quicktabs-tabs li.active a:after,
.horizontal-tabs ul.horizontal-tabs-list li.selected a:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* tabs */
/* vertical tabs */
div.vertical-tabs ul li.selected a, div.vertical-tabs ul li.selected a:hover, div.vertical-tabs ul li.selected a:focus, div.vertical-tabs ul li.selected a:active { background: #FFF none repeat scroll 0% 0%; border-right-color: #FFF; border-top: 1px solid #CCC; }
.tab-content { padding: 0; }

/* classes */
.card { margin-bottom: 20px; }
.image-responsive img { width: 100%; height: auto; }
.ellipsis { color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-uppercase {text-transform: uppercase !important; }
.clear-both { clear: both; }
.element-disabled { opacity: 0.7; }

/* fonts */
.f-12 { font-size: 12px !important; }
.f-14 { font-size: 14px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.f-30 { font-size: 30px !important; }

/* table */
.table > tbody > tr:last-child > td { padding-bottom: 10px; }
.table > thead > tr > th { padding: 10px; }
.table > thead > tr > th,
.table > tbody > tr > td { text-align: center; vertical-align: middle; }
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child { text-align: left; }
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child { text-align: right; }
table .name { vertical-align: middle; }

/* forms */

label { color: #333; }
.form-control { font-size: 13px; color: #555555; background-color: #ffffff; background-image: none; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input.form-control, textarea.form-control { border: 1px solid #cccccc ; padding: 6px; }
input.form-file { border: none; }
select.form-control { padding: 0 20px 0 0; background: url("../material_admin/img/select-transparent.png") no-repeat right center transparent; }
.fg-line:not(.form-group), .fg-line { position: relative; display: block; }
.fg-line.active:after { width: 100%; }
label { margin: 0.5em 0; }
.resizable-textarea .grippie { display: none; }
.form-type-password.form-item, .form-type-textfield.form-item { width: 50%; }
.imagefield-crop-widget.form-managed-file { margin-bottom: 1em; }
.imagefield-crop-cropbox { margin-top: 15px; }
span.file { margin-right: 1em; }
.checkbox label, .radio label { padding-left: 10px; }
.checkbox input:checked+.input-helper:after { font-family: 'Material Design Iconic Font'; content: "\f023"; }
fieldset, fieldset.panel { border: 1px solid #ddd; }
fieldset legend, fieldset.panel legend { padding: 0.5em; background-color: transparent; color: #000; font-weight: 600; }
select { padding-right: 15px; }
.field-type-field-collection.form-group, .form-group .form-group, .form-actions.form-group { margin-bottom: 0; }
fieldset .form-group:last-child { margin-bottom: 0; }
.field-widget-text-textfield .table td label, .tabledrag-toggle-weight-wrapper { display: none; }
.field-widget-text-textfield .table > thead > tr > th:first-child { padding: 0; }
.field-widget-text-textfield .table .form-group { height: 35px; }
a.tabledrag-handle .handle { width: 20px; }
input.password-confirm, input.password-field { width: 100%; }
.password-strength { margin-top: 0; }
.password-confirm { display: none; }
.password-confirm.form-control { display: block; }
div.form-item div.password-suggestions { width: 50%; }
textarea.expanding-init { min-height: 54px; }
div.image-widget-data { float: none; }
.help-block { color: #555; }

/* buttons */
button.btn { margin: 1em 1em 1em 0; }
.btn { font-weight: bold; }
.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker) { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

/* menu */
.active-trail.active .menu-hover-menu,
.menu-hover-menu { display: none; }
.menu-hover:hover .menu-hover-menu,
.active-trail .menu-hover-menu { display: block; }
.menu-hover-link::before { position: absolute; top: 15px; right: 20px; content: "\f1b6"; font: normal normal normal 18px/1 'Material Design Iconic Font'; }
.menu-hover.active-trail.active .menu-hover-link::before { content: "\f1b6"; }
.menu-hover.active-trail.active:hover .menu-hover-link::before,
.menu-hover.active-trail .menu-hover-link::before,
.menu-hover:hover .menu-hover-link::before { content: '\f1b4'; }

#sidebar .menu.menu-hover-menu { margin: 0; }
#sidebar .menu.menu-hover-menu > li > a { padding: 7px 20px 7px 65px; font-size: 13px; }

/* regions */
/* header */
#header { padding: 0 10px 0 0; height: 50px; min-height: 50px; background-color: #02ABB5; box-shadow:none; z-index: 500; }
#header .header-inner { margin-bottom: 0; border: 0 none; }
.profile-view { text-align: left; }
.view-profile-snapshot { display: inline-block; }
.view-profile-snapshot .roles { display: block; font-size: 90%; }
.view-profile-snapshot .name { margin: 0px; font-weight: 400; font-size: 15px; color: #777; text-transform: uppercase; }
.view-profile-snapshot .roles, .view-profile-snapshot .name { color: #ffffff; }
#header .hi-trigger { margin: 7px 0 7px 0; }
#header .logo { float: left; width: 268px; height: 50px; text-align: center; background: #0097a0; }
#header .logo img { margin-top: 9px; height: 32px; }
#header .top-menu > li > a.tm-settings { background-image: url("../material_admin/img/icons/ellipsis.png"); }
#header .top-menu > .open > a, #header .top-menu > .open > a:hover, #header .top-menu > .open > a:focus,
#header .top-menu > .active > a, #header .top-menu > .active > a:hover, #header .top-menu > .active > a:focus { background-color: transparent; color: #ffffff; }

#header .top-menu > li { min-height: 30px; }
#header .top-menu > li > a .menu-item-title { position: relative; top: 8px; display: inline-block; margin-right: 7px; float: right; font-size: 12px; font-weight: 400; }
#header .top-menu > li > a[href="/dashboard"] i { top: -5px; }
#header .top-menu > li > a i { position: relative; top: -7px; margin: 0 5px; font-size: 0.8em; }

#header .block-search,
#header .block-menu-top-menu { margin: 0; padding: 0; background: transparent; box-shadow: none; }

#main { padding: 20px 0; min-height: auto; font-weight: 400; }

.btn-float { line-height: 38px !important; }

.top-menu .dropdown-menu { border-width: 0; }
.top-menu > li { display: inline-block; min-height: 40px; vertical-align: top; }

.top-menu > li > a { position: relative; display: inline-block; padding: 0; min-width: 50px; min-height: 30px; height: 30px; font-size: 2em; color: #ffffff; background-position: center; background-repeat: no-repeat; z-index: 1; }

.top-menu .dashboard-link a { font-size: 22px; line-height: 1.7em; }
.not-logged-in .top-menu { display: none; }

/* responsive */
@media (max-width: 1279px) {
  #header .logo { width: 210px; }
}
@media (max-width: 767px) {
  #header .top-menu > li > a .menu-item-title { display: none; }
  .top-menu > li > a { min-width: 30px; }
}

/* regions */
/* main content */
.card { padding: 0 20px; }

/* regions */
/* footer */
.footer { margin: 0 auto; border: 0 none; padding: 0; z-index: 1; }

/* blocks */
.block { margin-bottom: 20px; padding: 20px 0; background-color: #ffffff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.block h2.block-title { margin-left: 20px; margin-top: 0; }
.block.block-system { background-color: transparent; box-shadow: none; padding: 0; }
/* today daycare block */
.today-daycare-block .views-field-field-action,
.today-daycare-block .views-field-created { white-space: nowrap; }

/* messages */
.messages { margin-bottom: 18px; border: 1px solid transparent; padding: 10px 30px; border-radius: 2px; height: auto; font-weight: 400; }
.messages ul { margin: 0; padding:0; list-style: none; }
.messages ul li { margin: 10px 0; }
/* errors */
.messages.error { background-color: #f2dede; border-color: #f2dede; color: #f44336; }
/* warning */
.messages.warning { background-color: #ffedd6; border-color: #ffedd6; color: #ff9800; }
/* status */
.messages.status { background-color: #dff0d8; border-color: #dff0d8; color: #4caf50; }

/* colors */
.badge.bg-color-accident { background-color: #f44336; }
.badge.bg-color-sleep { background-color: #ff5722; }
.badge.bg-color-toilet { background-color: #03a9f4; }
.badge.bg-color-health_safety { background-color: #4caf50; }
.badge.bg-color-meal { background-color: #607d8b; }
.badge.bg-color-illness { background-color: #9c27b0; }

/* devel */
.krumo-root,
.krumo-root a { color: #333 !important; }

/***************************************************
 *************** Daycare entities ******************
 ***************************************************/

/* Illness */
#eck-entity-form-add-daily-daycare-illness .field-name-field-temperature-check { float: left; width: 50%; }
#eck-entity-form-add-daily-daycare-illness .field-name-field-temperature { display: none; float: right; width: 50%; margin-bottom: 0; }
#eck-entity-form-add-daily-daycare-illness .btn { clear: both; display: block; }

@media (max-width: 480px) {
  #eck-entity-form-add-daily-daycare-illness .field-name-field-temperature-check,
  #eck-entity-form-add-daily-daycare-illness .field-name-field-temperature { float: none; width: 100%; margin-bottom: 30px; }
}

/***************************************************
 ************** Page All children ******************
 ***************************************************/

.page-header { padding: 0; }
.page-all-children .page-header { float: left; margin: 40px 0 25px 20px; }
.page-all-children #block-system-main { padding: 0; clear: both; }
.page-all-children .views-exposed-widget { margin: 0.5em 0 0; padding: 0; }
.role-parent.page-all-children .views-exposed-widget { margin: 2em 0 0; }
.role-manager.page-all-children .field-name-child-add-comment-link,
.role-parent.page-all-children .field-name-child-add-comment-link { display: none; }
.role-manager.page-all-children .node-child.view-mode-teaser h2,
.role-parent.page-all-children .node-child.view-mode-teaser h2 { margin: 0; }
.page-all-children .views-exposed-widget select { padding: 6px 12px; }
.child-sort-block.block { box-shadow: none; margin-bottom: 0; padding: 0; }
.child-sort-block label { display: none; }
.page-all-children .btn-float { width: 50px; height: 50px; }
.page-all-children .view-header h2 { position: absolute; top: 10px; left: 20px; margin-left: 0; }
.page-all-children .view-all-children .view-empty { margin-bottom: 20px; }

/***************************************************
 ******************** Child node *******************
 ***************************************************/

/* Child node form. */

.node-child-form h3 { border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 15px; font-weight: 500; color: #02abb5; }
.node-child-form .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
.node-child-form .form-control.form-textarea { padding: 10px; }
.node-child-form .form-control.form-file { background: none; }
.node-child-form .form-control.form-file .help-block { margin-top: 0; }
.node-child-form .form-item,
.node-child-form .form-group { margin-bottom: 10px; }
.node-child-form .form-type-textfield,
.node-child-form .form-type-textarea { width: 100%; max-width: 400px; }
.node-child-form .radio label { display: inline; padding-left: 5px; }
.node-child-form .radio .input-helper:before { border: 1px solid #CAC9C8; }
.node-child-form .form-type-managed-file input { height: auto; }
.node-child-form .form-type-managed-file .btn { margin: 10px 0; }
.node-child-form .form-type-managed-file .file { display: none; }
.node-child-form .description,
.node-child-form .help-block { color: #777; }
.node-child-form .field-type-datetime .help-block { display: none; }
.node-child-form .field-name-field-child-actual-days tr { background: none !important; }
.node-child-form .field-name-field-child-actual-days th,
.node-child-form .field-name-field-child-actual-days td { border: none; padding: 0 !important; background: none !important; }
.node-child-form .field-name-field-child-actual-days .tabledrag-handle { margin-top: 10px; }
.node-child-form #edit-actions { margin-top: 20px; }

/* View mode Teaser. */

.node-child.view-mode-teaser, .node-child.view-mode-mini_teaser { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.node-child.view-mode-teaser h2 { margin: 2em 0 0.5em; }
.node-child.view-mode-teaser .field-name-child-add-comment-link { height: 1px; text-align: center; }
.node-child.view-mode-teaser .child-teaser-actions,
.node-child.view-mode-teaser a.staff-link { position: relative !important; display: inline-block; top: -25px; }
.node-child.view-mode-teaser a.staff-link { margin: 0 5px; padding: 6px 12px; }
.node-child.view-mode-teaser .child-teaser-actions { margin-right: 3px; }
.node-child.view-mode-teaser .child-teaser-actions button { position: relative !important; margin: 0; border-radius: 50%; padding: 0; width: 50px; height: 50px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important; }
.node-child.view-mode-teaser .child-teaser-actions button i { margin: 8px 0 0 3px; vertical-align: text-bottom; color: #333; }
.node-child.view-mode-teaser .child-teaser-actions ul { border: 0; padding: 0; min-width: 0; }
.node-child.view-mode-teaser .child-teaser-actions ul li a { padding: 7px 15px 7px 10px; opacity: 0.9; }
.node-child.view-mode-teaser .child-teaser-actions ul li a:hover { opacity: 1; }
.node-child.view-mode-teaser h2 a { font-size: 18px; }
.node-child.view-mode-teaser .field-name-child-add-comment-link { z-index: 1; }

/* View mode Mini teaser. */

.node-child.view-mode-mini_teaser { box-shadow: none; }
.node-child.view-mode-mini_teaser img { float: left; width: 40px; height: 40px; border-radius: 50%; }
.node-child.view-mode-mini_teaser a { display: block; padding: 10px 0 10px 50px; font-weight: 500;  color: #444; }

/* View mode Child for staff. */

.staff-link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.circle-btn { background: #fff; display: block; padding: 10px; }
.circle-btn img { width: 40px; height: auto; display: inline-block; margin-right: 10px; padding: 10px; border-radius: 50%; }
.meal img, .Meal  {background: #9fcb44;}
.accident img, .Accident {background: #e9573f;}
.sleep img, .Sleep {background: #8dcbe9;}
.toilet img, .Toilet {background: #d766a3;}
.gallery img {background: #444;}
.news img {background: #444;}
.story img {background: #444;}
.comment img {background: #444;}
.circle-btn div { display: inline-block; }
.node-child #profile-main { margin-left: 15px; margin-right: 15px; padding: 0; min-height: 380px; }
.pmbb-header h2 { text-transform: none; }
.node-child.view-mode-child_for_staff .view-comments .view-header { display: none; }
.node-child.view-mode-child_for_staff .child-for-staff-tabs .horizontal-tabs ul.horizontal-tabs-list li.last a:after { background-color: #F44336; }
.node-child.view-mode-child_for_staff .staff-button .dropdown button { margin: 0; width: 100%; }

/* View mode Full and Child for staff (.child-profile-full). */

.page-node-view.node-type-child .page-header { display: none; }

.node-child .stories h2 { margin: 0 0 15px; }
.node-child .stories i.md { color: #ff9800; }
.node-child .stories .views-row { margin-bottom: 3px; }

body.node-type-child.page-node-view .tabs--primary,
body.node-type-child.page-node-edit .tabs--primary,
body.node-type-child.page-node-delete .tabs--primary { display: none; }
body.node-type-child.page-node-delete form.confirmation { padding: 20px 20px 0 20px; background: #fff; }

.child-profile-full { font-weight: 400; }
.child-profile-full .label-inline { display: inline; font-weight: bold; }
.child-profile-full .label-above { font-weight: bold; }
.child-profile-full .horizontal-tabs-panes .block { margin: 0; padding: 0; box-shadow: none; }
.child-profile-full #profile-main { margin-top: 41px; padding: 30px 5px; min-height: 0; font-weight: 400; }
.child-profile-full #profile-main > h2 { position: absolute; top: -41px; }
.child-profile-full #profile-main h3 { margin-top: 10px; }
.child-profile-full #profile-main .field-name-field-profile-picture img { display: block; margin: 0 auto; border-radius: 50%; width: 100%; max-width: 220px; height: auto; }
.child-profile-full #profile-main .group-right h2 { margin: 0 0 3px 0; color: #02abb5; }
.child-profile-full #profile-main .group-right .field { clear: both; margin-bottom: 5px; width: 100%; overflow: hidden; }
.child-profile-full #profile-main .group-right .field-label { float: left; width: 160px; font-weight: bold; }
.child-profile-full #profile-main .group-right .field-items { margin-left: 180px; }
.child-profile-full #profile-main .group-right .field-name-age { margin-bottom: 10px; color: #777; }
.child-profile-full #profile-main .group-right .field-name-edit-child-profile { margin-top: 20px; }

.child-profile-full .group-todays-care { margin: 0 15px; }
.child-profile-full .group-todays-care .panel-body { padding: 0 0 10px; }
.child-profile-full .group-todays-care .todays-care-button { margin-bottom: 12px; }
.child-profile-full .group-todays-care .view-empty { padding: 20px 0 10px; text-align: center; }
.child-profile-full .group-todays-care table { margin-top: 10px; }
.child-profile-full .group-todays-care th { color: #02abb5; }
.child-profile-full .group-todays-care th,
.child-profile-full .group-todays-care td { padding: 10px !important; }

.child-profile-full .field-name-view-block-today-daycare h2 { font-weight: 500; }

.child-profile-full .group-info-staff { margin-top: 41px; }
.child-profile-full .group-info-staff > h2 { position: absolute; top: -41px; }
.child-profile-full .view-gallery img { width: 100%; height: auto; }
.child-profile-full .field-name-gallery .block { padding-bottom: 0; }
.child-profile-full .view-gallery .md-insert-photo { vertical-align: middle; }

.child-profile-full .field-name-gallery { margin: 0 15px 30px; }
.child-profile-full .field-name-gallery .block { padding: 0; }
.child-profile-full .view-gallery img { width: 100%; height: auto; }
.child-profile-full .view-gallery .md-insert-photo { vertical-align: middle; }

.child-profile-full .group-tab-days-times { padding: 10px 0 0; }
.child-profile-full .group-tab-days-times .field { margin-bottom: 20px; }
.child-profile-full .group-tab-days-times .field:last-child { margin-bottom: 0; }
.child-profile-full .group-tab-days-times h3 { margin: 0 0 5px; color: #02abb5; }

.child-profile-full .group-stories th,
.child-profile-full .group-stories td { padding: 10px; }

.child-profile-full.view-mode-child_for_staff .field-name-gallery { margin: 0; }

/* @todo: Consider remove the code below or clean it up. */
.child-profile-full #profile-main .pm-overview { position: relative; float: left; }
.child-profile-full #profile-main .pm-body { margin-left: 300px; padding-left: 0; }
.child-profile-full #profile-main .pmb-block:first-child { padding:15px 30px 0; }
.child-profile-full #profile-main .pmb-block { padding: 30px 30px 0; }
.child-profile-full #profile-main .pmbb-header { margin-bottom: 15px; }
.child-profile-full #profile-main .pmo-contact i, .node-child.view-mode-full #profile-main .pmo-contact .label-inline { display: inline; }
.child-profile-full #profile-main .pmo-contact .label-inline { margin-right: 5px; font-weight: 600; }
.child-profile-full #profile-main .pmo-contact > div { margin: 10px 0; }
.child-profile-full #profile-main .pmo-contact { padding-top: 0; }
.child-profile-full .group-info-staff .view-comments .view-header { display: none; }
.child-profile-full .group-tab-parent-notes { padding-bottom: 20px; }
.child-profile-full .child-horizontal-tabs .horizontal-tabs-pane { padding: 0; }

/* View mode Teaser for invitee. */

.views-row-last .node-child.view-mode-teaser_invitee { margin-bottom: 20px; border-bottom: 0 none; }
.node-child.view-mode-teaser_invitee h2 { margin-top: 0; margin-bottom: 0; }
.node-child.view-mode-teaser_invitee .group-right h2 { display: none; }
.node-child.view-mode-teaser_invitee .group-right .horizontal-tabs-panes { overflow-x: auto; }
.node-child.view-mode-teaser_invitee .group-stories .horizontal-tabs { margin-bottom: 0; box-shadow: none; }
.node-child.view-mode-teaser_invitee .group-gallery { display: none; }
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-edit-link,
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-php,
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-edit-node,
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-delete-node { display: none; }
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-title { padding-left: 0; }
.role-invitee .node-child.view-mode-teaser_invitee .group-right .views-field-changed { padding-right: 0; text-align: right; }

@media (max-width: 767px) {
  .node-child.view-mode-teaser_invitee .teaser-img { text-align: center; }
}

/***************************************************
 ****************** Modal window *******************
 ***************************************************/

#modal .modal-header { padding: 20px; }
#modal .modal-title { font-weight: 500; font-size: 15px; color: #02abb5; }
#modal .modal-body { padding: 0 20px 20px; }
#modal .block { margin-bottom: 0; }
#modal form.node-form { padding-right: 10px; max-height: 500px; overflow-y: auto; }
#modal .form-group { margin-bottom: 15px; }
#modal .form-managed-file { width: 100%; }
#modal .image-widget-data button.form-submit,
#modal .form-managed-file button.form-submit { display: none; }
#modal #edit-field-child, #modal #edit-field-type { display: none; }
#modal.in { z-index: 520; }
.modal-backdrop.in { z-index: 510; }
.modal-loader { position: absolute; display: block; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; font-size: 50px; color: #ffffff; }
.modal-loader:before { content: "\e031"; }

#modal #eck-entity-form-add-photo-photo .form-type-textfield,
#modal #eck-entity-form-add-story-story .form-type-textfield { width: 100%; }

#modal .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
#modal .form-control.form-textarea { padding: 10px; }

/***************************************************
 ******************** Comments *********************
 ***************************************************/

#comments .indented { margin-left: 40px; }
#comments .indented .ms-item { background-color: #eeeeee; color: #5e5e5e; }
.ms-date { display: inline; text-transform: none; }
#comments .comment-reply { display: block; }
.page-comment-reply .comment-reply { display: none; }
.page-comment-reply #block-system-main .lv-item { padding-top: 0; }
.page-comment-reply .media-body { padding-bottom: 10px; }
.page-comment-reply .comment-form button[type="submit"] { margin-bottom: 20px; }

.comment-wrapper.bgm-cyan { background: #e5faff !important; color: #444; }
.comment-wrapper h2 { margin: 0 0 25px; color: #555; }
.comment-wrapper .comment.view-mode-full { margin-bottom: 15px; border-bottom: 1px solid #c7e3e8; padding-bottom: 15px; }
.comment-wrapper .default-picture { display: inline-block; border-radius: 50%; height: 35px; width: 35px; text-align: center; font-size: 14px; font-weight: 400; line-height: 35px; background: #4caf50; color: #fff; }
.comment-wrapper .group-left { float: left; margin-right: 10px; }
.comment-wrapper .group-left img { border-radius: 50%; width: 35px; height: 35px; vertical-align: top; }
.comment-wrapper .group-right { float: left; padding-top: 4px; font-size: 11px; line-height: 14px; opacity: 0.9; }
.comment-wrapper .group-right .field-name-comment-author { font-weight: bold; }
.comment-wrapper .group-right .field-name-post-date { font-style: italic; }
.comment-wrapper .group-footer { padding-top: 10px; }
.comment-wrapper .group-footer .field-name-comment-body { font-weight: 400; }
.comment-wrapper .group-footer .field-name-field-photo { margin: 15px 0 0; overflow: hidden; }

.comment-form .filter-wrapper { display: none; }
.comment-form .form-group { margin-bottom: 0; }
.comment-form button.btn { margin-bottom: 0; }
.comment-form .ds-form.clearfix:before,
.comment-form .ds-form.clearfix:after { display: none; }
.comment-form .user-profile.view-mode-user_picture { float: left; margin-right: 10px; }
.comment-form .user-profile.view-mode-user_picture img { border-radius: 50%; width: 35px; height: 35px; vertical-align: top; }
.comment-form .field-name-comment-body { margin-left: 45px; background: #fff; }
.comment-form .field-name-comment-body label { display: none; }
.comment-form .field-name-comment-body textarea { border: 0 none; box-shadow: none; padding: 6px 12px; height: 35px; line-height: 22px; }
.comment-form .field-name-comment-body .fg-line:not([class*=has-]):after { background: transparent; }
.comment-form .field-name-field-photo { margin: 20px 0 20px 45px; display: none; overflow: hidden; }
.comment-form .field-name-field-photo .image-preview { padding: 0; }
.comment-form .field-name-field-photo label { display: none; }
.comment-form .field-name-field-photo .form-file { display: block; float: left; padding: 0; width: auto; height: 18px; line-height: 1; background: transparent; }
.comment-form .field-name-field-photo .image-widget-data .file,
.comment-form .field-name-field-photo .image-widget-data .file-size { display: none; }
.comment-form .field-name-field-photo .image-widget-data > .btn-success.ajax-processed { display: block !important; margin: 0; border: 0 none; padding: 0; background: transparent; box-shadow: none; clear: both; }
.comment-form .field-name-field-photo .image-widget-data > .btn-success.ajax-processed .ajax-progress { padding: 10px 0 0 0; }
.comment-form .field-name-field-photo .image-widget-data > .btn-success.ajax-processed .ajax-progress .glyphicon { margin: 0; color: #333; }
.comment-form .field-name-field-photo .help-block { display: none; }

.comment-form .form-type-item.form-item.form-group { display: none; }
.comment-form .btn.form-submit { margin: 0; display: none; }

.comment-form.expanded .field-name-comment-body textarea { height: 88px; }
.comment-form.expanded .field-name-field-photo { display: block; }
.comment-form.expanded .btn.form-submit { display: inline-block; }
.comment-form.expanded .btn.btn-danger { margin-left: 20px; }
.comment-form.expanded .btn.btn-success.form-submit { margin-left: 45px; }
.comment-form.expanded .image-widget-data .btn.btn-success.form-submit { margin-left: 0; }

/***************************************************
 ************** User login page ********************
 ***************************************************/

.not-logged-in.page-invitee h1.page-header,
.page-user h1.page-header { display: none; }
.page-user-login .alert { margin-bottom: 0; }
body.page-user-login.navbar-is-fixed-top { padding-top: 0 !important; }
.row.register { display: block; position: relative; top: 30px; padding-bottom: 20px; }
.row.register a { text-decoration: underline; }
.user-login-page { padding: 3em 0 0; background-color: #17a6b4; }
.user-login-page .message { max-width: 400px; margin: 0 auto; }
#user-logo-img { margin: 5em 0; max-width: 300px; }
#user-login--2 { position: relative; margin: 0 auto; padding-bottom: 60px; }
#user-login--2, #user-login--2 input { max-width: 400px; }
#user-login--2 .form-item { margin: 0 auto 1em; }
#user-login--2 .form-item.error { background-color: transparent; }
#user-login--2 input { margin: 0 auto; border: 0 none; width: 100%; height: 3em; border-radius: 8px; }
#user-login--2 .form-item.error input:focus, #user-login--2 input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.user-login-page .error { margin-top: 15px; font-weight: normal; color: #d24a43; }
#user-login--2 { position: relative; padding-bottom: 90px; }
#user-login--2 button[type='submit'] { position: absolute; left: 50%; bottom: -60px; margin-left: -60px; border: 0 none; width: 120px; height: 120px; border-radius: 50%; background: url("../images/go-button.png") no-repeat scroll center center #93CE4F; line-height: 0; font-size: 0; text-indent: 10000px; z-index: 2; }
#user-login--2 button[type='submit']:active, #user-login--2 button[type='submit']:focus, #user-login--2 button[type='submit']:hover { outline: 0 none; }

@media (max-width: 768px) {
  .row.register { top: 70px; margin: 0; }
}
@media (max-width: 480px) {
  .row.register { top: 50px; }
  .user-login-page { padding-top: 2em; }
  #user-login--2 { padding-bottom: 50px; }
  #user-login--2 button[type='submit'] { bottom: -45px; margin-left: -45px; width: 90px; height: 90px; }
  #user-logo-img { margin: 1em 0; max-width: 60%; }
}

/***************************************************
 *********** User registration pages ***************
 ***************************************************/

.not-logged-in.page-parent h3 { border-bottom: 1px solid #eee; padding-bottom: 5px; font-size: 15px; font-weight: 500; color: #02abb5; }
.not-logged-in.page-parent .tabs--primary { display: none; }
.not-logged-in.page-parent .region-content { padding-bottom: 20px; }
.not-logged-in.page-parent .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
.not-logged-in.page-parent .form-control.form-textarea { padding: 10px; }
.not-logged-in.page-parent .form-control.form-file { background: none; }
.not-logged-in.page-parent .form-control.form-file .help-block { margin-top: 0; }
.not-logged-in.page-parent .form-item,
.not-logged-in.page-parent .form-group { margin-bottom: 10px; }
.not-logged-in.page-parent .form-type-textfield,
.not-logged-in.page-parent .form-type-textarea,
.not-logged-in.page-parent .form-type-password-confirm { width: 100%; max-width: 400px; }
.not-logged-in.page-parent .form-type-password-confirm .form-item { width: 100%; }
.not-logged-in.page-parent .description,
.not-logged-in.page-parent .help-block { color: #777; }
.not-logged-in.page-parent .password-suggestions { border: none; padding: 0; font-size: 12px; }
.not-logged-in.page-parent .password-suggestions ul { padding: 5px 0 0 20px; }

/***************************************************
 ******* User request new password pages ***********
 ***************************************************/

.page-parent-password .block-system { margin-bottom: 0; }

/***************************************************
 ********************** Forms **********************
 ***************************************************/

/* form error */
form .error { background-color: transparent; }
.page-user-login form .error { background-color: #fff; }
form .error label { color: #444; }

/* edit & add node child form */
/*#child-node-form .form-item.checkbox,*/
#child-node-form .form-item.radio { display: inline; margin-right: 1em; }
#child-node-form .field-name-field-date-of-birth .form-group { margin-bottom: 0; }
#child-node-form .date-padding { padding: 0; }
.container-inline-date .form-item { margin-right: 2em; }
.container-inline-date .form-item input, .container-inline-date .form-item select, .container-inline-date .form-item option { padding-right: 15px; }
#child-node-form .field-name-field-preferred-start-date label { margin-top: 0; }
#child-node-form .field-name-field-preferred-start-date .form-group { min-width: 150px; }
#child-node-form .field-name-field-preferred-hours { width: 50%; }
.node-form.node-child-form .form-actions button { margin-top: 0; }
.node-form.node-child-form { margin-top: 20px; }
.node-form.node-child-form .field-name-field-child-class { display: inline-block; }

/* edit & add alert & email form */
.check-all-link { cursor: pointer; }

/* add photo form */
#eck-entity-form-add-photo-photo .form-item-title { margin-bottom: 1.5em; }

/* add parent form */
#edit-account .form-group { margin-top: 20px; }

/* add story form */
.node-story-form .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
.node-story-form .form-control.form-textarea { padding: 10px; }
.node-story-form .button.edit { margin-right: 1em; }
.node-story-form .field-name-field-story-paragraphs { margin-bottom: 0; }
.node-story-form .field-name-field-story-paragraphs button { overflow: visible; }

/* Form validate */
.clientside-error { margin-top: 18px; }

/* Form add invite by email */
.page-invite-add-invite-by-email .card { max-width: 500px; }
#invite-form .field-name-field-invite-user-relation-type { display: none; }
#invite-form .form-type-textfield.form-item { width: 100%; }
#invite-form .form-submit { margin-top: 0; }
#invite-form .error { background-color: transparent; }
#invite-form .error label { color: #444; }

/* user-register-form */
#user-register-form input[disabled="disabled"] { border-bottom: 0; padding: 0 10px; }
#user-register-form .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
#user-register-form .form-control.form-textarea { padding: 10px; }

/* alert-danger */
.alert-danger { background-color: #f2dede; border-color: #f2dede; color: #b94a48; }

/* invite-withdraw-form */
#invite-withdraw-form { margin-top: 20px; }
#invite-withdraw-form h2 { display: none; }

.field-name-field-photo .help-block { display: none; }

/* #user-pass-reset */
#user-pass-reset { margin-top: 1em; }
#user-pass-reset p { margin-bottom: 0.5em; }
#user-pass-reset button { margin-top: 0.5em; }

/* #eck-entity-form-edit-story-story */
#eck-entity-form-edit-story-story .form-control:not(.form-file) { border: 1px solid #ddd; border-radius: 3px; padding: 0 10px; font-size: 14px; line-height: 1.2em; color: #000; }
#eck-entity-form-edit-story-story .field-name-field-story-file { margin: 10px 0 0; }
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #eck-entity-form-edit-story-story .field-name-field-story-file input { padding-top: 10px; }
}
#eck-entity-form-edit-story-story .field-name-field-story-file .file-widget,
#eck-entity-form-edit-story-story .field-name-field-story-file .file-widget button { display: block; }
#eck-entity-form-edit-story-story .field-name-field-story-file .file-widget button.btn-success { margin-bottom: 10px; }
#eck-entity-form-edit-story-story .form-item-title { margin-bottom: 0; }
#eck-entity-form-edit-story-story .field-name-field-child { display: none; }

/* #story-node-form */
#story-node-form .form-item-title { margin-top: 10px; }
#story-node-form .field-name-field-story-paragraphs .form-item p { margin-bottom: 0; }

/***************************************************
 ********************** Pages **********************
 ***************************************************/

/* page parent */
#user-pass,
.page-invitee #user-login,
.page-invitee #user-register-form,
.page-parent #user-login,
.page-parent #user-register-form { margin-top: 20px; }
.page-invitee #user-login button[type="submit"],
.page-invitee #user-pass button[type="submit"],
.page-parent #user-login button[type="submit"],
.page-parent #user-pass button[type="submit"] { margin-top: 0; }
.page-invitee-register #user-register-form .field-name-field-profile-picture button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-profile-picture button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed button[value="Upload"],
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed button[value="Remove"],
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed button[value="Remove"],
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed button[value="Remove"],
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed button[value="Remove"],
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed .image-widget-data .file,
.page-parent-register #user-register-form .field-name-field-alt-piople-allowed .image-widget-data .file-size,
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed .image-widget-data .file,
.page-parent-register #user-register-form .field-name-field-alt-piople-not-allowed .image-widget-data .file-size { display: none; }

/* page node child */
.node-type-child h1.page-header { margin-top: 0; }
.node-type-child .block-system { padding: 0; }
.node-type-child.role-staff .alert-block { margin-bottom: 20px; }
.node-type-child.role-staff .alert-block.alert-success { margin-bottom: 0; }
.page-node-edit.node-type-child .block-system { background-color: #ffffff; }
.page-node-edit.node-type-child .field-name-field-profile-picture button { margin-bottom: 0; }

/* user account */
.page-user .block-system { padding: 0; }
.page-user .user-profile.view-mode-full .label-inline { display: inline; font-weight: 600; }
.page-user .user-profile.view-mode-full .header-block .field { float: left; margin: 0 20px 10px 0; }
.page-user .user-profile.view-mode-full .header-block .field.field-name-field-first-name { margin: 0 20px 10px 20px; }
.page-user .user-profile.view-mode-full .header-block .field-name-field-profile-picture { margin: 0 20px; }
.page-user .user-profile.view-mode-full .main-block { padding: 20px; }
.page-user .user-profile.view-mode-full .main-block h2.block-title { margin: 15px 0 0 20px; }
.page-user .user-profile.view-mode-full .footer-block .view-your-children .view-content { overflow: hidden; margin: 0 10px; }
.page-user .user-profile.view-mode-full .footer-block .view-your-children .view-footer { margin: 0 0 0 20px; }
.page-user .user-profile.view-mode-full .footer-block .view-your-children .child-info h2 { margin: 0; }
.page-user-edit .field-add-more-submit, .page-user-edit #edit-submit { margin-top: 0; }
.page-user .user-profile.view-mode-full .header-block { margin-bottom: 40px; }
.page-user .user-profile.view-mode-full .header-block .field-name-field-profile-picture img { border: 3px solid rgba(0, 0, 0, .14); border-radius: 50%; width: 47px; height: 47px; box-sizing: content-box; }
.page-user .user-profile.view-mode-full .header-block .field-name-field-profile-picture .default-picture { display: inline-block; box-sizing: content-box; border: 3px solid #4caf50; border-radius: 50%; width: 47px; height: 47px; text-align: center; font-size: 18px; font-weight: 400; line-height: 47px; background: #4caf50; color: #fff; }
.page-user .user-profile.view-mode-full .header-block .group-name { margin-top: 5px; font-size: 14px; text-transform: uppercase; }
.page-user .user-profile.view-mode-full .header-block .field-name-user-email { float: none; margin: 5px 0 0; }
.role-staff .main-block { display: none; }
.page-comment-reply .card,
/*.role-staff .card*/
{ padding-top: 20px; }

/* dashboard page */
.page-dashboard .tabs--primary.tab-nav { margin: 0 15px; width: auto; }
.page-dashboard .table { padding: 10px; }
.page-dashboard .table > tbody > tr > td { padding: 8px 10px; }
.page-dashboard .table > thead > tr > th:first-child,
.page-dashboard .table > tbody > tr > td:first-child { padding-left: 20px; }
.page-dashboard .table > thead > tr > th:last-child,
.page-dashboard .table > tbody > tr > td:last-child { padding-right: 20px; }
.page-dashboard .table > thead > tr > th:last-child,
.page-dashboard .table > tbody > tr > td:last-child { text-align: center; }
.page-dashboard .table > tbody > tr:last-child > td { border-bottom: 0 none; }

.page-dashboard .region-content .view { background: #fff; }
.page-dashboard .region-content .view.view-display-id-block_dashboard_alerts { background: transparent; }
.page-dashboard .view .image-title img { margin-right: 5px; border-radius: 50%; width: 40px; height: 40px; }
.page-dashboard .view .image-title i { margin-right: 5px; border: 1px solid #d4d3d3; border-radius: 50%; width: 40px; height: 40px; font-size: 27px; vertical-align: middle; text-align: center; color: #bbb9b9; }

.page-dashboard h1.page-header { display: none; }
[class*="page-dashboard-"] h1.page-header { display: block; }
.page-dashboard h1.page-header { margin: 10px 0 15px 35px; }
.page-dashboard .views-table thead tr th { border-bottom-width: 2px; }
.page-dashboard .views-table ul.actions > li > a { width: auto; height: auto; line-height: 1em; }
.page-dashboard .views-table ul.actions > li > a.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker) { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16); font-size: 12px; }
.page-dashboard .views-table ul.actions > li > a.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker):before,
.page-dashboard .views-table ul.actions > li > a.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker):hover:before { border-radius: 0; }
.page-dashboard .views-table ul.actions ul.dropdown-menu { min-width: 100px; }
.page-dashboard .views-table ul.actions ul.dropdown-menu li a { padding: 2px 10px; text-align: left; }
.page-dashboard .views-table .views-row-last td { border-bottom: 1px solid #f0f0f0; }

.page-dashboard #content .view-content { padding: 0; overflow: hidden; }
.page-dashboard #content .view-empty { margin: 0; padding: 20px 0; background: #ffffff; text-align: center; }

.page-dashboard .region-content .block { padding: 0 15px; box-shadow: none; background: transparent; }
.page-dashboard .block-emails { padding-bottom: 0; }
.page-dashboard .block h2.block-title { margin: 10px 0 15px 20px; }
.page-dashboard .views-exposed-widgets { margin: 0 30px; }
.page-dashboard .views-exposed-form { position: relative; }
.page-dashboard .views-exposed-form .help-block { display: none; height: 0; line-height: 0; }

.page-dashboard .block-system { margin-bottom: 0; }
.page-dashboard .view-emails h2 { margin-top: 0; }
.page-dashboard .view-empty { clear: both; margin-bottom: 30px; }

.page-dashboard .dashboard-alerts-block .table > tbody > tr > td:first-child,
.page-dashboard .dashboard-emails-block .table > tbody > tr > td:first-child { font-weight: bold; }

.page-dashboard .view-more-link { margin-top: 10px; }
.page-dashboard .view-footer { text-align: center; }
[class*="page-dashboard-"] .view-footer { text-align: left; }
.page-dashboard .view-footer .view-more-link { margin: 0 0 20px; }

.page-dashboard .charts-google { min-height: 50px; position: relative; }
.page-dashboard .charts-google::after { position: absolute; top: 15px; left: 50%; margin-left: -10px; content: "\e031"; display: block; font: 20px/1 'Glyphicons Halflings'; color: #333; text-align: center; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; z-index: 1; }
.page-dashboard .charts-google > div { z-index: 2; }

.role-manager.page-dashboard .view-emails.dashboard-emails-block .views-field-id,
.role-manager.page-dashboard .view-alerts.dashboard-alerts-block .views-field-id { display: none; }

/* .page-dashboard-immunisation-statistics */
.page-dashboard-immunisation-statistics #block-views-child-block-immunisation-chart { margin: 0; }
.page-dashboard-immunisation-statistics #block-views-child-block-immunisation-chart h2,
.page-dashboard-immunisation-statistics #block-views-child-block-immunisation-chart .view-footer { display: none; }

/* .page-dashboard-alerts */
.page-dashboard-alerts h1.page-header { display: none; }

/* .page-dashboard-emails */
.page-dashboard-emails h1.page-header { display: none; }

/* access denied */
.page-node-48 #block-system-main { margin: 0; padding: 20px 0; }

/* page not found */
.page-node-53 .tabs--primary { display: none; }
.page-node-53 .field-name-body p { margin: 20px 0; }

/* page-friends */
.page-friends .page-header { display: none; }

/* page-children-you-follow */
.page-children-you-follow .page-header { display: none; }
.fancybox-lock .page-children-you-follow .fancybox-overlay { overflow: hidden; }

/***************************************************
 ********************** Slider *********************
 ***************************************************/

.view-gallery button { position: absolute; top: 0; border: medium none; padding: 0; width: 50px; height: 100%; overflow: hidden; opacity: 0.4; text-indent: -10000px; outline: medium none; transition: all 0.2s ease 0s; }
.view-gallery button.slick-disabled { display: none !important; }
.view-gallery button:hover { opacity: 0.7; }
.view-gallery button.slick-prev { left: 0; background: url("../images/slider_thumb_arrows.png") no-repeat scroll 15px center #cccccc; }
.view-gallery button.slick-next { right: 0; background: url("../images/slider_thumb_arrows.png") no-repeat scroll -35px center #cccccc; }
.view-gallery .views-field img { width: 100%; height: auto; }

/***************************************************
 ********************** Views **********************
 ***************************************************/

/* view daily daycare */
.view-daily-daycare .views-field-field-action,
.view-daily-daycare .views-field-created { white-space: nowrap; }
.view-daily-daycare .view-empty { text-align: center; }

.view-daily-daycare.view-display-id-page_daycare_activity .view-header .btn { margin: 30px 30px 20px; }
.view-daily-daycare.view-display-id-block_today_daycare .view-footer .btn { margin: 20px 30px 10px; }
.view-daily-daycare.view-display-id-block_meal .view-footer .btn { margin: 15px 10px 12px; }
.view-daily-daycare.view-display-id-block_toilet .view-footer .btn { margin: 15px 10px 12px; }
.view-daily-daycare.view-display-id-block_sleep .view-footer .btn { margin: 15px 10px 12px; }
.view-daily-daycare.view-display-id-block_health_safety .view-footer .btn { margin: 15px 10px 12px; }
.view-daily-daycare.view-display-id-block_illness .view-footer .btn { margin: 15px 10px 12px; }
.view-daily-daycare.view-display-id-block_accident .view-footer .btn { margin: 15px 10px 12px; }

/* block-alert */
.block-alert { padding: 20px 20px 0; }
.block-alert .alert-warning { position: relative; }
.block-alert .alert-warning .views-field-ops { position: absolute; top: 5px; right: 5px; }
.block-alert .alert-warning .views-field-ops a.flag i:hover { color: #727272 !important; }
.block-alert .alert-warning .views-field-ops .flag-throbber { display: none; }

/* children checkin */
.page-children-checkin .card { padding: 0; background: transparent; box-shadow: none; }
.page-children-checkin .view-empty { padding: 20px 0; background: #fff; }

.children-checkin .views-row:nth-child(odd) { clear: both; }

.checkin-container { margin-bottom: 20px; padding: 30px; background: #FFF none repeat scroll 0 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.checkin-container h2 { margin: 0 0 1em; color: #02abb5; }
.checkin-container img { border-radius: 50%; width: 100px; height: 100px; }
.checkin-container .time-difference { margin: 20px 0 0; }
.checkin-container .time-difference .alert { display: inline-block; padding-left: 30px; }
.checkin-container .chekin-button-container { position: relative; display: inline-block; margin-top: 20px; }
.checkin-container .chekin-button-container.ajax-load button { color: #2196f3; }
.checkin-container .chekin-button-container.ajax-load:after { position: absolute; top: 21px; left: 50%; content: "\f2c0"; margin-left: -10px; font-family: 'Material Design Iconic Font';  -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; font-size: 20px; color: #000; font-weight: bold; }
.checkin-container button { margin: 0; }
.checkin-container button i { margin-left: 10px; }
.checkin-container .checkin-error { margin-top: 20px; }
@-moz-keyframes spin {
  from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* views exposed filter date */
.views-exposed-form div[class*='views-widget-filter-date_filter'] { margin: 10px 15px 20px 0; padding: 0; }
.views-exposed-form div[class*='views-widget-filter-date_filter'] .form-item { margin-right: 0; }
.views-exposed-form div[class*='views-widget-filter-date_filter'] .form-item input { position: relative; border: 1px solid #ddd; border-radius: 3px; padding: 0 10px 0 28px; font-size: 14px; line-height: 1.2em; color: #000; background: transparent; z-index: 2; }
.views-exposed-form div[class*='views-widget-filter-date_filter'] .form-item .form-item { position: relative; width: 120px; }
.views-exposed-form div[class*='views-widget-filter-date_filter'] .form-item .form-item::before { position: absolute; top: 7px; left: 4px; content: '\f086'; font: normal 22px/1 'Material Design Iconic Font'; z-index: 1; color: #00877a; }
.views-exposed-form .views-exposed-widget .form-submit { float: left; margin: 34px 0 0; height: 35px; }
.views-exposed-form .form-item-quick-date { float: left; margin: 34px 0 0 30px; position: relative; }
.views-exposed-form .form-item-quick-date::after { position: absolute; bottom: 10px; right: 3px; content: "\f1b4"; font: normal normal normal 14px/1 'Material Design Iconic Font'; }
.views-exposed-form .form-item-quick-date select { border: 1px solid #ddd; border-radius: 3px; padding: 0 18px 0 10px; font-size: 14px; line-height: 1.2em; color: #000; background: transparent; }

/* view-users view-display-id-page_parent_friends */
.view-users.view-display-id-page_parent_friends .views-field-field-profile-picture { background-color: #EDECEC; }
.view-users.view-display-id-page_parent_friends .views-field-nothing-1 .invitee-data-wrapper { padding: 5px 15px; }
.view-users.view-display-id-page_parent_friends .views-field-nothing-1 .name h3,
.view-users.view-display-id-page_parent_friends .views-field-nothing-1 .mail { margin: 10px 0; color: #fff; font-weight: bold; }
.view-users.view-display-id-page_parent_friends .views-field-uid-1 { float: left; }
.view-users.view-display-id-page_parent_friends .views-field-uid-1,
.view-users.view-display-id-page_parent_friends .views-field-nothing { margin: 10px 10px 10px 0; }
.view-users.view-display-id-page_parent_friends .views-field-nothing { margin-right: 0; margin-bottom: 20px; }
.view-users.view-display-id-page_parent_friends .no-photo-wrapper { position: relative; padding-top: 100%; width: 100%; }
.view-users.view-display-id-page_parent_friends .no-photo-wrapper .no-photo-text-wrapper { position: absolute; top: 0; margin-top: 50%; width: 100%; text-align: center; }
.view-users.view-display-id-page_parent_friends .no-photo-wrapper .no-photo-text-wrapper .no-photo-text { margin-top: -0.6em; font-size: 2em; }

/* responsive */
@media (max-width: 767px) {
  .view-users.view-display-id-page_parent_friends .views-field-field-profile-picture { text-align: center; }
  .view-users.view-display-id-page_parent_friends .views-field-field-profile-picture img { max-height: 120px; width: auto; }
  .view-users.view-display-id-page_parent_friends .no-photo-wrapper { padding-top: 80px; }
  .view-users.view-display-id-page_parent_friends .no-photo-wrapper .no-photo-text-wrapper { margin-top: 35px; }
}

/* all_children page_children_follow */
.view-all-children.view-display-id-page_children_follow .view-content h3 { margin-left: 15px; margin-right: 15px; }

/* view-child view-display-id-page_immunisation */
.page-dashboard #content .view-child.view-display-id-page_immunisation .view-content { padding: 0; }
.view-child.view-display-id-page_immunisation .view-content .table { background: #fff; }
.view-child.view-display-id-page_immunisation i.md { font-size: 20px; }
.view-child.view-display-id-page_immunisation .download-pdf { display: block; padding: 20px 0 10px 20px; background: #fff; }
.view-child.view-display-id-page_immunisation .download-pdf i.md { font-size: 13px }

/* view-child view-display-id-block_immunisation */
.view-child.view-display-id-block_immunisation .download-pdf { display: block; margin: 20px 0 20px 20px; padding: 0; background: #fff; }
.view-child.view-display-id-block_immunisation .download-pdf i.md { font-size: 13px }

/* view-child view-display-id-page_checked_in_children and view-display-id-page_should_be_checkin */
.view-child.view-display-id-page_checked_in_children .views-table > thead > tr > th,
.view-child.view-display-id-page_should_be_checkin .views-table > thead > tr > th,
.view-child.view-display-id-page_checked_in_children .views-table > thead > tr > td,
.view-child.view-display-id-page_should_be_checkin .views-table > thead > tr > td { width: 50%; }

.view-child.view-display-id-page_checked_in_children .views-table > thead > tr > th.active,
.view-child.view-display-id-page_should_be_checkin .views-table > thead > tr > th.active,
.view-child.view-display-id-page_checked_in_children .views-table > tbody > tr > td.active,
.view-child.view-display-id-page_should_be_checkin .views-table > tbody > tr > td.active { background-color: #fff; }

.view-child.view-display-id-page_checked_in_children .views-table > thead > tr > th:last-child,
.view-child.view-display-id-page_should_be_checkin .views-table > thead > tr > th:last-child,
.view-child.view-display-id-page_checked_in_children .views-table > tbody > tr > td:last-child,
.view-child.view-display-id-page_should_be_checkin .views-table > tbody > tr > td:last-child { text-align: left; }

.view-child.view-display-id-page_checked_in_children .views-table > thead > tr > th:last-child,
.view-child.view-display-id-page_should_be_checkin .views-table > thead > tr > th:last-child { padding-left: 15px; }

@media (max-width: 500px) {
  .page-checkins .tabs--primary > li > a { padding: 15px 0; font-size: 9px; }
}

/* view-alerts view-display-id-block_alerts_dashboard */
.page-dashboard .view-alerts.view-display-id-block_alerts_dashboard { background: transparent; }
.view-alerts.view-display-id-block_dashboard_alerts .view-header,
.view-alerts.view-display-id-block_alerts_dashboard .view-header { overflow: hidden; }
.view-alerts.view-display-id-block_alerts_dashboard .view-header .modal-link { margin: 5px 20px; }
.view-alerts.view-display-id-block_dashboard_alerts .view-header h2,
.view-alerts.view-display-id-block_alerts_dashboard .view-header h2 { margin-top: 20px; }
.view-alerts.view-display-id-block_dashboard_alerts .view-footer,
.view-alerts.view-display-id-block_dashboard_alerts .table,
.view-alerts.view-display-id-block_alerts_dashboard .table { background: #fff; }
.view-alerts.view-display-id-block_dashboard_alerts .table > thead > tr > th:nth-child(2),
.view-alerts.view-display-id-block_alerts_dashboard .table > thead > tr > th:nth-child(2),
.view-alerts.view-display-id-block_dashboard_alerts .table > tbody > tr > td:nth-child(2),
.view-alerts.view-display-id-block_alerts_dashboard .table > tbody > tr > td:nth-child(2) { text-align: left; }
.view-alerts.view-display-id-block_dashboard_alerts .table > tbody > tr > td:nth-child(5),
.view-alerts.view-display-id-block_alerts_dashboard .table > tbody > tr > td:nth-child(5) { white-space: nowrap; }

.page-dashboard #content .view-alerts.view-display-id-block_alerts_dashboard .view-content { padding: 0; }

/* view-alerts view-display-id-block_emails */
.page-dashboard .view-emails.view-display-id-block_dashboard_emails,
.page-dashboard .view-emails.view-display-id-block_emails { background: transparent; }
.view-emails.view-display-id-block_dashboard_emails .view-header,
.view-emails.view-display-id-block_emails .view-header { overflow: hidden; }
.view-emails.view-display-id-block_dashboard_emails .view-header .modal-link,
.view-emails.view-display-id-block_emails .view-header .modal-link { margin: 5px 20px; }
.view-emails.view-display-id-block_dashboard_emails .view-header h2,
.view-emails.view-display-id-block_emails .view-header h2 { margin-top: 20px; }
.view-emails.view-display-id-block_dashboard_emails .table,
.view-emails.view-display-id-block_emails .table { background: #fff; }
.view-emails.view-display-id-block_dashboard_emails .table > thead > tr > th:nth-child(2),
.view-emails.view-display-id-block_emails .table > thead > tr > th:nth-child(2),
.view-emails.view-display-id-block_dashboard_emails .table > tbody > tr > td:nth-child(2),
.view-emails.view-display-id-block_emails .table > tbody > tr > td:nth-child(2) { text-align: left; }
.view-emails.view-display-id-block_dashboard_emails .table > tbody > tr > td:nth-child(5),
.view-emails.view-display-id-block_emails .table > tbody > tr > td:nth-child(5) { white-space: nowrap }
.view-emails.view-display-id-block_dashboard_emails .view-footer { background-color: #fff; }

.page-dashboard #content .view-emails.view-display-id-block_emails .view-content { padding: 0; }

/* .view-users .view-display-id-block_staff_logins */
.view-users.view-display-id-block_staff_logins .view-filters { display: none; }

/***************************************************
 ******************** Entity-type ******************
 ***************************************************/

/* daily_daycare */
.form-item-field-need-nappies-wipes-und > label { display: none; }
.field-name-field-from-time .cck-time-element,
.field-name-field-end-time .cck-time-element { position: relative; display: inline-block; margin: 0 10px }
.field-name-field-end-time .form-item-field-end-time-und-0 label + div.cck-time-element:after,
.field-name-field-from-time .form-item-field-from-time-und-0 label + div.cck-time-element:after { position: absolute; content: 'hours'; }
.field-name-field-end-time .form-item-field-end-time-und-0 label + div.cck-time-element + div.cck-time-element:after,
.field-name-field-from-time .form-item-field-from-time-und-0 label + div.cck-time-element + div.cck-time-element:after { position: absolute; content: 'minutes'; }

/* alert */
.page-dashboard .card { padding: 0; }
.page-alert-alert .card { padding-top: 0; }

/* email */
.field-name-field-story-file,
.field-name-field-email-message { margin-bottom: 20px; }

/***************************************************
 ******************** Datepicker *******************
 ***************************************************/

#ui-datepicker-div.ui-datepicker { border: 0; padding: 0; width: 270px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background-color: #ffffff; }
.admin-menu #ui-datepicker-div.ui-datepicker { margin-top: -30px; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { background: none; border: 0; border-radius: 50%; padding: 8px; text-align: center; }
.ui-datepicker .ui-datepicker-header { background: #009688; border-radius: 0; border: 0; padding: 10px; }
.ui-datepicker .ui-datepicker-prev-hover { top: 2px; left: 2px; background: #009688; border: 0; color: #fff; font-weight: bold; background-color: rgba(0, 0, 0, 0.14); }
.ui-datepicker .ui-datepicker-next-hover { top: 2px; right: 2px; background: #009688; border: 0; color: #fff; font-weight: bold; background-color: rgba(0, 0, 0, 0.14); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { width: 35px; height: 35px; border-radius: 50px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { position: absolute; top: 5px; left: 8px; content: "\f297"; font-family: 'Material Design Iconic Font'; font-size: 18px; color: #fff; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { position: absolute; top: 5px; right: 8px; content: "\f298"; font-family: 'Material Design Iconic Font'; font-size: 18px; color: #fff; }
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon { display: none; }
.ui-datepicker table tbody tr td.ui-datepicker-today a { background-color: #E2E2E2; }
.ui-datepicker table tbody tr td.ui-datepicker-today:hover a { background-color: #E2E2E2; }
.ui-datepicker table tbody tr td.ui-datepicker-current-day a { background-color: #009688; color: #fff; }
.ui-datepicker table tbody tr td.ui-datepicker-current-day:hover a { background-color: #009688; color: #fff; }
.ui-datepicker table thead tr th { border-radius: 0; color: #fff; }
.ui-datepicker table thead tr:first-child th { background: #00877a; padding: 10px 0; }
.ui-datepicker table thead tr:first-child th:hover { background: #00877a; }
.ui-datepicker table thead tr:last-child th { text-transform: uppercase; font-weight: normal; font-size: 11px; }
.ui-datepicker table thead tr:last-child th:first-child { padding-left: 20px; }
.ui-datepicker table thead tr:last-child th:last-child { padding-right: 20px; }
.ui-datepicker table tbody tr:first-child td { padding-top: 13px; }
.ui-datepicker table tbody tr:last-child td { padding-bottom: 13px; }
.ui-datepicker table tbody tr td a:hover { background: #F0F0F0; }
.ui-datepicker table tbody tr td:first-child { padding-left: 13px; }
.ui-datepicker table tbody tr td:last-child { padding-right: 13px; }

/***************************************************
 ******************** Fancybox *********************
 ***************************************************/

.fancybox-nav span { visibility: visible; }
.fancybox-opened .fancybox-skin { box-shadow: none; }

/***************************************************
 ****************** Responsive *********************
 ***************************************************/

@media (max-width: 1200px) {
  .node-child.view-mode-full #profile-main .pm-body { margin-left: 350px; }
}
@media (max-width: 990px) {
  .role-staff .view-mode-parent_data .field-group-div, .role-administrator .view-mode-parent_data .field-group-div  { width: 100%; }
  .node-child.view-mode-child_for_staff .horizontal-tabs ul.horizontal-tabs-list li a { font-size: 11px; }
  .node-child.view-mode-full #profile-main .pm-body { margin-left: 350px; }
}
@media (max-width: 767px) {
  .teaser-img { padding: 20px 20px 40px; background-color: #02ABB5; }
  .teaser-img img { width: 180px; display: inline-block; height: 180px; border-radius: 50%; border: 4px solid #FFF; box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.2), 0px 6px 20px rgba(0, 0, 0, 0.19); }
  .top-menu .dropdown-menu { right: 14px; top: inherit; }
  .node-child.view-mode-child_for_staff .horizontal-tabs-list li a, .node-child.view-mode-child_for_staff .horizontal-tabs-list li.selected a { padding: 15px 8px; }
  #profile-main .pm-overview { background: #02ABB5; border-top: 1px solid #fff; }
  .node-child.view-mode-full #profile-main .pm-body { margin-left: 0; }
  .node-story.view-mode-full .field-name-field-video video { width: 100%; }
}
@media (max-width: 680px) {
  .views-exposed-form .form-item-quick-date { position: relative; top: inherit; right: inherit; float: right; margin: 30px 0 0 30px; }
  .password-strength { display: none; }
  #child-node-form .form-item.checkbox, #child-node-form .form-item.radio { display: block; }
  .node-child.view-mode-child_for_staff .staff-button { width: 50%; }
}
@media (max-width: 580px) {
  .page-dashboard .views-exposed-widget.views-submit-button { clear: both; }
  .page-dashboard .views-exposed-widget.views-submit-button button { margin: 0 15px 30px 0; }
  .page-dashboard .views-exposed-widget.views-submit-button .form-item-quick-date { margin: -5px 0 30px 0; }
  .page-dashboard .views-exposed-widget.views-submit-button .form-item-quick-date { float: right; }

  #header .header-inner .profile-view { display: none; }
  #header .header-inner .logo { display: none; left: 10px; right: inherit; }

}
@media (max-width: 480px) {
  .node-child.view-mode-child_for_staff .group-days-times-wrapper .field-collection-item-field-child-actual-days .col-xs-4,
  .node-child.view-mode-full .group-tab-days-times .views-field-field-child-actual-days .field-collection-item-field-child-actual-days .col-xs-4 { float: none; width: 100%; }
  .page-user .user-profile.view-mode-full .header-block .field { float: none; margin:  10px 0 0 20px; }
  #comments .indented { margin-left: 0; }
}
@media (max-width: 430px) {
  .role-parent.page-all-children .views-exposed-widget { margin-top: 0; }
  .child-sort-block { float: none !important; clear: both; }
  .page-all-children .views-exposed-widget { margin-top: 0; }
  div.form-item div.password-suggestions, .page-user-edit .help-block, .form-type-password.form-item, .form-type-textfield.form-item, .form-type-textfield.form-item , #child-node-form .field-name-field-preferred-hours, .node-child.view-mode-child_for_staff .staff-button { width: 100%; }
}
@media (max-width: 400px) {
  .page-dashboard .views-exposed-form div[class*='views-widget-filter-date_filter'],
  .page-dashboard .views-exposed-widget.views-submit-button { float: none; }
  .page-dashboard .views-exposed-widget.views-submit-button .form-item-quick-date { float: none; }
  table .name { display: inline-block; }
}

/***************************************************
 ******************** Stories **********************
 ***************************************************/

.role-invitee .block-story-tools .view-child-link,
.block-story-tools .edit-story-link { display: none; }
.role-admin .edit-story-link,
.role-staff .edit-story-link { display: block; }

.node-child .group-stories h2 { position: static !important; clear: both; margin: 5px 0 15px 20px; width: auto; height: auto; clip: unset; }
.node-child .group-stories .horizontal-tabs { margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.node-child .group-stories .horizontal-tabs .field-group-htab { margin: 0; padding: 0; }
.node-child .group-stories .horizontal-tabs .panel-body { margin: 0; padding: 10px; }
.node-child .group-stories th { text-transform: uppercase; }
.node-child .group-stories td { font-weight: 400; }
.node-child .group-stories .md { color: #333; }
.node-child .group-stories .views-field-name,
.node-child .group-stories .views-field-changed,
.node-child .group-stories .views-field-changed { text-align: center; }
.node-child .group-stories .views-field-edit-node,
.node-child .group-stories .views-field-delete-node,
.node-child .group-stories .views-field-edit-link,
.node-child .group-stories .views-field-php { width: 1px; }

.node-type-story .content-wrapper { margin-right: -15px; }
.node-type-story.page-node-view h1 { margin: 25px 0 3px; font-size: 20px; }
.node-type-story.page-node-view .field-name-field-story-paragraphs p { font-weight: 400; font-size: 14px; }
.node-story.view-mode-full blockquote p { font-size: 15px; }
.node-story.view-mode-full .field-name-print .btn { margin: 20px 0 0 10px; }
.node-story.view-mode-full .field-name-print .float-right { float: right; }
.node-story.view-mode-full .field-name-field-image { background: #f7f7f7; }
.node-story.view-mode-full .field-name-field-image .img-responsive { margin: 0 auto; width: auto; max-height: 300px; }
.node-story.view-mode-full .field-name-field-image-caption .form-item,
.node-story.view-mode-full .field-name-field-video-caption .form-item { width: 100%; }
.node-story.view-mode-full .field-name-field-youtube .form-type-textfield.form-item { width: 100%; }
.node-story.view-mode-full .field-name-field-story-sections p { margin-bottom: 10px; }

.node-story-form .form-item-title { width: 100%; }
.node-story-form .field-name-field-image-caption .form-item { width: 100%; }
.node-story-form .field-name-field-video-caption .form-item { width: 100%; }
.node-story-form .field-name-field-image-caption { margin-bottom: 20px; }
.node-story-form .field-name-field-video-caption { margin-bottom: 20px; }
.node-story-form .field-name-field-youtube .form-type-textfield.form-item { width: 100%; }
.node-story-form .field-name-field-child-reference { display: none; }
.node-story-form .field-name-field-story-sections .table thead { display: none; }
.node-story-form .field-name-field-story-sections .table > tbody > tr { background-color: #f9f9f9; }
.node-story-form .field-name-field-story-sections .table > tbody > tr >td { background-color: #f9f9f9; }
.node-story-form .field-name-field-story-sections .field-name-field-text .form-type-textarea > label { display: none; }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel { margin: 0; border: 0; }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel > .panel-heading { display: none; }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel > .panel-body { padding: 0; /*background-color: #f9f9f9;*/ }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel > .panel-body > .table { margin-top: 10px; }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel > .panel-body > .table > tbody > tr > td > .btn.btn-danger.form-submit { display: none; }
.node-story-form .field-name-field-story-sections .field-name-field-image .panel > .panel-body > .table > tbody > tr > td:first-child { padding-left: 10px; }

.block-child-card { padding: 0; background: none; box-shadow: none; }
.block-child-card .ellipsis { margin: 5px 0; }
.page-node-view #main-col { margin-top: 20px; }

.dragdropfile-processed:before { border: 1px dashed #02ABB5; padding: 20px 0; color: #02ABB5; font-size: 14px; background-color: #f9f9f9; }

.node-story-form .form-item-print-pdf-size { display: none; }
.node-story-form .form-item-print-pdf-orientation { display: none; }
.field-collection-container .field-collection-view { margin: 0; border: 0; padding: 0; }
.field-collection-container { margin: 0; border: none; }

.node-story.view-mode-full .field-name-print { margin-bottom: 20px; }

.node-type-story .node-story.view-mode-full .open-form { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] a { float: left; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] form { clear: both; }
.node-type-story .node-story.view-mode-full .button-collection-cancel { display: none !important; }

.node-type-story .node-story.view-mode-full .field-name-field-image-caption { margin-bottom: 20px; }
.node-type-story .node-story.view-mode-full .field-name-field-video-caption { margin-bottom: 20px; }
.node-type-story .node-story.view-mode-full .comment-wrapper { padding: 0; }
.node-type-story .node-story.view-mode-full .comment-wrapper .bgm-white.p-20.card { margin-top: 30px; border: 0; padding: 0!important; box-shadow: none; }

.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .filter-wrapper.panel.panel-default { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-type-text-long .form-type-textarea.form-item > label { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-type-text-long .form-type-textarea.form-item > .form-textarea-wrapper { margin-top: 20px; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset { border: 0; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset legend { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset .panel-body { padding: 0; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset .panel-body table thead { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset .panel-body table > tbody > tr { background-color: #f9f9f9; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset .panel-body table > tbody > tr > td > .btn.btn-danger.form-submit { display: none; }
.node-type-story .node-story.view-mode-full div[id^="form-reload-form"] .field-name-field-image fieldset .panel-body .form-type-managed-file.form-item { display: none; }

.node-type-story .node-story.view-mode-full > .group-date { margin-bottom: 25px; font-size: 12px; color: #999; font-style: italic; font-weight: 400; }
.node-type-story .footer .block { margin-bottom: 0; padding: 0; background-color: transparent; box-shadow: none; }

.role-staff.page-node-delete.node-type-story .card { padding-top: 0; }
.page-node-delete.node-type-story form.confirmation { margin-top: 20px; }

@media (max-width: 767px) {
  .node-type-story .content-wrapper { margin-right: 0; }
}

/***************************************************
 ******************* Paragraphs ********************
 ***************************************************/

.paragraphs-items h2 { margin: 20px 0; font-size: 18px; text-transform: none; }
.paragraphs-item-image.view-mode-full { margin-bottom: 20px; }
.paragraphs-item-video.view-mode-full { margin-bottom: 20px; }
.paragraphs-item-text.view-mode-full { margin-bottom: 20px; }

/***************************************************
 ********************* Nodes ***********************
 ***************************************************/

.node-story.view-mode-full video { max-width: 100%; }

/***************************************************
 ********************* Sidebar *********************
 ***************************************************/

#sidebar { top: 50px; height: calc(100% - 50px); font-size: 14px; }
.admin-menu #sidebar { top: 78px; height: calc(100% - 78px); }
#sidebar .block { margin: 20px 0; padding-top: 0; padding-bottom: 0; box-shadow: none; }
#sidebar .block .block-title { margin: 0 0 15px; padding: 0 20px; box-shadow: none; }
#sidebar .block-block { padding: 20px 20px 0; }
#sidebar .menu { list-style: none; padding-left: 0; margin: 10px 0 0 }
#sidebar .menu a { -webkit-transition: color; -o-transition: color; transition: color; -webkit-transition-duration: .3s; transition-duration: .3s }
#sidebar .menu .active > a,
#sidebar .menu a.active,
#sidebar .menu a:hover { color: #262626 }
#sidebar .menu > li > a { padding: 14px 20px 14px 65px; display: block; font-weight: 500; position: relative; color: #444 }
#sidebar .menu > li > a > i { position: absolute; top: 0; left: 25px; width: 25px; padding: 13px 0; font-size: 20px; text-align: center; line-height: 1; color: #02abb5; }
#sidebar .menu > li.active > a,
#sidebar .menu > li > a:hover { background-color: #F4F4F4; color: #02abb5; }

/* User card block. */

.block-profile { margin-top: 0 !important; width: 100%; height: 129px; background: url(../material_admin/img/profile-menu.png) left top no-repeat; background-size: 100%; box-shadow: none; }
.block-profile .field-name-field-profile-picture { padding: 12px; }
.block-profile .field-name-field-profile-picture img { border: 3px solid rgba(0, 0, 0, .14); border-radius: 50%; width: 47px; height: 47px; box-sizing: content-box; }
.block-profile .field-name-field-profile-picture .default-picture { display: inline-block; box-sizing: content-box; border: 3px solid #4caf50; border-radius: 50%; width: 47px; height: 47px; text-align: center; font-size: 18px; font-weight: 400; line-height: 47px; background: #4caf50; color: #fff; }
.block-profile .group-info { margin-top: 4px; background: rgba(0, 0, 0, .37); padding: 7px 14px; color: #fff; }
.block-profile .group-info .field-name-name h4 { margin: 0; color: #fff; font-weight: 500; }
.block-profile .group-info .user-role { font-weight: normal; }

/* Sidebar menu block. */

.block-sidebar-menu { margin-bottom: 0; padding: 0; background-color: transparent; box-shadow: none; }
.block-sidebar-menu h2.block-title { margin: 20px 0 15px 30px; }

/* Story tools sidebar block. */

.block-story-tools { margin-bottom: 0; padding: 0; background-color: transparent; box-shadow: none; }
.block-story-tools h2.block-title { margin: 30px 0 10px 30px; }

/*.block-story-tools .menu { list-style: none; padding-left: 0; }*/
/*.block-story-tools .menu a { -webkit-transition: color; -o-transition: color; transition: color; -webkit-transition-duration: .3s; transition-duration: .3s }*/
/*.block-story-tools .menu .active > a,*/
/*.block-story-tools .menu a.active,*/
/*.block-story-tools .menu a:hover { color: #262626 }*/
/*.block-story-tools .menu > li > a { padding: 14px 20px 14px 65px; display: block; font-weight: 500; position: relative; color: #4C4C4C }*/
/*.block-story-tools .menu > li > a > i { position: absolute; top: 0; left: 25px; width: 25px; padding: 13px 0; font-size: 20px; text-align: center; line-height: 1; color: #02abb5; }*/
/*.block-story-tools .menu > li.active > a,*/
/*.block-story-tools .menu > li > a:hover { background-color: #F4F4F4; color: #02abb5; }*/

body .ma-backdrop { display: none; }
body.sidebar-toggled .ma-backdrop { display: block; }

.block-region-comments { margin-bottom: 0; padding: 0; background-color: transparent; box-shadow: none; }

.top-menu { padding: 0; }

@media (min-width: 768px) {
  .top-menu > li:not(#toggle-width) { position: relative; }
  .top-menu > li:not(#toggle-width):before { left: 0; top: 0; content: ""; position: absolute; border-radius: 2px; width: 100%; height: 100%; -webkit-transform: scale3d(0, 0, 0); -moz-transform: scale3d(0, 0, 0); -ms-transform: scale3d(0, 0, 0); -o-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.12); z-index: 0; opacity: 0; filter: alpha(opacity=0); }
  .top-menu > li:not(#toggle-width):hover:before { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; filter: alpha(opacity=100); }
}

.hi-trigger:before { margin-top: -18px; margin-left: -18px; width: 35px; height: 35px; }

/* Block Child card for story form. */

.block-this-story-is-about { padding: 20px; overflow: hidden; }
.block-this-story-is-about h2 { margin: 0 0 25px !important; }
.block-this-story-is-about .group-left { float: left; max-width: 50%; }
.block-this-story-is-about .group-left img { width: 75px; height: auto; }
.block-this-story-is-about .group-right { float: left; padding-left: 20px; padding-right: 10px; max-width: 50%; }
.block-this-story-is-about .group-right .group-name { margin: 0 0 10px; }

/* Block Parent's children. */

.block-your-children .block-title { padding-left: 20px; }
.block-your-children .node { position: relative; }
.block-your-children .node img { position: absolute; z-index: 1; top: 4px; left: 15px; border-radius: 50%; width: 40px; height: 40px; }
.block-your-children .node a { position: relative; z-index: 2; display: block; padding: 14px 20px 14px 65px; font-weight: 500; color: #444; }
.block-your-children .node:hover { background: #F4F4F4; }
.block-your-children .node:hover a { color: #02abb5; }
.block-your-children .menu { margin-top: 0 !important; }
.block-your-children .view-empty { padding: 0 20px 10px; font-weight: 400; }

/***************************************************
 ********************* Blocks **********************
 ***************************************************/

/* block-this-story-is-about */
.role-invitee .block-this-story-is-about .field-name-custom-view-child { display: none; }
.block-this-story-is-about .views-field-field-profile-picture,
.block-this-story-is-about .views-field-title { float: left }
.block-this-story-is-about .views-field-field-profile-picture img { border-radius: 50%; width: 40px; height: 40px; }
.block-this-story-is-about .views-field-title { margin: 11px; }

/* hide profle double-up */
.entity-profile2.profile2-parent-profile.view-mode-account {display: none;}

/* .block-search */
#header .block-search { float: left; margin-left: 15px; }
.block-search form#search-block-form { position: relative; }
.block-search form#search-block-form { margin: 7px 10px 0 0; max-width: 350px; }
.block-search form#search-block-form input.form-control { border: 0 none; border-radius: 3px; padding: 0 30px 0 10px; width: 350px; height: 36px; font-size: 16px; line-height: 1.2em; background: #00C2CB url("../images/search_sprite.png") right -27px no-repeat; color: #fff; z-index: 1; }
.block-search form#search-block-form input.form-control:focus { background: #fff url("../images/search_sprite.png") right 3px no-repeat; color: #333; }
.block-search form#search-block-form input.form-control.throbbing { background-image: url("../images/reload_white.gif"); }
.block-search form#search-block-form input.form-control.throbbing:focus { background: #fff url("../images/reload_dark.gif") 325px center no-repeat; }
.block-search form#search-block-form input.form-control::-webkit-input-placeholder { color: #fff; }
.block-search form#search-block-form input.form-control::-moz-placeholder { color: #fff; }
.block-search form#search-block-form input.form-control:-ms-input-placeholder { color: #fff; }
.block-search form#search-block-form input.form-control::-moz-placeholder { color: #fff; }
.block-search form#search-block-form input.form-control:focus::-webkit-input-placeholder { color: #333; }
.block-search form#search-block-form input.form-control:focus::-moz-placeholder { color: #333; }
.block-search form#search-block-form input.form-control:focus:-ms-input-placeholder { color: #333; }
.block-search form#search-block-form input.form-control:focus::-moz-placeholder { color: #333; }
.block-search form#search-block-form button { display: none; }

.block-search form#search-block-form .ui-autocomplete { border: 0 none; min-width: 180px; max-width: 350px; background: transparent; box-shadow: 0 8px 10px rgba(0, 0, 0, .2); }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group { float: none; right: 0;  padding: 5px 8px; background: #ffffff; clear: both; color: #02abb5; text-transform: uppercase; font-size: 15px; font-weight: 500; font-family: roboto, "Helvetica Neue", Helvetica, 'Open Sans'; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group:first-child { margin-top: -2px; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group.no_results { margin: -2px 0 0; border-top: 2px solid #fff; padding: 0; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group.all_results { margin: 0; border: 0 none; padding: 0; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group.no_results + li a.ui-state-focus { background: #fff; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-field-group.no_results + li .ui-autocomplete-fields { min-height: inherit; }
.block-search form#search-block-form .ui-autocomplete li { position: relative; border: 0 none; padding: 0; background: #fff; font-size: 14px; }
.block-search form#search-block-form .ui-autocomplete li:hover { cursor: pointer; }
.block-search form#search-block-form .ui-autocomplete li:last-child { min-height: 0; }
.block-search form#search-block-form .ui-autocomplete li a { margin: 0; }
.block-search form#search-block-form .ui-autocomplete li a.ui-state-focus { margin: 0; border: 0 none; border-radius: 0; padding: 0; background: #F4F4F4; }
.block-search form#search-block-form .ui-autocomplete li a.ui-state-focus + .ui-autocomplete-fields,
.block-search form#search-block-form .ui-autocomplete li a.ui-state-focus + .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_field_profile_picture_file,
.block-search form#search-block-form .ui-autocomplete li a.ui-state-focus + .ui-autocomplete-fields .ui-autocomplete-field-node_search_index_field_profile_picture_file { position: relative; background: #F4F4F4; z-index: 2; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields { padding: 5px 8px; min-height: 40px; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields h2,
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .contextual-links-wrapper { display: none; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_field_profile_picture_file,
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-node_search_index_field_profile_picture_file { position: relative; display: inline-block; margin-right: 7px; background: #fff; z-index: 2; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields img { border-radius: 50%; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-node_search_index_title,
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_name { display: inline-block; vertical-align: middle; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_name::before { content: "\f2d8"; margin-right: 5px; border: 1px solid #d4d3d3; border-radius: 50%; font: normal normal normal 28px/1 'Material Design Iconic Font'; vertical-align: middle; text-align: center; color: #bbb9b9; }
.block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_field_profile_picture_file + .ui-autocomplete-field-user_search_index_name::before { position: absolute; top: 5px; left: 8px; }

/* responsive */
@media (max-width: 850px) {
  .block-search form#search-block-form { max-width: 250px; }
  .block-search form#search-block-form input.form-control { width: 250px; }
  .block-search form#search-block-form .ui-autocomplete { min-width: 250px; max-width: 250px; }
  .block-search form#search-block-form input.form-control.throbbing:focus { background-position-x: 225px; }
}
@media (max-width: 767px) {
  .block-search form#search-block-form { max-width: 165px; }
  .block-search form#search-block-form input.form-control { width: 165px; }
  .block-search form#search-block-form .ui-autocomplete { min-width: 165px; max-width: 165px; }
  .block-search form#search-block-form input.form-control.throbbing:focus { background-position-x: 140px; }
}
@media (max-width: 400px) {
  .block-search form#search-block-form { max-width: 115px; }
  .block-search form#search-block-form input.form-control { width: 115px; }
  .block-search form#search-block-form .ui-autocomplete { min-width: 115px; max-width: 115px; }
  .block-search form#search-block-form input.form-control.throbbing:focus { background-position-x: 90px; }
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_name::before,
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_field_profile_picture_file,
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-node_search_index_field_profile_picture_file { display: none; }
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-node_search_index_title,
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields .ui-autocomplete-field-user_search_index_name { margin: 0; }
  .block-search form#search-block-form .ui-autocomplete .ui-autocomplete-fields { min-height: inherit; }
}

/* .block-menu-top-menu */
.block-menu-top-menu { float: right; }

/* #block-views-child-block-checkins */
#block-views-child-block-checkins { clear: both; }

/***************************************************
 ***************** Parent profile ******************
 ***************************************************/

.profile2-parent-profile { font-size: 13px; font-weight: 400; }
.profile2-parent-profile h2 { margin-left: 0; border-bottom: 1px solid #eee; padding-bottom: 10px; font-size: 15px; font-weight: 500; color: #02abb5; text-transform: uppercase; }
.profile2-parent-profile > .field-group-div { margin-bottom: 20px; padding-left: 20px; }
.profile2-parent-profile dl { margin-bottom: 5px; }
.profile2-parent-profile .group-people-not-allowed-wrapper .md-cancel { color: #F44336; }
.profile2-parent-profile .field-collection-item-field-alt-piople-allowed:not(:last-child),
.profile2-parent-profile .field-collection-item-field-alt-piople-not-allowed:not(:last-child) {margin-bottom: 20px;}
.profile2-parent-profile .field-name-alt-people-allowed-name,
.profile2-parent-profile .field-name-alt-people-not-allowed-name {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.profile2-parent-profile .field.field-name-field-alt-photo img { float: left; margin-right: 15px; border-radius: 50%; }

/***************************************************
 *************** Dashboard page. *******************
 ***************************************************/

.immunisation-legend span { margin-right: 10px; }
.immunisation-legend span::before { display: inline-block; content: ''; margin-right: 5px; border-radius: 50%; width: 10px; height: 10px; }
.immunisation-legend .immunised::before { background-color: #00B147; }
.immunisation-legend .not-immunised::before { background-color: #7C9FAA; }
.immunisation-legend .overdue::before { background-color: #FF4032; }

/***************************************************
 ******** Dashboard page table to chart. ***********
 ***************************************************/

.page-dashboard .region-content .view-content { overflow-x: auto; min-height: 0.01%; }
.page-dashboard .region-content { overflow: hidden; }
.page-dashboard .region-content .download-pdf-link { float: left; margin: 20px 0 20px 20px; }
.page-dashboard .region-content .download-pdf-link i { font-size: 18px; vertical-align: middle; }
/* responsive */
@media screen and (max-width: 767px) {
  .page-dashboard .region-content .view-content { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
}

div[id^="chart-container-"] { position: relative; display: none; }
div[id^="chart-container-"] div:nth-child(2) { margin-bottom: 40px; }
div[class^="chart-legend-"] { display: none; margin: 15px 10px 0; font-size: 16px; text-align: center; color: #333; text-transform: uppercase; font-weight: bold; }

.table-to-chart .legend-color { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; }
.table-to-chart .legend-title { margin: 0 25px 5px 0; }
.table-to-chart .google-visualization-tooltip { z-index: 2; }
.table-to-chart .google-visualization-tooltip ul.google-visualization-tooltip-item-list { margin: 5px; padding: 0; }
.table-to-chart .google-visualization-tooltip ul.google-visualization-tooltip-item-list li.google-visualization-tooltip-item { margin: 0; padding: 0; white-space: nowrap; }
.table-to-chart .event-count { position: absolute; top: 50%; left: 50%; margin: -1.45em 0 0 -25px; width: 50px; font-size: 2em; font-weight: bold; text-align: center; z-index: 1; }
.table-to-chart .person-name { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; white-space: nowrap; }
.table-to-chart .person-name .name { font-size: 16px; white-space: nowrap; }

/* responsive */
@media (max-width: 800px) {
  div[class^="chart-legend-"] { text-align: left; }
  .table-to-chart .legend-title { margin-left: 15px; width: auto; display: block; }
}
@media (max-width: 500px) {
  div[id^="chart-container-"] { width: 100%; }
}

/***************************************************
 **** Dashboard page table to chart switch. ********
 ***************************************************/

.table-chart-switch { margin-top: 40px; float: right; overflow: hidden; }
.btn-group.table-chart-switch { box-shadow: none; }
.table-chart-switch button { height: 35px; font-weight: 500; }
.table-chart-switch button.table-chart-switch-table,
.table-chart-switch button.table-chart-switch-chart { background: transparent; border: 1px solid #ddd; border-radius: 20px; }
.table-chart-switch button.table-chart-switch-table { background: #4CAF50; color: #fff; }
.view-switch-chart .table-chart-switch button.table-chart-switch-table { background: transparent; color: inherit; }
.view-switch-chart .table-chart-switch button.table-chart-switch-chart { background: #4CAF50; color: #fff; }
.view-switch-chart div[class^="chart-legend-"],
.view-switch-chart div[id^="chart-container-"] { display: block; }
.view-switch-chart .view-content { display: none; }
.charts-container .view-empty { display: none; }
.view-switch-chart  .charts-container .view-empty { display: block; }

/* responsive */
@media (min-width: 768px) {
  div[id^="chart-container-"]:nth-child(4n + 6) { clear: both; }
}
@media (max-width: 767px) {
  div[id^="chart-container-"]:nth-child(even) { clear: both }
}
@media (max-width: 767px) {
  .table-chart-switch { display: block; float: none; clear: both; margin: 0 0 20px; }
}
@media (max-width: 680px){
  .views-exposed-form .form-item-quick-date { margin: 34px 0 0 30px; }
}
@media (max-width: 580px) {
  .page-dashboard .views-exposed-widget.views-submit-button .form-item-quick-date { float: none; }
}

/**
 * Table expanded.
 */
.page-dashboard .region-content .view-table-expanded .view-content { overflow-y: hidden; }
.view-table-expanded { position: relative; }
.view-table-expanded .view-content { background: #fff; }
.view-table-expanded .table-expanded-wrapper { overflow-x: auto; margin-bottom: 20px; }
.view-table-expanded .table-expanded-tooltip {
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -35px;
}
.view-table-expanded .table-expanded-tooltip:before {
  content: 'See All';
}
.view-table-expanded.table-expanded .view-content {
  height: inherit !important;
}
.view-table-expanded.table-expanded .table-expanded-tooltip:before {
  content: 'See Less';
}