:root{
    --color-primary: #056839;
    --color-bg: #eee;
    --color-grey: #A4A4A4;
    --color-white: #fff;
    --color-dark: #363636;
    --color-divider: #D9D9D9;
}
.text-dark{
    color: var(--color-dark) !important;
}
.text-grey{
    color: var(--color-grey) !important;
}
.text-primary{
    color: var(--color-primary) !important;
}
.btn-primary{
    background: var(--color-primary);
    border: none;
}
.btn-outline-primary{
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.btn-outline-primary:hover{
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}
.btn-primary:hover{
    background: var(--color-primary);
    border: none;
}
.bg-primary{
    background: var(--color-primary) !important;
}
.img-form{
    height: 50px;
    width: auto;
}

/* shimmer */
.shine {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    display: inline-block;
    position: relative; 
    
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
}
@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0;
    }
    
    100% {
        background-position: 468px 0; 
    }
}

.text-14{
    font-size: 14px;
}

label, .form-control{
    color: #444;
}

.form-control:disabled,
 .form-control[readonly] {
    background: #eee;
    opacity: 1;
}