@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap');
/* CSS Document */

body.cke_contents_ltr{ max-width: 890px; min-height: 100vh; padding: 24px; margin: 0 auto;}

.topbar:not(.stretch-bar).fixed-top{ background-color: #FFF;}

select[readonly]{ pointer-events: none;}

.form-check-box input[type=checkbox]+label::before, .form-check-box input[type=radio]+label::before, .form-check-box-lg input[type=checkbox]+label::before, .form-check-box-lg input[type=radio]+label::before{ background-position: center; background-repeat: no-repeat; background-size: 1em;}
.form-check-box input[type=checkbox]:checked+label::before, .form-check-box input[type=radio]:checked+label::before, .form-check-box-lg input[type=checkbox]:checked+label::before, .form-check-box-lg input[type=radio]:checked+label::before{ content:'\00a0'; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{ background-color: #ff6b00;border-color: #ff6b00;color: #FFF !important;box-shadow: none;}
.btn-primary.disabled, .btn-primary:disabled{ background-color: #777; border-color: #777777;}
.btn-link{padding: 0 !important; outline: none !important; box-shadow: none !important;}

.light-panel-w { background-color: #f0f2f6; color: #35484e; padding: 0 0 30px 0; }
.light-panel-w>.container{ width: 96%; max-width: 1440px; background-color: #FFF; padding-top: 30px; padding-bottom: 30px; position: relative; margin-top: -8rem; }

.light-panel-s { background-color: #f0f2f6; color: #35484e; padding: 0 0 30px 0; }
.light-panel-s>.container{ width: 80%; max-width: 480px; background-color: #FFF; padding-top: 30px; padding-bottom: 30px; position: relative; margin-top: -8rem; box-shadow: 0 0 1rem 0 rgba(0,0,0,0.25);}

.btn-custom-tooltips{ color:#999; padding: 0 !important; outline: none !important; box-shadow: none !important; vertical-align: baseline; line-height: 1;}
.btn-custom-tooltips:hover{color:#FF6B00;}
.custom-tooltips{ position: absolute; top: 0; left: 0; z-index: 6; background-color: rgba(34,34,34,0.8); color:#FFF; padding: 0.5em 1em; border-radius: 4px; pointer-events: none; font-size: 0.875rem; line-height: 1.2; display:none; }
.custom-tooltips[x-placement]::before{content: ""; display:block; position: absolute; width: 0; height: 0; border: 5px solid transparent; margin: auto;}
.custom-tooltips[x-placement=top]::before{ border-width: 6px 5px 0 5px; border-top-color: rgba(34,34,34,0.8); top:auto; right:0; bottom:-6px; left:0;}
.custom-tooltips[x-placement=left]::before{ border-width: 5px 0 5px 6px; border-left-color: rgba(34,34,34,0.8); top:0; right:-6px; bottom:0; left:auto;}
.custom-tooltips[x-placement=bottom]::before{ border-width: 0 5px 6px 5px; border-bottom-color: rgba(34,34,34,0.8); top:-6px; right:0; bottom:auto; left:0;}
.custom-tooltips[x-placement=right]::before{border-width: 5px 6px 5px 0; border-right-color: rgba(34,34,34,0.8); top:0; right:auto; bottom:0; left:-6px;}
.custom-tooltips ul, .custom-tooltips ol{padding-left: 1.5em; margin-bottom: 0;}
.custom-tooltips li{margin-bottom: 0.25em;}

.homepage-content{max-width: 1170px; margin: 0 auto 32px; padding: 0 30px;}

.form-row>.invalid-feedback{padding-left: 10px; padding-bottom: 10px;}

.form-control{ height: calc(1.5em + 0.75em + 2px); padding: 0.375em 0.75em; font-size: 1em;}
.input-group>.input-group-addon{ padding: 0.375em 0.75em; line-height: 1.5}
.btn{padding: 0.375em 0.75em;}
.was-validated select.form-control:invalid, select.form-control.is-invalid{ padding-right: 1.5em !important}

.form-alert{ display:block; width: 100%; padding: 0.5em}

.form-phase-wrapper{width: 100%; overflow: hidden; position: relative; /*height: 600px*/}
/*.phase-show{display:block !important;}
.phase-hide{display:none !important;}*/

.form-phase{position: absolute; z-index: -1; top:0; right:0; left:0; background-color: #FFF;}
.form-phase.active{ position: relative; z-index: 3}

.starter-form-wrapper .form-phase-body{ padding: 0 10px;}

.form-check .form-check-label{ margin-right: 1rem;}
.form-check-box-lg a.form-check-label{ display:block; padding: 1em; border: 1px #ced4da solid; border-radius: 0.5em; color: inherit}
.form-check-box-lg a.form-check-label:hover{color:#007bff;}

.form-fieldset{margin-bottom: 0; border-bottom: none;}
.form-phase-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #FFF;
    color: #666;
    /*height: 38px;*/
				overflow: hidden;
    margin: 1rem 0;
}

.form-phase-footer.disabled{ pointer-events: none !important;}

.form-phase-footer>.form-phase-footer-left, .form-phase-footer>.form-phase-footer-right {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    line-height: 48px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.form-phase-footer>.form-phase-footer-center {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.ol.step-tags{padding-top: 10px;}

.btn-block{ display:block;}
.btn-w{min-width: 120px;}

.cell-num{text-align: right;}
.cell-leader{text-align: center;}
.cell-leader label{ white-space: nowrap !important}
.cell-gender{width: 5rem;}
.cell-yob{ width: 7rem;}
.cell-size{ width: 6rem;}
.cell-checked{text-align: center;}

.table-sm{ font-size: 0.875rem;}
.table-sm td, .table-sm th{line-height: 1.2;}
.table-striped tbody tr:nth-of-type(odd){ background-color: #FFF;}
.table-striped tbody tr:nth-of-type(even){ /*background-color: #F6F9FC;*/ background-color: #F3F3F3;}
/*
.table-sm.table-striped tbody tr:nth-of-type(odd) .form-control{ border: none; background-color: #F5f5f5;}
.table-sm.table-striped tbody tr:nth-of-type(even) .form-control{ border: none; background-color: #FFF;}
*/
.table-sm .form-control{ background-color: #F6F9FC; border-color: #e5e9ed; border-radius: 0;}
.table-sm .form-control:focus{ background-color: #FFF; border-color: #ced4da;}
.table-sm.table-hover tbody tr:hover, .table-sm.table-hover tbody tr.active{ background-color: #e4e8f1;}
.table-sm.table-hover tbody tr:hover .form-control, .table-sm.table-hover tbody tr.active .form-control{ background-color: #FFF; border-color: #ccc;}


.table-sm .form-control::-webkit-input-placeholder { color: #a7abb5; }
.table-sm .form-control:-moz-placeholder {color:#a7abb5;}
.table-sm .form-control::-moz-placeholder { color:#a7abb5;}
.table-sm .form-control:-ms-input-placeholder { color: #a7abb5;}

.form-preview .table tr{ background-color: #FCFCFC;}

.form-control.is-invalid, .was-validated .form-control:invalid{ border-color: #dc3545 !important;}

.deadline-notice{ font-size: 1.5rem; font-weight: bold; background-color: #4caf50; color:#FFF; border-radius: 1rem; padding: 2rem 1rem; text-align: center; margin-bottom: 3rem;}

.testing-label{ position: fixed; right:1em; bottom:2rem; padding: 0.5em 1em; background-color: #FFC107; color:#000; border-radius: 4rem; font-weight: bold; pointer-events: none}

@-webkit-keyframes right-to-center {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes right-to-center {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.right-to-center {
  -webkit-animation-name: right-to-center;
  animation-name: right-to-center;
	
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
}

@-webkit-keyframes center-to-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes center-to-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.center-to-right {
  -webkit-animation-name: center-to-right;
  animation-name: center-to-right;
	
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
}



@-webkit-keyframes center-to-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes center-to-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.center-to-left {
  -webkit-animation-name: center-to-left;
  animation-name: center-to-left;
	
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	
}


@-webkit-keyframes left-to-center {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes left-to-center {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.left-to-center {
  -webkit-animation-name: left-to-center;
  animation-name: left-to-center;
	
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.crowdfunding-details-wrapper{min-height: 42rem;}
.crowdfunding-details-wrapper .inner-container{ padding-left: 1.25rem; padding-right: 1.25rem;}
.col-title{color:#ff6b00;}
.col-cover-image, .col-raised{margin-bottom: 2rem;}
.cf-cover{ position: relative; width: 100%; padding-top: 61%; /*max-height: 400px;*/  overflow: hidden;}
.cf-cover>img{position: absolute; top:0; right:0; left:0; height: auto;}

.raised-box{ /*width: 90%; margin: 0 auto;*/ color:#859195}
.raised-box .label{font-weight: bold; color:#494a4c}

.cf-barchart { background-color: #DDD; position: relative;  margin-bottom: 1.5rem; line-height: 0;}
.cf-barchart>div {display: inline-block;vertical-align: middle}
.cf-barchart>span { display: inline-block; padding-left: 8px; font-size: 14px; font-weight: 700; transition: opacity .5s; transition-delay: 1s}
.cf-bar{height: 30px;}
.bar-orange {background-color: #ff6b00;}
.bar-yellow{background-color: #fdbe00;}
.bar-green{ background-color: #4CAF50;}
/*.bar-green.append-fire{background-color: #ff6b00;}*/
.bar-red{ background-color: #d34d4d}
.bar-gray{ background-color: #607d8b}
.cf-deadline-wrap{padding: 0;min-height: 130px;}

.cf-barchart{position: relative;}
/*.append-fire::after{content: "\f06d"; font-family: "Font Awesome 5 Pro";font-weight: 900; width: 1.5em; height: 1.5em; color:#F00}*/
.cf-barchart .fire{color:#FF6B00; position: absolute; right:-2rem; bottom:0; width: 2rem; height: 2rem; background-image: url("../../assets/images/fire2.svg"); background-repeat: no-repeat; background-size: cover}

.cf-deadline-wrap .date-counter>div{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem 0.5rem;}
.cf-deadline-wrap .date-counter>div>div{-ms-flex: 1 1 auto;flex: 1 1 auto;}
.cf-deadline-wrap .day-unit, .cf-deadline-wrap .hr-unit, .cf-deadline-wrap .min-unit, .cf-deadline-wrap .sec-unit{-ms-flex: 0 0 auto;flex: 0 0 auto; padding: 4px;}

.bar-counter{ position: absolute; top:100%; right:0; left:0; width: 100%;overflow: visible;}
.bar-counter>.num{display: block; position: absolute; top:0; left:0; padding: 0.25em 0.5em; font-size: 0.825rem; line-height: 1; text-align: center; transform: translateX(-50%); background-color: #FFF; border: 1px #ff6b00 solid; color:#ff6b00; border-radius: 4px;}
.bar-counter>.num::before{content: ""; width: 10px; height: 10px; border: 1px #ff6b00 solid; border-color: #ff6b00 #FFF #FFF #ff6b00; position: absolute; top:-5px; right:0; left:0; z-index: -1; margin: auto; background-color: #FFF; transform: rotate(45deg)}

.amount-now{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; width: 100%; font-size: 2.5em; font-weight: bold; line-height: 1.35; color:#494a4c}
.amount-now .label{margin: auto auto 0.5rem 0; font-size: 0.4em;}
.amount-target{text-align: right; color:#859195}
.font-number{font-family: 'Manrope', sans-serif; letter-spacing: -0.05em}

.date-counter>div{ border: 1px #ddd solid; font-size: 2rem;}
.cf-deadline{ text-align: right; color:#859195}
.cf-sponsor{ padding: 0; position: relative; padding-left: 72px;}
.cf-sponsor .avatar{ position: absolute; top:0; left:0; width: 64px; height: 64px; overflow: hidden; border-radius: 50%;}
.cf-sponsor .avatar img{max-width: 100%; height: auto}
.cf-sponsor .label{font-size: 0.9rem; font-weight: bold;}
.cf-sponsor .name{ font-size: 1em; color: #ff6b00; font-weight: bold;}
.cf-sponsor .org{font-size: 0.825em;}

.cf-nav{}
.cf-nav .nav-tabs .nav-link{ color:#494a4c}
.cf-nav .nav-tabs .nav-link.active{ color:#ff6b00; background-color: transparent}
.tab-pane-inner{ padding: 1.5rem}

.fund-box{ position: relative; max-width: 90%; padding: 1rem 1rem 0; margin:0 auto 1.5rem; /*border: 1px #ccc solid;*/ border-radius: 4px; overflow: hidden; box-shadow: 0 0 5px 0 #ccc; outline: transparent solid 2px; transition: outline 250ms;}
.fund-box-full{max-width: none; width: 100%;}
.fund-box-full .form-check, .fund-box-full .form-check label{width: 100%;}
.fund-box:hover{outline: #F80 solid 2px;}
.fund-box.disabled, .fund-box.disabled:hover{ outline: transparent solid 2px; background-color: #fcfcfc; color:#999}
.fund-box.disabled .fund-image{ -webkit-filter: grayscale(90%) opacity(50%); filter: grayscale(90%) opacity(50%);}
.fund-box.disabled .fund-title, .fund-box.disabled .fund-qty{color:#777;}
.fund-box.disabled .btn-primary{ background-color: #BBB; border-color: #BBB; pointer-events: none;}
/*
.fund-box::after{content: ""; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; border: 2px #F80 solid; opacity: 0; pointer-events: none; border-radius:4px;
	transition: 250s outline;
}
.fund-box:hover::after{opacity: 1;}
*/

.fund-image{ max-width: 180px; max-height: 180px; overflow: hidden; margin: 0 auto 1rem; /*position: absolute; left: 10px; top:0;*/}
.fund-title{ font-size: 1.25rem; font-weight: bold; color:#ff6b00;}
.fund-qty{ font-size: 0.75rem; background-color: #f0f2f6; color:#222; padding: 2px 12px; margin-bottom: 0.5em; border-radius: 12px; display: inline-block;}
.fund-text{font-size: 0.825rem;}
.fund-amount-str{ font-size: 2rem;}
.fund-amount-str-custom{ font-size: 1.6rem; font-weight: bold}
.fund-button{ margin-top: 0.75rem; margin-left: -1rem; margin-right: -1rem;}
.fund-button .btn{ border-radius: 0 0 4px 4px;}

.form-preview .table{margin-bottom: 0;}
.form-preview .w-50{ width: calc((100% - 440px) /2) !important;}
.member-confirm{ font-size: 0.825rem; color:#dc3545;}

.funding-project-item, .payment-reward{ /*width: 96%; max-width: 360px; padding: 1em;*/ margin: 0 auto 1.5rem; /*font-size: 0.875rem;*/}
.funding-project-item{ max-width: 640px; }
.funding-project-item .project-image{position: relative; width: 100%; padding-top: 61%; overflow: hidden;}
.funding-project-item .project-image>a, .funding-project-item .project-image>img{ display:block; position: absolute; top:0; right:0; left:0;}
.funding-project-item .project-title{font-size: 1.25em; font-weight: bold;color:#ff6b00; margin: 0.25em 0;}
.funding-project-item .project-title a{ color:inherit;}
.funding-project-item .amount-now{font-size: 1.5em;}
.funding-project-item .amount-now .label{ margin-bottom: 4px;}
.funding-project-item .amount-now .icon-on-fire{ color:#ff394c; line-height: 1.25; padding-left: 0.25em;}
.funding-project-item .cf-barchart{margin-bottom: 0;}
.funding-project-item .cf-bar{height: 18px;  line-height: 0;}
.funding-project-item .bar-counter{width: 0;line-height: 1; text-align: right; top:0; padding: 2px;}
.funding-project-item .bar-counter>.num{ position: relative; top:auto; left: auto; padding: 0; text-align: right; transform: none; border:none; background-color: transparent; color:#FFF}
.funding-project-item .bar-counter>.num::before{content: none;}
.funding-project-item .amount-target, .funding-project-item .cf-deadline{ text-align: left; color:#222;}
.funding-project-item .cf-sponsor{ padding-left: 56px; margin-top: 5px; }
.funding-project-item .cf-sponsor .avatar{width: 48px; height: 48px;}
.funding-project-item .cf-sponsor .label, .funding-project-item .cf-sponsor .name, .funding-project-item .cf-sponsor .org{font-size: 1em; font-weight: normal;color:#859195}

.cf-list-wrapper{ padding: 0 30px;}
.cf-list{}
.cf-list>div{display: -ms-flexbox; display: flex;}
.cf-list>div>div{ -ms-flex: 1 1 100%; flex: 1 1 100%; }
.cf-list .funding-project-item{ width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between;  border: 1px #ccc solid; }
.cf-list .funding-project-item>div{ -ms-flex: 0 0 auto; flex: 0 0 auto;}
.cf-list .funding-project-item .project-intro{ padding: 0 0.75rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; color:#4b5558}
.cf-list .funding-project-item .project-title{line-height: 1.25; min-height: 3rem;}
.cf-list .funding-project-item .cf-sponsor{
background-color: #f5f5f5;
    margin-left: -13px;
    margin-right: -13px;
    padding: 0.5em 0.5em 0.5em 4.5em;
    color: #333 !important;
    margin-top: 1rem;
    font-size: 0.875rem;
	border: 1px #ccc solid; border-width: 0 1px;
}
.cf-list .funding-project-item .cf-sponsor .avatar{ width: 40px; height: 40px; top:8px; left: 12px;}
.cf-list .funding-project-item .cf-deadline, .cf-list .funding-project-item .amount-target { color:#4b5558}

.btn-load-more:disabled{ background-color: #9699a1; border-color:#9699a1; }

.payment-form-wrapper{max-width: 998px; margin: 0 auto;}
.payment-form{ /*padding: 0 60px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;*/}

.payment-info{ position: -webkit-sticky; position: sticky; top: 172px; padding: 1rem 0 1rem 1rem; border-left: 1px #CCC solid;}
.payment-reward{border: 1px #ff6b00 solid; border-radius: 8px; /*font-size: 1.25rem;*/ width: 90%;}
.payment-form-wrapper .fund-box{ max-width: 98%; padding: 1em;}
.payment-form-wrapper .fund-image{margin-bottom: 0; max-width: 64px; max-height: 64px;}
.payment-form-wrapper .fund-title{ font-size: 1em;padding-bottom: 0.25em;}
.payment-form-wrapper .fund-text{ color:#35484e;}
.payment-form-wrapper .fund-amount{ color:#222; font-weight: bold; margin-top: 0.25em }
.custom-funding-wrapper{ margin-top: 0.25em; margin-bottom: 0;}

.disabled .fund-qty{color:#F00 !important;}
.show-if-card{display:none;}

.starter-form-wrapper{ max-width: 1240px; margin: 0 auto}

.cover-select-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; margin-left: -0.5rem; margin-right: -0.5rem; }
.cover-select-list>div{-ms-flex:0 0 auto; flex:0 0 auto; margin-bottom: 1rem; padding: 0 0.5rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; max-width: 33.33%;}
/*.cover-select-list .form-check-box label::before*/
.cover-select-list input[type=radio]+label{padding: 10px; line-height: 0; display: block; width: 100%; text-align: center;}
.cover-select-list input[type=radio]+label::before{ position: absolute; top:5px; left:5px; z-index: 2; line-height: 1.5; font-size: 2em;}
/*.cover-select-list input[type=radio]:checked+label::before{ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); color:#FFF;
}*/
.cover-select-list input[type=radio]+label>a{ pointer-events: none;}
.cover-select-list input[type=radio]+label>a::after{pointer-events: all; /*opacity: 1; visibility: hidden*/}
.cover-select-list input[type=radio]+label:hover>a::after{ opacity: 1;}
.cover-select-list input[type=radio]+label:hover{border-color:#FF6B00;}
.cover-select-list input[type=radio]:checked+label{ background-color: #FF6B00; color:#FFF;}
.cover-select-list input[type=radio]+label img{border-radius: 0.5rem;}
.cover-select-list label .invalid-feedback{ line-height: 1;}
.cover-select-list input[type=radio]+label .invalid-feedback{text-align: center;}
.cover-select-list input[type=radio]:checked+label .invalid-feedback{color:#FFF;}
.cover-select-list label .btn-custom-tooltips{ background-color: transparent !important; border: none !important; color:currentColor;}


.dropify-wrapper{background-color: #f8f8f8; border: 2px #FFF solid; outline: 1px #d1d1d1 dashed; border-radius: 4px;}
.dropify-wrapper input{opacity: 0 !important}
.dropify-wrapper.has-preview{background-color: #f0f2f6;outline: 1px #d1d1d1 solid;}
.dropify-wrapper .dropify-message{position: absolute; left: 0; right: 0; margin: auto;}
.dropify-wrapper .dropify-message span.file-icon{color:#AAA}
.dropify-wrapper .dropify-message p{font-size: 1rem;}
.dropify-wrapper .dropify-preview{background-color: #f0f2f6;}
.dropify-wrapper.touch-fallback .dropify-preview{position: absolute; left:0; right:0; margin: auto}
.dropify-wrapper.touch-fallback .dropify-message{-webkit-transform: translateY(-50%); transform: translateY(-50%); }
.dropify-wrapper .dropify-preview .dropify-render img{ box-shadow: 0 0 5px #999;}
.for-cover-uploader+.dropify-wrapper{padding-top:61%;}
.for-cover-uploader+.dropify-wrapper .dropify-message{ position: absolute; left:0; right:0; top:50%; margin: auto}
.for-reward-uploader+.dropify-wrapper{padding-top:100%; height: auto;}
.for-album-uploader+.dropify-wrapper{padding-top:180px; height: auto;}
.for-reward-uploader+.dropify-wrapper .dropify-message{ position: absolute; left:0; right:0; top:50%; margin: auto}
.for-sponsor-uploader+.dropify-wrapper{ max-width: 240px; padding-top:240px; height: auto; margin: 0 auto;}
.for-sponsor-uploader+.dropify-wrapper .dropify-message{ position: absolute; left:0; right:0; top:50%; margin: auto}
.has-error .dropify-wrapper{ background-color: #f8d7da; outline: 1px #dc3545 dashed;}
.has-error .dropify-wrapper .dropify-message span.file-icon{ color:#721c24;}

.has-error .cke_chrome{ border-color:#dc3545}

.image-notice{font-size: 0.875rem; }
.image-notice ul{padding-left: 1.5em;}

.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p{ white-space:normal; line-height: 1; }

.reward-list{font-size: 0.875rem; padding: 1em; background-color: #f8f8f8; margin-top: 1rem;}
.reward-list .fund-box{padding: 1em; max-width: 100%; background-color: #FFF; overflow: visible;}
.reward-item-row{font-size: 0.875rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end; outline:none !important; border: none !important;overflow: visible;}
.reward-item-row:hover{outline:none;}
.reward-item-row>div{padding: 10px;}
.reward-item-row .reward-image-cell{-ms-flex: 0 0 auto;flex: 0 0 auto; width: 180px; max-width: 180px;}
.reward-item-row .reward-title-cell{-ms-flex: 1 1 auto;flex: 1 1 auto; max-width: calc((100% - 180px) /2);}
.reward-item-row .reward-amount-cell{-ms-flex: 1 1 auto;flex: 1 1 auto; max-width: calc((100% - 180px) /2);}
.reward-item-row .input-group .btn{line-height: 1.2;}
/*
.reward-extra-cell{ position: absolute; top:0; right:0; color:#999;}
.reward-extra-cell .displayorder{ pointer-events: none; color:#999; border: none; outline: none !important; width: 1rem !important}
.reward-extra-cell textarea{resize: none;}
*/

.album-list{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f8f8f8; padding: 1rem 0; margin-top: 1rem; }
.album-list>.drag-item{-ms-flex: 0 1 auto; flex: 0 1 auto; width: 25%;}
.album-item-row{font-size: 0.875rem; /*display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: end; align-items: flex-end;*/ outline:none !important; border: none !important;overflow: visible; padding: 5px; width: 100%; background-color: #FFF;}
.album-item-row:hover{outline:none;}
.album-item-row>div{padding: 0;}
.album-item-row .album-image-cell{-ms-flex: 0 0 auto;flex: 0 0 auto; width: 100%; }
.album-item-row .album-title-cell{-ms-flex: 1 1 auto;flex: 1 1 auto; /*max-width: calc(100% - 200px);*/ width: 100%;}
.album-item-row .input-group .btn{line-height: 1.2;}
.reward-extra-cell, .album-extra-cell{ /*position: absolute; top:0; right:0; z-index: 6;*/ color:#999; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 5px; width: 100%; }
.reward-extra-cell>div, .album-extra-cell>div{-ms-flex: 1 1 auto;flex: 1 1 auto;}
.reward-extra-cell>span, .album-extra-cell>span{-ms-flex: 0 0 auto;flex: 0 0 auto;}
.reward-extra-cell .displayorder-wrap, .album-extra-cell .displayorder-wrap{ margin-left: 0; margin-right: auto;}
.reward-extra-cell .displayorder, .album-extra-cell .displayorder{ pointer-events: none; color:#999; border: none; outline: none !important; width: 1.5rem !important; padding: 0;}
/*.album-extra-cell textarea{resize: none;}*/

.tns-inner{line-height: 1;}
.photo-item{position: relative;}
.photo-item .item-thumb{ position: relative; padding-top: 61%; overflow: hidden; background-color: #f0f2f6;}
.photo-item .item-thumb a{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; top:0; right:0; bottom:0; left:0; margin: auto; text-align: center;}
.photo-item .item-thumb img{height: 100%; width: auto; max-width: none; box-shadow: 0 0 15px 0 #999; }
.photo-item .item-intro{position: absolute; right:0; bottom:0; z-index: 1; margin: auto; max-width: 420px; line-height: 1.25; pointer-events: none;}
.photo-item .item-title{background-color: rgba(255,107,0,0.8); color:#FFF; padding: 0.5em; font-size: 1.25rem; font-weight: bold;}
.photo-item .item-desc{background-color: rgba(0,0,0,0.5); color:#FFF; padding: 0.5em;}

a[target=_lightbox], .lightbox-gallery a, .gallery-lightbox a, .album-preview-item{ display:block; position: relative;}
a.preview-lightbox{display: inline-block; position: relative;}
a[target=_lightbox]::after, .lightbox-gallery a::after, .gallery-lightbox a::after, a.preview-lightbox::after, .album-preview-item::after{content: ""; width: 64px; height: 64px; border-radius: 50%; text-align: center; color:#FFF; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; margin: auto; background-color: rgba(0,0,0,0.5);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='36' height='36' viewBox='0 0 256 256'%3E%3Cpath d='M253.8 243.5L168.3 158c14.9-17.3 23.1-39.1 23.1-62.2 0-25.6-10-49.6-28-67.7C145.2 10 121.2 0 95.6 0 70.1 0 46.1 9.9 28 28c-37.3 37.3-37.3 98 0 135.4 18.7 18.7 43.2 28 67.7 28 22.2 0 44.4-7.8 62.2-23.1l85.5 85.6c1.4 1.4 3.3 2.2 5.2 2.2 1.9 0 3.8-.7 5.2-2.2 2.9-2.9 2.9-7.6 0-10.4zM38.4 153c-31.6-31.6-31.6-83 0-114.6C53.7 23.1 74 14.7 95.6 14.7s42 8.4 57.3 23.7c15.3 15.3 23.7 35.6 23.7 57.3 0 21.6-8.4 42-23.7 57.3-31.5 31.6-82.9 31.6-114.5 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 50%; pointer-events: none; opacity: 0;
	transform: scale(1.1);
	transition:0.5s transform, 0.5s opacity;
	-webkit-transition:0.5s transform, 0.5s opacity;
	-moz-transition:0.5s transform, 0.5s opacity;
	-o-transition:0.5s transform, 0.5s opacity;
	-ms-transition:0.5s transform, 0.5s opacity;
}
a[target=_lightbox]:hover::after, .lightbox-gallery a:hover::after, .gallery-lightbox a:hover::after, a.preview-lightbox:hover::after, .album-preview-item:hover::after{
    opacity: 1;
    transform: scale(1);
}

.preview-lightbox>img{ pointer-events: none; max-height: 200px;}
.preview-lightbox.sponsor-img>img{max-height: 120px;}

.preview-item{/*padding: 5px;*/ cursor: pointer;}
.preview-item .item-thumb{ border: 2px #FFF solid; padding: 2px; }
.preview-item.active .item-thumb{ border: 2px #FF6B00 solid;}
.preview-item .item-thumb img{max-height: 150px; width: auto;}

.album-preview-lightbox{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.album-preview-lightbox>.album-preview-item{-ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; overflow: hidden; margin: 0 10px 10px 0; cursor: pointer;}

.album-preview-lightbox>div img{ max-height: 92px; width: auto; pointer-events: none;}
.album-preview-lightbox a{display:block; pointer-events: none;}
.album-preview-lightbox .album-preview-intro{font-size: 0.875rem; background-color: rgba(0,0,0,0.5); color:#DDD; position: absolute; top:100%; right:0; left:0; z-index: 1; height: 100%; pointer-events: none; padding: 1em; display:none;}
.album-preview-item:hover .album-preview-intro{top:0;}
.album-preview-lightbox .album-preview-title{color:#FFF; font-size: 1rem; padding-bottom: 0.5em; }
.album-preview-lightbox .album-preview-text{}

.mfp-figure.custom::after{content: none;}
.mfp-bottom-bar.custom{position: relative !important;}
.mfp-bottom-bar.custom .mfp-title{line-height: 1.2; color:#FFF;}
.mfp-bottom-bar.custom .mfp-text{font-size: 0.875rem; line-height: 1.2; color:#CCC; padding: 0.5em 36px 0.5em 0;}

.btn-drag, .btn-close{ cursor: pointer; display: inline-block; width: 2em; padding: 4px 0.5em; text-align: center; background-color: #b2b2b2; color:#FFF; border-radius: 50%;}
.btn-drag{background-color: #9ab0bb; cursor: move; margin-right: 5px;}
.btn-close{ background-color: #DC6264; cursor: pointer;}
.btn-drag>i, .btn-close>i{pointer-events: none;}
.btn-drag:hover{/*color: #333*/ background-color: #4198F3}
.btn-close:hover{/*color:#dc3545;*/ background-color: #EF5255;}

.cf-manage-wrapper{max-width: 1280px; margin: 0 auto;}
.project-headering{}
.project-headering h2{font-size: 1.75rem;}
.project-headering .reference-number{color:#777}
.status-label{ display:inline-block; padding: 0.5em 1em;  color:#FFF; border-radius: 1.5em;}
.status-label-sm{ font-size: 0.875rem;}

.nav-scroll-hov{ width: 100%; overflow-x: auto; overflow-y: hidden; background-color: #f5f5f5; margin-bottom: 2rem;}
.nav-scroll-hov .nav-tabs{ display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.nav-scroll-hov .nav-tabs>li{-ms-flex: 0 0 auto;flex: 0 0 auto;}
.nav-scroll-hov .nav-tabs>li>a.nav-link{white-space: nowrap; word-break: keep-all; padding: 0.5rem 1rem !important; color:#666}
.nav-scroll-hov .nav-tabs>li>a.active{color:#FF6b00}
.nav-scroll-hov .nav-tabs>li>a, .mobile-screen .nav-tabs>li.active>a, .mobile-screen .nav-tabs>li.active>a:hover, .mobile-screen .nav-tabs>li.active>a:focus{padding: 8px;}
.nav-scroll-hov li.logout{ margin-left: auto; margin-right: 0;}

.share-btn-group .btn{padding: .375rem .75rem;}

.mini-panel{ width: 80%; max-width: 640px; min-height: 250px; margin: 0 auto;}
.word-divider{ position: relative; width: 100%; display: -ms-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; color: #999; margin: 2rem auto;}
.word-divider>span{-ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; padding: 0 1em;}
.word-divider::before, .word-divider::after{content: ""; display:block; min-width: 5%; height: 1px; background-color: currentColor; -ms-flex: 1 1 auto;flex: 1 1 auto;}

#share_link_group th, #share_link_group td{ text-align: center; vertical-align: middle;}
#share_link_group .cell-name{min-width: 85px;}
#share_link_group .cell-share{min-width: 85px;}



@media(max-width:1299px){
	.reward-item-row{-ms-flex-wrap: wrap; flex-wrap: wrap;}
	.reward-item-row .reward-title-cell, .reward-item-row .reward-amount-cell{ width: 100% !important; max-width: none !important}
	
}

/*bootstrap 4 xl size */
@media(min-width:1200px){
}

/*bootstrap 4 lg size */
@media(min-width:992px){
}

@media(max-width:991px){
.album-list>.drag-item{-ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%;}
}

/*bootstrap 4 md size */
@media(min-width:768px){
}
@media(max-width:768px){
	.cover-select-list>div{ max-width: 50%;}
}


@media (max-width: 767px){
	.light-panel-w>.container{ width: 100%; margin-top: 0;}
	.homepage-content{padding: 0 15px;}
.table-responsive-breakline td.form-group.cell-num {
	width: 25%!important; float: left;
	}
.table-responsive-breakline td.form-group.cell-leader {
	 text-align: right;
	}
	.cell-num{text-align: left;}
	.form-preview .table tbody tr{ border-top: 1px solid #dee2e6; }
	.form-preview .table .cell-num{ float: left; width: 20%;}
	.form-preview .table .cell-leader{ text-align: right;}
	.preview-table-label{font-weight: bold; color:#000; padding-right: 1em;}
	.crowdfunding-details-wrapper .inner-container{ padding-left: 0; padding-right: 0;}
	.form-preview .w-50{ width: 100% !important}
	.cf-list-wrapper{ padding: 0;}
	.photo-item .item-intro{position: relative; max-width: 100%;}
	.photo-item .item-title{background-color: #FF6B00;}
	.photo-item .item-desc{background-color: #6d6e70;}
	/*.preview-item{ padding: 3px;}*/
	.preview-item .item-thumb img{max-height: 80px;}
	.group_member_item .cell-name{display:block !important; clear: both !important;}
	#share_link_group th, #share_link_group td{text-align: left;}
	#share_link_group .cell-share{text-align: right;}
}

/*bootstrap 4 sm size */
@media(min-width:576px){
}

/*bootstrap 4 "xs" size */
@media (max-width: 575px){ 
		html{font-size: 14px;}
	.tab-pane-inner{ padding: 1rem;}
	.amount-now{font-size: 1.5rem;}
	.cf-deadline-wrap .date-counter>div{ -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem;}
	.cf-deadline-wrap .date-counter>div>span{ -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: right}
	.cover-select-list>div{ max-width: 100%;}
}

@media (max-width: 440px){
	.reward-item-row .reward-amount-cell .d-flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

@media (max-width: 424px){
	.form-phase-footer-center{text-align: center;}
	.form-phase-footer-center .btn{margin: 0 auto !important; }
	.btn-w{padding-left: 0.5em; padding-right: 0.5em; min-width: 90px;}
}