/* sort css */
.ui-btn-reg:active, .ui-btn-reg:hover {
	background-color: #f6f6f6 !important;
}
div.ui-checkbox.ui-mini {
	margin:  0px !important;
}
#showPrivacy, #showTerms, #showConsent {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	display: none;
}
#ovOption {
	margin: auto;
	padding: 40px;
	max-width: 900px;
	min-width: 320px;
	height: calc(100vh - 80px);
	border: 0px dashed #ff0000;
	overflow: hidden;
}
#ovText {
	position: relative;
	height: calc(100% - 60px);
	padding: 20px 20px 40px 20px;
	font-size; 16px;
	background: #fff;
	border-radius: 20px;
	overflow: auto;
}
#ovDismiss {
	position: fixed;
	width: calc(100% - 120px);
	border: 0px dashed #ff0000; 
}
#ovTitle {
	padding: 15px 0px 20px 0px;
	font-size: 28px;
	color: rgb(0, 154, 206);
	border: 0px dashed #ff0000;
}
@media (max-width: 500px) {
	#ovOption {
		margin: auto;
		padding: 20px;
		min-width: 240px;
		height: calc(100vh - 40px);
	}
	#ovDismiss {
		position: fixed;
		width: calc(100% - 80px);
		border: 0px dashed #ff0000; 
	}
}
.grecaptcha-badge { /* HidesReCAPTCHA badge*/
	display: none;
}
.signIn {
	-webkit-animation: signIn 2s infinite;
	-moz-animation: signIn 2s infinite;
	-o-animation: signIn 2s infinite;
	animation: signIn 2s infinite;
}
@keyframes signIn {  
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes signIn {  
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes signIn {  
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes signIn {  
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
form, select, .ui-input-text, .ui-textinput, .ui-controlgroup, fieldset.ui-controlgroup {
	margin-top: 2px !important;
}
fieldset.ui-controlgroup {
	margin-top: 2px !important;
}
fieldset.ui-controlgroup-filter {
    margin: 0px 0px 0px 8px !important;
}
.ui-btn.ui-checkbox-off.ui-btn-reg:after {
	background-color: #aaa;
	opacity: 0.7;
}
.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on.ui-btn-reg:after {
	background-color: #009ace;
	opacity: 1.0;
}
.metaData {
    margin-top: 15px !important;
    font-size: 13px;
	color: #888;
}
.metaData5 {
    margin-top: 20px !important;
    font-size: 13px;
	color: #888;
}

input.validate:focus { 
    border: none !important;
}
#back2Top {
	position: fixed;
	margin: 0px;
	padding: 0px;
	bottom: 17px;
	left: calc(50% - 16px);
	width: 30px;
	height: 30px;
	line-height: 24px;
	font-size: 36px;
	font-weight: 600 !important;
	color: #999 !important;
	text-align: center;
	background: #e8e8e8;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	border-radius: 50%;
	display: none;
	opacity: .85;
	border: 1px solid #999;
}
#back2Top:hover {
	background-color: #e8e8e8;
	color: #999 !important;
}
.tagBg {
	background: #009ace;
    position: relative;
    width: auto;
    display: inline-block;
	top: -2px;
    height: 20px;
    line-height: 21px;
    margin-right: 15px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 300 !important;
    color: #ffffff;
	text-transform: uppercase;
    border: 0px solid #C7D2DB;
}
.tagPtr:after { /* the arrow on left side positioned using left property */
    position: absolute;
    content: '';
    height: 14px; width: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #009ace;
    border: 0px solid #C7D2DB;
    border-color: transparent transparent #C7D2DB #C7D2DB;
    right: -5px;
    top: 3px;
}
/* framework */
html, body, textarea, input, select, .ui-radio, .ui-btn, h1, label {
	font-family: Roboto !important;
	font-size: 15px;
	font-weight: 400 !important;
}

body {
    background: #fff !important;
}
.ui-body-b {
    border: 0px !important;
}
.ui-splash {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
}
.ui-page, .ui-header, .ui-content {
	min-width: 300px;
}
/* loader */
.ui-loader {
    display: none !important; /* Hides the Ajax loader. We disable with JS. Appeared again 2017.09.11 */
}
.refresh {
	position: fixed;
	margin-left: -25px;
	margin-top: -25px;
	top: 50%;
	left: 50%;	
	width: 50px;
	height: 50px;
	-webkit-animation: spin 1.0s linear infinite;
	-moz-animation: spin 1.0s linear infinite;
	animation: spin 1.0s linear infinite;
	border: 0px;
	z-index: 999;
	display: none;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% { 
        -webkit-transform: rotate(360deg); transform:rotate(360deg);
    }
}
/* textarea */
textarea {
    min-height: 100px !important;
}
textarea.comment {
    min-height: 40px !important;
	height: 40px;
}
/* input */
input {
    padding: 8px !important;
	border-radius: 2px;
}
input.title {
    margin-top: 0px !important;
    min-height: 0px !important;
    height: 50px;
    padding: 0px 10px 0px 10px !important;
	font-weight: 400 !important;
    color: #009ace;
    border-bottom: 2px solid #009ace;
    border-radius: 0px;
    background: #fff;
}
.ui-input-text.noBorder, .ui-textinput.noBorder { /* .ui-textinput.noBorder n/a b4 JQM 1.5 */
    border-width: 0px;
    border-style: none;
}
input::-webkit-input-placeholder {
	font-weight: 300;
    color: #c0c0c0;
}
input:-moz-placeholder {
	font-weight: 300;
    color: #c0c0c0;
}
input::-moz-placeholder {
	font-weight: 300;
    color: #c0c0c0;
}
input:-ms-input-placeholder {
	font-weight: 300;
    color: #c0c0c0;
}
input[type=number].noSpin {
	 -webkit-appearance: none;
	 -moz-appearance: textfield;
	 appearance: none;
}
input[type=number].noSpin::-webkit-inner-spin-button, input[type=number].noSpin::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
/* select */
select::-ms-expand {
    display: none !important;
}
select {
    -webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}
.select {
    padding: 0px 0px 0px 5px;
    width: 100%;
    height: 40px;
    background: url(images/png/carat-d-gray.png) no-repeat #fff !important;
    background-size: 10px 10px !important;
    background-position: right 8px center !important;
	background: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
	outline: none;
}
.selectGroup {
	float: right;
	margin-top: 0px !important;
	margin-right: 5px !important;
	padding: 7px 8px 5px 8px;
    width: 68px;	
	font-size: 12px;
	color: #009ace;
    background: url(images/png/carat-d-blue.png) no-repeat #fff !important;
    background-size: 10px 10px !important;
    background-position: right 8px center !important;
	border: 1px solid #009ace;
}
/*
.select:hover {
    background: url(images/icons-png/carat-d-black.png) no-repeat #ededed;
    background-position: right 8px center !important;
    background-size: 8px 8px;
	background: #fff;
}
*/
/* focus */
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
.ui-focus, .ui-button:focus {
    -moz-box-shadow: 0 0 0px #009ace !important;
    -webkit-box-shadow: 0 0 0px #009ace !important;
    box-shadow: 0 0 0px #009ace !important;
}
.ui-focus.noBorder {
    -moz-box-shadow: 0 0 0px #009ace !important;
    -webkit-box-shadow: 0 0 0px #009ace !important;
    box-shadow: 0 0 0px #009ace !important;
}
/* collapsible content */
.ui-collapsible-content {
	padding: 7px 15px 7px 15px;
}
/* button */
.ui-btn {
	margin-right: 1px;
	padding: 10px 15px 8px 15px;
}
.ui-btn:focus {
    -moz-box-shadow: 0 0 0px #009ace !important;
    -webkit-box-shadow: 0 0 0px #009ace !important;
    box-shadow: 0 0 0px #009ace !important;
}
/* control group */
.ui-btn.ui-btn-c:hover {
	background-color: #009ace !important;
}
.ui-btn.ui-btn-c.ltBlue-hover:hover {
	background-color: #d7eef7 !important;
}
.ui-btn.ui-btn-c.ui-disabled:hover {
	background-color: #f2f2f2 !important;
}
.ui-btn.ui-btn-c.noHover:hover {
	background-color: transparent !important;
}
/* href */
a {
	font-weight: 400 !important;
    text-decoration: none;
}
/* page */
.ui-page {
    background: #fff;
}
/* header */
.ui-header, .ui-toolbar-header { /*ui-toolbar-header na before JQM 1.5 */
    height: 50px;
    color: #fff !important;
    background: #000 !important;
    border: 0px dashed #ff0000 !important;
    box-shadow: 0px 2px 2px #888;
}
.ui-btn.headerBtnLeft {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    background: transparent !important;
    border-radius: 0px;
    border: 0px solid #fff !important;
}
.ui-btn.headerBtnRight {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 50px;
    background: transparent !important;
    border-radius: 0px;
    border: 0px solid #fff !important;
}
.ui-icon-menu:after {
    background: url(images/custom/menu-60.png) no-repeat;
    background-position: center; 
    background-size: 18px 18px;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.ui-icon-chevron-left:after {
    background: url(images/custom/back-60.png) no-repeat;
    background-position: center; 
    background-size: 24px 24px;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
h1 {
	margin-top: 2px !important;
	font-size: 18px !important;
    font-weight: 300 !important;
}
/* header icons */
.ui-icon-plus-gray::after {
	background-image: url("images/custom/go-60-gray.png");
	background-size: 18px 18px;
}
.ui-icon-plus::after {
	background-image: url("images/custom/go-60-white.png");
	background-size: 18px 18px;
}
.ui-icon-minus::after {
	background-image: url("images/custom/down-60-white.png");
	background-size: 18px 18px;
}
.ui-icon-delete::after {
	background-image: url("images/custom/delete-50.png");
	background-size: 18px 18px;
}
/* navigation */
.ui-navbar {
    margin-bottom: 0px;
    padding-top: 5px;
    width: 100%;
    font-size: 14px;
    background: #000 !important;
    box-shadow: 0px 2px 2px #888; /* commented out before JQM 1.5 */
}
.ui-navbar li .ui-btn {
    font-size: 13px;
}
.ui-btn.activityMenu {
	height: 42px; /* n/a b4 JQM 1.5 */
	line-height: 22px; /* n/a b4 JQM 1.5 */
    color: #888 !important;
    text-transform: Uppercase;
    border: 0px;
}
.ui-btn.activityMenu:hover {
    background: #000 !important;
}
.ui-btn-active.activityMenu {
    color: #fff !important;
    background: #000 !important;
    border-bottom: 5px solid #009ace !important;
}
.ui-btn-active.activityMenu:hover {
    color: #fff !important;
    background: #000 !important;
    border-bottom: 5px solid #009ace !important;
}
/* panels */
.ui-panel.ui-panel-open {
    z-index: 99999;
}
.ui-panel-dismiss {
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    height: 100vh !important;
    /* for demo */
    background-color: #000;
    opacity: 0.85;
    z-index: 9999;
}
.ui-panel {
    margin: 0px !important;
}
.ui-panel-inner {
    padding: 0px;
}
.panelOptionWrapper-s {
    padding: 20px 0px 7px 15px;
    border-bottom: 0px solid #ccc;
}
.panelOptionWrapper-e {
    padding: 7px 0px 20px 15px;
    border-bottom: 1px solid #ccc;
}
.panelOptionWrapper {
    padding: 7px 0px 7px 15px;
    border-bottom: 0px solid #ccc;
}
.menuItemDisabled {
    opacity: 0.4;
}
.panelOptionIcon {
    float: left;
	margin-top: 1px;
    width: 30px;
}
.panelOptionText {
    float: left;
    margin-left: 15px;
    font-size: 14px !important;
    color: #fff;
}
#panel-overlay_1 {
    margin: -1px 0;
    border: 0px;
}
#panel-overlay_2 {
    margin: -1px 0;
    border: 0px;
}
.panelProfile {
    padding: 0px 0px 0px 10px;
}
.panelAlert {
    top: 0px;
}
.rbGrpVert .ui-icon{
    display: none;
}
.ui-radio .ui-btn.ui-radio-on.ui-radio-filter:after {
    margin: -5px 10px 0px 0px;
    background-image: none;
    background-color: #009ace;
    width: 10px;
    height: 10px;
    border-width: 0px;
    border-style: solid;
}
/* content */
.ui-content {
	/* min-height: calc(100vh - 130px); */
    padding: 30px 10px 50px 10px;
    background: #fff;
}
.wNav { 
    border: 0px dashed #ff0000;
}
.ui-disabled {
	font-weight: 300 !important;
    color: #bdbdbd !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #ddd !important;
    opacity: 1.0 !important;
}
.ui-disabled.disabledGray {
	background-color: #e1e1e1 !important;
}
.ui-disabled.disabledDkGray {
	background-color: #c0c0c0 !important;
	border: 0px !important;
	-webkit-box-shadow: 0px !important; 
	-moz-box-shadow: 0px !important; 
	box-shadow: 0px !important;
}
.disabledBlack {
    color: #eee !important;
	background: #c0c0c0 !important;
	border: 0px !important;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10) !important; 
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10) !important; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.10) !important;
}
.ui-disabled.regInput {
	border: 0px !important;
}
.ui-disabled.regField {
	border: 0px !important;
	background: none !important;
}
/* content - user profile */
.profileHeading {
	font-size: 24px;
	font-weight: 300;
	color: #009ace;
	text-transform: uppercase;
}
.profileSubHeading {
	font-size: 19px;
	font-weight: 300;
	color: #009ace;
}
/*
.metaDataProfileItem {
    margin: 15px 0px 0px 0px !important;
    font-size: 13px;
}
*/
.metaDataProfileDetail {
	padding: 3px 0px 0px 0px;
}
/* toggle show pwd buttton - registration */
.btnShowPwd {
	display: block; 
	float: right; 
	margin: -45px 1px 0px 0px; 
	height: 36.7px !important; 
	padding: 3px 15px 0px 10px; 
	border: 0px; 
	background: transparent; 
	cursor: pointer;
}
/* toggle show calendar buttton - registration */
.btnShowCal {
	display: block; 
	float: right; 
	margin: -45px 1px 0px 0px; 
	height: 36.7px !important; 
	padding: 3px 15px 0px 10px; 
	border: 0px; 
	background: transparent; 
	cursor: pointer;
}
/* content - activity edit - calendar */
.btnBlue {
    margin: 0px;
    color: #fff !important;
    background: #009ace !important;
    border: 1px solid #009ace !important;
    opacity: 1.0;
}
/* avatars */
.avatar100 {
    margin: auto;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.avatar45 {
    width: 45px;
    height: 45px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.avatar40 {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.avatar35 {
    width: 35px;
    height: 35px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.avatar30 {
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
.avatar25 {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}
/* clear */
.clear0 {
    clear: both;
    height: 0px;
}
.clear3 {
    clear: both;
    height: 3px;
}
.clear5 {
    clear: both;
    height: 5px;
}
.clear10 {
    clear: both;
    height: 10px;
}
.clear15 {
    clear: both;
    height: 15px;
}
.clear20 {
    clear: both;
    height: 20px;
}
.clear25 {
    clear: both;
    height: 25px;
}
.clear30 {
    clear: both;
    height: 30px;
}
.clear35 {
    clear: both;
    height: 35px;
}
.clear40 {
    clear: both;
    height: 40px;
}
.clear45 {
    clear: both;
    height: 45px;
}
.clear50 {
    clear: both;
    height: 50px;
}
.clear55 {
    clear: both;
    height: 55px;
}
.clear60 {
    clear: both;
    height: 60px;
}
/* adjust web */
@media (min-width: 600px) {
	/* framework */
	html, body, textarea {
		line-height: 20px !important;
	}
	body {
		overflow: auto !important;
	}
	.ui-page {
		overflow: hidden;
	}
	/* content */
	#contentWrapperWeb {
		margin: auto;
	}
	#contentWrapperApp {
		margin: auto;
		width: 580px;
	}
	input.title {
		font-size: 24px;
	}
}
/* adjust mobile */
@media (max-width: 600px) {
    /* framework */
    .ui-header {
        line-height: 20px !important;
    }
	/* content */
	input.title {
		font-size: 22px;
	}
}
/* adjust iOS 11.0+ */
.ui-toolbar-header, .ui-toolbar-header-fixed, .ui-header, .ui-content, .ui-content.wNav, .iOSpanelProfile, .iOSpanelOptions, .iOSpanelAlertHeader, .iOSpanelAlerts, .iOSpanelFilterCtg {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}
.ptr--ptr {
    top: env(safe-area-inset-top) !important;
}
/* sort css */
.ui-btn.ui-icon-menu {
	background: url(images/custom/menu-60.png) no-repeat !important;
	background-position: center !important;
	background-size: 18px 18px !important;
}
.ui-btn.ui-icon-chevron-left {
	background: url(images/custom/back-60.png) no-repeat !important;
	background-position: center !important;
	background-size: 24px 24px !important;
}
.ui-btn.ui-icon-menu:disabled {
	opacity: 1.0;
}
.ui-btn.ui-icon-chevron-left:disabled {
	opacity: 1.0;
}
/* JQM 1.5 */
.ui-toolbar .ui-toolbar-title, .ui-toolbar-header .ui-toolbar-title, .ui-toolbar-footer .ui-toolbar-title {
	padding: .6em 0;
}
@media (min-width: 500px) {
	.ui-page {
		padding-bottom: 70px !important;
	}
}
@media (max-width: 500px) {
	.ui-page {
		padding-bottom: 50px !important;
	}
}
.ui-content {
	padding-bottom: 0px !important;
}
.optReg>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
	border: 1px solid #555;
}
.optReg>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked {
	margin-right: 4px;
}
.optReg>.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:active,
.optReg>.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:hover {
	background-color: #fff !important;
}
#pgActvLI {
	padding-top: 95px !important;
}
html .ui-bar-b .activityMenu.ui-btn.ui-btn-active, html .ui-bar-b .activityMenu.ui-button.ui-button-active {
    background-color: #000000 !important;
}
.ui-checkboxradio-radio-label {
	padding: 6px 15px 4px !important;
	font-size: 15px !important;
}
/* control group button checked state background color */
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item.ui-btn-active.ui-checkboxradio-checked.ui-state-active,
.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked,
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item
:not(.ui-radio-on.ui-radio-off) {
	background-color: #009ace !important;
}
/* control group button active and hover state background color */
.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:active,
.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:hover {
	background-color: #f6f6f6 !important;
}
/* vertical control group button */
.ui-controlgroup-vertical >
.ui-button {
	border-top-width: 1px !important;
	border-color: #ddd;
}
/* horizonal control group active state text shadow */
.ui-radio-on.ui-btn-active.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item {
	text-shadow: 0 0px 0 #059 !important;
}
/* profile location input */
.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
	border: 1px solid #ddd !important;
	border-radius: 2px;
}
/* sign-up activity interest categories */
.ui-btn-reg.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-button-inherit {
	border-radius: 0px;
}
/* sign-up, profile, edit, activity interest categories */
.actvInt>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank,
.actvInt>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked,
.actvInt>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked.ui-state-hover {
	float: right;
	margin: 5px -4px;
}
/* activity create/edit activity interest */
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini,
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini:active,
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini:hover,
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-c.ui-mini {
	font-family: Roboto !important;
    font-size: 15px;
    font-weight: 400 !important;
	color: #333333 /*{a-bup-color}*/;
    text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
}
/*
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini.ui-button-active>span {
    background-image: url("images/custom/go-60-white.png") !important;
}
*/
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini.ui-button-active,
.actvIntOpt>.ui-collapsible-heading-toggle.ui-button.ui-button-c.ui-mini {
	font-family: Roboto !important;
    font-size: 15px;
    font-weight: 400 !important;
    color: #333 !important;
    background-color: #f6f6f6 !important;
    border-color: #ddd !important;
}
.actvIntSel>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini,
.actvIntSel>.ui-collapsible-heading-toggle.ui-button.ui-button-c.ui-mini,
.actvIntSel>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini:active,
.actvIntSel>.ui-collapsible-heading-toggle.ui-button.ui-button-a.ui-mini:hover {
	font-family: Roboto !important;
    font-size: 15px;
    font-weight: 400 !important;
	color: #ffffff /*{c-bup-color}*/;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #444444 /*{c-bup-shadow-color}*/;
    background-color: #009ace;
	border-color: #165e7c;
}
.ui-collapsible-heading-toggle>span.ui-icon-plus {
	float: left;
	margin: 3px 0px 0px -5px;
	padding: 0px !important;
	background-color: transparent;
	background-image: url("images/custom/go-60-gray.png");
	background-size: 18px 18px;
}
.actvIntSel>a>span.ui-icon.ui-icon-plus {
	float: left;
	margin: 3px 0px 0px -5px;
	padding: 0px !important;
	background-color: transparent;
	background-image: url("images/custom/go-60-white.png");
	background-size: 18px 18px;
}
.ui-collapsible-heading-toggle>span.ui-icon-minus {
	float: left;
	margin: 3px 0px 0px -5px;
	padding: 0px !important;
	background-color: transparent;
	background-image: url("images/custom/down-60-white.png");
	background-size: 18px 18px;
}
.actvIntSelDel {
	float: right;
	margin-top: 4px;
	background-color: transparent;
	background-image: url("images/custom/delete-50.png") !important;
	background-size: 18px 18px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
/* activity create/edit registration required outside of ror  */
.outReg {
	height: 17px !important;
	line-height: 20px !important;
}
.outReg>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank,
.outReg>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked,
.outReg>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked.ui-state-hover {
	float: right;
	margin: 1px -4px;
}
.ui-radio-filter,
.ui-radio-filter.ui-button-inherit.ui-controlgroup-item.ui-checkboxradio-label.ui-corner-all.ui-checkboxradio-checked.ui-state-active.ui-radio-off,
.ui-radio-filter.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-controlgroup-item.ui-checkboxradio-label.ui-corner-top.ui-checkboxradio-checked.ui-state-active.ui-radio-off,
.ui-radio-filter.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item.ui-checkboxradio-checked.ui-state-active.ui-radio-off {
    margin: 0px !important;
    padding: 10px 40px 10px 15px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 0px !important;
    background-color: #222 !important;
    line-height: 1.5 !important;
}
.ui-radio-filter.ui-radio-on {
    margin: 0px !important;
    padding: 10px 40px 10px 15px !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 0px !important;
    background-color: #222 !important;
    line-height: 1.5 !important;
    background-image: url(images/custom/filterSelect.png);
    background-repeat: no-repeat;
    background-size: 30px 10px;
    background-position: right center;
}
.ui-radio-filter.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item.ui-radio-on.ui-btn-active.ui-checkboxradio-checked.ui-state-active,
.ui-radio-filter.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item,
.ui-radio-filter.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked,
.ui-radio-filter.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:active,
.ui-radio-filter.ui-button.ui-widget.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item:hover {
    background-color: #222 !important;
    border: 0px !important;
}
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item.ui-radio-on.ui-btn-active.ui-checkboxradio-checked.ui-state-active,
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item,
.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-check.ui-state-checked {
    text-shadow: 0 0px 0 #059 !important;
    background-color: #009ace !important;
}
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item.ui-radio-on.ui-btn-active.ui-checkboxradio-checked.ui-state-active,
.ui-button.ui-widget.ui-checkboxradio-radio-label.ui-checkboxradio-checked.ui-state-active.ui-button-inherit.ui-checkboxradio-label.ui-controlgroup-item {
    border: 1px solid #4682B4 !important;
}
.tagUser>span.ui-checkboxradio-icon.ui-corner-all.ui-icon.ui-icon-background.ui-icon-blank {
    display: none;
}

/* Popup Background shadow div */
.bg_shdw{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    position:absolute;
    text-align:center;
    top:0px;
	left:0px;
    width:100%;
	height:100%;
    z-index:97;
}
.bg_shdw > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
	overflow: hidden;
    vertical-align: middle;
    width: 300px;
    position: relative;
    padding: 15px 5%;
	z-index:98;
}

/* Popup Background shadow div END */