@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://mllzpebejmda.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://fondacijaelmirasefo.ba/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://fondacijaelmirasefo.ba/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.eot);
src: url(https://fondacijaelmirasefo.ba/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://fondacijaelmirasefo.ba/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.woff) format('woff'), url(https://fondacijaelmirasefo.ba/wp-content/plugins/crowdfundly/assets/public/vendors/slick-dist/slick/fonts/slick.ttf) format('truetype'), url(https://fondacijaelmirasefo.ba/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(https://mllzpebejmda.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://fondacijaelmirasefo.ba/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(https://mllzpebejmda.i.optimole.com/w:auto/h:auto/q:mauto/f:best/https://fondacijaelmirasefo.ba/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;
}.eb-advance-heading-wrapper a{color:inherit}.eb-advance-heading-wrapper>*{transition:all .3s ease-in-out}.eb-advance-heading-wrapper .eb-ah-title>*{display:inline;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.eb-advance-heading-wrapper .eb-ah-title a{text-decoration:none}.eb-advance-heading-wrapper.marquee{box-sizing:border-box;overflow:hidden;position:relative;white-space:nowrap;width:100%}.eb-advance-heading-wrapper.marquee .eb-ah-title{animation-duration:10s;animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;display:inline-block}.eb-advance-heading-wrapper.marquee .eb-ah-title>*{white-space:nowrap!important}.eb-advance-heading-wrapper.marquee .eb-ah-title:hover{animation-play-state:paused}.eb-advance-heading-wrapper.waviy .eb-ah-title{-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.3));line-height:1.5em}.eb-advance-heading-wrapper.waviy .eb-ah-title>:not(a){animation:waviy 1s;display:inline-block}.eb-advance-heading-wrapper.waviy .eb-ah-title>:not(a):nth-child(2){animation-delay:1s}.eb-advance-heading-wrapper.waviy .eb-ah-title>:not(a):nth-child(3){animation-delay:2s}.eb-advance-heading-wrapper.waviy .eb-ah-title a{-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.3));line-height:1.5em}.eb-advance-heading-wrapper.waviy .eb-ah-title a>*{animation:waviy 1s;display:inline-block}.eb-advance-heading-wrapper.waviy .eb-ah-title a>:nth-child(2){animation-delay:1s}.eb-advance-heading-wrapper.waviy .eb-ah-title a>:nth-child(3){animation-delay:2s}.eb-advance-heading-wrapper .eb-ah-separator.icon>*{font-size:inherit}.eb-advance-heading-wrapper .eb-ah-separator.icon svg{display:block;height:1em;position:relative;width:1em}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes waviy{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}
.eb-button-wrapper{display:flex;flex-direction:column}.eb-button a.eb-button-anchor{align-items:center;background-color:#7967ff;border-radius:6px;color:#fff;display:flex;font-size:16px;font-weight:400;justify-content:center;line-height:inherit;padding:13px 22px;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.eb-button a.eb-button-anchor:hover{background-color:#513fd4;color:#fff}.eb-button-link{align-items:center;display:flex;margin-top:10px}.eb-button-text{display:inline-block}.eb-advance-heading-wrapper.eb-advance-heading-wowzf5z{ position: relative; text-align: center; transition:background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z:before{ transition:background 0.5s, opacity 0.5s, filter 0.5s; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z .eb-ah-title { text-align: center; color: var(--nv-site-bg); font-size: 18px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 5px; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z:hover .eb-ah-title { color: ; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z .eb-ah-subtitle { text-align: center; color: var(--nv-site-bg); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z:hover .eb-ah-subtitle { color: ; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z .eb-ah-separator { color: var(--nv-site-bg); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z .eb-ah-separator.line { border-style: none none solid; border-color: #551ef7; border-width:4px; width:100px; margin-left: auto; margin-right: auto } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z:hover .eb-ah-separator.line { border-color: ; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z .eb-ah-separator.icon { text-align: center; color: #551ef7; font-size:30px; } .eb-advance-heading-wrapper.eb-advance-heading-wowzf5z:hover .eb-ah-separator.icon { color: ; } .wp-admin .eb-parent-eb-advance-heading-wowzf5z { display: block; opacity: 1; } .eb-parent-eb-advance-heading-wowzf5z { display: block; }  @media(max-width: 1024px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-advance-heading-wowzf5z { display: block; opacity: 1; } .eb-parent-eb-advance-heading-wowzf5z { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-advance-heading-wowzf5z { display: block; opacity: 1; } .eb-parent-eb-advance-heading-wowzf5z { display: block; } }  .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9{ position: relative; text-align: center; margin: 0px; padding: 0px; transition:background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9:before{ transition:background 0.5s, opacity 0.5s, filter 0.5s; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9 .eb-ah-title { text-align: center; color: var(--nv-light-bg); font-size: 16px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 1px; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9:hover .eb-ah-title { color: ; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9 .eb-ah-subtitle { text-align: center; color: var(--nv-site-bg); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9:hover .eb-ah-subtitle { color: ; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9 .eb-ah-separator { color: var(--nv-site-bg); margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9 .eb-ah-separator.line { border-style: none none solid; border-color: #551ef7; border-width:4px; width:100px; margin-left: auto; margin-right: auto } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9:hover .eb-ah-separator.line { border-color: ; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9 .eb-ah-separator.icon { text-align: center; color: #551ef7; font-size:30px; } .eb-advance-heading-wrapper.eb-advance-heading-8rai6t9:hover .eb-ah-separator.icon { color: ; } .wp-admin .eb-parent-eb-advance-heading-8rai6t9 { display: block; opacity: 1; } .eb-parent-eb-advance-heading-8rai6t9 { display: block; }  @media(max-width: 1024px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-advance-heading-8rai6t9 { display: block; opacity: 1; } .eb-parent-eb-advance-heading-8rai6t9 { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-advance-heading-8rai6t9 { display: block; opacity: 1; } .eb-parent-eb-advance-heading-8rai6t9 { display: block; } }  .eb-button-wrapper.eb-button-6oeqrph { margin-top: 30px; margin-right: 0px; margin-left: 0px; margin-bottom: 30px; } .eb-button-wrapper.eb-button-6oeqrph.eb-button-alignment { align-items: center; } .eb-button-wrapper.eb-button-6oeqrph .eb-button { justify-content: center; } .eb-button-wrapper.eb-button-6oeqrph .eb-button-anchor { background-color: rgba(41,56,144,1); padding-top: 15px; padding-right: 30px; padding-left: 30px; padding-bottom: 15px; color: rgba(255,255,255,1); transition: all 0.3s, background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } .eb-button-wrapper.eb-button-6oeqrph .eb-button-anchor:hover { background-color: rgba(234,203,37,1); color: rgba(255,255,255,1); } .wp-admin .eb-parent-eb-button-6oeqrph { display: block; opacity: 1; } .eb-parent-eb-button-6oeqrph { display: block; }  @media(max-width: 1024px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-button-6oeqrph { display: block; opacity: 1; } .eb-parent-eb-button-6oeqrph { display: block; } } @media(max-width: 767px){ .editor-styles-wrapper.wp-embed-responsive .eb-parent-eb-button-6oeqrph { display: block; opacity: 1; } .eb-parent-eb-button-6oeqrph { display: block; } }@font-face {
font-family: 'wpxpress';
src: url(//fondacijaelmirasefo.ba/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56);
src: url(//fondacijaelmirasefo.ba/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.eot?9zg56#iefix) format('embedded-opentype'),
url(//fondacijaelmirasefo.ba/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.ttf?9zg56) format('truetype'),
url(//fondacijaelmirasefo.ba/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.woff?9zg56) format('woff'),
url(https://mllzpebejmda.i.optimole.com/w:auto/h:auto/q:mauto/f:best/ig:avif/https://fondacijaelmirasefo.ba/wp-content/plugins/smooth-back-to-top-button/assets/fonts/wpxpress.svg?9zg56#wpxpress) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="wpx-icon-"],
[class*=" wpx-icon-"] { font-family: 'wpxpress' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpx-icon-arrow-up-light:before {
content: "\e900";
}
.wpx-icon-arrow-up-bold:before {
content: "\e911";
}
.wpx-icon-angle-double-up:before {
content: "\e90a";
}
.wpx-icon-angle-up:before {
content: "\e90c";
}
.wpx-icon-arrow-up-black:before {
content: "\e908";
}
.wpx-icon-finger-up:before {
content: "\e904";
}
.wpx-icon-finger-up-o:before {
content: "\e905";
}.smooth-back-to-top-button {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 200ms linear;
overflow: visible;
}
.smooth-back-to-top-button.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.smooth-back-to-top-button::after {
top: 0;
left: 0;
z-index: 1;
text-align: center;
position: absolute;
font-family: 'wpxpress';
transition: all 200ms linear;
}
.smooth-back-to-top-button svg path,
.smooth-back-to-top-button svg rect {
fill: none;
}
.smooth-back-to-top-button svg.progress-circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.smooth-back-to-top-button svg.progress-circle path,
.smooth-back-to-top-button svg.progress-circle rect {
box-sizing: border-box;
transition: all 200ms linear;
}.menu-item-object-language_switcher .trp-flag-image {
display: inline-block;
margin: -1px 5px;
vertical-align: baseline;
padding: 0;
border: 0;
border-radius:0;
}
#wp-admin-bar-wp-rocket .trp-flag-image {
width: 18px !important;
height: 12px !important;
} .trp-language-switcher{
height: 42px;
position: relative;
box-sizing: border-box;
width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trp-language-switcher > div {
box-sizing: border-box;
padding:4px 20px 3px 13px;
border: 1.5px solid #949494;
border-radius: 2px;
background-image: url(https://mllzpebejmda.i.optimole.com/w:auto/h:auto/q:mauto/f:best/ig:avif/https://fondacijaelmirasefo.ba/wp-content/plugins/translatepress-multilingual/assets/images/arrow-down-3101.svg);
background-repeat: no-repeat;
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 3px) calc(1em + 0px);
background-size:
8px 8px,
8px 8px;
background-repeat: no-repeat;
background-color: #fff;
}
.trp-language-switcher > div:hover {
background-image: none;
}
.trp-language-switcher > div > a {
display: block;
padding: 7px 12px;
border-radius: 3px;
text-decoration: none;
color: #1E1E1E;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.trp-language-switcher > div > a:hover {
background: #F0F0F0;
border-radius: 2px;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp-language-switcher > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp-language-switcher .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp-language-switcher:focus .trp-ls-shortcode-current-language,
.trp-language-switcher:hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp-language-switcher .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
padding: 4px 13px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
} #wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before {
content: '\f326';
top: 3px;
}
@media screen and ( max-width: 782px ) {
#wpadminbar #wp-admin-bar-trp_edit_translation > .ab-item {
text-indent: 0;
}
#wpadminbar li#wp-admin-bar-trp_edit_translation {
display: block;
}
}.btn,.button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;box-sizing:border-box;border-color:currentColor;text-align:center;font-family:var(--bodyfontfamily),var(--nv-fallback-ff)}.btn,.button.button-primary,.is-style-primary .wp-block-button__link,.wp-block-search .wp-block-search__button,button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;box-sizing:border-box;background:var(--primarybtnbg);color:var(--primarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--primarybtnborderwidth,0);border-radius:var(--primarybtnborderradius,3px);padding:var(--primarybtnpadding,13px 15px);font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);letter-spacing:var(--btnletterspacing,var(--bodyletterspacing));text-transform:var(--btntexttransform,none)}.btn:hover,.button.button-primary:hover,.is-style-primary .wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--primarybtnhoverbg);color:var(--primarybtnhovercolor);border-color:var(--primarybtnhovercolor)}.wp-block-button__link{cursor:pointer;box-sizing:border-box;padding:var(--btnpadding,13px 15px);border-radius:var(--primarybtnborderradius,3px);font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);letter-spacing:var(--btnletterspacing,var(--bodyletterspacing));text-transform:var(--btntexttransform,none)}.button,.button.button-secondary,.is-style-secondary .wp-block-button__link{cursor:pointer;box-sizing:border-box;background-color:var(--secondarybtnbg);color:var(--secondarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--secondarybtnborderwidth,0);border-radius:var(--secondarybtnborderradius,3px);padding:var(--secondarybtnpadding,7px 12px);font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);letter-spacing:var(--btnletterspacing);text-transform:var(--btntexttransform,none)}.button.button-secondary:hover,.button:hover,.is-style-secondary .wp-block-button__link:hover{background-color:var(--secondarybtnhoverbg);color:var(--secondarybtnhovercolor);border-color:var(--secondarybtnhovercolor)}.widget select,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,form input:read-write,form select,form select option,form textarea,form.wp-block-search input.wp-block-search__input{border-style:solid;border-color:var(--formfieldbordercolor);border-width:var(--formfieldborderwidth);border-radius:var(--formfieldborderradius,3px);background:var(--formfieldbgcolor);color:var(--formfieldcolor);padding:var(--formfieldpadding);text-transform:var(--formfieldtexttransform);font-weight:var(--formfieldfontweight);font-family:var(--bodyfontfamily);font-size:var(--formfieldfontsize);letter-spacing:var(--formfieldletterspacing);line-height:var(--formfieldlineheight)}.wpforms-container .wpforms-field-label,form label{font-weight:var(--formlabelfontweight,var(--bodyfontweight));text-transform:var(--formlabeltexttransform);letter-spacing:var(--formlabelletterspacing);line-height:var(--formlabellineheight);font-size:var(--formlabelfontsize,var(--bodyfontsize))}.entry-summary,.nv-meta-list li{font-weight:var(--fontweight);text-transform:var(--texttransform);letter-spacing:var(--letterspacing);line-height:var(--lineheight);font-size:var(--fontsize)}.title.entry-title{font-size:var(--fontsize,var(--h1fontsize));font-weight:var(--fontweight,var(--h1fontweight));line-height:var(--lineheight,var(--h1lineheight));letter-spacing:var(--letterspacing,var(--h1letterspacing));text-transform:var(--texttransform,var(--h1texttransform))}.blog-entry-title{font-size:var(--fontsize,var(--h3fontsize));font-weight:var(--fontweight,var(--h3fontweight));line-height:var(--lineheight,var(--h3lineheight));letter-spacing:var(--letterspacing,var(--h3letterspacing));text-transform:var(--texttransform,var(--h3texttransform))}.comment-reply-title,.comments-title{font-size:var(--fontsize,var(--h4fontsize));font-weight:var(--fontweight,var(--h4fontweight));line-height:var(--lineheight,var(--h4lineheight));letter-spacing:var(--letterspacing,var(--h4letterspacing));text-transform:var(--texttransform,var(--h4texttransform))}.nv-html-content p,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:border-box}audio,embed,img,object,video{height:auto;max-width:100%}iframe{border:0;max-width:100%}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}abbr,acronym{text-decoration:none}mark{background:0;color:var(--nv-text-color)}.container{width:100%;padding-right:15px;padding-left:15px;margin:0 auto;max-width:var(--container)}.w-100{width:100%}.container-fluid{width:100%;margin:0 auto}.container-fluid>div{margin:0 -15px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{padding:0 15px;margin:0 auto;flex-grow:1;max-width:100%}html{font-size:100%}body{background-color:var(--nv-site-bg);color:var(--nv-text-color);font-size:var(--bodyfontsize);line-height:var(--bodylineheight);letter-spacing:var(--bodyletterspacing);font-family:var(--bodyfontfamily),var(--nv-fallback-ff);text-transform:var(--bodytexttransform);font-weight:var(--bodyfontweight);overflow-x:hidden;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:30px;font-family:var(--headingsfontfamily),var(--nv-fallback-ff)}p{margin-bottom:30px}a{--linkdeco:none;color:var(--nv-primary-accent);cursor:pointer;text-decoration:var(--linkdeco)}a:focus,a:hover{opacity:.9;color:var(--nv-secondary-accent)}.entry-content a:not([class]),.nv-comment-content a:not([class]),.nv-template .neve-main a:not([class]),.widget_text a:not([class]){--linkdeco:underline}ins{text-decoration:none}h1{font-size:var(--h1fontsize);font-weight:var(--h1fontweight);line-height:var(--h1lineheight);letter-spacing:var(--h1letterspacing);text-transform:var(--h1texttransform)}h2{font-size:var(--h2fontsize);font-weight:var(--h2fontweight);line-height:var(--h2lineheight);letter-spacing:var(--h2letterspacing);text-transform:var(--h2texttransform)}h3{font-size:var(--h3fontsize);font-weight:var(--h3fontweight);line-height:var(--h3lineheight);letter-spacing:var(--h3letterspacing);text-transform:var(--h3texttransform)}h4{font-size:var(--h4fontsize);font-weight:var(--h4fontweight);line-height:var(--h4lineheight);letter-spacing:var(--h4letterspacing);text-transform:var(--h4texttransform)}h5{font-size:var(--h5fontsize);font-weight:var(--h5fontweight);line-height:var(--h5lineheight);letter-spacing:var(--h5letterspacing);text-transform:var(--h5texttransform)}h6{font-size:var(--h6fontsize);font-weight:var(--h6fontweight);line-height:var(--h6lineheight);letter-spacing:var(--h6letterspacing);text-transform:var(--h6texttransform)}ol,ul{padding-left:var(--listpad,0)}ul{list-style:var(--liststyle,none)}.show-on-focus{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);top:32px;background:var(--nv-site-bg);padding:10px 15px}.show-on-focus:focus{z-index:999999;width:auto;height:auto;clip:auto}.screen-reader-text{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.nv-icon{fill:currentColor}.nv-search{display:flex}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 20px;width:100%;word-break:initial}.wp-block-table{margin-top:30px;margin-bottom:30px}.wp-block-table figcaption{margin:15px auto;text-align:center}.wp-block-table.is-style-stripes{border:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--nv-light-bg)}td,th{padding:20px}th{padding-bottom:10px}td{font-size:.9em;border-bottom:2px solid var(--nv-text-color)}.wp-block-separator{border-bottom:0;border-top:2px solid}.wp-block-separator.is-style-wide{border-width:4px}.wp-block-separator.is-style-dots{border-top:4px dotted}.wp-block-separator.is-style-dots::before{content:none}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 7.5px}.alignwide{width:98vw;max-width:98vw;margin-left:calc(50% - 49vw);margin-right:calc(50% - 49vw)}.nv-sidebar-left .alignfull,.nv-sidebar-left .alignwide,.nv-sidebar-right .alignfull,.nv-sidebar-right .alignwide{max-width:100%;margin-left:auto;margin-right:auto}blockquote{margin:40px 0;border-color:var(--nv-text-color);border-style:solid;border-width:0 0 0 4px;padding:0 0 0 20px}blockquote p{margin-bottom:10px}blockquote cite{font-style:normal;font-size:.9em!important}blockquote.has-text-align-center{border:0;padding:0}blockquote.has-text-align-right{border-width:0 4px 0 0;padding:0 20px 0 0}blockquote.is-style-large{border:0;padding:0}blockquote.is-style-large.wp-block-quote>p{margin-bottom:20px;font-style:normal;font-size:1.25em}.wp-block-pullquote{margin-top:30px;margin-bottom:30px;border-top:4px solid var(--nv-text-color);border-bottom:4px solid var(--nv-text-color);padding:30px 20px}.wp-block-pullquote p{font-size:1.5em!important}.wp-block-pullquote blockquote{padding-left:0;border-left:0;margin:0}.wp-block-pullquote.alignleft{text-align:left}.wp-block-pullquote.alignright{text-align:right}.wp-block-pullquote.is-style-solid-color{background-color:var(--nv-light-bg)}.wp-block-pullquote.is-style-solid-color blockquote{text-align:inherit;max-width:90%}.wp-block-verse{background-color:inherit;font-size:1.25em;border:0}.has-neve-link-color-color{color:var(--nv-primary-accent)!important}.has-neve-link-color-background-color{background-color:var(--nv-primary-accent)!important}.has-neve-link-hover-color-color{color:var(--nv-secondary-accent)!important}.has-neve-link-hover-color-background-color{background-color:var(--nv-secondary-accent)!important}.has-neve-text-color-color{color:var(--nv-text-color)!important}.has-neve-text-color-background-color{background-color:var(--nv-text-color)!important}.has-nv-site-bg-color{color:var(--nv-site-bg)!important}.has-nv-site-bg-background-color{background-color:var(--nv-site-bg)!important}.has-nv-light-bg-color{color:var(--nv-light-bg)!important}.has-nv-light-bg-background-color{background-color:var(--nv-light-bg)!important}.has-nv-dark-bg-color{color:var(--nv-dark-bg)!important}.has-nv-dark-bg-background-color{background-color:var(--nv-dark-bg)!important}.has-nv-text-dark-bg-color{color:var(--nv-text-dark-bg)!important}.has-nv-text-dark-bg-background-color{background-color:var(--nv-text-dark-bg)!important}.has-nv-c-1-color{color:var(--nv-c-1)!important}.has-nv-c-1-background-color{background-color:var(--nv-c-1)!important}.has-nv-c-2-color{color:var(--nv-c-2)!important}.has-nv-c-2-background-color{background-color:var(--nv-c-2)!important}.site-logo{align-items:center;display:flex}.site-logo img{max-width:var(--maxwidth);display:block;margin:0 auto}.site-logo img[src$=".svg"]{width:var(--maxwidth)}.site-logo .title-with-logo{display:flex;flex-direction:row;align-items:center}.site-logo .title-with-logo>:first-child{margin-right:10px}.site-logo h1,.site-logo p{font-size:24px;font-weight:var(--h1fontweight);line-height:var(--bodylineheight);letter-spacing:var(--bodyletterspacing);text-transform:var(--texttransform,var(--bodytexttransform));margin:0}.site-logo small{display:block}.header-menu-sidebar .nav-ul .sub-menu,.nav-ul li:focus-within>.sub-menu,.nav-ul li:hover>.sub-menu,.sub-menu.dropdown-open{opacity:1;visibility:visible}.caret{transition:.3s ease}.dd-title{flex-grow:var(--flexg);display:flex;align-items:center}.nav-ul{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing)/ 2 * -1);margin-left:calc(var(--spacing)/ 2 * -1)}.nav-ul li>a{display:flex;align-items:center;min-height:var(--height);color:var(--color);position:relative}.nav-ul a:hover{color:var(--hovercolor)}.nav-ul>li{margin:0 calc(var(--spacing)/ 2)}.nav-ul li{display:block;position:relative}.nav-ul li.current-menu-item>a:not([href*="#"]){color:var(--activecolor)}.nav-ul .caret{display:flex;justify-content:center}.nav-ul .caret svg{fill:currentColor;width:.5em;height:.5em}.nav-ul .sub-menu{background:var(--bgcolor,var(--overlaycolor));z-index:100;position:absolute;top:100%;box-shadow:rgba(149,157,165,.2) 0 8px 24px;visibility:hidden;opacity:0;right:0}.nav-ul .sub-menu li{min-width:150px}.nav-ul .sub-menu li>a{padding:10px 20px;white-space:nowrap;display:flex}.nav-ul .sub-menu .sub-menu{left:100%;top:0;right:unset}.header-menu-sidebar .nv-nav-wrap{width:100%}.header-menu-sidebar .nav-ul{flex-direction:column;width:100%}.header-menu-sidebar .nav-ul li{width:100%}.header-menu-sidebar .nav-ul li:not([class*=block])>a{padding:15px 0;white-space:unset}.header-menu-sidebar .nav-ul .caret svg{width:1em;height:1em}.header-menu-sidebar .nav-ul .caret-wrap{margin:-15px 0;padding:15px}.header-menu-sidebar .nav-ul .caret-wrap.dropdown-open .caret{transform:rotateX(180deg)}.header-menu-sidebar .nav-ul .sub-menu{left:unset!important;top:unset!important;right:unset!important;background:0;position:relative;max-width:100%;box-shadow:none;display:none}.header-menu-sidebar .nav-ul .sub-menu.dropdown-open{display:block;margin-left:10px}.nv-nav-wrap ul.primary-menu-ul>li i{margin-top:0;font-size:inherit;width:auto;height:auto}.nv-nav-search{transition:opacity .3s;position:absolute;visibility:hidden;opacity:0;right:0;width:auto;padding:10px;cursor:unset;z-index:100;background-color:var(--nv-site-bg);box-shadow:rgba(149,157,165,.2) 0 8px 24px;display:flex;align-items:center}.nv-nav-search .container{padding:0}.menu-item-nav-search.active .nv-nav-search{opacity:1;visibility:visible}.menu-item-nav-search{cursor:pointer;outline:0}.menu-item-nav-search .nv-icon:hover{color:var(--hovercolor)}.menu-item-nav-search svg{width:var(--iconsize);height:var(--iconsize)}.menu-item-nav-search.minimal{position:relative}.menu-item-nav-search.minimal .search-field{width:200px}.menu-item-nav-search.minimal .nv-nav-search{display:flex;align-items:center;right:auto;left:0;top:100%}.menu-item-nav-search.floating .form-wrap{flex-grow:1}.menu-item-nav-search.floating .nv-nav-search{align-items:unset;transition:top .2s ease-out;position:fixed;top:-100%;left:0}.menu-item-nav-search.floating.active .nv-nav-search{top:0}.menu-item-nav-search.floating .close-container{display:flex}.menu-item-nav-search.floating .close-responsive-search{display:flex;align-items:center;--primarybtnpadding:0 20px}.header-menu-sidebar .menu-item-nav-search.floating .nv-nav-search{position:absolute}.menu-item-nav-search.canvas .nv-nav-search{position:fixed;top:0;bottom:0;width:100%;display:flex;justify-content:center;align-items:center}.menu-item-nav-search.canvas .nv-nav-search .close-container{position:absolute;top:30px;text-align:right}.nav-clickaway-overlay{position:fixed;width:100%;left:0;right:0;top:0;z-index:90;height:100vh}.close-responsive-search{background:0;border:0;--primarybtnhoverbg:0}.close-responsive-search>svg{fill:var(--nv-text-color);width:var(--formfieldfontsize);min-width:25px;min-height:25px}.sm-style-border-bottom .sub-menu a::after,.style-border-bottom>ul>li>a::after{bottom:0}.sm-style-border-top .sub-menu a::after,.style-border-top>ul>li>a::after{top:0}.m-style>ul>li>a:hover::after,.sm-style .sub-menu a:hover::after{width:100%}.m-style>ul>li>a::after,.sm-style .sub-menu a::after{position:absolute;content:"";margin:0 auto;width:0;height:2px;transition:all .3s ease;right:0;left:0;pointer-events:none;background-color:var(--hovercolor,currentColor)}.sm-style-full-height .sub-menu a:hover,.style-full-height>ul>li>a:hover{color:currentColor}.sm-style-full-height .sub-menu a:hover,.sm-style-full-height .sub-menu a:hover i,.sm-style-full-height .sub-menu a:hover span,.style-full-height>ul>li>a:hover,.style-full-height>ul>li>a:hover i,.style-full-height>ul>li>a:hover span{color:var(--hovertextcolor,var(--color))!important}.sm-style-full-height .sub-menu a:hover::after,.style-full-height>ul>li>a:hover::after{width:calc(100% + var(--spacing))}.sm-style-full-height .sub-menu a,.style-full-height>ul>li>a{z-index:1}.sm-style-full-height .sub-menu a::after,.style-full-height>ul>li>a::after{top:0;bottom:0;left:calc(var(--spacing)/ 2 * -1);right:calc(var(--spacing)/ 2 * -1);height:100%;z-index:-1}.sm-style-full-height .sub-menu a:hover::after{width:100%}.nav-toggle-label{line-height:1;margin:var(--label-margin,0 5px 0 0)}.navbar-toggle-wrapper{align-items:center}.navbar-toggle{--primarybtncolor:var(--color);--primarybtnhovercolor:var(--color);--primarybtnbg:var(--bgcolor, transparent);--primarybtnhoverbg:var(--bgcolor, transparent);--primarybtnborderwidth:var(--borderwidth, 1px);--primarybtnborderradius:var(--borderradius, 0);padding:var(--padding,10px 15px);box-shadow:none;display:flex;align-items:center}.navbar-toggle:focus{outline:1px solid}.icon-bar{background-color:currentColor;transition:all .1s ease;position:relative;display:block;width:15px;height:2px}.icon-bar:nth-child(2){margin:3px 0}.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(1){transform:rotate(45deg);top:5px}.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(2){opacity:0}.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3){transform:rotate(-45deg);bottom:5px}.wrapper{display:flex;min-height:100vh;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.79,.14,.15,.86)}body>.wrapper:not(.et-fb-iframe-ancestor){overflow:hidden}.neve-main{flex:1 auto}.nv-page-title-wrap .nv-page-title{text-align:var(--textalign,left)}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;resize:vertical}[tabindex="-1"]:focus,input:read-write:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 3px 0 var(--nv-secondary-accent);--formfieldbordercolor:var(--nv-secondary-accent)}button,input,select,textarea{line-height:inherit;box-sizing:border-box}::placeholder{color:inherit;opacity:.5}select{min-height:35px;background-repeat:no-repeat;background-position:right;background-size:18px;padding-right:20px!important;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=)}label{display:inline-block}fieldset{padding:20px 30px;margin-bottom:20px;border:2px solid var(--nv-light-bg)}fieldset legend{font-weight:700;padding:0 15px;margin-left:-15px}fieldset input[type=password],fieldset input[type=search],fieldset input[type=text],fieldset select,fieldset textarea{width:100%}form select{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=) right center/18px no-repeat,var(--formfieldbgcolor)}.widget-search{width:100%;margin:0!important}.search-form{display:flex;max-width:100%;line-height:1;--primarybtnbg:var(--formfieldbgcolor);--primarybtnhoverbg:var(--formfieldbgcolor);--primarybtncolor:var(--formfieldbordercolor);--primarybtnhovercolor:var(--formfieldbordercolor)}.search-form svg{fill:var(--formfieldcolor);width:var(--formfieldfontsize);opacity:.5;height:auto}.search-form .search-submit{display:flex;justify-content:center;align-items:center;min-width:45px;z-index:1;--primarybtnborderwidth:var(--formfieldborderwidth);--primarybtnbordercolor:var(--formfieldbordercolor);--primarybtnborderradius:var(--formfieldborderradius);--primarybtnpadding:var(--formfieldpadding);border-bottom-left-radius:0;border-top-left-radius:0;border-left:0;position:relative;height:var(--height);overflow:hidden}.search-form .search-submit::before{content:"";display:block;width:3px;height:100%;background-color:var(--formfieldbgcolor);left:-3px;top:0;bottom:0;position:absolute}.search-form .search-field{overflow:hidden;text-overflow:ellipsis;height:var(--height);border-right:0;flex-grow:1;border-top-right-radius:0;border-bottom-right-radius:0;width:calc(100% - 45px);max-width:100%}.search-form .search-field:focus~button{box-shadow:0 0 3px 0 var(--nv-secondary-accent);border-color:var(--nv-secondary-accent)}.nv-meta-list{margin-bottom:20px;font-size:.9em}.nv-meta-list li,.nv-meta-list span{display:inline-block}.nv-meta-list li:not(:last-child)::after,.nv-meta-list span:not(:last-child)::after{content:"/";padding:0 8px}.nv-meta-list .posted-on:not(.nv-show-updated) .updated{display:none}.nv-meta-list .photo{width:var(--avatarsize);height:var(--avatarsize);border-radius:50%;transform:translateY(30%);margin-right:3px}.nv-dynamic-author-meta .photo{width:15px;height:15px;border-radius:50%;transform:translateY(30%)}.entry-title{word-wrap:break-word}.entry-title a{color:var(--nv-text-color)}.nv-index-posts{margin-top:60px}.nv-index-posts .nv-page-title-wrap{margin-top:0}.nv-post-thumbnail-wrap img:not(.photo),.nv-post-thumbnail-wrap>a{display:block}.nv-post-thumbnail-wrap img{box-shadow:var(--boxshadow,none)}.posts-wrapper>article{width:var(--postwidth)}.blog-entry-title{margin-bottom:10px;word-wrap:break-word}.article-content-col{width:100%}.article-content-col .content{width:100%;border-bottom:0 solid;padding-bottom:20px;display:flex;flex-direction:column}.article-content-col .content .button{display:inline-block;align-self:flex-start}.bypostauthor{display:block}.posts-wrapper{display:flex;flex-wrap:wrap;margin-bottom:40px}.excerpt-wrap>:last-child{margin-bottom:0}.layout-grid .content>.blog-entry-title{margin-bottom:10px}.layout-grid .content>*{margin-bottom:20px}.layout-grid .content>:last-child{margin-bottom:0}.nv-non-grid-article{margin-bottom:var(--spacing,60px);display:flex;align-items:flex-end}.nv-non-grid-article .non-grid-content{display:flex;flex-direction:column;flex-grow:1}.nv-non-grid-article .non-grid-content>.blog-entry-title{margin-bottom:10px}.nv-non-grid-article .non-grid-content>*{margin-bottom:20px}.nv-non-grid-article .non-grid-content>:last-child{margin-bottom:0}article{word-break:break-word}body:not(.nv-blog-default) .posts-wrapper{margin-left:calc(-1 * var(--gridspacing,30px)/ 2);margin-right:calc(-1 * var(--gridspacing,30px)/ 2)}body:not(.nv-blog-default) .posts-wrapper article{margin-bottom:calc(var(--gridspacing,30px));padding:0 calc(var(--gridspacing,30px)/ 2)}.nv-loader{height:40px;width:40px;border-radius:50%;border:3px solid var(--nv-primary-accent);border-left:3px solid transparent;animation:spin 1s linear infinite;margin:0 auto;display:none}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.layout-grid,body .layout-grid>.article-content-col{display:flex}.nv-non-grid-article .nv-post-thumbnail-wrap{margin-bottom:20px}.non-grid-content{padding:var(--padding)}.layout-covers .article-content-col,.layout-covers .content,.layout-covers .cover-post{height:100%}.layout-covers .content{border:0;padding-bottom:0}.cover-post{box-shadow:var(--boxshadow,none);position:relative;background-size:cover;display:flex;background-position:center;overflow:hidden}.cover-post::after{background:rgba(0,0,0,.75);content:"";position:absolute;left:0;right:0;top:0;bottom:0}.cover-post img{--boxshadow:none}.cover-post .inner{max-width:100%;min-height:350px;position:relative;z-index:10;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;color:var(--color,#fff);flex-grow:1}.cover-post .inner a:not(.button){color:var(--color,#fff)}.nv-single-post-wrap>div:first-child{margin-top:60px}.nv-single-post-wrap>div:last-child{padding-bottom:30px}.nv-single-post-wrap>div:not(:last-child){margin-bottom:var(--spacing,60px)}.nv-page-title-wrap{margin-top:60px}.entry-header{text-align:var(--textalign,center)}.entry-header .title{margin-bottom:10px}.attachment-neve-blog{display:flex}.nv-post-navigation{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.nv-post-navigation span{display:block}.nv-post-navigation .nav-direction{color:var(--nv-text-color);font-size:.8em;text-transform:uppercase}.nv-post-navigation a:hover span:last-child{text-decoration:underline}.nv-post-navigation .next{grid-column:2;text-align:right}.post-pages-links{display:flex;list-style-type:none}.post-pages-links>a:not(:last-child) span,.post-pages-links>span{padding-right:15px}.post-password-form input[type=submit]{margin-top:20px}.nv-tags-list a,.tagcloud a{margin:0 10px 10px 0;font-weight:700;text-transform:uppercase;color:#fff!important;padding:10px;border-radius:4px;background:var(--nv-primary-accent);line-height:1;font-size:.75em!important;display:inline-block}.nv-tags-list span,.tagcloud span{margin-right:10px}.tagcloud{display:flex;flex-wrap:wrap}.page .nv-post-cover{margin-bottom:60px}.nv-post-cover{min-height:var(--height);padding:var(--padding);justify-content:var(--justify,center);display:flex;position:relative;background-size:cover;background-repeat:no-repeat;background-position:center}.nv-post-cover .nv-title-meta-wrap{color:var(--color,var(--nv-text-dark-bg));display:flex;flex-direction:column;z-index:1;align-self:var(--valign,flex-end)}.nv-post-cover .nv-title-meta-wrap>:last-child{margin-bottom:0}.nv-post-cover .nv-title-meta-wrap a{color:var(--color,var(--nv-text-dark-bg))}.nv-post-cover .container{display:flex;justify-content:var(--justify,center);text-align:var(--textalign,center)}.nv-is-boxed{padding:var(--padding);background:var(--bgcolor,var(--nv-light-bg));color:var(--color,var(--nv-text-color))}.nv-is-boxed a{color:var(--color,var(--nv-text-color))}.nv-overlay{background:var(--bgcolor,var(--nv-dark-bg));mix-blend-mode:var(--blendmode,normal);opacity:calc(var(--opacity)/ 100);position:absolute;left:0;right:0;top:0;bottom:0}.nv-comment-content{margin-bottom:0!important}.nv-comment-content>:last-child{margin-bottom:0}#comments li.comment{border-bottom:2px solid;padding-bottom:40px;margin-bottom:40px}#comments article{display:flex}#comments .avatar{border-radius:100%;margin-right:20px}#comments .comment-content{flex-grow:1}#comments input:not([type=submit]):not([type=checkbox]){width:100%}#comments ol{list-style:none}#comments textarea{max-width:100%;width:100%;display:block}#comments .comment-reply-title{margin-bottom:15px}#comments .comment-reply-title small{float:right}.nv-comment-header{display:flex;align-items:center;margin-bottom:30px}.nv-comment-header .vcard{display:grid}.nv-comment-header .vcard a{color:var(--color,var(--nv-text-color))}.nv-comment-header .vcard .author{font-weight:700}.nv-comment-header .vcard time{font-size:.9em;opacity:.7}.nv-comment-header .edit-reply{font-size:.9em;font-weight:700;text-transform:uppercase;margin-left:auto}.comments-title{margin-bottom:80px}.comment-form{display:grid;grid-column-gap:15px;grid-row-gap:10px}.comment-form>p:not(.comment-notes){margin-bottom:0}.comment-form label{display:inline-block}.nv-comments-list{margin-bottom:80px}.nv-comments-list .children li:not(.children){padding-left:40px}ul.page-numbers{display:flex;flex-wrap:wrap}ul.page-numbers li{margin-bottom:15px}ul.page-numbers input[type=submit]{all:unset;cursor:pointer}ul.page-numbers form{display:flex}ul.page-numbers .page-input{line-height:1;margin-right:10px;padding:8px 15px;font-size:var(--bodyfontsize)}ul.page-numbers a,ul.page-numbers input[type=submit],ul.page-numbers span{line-height:1;margin-right:20px;background:var(--nv-light-bg);border-radius:3px;padding:12px 15px;color:var(--nv-text-color);display:block}ul.page-numbers .dots{background:0}ul.page-numbers .current{background:var(--nv-primary-accent);color:var(--nv-text-dark-bg)}dl{margin:20px 0}dl dd{padding-left:30px}dl dt{font-weight:600}.nv-iframe-embed{position:relative;padding-bottom:56.25%;height:0}.nv-iframe-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}figcaption{font-size:.9em;opacity:.75}code{background:#d0effb;border-radius:5px;border:1px solid var(--nv-light-bg);padding:0 3px;color:#333}pre{display:block;padding:30px;background:var(--nv-light-bg);margin:20px 0;white-space:pre-wrap;font-size:.9em;font-family:Courier,monospace}pre code{border:0;background:0 0}.excerpt-wrap,.nv-content-wrap{--listpad:20px;--liststyle:disc}.excerpt-wrap ol,.excerpt-wrap ul,.nv-content-wrap ol,.nv-content-wrap ul{margin:30px 0}.excerpt-wrap li,.nv-content-wrap li{margin-top:10px}.alignleft{float:left;margin:20px 20px 20px 0}.alignright{float:right;margin:20px 0 20px 20px}.aligncenter{display:block;text-align:center;margin:0 auto}.wp-caption{max-width:100%}.wp-caption-text{text-align:center;font-size:.8em;font-weight:500}.twitter-tweet.twitter-tweet-rendered{padding:15px 0;margin:auto}hr{color:inherit;height:0;border:0;border-top:2px solid;margin:10px 0 20px;display:inline-block;width:100%}audio{display:flex;height:50px}.gallery-columns-1 .gallery-item{width:100%;max-width:100%}.gallery-columns-2 .gallery-item{max-width:48%;width:48%}.gallery-columns-3 .gallery-item{max-width:31.3333333333%;width:31.3333333333%}.gallery-columns-4 .gallery-item{max-width:23%;width:23%}.gallery-columns-5 .gallery-item{max-width:18%;width:18%}.gallery-columns-6 .gallery-item{max-width:14.6666666667%;width:14.6666666667%}.gallery-columns-7 .gallery-item{max-width:12.2857142857%;width:12.2857142857%}.gallery-columns-8 .gallery-item{max-width:10.5%;width:10.5%}.gallery-columns-9 .gallery-item{max-width:9.1111111111%;width:9.1111111111%}.gallery{display:flex;flex-wrap:wrap;justify-content:space-between}.gallery-item{display:inline-block;text-align:center;vertical-align:top}.nv-content-wrap ul.wp-block-gallery{padding-left:0}.gallery-caption{box-sizing:border-box}.nv-index-posts,.nv-single-post-wrap{margin-bottom:60px}.nv-sidebar-wrap{padding:60px 15px;margin-bottom:20px;flex-grow:1}.nv-sidebar-wrap.hide:not(.shop-sidebar){display:none}.widget{word-break:break-word;margin-bottom:40px}.widget:last-child{margin:0}.widget select{max-width:100%;width:100%}.widget .widget-title{margin-bottom:10px;font-weight:700;font-size:var(--h4fontsize)}.widget ul{padding:0}.widget ul ul{padding-left:10px}.widget li{margin-top:10px}.post-date{display:block;font-size:.9em;opacity:.7}.widget_recent_entries a{color:var(--nv-text-color)}.widget_calendar td,.widget_calendar th{padding:10px}.nv-page-title .neve-breadcrumbs-wrapper,.nv-title-meta-wrap .neve-breadcrumbs-wrapper{margin-bottom:30px;display:block}.neve-breadcrumbs-wrapper{font-size:14px}.neve-breadcrumbs-wrapper a{color:#676767}.hfg-is-group{display:flex;align-items:center}.builder-item--footer-menu,.component-wrap,.item--inner,.menu-item-nav-search,.nav-ul .wrap a .dd-title,.nav-ul a,.palette-icon-wrapper,.site-logo,footer .nav-ul{justify-content:var(--justify,flex-start);text-align:var(--textalign,left)}@media (min-width:769px){#comments .comment-form{grid-template-columns:repeat(3,1fr)}#comments .comment-form>:not(.comment-form-author):not(.comment-form-url):not(.comment-form-email){grid-column:1/-1}}@media (min-width:960px){.neve-main>.container .col{max-width:70%}.neve-main>.container>.row{flex-wrap:nowrap}.nv-non-grid-article .nv-post-thumbnail-wrap{margin-bottom:0;grid-column:var(--thumbgridcolumn,1)}.nv-non-grid-article .content{display:grid;grid-gap:20px;align-items:center;grid-auto-flow:dense}.posts-wrapper>article.has-post-thumbnail .content{grid-template-columns:var(--postcoltemplate,35fr 65fr)}.posts-wrapper>article.has-post-thumbnail.layout-alternative:nth-child(even){--thumbgridcolumn:2}.posts-wrapper>article.has-post-thumbnail.layout-alternative:nth-child(even) .content{grid-template-columns:var(--postcoltemplate,65fr 35fr)}.nv-sidebar-wrap{max-width:30%}.nv-sidebar-wrap.nv-right{padding-left:45px}.nv-sidebar-wrap.nv-left{padding-right:45px}.nv-sidebar-wrap.hide.shop-sidebar{display:none}.alignwide{width:70vw;max-width:70vw;margin-left:calc(50% - 35vw);margin-right:calc(50% - 35vw)}}.elementor-widget-text-editor{--listpad:15px;--liststyle:disc}body.elementor-page .wrapper{overflow:visible}.elementor select{background-image:none}.header-menu-sidebar{padding:0;position:fixed;max-width:100%;top:0;z-index:999900;visibility:hidden;display:flex;transition:all .3s cubic-bezier(.79,.14,.15,.86);height:100vh}.header-menu-sidebar .navbar-toggle-wrapper{display:flex;justify-content:flex-end;padding:8px 10px}.header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle{position:relative}.header-menu-sidebar-bg{background-color:var(--bgcolor);color:var(--color);position:relative;display:flex;flex-direction:column;word-wrap:break-word;width:100%}.header-menu-sidebar-inner{padding:20px 0;overflow-x:hidden;height:100%;display:none;opacity:0;transition:opacity .3s ease}.is-menu-sidebar .header-menu-sidebar-inner{display:block;opacity:1}.hiding-header-menu-sidebar .header-menu-sidebar-inner{display:block;transition:all .3s ease;opacity:0}.header-menu-sidebar-inner .item--inner{width:100%}.hiding-header-menu-sidebar .close-sidebar-panel{transition:.3s ease;opacity:0}.menu_sidebar_slide_left .header-menu-sidebar{left:0;transform:translateX(-100%)}.menu_sidebar_slide_right .header-menu-sidebar{right:0;transform:translateX(100%)}.menu_sidebar_pull_left .wrapper{left:0}.menu_sidebar_pull_left .wrapper .header-menu-sidebar{left:0;transform:translateX(-100%)}.menu_sidebar_pull_right .wrapper{right:0}.menu_sidebar_pull_right .wrapper .header-menu-sidebar{right:0;transform:translateX(100%)}.menu_sidebar_dropdown .hfg-ov{display:none}.menu_sidebar_dropdown .header-menu-sidebar{box-shadow:none;position:absolute;top:unset;width:100%;display:block}.menu_sidebar_dropdown .header-menu-sidebar-inner{transition:all .3s cubic-bezier(.79,.14,.15,.86);max-height:0;padding:0}.menu_sidebar_full_canvas .header-menu-sidebar{width:100%;bottom:0;right:0;opacity:0;transition:all .3s cubic-bezier(.79,.14,.15,.86)}.menu_sidebar_full_canvas .header-menu-sidebar-inner{flex-grow:1}.is-menu-sidebar .header-menu-sidebar{visibility:visible}.is-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar{transform:translate3d(0,0,0);left:0}.is-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar{transform:translate3d(0,0,0);right:0}.is-menu-sidebar.menu_sidebar_pull_left .header-menu-sidebar,.is-menu-sidebar.menu_sidebar_pull_right .header-menu-sidebar{transform:translateX(0)}.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar{height:auto}.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner{max-height:400px;padding:20px 0}.is-menu-sidebar.menu_sidebar_full_canvas .header-menu-sidebar{opacity:1}.header-menu-sidebar .menu-item-nav-search{display:flex;align-items:center}.hfg-ov{top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);position:fixed;transform:translate3d(0,0,0);z-index:999899;transition:all .3s linear;visibility:hidden;opacity:0}.is-menu-sidebar .hfg-ov{visibility:visible;opacity:1}.hfg-pe{pointer-events:none}.is-menu-sidebar .hfg-pe{pointer-events:unset}.site-footer{position:relative;z-index:11}.site-footer .item--inner{width:100%}.site-footer .item--inner.has_menu{display:flex}.site-footer p:last-child{margin-bottom:0}.footer--row .hfg-slot{display:flex;flex-direction:column}.footer--row .row{display:grid;align-items:var(--valign)}.footer--row .builder-item{width:100%}@media (max-width:960px){footer .footer--row-inner .row{grid-template-columns:1fr}}.site-header{position:relative}.site-header .header--row-inner{align-items:center;display:flex}#header-grid.global-styled:not(.neve-transparent-header):not(.has-sticky-rows--mobile):not(.has-sticky-rows--desktop){position:relative}#header-grid.global-styled:not(.neve-transparent-header){background:var(--bgcolor);background-image:var(--bgimage,var(--bgcolor,none));background-position:var(--bgposition,center);background-repeat:no-repeat;background-size:cover;background-attachment:var(--bgattachment)}#header-grid.global-styled:not(.neve-transparent-header)::before{display:block;width:100%;top:0;bottom:0;position:absolute;content:"";background-color:var(--overlaycolor);opacity:var(--bgoverlayopacity)}#header-grid.global-styled:not(.neve-transparent-header) .header--row,#header-grid.global-styled:not(.neve-transparent-header) .header--row-inner{background:0 0}.builder-item{margin:4px 0;position:relative;min-height:1px;padding-right:15px;padding-left:15px}.builder-item.hfg-end{margin-left:auto}.builder-item.hfg-start{margin-right:auto}@media (min-width:960px){.builder-item{margin:8px 0}}.hfg-slot{display:flex;align-items:center}.hfg-slot.right{justify-content:flex-end}.hfg-slot.center{justify-content:center}.layout-fullwidth .container{max-width:100%!important}.layout-contained{max-width:var(--container);margin:0 auto}.header-menu-sidebar-bg,[class*=row-inner]{position:relative;background-image:var(--bgimage,none);background-position:var(--bgposition,center);background-repeat:no-repeat;background-size:cover;background-attachment:var(--bgattachment)}.header-menu-sidebar-bg::before,[class*=row-inner]::before{display:block;width:100%;top:0;bottom:0;position:absolute;content:"";background-color:var(--overlaycolor);opacity:var(--bgoverlayopacity)}[class*=row-inner]:not(.footer--row-inner){border-bottom:var(--rowbwidth,0) solid var(--rowbcolor)}.footer--row-inner{border-top:var(--rowbwidth,0) solid var(--rowbcolor)}[data-row-id]{color:var(--color);background:var(--bgcolor)}[data-row-id] a{color:var(--color)}[data-row-id] .row{display:grid;grid-template-columns:auto auto;min-height:var(--height,auto)}.has-center .row--wrapper{grid-template-columns:1fr auto 1fr}.hfg_header.site-header{box-shadow:0 -1px 3px rgba(0,0,0,.1)}.hfg-is-group>div:first-of-type .button{margin-right:20px}.hfg-is-group>div:last-of-type .button{margin-left:20px}.header .builder-item .item--inner[class*=button_base],.header .builder-item .item--inner[class*=nav-icon]{padding:0!important}.header .builder-item [class*=button_base] .button{--primarybtnpadding:var(--padding)}.hfg-grid{display:flex}@media (min-width:960px){.hide-on-desktop{display:none}}@media (max-width:959px){.hide-on-tablet{display:none}}@media (max-width:576px){.hide-on-mobile{display:none}}.component-wrap{display:flex;margin:4px 0}.builder-item .item--inner{color:var(--color);font-family:var(--fontfamily,var(--bodyfontfamily));font-size:var(--fontsize,var(--bodyfontsize));line-height:var(--lineheight,var(--bodylineheight));letter-spacing:var(--letterspacing,var(--bodyletterspacing));font-weight:var(--fontweight,var(--bodyfontweight));text-transform:var(--texttransform,var(--bodytexttransform));padding:var(--padding,0);margin:var(--margin,0);position:relative}.builder-item .item--inner.has_menu{position:unset}.inherit-ff{font-family:var(--inheritedff);font-weight:var(--inheritedfw)}