body
{
	margin:0;
	padding:0;
	color:#555;
	/**font-family:'Helvetica Neue','Segoe UI',Helvetica,Arial,'Lucida Grande',sans-serif;*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 300;
        font-size:13px;
	background:#EFEFEF url(images/bg.gif)
}

body:before
{
	content:"";
	position:fixed;
	top:-10px;
	left:0;
	width:100%;
	height:10px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,.2);
	box-shadow:0 0 10px rgba(0,0,0,.2);
	z-index:100
}

a
{
	text-decoration:none
}

#page
{
	margin-top:0;
	margin-bottom:5px;
	background-color:#fff;
	color:#000
}

#header
{
	margin:0;
	padding:0;
	border-top:3px solid #C9E0ED
}

#content
{
	padding:0
}

#sidebar
{
	padding:20px 20px 20px 0;
	position:absolute;
	top:50px;
	right:0
}

#footer
{
	padding:25px;
	font-size:.8em;
	text-align:center;
	background-color:#1e6191;
	color:#fff;
	margin-bottom:-5px
}

#logo
{
	padding:10px 20px;
	font-size:200%;
	text-align:center;
	font-weight:700
}

div.flash-error,div.flash-notice,div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border:none;
	font-style:italic
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880
}

div.flash-error a
{
	color:#8a1f11
}

div.flash-notice a
{
	color:#514721
}

div.flash-success a
{
	color:#264409
}

div.flash-mini
{
	display:inline;
	font-size:.8em
}

div.form .rememberMe label
{
	display:inline
}

div.view
{
	padding:0;
	margin:0
}

div.breadcrumbs
{
	font-size:.9em;
	padding:5px 20px;
	border-bottom:1px solid #c5c5c5;
	background:#ededed;
	line-height:14px;
	overflow:hidden;
	display:none
}

div.breadcrumbs span
{
	font-weight:700
}

div.search-form
{
	padding:10px;
	margin:10px 0;
	background:#eee
}

.portlet-decoration
{
	padding:3px 8px
}

.portlet-title
{
	font-size:12px;
	font-weight:700;
	padding:0;
	margin:0
}

.portlet-content
{
	font-size:.9em;
	margin:0 0 15px;
	padding:5px 8px
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0
}

.portlet-content li
{
	padding:2px 0 4px
}

.operations
{
	list-style-type:none;
	margin:0;
	padding:0
}

.operations li
{
	padding-bottom:2px;
	float:left
}

.operations li a
{
	font:bold 12px Arial;
	color:#0066A4;
	display:block;
	padding:2px 0 2px 8px;
	line-height:15px;
	text-decoration:none
}

.operations li a:visited
{
	color:#0066A4
}

.operations li a:hover img
{
	height:32px!important
}

.container #header
{
	font-size:33px
}

.vertical-divider
{
	position:absolute;
	left:50%;
	top:10%;
	bottom:10%;
	border-left:1px solid #ccc
}

.two.columns.divider
{
	display:none;
	float:left;
	height:262px;
	line-height:20px;
	margin-bottom:40px;
	text-align:left;
	width:8%
}

.two.columns.divider span
{
	border-right-color:#dbd4c1;
	border-right-style:solid;
	border-right-width:1px;
	display:block;
	height:108px;
	left:-1px;
	line-height:20px;
	position:relative;
	text-align:left;
	width:1px;
	margin:0 50%
}

.two.columns.divider p
{
	color:#3B5998;
	display:block;
	font-size:12px;
	font-weight:700;
	height:12px;
	letter-spacing:1px;
	line-height:12px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	margin:17px 0
}

#openid input
{
	width:45px;
	float:left
}

.listview .items .view
{
	height:30px;
	margin-left:0px;
	padding-left:0px;
	/**cursor:pointer*/
	margin-top: 3px;
}

/*.listview .items .view:hover
{
	background:#fff27e;
}*/

.action-controls
{
	display:inline-block;
	float:left;
        width:32px;
}

.action-controls.expanded {
        width:160px;
}

.listview .items .view .action-controls .fa
{
	font-size:4em;
}

.listview .items .view .flags .fa
{
	font-size:10px
}

.action-controls div
{
	font-size:8px
}

.listview .items .view .details
{
	/**width:calc(100% - 200px) !important;*/
        /*width:100% !important;*/
	margin-top:0;
	height:30px;
	margin-bottom:-15px;
	margin-left:0;
	padding-left:5px;
        cursor: pointer;
        float: left;
}

.listview .items .view .details .other
{
        display: inline-block;
}

.details
{
	margin-top:0
}

.details-expand
{
	margin-left:0px;
	margin-top:0px!important
}

.listview .sorter ul
{
	margin:0;
	padding-left:0
}

.listview .sorter li
{
	display:inline
}

.listview .sorter li a
{
	text-decoration:none
}

.listview .action-controls .action
{
	display:inline-block;
	float:left
}

.listview .action-controls .icon
{
	display:inline-block;
	width:100%
}

.listview .action-controls .icon-label 
{
        text-align:center;
}

.listview .items .req-note
{
	color:#000;
	height:0;
	overflow:hidden;
	word-wrap:break-word;
        font-style:italic;
    width: calc(100% - 10px);
    padding-left: 5px;
}

.listview .items .view .details .rtl {
    line-height: 1;
    padding-bottom: 3px;
}

