/* margins/paddings*/
.mar_t_10{ margin-top:10px !important;}
.specilTopMargin{ margin-top:20px !important;}
.marl10{margin-left:10px !important;}
.marl_null{margin-left:0px !important;}
.mar_lr_5{margin-left:5px !important; margin-right:5px !important;}
.mar_tb_null{margin-top:0px !important; margin-bottom:0px !important;}
.leftFill2{margin-left:140px !important}
.padding { padding:10px 35px !important; }
.leftFill170 { margin-left: 160px !important;}
.leftFill160 { margin-left: 155px !important;}
.m_null input[type=checkbox]{margin-left:0px !important}
.mar_r_150 { margin-right:150px !important; }
.mar_r_72 { margin-right:58px !important; }
.mar_l_15{margin-left:15px !important;}
.pad0{padding:0px !important;}
.padlr0{padding-left:0px !important; padding-right:0px !important;}
.padl5{padding-left:5px;}
.mar_r_78{margin-right:78px}
.mar_r_10{margin-right:10px !important;}
.leftFill30 input[type="checkbox"]{margin-left:0px !important;}
.wfull{width:100% !important;}
.plainbg { padding:0; background:#f6f7f8; margin:0; border-top:1px solid #E4E8EA; border-bottom:1px solid #E4E8EA }
.plainbg.padding { padding:20px 35px; }
.greenbg{ padding:3px 30px 3px 40px;  margin:0; background:#4c7a3c; color:#FFF; vertical-align:middle; position:relative; float:left; display:block ; width:92.6%;}
.greenbg span{ display:inline-block; vertical-align:middle; line-height:33px;}
.greenbg a{ display:inline-block; vertical-align:middle; float:right; line-height:normal;}
.grayBgOne{ padding:3px 30px 3px 40px;  margin:0; background:#6a6a6a; color:#FFF; vertical-align:middle; position:relative; float:left; display:block ; width:92.6%;}
.grayBgOne span{ display:inline-block; vertical-align:middle; line-height:33px;}
.grayBgOne a{ display:inline-block; vertical-align:middle; float:right; line-height:normal;}
.orangeBg{ padding:3px 30px 3px 40px;  margin:0; background:#E96F23; color:#FFF; vertical-align:middle; position:relative; float:left; display:block ; width:92.6%;}
.orangeBg span{ display:inline-block; vertical-align:middle; line-height:33px;}
.orangeBg a{ display:inline-block; vertical-align:middle; float:right; line-height:normal;}

.relative { position:relative !important; }
.arial{ font-family:'arial';}
.italic{ font-style:italic !important;}
.lowercase{ text-transform:none !important;}
p.normal{ line-height:normal !important; margin:0px; padding:0} 
.lineHeightNormal{line-height:normal !important}
.block{display:block; width:100%}
.auto{width:auto !important;}
.noclear{clear:none !important}
.half { width:50% !important; }
.col-half { width:48% !important; }
.vt{ vertical-align:top !important;}
.vm{ vertical-align: middle !important; position:relative;}
.adelle{ font-family:'adelle' !important;}
.notext_shadow { text-shadow:none !important }
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f22{font-size:22px !important;}
.nobold { font-weight:normal !important;}
.w100 { width:100%;}
.w60 { width:60%; margin:0 auto; }
.w485 { width:483px; }
.w460 { width:460px; }
.w40{width:39%; }
.wp40{width:40%; margin-right:5px;}
.wp30{width:29.5%; margin-right:5px;}
.wp20{width:19.5%; margin-right:5px;}
.wp50{width:49%;}
.wp70{width:60%;}
.col-50 { width:50px; }
.textGreen{color:green;}
.bordertop { border-top:1px solid #CCC; }
.bordertop_dotted { border-top:1px dotted #CCC; }
.dottedtb { border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; }
.border-right { border-right:1px solid #CCC; }
.padtb10 { padding-top:10px; padding-bottom:10px; }
.margin_bottom_null { margin-bottom:0px !important; }
.mar_t_special { margin-top:-1px !important; }
.bglightBlue { background:#ebf8fe; padding:0px; margin:0px; border-bottom:1px solid #cfd4d8; }
.bglightBlue.padding { padding:20px 35px; }
.eventCustomizOptions { padding:0; margin:0; list-style:none; float:left; width:100%; }
.eventCustomizOptions li { padding:8px 8px 8px 75px; margin:5px 0 15px 0; list-style:none; width:39%; float:left; display:table; vertical-align:middle; vertical-align:middle; clear:none; }
.eventCustomizOptions li p { margin:0; padding:0 5px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; }
.eventCustomizOptions li.margin { margin-left:2%; }
.eventCustomizOptions li.enableTickets { background:url(../img/event_ticket.png) no-repeat left center; }
.eventCustomizOptions li.guestList { background:url(../img/event_guestlist.png) no-repeat left center; }
.eventCustomizOptions li.eventCustomize { background:url(../img/event_customize.png) no-repeat left center; }
.eventCustomizOptions li.eventSocialmedia { background:url(../img/event_socialmedia.png) no-repeat left center; }
#group-type-select-category.more ul li { margin-bottom:5px; margin-top:5px; }
#group-type-select-category.bordernone { border:none; border-right:1px solid #CCC !important; }
#group-type-select-category a { color:inherit; display:block; width:inherit; }
.blue_colpses h4 div.anchor { background: url(../img/icon_anchor.png) no-repeat left center !important; display:inline-block; float:left; height:31px; width:40px; }
.eventBlocks { padding:0; margin:10px 0 10px 30px; list-style:none; width:95%; float:left; }
.eventBlocks li { padding:10px; margin:0 0 10px 0; list-style:none; background:#ebf8fe; border:1px solid #2a97d0; border-radius:8px; position:relative; background-image:url(../img/blue_right_arow.png); background-position:98% center; background-repeat:no-repeat; cursor:pointer; }
.eventBlocks li:hover { background:#2a97d0; background-image:url(../img/blue_right_arow.png); background-position:98% center; background-repeat:no-repeat; color:#FFF; vertical-align:middle; }
.eventBlocks li:hover .text { color:#FFF; }
.eventBlocks li .eventticket { vertical-align:middle; position:relative; background:url(../img/event_ticket.png) no-repeat left center; width:60px; height:60px; display:inline-block; }
.eventBlocks li .eventCustomize { vertical-align:middle; position:relative; background:url(../img/event_customize.png) no-repeat left center; width:60px; height:60px; display:inline-block; }
.eventBlocks li .eventGuestlist { vertical-align:middle; position:relative; background:url(../img/event_guestlist.png) no-repeat left center; width:60px; height:60px; display:inline-block; }
.eventBlocks li .dockNumber { position:absolute; left:0; background:#f27137; color:#FFF; font-family:'adelle'; font-size:30px; padding:5px; line-height:40px; margin-left:-75px; width:50px; border:1px solid #b14f22; text-shadow:0px 2px 0px #b14f22; text-align:center; }
.eventBlocks li .dockNumber .tag { background: url(../img/orange_tag.png) no-repeat 0 0; position: absolute; height: 6px; width: 6px; bottom: -6px; left: -1px; margin: 0; }
.eventBlocks li .text { vertical-align:middle; width:81.5%; display:inline-block; color:#203e76; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin-left:10px; }
.eventBlocks li .text .error { color:#cc0000; padding-left:30px; background:url(../img/error_bg.png) left center no-repeat; margin-top:5px; }
.error_icon { color:#cc0000; padding-left:30px; background:url(../img/error_bg.png) left center no-repeat; margin-top:5px; }
.eventBlocks li.green .text .checked { background:url(../img/event_checked.png) left center no-repeat; padding-left:20px; color:#4b7a3e }
.eventBlocks li.green:hover .text .checked { background:url(../img/event_checked_white.png) left center no-repeat; padding-left:25px; color:#FFF; }
.eventBlocks ul.sub { padding:0; margin:0 7px 20px 7px; list-style:none; width:98%; border:none; }
.eventBlocks ul.sub li { padding:5px; margin:-9px 0 10px 0; list-style:none; border:none; position:relative; border-radius:0px; cursor:default; color:#333; }
.eventBlocks ul.sub li:nth-child(even) {
background:#FFF;
}
.eventBlocks ul.sub li:nth-child(odd) {
background:#EFF3F4;
}
.eventBlocks ul.sub li:hover { color:#333; }
.eventBlocks li.green.collapse { background:#dff2da; border:1px solid #4b7a3e; background-image:url(../img/green_right_arow_off.png); background-position:98% center; background-repeat:no-repeat; }
.eventBlocks li.green.collapse.open { background:#dff2da; border:1px solid #4b7a3e; background-image:url(../img/green_right_arow_on.png); background-position:98% center; background-repeat:no-repeat; }
.eventBlocks li.green:hover.collapse { background:#4b7a3e; background-image:url(../img/green_right_arow_off.png); background-position:98% center; background-repeat:no-repeat; }
.eventBlocks li.green:hover.collapse.open { background:#4b7a3e; background-image:url(../img/green_right_arow_on.png); background-position:98% center; background-repeat:no-repeat; }
.eventBlocks li.green .eventticket { background:url(../img/event_ticket_green.png) no-repeat left center; }
.eventBlocks li.green .eventCustomize { background:url(../img/event_customize_green.png) no-repeat left center; }
.eventBlocks li.green .eventGuestlist { background:url(../img/event_guestlist_green.png) no-repeat left center; }
.eventBlocks li.green .dockNumber { background:#4b7a3e; border:1px solid #416735; text-shadow:0px 2px 0px #416735; }
.eventBlocks li.green .dockNumber .tag { background: url(../img/green_tag.png) no-repeat 0 0; }
.forLinks { margin:-5px 10px 10px 10px !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.events > .field-elements > input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); font-size: 14px; margin: 0px !important ; padding: 8px !important; height:auto !important;  width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
.public-form input[type="text"], .public-form select, .public-form textarea, .public-form fieldset{ margin-bottom:10px !important;}

.gridFourColumns{ margin:0; padding:5px 0 0 0; display:block; width:100%; border-top:1px dotted #CCC; float:left; font-size:13px}
.gridFourColumns ul, .gridFourColumns ol{ display:block; width:100%; float:left; clear:both;}
.gridFourColumns > .grid4Head{ display:block; float:left; padding:5px 0 5px 0; margin:0;}
.gridFourColumns > .items{ margin:0; padding:5px 0 5px 0;  position:relative; display:block; float:left; width:100%; border-top:1px dotted #CCC;}
.gridFourColumns .dontshow { margin-right:5px; display:none;}
.gridFourColumns > .items > .first {width:29.5%; margin-right:5px;}
.gridFourColumns > .items > .first1 {width:38.5%; margin-right:5px;}
.gridFourColumns > .items >.responsiveBlock > div {width:100%; }
.gridFourColumns > .items  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { margin:0px !important}
.gridFourColumns > .items .responsiveBlock{ width:100%; float:left; margin:5px 0 0 0; padding:0px; display:block; clear:both;}
.gridFourColumns > .items .responsiveBlock > div{ float:left; margin:0px; padding:0px 0px 5px 0px; display:inline; color:#6a6a6a; line-height:normal;}
.gridFourColumns > .items .responsiveBlock > p{ float:left; margin:0px; padding:0px 0px 5px 0px; display:inline; color:#6A6A6A; line-height:normal; font-weight:normal;}

/*.gridFourColumns .dottedBottom{margin:0 0 5px 0; padding:5px 0;  display:block; width:100%; font-size:12px; position:relative; border-bottom:1px dotted #CCC; float:left;  width:100%;}
.gridFourColumns li:first-child > ul{border-top:1px dotted #CCC}
.gridFourColumns li:last-child > ul{border:none}
.gridFourColumns li > ul li{ margin:0 0.3% 0 0 !important; padding:5px; display:inline-block; float:left; border:none;}
.gridFourColumns li > ul li input{ margin-bottom:0px;}
.gridFourColumns li > ul li:last-child{ margin:0;}
.gridFourColumns li.gridhead{display:block;}*/

.tc{ text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.public .wysiwyg-content .photostrip, .public .photostrip [class*="column"] + [class*="column"]:last-child {
	float: left;}
.photo_tilling { margin:0px 8px 10px 10px !important; padding:0px; list-style:none; display:block; float:left; }
.photo_tilling li { margin:1px 2px 0px 0px; padding:0px; list-style:none; display:inline-block; float:left; width:60px; height:60px; background:#222; }
.photo_tilling li.big { margin:2px 2px 0px 0px; list-style:none; display:inline-block; float:left; width:134px; height:120px; overflow:hidden; }
.relatedToEvent{ margin:0; padding:0; list-style:none; color:#2BA6CB; width:100%;}
.relatedToEvent li{ margin:0; padding:0 10px 0 0; list-style:none; color:#2BA6CB; width:49%; float:left; vertical-align:middle; position:relative;}
.relatedToEvent li .name{ display:table-cell; width:70%; color:#2BA6CB !important; margin:0; padding:0; vertical-align:middle; position:relative; line-height:normal !important; }
.relatedToEvent li .circle{ width:33%; display:table-cell; vertical-align:middle; position:relative;}

.eventPublicComments{ margin:0; padding:0; list-style:none; color:#555555; width:100%;}
/* Rupesh - 22-May-2014 below line commented and added new line by removing 'border-bottom:1px dotted #CCC; to fix the issue Do not display extra horizontal separator if Event page does not have description text (https://app.asana.com/0/8873274362793/9728577969813)'
.eventPublicComments li { margin: 5px 0; padding: 0 0 10px 0; list-style: none; width:100%; position:relative; display:block; float:left; border-bottom:1px dotted #CCC;}*/
.eventPublicComments li { margin: 5px 0; padding: 0 0 10px 0; list-style: none; width:100%; position:relative; display:block; float:left;}
.eventPublicComments li p.text { margin: 10px 0 0 8px; font-size:13px !important; color:#555; line-height:normal; width:70%; float:left;}
.eventPublicComments li .date{ width:10%; float:right; display:inline; font-size:12px; text-align:right; right:0px; color:#c4c2c2; margin-right:10px;}
.eventPublicComments li p.text span { color:#2BA6CB;}
.eventPublicComments li .donor, .eventPublicComments .circle { width: 58px; height: 58px; object-fit:cover;}
.eventPublicComments .donor { background: #848283; float: left; margin-right: 5px; }
.eventPublicComments .circle { position: absolute; top: 0; left: 0; background: url(../img/user_overlay.png) no-repeat 0 0; z-index: 100; }
.eventPublicComments li .date1{ width:10%; display:inline; font-size:12px; text-align:right; right:0px; color:#c4c2c2; margin-right:10px;}
.eventPublicComments li .marks { position: absolute; top: -8px; left: 42px; background:#2b95cf; border-radius:4px; width:20px; height:20px; display:inline-block; z-index:101; text-align:center; line-height:20px; color:#FFF; font-family:'adelle'; font-size:14px !important; font-weight:500;}

.attending{ margin:0; padding:0; list-style:none; width:100%; display:block; float:left;}
.attending li{ margin: 5px 0; padding: 0; list-style: none; width:100%; position:relative; display:block; float:left;}
.attending li p.text{color:#2BA6CB !important; line-height:normal; margin:10px 0 0 0;}
.attending li p.number{color:#848283 !important; line-height:normal; margin:5px 0 0 0;}
.attending li .donor, .attending .circle { width: 58px; height: 58px; object-fit:cover;}
.attending .donor { background: #848283; float: left; margin-right: 5px; }
.attending .circle { position: absolute; top: 0; left: 0; background: url(../img/user_overlay.png) no-repeat 0 0; z-index: 100; }

.twelve > .attending li{ border-bottom:1px dotted #CCC; padding-bottom:5px;}
.twelve > .attending li:last-child{ border-bottom:none;}
.blueBrBox{ margin:0 0 8px 0; padding:5px; border:1px solid #2996cf; background:#ebf8fe; color:#222; width:100%;}

/*uploader css*/
.uploader{border:1px dashed #2997cf;background:#e8f8ff url(../img/blue_strips.png) left top repeat; text-align:center;padding:50px 0;}
.uploader p{font-size:85%;}
.upload-wrap{width:350px;margin:0 auto !important;}
.position-null{position:static !important;}
.upload-li .wysiwyg-options li{display: inline !important;}
.upload-li li:hover{background-color:transparent;box-shadow:none;}
.upload-li .wysiwyg-content{line-height:19px}
.upload-li .wysiwyg-content p{height: 50px;overflow: hidden;margin: 0;line-height: 16px;}
.upload-li li{vertical-align: top;margin-bottom: 10px !important;}
.autostrech{ display:inline-block}
.autostrech > span{ color:#999 !important;}
.button.yesBig {-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); text-shadow: 0px 1pxpx 0px #2a89bc; border: 1px solid #2997cf; color: white !important;  line-height: normal; background:#5abfee url(../img/right_white.png) no-repeat 5px  center; padding: 10px 55px !important;}
.button.maybeBig {-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); text-shadow: 0px 1pxpx 0px #2a89bc; border: 1px solid #2997cf; color: white !important; line-height: normal; background:#5abfee url(../img/questiomark_white.png) no-repeat 5px  center; padding: 10px 55px !important;}
.button.noBig {-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); text-shadow: 0px 1pxpx 0px #2a89bc;  border: 1px solid #2997cf; color: white !important; line-height: normal; background:#5abfee url(../img/x_white.png) no-repeat 5px  center ; padding: 10px 55px !important;}


@media only screen and (max-width: 767px) {
.autostrech{ display:block !important; float:none; width:100% !important;}
.autostrech a{ width:100% !important; text-align:center; display:block !important; float:none;}
.autostrech > span{ color:#FFF !important;}
.relatedToEvent li { margin-top:5px; width:100%;}

.gridFourColumns {border-top:0px dotted #CCC; padding:0; margin:0}
.gridFourColumns > .grid4Head{ display:none;}
.gridFourColumns > .items{ margin:0; padding:5px 0 5px 0;  position:relative; display:block; float:left; width:100%; border-top:0px dotted #CCC; border-bottom:1px dotted #CCC;}
.gridFourColumns > .items > .first {width:100%; margin:0px 0px 5px 0px; padding:0px !important;}
.gridFourColumns > .items > .first1 {width:100%; margin:0px 0px 5px 0px; padding:0px !important;}
.gridFourColumns > .items > .second {width:100% !important; margin:0px 0px 5px 0px; padding:0px !important; float:none; clear:both;}
.wp20  { display:block !important; width:100% !important; margin:0px 0px 5px 0px; float:left; padding:5px 0; }
.wp20 > span:first-child { display:block !important; width:30% !important; margin-right:0px; float:left; font-weight:normal !important; }
.wp20 > span::nth-child(2) { display:block !important; width:10px !important; margin-right:5px; float:left; font-weight:normal !important; }
.wp20 > span:lost-child { display:block !important; width:68% !important; margin-right:0px; float:left; font-weight:normal !important; }
.gridFourColumns > .items > .second >span.dontshow { display:inline-block !important;}
.gridFourColumns > .items .responsiveBlock{ width:100%; float:left; margin:0px; padding:0px;}
.gridFourColumns > .items .responsiveBlock > div { width:100%; float:left; margin:0px; padding:0px 0px 5px 0px; display:block; color:#6A6A6A}

.float-none{ float:none !important;}
.col-two, .col-three, .col-four, .col-five, .col-six, .col-seven, .col-eight{ width:100% !important;}
.leftFill2{margin-left:0px !important}
.auto{width:auto !important;}
.marl10{margin-left:10px !important;}
.plainbg.padding { padding:10px !important; }
.padding { padding:10px !important; }
.tl, .tc, .tr {text-align:left;}
.tr.trr {text-align:right !important;}
.wp50 {width:49% !important; display:inline-block;}
.leftFill160 { margin-left:0px !important;}
.eventPublicComments li p.text{width:65%;}
.specilTopMargin{ margin-top:-18px !important; margin-bottom:10px !important;}
.specilTopMargin.specilTopMarginsp{ margin-top:3px !important;}
}
.object-fit{object-fit: cover;}

.button.button-green {-webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.5); text-shadow: 0px 1pxpx 0px #28D08F; border: 1px solid #28D08F; color: white !important;  line-height: normal; background:#28D08F ; padding: 10px 55px !important;}
.check-input{ display:inline-block !important;  padding-top:10px !important; padding-bottom:10px !important; height: 37px !important; vertical-align: top;}