/*
This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/*createCampaign radio button*/
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
            appearance:none;
}            

.cc-selector input:active +.card-cc{opacity: .9;}
.cc-selector input:checked +.card-cc{
    -webkit-filter: none;
    -moz-filter: none;
            filter: none;
            border:5px solid #02a9e0;
}
.water-project{background-image:url(../images/fundraising/Water-Project-300x300.jpg)}
.nepal{background-image:url(../images/fundraising/School-Rebuild-Project-300x300.jpg)}
.card-cc{
    border-radius: 100%;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:200px;height:200px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(0.1) opacity(.7);
    -moz-filter: brightness(1) grayscale(0.1) opacity(.7);
            filter: brightness(1) grayscale(0.1) opacity(.7);
}
.card-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(0) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(0) opacity(.9);
            filter: brightness(1.2) grayscale(0) opacity(.9);
}   
/* end of createCampaign radio button*/

#amount.monthly{
    background:url("../images/per-month.png") no-repeat 95% 100%;
}
#amount.monthly_zh{
    background:url("../images/per-month-zh.png") no-repeat 95% 100%;
}
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }
.table.details{margin-bottom:0;}
.donamin,.offline{font-size:16px;}
.payMin{
	padding-left:45px;
}
.off{
	margin-left:45px;
}
#uploadResult, #uploadResult thead, #uploadResult tbody, #uploadResult tr{
    display:table-row !important;
}

#uploadResult td, #uploadResult th{
    word-break: break-word;
    display:table-cell !important;
    padding: 5px 10px;
}
.leftTextWrapper{
    padding:25px 50px 0 40px !important;
}


.leftImgWrapper img{
    width:100%;
}


.leftTextWrapper>p>img{
    width:100%;
}

.rightTextWrapper{
    padding:0 40px 0 50px;
}

.rightImgWrapper{
    padding:50px 40px 0 50px;
}

/*
Separator
*/
.separator {
    height: 1px;
    width: 150px;
    margin: auto;
    background: #1ea8e0;
  }
  .separator-left {
    height: 1px;
    width: 150px;
    background: #1ea8e0;
  }
  .separator_wrap {
    text-align: center;
    margin-bottom: 3%;
  }
  .separator_wrap-left {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  .separator_wrap::after,
  .separator_wrap::before {
    background-color: #1ea8e0;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 90px;
    height: 1px;
    margin-top: 2px;
  }
  .separator_wrap-left::after {
    background-color: #1ea8e0;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 80px;
    height: 1px;
    margin-top: 2px;
  }
  .separator2 {
    text-indent: -9999px;
    line-height: 0px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #1ea8e0;
    transform: rotate(45deg);
    margin-right: 4px;
  }


.cyn-btn-wrapper{
    margin-top: 15px;
}

.eventCNY textarea{
    border-radius: 5px;
}

.card-template-wrapper{
    text-align: center;
    margin-bottom: 20px;
}

.clearfix{
    clear:both;
}

.template-preivew-wrapper{
    border: 2px solid #FFF;
    box-shadow: 2px 3px 4px #464646;
    color:#FFF;
    margin-bottom: 20px;
    padding:0px;
    background:#FFF;
}

.common-card-template{
    display:none;
    width:100%;
    height:100%;
    padding:10px;
    font-size:20px;
    font-weight: bold;
    background:#FFF;
    /**
    text-shadow: 2px 2px 2px #464646;
    **/
}

.common-card-template-eng{
    font-weight: 200;
}

.eventCNY .modal-content{
    background:url(../images/e-card/cny-pop-up-background-v2.jpg) #ca0734 bottom no-repeat;
    background-size:100%;
}
    
#preview-cny .modal-content{
    background:url(../images/e-card/cny-pop-up-background-v2.jpg) #ca0734 bottom no-repeat;
    background-size:100%;
}

.eventCNY .modal-body{
    padding-bottom:75px;
}

#preview-cny .modal-body{
    padding-bottom:70px;
}

.cny-btn-css,.cny-btn-css:visited,.cny-btn-css:focus{
    background:#e8b72f !important;
    color:#ca0734 !important;
    border:1px solid #ca0734 !important;
    transition: all linear 0.25s;
}

.cny-btn-css:hover{
    background:#FFF !important;
    color:#ca0734 !important;
}

.preview-cny-wrapper h4{
    color:#FFF;
}

.card-template-content{
    /**
    background: rgba(0,0,0,0.2);
    **/
    background:#FFF;
    padding: 10px 0px;
    color: #767676;
}

.card-template-adol{
    font-size:15px;
}

.card-template-1{
    /**
    background:url('../images/e-card/ecard1.png');
    **/
    color:#FFF;
    background-size: 100%;
}

