/*Barra de Rolagem*/
	
::-webkit-scrollbar {
    width: 10px !important;
}

::-webkit-scrollbar-track {
    background: #E2E5E9 !important;
}

::-webkit-scrollbar-thumb {
    background: #B2B2B2 !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #797979 !important;
    }

/*Barra de Rolagem*/



/*Efeitos*/

.swashOut {
    animation: swashOut 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

@-webkit-keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@keyframes swashOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    80% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

.vanishOut {
    animation: vanishOut 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

@-webkit-keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(20px);
    }
}

@keyframes vanishOut {
    0% {
        opacity: 1;
        transform-origin: 50% 50%;
        transform: scale(1, 1);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform-origin: 50% 50%;
        transform: scale(2, 2);
        filter: blur(20px);
    }
}


.fadeOut {
    animation: fadeOut 0.3s ease both;
    -webkit-animation-name: fadeOut;
    transform: translate3d(0, 0, 0);
    animation-name: fadeOut;
    backface-visibility: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}


.distintivo-novo:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-0.5px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(1px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
}

/*Efeitos*/



/*Util*/

.d-distintivo-padrao {
    background-color: #E9EBEC !important;
}

.bold {
    font-weight: 600 !important;
}

.distintivo-revisado {
    border: 1px solid #D3AF0D;
    background-color: #EBC10F;
    opacity: 0.8;
    color: #FFFFFF
}

.distintivo-novo {
    border: 1px solid #2B9C5E;
    background-color: #60D394;
    opacity: 0.8;
    color: #FFFFFF;
}

.distintivo-corrigido {
    border: 1px solid #B96D09;
    background-color: #EA880B;
    opacity: 0.8;
    color: #FFFFFF;
}

.distintivo-obsoleto {
    border: 1px solid #1A1D21;
    background-color: #545454;
    opacity: 0.8;
    color: #FFFFFF;
}

.distintivo-expirado {
    border: 1px solid #7A1515;
    background-color: #CC2323;
    opacity: 0.8;
    color: #FFFFFF;
}

.d-tamanho-status {
    font-size: 24px !important;
}

/*Util*/



/*Fontes*/

@import url("https://use.typekit.net/zpo7gdv.css");

.font-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}

.font-bernino-sans {
    font-family: jaf-bernino-sans, sans-serif !important;
}

.d-h1-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 600 !important;
}

.d-h2-montserrat-medium {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
}

.d-h2-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
}

.d-h3-montserrat-medium {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
}

.d-h3-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.d-h4-montserrat-medium {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
}

.d-h4-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    line-height: 16px !important;
    font-weight: 600 !important;
}

.d-h5-montserrat {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 500 !important;
}

.d-h5-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
}

.d-h5-montserrat-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
}

.d-h6-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 600 !important;
}

.d-h6-montserrat-bold {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    line-height: 14px !important;
    font-weight: 700 !important;
}

.d-h3-bernino {
    font-family: jaf-bernino-sans, sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
}

.d-h3-bernino-bold {
    font-family: jaf-bernino-sans, sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
}

.d-h5-bernino {
    font-family: jaf-bernino-sans, sans-serif !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 500 !important;
}

/*Fontes*/
	
	
	
.modal-full-screen {
  max-width: none;
  width: 98%;
  height: 92%;
  padding: 0;
}