/**
 * Framework7 1.5.3
 * Full featured mobile HTML framework for building iOS & Android apps
 * 
 * iOS Theme
 *
 * http://framework7.io/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 10, 2017
 */
/*==========================
Framework7 Custom Styles
==========================*/

.small {
	font-size: 85%;
}

.views {
	overflow: visible;
}

.view-left {
  border-right: 1px solid #b2b2b2;
}
/* This will fix flicker navbar in left panel view */
.panel-left .page-content {
  padding: 0;
}
.panel-left .page {
  margin-top: 44px;
  padding-bottom: 44px;
}
.view-main .pages {
  margin-top: 44px;
}
.view-main .page {
  padding-bottom: 110px;
}
.panel-left .navbar {
  position: relative;
  margin-bottom: -44px;
}

.navbar-fixed .page>.searchbar, .navbar-fixed>.searchbar, .navbar-through .page>.searchbar, .navbar-through>.searchbar {
	top: 0px;
}

.navbar-fixed .page-content, .navbar-through .page-content {
	padding-top: 0px;
	padding-top: 0px;
	padding-bottom: 22px;
}

.close-sidebar {
	display:none !important;
}

.open-sidebar {
	display:none !important;
}
.toolbar {
  height:64px;
}
.view-main .page {
  margin-bottom: 108px;
}
.small-view-hide {
	display:none !important;
}
.tiny-view-hide {
  	display:none !important;
}
.toolbar .toolbar-inner {
	padding: 5px 10px 15px 10px !important;
}
.tabbar .toolbar-inner {
	-webkit-box-pack:justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
}

body.page-dashboard .toolbar .toolbar-inner .dash-button {
  color: #007aff;
}
/* div[data-page="dashboard"] { 
  //background: rgb(35, 41, 46);
  //color: #263FA9;
} */
div[data-page="dashboard"] h1,h2 { 
  color: #2664A3;
}

/* div[data-page="dashboard"] text { 
  //fill: #263FA9;
} */
/* div[data-page="dashboard"] tspan { 
  //fill: #2664A3;
} */

body.page-churches .toolbar .toolbar-inner .church-button {
	color: #007aff;
}

body.page-contacts .toolbar .toolbar-inner .contact-button {
	color: #007aff;
}

body.page-calendar .toolbar .toolbar-inner .cal-button {
	color: #007aff;
}

body.page-map .toolbar .toolbar-inner .map-button {
	color: #007aff;
}