.card-template-2{
    /**
    background:url('../images/e-card/ecard2.png');
    **/
    color:#FFF;
    background-size: 100%;
}

.card-template-3{
    /**
    background:url('../images/e-card/ecard3.png');
    **/
    color:#FFF;
    background-size: 100%;
}

.show-friend-name{
    word-break: break-all;
}

.show-sender-name{
    margin-bottom: 0px;
    word-break: break-all;
}

.e-card-opening-words{
    font-size:17px;
    word-break: break-all;
}

.show-sender-name-eng{
    float:none;
}

.e-card-show-amount{
    padding-bottom: 6%;
    padding-top: 3%;
    font-style: italic;
    font-size:19px;
}

.e-card-eng-adol{
    font-size:14px;
}

.e-card-eng-border-right{
    border-right:1px solid #767676;
}

.e-card-eng-td{
    vertical-align: top;
    width:50%;
    line-height: 1.1;
}

.show-friend-name-wrapper{
    padding:0% 0%;
}

.show-friend-message{
    padding: 1% 1%;
    line-height: 1.3;
    margin: 3% 0%;
    font-size:17px;
    word-break: break-all;
}

.show-friend-message-eng{
   padding: 4% 5% 1% 5%; 
   line-height: 1.1;
}

.eng-wordings{
    font-family: arial,sans-serif;
}

.card-template-img{
    background:#FFF;
    height:150px;
    border-radius: 5px;
    padding:0px;
    overflow: hidden;
    border: 2px solid #FFF;
}

.card-template-img img{
    image-rendering: -webkit-optimize-contrast;
    width:160px;
    height:160px;
}

.nopadding{
    padding:0px;
}

.remark_score{
    width:100%;
}

#editCancel{
    border: 1px solid rgba(158, 158, 158, 0.52);
    background: #FFF;
}

/* Your custom css codes start here: */
input[type=text]{
	border: solid 1px #c1c1ba;
    border-radius: 4px;
}
input[type=text].email, input[type=text].reemail{
	width:45%;
}

.termOfuseformError{
    left:initial !important;
}

.campaignTitle{
    min-height: 45px;
}

.box-hover-effect img{
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
}

#wholeQuestions{
    overflow: visible;
}

.box-hover-effect.effect1 .thumb{
    display:block;
}

.homeMoreCam{
    background:#337ab7;
    color:#FFF;
    font-weight: bold;
    margin:20px 0px;
    font-size:24px;
}
.step-2 .form-inline{
	text-align:center;
}
.step-2 .form-inline .form-control,.step-2 .form-inline select{
	width:280px;
	max-width:100%;	
}

.step-2 .form-inline .form-control.form-name{
	width:30%;	
}

.step-2 .radio input[type=radio], .step-2 .radio-inline input[type=radio]{
    top: -8px;
}

.campaignViewPoster{
    text-align: center;
}

.campaignViewPoster img{
    width:100%;
}

div.BorderBotWhite{
    border-bottom: 15px solid #FFF;
}

.inlineCampaignViewBg{
    background:#FFF;
}

.campaignBanner{
    max-height:320px;
}
.campaignBanner2018{
    height:478px;
}
.product-img{
    float:left;
    padding-right:20px;
}

.popover-content{
    padding: 9px 14px;
}
form.multi-step input,form.multi-step select{
    height:30px;
    border-radius: 5px;
}

.DonarName{
    font-size:15px;
}

.inputIcons{
    position: absolute;
    right:0px;
    margin-right:10px;
    padding: 4px;
    font-size: 20px;
}

.inputIcons:before{
    float:right;
    padding-left: 10px;
}

.event-details{
    
}

.btn-fb{
	background: #4166b2;
    border:none;
    color:#FFF;
}
.btn-fb:hover{
    color:#FFF;
}

.btn-info{
	background: #e60012;
	border:none;
}
.btn-info:hover,.btn-info:focus, .btn-info:active, .btn-info:active:focus{
	background: #ff3333;	
}
.btn-primary{
	background: #e60012;
	border:none;	
}

.btn-primary:hover{
	background: #ff3333;	
}


#ProjectNameInput{
    display:none;
}

.DonationEduBtn,.MonthlyBtn{
    background: #ff8080;
    color: #FFF;
    /* padding: 10px 5px; */
    text-align: center;
    border: 10px solid #FFF;
    border-radius: 15px;
    font-size: 16px;
}

.DonationEduBtn:hover,.MonthlyBtn:hover, .MonthlyBtn.active{
    background: #e60012;
}

.donationFormFooter{
    text-align: center;
}

#popupDonateForm input{
    max-height:30px;
    border-radius: 5px;
}

.donationFormTile{
    font-weight:bold;
    text-align: center;
}

