body {
    background-color: #fff;
    font-size: 0.84vw;
    font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 320px) {

    body {
        font-size: 2em;
    }
}

input, select {
    font-size: 0.9vw !important;
}
textarea,a,button {
    font-size: 0.9vw !important;
}
html {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.84vw;
}
.thead-sticky {
    position: sticky;
    top: 0;
    z-index: 1;
}
/*tbody{
    font-size:0.84rem;
}*/
.card-body {
    background-color: #f8f9fa
}

.bg-light-moss-tf {
    background-color: #85BE9D;
}

.bg-slate-green-tf {
    background-color: #3B676B;
    color: white;
}
.bg-terra-cota-tf {
    background-color: #D87659;
}
.bg-dark-slate-blue {
    background-color: #1E3653;
}

.step-icon {
    background-color: #85BE9D;
}

.btn-loading {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}

    .btn-loading:after {
        content: '';
        -webkit-animation: spin 500ms infinite linear;
        animation: spin 500ms infinite linear;
        border: 2px solid #fff;
        border-radius: 50%;
        border-right-color: transparent !important;
        border-top-color: transparent !important;
        display: block;
        height: 1.4em;
        width: 1.4em;
        left: calc(50% - (1.4em / 2));
        top: calc(50% - (1.4em / 2));
        -webkit-transform-origin: center;
        transform-origin: center;
        position: absolute !important;
    }
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

    .btn-loading.btn-sm:after, .btn-group-sm > .btn-loading.btn:after, .dataTables_wrapper .dataTables_paginate .btn-group-sm > .btn-loading.paginate_button:after {
        height: 1em;
        width: 1em;
        left: calc(50% - (1em / 2));
        top: calc(50% - (1em / 2));
    }


.fade2 {
    transform: scale(0.9);
    opacity: 0;
    transition: all .2s linear;
    display: block !important;
}

    .fade2.show {
        opacity: 1;
        transform: scale(1);
    }