@keyframes dhrAnimeText {

    0% {        
        opacity: 0%;
    }

    30% {        
        opacity: 30%;
    }

    60% {        
        opacity: 60%;
    }   

    100% {
        opacity: 100%;
    }
}

html {
    font-family: 'Poppins', sans-serif;
    color: #000000;
}

body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6, label, a, button {
    font-family: 'Poppins', sans-serif;
}

.btn {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

/** INÍCIO estilos link paginação **/
.page-item .page-link {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
}

.page-item.active .page-link{
    background-color: #5082EA;
    border: 1px solid #5082EA;
}

.page-link:hover {
    background-color: #5082EA;    
}

.pagination .page-link:hover {
    background-color: #5082EA !important;
    color: #fff; 
}
/** FIM estilos link paginação **/

.dhr-flag-language {
    height: 26px;
    width: 26px;
    border-radius: 3px;
    opacity: 50%;
}

.dhr-img-menu {
    height: 30px;
    width: 40px; 
    margin-left: 32px;       
}

.dhr-img-menu:hover {
   background-color: #f8f9fa!important;
}

.dhr-flag-language:hover {
    opacity: 100%;
}

.dhr-card-masthead {
    position: relative;
    overflow: hidden;
    width: 136px;    
    height: 348px;
    border-radius: 8px;
    margin: 5px; 
    display: flex;   
}

.dhr-div-about {
    position: relative;
    overflow: hidden;
    width: 498px;    
    height: 396px;
    border-radius: 8px;
    margin: 5px; 
    display: flex;   
}

.dhr-card-masthead-impar {
    margin-top: 50px;
}

.dhr-card-masthead-par {
    margin-top: -20px;
}

.dhr-div-masthead {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    border-radius: 8px;    
}

.dhr-card-search {
    border-color: #5082EA;
    border-radius: 6px;
    cursor: pointer;
}

.dhr-card-about {
    margin-top: 89px; 
    margin-left:-72px; 
    border-radius: 8px;
    min-height: 314px;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 15px 0px #0C0C0C26; 
}

.dhr-card-about .card-body { 
    margin-left: 40px;
    min-height: 322px;
}

.dhr-card-faq {    
    box-shadow: 0px 4px 20px 0px #5082EA59;
    border-radius: 8px;
    background-color: #FFFFFF;     
}

.dhr-card-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 184px;
}

.dhr-card-download {
    position: relative;
    overflow: hidden;
    height: 101px; 
    width: 240px;
    background-color: #000000; 
    border-radius: 5px;    
    align-content: center;   
}

.card-banner-masthead {
    position: relative;
    overflow: hidden; 
    border-radius: 5px;
    padding: auto;
}

/** Estilos de seções **/
.dhr-section-jobseeker {
    background-color: #041F48;
}

.dhr-section-jobdetails {
    margin-top: -202px;
}

.dhr-section-contract {
    margin-top: -150px;
}

.dhr-section-jobname {
    /* background: linear-gradient(59.32deg, #EDF1F8 2.2%, rgba(237, 241, 248, 0) 85.5%); */
    background: #eaecf0;
    min-height: 128px;
    margin-top: -200px;
    margin-bottom: 84px;
}

.dhr-section-jobshare {
    /* background: linear-gradient(59.32deg, #EDF1F8 2.2%, rgba(237, 241, 248, 0) 85.5%); */
    background: #eaecf0;
    min-height: 162px;
}

.dhr-section-banner-top {
    margin-top: -38px;
}

.section-clients {
    height: 42px; 
    padding: 48px;
}

.jobseeker h6 {
    color: #FFFFFF;    
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.35em;    
}

.number-jobseeker {
    font-size: 20px;
    color: #5082EA;
    font-weight: 500;
}

.number-company {    
    font-size: 26px;
    font-weight: 400;
    color: #044DBB;
    letter-spacing: 0.115em;
}

.dhr-txt-blue {
    color: #044DBB;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
}

.dhr-txt-companyname {
    font-size: 36px;
}

.text-title-clients {
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: center;
    color: #2E4EB2;
}

.dhr-txt-label {
    color: #044DBB;    
    font-size: 14px;
}

.dhr-txt-label-black {
    color: #000000;    
    font-size: 14px;
}

.dhr-txt-social-media {
    /**position: relative;**/
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #000000;
    align-items: baseline;
}

.dhr-txt-social-media:hover {
    color: #044DBB;
}

.dhr-txt-search {
    border: none; 
    width: 90%;
    color: #044DBB;
}