.note-expand
{
	height:unset!important;
}

.details-flex-height
{
	height:unset!important;
	margin-bottom:unset!important;
}

/*.note-expand2*/
/*{*/
	/*height:unset!important*/
/*}*/

/*.details-flex-height2*/
/*{*/
/*	height:unset!important;*/
/*	margin-bottom:unset!important*/
/*}*/

.listview .items .view .details .other .ongoing.checked
{
	color:green
}

.listview .items .view .details .other .public.checked
{
	color:green
}

.listview .info
{
	font-size:10px;
	color:#555;
	float:left;
	margin-left:0;
	display:contents
}

.info-expand
{
	margin-left:0px!important
}

.icon
{
	width:100%;
	max-height:26px;
	background-repeat:no-repeat;
	background-size:100%;
	height:30px
}

.mini-floating-icon
{
	position:relative
}

.mini-floating-icon .mini-icon
{
	position:absolute;
	padding:0;
	width:10px;
	height:10px;
	text-align:center;
	font-size:12px;
	line-height:10px;
	font-weight:700;
	margin:0;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	vertical-align:middle;
	margin:17px 0 0 21px
}

.icon-comment
{
	background-image:url(images/icon-comment.png);
	background-size:24px
}

.icon-share.unshare
{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%)
}

.icon-prayed
{
	background-image:url(images/logo.png);
	/*background-image:url(../images/pray_32x32.png);
        background-size:75%;*/
        background-repeat: no-repeat;
	min-height:38px
}

.icon-prayed-already
{
	background-image:url(images/logoprayed.png);
	/**background-image:url(../images/prayed_32x32.png);
        background-size:75%;*/
        background-repeat: no-repeat;
}

.floating-button-group
{
	float:right
}

.floating-button-group .icon
{
	height:18px;
	width:18px
}

.floating-button-group .action
{
	float:left;
	font-size:8px;
	text-align:center
}

.message
{
	font-size:14px;
	line-height:1em;
	color:#000;
	font-weight:500;
	overflow:hidden;
	height:15px;
	margin-left:0;
	/**background:-webkit-linear-gradient(left,rgba(0,0,0,1) 1%,rgba(0,0,0,1) 88%,rgba(0,0,0,0) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent*/
        
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
        
}

#hdnFlagCSStoJS
{
	width:1px
}

div.form input[type="submit"],div.form input[type="reset"]
{
	height:30px
}

div.rbl div.item
{
	float:left;
	padding-right:25px
}

.view .icon
{
	cursor:pointer
}

.add-new-request-form
{
	border:1px solid #dedede;
	padding:7px;
	margin:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:2px solid #bdb28d;
	background:#fbf4de;
	display:none
}

.add-new-request-form .update-top-section {
    background: unset;
    border-bottom:unset;
}

.my-prayer-requests h2
{
	margin-bottom:0
}

.very-small
{
	font-size:8px
}

.helpers
{
	display:none
}

.bounce-me
{
	-webkit-animation:bounce 1s;
	-webkit-animation-iteration-count:3600
}

.spinner
{
	-moz-animation:spin .8s infinite linear;
	-o-animation:spin .8s infinite linear;
	-webkit-animation:spin .8s infinite linear;
	animation:spin .8s infinite linear
}

@-webkit-keyframes spin {
	0%
	{
		-webkit-transform:rotateX(0deg)
	}
	
	100%
	{
		-webkit-transform:rotateX(360deg)
	}
}

fieldset.cls2
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px
}

fieldset.cls3
{
	background:none!important
}

fieldset.cls2 legend
{
	/*background:#c3e4f3;*/
	/*padding:2px 0;*/
	/*color:#367ba8;*/
	/*font-weight:bolder;*/
	/*text-align:center;*/
	/*letter-spacing:2px;*/
	/*text-shadow:1px 1px #fff;*/
	/*width:100%*/
}

fieldset.cls2.top legend {
    padding: 2px 0;
    text-align: center;
    width: 100%;
}

fieldset.cls3 legend
{
	float:left;
	margin-right:3px
}

fieldset.cls2
{
	/*background:#4583ab*/
}

fieldset.cls3
{
	background:#dfdfdf
}

.button-group
{
	padding:0 7px
}

div.group
{
	/*margin-top:10px*/
}

div.section
{
	padding:3px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-align:center
}

p.note
{
	font-style:italic;
	font-size:10px;
	color:blue
}

.link
{
	color:#313131;
	cursor:pointer
}

.link:hover
{
	color:#1951A8
}

.info
{
	color:#0066A4
}

.info:hover
{
	opacity:1
}

.button
{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:1px 1px 0 1px;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
}

.button.button-red
{
	color:#fff;
	background-color:#d9534f;
	border-color:#d43f3a
}

.button.button-red:hover
{
	color:#fff;
	background-color:#c9302c;
	border-color:#ac2925
}

.button.button-green
{
	color:#fff;
	background-color:#5cb85c;
	border-color:#4cae4c
}

.button.button-green:hover
{
	color:#fff;
	background-color:#449d44;
	border-color:#398439
}

.green-bkg
{
	background-color:#3b7b15
}

.green-row
{
	background:#F6F9ED
}

.red-row
{
	background:#FDF2EE
}

