.btn-liv2 {
    background: #1B7984 !important;
    border-color: #1B7984 !important;
}
.btn-liv2.btn-outline {
    background: #FFFFFF !important;
    color: #1B7984 !important;
}
.btn-liv2:hover, .btn-liv2:focus, .btn-liv2:active, .btn-liv2.active, .open .dropdown-toggle.btn-liv2 {
    background-color: #1B7984  !important;
    border-color: #1B7984  !important;
    color: #fff !important;
}
.textLiv2 {
  color: #1B7984 !important;
}
.btn-donBlue.btn-outline {
    background: #FFFFFF !important;
    border-color: #48a7d0  !important;
    color: #48a7d0 !important;
}
.btn-donBlue:hover, .btn-donBlue:focus, .btn-donBlue:active, .btn-donBlue.active, .open .dropdown-toggle.btn-donBlue {
    background-color: #48a7d0  !important;
    border-color: #48a7d0  !important;
    color: #ffffff !important;
}
.btn-grey {
	background-color: #676a6c !important;
    border-color: #676a6c !important;
    color: #fff;
}
.btn-grey.btn-outline {
    background: none !important;
    color: #676a6c !important;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active {
    background-color: #676a6c  !important;
    border-color: #676a6c  !important;
    color: #ffffff !important;
}
.panel-liv2 {
    border-color: #1B7984;
}
.panel-liv2>.panel-heading {
    background-color: #1B7984;
    border-color: #1B7984;
    color:#ffffff;
}
.btn-donateNow {
    background: #FC6D00 !important;
    border-color: #FA6301 !important;
    color: #fff !important;
}
.btn-donateNow.btn-outline {
    background: none !important;
    color: #FC6D00 !important;
}
.btn-donateNow:hover, .btn-donateNow:focus, .btn-donateNow:active, .btn-donateNow.active {
    background-color: #FC6D00  !important;
    border-color: #FA6301  !important;
    color: #fff !important;
}
.btn_batch:active:focus, .btn_batch:focus 
{
    outline-offset: 0 !important;
}



.text-liv2 {
	color: #1B7984;
}
.text-grey {
	color: #5e5e5e;
}
.text-orange {
	color: #FC6D00;
}

/* For Textboxes based on new UI guidelines */
.text-title-grey {
	color: #636769;
}
.textboxStyle {
	padding-left: 20px !important;
    padding-right: 20px !important;
    border-width: 2px !important;
    border-radius: 4px !important;
	border-color: #d9d9d9;
	color: #636769 !important;
	font-size: 13px !important;
}
.textboxStyle:focus {
	border-color: #d9d9d9 !important;
}
.has-error .textboxStyle, .has-error .textboxStyle:focus,
.has-error .textAreaDesc, .has-error .textAreaDesc:focus{
	border-color: #ed5565 !important;
}
/* For Textboxes based on new UI guidelines */

/* --- material floating label --- */

.lineTextboxForm .form-group {
    display: flex;
    height: 46px;
    margin-bottom: 0 !important;
}

.lineTextboxForm .form-group .control-label {
    font-weight: 400;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    color: #676a6c;
}

.lineTextboxForm select {
    background: none;
    /*border: none;*/
    line-height: 1.6;
    box-shadow: none;
}

.lineTextboxForm .form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.75);
}

.lineTextboxForm .form-control {
    align-self: flex-end;
}

.lineTextboxForm .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.lineTextboxForm .form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.lineTextboxForm .form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}

.lineTextboxForm textarea,
.lineTextboxForm textarea.form-control,
.lineTextboxForm input.form-control,
.lineTextboxForm input[type=text],
.lineTextboxForm input[type=password],
.lineTextboxForm input[type=email],
.lineTextboxForm input[type=number],
.lineTextboxForm [type=text].form-control,
.lineTextboxForm [type=password].form-control,
.lineTextboxForm [type=email].form-control,
.lineTextboxForm [type=tel].form-control,
.lineTextboxForm [contenteditable].form-control,
.lineTextboxForm .input-group-addon {
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 -1px 0 #dddddd;
    box-shadow: inset 0 -1px 0 #dddddd;
    font-size: 16px;
}
.tagbadge{
	padding: 8px !important;
    background: #ffffff !important;
    margin-right: 8px !important;
    margin-top: 0px !important;
	border-radius: 4px !important;
	border: 1px solid #ccc;
}
.sectionrow{
    overflow-y: hidden;
}
.secstyle{
	min-height: 400px;
    max-height: 500px;
	height: 500px;
	overflow-x: hidden;
    overflow-y: auto;
}
/* --- material floating label --- */
.errorComponent {
	color: #f50000;
	-webkit-box-shadow: inset 0 -1px 0 #f50000 !important;
    box-shadow: inset 0 -1px 0 #f50000 !important;
    border-bottom: 1px solid #f50000 !important;
}
.form-control.errorComponent:focus {
	border-color: #f50000 !important;
}
.height34 {
	height:34px;
}
.fs13 {
	font-size: 13px;
}
.labelDonateNowOutline {
	background: #ffffff !important;
    border: 1px solid #FA6301 !important;
    color: #FA6301 !important;
}
.verticalCenterWithBtn {
	height: 34px;
    line-height: 34px;
}
.fundraiserRecurringDateText {
  height: 34px;
  padding-top: 6px;
}
.fontWeight400 {
	font-weight: 400 !important;
}
.marginLeft0 {
	margin-left: 0px;
}
.minimalTextBoxStyle {
	border: none !important;
}
.minimalTextBoxBorder {
	border-bottom: 1px solid #aaacad !important;
}
.minimalTextBoxBorder:focus {
	border-bottom-color: #1ab394 !important;
}
.syncContactsHeading {
    color: #115b81 !important;
    text-align: left;
    margin-top: 15px;
    font-size: 14px;
}
.btn-primary:active:focus {
	background-color: #18a689;
    border-color: #18a689;
    color: #fff;
}

.marginTop10 {
	margin-top: 10px !important;
}
.marginBottom10 {
	margin-bottom:10px !important;
}
.marginLeft15 {
    margin-left:15px !important;
}
.marginRight15 {
	margin-right:15px !important;
}
.padTop2px {
	padding-top:2px;
}

.padding-right-15 {
	padding-right: 15px !important;
}

.no-row-margin {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.logPad{
	padding: 15px 0px 0px 15px;
	word-break: break-word;
}

.logPopover > .popover-content{
	height: 310px;
	width: 400px;
	overflow-x: inherit;
	overflow-y: scroll;
}

.logPopover > .popover-body{
	height: 310px;
	width: 400px;
	overflow-x: inherit;
	overflow-y: scroll;
}
.row.mt1.ecrm_row_t1 > .row.mt1.ecrm_row_t1 {
	padding-left: 30px;
    padding-right: 30px;
    background-color: transparent;
}
.noBorderRight {
  border-right:0 !important;
}
#yrAdrFindCancel {
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#yrAdrFindCancel:focus {
  border-color: #1ab394!important;
}
.importUserScroll {
	max-height:275px;
	overflow-y:auto;
}
.todoDateFull {
  display: inline-block;
}
.linkedIn
{
	color:#0077b5;
}
.todoDateDay {
  font-size: 5em;
  line-height: 0.9em;
  font-weight: 600;
  display: block;
}
.todoDateMonth {
  font-size: 16px;
  line-height: 0.2em;
  display: block;
  text-align: center;
  margin-top:7px;
}
.todoDateYear {
  font-size: 16px;
  line-height: 0.2em;
  display: block;
  text-align: center;
  margin-top:18px;
}
.marginLeft0 {
    margin-left: 0 !important;
}
[id^=todoPanelLi_] {
  padding:6px !important;
  margin-bottom: 5px !important;
}
.optionsIconAlignMid {
  height: 42px;
  line-height: 42px !important;
}
body.mini-navbar .nav.metismenu > li {
  text-align: center;
}
.padLeft2 {
  padding-left:2px;
}

.plr-2 {
	padding: 0px 2px !important;
}

.todoUl {
	min-width: 75px !important;
}
.todoUl > li {
	padding:0 !important;
}
.todoUl > li > a {
	color: white !important;
    line-height: 15px !important;
    padding: 5px !important;
}
.todoUl > li > a.label-primary:hover,
.todoUl > li > a.label-primary:focus {
	background-color: #169A7F !important;
}
.todoUl > li > a.label-success:hover,
.todoUl > li > a.label-success:focus {
	background-color: #1A79B5 !important;
}
.todoTask .ibox .open>.dropdown-menu {
	right:auto !important;
}
.todoTask .popover {
	min-width: 375px !important;
	border-radius: 3px !important;
}
.todoTask .popover-content {
	padding: 15px !important;
}
.todoTask .popover-body {
	padding: 15px !important;
}
.icalendar_compact {
    background: none !important;
    border: none !important;
}
.largeDropdown {
	min-width:250px !important;
}
.agile-list li.warningExtra-element {
    border-left: 3px solid #FA6301;
}
.agile-list li {
	border-left-width:5px !important;
}
.defCurs {
	cursor: default;
}
[id^=Todo_Pen_]+.popover .dropdown-menu > li {
	background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
[id^=todoPnl_] .dropdown-menu > li {
	background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
[id^=todoPanelLi_] .calendarPopover {
	min-width: 100px !important;
}
[id^=todoPanelLi_] .calendarPopover .popover-title {
	margin-top:0 !important;
}
[id^=todoPanelLi_] .calendarPopover .popover-header {
	margin-top:0 !important;
}
[id^=todoPanelLi_] .calendarPopover .popover-content {
	padding:7px !important;
}
[id^=todoPanelLi_] .calendarPopover .popover-body {
	padding:7px !important;
}
#addTaskPopover+.popover .popover-title {
	margin-top:0 !important;
}
#addTaskPopover+.popover .popover-header {
	margin-top:0 !important;
}
[id^=Todo_Pen_]+.popover .popover-title {
	margin-top:0 !important;
}
[id^=Todo_Pen_]+.popover .popover-header {
	margin-top:0 !important;
}
.todoTitleVerticalMid {
	height: 32px;
    line-height: 32px;
    margin-bottom: 0;
}
.textEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.liv2GlobalColor {
	color:#1B7984 !important;
}
.datepicker {
	z-index: 100000 !important;
}
.editBg {
	background-color: #1ab394 !important;
    color: #fff !important;
}
.editBgHeader {
	background-color: #008066 !important;
    color: #fff !important;
}
.uploadBoxStyle {
	min-height: 87px;
    background: #F2F2F2;
    color: #909090;
    padding-top:25px;
}
.uploadBtnStyle {
	background: #DCDBDC;
    padding: 8px;
    color:#1A9091;
}
.uploadProgressDiv {
    border: 1px solid #DCDBDC;
    min-height: 121px;
}
.boxStyle {
  border: 1px solid #D2D2D2;
  -webkit-box-shadow: 1px 1px 5px -2px rgba(204,204,204,1);
  -moz-box-shadow: 1px 1px 5px -2px rgba(204,204,204,1);
  box-shadow: 1px 1px 5px -2px rgba(204,204,204,1);
}
.ticketHead {
	border-left: 6px solid #FFA500;
    padding-top: 15px;
    padding-bottom: 15px;
}
.singleLineDesc {
	height:20px;
	overflow:hidden;
}
.lineHeight20 {
	line-height: 20px;
}
.iboxBorder {
    border: 1px solid #ECECEC;
}
.panelItem .panelItemIcon {
	opacity: 0;
}
.panelItem:hover .panelItemIcon {
	opacity: 1;
}
.dragndrop {
	height: 200px;
  background: #F1F1F1;
  font-family: 'Roboto', sans-serif;
  color: #616161;
}
.noBrdLeft
{
	border-left: 0;
}
.noBrdRight
{
	border-right: 0;
}
.pfBoxBorder {
	border: 1px solid #e4e4e4;
}
.dashShdw
{
	-webkit-box-shadow: 0px -1px 17px -1px rgba(146, 145, 145, 0.65);
    -moz-box-shadow: 0px -1px 17px -1px rgba(146, 145, 145, 0.65);
    box-shadow: 0px -1px 1px -1px rgba(146, 145, 145, 0.65);
}
.underline_txt {
  border: none;
  background: none;
  border-bottom: 1px solid #ccc;
}
.loginScreenVerticalMid {
  min-height: 100%;
  min-height: 100vh;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
}
.verticalMidUsingFlex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
}
.dispFlex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.dispFlex * {
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
#addMembersDiv [id^="edit_grp_mbrs_"] .ecrm_row_t1 {
	background-color: white !important;
}
#addMembersDiv [id^="edit_grp_mbrs_"] [class^="col-"] {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.marginTop25 {
	margin-top:25px;
}
.marginTopAuto{
	margin-top:auto;
}
.fs10p
{
font-size: 10px;
}
.fontSize15 {
	font-size: 15px !important;
}
.crmContainer .nav-tabs>li>a {
	color:white !important;
}
.crmContainer .nav-tabs>li>a:hover, .crmContainer .nav-tabs>li>a:focus {
	background-color: #3b4e61 !important;
	color:white !important;
}
.crmContainer .nav-tabs>li.active>a, .crmContainer .nav-tabs>li.active>a:hover, .crmContainer .nav-tabs>li.active>a:focus {
	background: #3b4e61 !important;
}