.dhr-txt-apply {
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    color: #044DBB;
}

.dhr-txt-item-menu {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}

.dhr-txt-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    color: #044DBB;
}

.dhr-txt-api-blue {
    color: #044DBB;
    font-weight: 600;
}

/**Buttons**/
.button-outline-blue {
    border-color: #044DBB;
}

.button-outline-blue:hover {
    background-color: #044DBB;
    color: #fff;
    opacity: 50%;
}

.button-outline-blue:hover i {    
    color: #fff;
}

.dhr-btn-outline-danger {
    border-color: #ff0000;
    color: #ff0000;
}

.dhr-btn-outline-danger:hover {
    background-color: #ff0000;
    color: #fff;
    opacity: 50%;
}

.dhr-btn-outline-blue {
    border-color: #044DBB;
    color: #044DBB;
}

.dhr-btn-outline-blue:hover {
    background-color: #044DBB;
    color: #fff;
    opacity: 50%;
}

.dhr-btn-search-jobs {
    border-color: #5082EA;
    width: 880px; 
    color: #044DBB;
    margin-left: 112px;
}

.dhr-btn-outline-social {
    border-color: #209DEF;
    color: #209DEF;
}

.dhr-btn-outline-social:hover {
    background-color: #209DEF;
    color: #fff;
    opacity: 50%;
}

.dhr-btn-login-social {
    min-width: 252px;
}

.btn:hover {
    opacity: 80%;
}

.dhr-btn-blue {
    background-color: #044DBB;
    color: #fff;
}

.dhr-btn-blue:hover {
    color: #fff;
}