.orange-row
{
	background:#FFF8DC
}

.blue-row
{
	background:#F0FFFF
}

.helper
{
	display:none
}

.app-link
{
	color:#fff
}

.link-orange
{
	color:#caedff!important
}

.group input[type='text'],.group input[type='email']
{
	padding:5px
}

.group input[type='button']
{
	padding:5px 12px
}

.request .hdr
{
	cursor:pointer;
	font-size:12px;
	text-transform:uppercase;
	padding:2px 0 0;
	margin:0;
	padding-left:3px;
	font-weight:700;
	background-color:#daf1ff;
	color:#1e6191;
	letter-spacing:1px;
	height:20px
}

.c254
{
	width:254px;
	margin-bottom:3px
}

.c198
{
	width:auto!important;
	margin-bottom:0!important;
	float:left!important;
	font-size:10px;
	margin-top:10px;
	color:#a5a5a5
}

.join-group #Temp_code,#Temp_email_invite
{
	width:240px
}

.s1,.s2,.s3
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 10px
}

.s1
{
	border:1px solid rgba(105,165,105,0.25)
}

.s2
{
	border:1px solid rgba(255,182,165,0.50);
	background:rgba(255,182,165,0.25)
}

.s3
{
	border:1px solid rgba(165,255,165,0.50);
	background:rgba(165,255,165,0.25)
}

.row>textarea
{
	width:95%;
	max-width:1050px;
	background-color:#ebf8ff
}

.grid-view .action .approved,.grid-view .action .denied
{
	width:16px;
	height:16px;
	border-radius:10px
}

.grid-view .action .approved
{
	background-color:green
}

.grid-view .action .denied
{
	background-color:red
}

.grid-view .action
{
	width:50px
}

.grid-view .code-field
{
	width:50px
}

.grid-view .username-field
{
	width:100px
}

.grid-view .date-field
{
	width:150px
}

.grid-view .ip-addr-field
{
	width:100px
}

.grid-view .short-text-field
{
	width:100px
}

optgroup[label="Inactive"]
{
	color:#ccc
}

.section .data-header .column
{
	color:#fff;
	background:url(bg.gif) repeat-x scroll left top #fff;
	text-align:center;
	border:0
}

.section .data-table .column
{
	background:#fff
}

.btn-click
{
	height:22px;
	padding:0;
	line-height:0;
	letter-spacing:-10px;
	cursor:pointer;
	float:left;
	border-radius:3px;
	font-family:monospace;
	color:rgba(123,123,123,0);
	font-size:31px!important;
	/*background-image:url(images/more.png);
	background-size:28px;
	background-repeat:no-repeat;*/
	margin-right:0;
	text-align:center;
	width:28px;
	height:28px
}

.action-btns
{
	float:left;
	margin-left:5px;
	display:none;
	margin-right:5px
}

@media screen and (max-width: 575px) {
	.app-link
	{
		display:none!important
	}
	
	.group-list .item
	{
		/*height:55px!important;*/
		/*max-height:55px!important;*/
	}
}

button
{
	height:40px;
	padding:0 10px;
	background-color:#50abe1;
	border:none;
	border-radius:3px;
	color:#fff
}

.circle-button
{
	position:fixed;
	border-radius:50px;
	width:50px;
	height:50px;
	padding:0;
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	transition:all .5s;
	z-index:9999;
	bottom:10px
}

#add-new-request-button
{
	right:10px;
	font-size:25px;
	font-family:serif;
	font-weight:700;
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	background-color:#d23f31
}

#groups-link
{
	background-image:url(images/groups.png);
	right:70px;
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center
}

#prayer-link
{
	background-image:url(images/prayericon.png);
	right:80px;
	background-size:43px;
	background-repeat:no-repeat;
	background-position:center;
	bottom:20px
}

.only-link
{
	right:20px!important
}

.add-new-request-button-close
{
	bottom:calc(100% - 95px)!important;
	-webkit-transition:bottom .3s;
	transition:all .5s;
	transform:rotate(45deg);
	position:absolute!important
}

.add-new-button
{
	font-size:16px;
	font-family:serif;
	font-weight:700;
	border-radius:28px;
	width:28px;
	height:28px;
	padding:0;
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	background-color:#1f81fa
}

#add-new-button
{
	position:fixed;
	right:16px;
	bottom:20px;
	font-size:25px;
	font-family:serif;
	font-weight:700;
	border-radius:50px;
	width:56px;
	height:56px;
	padding:0;
	box-shadow:3px 3px 6px rgba(0,0,0,0.6);
	background-color:#1f81fa
}

#add-new-group-button
{
	position:fixed;
	right:16px;
	bottom:20px;
	font-size:25px;
	font-family:serif;
	font-weight:700;
	border-radius:50px;
	width:56px;
	height:56px;
	padding:0;
	box-shadow:3px 3px 6px rgba(139,139,139,0.6);
	background-color:#1f81fa;
	background-image:url(images/groupadd.png);
	background-size:30px;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
	z-index:9999
}

#add-new-group-button::before
{
	content:"Add New Group";
	color:#717171;
	font-size:14px;
	margin-left:-180px;
	text-shadow:1px 1px 3px #fff;
	font-family:sans-serif;
	background-color:#fff;
	padding:5px;
	box-shadow:3px 3px 5px rgba(86,86,86,0.4)
}