#pipeline_tab > .nav-tabs>li>a {
	color: #555  !important;
}
#pipeline_tab > .nav-tabs>li>a:hover, #pipeline_tab > .nav-tabs>li>a:focus {
	background-color: #fff !important;
	color: #555 !important;
}
#pipeline_tab > .nav-tabs>li.active>a, #pipeline_tab > .nav-tabs>li.active>a:hover, #pipeline_tab > .nav-tabs>li.active>a:focus {
	background: #fff !important;
}
.actin
{
	padding-top: 5px;
    padding-bottom: 5px;
}
.actOuter
{
	border: 1px solid rgba(214, 214, 214, 0.5);
	background: white;
	margin: 2px;
}
.hasICalendar > .icalendar_list {
	margin-top:2px;
}

.verticalCenterLineHeight {
	height:46px;
	line-height:46px;
}

.sTop
{
position: relative;
min-height: 34px;
}
.sTop .sSrch
{
    position: absolute;
    right: 22px;
    bottom: 11%;
    color: #c3c3c3;
    z-index: 2;
    cursor: pointer;
}
.sTop .sSearch
{
    position: absolute;
    right: 4px;
    bottom: 11%;
    color: #c3c3c3;
    z-index: 2;
    cursor: pointer;
}
.rcrdLnk
{
    padding: 1%;
    border: 1px solid #ffffff;
    background: #f7f7f7;
}
.profileCircleLogo {
	width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 32px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 32px;
    box-shadow: inset 0 0 1px #1c84c6, inset 0 0 10px #f5f5f5;
    border: 1px solid;
    margin-left: 5px;
    text-align: center;
}
#itemGridList .packageRowBg {
	background:#C5DEC5 !important;
}
/*#itemGridList .packageRowBg .slick-cell {
	color: #ffffff !important;
}*/
#itemGridList .slick-cell {
	color: #444444 !important;
}
/* #itemGridList .slick-row.ui-widget-content.odd:not(.packageRowBg) {
    background-color: #FFF !important;
} */
.userTagStyle {
	background-color: #D8F9ED;
    color: #101010;
	padding: 3px;
    margin-right: 3px;
}
.batchTagStyle {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #fff;
    padding: 3px;
    margin-right: 3px;
}
.addTagBtn,
#paymentInfoDiv #nameDiv .input-group-addon,
#Batch_lists #nameDiv .input-group-addon {
	background: #1ab394;
	color: #fff;
	border: none;
}
.authDis {
	color: #aaaaaa !important;
}

.noMarginBottom {
	margin-bottom:0 !important;
}
.paddingTop0 {
  padding-top:0 !important;
}
.paddingBottom0 {
  padding-bottom: 0 !important;
}
.tabshift{
	text-align: center;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	z-index: 2;
  	  background: rgba(0, 0, 0, 0.05);
}

.tabshift i{
	text-align: center;
  	margin-top: 20%;
}
.popover
{
	min-width: 300px !important;
}

.colMinWidth {
	min-width: 100px !important;
}
.listWidth {
	min-width: 400px !important;
	max-width: 550px !important;
}
.editHeader {
	background: #134E61;
	color: white;
	padding: 5px 0px 5px 4px;
}
.text-body-large
{
	font-weight: 400;
	line-height: 24px;
	color: #666;
	padding: 8px 15px 8px 15px;
    font-weight: bold;
}
.todoComment {
	padding: 10px 8px;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}
.create-tickets-header
{
	background: #f4f4f4;
	font-weight: 600;
	line-height: 18px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #dedede;
}

.create-tickets-row
{
	position: relative;
	/*background: #FFF;*/
	margin-top: -1px;
	padding: 13px 0px 13px 0px;
	border: 1px solid #dedede;
}
[id^=todoCmntBx_] .todoComment:last-of-type {
	border-bottom: none !important;
}

[id^=task_cmnt_div_] .todoComment:last-of-type {
	border-bottom: none !important;
}
[id^=dashboardEntry_CC_] .row:last-child {
	padding-top:0 !important;
}
[id^=dashboardEntry_CC_] .row:first-child {
	padding-top:8px !important;
}
.taskCommentHeader {
	background: #EFEEE2;
    padding: 10px;
    color: #909090;
}
.loginIconCenter {
	height: 40px;
    line-height: 40px !important;
}
.signinBtn {
	color: white; background: #1f727a; width: 35%; padding: 15px; font-weight: 300;
}
.signinBtn:hover {
	color:white !important;
}
.marginTop20 {
	margin-top: 20px;
}
.marginTop30 {
	margin-top:30px;
}
.marginBottom30 {
	margin-bottom:30px;
}
.marginLeftMinus20 {
	margin-left: -20px !important;
}
.marginLeft1 {
	margin-left: 1px;
}
#goalD .amountInputBorder {
    border-bottom: 2px solid !important;
}
/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
.greetingArw{
	  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
  border: 0;
  min-height: 17px !important;
}

.eventRegCoupon {
	padding-top: 5px;
    margin-bottom: 0 !important;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.height100 {
	height: 100%;
}

.loginPageLeftBg {
	background: #f4f5f9;
}
.loginPageRightBg {
	background: #ffffff;
}
.loginWithBtn {
	font-size: 18px;font-family: 'Noto Sans', sans-serif;line-height:38px;
}

.progressRcpt
{
    top: 0%;
    left: 0%;
    margin: auto;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    cursor: wait;
    /*background-color: whitesmoke;
    background-color: #fff;
    opacity: 0.6;*/
    background-color: rgba(0, 0, 0, 0.64);
    display:none;
}
.prgrDiv
{
	width: 550px;
	height:100px;
	padding: 15px;
  	background: #fff;
  	border: 5px solid #898B8B;
  	position: absolute;
  	margin: auto;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
}
.prText
{
	text-align: center;
	font-size: 16px;
	color: #1f727a;
}

.require
{
	color:red;
}
.mr6
{margin-right: 6%;}

body{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin-right: 0px !important;
}
.pac-container{
	z-index: 2060 !important;
}
.pac_finder{
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 20px;
	font-weight: bold;
}
.ui-autocomplete
{
	height: 150px;
	overflow: auto;
  	z-index: 2060 !important;/*for add new user popup */
}
.ui-datepicker
{
	z-index: 2060 !important;/*for add new user popup */
}
.ui-datepicker {
	position: absolute;
	z-index: 100000 !important;
}
.global_show
{
	display: none;
}
.colorYellow
{
	color: gold;
}
.maxH90
{
	max-height: 90px;
}
.maxH50
{
	max-height: 50px;
}
.ovrFlowX
{
	overflow-x: auto;
	font-size: 90%;
	width:100%;
}

.img-temp
{
	height: 132px;
	width: 150px;
	padding: 10px;
	border: 1px solid #DEDEDE;
}

.tmplSel{
	border: 3px solid #FC9B0A !important;
}
.underLine
{
   text-decoration: underline;
}

textarea
{
resize:none;
}
.info_underline
{
	border-bottom: 1px solid #3a87ad;
}
/*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #74AAD3;

} */
.fs36 {
	font-size: 36px;
}
.fs12 {
	font-size: 12px;
}

.fs18 {
	font-size: 18px;
}

.marginTopBottom15 {
	margin: 15px 0px !important;
}
.marginTop10 {
	margin-top:10px;
}
.darkGrey {
	color: #989898;
}
.verticalCenterOnlyFlex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
	-ms-flex-align: center;
}
.height43 {
	height:53px;
}
.fontSize22 {
	font-size: 22px;
}
/* --- material floating label --- */

.frm-group {
    display: flex;
    height: 43px;
        margin-bottom: 10px;
}

.m-label {
    font-size: 14px;
    font-weight: 300; 
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    color: #158e8f;
    top: -7px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	width: calc(100% - 30px);
}

.frm-group.focused .m-label{ 
    transform: scale(0.75);
}
.has-error .m-label
{
  color: red !important;
  top: -9px;
}
.has-error .m-lbl
{
  color: red !important;
}
.has-error .chosen-choices{
    border-bottom: 1px solid red !important;
}
 
.frm-group .error {
    border-bottom: 1px solid red !important;
}
.has-error .m-addon {
        color: #555 !important;
        background-color: #fff !important;
    border-color: #e5e6e7 !important;
}

.mailSet
{
  background-color: #f5f5f5;
  border: 1px solid #d9d9d9;
  color: #848080;
  padding: 2px;
  font-size: 12px;
  border-radius: 3px;
  font-weight: normal;
  margin-top: 1px;
  margin-right: 2px;
}

#CommonPopUpClose, #EventPopUpClose
{
	color: white !important;
   	opacity: 1 !important;
    font-size: 21px !important;
    font-weight: 200;
}

#CommonPopUpClose:hover, #EventPopUpClose:hover{
	color: white;
}

#taskDiv .badge, #actPnl .badge {
	color:white !important;
}
.embedCardImgPad {
	padding:15px 15px 0px;
}
.embedCardOuterDiv {
	border: 1px solid #E6E6E6;
    /* box-shadow: 1px 1px 15px 2px #F5F5F5; */
    color: #494949;
}
.embedDonateBtn {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #fff;
    width: 250px !important;
    border-radius: 4px !important;
}
.embedDonateBtn:hover, .embedDonateBtn:focus {
	color:#fff !important;
}
#CommonPopUpTitle > h3 {
	font-size:150% !important;
}
.marginTopBottom30 {
	margin-top:30px;
	margin-bottom:30px;
}
.marginBottom15 {
	margin-bottom: 15px;
}
.marginTop15 {
	margin-top: 15px;
}
.marginLeft15 {
	margin-left:15px;
}
.marginRight15 {
	margin-right: 15px;
}
.paddingTop15 {
	padding-top:15px;
}
.paddingBottom {
	padding-bottom:15px;
}
.borderBottom {
	border-bottom: 1px solid #D4D4D4;
}
.borderBottomLight {
    border-bottom: 1px solid #e7eaec;
}
.paddingTop10 {
	padding-top: 10px;
}
.paddingBottom10 {
	padding-bottom: 10px;
}
.borderRight {
	border-right: 1px solid;
}
.panelBorder {
	border: 1px solid #E8E8E8;
    border-top: none;
}
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
background: #6eafbf !important;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
color: #fff!important;
text-shadow: 0px 1px 0px #4d7a85!important;
filter: dropshadow(color=#4d7a85, offx=0, offy=1);
border: 1px solid #55838f!important;
position: relative!important;
margin: -1px!important;
}
.ui-datepicker-calendar .ui-state-active {
background: #6eafbf !important;
-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1)!important;
color: #e0e0e0!important;
text-shadow: 0px 1px 0px #4d7a85!important;
filter: dropshadow(color=#4d7a85, offx=0, offy=1);
border: 1px solid #55838f!important;
position: relative!important;
margin: -1px!important;
}*/

[id^="todoPanelLi_"] .user_tag {
    padding: 1px 5px !important;
}
.ui-datepicker
{
	min-width:250px !important;
	padding: 15px !important;
	font-family: 'Open Sans', sans-serif !important;
	color:#555 !important;
	/*background: #f6f4f4 !important;*/
}
.spin-local
{
    top: 0%;
    left: 0%;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    cursor: wait;
    background-color: whitesmoke;
    opacity: 0.6;
    display: none;
}
.ahref
{
	cursor: pointer;
	color: #428bca;
}
.ahref_purple
{
	color: #609 !important;
}
.ahref:hover
{
	border-bottom:1px solid  #428bca;
}

.urlhref:hover
{
	border-bottom:1px solid  #337ab7;
}

