/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 1, 2020, 11:01:49 AM
    Author     : Aji
*/


@-webkit-keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeUp {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.animate.fadeUp {
    -webkit-animation: fadeUp;
    animation: fadeUp;
    -webkit-animation-duration: .600s;
    animation-duration: .600s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeLeft {
    0% {
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.animate.fadeLeft {
    -webkit-animation: fadeLeft;
    animation: fadeLeft;
    -webkit-animation-duration: .600s;
    animation-duration: .600s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeRight {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.animate.fadeRight {
    -webkit-animation: fadeRight;
    animation: fadeRight;
    -webkit-animation-duration: .600s;
    animation-duration: .600s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}



.donut {
    width: 15px;
    height: 15px;
    margin: 0px 0px;
    border-radius: 50% !important;
    border: 0.2rem solid rgba(151, 159, 208, 0.3);
    border-top-color: #979fd0;
    -webkit-animation: 1s spin infinite linear;
    animation: 1s spin infinite linear;
    display:inline-block;
}
.donut.multi {
    border-bottom-color: #979fd0;
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*#eb7f5c 
#f3c44c*/

.ub-loader-underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.ub-loader-underlay .shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.83);
}
.ub-loader::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    /*border: 10px solid #f3f3f3;*/
    border-radius: 50%;
    /*border-top: 10px solid #3498db;*/
    /*margin-top: -40px;*/
    margin-left: -80px;
    width: 138px;
    height: 133px;
    background-image: url(../images/original.png);
    background-size: auto;
    animation: moveX 3s steps(104) infinite;
    -webkit-animation: moveX 3s steps(104) infinite;
}

@keyframes moveX{
    from{background-position-y:0px;}
    to{background-position-y:-10187px;}
}

.loader:after {
    content: '';
    /*position:relative;*/
    margin: 130px auto;
    /*margin: 40% auto;*/
    font-size: 15px;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    right: 50%;
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #8ed076, 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.5), -1.8em -1.8em 0 0em rgba(142,208,118, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.7), 1.8em -1.8em 0 0em #8ed076, 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.5), 1.8em -1.8em 0 0em rgba(142,208,118, 0.7), 2.5em 0em 0 0em #8ed076, 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.5), 2.5em 0em 0 0em rgba(142,208,118, 0.7), 1.75em 1.75em 0 0em #8ed076, 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.5), 1.75em 1.75em 0 0em rgba(142,208,118, 0.7), 0em 2.5em 0 0em #8ed076, -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.5), 0em 2.5em 0 0em rgba(142,208,118, 0.7), -1.8em 1.8em 0 0em #8ed076, -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.5), -1.8em 1.8em 0 0em rgba(142,208,118, 0.7), -2.6em 0em 0 0em #8ed076, -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.5), -2.6em 0em 0 0em rgba(142,208,118, 0.7), -1.8em -1.8em 0 0em #8ed076;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #8ed076, 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.5), -1.8em -1.8em 0 0em rgba(142,208,118, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.7), 1.8em -1.8em 0 0em #8ed076, 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.5), 1.8em -1.8em 0 0em rgba(142,208,118, 0.7), 2.5em 0em 0 0em #8ed076, 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.5), 2.5em 0em 0 0em rgba(142,208,118, 0.7), 1.75em 1.75em 0 0em #8ed076, 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.5), 1.75em 1.75em 0 0em rgba(142,208,118, 0.7), 0em 2.5em 0 0em #8ed076, -1.8em 1.8em 0 0em rgba(142,208,118, 0.2), -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.5), 0em 2.5em 0 0em rgba(142,208,118, 0.7), -1.8em 1.8em 0 0em #8ed076, -2.6em 0em 0 0em rgba(142,208,118, 0.2), -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.5), -1.8em 1.8em 0 0em rgba(142,208,118, 0.7), -2.6em 0em 0 0em #8ed076, -1.8em -1.8em 0 0em rgba(142,208,118, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(142,208,118, 0.2), 1.8em -1.8em 0 0em rgba(142,208,118, 0.2), 2.5em 0em 0 0em rgba(142,208,118, 0.2), 1.75em 1.75em 0 0em rgba(142,208,118, 0.2), 0em 2.5em 0 0em rgba(142,208,118, 0.2), -1.8em 1.8em 0 0em rgba(142,208,118, 0.5), -2.6em 0em 0 0em rgba(142,208,118, 0.7), -1.8em -1.8em 0 0em #8ed076;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(10%); }
    10% { opacity: 1; transform: translateY(0); }
}


@keyframes lds-ripple {
    0% {
        top: 90px;
        left: 90px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 180px;
        height: 180px;
        opacity: 0;
    }
}

@-webkit-keyframes color-change {
    0% { color: #b99595; }
    50% { color: #c79b9b; }
    100% { color: #a98181; }
}
@-moz-keyframes color-change {
    0% { color: #b99595; }
    50% { color: #c79b9b; }
    100% { color: #a98181; }
}
@-ms-keyframes color-change {
    0% { color: #b99595; }
    50% { color: #c79b9b; }
    100% { color: #a98181; }
}
@-o-keyframes color-change {
    0% { color: #b99595; }
    50% { color: #c79b9b; }
    100% { color: #a98181; }
}
@keyframes color-change {
    0% { color: #b99595; }
    50% { color: #c79b9b; }
    100% { color: #a98181; }
}