/*!
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.offcanvas.offcanvas-bottom-pix {
    height: 100vh !important;
}
.offcanvas.offcanvas-right-pix {
    height: 100vh !important;
    width: 100vw !important;
}

#preloader2 {
    display: none; /* Oculto por padrão */
    background-color: #f1f2fb;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0.2s linear;
}

/* CSS for Modified Success Icon Animation */
@keyframes checkmark-pix {
    0% {
        stroke-dashoffset: 50px;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.success-icon-pix {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    //display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2ecc4a ;
}

.checkmark-pix {
    stroke: white;
    stroke-width: 5; /* Increased stroke width for a thicker checkmark */
    stroke-dasharray: 50px;
    stroke-dashoffset: 50px;

}
.checkmark-animate-pix {
    animation: checkmark-pix 0.5s ease-in-out forwards;
}

.checkmark-pix path {
    stroke-linecap: round;
}

@keyframes drawX-pix {
    0% {
        stroke-dashoffset: 58px;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes shake-pix {
     50% { transform: translateX(0); }
    62.5% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
    87.5% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

.error-icon-pix {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    //display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dc3545;
    //animation: shake-pix 0.5s linear 2s; /* Starts after X is fully formed */
}

.error-x-mark-pix {
    stroke: white;
    stroke-width: 4;
    stroke-dasharray: 58px; /* Increased for full X formation */
    stroke-dashoffset: 58px; /* Increased for full X formation */
    //animation: drawX-pix 2s ease-in-out forwards;
}

.x-mark-animate-pix{
     animation: drawX-pix 2s ease-in-out forwards; /* Starts after X is fully formed */
}

.error-x-mark-pix line {
    stroke-linecap: round;
}

@keyframes info-pix {
    0% {
        stroke-dashoffset: 60px;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.info-icon-pix {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    //display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffc107;
}

.information-pix {
     fill: none;
    stroke: white;
    stroke-width: 5;
    stroke-dasharray: 60px;
    stroke-dashoffset: 60px;
}

.information-animate-pix {
    animation: info-pix 2s ease-in-out forwards;
}

.information-pix line, .information-pix circle {
    stroke-linecap: round;
}

.form-login{
    border-color:#00B5AE !important;
}

.timeline-card {
    border-left: 0.3rem solid #005E56 !important;
}

.timeline-card::after {
  opacity: 0.0 !important;
}