.grayBox
{
background: #F5F5F5;
border: 2px solid #EDEDED;
}
.noBrdBtm
{
	border-bottom: 0;
}
.lineBtmLight
{
	border-bottom: 2px solid #E9E9E9;
}
.inputTxt
{
border-radius: 3px;
background: #fefdfd;
color: #888888;
border: 1px solid #cccccc;
width: 100%;
resize: none;
}
.inputTxtErr
{
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}
.line_error
{
	border-bottom: 1px solid red !important;
}
.err_brd
{
	border: 1px solid red !important;
}
.padRt0
{
	padding-right: 0px !important;
}
.mb3
{
	margin-bottom: 3%;
}
.mt3
{
	margin-top: 3%;
}
.mt4
{
	margin-top: 4%;
}
.mt1
{
	margin-top: 1%;
}
.mb1
{
	margin-bottom: 1%;
}
.mb3p
{
	margin-bottom: 3px;
}
.mb2
{
	margin-bottom: 2%;
}
.pr1px
{
	padding-right: 1px;
}

.pl1px
{
	padding-left: 1px;
}

.m0
{
	margin:0 !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mrl0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.abb{
	position: relative;
  display: inline-block;
}

.dropdown-forsendEmailBt
{
	display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 30px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.abb:hover .dropdown-forsendEmailBt {display: block;}

.mr1
{
	margin-right: 1%;
}
.ml1
{
	margin-left: 1%;
}
.mr2
{
	margin-right: 2%;
}
.mr3
{
	margin-right: 3%;
}
.pl1
{
	padding-left: 1%;
}
.noleft
{
	padding-left: 0px;
}
.noright
{
	padding-right: 0px;
}
.padL4
{
	padding-left: 4%;
}
.padTp1
{
	padding-top: 1%;
}
.padTp2
{
	padding-top: 2%;
}
.padTp3
{
	padding-top: 3%;
}
.padBtm2
{
	padding-bottom: 2%;
}
.padBtm1
{
	padding-bottom: 1%;
}
.pad5px
{
	padding: 5px !important;
}
.pad4px
{
	padding: 4px !important;
}
.pad3px
{
	padding: 3px !important;
}
.pad2px
{
	padding: 2px !important;
}
.padTopBottom0 {
	padding-top:0 !important;
	padding-bottom: 0 !important;
}
.foundationLogoText {
    vertical-align: middle;
    line-height: 55px;
}
.activityPopoverContent {
	overflow-y: auto;
	max-height:430px;
}
.formBoxBG {
	background: #f7f7f7;
}
#emailLogGridRow .ui-search-table, #tmplemailLogGridRow .ui-search-table,#trackedemailLogGridRow .ui-search-table {
	margin-bottom:10px;
}
#emailLogGridRow .ui-search-table .ui-search-input > input, 
#emailLogGridRow .ui-search-table .ui-search-input > select,
#trackedemailLogGridRow .ui-search-table .ui-search-input > input, 
#trackedemailLogGridRow .ui-search-table .ui-search-input > select,
#tmplemailLogGridRow .ui-search-table .ui-search-input > input, 
#tmplemailLogGridRow .ui-search-table .ui-search-input > select {
	height:34px;
	padding: 10px 12px !important;	
	color: #555;
	background-color: #fff;
	background-image: none;
	transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
	line-height: 1.42857143;
}
#emailLogGridRow .ui-search-table .ui-search-input > input:focus, 
#emailLogGridRow .ui-search-table .ui-search-input > select:focus,
#trackedemailLogGridRow .ui-search-table .ui-search-input > input:focus, 
#trackedemailLogGridRow .ui-search-table .ui-search-input > select:focus,
#tmplemailLogGridRow .ui-search-table .ui-search-input > input:focus, 
#tmplemailLogGridRow .ui-search-table .ui-search-input > select:focus {
	border-color: #1ab394!important;
	outline:0;
}
.linkColor {
	color: #4c93d0 !important;
}
.mr10p
{
  margin-right: 10px;
}
.marginr5px
{
  margin-right: 5px;
}
.ui-widget-overlay {
background-image: none !important;
}

.transparentTxTerr
{
	border: 1px solid maroon;
border-radius: 4px;
}
.fntWtNormal
{
	font-weight: normal;
}
.time
{
	color: rgb(9, 113, 213);
}


.tp5
{
	position: relative;
	top:5px;
}

.crm_search_nw
{
	background: rgb(226, 226, 226);
  	border: 1px solid rgb(199, 199, 199);
  	padding: 2px;
  	border-radius: 3px;
}


.commonPopFontStyle {
	font-size: 120%;color: rgb(109, 109, 109);font-weight: 300 !important;
}
.foundation_activity
{
  background: rgb(248, 252, 252) !important;
  border: 1px solid rgb(228, 228, 228) !important;
}

.eachwBx
{
	background-color: white;
	margin: 1%;
	padding: 0%;
	border: 1px solid #cccccc;
	border-radius: 4px;
}
.rdLbl{
	padding: 10px;
	float: left;
	color: #585858;
}
.paypalCover
{
	position: absolute;
background: rgba(190, 170, 170, 0.07);
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.addUser_span
{
padding: 10px 2px 10px 6px;
float: left;
}

.info
{
	color: #3a87ad !important;
}

.csrFormDataRows > .row:nth-child(2n) {
	background-color: rgb(247, 247, 247) !important;
}


.panel_head_crm
{
background: white !important;
border-top: 5px solid;
}
.blueBrd
{
	 border-top-color: #76a7fa !important;
}
.li_blueBrd
{
border-top-color: #B9CEF1 !important;
}
.drk_blueBrd
{
border-top-color: #8296B6 !important;
}

.grnBlueBrd
{
	 border-top-color: #4dbfd9 !important;
}
.lt_grnBlueBrd
{
border-top-color: #97DEEE !important;
}
.ylwBrd
{
	 border-top-color: #fbcb43 !important;
}
.brownBrd
{
	border-top-color: #B1A688 !important;
}
.greenBorder
{
    border-top-color: #00A91D !important;
}
.darkRedBorder
{
    border-top-color: #D83333 !important;
}

.darkOrangeBorder
{
    border-top-color: #EA8035 !important;
}
.noLtPad
{
	padding-left: 0;
}
.noRtPad
{
	padding-right: 0;
}

.lightGrayColor {
	color: #616161;
}
.marginTop5 {
	margin-top: 5px;
}
.error
{
	color: #222;
	font-size: 90%;
	border: 1px solid transparent;
	background-color: #f9edbe;
	padding: 6px 10px;
	border-color: #f0c36d;
	margin-top: 5px;
}
.pad1
{
	padding:  1%;
}
.pad2
{
	padding:  2%;
}
.pad3
{
	padding:  3%;
}
.padding-6 {
	padding: 6px;
}
.pad7px{
	padding: 7px;
}
.titleFont {
	color: rgb(109, 109, 109);
	font-weight: 300 !important;
}
.grdEdit{
    padding: 6px 4px 6px 4px;
}
.fixedHead
{
	top: 0%;z-index: 1;width: 100%;position: fixed;left:0;
}
.completed
{
	background: rgba(0, 128, 0, 0.12) !important;

}

.recToolTip + .tooltip > .tooltip-inner {
    background-color: #000 !important;
}

.grayToolTip + .tooltip > .tooltip-inner {
    background-color: #455463 !important;
}

.grayToolTip + .tooltip > .tooltip-arrow {
    border-bottom-color:#455463 !important;
}

.outAbsolute
{
position: relative;
}
.inAbsolute
{
position: absolute;
z-index: 1;
width: 200px;
padding-top: 3px;
background: white;
padding-bottom: 3px;
top: 8px;
border: 1px solid #f6f4f4;
}
.stickyPos{
	position:sticky;
}

.chckBxDiv
{
	padding-top: 2px;
}
.activityReferPayDiv {
	height: 54px;
    line-height: 54px;
}
.btn-crowdrise {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#CAFFF5), to(#CAFFFB));
  background-image: -webkit-linear-gradient(top, #CAFFF5, 0%, #CAFFFB, 100%);
  background-image: -moz-linear-gradient(top, #CAFFF5 0%, #CAFFFB 100%);
  background-image: linear-gradient(to bottom, #CAFFF5 0%, #CAFFFB 100%);
  background-repeat: repeat-x;
  border-color: #eb9316;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.btn-crowdrise:active,
.btn-crowdrise.active {
  background-color: #ec971f;
  border-color: #eb9316;
}

/*reshma add new jquery popup not showing close btn*/

/* IRS */
.note-editor .note-bg-popover .dropdown-menu {
	min-width: 180px !important;
	padding: 8px;
}
.note-editor .dashLine
{
	outline: 2px dashed #fff !important;
}
/* IRS */
.ui-dialog .ui-dialog-titlebar-close
{
background-image: url(/img/ui-icons_454545_256x240.png) !important;
background-position: -96px -128px !important;
display: block !important;
text-indent: -99999px !important;
overflow: hidden !important;
background-repeat: no-repeat !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-widget-header .ui-icon{
background-image: url(images/ui-icons_454545_256x240.png) !important;
}
.newsIcn
{
	width: 50px;
    height: 50px;
}
.newsBrd
{    
	border-left: 3px solid #f8ac59;
    padding-left: 2%;
}
.norightPad
{
	padding-right: 0px;
}

.nopad
{
	padding: 0px;
}
.nopadOvr
{
	padding: 0px !important;
}
.nolrpad
{
	padding-left: 0px;
	padding-right: 0px;
}
.nolrpadOvr
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.rowdivider
{
	margin-top: 15px;
}
.smpad
{
  padding-left: 2px;
  padding-right: 2px;
}
.sfnt
{
  font-size: 12px;
}
.noleftPad
{
	padding-left: 0px;
}
.greenButtonD{
	border: 1px solid #18855E;
	background: #18855E;
	color: #fff;
	padding: 3px 40px;
	border-radius: 3px;
	font-weight: 400;
	width: 80%;
	font-size: 19px;
}
.hidden{
	display: none;
}

.greenButton{
	border: 1px solid #18855E;
	border-bottom: 2px solid #1F7261;
	background: #3AC0BB;
	color: #fff;
	padding: 3% 25% 3% 25%;
	border-radius: 3px;
	font-weight: 400;
	font-size: 150%;
}
.greenButtonD.greyBg,.greenButton.greyBg{
	background: #d3d3d3;
	color: #B6AFAF;
}
.greenButton:hover{
	border-bottom: 2px solid #18855E;
	border: 1px solid #1F7261;
	background: #10777C;
	color: #fff;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.note-editor .note-popover .popover
{
	max-width: none !important;
	width: auto !important;
}

.loader
{
    top: 0%;
    left: 0%;
    margin: auto;
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: url(/img/ss1/loading.gif) no-repeat;
    background-position: center;
    cursor: wait;
    /*background-color: whitesmoke;*/
    background-color: #000;
    opacity: 0.6;
    display:none;
}
.errorBoxEm
{
	position: absolute;
	top: 71px;
	bottom: 0;
	right: 0;
	left: 0;
	height: 50px;
	z-index: 100;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	display: none;
}
.errorBoxLogo
{
  border: 1px solid red !important;
}
.fxHeader
{
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid #ddd;
}
.nonHighLite
{
	background-color: #E5E4E2 !important;
	background: #E5E4E2 !important;
	padding: 1% 5%;
	border-radius:0;
	color: #000;
}





.noborderR
{
    border-radius: 0;
}
.noborder
{
	border: none !important;
}
.textInputBorderBottom
{
	border-bottom: 1px solid !important;
}
.textInputBorderBottom:focus
{
	border-bottom: 1px solid #1ab394 !important;
}
.nopad{
padding: 0;
}

.tags
{
	padding: 5px !important;
	margin-right: 1%;
}
/*.tags i
{
	min-width:20px;
	color:white;
}
.tags i:hover
{
	color:#555;
}*/

.org_tag
{
	background-color: rgba(133, 210, 219, 0.58) !important;
	color: #53858c !important;

}
/*.user_tag
{
	background-color: #C5DD9B !important;
	color: #53858c !important;
}*/
.user_tag
{
	background-color: #ffffff  !important;
	color: #298472 !important;
	border:1px solid #298472;
}
.user_tag:hover {
	background-color: #298472 !important;
	color: #ffffff !important;
	border-color:#ffffff;
	-webkit-transition: background 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
	transition: background 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}
.user_tag i {
	color: #298472 !important;
}
.user_tag:hover i {
	color: #ffffff !important;
}


.sublist_tag
{
  padding: 5px;
  background-color: #ffffff  !important;
  border:1px solid #bbb;
  font-size: 10px !important;
  margin-bottom: 2px !important;
}
.sublist_tag:hover {
  background-color: #bbb !important;
  color: #ffffff !important;
  border-color:#bbb;
  -webkit-transition: background 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
  transition: background 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}

/*Checkbox and Radio Buttons*/
input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 3px;
  margin-bottom: 3px;
}
.radio label,
.checkbox label {
  min-height: 23px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
  padding-left: 25px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -25px;
}
input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: relative;
  margin-top: 5px;
  margin-right: 4px;
  vertical-align: -4px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type="radio"]:focus,
.radio input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
  outline: none;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  border-radius: 50%;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}
input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #158e8f;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
input[type="radio"]:after,
.radio input[type="radio"]:after,
.radio-inline input[type="radio"]:after {
  border: 1px solid #c3c3c3;
}
input[type="radio"]:checked:before,
.radio input[type="radio"]:checked:before,
.radio-inline input[type="radio"]:checked:before {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
input[type="radio"]:disabled:checked:before,
.radio input[type="radio"]:disabled:checked:before,
.radio-inline input[type="radio"]:disabled:checked:before {
  background-color: #bbbbbb;
}
input[type="radio"]:checked:after,
.radio input[type="radio"]:checked:after,
.radio-inline input[type="radio"]:checked:after {
  border-color: #158e8f;
}
input[type="radio"]:disabled:after,
.radio input[type="radio"]:disabled:after,
.radio-inline input[type="radio"]:disabled:after,
input[type="radio"]:disabled:checked:after,
.radio input[type="radio"]:disabled:checked:after,
.radio-inline input[type="radio"]:disabled:checked:after {
  border-color: #bbbbbb;
}
input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  vertical-align: -4px;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
  outline: none;
}
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -2px;
  margin-right: 5px;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 6px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
  background-color: #158e8f;
  border-color: #158e8f;
}
input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
  border-color: #bbbbbb;
}
input[type="checkbox"]:disabled:checked:after,
.checkbox input[type="checkbox"]:disabled:checked:after,
.checkbox-inline input[type="checkbox"]:disabled:checked:after {
  background-color: #bbbbbb;
  border-color: transparent;
}

@media(min-width: 769px) and (max-width: 991px) {
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }

  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
}
.checkBoxStyle, .sml_radioCls,.radioCls, .bigChk , .sml_radio_form {
    background: none !important;
    margin-right: 0px !important;
    background-position: 0px !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}

.checkBoxStyle:checked,.radioCls:checked,.sml_radioCls:checked,.bigChk:checked ,.sml_radio_form:checked{
    background: none !important;
    cursor: pointer;
    background-position: 0px 0px !important;
    width: 20px !important;
    height: 20px !important;
}
input.bigChk {
    margin-top:4px !important;
}
input.bigChk+span {
    line-height: 22px !important;
}
input.bigChk+div {
	margin-top: 0px !important;
}
/*Checkbox and Radio Buttons*/
.crwdFnd_tag
{
	background-color:  rgb(218, 200, 168)!important;

}

.btns
{
	background:#f3f3f3;
    color:#bcabab;
    border-bottom:1px solid #ece7e7;
	margin: 0% 1% 0% 1%;
	padding: 2%;
	font-weight: normal;
}
.btns span
{
padding: 10px;
}
.save_btns
{
	background:#d69a00 !important;
    color:#fff !important;
    border-bottom:1px solid #c79003 !important;

}
.clrSaveBtn
{
	background: #A7DDF7 !important;
	color: white !important;
	border-bottom: 1px solid #AEE1FA !important;
}

.head_label
{
	min-height: 30px !important;
	background: #f6f4f4;
}
.head_label label
{
	padding: 3px !important;
	font-size: 12px !important;
}

.crm_head
{
  background: white;
  color: #555;
  text-transform: none;
}




/*note icons*/
.nt_icon
{
	color:rgb(255, 194, 0);
}
.nt_ul
{
	min-width: 90px !important;
max-height: 300px;
overflow: auto;
}

.nt_ul li
{
border-bottom: 1px solid #ccc;
text-align: center;
}
.leftPad15{
	padding-left: 15px;
}
.rightPad15 {
	padding-right: 15px;
}
.pad15 {
	padding:15px;
}
.pad14 {
	padding:14px;
}
.margin15 {
	margin:15px;
}

.margin30 {
	margin:30px;
}

.robotoSans {
	font-family: 'Roboto', sans-serif;
}

.nunitoSans{
	font-family: 'Nunito', sans-serif;
}

.monsterratFont {
	font-family: 'Montserrat', sans-serif;
}
.shadowHeader {
    -webkit-box-shadow: 0px 1px 2px 1px #F7F7F7;
    -moz-box-shadow: 0px 1px 2px 1px #F7F7F7;
    box-shadow: 0px 1px 2px 1px #F7F7F7;
}



.smOneline
{
	height: 20px;
overflow: hidden;
}
 .xtr_small{height: 60px;}
.short { height: 100px;}
.tall { min-height: 200px;}
.verytall { height: 400px;}
.XLtall { height: 800px;}
.marginBtm {
	margin-top: 1%;
	margin-bottom: 1%;
}
.loadingData
{
	position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
width: 100%;
left: 0;
height: 100%;
z-index: 1;
overflow: hidden;
background-image: url('/img/ss1/loading.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}

.loadMsgDiv{
	top: 45%;
border: 2px solid #A3A3A3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #BDBDBD;
padding-top: 23px;
text-align: center;
width: 300px;
background: rgb(77, 77, 77);
height: 10%;
position: relative;
margin: auto;
}
.tickets
{
	padding: 2% 1% 2% 1%;
	background: rgba(192, 192, 192, 0.06);
}
.white{
	background: #fff;
}
.whiteclr{
	color: #fff;
}
.liNavColorA {
	color: #fff !important;
	padding:15px !important;
}
.liNavColorA:hover {
	color: #4E5154 !important;
}

.donateColor
{
background: #FDF7F0;
}

.eventColorBlue
{
background: rgba(91, 192, 222, 0.09);
}
.cmp_color
{
	background: rgba(253, 232, 252, 0.4);
}
.pastelgray
{
background: rgba(250, 250, 250, 0.58);
border: 1px solid rgba(213, 213, 213, 0.39);
}

.lightColr
{
  background: rgba(249, 249, 249, 0.3);
  border: 1px solid rgba(213, 213, 213, 0.79);
}

.pastelyellow
{
	background: rgb(253, 253, 247);
}
.pastelRed
{
	background: rgb(251, 248, 252);
}

.default_crm_status_cls
{
background: rgba(255, 236, 239, 0.5);
border: 1px solid rgba(213, 213, 213, 0.39);
}


.mainCont{
	-moz-box-shadow: 0 0 28px -8px #000;
	-webkit-box-shadow: 0 0 28px -8px #000;
	box-shadow: 0 0 28px -8px #000;
}
.mainContT
{
	background-image: url('/img/black_linen.png');
	min-height: 673px;
}
.titleClr {
color: #538ba8 !important;
text-transform: uppercase;
/*background: #FFF;*/
padding: .2%;
}

/* code fix for zendbox */
#zenbox_tab {
   top: 70% !important;
   z-index: 1000 !important;
}

/* added amr*/
#zenbox_tab1 {
  /* top: 50% !important;
   z-index: 1000 !important;
   border: solid 1px;
   cursor: pointer;
   position: fixed;*/
}
#zenbox_tab2 {
  /* top: 40% !important;
   z-index: 1000 !important;
   border: solid 1px;
   cursor: pointer;
   position: fixed;*/
}
#zenbox_tab3 {
  /* top: 60% !important;
   z-index: 1000 !important;
   border: solid 1px;
   cursor: pointer;
   position: fixed;*/
}