#add-new-church-button::before
{
	content:"Add New Church";
	color:#717171;
	font-size:14px;
	margin-left:-180px;
	text-shadow:1px 1px 3px #fff;
	font-family:sans-serif;
	background-color:#fff;
	padding:5px;
	box-shadow:3px 3px 5px rgba(86,86,86,0.4)
}

#add-new-church-button
{
	position:fixed;
	right:22px;
	bottom:90px;
	font-size:25px;
	font-family:serif;
	font-weight:700;
	border-radius:50px;
	width:45px;
	height:45px;
	padding:0;
	box-shadow:3px 3px 6px rgba(139,139,139,0.6);
	background-color:#1f81fa;
	background-image:url(images/church.png);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:center;
	display:none
}

.addnew-toggle
{
	width:100%!important;
	height:100%!important;
	top:0;
	left:0;
	border-radius:0!important;
	background-color:rgba(255,255,255,0.71)!important
}

#refresh-button
{
	background-image:url(images/refresh.png);
	background-size:40px;
	width:50px;
	height:40px;
	background-position:center;
	background-color:#51ace4;
	border:none;
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid #15689b;
	font-size:0
}

.my-prayer-requests>.listview>.items>.view
{
	background-color:#fff;
	border-bottom:2px dashed #e6f5ff
}

.my-group-prayer-requests>.listview>.items>.view
{
	background-color:#fff
}

.my-church-prayer-requests>.listview>.items>.view
{
	background-color:#fff
}

.my-other-prayer-requests>.listview>.items>.view
{
	background-color:#fff
}

.summary,.sorter
{
	display:none
}

.prayed
{
	/**background-color:#fff;*/
	margin:0px!important;
	width:30px!important;
	height:30px;
	font-size:0!important;
        float: left;
}

.prayed>.icon
{
	margin:0
}

.row>.c198:nth-child(1),.row>.c198:nth-child(2),.row>.c198
{
	display:none
}

.join-group>.cls2>legend
{
	/*color:#367ba8;*/
	/*font-weight:bolder*/
	padding-left:0px;
}

input[value="JOIN GROUP"]
{
	height:39px;
	padding:0 12px 0 46px!important;
	background-color:#50abe1;
	border:none;
	border-radius:0;
	color:#fefefe;
	/*letter-spacing:2px;*/
	background-image:url(images/groupadd.png);
	background-repeat:no-repeat;
	background-size:35px;
	background-position-x:9px;
	background-position-y:3px;
	width: max-content;
    max-width: 43%;
    letter-spacing: 0em;
    font-size: 1em;
}

.join-group>.cls2
{
	padding:10px 0
}

.join-group
{
	/*background-color:#1e6191*/
}

.view-group
{
	overflow-y:-webkit-paged-y
}

.group-list>.item
{
	height:unset!important;
	max-height:unset!important;
	min-height:unset!important;
	margin:0px!important
}

.mygroup-options
{
	display:none
}

.fa-pencil
{
	background-image:url(images/edit.png)
}

.fa-delete
{
	background-image:url(images/delete.png);
	opacity:.7
}

.fa-desktop
{
	background-image:url(images/project.png)
}

.fa-user-circle
{
	background-image:url(images/list.png)
}

.field-span
{
	height:30px;
	padding-top:8px;
	/*background-image:url(images/group.png);
	background-repeat:no-repeat;
	background-size:21px;
	background-position-x:7px;
	background-position-y:8px;
	padding-left:27px;*/
	width:100%
}

.group-list .field-span
{
	color:#fff
}

.group-leader
{
	display:inline-block
}

.mygroup-options>a>.fa
{
	width:70px;
	height:10px;
	background-size:30px;
	background-repeat:no-repeat;
	font-family:sans-serif;
	font-size:9px;
	background-position-x:center;
	text-align:center;
	padding-top:31px;
	color:#47494b
}

#login-wrap
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:35px;
	z-index:999
}

.row_register>.header>a
{
	background-color:#12afe9;
	color:white;
	padding:0 15PX 5PX;
	border-radius:5px;
	font-size:0.7em;
}

.row_register
{
	margin-top:35px
}

p.register-text{
    font-size:1em;
    text-align: center;
}

.login-icons
{
	width:35px;
	height:30px;
	background-repeat:no-repeat;
	background-size:30px;
	float:left;
	margin-top:3px;
	background-position:center
}

#login-email
{
	background-image:url(images/email.png)
}

#login-password
{
	background-image:url(images/key.png)
}

#login-header
{
	width:225px;
	position:absolute;
	left:calc(50% - 112px);
	top:3px
}

.row_password>a
{
	float:left;
	margin-left:42px;
	font-size:10px;
	margin-top:7px
}

#openid>.pre-header
{
	margin-left:-57px;
	clear:both;
	font-size:12px;
	margin-bottom:6px
}

.view>.rtl
{
	padding:0!important;
	margin-left:0!important;
	position:relative;
	left:0;
	float:left;
	display:block;
	padding-left:5px!important
}

.expires-on
{
	font-size:10px;
	margin-left:1px;
	width:104px;
	float:left;
	display:none
}

.expires-on::before
{
	content:"Expires on "
}

.heightaction
{
	height:32px!important
}