body.page-tasks .toolbar .toolbar-inner .task-button {
	color: #007aff;
}
@media (min-width: 320px) {
  .tiny-view-hide {
  	  display:flex !important;
  }
}
/* iPad Vertical */
@media (min-width: 569px) {
  .panel.panel-left.panel-cover {
	  width: 320px;
  }
  .toolbar .small-view-hide {
	  display:flex !important;
  }
}
/* iPad Horizontal */
@media (min-width: 769px) {
  .view-main .page {
    padding-bottom: 95px;
  }
  .toolbar {
	  height:54px;
  }
  .toolbar .toolbar-inner {
	  padding: 5px 10px 5px 10px !important;
  }
  body.with-panel-left-cover .small-view-hide {
  	  display:none !important;
  }
  body.with-panel-left-cover .tiny-view-hide {
  	  display:none !important;
  }
  .view-main .page {
	  margin-bottom: 88px;
  }
  .slide-open-sidebar {
	  display:none !important;
  }
  .open-sidebar {
	  display:flex !important;
  }
  body .panel.panel-left.panel-cover {
	width: 320px;
  }
  body.with-panel-left-cover .panel-overlay {
	display:none !important;
  }
  body.with-panel-left-cover .view-main {
	float: right;
	width: -ms-calc(100% - 320px);
	width: calc(100% - 320px);
  }
  body.with-panel-left-cover .close-sidebar {
	  display:flex !important;
  }
  body.with-panel-left-cover .open-sidebar {
	  display:none !important;
  }
}
@media (min-width: 1024px) {
  body.with-panel-left-cover .tiny-view-hide {
  	display:flex !important;
  }
  body.with-panel-left-cover .small-view-hide {
  	display:none !important;
  }
  body .panel.panel-left.panel-cover {
	width: 460px;
  }
  body.with-panel-left-cover .view-main {
	float: right;
	width: -ms-calc(100% - 460px);
	width: calc(100% - 460px);
  }
  .tabbar .toolbar-inner {
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media (min-width: 1148px) {
  body.with-panel-left-cover .tiny-view-hide {
  	display:flex !important;
  }
  body.with-panel-left-cover .small-view-hide {
  	display:flex !important;
  }
}
@media (min-width: 1900px) {
  /* body.with-panel-left-cover .tiny-view-hide {
  	//display:none !important;
  } */
  /* body.with-panel-left-cover .small-view-hide {
  	//display:none !important;
  } */
  body .panel.panel-left.panel-cover {
	width: 520px;
  }
  body.with-panel-left-cover .view-main {
	float: right;
	width: -ms-calc(100% - 520px);
	width: calc(100% - 520px);
  }
	
}
.badge-seperate {
	margin-right: 5px;
}

.person-details ul {
	background: none;
}

.person-details ul:before,
.person-details ul:after {
	height: 0;
}

.person-card .card-header {
	display: block;
	padding: 0px;
}

.person-card .card-footer {
	background: #fafafa;
}

.person-card .card-footer a {
	color: #81848b;
	font-weight: 500;
}

.person-card .card-content img {
	display: block;
}

.person-card .label {
	color: #8e8e93;
}

.hidden-by-refinement {
	display:none;
}

.icon-flip {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.church-item .card-footer .tags {
	display: block;
	width: 75%;
	line-height: 1.7;
}

.infinite-scroll-preloader {
  margin-top:-20px;
  margin-bottom: 10px;
  text-align: center;
}
.infinite-scroll-preloader .preloader {
  width:34px;
  height:34px;
}

span.news-age {
	font-variant: small-caps;
}

.navbar-fixed .page>.searchbar~.page-content, .navbar-fixed>.searchbar~.page-content, .navbar-through .page>.searchbar~.page-content, .navbar-through>.searchbar~.page-content {
	padding-top: 0px;
}
.content-block-title {
	margin: 15px 15px 10px;
}
.content-block {
	margin: 15px 0;
}
/* .page>.searchbar~.page-content {
	//margin-top: 44px;
} */
.page.with-searchbar {
	padding-top: 44px;
}

.filter-refine_title {
	float: left;
	margin: 7px 2px 0 15px;
}
/* .filter-refine_title:first-of-type {
	//margin-top: 17px;
} */

.administration-link,
.to-be-developed {
	background-color: #ffeded !important;
}

.button.visualize:hover,
.button.visualize:focus,
.button.visualize:active {
	background: #007aff;
	color: #fff;
}

.range-slider input[type="range"]::-webkit-slider-thumb { 
	border: 1px solid silver;
	background-color: white;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

.picker-calendar-day.picker-calendar-day-has-events span:after {
	background: #f00;
}

.accordion-item-expanded .item-content.item-link {
	background-color: hsl(240, 7%, 97%);
	border: 1px solid #c4c4c4;
}

.accordion-item-expanded .accordion-item-content {
	border-bottom: 1px solid rgb(196, 196, 196);
}

li.past a.item-content.item-link {
	background-color: #b1a3a347;
}

li.past li.swipeout {
	background-color: #eaeaea;
}

li.events .item-content .item-title{
	white-space: normal;
}

.fc .fc-content {
	cursor: pointer;
}

.data-table {
	padding: 15px 10px;
}

.data-table table {
	border-collapse:colapse;
	width: 100%
}

.data-table table td {
	padding: 3px;
}

.data-table table tr:not(:first-child) td {
	border-top: 1px solid #e6e6e6;
}

li.for-review {
	background-color:#f9fca9;
}

.item-after .badge {
	margin-left: 5px;
}

.leaflet-marker-icon.sans-serif {
	font-weight: bold;
	font-family: sans-serif;
}

.popup .item-title.label {
	font-weight: bold;
}

.req-field:after {
	content: "*";
	font-size: 85%;
	vertical-align: top;
	color: red;
}

.color-red i.icon, i.icon.color-red {
	color: #ff3b30;
}

.tag-help {
	width: 15%;
	float: left;
}

.tag-except {
	width: 15%;
	float: left;
}

.tag-help img {
	margin-left: auto;
	margin-right: auto;
}

.tag-item {
	width: 85%;
	float: left;
}

.contact-status {
	font-size: 85%;
	margin-left: 0.3em;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.status-private {
	background-color: #ffeded;
}

span.progressbar-infinite.progressbar-in.color-multi {
    height: 5px;
}

.singleChurchMap {
	height: 200px;
	width: 100%;
}

.singleChurchMap.setCoord {
	height: 450px;
}

.churchMap {
	padding: 0 !important;
    border-bottom: solid 1px #c8c7cc !important;
}

.churchMap .item-inner {
    padding: 0;
}

.churchMap .setLocation {
	position: relative;
    top: -40px;
    z-index: 400;
    padding: 5px;
    left: 10px;
    cursor: pointer;
}

.settings-churches-advanced .list-block {
	margin: 5px 0;
}

.clean-no-lines .card {
	margin-top:0;
	margin-bottom:0;
}

.clean-no-lines .card .list-block .item-inner:after {
	background-color:unset;
}

.primary-address svg path {
    fill:#ff2d55;
}

.primary-address svg circle {
    fill:white;
}

.accordion-item-expanded .accordion-item {
	padding-left:20px;
}


.accordion-item-expanded .accordion-item-expanded .accordion-item-content {
	padding-left:20px;
}

.accordion-item-expanded .accordion-item .accordion-item-content {
	border-bottom: none;
}

.accordion-item-expanded .accordion-item-expanded .accordion-item-content {
	border-bottom: 1px solid rgb(196, 196, 196);
}

.accordion-item-expanded .accordion-item-content p {
	padding-left: 20px;
	padding-right: 20px;
}

.accordion-item-expanded .accordion-item .accordion-item-content .list-block li {
	border-bottom: none;
}

.accordion-item-expanded .accordion-item-expanded .accordion-item-content .list-block li {
	border-bottom: 1px solid rgb(196, 196, 196);
}

a.item-link.item-content.contact-notes {
    background-color: unset;
    border:unset;
}

.delete .label-switch input[type=checkbox]:checked+.checkbox {
    background: red;
}

.delete .item-title.label {
    color: red;
}

a.item-link.item-content.open-popover {
    background-color: unset;
    border: unset;
}

a.item-link.item-content.open-popover.actionable-actions {
    background-color:#ececec;
}

@media only screen and (min-width: 514px) {
  a.item-link.item-content.open-popover.actionable-actions svg {
    margin-left: auto;
    margin-right: 35px;
  }
}

.actionable-content {
    width: 85%;
    float: left;
}
.actionable-actions {
    width: 15%;
}

@media only screen and (min-width: 769px) {
  .actionable-content {
    width: 80%;
  }
  .actionable-actions {
    width: 20%;
  }
}

@media only screen and (min-width: 1190px) {
  .actionable-content {
    width: 90%;
  }
  .actionable-actions {
    width: 10%;
  }
}

.card .card-content .list-block li {
    clear: both;
}

.hide-flagged-3 [class*="attribute-flagged-"]:not(.attribute-flagged-0):not(.attribute-flagged-1):not(.attribute-flagged-2) {
  display: none;
}

.hide-flagged-2 [class*="attribute-flagged-"]:not(.attribute-flagged-0):not(.attribute-flagged-1) {
  display: none;
}

.hide-flagged-1 [class*="attribute-flagged-"]:not(.attribute-flagged-0) {
  display: none;
}

.church-item .card-content .item-inner {
    background: none;
}
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox.color-red, label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox.color-red {
    background-color:red;
}

li.notification-item.notice-success .item-title-row:before {
    background-color: #4ED062;
}

li.notification-item.notice-info .item-title-row:before {
    background-color: #4EA3D0;
}

.list-block .notice-info .item-text {
    display: block;
}

li.notification-item.notice-error .item-title-row:before {
    background-color: #EF7F7F;
}

.item-inner.custom-icon {
	background:unset !important;
	padding-right: 7px !important;
}

.accordion-item-expanded .item-inner.custom-icon svg {
	transform: rotate(180deg);
}

.item-inner.custom-icon .item-after svg {
	stroke: #c7c7cc;
}


/*Markdown Formatting Start*/
.markdown p {
    padding: 0 !important;
}

.markdown blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.markdown blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.markdown blockquote p {
  display: inline;
}

.markdown ul {
  padding-left: 40px !important;
  list-style-type: disc;
  background: unset;
  margin-inline-start:0px;
  margin-inline-end:0px;
  padding-inline-start:40px;
}

/* .markdown ul li {
    
} */

.markdown ul ul {
    list-style-type: circle;
    padding-left: 20px !important;
}

.markdown ul:before {
    height: 0;
    width: 0;
}

.markdown ul:after {
    height: 0;
    width: 0;
}

.markdown pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
}

.markdown :not(pre) > code {
    background: #f4f4f4;
    border: 1px solid #ddd;
    color: #666;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    padding: 0px 3px;
}

.markdown img {
    max-width:100%;
    max-height:400px;
}

.markdown table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.markdown table td, .markdown table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.markdown table tr:nth-child(even){background-color: #f2f2f2;}

.markdown table tr:hover {background-color: #ddd;}

.markdown table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #2196F3;
  color: white;
}

.markdown th i.icon.icon-form-checkbox {
    background: rgb(239, 239, 244);
}

.markdown th label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox {
    background: rgba(239, 239, 244, 0.6) !important;
}
/*Markdown Formatting End*/

/*Dashboard Paneling Start*/
.dw {
  -webkit-animation: fade 2s;
          animation: fade 2s;
}
.dw {
  box-sizing: border-box;
  -webkit-column-gap: 0;
          column-gap: 0;
  position: relative;
}
.dw * {
  box-sizing: border-box;
}
.dw h1, .dw h2, .dw h3, .dw h4, .dw h5, .dw h6 {
	text-align:center;
}
.dw-vert-center .dw-center-inner {
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.dw-vert-center h1, .dw-vert-center h2, .dw-vert-center h3, .dw-vert-center h4, .dw-vert-center h5, .dw-vert-center h6 {
	margin-block-start:5px;
}
.dw__fcs-crtn {
  background-color: #000;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.75;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .dw {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 992px) {
  .dw {
    -webkit-column-count: 3;
            column-count: 3;
  }
}
@media (min-width: 1500px) {
  .dw {
    -webkit-column-count: 4;
            column-count: 4;
  }
}
.dw-pnl {
  margin: 0;
  padding: 5px;
}
.dw-pnl--fcs {
  position: relative;
}
.dw-pnl--fcs:hover {
  z-index: 3;
}
.dw-pnl--fcs:hover ~ .dw__fcs-crtn {
  display: block;
}
.dw-pnl--pls {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 1000;
          perspective: 1000;
  transition: -webkit-transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
}
.dw-pnl--pls:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.dw-pnl__cntnt {
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  width: 100%;
  background: #fff;
  border: solid 1px #c8c7cc;
}
@media (min-width: 768px) {
  .dw-pnl {
    -webkit-column-break-inside: avoid;
            break-inside: avoid;
  }
}
.dw-flp {
  -webkit-perspective: 1000;
          perspective: 1000;
}
.dw-flp:hover .dw-flp__cntnt {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.dw-flp--sm {
  height: 200px;
}
.dw-flp--md {
  height: 300px;
}
.dw-flp--lg {
  height: 400px;
}
.dw-flp__pnl {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 10px;
  height: 100%;
  left: 0;
  overflow: visible;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
}
.dw-flp__pnl--frnt {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  z-index: 2;
}
.dw-flp__pnl--bck {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.dw-flp__cntnt {
  height: 100%;
  overflow: visible;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: 0.25s;
}
.dw-clstr {
  display: flex;
  padding: 0;
}
@media (max-width: 430px) {
  .dw-clstr--vrt {
    flex-direction: column;
  }
}
.dw-clstr--hrz {
  flex-direction: column;
}
.dw-clstr__sgmnt {
  display: flex;
  flex: 1 1 auto;
}
.dw-clstr__sgmnt--rw {
  display: flex;
}
@media (max-width: 430px) {
  .dw-clstr__sgmnt--rw {
    flex-direction: column;
  }
}
.dw-clstr__sgmnt--clmn {
  flex-direction: column;
}
@media (min-width: 430px) {
  .dw-clstr__sgmnt--hlf {
    flex-basis: 50%;
  }
  .dw-clstr__sgmnt--qrt {
    flex-basis: 25%;
  }
}
/*Dashboard Paneling End*/
.popup-global-search,
.popup-global-search .tabs,
.popup-global-search .tab {
	overflow: hidden;
}

.popup-global-search .tabs,
.popup-global-search .tab form
 {
    height: 100%;
    /*overflow: auto;*/
}

.popup-global-search .tab {
    height: -webkit-calc(100% - 113px);
    height: -moz-calc(100% - 113px);
    height: calc(100% - 113px);
    /*overflow: auto;*/
}

.popup-global-search .tab-content-inner {
    height: -webkit-calc(100% - 113px);
    height: -moz-calc(100% - 113px);
    height: calc(100% - 113px);
    overflow: auto;
	background-color: rgb(239, 239, 244);
}

.popup-global-search .tab-content-inner.no-submit {
    height: -webkit-calc(100% - 44px);
    height: -moz-calc(100% - 44px);
    height: calc(100% - 44px);
}

.popup-global-search .tab-content-inner:before {
    content: '';
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.popup-global-search .tab-content-submit {
	margin:0;
	padding: 0;
}

.popup-global-search .tab-content-submit .row {
	padding:15px;
}

.popup-global-search .tab-content-submit:before {
    content: '';
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.popup-global-search .tab-content-inner .list-block {
    margin: 5px 0;
}

.popup-global-search .toolbar {
	height: 54px !important;
}

.popup-global-search .toolbar .toolbar-inner {
	padding: 5px 10px 5px 10px !important;
}
/*highlight focused fields for better UX*/
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
    outline: 2px dotted #F1C40F !important;
    background: rgba(241, 196, 14, 0.1);
    /*transition: 0.2s;*/
    padding-left: 5px;
}

th.sorted.ascending:after {
	content: " \2193";
}

th.sorted.descending:after {
	content: "  \2191";
}

table.sorted th:not(.no-sort) {
	text-decoration: underline;
	cursor: pointer;
}

table.sorted th:not(.no-sort):after {
	text-decoration: none;
	cursor: pointer;
}
table.sorted th.no-sort {
	cursor: not-allowed;
}

.table-scroll {
	position:relative;
	width:100%;
	max-height:80vh;
	margin: auto;
	overflow: auto;
	z-index: 1;
}

.table-scroll table {
	width:100%;
	margin: auto;
}
.table-scroll thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
}

.chip.drag-var {
  cursor: pointer;
}

.popover a.list-button.item-link {
    text-align: left;
}

.tag-groups {
    margin-left: 40px;
    text-indent: -40px;
}

.tag-groups div {
    margin-left:0;
    text-indent: 0;
}

.help-link {
	float: right;
	position: relative;
	top: -28px;
	right: -5px;
}

/* to fix an issue with the edit task popup */
/*
.popup.modal-in {
    top: 50% !important;
    left: 50% !important;
}
*/
/* to fix an issue with the calendar list view height */
.fc-view.fc-listMonth-view.fc-list-view .fc-scroller {
    overflow: auto !important;
    height: unset !important;
}