.ZenboxTabRight {
right: 0;
background-position: left 0;
}

.ZenboxTabRight > a > img {
 max-width: inherit;
}

/*added amr*/

.hiddenText
{
	height: 1px;
	width: 1px;
	visibility: hidden;
}
.overFlwHide
{
overflow: hidden;
}
.caps
{
text-transform: uppercase;
}
.nocaps
{
	text-transform: none;
}
.bold
{
	font-weight:bold !important;
}
.textCrop
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.hand
{
	cursor:pointer;
}
.move
{
  cursor:move;
}
.whiteSpaceNormal {
  white-space: normal;
}
.breakWrd
{
	word-wrap: break-word;
}
.breakAll
{
	word-break: break-all;
}
.whiteSpaceBreak{
	white-space:break-spaces;
}
.whiteSpacePre{
	white-space: pre;
}
.liveimpact
{
	color:#538ba8;
}
.noleft-pad
{
	padding-left: 0;
	padding-right: 0;
}

.break-wordCRM{
	word-break: break-word;
}


.btn-orange {
  background-color: hsl(41, 85%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efb73d", endColorstr="#a5750d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#efb73d), to(#a5750d));
  background-image: -moz-linear-gradient(top, #efb73d, #a5750d);
  background-image: -ms-linear-gradient(top, #efb73d, #a5750d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efb73d), color-stop(100%, #a5750d));
  background-image: -webkit-linear-gradient(top, #efb73d, #a5750d);
  background-image: -o-linear-gradient(top, #efb73d, #a5750d);
  background-image: linear-gradient(#efb73d, #a5750d);
  border-color: #a5750d #a5750d hsl(41, 85%, 29%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;
}

.txtErr {
border-color: #b94a48 !important;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
border-radius: 3px !important;
}

.viewMore
{
	margin-bottom: 1%;
}
.viewMore span
{
	color: #538ba8;
	background: #ccc;
	padding: .3%;
	border-radius: 3px;
	cursor:pointer;
}
.editImgRel
{
	background: #ccc;
	opacity: .5;
	cursor:pointer;
	z-index:10;
}
.editImgRel:hover
{
	opacity:1;
}


.editImg
{
	position: absolute;
	left: 0;
	top: 0;
	background: #ccc;
	opacity: .5;
	cursor:pointer;
	z-index:10;
}


.editImg:hover
{
	opacity:1;
}

.editImg1
{
	position: absolute;

	top: 0;
	background: #ccc;
	opacity: .5;
	cursor:pointer;
}
.editImg1:hover
{
	opacity:1;
}

.addImg
{
	height:40px;

	background-color: white;
	opacity: 1;
	margin-top: 23px;
	cursor:pointer;
}
.shiftTabSm > li
{
	width: 14.26%;
}
.reltiv
{
	position: relative;
}

.topPad10
{
	padding-top: 10px !important;
}
.embedBtn
{
	z-index:1;
	position: absolute;
	bottom: 2px;
	right: 0;
}
.lineDark{
	border: 1px solid rgba(207, 200, 200, 0.5);
}
.line-info
{
	border: 1px solid rgba(58, 135, 173, 0.5);
}
.line
{
	border: 1px solid rgba(230, 230, 230, 0.5);
}
.lineBtm
{
	border-bottom: 1px solid rgba(230, 230, 230, 0.5);
}
.linert
{
	border-right: 1px solid rgba(230, 230, 230, 0.5);
}

.linelt
{
	border-left: 1px solid rgba(230, 230, 230, 0.5);
}
.lineTop
{
	border-top: 1px solid rgba(230, 230, 230, 0.5);
}
.imgBrd
{
	border: 2px solid rgba(204, 204, 204, 0.5);
}
.cashTxtGrpDiv
{
	width: 50%;
}
.editImgHigh
{
	border: 2px solid orange !important	;
}
.defaultTopBar
{
	background: #fff;
	color: ivory;

}
.default-or
{
	color:#538ba8;
}
.default-header-img
{
	max-height: 55px;
}

.checkBoxStyle {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/img/chkSprt1.png) no-repeat;
  margin-right: 8px;
background-position: 0px -30px;
  width: 20px;
  height: 20px;
  cursor: pointer;

}


.checkBoxStyle:checked  {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
 background: url(/img/chkSprt1.png) no-repeat;
  cursor: pointer;
 background-position: 0px 0px;
width: 20px;
height: 20px;
}


.radioCls{
	position: relative;
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(/img/ss1/radioSprt.png) no-repeat;
	margin-right: 8px;
	background-position: -0px -40px;
	width: 28px;
	height: 30px;
}

.radioCls:checked  {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
 background: url(/img/ss1/radioSprt.png) no-repeat;
  cursor: pointer;
 background-position: -0px -0px;
width: 28px;
height: 30px;
}


.sml_radioCls{
	position: relative;
	appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(/img/ss1/sml_radioSprt.png) no-repeat;
	margin-right: 8px;
	 background-position: -0px -0px; width: 23px; height: 23px;
}

.sml_radioCls:checked  {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
 background: url(/img/ss1/sml_radioSprt.png) no-repeat;
  cursor: pointer;
background-position: -0px -23px; width: 23px; height: 23px;
}


.default-username-div
{
	padding-top: 5%;
}

.default-usernamePopUp
{
	width:90%;
}

.default-username
{
	text-transform: uppercase;
	font-weight: 700;
	color: #538ba8;
	padding-top: 5%;
padding-bottom: 5%;
padding-left: 5%;
}

/* code for frm data rendering class >>>*/
.tagWrap{
	padding: 11px 0px 5px 0px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: #FFF5F5;
}
/* code for frm data rendering class <<<*/

.closeBt {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.closeBt:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}


.default-drpDwn-ul
{
	right: 0;
z-index: 1031;
	color:#aaadab;
	border: 1px solid transparent;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.default-userimg
{
	padding: 3%;
}

.default-userimg img
{
	width: 70px;
height: 70px;
}

.default-drpDn-usrName
{
	text-transform: uppercase;
	font-weight: 700;
}
.default-drpDn-email
{
	font-weight: 300;
	font-size:90%;
}
.default-logoutDiv
{
	padding: 4%;

}
.default-logoutDiv img
{
	width: 70px;
height: 70px;
}
.default-logout
{
	background: #f5f5f5;
border: 1px solid #d7d6d6;
color: #b0aaaa;
padding: 3%;
}
.required
{
	width: 80%;
float: left;
padding-top:1%;
}

.globalGrey {
	color:#bbb;
}
.globalWhite {
	color:#ffffff;
}
.bigChk {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(/img/ss1/chkBig.png) no-repeat;
  margin-right: 8px;
	background-position: 0px 0px;
  width: 20px;
  height: 20px;
  cursor: pointer;

}

.bigChk:checked  {
  position: relative;
  appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
 background: url(/img/ss1/chkBig.png) no-repeat;
  cursor: pointer;
 background-position: 0px -56px;
width: 20px;
height: 20px;
}

.loginBtn{
	width: 100%;
	height: 50px;

}



.comPPModal{
	-webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*border: 1px solid #ccc;*/
	margin: 1% auto;
	width: 90%;
}

.popup-header {
        background: #158e8f !important;
    color: white !important;
    text-align: left;
    padding: 15px 20px !important;
      }

.eventPopupHeader {
	background: #158e8f !important;
    color: white !important;
    text-align: left;
    padding: 15px 20px !important;
}

.eventPopupHeader h1,.eventPopupHeader h2,.eventPopupHeader h3,.eventPopupHeader h4,.eventPopupHeader h5,.eventPopupHeader h6{
	font-size: 20px !important;
}

.commonHeader h1,.commonHeader h2,.commonHeader h3,.commonHeader h4,.commonHeader h5,.commonHeader h6{
	font-size: 20px !important;
}

.eventPopupGrey {
	color: rgb(157, 157, 157) !important;
  	font-weight: 300;
}

.fontSize20 {
	font-size: 19px !important;
}

.fontSize16 {
	font-size: 15.5px !important;
}

.fontSize11 {
	font-size:11px;
}

.eventTypeRow {
	border-bottom: 1px solid #ccc;
  	padding: 2%;
}

.openSansLight {
	font-family: 'Open Sans' !important;
	font-weight:300 !important;
}

.eventNewPopupBackBtn {
	position: absolute;
  	left: 20px;
}
.eventTypeSelectBtn {
	padding: 16px;
  	border-radius: 0 !important;
  	color: white;
	background: #3da1ef !important;
  	width: 55%;
  	font-size: 18px;
}

.eventTypeSelectBtn:hover {
	background:#3292DD !important;
	color: white !important;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.eventPopupFooter {
	margin-top:0px !important;border-top:0;
	/*padding-bottom: 49px;*/
}

.eventPopupWidth {
	width:650px !important;
}
.eventPopupWidthLarge {
	width:850px !important;
}
.eventPopupClose {
	font-size: 26px !important;
  	font-weight: 300 !important;
  	margin-top: 3px !important;
}

.padLR40 {
	padding-left: 40px;padding-right: 40px;
}

.exampleText {
	color: #70B9F2 !important;
}

.formVisibBoxPad {
	padding: 5px 15px !important;
}
/*.btnHover:hover {
	background: #1f727a  !important;
	border-bottom:3px solid #19595F !important;
}*/

.popupCloseBtn {
	color:white;opacity:1 !important;
}

.shadowNavbar {
    -webkit-box-shadow: 0 4px 4px -2px gray;-moz-box-shadow: 0 4px 4px -2px gray;box-shadow: 0 4px 4px -2px gray;
}


.openSans {
	font-family: 'Open-Sans',sans-serif !important;
	font-weight: 300 !important;
}

.okBtn {
	padding: 1% 5% 1% 5%;border-radius:0;color:white;background: #1ab394  !important;
}
.okBtn:hover {
	color:white !important;
}
.cancelBtn {
	padding: 1% 5% 1% 5%;border-radius:0;color:white;background: #C7C7C7  !important;
}
.cancelBtn:hover {
	color:white !important;
}
.fullScreenPopupCloseBtn {
	padding: 15px !important;
	background: rgb(246, 92, 92) !important;
	opacity: 1 !important;
	color:white !important;
	  z-index: 1;
  position: relative
}

.closeButtonRec{
	height: 40px;
	width: 40px;
	background: rgb(246, 92, 92) !important;
	z-index: 1;
}

.orgText {

    margin-top: 12px;
    font-size: 22px;

}

.orgRow {
	padding:5px;background:white;margin: 15px;border-bottom: 1px solid #DBD7D7;
}
div#privs> .row:last-child, div#myPrivileges> .row:last-child{
	margin-bottom: 15px;
}
div#myVolProj> .row:last-child {
	border-bottom: none !important;
}
.orgRole {
	color:green;font-size:15px;
}
/*#todoInputs > .fl_Divs {
	border-right:1px solid #d5d2d2;
}

#taskInputs > .fl_Divs {
	border-right:1px solid #d5d2d2;
}*/

.bgTransp {
	background-color: transparent !important;
}

.fs15 {
	font-size: 15px !important;
}

.profilePic {
	height:100px !important;
	width:100px !important;
	border: 3px solid white;
}
.borderRound {
	margin:auto;border: 3px solid rgb(186, 182, 182) !important;
}
.boxHead {
	padding: 18px 18px 2px 18px;
	color: #5e5e5e;
	font-weight: 400;
	font-size: 20px;
}

.boxSubHeading {
	color:#313131;
}

.todoBand {
	border-top:4px solid #0e6fad;
}
.taskBand {
	border-top:4px solid #e2a14d;
}

.activityBand {
	border-top:4px solid #26cad4;
}
.borderRad0 {
	border-radius: 0 !important;
}

.noAppearance {
	appearance: none !important;
	-ms-appearance: none !important;
  	-moz-appearance: none !important;
  	-webkit-appearance: none !important;
}
.noBorder {
  border:none !important
}
.noOutline {
	outline:none !important;
}

.todoAddBtn {
	background:#54b054;
	border-bottom:2px solid #5b935b;
}
.addressDiv
{
background: rgba(243, 243, 243, 0.32);
border: 1px solid rgba(240, 240, 240, 0.34) !important;
}

.companyDiv
{
background: rgba(232, 241, 252, 0.32);
border: 1px solid rgba(240, 240, 240, 0.34) !important;
}
.donateDiv
{
	background: rgba(250, 235, 207, 0.63);
	border: 1px solid rgba(240, 240, 240, 0.34) !important;
}
.fontSize14 {
	font-size:14px !important;
}
#sharesec .nav-tabs.nav-justified > li > a {
	font-weight: 400;
	font-size:14px;
    font-family: 'Roboto', sans-serif;
    padding:15px;
    border-bottom: 0;
    color: #717171;
}
#sharesec .nav-tabs.nav-justified > li.active > a {
	border:none;
}
#sharesec .nav-tabs.nav-justified {
	background: #f7f4f6;
}
#tabtwitter.active {
	/*background:#00aced;*/
	background:#0f1419;
}
#tabtwitter.active > a {
	color:#ffffff !important;
}
#tabfb.active {
	background:#3B5998;
}
#tabfb.active > a {
	color:#ffffff !important;
}
#tabmail.active {
	background:#39d5b3;
}
#tabmail.active > a {
	color:#ffffff !important;
}