.main-menu
{
	width:40px;
	height:40px;
	background-image:url(images/menu.png);
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	top:0;
	z-index:99;
	cursor:pointer
}

.main-menu:hover
{
	background-color:#3587ba
}

.main-menu-close
{
	background-image:url(images/close.png);
	height: 46px;
    width: 46px;
}

.nav-main
{
	display:none
}

.menu-list-cover
{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#51ace4;
	z-index:10;
	text-align:center;
	border-bottom:6px solid #3587ba;
	display:none
}

.menu-list-cover-open
{
	display:block
}

.m-item
{
	/*clear:both;*/
	/*float:left;*/
	width:100%;
	/*height:33px;*/
	border-bottom:1px #3587ba solid;
	/*padding-top:6px;*/
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	display: flex;
    justify-content: center;
    align-items: center;
    height:46px;
}

.m-item:hover
{
	background-color:#3587ba
}

.empty
{
	font-size:14px;
	color:#fff
}

#save-button, #save2-button, #submit2-button
{
	width:65px;
	height:35px;
	border:none;
	color:#fff;
	clear:left;
	background-color:#28a745;
}
#save2-button, #submit2-button{
    float: right;
    position: absolute;
    top: 5px;
    right: 12px;
    height: 30px;
}
.add-new-request-form #save2-button {
    top: 52px;
    right: 73px;
    height: 35px;
}

.details>.other>.flags>.fa-check
{
	width:5px;
	height:5px
}

.details>.other>.flags
{
	float:right;
	margin-top:-5px;
	position:absolute;
	right:10px
}

.group-column
{
	width:100%
}

#request-form
{
	/*margin-top:5px;*/
	margin-bottom:50px
}

.buttons.update-save
{
	display: flex;
    justify-content: space-between;
    padding: 4% 1%;
} 

.update-save>#submit-button,
.update-save>#archive-button,
.update-save>#delete-button
{
	width:65px;
	height:35px;
	border:none;
	color:#fff;
	clear:left;
	background-color:#51ace4
}
.update-save>#submit-button { 
    background-color:#28a745;
}
.update-save>#delete-button {
    background-color:#dc3545;
} 


#Request_expirydate
{
	width:75px;
	float:left
}

.update-top-section {
    background: #fff9c8;
    padding: 3%;
    border-bottom: 1px solid #e0e0e0;
}

.update-lower-section {
    padding: 3%;
}

.note-section
{
	margin-top:5px
}

#prayer-more>.row>.column>label
{
	width:100px
}

#group-form
{
	padding: 6px 0 6px 0px;
}

#Request_type>.item
{
	padding-right:5px
}

.create-group,.create-church,.create-group legend,.create-church legend
{
	background-color:#1e6191;
	color:#fff !important;
	/*text-shadow:1px 0 #ffc0cb!important;*/
	border-bottom:1px solid #064a73;
}

#church-form
{
	padding-left:3px
}

.ongoing-col
{
	margin-top:22px
}

.share
{
	display:none!important
}

#Request_groups {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#Request_groups>.item
{
	/*height:24px!important;*/
	padding-right:2px!important;
	/*float:left;*/
    width: max-content;
    display: flex;
    align-items: center;
    flex-basis: 49%;
    line-break: loose;
} 

.group-list>#Request_groups>br
{
	display:none
}

.group-list
{
	background: #fff;
	margin: 2% 0;
    border: 1px solid rgba(105, 165, 105, 0.25);
    padding: 2%;
    margin-bottom:0px;
}

.group-list .item label
{
	font-size:.8em;
	color:#555!important
}

#Request_type
{
	/*width:100%;*/
	/*float:left;*/
	margin-bottom:7px
}

#Request_type input[type="radio"]
{
        margin:4px;
}

#group-form .column 
{
        margin-right: 15px;
}

#group-form label 
{
        float: none;
}

.archive-col,.ongoing-col
{
	display:none
}

.add-new-request-form #Request_groups>.item>label
{
	float:left
}

.add-new-request-form #Request_groups>.item>input
{
	float:left
}

.create-group
{
	display:none
}

input[name="Church[church_url]"],input[name="Church[church_name]"]
{
	width:250px
}

button[data-id="group-join-request-grid"]
{
	position:absolute;
	right:0;
	top:0;
	border:1px solid #175586
}

.icon-prayed-cover
{
	width:30px;
	height:30px;
	background-color:rgba(255,255,255,0.7);
	position:absolute;
	margin-top:0;
	display:none
}

#group-join-request-grid td
{
	float:left!important;
	clear:both;
	width:100%
}

#group-join-request-grid .filters,#group-join-request-grid th,#group-join-request-grid .id-column
{
	display:none
}

#group-join-request-grid .odd>.id-column,.date-field,.ip-addr-field
{
	display:none
}

#group-join-request-grid .pending::before
{
	content:"Approve "
}

#group-join-request-grid .email-field::before
{
	content:"E-mail - "
}

#group-join-request-grid .code-field::before
{
	content:"Group code - "
}

#group-join-request-grid .username-field::before
{
	content:"Username - "
}

#group-join-request-grid .short-text-field::before
{
	content:"Status - "
}

#group-join-request-grid .action
{
	background-color:#a7fffe
}

#group-join-request-grid .action .pending img
{
	vertical-align:middle
}

.close-sub
{
	float:right;
	margin-right:10px
}