.dhr-btn-jobs {
    color: #fff;
    width: 287px;
    height: 90px;
    margin-top: 20px;
    margin-left: 20px;
    border-radius: 6px;
    font-size: 20px;
    padding: 10px;
    background: linear-gradient(83.49deg, #2E4EB2 -5.63%, #5082EA 110.18%);
    align-items: center;
}

.dhr-btn-jobs:hover {
    background: linear-gradient(276.86deg, #2E4EB2 4.95%, #5082EA 99.85%);
    box-shadow: 0px 0px 15px 0px #5082EABF;
    color: #fff;
}

.dhr-btn-menu {
    padding-left: 12px;
}

.dhr-btn-center {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
}

/**Textos**/
.dhr-text {
    color: #000000;
}

.dhr-text-faq {
    color: #000000;
    font-size: 14px;
}

.dhr-txt-terms-privacy {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #044DBB;    
}

.dhr-txt-terms-privacy:hover {
    color: #000000;
}

.dhr-txt-terms-privacy-black {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;    
}

.dhr-txt-terms-privacy-black:hover {
    color: #044DBB;
}

.dhr-txt-download {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: center;
}

.dhr-txt-jobname-details {
    font-size: 34px;
    font-weight: 400;
    line-height: 51px;
    letter-spacing: 0em;
    text-align: left;
    color: #044DBB;
}

.dhr-txt-jobname-black {
    font-size: 30px;
    font-weight: 400;
    line-height: 51px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.dhr-txt-jobname-share {
    font-size: 34px;
    font-weight: 400;
    line-height: 51px;
    letter-spacing: 0em;
    text-align: left;
    color: #044DBB;
}

.dhr-txt-jobname-share:hover {    
    color: #044DBB;
    text-decoration: underline;
}

.dhr-txt-midea {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.dhr-txt-midea:hover {
    color: #2E4EB2;
}

.dhr-txt-company {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #044DBB;
}

.dhr-txt-company-black {
    font-size: 14px;    
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
}

.dhr-txt-jobdetails {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    color: #044DBB;
}

.dhr-txt-job-name {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
}

.dhr-txt-date {
    border: none;
    background-color: transparent;
}

.dhr-txt-footer {
    font-size: 16px;
    color: #FFFFFF;
}

.dhr-txt-login {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.18em;
    text-align: center;
    color: #044DBB;
}

.dhr-txt-filter {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #044DBB;
    margin-left: 12px;
}

.dhr-txt-jodetails-description {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: justify;
}

.dhr-txt-jodetails-description ul {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: justify;
}

.dhr-txt-jodetails-description-black {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: justify;
}

.dhr-txt-jodetails-description-black ul {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: justify;
}

.dhr-txt-jodetails-description-emphasis {    
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: justify;
}

.dhr-txt-jobdetails-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #044DBB;
}

.dhr-txt-jobdetails-title-black {
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;
}

.dhr-txt-jobdetails-black {
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #000000;    
}

.dhr-txt-required {
    color: red;
}

.dhr-align-center {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;    
}

.text-menu {
    margin-left: 12px;
    margin-right: 12px;
}

.text-menu:hover {
    color: #2E4EB2;
}

.text-tryit {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
}

.text-download-app {
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
    letter-spacing: 0em;
    color: #2E4EB2;
}

.text-section {
    font-size: 53px;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: left;
}

.text-account-confirm {
	color: #044DBB;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: left;	
}

.text-account-active {
    color: #041F48;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: left;
}

.text-section-blue {
    color: #5082EA;
}

.text-find-section-company {
    color: #044DBB;
}

.text-section-company {
    color: #041F48;
}

.text-section-white {
    color: #FFFFFF;
}

.text-number-company {
    font-size: 26px;
    line-height: 39px;
    color: #000000;
    margin-left: 12px;
    font-weight: 400;
}

.text-section-jobseeker {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    color: #FFFFFF;
    font-weight: 300;
}

.text-home-section {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.35em;
    margin-top: 82px;
}

/** Links **/
.link-download:hover {
    font-weight: bold;
}

.link-blue {
    color: #000000;
}

.link-blue:hover {
    color: #044DBB;
}

.h-about {
    margin-top: 38px;
    color: #044DBB;
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
}

.h-confirm-tems {
    margin-top: 5px;
    color: #044DBB;
    font-size: 16px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
}

.web-dashr {
    margin-top: 22px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
}

.home-message {
    font-size: 34px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
}


/** Números **/
.desc-number-company {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-left: 48px;
}

.line-number {
    background-color: #5082EA;
    border-width: 1px;
    margin-top: -14px;
}

/** Estilos das imagens **/
.dhr-img-search {
    width: 24px;
    height: 24px;
}

.dhr-img-company-job {
    max-height:120px; 
    max-width:120px;
    padding: 12px;
}

.dhr-img-company-jobdetails {
    max-height:100%; 
    max-width:100%;
    padding: 12px;
}

.dhr-img-clients {
    height: 59px;
    width: 59px;
}

.dhr-icon {
    color: #C4D0E4;
}

.dhr-img-icon-midea {
    width: 24px;
    height: 24px;
}

.dhr-icon-blue {
    color: #044DBB;
}

.dhr-icon-registered {
    font-size: 28px;
}

.dhr-icon-login {
    margin-left: 6px;    
}

.dhr-terms-registered {
    font-size: 24px;
}

.dhr-img-carrousel-menu {
    border-radius: 8px;
}

.dhr-logo-apple {
    width: 240px;
    height: 101px;
    border-radius: 5px;
}

.dhr-logo-playstore {
    width: 240px;
    height: 101px;
    border-radius: 5px;
}

/** Estilos de divs **/
.dhr-div-login{
    box-shadow: 3px; 
    margin-top: 18px;
}

.div-clients {
    opacity: 50%;
    border: none;     
    align-items:center;
    margin: 12px;
    background-color: transparent;
}

.div-clients:hover {
    opacity: 100%;
}

.dhr-blue {
    color: #2E4EB2;
}

.dhr-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dhr-contact {
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0em;
}

.dhr-input {
    display: none;
}

.dhr-input-date {
    background-color: transparent;
    border: none;
}

.dhr-btn-message {
    height: 50px;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-weight: 500;
}

.dhr-btn-filter {
    width: 70%;
}

.dhr-btn-faq {
    color: #5082EA;   
}

.dhr-btn-faq:hover {    
    color: #000000;
    cursor: pointer;
}

/** Configuração do estilo inicial para zoom*/
.dhr-card-masthead img {
    margin: 0 -50px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 2.0s;
    border-radius: 8px;
    height: 100%;
}

.dhr-card-masthead:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.card-confirm-terms p, ul {
    font-size: 12px;
    text-align: justify;    
}

.dhr-div-about img {
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 2.0s;
    border-radius: 8px;
    height: 100%;
}

.dhr-div-about:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dhr-div-masthead img {
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 2.0s;
    border-radius: 8px;
    height: 100%;
}

.dhr-card-contact {
    box-shadow: 0px 4px 20px 0px #5082EA59;
    border-radius: 8px;
    background-color: #FFFFFF;
}

.dhr-div-masthead:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dhr-card-banner img {
    width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 2.0s;
    height: 100%;
}

.dhr-card-banner:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dhr-card-download a img {
    max-width: 100%;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 2.0s;
    height: auto;
}

.dhr-card-download:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.dhr-card-job {
    margin-bottom: 12px; 
    border: none;
    background: linear-gradient(2deg, #EDF1F8 2.2%, rgba(237, 241, 248, 0) 85.5%);
    margin-top: 52px;
    color: #000000;
}

.dhr-card-job:hover {
    background: linear-gradient(59.32deg, #EDF1F8 2.2%, rgba(231, 234, 340, 1) 100%);
}

.dhr-card-company-job {
    width: 122px;
    height: 122px;
    border-radius: 6px;
    box-shadow: 0px 4px 8px 0px #D2DCEC;
    background: #FFFFFF;    
    position: relative;
    top: -56px;
    display: flex; 
    justify-content: center;
}

.dhr-card-logo-jobdetails {
    width: 122px;
    height: 122px;
    border-radius: 6px;   
    position: relative;
    display: flex; 
    justify-content: center;
}

.dhr-card-job-apply { 
    box-shadow: 0px 2px 15px 0px #00000040;
    background-color: #FFFFFF;
}

.dhr-card-job-login {
    margin-top: -145px;
}

.dhr-card-job-details {
    margin-top: -110px;
    padding-right: 50px;
}

.dhr-card-contract-trial {
    margin-top: 18px;
}

.dhr-bg-footer-contact {
    background-color: #041F48;
    min-height: 66px;
    margin-top: -100px;
}

.dhr-bg-footer-copyright {
    background-color: #031634;
    min-height: 66px;    
}

.dhr-link-footer:hover {
    color: #2E4EB2;
}

.dhr-link-api {
    color: #000000;
}

.dhr-link-api:hover {
    color: #2E4EB2;
    font-weight: 500;
}

.dhr-bg-code-api {
    background-color: #ededed;        
    padding: 12px;
    margin-top: -38px;
}

.dhr-bg-example {
    background-color: #9b9b9b;
    padding: 0px;    
    border-radius: 6px;
    margin-top: 18px;
}

.dhr-bg-header-code {
    padding: 12px;
}

.dhr-border-none {
    border: none;
}

/** Estilos box **/
.dhr-box-jobs {
    margin-top: 56px;
}

/** Container **/
.dhr-container-home {
    width: 60% !important;
    margin-top: 80px;
}

.dhr-anime-eventfinished {
    color: #000000;
    transition: all 0.8s ease-out;
    animation: dhrAnimeText 4s forwards;
}

.dhr-endpoint-get {
    color: #fff;
    background-color: #044DBB;
}

.dhr-endpoint-delete {
    color: #fff;
    background-color: #ff0000;
}

.dhr-endpoint-post {
    color: #fff;
    background-color: #1dc9b7;
}

.dhr-endpoint-patch {
    color: #fff;
    background-color: #868e96;
}

.dhr-session-api {
    margin-top: 36px;
}

.dhr-subsession-api {
    margin-top: 36px;
}

.dhr-variable-api {
    margin-left: 18px;
}

.dhr-value-api {
    margin-left: 4px;
}

/* Aplicado à telas com no mínimo de 992px de largura */
@media only screen and (min-width: 992px) {

    .margin-top {
        margin-top: 48px;
    }

    .dhr-div-download {        
        margin-top: -84px;
    }
}

/* Aplicado à telas com no máximo de 991px de largura */
@media only screen and (max-width: 991px) {

    .dhr-card-masthead {
        margin-bottom: 5px;
        width: 100%;
    }

    .dhr-div-masthead {
        margin-bottom: 5px;
    }

    .dhr-div-download {
        order: 2;
        margin-top: 12px;
    }

    .dhr-div-contact {
        order: 1;        
    }

    .dhr-card-job-details {
        margin-top: -59px;
    }

    .dhr-card-about {
        margin-left: 20px;
    }

    .dhr-btn-menu {
        display: none;
    }
}

/* Aplicado à telas com no máximo de 767px de largura */
@media only screen and (max-width: 767px) {

    #div-banner-dashr {
        display: none;
    }
}

/* Aplicado à telas com no máximo de 528px de largura */
@media only screen and (max-width: 528px) {
    
    .dhr-div-about {
        height: auto;
        width: auto;
    }

    .dhr-container-home {
        width: 100% !important;
    }
}

/* Aplicado à telas com no máximo de 575px de largura */
@media only screen and (max-width: 575px) {
    
    .dhr-card-job-login {
        margin-top: 0px;
    }
}