/*

#sharesec .nav-tabs {
  border-bottom: none;
}



#sharesec .nav-tabs.nav-justified > .active > a {
  border-bottom-color: none;
}

#sharesec .nav-tabs > li > a {
  border-color: #eeeeee #eeeeee #dddddd #eeeeee;
  border-radius: 0px 0px 0 0;
  color:#FFF;
}

#sharesec .nav-tabs > li > a:hover {
  border-color:none;
}

#sharesec .nav .nav-divider {

  background-color: #fff;
}

#sharesec .nav-tabs > li > a:hover {
  border: none;
}

#sharesec .nav-tabs.nav-justified > li {

background: #000;
}*/

#sharesec .modal-backdrop {
      background-color: #f00;
    }

/******/
.outerDiv{
	width: 100%;
	height: auto;
	background: none;
	display: none;
	position:absolute;
	left : 0px;
	top : 25%;
	z-index: 2005;
}

	.PP_OuterCls {
		position: relative;
		top: 98px;
		z-index: 2005;
		display: block;
		margin: 0 auto;
		height: auto;
	}

	#PP_CntDiv{
		background: #fff;
		border: 1px solid #5db8e5;
	}

	.PP_InnerCls{
		position: relative;

		background: white;
		margin: 1% auto;
		z-index: 2006;
	}

	#PP_CloseDiv{
		font-size: 0.9em;
		padding: 10px;
		text-align: center;
		position: relative;
		width: 97%;
		background: white;
		cursor: pointer;
	}

	#PP_CloseDiv1{
		cursor: pointer;
		color: #ccc;
		font-size: 16px;
		z-index: 2009;
	}


.popup-mask-class{

	  display : block;
	  left : 0px;
	  top : 0px;
	  z-index : 2003;
	  position : fixed;
	  background:  black;

}

.fontSwitch
{

	font-weight: 400;
	font-size: 30px;

}

.switchTmp {

        max-width: 850px;
        margin: 0 auto;

}

.outerDiv{
	width: 100%;
	height: auto;
	background: none;
	display: none;
	position:absolute;
	left : 0px;
	top : 25%;
	z-index: 2005;
}

	.PP_OuterCls {
		position: relative;
		top: 98px;
		z-index: 2005;
		display: block;
		margin: 0 auto;
		height: auto;
	}

	#transparency{
		position:absolute;
		  top:0;
		   left:0;
		   width:100%;
		   height:100%;
		   background-color:#000;
		   opacity: .7;
	}	

/************** margin and padding ****************/

.mtp_1pr
{
	margin-top:1%;
}

.mtp_1p
{
	margin-top:1px;
}

.mtp_2pr
{
	margin-top:2%;
}

.mtp_2p
{
	margin-top:2px;
}

.mtp_3pr
{
	margin-top:3%;
}

.mtp_3p
{
	margin-top:3px;
}

.pdtp_5p
{
	padding-top:5px;
}


.frm_media_lst_div
{
width: 33.33%;
float: left;
height: 100px;
}

.frm_media_lst_div img
{
height: 100%;
width: 100%;
border: 1px solid whitesmoke;
}



/**************************************************/
 .fund_tree_department > span
{
	background-color: rgb(255, 243, 213) !important;
}
.fund_tree_department > span:hover
{
	background-color:  rgb(255, 243, 213) !important;
}

.fund_tree_role > span
{
	background-color: #ccc !important;
	border: 1px solid #ccc !important;
}
.fund_tree_role > span:hover
{
	background-color: #e5e2e1 !important;
}
.fund_tree_role > span > a
{
color: #535353  !important;
}
 .fund_tree_div
{
	background-color: #fff !important;
}
.fund_tree_org > span
{
	background-color: rgb(255, 243, 213) !important;
}

.fund_tree_org > span:hover
{
	background-color: rgb(255, 243, 213) !important;
}

.fund_tree_org span > .glyphicon, .fund_tree_department  span> .glyphicon{
	color: #777;
}

/*org tree*/

.tree_div
{
	background-color: #fff !important;
}
.tree_org > span
{
	background-color: #1a858d !important;
}

.tree_org > span:hover
{
	background-color: #62BDC4 !important;
}

.tree_department > span
{
	background-color: #3498db !important;
}
.tree_department > span:hover
{
	background-color: #75C7FD !important;
}


.tree_division > span
{
	background-color: #1abc9c !important;
}
.tree_division > span:hover
{
	background-color: #8EE6D4 !important;
}


.tree_sevent > span
{
	background-color: #eb82bb  !important;
}
.tree_sevent > span:hover
{
	background-color: #ECD1E0 !important;
}

