/* 
    Created on : Mar 17, 2023, 1:09:49 PM
    Author     : briano
*/

html,body{
    font-size: 15px;
}

.logo-text{
    font-size: 32px;
}

.text-primary{
    color: #046434 !important;
}

.text-secondary{
    color: #00ff00 !important;
}

.form-icon{
    color: #046434 !important;
}

.btn-primary{
    background-color: #046434 !important;
}

.userInput {
    display: flex;
    justify-content: center;
}

.inputs {
    margin: 5px;
    height: 35px;
    width: 45px;
    border: 1px solid #046434 !important;
    border-radius: 5px;
    text-align: center;
    font-family: arimo;
    font-size: 1.2rem;
    color: #046434 !important;
}

#qrcode-image{
    position: relative;
    height: 350px;
    width: 320px;
}

.img-50-percent{
    width: 50% !important;
    height: 50% !important;
}

.img-70-percent{
    width: 70% !important;
    height: 70% !important;
}

.carousel-item {
    /*background-position: center; */
}

#product-image{
    text-align: center !important;
    justify-content: center !important;
}


.product-details-img{
    margin:50px 100px 30px 100px !important;
    max-height: 60% !important;
    max-width: 60% !important;
}

.bg-primary{
    background-color: #046434 !important;
}

.text-white{
    color: white;
}

.border-primary{
    border-color: #046434 !important;
}

.border-white{
    border-color: white !important;
}

.border-gray{
    border-color: gray !important;
}

#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #046434;
    border-bottom: 16px solid #046434;
    background-color: #00ff00;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom:-100px;
        opacity:0
    }
    to {
        bottom:0px;
        opacity:1
    }
}

@keyframes animatebottom {
    from{
        bottom:-100px;
        opacity:0
    }
    to{
        bottom:0;
        opacity:1
    }
}

.swal2-popup {
    font-size: 14px !important;
}

.text-label{
    min-width: 150px !important;
    max-width: 150px !important;
}

.search-text{
    min-width: 250px !important;
    max-width: 250px !important;
}