html,body{ background:#ffffff;}
.float-none{ float:none !important; }
.border-tb{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.border-top-solid{border-top:1px solid #ccc;}
.border-t-blue{border-top:1px solid #2a97d0;}
.pad-5{ padding:5px !important;}
.pad-20{ padding:20px !important;}
.pad-tb-10{ padding-top:10px !important; padding-bottom:10px !important;}
.pad-tb-16{ padding-top:16px !important; padding-bottom:16px !important;}
.pad-tb-20{ padding-top:20px !important; padding-bottom:20px !important;}
.pad-tb-30{ padding-top:30px !important; padding-bottom:30px !important;}
.pad-t-20{ padding-top:20px !important;}
.pad-t-30{ padding-top:30px !important;}
.pad-l-10{ padding-left:10px !important;}
.pad-l-15{ padding-left:15px !important;}
.pad-l-30{ padding-left:30px !important;}
.pad-r-2{ padding-right:2px !important;}
.pad-r-10{ padding-right:10px !important; }
.pad-r-15{ padding-right:15px !important; }
.pad-lr-40 { padding-left: 40px !important; padding-right:40px !important; }
.pad-lr-null{ padding-left:0 !important; padding-right:0 !important;}
.pad-lr-15{ padding-left:15px !important; padding-right:15px !important;}
.pad-lr-20{ padding-left:20px !important; padding-right:20px !important;}
.pad-lr-25{ padding-left:25px !important; padding-right:25px !important;}
.pad-null{ padding:0 !important;}
.mar-auto{ margin:0 auto;}
.mar_b_null{ margin-bottom:0 !important;}
.mar-t-null{ margin-top:0 !important;}
.mar-b-25{ margin-bottom:25px !important;}
.mar-b-20{margin-bottom:20px !important;}
.mar-b-30{margin-bottom:30px !important;}
.mar-tb-20{margin-top:20px !important; margin-bottom:20px !important;}
/*Bg colors*/
.l-blue-bg{ background:#ebf8fe;}
.d-blue-bg{ background:#2998d0;}
.orange-bg{ background:#e7621f;}
.green-bg{ background:#4a7a3e;}
.text-orange{ color:#e7621f !important;}
.f15{ font-size:15px !important;}
.f25{ font-size:25px !important;}
.italic{ font-style:italic;}
.border-white{ border:1px solid #ffffff;}
.border-t-blue{ border-top:2px solid #2998d0;}
.display-table{ display:table;}
.display-table .display-cell{ display:table-cell;}
.col-full-waper{margin-left: 0; width:940px; padding-bottom:50px;}
.public.member header .profile{ margin-bottom:0;}
.public .panel .main-content-box{border-radius: 0 !important;  box-shadow: none; padding:0 !important; margin:0 !important;}
.public .panel .main{ margin-top:0;}
.public .col-full{width:100% !important;}
.public .panel .titles { margin: 0 40px; padding: 15px 0;}
.public .panel .titles h3 , .public .panel .titles h3 a {color: #003979; float: left;margin: 0; text-transform:capitalize; font-size:18px !important;}
.v-middle{ vertical-align:middle;}
.col-full-waper .form-block-header{ background:none !important; border-top:none !important; color: #E6621F; font-family: arial; font-weight: bold; border-bottom-color:#2A97D0;}
.col-full-waper .form-block-header span, .col-full-waper .form-block-header div{ font-weight:normal; font-family: arial;}
.col-full-waper .grayBg, .col-full-waper .plainbg, .col-full-waper .form .container-1{ background:none;}
.logo { margin: 30px auto 0; position: relative; width: 100px; }
.logo.circle img { width: 100px; height: 100px; }
.logo.circle .overlay { width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: url(../img/logo_circle.png) no-repeat 0 0; }
.logo.circle ul { display: none; position: absolute; top: -8px; left: 70px; z-index: 10; margin: 0; padding: 0; }
.logo.circle li { display: block; width: 160px; margin: 3px 0; padding: 0; list-style: none; }
.logo.circle a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; border: 1px solid #2997cf; padding: 5px 10px 5px 30px; background: url(../img/edit.png) no-repeat 10px center white; font-size: 70%; }
.logo.circle:hover .overlay { width: 112px; height: 112px; top: -6px; left: -6px; background: url(../img/logo_circle_hover.png) no-repeat 0 0; cursor:pointer; }
.logo.circle:hover a { cursor:pointer; }
.logo.circle:hover ul { display: block; }
.quicklinks { margin-top: 20px; padding-bottom: 20px; font-size: 70%; }
.quicklinks ul { margin: 0; padding: 0; }
.quicklinks li { list-style: none; display: inline-block; }
.quicklinks li a { display: block; }
.quicklinks a { display: inline-block; width: 153px; margin: 0; text-align: center; color: #a9a9a9; background-position: center 0; background-repeat: no-repeat; padding-top: 69px; }
.quicklinks a:hover { color: #767676; }
.quicklinks a.email { background-image: url(../img/admin_nav_email.png); }
.quicklinks a.event { background-image: url(../img/admin_nav_event.png); }
.quicklinks a.survey { background-image: url(../img/admin_nav_survey.png); }
.quicklinks a.funds { background-image: url(../img/admin_nav_funds.png); }
.quicklinks a.album { background-image: url(../img/admin_nav_album.png); }
.quicklinks a.docstorage { background-image: url(../img/admin_nav_documents.png); }
.quicklinks a.member { background-image: url(../img/admin_nav_member.png); }
.quicklinks a.groupsite { background-image: url(../img/groupsite-icon.png); }
.quicklinks a.group { background-image: url(../img/admin_nav_group.png); }
.quicklinks a.methods { background-image: url(../img/admin_nav_methods.png); }
.quicklinks a.responses { background-image: url(../img/admin_nav_responses.png); }
.quicklinks a.connection { background-image: url(../img/admin_nav_connection.png); }
.col-full-waper .leftNaveContent{width: 250px !important;}
.col-full-waper .leftNaveContent li{width: 215px !important;}
.col-full-waper .leftNaveContent li.selected{width: 226px !important;}
.col-full-waper .leftNav{width: 213px !important;}
.col-full-waper ul.search-results li img{ width:60px; height:60px;}
.titles h3, .titles h3 a {color: #2a97d0 !important; font-size: 20px !important; text-transform:none !important;}
.col-full-waper .form .wizard_1{ background:none;}
.no-box-radius{ box-shadow:none !important; box-radius:0 !important;}
.field-label { font-family:Arial !important; font-size:15px !important; font-weight:bold !important; color:#000000 !important;}
.leftFill180{ margin-left:182px !important;}
.settings .titles, .form .titles{ background:none;}
.gear-icon-wapper {position: relative;width: 16px; display:inline-block; float:right; margin-right: 30px; z-index:9;}
.gear-icon-wapper .gear-icon {background: rgba(0, 0, 0, 0) url("../icons/btn_edit_hov.png") no-repeat scroll center center;cursor: pointer;display: block;position: relative;text-indent: -9999px;width: 16px; bottom:3px;}
.gear-icon-wapper .gear-icon-text {border: 1px solid #2ba6cb;display: block;left: 30px;position: absolute;text-align: left;text-indent: 0; padding-left:20px; top: -10px;visibility: hidden;background:#ffffff url("../img/icn_resend_blue.png") no-repeat 10px center;}
.gear-icon-wapper .gear-icon-text::after {border-bottom: 13px solid transparent;border-right: 13px solid #fff;border-top: 13px solid transparent;content: "";height: 0;left: -13px;position: absolute;top: 7px;width: 0;}
.gear-icon-wapper .gear-icon-text::before {border-bottom: 14px solid transparent;border-right: 14px solid #2ba6cb;border-top: 14px solid transparent;content: "";height: 0;left: -15px;position: absolute;top: 6px;width: 0;}
.gear-icon-wapper .gear-icon-text a {color: #2ba6cb !important; font-size:12px; display: block;font-weight: bold;padding: 10px;text-decoration: none;width: 201px;}
.gear-icon-wapper:hover .gear-icon-text {visibility: visible;}
.gear-icon-wapper.visible .gear-icon-text {visibility: visible;}
.new-aleart-orange {background: rgba(0, 0, 0, 0) url("../img/icn_alert-orange.png") no-repeat scroll right center;color: #f60;font-weight: bold; padding-right:25px; font-size:12px;}
.new-aleart-orange span {color: #2ba6cb;}
.panel-wapper{padding-left:25px !important; padding-right:25px !important; width:940px;}
.panel-wapper-40{padding-left:40px !important; padding-right:40px !important; width:940px;}
.l-side-nav{ width:100%;}
.l-side-nav ul{ margin:0; padding:0;}
.l-side-nav ul li{ list-style:none; font-size:13px; margin-bottom:5px;}
.l-side-nav ul li a{ color:#333333; display:block; padding:5px;}
.l-side-nav ul li a:hover{color:#2998d0;}
.l-side-nav ul li a.active{ background:#2998d0; color:#ffffff;}
.h1-hd{ font-size:30px; font-weight:bold; margin:0;}
.url-box { width: 432px !important; margin:0 !important;}
.radio-group .element select {  margin: 0 !important;}
.col-135{ width:135px !important}
.col-138{ width:138px !important}
.panel-container{ width:940px;}
.continue-btn{ width:200px; margin:0 auto;}
.ul-f14 li{ font-size:14px}
.box-green {background: #dfeadc; border-radius: 3px; color: #609a4e;  padding: 9.5px 20px; margin-top:20px;}
.box-green .check-icon {background:url("../img/event_checked.png") no-repeat left 10px; color: #4b7a3e; display: block; font-weight: bold !important; padding: 10px 0 10px 27px;}
.custom-logo{ width:155px;  margin-right:4px; margin-bottom:10px;}
.custom-logo img{box-shadow:1px 1px 3px #989898; border:2px solid #ffffff;}
.custom-buttons{ width:440px; margin-left:20px;}
[class*="column"] + [class*="column"]:last-child{ float:left;}
.paln-wapper{ width:100%; text-align:center; margin-bottom:10px;}
.paln-wapper .box-header{ padding:20px 0; height:150px;}
.paln-wapper .gray-box .header{ background:#b4b4b4;}
.paln-wapper .blue-box .header{ background:#98d6eb;}
.paln-wapper .orange-box .header{ background:#e7621f;}
.paln-wapper .green-box .header{ background:#a5bc9f;}
.paln-wapper .gray-box:hover .header, .paln-wapper .gray-box:hover .box-footer a{ background:#6a6a6a;}
.paln-wapper .gray-box:hover .gray-box-content{ background:#f0f3f4;}
.paln-wapper .blue-box:hover .header, .paln-wapper .blue-box:hover .box-footer a{ background:#30add7;}
.paln-wapper .blue-box:hover .blue-box-content{ background:#ebf8fe;}
.paln-wapper .green-box:hover .header, .paln-wapper .green-box:hover .box-footer a{ background:#4b7a3e;}
.paln-wapper .green-box:hover .green-box-content{ background:#dfeadc;}
.paln-wapper .gray-box:hover p, .paln-wapper .blue-box:hover p, .paln-wapper .green-box:hover p{ color: #000; }
.paln-wapper .gray-box:hover .more, .paln-wapper .blue-box:hover .more, .paln-wapper .green-box:hover .more{color: #369bcf; border-top-color:#2998d0; }
.paln-wapper .box-content{ height:500px;}
.paln-wapper .box-content ul{ margin:0; padding:0;	}
.paln-wapper .box-content ul li{ list-style:none; padding-top:20px;}
.paln-wapper .box-content ul li p{ margin:0; font-weight:bold;}
.paln-wapper .box-content ul li p.l-gray{ color:#6a6d64; font-weight:normal;}
.paln-wapper .box-content.orange-box-content ul li p{ color:#000; }
.paln-wapper .box-content.orange-box-content ul li p.l-gray{ color:#6a6d64; }
.paln-wapper .gray-box-content{background:#f8faf9;}
.paln-wapper .blue-box-content{ background:#f6fbff;}
.paln-wapper .orange-box-content{ background:#feede5;}
.paln-wapper .green-box-content{ background:#eff4ed;}
.paln-wapper .more{ display:block; border-top:1px solid #91c9ec; font-size:13px; font-weight:bold; padding-top:10px; padding-bottom:10px; color:#91c9ec; height:46px;}
.paln-wapper .orange-box-content .more{color:#369bcf; border-top-color:#2998d0;}
.paln-wapper .box-footer{ width:85%; margin:0 auto;}
.paln-wapper .box-footer a{ text-transform:uppercase; font-size:14px; color:#ffffff; display:block; padding:10px; border-radius:5px}
.paln-wapper .gray-box .box-footer a{ background:#b4b4b4;}
.paln-wapper .blue-box .box-footer a{ background:#98d6eb;}
.paln-wapper .orange-box .box-footer a{ background:#e7621f;}
.paln-wapper .green-box .box-footer a{ background:#a5bc9f;}
.button.green {background: #5e9750; /* Old browsers */
background: -moz-linear-gradient(top, #5e9750 0%, #558247 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e9750), color-stop(100%,#558247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5e9750 0%,#558247 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5e9750 0%,#558247 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5e9750 0%,#558247 100%); /* IE10+ */
background: linear-gradient(to bottom, #5e9750 0%,#558247 100%); /* W3C */
    border: 1px solid #497341;
    color: white !important;
    text-shadow: 0 1px 4px #497341;
	padding:10px 20px;
	text-align:center;
}
.upper{ text-transform:uppercase;}
.reject{ background:url(../img/reject-icon-red.png) left 22px no-repeat; padding-left:30px;}
.addmember-list{padding: 0; margin:0;}
.addmember-list li{ list-style:none; margin-top:20px; margin-bottom:10px; padding:0;}
.addmember-list li .addmember-txt{ float:left; margin-left:15px; width:85%;}
.addmember-list li .addmember-txt p{ margin:0; color:#333333;}
.addmember-list li .addmember-txt p.link{ color:#2998d0; font-weight:bold; font-size:14px;}
.addmember-list li .img{width:55px; height:63px; text-indent:-9999px; float:left;}
.addmember-list li.excel .doc-img{ float:left; display:block; background: url(../img/large-excel-icon.png) no-repeat 0px 5px }
.addmember-list li.facebook .doc-img{ float:left; display:block; background: url(../img/large-facebook-icon.png) no-repeat 0px 5px  ;}
.addmember-list li.edit .doc-img{ float:left; display:block; background: url(../img/large-edit-icon.png) no-repeat 0px 5px  ;}
.addmember-list li.email .doc-img{ float:left; display:block; background: url(../img/large-email-icon.png) no-repeat 0px 5px ;}
.addmember-list li.refresh .doc-img{ float:left; display:block; background: url(../img/large-refresh-icon.png) no-repeat 0px 5px ;}
.addmember-list li.eye .doc-img{ float:left; display:block; background: url(../img/large-eye-icon.png) no-repeat 0px 5px ;}
 @media only screen and (max-width: 768px) 
 {
.xs-none{ display:none;}
.small-block{ display:block; width:100%;}
.small-float-none{ float:none !important;}
.small-mar-null{ margin:0 !important;}
.small-pad-null{ padding:0 !important;}
.small-pad-tb-10{ padding-top:10px !important; padding-bottom:10px !important}
.small-mar-t-10{ margin-top:10px;}
.small-text-center{ text-align:center !important;}
.small-text-left{ text-align:left !important;}
.small-text-right{ text-align:right !important;}
.main-content-box .titles{ margin: 0 10px !important;}
.main .column, .main .columns{ padding:0 !important;}
.gear-icon-wapper .gear-icon-text{ left:-234px !important;}
.gear-icon-wapper .gear-icon-text::after {border-left: 13px solid #fff !important; left:220px; border-right:0;}
.gear-icon-wapper .gear-icon-text::before {border-left: 14px solid #2ba6cb ; left:221px; border-right:0;}
.panel-wapper{padding-left:0 !important; padding-right:0 !important; width:100%;}
.url-box, .col-135, .col-138{ width:100% !important}
.six{ width:96%;}
.cw50 {  width: 49% !important;}
.column, .columns{ width:100% !important; padding: 0 15px;}
.h1-hd{ font-size:20px;}
.small-radius-no{ border-radius:0 !important;}
.custom-logo, .custom-buttons{ width:100%; margin:0 0 10px 0;}
.public input[type="text"].col-120{ width:100% !important;}
.addmember-list li .addmember-txt{ width:70%;}
.button-next{ padding-bottom:10px !important; }
.hidden-for-small{ display:none !important;}
.cg-small-six{width: 49% !important; float:left !important;}
.panel-wapper-40, .form-block-header { padding-left:15px !important; padding-right:15px !important;}

}
@media only screen and (min-width: 769px) {
.large-pad-null{ padding:0 !important;}
.large-m-null{ margin:0 !important;}
.large-m-tb-null{ margin:0 !important;}
.large-m-l-10{ margin-left:10px !important;}
.large-pad-r-40{ padding-right:40px !important;}
.lg-pad-t-null{ padding-top:0  !important;}
}

.roadmap-serial{ background:#2998d0; height:40px; width:40px; display:block; text-align:center; line-height:40px !important; color:#fff !important; font-weight:bold; font-size:16px !important;}
.text-indent .button, .text-indent{ text-indent:-999px;}


.share-tooltip-wapper {position: relative; display:inline !important; float:left;}
.share-tooltip-wapper .share-tooltip-text {width:180px; border: 1px solid #2ba6cb;display: block;left:-60px;position: absolute;text-align: left;text-indent: 0; padding:5px; top:31px;visibility:hidden;background:#ffffff; font-size:9px; z-index:9999;}
.share-tooltip-wapper .share-tooltip-text::after {border-left: 13px solid transparent;border-bottom: 13px solid #fff;border-right: 13px solid transparent;content: "";height: 0;left: 0; right:0; margin-left:auto; margin-right:auto; position: absolute;top: -13px;width: 0;}
.share-tooltip-wapper .share-tooltip-text::before {border-left: 14px solid transparent;border-bottom: 15px solid #2ba6cb;border-right: 14px solid transparent;content: "";height: 0;left: 0; right:0; margin-left:auto; margin-right:auto; position: absolute;top: -15px;width: 0;}
.share-tooltip-wapper .share-tooltip-text a {color: #2ba6cb !important; font-size:14px; display: block;font-weight: bold;padding: 10px;text-decoration: none;width: 201px;}
.share-tooltip-wapper .share-tooltip-text ul{ margin:0; padding:0 0 0 20px;}
.share-tooltip-wapper .share-tooltip-text ul li{ list-style:none;}
.share-tooltip-wapper .share-tooltip-text ul li a.facebook{background: url(../img/list_bg_facebook.png) no-repeat left center ; padding-left:35px;}
.share-tooltip-wapper .share-tooltip-text ul li a.twitter{background: url(../img/list_bg_twitter.png) no-repeat left center ; padding-left:35px;}
.share-tooltip-wapper .share-tooltip-text ul li a.email{background: url(../img/madue_Bi_mail_blue.png) no-repeat left center ; padding-left:35px;}

.share-tooltip-wapper:hover .share-tooltip-text {visibility: visible;}
.share-tooltip-wapper.visible .share-tooltip-text {visibility: visible;}
.button-next{padding-top:10px; padding-bottom:10px;}
.button-h45{ height:45px; line-height:22px;}
.mar-t-50{ margin-top:50px;}

.border-right-blue{ border-right:1px solid #2a97d0;}
.group-setup-col-439{ width:439px !important;}
.group-setup { margin:0;}
.group-setup li{ list-style:none; margin-bottom:10px; padding:8px;}
.group-setup li.active{background:#ebf8fe; border-radius:5px;}
.group-setup li label{ line-height:30px; margin-bottom:0 !important; color:#249bc6; font-weight:bold;   display:inline-block;}
.group-setup input[type="checkbox"]{ margin-top:10px; display:none;}
.group-setup li label.icon{ display:inline-block; height: 31px; padding-left: 45px;}
.group-setup li label.fb-icon{ background: url(../img/group-setup/setup_facebook.png) no-repeat  left center;}
.group-setup li label.logo-icon{ background: url(../img/group-setup/setup_logo.png) no-repeat  left center;}
.group-setup li label.doc-icon{ background: url(../img/group-setup/setup_docstorage.png) no-repeat  left center;}
.group-setup li label.broadcast-icon{ background: url(../img/group-setup/setup_broadcast.png) no-repeat  left center;}
.group-setup li label.plan-icon{ background: url(../img/group-setup/setup_plans.png) no-repeat  left center;}
.group-setup li label.payment-icon{ background: url(../img/group-setup/setup_processor.png) no-repeat  left center;}
.group-setup li label.mobile-icon{ background: url(../img/group-setup/setup_mobileapp.png) no-repeat  left center;}
.group-setup li label.member-icon{ background: url(../img/group-setup/setup_addmembers.png) no-repeat  left center;}
.group-setup li label.levels-icon{ background: url(../img/group-setup/setup_levels.png) no-repeat  left center;}
.group-setup li label.membership-icon{ background: url(../img/group-setup/setup_groupsite.png) no-repeat  left center;}
.group-setup li span {display:inline-block; width:30px;height:27px;margin:3px 0 0 0;vertical-align:middle;background:url(../img/group-setup/checkbox-bg.png) left top no-repeat;
cursor:pointer;float:right;}
.group-setup li.active span {
    background:url(../img/group-setup/checkbox-bg.png) 1px -43px  no-repeat;
}
 .exclamation-icon{background:url(../img/icn_exclamation_large.png) left top no-repeat; padding-left:70px;}
 .border-t-blue-1 { border-top: 1px solid #2998d0;}
 .form-block-header{ background:none !important; border-top:none !important; color: #E6621F !important; font-family: arial; font-weight: bold; border-bottom-color:#2A97D0;}
 .form-block-header-not-orange{ background:none !important; border-top:none !important; color: #000000 !important; font-family: arial; font-weight: bold; display:block}
  @media only screen and (max-width: 768px) 
 {
     ul.form-elements.responsvie{ margin:0 !important;}
 .responsvie .five, .responsvie .three{ width:100%;}
 .responsvie .exp-date{ margin-bottom:15px;}
 }
 .border-blue-top{ border-top:1px solid #2a97d0;}