#header-deco {
    height: 290px;
}

#header-deco-1,
#header-deco-2,
#header-deco-3,
#header-deco-4 {
    fill: #37BC9B;
}
#header-deco-1 {
    opacity: .4;
}
#header-deco-2 {
    opacity: .5;
}
#header-deco-3 {
    opacity: .7;
}
#header-deco-4 {
    opacity: 1;
}
.page-title {
    padding: 5px 15px 0px 15px;
}
.account-check-card{
    margin: 5px 15px 10px 15px;
}
.card-style {
    overflow: hidden;
    border-radius: 22px;
    margin: 0 15px 30px 15px;
    border: none;
    box-shadow: rgba(0,0,0,.03) 0 20px 25px -5px,rgba(0,0,0,.02) 0 10px 10px -5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}
.card-style h6{color: #fff}
.card-bg-1{background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);

}
.card-bg-2{
    background: linear-gradient(to bottom, rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%);
}
.card-bg-3{
    background: linear-gradient(to bottom, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%);
}
.card-bg-4{
    background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
}
.card-bg-5{
    background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
}
.card-bg-6{
    background: linear-gradient(to bottom, rgba(239,197,202,1) 0%,rgba(210,75,90,1) 50%,rgba(186,39,55,1) 51%,rgba(241,142,153,1) 100%);
}
.card-bg-7{
    background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%);
}
.card-bg-8{
    background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%);
}
.card-bg-9{
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%);
}

.card-bg-10{
    background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%);
}


.modal#statusSuccessModal .modal-content, 
.modal#statusErrorsModal .modal-content {
    border-radius: 30px;
}
.modal#statusSuccessModal .modal-content svg, 
.modal#statusErrorsModal .modal-content svg {
    width: 100px; 
    display: block; 
    margin: 0 auto;
}
.modal#statusSuccessModal .modal-content .path, 
.modal#statusErrorsModal .modal-content .path {
    stroke-dasharray: 1000; 
    stroke-dashoffset: 0;
}
.modal#statusSuccessModal .modal-content .path.circle, 
.modal#statusErrorsModal .modal-content .path.circle {
    -webkit-animation: dash 0.9s ease-in-out; 
    animation: dash 0.9s ease-in-out;
}
.modal#statusSuccessModal .modal-content .path.line, 
.modal#statusErrorsModal .modal-content .path.line {
    stroke-dashoffset: 1000; 
    -webkit-animation: dash 0.95s 0.35s ease-in-out forwards; 
    animation: dash 0.95s 0.35s ease-in-out forwards;
}
.modal#statusSuccessModal .modal-content .path.check, 
.modal#statusErrorsModal .modal-content .path.check {
    stroke-dashoffset: -100; 
    -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards; 
    animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
    }
    100%{
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes dash { 
    0% {
        stroke-dashoffset: 1000;}
    100% {
        stroke-dashoffset: 0;
    }
}
@-webkit-keyframes dash-check { 
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 900;
    }
}
.box00{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}


.searchBoxElement {
    background-color: white;
    border: 1px solid #aaa;
    position: absolute;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    line-height: 23px;
    list-style: none;
    z-index: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.searchBoxElement span {
    padding: 0 5px;
}


.searchBoxElement li {
    background-color: white;
    color: black;
}

.searchBoxElement li:hover {
    background-color: #50a0ff;
    color: white;
}

.searchBoxElement li.selected {
    background-color: #50a0ff;
    color: white;
}

.refineText {
    padding: 8px 0 8px 0 !important;
}

#footer-bar .circle-nav-1::after,
#footer-bar .circle-nav-2::before,
#footer-bar .circle-nav-2::after {
    background-image: linear-gradient(to bottom, #1e604f, #168A6D) !important;
}
.theme-light #footer-bar {
    /*background-color: rgba(255,255,255,.75);
    /* background: rgb(2,0,36); */
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,255,248,1) 100%); */
    /* background: rgb(14,172,154); */
    /* background: linear-gradient(90deg, rgba(14,172,154,1) 17%, rgba(24,157,113,1) 42%, rgba(23,176,177,1) 69%, rgba(34,228,223,1) 91%); */
    /* background: rgb(43,222,217); */
    /* background: linear-gradient(90deg, rgba(43,222,217,1) 17%, rgba(24,188,189,1) 35%, rgba(33,174,175,1) 60%, rgba(34,228,223,1) 82%); */
    /* background: rgb(244,241,34); */
    /* background: linear-gradient(90deg, rgba(244,241,34,1) 17%, rgba(113,189,24,1) 35%, rgba(57,175,33,1) 60%, rgba(188,228,34,1) 82%); */
    /* background: rgb(31,142,123); */
    /* background: linear-gradient(90deg, rgba(31,142,123,1) 17%, rgba(60,200,177,1) 35%, rgba(60,200,177,1) 60%, rgba(31,142,123,1) 82%); */
    background: rgb(52,199,175);
    background: linear-gradient(90deg, rgba(52,199,175,1) 19%, rgba(39,187,163,1) 40%, rgba(42,196,171,1) 63%, rgba(46,203,177,1) 82%);
}
#footer-bar {
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
}
.footer-bar-detached {
    border-radius: 0;
    left: 0px !important;
    right: 0px !important;
}
#footer-bar:not(.iosTabBar) {
    bottom: 0 !important;
}