.tree_lead_event > span
{
	background-color: #FF95AF  !important;
}
.tree_lead_event > span:hover
{
	background-color: #FFADBB !important;
}


.tree_ddivision > span
{
	background-color: #1abc9c !important;
}
.tree_ddivision > span:hover
{
	background-color: #58D8BF !important;
}
.tree_devent > span
{
	background-color: #db9501 !important;
}
.tree_devent > span:hover
{
	background-color: #E7C377 !important;
}

.tree_dproject > span
{
	background-color: #2ecc71 !important;
}
.tree_dproject > span:hover
{
	background-color: #66E69C !important;
}

.tree_eprgm > span
{
	background-color: #ff545d !important;
}
.tree_eprgm > span:hover
{
	background-color: #DF898D !important;
}

.tree_role_fldr > span
{
	background-color: #BB9755 !important;
}
.tree_role_fldr > span:hover
{
	background-color: #E5C668 !important;
}


.tree_role > span
{
	background-color: #FFF3D5 !important;
	border: 1px solid #EEE2E2 !important;
}
.tree_role > span:hover
{
	background-color: #e5e2e1 !important;
}
.tree_role > span > a
{
color: #535353  !important;
}
.tree_role_icon
{
width: 25px;
height: 30px;
}
.rl_icon{
	width: 31px;
height: 32px;
}
.mt2
{
	margin-top: 2%;
}
.mt5
{
	margin-top: 5%;
}




.headerBg {
	background: #f6f4f4;
	border-bottom: 1px solid #E8E8E8;
}

.arrowColor {
	color:#aeaeae;
}

.headingColor {
	color : #158e8f;
}

.padRight20 {
	padding-right:20px;
}

.borderRightArrow {
	border-right:1px solid #aeaeae;
}

.padLeft5 {
	padding-left:5px;
}
.padRight5 {
	padding-right:5px;
}
.marginLeft5 {
	margin-left:5px;
}
.marginTop5 {
	margin-top: 5px !important;
}
.primaryGreenColor {
	color: #1ab394 !important;
}
.Selectyellow{
	color: #f0ad4e !important;
}
.sortBluecolor {
	color: #44a0b1 !important;
}
.dangerRedColor {
	color:#ed5565 !important;
}
.fs300 {
	font-size: 300% !important;
}
.fw300 {
	font-weight: 300;
}

.fs97
{
	font-size: 97%;
}
.req
{
top: 3px;
position: relative;
}
.fs70 {
	font-size: 70%;
}
.fs90
{
	font-size: 90%;
}
.fs102
{
	font-size: 102%;
}
.fs120
{
	font-size: 120%;
}
.fs130
{
	font-size: 130%;
}
.fs150
{
	font-size: 150%;
}
.fs170
{
	font-size: 170%;
}
.fs110
{
	font-size: 110%;
}
.fs200
{
	font-size: 200%;
}
.f600
{
	font-weight: 600;
}
.f300
{
	font-weight: 300;
}
.f400
{
	font-weight: 400;
}
.f600
{
	font-weight: 600;
}
.f700
{
	font-weight: 700;
}
.f800
{
	font-weight: 800;
}
.fs85
{
	font-size: 85%;
}
/*******************new header**********************/

.eventTitleText {
    color: white;
    font-weight: 600;
    /*text-shadow: 1px 1px #626262;*/
}

.pad5 {
	padding:5px;
}

.orghd {
  font-size: 34px;
}

.helvetica {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#headerDivRow .popover {
	width:400px !important;
	border-radius :0px !important;
	color:#000 !important;
}

.add_Activity_ppvr {
	width:600px !important;
}

#headerDivRow .popover > .popover-title {
	color:#000 ;
}

#headerDivRow .popover > .popover-header {
	color:#000 ;
}

#adminPop1 + .popover {
	width:400px !important;
}

#adminPop1 + .popover > .popover-content {
	overflow: auto;
  	height: 600px;
}

#adminPop1 + .popover > .popover-body {
	overflow: auto;
  	height: 600px;
}

#adminPop1 + .popover > .popover-title {
	color:#fff !important;
}

#adminPop1 + .popover > .popover-header {
	color:#fff !important;
}

.publish_message
{
  padding:0px;
  margin-top:15px;
}
.publish_message > .panel
{
  border-top: 4px solid chocolate;
}

.publish_message > .panel > .phead
{
  color: #5e5e5e;
  font-weight: 400;
  font-size: 20px;
  padding: 1%;
}
.publish_outer
{
	  background: rgba(236, 236, 236, 0.31);
  border: 1px solid rgba(204, 204, 204, 0.53);
  margin-bottom: 1%;
}
.publish_head
{
	background: rgba(228, 228, 228, 0.39);
  	padding: 1% 1% 1% 2%;
  	border-bottom: 1px solid rgb(228, 228, 228);
}
.publish_head span
{
	color: #2A8899;
  	font-size: 130%;
  	font-weight: bold;
}
.publish_items
{
	background: rgba(255, 255, 255, 0.83);
}
 .publish_line
{
	border-bottom: 1px solid rgba(243, 243, 243, 1);
}
.publish_subject
{
	font-size: 110%;
  	color: rgb(68, 68, 68);
}
.publish_date
{
	color: #898989;
}

.previewPop
{
  padding: 0px !important;
}
.previewPopOuter
{
  background-color: rgba(55, 54, 54, 0.95);
  overflow: hidden;
  position: relative;
  box-shadow: inset 1px 1px 3px rgba(0,0,0,0.9);
  border-radius: 2px;
  height: 100%;
  text-align: center;
}
.previewImg
{
  max-height: 100%;
  margin: auto;
}

.previewImgNew
{
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.hrz-scrolPar{
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px 0px 0px 10px;
	margin-left:0px; /* Event edit- Banner & Spotlight image scrolling */

}
.hrz-scrol{
	white-space: nowrap;
	margin-left:0px;
	/* padding-left: 15px; */
}

.DashhelpImg {
max-height: 84%;
margin: auto;
position: absolute;
top: 3%;
right: 0;
left: 0;
}
.previewClose
{
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 6;
  font-size: 40px;
  background: red !important;
  opacity: 1;
  color: white;
  padding: 1px 7px 1px 7px !important;
}
.previewWhiteBody
{
background: white;
padding: 1% 3% 3% 3%;
}
.privewOver
{
	overflow: auto;
height: 100%;
}
.DashhelpBtn_div
{
position: absolute;
bottom: 2%;
width: 100%;
}
.shadow
{
   -webkit-box-shadow: 1px -1px 17px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 1px -1px 17px -4px rgba(0,0,0,0.4);
box-shadow: 1px -1px 17px -4px rgba(0,0,0,0.4);
}
.payableAmtStyleXs {
	font-size: 24px !important;
}
@media (max-width: 768px) {
	#headerGroupIcons {
		text-align: center;
	}

	#headerGroupIcons i, #headerGroupIcons #tutorialLink {
		float:none !important;
	}

	#headerGroupIcons #tutorialLink {
		padding: 0 !important;
	}

	#headerDivParent .col-sm-9.col-md-9.col-lg-9, #headerDivParent #headerDivLeft {
		text-align: center !important;
	}

	#headerDivParent #headerGroupIcons, #headerDivParent #headerGroupIcons {
		text-align: center !important;
	}

	#headerDivParent #headerGroupIcons i, #headerDivParent #headerGroupIcons i {
		float: none !important;
	}

	.orgRow {
		text-align: center !important;
	}

	.orgRow .logoDiv > img {
		display: initial !important;
		max-width: none !important;
		height: 50px;
	}

	.orgRow .roleDiv {
		top:0 !important;
		margin-top:12px;
		text-align: center !important;
	}

	.xsTopMargin {
		margin-top: 7px !important;
	}
	@-moz-document url-prefix() {
    #cashSymbol.fs300,
    #goal.fs300{
      font-size-adjust : 0.30;
      padding-bottom: 0px;
    }
	#dntCardAddMsg.form-control {
		height: auto;
	}
	input#goal::placeholder{
		font-size-adjust: 0.30;
		font-size: 65%;
	}
  }

  .xsJustifyFexlStart{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	}

	.recurringClass{
		position: relative;
		display: flex;
		flex-direction: row;
	}
	.recurringClass label{
		white-space: nowrap;
	}
	.xsPaddingLR0{
		padding: 0px !important;
	}
	
}
/*******************new header**********************/

@media (max-width: 767px) {
	.payableAmtStyleXs {
		font-size: 13px !important;
		font-weight: bold;
		text-align: center !important;
	}
	.centerXs {
		text-align: center !important;
	}
	.hiddeninxs {
		display: none !important;
	}
	.xsMarginTop {
		margin-top: 15px !important;
	}
	#FormPopUp > .modal-dialog{
		width: auto !important;
	}
	.xsGlobalGrid{
		overflow: auto !important;
		padding-top:2%;
	}
	.d-none-xs{
		display: none;
	}
}
/**************************media***********************/

@media (max-width: 992px) and  (min-width: 768px) {
.glbl_hide
{
	display: none;
}
.global_show
{
	display: block;
}
.payableAmtStyleXs {
	text-align: center !important;
}
.centerXs {
	text-align: center !important;
}
.smLeftText {
	text-align: left !important;
}
#customDashHtm2 > button {
	float:left !important;
}
}
@media (max-width: 768px) and  (min-width: 0) {

	.eventPopupWidth {
		width:inherit !important;
	}

.xsMarginTopTodoInputs {
	margin-top:10px;
}
.xsCenterText {
	text-align: center !important;
}
.xsLeftText {
	text-align: left !important;
}
.xsRightText {
	text-align: right !important;
}
.xsMarginAuto {
	margin:0 auto !important;
}
.xsBigCheckBoxText {
	margin-top: 27px !important;
}
.xsNoFloat {
	float:none !important;
}
.xsHeightAuto {
	height:auto !important;
}
#edSaveBt, #saveCustomDashBtn, #customDashHtm2 > button {
	float:none !important;
}
#donTabs > li, #bankTabs > li {
	width:100%;
}

.glbl_hide
{
	display: none;
}
.global_show
{
	display: block;
}
	.lineglobalhide
{
	border : 1px solid transparent !important;
}
/*reshma for mobile extra space only in right side*/
/*.container {

    padding-right: 15px !important;
padding-left: 15px !important;
margin-right: auto !important;
margin-left: auto !important;
}*/


.default-username-div
{
	padding-top: 0%;
}

.default-logout
{
padding: 2.5%;
}
.navbar-fixed-bottom-mobile
{
position: relative !important;
}
.viewMore
{
		display: none;
}
.noleft-pad
{
	padding-left: 0px;
}



#headerDivLeft .center
{
text-align:center !important;
float:none !important;
}

.nav-justified > li > a {
	text-align:left !important;
}
.xsNavbarBorder {
	border: 1px solid #eee !important;
}
.embBtnWidth{
	width: 100% !important;
	margin-left: 0 !important;
}
}

/* EMAIL TEMPLATE */

.modal.modal-fullscreen .modal-content {
    background: rgba(0, 0, 0, .5);
  }
  .modal.modal-fullscreen .modal-footer  {
    border: 0;
    color: #fff;
  }
  .modal.modal-fullscreen .modal-header {
    border-color: rgba(0, 0, 0, .5);
    margin-bottom: 15px;
  }
  #myModal .carousel-caption {
    background-color: rgba(0, 0, 0, .5);
    bottom: -100%;
    -webkit-transition: bottom 1s;
    transition: bottom 1s;
  }
  #myModal .carousel-item.active >.carousel-caption {
    bottom: 0;
  }

  #myModal{
    overflow: hidden !important;
  }
/* EMAIL TEMPLATE */




@media (min-width: 768px) and  (max-width: 991px) {
	.default-usernamePopUp
	{
		width:100%;
	}
	#FormPopUp > .modal-dialog{
		width: 800px !important;
	}
	.soldoutopnwidmain {
		margin-top : 0;
	}
}
@media (min-width: 992px) and  (max-width: 1199px) {
	.default-usernamePopUp
	{
		width:100%;
	}
	#FormPopUp > .modal-dialog{
		width: 800px !important;
	}
	
}
@media (min-width: 1200px) {
  #FormPopUp > .modal-dialog{
    width: 1100px !important;
  }
}


/*important removed -reshma*/
@media(min-width: 768px) {
    #page-wrapper {
        margin: 0 0 0 191px  ;
    }
    .navbar-static-side {
        width: 191px   ;
    }
    .nav>li>a {
	    padding: 15px  ;
	}
	.nav-second-level li a {
	    padding: 7px 10px 7px 10px  ;
	    padding-left: 38px  ;
	}
	.d-flex-Justify-center{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}