.donationFormSubTile{

}

.message{
	line-height: 2;
	font-size: 18px;
    margin-top: 25px;
    padding:5px 10px;
    background: #ff3333;
    color:#fff;
    font-weight:bold;
    border-radius: 10px;   
    box-shadow: 2px 2px 2px #464646;
    
}

.progress-bar{
    max-width:100% !important;
}

#CampaignName{
    font-size:18px;
    font-weight: bold;
}

.menuzord-menu > li.active a{
  color:#FFF !important;   
}

.menuzord-menu > li:hover a{
     
}

.thumb.p-15 img{
    max-height:183px;
}

.campaignsPrice{
    font-size:26px;
    line-height:1;
    margin-top:5px;
}

.campaignRanking{
    list-style: decimal;
    padding-left:15px;
}

.campaignsGoal{
    font-size:16px;
}
.campaignsExpiry{
    font-size:16px;
}


ul.pagination.theme-colored li span.current{
    background: #ea0012;
    color:#FFF;
}


.box-hover-effect{
    overflow: visible;
}


div.causes-details.clearfix.border-bottom.p-15.pt-10>p{
    text-overflow: ellipsis;
    height: 48px;
    overflow: hidden;
    
    /** limite the length of text within p tag**/
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}

div.causes.bg-lighter.box-hover-effect.effect1.maxwidth500.mb-sm-30 img {
    /**
    max-height: 195px;
    
    max-height: 186px;**/
}

input[type=text],input[type=date] {
	border: solid 1px #c1c1ba;
    border-radius: 4px;
    /*rgb(54, 159, 244)*/
}

input[type=text]:focus {
	border: solid 1px rgb(54, 159, 244);
}

#myModal {
	top:25%;
	outline: none;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

/**
.originCheckbox[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position:inherit;
	left: 0px;
}
**/



[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left:0; top: 2px;
	width: 17px; height: 17px;
	border: 1px solid #aaa;
	background: #fff;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 4px; left: 3px;
	font-size: 14px;
	line-height: 0.8;
	color: rgb(54, 159, 244);;
	transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before {
	border: 1px solid rgb(54, 159, 244);
}
[type="checkbox"]:not(:checked):focus + label:before {
}

input[type=text][disabled] {
	background-color: #eee;
}

.form-check-input{
    position: relative !important;
    left:0px !important;
}

#runnerinfo label:not([for=cap]):not([for=member1]):not([for=member2]):not([for=member3]){width:200px;}
.btn-donate{width:100%;padding:15px;font-size:18px;font-weight:bold;}

.event-count .nav-tabs > li.active a, .event-count  .nav-tabs > li.active a:hover, .event-count .nav-tabs > li.active a:focus{
	background:#10a1d6;
}
.event-count .widget .nav-tabs li{
	font-size:12px;
	padding-right: 10px;
	line-height: 43px;
	margin-top:25px;
}
.overlay-dark h3{
	color:#FFF;
}	
.overlay-light h3{
	/* color:#737373; */
}	
.causes-details{/*min-height: 270px;*/min-height: 140px;}
.causes-details .btn-flat{border-radius:4px;}
.receipts_remarks{
	font-weight: bold;
	text-align: right;
	padding-right:23%;
}
@media only screen and (max-width : 991px) {
	.receipts_remarks{
		padding-right:29%;
	}
    div.causes.bg-lighter.box-hover-effect.effect1.maxwidth500.mb-sm-30 img{
        max-height: 245px;
    }
}

@media only screen and (max-width : 768px) {
    .card-template-img{
        height:auto;
    }
    
     .card-template-img img{
        height:auto;
        width:100%;
    }
    
    .card-template-wrapper{
        padding:5px;
    }
    
    #preview-cny .modal-body{
        padding:0px;
    }
    
    
    
    
	.receipts_remarks{
		padding-right:27%;
	}
    div.causes.bg-lighter.box-hover-effect.effect1.maxwidth500.mb-sm-30 img{
        max-height: none;
    }
    
    div.BorderBotWhite{
        margin:auto;
    }
    
    div.causes.bg-lighter{
        margin:auto;
    }
    
    .event-count .nav-tabs > li a,.event-count .nav-tabs > li.active a{
		border-left:none;
	}
	.event-count.border-left{border-left:none;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.receipts_remarks{
		padding-right:0;
    }
    .step-2 .form-inline .form-control.form-name{
        width:100%;
    }
	
	#runnerinfo label{display:block;}
	.step-2 .form-inline{
		text-align:left;
	}
	.step-2 .form-inline select{
		display:block;
	}
	.event-count .widget .nav-tabs li{
		padding-right:5px;
	}
	.event-count .nav-tabs > li a{
		padding:12px 10px;
	}
}