@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.eot);
src: url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.woff) format('woff'), url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.ttf) format('truetype'), url(https://givehopedrc.org/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}body {
background-color: #fafafa;
font-family: 'Open Sans', sans-serif;
font-size: 0.875rem;
color: #666;
line-height: 24px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.6;
}
a {
color: #5777f3;
padding: 0;
}
a:hover {
color: #2750f0;
text-decoration: none;
}
select:focus,
input:focus {
outline: 0;
}
button {
outline: none;
float: unset !important;
}
button:focus, button:active, button:hover {
outline: none;
}
*:focus {
outline-color: rgba(87, 119, 243, 0.5);
}
.flex-1 {
flex: 1 !important;
}
.flex-2 {
flex: 2 !important;
}
.flex-3 {
flex: 3 !important;
}
.flex-4 {
flex: 4 !important;
}
.flex-5 {
flex: 5 !important;
}
.cursor-move {
cursor: move;
}
.cursor-pointer {
cursor: pointer !important;
}
.hr {
width: 100%;
height: 2px;
background-color: #eee;
}
.hr--30 {
margin: 30px 0;
}
@media (max-width: 1199.98px) {
.hr--30 {
margin: 28px 0;
}
}
@media (max-width: 991.98px) {
.hr--30 {
margin: 26px 0;
}
}
@media (max-width: 767.98px) {
.hr--30 {
margin: 24px 0;
}
}
@media (max-width: 575.98px) {
.hr--30 {
margin: 20px 0;
}
}
.hr--20 {
margin: 20px 0;
}
@media (max-width: 1199.98px) {
.hr--20 {
margin: 18px 0;
}
}
@media (max-width: 991.98px) {
.hr--20 {
margin: 16px 0;
}
}
@media (max-width: 767.98px) {
.hr--20 {
margin: 14px 0;
}
}
@media (max-width: 575.98px) {
.hr--20 {
margin: 12px 0;
}
}
.hr--16 {
margin: 16px 0;
}
@media (max-width: 1199.98px) {
.hr--16 {
margin: 14px 0;
}
}
@media (max-width: 991.98px) {
.hr--16 {
margin: 12px 0;
}
}
@media (max-width: 767.98px) {
.hr--16 {
margin: 10px 0;
}
}
@media (max-width: 575.98px) {
.hr--16 {
margin: 8px 0;
}
}
.hr--10 {
margin: 10px 0;
}
@media (max-width: 1199.98px) {
.hr--10 {
margin: 9px 0;
}
}
@media (max-width: 991.98px) {
.hr--10 {
margin: 8px 0;
}
}
@media (max-width: 767.98px) {
.hr--10 {
margin: 7px 0;
}
}
@media (max-width: 575.98px) {
.hr--10 {
margin: 6px 0;
}
}
.lh-unset{
line-height: unset !important;
}
.lh-0{
line-height: 0px !important;
}
.lh-5{
line-height: 5px !important;
}
.lh-10{
line-height: 10px !important;
}
.lh-15{
line-height: 15px !important;
}
.lh-20{
line-height: 20px !important;
}
.lh-25{
line-height: 25px !important;
}
.lh-30{
line-height: 30px !important;
}
.lh-35{
line-height: 35px !important;
}
.lh-40{
line-height: 40px !important;
}
.lh-45{
line-height: 45px !important;
}
.full-width {
width: 100% !important;
}
.auto-width {
width: auto !important;
}
.pointer-events-none {
pointer-events: none !important;
}
.width-75 {
width: 75% !important;
}
.width-100 {
width: 100% !important;
}
.width-50 {
width: 50% !important;
}
.width-25 {
width: 25% !important;
}
.font-normal {
font-style: normal !important;
}
.text-normal {
font-weight: normal !important;
}
.font-weight-normal {
font-weight: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.height-100 {
height: 100px !important;
}
.height-150 {
height: 150px !important;
}
.height-200 {
height: 200px !important;
}
.height-250 {
height: 250px !important;
}
.height-300 {
height: 300px !important;
}
.height-350 {
height: 350px !important;
}
.height-400 {
height: 400px !important;
}
.text-bold {
font-weight: bold !important;
}
.opacity-100 {
opacity: 1 !important;
}
.opacity-90 {
opacity: .9 !important;
}
.opacity-80 {
opacity: .8 !important;
}
.opacity-70 {
opacity: .7 !important;
}
.opacity-60 {
opacity: .6 !important;
}
.opacity-50 {
opacity: .5 !important;
}
.opacity-40 {
opacity: .4 !important;
}
.opacity-30 {
opacity: .3 !important;
}
.opacity-20 {
opacity: .2 !important;
}
.opacity-10 {
opacity: .1 !important;
}
.opacity-0 {
opacity: 0 !important;
}
.text-disabled {
pointer-events: none !important;
cursor: not-allowed !important;
opacity: 0.6 !important;
}
.min-10 {
min-width: 10px !important;
}
.min-20 {
min-width: 20px !important;
}
.min-30 {
min-width: 30px !important;
}
.min-40 {
min-width: 40px !important;
}
.min-50 {
min-width: 50px !important;
}
.min-60 {
min-width: 60px !important;
}
.min-70 {
min-width: 70px !important;
}
.min-80 {
min-width: 80px !important;
}
.min-90 {
min-width: 90px !important;
}
.min-100 {
min-width: 100px !important;
}
.min-110 {
min-width: 110px !important;
}
.min-120 {
min-width: 120px !important;
}
.min-130 {
min-width: 130px !important;
}
.min-140 {
min-width: 140px !important;
}
.min-150 {
min-width: 150px !important;
}
.min-160 {
min-width: 160px !important;
}
.min-170 {
min-width: 170px !important;
}
.min-180 {
min-width: 180px !important;
}
.min-190 {
min-width: 190px !important;
}
.min-200 {
min-width: 200px !important;
}
.min-210 {
min-width: 210px !important;
}
.min-220 {
min-width: 220px !important;
}
.min-230 {
min-width: 230px !important;
}
.min-240 {
min-width: 240px !important;
}
.min-250 {
min-width: 250px !important;
}
.min-260 {
min-width: 260px !important;
}
.min-270 {
min-width: 270px !important;
}
.min-280 {
min-width: 280px !important;
}
.min-290 {
min-width: 290px !important;
}
.min-300 {
min-width: 300px !important;
}
.max-10 {
max-width: 10px !important;
}
.max-20 {
max-width: 20px !important;
}
.max-30 {
max-width: 30px !important;
}
.max-40 {
max-width: 40px !important;
}
.max-50 {
max-width: 50px !important;
}
.max-60 {
max-width: 60px !important;
}
.max-70 {
max-width: 70px !important;
}
.max-80 {
max-width: 80px !important;
}
.max-90 {
max-width: 90px !important;
}
.max-100 {
max-width: 100px !important;
}
.max-110 {
max-width: 110px !important;
}
.max-120 {
max-width: 120px !important;
}
.max-130 {
max-width: 130px !important;
}
.max-140 {
max-width: 140px !important;
}
.max-150 {
max-width: 150px !important;
}
.max-160 {
max-width: 160px !important;
}
.max-170 {
max-width: 170px !important;
}
.max-180 {
max-width: 180px !important;
}
.max-190 {
max-width: 190px !important;
}
.max-200 {
max-width: 200px !important;
}
.max-210 {
max-width: 210px !important;
}
.max-220 {
max-width: 220px !important;
}
.max-230 {
max-width: 230px !important;
}
.max-240 {
max-width: 240px !important;
}
.max-250 {
max-width: 250px !important;
}
.max-260 {
max-width: 260px !important;
}
.max-270 {
max-width: 270px !important;
}
.max-280 {
max-width: 280px !important;
}
.max-290 {
max-width: 290px !important;
}
.max-300 {
max-width: 300px !important;
}
.max-350 {
max-width: 350px !important;
}
.max-400 {
max-width: 400px !important;
}
.max-450 {
max-width: 450px !important;
}
.max-500 {
max-width: 500px !important;
}
.br-0 {
border-radius: 0 !important;
}
.btlr-0 {
border-top-left-radius: 0 !important;
}
.btrr-0 {
border-top-right-radius: 0 !important;
}
.bblr-0 {
border-bottom-left-radius: 0 !important;
}
.bbrr-0 {
border-bottom-right-radius: 0 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.pointer-none {
pointer-events: none !important;
}
.box-shadow-none {
box-shadow: none !important;
}
.content-wrapper {
display: flex;
flex-direction: column;
}
.content-wrapper .content-body {
flex: 1;
background-color: #f3f4f8;
} .tabs .nav-tabs--default .nav-item {
margin: 0 15px;
margin-bottom: -1px;
}
@media (max-width: 991.98px) {
.tabs .nav-tabs--default .nav-item {
margin: 0 10px;
}
}
@media (max-width: 575.98px) {
.tabs .nav-tabs--default .nav-item {
margin: 0 8px;
}
}
@media (max-width: 380px) {
.tabs .nav-tabs--default .nav-item {
margin: 0 7px;
}
}
.tabs .nav-tabs--default .nav-item .nav-link {
font-size: 17px;
line-height: 1.5;
padding: 15px 10px;
color: #666;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border: none;
border-bottom: 3px solid transparent;
}
@media (max-width: 991.98px) {
.tabs .nav-tabs--default .nav-item .nav-link {
font-size: 15px;
padding: 15px 7px;
}
}
@media (max-width: 575.98px) {
.tabs .nav-tabs--default .nav-item .nav-link {
font-size: 14px;
padding: 15px 2px;
}
}
@media (max-width: 380px) {
.tabs .nav-tabs--default .nav-item .nav-link {
font-size: 13px;
padding: 15px 0px;
}
}
.tabs .nav-tabs--default .nav-item .nav-link:hover, .tabs .nav-tabs--default .nav-item .nav-link:focus {
border: none;
border-bottom: 3px solid transparent;
}
.tabs .nav-tabs--default .nav-item .nav-link.active {
border: none;
border-bottom: 3px solid #5777f3;
}
.tabs .nav-tabs--default .nav-item .nav-link.active .nav-link-badge {
background-color: #5777f3;
}
.tabs .nav-tabs--default .nav-item .nav-link-text {
font-size: inherit;
}
.tabs .nav-tabs--default .nav-item .nav-link-badge {
background-color: #666;
color: #fff;
line-height: 1.2;
margin-left: 10px;
transition: all 0.3s ease-in-out;
}
@media (max-width: 575.98px) {
.tabs .nav-tabs--default .nav-item .nav-link-badge {
margin-left: 4px;
}
}
.tabs .nav-tabs--two-col {
position: relative;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
border: none;
}
.tabs .nav-tabs--two-col .nav-item {
flex-basis: 50%;
text-align: center;
margin-bottom: 0;
}
.tabs .nav-tabs--two-col .nav-item .nav-link {
font-size: 14px;
line-height: 1.5;
color: #999;
font-weight: 600;
text-transform: uppercase;
border: 0;
padding: 15px 0;
}
.tabs .nav-tabs--two-col .nav-item .nav-link.active {
color: #525252;
border-bottom: 2px solid #5777f3;
}
.tabs .tab-content {
padding: 15px 20px;
}
@media (max-width: 575.98px) {
.tabs .tab-content {
padding: 12px 15px;
}
} .dropdown {
width: auto;
}
.dropdown-toggle {
all: unset !important;
cursor: pointer !important;
display: flex;
}
.dropdown-toggle:after {
vertical-align: middle;
}
.dropdown-toggle-no-caret:after {
all: unset;
}
.dropdown-toggle.primary:after {
color: #5777f3;
}
.dropdown-toggle.secondary:after {
color: #14C479;
}
.dropdown-toggle.danger:after {
color: #FF5F74;
}
.dropdown-toggle.warning:after {
color: #FF9635;
}
.dropdown-toggle.info:after {
color: #33b5e5;
}
.dropdown-toggle.dark:after {
color: #666;
}
.dropdown-menu {
width: auto;
height: auto;
min-width: auto;
border: none;
overflow: hidden;
overflow-y: auto;
padding: 0;
z-index: 2;
border-radius: 5px;
background-color: #fff;
-moz-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
}
.dropdown-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
background-color: transparent;
}
.dropdown-menu::-webkit-scrollbar {
width: 2px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
background-color: #666;
}
.dropdown--xs .dropdown-menu {
min-width: 150px;
max-height: 180px;
}
.dropdown--sm .dropdown-menu {
min-width: 250px;
max-height: 220px;
}
.dropdown--md .dropdown-menu {
min-width: 350px;
max-height: 260px;
}
.dropdown--lg .dropdown-menu {
min-width: 440px;
max-height: 300px;
}
@media (max-width: 1199.98px) {
.dropdown--lg .dropdown-menu {
min-width: 400px;
max-height: 280px;
}
}
@media (max-width: 991.98px) {
.dropdown--lg .dropdown-menu {
min-width: 360px;
max-height: 260px;
}
}
@media (max-width: 767.98px) {
.dropdown--lg .dropdown-menu {
min-width: 320px;
max-height: 240px;
}
}
@media (max-width: 575.98px) {
.dropdown--lg .dropdown-menu {
min-width: 280px;
max-height: 220px;
}
}
.dropdown--xl .dropdown-menu {
min-width: 500px;
}
@media (max-width: 1199.98px) {
.dropdown--xl .dropdown-menu {
min-width: 450px;
}
}
@media (max-width: 991.98px) {
.dropdown--xl .dropdown-menu {
min-width: 400px;
}
}
@media (max-width: 767.98px) {
.dropdown--xl .dropdown-menu {
min-width: 350px;
}
}
@media (max-width: 575.98px) {
.dropdown--xl .dropdown-menu {
min-width: 300px;
}
}
.dropdown {
height: 100%;
}
.dropdown-toggle:hover {
background-color: transparent;
}
.dropdown-toggle:after {
display: none;
}
.dropdown-menu {
z-index: 2;
padding: 0;
border-radius: 5px;
border: 1px solid #eee;
background-color: #fff;
-moz-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -5px 4px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 4px 10px 0 rgba(0, 0, 0, 0.15);
} .modal {
padding-left: 0 !important;
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
border: none;
box-shadow: 15px 10px 30px 0 rgba(0, 0, 0, 0.05);
}
.modal-title {
font-size: 1.5rem;
color: #333;
}
@media (max-width: 1199.98px) {
.modal-title {
font-size: 1.4rem;
}
}
@media (max-width: 991.98px) {
.modal-title {
font-size: 1.3rem;
}
}
@media (max-width: 767.98px) {
.modal-title {
font-size: 1.2rem;
}
}
@media (max-width: 575.98px) {
.modal-title {
font-size: 1.1rem;
}
}
.modal__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.modal__info-text {
font-size: .8rem;
}
}
.modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
.modal__footer {
width: 100%;
padding-top: 15px;
border-top: 1px solid #eee;
} .g-modal {
opacity: 0;
visibility: hidden;
transition: opacity 0.1s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -1;
overflow: hidden;
overflow-Y: auto;
}
.g-modal__inner {
width: 100%;
min-height: 100vh;
display: flex;
padding: 30px;
position: relative;
}
@media (max-width: 1199.98px) {
.g-modal__inner {
padding: 28px;
}
}
@media (max-width: 991.98px) {
.g-modal__inner {
padding: 26px;
}
}
@media (max-width: 767.98px) {
.g-modal__inner {
padding: 24px;
}
}
@media (max-width: 575.98px) {
.g-modal__inner {
padding: 20px;
}
}
.g-modal__inner.center-center {
align-items: center;
justify-content: center;
}
.g-modal__inner.center-left {
align-items: center;
justify-content: flex-start;
}
.g-modal__inner.center-right {
align-items: center;
justify-content: flex-end;
}
.g-modal__inner.top-center {
align-items: flex-start;
justify-content: center;
}
.g-modal__inner.top-left {
align-items: flex-start;
justify-content: flex-start;
}
.g-modal__inner.top-right {
align-items: flex-start;
justify-content: flex-end;
}
.g-modal__inner.bottom-center {
align-items: flex-end;
justify-content: center;
}
.g-modal__inner.bottom-left {
align-items: flex-end;
justify-content: flex-start;
}
.g-modal__inner.bottom-right {
align-items: flex-end;
justify-content: flex-end;
}
.g-modal__overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
background-color: rgba(2, 11, 44, 0.6);
}
.g-modal__content {
height: auto;
background-color: #fff;
z-index: 4;
border-radius: 5px;
box-shadow: 15px 10px 30px 0 rgba(0, 0, 0, 0.05);
transform: translateY(-100px);
position: relative;
}
.g-modal__content--lg {
width: 1100px;
}
@media (max-width: 1199.98px) {
.g-modal__content--lg {
width: 900px;
}
}
@media (max-width: 991.98px) {
.g-modal__content--lg {
width: 700px;
}
}
@media (max-width: 767.98px) {
.g-modal__content--lg {
width: 100%;
}
}
.g-modal__content--md {
width: 900px;
}
@media (max-width: 991.98px) {
.g-modal__content--md {
width: 700px;
}
}
@media (max-width: 767.98px) {
.g-modal__content--md {
width: 100%;
}
}
@media (max-width: 575.98px) {
.g-modal__content--md {
width: 100%;
}
}
.g-modal__content--sm {
width: 600px;
}
@media (max-width: 991.98px) {
.g-modal__content--sm {
width: 500px;
}
}
@media (max-width: 575.98px) {
.g-modal__content--sm {
width: 100%;
}
}
.g-modal__content--xs {
width: 400px;
}
@media (max-width: 575.98px) {
.g-modal__content--xs {
width: 100%;
}
}
.g-modal--show {
opacity: 1;
z-index: 9999;
visibility: visible;
}
.g-modal--show .g-modal__content {
transform: translateY(0);
transition: all .2s;
}
.g-modal__close-btn {
position: absolute;
top: 12px;
right: 12px;
width: 18px;
height: 18px;
padding: 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
color: #ff0000;
cursor: pointer;
}
.g-modal__close-btn:hover {
background-color: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.g-modal__close-btn-icon {
width: 100%;
}
.g-modal__header {
display: flex;
align-items: flex-start;
padding: 10px 16px;
border-bottom: 1px solid #eee;
}
@media (max-width: 1199.98px) {
.g-modal__header {
padding: 9px 15px;
}
}
@media (max-width: 991.98px) {
.g-modal__header {
padding: 8px 14px;
}
}
@media (max-width: 767.98px) {
.g-modal__header {
padding: 7px 13px;
}
}
@media (max-width: 575.98px) {
.g-modal__header {
padding: 6px 12px;
}
}
.g-modal__header-title {
flex: 1;
font-size: 1.6rem;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.g-modal__header-title {
font-size: 1.5rem;
}
}
@media (max-width: 991.98px) {
.g-modal__header-title {
font-size: 1.4rem;
}
}
@media (max-width: 767.98px) {
.g-modal__header-title {
font-size: 1.3rem;
}
}
@media (max-width: 575.98px) {
.g-modal__header-title {
font-size: 1.2rem;
}
}
.g-modal__header-btn {
border: none;
background-color: transparent;
padding: 0;
color: #5777f3;
font-size: 1.2rem;
}
@media (max-width: 1199.98px) {
.g-modal__header-btn {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.g-modal__header-btn {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.g-modal__header-btn {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.g-modal__header-btn {
font-size: 1rem;
}
}
.g-modal__header-btn:hover {
color: #2750f0;
}
.g-modal__body {
padding: 40px;
}
@media (max-width: 1199.98px) {
.g-modal__body {
padding: 35px;
}
}
@media (max-width: 991.98px) {
.g-modal__body {
padding: 30px;
}
}
@media (max-width: 767.98px) {
.g-modal__body {
padding: 25px;
}
}
@media (max-width: 575.98px) {
.g-modal__body {
padding: 20px;
}
}
.g-modal__footer {
padding: 10px 16px;
border-top: 1px solid #eee;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1199.98px) {
.g-modal__footer {
padding: 9px 15px;
}
}
@media (max-width: 991.98px) {
.g-modal__footer {
padding: 8px 14px;
}
}
@media (max-width: 767.98px) {
.g-modal__footer {
padding: 7px 13px;
}
}
@media (max-width: 575.98px) {
.g-modal__footer {
padding: 6px 12px;
}
}
.g-modal__title {
font-size: 1.3rem;
color:#31375e;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.g-modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.g-modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.g-modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.g-modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.g-modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.g-modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.g-modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.g-modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.g-modal__info-text {
font-size: .8rem;
}
}
.g-modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.g-modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.g-modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.g-modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.g-modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
#confirm-alert.g-modal {
z-index: 10000;
} select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(//givehopedrc.org/wp-content/plugins/crowdfundly/assets/images/public/caret-down.png);
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 28px !important;
outline: none;
background-size: 9px;
display: flex;
align-items: center;
font-size: .9rem;
line-height: 1rem;
}
@media (max-width: 1199.98px) {
select {
padding-right: 26px !important;
background-size: 8.5px;
}
}
@media (max-width: 991.98px) {
select {
padding-right: 24px !important;
background-size: 8px;
}
}
@media (max-width: 767.98px) {
select {
padding-right: 22px !important;
background-size: 7.5px;
}
}
@media (max-width: 575.98px) {
select {
padding-right: 20px !important;
background-size: 7px;
}
}
@-moz-document url-prefix() {
select {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(//givehopedrc.org/wp-content/plugins/crowdfundly/assets/images/public/caret-down.png);
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 28px !important;
outline: none;
background-size: 10px;
display: flex;
align-items: center;
font-size: .9rem;
line-height: 1rem;
}
@media (max-width: 1199.98px) {
select {
padding-right: 26px !important;
background-size: 9.5px;
}
}
@media (max-width: 991.98px) {
select {
padding-right: 24px !important;
background-size: 9px;
}
}
@media (max-width: 767.98px) {
select {
padding-right: 22px !important;
background-size: 8.5px;
}
}
@media (max-width: 575.98px) {
select {
padding-right: 20px !important;
background-size: 8px;
}
}
}
input[type=number],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-appearance: textfield;
}
.date-range .field-input {
padding: 6px 10px;
height: 50px !important;
-webkit-box-flex: 1;
flex: 1;
background-color: #F5F7FD !important;
color: #333 !important;
border: 1px solid #597DFC4D !important;
border-radius: 5px;
font-size: .96rem !important;
}
@media (max-width: 1199.98px) {
.date-range .field-input {
padding: 5.5px 9px;
height: 48px !important;
font-size: 0.94rem !important;
}
}
@media (max-width: 991.98px) {
.date-range .field-input {
padding: 5px 8px;
height: 46px !important;
font-size: 0.92rem !important;
}
}
@media (max-width: 767.98px) {
.date-range .field-input {
padding: 4.5px 7px;
height: 44px !important;
font-size: 0.9rem !important;
}
}
@media (max-width: 575.98px) {
.date-range .field-input {
padding: 4px 6px;
height: 42px !important;
font-size: 0.88rem !important;
}
}
.date-range .field-input:focus {
background-color: #fff !important;
outline-color: transparent;
border-color: #5777f3 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.date-range .field-input.error {
border: 1px solid #FF5F74 !important;
-moz-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
-webkit-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
}
.date-range .field-input.error:focus {
outline-color: transparent;
border-color: #5777f3 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-group {
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.form-group {
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.form-group {
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.form-group {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.form-group {
margin-bottom: 16px;
}
}
.form-group label {
font-size: .9rem;
color: #7D8091;
text-transform: capitalize;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.form-group label {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.form-group label {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.form-group label {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.form-group label {
font-size: .8rem;
}
}
.form-group--flex {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.form-group__mobile {
position: relative;
display: flex;
align-items: center;
}
.form-group__mobile .form-control__mobile-code {
max-width: 180px;
margin-right: 20px;
}
@media (max-width: 1199.98px) {
.form-group__mobile .form-control__mobile-code {
max-width: 160px;
margin-right: 18px;
}
}
@media (max-width: 991.98px) {
.form-group__mobile .form-control__mobile-code {
max-width: 140px;
margin-right: 16px;
}
}
@media (max-width: 767.98px) {
.form-group__mobile .form-control__mobile-code {
max-width: 120px;
margin-right: 14px;
}
}
@media (max-width: 575.98px) {
.form-group__mobile .form-control__mobile-code {
max-width: 100px;
margin-right: 12px;
}
}
.form-group__mobile .form-control__mobile {
flex: 1;
}
.form-group__amount {
display: flex;
align-items: center;
border-radius: 5px;
padding: 0 10px;
background-color: #F5F7FD;
color: #333;
border: 1px solid #597DFC4D;
}
@media (max-width: 1199.98px) {
.form-group__amount {
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.form-group__amount {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.form-group__amount {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.form-group__amount {
padding: 0 6px;
}
}
.form-group__amount input {
background-color: transparent;
}
.form-group__amount:focus-within {
background-color: transparent;
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-group__amount .form-control {
box-shadow: none;
border: none;
padding-left: 3px;
}
.form-group__amount .form-control:focus {
box-shadow: none;
}
@media (max-width: 1199.98px) {
.form-group__amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 991.98px) {
.form-group__amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 767.98px) {
.form-group__amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 575.98px) {
.form-group__amount .form-control {
padding-left: 3px;
}
}
.form-group__amount .form-control:read-only {
background-color: transparent;
cursor: pointer;
}
.form-group__amount-code, .form-group__amount-symbol {
font-size: 1.2rem;
color: #666;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.form-group__amount-code, .form-group__amount-symbol {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.form-group__amount-code, .form-group__amount-symbol {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.form-group__amount-code, .form-group__amount-symbol {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.form-group__amount-code, .form-group__amount-symbol {
font-size: 1rem;
}
}
.form-group--amount {
display: flex;
align-items: center;
border-radius: 5px;
padding: 0 10px;
background-color: #F5F7FD;
color: #333;
border: 1px solid #597DFC4D;
}
@media (max-width: 1199.98px) {
.form-group--amount {
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.form-group--amount {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.form-group--amount {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.form-group--amount {
padding: 0 6px;
}
}
.form-group--amount input {
background-color: transparent;
}
.form-group--amount:focus-within {
background-color: transparent;
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-group--amount .form-control {
box-shadow: none;
border: none;
padding-left: 3px;
}
.form-group--amount .form-control:focus {
box-shadow: none;
}
@media (max-width: 1199.98px) {
.form-group--amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 991.98px) {
.form-group--amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 767.98px) {
.form-group--amount .form-control {
padding-left: 3px;
}
}
@media (max-width: 575.98px) {
.form-group--amount .form-control {
padding-left: 3px;
}
}
.form-group__left-text {
font-size: 1.2rem;
color: #666;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.form-group__left-text {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.form-group__left-text {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.form-group__left-text {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.form-group__left-text {
font-size: 1rem;
}
}
.form-group__right-text {
font-size: 1.2rem;
color: #666;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.form-group__right-text {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.form-group__right-text {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.form-group__right-text {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.form-group__right-text {
font-size: 1rem;
}
}
.form-group__subdomain {
display: flex;
align-items: center;
background-color: #f3f4f8;
border: 1px solid #597DFC4D;
border-radius: 8px;
padding: 0;
overflow: hidden;
}
.form-group__subdomain:focus-within {
background-color: transparent;
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-group__subdomain:focus-within > .form-group__subdomain-name {
border-left-color: #5777f3;
}
.form-group__subdomain .form-control {
background-color: transparent;
box-shadow: none;
border: none;
padding-left: 10px;
padding-right: 10px;
}
.form-group__subdomain .form-control:focus, .form-group__subdomain .form-control:active {
box-shadow: none;
background-color: transparent;
}
@media (max-width: 1199.98px) {
.form-group__subdomain .form-control {
padding-left: 9px;
padding-right: 9px;
}
}
@media (max-width: 991.98px) {
.form-group__subdomain .form-control {
padding-left: 8px;
padding-right: 8px;
}
}
@media (max-width: 767.98px) {
.form-group__subdomain .form-control {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 575.98px) {
.form-group__subdomain .form-control {
padding-left: 6px;
padding-right: 6px;
}
}
.form-group__subdomain-name {
font-size: .9rem;
color: #fff;
height: 50px;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid #5777f3;
display: flex;
align-items: center;
justify-content: center;
background-color: #5777f3;
}
@media (max-width: 1199.98px) {
.form-group__subdomain-name {
padding-left: 9px;
padding-right: 9px;
height: 48px;
font-size: 0.88rem;
}
}
@media (max-width: 991.98px) {
.form-group__subdomain-name {
padding-left: 8px;
padding-right: 8px;
height: 46px;
font-size: 0.86rem;
}
}
@media (max-width: 767.98px) {
.form-group__subdomain-name {
padding-left: 7px;
padding-right: 7px;
height: 44px;
font-size: 0.84rem;
}
}
@media (max-width: 575.98px) {
.form-group__subdomain-name {
padding-left: 6px;
padding-right: 6px;
height: 42px;
font-size: 0.82rem;
}
}
.form-group__password {
display: flex;
align-items: center;
background-color: #f3f4f8;
border: 1px solid #597DFC4D;
border-radius: 8px;
padding: 0 10px;
}
@media (max-width: 1199.98px) {
.form-group__password {
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.form-group__password {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.form-group__password {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.form-group__password {
padding: 0 6px;
}
}
.form-group__password:focus-within {
background-color: transparent;
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-group__password:focus-within > .form-group__subdomain-name {
border-left-color: #5777f3;
}
.form-group__password .form-control {
background-color: transparent;
box-shadow: none;
border: none;
padding-left: 0;
}
.form-group__password .form-control:focus, .form-group__password .form-control:active {
box-shadow: none;
background-color: transparent;
}
.form-group__password-btn {
padding: 0;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: flex-end;
border: none;
background-color: transparent;
color: #666;
font-size: 1.1rem;
}
.form-group__password-btn:hover {
color: #333;
}
@media (max-width: 1199.98px) {
.form-group__password-btn {
font-size: 1.05rem;
}
}
@media (max-width: 991.98px) {
.form-group__password-btn {
font-size: 1rem;
}
}
@media (max-width: 767.98px) {
.form-group__password-btn {
font-size: 0.95rem;
}
}
@media (max-width: 575.98px) {
.form-group__password-btn {
font-size: 0.9rem;
}
}
.form__separator {
height: 50px;
width: 1px;
background-color: #ddd;
}
@media (max-width: 1199.98px) {
.form__separator {
height: 48px;
}
}
@media (max-width: 991.98px) {
.form__separator {
height: 46px;
}
}
@media (max-width: 767.98px) {
.form__separator {
height: 44px;
}
}
@media (max-width: 575.98px) {
.form__separator {
height: 42px;
}
}
.form-control {
padding: 6px 10px;
height: 50px;
-webkit-box-flex: 1;
flex: 1;
background-color: #F5F7FD;
color: #333;
border: 1px solid #597DFC4D;
border-radius: 5px;
font-size: .9rem;
}
@media (max-width: 1199.98px) {
.form-control {
padding: 5.5px 9px;
height: 48px;
font-size: 0.88rem;
}
}
@media (max-width: 991.98px) {
.form-control {
padding: 5px 8px;
height: 46px;
font-size: 0.86rem;
}
}
@media (max-width: 767.98px) {
.form-control {
padding: 4.5px 7px;
height: 44px;
font-size: 0.84rem;
}
}
@media (max-width: 575.98px) {
.form-control {
padding: 4px 6px;
height: 42px;
font-size: 0.82rem;
}
}
.form-control--p-left {
padding-left: 40px;
}
.form-control--p-right {
padding-right: 40px;
}
.form-control:focus {
background-color: transparent;
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-control.error {
border: 1px solid #FF5F74;
-moz-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
-webkit-box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
box-shadow: inset 0 2px 3px 0 rgba(255, 95, 116, 0.3);
}
.form-control.error:focus {
outline-color: transparent;
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.form-control:disabled {
opacity: .7;
background-color: #eee;
border-color: #eee;
cursor: not-allowed;
}
input::-ms-input-placeholder, input:-ms-input-placeholder, input::placeholder {
color: #999;
} .text-primary {
color: #5777f3 !important;
}
.text-secondary {
color: #14C479 !important;
}
.text-success {
color: #3bc065;
}
.text-success-light {
color: #60ce83 !important;
}
.text-success-dark {
color: #2f9951 !important;
}
.text-warning {
color: #FF9635 !important;
}
.text-warning-dark {
color: #ff7b02 !important;
}
.text-warning-light {
color: #ffb168 !important;
}
.text-danger {
color: #FF5F74 !important;
}
.text-danger-dark {
color: #ff2c48 !important;
}
.text-danger-light {
color: #ff92a0 !important;
}
.text-info {
color: #33b5e5 !important;
}
.text-dark {
color: #666 !important;
}
.text-black {
color: #000 !important;
}
.text-blue {
color: #7092cb !important;
}
.text .text .text .text .text a.text-primary:hover, .text .text .text .text .text a.text-primary:focus {
color: #2750f0 !important;
}
.text .text .text .text .text a.text-secondary:hover, .text .text .text .text .text a.text-secondary:focus {
color: #0f965c !important;
}
.text .text .text .text .text a.text-success:hover, .text .text .text .text .text a.text-success:focus {
color: #2f9951 !important;
}
.text .text .text .text .text a.text-warning:hover, .text .text .text .text .text a.text-warning:focus {
color: #ff7b02 !important;
}
.text .text .text .text .text a.text-danger:hover, .text .text .text .text .text a.text-danger:focus {
color: #ff2c48 !important;
}
.text .text .text .text .text a.text-info:hover, .text .text .text .text .text a.text-info:focus {
color: #1a9bcb !important;
}
.text .text .text .text .text a.text-dark:hover, .text .text .text .text .text a.text-dark:focus {
color: #000 !important;
}
.text .text .text .text .text a.text-blue:hover, .text .text .text .text .text a.text-blue:focus {
color: #7092cb !important;
}
.text .text .text .text .text a.text-black {
color: #000 !important;
} .bg-primary {
background-color: #5777f3 !important;
}
.bg-secondary {
background-color: #14C479 !important;
}
.bg-success {
background-color: #3bc065 !important;
}
.bg-success-light {
background-color: #60ce83 !important;
}
.bg-success-dark {
background-color: #2f9951 !important;
}
.bg-warning {
background-color: #FF9635 !important;
}
.bg-warning-dark {
background-color: #ff7b02 !important;
}
.bg-warning-light {
background-color: #ffb168 !important;
}
.bg-danger {
background-color: #FF5F74 !important;
}
.bg-danger-dark {
background-color: #ff2c48 !important;
}
.bg-danger-light {
background-color: #ff92a0 !important;
}
.bg-info {
background-color: #33b5e5 !important;
}
.bg-dark {
background-color: #666 !important;
}
.bg-black {
background-color: #000 !important;
}
.bg-blue {
background-color: #7092cb !important;
} .btn {
border: 2px solid #ddd;
background-color: #fafafa;
color: #666;
text-transform: capitalize;
cursor: pointer;
font-weight: 600;
border-radius: 5px;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
padding: 10px 36px;
font-size: 0.9rem;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn:hover {
background-color: #666;
color: #000;
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.btn:focus {
outline-color: transparent;
box-shadow: none;
webkit-transform: translateY(-3px);
transform: translateY(-3px);
text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}
.btn:active {
outline-color: transparent;
}
@media (max-width: 1199.98px) {
.btn {
padding: 9px 34px;
font-size: 0.88rem;
}
}
@media (max-width: 991.98px) {
.btn {
padding: 8px 32px;
font-size: 0.86rem;
}
}
@media (max-width: 767.98px) {
.btn {
padding: 7px 30px;
font-size: 0.84rem;
}
}
@media (max-width: 575.98px) {
.btn {
padding: 6px 28px;
font-size: 0.8rem;
}
}
.btn-sm, .btn-group-sm > .btn {
padding: 8px;
text-transform: capitalize;
}
@media (max-width: 1199.98px) {
.btn-sm, .btn-group-sm > .btn {
padding: 7px;
}
}
@media (max-width: 991.98px) {
.btn-sm, .btn-group-sm > .btn {
padding: 6px;
}
}
@media (max-width: 767.98px) {
.btn-sm, .btn-group-sm > .btn {
padding: 5px;
}
}
@media (max-width: 575.98px) {
.btn-sm, .btn-group-sm > .btn {
padding: 4px;
}
}
.btn-min-50 {
min-width: 50px;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.btn-min-50 {
min-width: 48px;
min-height: 48px;
}
}
@media (max-width: 991.98px) {
.btn-min-50 {
min-width: 46px;
min-height: 46px;
}
}
@media (max-width: 767.98px) {
.btn-min-50 {
min-width: 44px;
min-height: 44px;
}
}
@media (max-width: 575.98px) {
.btn-min-50 {
min-width: 42px;
min-height: 42px;
}
}
.btn-pro {
position: relative;
overflow: hidden;
padding-left: 40px;
white-space: nowrap;
}
.btn-pro:before {
content: 'upgrade';
position: absolute;
left: -37px;
top: -6px;
padding-bottom: 7px;
background-color: #5777f3;
background-image: linear-gradient(to left, #5777f3, #2750f0);
color: #fff;
font-size: .55rem;
text-transform: uppercase;
width: 100px;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
transform: rotate(-50deg);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.btn-pro {
padding-left: 38px;
}
.btn-pro:before {
left: -37px;
top: -6px;
padding-bottom: 6px;
font-size: .54rem;
width: 100px;
transform: rotate(-50deg);
}
}
@media (max-width: 991.98px) {
.btn-pro {
padding-left: 36px;
}
.btn-pro:before {
left: -38px;
top: -5.5px;
padding-bottom: 5px;
font-size: .53rem;
}
}
@media (max-width: 767.98px) {
.btn-pro {
padding-left: 34px;
}
.btn-pro:before {
left: -39px;
top: -5.5px;
padding-bottom: 4.5px;
font-size: .52rem;
}
}
@media (max-width: 575.98px) {
.btn-pro {
padding-left: 30px;
}
.btn-pro:before {
left: -40px;
top: -5px;
padding-bottom: 3px;
font-size: .48rem;
}
}
.btn-primary {
background-color: #5777f3;
color: #fff;
border-color: #5777f3;
-moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
}
.btn-primary:hover {
background-color: #113eed;
color: #fff;
border-color: #113eed;
-moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus {
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
background-color: #63687e;
}
.show > .btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled):active {
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
background-color: #113eed;
}
.btn-primary.btn-pro {
background-color: #fff !important;
border-color: #5777f3 !important;
color: #5777f3 !important;
}
.btn-primary.btn-pro:before {
background-color: #5777f3;
color: #fff;
text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}
.btn-secondary {
background-color: #14C479 !important;
color: #fff !important;
border-color: #14C479 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
}
.btn-secondary:hover {
background-color: #0d7f4e;
color: #fff;
border-color: #0d7f4e;
-moz-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:focus {
border-color: rgba(20, 196, 121, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
background-color: #0d7f4e;
}
.show > .btn-secondary.dropdown-toggle, .btn-secondary:not(:disabled):not(.disabled):active {
border-color: rgba(20, 196, 121, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2);
background-color: #0d7f4e;
}
.btn-secondary.btn-pro {
background-color: #fff !important;
border-color: #14C479 !important;
color: #14C479 !important;
}
.btn-secondary.btn-pro:before {
background-color: #14C479;
color: #fff;
text-shadow: 0 3px 4px rgba(20, 196, 121, 0.2);
}
.btn-success {
background-color: #3bc065 !important;
color: #fff !important;
border-color: #3bc065 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
}
.btn-success:hover {
background-color: #298546;
color: #fff;
border-color: #298546;
-moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:focus {
border-color: rgba(59, 192, 101, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
background-color: #298546;
}
.show > .btn-success.dropdown-toggle, .btn-success:not(:disabled):not(.disabled):active {
border-color: rgba(59, 192, 101, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
background-color: #298546;
}
.btn-success.btn-pro {
background-color: #fff !important;
border-color: #3bc065 !important;
color: #3bc065 !important;
}
.btn-success.btn-pro:before {
background-color: #3bc065;
color: #fff;
text-shadow: 0 3px 4px rgba(59, 192, 101, 0.2);
}
.btn-info {
background-color: #33b5e5 !important;
color: #fff !important;
border-color: #33b5e5 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
}
.btn-info:hover {
background-color: #178ab4;
color: #fff;
border-color: #178ab4;
-moz-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:focus {
border-color: rgba(51, 181, 229, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
background-color: #178ab4;
}
.show > .btn-info.dropdown-toggle, .btn-info:not(:disabled):not(.disabled):active {
border-color: rgba(51, 181, 229, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2);
background-color: #178ab4;
}
.btn-info.btn-pro {
background-color: #fff !important;
border-color: #33b5e5 !important;
color: #33b5e5 !important;
}
.btn-info.btn-pro:before {
background-color: #33b5e5;
color: #fff;
text-shadow: 0 3px 4px rgba(51, 181, 229, 0.2);
}
.btn-warning {
background-color: #FF9635 !important;
color: #fff !important;
border-color: #FF9635 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
}
.btn-warning:hover {
background-color: #e86f00;
color: #fff;
border-color: #e86f00;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:focus {
border-color: rgba(255, 150, 53, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
background-color: #e86f00;
}
.show > .btn-warning.dropdown-toggle, .btn-warning:not(:disabled):not(.disabled):active {
border-color: rgba(255, 150, 53, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2);
background-color: #e86f00;
}
.btn-warning.btn-pro {
background-color: #fff !important;
border-color: #FF9635 !important;
color: #FF9635 !important;
}
.btn-warning.btn-pro:before {
background-color: #FF9635;
color: #fff;
text-shadow: 0 3px 4px rgba(255, 150, 53, 0.2);
}
.btn-danger {
background-color: #FF5F74 !important;
color: #fff !important;
border-color: #FF5F74 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
}
.btn-danger:hover {
background-color: #ff1332;
color: #fff;
border-color: #ff1332;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:focus {
border-color: rgba(255, 95, 116, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
background-color: #ff1332;
}
.show > .btn-danger.dropdown-toggle, .btn-danger:not(:disabled):not(.disabled):active {
border-color: rgba(255, 95, 116, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
background-color: #ff1332;
}
.btn-danger.btn-pro {
background-color: #fff !important;
border-color: #FF5F74 !important;
color: #FF5F74 !important;
}
.btn-danger.btn-pro:before {
background-color: #FF5F74;
color: #fff;
text-shadow: 0 3px 4px rgba(255, 95, 116, 0.2);
}
.btn-dark {
background-color: #666 !important;
color: #fff !important;
border-color: #666 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
}
.btn-dark:hover {
background-color: #404040;
color: #fff;
border-color: #404040;
-moz-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:focus {
border-color: rgba(102, 102, 102, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
background-color: #404040;
}
.show > .btn-dark.dropdown-toggle, .btn-dark:not(:disabled):not(.disabled):active {
border-color: rgba(102, 102, 102, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2);
background-color: #404040;
}
.btn-dark.btn-pro {
background-color: #fff !important;
border-color: #666 !important;
color: #666 !important;
}
.btn-dark.btn-pro:before {
background-color: #666;
color: #fff;
text-shadow: 0 3px 4px rgba(102, 102, 102, 0.2);
}
.btn-white {
background-color: #fff !important;
color: #666 !important;
border-color: #fff !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
}
.btn-white:hover {
background-color: #d9d9d9;
color: #666;
border-color: #d9d9d9;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:focus {
border-color: rgba(255, 255, 255, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
background-color: #d9d9d9;
}
.show > .btn-white.dropdown-toggle, .btn-white:not(:disabled):not(.disabled):active {
border-color: rgba(255, 255, 255, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2);
background-color: #d9d9d9;
}
.btn-white.btn-pro {
background-color: #fff !important;
border-color: #fff !important;
color: #fff !important;
}
.btn-white.btn-pro:before {
background-color: #fff;
color: #fff;
text-shadow: 0 3px 4px rgba(255, 255, 255, 0.2);
}
.btn-default {
background-color: #999 !important;
color: #333 !important;
border-color: #999 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
}
.btn-default:hover {
background-color: #737373;
color: #333;
border-color: #737373;
-moz-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
}
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:focus {
border-color: rgba(153, 153, 153, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
background-color: #737373;
}
.show > .btn-default.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active {
border-color: rgba(153, 153, 153, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2);
background-color: #737373;
}
.btn-default.btn-pro {
background-color: #fff !important;
border-color: #999 !important;
color: #999 !important;
}
.btn-default.btn-pro:before {
background-color: #999;
color: #fff;
text-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
}
.btn.disabled, .btn:disabled {
cursor: not-allowed !important;
color: #333 !important;
background-color: #999 !important;
border-color: #999 !important;
}
.btn-outline {
background-color: transparent;
color: #333;
}
.btn-outline-primary {
background-color: transparent;
color: #5777f3;
border-color: #5777f3;
-moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
}
.btn-outline-primary:hover {
background-color: #5777f3;
color: #fff;
border-color: #5777f3;
-moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:focus {
border-color: #5777f3 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
background-color: transparent !important;
color: #5777f3 !important;
}
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled):active {
border-color: #5777f3 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
background-color: transparent !important;
color: #5777f3 !important;
}
.btn-outline-primary.btn-pro:before {
color: #5777f3;
text-shadow: 0 3px 4px rgba(87, 119, 243, 0.2);
}
.btn-outline-secondary {
background-color: transparent !important;
color: #14C479 !important;
border-color: #14C479 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
box-shadow: 0 5px 5px 0 rgba(20, 196, 121, 0.1);
}
.btn-outline-secondary:hover {
background-color: #14C479 !important;
color: #fff !important;
border-color: #14C479 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
box-shadow: 0 10px 10px 0 rgba(20, 196, 121, 0.2);
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:focus {
border-color: #14C479 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
background-color: transparent !important;
color: #14C479 !important;
}
.show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:not(:disabled):not(.disabled):active {
border-color: #14C479 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(20, 196, 121, 0.2) !important;
background-color: transparent !important;
color: #14C479 !important;
}
.btn-outline-secondary.btn-pro:before {
color: #14C479;
text-shadow: 0 3px 4px rgba(20, 196, 121, 0.2);
}
.btn-outline-success {
background-color: transparent !important;
color: #3bc065 !important;
border-color: #3bc065 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1);
}
.btn-outline-success:hover {
background-color: #3bc065 !important;
color: #fff !important;
border-color: #3bc065 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:focus {
border-color: #3bc065 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
background-color: transparent !important;
color: #3bc065 !important;
}
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:not(:disabled):not(.disabled):active {
border-color: #3bc065 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2) !important;
background-color: transparent !important;
color: #3bc065 !important;
}
.btn-outline-success.btn-pro:before {
color: #3bc065;
text-shadow: 0 3px 4px rgba(59, 192, 101, 0.2);
}
.btn-outline-info {
background-color: transparent !important;
color: #33b5e5 !important;
border-color: #33b5e5 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
box-shadow: 0 5px 5px 0 rgba(51, 181, 229, 0.1);
}
.btn-outline-info:hover {
background-color: #33b5e5 !important;
color: #fff !important;
border-color: #33b5e5 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
box-shadow: 0 10px 10px 0 rgba(51, 181, 229, 0.2);
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:focus {
border-color: #33b5e5 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
background-color: transparent !important;
color: #33b5e5 !important;
}
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:not(:disabled):not(.disabled):active {
border-color: #33b5e5 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(51, 181, 229, 0.2) !important;
background-color: transparent !important;
color: #33b5e5 !important;
}
.btn-outline-info.btn-pro:before {
color: #33b5e5;
text-shadow: 0 3px 4px rgba(51, 181, 229, 0.2);
}
.btn-outline-warning {
background-color: transparent !important;
color: #FF9635 !important;
border-color: #FF9635 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 150, 53, 0.1);
}
.btn-outline-warning:hover {
background-color: #FF9635 !important;
color: #fff !important;
border-color: #FF9635 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 150, 53, 0.2);
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:focus {
border-color: #FF9635 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
background-color: transparent !important;
color: #FF9635 !important;
}
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:not(:disabled):not(.disabled):active {
border-color: #FF9635 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 150, 53, 0.2) !important;
background-color: transparent !important;
color: #FF9635 !important;
}
.btn-outline-warning.btn-pro:before {
color: #FF9635;
text-shadow: 0 3px 4px rgba(255, 150, 53, 0.2);
}
.btn-outline-danger {
background-color: transparent !important;
color: #FF5F74 !important;
border-color: #FF5F74 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 95, 116, 0.1);
}
.btn-outline-danger:hover {
background-color: #FF5F74 !important;
color: #fff !important;
border-color: #FF5F74 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 95, 116, 0.2);
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:focus {
border-color: #FF5F74 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
background-color: transparent !important;
color: #FF5F74 !important;
}
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:not(:disabled):not(.disabled):active {
border-color: #FF5F74 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2) !important;
background-color: transparent !important;
color: #FF5F74 !important;
}
.btn-outline-danger.btn-pro:before {
color: #FF5F74;
text-shadow: 0 3px 4px rgba(255, 95, 116, 0.2);
}
.btn-outline-white {
background-color: transparent !important;
color: #fff !important;
border-color: #fff !important;
-moz-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
box-shadow: 0 5px 5px 0 rgba(255, 255, 255, 0.1);
}
.btn-outline-white:hover {
background-color: #fff !important;
color: #fff !important;
border-color: #fff !important;
-moz-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
box-shadow: 0 10px 10px 0 rgba(255, 255, 255, 0.2);
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:focus {
border-color: #fff !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
background-color: transparent !important;
color: #fff !important;
}
.show > .btn-outline-white.dropdown-toggle, .btn-outline-white:not(:disabled):not(.disabled):active {
border-color: #fff !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(255, 255, 255, 0.2) !important;
background-color: transparent !important;
color: #fff !important;
}
.btn-outline-white.btn-pro:before {
color: #fff;
text-shadow: 0 3px 4px rgba(255, 255, 255, 0.2);
}
.btn-outline-dark {
background-color: transparent !important;
color: #666 !important;
border-color: #666 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
box-shadow: 0 5px 5px 0 rgba(102, 102, 102, 0.1);
}
.btn-outline-dark:hover {
background-color: #666 !important;
color: #fff !important;
border-color: #666 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
box-shadow: 0 10px 10px 0 rgba(102, 102, 102, 0.2);
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:focus {
border-color: #666 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
background-color: transparent !important;
color: #666 !important;
}
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:not(:disabled):not(.disabled):active {
border-color: #666 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(102, 102, 102, 0.2) !important;
background-color: transparent !important;
color: #666 !important;
}
.btn-outline-dark.btn-pro:before {
color: #666;
text-shadow: 0 3px 4px rgba(102, 102, 102, 0.2);
}
.btn-outline-default {
background-color: transparent !important;
color: #999 !important;
border-color: #999 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
box-shadow: 0 5px 5px 0 rgba(153, 153, 153, 0.1);
}
.btn-outline-default:hover {
background-color: #999 !important;
color: #fff !important;
border-color: #999 !important;
-moz-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
box-shadow: 0 10px 10px 0 rgba(153, 153, 153, 0.2);
}
.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:focus {
border-color: #999 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
background-color: transparent !important;
color: #999 !important;
}
.show > .btn-outline-default.dropdown-toggle, .btn-outline-default:not(:disabled):not(.disabled):active {
border-color: #999 !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(153, 153, 153, 0.2) !important;
background-color: transparent !important;
color: #999 !important;
}
.btn-outline-default.btn-pro:before {
color: #999;
text-shadow: 0 3px 4px rgba(153, 153, 153, 0.2);
}
.btn-outline.disabled, .btn-outline:disabled {
cursor: not-allowed !important;
color: #666 !important;
background-color: transparent !important;
border-color: #999 !important;
}
.btn--primary {
background-color: #5777f3;
color: #fff;
}
.btn--secondary {
background-color: #14C479;
color: #fff;
}
.btn--let-know {
background-color: transparent;
color: #5777f3;
border-radius: 5px;
margin-top: 0.875rem;
padding: 0.5rem 1.25rem;
}
.btn--let-know:hover {
background-color: #fff;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
color: #5777f3;
}
@media (max-width: 1199.98px) {
.btn--let-know {
margin-top: 0.8125rem;
padding: 0.4375rem 1.125rem;
font-size: 0.9375rem;
}
}
@media (max-width: 991.98px) {
.btn--let-know {
margin-top: 0.75rem;
padding: 0.375rem 1rem;
font-size: 0.875rem;
}
}
@media (max-width: 767.98px) {
.btn--let-know {
margin-top: 0.6875rem;
padding: 0.3125rem 0.875rem;
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.btn--let-know {
margin-top: 0.625rem;
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
}
}
.btn--add {
background-color: transparent;
color: #5777f3;
border-radius: 5px;
padding: 8px 26px;
border: 1px solid #5777f3;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
font-size: 0.875rem;
}
.btn--add:hover {
background-color: #5777f3;
color: #fff;
border-color: #5777f3;
}
@media (max-width: 1199.98px) {
.btn--add {
padding: 0.5rem 1.5rem;
font-size: 0.875rem;
}
}
@media (max-width: 991.98px) {
.btn--add {
padding: 0.4375rem 1.375rem;
font-size: 0.8438rem;
}
}
@media (max-width: 767.98px) {
.btn--add {
padding: 0.375rem 1.25rem;
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.btn--add {
padding: 0.3125rem 1.125rem;
font-size: 12.5px;
}
}
.btn--submit {
color: #fff;
border-radius: 5px;
padding: 8px 36px;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
font-size: 0.875rem;
}
.btn--submit:hover {
background-color: #2750f0;
color: #fff;
}
@media (max-width: 1199.98px) {
.btn--submit {
padding: 0.5rem 2.125rem;
font-size: 0.875rem;
}
}
@media (max-width: 991.98px) {
.btn--submit {
padding: 0.4375rem 2rem;
font-size: 0.8438rem;
}
}
@media (max-width: 767.98px) {
.btn--submit {
padding: 0.375rem 1.875rem;
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.btn--submit {
padding: 0.3125rem 1.75rem;
font-size: 0.7813rem;
}
}
.btn--close {
background-color: transparent;
color: #5777f3;
border-radius: 5px;
padding: 8px 0;
font-size: 0.875rem;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn--close:hover {
background-color: transparent;
color: #5777f3;
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media (max-width: 1199.98px) {
.btn--close {
padding: 0.5rem 0;
font-size: 0.875rem;
}
}
@media (max-width: 991.98px) {
.btn--close {
padding: 0.4375rem 0;
font-size: 0.8438rem;
}
}
@media (max-width: 767.98px) {
.btn--close {
padding: 0.375rem 0;
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.btn--close {
padding: 0.3125rem 0;
font-size: 12.5px;
}
}
.btn--see-more {
padding: 0px 26px;
align-self: center;
background-color: transparent;
font-size: 1rem;
color: #5777f3;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
display: flex;
align-items: center;
position: relative;
}
.btn--see-more::after {
content: '';
font-family: "Font Awesome 5 Free";
font-weight: 700;
position: absolute;
right: 0;
color: #14C479;
}
.btn--see-more:hover {
background-color: transparent;
color: #14C479;
}
.btn--see-more:hover::after {
content: '\f105';
right: 10px;
}
.btn--clear {
background-color: transparent;
border: 1px solid #ddd;
color: #5777f3;
font-size: .9rem;
padding: 4px 10px;
text-transform: uppercase;
-moz-box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
-webkit-box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
box-shadow: 1px 1px 10px 1px rgba(163, 116, 116, 0.1);
}
.btn--clear:hover {
background-color: #5777f3;
color: #fff;
border-color: #5777f3;
}
.btn--clear:focus {
outline-color: transparent;
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.btn--done {
background-color: #14C479;
border: 1px solid #14C479;
color: #fff;
font-size: .9rem;
padding: 4px 10px;
text-transform: uppercase;
box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.1);
}
.btn--done:hover {
background-color: #0f965c;
color: #fff;
border-color: #0f965c;
}
.btn--done:focus {
outline-color: transparent;
border-color: rgba(173, 196, 91, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
box-shadow: 1px 1px 10px 1px rgba(173, 196, 91, 0.2);
}
.btn-facebook {
background-color: #34589d;
color: #fff;
transition: all 0.3s ease-in-out;
}
.btn-facebook:hover {
background: #2e4d8a;
color: #fff;
}
.btn-twitter {
background-color: #38aae2;
color: #fff;
transition: all 0.3s ease-in-out;
}
.btn-twitter:hover {
background: #22a0df;
color: #fff;
}
.btn-linkedin {
background-color: #0077b5;
color: #fff;
transition: all 0.3s ease-in-out;
}
.btn-linkedin:hover {
background: #00669c;
color: #fff;
}
.btn-whatsapp {
background-color: #7ed321;
color: #fff;
transition: all 0.3s ease-in-out;
}
.btn-whatsapp:hover {
background: #71bd1e;
color: #fff;
}
.btn-auth {
display: block;
width: 100%;
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
color: #fff;
border-radius: 5px;
border: 0;
padding: 0.625rem;
transition: 0.2s transform;
}
.btn-auth--facebook {
transition: all 0.2s ease-in-out;
background: #34589d;
}
.btn-auth--facebook:hover {
background: #2e4d8a;
}
.btn-auth--email {
transition: all 0.2s ease-in-out;
background: #5777f3;
}
.btn-auth--email:hover {
background: #2750f0;
}
.btn-auth:hover {
color: #fff !important;
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}
.btn-auth:disabled {
transform: none;
box-shadow: none;
pointer-events: none;
}
.btn-link--mark {
color: #879ef6;
font-size: 12px;
line-height: 1;
}
@media (max-width: 575.98px) {
.btn-link--mark {
font-size: 11px;
}
}
.btn-link--mark:hover {
color: #2750f0;
}
.btn-file {
position: relative;
}
.btn-file__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.btn-default {
border: 0;
box-shadow: 2px 3px 4px 1px rgba(0, 0, 0, 0.05);
}
.btn-default:disabled {
pointer-events: none;
}
.btn-default:hover {
background-color: #fff;
-moz-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
box-shadow: 4px 1px 12px 1px rgba(0, 0, 0, 0.05);
}
.btn--dark {
color: #666;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.2);
}
.btn--dark:hover {
background-color: #666;
color: #fff;
}
@media (max-width: 1199.98px) {
.btn--dark {
padding: 0.5rem 2.125rem;
font-size: 0.875rem;
}
}
@media (max-width: 991.98px) {
.btn--dark {
padding: 0.4375rem 2rem;
font-size: 0.8438rem;
}
}
@media (max-width: 767.98px) {
.btn--dark {
padding: 0.375rem 1.875rem;
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.btn--dark {
padding: 0.3125rem 1.75rem;
font-size: 0.7813rem;
}
}
.btn-loader {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.btn-loader:hover {
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.btn--text {
padding: 2px;
border: none;
background-color: transparent;
box-shadow: none;
color: #33b5e5;
border-radius: 0;
}
.btn--text:hover, .btn--text:focus, .btn--text:active {
box-shadow: none;
border: none;
background-color: transparent;
color: #1a9bcb;
}
.btn--text i {
font-size: 1.3rem;
}
@media (max-width: 1199.98px) {
.btn--text i {
font-size: 1.25rem;
}
}
@media (max-width: 991.98px) {
.btn--text i {
font-size: 1.2rem;
}
}
@media (max-width: 767.98px) {
.btn--text i {
font-size: 1.15rem;
}
}
@media (max-width: 575.98px) {
.btn--text i {
font-size: 1.1rem;
}
}
.btn--icon {
padding: 2px;
width: 38px;
height: 38px;
border-radius: 50%;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.btn--icon {
width: 36px;
height: 36px;
}
}
@media (max-width: 991.98px) {
.btn--icon {
width: 34px;
height: 34px;
}
}
@media (max-width: 767.98px) {
.btn--icon {
width: 32px;
height: 32px;
}
}
@media (max-width: 575.98px) {
.btn--icon {
width: 30px;
height: 30px;
}
}
button {
display: block;
float: left;
position: relative;
overflow: hidden;
transition: all 0.2s ease;
z-index: 0;
} span.badge {
margin-top: 2px;
}
@media (max-width: 1199.98px) {
span.badge {
margin-top: 1.8px;
}
}
@media (max-width: 991.98px) {
span.badge {
margin-top: 1.6px;
}
}
@media (max-width: 767.98px) {
span.badge {
margin-top: 1.4px;
}
}
@media (max-width: 575.98px) {
span.badge {
margin-top: 1.2px;
}
}
.badge {
line-height: 1.3;
}
.badge-primary {
background-color: #2750f0;
color: #fff;
}
.badge-secondary {
background-color: #14C479;
color: #fff;
}
.badge-info {
background-color: #33b5e5;
color: #fff;
}
.badge-info-dark {
background-color: #1a9bcb;
color: #fff;
}
.badge-warning {
background-color: #FF9635;
color: #fff;
}
.badge-warning-light {
background-color: #ffb168;
color: #fff;
}
.badge-warning-dark {
background-color: #ff7b02;
color: #fff;
}
.badge-success {
background-color: #3bc065;
color: #fff;
}
.badge-success-light {
background-color: #60ce83;
color: #fff;
}
.badge-success-dark {
background-color: #2f9951;
color: #fff;
}
.badge-danger {
background-color: #FF5F74;
color: #fff;
}
.badge-danger-dark {
background-color: #ff2c48;
color: #fff;
}
.badge-danger-light {
background-color: #ff92a0;
color: #fff;
}
.badge-default {
background-color: #999;
color: #fff;
} .row--30 {
margin-left: -30px;
margin-right: -30px;
}
.row--30 .col-1, .row--30 .col-2, .row--30 .col-3, .row--30 .col-4, .row--30 .col-5, .row--30 .col-6, .row--30 .col-7, .row--30 .col-8, .row--30 .col-9, .row--30 .col-10, .row--30 .col-11, .row--30 .col-12, .row--30 .col,
.row--30 .col-auto,
.row--30 .col-sm-1, .row--30 .col-sm-2, .row--30 .col-sm-3, .row--30 .col-sm-4, .row--30 .col-sm-5, .row--30 .col-sm-6, .row--30 .col-sm-7, .row--30 .col-sm-8, .row--30 .col-sm-9, .row--30 .col-sm-10, .row--30 .col-sm-11, .row--30 .col-sm-12, .row--30 .col-sm,
.row--30 .col-sm-auto,
.row--30 .col-md-1, .row--30 .col-md-2, .row--30 .col-md-3, .row--30 .col-md-4, .row--30 .col-md-5, .row--30 .col-md-6, .row--30 .col-md-7, .row--30 .col-md-8, .row--30 .col-md-9, .row--30 .col-md-10, .row--30 .col-md-11, .row--30 .col-md-12, .row--30 .col-md,
.row--30 .col-md-auto,
.row--30 .col-lg-1, .row--30 .col-lg-2, .row--30 .col-lg-3, .row--30 .col-lg-4, .row--30 .col-lg-5, .row--30 .col-lg-6, .row--30 .col-lg-7, .row--30 .col-lg-8, .row--30 .col-lg-9, .row--30 .col-lg-10, .row--30 .col-lg-11, .row--30 .col-lg-12, .row--30 .col-lg,
.row--30 .col-lg-auto,
.row--30 .col-xl-1, .row--30 .col-xl-2, .row--30 .col-xl-3, .row--30 .col-xl-4, .row--30 .col-xl-5, .row--30 .col-xl-6, .row--30 .col-xl-7, .row--30 .col-xl-8, .row--30 .col-xl-9, .row--30 .col-xl-10, .row--30 .col-xl-11, .row--30 .col-xl-12, .row--30 .col-xl,
.row--30 .col-xl-auto {
padding-left: 30px;
padding-right: 30px;
}
.loading-default {
border-color: rgba(87, 119, 243, 0.5) !important;
}
.loading-default:before {
background-color: #5777f3 !important;
}
@media (max-width: 415px) {
.shortcuts-container:not(.inline) .shortcut-button {
min-width: 100px !important;
}
}
.swal2-container {
z-index: 9999 !important;
}
.swal2-header {
padding: 0 1.8em !important;
}
@media (max-width: 1199.98px) {
.swal2-header {
padding: 0 1.6em !important;
}
}
@media (max-width: 991.98px) {
.swal2-header {
padding: 0 1.4em !important;
}
}
@media (max-width: 767.98px) {
.swal2-header {
padding: 0 1.2em !important;
}
}
@media (max-width: 575.98px) {
.swal2-header {
padding: 0 1em !important;
}
}
.swal2-icon {
width: 5em;
height: 5em;
margin: 1.25em auto 1.875em;
line-height: 5em;
}
@media (max-width: 1199.98px) {
.swal2-icon {
width: 4.8em !important;
height: 4.8em !important;
margin: 1.2em auto 1.8em !important;
line-height: 4.8em !important;
}
}
@media (max-width: 991.98px) {
.swal2-icon {
width: 4.6em !important;
height: 4.6em !important;
margin: 1.1em auto 1.7em !important;
line-height: 4.6em !important;
}
}
@media (max-width: 767.98px) {
.swal2-icon {
width: 4.4em !important;
height: 4.4em !important;
margin: 1em auto 1.6em !important;
line-height: 4.4em !important;
}
}
@media (max-width: 575.98px) {
.swal2-icon {
width: 4em !important;
height: 4em !important;
margin: .9em auto 1.5em !important;
line-height: 4em !important;
}
}
.swal2-error {
border-color: #FF5F74 !important;
color: #FF5F74 !important;
}
.swal2-question {
border-color: #33b5e5 !important;
color: #33b5e5 !important;
}
.swal2-warning {
border-color: #FF9635 !important;
color: #FF9635 !important;
}
.swal2-title {
margin: 0 0 .4em;
color: #31375E !important;
font-size: 1.875em;
}
@media (max-width: 1199.98px) {
.swal2-title {
margin: 0 0 .35em !important;
font-size: 1.8em !important;
}
}
@media (max-width: 991.98px) {
.swal2-title {
margin: 0 0 .3em !important;
font-size: 1.75em !important;
}
}
@media (max-width: 767.98px) {
.swal2-title {
margin: 0 0 .25em !important;
font-size: 1.7em !important;
}
}
@media (max-width: 575.98px) {
.swal2-title {
margin: 0 0 .2em !important;
font-size: 1.6em !important;
}
}
.swal2-html-container {
color: #666;
font-size: 1rem;
}
@media (max-width: 1199.98px) {
.swal2-html-container {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.swal2-html-container {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.swal2-html-container {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.swal2-html-container {
font-size: .9em;
}
}
.swal2-actions button {
color: #fff !important;
font-size: 1rem !important;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
.swal2-actions button:hover {
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
@media (max-width: 1199.98px) {
.swal2-actions button {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.swal2-actions button {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.swal2-actions button {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.swal2-actions button {
font-size: .9em;
}
}
.swal2-confirm {
background-color: #5777f3 !important;
}
.swal2-confirm:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(87, 119, 243, 0.5) !important;
}
.swal2-deny {
background-color: #FF5F74 !important;
}
.swal2-deny:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(255, 95, 116, 0.5) !important;
}
.swal2-cancel {
background-color: #999 !important;
color: #31375E !important;
}
.swal2-cancel:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(153, 153, 153, 0.5) !important;
} .auth {
width: 100%;
height: 100%;
background-color: #F5F7FD;
}
.auth__inner {
width: 100%;
height: 100%;
position: relative;
}
@media (max-width: 767.98px) {
.auth__inner {
padding-top: 30px;
}
}
@media (max-width: 575.98px) {
.auth__inner {
padding-top: 40px;
}
}
.auth__header {
position: absolute;
top: 45px;
left: 45px;
right: 0;
}
@media (max-width: 1199.98px) {
.auth__header {
top: 40px;
left: 40px;
}
}
@media (max-width: 991.98px) {
.auth__header {
top: 30px;
left: 30px;
}
}
@media (max-width: 767.98px) {
.auth__header {
top: 20px;
left: 0;
text-align: center;
}
}
.auth__logo {
height: 40px;
max-width: 300px;
display: block;
}
@media (max-width: 1199.98px) {
.auth__logo {
height: 38px;
}
}
@media (max-width: 991.98px) {
.auth__logo {
height: 36px;
}
}
@media (max-width: 767.98px) {
.auth__logo {
height: 34px;
max-width: 100%;
}
}
@media (max-width: 575.98px) {
.auth__logo {
height: 32px;
}
}
.auth__logo-img {
height: 100%;
}
.auth__body {
width: 100%;
height: 100%;
min-height: 100vh;
padding: 90px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
.auth__body {
padding: 80px;
}
}
@media (max-width: 991.98px) {
.auth__body {
padding: 60px;
}
}
@media (max-width: 767.98px) {
.auth__body {
padding: 40px;
}
}
@media (max-width: 575.98px) {
.auth__body {
padding: 20px;
}
}
.auth__body-left {
flex: 1;
height: 100%;
padding-right: 30px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767.98px) {
.auth__body-left {
width: 100%;
flex: auto;
order: 1;
padding-right: 0;
padding-top: 20px;
}
}
.auth__body-banner {
max-width: 100%;
max-height: 100%;
}
.auth__body-right {
width: 600px;
}
@media (max-width: 1199.98px) {
.auth__body-right {
width: 500px;
}
}
@media (max-width: 991.98px) {
.auth__body-right {
width: 400px;
}
}
@media (max-width: 767.98px) {
.auth__body-right {
width: 100%;
}
}
.auth-form {
width: 100%;
}
.auth-form__header {
width: 100%;
margin-bottom: 20px;
}
.auth-form__title {
font-size: 1.8rem;
color: #31375E;
margin-bottom: 10px;
text-align: center;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
@media (max-width: 1199.98px) {
.auth-form__title {
font-size: 1.7rem;
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.auth-form__title {
font-size: 1.6rem;
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.auth-form__title {
font-size: 1.5rem;
margin-bottom: 7px;
}
}
@media (max-width: 575.98px) {
.auth-form__title {
font-size: 1.4rem;
margin-bottom: 6px;
}
}
.auth-form__subtitle {
font-size: 1rem;
color: #7D8091;
text-align: center;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.auth-form__subtitle {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.auth-form__subtitle {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.auth-form__subtitle {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.auth-form__subtitle {
font-size: .92rem;
}
}
.auth-form__body {
width: 100%;
height: auto;
}
.auth-form .auth-card {
width: 100%;
padding: 60px;
border-radius: 30px;
background-color: #fff;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card {
padding: 55px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card {
padding: 50px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card {
padding: 45px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card {
padding: 40px;
}
}
.auth-form .auth-card__header {
width: 100%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.auth-form .auth-card__header-text {
font-size: .8rem;
color: #999;
margin-bottom: 0;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__header-text {
font-size: .78rem;
margin-right: 9px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__header-text {
font-size: .76rem;
margin-right: 8px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__header-text {
font-size: .74rem;
margin-right: 7px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__header-text {
font-size: .72rem;
margin-right: 6px;
}
}
.auth-form .auth-card__header-link {
font-size: .96rem;
font-weight: 600;
color: #5777f3;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__header-link {
font-size: .94rem;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__header-link {
font-size: .92rem;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__header-link {
font-size: .9rem;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__header-link {
font-size: .88rem;
}
}
.auth-form .auth-card__header-link:hover {
color: #2750f0;
}
.auth-form .auth-card__social {
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social {
margin-bottom: 35px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social {
margin-bottom: 25px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social {
margin-bottom: 20px;
}
}
.auth-form .auth-card__social-row {
margin-right: -20px;
margin-bottom: -20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social-row {
margin-right: -19px;
margin-bottom: -19px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social-row {
margin-right: -18px;
margin-bottom: -18px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social-row {
flex-direction: column;
margin-right: -17px;
margin-bottom: -17px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social-row {
margin-right: -16px;
margin-bottom: -16px;
}
}
.auth-form .auth-card__social-row-item {
width: 50%;
padding-right: 20px;
padding-bottom: 20px;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social-row-item {
padding-right: 19px;
padding-bottom: 19px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social-row-item {
width: 100%;
padding-right: 18px;
padding-bottom: 18px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social-row-item {
padding-right: 17px;
padding-bottom: 17px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social-row-item {
padding-right: 16px;
padding-bottom: 16px;
}
}
.auth-form .auth-card__social-btn {
width: 100%;
height: 50px;
padding: 0;
border-radius: 5px;
border: 1px solid #597DFC4D;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #F5F7FD;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social-btn {
height: 48px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social-btn {
height: 46px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social-btn {
height: 44px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social-btn {
height: 42px;
}
}
.auth-form .auth-card__social-btn-icon {
width: 50px;
height: 100%;
padding: 10px;
border-right: 1px solid #597DFC4D;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social-btn-icon {
width: 48px;
padding: 9px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social-btn-icon {
width: 46px;
padding: 8px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social-btn-icon {
width: 44px;
padding: 7px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social-btn-icon {
width: 42px;
padding: 6px;
}
}
.auth-form .auth-card__social-btn-title {
flex: 1;
padding: 0 10px;
text-align: center;
font-size: .7rem;
color: #31375E;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__social-btn-title {
padding: 0 9px;
font-size: .68rem;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__social-btn-title {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__social-btn-title {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__social-btn-title {
padding: 0 6px;
}
}
.auth-form .auth-card .form-control {
border-color: rgba(87, 119, 243, 0.4);
}
.auth-form .auth-card__footer {
width: 100%;
}
.auth-form .auth-card__footer-btn {
width: 100%;
height: 50px;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__footer-btn {
height: 48px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__footer-btn {
height: 46px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__footer-btn {
height: 44px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__footer-btn {
height: 42px;
}
}
.auth-form .auth-card__forgot-password {
width: 100%;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__forgot-password {
margin-top: 18px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__forgot-password {
margin-top: 16px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__forgot-password {
margin-top: 14px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__forgot-password {
margin-top: 12px;
}
}
.auth-form .auth-card__forgot-password-text {
font-size: .8rem;
color: #999;
margin-bottom: 0;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__forgot-password-text {
font-size: .78rem;
margin-right: 9px;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__forgot-password-text {
font-size: .76rem;
margin-right: 8px;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__forgot-password-text {
font-size: .74rem;
margin-right: 7px;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__forgot-password-text {
font-size: .72rem;
margin-right: 6px;
}
}
.auth-form .auth-card__forgot-password-link {
font-size: .9rem;
font-weight: 600;
color: #5777f3;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__forgot-password-link {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__forgot-password-link {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__forgot-password-link {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__forgot-password-link {
font-size: .8rem;
}
}
.auth-form .auth-card__forgot-password-link:hover {
color: #2750f0;
}
.auth-form .auth-card__message-text {
font-size: .9rem;
margin-bottom: 0;
text-align: center;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.auth-form .auth-card__message-text {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.auth-form .auth-card__message-text {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.auth-form .auth-card__message-text {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.auth-form .auth-card__message-text {
font-size: .8rem;
}
}
.unverified {
width: 100%;
height: 100%;
background-color: #F5F7FD;
}
.unverified--bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.unverified__inner {
width: 100%;
min-height: 55vh;
padding: 80px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.unverified__inner {
padding: 70px;
}
}
@media (max-width: 991.98px) {
.unverified__inner {
padding: 60px;
}
}
@media (max-width: 767.98px) {
.unverified__inner {
padding: 50px;
}
}
@media (max-width: 575.98px) {
.unverified__inner {
padding: 40px;
}
}
.unverified__card {
padding: 40px;
border-radius: 10px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.unverified__card {
padding: 35px;
}
}
@media (max-width: 991.98px) {
.unverified__card {
padding: 30px;
}
}
@media (max-width: 767.98px) {
.unverified__card {
padding: 25px;
}
}
@media (max-width: 575.98px) {
.unverified__card {
padding: 20px;
}
}
.unverified__card-title {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.unverified__card-title {
font-size: 1.35rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.unverified__card-title {
font-size: 1.3rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.unverified__card-title {
font-size: 1.25rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.unverified__card-title {
font-size: 1.2rem;
margin-bottom: 12px;
}
}
.unverified__card-message {
font-size: .9rem;
color: #7D8091;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.unverified__card-message {
font-size: .88rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.unverified__card-message {
font-size: .86rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.unverified__card-message {
font-size: .84rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.unverified__card-message {
font-size: .8rem;
margin-bottom: 12px;
}
}
.verified {
width: 100%;
height: 100%;
background-color: #F5F7FD;
}
.verified--bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.verified__inner {
width: 100%;
min-height: 70vh;
padding: 80px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.verified__inner {
padding: 70px;
}
}
@media (max-width: 991.98px) {
.verified__inner {
padding: 60px;
}
}
@media (max-width: 767.98px) {
.verified__inner {
padding: 50px;
}
}
@media (max-width: 575.98px) {
.verified__inner {
padding: 40px;
}
}
.verified__card {
min-width: 600px;
padding: 40px;
border-radius: 10px;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.verified__card {
padding: 35px;
min-width: 500px;
}
}
@media (max-width: 991.98px) {
.verified__card {
padding: 30px;
min-width: 400px;
}
}
@media (max-width: 767.98px) {
.verified__card {
padding: 25px;
min-width: 300px;
}
}
@media (max-width: 575.98px) {
.verified__card {
padding: 20px;
min-width: 200px;
}
}
.verified__card-title {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.verified__card-title {
font-size: 1.35rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.verified__card-title {
font-size: 1.3rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.verified__card-title {
font-size: 1.25rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.verified__card-title {
font-size: 1.2rem;
margin-bottom: 12px;
}
}
.verified__card-message {
font-size: .9rem;
color: #7D8091;
margin-bottom: 20px;
text-align: center;
}
@media (max-width: 1199.98px) {
.verified__card-message {
font-size: .88rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.verified__card-message {
font-size: .86rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.verified__card-message {
font-size: .84rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.verified__card-message {
font-size: .8rem;
margin-bottom: 12px;
}
}
.ink {
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.3);
border-radius: 100%;
transform: scale(0);
}
.animate {
animation: ripple 0.65s linear;
}
@keyframes ripple {
100% {
opacity: 0;
transform: scale(2.5);
}
}
.g-menu {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.g-menu__item {
border-bottom: 1px solid #ddd;
}
.g-menu__item-link {
padding: 8px 10px;
display: flex;
align-items: center;
color: #999;
cursor: pointer;
white-space: nowrap;
}
.g-menu__item-link.btn {
width: 100%;
border: none;
box-shadow: none;
border-radius: 0;
}
.g-menu__item-link-icon {
font-size: 1rem;
color: #5777f3;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.g-menu__item-link-icon {
font-size: .98rem;
margin-right: 9px;
}
}
@media (max-width: 991.98px) {
.g-menu__item-link-icon {
font-size: .96rem;
margin-right: 8px;
}
}
@media (max-width: 767.98px) {
.g-menu__item-link-icon {
font-size: .94rem;
margin-right: 7px;
}
}
@media (max-width: 575.98px) {
.g-menu__item-link-icon {
font-size: .9rem;
margin-right: 6px;
}
}
.g-menu__item-link-avatar {
width: 30px;
height: 30px;
border-radius: 5px;
}
.g-menu__item-link.active, .g-menu__item-link:hover {
background-color: #5777f3;
color: #fff;
}
.g-menu__item-link.active .g-menu__item-link-icon, .g-menu__item-link:hover .g-menu__item-link-icon {
color: #fff;
}
.g-menu__item-link .button-spinner-logout {
width: 1.1rem;
height: 1.1rem;
margin-right: 10px;
}
.g-menu--primary .g-menu__item-link-icon {
color: #5777f3;
}
.g-menu--primary .g-menu__item-link:hover {
background-color: #5777f3;
}
.g-menu--secondary .g-menu__item-link-icon {
color: #14C479;
}
.g-menu--secondary .g-menu__item-link:hover {
background-color: #14C479;
}
.g-menu--success .g-menu__item-link-icon {
color: #3bc065;
}
.g-menu--success .g-menu__item-link:hover {
background-color: #3bc065;
}
.g-menu--info .g-menu__item-link-icon {
color: #33b5e5;
}
.g-menu--info .g-menu__item-link:hover {
background-color: #33b5e5;
}
.g-menu--warning .g-menu__item-link-icon {
color: #FF9635;
}
.g-menu--warning .g-menu__item-link:hover {
background-color: #FF9635;
}
.g-menu--danger .g-menu__item-link-icon {
color: #FF5F74;
}
.g-menu--danger .g-menu__item-link:hover {
background-color: #FF5F74;
}
.g-dropdown .dropdown-menu {
min-width: 100% !important;
max-height: 90vh;
overflow: auto;
padding: 0;
border: none;
z-index: 99;
}
@media (max-width: 991.98px) {
.g-dropdown .dropdown-menu {
max-height: 80vh;
}
}
@media (max-width: 767.98px) {
.g-dropdown .dropdown-menu {
max-height: 70vh;
}
}
@media (max-width: 575.98px) {
.g-dropdown .dropdown-menu {
max-height: 60vh;
}
}
.g-dropdown .dropdown-toggle {
all: unset !important;
font-size: 1rem !important;
color: #999 !important;
cursor: pointer !important;
padding: 0 !important;
}
@media (max-width: 1199.98px) {
.g-dropdown .dropdown-toggle {
font-size: .98rem !important;
}
}
@media (max-width: 991.98px) {
.g-dropdown .dropdown-toggle {
font-size: .96rem !important;
}
}
@media (max-width: 767.98px) {
.g-dropdown .dropdown-toggle {
font-size: .94rem !important;
}
}
@media (max-width: 575.98px) {
.g-dropdown .dropdown-toggle {
font-size: .9rem !important;
}
}
.g-dropdown--caret .dropdown-toggle {
display: flex !important;
align-items: center !important;
position: relative !important;
padding-right: 20px !important;
}
.g-dropdown--caret .dropdown-toggle:before {
content: '\f0d7';
font-family: "Font Awesome 5 Free";
font-weight: 700;
position: absolute;
right: 0;
color: #5777f3;
font-size: 1rem;
}
@media (max-width: 1199.98px) {
.g-dropdown--caret .dropdown-toggle:before {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.g-dropdown--caret .dropdown-toggle:before {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.g-dropdown--caret .dropdown-toggle:before {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.g-dropdown--caret .dropdown-toggle:before {
font-size: .9rem;
}
}
.g-dropdown--caret.show .dropdown-toggle:before {
content: '\f0d8';
}
.g-dropdown__item {
width: 100%;
white-space: nowrap;
border-bottom: 1px solid #eee;
}
.g-dropdown__item.disabled {
pointer-events: none;
opacity: .5;
}
.g-dropdown__item .dropdown-item {
width: 100%;
padding: 6px 16px;
border: none;
background-color: transparent;
display: block;
color: #666;
font-size: .9rem;
text-align: left;
}
@media (max-width: 1199.98px) {
.g-dropdown__item .dropdown-item {
padding: 5.5px 15px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.g-dropdown__item .dropdown-item {
padding: 5px 14px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.g-dropdown__item .dropdown-item {
padding: 4.5px 13px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.g-dropdown__item .dropdown-item {
padding: 4px 12px;
font-size: .8rem;
}
}
.g-dropdown__item .dropdown-item i {
color: #5777f3;
margin-right: 4px;
}
.g-dropdown__item .dropdown-item.active, .g-dropdown__item .dropdown-item:hover {
color: #fff;
background-color: #5777f3;
}
.g-dropdown__item .dropdown-item.active i, .g-dropdown__item .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item.active .dropdown-item {
color: #fff;
background-color: #5777f3;
}
.g-dropdown__item.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--primary .dropdown-item {
color: #5777f3;
}
.g-dropdown__item--primary .dropdown-item i {
color: #5777f3;
}
.g-dropdown__item--primary .dropdown-item.active, .g-dropdown__item--primary .dropdown-item:hover {
color: #fff;
background-color: #5777f3;
}
.g-dropdown__item--primary .dropdown-item.active i, .g-dropdown__item--primary .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--primary.active .dropdown-item {
color: #fff;
background-color: #5777f3;
}
.g-dropdown__item--primary.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--secondary .dropdown-item {
color: #14C479;
}
.g-dropdown__item--secondary .dropdown-item i {
color: #14C479;
}
.g-dropdown__item--secondary .dropdown-item.active, .g-dropdown__item--secondary .dropdown-item:hover {
color: #fff;
background-color: #14C479;
}
.g-dropdown__item--secondary .dropdown-item.active i, .g-dropdown__item--secondary .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--secondary.active .dropdown-item {
color: #fff;
background-color: #14C479;
}
.g-dropdown__item--secondary.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--success .dropdown-item {
color: #3bc065;
}
.g-dropdown__item--success .dropdown-item i {
color: #3bc065;
}
.g-dropdown__item--success .dropdown-item.active, .g-dropdown__item--success .dropdown-item:hover {
color: #fff;
background-color: #3bc065;
}
.g-dropdown__item--success .dropdown-item.active i, .g-dropdown__item--success .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--success.active .dropdown-item {
color: #fff;
background-color: #3bc065;
}
.g-dropdown__item--success.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--danger .dropdown-item {
color: #FF5F74;
}
.g-dropdown__item--danger .dropdown-item i {
color: #FF5F74;
}
.g-dropdown__item--danger .dropdown-item.active, .g-dropdown__item--danger .dropdown-item:hover {
color: #fff;
background-color: #FF5F74;
}
.g-dropdown__item--danger .dropdown-item.active i, .g-dropdown__item--danger .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--danger.active .dropdown-item {
color: #fff;
background-color: #FF5F74;
}
.g-dropdown__item--danger.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--warning .dropdown-item {
color: #FF9635;
}
.g-dropdown__item--warning .dropdown-item i {
color: #FF9635;
}
.g-dropdown__item--warning .dropdown-item.active, .g-dropdown__item--warning .dropdown-item:hover {
color: #fff;
background-color: #FF9635;
}
.g-dropdown__item--warning .dropdown-item.active i, .g-dropdown__item--warning .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--warning.active .dropdown-item {
color: #fff;
background-color: #FF9635;
}
.g-dropdown__item--warning.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--info .dropdown-item {
color: #33b5e5;
}
.g-dropdown__item--info .dropdown-item i {
color: #33b5e5;
}
.g-dropdown__item--info .dropdown-item.active, .g-dropdown__item--info .dropdown-item:hover {
color: #fff;
background-color: #33b5e5;
}
.g-dropdown__item--info .dropdown-item.active i, .g-dropdown__item--info .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--info.active .dropdown-item {
color: #fff;
background-color: #33b5e5;
}
.g-dropdown__item--info.active .dropdown-item i {
color: #fff;
}
.g-dropdown__item--dark .dropdown-item {
color: #666;
}
.g-dropdown__item--dark .dropdown-item i {
color: #666;
}
.g-dropdown__item--dark .dropdown-item.active, .g-dropdown__item--dark .dropdown-item:hover {
color: #fff;
background-color: #666;
}
.g-dropdown__item--dark .dropdown-item.active i, .g-dropdown__item--dark .dropdown-item:hover i {
color: #fff;
}
.g-dropdown__item--dark.active .dropdown-item {
color: #fff;
background-color: #666;
}
.g-dropdown__item--dark.active .dropdown-item i {
color: #fff;
}
.g-dropdown__header {
width: 100%;
padding: 6px 16px;
background-color: transparent;
color: #5777f3;
font-size: .9rem;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid #597DFC4D;
}
@media (max-width: 1199.98px) {
.g-dropdown__header {
padding: 5.5px 15px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.g-dropdown__header {
padding: 5px 14px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.g-dropdown__header {
padding: 4.5px 13px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.g-dropdown__header {
padding: 4px 12px;
font-size: .8rem;
}
}
.card--noborder {
border: none;
border-radius: 8px;
}
.card-state {
border: none;
border-radius: 12px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out;
margin-bottom: 30px !important;
}
@media (max-width: 575.98px) {
.card-state {
margin-bottom: 20px !important;
}
}
@media (max-width: 575.98px) {
.card-state {
margin-bottom: 15px !important;
}
}
.card-state:hover {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
}
.card-state .card-body {
padding: 25px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.card-state__top {
background-color: rgba(0, 0, 0, 0.15);
display: inline-flex;
width: 45px;
height: 45px;
border-radius: 50%;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
.card-state__top {
margin-bottom: 10px;
}
}
.card-state__top-icon {
font-size: 16px;
line-height: 1;
}
.card-state__label {
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
color: #999;
}
@media (max-width: 1199.98px) {
.card-state__label {
font-size: 12px;
}
}
@media (max-width: 575.98px) {
.card-state__label {
font-size: 14px;
}
}
.card-state__value {
font-size: 28px;
color: #333;
line-height: 1;
margin-bottom: 10px;
font-weight: 700;
}
@media (max-width: 1199.98px) {
.card-state__value {
margin-bottom: 5px;
font-size: 18px;
}
}
@media (max-width: 575.98px) {
.card-state__value {
font-size: 25px;
}
}
.card-state__title {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
color: #666;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.card-state__title {
font-size: 14px;
}
}
@media (max-width: 575.98px) {
.card-state__title {
font-size: 16px;
}
}
.card-state__amount {
line-height: 1;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.card-state__amount-value {
font-size: 28px;
color: #333;
font-weight: 700;
}
@media (max-width: 1199.98px) {
.card-state__amount-value {
font-size: 23px;
}
}
@media (max-width: 767.98px) {
.card-state__amount-value {
font-size: 21px;
}
}
@media (max-width: 767.98px) {
.card-state__amount-value {
font-size: 25px;
}
}
.card-state__amount-text {
font-size: 11px;
color: #333;
font-weight: 400;
}
@media (max-width: 575.98px) {
.card-state__amount-text {
font-size: 14px;
}
}
.card-state--pie {
height: 450px;
}
@media (max-width: 1199.98px) {
.card-state--pie {
height: 450px;
}
}
.card-state--pie .card-state__value {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px;
line-height: 1.3;
}
.card-state--bar .card-body {
align-items: unset;
justify-content: unset;
}
.card-state--bar .card-state__value {
font-weight: 500;
font-size: 24px;
margin-bottom: 20px;
line-height: 1.3;
}
.card-state--small {
height: 210px;
}
@media (max-width: 1199.98px) {
.card-state--small {
height: 160px;
}
}
.card-state--medium {
height: 235px;
}
@media (max-width: 1199.98px) {
.card-state--medium {
height: 210px;
}
}
.card-state--primary .card-state__top {
background-color: rgba(87, 119, 243, 0.15);
}
.card-state--primary .card-state__top-icon {
color: #5777f3;
}
.card-state--secondary .card-state__top {
background-color: rgba(20, 196, 121, 0.15);
}
.card-state--secondary .card-state__top-icon {
color: #14C479;
}
.card-state--success .card-state__top {
background-color: rgba(59, 192, 101, 0.15);
}
.card-state--success .card-state__top-icon {
color: #3bc065;
}
.card-state--info .card-state__top {
background-color: rgba(51, 181, 229, 0.15);
}
.card-state--info .card-state__top-icon {
color: #33b5e5;
}
.card-state--warning .card-state__top {
background-color: rgba(255, 150, 53, 0.15);
}
.card-state--warning .card-state__top-icon {
color: #FF9635;
}
.card-state--danger .card-state__top {
background-color: rgba(255, 95, 116, 0.15);
}
.card-state--danger .card-state__top-icon {
color: #FF5F74;
}
.filter {
width: 100%;
position: relative;
}
.filter--active .filter__inner {
visibility: visible;
position: absolute;
top: 100%;
left: 0;
opacity: 1;
z-index: 1001;
}
.filter--active .filter__overlay {
display: block;
opacity: 1;
}
.filter__overlay {
display: none;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
background-color: rgba(87, 119, 243, 0.03);
}
.filter__header {
display: none;
}
@media (max-width: 767.98px) {
.filter__header {
display: flex;
align-items: center;
}
}
.filter__header-title {
font-size: 20px;
font-weight: 500;
color: #666;
flex: 1;
}
@media (max-width: 575.98px) {
.filter__header-title {
font-size: 18px;
}
}
.filter__header-btn {
padding: 2px 5px;
}
.filter__header-btn-icon {
width: 24px;
height: 24px;
}
.filter__inner {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
transition: all 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
.filter__inner {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
padding: 15px;
border-radius: 5px;
background-color: #fff;
z-index: 1;
box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 450px) {
.filter__inner {
flex-direction: column;
align-items: flex-start;
}
}
.filter__item {
margin: 10px;
height: 40px;
}
.filter__item:last-child {
margin-right: 0;
}
@media (max-width: 1199.98px) {
.filter__item {
margin: 5px 16px 5px 0;
height: 38px;
}
}
@media (max-width: 991.98px) {
.filter__item {
margin: 4px 14px 4px 0;
height: 36px;
}
}
@media (max-width: 767.98px) {
.filter__item {
margin: 3px 12px 3px 0;
height: 34px;
}
}
@media (max-width: 575.98px) {
.filter__item {
margin: 2px 10px 2px 0;
height: 32px;
}
}
.filter__item .date-range {
position: relative;
height: 100%;
max-width: 270px;
}
.filter__item .date-range .date-time-picker {
height: 100%;
}
.filter__item .date-range .field {
height: 100%;
}
.filter__item .date-range:after {
content: '\f073';
font-family: "Font Awesome 5 Free";
width: 40px;
height: 100%;
color: #5777f3;
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
border-right: 1px solid #597DFC4D;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
}
@media (max-width: 1199.98px) {
.filter__item .date-range:after {
font-size: .96rem;
width: 38px;
}
}
@media (max-width: 991.98px) {
.filter__item .date-range:after {
font-size: .92rem;
width: 36px;
}
}
@media (max-width: 767.98px) {
.filter__item .date-range:after {
font-size: .88rem;
width: 34px;
}
}
@media (max-width: 575.98px) {
.filter__item .date-range:after {
font-size: .84rem;
width: 32px;
}
}
.filter__item .field-input {
border-radius: 5px !important;
border: 1px solid #597DFC4D !important;
transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
color: #666 !important;
padding-left: 45px !important;
z-index: 1;
height: 100% !important;
min-height: 100% !important;
}
.filter__item .is-focused .field-input {
border-color: rgba(87, 119, 243, 0.4) !important;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2) !important;
}
.filter__search {
height: 100%;
padding: 0 10px;
border-radius: 25px;
background-color: #F5F7FD;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
border: 1px solid #597DFC4D;
}
@media (max-width: 1199.98px) {
.filter__search {
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.filter__search {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.filter__search {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.filter__search {
width: 100%;
padding: 0 6px;
}
}
.filter__search:focus-within {
outline-color: transparent;
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.filter__search-btn {
height: 20px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
border: none;
font-size: .9rem;
color: #666;
background-color: transparent;
}
@media (max-width: 1199.98px) {
.filter__search-btn {
font-size: .85rem;
}
}
@media (max-width: 991.98px) {
.filter__search-btn {
font-size: .8rem;
}
}
@media (max-width: 767.98px) {
.filter__search-btn {
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
.filter__search-btn {
font-size: .7rem;
}
}
.filter__search-btn--clear {
width: 18px;
height: 18px;
padding: 4px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: .1s;
}
.filter__search-btn--clear.show {
opacity: 1;
visibility: visible;
pointer-events: visible;
}
.filter__search-btn--clear:hover {
background-color: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.filter__search-btn-icon {
width: 100%;
}
.filter__search-btn:focus {
color: #5777f3;
}
.filter__search-input {
flex: 1;
height: 100%;
padding: 2px 10px;
font-size: .9rem;
color: #666;
border: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: transparent;
}
@media (max-width: 1199.98px) {
.filter__search-input {
padding: 2px 9px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.filter__search-input {
padding: 2px 8px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.filter__search-input {
padding: 2px 7px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.filter__search-input {
padding: 2px 6px;
font-size: .82rem;
width: 100%;
}
}
.filter__btn {
height: 100%;
background-color: transparent;
border: none !important;
border-radius: 5px;
font-size: .9rem;
font-weight: normal;
text-transform: capitalize;
color: #5777f3;
padding: 2px 16px;
}
.filter__btn:focus, .filter__btn:active, .filter__btn:hover {
background-color: transparent;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.filter__btn {
padding: 2px 14px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.filter__btn {
padding: 2px 12px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.filter__btn {
padding: 2px 10px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.filter__btn {
padding: 2px 8px;
font-size: .82rem;
}
}
.filter__btn--submit {
background-color: rgba(59, 192, 101, 0.1);
color: #3bc065;
}
.filter__btn--submit:focus, .filter__btn--submit:active, .filter__btn--submit:hover {
background-color: #3bc065;
color: #fff;
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
}
.filter__btn--reset {
background-color: rgba(255, 95, 116, 0.1);
color: #FF5F74;
}
.filter__btn--reset:focus, .filter__btn--reset:active, .filter__btn--reset:hover {
background-color: #FF5F74;
color: #fff;
-moz-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
box-shadow: 1px 1px 10px 1px rgba(255, 95, 116, 0.2);
}
.filter__btn--button {
background-color: rgba(87, 119, 243, 0.1);
color: #5777f3;
}
.filter__btn--button:focus, .filter__btn--button:active, .filter__btn--button:hover {
background-color: #5777f3;
color: #fff;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
.filter__select {
height: 100%;
border: 1px solid #597DFC4D;
border-radius: 5px;
background-color: #F5F7FD;
padding: 2px 10px;
width: 100%;
font-size: .9rem;
font-weight: normal;
color: #666;
text-transform: capitalize;
cursor: pointer;
}
.filter__select:focus, .filter__select:hover {
outline-color: transparent;
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.filter__select {
padding: 2px 9px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.filter__select {
padding: 2px 8px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.filter__select {
padding: 2px 7px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.filter__select {
padding: 2px 6px;
font-size: .82rem;
}
}
.filter__per-page {
height: 100%;
border: 1px solid #597DFC4D;
border-radius: 5px;
background-color: #F5F7FD;
padding: 0 10px;
font-size: .9rem;
font-weight: normal;
color: #666;
text-transform: capitalize;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.filter__per-page:focus-within {
outline-color: transparent;
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.filter__per-page {
padding: 0 9px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.filter__per-page {
padding: 0 8px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.filter__per-page {
padding: 0 7px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.filter__per-page {
padding: 0 6px;
font-size: .82rem;
margin-left: 10px;
}
}
@media (max-width: 450px) {
.filter__per-page {
margin-left: 0;
}
}
.filter__per-page-label {
padding: 0 10px;
}
@media (max-width: 1199.98px) {
.filter__per-page-label {
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.filter__per-page-label {
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.filter__per-page-label {
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.filter__per-page-label {
padding: 0 6px;
}
}
.filter__per-page-select {
height: 100%;
border: none;
background-color: transparent;
padding: 0;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #597DFC4D;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
cursor: pointer;
color: #5777f3;
}
.filter__per-page-select::-ms-expand {
display: none;
}
@media (max-width: 1199.98px) {
.filter__per-page-select {
padding-left: 9px;
margin-left: 9px;
}
}
@media (max-width: 991.98px) {
.filter__per-page-select {
padding-left: 8px;
margin-left: 8px;
}
}
@media (max-width: 767.98px) {
.filter__per-page-select {
padding-left: 7px;
margin-left: 7px;
}
}
@media (max-width: 575.98px) {
.filter__per-page-select {
padding-left: 6px;
margin-left: 6px;
}
}
.filter-dropdown {
width: 100%;
height: 100%;
}
.filter-dropdown .btn {
box-shadow: none;
}
.filter-dropdown .btn:hover {
transform: none;
}
.filter-dropdown__btn {
height: 100%;
padding: 2px 16px;
border-radius: 5px;
font-size: .9rem;
background-color: rgba(87, 119, 243, 0.1);
color: #5777f3;
border: none;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
font-weight: normal;
}
.filter-dropdown__btn:focus, .filter-dropdown__btn:active, .filter-dropdown__btn:hover {
color: #fff;
background-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.filter-dropdown__btn {
padding: 2px 14px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.filter-dropdown__btn {
padding: 2px 12px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.filter-dropdown__btn {
padding: 2px 10px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.filter-dropdown__btn {
padding: 2px 8px;
font-size: .82rem;
}
}
.filter-dropdown__btn-icon {
margin-right: 4px;
}
.filter-dropdown__content {
width: 100%;
}
.filter-dropdown__content-header {
width: 100%;
padding: 10px 18px;
display: flex;
align-items: center;
border-bottom: 1px solid #eee;
}
.filter-dropdown__content-header-title {
padding: 0 18px;
font-size: .96rem;
text-align: center;
}
@media (max-width: 1199.98px) {
.filter-dropdown__content-header {
padding: 9px 16px;
}
.filter-dropdown__content-header-title {
padding: 0 16px;
font-size: .94rem;
}
}
@media (max-width: 991.98px) {
.filter-dropdown__content-header {
padding: 8px 14px;
}
.filter-dropdown__content-header-title {
padding: 0 14px;
font-size: .92rem;
}
}
@media (max-width: 767.98px) {
.filter-dropdown__content-header {
padding: 7px 12px;
}
.filter-dropdown__content-header-title {
padding: 0 12px;
font-size: .9rem;
}
}
@media (max-width: 575.98px) {
.filter-dropdown__content-header {
padding: 6px 10px;
}
.filter-dropdown__content-header-title {
padding: 0 10px;
}
}
.filter-dropdown__menu {
margin: 0;
padding: 4px 0;
list-style: none;
}
.filter-dropdown__menu-item {
padding: 5px 18px;
}
.progress {
width: 100%;
height: 25px;
overflow: hidden;
border-radius: 20px;
padding: 2px;
}
.progress.camp-type-3 {
background-color: #e9ecef;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
}
.campaign__progress .progress.camp-type-3 {
box-shadow: none;
}
.progress--vertical {
position: absolute;
left: 0;
bottom: 0;
width: 20px;
height: 100%;
opacity: 0.8;
}
.progress--vertical .progress__bar {
position: absolute;
bottom: 0;
width: 100%;
height: 0%;
border-radius: 25px;
}
.progress--slim {
height: 4px;
padding: 1px;
width: 100%;
}
.progress--slim.progress--vertical {
width: 5px;
height: 100%;
}
.progress--xs {
padding: 2px;
height: 10px;
}
.progress--xs.progress--vertical {
width: 10px;
height: 100%;
}
@media (max-width: 1199.98px) {
.progress--xs {
height: 9px;
padding: 1.6px;
}
.progress--xs.progress--vertical {
width: 9px;
}
}
@media (max-width: 991.98px) {
.progress--xs {
height: 8px;
padding: 1.2px;
}
.progress--xs.progress--vertical {
width: 8px;
}
}
@media (max-width: 767.98px) {
.progress--xs {
height: 7px;
padding: .8px;
}
.progress--xs.progress--vertical {
width: 7px;
}
}
@media (max-width: 575.98px) {
.progress--xs {
height: 6px;
padding: .4px;
}
.progress--xs.progress--vertical {
width: 6px;
}
}
.progress--sm {
padding: 3px;
height: 14px;
}
.progress--sm.progress--vertical {
width: 14px;
height: 100%;
}
@media (max-width: 1199.98px) {
.progress--sm {
height: 12px;
padding: 2.6px;
}
.progress--sm.progress--vertical {
width: 12px;
}
}
@media (max-width: 991.98px) {
.progress--sm {
height: 10px;
padding: 2.2px;
}
.progress--sm.progress--vertical {
width: 10px;
}
}
@media (max-width: 767.98px) {
.progress--sm {
height: 8px;
padding: 1.8px;
}
.progress--sm.progress--vertical {
width: 8px;
}
}
@media (max-width: 575.98px) {
.progress--sm {
height: 7px;
padding: 1.4px;
}
.progress--sm.progress--vertical {
width: 7px;
}
}
.progress--md {
padding: 3.6px;
height: 18px;
}
.progress--md.progress--vertical {
width: 18px;
height: 100%;
}
@media (max-width: 1199.98px) {
.progress--md {
height: 16px;
padding: 3.2px;
}
.progress--md.progress--vertical {
width: 16px;
}
}
@media (max-width: 991.98px) {
.progress--md {
height: 14px;
padding: 2.8px;
}
.progress--md.progress--vertical {
width: 14px;
}
}
@media (max-width: 767.98px) {
.progress--md {
height: 12px;
padding: 2.4px;
}
.progress--md.progress--vertical {
width: 12px;
}
}
@media (max-width: 575.98px) {
.progress--md {
height: 10px;
padding: 2px;
}
.progress--md.progress--vertical {
width: 10px;
}
}
.progress--lg {
padding: 4px;
height: 22px;
}
.progress--lg.progress--vertical {
width: 22px;
height: 100%;
}
@media (max-width: 1199.98px) {
.progress--lg {
height: 20px;
padding: 3.6px;
}
.progress--lg.progress--vertical {
width: 20px;
}
}
@media (max-width: 991.98px) {
.progress--lg {
height: 18px;
padding: 3.2px;
}
.progress--lg.progress--vertical {
width: 18px;
}
}
@media (max-width: 767.98px) {
.progress--lg {
height: 16px;
padding: 2.8px;
}
.progress--lg.progress--vertical {
width: 16px;
}
}
@media (max-width: 575.98px) {
.progress--lg {
height: 14px;
padding: 2.4px;
}
.progress--lg.progress--vertical {
width: 14px;
}
}
.progress__bar {
height: 100%;
border-radius: 20px;
background-color: #5777f3;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.progress__bar--primary {
background-color: #5777f3;
}
.progress__bar--primary-grandient {
background-image: linear-gradient(267deg, #5777f3, #FF9635);
}
.progress__bar--secondary {
background-color: #14C479;
}
.progress__bar--secondary-grandient {
background-image: linear-gradient(89deg, #60c5eb, #14C479);
}
.progress__bar--info {
background-color: #33b5e5;
}
.progress__bar--warning {
background-color: #FF9635;
}
.progress__bar--danger {
background-color: #FF5F74;
}
.progress__bar--white {
background-color: #fff;
}
.progress__bar--black {
background-color: #000;
}
.progress__bar--dark {
background-color: #666;
}
.g-container {
max-width: 1140px;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.g-container {
max-width: 1140px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 991.98px) {
.g-container {
max-width: 960px;
padding-right: 25px;
padding-left: 25px;
}
}
@media (max-width: 767.98px) {
.g-container {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 575.98px) {
.g-container {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-container-xl {
max-width: 1540px;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1400px) and (max-width: 1699px) {
.g-container-xl {
max-width: 1320px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.g-container-xl {
max-width: 1140px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 1199.98px) {
.g-container-xl {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767.98px) {
.g-container-xl {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 575.98px) {
.g-container-xl {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-container-lg {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.g-container-lg {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767.98px) {
.g-container-lg {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 575.98px) {
.g-container-lg {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-container-md {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.g-container-md {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 575.98px) {
.g-container-md {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-container-sm {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.g-container-sm {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-container-xs {
max-width: 400px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.g-container-xs {
max-width: 400px;
padding-right: 15px;
padding-left: 15px;
}
}
.g-section {
padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
.g-section {
padding-bottom: 50px;
}
}
@media (max-width: 991.98px) {
.g-section {
padding-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.g-section {
padding-bottom: 30px;
}
}
@media (max-width: 575.98px) {
.g-section {
padding-bottom: 20px;
}
}
[tooltip] {
position: relative;
overflow: visible !important;
} [tooltip]::before,
[tooltip]::after {
text-transform: none;
font-size: .9em;
line-height: 1.3;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
font-weight: 400;
}
[tooltip]::before {
content: '';
border: 5px solid transparent;
z-index: 1001;
}
[tooltip]::after {
content: attr(tooltip);
font-family: Helvetica, sans-serif;
text-align: center;
min-width: 3em;
max-width: 100%;
width: fit-content;
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
background: black;
color: #fff;
z-index: 1000;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
button:not(:disabled)[tooltip]:hover::before,
button:not(:disabled)[tooltip]:hover::after,
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
} [tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -0.5em);
} [tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, 0.5em);
} [tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-0.5em, -50%);
} [tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(0.5em, -50%);
} @keyframes tooltips-vert {
to {
opacity: 1;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: 1;
transform: translate(0, -50%);
}
} [tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}
.campaign-card {
display: block;
width: 100%;
border-radius: 8px;
background-color: #fff;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
padding: 0;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
text-decoration: none;
}
.campaign-card:hover, .campaign-card:focus {
outline: none !important;
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
text-decoration: none;
}
.campaign-card__top {
width: 94%;
margin: 0 auto;
height: 200px;
transform: translateY(-12px);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: #F5F7FD;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.campaign-card__top {
height: 190px;
}
}
@media (max-width: 991.98px) {
.campaign-card__top {
height: 180px;
}
}
@media (max-width: 767.98px) {
.campaign-card__top {
height: 170px;
}
}
@media (max-width: 575.98px) {
.campaign-card__top {
height: 160px;
}
}
.campaign-card__top-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
z-index: 3;
}
.campaign-card__top-overlay-text {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.campaign-card__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
filter: blur(5px);
z-index: 1;
opacity: .6;
}
.campaign-card__img {
max-width: 100%;
max-height: 100%;
z-index: 2;
}
.campaign-card__details {
padding: 0 10px 0 10px;
height: 20px;
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign-card__details {
height: 50px;
}
}
@media (max-width: 991.98px) {
.campaign-card__details {
height: 50px;
}
}
@media (max-width: 767.98px) {
.campaign-card__details {
height: 50px;
}
}
@media (max-width: 575.98px) {
.campaign-card__details {
height: 45px;
}
}
.campaign-card__status {
text-transform: uppercase;
}
.campaign-card__title {
font-size: 1.1rem;
line-height: 1.4rem;
font-weight: 600;
color: #333;
margin: 6px 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1199.98px) {
.campaign-card__title {
margin: 5px 0;
}
}
@media (max-width: 991.98px) {
.campaign-card__title {
margin: 4px 0;
}
}
@media (max-width: 767.98px) {
.campaign-card__title {
margin: 3px 0;
}
}
@media (max-width: 575.98px) {
.campaign-card__title {
margin: 2px 0;
}
}
.campaign-card__description {
font-size: .8rem;
line-height: 1rem;
color: #666;
font-weight: normal;
margin-bottom: 0;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.campaign-card__footer {
padding: 0 10px 10px 10px;
}
.campaign-card__fundraiser {
font-size: .92rem;
margin-bottom: 5px;
color: #999;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.campaign-card__fundraiser-link {
font-size: .92rem;
margin-bottom: 5px;
color: #666;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.campaign-card__amount {
color: #666;
font-weight: 600;
margin-bottom: 0;
margin-top: 5px;
font-size: 11px;
text-transform: uppercase;
}
.campaign-card__amount strong {
color: #000;
font-weight: 600;
}
.campaign-card__action {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
}
.campaign-card__action-button {
padding: 7px 30px;
border-radius: 20px;
color: #5777f3;
border: 1px solid #5777f3;
line-height: 1;
transition: all 0.3s ease-in-out;
}
.campaign-card__action-button:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.organization-all-camp-btn,
.organization-all-camp-btn:visited {
color: #fff;
}
.fixed-btn {
border-radius: 10px !important;
position: fixed;
white-space: nowrap;
}
.fixed-btn--bottom-right {
bottom: 0;
right: 15px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.fixed-btn--bottom-left {
bottom: 0;
left: 15px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.fixed-btn--bottom-center {
bottom: 0;
right: 50%;
left: 50%;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.fixed-btn--top-right {
top: 0;
right: 15px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.fixed-btn--top-left {
top: 0;
left: 15px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.fixed-btn--top-center {
top: 0;
right: 50%;
left: 50%;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.v-select.form-control {
padding: 4px 0;
height: 40px;
-webkit-box-flex: 1;
flex: 1;
background-color: transparent;
color: #333;
border: 1px solid #ddd;
border-radius: 8px;
-moz-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.1);
font-size: .95rem;
}
.v-select .vs__dropdown-toggle {
border: none;
padding: 0;
}
.organization-loader {
width: 100%;
height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
.organization__title {
font-size: 22px;
margin-bottom: 30px;
font-weight: 700;
color: #1C2238;
}
@media (max-width: 1199.98px) {
.organization__title {
font-size: 1.4rem;
}
}
@media (max-width: 991.98px) {
.organization__title {
font-size: 1.3rem;
}
}
@media (max-width: 767.98px) {
.organization__title {
font-size: 1.2rem;
}
}
@media (max-width: 575.98px) {
.organization__title {
font-size: 1.1rem;
}
}
.organization .basic-info .policy {
font-size: 13px;
color: #7D8091;
}
.organization .basic-info .form-group label {
color: #7D8091;
}
.organization .basic-info .form-group .input-box {
background: #f5f7fd 0% 0% no-repeat padding-box;
border: 1px solid #597dfc4d;
border-radius: 5px;
height: 40px;
}
.organization .basic-info .form-group .input-box__fixed {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.organization .basic-info .form-group .input-box__select {
font-size: 13px;
color: #1c2238;
}
.organization .basic-info .form-group .input-box__mobile-code {
color: #005efe;
font-size: 13px;
}
.organization .basic-info .form-group textarea {
background: #f5f7fd 0% 0% no-repeat padding-box;
border: 1px solid #597dfc4d;
border-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
height: 80px;
}
.organization .basic-info .form-group ::-webkit-input-placeholder { color: #1c2238;
font-size: 13px;
}
.organization .basic-info .form-group .fixed-input {
display: flex;
flex-direction: row;
}
.organization .basic-info .form-group .fixed-input__value {
background: #f5f7fd 0% 0% no-repeat padding-box;
color: #005efe;
height: 40px;
border: 1px solid #597dfc4d;
border-left: none;
text-align: center;
padding: 10px;
margin-bottom: 0px;
font-size: 13px;
border-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.organization__inner {
width: 70%;
margin: 60px auto;
}
@media (max-width: 1199.98px) {
.organization__inner {
width: 75%;
margin: 50px auto;
}
}
@media (max-width: 991.98px) {
.organization__inner {
width: 80%;
margin: 40px auto;
}
}
@media (max-width: 767.98px) {
.organization__inner {
width: 90%;
margin: 30px auto;
}
}
@media (max-width: 575.98px) {
.organization__inner {
width: 100%;
margin: 20px auto;
}
}
.organization__create-form {
padding: 30px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.organization__create-form {
padding: 25px;
}
}
@media (max-width: 991.98px) {
.organization__create-form {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.organization__create-form {
padding: 15px;
}
}
@media (max-width: 575.98px) {
.organization__create-form {
padding: 10px;
}
}
.organization__create-form .stripe-section {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.organization__create-form .stripe-section__title {
font-size: 20px;
text-align: center;
font-weight: 900;
}
@media (max-width: 1199.98px) {
.organization__create-form .stripe-section__title {
font-size: 1.4rem;
}
}
@media (max-width: 991.98px) {
.organization__create-form .stripe-section__title {
font-size: 1.3rem;
}
}
@media (max-width: 767.98px) {
.organization__create-form .stripe-section__title {
font-size: 1.2rem;
}
}
@media (max-width: 575.98px) {
.organization__create-form .stripe-section__title {
font-size: 1.1rem;
}
}
.organization .media {
display: block;
}
.organization .media__cover-photo {
width: 100%;
height: 250px;
border: 2px solid #eee;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 1199.98px) {
.organization .media__cover-photo {
height: 240px;
}
}
@media (max-width: 991.98px) {
.organization .media__cover-photo {
height: 220px;
}
}
@media (max-width: 767.98px) {
.organization .media__cover-photo {
height: 200px;
}
}
@media (max-width: 575.98px) {
.organization .media__cover-photo {
height: 180px;
}
}
.organization .media__cover-photo-preview {
width: auto;
height: 100%;
}
.organization .media__logo {
width: 100%;
height: 150px;
border: 2px solid #eee;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 1199.98px) {
.organization .media__logo {
height: 170px;
}
}
@media (max-width: 991.98px) {
.organization .media__logo {
height: 160px;
}
}
@media (max-width: 767.98px) {
.organization .media__logo {
height: 150px;
}
}
@media (max-width: 575.98px) {
.organization .media__logo {
height: 140px;
}
}
.organization .media__logo-preview {
width: auto;
height: 100%;
}
.organization .media .picker {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(102, 102, 102, 0.2);
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 10px;
margin: 0;
transition: all 0.2s ease-in-out;
}
.organization .media .picker__input {
display: none;
}
.organization .media .picker:hover {
opacity: 1;
}
.organization__tab {
width: 100%;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
overflow: hidden;
padding: 0;
margin-bottom: 3px;
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
}
.organization__tab-item {
flex: 1;
margin-right: 3px;
}
.organization__tab-item:last-child {
margin-right: 0;
}
.organization__tab-item-link {
display: block;
width: 100%;
padding: 8px 15px;
background-color: #fff;
color: #5777f3;
font-size: 1rem;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 1199.98px) {
.organization__tab-item-link {
padding: 7.5px 14px;
font-size: 0.95rem;
}
}
@media (max-width: 991.98px) {
.organization__tab-item-link {
padding: 7px 13px;
font-size: 0.9rem;
}
}
@media (max-width: 767.98px) {
.organization__tab-item-link {
padding: 6.5px 12px;
font-size: 0.8rem;
}
}
@media (max-width: 575.98px) {
.organization__tab-item-link {
padding: 6px 10px;
font-size: 0.7rem;
}
}
.organization__tab-item-link.active {
background-color: #5777f3;
color: #fff;
}
.organization__footer {
margin-top: 30px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199.98px) {
.organization__footer {
margin-top: 25px;
}
}
@media (max-width: 991.98px) {
.organization__footer {
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.organization__footer {
margin-top: 15px;
}
}
@media (max-width: 575.98px) {
.organization__footer {
margin-top: 10px;
}
}
.template__footer {
width: 100%;
background-color: #191f3a;
border-top: 1px solid #eee;
}
.template__footer-top {
width: 100%;
padding: 60px;
}
@media (max-width: 1199.98px) {
.template__footer-top {
padding: 45px;
}
}
@media (max-width: 991.98px) {
.template__footer-top {
padding: 40px;
}
}
@media (max-width: 767.98px) {
.template__footer-top {
padding: 35px;
}
}
@media (max-width: 575.98px) {
.template__footer-top {
padding: 30px;
}
}
.template__footer-logo {
height: 40px;
}
@media (max-width: 1199.98px) {
.template__footer-logo {
height: 35px;
}
}
@media (max-width: 991.98px) {
.template__footer-logo {
height: 30px;
}
}
@media (max-width: 767.98px) {
.template__footer-logo {
height: 25px;
}
}
@media (max-width: 575.98px) {
.template__footer-logo {
height: 20px;
}
}
.template__footer-subtitle {
max-width: 60%;
font-size: .8rem;
color: #7D8091;
margin-bottom: 0;
text-align: center;
}
@media (max-width: 1199.98px) {
.template__footer-subtitle {
max-width: 70%;
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.template__footer-subtitle {
max-width: 80%;
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.template__footer-subtitle {
max-width: 90%;
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.template__footer-subtitle {
max-width: 100%;
font-size: .72rem;
}
}
.template__footer-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
@media (max-width: 1199.98px) {
.template__footer-section {
margin-bottom: 16px;
}
}
@media (max-width: 991.98px) {
.template__footer-section {
margin-bottom: 14px;
}
}
@media (max-width: 767.98px) {
.template__footer-section {
margin-bottom: 12px;
}
}
@media (max-width: 575.98px) {
.template__footer-section {
margin-bottom: 10px;
}
}
.template__footer-section:last-child {
margin-bottom: 0;
}
.template__footer-link {
font-size: .9rem;
line-height: .9rem;
color: #7D8091;
display: flex;
align-items: center;
position: relative;
padding: 0 16px;
margin: 4px 0;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border-right: 1px solid #ccc;
}
.template__footer-link:last-child {
border-right: none;
}
.template__footer-link:hover {
color: #fff;
}
@media (max-width: 1199.98px) {
.template__footer-link {
font-size: .88rem;
line-height: .88rem;
padding: 0 15px;
}
}
@media (max-width: 991.98px) {
.template__footer-link {
font-size: .86rem;
line-height: .86rem;
padding: 0 14px;
}
}
@media (max-width: 767.98px) {
.template__footer-link {
font-size: .84rem;
line-height: .84rem;
padding: 0 13px;
}
}
@media (max-width: 575.98px) {
.template__footer-link {
font-size: .8rem;
line-height: .8rem;
padding: 0 12px;
}
}
.template__footer-social {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.template__footer-social .social-item {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 4px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: .9rem;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.template__footer-social .social-item:hover {
-moz-transform: translateY(-3px);
-ms-transform: translateY(-3px);
-o-transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
@media (max-width: 1199.98px) {
.template__footer-social .social-item {
width: 29px;
height: 29px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.template__footer-social .social-item {
width: 28px;
height: 28px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.template__footer-social .social-item {
width: 27px;
height: 27px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.template__footer-social .social-item {
width: 26px;
height: 26px;
font-size: .82rem;
}
}
.template__footer-social .social-item--twitter {
background-color: #38aae2;
}
.template__footer-social .social-item--facebook {
background-color: #34589d;
}
.template__footer-social .social-item--youtube {
background-color: #f50104;
}
.template__footer-social .social-item--instagram {
background-image: linear-gradient(60deg, #f79515, #e40153, #8a2aab);
background-color: #38aae2;
}
.template__footer-social .social-item--linkedin {
background-color: #0077b5;
}
.template__footer-copyright {
padding: 10px 32px;
background-color: #21294c;
font-size: .8rem;
color: #7D8091;
margin-bottom: 0;
text-align: center;
}
@media (max-width: 1199.98px) {
.template__footer-copyright {
padding: 9px 30px;
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.template__footer-copyright {
padding: 8px 28px;
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.template__footer-copyright {
padding: 7px 26px;
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.template__footer-copyright {
padding: 6px 24px;
font-size: .72rem;
}
}
.template .organization__hero {
width: 100%;
height: 400px;
display: flex;
align-items: flex-end;
justify-content: center;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
.template .organization__hero {
height: 360px;
}
}
@media (max-width: 991.98px) {
.template .organization__hero {
height: 320px;
}
}
@media (max-width: 767.98px) {
.template .organization__hero {
height: 280px;
}
}
@media (max-width: 575.98px) {
.template .organization__hero {
height: 240px;
}
}
.template .organization__hero--bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.template .organization__details {
width: 100%;
padding: 30px;
border-radius: 5px;
background-color: transparent;
}
@media (max-width: 1199.98px) {
.template .organization__details {
padding: 25px;
}
}
@media (max-width: 991.98px) {
.template .organization__details {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.template .organization__details {
padding: 15px;
}
}
@media (max-width: 575.98px) {
.template .organization__details {
padding: 15px;
}
}
.template .organization__details-left {
border-right: 1px solid #ccc;
}
@media (max-width: 767.98px) {
.template .organization__details-left {
border-right: none;
border-bottom: 1px solid #ccc;
padding-bottom: 16px;
margin-bottom: 16px;
}
}
.template .organization__details-title {
font-size: 1.8rem;
line-height: 1.8rem;
color: #31375E;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
.template .organization__details-title {
font-size: 1.7rem;
line-height: 1.7rem;
margin-bottom: 35px;
}
}
@media (max-width: 991.98px) {
.template .organization__details-title {
font-size: 1.6rem;
line-height: 1.6rem;
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.template .organization__details-title {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 25px;
}
}
@media (max-width: 575.98px) {
.template .organization__details-title {
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
}
.template .organization__details-inner {
width: 100%;
}
.template .organization__details-inner img {
max-width: 100%;
}
@media (max-width: 575.98px) {
.template .organization__details-left {
margin-bottom: 15px;
}
}
.template .organization__info {
width: 100%;
text-align: center;
}
.template .organization__info-logo {
width: 90px;
height: 90px;
margin: 0 auto 10px auto;
border-radius: 50%;
border: 2px solid #eee;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: #f3f4f8;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.05);
z-index: 2;
}
@media (max-width: 1199.98px) {
.template .organization__info-logo {
width: 80px;
height: 80px;
}
}
@media (max-width: 991.98px) {
.template .organization__info-logo {
width: 70px;
height: 70px;
}
}
@media (max-width: 767.98px) {
.template .organization__info-logo {
width: 60px;
height: 60px;
}
}
@media (max-width: 575.98px) {
.template .organization__info-logo {
width: 50px;
height: 50px;
}
}
.template .organization__info-logo-img {
max-width: 100%;
max-height: 100%;
}
.template .organization__info-name {
font-size: 1.2rem;
color: #31375E;
line-height: 1.4rem;
margin-bottom: 8px;
}
@media (max-width: 1199.98px) {
.template .organization__info-name {
font-size: 1.15rem;
line-height: 1.35rem;
}
}
@media (max-width: 991.98px) {
.template .organization__info-name {
font-size: 1.1rem;
line-height: 1.3rem;
}
}
@media (max-width: 767.98px) {
.template .organization__info-name {
font-size: 1.05rem;
line-height: 1.25rem;
}
}
@media (max-width: 575.98px) {
.template .organization__info-name {
font-size: 1rem;
line-height: 1.2rem;
}
}
.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
font-size: .9rem;
margin-bottom: 0;
color: #7D8091;
}
@media (max-width: 1199.98px) {
.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.template .organization__info-username, .template .organization__info-email, .template .organization__info-address {
font-size: .8rem;
}
}
.template .organization__social {
padding-top: 30px;
text-align: left;
}
.template .organization__social-title {
font-size: .96rem;
text-transform: uppercase;
color: #31375E;
font-weight: 600;
margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
.template .organization__social-title {
font-size: .94rem;
}
}
@media (max-width: 991.98px) {
.template .organization__social-title {
font-size: .92rem;
}
}
@media (max-width: 767.98px) {
.template .organization__social-title {
font-size: .9rem;
}
}
@media (max-width: 575.98px) {
.template .organization__social-title {
font-size: .88rem;
}
}
.template .organization__social-list {
list-style: none;
padding: 0;
margin: 0;
}
.template .organization__social-item {
margin-bottom: 16px;
}
@media (max-width: 1199.98px) {
.template .organization__social-item {
margin-bottom: 15px;
}
}
@media (max-width: 991.98px) {
.template .organization__social-item {
margin-bottom: 14px;
}
}
@media (max-width: 767.98px) {
.template .organization__social-item {
margin-bottom: 13px;
}
}
@media (max-width: 575.98px) {
.template .organization__social-item {
margin-bottom: 12px;
}
}
.template .organization__social-item:last-child {
margin-bottom: 0;
}
.template .organization__social-item-link {
display: flex;
align-items: center;
text-decoration: none;
}
.template .organization__social-item-link:hover {
text-decoration: none;
}
.template .organization__social-item-icon {
font-size: 1.6rem;
min-width: 30px;
}
@media (max-width: 1199.98px) {
.template .organization__social-item-icon {
font-size: 1.5rem;
min-width: 28px;
}
}
@media (max-width: 991.98px) {
.template .organization__social-item-icon {
font-size: 1.4rem;
min-width: 26px;
}
}
@media (max-width: 767.98px) {
.template .organization__social-item-icon {
font-size: 1.3rem;
min-width: 24px;
}
}
@media (max-width: 575.98px) {
.template .organization__social-item-icon {
font-size: 1.2rem;
min-width: 22px;
}
}
.template .organization__social-item-details {
padding-left: 10px;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.template .organization__social-item-details {
padding-left: 9px;
}
}
@media (max-width: 991.98px) {
.template .organization__social-item-details {
padding-left: 8px;
}
}
@media (max-width: 767.98px) {
.template .organization__social-item-details {
padding-left: 7px;
}
}
@media (max-width: 575.98px) {
.template .organization__social-item-details {
padding-left: 6px;
}
}
.template .organization__social-item-title {
font-size: .9rem;
font-weight: 600;
color: #31375E;
margin-bottom: 0;
text-transform: capitalize;
}
@media (max-width: 1199.98px) {
.template .organization__social-item-title {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.template .organization__social-item-title {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.template .organization__social-item-title {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.template .organization__social-item-title {
font-size: .82rem;
}
}
.template .organization__social-item-subtitle {
font-size: .8rem;
color: #7D8091;
margin-bottom: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.template .organization__social-item-subtitle {
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.template .organization__social-item-subtitle {
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.template .organization__social-item-subtitle {
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.template .organization__social-item-subtitle {
font-size: .72rem;
}
}
.template .organization__social-item--twitter .organization__social-item-icon {
color: #38aae2;
}
.template .organization__social-item--facebook .organization__social-item-icon {
color: #34589d;
}
.template .organization__social-item--youtube .organization__social-item-icon {
color: #f50104;
}
.template .organization__social-item--instagram .organization__social-item-icon {
color: #f79515;
}
.template .organization__social-item--linkedin .organization__social-item-icon {
color: #0077b5;
}
.template .organization__campaigns {
width: 100%;
margin-bottom: 100px;
}
@media (max-width: 1199.98px) {
.template .organization__campaigns {
margin-bottom: 90px;
}
}
@media (max-width: 991.98px) {
.template .organization__campaigns {
margin-bottom: 80px;
}
}
@media (max-width: 767.98px) {
.template .organization__campaigns {
margin-bottom: 70px;
}
}
@media (max-width: 575.98px) {
.template .organization__campaigns {
margin-bottom: 60px;
}
}
.template .organization__campaigns-title {
font-size: 1.8rem;
line-height: 1.8rem;
color: #31375E;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 60px;
text-align: center;
}
@media (max-width: 1199.98px) {
.template .organization__campaigns-title {
font-size: 1.7rem;
line-height: 1.7rem;
margin-bottom: 55px;
}
}
@media (max-width: 991.98px) {
.template .organization__campaigns-title {
font-size: 1.6rem;
line-height: 1.6rem;
margin-bottom: 50px;
}
}
@media (max-width: 767.98px) {
.template .organization__campaigns-title {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 45px;
}
}
@media (max-width: 575.98px) {
.template .organization__campaigns-title {
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 40px;
}
}
.template__1 .organization__details {
transform: translateY(-70px);
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.template__1 .organization__details {
transform: translateY(-65px);
margin-bottom: 25px;
}
}
@media (max-width: 991.98px) {
.template__1 .organization__details {
transform: translateY(-60px);
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.template__1 .organization__details {
transform: translateY(-55px);
margin-bottom: 15px;
}
}
@media (max-width: 575.98px) {
.template__1 .organization__details {
transform: translateY(-50px);
margin-bottom: 10px;
}
}
.template__1 .organization__details-inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.template__1 .organization__info-name {
font-size: 1.2rem;
line-height: 1.4rem;
}
@media (max-width: 1199.98px) {
.template__1 .organization__info-name {
font-size: 1.15rem;
line-height: 1.35rem;
}
}
@media (max-width: 991.98px) {
.template__1 .organization__info-name {
font-size: 1.1rem;
line-height: 1.3rem;
}
}
@media (max-width: 767.98px) {
.template__1 .organization__info-name {
font-size: 1.05rem;
line-height: 1.25rem;
}
}
@media (max-width: 575.98px) {
.template__1 .organization__info-name {
font-size: 1rem;
line-height: 2rem;
}
}
.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
font-size: .9rem;
}
@media (max-width: 1199.98px) {
.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.template__1 .organization__info-username, .template__1 .organization__info-email, .template__1 .organization__info-address {
font-size: .8rem;
}
}
.template__1 .organization__info-top {
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 767.98px) {
.template__1 .organization__info-top {
flex-direction: column;
}
}
.template__1 .organization__info-top-right {
flex: 1;
padding-left: 10px;
text-align: left;
}
@media (max-width: 767.98px) {
.template__1 .organization__info-top-right {
padding-left: 0;
text-align: center;
}
}
.template__1 .organization .agile__dots {
bottom: 70px;
}
@media (max-width: 1199.98px) {
.template__1 .organization .agile__dots {
bottom: 65px;
}
}
@media (max-width: 991.98px) {
.template__1 .organization .agile__dots {
bottom: 60px;
}
}
@media (max-width: 767.98px) {
.template__1 .organization .agile__dots {
bottom: 55px;
}
}
@media (max-width: 575.98px) {
.template__1 .organization .agile__dots {
bottom: 50px;
}
}
.template__2 .organization__details {
margin: 100px 0;
padding: 0;
}
@media (max-width: 1199.98px) {
.template__2 .organization__details {
margin: 90px 0;
}
}
@media (max-width: 991.98px) {
.template__2 .organization__details {
margin: 80px 0;
}
}
@media (max-width: 767.98px) {
.template__2 .organization__details {
margin: 70px 0;
}
}
@media (max-width: 575.98px) {
.template__2 .organization__details {
margin: 60px 0;
}
}
.template__2 .organization__details-inner {
padding-left: 60px;
}
@media (max-width: 1199.98px) {
.template__2 .organization__details-inner {
padding-left: 40px;
}
}
@media (max-width: 991.98px) {
.template__2 .organization__details-inner {
padding-left: 20px;
}
}
@media (max-width: 767.98px) {
.template__2 .organization__details-inner {
padding-left: 15px;
}
}
@media (max-width: 575.98px) {
.template__2 .organization__details-inner {
padding-left: 0;
}
}
.template__2 .organization__info {
padding: 30px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1199.98px) {
.template__2 .organization__info {
padding: 25px;
}
}
@media (max-width: 991.98px) {
.template__2 .organization__info {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.template__2 .organization__info {
padding: 15px;
}
}
@media (max-width: 575.98px) {
.template__2 .organization__info {
padding: 15px;
margin-bottom: 20px;
}
}
.organization-pages {
width: 100%;
padding: 60px 0;
}
@media (max-width: 1199.98px) {
.organization-pages {
padding: 50px 0;
}
}
@media (max-width: 991.98px) {
.organization-pages {
padding: 40px 0;
}
}
@media (max-width: 767.98px) {
.organization-pages {
padding: 30px 0;
}
}
@media (max-width: 575.98px) {
.organization-pages {
padding: 20px 0;
}
}
.organization-pages__title {
font-size: 1.8rem;
color: #31375E;
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.organization-pages__title {
margin-bottom: 25px;
font-size: 1.7rem;
}
}
@media (max-width: 991.98px) {
.organization-pages__title {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
@media (max-width: 767.98px) {
.organization-pages__title {
margin-bottom: 15px;
font-size: 1.5rem;
}
}
@media (max-width: 575.98px) {
.organization-pages__title {
margin-bottom: 15px;
font-size: 1.4rem;
}
}
.organization-pages__inner {
width: 100%;
padding: 30px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.organization-pages__inner {
padding: 25px;
}
}
@media (max-width: 991.98px) {
.organization-pages__inner {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.organization-pages__inner {
padding: 15px;
}
}
@media (max-width: 575.98px) {
.organization-pages__inner {
padding: 15px;
}
}
.organization-pages__content {
width: 100%;
}
.organization-pages__content img {
max-width: 100%;
}
.agile__nav-button {
background: transparent;
border: none;
color: #fff;
cursor: pointer;
font-size: 24px;
height: 100%;
position: absolute;
top: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 80px;
}
.agile__nav-button:hover {
background-color: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.agile__nav-button--prev {
left: 0;
}
.agile__nav-button--next {
right: 0;
}
.agile__dots {
bottom: 10px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.agile__dot {
margin: 0 10px;
}
.agile__dot button {
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
cursor: pointer;
display: block;
height: 10px;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 10px;
}
.agile__dot--current button, .agile__dot:hover button {
background-color: #fff;
}
.slide {
display: block;
height: 500px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.story-image img {
max-width: 100%;
}
.slick-slider {
margin-bottom: 15px;
}
.slide--thumbniail {
background-color: transparent !important;
margin-top: 0 !important;
padding: 5px !important;
}
.status {
height: 30px;
width: 100%;
padding: 0 10px;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.status {
height: 28px;
}
}
@media (max-width: 991.98px) {
.status {
height: 26px;
}
}
@media (max-width: 767.98px) {
.status {
height: 24px;
}
}
@media (max-width: 575.98px) {
.status {
height: 20px;
}
}
.status--sm {
height: 20px;
padding: 0 6px;
width: auto;
}
.status--primary {
background-color: rgba(87, 119, 243, 0.1);
color: #5777f3;
}
.status--secondary {
background-color: rgba(20, 196, 121, 0.1);
color: #14C479;
}
.status--info {
background-color: rgba(51, 181, 229, 0.1);
color: #33b5e5;
}
.status--info-dark {
background-color: rgba(26, 155, 203, 0.1);
color: #1a9bcb;
}
.status--warning {
background-color: rgba(255, 150, 53, 0.1);
color: #FF9635;
}
.status--warning-light {
background-color: rgba(255, 177, 104, 0.1);
color: #ffb168;
}
.status--warning-dark {
background-color: rgba(255, 123, 2, 0.1);
color: #ff7b02;
}
.status--success {
background-color: rgba(59, 192, 101, 0.1);
color: #3bc065;
}
.status--success-light {
background-color: rgba(96, 206, 131, 0.1);
color: #60ce83;
}
.status--success-dark {
background-color: rgba(47, 153, 81, 0.1);
color: #2f9951;
}
.status--danger {
background-color: rgba(255, 95, 116, 0.1);
color: #FF5F74;
}
.status--danger-dark {
background-color: rgba(255, 44, 72, 0.1);
color: #ff2c48;
}
.status--danger-light {
background-color: rgba(255, 146, 160, 0.1);
color: #ff92a0;
}
.status--default {
background-color: rgba(153, 153, 153, 0.1);
color: #666;
}
.status--dark {
background-color: rgba(153, 153, 153, 0.1);
color: #666;
}
.a-link:disabled, .a-link.disabled {
pointer-events: none !important;
color: #7D8091 !important;
}
.content-wrapper {
display: flex;
flex-direction: column;
}
.content-wrapper .content-body {
flex: 1;
background-color: #f3f4f8;
}
.campaign__view {
padding-top: 60px;
position: relative;
}
@media (max-width: 1199.98px) {
.campaign__view {
padding-top: 50px;
}
}
@media (max-width: 991.98px) {
.campaign__view {
padding-top: 40px;
}
}
@media (max-width: 767.98px) {
.campaign__view {
padding-top: 30px;
}
}
@media (max-width: 575.98px) {
.campaign__view {
padding-top: 20px;
}
}
.campaign__view-top {
padding-top: 100px;
}
@media (max-width: 1199.98px) {
.campaign__view-top {
padding-top: 80px;
}
}
@media (max-width: 991.98px) {
.campaign__view-top {
padding-top: 60px;
}
}
@media (max-width: 767.98px) {
.campaign__view-top {
padding-top: 40px;
}
}
@media (max-width: 575.98px) {
.campaign__view-top {
padding-top: 20px;
}
}
.campaign__view-related-title {
font-size: 1.8rem;
line-height: 1.8rem;
color: #31375E;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
.campaign__view-related-title {
font-size: 1.7rem;
line-height: 1.7rem;
margin-bottom: 35px;
}
}
@media (max-width: 991.98px) {
.campaign__view-related-title {
font-size: 1.6rem;
line-height: 1.6rem;
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.campaign__view-related-title {
font-size: 1.5rem;
line-height: 1.5rem;
margin-bottom: 25px;
}
}
@media (max-width: 575.98px) {
.campaign__view-related-title {
font-size: 1.4rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
}
.campaign__view .make-contribution {
padding: 20px;
background-color: #fff;
border-radius: 5px;
}
.campaign-header__status {
text-transform: capitalize;
font-size: 1.2rem;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.campaign-header__status {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.campaign-header__status {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.campaign-header__status {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.campaign-header__status {
font-size: 1rem;
}
}
.campaign .btn {
border-radius: 25px;
}
.campaign__view-slider {
width: 100%;
padding-right: 24px;
}
@media (max-width: 1199.98px) {
.campaign__view-slider {
padding-right: 20px;
}
}
@media (max-width: 991.98px) {
.campaign__view-slider {
padding-right: 16px;
}
}
@media (max-width: 767.98px) {
.campaign__view-slider {
padding-right: 0;
margin-bottom: 20px;
}
}
.campaign__view .main {
margin-bottom: 10px;
}
.campaign__view .main .slide {
padding: 0 10px;
border-radius: 5px;
background-color: #fff;
margin-top: 20px;
}
.campaign__view .main .slide__inner {
width: 100%;
height: 100%;
overflow: hidden;
transform: translateY(-10px);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F5F7FD;
}
.campaign__view .main .slide__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(5px);
z-index: 1;
opacity: .7;
}
.campaign__view .main .slide__img {
max-width: 100%;
max-height: 100%;
z-index: 2;
}
.campaign__view .main .slide__iframe {
width: 100%;
height: 100%;
z-index: 2;
border: none;
outline: transparent;
}
.campaign__view .agile__nav-button {
background: transparent;
border: none;
color: #ccc;
cursor: pointer;
font-size: 24px;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.campaign__view .agile__nav-button:hover {
color: #888;
}
.campaign__view .agile__dot {
margin: 0 10px;
}
.campaign__view .agile__dot button {
background-color: #eee;
border: none;
border-radius: 50%;
cursor: pointer;
display: block;
height: 10px;
font-size: 0;
line-height: 0;
margin: 0;
padding: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 10px;
}
.campaign__view .agile__dot--current button, .campaign__view .agile__dot:hover button {
background-color: #888;
}
.campaign__view .slide {
-webkit-box-align: center;
align-items: center;
box-sizing: border-box;
color: #fff;
display: -webkit-box;
display: flex;
height: 380px;
-webkit-box-pack: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.campaign__view .slide {
height: 320px;
}
}
@media (max-width: 991.98px) {
.campaign__view .slide {
height: 280px;
}
}
@media (max-width: 767.98px) {
.campaign__view .slide {
height: 240px;
}
}
@media (max-width: 575.98px) {
.campaign__view .slide {
height: 200px;
}
}
.campaign__view .slide--thumbniail {
cursor: pointer;
height: 90px;
padding: 0 5px;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
@media (max-width: 1199.98px) {
.campaign__view .slide--thumbniail {
height: 85px;
}
}
@media (max-width: 991.98px) {
.campaign__view .slide--thumbniail {
height: 80px;
}
}
@media (max-width: 767.98px) {
.campaign__view .slide--thumbniail {
height: 75px;
}
}
@media (max-width: 575.98px) {
.campaign__view .slide--thumbniail {
height: 70px;
}
}
.campaign__view .slide--thumbniail:hover {
opacity: 0.75;
}
.campaign__view .slide--thumbniail img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
}
.campaign__view .slide--thumbniail iframe {
width: 100%;
height: 100%;
border: none;
outline: transparent;
}
.campaign__view .thumbnails {
margin: 0 -5px;
width: calc(100% + 10px);
}
.campaign__view .thumbnails .agile__nav-button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.campaign__view .thumbnails .agile__nav-button--prev {
left: -20px;
}
.campaign__view .thumbnails .agile__nav-button--next {
right: -20px;
}
.campaign__view .thumbnails .slide {
position: relative;
}
.campaign__view .thumbnails .slide__overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.campaign__view .thumbnails .slide img {
border-radius: 5px;
background-color: white;
padding: 5px;
z-index: 1;
}
.campaign__view .thumbnails .slide iframe {
border-radius: 5px;
background-color: white;
padding: 5px;
width: 100%;
height: 100%;
border: none;
outline: transparent;
}
.campaign__status {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.campaign__status-title {
font-size: 1rem;
text-transform: uppercase;
color: #3bc065;
}
.campaign__status .status-drafted {
color: #808080;
}
.campaign__status .status-deleted {
color: #FF0000;
}
.campaign__status .status-pending {
color: #FFA500;
}
@media (max-width: 1199.98px) {
.campaign__status-title {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.campaign__status-title {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.campaign__status-title {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.campaign__status-title {
font-size: .9rem;
}
}
.campaign__manage-btn {
font-size: 1rem;
color: #5777f3;
}
@media (max-width: 1199.98px) {
.campaign__manage-btn {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.campaign__manage-btn {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.campaign__manage-btn {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.campaign__manage-btn {
font-size: .9rem;
}
}
.campaign__manage-btn:hover {
color: #2750f0;
}
.campaign__details {
width: 100%;
}
.campaign__title {
font-size: 1.5rem;
line-height: 1.9rem;
font-weight: 600;
color: #31375E;
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign__title {
font-size: 1.4rem;
line-height: 1.8rem;
margin-bottom: 26px;
}
}
@media (max-width: 991.98px) {
.campaign__title {
font-size: 1.3rem;
line-height: 1.7rem;
margin-bottom: 22px;
}
}
@media (max-width: 767.98px) {
.campaign__title {
font-size: 1.2rem;
line-height: 1.6rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.campaign__title {
font-size: 1rem;
line-height: 1.3rem;
margin-bottom: 16px;
}
}
.campaign__title--status {
margin-bottom: 16px;
}
.campaign__fundraiser {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign__fundraiser {
margin-bottom: 26px;
}
}
@media (max-width: 991.98px) {
.campaign__fundraiser {
margin-bottom: 22px;
}
}
@media (max-width: 767.98px) {
.campaign__fundraiser {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.campaign__fundraiser {
margin-bottom: 14px;
}
}
.campaign__fundraiser-avatar {
width: 40px;
height: 40px;
background-color: #fff;
padding: 2px;
border-radius: 50%;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
@media (max-width: 1199.98px) {
.campaign__fundraiser-avatar {
width: 38px;
height: 38px;
margin-right: 9px;
}
}
@media (max-width: 991.98px) {
.campaign__fundraiser-avatar {
width: 36px;
height: 36px;
margin-right: 8px;
}
}
@media (max-width: 767.98px) {
.campaign__fundraiser-avatar {
width: 34px;
height: 34px;
margin-right: 7px;
}
}
@media (max-width: 575.98px) {
.campaign__fundraiser-avatar {
width: 30px;
height: 30px;
margin-right: 6px;
}
}
.campaign__fundraiser-avatar-img {
max-width: 100%;
max-height: 100%;
}
.campaign__fundraiser-name {
flex: 1;
font-size: 1rem;
color: #999;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.campaign__fundraiser-name {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.campaign__fundraiser-name {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.campaign__fundraiser-name {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.campaign__fundraiser-name {
font-size: .8rem;
}
}
.campaign__fundraiser-name-link {
color: #666;
font-weight: 600;
}
.campaign__fundraiser-name-link:hover {
color: #5777f3;
}
.campaign__progress {
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign__progress {
margin-bottom: 26px;
}
}
@media (max-width: 991.98px) {
.campaign__progress {
margin-bottom: 22px;
}
}
@media (max-width: 767.98px) {
.campaign__progress {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.campaign__progress {
margin-bottom: 14px;
}
}
.campaign__funding {
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign__funding {
margin-bottom: 26px;
}
}
@media (max-width: 991.98px) {
.campaign__funding {
margin-bottom: 22px;
}
}
@media (max-width: 767.98px) {
.campaign__funding {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.campaign__funding {
margin-bottom: 14px;
}
}
.campaign__funding-row {
display: flex;
flex-wrap: wrap;
margin-right: -20px;
margin-bottom: -20px;
}
@media (max-width: 1199.98px) {
.campaign__funding-row {
margin-right: -18px;
margin-bottom: -18px;
}
}
@media (max-width: 991.98px) {
.campaign__funding-row {
margin-right: -16px;
margin-bottom: -16px;
}
}
@media (max-width: 767.98px) {
.campaign__funding-row {
margin-right: -14px;
margin-bottom: -14px;
}
}
@media (max-width: 575.98px) {
.campaign__funding-row {
margin-right: -12px;
margin-bottom: -12px;
}
}
.campaign__funding-item {
flex: 1;
padding-right: 20px;
padding-bottom: 20px;
}
@media (max-width: 1199.98px) {
.campaign__funding-item {
padding-right: 18px;
padding-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.campaign__funding-item {
padding-right: 16px;
padding-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.campaign__funding-item {
padding-right: 14px;
padding-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.campaign__funding-item {
padding-right: 12px;
padding-bottom: 12px;
}
}
.campaign__funding .funding-card {
width: 100%;
background-color: #fff;
border-radius: 5px;
padding: 10px;
text-align: center;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.campaign__funding .funding-card__value {
font-size: 1.2rem;
color: #31375E;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.campaign__funding .funding-card__value {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.campaign__funding .funding-card__value {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.campaign__funding .funding-card__value {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.campaign__funding .funding-card__value {
font-size: 1rem;
}
}
.campaign__funding .funding-card__lavel {
font-size: .9rem;
margin-bottom: 0;
color: #666;
}
@media (max-width: 1199.98px) {
.campaign__funding .funding-card__lavel {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.campaign__funding .funding-card__lavel {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.campaign__funding .funding-card__lavel {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.campaign__funding .funding-card__lavel {
font-size: .82rem;
}
}
.campaign__actions {
display: flex;
width: 100%;
}
.campaign__actions-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.campaign__actions-btn {
flex: 1;
margin-right: 20px;
margin-bottom: 20px;
text-align: center;
}
.campaign__actions-btn:last-child {
margin-right: 0;
}
.campaign__view-tab {
width: 100%;
}
.share-modal__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.share-modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.share-modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.share-modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.share-modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.share-modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.share-modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.share-modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.share-modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.share-modal__info-text {
font-size: .8rem;
}
}
.share-modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.share-modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.share-modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.share-modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.share-modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
.share-modal__buttons {
width: 100%;
margin-bottom: 24px;
}
.share-modal__buttons-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-right: -16px;
margin-bottom: -16px;
}
.share-modal__buttons-list-item {
min-width: 50%;
padding-right: 16px;
padding-bottom: 16px;
}
@media (max-width: 767.98px) {
.share-modal__buttons-list-item {
min-width: 60%;
}
}
@media (max-width: 575.98px) {
.share-modal__buttons-list-item {
min-width: 70%;
}
}
.share-modal__button {
width: 100%;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: transparent;
border: 2px solid #ddd;
}
.share-modal__button-icon {
position: absolute;
left: 10px;
width: 26px;
height: 26px;
padding: 3px;
border-radius: 50%;
background-color: #5777f3;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.share-modal__button-icon {
width: 24px;
height: 24px;
padding: 2.5px;
left: 9px;
}
}
@media (max-width: 991.98px) {
.share-modal__button-icon {
width: 23px;
height: 23px;
padding: 2px;
left: 8px;
}
}
@media (max-width: 767.98px) {
.share-modal__button-icon {
width: 22px;
height: 22px;
padding: 1.5px;
left: 7px;
}
}
@media (max-width: 575.98px) {
.share-modal__button-icon {
width: 20px;
height: 20px;
padding: 1px;
left: 6px;
}
}
.share-modal__button--facebook {
border-color: #34589d;
color: #34589d;
}
.share-modal__button--facebook .share-modal__button-icon {
background-color: #34589d;
}
.share-modal__button--facebook:hover {
background-color: #34589d;
color: #fff;
}
.share-modal__button--facebook:hover .share-modal__button-icon {
background-color: #fff;
color: #34589d;
}
.share-modal__button--twitter {
border-color: #38aae2;
color: #38aae2;
}
.share-modal__button--twitter .share-modal__button-icon {
background-color: #38aae2;
}
.share-modal__button--twitter:hover {
background-color: #38aae2;
color: #fff;
}
.share-modal__button--twitter:hover .share-modal__button-icon {
background-color: #fff;
color: #38aae2;
}
.share-modal__button--linkedin {
border-color: #0077b5;
color: #0077b5;
}
.share-modal__button--linkedin .share-modal__button-icon {
background-color: #0077b5;
}
.share-modal__button--linkedin:hover {
background-color: #0077b5;
color: #fff;
}
.share-modal__button--linkedin:hover .share-modal__button-icon {
background-color: #fff;
color: #0077b5;
}
.share-modal__button--whatsapp {
border-color: #7ed321;
color: #7ed321;
}
.share-modal__button--whatsapp .share-modal__button-icon {
background-color: #7ed321;
}
.share-modal__button--whatsapp:hover {
background-color: #7ed321;
color: #fff;
}
.share-modal__button--whatsapp:hover .share-modal__button-icon {
background-color: #fff;
color: #7ed321;
}
.remind-modal__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.remind-modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.remind-modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.remind-modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.remind-modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.remind-modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.remind-modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.remind-modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.remind-modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.remind-modal__info-text {
font-size: .8rem;
}
}
.remind-modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.remind-modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.remind-modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.remind-modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.remind-modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
.remind-modal__options {
width: 100%;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.remind-modal__options {
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.remind-modal__options {
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.remind-modal__options {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.remind-modal__options {
margin-bottom: 16px;
}
}
.remind-modal .remind-options {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-right: -16px;
margin-bottom: -16px;
}
.remind-modal .remind-option {
padding-right: 16px;
padding-bottom: 16px;
}
.remind-modal .remind-option__inner {
width: 70px;
height: 70px;
padding: 12px;
border-radius: 5px;
background-color: #f3f4f8;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px solid transparent;
color: #333;
cursor: pointer;
}
@media (max-width: 1199.98px) {
.remind-modal .remind-option__inner {
width: 65px;
height: 65px;
padding: 10px;
}
}
@media (max-width: 991.98px) {
.remind-modal .remind-option__inner {
width: 60px;
height: 60px;
padding: 8px;
}
}
@media (max-width: 767.98px) {
.remind-modal .remind-option__inner {
width: 55px;
height: 55px;
padding: 6px;
}
}
@media (max-width: 575.98px) {
.remind-modal .remind-option__inner {
width: 50px;
height: 50px;
padding: 4px;
}
}
.remind-modal .remind-option__value {
font-size: 1.2rem;
margin-bottom: 0;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.remind-modal .remind-option__value {
font-size: 1.15rem;
}
}
@media (max-width: 991.98px) {
.remind-modal .remind-option__value {
font-size: 1.1rem;
}
}
@media (max-width: 767.98px) {
.remind-modal .remind-option__value {
font-size: 1.05rem;
}
}
@media (max-width: 575.98px) {
.remind-modal .remind-option__value {
font-size: 1rem;
}
}
.remind-modal .remind-option__label {
font-size: .9rem;
color: #666;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.remind-modal .remind-option__label {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.remind-modal .remind-option__label {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.remind-modal .remind-option__label {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.remind-modal .remind-option__label {
font-size: .8rem;
}
}
.remind-modal .remind-option__input {
display: none;
}
.remind-modal .remind-option__input:checked + label {
border-color: #5777f3;
color: #5777f3;
}
.endorse-modal__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.endorse-modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.endorse-modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.endorse-modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.endorse-modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.endorse-modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.endorse-modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.endorse-modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.endorse-modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.endorse-modal__info-text {
font-size: .8rem;
}
}
.endorse-modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.endorse-modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.endorse-modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.endorse-modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.endorse-modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
.contact-modal__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.contact-modal__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.contact-modal__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.contact-modal__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.contact-modal__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.contact-modal__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.contact-modal__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.contact-modal__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.contact-modal__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.contact-modal__info-text {
font-size: .8rem;
}
}
.contact-modal__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.contact-modal__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.contact-modal__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.contact-modal__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.contact-modal__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
.activities {
width: 100%;
}
.activity {
width: 100%;
display: flex;
align-items: center;
background-color: #fff;
border-radius: 5px;
padding: 20px;
margin: 10px 0;
}
@media (max-width: 1199.98px) {
.activity {
padding: 18px;
margin: 9px 0;
}
}
@media (max-width: 991.98px) {
.activity {
padding: 16px;
margin: 8px 0;
}
}
@media (max-width: 767.98px) {
.activity {
padding: 14px;
margin: 7px 0;
}
}
@media (max-width: 575.98px) {
.activity {
padding: 12px;
margin: 6px 0;
}
}
.activity__avatar {
width: 70px;
height: 70px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 1199.98px) {
.activity__avatar {
width: 65px;
height: 65px;
}
}
@media (max-width: 991.98px) {
.activity__avatar {
width: 60px;
height: 60px;
}
}
@media (max-width: 767.98px) {
.activity__avatar {
width: 50px;
height: 50px;
}
}
@media (max-width: 575.98px) {
.activity__avatar {
width: 40px;
height: 40px;
}
}
.activity__details {
flex: 1;
padding-left: 20px;
}
@media (max-width: 1199.98px) {
.activity__details {
padding-left: 18px;
}
}
@media (max-width: 991.98px) {
.activity__details {
padding-left: 16px;
}
}
@media (max-width: 767.98px) {
.activity__details {
padding-left: 14px;
}
}
@media (max-width: 575.98px) {
.activity__details {
padding-left: 12px;
}
}
.activity__row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
@media (max-width: 1199.98px) {
.activity__row {
margin-bottom: 5px;
}
}
@media (max-width: 991.98px) {
.activity__row {
margin-bottom: 4px;
}
}
@media (max-width: 767.98px) {
.activity__row {
margin-bottom: 3px;
}
}
@media (max-width: 575.98px) {
.activity__row {
margin-bottom: 2px;
}
}
.activity__row:last-child {
margin-bottom: 0;
}
.activity__name {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
margin-right: 4px;
}
@media (max-width: 1199.98px) {
.activity__name {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.activity__name {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.activity__name {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.activity__name {
font-size: .8rem;
}
}
.activity__label {
font-size: 1rem;
font-weight: normal;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.activity__label {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.activity__label {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.activity__label {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.activity__label {
font-size: .8rem;
}
}
.activity__value {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.activity__value {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.activity__value {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.activity__value {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.activity__value {
font-size: .8rem;
}
}
.activity__date {
font-size: .9rem;
font-weight: normal;
color: #7D8091;
margin-bottom: 0;
white-space: nowrap;
}
@media (max-width: 1199.98px) {
.activity__date {
font-size: .85rem;
}
}
@media (max-width: 991.98px) {
.activity__date {
font-size: .8rem;
}
}
@media (max-width: 767.98px) {
.activity__date {
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
.activity__date {
font-size: .7rem;
}
}
.activity__message {
font-size: .9rem;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.activity__message {
font-size: .85rem;
}
}
@media (max-width: 991.98px) {
.activity__message {
font-size: .8rem;
}
}
@media (max-width: 767.98px) {
.activity__message {
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
.activity__message {
font-size: .7rem;
}
}
.endorsements {
width: 100%;
}
.endorsement {
width: 100%;
display: flex;
align-items: flex-start;
background-color: #fff;
border-radius: 5px;
padding: 20px;
margin: 10px 0;
}
@media (max-width: 1199.98px) {
.endorsement {
padding: 18px;
margin: 9px 0;
}
}
@media (max-width: 991.98px) {
.endorsement {
padding: 16px;
margin: 8px 0;
}
}
@media (max-width: 767.98px) {
.endorsement {
padding: 14px;
margin: 7px 0;
}
}
@media (max-width: 575.98px) {
.endorsement {
padding: 12px;
margin: 6px 0;
}
}
.endorsement__avatar {
width: 70px;
height: 70px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 1199.98px) {
.endorsement__avatar {
width: 65px;
height: 65px;
}
}
@media (max-width: 991.98px) {
.endorsement__avatar {
width: 60px;
height: 60px;
}
}
@media (max-width: 767.98px) {
.endorsement__avatar {
width: 50px;
height: 50px;
}
}
@media (max-width: 575.98px) {
.endorsement__avatar {
width: 40px;
height: 40px;
}
}
.endorsement__details {
flex: 1;
padding-left: 20px;
}
@media (max-width: 1199.98px) {
.endorsement__details {
padding-left: 18px;
}
}
@media (max-width: 991.98px) {
.endorsement__details {
padding-left: 16px;
}
}
@media (max-width: 767.98px) {
.endorsement__details {
padding-left: 14px;
}
}
@media (max-width: 575.98px) {
.endorsement__details {
padding-left: 12px;
}
}
.endorsement__row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.endorsement__row {
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.endorsement__row {
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.endorsement__row {
margin-bottom: 7px;
}
}
@media (max-width: 575.98px) {
.endorsement__row {
margin-bottom: 6px;
}
}
.endorsement__name {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
margin-right: 4px;
}
@media (max-width: 1199.98px) {
.endorsement__name {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.endorsement__name {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.endorsement__name {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.endorsement__name {
font-size: .8rem;
}
}
.endorsement__label {
font-size: 1rem;
font-weight: normal;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.endorsement__label {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.endorsement__label {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.endorsement__label {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.endorsement__label {
font-size: .8rem;
}
}
.endorsement__value {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.endorsement__value {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.endorsement__value {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.endorsement__value {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.endorsement__value {
font-size: .8rem;
}
}
.endorsement__date {
font-size: .9rem;
font-weight: normal;
color: #7D8091;
margin-bottom: 0;
white-space: nowrap;
}
@media (max-width: 1199.98px) {
.endorsement__date {
font-size: .85rem;
}
}
@media (max-width: 991.98px) {
.endorsement__date {
font-size: .8rem;
}
}
@media (max-width: 767.98px) {
.endorsement__date {
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
.endorsement__date {
font-size: .7rem;
}
}
.endorsement__message {
font-size: .9rem;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.endorsement__message {
font-size: .85rem;
}
}
@media (max-width: 991.98px) {
.endorsement__message {
font-size: .8rem;
}
}
@media (max-width: 767.98px) {
.endorsement__message {
font-size: .75rem;
}
}
@media (max-width: 575.98px) {
.endorsement__message {
font-size: .7rem;
}
}
.top-donors {
width: 100%;
}
.top-donors .donor-list {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: -30px;
margin-bottom: -15px;
}
.top-donors .donor-list__item {
width: 50%;
padding-right: 30px;
padding-bottom: 15px;
}
.top-donors .donor-card {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 5px;
padding: 10px;
display: flex;
align-items: center;
position: relative;
}
.top-donors .donor-card__avatar {
width: 70px;
height: 70px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.04);
}
@media (max-width: 1199.98px) {
.top-donors .donor-card__avatar {
width: 65px;
height: 65px;
}
}
@media (max-width: 991.98px) {
.top-donors .donor-card__avatar {
width: 60px;
height: 60px;
}
}
@media (max-width: 767.98px) {
.top-donors .donor-card__avatar {
width: 50px;
height: 50px;
}
}
@media (max-width: 575.98px) {
.top-donors .donor-card__avatar {
width: 40px;
height: 40px;
}
}
.top-donors .donor-card__details {
flex: 1;
padding-left: 20px;
}
@media (max-width: 1199.98px) {
.top-donors .donor-card__details {
padding-left: 18px;
}
}
@media (max-width: 991.98px) {
.top-donors .donor-card__details {
padding-left: 16px;
}
}
@media (max-width: 767.98px) {
.top-donors .donor-card__details {
padding-left: 14px;
}
}
@media (max-width: 575.98px) {
.top-donors .donor-card__details {
padding-left: 12px;
}
}
.top-donors .donor-card__row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.top-donors .donor-card__row {
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.top-donors .donor-card__row {
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.top-donors .donor-card__row {
margin-bottom: 7px;
}
}
@media (max-width: 575.98px) {
.top-donors .donor-card__row {
margin-bottom: 6px;
}
}
.top-donors .donor-card__name {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-right: 4px;
margin-bottom: 4px;
}
.top-donors .donor-card__label {
font-size: 1rem;
font-weight: normal;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.top-donors .donor-card__label {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.top-donors .donor-card__label {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.top-donors .donor-card__label {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.top-donors .donor-card__label {
font-size: .8rem;
}
}
.top-donors .donor-card__value {
font-size: 1rem;
font-weight: 600;
color: #333;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.top-donors .donor-card__value {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.top-donors .donor-card__value {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.top-donors .donor-card__value {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.top-donors .donor-card__value {
font-size: .8rem;
}
}
.top-donors .donor-card__badge {
width: 50px;
height: 50px;
padding: 6px;
border-radius: 50%;
background-color: #fff;
border: 2px solid #f3f4f8;
position: absolute;
right: -20px;
display: flex;
align-items: center;
justify-content: center;
}
.top-donors .donor-card__badge-img {
max-width: 100%;
max-height: 100%;
}
.select-offer {
width: 100%;
}
.donate.show-modal #doantion-modal-overlay,
.back-modal.show-modal #reward-modal-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
background-color: rgba(2, 11, 44, 0.6);
}
.donate.show-modal .donation-modal-inner-wrapper {
height: 98vh;
}
.donation-modal-inner-wrapper,
.back-modal-inner-wrapper {
display: none;
justify-content: center;
align-items: center;
padding-top: 30px;
}
.donate.show-modal .donation-modal-inner-wrapper,
.back-modal.show-modal .back-modal-inner-wrapper{
display: flex;
}
.back-modal-inner {
background-color: #fff;
padding: 40px;
position: relative; width: 40%;
transform: translateY(-100px);
transition: transform .2s;
}
.back-modal.show-modal .back-modal-inner {
height: auto;
max-width: 100%;
width: 40%;
transform: translateY(0);
}
@media (max-width: 767.98px) {
.back-modal-inner {
width: 95%;
padding: 20px;
}
}
.back-modal .contribution-box {
width: 100%;
padding: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.back-modal .contribution-box__btn {
border-radius: 5px;
margin-left: 16px;
}
.back-modal .contribution-box input[type=number],
.back-modal .contribution-box input[type=number]:focus{
background-color: transparent;
}
.form-group.reward-items::-webkit-scrollbar-thumb {
background-color: #bfbfbf;
}
.form-group.reward-items::-webkit-scrollbar {
width: 5px;
}
.flyer__inner {
width: 100%;
height: 400px;
padding: 20px;
border-radius: 5px;
background-color: #f3f4f8;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media (max-width: 1199.98px) {
.flyer__inner {
height: 380px;
padding: 18px;
}
}
@media (max-width: 991.98px) {
.flyer__inner {
height: 360px;
padding: 16px;
}
}
@media (max-width: 767.98px) {
.flyer__inner {
height: 340px;
padding: 14px;
}
}
@media (max-width: 575.98px) {
.flyer__inner {
height: 300px;
padding: 12px;
}
}
.flyer .flyer-card {
position: absolute;
width: 180px;
height: auto;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.flyer .flyer-card {
width: 170px;
}
}
@media (max-width: 991.98px) {
.flyer .flyer-card {
width: 160px;
}
}
@media (max-width: 767.98px) {
.flyer .flyer-card {
width: 150px;
}
}
@media (max-width: 575.98px) {
.flyer .flyer-card {
width: 130px;
}
}
.flyer .flyer-card--0 {
transform: rotate(-40deg) translateX(-30px) skewX(10deg);
}
@media (max-width: 1199.98px) {
.flyer .flyer-card--0 {
transform: rotate(-38deg) translateX(-28px) skewX(9deg);
}
}
@media (max-width: 991.98px) {
.flyer .flyer-card--0 {
transform: rotate(-36deg) translateX(-26px) skewX(8deg);
}
}
@media (max-width: 767.98px) {
.flyer .flyer-card--0 {
transform: rotate(-34deg) translateX(-24px) skewX(7deg);
}
}
@media (max-width: 575.98px) {
.flyer .flyer-card--0 {
transform: rotate(-32deg) translateX(0px) skewX(6deg);
}
}
.flyer .flyer-card--1 {
transform: rotate(-20deg) translateX(30px) skewX(10deg);
}
@media (max-width: 1199.98px) {
.flyer .flyer-card--1 {
transform: rotate(-19deg) translateX(28px) skewX(9deg);
}
}
@media (max-width: 991.98px) {
.flyer .flyer-card--1 {
transform: rotate(-18deg) translateX(26px) skewX(8deg);
}
}
@media (max-width: 767.98px) {
.flyer .flyer-card--1 {
transform: rotate(-17deg) translateX(24px) skewX(7deg);
}
}
@media (max-width: 575.98px) {
.flyer .flyer-card--1 {
transform: rotate(-16deg) translateX(20px) skewX(6deg);
}
}
.flyer .flyer-card__img {
width: 100%;
height: 100px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 1199.98px) {
.flyer .flyer-card__img {
height: 90px;
}
}
@media (max-width: 991.98px) {
.flyer .flyer-card__img {
height: 80px;
}
}
@media (max-width: 767.98px) {
.flyer .flyer-card__img {
height: 70px;
}
}
@media (max-width: 575.98px) {
.flyer .flyer-card__img {
height: 60px;
}
}
.flyer .flyer-card__inner {
padding: 8px;
}
@media (max-width: 1199.98px) {
.flyer .flyer-card__inner {
padding: 7px;
}
}
@media (max-width: 991.98px) {
.flyer .flyer-card__inner {
padding: 6px;
}
}
@media (max-width: 767.98px) {
.flyer .flyer-card__inner {
padding: 5px;
}
}
@media (max-width: 575.98px) {
.flyer .flyer-card__inner {
padding: 4px;
}
}
.flyer .flyer-card__title {
font-size: .7rem;
font-weight: 600;
line-height: 1rem;
margin-bottom: 2px;
color: #31375E;
}
.flyer .flyer-card__description {
font-size: .5rem;
line-height: .8rem;
color: #7D8091;
height: 100px;
overflow: hidden;
}
.all-campaign {
width: 100%;
padding: 60px 0;
}
@media (max-width: 1199.98px) {
.all-campaign {
padding: 50px 0;
}
}
@media (max-width: 991.98px) {
.all-campaign {
padding: 40px 0;
}
}
@media (max-width: 767.98px) {
.all-campaign {
padding: 30px 0;
}
}
@media (max-width: 575.98px) {
.all-campaign {
padding: 20px 0;
}
}
.all-campaign__header {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (max-width: 1199.98px) {
.all-campaign__header {
padding: 40px 0;
}
}
@media (max-width: 991.98px) {
.all-campaign__header {
padding: 30px 0;
}
}
@media (max-width: 767.98px) {
.all-campaign__header {
padding: 20px 0;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 575.98px) {
.all-campaign__header {
padding: 15px 0;
}
}
.all-campaign__title {
flex: 1;
font-size: 30px;
color: #31375E;
font-weight: 600;
margin-bottom: 0;
padding-right: 16px;
}
@media (max-width: 1199.98px) {
.all-campaign__title {
font-size: 1.4rem;
padding-right: 14px;
}
}
@media (max-width: 991.98px) {
.all-campaign__title {
font-size: 1.3rem;
padding-right: 12px;
}
}
@media (max-width: 767.98px) {
.all-campaign__title {
font-size: 1.2rem;
padding-right: 0;
margin-bottom: 10px;
}
}
@media (max-width: 575.98px) {
.all-campaign__title {
font-size: 1.1rem;
margin-bottom: 8px;
}
}
.all-campaign__filter {
display: flex;
align-items: center;
height: 60px;
padding: 6px 0;
background-color: #fff;
border-radius: 10px;
}
@media (max-width: 1199.98px) {
.all-campaign__filter {
height: 58px;
padding: 5.5px 0;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter {
height: 56px;
padding: 5px 0;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter {
width: 100%;
height: 54px;
padding: 4.5px 0;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter {
height: auto;
padding: 0;
flex-direction: column;
background-color: transparent;
}
}
.all-campaign__filter:focus-within {
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 575.98px) {
.all-campaign__filter:focus-within {
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.all-campaign__filter-search {
width: 600px;
padding: 0 16px;
height: 100%;
display: flex;
align-items: center;
border-right: 1px solid #eee;
position: relative;
}
@media (max-width: 1199.98px) {
.all-campaign__filter-search {
padding: 0 14px;
width: 500px;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter-search {
padding: 0 12px;
width: 400px;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter-search {
padding: 0 10px;
width: unset;
flex: 1;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter-search {
padding: 10px;
margin-bottom: 10px;
border-right: 0;
width: 100%;
background-color: #fff;
border-radius: 10px;
}
}
.all-campaign__filter-search-icon {
font-size: .9rem;
color: #666;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.all-campaign__filter-search-icon {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter-search-icon {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter-search-icon {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter-search-icon {
font-size: .8rem;
}
}
.all-campaign__filter-search-input[type="text"] {
flex: 1;
padding: 8px 10px;
background-color: transparent;
border: none;
font-size: .9rem;
color: #31375E;
}
@media (max-width: 1199.98px) {
.all-campaign__filter-search-input {
font-size: .88rem;
padding: 0 9px;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter-search-input {
font-size: .86rem;
padding: 0 8px;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter-search-input {
font-size: .84rem;
padding: 0 7px;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter-search-input {
font-size: .8rem;
padding: 0 6px;
min-width: 136px;
}
}
.all-campaign__filter-search .all-campaign__filter-search-btn-clear {
position: absolute;
right: 10px;
width: 18px;
height: 18px;
padding: 4px;
margin-right: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: .1s;
}
@media (max-width: 767.98px) {
.all-campaign__filter-search .all-campaign__filter-search-btn-clear {
margin-right: 10px;
}
}
.all-campaign__filter-search .all-campaign__filter-search-btn-clear.show {
opacity: 1;
visibility: visible;
pointer-events: visible;
}
.all-campaign__filter-search-btn-clear:hover {
background-color: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.all-campaign__filter-search-btn-clear-icon {
width: 100%;
}
.all-campaign__filter-search-btn-submit {
padding: 6px 16px;
}
@media (max-width: 1199.98px) {
.all-campaign__filter-search-btn-submit {
padding: 5.5px 15px;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter-search-btn-submit {
padding: 5px 14px;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter-search-btn-submit {
padding: 4.5px 13px;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter-search-btn-submit {
padding: 4px 12px;
}
}
.all-campaign__filter-select {
height: 100%;
width: auto;
background-color: transparent;
border: none;
font-size: .9rem;
font-weight: 600;
color: #666;
padding: 0 16px;
}
@media (max-width: 1199.98px) {
.all-campaign__filter-select {
font-size: .88rem;
padding: 0 14px;
}
}
@media (max-width: 991.98px) {
.all-campaign__filter-select {
font-size: .86rem;
padding: 0 12px;
}
}
@media (max-width: 767.98px) {
.all-campaign__filter-select {
font-size: .84rem;
padding: 0 10px;
}
}
@media (max-width: 575.98px) {
.all-campaign__filter-select {
font-size: .8rem;
padding: 10px;
width: 100%;
background-color: #fff;
border-radius: 10px;
}
}
.g-tab {
width: 100%;
background-color: #fff;
border-radius: 5px;
padding: 30px;
padding-top: 6px;
}
@media (max-width: 1199.98px) {
.g-tab {
padding: 26px;
padding-top: 5px;
}
}
@media (max-width: 991.98px) {
.g-tab {
padding: 22px;
padding-top: 4px;
}
}
@media (max-width: 767.98px) {
.g-tab {
padding: 18px;
padding-top: 3px;
}
}
@media (max-width: 575.98px) {
.g-tab {
padding: 14px;
padding-top: 2px;
}
}
.g-tab__nav {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 0;
margin: 0;
list-style: none;
border-bottom: none;
}
.g-tab__nav-item {
height: 65px;
margin-right: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.g-tab__nav-item span {
color: #5777f3;
}
.g-tab__nav-item:last-child {
margin-right: 0;
}
@media (max-width: 1199.98px) {
.g-tab__nav-item {
height: 60px;
margin-right: 26px;
}
}
@media (max-width: 991.98px) {
.g-tab__nav-item {
height: 55px;
margin-right: 22px;
}
}
@media (max-width: 767.98px) {
.g-tab__nav-item {
height: 50px;
margin-right: 18px;
}
}
@media (max-width: 575.98px) {
.g-tab__nav-item {
height: 45px;
margin-right: 14px;
}
}
.g-tab__nav-item a.nav-link{
all: unset;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
border-bottom: 2px solid transparent;
font-size: 1rem;
font-weight: 600;
color: #31375E;
white-space: nowrap;
cursor: pointer;
}
@media (max-width: 1199.98px) {
.g-tab__nav-item a.nav-link {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.g-tab__nav-item a.nav-link {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.g-tab__nav-item a.nav-link {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.g-tab__nav-item a.nav-link {
font-size: .8rem;
}
}
.g-tab__nav-item a.nav-link:focus, .g-tab__nav-item a.nav-link:hover {
outline: none !important;
border-bottom-color: rgba(87, 119, 243, 0.4);
}
.g-tab__nav-item a.nav-link.active {
border-bottom-color: #5777f3;
padding: 0 10px;
}
#select-reward-tab.nav-link.active {
background-color: transparent;
}
.g-tab__body {
padding: 20px;
background-color: #f3f4f8;
}
.g-tab__body::-webkit-scrollbar {
width: 4px;
}
.g-tab__body::-webkit-scrollbar-track {
background: #ddd;
}
.g-tab__body::-webkit-scrollbar-thumb {
background: #5777f3;
}
.g-tab__body::-webkit-scrollbar-thumb:hover {
background: #666;
}
.offer-card {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
padding: 10px;
border-radius: 5px;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
.offer-card__img {
width: 100%;
height: 140px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
@media (max-width: 1199.98px) {
.offer-card__img {
height: 130px;
}
}
@media (max-width: 991.98px) {
.offer-card__img {
height: 120px;
}
}
@media (max-width: 767.98px) {
.offer-card__img {
height: 110px;
}
}
@media (max-width: 575.98px) {
.offer-card__img {
height: 100px;
}
}
.offer-card__img--bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f3f4f8;
}
.offer-card__body {
width: 100%;
flex: 1;
max-height: 200px;
overflow: hidden;
overflow-y: auto;
}
.offer-card__body::-webkit-scrollbar {
width: 2px;
}
.offer-card__body::-webkit-scrollbar-track {
background: #ddd;
}
.offer-card__body::-webkit-scrollbar-thumb {
background: #5777f3;
}
.offer-card__body::-webkit-scrollbar-thumb:hover {
background: #666;
}
.offer-card__title {
font-size: 1rem;
line-height: 1.1rem;
font-weight: 600;
color: #333;
margin: 0;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1199.98px) {
.offer-card__title {
font-size: .98rem;
line-height: 1.08rem;
margin-top: 8px;
}
}
@media (max-width: 991.98px) {
.offer-card__title {
margin-top: 6px;
font-size: .96rem;
line-height: 1.06rem;
}
}
@media (max-width: 767.98px) {
.offer-card__title {
margin-top: 4px;
font-size: .94rem;
line-height: 1.04rem;
}
}
@media (max-width: 575.98px) {
.offer-card__title {
font-size: .9rem;
line-height: 1rem;
}
}
.offer-card__price {
width: 100%;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.offer-card__price {
margin-bottom: 8px;
}
}
@media (max-width: 991.98px) {
.offer-card__price {
margin-bottom: 6px;
}
}
@media (max-width: 767.98px) {
.offer-card__price {
margin-bottom: 4px;
}
}
@media (max-width: 575.98px) {
.offer-card__price {
margin-bottom: 2px;
}
}
.offer-card__price-new {
font-size: 1rem;
color: #5777f3;
font-weight: 600;
margin-bottom: 0;
margin-top: 10px;
}
@media (max-width: 1199.98px) {
.offer-card__price-new {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.offer-card__price-new {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.offer-card__price-new {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.offer-card__price-new {
font-size: .9rem;
}
}
.offer-card__price-old {
font-size: .8rem;
color: #999;
margin: 10px 0 0;
text-decoration: line-through;
}
@media (max-width: 1199.98px) {
.offer-card__price-old {
font-size: .75rem;
}
}
@media (max-width: 991.98px) {
.offer-card__price-old {
font-size: .7rem;
}
}
@media (max-width: 767.98px) {
.offer-card__price-old {
font-size: .60rem;
}
}
@media (max-width: 575.98px) {
.offer-card__price-old {
font-size: .5rem;
}
}
.offer-card__description {
font-size: .8rem;
line-height: 1.2rem;
color: #666;
font-weight: normal;
margin-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (max-width: 1199.98px) {
.offer-card__description {
margin-bottom: 8px;
}
}
@media (max-width: 991.98px) {
.offer-card__description {
margin-bottom: 6px;
}
}
@media (max-width: 767.98px) {
.offer-card__description {
margin-bottom: 4px;
}
}
@media (max-width: 575.98px) {
.offer-card__description {
margin-bottom: 2px;
}
}
.offer-card__shipping {
width: 100%;
}
.offer-card__shipping-title {
font-size: 1rem;
font-weight: 600;
margin-bottom: 4px;
color: #555;
}
@media (max-width: 1199.98px) {
.offer-card__shipping-title {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.offer-card__shipping-title {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.offer-card__shipping-title {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.offer-card__shipping-title {
font-size: .8rem;
}
}
.offer-card__shipping-info {
padding: 4px 8px;
margin-bottom: 8px;
border-radius: 2px;
border-left: 1px solid #5777f3;
background-color: rgba(87, 119, 243, 0.04);
}
@media (max-width: 1199.98px) {
.offer-card__shipping-info {
margin-bottom: 7.5px;
}
}
@media (max-width: 991.98px) {
.offer-card__shipping-info {
margin-bottom: 7px;
}
}
@media (max-width: 767.98px) {
.offer-card__shipping-info {
margin-bottom: 6.5px;
}
}
@media (max-width: 575.98px) {
.offer-card__shipping-info {
margin-bottom: 6px;
}
}
.offer-card__shipping-info:last-child {
margin-bottom: 0;
}
.offer-card__shipping-info-location {
font-size: .8rem;
margin-bottom: 4px;
color: #999;
}
@media (max-width: 1199.98px) {
.offer-card__shipping-info-location {
margin-bottom: 3.5px;
}
}
@media (max-width: 991.98px) {
.offer-card__shipping-info-location {
margin-bottom: 3px;
}
}
@media (max-width: 767.98px) {
.offer-card__shipping-info-location {
margin-bottom: 2.5px;
}
}
@media (max-width: 575.98px) {
.offer-card__shipping-info-location {
margin-bottom: 2px;
}
}
.offer-card__shipping-info-fee {
font-size: .8rem;
margin-bottom: 0;
color: #5777f3;
}
.offer-card__shipping-info-label {
font-weight: 500;
color: #333;
}
.offer-card__footer {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.offer-card__badge {
padding: 5px 20px;
padding-top: 50px;
min-width: 150px;
text-align: center;
background-color: rgba(87, 119, 243, 0.8);
color: #fff;
position: absolute;
top: -26px;
right: -64px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
font-size: .8rem;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.offer-card__badge {
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.offer-card__badge {
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.offer-card__badge {
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.offer-card__badge {
font-size: .72rem;
}
}
.offer-modal .offer-image {
width: 100%;
height: 200px;
border-radius: 5px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border: 1px dashed #ddd;
position: relative;
}
@media (max-width: 1199.98px) {
.offer-modal .offer-image {
height: 190px;
}
}
@media (max-width: 991.98px) {
.offer-modal .offer-image {
height: 180px;
}
}
@media (max-width: 767.98px) {
.offer-modal .offer-image {
height: 170px;
}
}
@media (max-width: 575.98px) {
.offer-modal .offer-image {
height: 160px;
}
}
.offer-modal .offer-image.disabled {
pointer-events: none;
opacity: .5;
}
.offer-modal .offer-image:focus-within {
outline: none;
border-color: rgba(87, 119, 243, 0.5);
}
.offer-modal .offer-image__preview {
max-width: 100%;
max-height: 100%;
border-radius: 5px;
}
.offer-modal .offer-image__input {
opacity: 0;
position: absolute;
}
.offer-modal .offer-image__remove {
padding: 0;
border: none;
width: 24px;
height: 24px;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: rgba(255, 95, 116, 0.7);
position: absolute;
top: 10px;
right: 10px;
color: #fff;
font-size: .8rem;
display: flex;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
.offer-modal .offer-image__remove {
width: 23px;
height: 23px;
top: -11.5px;
right: -11.5px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.offer-modal .offer-image__remove {
width: 22px;
height: 22px;
top: -11px;
right: -11px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.offer-modal .offer-image__remove {
width: 21px;
height: 21px;
top: -10.5px;
right: -10.5px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.offer-modal .offer-image__remove {
width: 20px;
height: 20px;
top: -10px;
right: -10px;
font-size: .8rem;
}
}
.offer-modal .offer-image__remove:hover, .offer-modal .offer-image__remove:focus {
background-color: #FF5F74;
}
.offer-modal .single-shipping {
padding: 16px;
border-radius: 5px;
border: 1px solid #ddd;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.offer-modal .single-shipping {
margin-bottom: 22px;
padding: 15px;
}
}
@media (max-width: 991.98px) {
.offer-modal .single-shipping {
margin-bottom: 20px;
padding: 14px;
}
}
@media (max-width: 767.98px) {
.offer-modal .single-shipping {
margin-bottom: 18px;
padding: 13px;
}
}
@media (max-width: 575.98px) {
.offer-modal .single-shipping {
margin-bottom: 16px;
padding: 12px;
}
}
@media (min-width: 576px) {
.offer-modal .single-shipping .form-group {
margin-bottom: 0;
}
}
.org-header {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
background-color: #fff;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.02);
position: relative;
}
.org-header__inner {
width: 100%;
height: 80px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1199.98px) {
.org-header__inner {
height: 70px;
}
}
@media (max-width: 991.98px) {
.org-header__inner {
height: 60px;
}
}
@media (max-width: 767.98px) {
.org-header__inner {
height: 50px;
}
}
@media (max-width: 575.98px) {
.org-header__inner {
height: 40px;
}
}
.org-header__menu-toggle {
width: 50px;
height: 50px;
padding: 5px 0;
border: none;
background-color: transparent;
display: none;
align-items: center;
justify-content: flex-start;
}
@media (max-width: 1199.98px) {
.org-header__menu-toggle {
width: 45px;
height: 45px;
padding: 4.5px 0;
}
}
@media (max-width: 991.98px) {
.org-header__menu-toggle {
width: 40px;
height: 40px;
padding: 4px 0;
display: flex;
}
}
@media (max-width: 767.98px) {
.org-header__menu-toggle {
width: 35px;
height: 35px;
padding: 3.5px 0;
}
}
@media (max-width: 575.98px) {
.org-header__menu-toggle {
width: 30px;
height: 30px;
padding: 3px 0;
}
}
.org-header__menu-toggle-icon {
max-width: 100%;
max-height: 100%;
}
.org-header__logo {
height: 50px;
max-width: 150px;
width: auto;
display: flex;
align-items: center;
}
@media (max-width: 1199.98px) {
.org-header__logo {
height: 45px;
max-width: 140px;
}
}
@media (max-width: 991.98px) {
.org-header__logo {
height: 40px;
max-width: 130px;
}
}
@media (max-width: 767.98px) {
.org-header__logo {
height: 35px;
max-width: 120px;
}
}
@media (max-width: 575.98px) {
.org-header__logo {
height: 30px;
max-width: 110px;
}
}
.org-header__logo-img {
max-width: 100%;
max-height: 100%;
}
.org-header__logo-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 1rem;
font-weight: 600;
color: #31375E;
text-transform: uppercase;
}
@media (max-width: 1199.98px) {
.org-header__logo-text {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.org-header__logo-text {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.org-header__logo-text {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.org-header__logo-text {
font-size: .92rem;
}
}
.org-header__overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
display: none;
}
@media (max-width: 991.98px) {
.org-header__overlay {
display: block;
}
}
.org-header__menu {
flex: 1;
height: 100%;
position: relative;
}
@media (max-width: 991.98px) {
.org-header__menu {
width: 240px;
position: fixed;
left: -300px;
top: 0;
bottom: 0;
background-color: #fff;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
z-index: 999;
opacity: 0;
transition: 600ms;
}
}
@media (max-width: 767.98px) {
.org-header__menu {
width: 220px;
}
}
@media (max-width: 575.98px) {
.org-header__menu {
width: 200px;
}
}
.org-header__menu-header {
width: 100%;
padding: 0 16px;
display: none;
align-items: center;
justify-content: space-between;
background-color: #f5f7fd;
}
@media (max-width: 991.98px) {
.org-header__menu-header {
height: 60px;
display: flex;
padding: 0 16px;
}
}
@media (max-width: 767.98px) {
.org-header__menu-header {
height: 50px;
padding: 0 14px;
}
}
@media (max-width: 575.98px) {
.org-header__menu-header {
height: 40px;
padding: 0 12px;
}
}
.org-header__menu-header-logo {
flex: 1;
height: 40px;
display: flex;
align-items: center;
}
@media (max-width: 991.98px) {
.org-header__menu-header-logo {
height: 40px;
max-width: 130px;
}
}
@media (max-width: 767.98px) {
.org-header__menu-header-logo {
height: 35px;
max-width: 120px;
}
}
@media (max-width: 575.98px) {
.org-header__menu-header-logo {
height: 30px;
max-width: 110px;
}
}
.org-header__menu-header-logo-img {
max-height: 100%;
max-width: 100%;
}
.org-header__menu-header-logo-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 1rem;
font-weight: 600;
color: #31375E;
text-transform: uppercase;
}
@media (max-width: 1199.98px) {
.org-header__menu-header-logo-text {
font-size: .98rem;
}
}
@media (max-width: 991.98px) {
.org-header__menu-header-logo-text {
font-size: .96rem;
}
}
@media (max-width: 767.98px) {
.org-header__menu-header-logo-text {
font-size: .94rem;
}
}
@media (max-width: 575.98px) {
.org-header__menu-header-logo-text {
font-size: .92rem;
}
}
.org-header__menu-close-btn {
width: 26px;
height: 26px;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border: none;
}
.org-header__menu-close-btn:hover {
background-color: #fff;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
.org-header__menu-close-btn-icon {
width: 100%;
}
.org-header__menu-inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991.98px) {
.org-header__menu-inner {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
overflow-y: auto;
}
}
.org-header__menu-left, .org-header__menu-right {
height: 100%;
}
@media (max-width: 991.98px) {
.org-header__menu-left, .org-header__menu-right {
height: auto;
width: 100%;
}
}
.org-header__menu .org-menu {
width: 100%;
height: 100%;
list-style: none;
margin: 0;
padding: 0 20px;
display: flex;
align-items: center;
}
@media (max-width: 1199.98px) {
.org-header__menu .org-menu {
padding: 0 18px;
}
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu {
padding: 0 16px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767.98px) {
.org-header__menu .org-menu {
padding: 0 14px;
}
}
@media (max-width: 575.98px) {
.org-header__menu .org-menu {
padding: 0 12px;
}
}
.org-header__menu .org-menu__item {
height: 100%;
margin-right: 20px;
}
@media (max-width: 1199.98px) {
.org-header__menu .org-menu__item {
margin-right: 18px;
}
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu__item {
margin-right: 0;
width: 100%;
border-bottom: 1px solid #eee;
}
}
.org-header__menu .org-menu__item:last-child {
margin-right: 0;
}
.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #666;
font-size: .9rem;
}
.org-header__menu .org-menu__item-link:hover, .org-header__menu .org-menu__item-link-d:hover {
color: #2750f0;
}
@media (max-width: 1199.98px) {
.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
font-size: .86rem;
width: 100%;
padding: 16px 0;
justify-content: flex-start;
}
}
@media (max-width: 767.98px) {
.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
font-size: .84rem;
padding: 14px 0;
}
}
@media (max-width: 575.98px) {
.org-header__menu .org-menu__item-link, .org-header__menu .org-menu__item-link-d {
font-size: .8rem;
padding: 12px 0;
}
}
.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
border-radius: 25px;
padding: 8px 26px;
}
@media (max-width: 1199.98px) {
.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
padding: 7px 24px;
}
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
padding: 6px 22px;
width: 100%;
}
}
@media (max-width: 767.98px) {
.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
padding: 5px 20px;
}
}
@media (max-width: 575.98px) {
.org-header__menu .org-menu__item-link-btn, .org-header__menu .org-menu__item-link-d-btn {
padding: 4px 18px;
}
}
.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
width: 30px;
height: 30px;
border: 1px solid #ddd;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
@media (max-width: 1199.98px) {
.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
width: 29px;
height: 29px;
margin-right: 7px;
}
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
width: 28px;
height: 28px;
margin-right: 6px;
}
}
@media (max-width: 767.98px) {
.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
width: 27px;
height: 27px;
margin-right: 5px;
}
}
@media (max-width: 575.98px) {
.org-header__menu .org-menu__item-link-avatar, .org-header__menu .org-menu__item-link-d-avatar {
width: 26px;
height: 26px;
margin-right: 4px;
}
}
.org-header__menu .org-menu__item-link-avatar-img, .org-header__menu .org-menu__item-link-d-avatar-img {
max-width: 100%;
max-height: 100%;
}
@media (max-width: 991.98px) {
.org-header__menu .org-menu__item-link .g-dropdown, .org-header__menu .org-menu__item-link-d .g-dropdown {
width: 100%;
}
.org-header__menu .org-menu__item-link .g-dropdown .dropdown-toggle, .org-header__menu .org-menu__item-link-d .g-dropdown .dropdown-toggle {
width: 100% !important;
}
}
.org-header__notification {
height: 100%;
}
.org-header--sidebar .org-header__menu {
left: 0;
opacity: 1;
} #public .campaign-updates {
width: 100%;
}
#public .campaign-updates__header {
margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
.campaign-updates__header {
margin-bottom: 26px;
}
}
@media (max-width: 991.98px) {
.campaign-updates__header {
margin-bottom: 22px;
}
}
@media (max-width: 767.98px) {
.campaign-updates__header {
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.campaign-updates__header {
margin-bottom: 16px;
}
}
#public .campaign-updates__info-text {
font-size: .9rem;
color: #333;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.campaign-updates__info-text {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.campaign-updates__info-text {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.campaign-updates__info-text {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.campaign-updates__info-text {
font-size: .82rem;
}
}
#public .campaign-updates__loader {
padding: 20px;
}
@media (max-width: 1199.98px) {
.campaign-updates__loader {
padding: 18px;
}
}
@media (max-width: 991.98px) {
.campaign-updates__loader {
padding: 16px;
}
}
@media (max-width: 767.98px) {
.campaign-updates__loader {
padding: 14px;
}
}
@media (max-width: 575.98px) {
.campaign-updates__loader {
padding: 12px;
}
}
#public .campaign-update {
width: 100%;
padding-left: 30px;
padding-bottom: 30px;
position: relative;
border-left: 2px solid #ccc;
}
@media (max-width: 1199.98px) {
.campaign-update {
padding-left: 28px;
padding-bottom: 28px;
}
}
@media (max-width: 991.98px) {
.campaign-update {
padding-left: 26px;
padding-bottom: 26px;
}
}
@media (max-width: 767.98px) {
.campaign-update {
padding-left: 24px;
padding-bottom: 24px;
}
}
@media (max-width: 575.98px) {
.campaign-update {
padding-left: 20px;
padding-bottom: 20px;
}
}
#public .campaign-update:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
left: -6px;
top: 0px;
border: 1px solid #5777f3;
background-color: #f3f4f8;
transform: rotate(45deg);
z-index: 1;
}
#public .campaign-update:after {
content: '';
width: 2px;
height: 0;
position: absolute;
left: -2px;
top: 0px;
background-color: #5777f3;
}
#public .campaign-update:last-child {
border-color: transparent;
}
#public .campaign-update:first-child:before {
background-color: #5777f3;
}
#public .campaign-update:first-child:after {
height: 60%;
background-color: #5777f3;
}
#public .campaign-update__date {
font-size: .9rem;
line-height: .7rem;
color: #5777f3;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.campaign-update__date {
font-size: .88rem;
line-height: .68rem;
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.campaign-update__date {
font-size: .86rem;
line-height: .66rem;
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.campaign-update__date {
font-size: .84rem;
line-height: .64rem;
margin-bottom: 7px;
}
}
@media (max-width: 575.98px) {
.campaign-update__date {
font-size: .82rem;
line-height: .62rem;
margin-bottom: 6px;
}
}
#public .campaign-update__row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
.campaign-update__row {
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.campaign-update__row {
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.campaign-update__row {
margin-bottom: 7px;
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 575.98px) {
.campaign-update__row {
margin-bottom: 6px;
}
}
#public .campaign-update__title {
flex: 1;
font-size: 1.4rem;
color: #31375E;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.campaign-update__title {
order: 1;
}
}
#public .campaign-update__btn {
background-color: transparent;
width: 30px;
height: 30px;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
border: none;
box-shadow: none;
}
@media (max-width: 767.98px) {
.campaign-update__btn {
margin-top: 4px;
}
}
#public .campaign-update__btn:last-child {
margin-right: 0;
}
#public .campaign-update__btn:hover {
background-color: rgba(255, 95, 116, 0.1);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
#public .campaign-update__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.campaign-update__info-text {
font-size: .88rem;
margin-bottom: 9px;
}
}
@media (max-width: 991.98px) {
.campaign-update__info-text {
font-size: .86rem;
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.campaign-update__info-text {
font-size: .84rem;
margin-bottom: 7px;
}
}
@media (max-width: 575.98px) {
.campaign-update__info-text {
font-size: .82rem;
margin-bottom: 6px;
}
}
#public .campaign-update__img {
max-width: 100%;
margin-top: 10px;
}
@media (max-width: 1199.98px) {
.campaign-update__img {
margin-top: 9px;
}
}
@media (max-width: 991.98px) {
.campaign-update__img {
margin-top: 8px;
}
}
@media (max-width: 767.98px) {
.campaign-update__img {
margin-top: 7px;
}
}
@media (max-width: 575.98px) {
.campaign-update__img {
margin-top: 6px;
}
}
#public .campaign-update__video {
width: 100%;
margin-top: 10px;
}
@media (max-width: 1199.98px) {
.campaign-update__video {
margin-top: 9px;
}
}
@media (max-width: 991.98px) {
.campaign-update__video {
margin-top: 8px;
}
}
@media (max-width: 767.98px) {
.campaign-update__video {
margin-top: 7px;
}
}
@media (max-width: 575.98px) {
.campaign-update__video {
margin-top: 6px;
}
}
#public .campaign-update__video-iframe {
width: 100%;
min-height: 300px;
border: none;
border-radius: 5px;
}
@media (max-width: 1199.98px) {
.campaign-update__video-iframe {
min-height: 270px;
}
}
@media (max-width: 991.98px) {
.campaign-update__video-iframe {
min-height: 240px;
}
}
@media (max-width: 767.98px) {
.campaign-update__video-iframe {
min-height: 210px;
}
}
@media (max-width: 575.98px) {
.campaign-update__video-iframe {
min-height: unset;
}
} .section-placeholder {
padding: 40px;
width: 100%;
height: auto;
min-width: 150px;
margin: 20px 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1199.98px) {
.section-placeholder {
padding: 35px;
margin: 18px 0;
}
}
@media (max-width: 991.98px) {
.section-placeholder {
padding: 30px;
margin: 16px 0;
}
}
@media (max-width: 767.98px) {
.section-placeholder {
padding: 25px;
margin: 14px 0;
}
}
@media (max-width: 575.98px) {
.section-placeholder {
padding: 20px;
margin: 10px 0;
}
}
.section-placeholder.white {
background-color: #fff;
border-radius: 10px;
}
.section-placeholder__inner {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.section-placeholder__icon {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.section-placeholder__icon-text {
font-size: 45px;
padding: 10px;
color: #5777f3;
opacity: 0.9;
margin: 20px 0;
width: 100px;
height: 100px;
border-radius: 50%;
background-color: rgba(87, 119, 243, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.section-placeholder__icon-text {
font-size: 2.625rem;
width: 95px;
height: 95px;
}
}
@media (max-width: 991.98px) {
.section-placeholder__icon-text {
font-size: 2.5rem;
width: 90px;
height: 90px;
}
}
@media (max-width: 767.98px) {
.section-placeholder__icon-text {
font-size: 2.375rem;
width: 85px;
height: 85px;
}
}
@media (max-width: 575.98px) {
.section-placeholder__icon-text {
font-size: 2.1875rem;
width: 80px;
height: 80px;
}
}
.section-placeholder__icon-img {
width: 80%;
max-width: 400px;
}
@media (max-width: 1199.98px) {
.section-placeholder__icon-img {
font-size: 3.5625rem;
}
}
@media (max-width: 991.98px) {
.section-placeholder__icon-img {
font-size: 3.375rem;
}
}
@media (max-width: 767.98px) {
.section-placeholder__icon-img {
font-size: 3.1875rem;
}
}
@media (max-width: 575.98px) {
.section-placeholder__icon-img {
font-size: 3rem;
}
}
.section-placeholder__title {
margin-bottom: 0.625rem;
font-size: 25px;
line-height: 1.3;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.section-placeholder__title {
font-size: 24px;
}
}
@media (max-width: 991.98px) {
.section-placeholder__title {
font-size: 23px;
}
}
@media (max-width: 767.98px) {
.section-placeholder__title {
font-size: 22px;
}
}
@media (max-width: 575.98px) {
.section-placeholder__title {
font-size: 21px;
}
}
.section-placeholder__desc {
margin-bottom: 0;
font-size: 0.9375rem;
text-align: center;
}
@media (max-width: 1199.98px) {
.section-placeholder__desc {
font-size: 0.875rem;
}
}
@media (max-width: 991.98px) {
.section-placeholder__desc {
font-size: 0.8125rem;
}
}
@media (max-width: 575.98px) {
.section-placeholder__desc {
font-size: 0.75rem;
}
} .checkbox {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
padding: 5px 0;
margin-right: 10px;
position: relative;
}
.checkbox:focus-within .checkbox__label {
outline-color: transparent;
color: #31375E !important;
}
.checkbox:focus-within .checkbox__label::before {
border-color: #31375E;
}
.checkbox__input {
opacity: 0;
position: absolute;
}
.checkbox__input + label {
position: relative;
padding-left: 32px;
font-size: .9rem;
display: flex;
align-items: center;
cursor: pointer;
font-weight: normal;
text-transform: capitalize;
}
@media (max-width: 1199.98px) {
.checkbox__input + label {
padding-left: 30px;
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.checkbox__input + label {
padding-left: 28px;
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.checkbox__input + label {
padding-left: 26px;
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.checkbox__input + label {
padding-left: 24px;
font-size: .8rem;
}
}
.checkbox__input + label::before {
position: absolute;
left: 0;
content: '';
width: 20px;
height: 20px;
border-radius: 1px;
background-color: transparent;
border: 1px solid #a5a5a5;
display: flex;
align-items: center;
justify-content: center;
color: #666;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
font-size: 1rem;
}
@media (max-width: 1199.98px) {
.checkbox__input + label::before {
width: 19px;
height: 19px;
font-size: 0.9688rem;
}
}
@media (max-width: 991.98px) {
.checkbox__input + label::before {
width: 18px;
height: 18px;
font-size: 0.9375rem;
}
}
@media (max-width: 767.98px) {
.checkbox__input + label::before {
width: 17px;
height: 17px;
font-size: 0.9063rem;
}
}
@media (max-width: 575.98px) {
.checkbox__input + label::before {
width: 16px;
height: 16px;
font-size: 0.875rem;
}
}
.checkbox__input:checked + label::before {
content: '\2713';
font-size: 16px;
font-family: 'Font Awesome 5 Free';
font-weight: 700;
background-color: transparent;
}
@media (max-width: 1199.98px) {
.checkbox__input:checked + label::before {
font-size: .68rem;
}
}
@media (max-width: 991.98px) {
.checkbox__input:checked + label::before {
font-size: .66rem;
}
}
@media (max-width: 767.98px) {
.checkbox__input:checked + label::before {
font-size: .64rem;
}
}
@media (max-width: 575.98px) {
.checkbox__input:checked + label::before {
font-size: .62rem;
}
}
.checkbox__input:disabled + label {
cursor: not-allowed;
}
.checkbox__input:disabled + label::before {
opacity: .5;
}
.checkbox--primary:focus-within .checkbox__label::before {
border-color: #5777f3;
}
.checkbox--primary .checkbox__input:checked + label::before {
color: #fff;
background: #5777f3;
border-color: #5777f3;
}
.checkbox--secondary:focus-within .checkbox__label::before {
border-color: #14C479;
}
.checkbox--secondary .checkbox__input:checked + label::before {
color: #fff;
background: #14C479;
border-color: #14C479;
}
.checkbox--info:focus-within .checkbox__label::before {
border-color: #33b5e5;
}
.checkbox--info .checkbox__input:checked + label::before {
color: #fff;
background: #33b5e5;
border-color: #33b5e5;
}
.checkbox--success:focus-within .checkbox__label::before {
border-color: #3bc065;
}
.checkbox--success .checkbox__input:checked + label::before {
color: #fff;
background: #3bc065;
border-color: #3bc065;
}
.checkbox--dark:focus-within .checkbox__label::before {
border-color: #666;
}
.checkbox--dark .checkbox__input:checked + label::before {
color: #fff;
background: #666;
border-color: #666;
}
.checkbox--warning:focus-within .checkbox__label::before {
border-color: #FF9635;
}
.checkbox--warning .checkbox__input:checked + label::before {
color: #fff;
background: #FF9635;
border-color: #FF9635;
}
.checkbox--blue:focus-within .checkbox__label::before {
border-color: #4285F4;
}
.checkbox--blue .checkbox__input:checked + label::before {
color: #fff;
background: #4285F4;
border-color: #4285F4;
}
.checkbox__label {
margin-bottom: 0;
}
.radio {
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
padding: 12px 0;
margin-right: 10px;
position: relative;
}
.radio:focus-within .radio__label {
outline-color: transparent;
color: #31375E !important;
}
.radio:focus-within .radio__label::before {
border-color: #31375E;
}
.radio__input {
opacity: 0;
position: absolute;
}
.radio__input + label {
position: relative;
padding-left: 26px;
font-size: .9rem;
display: flex;
align-items: center;
cursor: pointer;
}
.radio__input + label::before {
position: absolute;
left: 0;
content: '';
width: 22px;
height: 22px;
border-radius: 50%;
background-color: transparent;
border: 2px solid #a5a5a5;
display: flex;
align-items: center;
justify-content: center;
color: #31375E;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
font-size: 0.875rem;
}
@media (max-width: 1199.98px) {
.radio__input + label {
padding-left: 24px;
font-size: .88rem;
}
.radio__input + label::before {
width: 21px;
height: 21px;
font-size: 0.8438rem;
}
}
@media (max-width: 991.98px) {
.radio__input + label {
padding-left: 23px;
font-size: .86rem;
}
.radio__input + label::before {
width: 20px;
height: 20px;
font-size: 0.8125rem;
}
}
@media (max-width: 767.98px) {
.radio__input + label {
padding-left: 22px;
font-size: .84rem;
}
.radio__input + label::before {
width: 19px;
height: 19px;
font-size: 0.7813rem;
}
}
@media (max-width: 575.98px) {
.radio__input + label {
padding-left: 20px;
font-size: .8rem;
}
.radio__input + label::before {
width: 18px;
height: 18px;
font-size: 0.75rem;
}
}
.radio__input:checked + label::before {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 700;
background-color: transparent;
}
.radio__input--checked + label::before {
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 700;
background-color: transparent;
}
.radio__input:disabled + label {
cursor: not-allowed;
}
.radio__input:disabled + label::before {
opacity: .5;
}
.radio--primary:focus-within .radio__label::before {
border-color: #5777f3;
}
.radio--primary .radio__input:checked + label::before {
color: #fff;
background-color: #5777f3;
border-color: #5777f3;
}
.radio--primary .radio__input--checked + label::before {
color: #fff;
background-color: #5777f3;
border-color: #5777f3;
}
.radio--secondary:focus-within .radio__label::before {
border-color: #14C479;
}
.radio--secondary .radio__input:checked + label::before {
color: #fff;
background-color: #14C479;
border-color: #14C479;
}
.radio--secondary .radio__input--checked + label::before {
color: #fff;
background-color: #14C479;
border-color: #14C479;
}
.radio--info:focus-within .radio__label::before {
border-color: #33b5e5;
}
.radio--info .radio__input:checked + label::before {
color: #fff;
background-color: #33b5e5;
border-color: #33b5e5;
}
.radio--info .radio__input--checked + label::before {
color: #fff;
background-color: #33b5e5;
border-color: #33b5e5;
}
.radio--success:focus-within .radio__label::before {
border-color: #3bc065;
}
.radio--success .radio__input:checked + label::before {
color: #fff;
background-color: #3bc065;
border-color: #3bc065;
}
.radio--success .radio__input--checked + label::before {
color: #fff;
background-color: #3bc065;
border-color: #3bc065;
}
.radio--dark:focus-within .radio__label::before {
border-color: #666;
}
.radio--dark .radio__input:checked + label::before {
color: #fff;
background-color: #666;
border-color: #666;
}
.radio--dark .radio__input--checked + label::before {
color: #fff;
background-color: #666;
border-color: #666;
}
.radio--warning:focus-within .radio__label::before {
border-color: #FF9635;
}
.radio--warning .radio__input:checked + label::before {
color: #fff;
background-color: #FF9635;
border-color: #FF9635;
}
.radio--warning .radio__input--checked + label::before {
color: #fff;
background-color: #FF9635;
border-color: #FF9635;
}
.radio--blue:focus-within .radio__label::before {
border-color: #4285F4;
}
.radio--blue .radio__input:checked + label::before {
color: #fff;
background-color: #4285F4;
border-color: #4285F4;
}
.radio--blue .radio__input--checked + label::before {
color: #fff;
background-color: #4285F4;
border-color: #4285F4;
}
.radio__label {
margin-bottom: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} .donation {
width: 100%;
height: auto;
min-height: 100vh;
}
.donation__steps {
width: 100%;
height: 100%;
}
.donation__steps-form {
width: 100%;
height: 100%;    } .wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
position: absolute;
left: -999em;
}
.wizard > .content > .title,
.tabcontrol > .content > .title {
position: absolute;
left: -999em;
}
.wizard > .steps .number { margin-right: 6px;
}
.steps {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 20px;
background-color: #fff;
}
@media (max-width: 1199.98px) {
.steps {
padding: 18px;
}
}
@media (max-width: 767.98px) {
.steps {
padding: 16px;
}
}
@media (max-width: 575.98px) {
.steps {
padding: 14px;
}
}
.steps ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-right: -20px !important;
margin-bottom: -20px !important;
width: 100%;
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 1199.98px) {
.steps ul {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
margin-right: -18px !important;
margin-bottom: -18px !important;
}
}
@media (max-width: 767.98px) {
.steps ul {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
margin-right: -16px !important;
margin-bottom: -16px !important;
}
}
@media (max-width: 575.98px) {
.steps ul {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
margin-right: -14px !important;
margin-bottom: -14px !important;
}
}
.steps ul li {
flex: 1;
padding-right: 20px !important;
padding-bottom: 20px !important;
}
@media (max-width: 1199.98px) {
.steps ul li {
padding-right: 18px !important;
padding-bottom: 18px !important;
}
}
@media (max-width: 767.98px) {
.steps ul li {
padding-right: 16px !important;
padding-bottom: 16px !important;
}
}
@media (max-width: 575.98px) {
.steps ul li {
padding-right: 14px !important;
padding-bottom: 14px !important;
}
}
.steps ul li a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-size: 1rem;
width: auto;
padding: 16px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
white-space: nowrap;
position: relative;
}
@media (max-width: 1199.98px) {
.steps ul li a {
font-size: .98rem;
padding: 14px;
}
}
@media (max-width: 767.98px) {
.steps ul li a {
font-size: .96rem;
padding: 12px;
}
}
@media (max-width: 575.98px) {
.steps ul li a {
font-size: .94rem;
padding: 10px;
}
}     .steps ul li.current a,
.steps ul li.current a:hover,
.steps ul li.current a:active {
background-color: rgba(87, 119, 243, .1);
color: #5777f3;
}     .steps ul li.done a,
.steps ul li.done a:hover,
.steps ul li.done a:active {
background: #5777f3;
color: #fff;
}
.steps ul li.disabled a,
.steps ul li.disabled a:hover,
.steps ul li.disabled a:active {
background: #eee;
color: #aaa;
cursor: default;
}
.steps ul li.error a,
.steps ul li.error a:hover,
.steps ul li.error a:active {
background: #FF5F74;
color: #fff;
}
.wizard > .content {
display: block;
min-height: 60vh;
position: relative;
width: auto;
height: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
margin: 20px auto;
}
@media (max-width: 1199.98px) {
.wizard > .content {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
margin: 18px auto;
}
}
@media (max-width: 767.98px) {
.wizard > .content {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
margin: 16px auto;
}
}
@media (max-width: 575.98px) {
.wizard > .content {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
margin: 14px auto;
}
}
.wizard > .content > .body {
width: 100%;
height: 100%;
padding: 30px;
background: #fff;
border-radius: 5px;
}
@media (max-width: 1199.98px) {
.wizard > .content > .body {
padding: 25px;
}
}
@media (max-width: 767.98px) {
.wizard > .content > .body {
max-width: 720px;
padding: 20px;
}
}
@media (max-width: 575.98px) {
.wizard > .content > .body {
padding: 15px;
}
}
.wizard > .content > .body input.error {
background: rgba(255, 95, 116, .1);
border: 1px solid rgba(255, 95, 116, .1);
color: #31375E;
}
.wizard > .content > .body label.error {
color: #FF5F74;
display: inline-block;
margin-left: 1.5em;
}
.wizard > .actions {
width: 100%;
position: relative;
}
.wizard > .actions > ul {
display: flex;
align-items: center;
justify-content: flex-end;
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1199.98px) {
.wizard > .actions > ul {
max-width: 960px;
padding-right: 30px;
padding-left: 30px;
}
}
@media (max-width: 767.98px) {
.wizard > .actions > ul {
max-width: 720px;
padding-right: 20px;
padding-left: 20px;
}
}
@media (max-width: 575.98px) {
.wizard > .actions > ul {
max-width: 540px;
padding-right: 15px;
padding-left: 15px;
}
}
.wizard > .actions > ul > li {
margin-left: 20px;
display: inline-flex;
}
@media (max-width: 1199.98px) {
.wizard > .actions > ul > li {
margin-left: 18px;
}
}
@media (max-width: 767.98px) {
.wizard > .actions > ul > li {
margin-left: 16px;
}
}
@media (max-width: 575.98px) {
.wizard > .actions > ul > li {
margin-left: 14px;
}
}
.wizard > .actions a {
border: 2px solid #5777f3;
text-transform: capitalize;
cursor: pointer;
font-weight: 600;
border-radius: 5px;
padding: 10px 36px;
font-size: 0.9rem;
background-color: #5777f3;
color: #fff;
-moz-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
box-shadow: 0 5px 5px 0 rgba(87, 119, 243, 0.1);
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
min-height: 50px;
min-width: 150px;
text-align: center;
}
.wizard > .actions a:hover {
background-color: #113eed;
color: #fff;
border-color: #113eed;
-moz-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
box-shadow: 0 10px 10px 0 rgba(87, 119, 243, 0.2);
webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
.wizard > .actions a:focus {
outline-color: transparent;
webkit-transform: translateY(-3px);
transform: translateY(-3px);
text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
background-color: #113eed;
}
.wizard > .actions a:active {
outline-color: transparent;
border-color: rgba(87, 119, 243, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
background-color: #113eed;
}
@media (max-width: 1199.98px) {
.wizard > .actions a {
padding: 9px 34px;
font-size: 0.88rem;
}
}
@media (max-width: 991.98px) {
.wizard > .actions a {
padding: 8px 32px;
font-size: 0.86rem;
}
}
@media (max-width: 767.98px) {
.wizard > .actions a {
padding: 7px 30px;
font-size: 0.84rem;
}
}
@media (max-width: 575.98px) {
.wizard > .actions a {
padding: 6px 28px;
font-size: 0.8rem;
}
}
.wizard > .actions .disabled a {
background-color: #eee;
color: #aaa;
border-color: #eee !important;
-moz-box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
box-shadow: 0 5px 5px 0 rgba(238, 238, 238, 0.1);
}
.wizard > .actions .disabled a:focus,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
background-color: #ccc;
color: #333;
border-color: #ccc;
-moz-box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
box-shadow: 0 10px 10px 0 rgba(204, 204, 204, 0.2);
}
#donation button[type="submit"] {
background-color: #3bc065 !important;
color: #fff !important;
border-color: #3bc065 !important;
-moz-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
-webkit-box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
box-shadow: 0 5px 5px 0 rgba(59, 192, 101, 0.1) !important;
}
#donation button[type="submit"]:hover {
background-color: #298546;
color: #fff;
border-color: #298546;
-moz-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
box-shadow: 0 10px 10px 0 rgba(59, 192, 101, 0.2);
}
#donation button[type="submit"]:focus {
border-color: rgba(59, 192, 101, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
background-color: #298546;
}
#donation button[type="submit"]:active {
border-color: rgba(59, 192, 101, 0.4);
-moz-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
box-shadow: 1px 1px 10px 1px rgba(59, 192, 101, 0.2);
background-color: #298546;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden; *text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
} .hidden {
display: none !important;
visibility: hidden;
} .visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
} .invisible {
visibility: hidden;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
}
@media print {
* {
background: transparent !important;
color: #000 !important; box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
} .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.wizard a,
.tabcontrol a {
outline: 0;
}
.wizard ul,
.tabcontrol ul {
list-style: none !important;
}
.wizard ul > li,
.tabcontrol ul > li {
display: block;
padding: 0;
}
.selected-offer {
width: 100%;
background-color: #F5F7FD;
border-radius: 5px;
padding: 20px;
}
@media (max-width: 1199.98px) {
.selected-offer {
padding: 18px;
}
}
@media (max-width: 991.98px) {
.selected-offer {
padding: 16px;
}
}
@media (max-width: 767.98px) {
.selected-offer {
padding: 14px;
}
}
@media (max-width: 575.98px) {
.selected-offer {
padding: 12px;
}
}
.selected-offer__inner {
display: flex;
flex-direction: row;
}
.selected-offer__banner {
width: 80px;
height: 80px;
border-radius: 5px;
overflow: hidden;
display: flex;
border: 1px solid #ddd;
align-items: center;
justify-content: center;
}
@media (max-width: 1199.98px) {
.selected-offer__banner {
width: 75px;
height: 75px;
}
}
@media (max-width: 991.98px) {
.selected-offer__banner {
width: 70px;
height: 70px;
}
}
@media (max-width: 767.98px) {
.selected-offer__banner {
width: 65px;
height: 65px;
}
}
@media (max-width: 575.98px) {
.selected-offer__banner {
width: 60px;
height: 60px;
}
}
.selected-offer__banner-img {
max-width: 100%;
max-height: 100%;
}
.selected-offer__details {
flex: 1;
padding-left: 10px;
}
@media (max-width: 1199.98px) {
.selected-offer__details {
padding-left: 9px;
}
}
@media (max-width: 991.98px) {
.selected-offer__details {
padding-left: 8px;
}
}
@media (max-width: 767.98px) {
.selected-offer__details {
padding-left: 7px;
}
}
@media (max-width: 575.98px) {
.selected-offer__details {
padding-left: 6px;
}
}
.selected-offer__title {
font-size: .9rem;
font-weight: 600;
color: #31375E;
margin-bottom: 0;
}
@media (max-width: 1199.98px) {
.selected-offer__title {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.selected-offer__title {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.selected-offer__title {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.selected-offer__title {
font-size: .8rem;
}
}
.selected-offer__price {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
}
.selected-offer__price-new {
font-size: .9rem;
color: #5777f3;
font-weight: 600;
margin-bottom: 0;
margin-right: 10px;
}
@media (max-width: 1199.98px) {
.selected-offer__price-new {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.selected-offer__price-new {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.selected-offer__price-new {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.selected-offer__price-new {
font-size: .8rem;
}
}
.selected-offer__price-old {
font-size: .9rem;
color: #999;
margin-bottom: 0;
text-decoration: line-through;
}
@media (max-width: 1199.98px) {
.selected-offer__price-old {
font-size: .88rem;
}
}
@media (max-width: 991.98px) {
.selected-offer__price-old {
font-size: .86rem;
}
}
@media (max-width: 767.98px) {
.selected-offer__price-old {
font-size: .84rem;
}
}
@media (max-width: 575.98px) {
.selected-offer__price-old {
font-size: .8rem;
}
}
.selected-offer__description {
font-size: .8rem;
margin: 0;
color: #7D8091;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (max-width: 1199.98px) {
.selected-offer__description {
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.selected-offer__description {
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.selected-offer__description {
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.selected-offer__description {
font-size: .72rem;
}
}
.selected-offer__shipping {
width: 100%;
margin-top: 10px;
}
@media (max-width: 1199.98px) {
.selected-offer__shipping {
margin-top: 9px;
}
}
@media (max-width: 991.98px) {
.selected-offer__shipping {
margin-top: 8px;
}
}
@media (max-width: 767.98px) {
.selected-offer__shipping {
margin-top: 7px;
}
}
@media (max-width: 575.98px) {
.selected-offer__shipping {
margin-top: 6px;
}
}
.selected-offer__shipping-table {
width: 100%;
}
.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
padding: 5px 0;
font-size: .8rem;
}
@media (max-width: 1199.98px) {
.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
font-size: .78rem;
}
}
@media (max-width: 991.98px) {
.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
font-size: .76rem;
}
}
@media (max-width: 767.98px) {
.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
font-size: .74rem;
}
}
@media (max-width: 575.98px) {
.selected-offer__shipping-table th,
.selected-offer__shipping-table td {
font-size: .72rem;
}
}
.selected-offer__shipping-table th {
font-weight: 600;
color: #333;
border-bottom: 1px solid #ddd;
}
.selected-offer__shipping-table td {
color: #7D8091;
border-top: 1px solid #ddd;
} .payment-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-right: -20px;
margin-bottom: -20px;
}
@media (max-width: 575.98px) {
.payment-options {
flex-direction: column;
}
}
.payment-options__item {
width: 50%;
padding-right: 20px;
padding-bottom: 20px;
}
@media (max-width: 575.98px) {
.payment-options__item {
width: 100%;
}
}
.payment-options__btn {
width: 100%;
border: 2px solid #0f3f87;
background-color: #fff;
color: #31375E;
text-transform: capitalize;
font-weight: 600;
border-radius: 5px;
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
padding: 10px 36px;
font-size: 0.9rem;
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.payment-options__btn:hover {
background-color: #fff;
color: #000;
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.payment-options__btn:focus {
outline-color: transparent;
box-shadow: none;
}
.payment-options__btn:active {
outline-color: transparent;
}
.payment-options__btn:disabled {
pointer-events: none;
}
@media (max-width: 1199.98px) {
.payment-options__btn {
padding: 9px 34px;
font-size: 0.88rem;
}
}
@media (max-width: 991.98px) {
.payment-options__btn {
padding: 8px 32px;
font-size: 0.86rem;
}
}
@media (max-width: 767.98px) {
.payment-options__btn {
padding: 7px 30px;
font-size: 0.84rem;
}
}
@media (max-width: 575.98px) {
.payment-options__btn {
padding: 6px 28px;
font-size: 0.8rem;
}
}
.payment-options__btn-icon {
height: 26px;
width: auto;
}
.payment-options__btn--paypal:hover, .payment-options__btn--paypal.active {
background-color: #ffb168;
border-color: #ffb168;
}
.payment-options__btn--card {
color: #0f3f87;
}
.payment-options__btn--card:hover, .payment-options__btn--card.active {
background-color: #ffb168;
border-color: #ffb168;
color: #0f3f87;
} .donate,
.back-modal {
width: 0;
height: 0;
opacity: 0;
}
.donate.show-modal,
.back-modal.show-modal {
width: auto;
height: auto;
opacity: 1;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.form-group.reward-items {
overflow-y: auto;
overflow-x: hidden;
height: 50vh;
}
.form-group.reward-form.hide,
.form-group.reward-items.hide,
.reward-btn-wrapper.hide,
.contribution-heading.hide {
width: 0;
height: 0;
opacity: 0;
transition: all .3s;
margin-top:0;
margin-bottom:0;
}
.reward-presets.show {
width: auto;
height: auto;
opacity: 1;
transition: all .3s;
margin-bottom: 15px;
}
.reward-modal-title { position: relative;
}
h5.reward-modal-title{
margin-top: 30px;
}
#select-reward-tab .btn.btn-primary {
padding: 5px 10px;
}
.donate.show-modal button {
border-radius: 5px;
}
.donate__inner {
background-color: #fff;
padding: 40px;
border-radius: 5px;
position: relative;
transform: translateY(-100px);
transition: transform .2s;
}
.donate.show-modal .donate__inner {
transform: translateY(0);
}
@media (max-width: 767.98px) {
.donate.show-modal .donate__inner {
width: 95%;
}
}
.donate__close,
.reward-modal-close {
position: absolute;
top: 5px;
right: 5px;
width: 0;
height: 0;
}
.donate__close a,
.reward-modal-close a {
display: block;
font-size: 1.3rem;
padding: 10px;
color: #f55061;
text-decoration: none;
font-weight: 600;
}
.donate__close a:hover
.reward-modal-close a:hover {
color: #313131;
}
.donate.show-modal .donate__close,
.back-modal.show-modal .reward-modal-close {
width: auto;
height: auto;
}
.donate__title {
font-size: 1.3rem;
color: #31375E;
font-weight: 600;
margin-top: 18px;
margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
.donate__title {
font-size: 1.25rem;
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.donate__title {
font-size: 1.2rem;
margin-bottom: 16px;
}
}
@media (max-width: 767.98px) {
.donate__title {
font-size: 1.15rem;
margin-bottom: 14px;
}
}
@media (max-width: 575.98px) {
.donate__title {
font-size: 1.1rem;
margin-bottom: 12px;
}
}
.donate__amounts {
width: 100%;
}
.donate__amounts-row {
margin-right: -16px;
margin-bottom: -16px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.donate__amount {
width: 50%;
white-space: nowrap;
padding-right: 16px;
padding-bottom: 16px;
}
.donate__amount-inner {
width: 100%;
padding: 8px 14px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background-color: #f3f4f8;
cursor: pointer;
border-radius: 5px;
border: 1px solid transparent;
color: #31375E;
transition: all .1s ease-in-out;
}
.donate__amount-inner .donate__amount-value {
margin: 0;
font-size: 1.3rem;
}
.donate__amount-inner.selected, .donate__amount-inner:hover {
background-color: #fff;
border-color: #5777f3;
color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
}
@media (max-width: 1199.98px) {
.donate__amount-inner {
padding: 9px 15px;
height: 60px;
}
}
@media (max-width: 991.98px) {
.donate__amount-inner {
padding: 8px 14px;
height: 56px;
}
}
@media (max-width: 767.98px) {
.donate__amount-inner {
padding: 7px 13px;
height: 52px;
}
}
@media (max-width: 575.98px) {
.donate__amount-inner {
padding: 6px 12px;
height: 48px;
}
}
.donate__amount-value {
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 600;
}
@media (max-width: 1199.98px) {
.donate__amount-value {
font-size: 1.05rem;
}
}
@media (max-width: 991.98px) {
.donate__amount-value {
font-size: 1rem;
}
}
@media (max-width: 767.98px) {
.donate__amount-value {
font-size: .95rem;
}
}
@media (max-width: 575.98px) {
.donate__amount-value {
font-size: .9rem;
}
}
.donate__custom-amount {
padding: 8px 14px;
height: 62px;
border-radius: 5px;
display: flex;
align-items: center;
background-color: #f3f4f8;
margin-top: 16px;
margin-bottom: 16px;
border: 1px solid transparent;
}
@media (max-width: 1199.98px) {
.donate__custom-amount {
padding: 9px 15px;
height: 60px;
}
}
@media (max-width: 991.98px) {
.donate__custom-amount {
padding: 8px 14px;
height: 56px;
}
}
@media (max-width: 767.98px) {
.donate__custom-amount {
padding: 7px 13px;
height: 52px;
}
}
@media (max-width: 575.98px) {
.donate__custom-amount {
padding: 6px 12px;
height: 48px;
}
}
.donate__custom-amount.focus, .donate__custom-amount:focus-within {
border-color: #5777f3;
-moz-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
-webkit-box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
box-shadow: 1px 1px 10px 1px rgba(87, 119, 243, 0.2);
background-color: #fff;
}
.donate__custom-amount-icon {
color: #333;
font-size: 1rem;
}
@media (max-width: 1199.98px) {
.donate__custom-amount-icon {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.donate__custom-amount-icon {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.donate__custom-amount-icon {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.donate__custom-amount-icon {
font-size: .8rem;
}
}
.donate__custom-amount .donate__custom-amount-input {
flex: 1;
padding: 6px 10px 6px 3px;
border: none;
background-color: transparent;
font-size: 1.1rem;
box-shadow: none;
}
.donate__custom-amount .donate__custom-amount-input:focus{
border: none;
box-shadow: none;
background-color: transparent;
outline: none;
}
@media (max-width: 1199.98px) {
.donate__custom-amount .donate__custom-amount-input {
padding: 5.5px 9px 5.5px 3px;
font-size: 1.05rem;
}
}
@media (max-width: 991.98px) {
.donate__custom-amount .donate__custom-amount-input {
padding: 5px 8px 5px 3px;
font-size: 1rem;
}
}
@media (max-width: 767.98px) {
.donate.show-modal{
width: auto;
left: 0;
}
.donate__custom-amount .donate__custom-amount-input {
padding: 4.5px 7px 4.5px 3px;
font-size: .95rem;
}
}
@media (max-width: 575.98px) {
.donate__custom-amount .donate__custom-amount-input {
padding: 4px 6px 4px 3px;
font-size: .9rem;
}
}
.donate__info-text {
font-size: .9rem;
color: #7D8091;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.donate__info-text {
font-size: .95rem;
}
}
@media (max-width: 991.98px) {
.donate__info-text {
font-size: .9rem;
}
}
@media (max-width: 767.98px) {
.donate__info-text {
font-size: .85rem;
}
}
@media (max-width: 575.98px) {
.donate__info-text {
font-size: .8rem;
}
}
.donate__subtitle {
font-size: 1.1rem;
font-weight: 600;
color: #31375E;
margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
.donate__subtitle {
font-size: 1.05rem;
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.donate__subtitle {
font-size: 1rem;
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.donate__subtitle {
font-size: .95rem;
margin-bottom: 18px;
}
}
@media (max-width: 575.98px) {
.donate__subtitle {
font-size: .9rem;
margin-bottom: 16px;
}
}
#crowdfundly-donate-confirm{
margin-top: 0 !important;
} .campaign-action__inner {
padding: 50px 0;
}
@media (max-width: 767.98px) {
.campaign-action__inner {
padding: 30px 0;
}
}
.campaign-action__banner {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 8px;
margin-bottom: 15px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.campaign-action__banner-img {
z-index: 1;
}
.campaign-action__banner-inner {
background-position: center;
background-repeat: no-repeat;
width: 100%;
min-height: 300px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767.98px) {
.campaign-action__banner-inner {
height: 250px;
}
}
.campaign-action__banner-overlay {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
}
.campaign-action__header {
text-align: center;
color: #333;
margin-bottom: 30px;
}
.campaign-action__header-image {
height: 100px;
width: auto;
margin-top: 10px;
}
.campaign-action__icon {
font-size: 70px;
color: rgba(87, 119, 243, 0.7);
margin-bottom: 5px;
}
.campaign-action__title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.story-paragraph {
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 10px 0;
}
.story-heading {
font-size: 20px;
font-weight: 600;
line-height: 30px;
padding: 10px 0;
}
.story-image {
font-size: 0;
line-height: 0;
margin: 0;
height: auto;
padding: 10px 0
}
.story-image img {
margin: 0 auto;
width: 100%;
}
.story-blockquote {
border-left: 2px solid #eee;
box-sizing: border-box;
color: #666;
font-size: 30px;
font-weight: 300;
line-height: 40px;
padding: 10px 10px 10px 20px;
margin: 10px 0;
}   .story-video-wrapper {
width: 100%;
position: relative;
margin: 10px 0;
padding-top: 45% !important;
padding-bottom: 100px !important;
}
.story-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.v-player__iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
border: none;
outline: transparent;
border-radius: 5px;
}
.v-player, .v-player__iframe {
width: 100%;
background-color: #000;
}
select#crowdfundly_shipping_amount {
padding: .6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
-webkit-appearance: none;
box-sizing: border-box;
font-weight: 400;
box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
text-transform: capitalize;
}
.cf-camp-header {
display: none;
}
.cf-camp-header.cf-show {
display: block;
}
.cf-donation-form {
display: none;
}
.cf-donation-form.cf-show {
display: flex;
justify-content: center;
padding: 0 60px;
margin-bottom: 60px;
}
a.cf-back-btn {
font-size: 14px;
color: #5777f3;
padding: 8px 10px 8px 0;
cursor: pointer;
}
.cf-form-camp-name {
font-size: 20px;
font-weight: 600;
margin-top: 18px;
margin-bottom: 8px;
}
.cf-org {
display: flex;
font-size: 14px;
margin-bottom: 20px;
}
.cf-org-by  {
margin-right: 5px;
}
.cf-org-name {
font-weight: 600;
}
.cf-donation-form-type,
.cf-donation-form-update {
width: 60%;
background-color: #fff;
border-radius: 5px;
padding: 40px;
}
.form-group-inner {
display: flex;
}
.cf-input-group {
padding: 8px;
border: 1px solid #9b9b9b;
border-radius: 5px;
}
.cf-input-group:focus-within {
border-color: #5777f3;
}
.form .cf-donation-label {
font-size: 16px;
font-weight: 550;
margin-bottom: 10px;
cursor: pointer;
color: #31375e;;
}
.tip-wrap .cf-donation-label {
margin-bottom: 5px;
}
.cf-preset {
visibility: hidden;
height: 0;
}
.cf-preset.show {
visibility: visible;
height: auto;
margin-bottom: 10px;
}
.cf-preset-inner {
display: flex;
}
.cf-preset p {
font-size: 12px;
color: #9b9b9b;
margin-bottom: 5px;
}
.cf-preset button.cf-preset-btn {
padding: 5px 15px;
background-color: rgba(87, 119, 243, .50);
color: #333;
font-size: 16px;
border: none;
border-radius: 5px;
margin-right: 5px;
}
#cf-donation-amount {
border: none;
padding: 5px 10px;
width: 90%;
margin: 0;
font-size: 14px;
background: transparent;
}
#cf-donation-amount:focus {
border: none;
outline: none;
}
.cf-donation-currency {
font-size: 14px;
font-weight: 500;
margin-left: 5px;
}
.cf-radio-group {
margin-right: 20px;
}
.cf-radio-group .cf-radio-label {
padding: 0 0 0 5px;
margin: 0;
font-weight: 550;
}
.cf-radio-group input[type=radio] {
border-radius: 50%;
border: 2px solid #9b9b9b;
width: 20px;
height: 20px;
}
.cf-radio-group input[type=radio]:checked {
border: 2px solid #5777f3;
}
.cf-radio-group input[type=radio]:checked:focus {
outline: none;
}
.cf-radio-group input[type=radio]:after {
width: 10px;
height: 10px;
background: #5777f3;
}
.form .cf-donation-input,
.form .cf-donation-textarea {
width: 100%;
padding: 8px;
border: 1px solid #9b9b9b;
border-radius: 5px;
font-size: 14px;
background: transparent;
}
.form .cf-checkbox {
width: 18px;
height: 18px;
border: 1px solid #9b9b9b;
color: #5777f3;
position: relative;
}
.form .cf-checkbox:checked {
background-color: #5777f3;
border-color: #5777f3;
appearance: none;
}
.form .cf-donation-input:focus,
.form .cf-donation-textarea:focus,
.form .cf-checkbox:focus {
outline: none;
border-color: #5777f3;
}
.form .cf-checkbox:after {
content: "";
opacity: 0;
display: block;
left: 5px;
top: 1px;
position: absolute;
width: 7px;
height: 13px;
border: 3px solid #fff;
border-top: 0;
border-left: 0;
transform: rotate(30deg);
}
.form .cf-checkbox:checked:after {
opacity: 1;
}
.form .cf-payment-btn {
margin-right: 12px;
}
.form button.cf-payment-btn {
background: #fff;
background-color: #fff !important;
border: 2px solid transparent;
padding: 5px 15px;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.35);
}
.form .cf-payment-btn:hover {
box-shadow: 1px 3px 8px rgba(0, 0, 0, .5);
border-radius: 10px;
}
.form .cf-payment-btn.active {
border: 2px solid #5777f3;
border-radius: 10px;
box-shadow: 1px 2px 8px rgba(0, 0, 0, .65);
}
.form .cf-payment-btn img {
width: auto;
height: 30px;
}
.form.shipping {
display: none;
}
.form.shipping.show {
display: block;
}
.form.shipping #shipping_location {
border: none;
display: block;
width: 100%;
background-color: #eee;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
}
.form.shipping #shipping_location:focus {
outline: none;
background-color: #ddd;
}
.form.shipping .form-group-inner {
flex-wrap: wrap;
margin: 15px 0;
}
.form.shipping #cf-donation-city,
.form.shipping #cf-country-options {
width: 48%;
margin: 0;
}
.form.shipping #cf-country-options {
padding: 0 0 0 10px;
border: 1px solid #9b9b9b;
border-radius: 5px;
font-size: 14px;
background: transparent;
color: #767676;
}
.form.shipping #cf-country-options:focus {
outline: none;
border-color: #5777f3;
}
.select2-container .select2-selection--single {
height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 14px;
padding-top: 5px;
color: #767676;
}
.select2-container--default .select2-results>.select2-results__options {
font-size: 14px;
color: #767676;
}
.form.shipping .form-group-inner .cf-donation-input {
width: 48%;
margin: 0;
}
.form.shipping .form-group-inner #cf-donation-state,
.form.shipping .form-group-inner #cf-donation-city {
margin-right: 20px;
}
.form.shipping .form-group-inner #cf-donation-state,
.form.shipping .form-group-inner #cf-donation-zip {
margin-bottom: 12px;
}
#stripe-card.card-loaded {
margin-top: 30px;
margin-bottom: 40px;
}
button#cf-donation-submit {
width: 100%;
background-color: #5777f3;
border-radius: 8px;
color: #fff;
padding: 10px 0;
cursor: pointer;
border: none;
}
button#cf-donation-submit:hover {
background-color: #4a5cff;
}
button#cf-donation-submit:disabled,
button#cf-donation-submit[disabled]{
background-color: #cccccc;
color: #666666;
cursor: not-allowed;
}
.form .cf-country-wrap {
width: 48%;
}
.form #cf-donation-country,
.form.shipping #cf-country-options {
width: 100%;
}
.form.amount-wrap {
visibility: hidden;
height: 0;
margin-bottom: 0;
}
.form.amount-wrap.show {
visibility: visible;
height: auto;
margin-bottom: 24px;
}
.form#service-preview {
display: none;
}
.form#service-preview.show {
display: flex;
}
.form#service-preview .service-media {
margin-right: 10px;
width: 140px;
height: 80px;
border-radius: 5px;
background-repeat: no-repeat;
background-size: cover;
}
.form#service-preview .service-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.form#service-preview .service-price {
display: flex;
}
.form#service-preview .service-offer-price {
font-size: 16px;
font-weight: 600;
color: #5777f3;
}
.form#service-preview .service-regular-price {
font-size: 16px;
font-weight: 550;
color: #999999;
text-decoration: line-through;
margin-left: 8px;
}
.form.tip-wrap {
visibility: hidden;
height: 0;
margin-bottom: 0;
}
.form.tip-wrap.show {
visibility: visible;
height: auto;
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.tip-wrap .tip-description {
font-size: 12px;
color: #9b9b9b;
}
#cf-country-options {
display: none;
}
.sponsor-btn-wrap {
display: flex;
align-items: center;
width: 100%;
padding-bottom: 10px;
}
.sponsor-btn-wrap button#cf-sponsor-support {
margin: 0 10px 0 0;
}
.sponsor-btn-wrap button#cf-sponsor-membership {
margin: 0;
}
h4.cf-aditional-info {
font-size: 18px;
margin-bottom: 12px;
}
@media (max-width:  575.98px) {
.campaign__view-tab ul.nav-tabs{
flex-wrap: nowrap;
overflow: scroll hidden;
}
.top-donors .donor-list{
width: 100%;
flex-direction: column;
}
.top-donors .donor-list .donor-list__item{
width: 100%;
}
} .organization__details-inner .ql-align-center{
text-align: center;
}
.organization__details-inner .ql-align-justify {
text-align: justify;
}
.organization__details-inner .ql-align-right {
text-align: right;
}
.organization__details-inner .ql-syntax{
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.organization__details-inner blockquote{
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.organization__details-inner blockquote::before{
display: none;
} .campaign__view-tab .g-tab .g-tab__body .ql-align-center{
text-align: center;
}
.campaign__view-tab .g-tab .g-tab__body .ql-align-justify {
text-align: justify;
}
.campaign__view-tab .g-tab .g-tab__body .ql-align-right {
text-align: right;
}
.campaign__view-tab .g-tab .g-tab__body .ql-syntax{
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.campaign__view-tab .g-tab .g-tab__body blockquote{
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.campaign__view-tab .g-tab .g-tab__body blockquote::before{
display: none;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked]>li{
list-style: none;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=true]>li::before {
content: '\2611';
font-size: 1.35em;
vertical-align: baseline;
bottom: -0.065em;
font-weight: 900;
color: #222;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=true]>li::before {
cursor: pointer;
pointer-events: all;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=false]>li::before {
content: '\2610';
font-size: 1.35em;
vertical-align: baseline;
bottom: -0.065em;
font-weight: 900;
color: #222;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view ul[data-checked=false]>li::before {
cursor: pointer;
pointer-events: all;
}
.campaign__view-tab .g-tab .g-tab__body .editor-view img{
max-width: 100%;
}
.cf-loader-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.cf-loader {
width: 120px;
padding: 5px;
background: #001fff;
aspect-ratio: 1;
border-radius: 50%;
--_m: 
conic-gradient(#0000,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
box-sizing: border-box;
animation: load 1s linear infinite;
}
.cf-loaders {
width: 120px;
padding: 5px;
background: #001fff;
aspect-ratio: 1;
border-radius: 50%;
--_m: 
conic-gradient(#0000,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
box-sizing: border-box;
animation: load 1s linear infinite;
}
.campaign-card__amount {
font-size: 14px;
}
@keyframes load {
to{
transform: rotate(1turn)
}
}
.story-video-wrapper iframe {
max-width: 100%;
max-height: 500px !important;
}
.reward-contribution-input,input:focus,
select:focus,
textarea:focus,
button:focus{
outline: none !important;
} @media only screen and (max-width: 850px) {
.cf-donation-form-type,
.cf-donation-form-update {
width: 98%;
padding: 20px;
}
.back-modal.show-modal .back-modal-inner {
height: auto;
max-width: 100%;
width: 75%;
transform: translateY(0);
}
}
@media only screen and (max-width: 580px) {
.campaign__view-related-title {
text-align: center;
padding: 15px 0;
}
.campaign-card__title {
text-align: center;
}
}
@media only screen and (max-width: 450px) {
.cf-donation-form.cf-show {
display: flex;
justify-content: center;
padding: 0 15px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 390px) {
.cf-donation-form-type,
.cf-donation-form-update {
width: 98%;
padding: 5px;
}
}
iframe.ql-video{
aspect-ratio: 16/9;
width: 80%;
}
#recent-campaigns .campaign-card {
display: block;
width: 100%;
border-radius: 8px;
background-color: #fff;
-moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 1px rgb(0 0 0 / 10%);
box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
margin-bottom: 40px;
padding: 1.875rem;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
text-decoration: none;
}.footer-width-fixer {
width: 100%;
} .ehf-template-genesis.ehf-header .site-header .wrap,
.ehf-template-genesis.ehf-footer .site-footer .wrap,
.ehf-template-generatepress.ehf-header .site-header .inside-header {
width: 100%;
padding: 0;
max-width: 100%;
} .ehf-template-generatepress.ehf-header .site-header,
.ehf-template-generatepress.ehf-footer .site-footer {
width: 100%;
padding: 0;
max-width: 100%;
background-color: transparent !important; }
.bhf-hidden {
display: none
} .ehf-header #masthead {
z-index: 99;
position: relative;
}