/* anand added (HTML Input type Number -> spin button size enlarged) */

input[type=number]::-webkit-inner-spin-button {
    cursor:pointer;
    display:block;
    position:relative;
    height: 80px;
    width: 20px;

}

input[type=number]::-webkit-inner-spin-button:before {
    top:10px;
}

input[type=number]::-webkit-inner-spin-button:after {
    bottom:10px;
 }



@media print
{
.noprint
{
	display:none;
}
.printer
{
	display: block !important;
}
.footer_crm
{
	display:none;
}
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out !important;
        -o-transition: -o-transform .6s ease-in-out !important;
        transition: transform .6s ease-in-out !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        -webkit-perspective: 1000 !important;
        perspective: 1000 !important;
    }
}

.chat_item {
    padding: 10px 10px;
}

.chat_skin_setting {
    max-height: 500px;
    min-height: 200px;
    overflow: auto;
}

.chat_setting {
    border: 1px solid #ccc !important;
    margin-left: 0 !important;
}

.chat_gear_div {
    position: absolute;
    left: 0px;
}

button.close{
	color: white;/* !important; commented by Irshad Dont write very global css like this*/
    opacity: 1 !important;
    font-size: 21px !important;
    font-weight: 200;
}

.popover{
	border: 1px solid rgba(128, 128, 128, 0.18) !important;
}

.popover-title {
	background-color: #158e8f !important;
	color: white !important;
}

.popover-title span{
	color: white !important;
}
.popover-header {
	background-color: #158e8f !important;
	color: white !important;
}

.popover-header span{
	color: white !important;
}

.lineSelectBoxDiv {
    position: relative;
}

.lineSelectBoxDiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    word-break: normal;
    border: none;
    border-bottom: 1px solid #aaacad;
    color: #949494;
}

.lineSelectBoxDiv:after {
  content: '\f078';
  font: normal normal normal 14px/1 FontAwesome;
  right: 16px;
  top: 20px;
  color: #949494;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
.lineSelectBoxDiv.noArrow:after {
  content: '' !important;
}
.btnWidth {
	width:30%;
}
.linecolor {
    color: #009bcf !important;
}

.border {
    border: 0px;
    border-bottom: 1px solid #aaacad;
}

.modal-footer{
	border-top: 0 !important;
	padding-top: 0px !important;
}

#CommonPopUpTitle{
	text-transform: capitalize;
}
#CommonPopUpTitle h4{
	text-transform: none;
}
#alertPopUpFoot button, #CommonPopUpFoot button, #CommonPopUpFootCRM button{
	padding: 7px 32px;
	outline: none;
}

#alertPopUpTitle{
	text-align: left;
	text-transform: capitalize;
	font-weight: 200;
	font-size: 19px;
}


.ui-dialog-content{
	overflow: hidden !important;
	overflow-y: auto !important; 
}
 
.btn-pad{
	padding: 6px 12px !important; 
}

#settingsModal .modal-header{
  background-color: #158e8f !important;
    color: white !important;
}

.pl10{
  padding-left: 10px;
}

.fundPopover{
	z-index: 2100 !important;
	pointer-events: none;
}

.chosen-container-multi:after {
    content: '\f078';
    font: normal normal normal 12px/1 FontAwesome;
    right: 8px;
    top: 11px;
    color: gray;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}
.highS
{
    color: #636769;
    font-weight: 600;
    font-size: 105%;
}
.lowS
{
    color: #9e9e9e;
    font-weight: 400;
}
.repdragcolor{
	background-color: #33b3b5eb;
    border-color: #26b5b7;
    color: #fff;
}

.reportPageTableBg {
	background: #ffffff;
}

.th-p15{
	padding: 15px !important
}

.noTopPad{
	padding: 0px 15px 15px 15px !important
}

.grecaptcha-badge {
	display: none;
}

@media (max-width: 1199px) {
	#iframeBody {
		/*height: 663px !important; */
		height: 550px !important;
	}
}

.discrption-image-w100 img {
	width: 100% !important;
	height: auto !important;
	max-height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.imgIcDelete {
	position: absolute;
	font-size: 1.5em;
	color: #111;
	top: 5px;
	left: 10px;
	background: #E6E6E6;
}
.msClose{
	right: 8px;
    top: 7px;
    color: gray;
    padding: 0 0 2px;
    position: absolute;
    font-size: 16px;
}
.displayNone{
	display: none;
}
.displayNoneImp{
	display: none !important;
}
.floatToRight{
	float: right;
}
.marginTop2P{
    margin-top: 2%;
}

.editPreviewImg img
{
width: 100px;
height: 100px;
margin-right: 1%;
}

/* IE checkbox vertical allignment */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type="checkbox"],
	.checkbox input[type="checkbox"],
	.checkbox-inline input[type="checkbox"] {
	  vertical-align: -2px !important;
	}

	input[type="radio"],
	.radio input[type="radio"],
	.radio-inline input[type="radio"] {
		vertical-align: -2px !important;
	}

	.textarea-border-bottom {
		border-bottom:1px solid #dddddd;
	}
}
.heightAuto{
	height: auto !important;
}
.embBtnWidth{
	/* width: 180px; */
	margin-left: 15px;
}
.trendGraph {
	background-color: transparent;
	margin: 0;
	font-weight: bold;    
}
.borderError{
	border : #f50000 1px solid;
}


@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
	input[type="checkbox"],
	.checkbox input[type="checkbox"],
	.checkbox-inline input[type="checkbox"] {
	margin-right: 5px;
	}
  }
  
/* Form desing Update */
.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fw600 {
	font-weight: 600 !important;
}

.p-t-b-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.pad13 {
	padding: 13px;
}

.p-l-r-2 {
	padding-left: 2px;
	padding-right: 2px;
}

.mt-0 {
	margin-top: 0px !important;
}

.m-t-25 {
	margin-top: 25px;
}

@media (max-width:991px) {
	.m-t-25 {
		margin-top: 10px;
	}
}

td.disabled{
    pointer-events: none;
	cursor: default;
	background-color: #eee;
    opacity: 1;
}

/* Button background transparent */
.btn-transparent {
	background-color: transparent;
    border-color: #1ab394;
    color: #1ab394;
}

.btn-transparent:hover {
	background-color: #1ab394;
    border-color: #1ab394;
    color: #fff;
}
.btn-transparent:active:focus {
    background-color: transparent;
    border-color: #1ab394;
    color: #1ab394;
}
.cusPointer{
 cursor: default;
}

.chosen-container.chosen-container-single {
	width: 100% !important;
}

.chosen-container.chosen-container-multi {
	width: 100% !important;
}

.MsError{
	border-bottom:2px solid red !important;
}
.txt-error{
  color: red !important;
  font-weight:200 !important;
  font-size: 85%;
}
@media (min-width: 768px){
	.navLiTabCell {
		display: table-cell;
	}
}
.btn_Grp>.btn_Grp {
    float: left;
}

.btn_Grp{
	position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn_Grp_Justify{
	display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn_Grp_Justify>.btn, .btn_Grp_Justify>.btn_Grp {
    display: table-cell;
    float: none;
    width: 1%;
}
.btn_Grp_Justify>.btn_Grp .btn {
    width: 100%;
}
.padR5px{
	padding-right: 5px;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.modal-header, .modal-footer {
    display: block;
}

.thead-li-grey{
    background-color: #f5f5f5;
  }

#secppp select,
#popupfieldsel{
    font-weight: inherit;
}
#crm_loading_div_Activity_Step_1 .crm_search_nw {
	top: 4px;
	position: relative;
  }
#filterBar .form-control:focus{
	  background-color: #fff;
  }

  @-moz-document url-prefix() {
    #cashSymbol.f250,
    #goal.f250{
      font-size-adjust : 0.35;
      padding-bottom: 0px;
    }
	#goal::placeholder {
		font-size:100%;
	}

	.m-label {
		display: table-cell;
	}
  }

  #defGridStatDiv h1,
  #gridStatDiv h1 {
    margin-top: 20px;
}

.desc-empty:empty {
	display: none;
}

.loadericon {
	border: 7px solid #f3f3f3;
	border-radius: 50%;
	border-top: 7px solid #444444;
	width: 40px;
	height: 40px;
	animation: spinanim 1s linear infinite;
	color: #f8f9fa;
}

@keyframes spinanim {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes blinkanim {50% { color: transparent }}
.loader__dot { animation: 1s blinkanim infinite }
.loader__dot:nth-child(2) { animation-delay: 250ms }
.loader__dot:nth-child(3) { animation-delay: 500ms }
.loader__dot:nth-child(4) { animation-delay: 750ms }

.margin0AndAuto{
	margin: 0px auto;
}

.drpZIndex{
	z-index: 2 !important;	
}

/* Goal amount font-size resize on mobile screen */

.f250 {
	  font-size: 250% !important;
}

.padR30px{
	padding-right: 30px !important;
}
/* Media Query for xs devices*/
@media (max-width: 350px) {

	.xsFs150{
		font-size: 150%;
		padding-bottom: 0px;
	}
	.xsFs250{
		font-size: 250%;
		padding-bottom: 0px;
	}
	.xsMarginTop0{
		margin-top: 0px !important;
	}

	.xsHeight25P{
		height: 25% !important;
	}
	.eventPopupHeader .modal-title.fs200{
		font-size: 150% !important;
	}

	.xsPaddingLeft0{
		padding-left: 0px;
	}
	.xsWhiteSpace{
		white-space: break-spaces ;
	}

	.xsMargin0{
		margin: 0px;
	}
	.xsDtTimBx,.xsMapBx{
		min-width: 230px !important;
	}

	.sweet-alert button {
		font-size: 13px !important;
    	margin: 10px 5px 0px !important;
		padding:6px 12px !important;
	}

	.sm-f14 {
		font-size: 14px !important;
	}

	.xs-d-gTable{
		display: block;
		overflow-x: auto;
	}
	.xsPaddingLR2{
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
	.recurringClass{
		position: relative;
		display: flex;
		flex-direction: row;
	}
	.recurringClass label{
		white-space: nowrap;
	}
	.xsPaddingLR0{
		padding: 0px !important;
	}
	.xsButtonOverlap{
		margin-right: 40px;
	}
	.xsMainBtn{
		margin-right: 25px;
	}
}


/* membership temp2 title */
.title-inlineblock {
	display: inline-block;
	width: 80%;
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Auction Live-thermometer box container */

.infobox {
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 3%;
    border-radius: 4px;
    height: 360px;
    max-height: 360px;
    overflow-y: auto;
}

.p-t-2{
	padding-top: 2px;
}

.label-success-imp{
	background-color: #1c84c6;
	color: #FFFFFF;
}

.label-danger-imp{
	background-color: #ed5565;
    color: #FFFFFF;
}


/* image & text robotCaptcha */

.robotCaptcha-fit {
	width: 200px;
	height: 40px;
	margin: auto;
}

.slick-cell.active.editable > input.editor-text.hasDatepicker {
	width: 100% !important;
}


/* Event share social icons */
.d-flex-center-icon {
	display: inline-flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: center;
}

.BigDataDownload{
	color: #26afd2 !important;
	text-decoration:none !important;
}
.BigDataDownload:hover{
	color: #26afd2 !important;
	text-decoration:underline !important;
}


/*Add new task popup  */
.d-block-W100 > .show {
	display: block !important;
    width: 100%;
}

/* Device full width in mobile  */

#orgDonADesc img {
	max-width: 100% !important;
}
.overflowVis{
	overflow: visible !important;
}

.colorGreen{
	color: #1B9B9C ;
}
.colorOrange{
	color: #e67d13;
}
.whiteSpaceNoWrap{
	white-space: nowrap;
}
.textAlignLeft{
	text-align: left;
}
.popupHeight{
	max-height: 330px;
    overflow-x: hidden;
    overflow-y: auto;
}
.paddingRight1rem{
	padding-right: 1rem;
}
.threeDots{
	text-overflow: ellipsis;
    overflow: hidden;
}
.webkitD-Box{    
display: -webkit-box;
-webkit-box-orient: vertical;
}
.linClamp2{
	-webkit-line-clamp: 2;
}
.linClamp3{
	-webkit-line-clamp: 3;
}
.linClamp4{
	-webkit-line-clamp: 4;
}
.notAllowed{
	cursor :not-allowed;
}
.pointerNone{
	pointer-events: none;
}
.error1{
	color: #222;
	font-size: 90%;
	border: 1px solid transparent;
	background-color: #f9edbe;
	padding: 6px 10px;
	border: 1px dotted #cc5965;
}
.customPopover{
	z-index: 1030;
}
.popover.customPopover{
	width: 450px !important;
}
.drawSignImg{
	max-width: 25%;
}
.drawSignImg50p{
	max-width: 50%;
}
.hoverWhite.btn.hand.input-group-addon:hover{
	color: #FFFFFF !important;
}
.marginRt05Em{
	margin-right: 0.5em;
}
.marginRt03Em{
	margin-right: 0.3em;
}

.bigDataCustomClass a:hover {
	text-decoration: underline;
}
.btn-pwd-dander{
	background-color: #1ab394;
	border-color: #1ab394;
	color: #fff;
}
.btn-noborder-shadow{
background-image: none!important;
box-shadow: none !important;
}
.marginR2px{
	margin-right: 3px;
}
.viewHtml img{
	max-width: 100%;
	height: 100% !important;
}
.foundSave{
	color: #fff;
  background-color: #3b616e;
  border-color: #3b616e;
}
.displayInline{
	display: inline;
}

.noTransition {
	left:-25px !important
  }

.tabBorderClr .table-responsive>.table-bordered,
.tabBorderClr .table-bordered > thead > tr > th,
.tabBorderClr .table-bordered > tbody > tr > td {
  border: 1px solid #d6d1d1;
}

.txtmsgph::placeholder{
	font-size: 9px;
}
.drawSignBtn{
	background: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #fff!important;
    font-size: 12px;
    line-height: 2;
    float: left;
}
.drawSignBtnErr{
	border-color: #ec4758 !important;
}

@media (min-width: 1200px){
	.moveDrpdwn{
		left: 30% !important;
	}
}
@media (max-width: 992px){
	.clrFltr{
		margin-right: 1%;
		margin-top: 1%;
	}
}
.mb5px{
	margin-bottom: 5px;
}
.emWidth{
	width: 100%;
}
#cstm_code_drpdwn_b_chosen>ul>li{
	width: 85%;
}

.z1{
	z-index:1
}
.z3{
	z-index:3
}

@media (min-width: 1199px) and (max-width:1500px) {
	#itemTitle{
		max-width: 350px ;
	}
}
@media (min-width: 1501px)  {
	#itemTitle{
		max-width: 430px ;
	}
}
.archiveLabel{
	margin-left:-18px;
	width:100px;
	display:flex
}
.archiveText{
	margin-bottom:-0.5rem;
	font-weight:400
}
.mlneg17{
	margin-left:-17px
}
.lineHight34{
	line-height: 34px;
}
.bgwhiteGrey{
 	background:#fefefe;
}
.fa-1_5x {
	font-size: 1.5em;
  }