.register-form
{
	padding-left:7px;
	padding-top:5px
}

#group-list
{
	display:flex;
	flex-wrap:wrap;
	padding-left:5px;
	margin-bottom:0
}

#group-list li
{
	list-style:none;
	background-color:#50abe1;
	border:none;
	border-radius:3px;
	color:#fff;
	padding:4px 6px 0;
	text-align:center;
	height:25px
}

#group-list .active
{
	background-color:#552fd3
}

#pending-alert
{
	width:30px;
	height:30px;
	right:130px;
	background-color:#00ffe5;
	background-image:url(images/bell.png);
	background-size:17px;
	background-repeat:no-repeat;
	background-position:center;
	display:none
}

#pending-alert-count
{
	background-color:red;
	position:absolute;
	padding:0 3px;
	font-size:12px;
	border-radius:3px;
	top:-3px;
	left:-2px
}

.fa-comment
{
	background-image:url(images/iconindex.png);
	background-size:200px;
	background-position-x:50px;
	width:25px;
	height:25px;
	color:rgba(255,255,255,0)
}

.fa-commenting
{
	background-image:url(images/iconindex.png);
	background-size:200px;
	background-position-x:25px;
	width:25px;
	height:25px;
	margin-top:0;
	color:rgba(255,255,255,0)
}

.unread-comments
{
	padding:0;
	height:12px;
	width:12px;
	text-align:center;
	position:relative;
	color:#f35523;
	font-size:12px!important;
	font-weight:700;
	margin-right:0px;
}

.blockMsg
{
	width:calc(100% - 30px)!important;
	left:15px!important;
	top:5%!important
}

#comment-box
{
	width:unset!important
}

#comment-textbox
{
	width:calc(100% - 6px)!important
}

input[value="approve"],input[value="deny"]
{
	text-transform:capitalize
}

.view-comment-icon
{
        width: 18px !important;
        height: 16px !important;
        margin: 0px !important;
        margin-right: 3px !important;
        padding: 0px !important;
        min-height: 16px !important;
	position:relative;
        font-size: 1em !important;
        text-align: center !important;
        color: white !important;
        float: right !important;
        /*background-color: #062387 !important;*/
}
.view-comment-icon:before
{
        border: 0.3em solid transparent !important;
        right: 1px !important;
        bottom: -10px !important;
        border-top: 7px solid #1e6191 !important;
}

.comment-icon
{
	width:28px;
	height:28px;
	/*margin-top:-10px;
	position:relative;*/
        right:0px;
        top:0px;
}

.refresh-form .row
{
	margin:0!important
}

.tip-cover
{
	position:fixed;
	background-color:rgba(0,104,255,0.8);
	width:100%;
	height:100%;
	top:0;
	left:0;
	color:#fff;
	font-size:27px;
	display:none
}

.tip-1
{
	bottom:200px;
	right:40px;
	position:fixed;
	width:100%;
	text-align:right
}

.tip-2
{
	bottom:140px;
	right:90px;
	position:fixed;
	width:calc(100% - 107px);
	text-align:right;
	font-size:18px;
	line-height:20px
}

.tip-1-arrow
{
	width:130px;
	height:50px;
	position:fixed;
	right:13px;
	bottom:103px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(75deg)
}

.tip-2-arrow
{
	width:70px;
	height:50px;
	position:fixed;
	right:95px;
	bottom:73px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(71deg)
}

.arrow-bar
{
	width:100%;
	height:5px;
	background-color:#fff
}

.arrow-head
{
	width:20px;
	height:20px;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	float:right;
	margin-top:-15px
}

#comment-list .comment-note .display-name
{
	font-size:10px;
	font-style:italic
}

#comment-list .comment-note .created-on
{
	font-size:10px;
	font-style:italic
}

.comment-close-btn
{
	position:relative;
	right:1px;
	top:0;
	float:right;
	margin-top:-23px;
	font-size:24px;
	color:#D32F2F;
	cursor:pointer
}

.mini-floating-icon .mini-icon
{
	width:16px
}

.my-prayer-count,.all-users-prayer-count
{
	float:left
}

.my-prayer-count
{
	color:green;
	float:left
}

.all-users-prayer-count
{
	color:blue;
	float:right;
	margin-top:-27px;
	margin-right:27px
}

.speech-bubble
{
	position:relative;
	background:#fafafa;
	border-radius:.4em
}

.speech-bubble:after
{
	/*content:'';*/
	/*position:absolute;*/
	/*left:0;*/
	/*top:50%;*/
	/*width:0;*/
	/*height:0;*/
	/*border:1.531em solid transparent;*/
	/*border-right-color:#fafafa;*/
	/*border-left:0;*/
	/*border-top:0;*/
	/*margin-top:-.766em;*/
	/*margin-left:-1.531em*/
}

.shared-icon, 
.hidden-for-me-icon
{
	display:inline-block;
	/*margin-left:7px*/
}

.nofcomments
{
	display:block;
	position:absolute;
	top:0;
	bottom:9px;
	left:0;
	right:0;
	color:#fff;
	width:24px;
	text-align:center;
	margin:0 auto;
	font-size:12px;
	font-weight:700
}

legend
{
	color:#044672!important;
	font-weight:bolder;
	font-size:20px!important;
	padding-left: 2%;
    padding-top: 2%;
}

