@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animate-init {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-size: 800px 104px;
    position: relative;
}

.animated-background-rejected {
    background: #da0707;
    background: linear-gradient(to right, #db332e 8%, #db332e 18%, #d23a34 33%);
}

.animated-background-aborted {
    background: #ff9191;
    background: linear-gradient(to right, #f2908f 8%, #f2908f 18%, #ea8382 33%);
}

.animated-background-preapproved {
    background: #4bed66;
    background: linear-gradient(to right, #6fee67 8%, #6fee67 18%, #7cee67 33%)
}

.animated-background-cancelled {
    background: #ff9191;
    background: linear-gradient(to right, #f2908f 8%, #f2908f 18%, #ea8382 33%);
}

.animated-background-formcompleted {
    background: #8686da;
    background: linear-gradient(to right, #8686da 8%, #8686da 18%, #9090da 33%);
}

.animated-background-nachregistered {
    background: #42d9e4;
    background: linear-gradient(to right, #60cfd8 8%, #53cad4 18%, #5dd6d1 33%);
}

.animated-background-disbursed {
    background: #42d9e4;
    background: linear-gradient(to right, #60cfd8 8%, #53cad4 18%, #5dd6d1 33%);
}

.animated-background-closed {
    background: #42d9e4;
    background: linear-gradient(to right, #5ddae4 8%, #5ddae4 18%, #74dae0 33%);
}

.animated-background-approved {
    background: #44bc44;
    background: linear-gradient(to right, #57bc45 8%, #57bc45 18%, #5ebf4d 33%);
}

.animated-background-in-process {
    background: #bebe45;
    background: linear-gradient(to right, #cccc1b 8%, #b7b71b 18%, #cccc64 33%);
}


.application-rejected{
    background-color: #da0707;
    color: #ffffff;
}
.application-rejected > td > a > i{
    color: #ffffff !important;
}
.application-rejected > td > span > i{
    color: #ffffff !important;
}

.application-aborted{
    background-color: #ff9191;
    color: #ffffff;
}
.application-aborted > td > a > i{
    color: #ffffff !important;
}
.application-aborted > td > span > i{
    color: #ffffff !important;
}

.application-preapproved{
    background-color: #4bed66;
    color: #ffffff;
}
.application-preapproved > td > a > i{
    color: #ffffff !important;
}
.application-preapproved > td > span > i{
    color: #ffffff !important;
}

.application-cancelled{
    background-color: #ff9191;
    color: #ffffff;
}
.application-cancelled > td > a > i{
    color: #ffffff !important;
}
.application-cancelled > td > span > i{
    color: #ffffff !important;
}
.application-formcompleted{
    background-color: #8686da;
    color: #ffffff;
}
.application-formcompleted > td > a > i{
    color: #ffffff !important;
}
.application-formcompleted > td > span > i{
    color: #ffffff !important;
}

.application-nachregistered{
    background-color: #42d9e4;
    color: #ffffff;
}
.application-nachregistered > td > a > i{
    color: #ffffff !important;
}
.application-nachregistered > td > span > i{
    color: #ffffff !important;
}

.application-disbursed{
    background-color: #42d9e4;
    color: #ffffff;
}
.application-disbursed > td > a > i{
    color: #ffffff !important;
}
.application-disbursed > td > span > i{
    color: #ffffff !important;
}

.application-closed{
    background-color: #42d9e4;
    color: #ffffff;
}
.application-closed > td > a > i{
    color: #ffffff !important;
}
.application-closed > td > span > i{
    color: #ffffff !important;
}


.application-approved{
    background-color: #44bc44;
    color: #ffffff;
}
.application-approved > td > a > i{
    color: #ffffff !important;
}
.application-approved > td > span > i{
    color: #ffffff !important;
}

.application-in-process{
    background-color: #bebe45;
    color: #ffffff;
}
.application-in-process > td > a > i{
    color: #ffffff !important;
}
.application-in-process > td > span > i{
    color: #ffffff !important;
}

span.list-icon{
    color: #898b96;
    cursor: pointer;
}
.dropdown-toggle::after {
    display:none;
}
.app-co-init{
    color: #898b96;
}
.dropdown-menu {
    min-width: 232px;
}
.mb-view-32{
    display: none;
}

i.ca-icon{
    font-size: 31px !important;
}
a.ca-app-co-init{
    left: 23px !important;
    top: -7px !important;
    color: #898b96 !important;
}

.e-singed-base{
    margin-top: 4px;
    color: #ffffff;
    padding: 3px 10px;
    font-weight: 600;
    background-color: #457d08;
}

.score-card-base{
    margin-top: 4px;
    color: #ffffff;
    right: 61px;
    padding: 3px 10px;
    font-weight: 600;
}
.score-card-A{
    background-color: #5c65ab;
}
.score-card-B{
    background-color: #2b7165;
}
.score-card-C{
    background-color: #3d521b;
}
.score-card-R{
    background-color: #c13333;
}
.score-card-AAA{
    background-color: #8e5a3a;
}
.merchant_name_mobile{
    display: none;
}

table.consumer-application > tbody > tr > td > i.fa-phone{
    display: none;
}

table.merchant-form > tbody > tr > td > a > i.fa-phone{
    display: none;
}

@media only screen and (max-width: 600px){

    /*Consumer Application From CSS*/
    table.consumer-application > thead > tr > th:not(:nth-child(2)){
        display: none;
    }
    table.consumer-application > tbody > tr > th,table.consumer-application > tbody > tr >td:not(:nth-child(2)){
        display: none;
    }
    table.consumer-application > thead > tr > th:nth-child(11){
        display: block;
    }
    table.consumer-application > tbody > tr > td:nth-child(11){
        display: block;
    }

    table.consumer-application > tbody > tr > td > i.fa-phone{
        display: block;
    }

    /*Merchant Application From CSS*/
    table.merchant-form > thead > tr > th:not(:nth-child(2)){
        display: none;
    }
    table.merchant-form > tbody > tr > th,table.merchant-form > tbody > tr >td:not(:nth-child(2)){
        display: none;
    }
    table.merchant-form > thead > tr > th:nth-child(7){
        display: block;
    }
    table.merchant-form > tbody > tr > td:last-child{
        display: block;
    }
    table.merchant-form > tbody > tr > td > a > i.fa-phone{
        display: block;
    }

    div.search-for-consumer{
        margin-top: 6px;
    }

    a.btn-add-consumer-application{
        padding: 9px !important;
        margin-left: 13px;
    }

    .merchant_name_mobile{
        display: inline;
    }
}

.dropdown-submenu i.la{
    float: right;
    top: 9px;
}

.dropdown-submenu:hover  ul.dropdown-menu-submenu{
    display: block;
    position: absolute;
    margin-left: -232px;
    margin-top: -34px;
}


#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #b52d2d; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
}

.emi_due_sms_tamp{
    font-size: 16px;
    padding-bottom: 6px;
    font-weight: 600;
    margin: 1px;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}