.createfundpopover{
	max-width: 350px !important;
	left: 0 !important;
}
.fa-bg-succ{
	color: #1ab394;
}
.p-l-5p{
	padding-left: 5px;
}
.popHdheight{
    height: 100% !important;  
    min-height: 62px !important;
}
.select2Error .select2-selection{
	border: 1px solid red !important;
}
.btn-primaryok {
	background-color: #18a689 !important;
	border-color: #18a689 !important;
	color: #fff !important;
	background-image:  #18a689 !important;
}
#secppdon .chosen-container-active .chosen-choices {
    padding-right: 15px;
}
#ntIcnShowdiv>ul>li{
	padding: 0px !important;
	margin: 0px !important;
}
#ntIcnShowdiv>ul{
	min-width: 0px !important;
}
.displayFelxRow{
	display: flex;
	flex-direction: row;
}
.eventEmbedTitleDisplay{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-top: 15px;
	padding: 0px 20px 1px 20px;
}

ul .no-bullets{
	list-style-type: none;
}

.x-twitterShare .fa-Xtwitter{
	height: 15px;
	width: auto;
}
.x-twitterShare:hover{
	background-color: black;
}
#shareDivTemp1 > div > .shareIconFooter.x-twitterShare{
	border-color: black !important;
}
.xTwitter .fa-Xtwitter{
	position: relative;
	height: 20px;
	width: auto;
	top: 5px;
}
.XTwitterNoPos .fa-Xtwitter{
	height: 20px;
	width: auto;
	top: 5px;
}
.XTwitterTop3 .fa-Xtwitter{
	position: relative;
	height: 20px;
	width: auto;
	top: 3px;
}
.xTwitterEvent .fa-Xtwitter{
	position: relative;
	height: 25px;
	width: auto;
	top: 3px;
}
.fa-Xtwitter {
    content: url('/img/x-twitter.svg');
}
.fa-Xtwitter.black{
	filter:brightness(0);
}
.fa-Xtwitter.xWhite{
	filter:brightness(0) invert(1);
}
.fa-xTwitter-square {
    content: url('/img/x-twitter-square.svg');
	height: 20px;
	width: auto;
	position: relative;
    top: 3px;
}
.fa-xTwitter-square.linkedIn, .fa-xTwitter-square.template_1{
	filter:invert(1);
}
.fa-xTwitter-square.linkedIn {
    content: url('/img/x-twitter-square-blue.svg');
	filter:invert(0);
}

.fs16 .fa-xTwitter-square, .fs16 .fa-xTwitterGray-square{
	height: 16px;
	top:2px;
}

.x-twitterShare:hover .fa-Xtwitter {
    filter: brightness(0) invert(1);
}
.fa-XtwitterLightGrey{
	content: url('/img/x-twitter-LightGrey.svg');
}
.xTwitterEvent .fa-XtwitterLightGrey{
	height: 20px;
	width: auto;
	bottom: 2px;
}
.fa-xTwitterGray-square{
	content: url('/img/x-twitter-square-lightgray.svg');
	height: 20px;
	width: auto;
	position: relative;
    top: 3px;
}
.fa-xTwitterGray-square.shareIcnVal{
	content: url('/img/x-twitter-square-darkgray.svg');
}
.shareIcnClr, .shareIcnClr:hover, .shareIcnClr:focus{
	color: #d0cbcb;
}
.shareIcnVal, .shareIcnVal:hover, .shareIcnVal:focus{
	color: #9eb9b4;
}
.nowrapTextEllipse{
	display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pos-rel-bottom-1{
	position: relative;
	bottom: 1px;
}

.bg-white-header{
	background-color: #ffffff !important;
	color: #000000;
	font-family: 'Open Sans', sans-serif !important;
    border-bottom: #F6F4F5 3px solid;
    margin-bottom: 1%;
}
.fs-1-1-em{
	font-size: 1.1em;
}
.p-t-0{
	padding-top: 0px !important;
}
.m-l-2em{
	margin-left: 2em;
}
.m-b-05em{
	margin-bottom: 0.5em;
}
.d-flex-wrap{
	display: flex;
	flex-wrap: wrap;
}
.headerPadding{
	padding : 0px 20px 0px 20px
}
.movesHeaderFixed {
    position: fixed;
    width: 100%;
    z-index: 150;
}
.top50 {
    top: 50px;
}
.default-b-text, .default-b-text:hover, .default-b-text:focus {
    color: #000000;
}
.secondaryInfo{
	border-left: 2px solid rgb(185, 185, 185);
}
.infoRightContainer, .secondaryInfo{
	margin: 15px 0px 0px 0px;
}
.infoLeftContainer{
	margin:10px 10px 0px 10px;
}
.btn-primary-add:not(:hover) {
	background-color: #1ab394 !important;
    border-color: #1ab394 !important;
    color: #fff !important;
}
#eventnamessel_div.lineSelectBoxDiv:after {
    top: 35px !important; 
}

.btn-red{
	background-color: #F8142C;
}

.btn-red:hover{
	background-color: #F8142C;
}
.tooltipZindex2050{
	z-index: 2050 !important;
}
.braintree-sheet__content--form .braintree-form__notice-of-collection {
	display: none;
}
@media (max-width: 767px) {
	.dNoneSmallDevice{
		display: none;
	}
	.xsMarginTop5px{
		margin-top: 5px;
	}
	.top50{
		top: 85px;
		z-index: 1000;
	}
}
@media (max-width: 320px) {
	.top50{
		top: 120px;
		z-index: 1000;
	}
}
@media (min-width: 768px) {
	.dNoneDesktop{
		display: none;
	}
}
.visibilityHidden{
 visibility: hidden;
}
.bgColorGrey{
	background-color: rgba(0, 0, 0, 0.61);
}
/* Adjust toast container width */
.toast {
    min-width: 300px; /* Minimum width */
    max-width: 400px; /* Maximum width */
    width: auto !important; /* Override default width */
}

/* Ensure messages up to 500px show in a single line */
.toast-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Optionally show ellipsis for overflowed content */
}

/* Handle longer messages wrapping properly */
.toast-message {
    white-space: normal;
    word-wrap: break-word;
}

.noLeftImp{
	padding-left: 0px !important;
}
.li-has-error,
.li-has-error .chosen-choices,
.li-has-error .chosen-choices:focus{
	border-color: #ed5565 !important;
}
.li-has-error input[type="checkbox"]:after{
	border: 1px solid #ed5565 !important;
}
.pointerAuto{
	pointer-events: auto !important;
}

.select25Ch{
	width: auto; /* Automatically adjust width */
	max-width: 28ch; /* Limit width to 25 characters */
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden !important;
}

.text-burnt-orange{
	color: #cc5500;
}

.text-amber{
	color: #d87306;
}

.text-burnt-red{
	color: #C80000;
}

.text-pure-blue{
	color: #0000FF;
}

@media (max-width: 768px) {
	.medium-width, #secppp, #thirdppp{
		max-width: 100% !important;
		width: 100% !important;
	}
}

#timeline_body {
	background: #fff !important;
    margin: 0 0 0 10px;
    padding: 0;
}

#timeline_tab {
	background: #f6f4f4 !important;
}

#timeline_tab .ibox-content {
	border: none;
}

#timeline_tab .nav>li {
	border-bottom: 1px solid #e7eaec;
	
}
#timeline_tab .nav>li.active {
	border-bottom: 2px solid #1B858D !important;
}

#timeline_tab .nav>li a {
	border: none;
}

#timeline_tab .timeline-item {
    border-top: 1px solid #e7eaec;
}

#timeline_tab .inspinia-timeline .timeline-item:first-child {
    border-top: none;
}
#timeline_body .nav-tabs {
    border-bottom: none;
}

#timeline_tab .text-pending {
	color: #EB3E38;
}

#timeline_tab .timeline-item .date i {
	color: white;
	padding: 6px;
    font-size: 13px;
}
#timeline_tab .timeline-item .date {
	padding-bottom: 30px;
}
#timeline_tab .timeline-item .content{
	border-top: none;
}
#timeline_tab .ibox-title{
	border-bottom: 1px solid #e7eaec !important;
}

#template1 #timeline_body { 
    max-width: 330px;
    min-width: 300px; 
}

.aut_total_rows_grid_aili, .aut_filtered_show_aili{
	width: 182px;
    height: 37px;
    padding: 10px 20px 10px 20px;
    border-radius: 3px 0px 0px 0px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

.aut_totrow_cnt_aili, .aut_totinv_cnt_aili{
	font-family: Roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 28.8px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #2A3547;
}

.aut_totrow_idd_aili, .aut_totinv_idd_aili{
	font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: -0.02em;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1B858D;
}

.dt_range_txtt_aili{
	color: #1B858D !important;
}

.dt_range_fetchelog_aili, .autEmailLogCFilter_aili{
	font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #1B858D !important;
	border-radius: 3px;
    background: #ffffff;
    border: 1px solid #1B858D;
}

.dt_range_fetchelog_aili:hover,  .autEmailLogCFilter_aili:hover{
    background-color: #1B858D  !important;
    border-color: #1B858D  !important;
    color: #fff !important;
}

.del-usr-txt {
	color : #ff9800 !important;
}

.ailikbchat #ailibtntemp1b{
	display: none !important;
}

.ailikbchat #ailioverlaytemp1b{
	z-index: 1002 !important;
}

@media (max-width: 768px) {
    .body-small .navbar-default.navbar-static-side {
      position: absolute;
    }

	body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level {
		display: block !important;
		border-radius: 0 2px 2px 0 !important;
		min-width: 160px !important;
		height: auto !important;
	}

	.body-small.mini-navbar .tooltip {
		z-index: 3000;
	}
	#a_left_bar_toggle.tgl-btn {
		padding: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 35px;
		width: 35px;
	}
	.mob-pr-0 {
		padding-right: 0 !important;
	}
	.mob-pl-0 {
		padding-left: 0 !important;
	}
	.mob-w-12 {
		width: 12% !important;
	}
}