body {
              margin: 0;
              padding: 0;
              font-family: "Open Sans";
              font-size: 14px;
              background-color: #f4f6f9;
            }

            * {
              margin: 0px;
              padding: 0;
            }

            .row {
              margin: 0;
              padding: 0;
            }

            .ancora {
              color: black;
              font-size: 12px;
            }

            .ancora:hover {
              color: rgb(0, 96, 131);
              text-decoration: none;
            }

            header {
              z-index: 999;
              background-color: #FFF;
              border-bottom: 1px solid lightgrey;
              box-shadow: 0px 1px 2px lightgrey;
            }

            .header-container {
              margin-top: 50px;
              margin-bottom: 30px;
            }

            .list-group-item-color {
              background-image: -webkit-linear-gradient(top, #337ab7 0, #12628f 100%);
              color: white;
              font-weight: bold;
            }

            .container-slide {
              background-color: rgba(0, 0, 0, 0.02);
              padding-top: 0px;
              border-bottom-width: 0px;
              padding-bottom: 2px;
              margin-bottom: 20px;
              margin-top: 30px;
              border-radius: 4px;
            }

            .borda{
              border-style: ridge;
              padding: 8px;
            }

            .iniconf-top {
              margin: 30px 0 0 0;
            }

            .navs-button-acesso-Login {
              color: black;
              font-size: 16px;
              font-weight: 600;
              /* padding: 0 20px; */
              position: relative;
              /* margin-right: 100px; */
            }

            .texto-menu-cand:hover {
              color: #f5a106;
              text-decoration: none;
            }

            .texto-menu-cand {
              color: rgb(0, 96, 131);
              font-size: 19px;
              font-weight: 600;
              position: relative;
            }

            .navs-button-acesso {
              font-size: 19px;
              font-weight: 600;
              padding: 0 20px;
              position: relative;
              color: rgb(0, 96, 131);
            }
            .dropdown-left{
              left: auto; 
              right: 0;
            }
            a {
              color: black;
            }

            a:hover {
              color: rgb(0, 96, 131);
              text-decoration: none;
            }

            .logo-banner {
              max-height: 70px;
              width: auto;
            }

            .bg-light {
              height: 40px;
              margin: inherit;
              border-bottom: 1px solid #d3d3d3;
            }

            .navbar-container {
              min-height: 120px;
            }

            .barra-menu {
              font-size: 16px;
              font-weight: 100;
              color: #d3d3d3;
            }

            .vaga-area {
              background-color: #013e6d;
              padding: 40px;
            }

            .titoloForm {
              margin-bottom: 40px;
            }

            .title-color-pesquisa {
              color: #fff;
              line-height: 1.1em;
              font-size: 1.4em;
              margin: 0;
            }

            .footer-color {
              background-image: linear-gradient(#424242, #484848);
              background-repeat: no-repeat;
              padding: 20px 0;
            }

            .footer-title {
              color: white;
              padding-bottom: 10px;
            }

            .footer-logos-corporate {
              text-align: center;
              border: 2px solid rgba(114, 106, 106, 0.50);
            }

            .footer-logo-corporate {
              padding: 5px;
            }

            .footer-Ass {
              background-image: linear-gradient(#424242, #484848);
              color: #c3c3c3;
            }

            .footer-Ass-conteiner {
              padding-bottom: 40px;
              font-size: 12px;
              font-weight: 300;
            }

            .Soc-Face {
              background-image: url("/images/Logos/Social/Icone_Facebook_Cinza.png");
              border: solid 1px #485B5E;
              width: 50px;
              height: 50px;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
            }

            .Soc-Face:hover {
              background-image: url("/images/Logos/Social/Icone_Facebook_Azul.png");
            }

            .Soc-LinkedIn {
              background-image: url("/images/Logos/Social/Icone_LinkedIn_Cinza.png");
              border: solid 1px #485B5E;
              width: 50px;
              height: 50px;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
            }

            .Soc-LinkedIn:hover {
              background-image: url("/images/Logos/Social/Icone_LinkedIn_Azul.png");
            }

            .Soc-Youtube {
              background-image: url("/images/Logos/Social/Icone_Youtube_Cinza.png");
              border: solid 1px #485B5E;
              width: 50px;
              height: 50px;
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
            }

            .Soc-Youtube:hover {
              background-image: url("/images/Logos/Social/Icone_Youtube_Azul.png");
            }

            .footer-map {
              color: #c3c3c3;
              font-size: 12px;
            }

            .footer-map:hover {
              color: white;
              text-decoration: none;
            }

            ul.dropdown-lr {
              width: 300px;
              right: 0;
            }

            /* mobile fix */

            @media (max-width: 768px) {
              .dropdown-lr h3 {
                color: #eee;
              }

              .dropdown-lr label {
                color: #eee;
              }
            }

            .dropdown {
              display: block;
            }

            .dropdown-menu-login {
              min-width: 250px;
              padding: 14px 14px 0;
              overflow: hidden;
              background-color: rgba(0, 0, 0, 0.7);
              margin-top: 0;
              border-top-left-radius: 0;
              border-top-right-radius: 0;
              left: auto;
            }

            @media (min-width: 1200px) {
              .container {
                max-width: 1200px;
              }
            }

            .header-container {
              /* margin-left: 72px; */
              margin-top: 50px;
              margin-bottom: 30px;
            }

            .main-center {
              margin-bottom: 10px;
              max-width: 423px;
              padding: 35px 40px;
              background: #12628f;
              color: #12628f;
              text-shadow: none;
              text-align: center;
            }

            .list-group-item-color {
              background-image: -webkit-linear-gradient(top, #337ab7 0, #12628f 100%);
              color: white;
              font-weight: bold;
            }

            .container-slide {
              background-color: rgba(0, 0, 0, 0.02);
              padding-top: 0px;
              border-bottom-width: 0px;
              padding-bottom: 2px;
              margin-bottom: 20px;
              margin-top: 30px;
              border-radius: 4px;
            }

            .main-center-emprego {
              margin-bottom: 10px;
              /*max-width: 458px;
    padding: 30px 36px;
     background: #12628f;
    color: #12628f; 
    text-shadow: none;
    text-align: center;*/
            }

            .menu-barra {
              height: 100%;
              width: 100%;
              background-color: #fff;
              /* position: fixed!important; */
              z-index: 1;
              overflow: auto;
              animation: animateleft 0.4s;
              padding-top: 25px;
              box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
              margin-bottom: 40px;
            }

            .button-link {
              width: 100%;
              float: none;
              outline: 0;
              border: none;
              display: inline-block;
              padding: 8px 16px;
              vertical-align: middle;
              overflow: hidden;
              text-decoration: none;
              color: inherit;
              background-color: inherit;
              cursor: pointer;
              white-space: nowrap;
              user-select: none;
            }

            .button-link:hover {
              color: #000 !important;
              background-color: #ccc !important;
            }

            .area-cont {
              background: #FFFFFF;
              border: 1px solid #b6c8dc;
              text-align: left;
              overflow-y: scroll;
              height: 70px;
              width: 88%;
              margin-left: 15px;
              padding: 3px;
            }

            .menu-barra-fixad {
              position: fixed;
              width: 16.7%;
            }

            .circle {
              background-color: #aaa;
              border-radius: 50%;
              width: 100px;
              height: 100px;
              overflow: hidden;
              position: relative;
            }

            .circle-heder {
              background-color: #aaa;
              border-radius: 50%;
              width: 50px;
              height: 50px;
              overflow: hidden;
              position: relative;
              top: 7px;
            }

            .fotoperfil-heder {
              max-width: 100%;
            }

            .fotoperfil-body:hover {
              opacity: .5;
              display: block;
              transition: .5s ease;
              backface-visibility: hidden;
            }

            .middle {
              transition: .5s ease;
              opacity: 0;
              position: absolute;
              top: 30%;
              left: 50%;
              transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%)
            }

            .inc-foto:hover .middle {
              opacity: 1;
            }

            .busca-vagas-color {
              background-color: #12628f;
              color: white;
              border-radius: 10px;
            }

            .busca-vagas {
              padding: 10px 25px;
            }

            .buton-place {
              position: absolute;
              top: 39px;
              left: 451px;
            }

            .perf-foto {
              overflow: hidden;
              position: relative;
              border-radius: 50%;
              width: 200px;
              height: 200px;
              margin: 20px;
              float: left;
              border: 2px solid #12628f;
              background-color: #f7efef;
            }

            .vaga-prox {
              margin: 0 0 5px 0;
              border: 1px solid #d5d5d5;
              border-radius: 8px;
              padding: 20px 20px 10px 20px;
              background-color: #f7efef;
            }

            .vaga-atu {
              border: 1px solid #d5d5d5;
              border-radius: 8px;
              padding: 20px 20px 10px 20px;
              background-color: #f7efef;
            }

            .vaga-p {
              margin-top: 0;
              margin-bottom: 0px;
              font-size: 14px;
            }

            .vaga-processo {
              border: 1px solid #d5d5d5;
              border-radius: 8px;
              padding: 20px 20px 10px 20px;
              background-color: #f7efef;
            }

            .alert-processo {
              border: 1px solid #d5d5d5;
              border-radius: 8px;
              padding: 20px 20px 10px 20px;
            }

            .vaga-prox .close1 {
              position: absolute;
              right: 21px;
              cursor: pointer;
              top: 5px;
            }

            .vaga-prox .close2 {
              position: absolute;
              right: 21px;
              cursor: pointer;
              top: 105px;
            }

            .close {
              position: absolute;
              right: 21px;
              cursor: pointer;
              top: 5px;
            }

            .localMap {
              background-color: rgb(0, 96, 131);
              color: rgb(255, 255, 255);
              padding: 12px 0 12px;
              border-bottom: solid 0.1px black;
            }

            .accordion-content {
              padding: 14px 20px 16px 20px;
              box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
              -webkit-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
              -moz-box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.06);
              color: rgba(0, 0, 0, 0.5);
            }

            a.accordion-button {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              width: 45px;
              box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
              -webkit-box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
              -moz-box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.06);
              line-height: 46px;
              text-align: center;
              color: rgba(0, 0, 0, 0.26);
            }

            .branchNew_Title {
              font-size: 16px;
              font-weight: bold;
              color: #333;
              margin-bottom: 12px;
            }

            .maps_Title {
              font-weight: bold;
            }

            .title-negrito {
              font-weight: bold;
            }

            .lista-qs {
              padding: 0;
              margin: 0 0 10px 27px;
            }

            .bell {
              padding-top: 9px;
            }

            .circle-alert {
              border: 1px solid B22222;
              background-color: #B22222;
              border-radius: 50%;
              width: 20px;
              height: 20px;
              overflow: hidden;
              position: relative;
              top: 12px;
              right: 12px;
              color: white;
              text-align: center;
              font-size: 13px;
              padding-top: 0px;
            }

            .emp-num {
              max-width: 100%;
              height: auto;
            }


            .imgEmp{
              width: 423px ;
              height: auto;
            }
            @media (min-width: 992px) and (max-width: 1199.98px) {
               .imgEmp {
                 width: 356px;
                 height: auto;
               }
              }

              @media (min-width: 768px) and (max-width: 991.98px) {
                .imgEmp {
                  width: 258px;
                  height: auto;
                }
              }

              @media (min-width: 576px) and (max-width: 767.98px) {
                .imgEmp {
                  width: 183px;
                  height: auto;
                }
              }

              @media (min-width: 500px) and (max-width: 575.98px) {
                  .imgEmp{
                        width: 423px;
                        height: auto;
                  }
              }
              @media (min-width: 400px) and (max-width: 499.98px) {
                .imgEmp {
                  width: 355px;
                  height: auto;
                }
              }
              @media (min-width: 371px) and (max-width: 399.98px) {
                .imgEmp {
                  width: 315px;
                  height: auto;
                }
              }
              @media (min-width: 321px) and (max-width: 369.98px) {
                .imgEmp {
                  width: 300px;
                  height: auto;
                }
              }
               @media (min-width: 300px) and (max-width: 320.98px) {
                 .imgEmp {
                    width: 260px;
                    height: auto;
                 }
               }

             .totalEmpNumber {
              text-align: center;
              font-weight: bold;
              position: absolute;
              font-size: 68px;
              top: 353px;
              left: 134px;
              font-family: 'Roboto', sans-serif;
              color: #013e6d;
            }

            @media (min-width: 300px) and (max-width: 320.98px) {
              .totalEmpNumber {
                   font-size: 51px;
                   top: 212px;
                   left: 70px
              }
            }

             @media (min-width: 321px) and (max-width: 370.98px) {
              .totalEmpNumber {
              font-size: 58px;
              top: 241px;
              left: 81px;
              }
            }

             @media (min-width: 371px) and (max-width: 399.98px) {
               .totalEmpNumber {
                 font-size: 60px;
                 top: 252px;
                 left: 87px;
               }
             }

            @media (min-width: 400px) and (max-width: 499.98px) {
              .totalEmpNumber {
              font-size: 71px;
              top: 281px;
              left: 87px;
              }
            }

              @media (min-width: 500px) and(max-width: 575.98px) {
                .totalEmpNumber {
                  font-size: 80px;
                  top: 334px;
                  left: 188px;
                }
              }

           @media (min-width: 576px) and (max-width: 767.98px) {
              .totalEmpNumber {
                font-size: 35px;
                top: 157px;
                left: 57px;
              }
           }

          
           @media (min-width: 768px) and (max-width: 991.98px) {
                .totalEmpNumber {
                  font-size: 45px;
                  top: 215px;
                  left: 85px;
                }
           }

          
           @media (min-width: 992px) and (max-width: 1199.98px) {
              .totalEmpNumber {
                font-size: 65px;
                top: 290px;
                left: 100px;
              }
           } 
           @media (min-width: 1200px) {
             .totalEmpNumber {
                  font-size: 80px;
                  top: 333px;
                  left: 145px;
             }
           }


           
           
            .traste {
              margin-bottom: 1rem;
              border: 0;
              border-top: 1px solid rgba(0, 0, 0, .1);
            }

            .text-alart {
              color: #385898;
              cursor: pointer;
              text-decoration: none;
              font-size: 12px;
              font-weight: 700;
            }

            .dica-titulo {
              font-size: 14px;
              text-transform: none;
              font-weight: 700;
              padding-top: 15px;
            }

            .dica-p {
              opacity: 0.5;
              margin-top: 10px;
              font-size: 14px;
              line-height: 20px;
              color: #333333;
            }

            hr .message-inner-separator {
              clear: both;
              margin-top: 10px;
              margin-bottom: 13px;
              border: 0;
              height: 1px;
              background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
              background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
              background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
              background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
            }

            .login-facebook {
              background-color: #4267b2;
              padding: 0px;
              margin: 0;
              border: 0px;
              color: white;
              padding-bottom: 8px;
            }

            .login-facebook:hover {
              background-color: #233b78;
            }

            .login-linkedin {
              background-color: #0077b5;
              padding: 0px;
              margin: 0;
              border: 0px;
              color: white;
              padding-bottom: 8px;
            }

            .login-linkedin:hover {
              background-color: #0369a0;

            }

            .p-or {
              text-align: center;
              margin-top: 16px;
              margin-bottom: 16px;
              color: white;
            }

            .linha-vertical {
              height: 250px;
              /*Altura da linha*/
              border-left: 1px solid #a0a0a0;
              /* Adiciona borda esquerda na div como ser fosse uma linha.*/
            }

            @media screen and (max-width: 767.98px) {
              .linha-vertical {
                display: none;
              }
            }

            @media screen and (max-width: 767.98px) {
              .or {
                display: none;
              }
            }

            .login-form-left {
              margin-top: 15%;

            }

            .login-form-right {
              margin-top: 40%;
              width: 350px;

            }

            @media screen and (max-width: 849px) {
              .login-form-right {
                width: 300px;
              }
            }
            /* perfil */

            .body-perfil{
              background-color: #f8f9fa;
            }
            .body-perfil-supen {
              background-color: white;
              margin-top: 20px;
              margin-bottom: 20px;
              box-shadow: 0 4px 10px 0 rosybrown,
              0 4px 20px 0 azure;
              padding: 20px;
            }
            .lista-vaga{
              overflow: auto;
              height: 735px;
            }
            @media screen and(max-width: 992px) {
              .Fb-prop{
                display: none;
              }
            }
              .ligoImg {
                background-image: url(../../../../Imagens/Logo/CONTRATANDO_logo.png);
              }

              @media (max-width: 991.98px) {
                .ligoImg1 {
                  background-image: url(../../../../Imagens/Logo/Contratando_Logo-2.png);
                }
              }

              .floatRight{
                float: right;

              }
              .empregomentro{
                margin-top: 20px;
                margin-bottom: 20px;
              }

              @media (max-width: 991.98px) {
                .logo1 {
                  display: none;
                }
              }

              @media (min-width: 992px) {
                .logo2 {
                  display: none;
                }
              }

            .borda{
              border-style: ridge; 
              padding: 8px; 
            }
            .fieldset-mag{
              padding: 10px;
              border: solid 1px;
              border-style: dashed;
              box-shadow: 0 4px 10px 0 rosybrown,
              0 4px 20px 0 azure;
            }