.request .hdr
{
	cursor:pointer;
	padding-left: 5px;
}

.request .hdr:hover
{
	color:red
}

.c254
{
	width:254px;
	margin-bottom:3px
}

.c198
{
	width:198px;
	margin-bottom:3px
}

#Temp_email_invite
{
	width:110px;
	height:25px;
	text-align:center
}

.join-group #Temp_code {
    width: 50%;
    margin-right: 2%;
    height: 25px;
    text-align: left;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 2%;
}

.s1,.s2,.s3
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0 10px
}

.s1
{
	border:1px solid rgba(105,165,105,0.25)
}

.s2
{
	border:1px solid rgba(255,182,165,0.50);
	background:rgba(255,182,165,0.25)
}

.s3
{
	border:1px solid rgba(165,255,165,0.50);
	background:rgba(165,255,165,0.25)
}

.group-list .item
{
	width:100%;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1em;
	height:max-content;
	/*max-height:25px;*/
	min-height:2em;
	color:#fff
}

#more-section .dropdown-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#more-section .dropdown-section .drop-column {
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    column-gap: 2vw;
}

#more-section .item {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2vw;
}

#more-section .is-answered-col {
    width: max-content;
    padding: 10px;
    padding-left: 1%;
}

.join-group .result.waiting,.join-group .result.success,.join-group .result.error
{
	text-align:center;
	margin:0 auto;
	left:50%;
	right:50%;
	width:50%
}

.join-group .result.waiting
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324
}

.join-group .result.success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880
}

.join-group .result.error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4
}

.green-dot
{
	background-color:green;
	border-radius:7px;
	width:7px;
	height:7px
}

.green-text
{
	color:green
}

.blinker
{
	display:inline-block;
	animation:blinker-anime 1.5s cubic-bezier(.5,0,1,1) infinite alternate
}

@keyframes blinker-anime {
	from
	{
		opacity:1
	}
	
	to
	{
		opacity:0
	}
}

.blinker-indic
{
	border-radius:7px;
	width:7px;
	height:7px;
	display:inline-block;
	float:left
}

.blinker-label
{
	display:inline-block;
	float:left
}

.alertify h1
{
	background-color:#e6f6ff;
	color:#064a73
}

.alertify p.text-center
{
	text-align:center
}

div.callout {
	height: 60px;
	width: 200px;
	float: left;
}

div.callout {
	background-color: #1E6190;
	background-image: -moz-linear-gradient(top, #1e6191, #1e6191);
	position: relative;
	color: #ccc;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 9px #999;
	margin: 25px;
	min-height: 50px;
	border: 1px solid #1e6191;
	text-shadow: 0 0 6px #000;
	
	/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.callout::before {
	content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
}

.callout.top::before {
	left: 45%;
	bottom: -20px;
	border-top: 10px solid #1e6191;
}

.callout.bottom::before {
	left: 45%;
	top: -20px;
	border-bottom: 10px solid #1e6191;
}

.callout.left::before {
	right: -20px;
	top: 40%;
	border-left: 10px solid #1e6191;
}

.callout.right::before {
	left: -20px;
	top: 40%;
	border-right: 10px solid #1e6191;
}

.callout.top-left::before {
	left: 7px;
	bottom: -20px;
	border-top: 10px solid #1e6191;
}

.callout.top-right::before {
	right: 7px;
	bottom: -20px;
	border-top: 10px solid #1e6191;
}


.listview .icon-active,
.listview .icon-inactive {
	min-height:16px;
	width:56px
}

.listview .sorter li {
	display:inline;
	border-right:1px solid #ccc;
	padding-right:6px
}

.request .view {
	display:block;
        width:100%;
        min-height:36px;
        height:36px;
}

/*.request .view:hover {
        background:#FFF8E1;
        border:1px dashed #FFECB3;
}*/
.prayreqviewcnt {
        margin: 5px;
        border: 1px solid #00000070;
        border-radius: 5px;       
}
/*.prayreqviewcnt:hover {
        background: #fff27e; 
}*/

.prayreqviewcnt.active {
        background:#fff9c8;
        /*border-bottom:1px solid #fff27e;*/
        box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1);
        border: 1px solid #000000;
}

.prayreqviewcnt.active .message{ 
        overflow: visible;
        text-overflow: "";
        height: unset;
        white-space: normal;
        font-weight: bold;
}

.prayreqviewcnt.active .comments-container-header {
        /*color: #E57373;*/
        color:blue;
}

.prayreqviewcnt.active .comments-container {

}

.prayreqviewcnt.active .view {
    border: 0px;
}

.prayreqviewcnt .reqgrpname {
    font-size: 10px;
    font-weight: bold;
}

.group-name {
	float:left;
	padding:0 5px;
	cursor:pointer;
	margin:1px;
	min-width:50px;
	height:29px
}

.group-name:hover {
	background-color:#4491bf
}

.group-button.active {
	background-color:#D32F2F
}

.group-button.active:hover {
	background-color:#E53935
}

.request-group {
	display:inline-block;
	background-color:#f0f8ff;
	border:2px solid #dbe5ef
}

.comment-icon,
.view-comment-icon,
.unread-comments {
	display:inline-block;
	/*float:right;*/
	/*margin-right:5px;*/
}

.close-comments-icon {
        float:right;
        padding-right: 5px;
}

.comment-icon {
	color:#4db54d
}

.comment-note {
	    text-align:left;
        border:1px solid #fdecb8;
        background:#fff8e2;
        display: block;
        margin: 0px;
        margin-bottom: 1px;
        margin-left: 1px;
        margin-right: 1px;
        padding: 0px 5px;
        width: fit-content;     
}

.comment-note.my {
    align-self: flex-end;
    margin-left: 8%;
}

.comment-note.other {
    margin-right: 8%;
}

.comment-note:after{
        /*border-right-color: #fff8e2;*/
}

.comment-note .display-name,
.comment-note .created-on {
	font-style:italic;
	font-size:.8em;
	line-height:.8em
}

.comment-note span.created-on {
    color: rgb(0 0 0 / 35%);
}

.comment-note span.display-name {
    color: rgb(0 0 0 / 90%);
}

.comment-note .line-1,
.comment-note .line-1 > span,
.comment-note .line-2,
.comment-note .line-2 > span {
        margin: 0px;
        padding: 0px; 
}

.comment-note .line-2 > span {
    color: #0404b4;
}

#comment-box {
	width:640px;
	height:225px;
	border:2px dashed #ccc;
	text-align:left;
	position:relative;
}

#comment-textbox {
	height:180px;
}

.popup-close-icon {
	color:#246a94;
	float:right;
	right:0;
	position:absolute;
}

#content {
	overflow:hidden;
}

.mobile-view-mode #content {
	overflow:scroll;
}

.comments-container {
	    padding-bottom: 1px;
        background-color:#f3f3f3;
        width: 100%;
        padding-top: 5px;
        border-bottom:1px solid #e0e0e0;
}

.comments-container.show {
        display: flex;
        flex-direction: column;
}

.comments-container-header {
        background-color:#f3f3f3;
        padding:2px 3px;
        border-top:1px solid #e0e0e0;
        font-weight: bold;
        font-size: 11px;
        color: #eca31d;
        text-transform: uppercase;
        width: calc(100% - 6px);
        margin-top: 5px;
}

.comments-container .seg-left,
.comments-container .seg-right {
	float:left;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #f3f3f3;
}

.comments-container .seg-left {
	width: calc(100% - 75px);
	border-radius: 0px 0px 0px 5px;
}

.comments-container .seg-right {
	width:70px;
	padding-right: 5px;
	border-radius: 0px 0px 5px 0px;
}

.comments-container .new-comment-label {
	width:100%;
	display:block
}

.comments-container .new-comment-note {
	width:100%;
	border:1px dashed #ccc;
	margin-left: 5px;
}

.comments-container .new-comment-button {
	height:36px;
}

.comments-container .comments-heading {
	font-weight:700;
	background:#f0f0f0;
	color:#aaa;
}

.comments-container .no-comment-text {
    padding: 5px;
}

.unread-request-count {
	background-color:#85d2ff;
	color:#1a6490;
	width:16px;
	height:16px;
	display:inline-block;
	text-align:center;
	border-radius:15px;
	font-size:10px;
	font-weight:700;
}

#group-list .active .unread-request-count {
	background-color:#b39cff;
	color:#421dbb
}

.action-btns .action {
        float:left;
        display:inline-block;
}

.action-icon-label {
	text-align:center;
}

.action-controls-rtl {
        float:right;
}

.action-controls-rtl .icon{
        float:left;
}

.message-container {
        width: 100%;
}

.message, 
.message-action-icons {
        float:left;
}

.message-collapse, 
.message-expand {
        margin: 0px;
        padding: 0px;
        text-align: center;
        height: 16px;
        min-height: 16px;
        max-height: 16px;
        color: black;
        font-weight: 800;
} 

.message.expanded {
        width: 100%;
} 


button.manage-group {
        padding: 2px 10px;
        margin: 0px;
        height: 20px;
        background-color: #3686b5;
        color: #ceedff;
        font-weight: bold;
}

.group-prayer-request-section .manage-group.active {
        background-color: #b53636;
        color: #ffd3d3;
}

.group-heading {
    color: #1e6191;
    padding-left: 5px;
}

.group-heading .ghtitle {
    font-size: 18px;
    font-weight: bold;
}

.group-heading .ghcode {
    font-size: 11px;
    font-weight: bold;
}

.t-message {
    margin: 10px 15px;
    padding: 10px;
    font-size: 11px;
    font-weight: 100;
    text-transform: lowercase;
    background: #eee;    
    color: #999;
}

/*.t-no-data-message {
    background: #FCE4EC;    
    color: #F44336;
}*/

.button
{
    width: 65px;
    height: 35px;
    border: none;
    color: #fff;
    clear: left;
    background-color: #4CAF50;
}

.button-success
{
    background-color: #4CAF50;
}

.button-success:hover
{
    background-color: #39963d;
}

.group-manage-heading {
    font-size: 1.4em;
    text-align: center;
    margin: 0 auto;
    background: #3587ba;
    color: #EEE;
    font-weight: 600;
    border-top: 2px solid white;
}


@media only screen and (min-width: 1200px) {
	.container
	{
		width:1200px;
		margin:0 auto;
		padding-left:25px;
		padding-right:25px;
		padding-bottom:25px
	}
}