/**
            * PROCESSO SELETIVO 
            */

            .none { display: none;}

            /**** FONTES ******/


            /****** BACKGROUND *******/

            .background_grey {
                background-color: #e8e9ef;
            }


            /**** CANDIDATO - LOGIN / FOOTER ***/

            .ps_bg_canditado {
                background: url('../../assets/image/background/rh-background-01.png') no-repeat;
                background-size: 100% 100%;
                padding: 2% 0 25% 0;
                float: left;
                width: 100%;
                position: relative;
            }

            .ps_footer {
                text-align: center;
                margin-bottom: 1%;
                width: 50%;
                margin: 45% 25% 2% 25%;
                font-size: .9em;
                color: #fff;
            }

            .ps_login_canditado {
                float: left;
                width: 70%;
                margin: 17% 15% 0 15%;
            }

            .ps_login_canditado_left {
                float: left;
                width: 49%;
                text-align: right;
            }

            .ps_login_canditado_left_img {
                float: right;
                width: 100%;
                margin: 0 0 3% 0;
            }

            .ps_login_canditado_left_text {
                float: right;
                width: 75%;
                color: #fff;
                font-size: 1em;
            }

            .ps_login_canditado_left_text p {
                line-height: 1.4;
            }

            .ps_login_canditado_right {
                float: right;
                width: 48%;
            }

            .ps_login_canditado_left_form {
                float: left;
                width: 100%;
            }

            .ps_login_canditado_left_form input[type=text],
            .ps_login_canditado_left_form input[type=password] {
                width: 60%;
                background-color: transparent;
                border: 1px solid #fff;
                padding: 2%;
                margin: 0 0 3% 0;
                border-radius: 50px;
                color: #fff;
                text-indent: 5%;
            }

            .ps_login_canditado_left_form input[type=text]::placeholder,
            .ps_login_canditado_left_form input[type=password]::placeholder {
                color: #a9c9e5;
            }

            .ps_login_canditado_left_form button {
                color: #64aacb;
                width: 60%;
                background-color: #fff;
                border: 0;
                padding: 2%;
                margin: 0 0 3% 0;
                border-radius: 50px;
                font-size: .95em;
                font-weight: bold;
                cursor: pointer;
            }

            .ps_login_canditado_left_form button:hover {
                background-color: #f3f4f4;
            }

            .ps_box_principal {
                background-color: #fff;
                float: left;
                width: 75%;
                margin: 1.5% 12.5% 0 12.5%;
                border-radius: 20px;
                box-shadow: 3px 3px 3px #3c737e;
            }

            .ps_box_principal_padding {
                padding: 2% 4%;
            }


            @media screen and (max-width: 1279px) {

                .ps_login_canditado_right {
                    margin-top: 1%;
                }

                .ps_login_canditado {
                    width: 80%;
                    margin: 17% 10% 0 10%;
                }

                .ps_box_principal {
                    width: 90%;
                    margin: 2.5% 5% 0 5%;
                }


            }

            @media screen and (max-width: 1023px) {

                .ps_login_canditado_left_text {
                    width: 100%;
                }

                .ps_login_canditado_left_form input[type=text],
                .ps_login_canditado_left_form input[type=password] {
                    width: 85%;
                    padding: 3%;
                }

                .ps_login_canditado_left_form button {
                    width: 85%;
                    padding: 3% 2%;
                }

                .ps_footer {
                    width: 80%;
                    margin: 55% 10% 2% 10%;
                    font-size: 1em;
                }

                .ps_bg_canditado {
                    padding: 2% 0 100% 0;
                }

                .ps_box_principal {
                    width: 90%;
                    margin: 2.5% 5% 0 5%;
                }


            }

            @media screen and (max-width: 767px) {

                .ps_login_canditado_left,
                .ps_login_canditado_right {
                    width: 90%;
                }

                .ps_login_canditado_left {
                    text-align: center;
                    margin: 5% 5% 0 5%;
                }


                .ps_login_canditado_right {
                    margin: 10% 5% 0 5%;
                }

                .ps_login_canditado_left_form input[type=text],
                .ps_login_canditado_left_form input[type=password] {
                    width: 90%;
                    margin: 0 5% 5% 5%;
                    padding: 4% 2%;
                    font-size: 1.1em;
                }

                .ps_login_canditado_left_form button {
                    width: 90%;
                    margin: 0 5% 25% 5%;
                    padding: 4% 2%;
                    font-size: 1.1em;
                }

                .ps_footer {
                    width: 90%;
                    margin: 55% 5% 2% 5%;
                }

                .ps_box_principal {
                    width: 95%;
                    margin: 3% 2.5% 0 2.5%;
                }


            }

            @media screen and (max-width: 479px) {


                .ps_login_canditado_left,
                .ps_login_canditado_right {
                    width: 95%;
                }

                .ps_login_canditado_left {
                    text-align: center;
                    margin: 0 2.5% 0 2.5%;
                }


                .ps_login_canditado_right {
                    margin: 10% 2.5% 0 2.5%;
                }

                .ps_login_canditado_left_text {
                    margin-top: 10%;
                }


                .ps_login_canditado_left_form input[type=text],
                .ps_login_canditado_left_form input[type=password] {
                    width: 95%;
                    margin: 0 2.5% 5% 2.5%;
                    font-size: 1em;
                }

                .ps_login_canditado_left_form button {
                    width: 95%;
                    margin: 0 2.5% 25% 2.5%;
                    font-size: 1em;
                }

                .ps_footer {
                    width: 95%;
                    margin: 55% 2.5% 2% 2.5%;
                    font-size: .9em;
                }


            }

            /** CANDIDATO - INSTRUÇÕES GERAIS **/

            .ps_inicio_titulo {
                float: left;
                width: 100%;
                font-size: 1.7em;
                color: #003862;
                font-weight: 600;
            }

            .ps_inicio_text {
                float: left;
                width: 100%;
                margin: 1% 0 3% 0;
            }

            .ps_inicio_avisos {
                float: left;
                width: 100%;
            }

            .ps_inicio_avisos_left {
                float: left;
                width: 53%;
                padding: 2% 1%;
            }

            .ps_inicio_avisos_right {
                float: right;
                width: 47%;
                text-align: left;
                padding: 2% 1% 0 2%;
                border-left: 1px solid #a9a9a9;
            }

            .ps_inicio_avisos_itens {
                float: left;
                width: 100%;
                margin: 0 0 5% 0;
            }

            .ps_inicio_avisos_right .ps_inicio_avisos_itens:nth-child(2) {
                margin-top: 5%;
            }

            .ps_inicio_avisos_itens img {
                float: left;
                width: 12%;
                margin-right: 4%;
            }

            .ps_inicio_avisos_itens p {
                float: left;
                width: 83%;
                font-size: .97em;
                padding-top: 1%;
            }

            .ps_inicio_footer {
                float: left;
                width: 100%;
            }

            .ps_inicio_footer_text {
                padding: 2% 4%;
                float: left;
                width: 50%;
            }

            .ps_inicio_footer_text p:first-of-type {
                font-size: 1.7em;
                margin: 0 0 0.5% 0;
            }

            .ps_inicio_footer_logo {
                border-top: 1px solid #b3b3b3;
                padding: 2% 4%;
                text-align: right;
                float: left;
                width: 100%;
            }

            .ps_inicio_footer_btn button {
                background-color: #003862;
                float: right;
                width: 15%;
                padding: 1.5% 1.5%;
                border-radius: 50px;
                text-align: center;
                margin: 3% 5% 0 0;
                cursor: pointer;
                border: none;
            }

            .ps_inicio_footer_btn button:hover {
                background-color: #16d3e4;
            }

            @media screen and (max-width: 1279px) {

                .ps_inicio_titulo {
                    margin-top: 2%;
                    margin-bottom: 3%;
                }

                .ps_inicio_footer_text {
                    width: 70%;
                }


                .ps_inicio_footer_btn button {
                    width: 20%;
                    padding: 2% 1.5%;

                }

                .ps_inicio_footer_logo {
                    margin-top: 5%;
                }
            }

            @media screen and (max-width: 1023px) {

                .ps_inicio_titulo {
                    font-size: 2em;
                    margin-bottom: 2.5%;
                }


                .ps_inicio_footer_btn button {
                    width: 25%;
                    padding: 2.5% 1.5%;

                }


            }

            @media screen and (max-width: 767px) {

                .ps_inicio_avisos {
                    margin: 5% 0;
                }

                .ps_inicio_text {
                    font-size: 1.1em;
                    margin: 5% 0;
                }

                .ps_inicio_avisos_left {
                    width: 100%;
                }

                .ps_inicio_avisos_right {
                    width: 100%;
                    border: none;
                }

                .ps_inicio_avisos_itens {
                    margin: 0 0 5% 0;
                    padding-bottom: 7%;
                    border-bottom: 1px solid #a9a9a9;
                }

                .ps_inicio_avisos_right .ps_inicio_avisos_itens:nth-child(2) {
                    margin-top: 0;
                }

                .ps_inicio_avisos_itens img {
                    width: 17%;
                    margin-right: 4%;
                }

                .ps_inicio_avisos_itens p {
                    width: 77%;
                    font-size: 1.05em;
                }

                .ps_inicio_footer_text {
                    width: 100%;
                    margin-top: 5%;
                    margin-bottom: 2%;
                    font-size: 1.1em;
                }

                .ps_inicio_footer_text p:first-of-type {
                    font-size: 1.7em;
                    margin: 0 0 0.5% 0;
                }

                .ps_inicio_footer_btn button {
                    width: 35%;
                    padding: 3% 1.5%;

                }


            }

            @media screen and (max-width: 479px) {

                .ps_inicio_titulo {
                    margin-bottom: 7%;
                }

                .ps_inicio_footer_text {
                    margin-top: 7%;
                    margin-bottom: 5%;
                }

                .ps_inicio_footer_btn button {
                    width: 45%;
                    padding: 3.5% 1.5%;

                }

                .ps_inicio_footer_logo {
                    padding: 5% 4%;
                    margin-top: 10%;
                }

            }

            @media screen and (max-width: 479px) {

                .ps_inicio_titulo {
                    font-size: 1.7em;
                }

                .ps_inicio_text {
                    margin: 7% 0;
                }


            }



            /** TESTE **/

            .ps_box_bg_teste_logico {
                background: url('../../assets/image/background/rh-background-02.png') no-repeat;
                background-size: 100% 100%;
                margin-bottom: 5%;
            }

            .ps_box_bg_teste_portugues {
                background: url('../../assets/image/background/rh-background-03.png') no-repeat;
                background-size: 100% 100%;
                margin-bottom: 5%;
            }

            .ps_box_bg_teste_personalidade {
                background: url('../../assets/image/background/rh-background-04.png') no-repeat;
                background-size: 100% 100%;
                margin-bottom: 5%;
            }

            .ps_box_teste_menu {
                float: left;
                width: 75%;
                margin: 3.5% 12.5% 0 12.5%;
            }

            .ps_box_teste_menu_item {
                float: left;
                width: 27%;
                color: #fff;
                font-size: .95em;
            }

            .ps_box_teste_menu_item img,
            .ps_box_teste_menu_item p {
                float: left;
            }

            .ps_box_teste_menu_item img {
                margin-right: 2%;
            }

            .ps_text_left {
                padding: 15% 2% 4% 2%;
                float: left;
                width: 45%;
                color: #fff;
                text-align: center;
            }

            .ps_text_left_text {
                float: left;
                width: 100%;
            }

            .ps_text_left_text p:first-of-type {
                font-size: 1.7em;
                padding-bottom: 1%;
                border-bottom: 1px solid #fff;
                float: left;
                width: 50%;
                margin: 0 25% 2% 25%;
            }

            .ps_text_left_text p:last-of-type {
                font-size: 2.3em;
                float: left;
                width: 100%;
            }

            .ps_text_left_img {
                float: left;
                width: 20%;
                margin: 5% 40%;
            }

            .ps_text_right {
                padding: 5% 4% 0 4%;
                float: right;
                width: 54%;
                font-size: .95em;
            }

            .ps_teste_footer {
                float: left;
                width: 100%;
            }

            .ps_teste_footer_text {
                float: left;
                width: 100%;
                margin: 5% 0;
            }

            .ps_teste_footer_text p:first-of-type {
                font-size: 1.7em;
                margin: 0 0 0.5% 0;
            }

            .ps_teste_footer_logo {
                border-top: 1px solid #b3b3b3;
                padding: 4% 4% 5% 2%;
                text-align: right;
                float: left;
                width: 100%;
            }

            .ps_teste_footer_btn button {
                background-color: #003862;
                float: right;
                width: 30%;
                padding: 2.5% 2%;
                border-radius: 50px;
                text-align: center;
                margin: 3% 5% 7% 0;
                cursor: pointer;
                border: none;
            }

            .ps_teste_footer_btn button:hover {
                background-color: #16d3e4;
            }


            @media screen and (max-width: 1279px) {

                .ps_box_teste_menu {
                    float: left;
                    width: 90%;
                    margin: 3.5% 5% 0 5%;
                }

            }

            @media screen and (max-width: 1023px) {

                .ps_box_teste_menu {
                    margin-top: 10%;
                }

                .ps_box_teste_menu_item {
                    width: 31%;
                    font-size: .85em;
                }

                .ps_text_left_text p:first-of-type {
                    font-size: 1.3em;
                }

                .ps_text_left_text p:last-of-type {
                    font-size: 1.8em;
                }

                .ps_teste_footer_text {
                    margin: 5% 0 10% 0;
                    font-size: 1.1em;
                }

                .ps_teste_footer_text p:first-of-type {
                    font-size: 1.8em;
                    margin: 0 0 0.5% 0;
                }

                .ps_teste_footer_btn button {
                    width: 40%;
                    padding: 4% 2%;
                }

                .ps_teste_footer_logo {
                    padding: 6% 4% 5% 2%;
                    margin-top: 7%;
                }

            }


            @media screen and (max-width: 767px) {

                .ps_box_teste_menu {
                    margin-top: 15%;
                }

                .ps_box_bg_teste_logico {
                    background: none;
                }

                .ps_box_teste_menu_item {
                    width: 27%;
                    font-size: .85em;
                    margin: 0 3%;
                }

                .ps_text_left {
                    width: 100%;
                    margin: 0 0 0 0;
                    background-color: #0485e6;
                }

                .ps_text_right {
                    width: 100%;
                    background-color: #fff;
                    margin: 0;
                    font-size: 1.1em;
                }

                .ps_text_left_text p:first-of-type {
                    font-size: 2em;
                }

                .ps_text_left_text p:last-of-type {
                    font-size: 2.5em;
                }

                .ps_teste_footer_btn button {
                    width: 45%;
                    padding: 4.5% 2%;
                }


            }

            @media screen and (max-width: 479px) {

                .ps_box_teste_menu {
                    margin-top: 20%;
                }

            }



            /** FORMULÁRIO GERAL **/


            .form-btn,
            .form-btn-cancel,
            .form-btn-error {
                background: transparent;
                font-size: 1rem;
                color: #fff;
                cursor: pointer;
                border: 1px solid transparent;
                padding: 5px 24px;
                margin-top: 2.25rem;
                position: relative;
                z-index: 0;
                transition: -webkit-transform 0.28s ease;
                transition: transform 0.28s ease;
                transition: transform 0.28s ease, -webkit-transform 0.28s ease;
                will-change: transform;
            }

            .form-btn::before,
            .form-btn::after,
            .form-btn-cancel::before,
            .form-btn-cancel::after,
            .form-btn-error::before,
            .form-btn-error::after {
                position: absolute;
                content: "";
                top: -1px;
                left: -1px;
                right: -1px;
                bottom: -1px;
            }

            .form-btn::before,
            .form-btn-cancel::before,
            .form-btn-error::before {
                background: #337ab7;
                z-index: -2;
            }

            .form-btn::after,
            .form-btn-cancel::after,
            .form-btn-error::after {
                background: #000;
                z-index: -1;
                opacity: 0;
                transition: opacity 0.28s ease;
                will-change: opacity;
            }

            .form-btn:focus,
            .form-btn-cancel:focus,
            .form-btn-error:focus {
                outline: none;
            }

            .form-btn:focus::after,
            .form-btn:hover::after,
            .form-btn-cancel:focus::after,
            .form-btn-cancel:hover::after,
            .form-btn-error:focus::after,
            .form-btn-error:hover::after {
                opacity: 0.3;
            }

            .form-btn:active,
            .form-btn-cancel:active,
            .form-btn-error:active {
                -webkit-transform: translateY(1px);
                transform: translateY(1px);
            }

            .form-btn-error::before {
                background: #d9534f;
            }

            .form-btn-cancel {
                transition: color 0.28s ease, -webkit-transform 0.28s ease;
                transition: color 0.28s ease, transform 0.28s ease;
                transition: color 0.28s ease, transform 0.28s ease, -webkit-transform 0.28s ease;
                color: #b52b27;
                border-color: currentColor;
                will-change: color, transform;
            }

            .form-btn-cancel.-nooutline {
                border-color: transparent;
            }

            .form-btn-cancel::before {
                background: #b52b27;
                opacity: 0;
                transition: opacity 0.28s ease;
                will-change: opacity;
            }

            .form-btn-cancel::after {
                display: none;
            }

            .form-btn-cancel:focus,
            .form-btn-cancel:hover {
                color: #fff;
            }

            .form-btn-cancel:focus::before,
            .form-btn-cancel:hover::before {
                opacity: 1;
            }

            .form-btn-block {
                display: block;
                width: 100%;
                padding: 5px;
            }

            .form-checkbox,
            .form-radio {
                position: relative;
                margin-top: 2.25rem;
                margin-bottom: 2.25rem;
                text-align: left;
            }

            .form-checkbox-inline .form-checkbox-label,
            .form-radio-inline .form-radio-label {
                display: inline-block;
                margin-right: 1rem;
            }

            .form-checkbox-legend,
            .form-radio-legend {
                margin: 0 0 1% 0;
                font-weight: 500;
                font-size: 1.1em;
                color: #333;
            }

            .form-checkbox-label,
            .form-radio-label {
                position: relative;
                cursor: pointer;
                padding-left: 1.5rem;
                text-align: left;
                color: #333;
                display: block;
                margin-bottom: 0.5rem;
            }

            .form-checkbox-label:hover i,
            .form-radio-label:hover i {
                color: #337ab7;
            }

            .form-checkbox-label span,
            .form-radio-label span {
                display: block;
            }

            .form-radio-label span {
                padding-top: .3%;
                margin-left: .2%;
            }

            .form-checkbox-label input,
            .form-radio-label input {
                width: auto;
                opacity: 0.0001;
                position: absolute;
                left: 0.25rem;
                top: 0.25rem;
                margin: 0;
                padding: 0;
            }

            .form-checkbox-button {
                position: absolute;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                display: block;
                color: #999;
                left: 0;
                top: 0.25rem;
                width: 1rem;
                height: 1rem;
                z-index: 0;
                border: 0.125rem solid currentColor;
                border-radius: 0.0625rem;
                transition: color 0.28s ease;
                will-change: color;
            }

            .form-checkbox-button::before,
            .form-checkbox-button::after {
                position: absolute;
                height: 0;
                width: 0.2rem;
                background-color: #337ab7;
                display: block;
                -webkit-transform-origin: left top;
                transform-origin: left top;
                border-radius: 0.25rem;
                content: "";
                transition: opacity 0.28s ease, height 0s linear 0.28s;
                opacity: 0;
                will-change: opacity, height;
            }

            .form-checkbox-button::before {
                top: 0.65rem;
                left: 0.38rem;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                box-shadow: 0 0 0 0.0625rem #fff;
            }

            .form-checkbox-button::after {
                top: 0.3rem;
                left: 0;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .form-checkbox-field:checked ~ .form-checkbox-button {
                color: #337ab7;
            }

            .form-checkbox-field:checked ~ .form-checkbox-button::after,
            .form-checkbox-field:checked ~ .form-checkbox-button::before {
                opacity: 1;
                transition: height 0.28s ease;
            }

            .form-checkbox-field:checked ~ .form-checkbox-button::after {
                height: 0.5rem;
            }

            .form-checkbox-field:checked ~ .form-checkbox-button::before {
                height: 1.2rem;
                transition-delay: 0.28s;
            }

            .form-radio-button {
                position: absolute;
                left: 0;
                cursor: pointer;
                display: block;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                color: #999;
            }

            .form-radio-button::before,
            .form-radio-button::after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                margin: 0.25rem;
                width: 1rem;
                height: 1rem;
                transition: color 0.28s ease, -webkit-transform 0.28s ease;
                transition: transform 0.28s ease, color 0.28s ease;
                transition: transform 0.28s ease, color 0.28s ease, -webkit-transform 0.28s ease;
                border-radius: 50%;
                border: 0.125rem solid currentColor;
                will-change: transform, color;
            }

            .form-radio-button::after {
                -webkit-transform: scale(0);
                transform: scale(0);
                background-color: #337ab7;
                border-color: #337ab7;
            }

            .form-radio-field:checked ~ .form-radio-button::after {
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
            }

            .form-radio-field:checked ~ .form-radio-button::before {
                color: #337ab7;
            }

            .form-has-error .form-checkbox-button,
            .form-has-error .form-radio-button {
                color: #d9534f;
            }

            .form-card {
                border-radius: 2px;
                background: #fff;
                transition: all 0.56s cubic-bezier(0.25, 0.8, 0.25, 1);
                float: left;
                width: 90%;
                margin: 0 5%;
                font-family: Arial, sans-serif;
            }


            .form-actions {
                position: relative;
                display: flex;
                margin-top: 2.25rem;
            }

            .form-actions .form-btn-cancel {
                order: -1;
            }

            .form-actions::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                background: #999;
                opacity: 0.3;
            }

            .form-actions > * {
                flex: 1;
                margin-top: 0;
            }

            .form-fieldset {
                padding: 0;
                border: 0;
            }

            .form-fieldset + .form-fieldset {
                margin-top: 15px;
            }

            .form-legend {
                padding: 1em 0 0;
                margin: 0 0 -0.5em;
                font-size: 1.5rem;
                text-align: center;
            }

            .form-legend + p {
                margin-top: 1rem;
            }

            .form-element {
                position: relative;
                margin-top: 7%;
                margin-bottom: 5%;
                float: left;
                width: 100%;
            }

            .form-element-hint {
                font-weight: 400;
                font-size: 0.6875rem;
                color: #a6a6a6;
                display: block;
            }

            .form-element-bar {
                position: relative;
                height: 1px;
                background: #999;
                display: block;
            }

            .form-element-bar::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: #337ab7;
                height: 2px;
                display: block;
                -webkit-transform: rotateY(90deg);
                transform: rotateY(90deg);
                transition: -webkit-transform 0.28s ease;
                transition: transform 0.28s ease;
                transition: transform 0.28s ease, -webkit-transform 0.28s ease;
                will-change: transform;
            }

            .form-element-label {
                position: absolute;
                top: 0.75rem;
                line-height: 1.5rem;
                pointer-events: none;
                padding-left: 0.125rem;
                z-index: 1;
                font-size: 1rem;
                font-weight: normal;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0;
                color: #a6a6a6;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transform-origin: left center;
                transform-origin: left center;
                transition: color 0.28s linear, opacity 0.28s linear, -webkit-transform 0.28s ease;
                transition: transform 0.28s ease, color 0.28s linear, opacity 0.28s linear;
                transition: transform 0.28s ease, color 0.28s linear, opacity 0.28s linear, -webkit-transform 0.28s ease;
                will-change: transform, color, opacity;
            }

            .form-element-field {
                outline: none;
                height: 1.5rem;
                display: block;
                background: none;
                padding: 0.125rem 0.125rem 0.0625rem;
                font-size: 1rem;
                border: 0 solid transparent;
                line-height: 1.5;
                width: 100%;
                color: #333;
                box-shadow: none;
                opacity: 0.001;
                transition: opacity 0.28s ease;
                will-change: opacity;
            }


            .form-element-field:-ms-input-placeholder {
                color: #a6a6a6;
                transform: scale(0.9);
                transform-origin: left top;
            }

            .form-element-field::-webkit-input-placeholder {
                color: #a6a6a6;
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
                -webkit-transform-origin: left top;
                transform-origin: left top;
            }

            .form-element-field::-ms-input-placeholder {
                color: #a6a6a6;
                transform: scale(0.9);
                transform-origin: left top;
            }

            .form-element-field::placeholder {
                color: #a6a6a6;
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
                -webkit-transform-origin: left top;
                transform-origin: left top;
            }

            .form-element-field:focus ~ .form-element-bar::after {
                -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }

            .form-element-field:focus ~ .form-element-label {
                color: #337ab7;
            }

            .form-element-field.-hasvalue,
            .form-element-field:focus {
                opacity: 1;
            }

            .form-element-field.-hasvalue ~ .form-element-label,
            .form-element-field:focus ~ .form-element-label {
                -webkit-transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
                transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
                cursor: pointer;
                pointer-events: auto;
            }

            .form-has-error .form-element-label.form-element-label,
            .form-has-error .form-element-hint {
                color: #d9534f;
            }

            .form-has-error .form-element-bar,
            .form-has-error .form-element-bar::after {
                background: #d9534f;
            }

            .form-is-success .form-element-label.form-element-label,
            .form-is-success .form-element-hint {
                color: #259337;
            }

            .form-is-success .form-element-bar::after {
                background: #259337;
            }

            input.form-element-field:not(:placeholder-shown),
            textarea.form-element-field:not(:placeholder-shown) {
                opacity: 1;
            }

            input.form-element-field:not(:placeholder-shown) ~ .form-element-label,
            textarea.form-element-field:not(:placeholder-shown) ~ .form-element-label {
                -webkit-transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
                transform: translateY(-100%) translateY(-0.5em) translateY(-2px) scale(0.9);
                cursor: pointer;
                pointer-events: auto;
            }

            textarea.form-element-field {
                height: auto;
                min-height: 3rem;
            }

            select.form-element-field {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                cursor: pointer;
            }

            .form-select-placeholder {
                color: #a6a6a6;
                display: none;
            }

            .form-select .form-element-bar::before {
                content: "";
                position: absolute;
                height: 0.5em;
                width: 0.5em;
                border-bottom: 1px solid #999;
                border-right: 1px solid #999;
                display: block;
                right: 0.5em;
                bottom: 0;
                transition: -webkit-transform 0.28s ease;
                transition: transform 0.28s ease;
                transition: transform 0.28s ease, -webkit-transform 0.28s ease;
                -webkit-transform: translateY(-100%) rotateX(0deg) rotate(45deg);
                transform: translateY(-100%) rotateX(0deg) rotate(45deg);
                will-change: transform;
            }

            .form-select select:focus ~ .form-element-bar::before {
                -webkit-transform: translateY(-50%) rotateX(180deg) rotate(45deg);
                transform: translateY(-50%) rotateX(180deg) rotate(45deg);
            }

            .form-element-field[type="number"] {
                -moz-appearance: textfield;
            }

            .form-element-field[type="number"]::-webkit-outer-spin-button,
            .form-element-field[type="number"]::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            .form-radio form-radio-block {
                margin-bottom: 5%;
            }

            .form-img {
                width: 100%;
                margin: 1% 0;
            }


            @media screen and (max-width: 767px) {

                .form-element-label {
                    font-size: 1.4rem;

                }

                .form-element-field {
                    height: 1.5rem;
                    font-size: 1.2rem;
                    line-height: 3;
                    margin-top: 3%;
                }

                @media screen and (max-width: 479px) {

                    .form-element-field {
                        margin-top: 5%;
                    }

                }

                .form-checkbox-legend,
                .form-radio-legend {
                    margin: 0 0 5% 0;
                    font-size: 1.5em;
                }

                .form-checkbox-label,
                .form-radio-label {
                    font-size: 1.3em;
                    margin: 5% 0;
                }


            }

            .ps_perguntas_footer {
                float: left;
                width: 100%;
            }

            .ps_perguntas_footer_btn button {
                background-color: #003862;
                float: right;
                width: 19%;
                padding: 1.5% 2%;
                border-radius: 50px;
                text-align: center;
                margin: 0 5% 3% 0;
                cursor: pointer;
                border: none;
            }

            .ps_perguntas_footer_btn button:hover {
                background-color: #16d3e4;
            }

            .ps_perguntas_footer_logo {
                border-top: 1px solid #b3b3b3;
                padding: 2% 4% 2% 2%;
                text-align: right;
                float: left;
                width: 100%;
            }

            @media screen and (max-width: 767px) {

                .ps_perguntas_footer_btn button {
                    width: 40%;
                    padding: 4% 2%;
                    margin: 5% 5% 3% 0;
                }

                .ps_perguntas_footer_logo {
                    padding: 5% 4% 5% 2%;
                    margin-top: 5%;
                }

            }

            @media screen and (max-width: 479px) {

                .ps_perguntas_footer_btn button {
                    width: 50%;
                    padding: 5% 2%;
                }

                .ps_perguntas_footer_logo {
                    padding: 7% 4% 7% 2%;
                    margin-top: 10%;
                }

            }



            /** FORMULÁRIO INFORMAÇÕES PESSOAIS **/

            .ps_form_informacoes_left {
                float: left;
                width: 55%;
                margin-bottom: 3%;
            }

            .ps_form_informacoes_right {
                float: right;
                width: 45%;
                margin-bottom: 3%;
                padding-top: 7%;
            }

            .ps_form_informacoes_titulo {
                float: left;
                width: 100%;
                margin: 3% 0;
                color: #9b9b9b;
                font-weight: bold;
                font-size: .9em;
                text-align: center;
            }

            .ps_form_informacoes_img {
                width: 80px;
                height: 80px;
            }

            .file-image {
                display: inline-block;
                position: relative;
                float: left;
                margin: 0 25%;
            }

            .file-image input {
                position: absolute;
                overflow: hidden;
                opacity: 0;
                width: 0;
            }

            .file-image .reset {
                cursor: pointer;
                display: block;
                position: absolute;
                right: 0;
                width: 40px;
                height: 40px;
                text-align: center;
                background: rgba(0, 0, 0, .8);
            }

            .file-image .reset:before {
                content: '\d7';
                font: normal normal 40px/39px sans-serif, Arial;
                color: #fa8e8e;
            }

            .file-image .image {
                cursor: pointer;
                display: block;
                box-sizing: border-box;
                width: 210px;
                height: 210px;
                border: 1px solid #dbdbdb;
                background-color: #f0f0f0;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 100% 100%;
            }

            .file-image .image:before,
            .file-image .image:after {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                top: 50%;
                font: normal normal 14px sans-serif, Arial;
                line-height: 0;
                color: #ababab;
                text-align: center;
            }

            .file-image .image:before {
                content: "+";
                font-size: 100px;
                margin-top: -20px;
            }

            .file-image .image:after {
                content: "Adicionar Foto";
                margin-top: 30px;
            }

            .file-image .reset {
                display: none
            }

            .file-image input:not([title=""]) ~ .reset {
                display: block
            }

            .file-image input:not([title=""]) ~ .image {
                border: 0 none;
            }

            .file-image input:not([title=""]) ~ .image:before,
            .file-image input:not([title=""]) ~ .image:after {
                display: none
            }

            @media screen and (max-width: 767px) {

                .ps_form_informacoes_left {
                    width: 100%;
                    margin-top: 5%;
                }

                .ps_form_informacoes_right {
                    width: 100%;
                }

                .ps_form_informacoes_titulo {
                    font-size: 1.1em;
                }

            }

            @media screen and (max-width: 479px) {

                .file-image {
                    margin: 0 10%;
                }

            }


            /** FORMULÁRIO DA TABELA **/

            .ps_form_tabela {
                float: left;
                width: 100%;
                margin-bottom: 5%;
            }

            .ps_form_tabela th {
                width: 13%;
                background-color: #f5f5f5;
                padding: 1% 0;
                overflow: hidden;
                font-size: .85em;
                font-weight: 400;
                color: #000;
                text-align: center;
            }

            .ps_form_tabela th:first-of-type {
                width: 35%;
                background-color: transparent;
            }


            .ps_form_tabela td {
                padding: 2% 1%;
                border-bottom: 1px solid #b1b1b1;
            }

            .ps_form_tabela td:nth-child(2),
            .ps_form_tabela td:nth-child(3),
            .ps_form_tabela td:nth-child(4),
            .ps_form_tabela td:nth-child(5),
            .ps_form_tabela td:nth-child(6) {
                padding-left: 5.5%;
            }

            /**********************
                    FUNCIONÁRIOS
            ************************/

            .ps_box_funcionario {
                float: left;
                width: 100%;
            }

            .box_titulo_cadastro {
                float: left;
                width: 100%;
                position: relative;
            }

            .ps_box_funcionario_titulo {
                float: left;
                width: 100%;
                margin: 0 0 5% 0;
                color: #226b8d;
                font-weight: 900;
                font-size: 2.7em;
                padding-top: 5%;
            }

            .ps_box_funcionario_titulo p {
                font-weight: 900;
                float: left;
                margin-left: 1%;
            }

            .ps_box_funcionario_titulo img {
                float: left;
                padding-top: 1%;
            }

            .ps_box_funcionario_titulo_2 {
                float: left;
                width: 100%;
                margin: 5% 0 0 0;
                padding: 5% 0 11% 25%;
                background: url("../../assets/image/background/rh-background-05.png") no-repeat;
                background-size: 100%;
            }

            .ps_box_funcionario_titulo_2 p {
                color: #fff;
                font-weight: 700;
                font-size: 2.7em;
                float: left;
                margin-left: 2%;
            }

            .ps_box_funcionario_titulo_2 img {
                float: left;
                padding-top: 1%;
            }

            @media screen and (max-width: 1023px) {

                .ps_box_funcionario_titulo {
                    margin: 5% 0 3% 0;
                    font-size: 2.5em;
                }
            }

            @media screen and (max-width: 767px) {

                .ps_box_funcionario_titulo {
                    margin: 7% 0 5% 0;
                    padding-left: 3%;
                }
            }

            @media screen and (max-width: 479px) {

                .ps_box_funcionario_titulo {
                    margin: 10% 0 7% 0;
                    font-size: 2.1em;
                }
            }




            /* MENU LATERAL */

            #responsive-admin-menu {
                float: left;
                width: 240px;
                background-color: #353643;
                height: 100%;
                position: fixed;
                overflow: hidden;
                left: 0px;
                min-height: 500px;
                z-index: 999;

            }

            .menu_logo_processo_seletivo {
            
                width: 100%;
                text-align: center;
                margin: 40% 0 20% 0;
            }

            #content-wrapper {
                width: 83%;
                padding: 4%;
                float: right;
            }

            #responsive-admin-menu #responsive-menu {
                height: 50px;
                display: none;
                line-height: 50px;
                cursor: pointer;
                color: #ffffff;
                text-indent: 10px;
            }


            #responsive-admin-menu #responsive-menu .menuicon {
                color: #ffffff;
                font-size: 45px;
                position: absolute;
                right: 10px;
                top: 0px;
            }

            #responsive-admin-menu #logo {
                background-position: -0px -36px;
                width: 174px;
                height: 40px;
                margin: 10px;
                background: url('https://assets.codepen.io/assets/footer/codepen-logo-midgray.svg') no-repeat;
                -webkit-background-size: 146.66667px 25.83333px;
                background-size: 146.66667px 25.83333px;
            }

            /* Menu Styles */
            #responsive-admin-menu #menu {
                width: 100%;
            }

            #responsive-admin-menu #menu a {
                border-right: 5px solid #353643;
                font-size: .95em;
                text-decoration: none;
                display: block;
                padding: 12px;
                color: #FFFFFF;
                position: relative;
                font-weight: 400;
                overflow: hidden;
            }

            #responsive-admin-menu #menu a span{
            margin: 0 0 0 4%;
            }

            #responsive-admin-menu #menu a:hover {
                background-color: #464759;
                border-right: 5px solid #98ebe2;
            }

            #responsive-admin-menu #menu div {
                display: none;
                width: 100%;
                background-color: #38a3f3;
                overflow: hidden;
            }

            #responsive-admin-menu #menu div a {
                color: #fff;
            }

            #responsive-admin-menu #menu div a:hover {
                color: #888888;
            }

            #responsive-admin-menu #menu a.submenu:before {
                font-size: 14px;
                position: absolute;
                right: 15px;
                top: 17px;
            }

            /* Menu Styles */

            @media screen and (max-width: 1023px) {
                #responsive-admin-menu #responsive-menu {
                    display: none;
                }

                #responsive-admin-menu #menu a span {
                    display: inline-block;
                }
            }

            @media screen and (max-width: 1023px) {
                #responsive-admin-menu #menu a span {
                    display: none;
                }

                #responsive-admin-menu {
                    float: left;
                    width: 40px;
                    position: relative;
                }

                #responsive-admin-menu {
                    height: 100%;
                }

                #content-wrapper {
                    margin-left: 40px;
                }

                #responsive-admin-menu #menu a.submenu:before {
                    font-size: 6px;
                    right: 5px;
                }

                #responsive-admin-menu #logo {
                    background: url('../../assets/image/images/logo.png');
                    background-position: -0px -0px;
                    width: 29px;
                    height: 26px;
                    margin: 10px 10px 10px 5px;
                }
            }

            @media screen and (max-width: 1023px) {
                #responsive-admin-menu {
                    min-height: 50px;
                    float: left;
                    width: 100%;
                    background-color: #0485e6;
                    height: auto;
                    position: static;
                    top: 0;
                }

                #responsive-admin-menu #logo {
                    display: none;
                }

                #responsive-admin-menu #menu a span {
                    display: inline-block;
                }

                #content-wrapper {
                    margin-left: 0;
                    padding-top: 60px;
                }

                #responsive-admin-menu #responsive-menu {
                    display: block;
                }

                #responsive-admin-menu #menu {
                    display: none;
                }

                #responsive-admin-menu #menu a {
                    color: #FFFFFF;
                    font-size: 1em;
                }

                #responsive-admin-menu #menu a.submenu:before {
                    font-size: 14px;
                    right: 15px;
                }
            }

            /*Header funcionarios*/

            .box_perfil_funcionario {
                float: left;
                width: 100%;
                padding: 2%;
                background-color: #fff;
                position: fixed;
                z-index: 9999;
                top: 0;
            }

            .perfil_funcionario_logo {
                float: left;
                width: 20%;
                overflow: hidden;
            }

            .perfil_funcionario_titulo {
                float: left;
                width: 55%;
                text-align: center;
            }

            .perfil_funcionario_dados {
                float: left;
                width: 25%;
            }

            .perfil_funcionario_dados a {
                color: #000;
            }

            .perfil_funcionario_dados_img, .perfil_funcionario_dados_texto, .perfil_funcionario_dados_btn {
                float: left;
            }

            .perfil_funcionario_dados_img {
                width: 35px;
                height: 35px;
                border-radius: 100px;
                overflow: hidden;
                margin-right: 3%;
                float: left;
            }

            .perfil_funcionario_dados_img img{
                height: 100%;
            }

            .perfil_funcionario_dados_texto {
                margin-right: 15%;
                float: left;
                width: 40%;
            }

            .perfil_funcionario_dados_texto p {
                font-size: .95em;
                margin: 1% 0 0 0;
            }

            .perfil_funcionario_dados_texto p:first-of-type {
                font-weight: bold;
            }

            .perfil_funcionario_dados_texto p:last-of-type {
                font-weight: 300;
                font-size: .8em;
            }

            .perfil_funcionario_dados_btn {
                float: left;
                width: 25%;
                color: #6c6c6c;
                margin-top: 3%;
                text-align: center;
            }

            .perfil_funcionario_dados_btn span{
                color: #6c6c6c;
                margin-right: 5%;
                padding-top: 2%;
                font-size: 1em;
                font-weight: 600;
            }

            /* menu dados */

            .menu_dados {
                float: left;
                width: 100%;
                padding: 8% 4% 4% 4%;
                background-color: #464759;
                margin-bottom: 15%;
            }

            .menu_dados_item {
                float: left;
                width: 33.3%;
                margin: 0 0;
                color: #fff;
            }

            .menu_dados_item p {
                font-size: .7em;
                text-align: center;
                margin: 0;
            }

            .menu_dados_item p:last-of-type {
                font-size: 1.3em;
            }

            




            /********** FUNCIONÁRIO / PROCESSO SELETIVO ***********/

            .ps_box_candidato {
                float: left;
                width: 100%;
            }

            /*tablea 01 */

            .box_tabela_candidatos {
                border-collapse: collapse;
                width: 100%;
                margin-top: 4%;
                margin-bottom: 10%;
            }
            .box_tabela_candidatos th {
                background-color: #fff;
                border-bottom: 1px solid #8e8e8e;
                width: 13%;
                padding: 1.5% 1%;
            }

            .box_tabela_candidatos th p {
                color: #8e8e8e;
                font-size: 1.05em;
                font-weight: 500;
            }

            .box_tabela_candidatos th:nth-child(1) {
                width: 4%;
                border-radius: 15px 0 0 0;
            }

            .box_tabela_candidatos th:nth-child(2) {
                width: 22%;
            }

            .box_tabela_candidatos th:nth-child(8) {
                width: 5%;
                border-radius: 0 15px 0 0;
            }

            .box_tabela_candidatos td {
                background-color: #fff;
                padding: 4% 1%;
                overflow: hidden;
            }

            .box_tabela_candidatos td:nth-last-child(1) {
                border-radius: 0 0 15px 0 ;
            }

            .box_tabela_candidatos td:nth-last-child(8) {
                border-radius: 0 0 0 15px;
                padding: 0% !important;
            }

            .box_tabela_candidatos tbody {
                border-bottom: 10px solid #e8e9ef;
            }
            
            /* Stack rows vertically on small screens */
            @media (max-width: 30em) {
                /* Hide column labels */
                .box_tabela_candidatos  thead tr {
                    position: absolute;
                    top: -9999em;
                    left: -9999em;
                }
                .box_tabela_candidatos  tr {
                border: 1px solid #8e8e8e;
                border-bottom: 0;
                }
                /* Leave a space between table rows */
                .box_tabela_candidatos  tr + tr {
                margin-top: 1.5em;
                }
                /* Get table cells to act like rows */
                .box_tabela_candidatos tr,
                .box_tabela_candidatos td {
                    display: block;
                }
                .box_tabela_candidatos td {
                    border: none;
                    border: 1px solid #8e8e8e;
                /* Leave a space for data labels */
                    padding-left: 50%;
                }
                /* Add data labels */
                .box_tabela_candidatos td:before {
                content: attr(data-label);
                display: inline-block;
                font-weight: bold;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                }
            }
            /* Stack labels vertically on smaller screens */
            @media (max-width: 20em) {
                .box_tabela_candidatos td {
                padding-left: 0.75em;
                }
                .box_tabela_candidatos td:before {
                display: block;
                margin-bottom: 0.75em;
                margin-left: 0;
                }
            }


            .box_candidato_perfil {
                float: left;
                width: 100%;
            }

            .candidato_perfil_img {
                float: left;
                width: 17%;
                border-radius: 100%;
                overflow: hidden;
            }

            .candidato_perfil_texto {
                float: right;
                width: 79%;
            }

            .candidato_perfil_texto p {
                font-size: .7em;
                margin: 1% 0;
                color: #393939;
            }

            .candidato_perfil_texto p:first-of-type {
                font-size: 1em;
                font-weight: bold;
            }

            .box_principal_escala {
                float: left;
                width: 100%;
                background-color: #fbfbfb;
                padding: 4%;
            }

            .box_escala {
                float: left;
                width: 80%;
                height: 5vh;
                padding: 8% 4% 0 4%;
                border: 1px solid #e6e5e5;
            }

            

            .box_escala_texto {
                float: right;
                width: 20%;
                padding: 5% 0 0 4%;
            }

            .box_escala_texto p{
                font-size: .95em;
                font-weight: bold;
            }

            .box_principal_total {
                float: left;
                width: 100%;
            }

            .box_total {
                float: left;
                width: 100%;
                text-align: center;
            }

            .box_total p{
                color: #393939;
                font-size: 3em;
                font-weight: bold;
            }

            .box_total_btn {
                text-align: center;
                border-radius: 15px;
                padding: 4% 2%;
                color: #fff;
                float: left;
                width: 90%;
                font-size: .9em;
                margin: 1% 5% 0 5%;
            }

            .box_total_btn_red {
                background-image: linear-gradient(to right, #ee160e , #fc6503);
            }

            .box_total_btn_orange {
                background-image: linear-gradient(to right, #ff6701 , #ffb100);
            }

            .box_total_btn_green {
                background-image: linear-gradient(to right, #2b886a , #5aab85);
            }

            .box_total_btn_grey {
                background-image: linear-gradient(to right, #ccc , #ccc);
                color: #000;
            }

            .round {
                position: relative;
            }
            
            .round label {
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 50%;
                cursor: pointer;
                height: 20px;
                left: 0;
                position: absolute;
                top: 0;
                width: 20px;
            }
            
            .round label:after {
                border: 2px solid #fff;
                border-top: none;
                border-right: none;
                content: "";
                height: 6px;
                left: 3px;
                opacity: 0;
                position: absolute;
                top: 5px;
                transform: rotate(-45deg);
                width: 12px;
            }
            
            .round input[type="checkbox"] {
                visibility: hidden;
            }
            
            .round input[type="checkbox"]:checked + label {
                background-color: #00c3a5;
                border-color: #00c3a5;
            }
            
            .round input[type="checkbox"]:checked + label:after {
                opacity: 1;
            }  

            .box_circulo {
                width: 12px;
                height: 12px;
                border-radius: 100%;
                margin: 75% 35% 0 0;
                float: right;
            }

            .box_borda {
                width: 5px;
                height: 140px;
                float: left;
            }

            

    /* tabela 02*/

            .box_tabela_candidatos_2 {
                border-collapse: collapse;
                width: 100%;
                margin-top: 2%;
                margin-bottom: 10%;
            }
            .box_tabela_candidatos_2 th {
                background-color: #fff;
                border-bottom: 1px solid #8e8e8e;
                width: 17.5%;
                padding: 1.5% 1%;
                text-align: left;
            }

            .box_tabela_candidatos_2 th p {
                color: #8e8e8e;
                font-size: 1.05em;
                font-weight: 500;
            }

            .box_tabela_candidatos_2 th:nth-child(1) {
                width: 30%;
                border-radius: 15px 0 0 0;
                padding-left: 7%;
            }

            .box_tabela_candidatos_2 th:nth-child(5) {
                border-radius: 0 15px 0 0;
            }

            .box_tabela_candidatos_2 td {
                background-color: #fff;
                padding: 2% 2%;
                overflow: hidden;
            }

            .box_tabela_candidatos_2 td:nth-last-child(1) {
                border-radius: 0 0 15px 0 ;
            }

            .box_tabela_candidatos_2 td:nth-last-child(5) {
                border-radius: 0 0 0 15px;

            }

            .box_tabela_candidatos_2 tbody {
                border-bottom: 10px solid #e8e9ef;
            }
            
            /* Stack rows vertically on small screens */
            @media (max-width: 30em) {
                /* Hide column labels */
                .box_tabela_candidatos_2  thead tr {
                    position: absolute;
                    top: -9999em;
                    left: -9999em;
                }
                .box_tabela_candidatos_2  tr {
                border: 1px solid #8e8e8e;
                border-bottom: 0;
                }
                /* Leave a space between table rows */
                .box_tabela_candidatos_2  tr + tr {
                margin-top: 1.5em;
                }
                /* Get table cells to act like rows */
                .box_tabela_candidatos_2 tr,
                .box_tabela_candidatos_2 td {
                    display: block;
                }
                .box_tabela_candidatos_2 td {
                    border: none;
                    border: 1px solid #8e8e8e;
                /* Leave a space for data labels */
                    padding-left: 50%;
                }
                /* Add data labels */
                .box_tabela_candidatos_2 td:before {
                content: attr(data-label);
                display: inline-block;
                font-weight: bold;
                line-height: 1.5;
                margin-left: -100%;
                width: 100%;
                }
            }
            /* Stack labels vertically on smaller screens */
            @media (max-width: 20em) {
                .box_tabela_candidatos_2 td {
                padding-left: 0.75em;
                }
                .box_tabela_candidatos_2 td:before {
                display: block;
                margin-bottom: 0.75em;
                margin-left: 0;
                }
            }

            .tabela_candidatos_descricao {
                float: left;
                width: 100%;
            }

            .tabela_candidatos_descricao p{
                font-size: .9em;
            }

            .tabela_candidatos_btn {
                float: left;
                width: 100%;
            }
    
/* TABS TABELA CANDIDATO */

    #page {
    float: left;
    width: 100%;
    margin: 0 0;
    min-height: 100vh;

    }

    .c-tabs-nav {
    list-style: none;
    padding: 0;
    position: relative;
    margin-bottom: 10px;
    }

    .c-tabs-nav__link {
    text-decoration: none;
    color: #9e9e9e;
    margin-right: 25px;
    padding: 10px 15px;
    }

    .c-tabs-nav__link.is-active {
    opacity: 1;
    color: #73b2af;
    }

    /**
    * Tab
    */
    .c-tab {
    display: none;
    border-top: 1px solid #9e9e9e;
    }

    .c-tab.is-active {
    display: block;
    }

    .c-tab__content {
    padding: 20px;
    position: relative;
    animation: showTab 300ms ease-in-out both;
    }

    @keyframes showTab{
    from {opacity: 0; top: 5px}
    to {opacity: 1; top: 0;}
    }

    .c-tab-nav-marker {
    min-height: 4px;
    background-color: #73b2af;
    position: absolute;
    bottom: -10px;

    transition: all 0.3s ease-out;
    }
            


            
            /***/

            .box_candidato_pefil {
                float: left;
                width: 20%;
                text-align: center;
                margin-right: 2%;
            }

            .box_candidato_pefil a {
                color: #000;
            }

            .box_candidato_pefil_img {
                width: 60px;
                height: 60px;
                overflow: hidden;
                border-radius: 100px;
                margin: 0 35% 5% 35%;
                float: left;
                text-align: center;
            }

            .box_candidato_pefil_img img {
                height: 100%;
            }

            .box_candidato_pefil_texto {
                float: left;
                width: 100%;
            }

            .box_candidato_pefil_texto p {
                margin: .5% 0 0 0;
                font-size: .9em;
                float: left;
                width: 100%;
            }

            .box_candidato_pefil_texto p:nth-child(5) {
                margin-top: 7%;
            }

            .box_candidato_dados {
                float: left;
                width: 12%;
                margin-left: 1%;
                text-align: center;
            }

            .box_candidato_dados_titulo {
                text-transform: uppercase;
                color: #b0b1b3;
                font-size: .9em !important;
                font-weight: bold;
                margin: 35% 0 5% 0;
            }

            .box_candidato_dados p {
                font-size: .9em;
                float: left;
                width: 100%;
            }

            .box_candidato_dados p:nth-child(2) {
                font-size: .8em;
                margin-bottom: 20%;
            }

            .box_candidato_dados_texto {
                font-size: 1em !important;
                margin-top: 50%;
            }

            .box_candidato_dados_texto_2 {
                margin-top: 30%;
                text-transform: uppercase;

            }

            .box_candidato_delete {
                float: right;
                text-align: right;
                width: 100%;
            }

            .box_candidato_delete img {
                width: 3%;
                float: right;
            }

            .box_candidato_btn {
                float: right;
                width: 30%;
                margin: 2% 0 0 0;
                text-align: center;
            }

            .box_candidato_btn01,
            .box_candidato_btn02 {
                float: right;
                width: 46%;
                padding: 3% 1%;
                border: none;
                margin: 0 0 0 2%;
                cursor: pointer;
                font-size: .95em;
                border-radius: 25px;
            }

            .box_candidato_btn01 {
                background-image: linear-gradient(to right, #3a5491 , #448a8e);
                color: #fff;
            }

            .box_candidato_btn01:hover {
                background-image: linear-gradient(to right, #e80637 , #670218);
                color: #fff;
            }
            
            .box_candidato_btn02 {
                background-color: #dedee4;
                color: #838383;
            }

            .box_candidato_btn02:hover {
                background-image: linear-gradient(to right, #e80637 , #670218);
                color: #fff;
            }

            @media screen and (max-width: 1279px) {

                .box_candidato_dados {
                    width: 24%;
                }

                .box_candidato_dados_titulo {
                    margin: 10% 0 0 0;
                }

                .box_candidato_dados p:nth-child(2) {
                    margin-bottom: 5%;
                }

                .box_candidato_dados_texto {
                    margin-top: 22%;
                }

                .box_candidato_dados_texto_2 {
                    margin-top: 16%;

                }

                .box_candidato_btn01,
                .box_candidato_btn02 {
                    width: 25%;
                }


            }

            @media screen and (max-width: 1023px) {

                .box_candidato_btn01,
                .box_candidato_btn02 {
                    width: 30%;
                }
            }


            @media screen and (max-width: 767px) {

                .box_candidato_pefil {
                    width: 100%;
                    margin: 5% 0 10% 0;
                }

                .box_candidato_pefil_img {
                    border-radius: 100px;
                    margin: 0 42% 1% 42%;
                }

                .box_candidato_pefil_texto p:nth-child(5) {
                    margin-top: 4%;
                }

                .box_candidato_dados {
                    width: 32%;
                }

                .box_candidato_btn01,
                .box_candidato_btn02 {
                    width: 45%;
                    padding: 2.5%;
                }


            }

            @media screen and (max-width: 479px) {

                .box_candidato_pefil {
                    width: 100%;
                    margin: 10% 0 10% 0;
                }

                .box_candidato_pefil_img {
                    margin: 0 37% 1% 37%;
                }

                .box_candidato_pefil_texto p:nth-child(5) {
                    margin-top: 4%;
                }

                .box_candidato_dados {
                    width: 45%;
                    margin-right: 4%;
                }

                .box_candidato_btn01,
                .box_candidato_btn02 {
                    width: 100%;
                    margin: 5% 0 0 0;
                    padding: 2.5%;
                    font-size: 1em;
                }

                .box_candidato_btn01 img,
                .box_candidato_btn02 img {
                    width: 10%;
                    margin-left: 10%;
                }


            }


            /******* FUNCIONÁRIOS / PROCESSO SELETIVO - DELETE *******/


            /* Base for label styling */
            .box_candidato_delete [type="checkbox"]:not(:checked),
            .box_candidato_delete [type="checkbox"]:checked {
                position: absolute;
                left: -9999px;
            }

            .box_candidato_delete [type="checkbox"]:not(:checked) + label,
            .box_candidato_delete [type="checkbox"]:checked + label {
                position: relative;
                padding-left: 1.95em;
                cursor: pointer;
            }

            /* checkbox aspect */
            .box_candidato_delete [type="checkbox"]:not(:checked) + label:before,
            .box_candidato_delete [type="checkbox"]:checked + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 1.25em;
                height: 1.25em;
                border: 2px solid #ccc;
                background: #fff;
                border-radius: 4px;
                box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
            }

            /* checked mark aspect */
            .box_candidato_delete [type="checkbox"]:not(:checked) + label:after,
            .box_candidato_delete [type="checkbox"]:checked + label:after {
                content: '\2713\0020';
                position: absolute;
                top: .15em;
                left: .22em;
                font-size: 1.3em;
                line-height: 0.8;
                color: #09ad7e;
                transition: all .2s;
            }

            /* checked mark aspect changes */
            .box_candidato_delete [type="checkbox"]:not(:checked) + label:after {
                opacity: 0;
                transform: scale(0);
            }

            .box_candidato_delete [type="checkbox"]:checked + label:after {
                opacity: 1;
                transform: scale(1);
            }

            /* disabled checkbox */
            .box_candidato_delete [type="checkbox"]:disabled:not(:checked) + label:before,
            .box_candidato_delete [type="checkbox"]:disabled:checked + label:before {
                box-shadow: none;
                border-color: #bbb;
                background-color: #ddd;
            }

            .box_candidato_delete [type="checkbox"]:disabled:checked + label:after {
                color: #999;
            }

            .box_candidato_delete [type="checkbox"]:disabled + label {
                color: #aaa;
            }

            /* accessibility */
            .box_candidato_delete [type="checkbox"]:checked:focus + label:before,
            .box_candidato_delete [type="checkbox"]:not(:checked):focus + label:before {
                border: 2px solid #d10430;
            }

            /* hover style just for information */
            .box_candidato_delete label:hover:before {
                border: 2px solid #d10430 !important;
            }



            @media screen and (max-width: 1279px) {

                .box_candidato_delete label img {
                    width: 3.2%;
                    margin-top: -.5%;
                    margin-left: -.7%;
                }

            }

            @media screen and (max-width: 767px) {

                .box_candidato_delete label img {
                    width: 5%;
                    margin-top: -.5%;
                    margin-left: -.7%;
                }

            }

            @media screen and (max-width: 479px) {

                .box_candidato_delete {
                    margin-top: 5%;
                    margin-right: 5%;
                }

                .box_candidato_delete label img {
                    width: 8%;
                    margin-top: -1%;
                    margin-left: -2%;
                }

            }

            /****** FUNCIONÁRIO / FOOTER *******/

            .ps_funcioanrio_footer {
                float: left;
                width: 100%;
                padding: 2%;
                margin-top: 7%;
                margin-bottom: 1%;
                border-top: 1px solid #ccc;
            }

            .ps_funcioanrio_footer_img {
                text-align: right;
                float: right;
            }

            .ps_funcioanrio_footer_texto {
                text-align: right;
                float: right;
                font-size: .8em;
                width: 100%;
                margin-top: .5%;
            }


            @media screen and (max-width: 1023px) {

                .ps_funcioanrio_footer {
                    padding: 4% 2%;
                    margin-top: 10%;
                    margin-bottom: 2%;
                }
            }

            @media screen and (max-width: 479px) {

                .ps_funcioanrio_footer {
                    padding: 5% 2%;
                    margin-top: 12%;
                    margin-bottom: 2%;
                }

                .ps_funcioanrio_footer_texto {
                    font-size: .7em;
                    margin-top: .5%;
                }
            }

            .ps_poup_perfil {
                float: left;
                width: 100%;
                background-color: #fff;
                padding: 4% 7% 2% 7%;
            }

            .popup_principal_bg_ps {
                background: url("../../assets/image/background/rh-background-01.png") no-repeat;
            }

            .ps_poup_perfil_dados {
                float: left;
                width: 70%;

            }

            .ps_poup_perfil_info {
                float: right;
                width: 25%;
                padding-top: 5%;

            }

            .ps_poup_perfil_dados_img {
                width: 150px;
                height: 150px;
                overflow: hidden;
                border-radius: 100px;
                float: left;
            }

            .ps_poup_perfil_dados_img img {
                height: 100%;
            }

            .ps_poup_perfil_dados_texto {
                float: left;
                text-align: left;
                margin-left: 3%;
                padding-top: 4%;
            }

            .ps_poup_perfil_dados_texto p {
                font-size: .95em;
                margin: 0 0 1.5% 0;
            }

            .ps_poup_perfil_dados_texto p:first-of-type {
                font-size: 1.2em;
                color: #0485e6;
            }

            .ps_poup_perfil_dados_texto p:nth-child(2) {
                color: grey;
                margin-bottom: 7%;
            }

            .ps_poup_hgp {
                float: left;
                width: 100%;
                background-color: #fff;
                padding: 2%;
            }

            .ps_poup_hgp_box {
                float: left;
                width: 40%;
                margin: 1% 5%;
                background-color: #f5f5f5;
            }

            .ps_poup_hgp_box p:first-of-type {
                font-size: 1.2em;
                color: grey;
                font-weight: bold;
                float: left;
                width: 70%;
                padding: 4% 2% 0 2%;
            }

            .ps_poup_hgp_box p:last-of-type {
                color: #fff;
                font-size: 2em;
                float: left;
                width: 30%;
                background-color: #0485e6;
                padding: 2%;
            }

            .ps_poup_hgp_texto {
                float: left;
                width: 90%;
                padding: 2% 4%;
                background-color: #f5f5f5;
                text-align: left;
                margin: 5% 5% 0 5%;
                border-radius: 15px;
                border-left: 5px solid #0485e6;
            }

            .ps_poup_hgp_texto p:first-of-type {
                font-size: 1.2em;
                color: #0485e6;
                font-weight: bold;
            }

            .ps_poup_hgp_texto p span {
                font-size: .9em;
                color: grey;
                margin-top: 2%;
            }

            @media screen and (max-width: 1023px) {

                .ps_poup_hgp_box {
                    width: 45%;
                    margin: 1% 2.5%;

                }

                .ps_poup_hgp_box p:first-of-type {
                    font-size: .9em;
                }

                .ps_poup_hgp_box p:last-of-type {
                    font-size: 1.7em;
                }
            }


            @media screen and (max-width: 767px) {

                .ps_poup_hgp_box {
                    width: 90%;
                    margin: 2% 5%;
                }

                .ps_poup_hgp_box p:first-of-type {
                    font-size: 1em;
                }

                .ps_poup_hgp_box p:last-of-type {
                    font-size: 1.8em;
                }
            }

            @media screen and (max-width: 479px) {
                
                .ps_poup_hgp_box {
                    margin-top: 2%;
                    margin-bottom: 7%;
                }
                
                .ps_poup_hgp_box p:first-of-type {
                    font-size: 1.1em;
                    margin-top: 5%;
                }

                .ps_poup_hgp_box p:last-of-type {
                    font-size: 1.7em;
                    padding: 10% 0;
                }
            }



            /**** CADASTRO DE CANDIDATO ******/

            .ps_cadastro_candidato {
                float: left;
                width: 70%;
                background-color: #ffffff;
                border-radius: 10px;
                margin: 0 0 0 24%;
                padding: 1.5% 3% 2% 3%;
                position: absolute;
                bottom:0;
            }

            .ps_cadastro_candidato button {
                background-image: linear-gradient(to right, #2e579d , #0d89d7);
                color: #fff;
                border: none;
                border-radius: 100%;
                height: 65px;
                width: 65px;
                font-size: 2.5em;
                cursor: pointer;
                font-weight: bold;
                position: absolute;
                right: -3%;
            }

            .ps_cadastro_candidato button:hover {
                background-color: #1497fa;
            }

            .ps_cadastro_candidato [type="text"] {
                float: left;
                width: 23%;
                border: none;
                margin: 3% 0 0 2%;
                padding: 1%;
                font-size: .95em;
                background-color: #e4e4e4;
                border-radius: 15px;
            }

            .ps_cadastro_candidato [type="text"]:first-of-type {
                margin-left: 0;
            }

            .ps_cadastro_candidato select {
                float: left;
                width: 23%;
                margin: 3% 0 0 2%;
                padding: 1%;
                border: none;
                background-color: #e4e4e4;
                color: grey;
                font-size: .95em;
                border-radius: 15px;
            }

            .ps_cadastro_candidato select option {
                margin: 2% 0;
                border: none;
            }

            .ps_cadastro_lista {
                float: left;
                width: 100%;
                margin: 5% 0;
                border-radius: 15px;

            }

            .ps_cadastro_lista th {
                width: 25%;
                text-align: center;
                background-color: #0485e6;
                color: #fff;
                padding: 1.5% 2%;
                font-size: 1em;
                text-transform: uppercase;
                font-weight: bold;
                font-family: 'Arial', sans-serif;

            }

            .ps_cadastro_lista th:first-of-type {
                border-radius: 15px 0 0 0;

            }


            .ps_cadastro_lista th:last-of-type {
                border-radius: 0 15px 0 0;

            }

            .ps_cadastro_lista td {
                text-align: center;
                padding: 1%;
                font-size: 1em;
                color: grey;
                font-family: 'Arial', sans-serif;
                border-bottom: 1px solid #ccc;
            }

            .ps_cadastro_lista td img {
                width: 12%;
            }

            @media screen and (max-width: 767px) {

                .ps_cadastro_candidato {
                    padding: 5% 0 0 1%;
                }

                .ps_cadastro_candidato button {
                    width: 20%;
                    margin-top: 5%;
                }

                .ps_cadastro_candidato [type="text"] {
                    width: 90%;
                    margin: 3% 5% 0 5%;
                    padding: 3% 2%;
                    font-size: 1em;
                }

                .ps_cadastro_candidato select {
                    width: 90%;
                    margin: 3% 5% 0 5%;
                    padding: 3% 2%;
                    font-size: 1em;
                }

                .ps_cadastro_lista th {
                    width: 25%;
                    padding: 1.5% 2%;
                    font-size: .9em;

                }

                .ps_cadastro_lista td {
                    padding: 2% 1%;
                    font-size: .9em;
                }

                .ps_cadastro_lista td img {
                    width: 25%;
                }

            }

            @media screen and (max-width: 479px) {

                .ps_cadastro_candidato {
                    margin-bottom: 15%;
                }

                .ps_cadastro_candidato button {
                    width: 30%;
                    padding: .5%;
                    font-size: 2.5em;
                    margin-top: 7%;
                }


                .ps_cadastro_lista th {
                    width: 25%;
                    padding: 1.5% 2%;
                    font-size: .7em;

                }

                .ps_cadastro_lista td {
                    padding: 2% 1%;
                    font-size: .7em;
                }

                .ps_cadastro_lista td img {
                    width: 30%;
                }

            }

            /******* CADASTRO DE VAGAS ********/

            .box_formulario_vagas {
                float: left;
                width: 100%;
            }

            .formulario_vagas_texto, .formulario_vagas_form, .formulario_vagas_checkbox {
                float: left;
                width: 100%;
            }

            .formulario_vagas_texto {
                float:left;
                width: 100%;
                margin:  0 0 2% 0;
            }

            
            .formulario_vagas_texto p {
                color: #717171;
                margin: 0;
                font-size: 1em;
            }

            .formulario_vagas_texto p:first-of-type {
                color: #717171;
                font-weight: 900;
                font-size: 1.4em;
            }

            .formulario_vagas_form {
                float:left;
                width: 100%;
            }

            .formulario_vagas_form input[type=text] {
                float: left;
                width: 35%;
                padding: 1% 2%;
                background-color: #fff;
                border: 1px solid #dedede;
                border-radius: 20px;
                font-size: 1em;
            }

            .formulario_vagas_form button {
                float: left;
                width: 20%;
                margin-left: 1%;
                background-color: #4fafb2;
                color: #fff;
                padding: 1%;
                border: none;
                border-radius: 20px;
                cursor: pointer;
            }

            .formulario_vagas_checkbox {
                margin-top: 3%;
            }

 .multiChoice {
     float: left;
 }


.multiChoice div > label {
	display: block;
	margin-bottom: 15px;
	margin-top: 10px;
}
.custom-checkbox {
  position: relative;
  display: inline-block;
}

.custom-checkbox > input {
  position: absolute;
  outline: none;
  left: 0;
  top: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  border: none;
  margin: 0;
  opacity: 0;
  z-index: 1;
}

/* DEFAULT STYLES */
.custom-checkbox > .box {
    background-color: #d7dfe5;
    box-sizing: border-box;
    display: inline-block;
    height: 26vh;
    line-height: 55px;
    text-align: center;
    width: 120px;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    font-size: 16px;
    margin-bottom: 20px;
    margin-right: 10px;
    position: relative;
    font-weight: bold;
    padding: 10% 4%;
    color: #000;
    border: 3px solid #d7dfe5;
}
.custom-checkbox > .box > .tick {
  display: none;
}

/* CHECKED STYLES */
.custom-checkbox > input:checked ~ .box,
/*IE8*/.custom-checkbox.checked > .box{
	background: #bdced8;
    border: 3px solid #7facad;
}
.custom-checkbox > input:checked ~ .box > .tick,
/*IE8*/.custom-checkbox.checked > .box > .tick {
  display: block;
}


.vagas_checkbox_img {
    float: left;
    width: 100%;
    margin: 5% 0 20% 0;
}

.vagas_checkbox_texto {
    float: left;
    width: 100%;
}

.vagas_checkbox_texto p {
    font-size: .9em;
}

.vagas_checkbox_texto p span {
    color: #2b8681;
    font-size: .8em;
    font-weight: bold;
}

.box_vagas_lista {
    float: left;
    width: 100%;
}

.vagas_lista_item {
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 3%;
}

.vagas_lista_item_left {
    float: left;
    width: 25%;
    background-color: #d7dfe5;
    padding: 0 0 2% 0;
}

.vagas_lista_item_right {
    float: right;
    width: 75%;
}

.vagas_lista_item_left_titulo {
    float: left;
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    padding: 6% 2%;
    text-align: center;
   
}

.vagas_lista_item_left_titulo p {
    color: #8e8e8e;
    margin: 0;
    font-size: 1.1em;
}

.vagas_lista_item_left_img {
    float: left;
    width: 100%;
    padding: 5% 2%;
    text-align: center;
}

.vagas_lista_item_left_texto {
    float: left;
    width: 100%;
    text-align: center;
}

.vagas_lista_item_left_texto p {
    color: #393939;
    margin: 0;
    font-size: .9em;
}

.vagas_lista_item_left_texto p:last-of-type {
    font-size: 1em;
    font-weight: bold;
}

.vagas_lista_item_left_btn {
    float: left;
    width: 100%;
    margin-top: 5%;
}

.vagas_lista_item_left_btn a {
    background-color: #4fafb2;
    color: #fff;
    padding: 2%;
    width: 50%;
    float: left;
    margin: 2% 25%;
    border-radius: 20px;
    text-align: center;
}

.vagas_lista_item_left_btn a:hover {
    background-color: #429598;
}

.vagas_lista_item_right_titulo {
    float: right;
    width: 100%;
    padding: 2%;
    border-bottom: 1px solid #b3b3b3;
    padding-left: 5%;
   
}

.vagas_lista_item_right_titulo p {
    color: #8e8e8e;
    margin: 0;
    font-size: 1.1em;
}

.vagas_lista_item_right_texto {
    float: right;
    width: 100%;
}

.vagas_lista_item_right_texto ul {
    padding: 2% 5% 2% 7%;
    float: right;
    width: 100%;
    
}

.vagas_lista_item_right_texto ul li {
    float: left;
    width: 50%; 
    
}

.vagas_lista_item_right_texto ul li::before {
    content: "• ";
    color: #73b2af; 
    float: left;
    margin-right: 2%;
    font-size: 30px;
  }

.vagas_lista_item_right_texto ul li p{
    margin: 0;
    color: #292929;
    font-size: .95em;
    padding-top: 2.5%;
}


.vagas_lista_item_right_btn {
    float: right;
    width: 100%;
}

.vagas_lista_item_right_btn a {
    background-color: #4fafb2;
    color: #fff;
    padding: 1% 2%;
    width: 20%;
    float: right;
    margin: 4% 5% 0 0;
    border-radius: 20px;
    text-align: center;
}








            /************/

            .ps_cadastro_vaga {
                float: left;
                width: 100%;
                background-color: #f5f5f5;
                border-radius: 10px;
                margin-top: 3%;
                padding: 2% 0 0 5%;
            }

            .ps_cadastro_vaga button {
                background-color: #0485e6;
                color: #fff;
                float: right;
                width: 12%;
                margin-top: 3%;
                border: none;
                padding: 1%;
                border-radius: 0 10px 10px 0;
                font-size: 2em;
                cursor: pointer;
                font-weight: bold;
            }

            .ps_cadastro_vaga button:hover {
                background-color: #1497fa;
            }

            .ps_cadastro_vaga [type="text"] {
                float: left;
                width: 92%;
                border: none;
                margin: 3% 5% 1% 0;
                padding: 1.5%;
                font-size: .95em;
            }


            .ps_cadastro_vaga_checkbox {
                float: left;
                width: 30%;
                margin: 1% 1% 1% 0;
                background-color: #fff;
                padding: 2%;

            }

            .ps_cadastro_vaga_checkbox p {
                font-size: .9em;
                text-align: center;
                font-weight: bold;
                color: grey;
                display: inline-block;
                margin-left: 1%;

            }

            .ps_cadastro_vaga_checkbox span {
                color: #0485e6;
                font-weight: bold;
            }


            .ps_vaga_lista {
                float: left;
                width: 100%;
                margin: 10% 0 5% 0;
                border-radius: 15px;

            }

            .ps_vaga_lista th {
                width: 16%;
                text-align: center;
                background-color: #0485e6;
                color: #fff;
                padding: 1.5% 2%;
                font-size: .9em;
                text-transform: uppercase;
                font-weight: bold;
                font-family: 'Arial', sans-serif;

            }

            .ps_vaga_lista th:first-of-type {
                border-radius: 15px 0 0 0;

            }


            .ps_vaga_lista th:last-of-type {
                border-radius: 0 15px 0 0;

            }

            .ps_vaga_lista td {
                text-align: center;
                padding: 2% 1%;
                font-size: 1em;
                color: grey;
                font-family: 'Arial', sans-serif;
                border-bottom: 1px solid #ccc;
            }

            .ps_vaga_lista td img {
                width: 20%;
            }

            .ps_cadastro_vaga_checkbox_2 {
                float: left;
                width: 32%;
                height: 13vh;
                margin: 2% 1% 0 0;
                background-color: #f5f5f5;
                padding: 2%;

            }

            .ps_cadastro_vaga_checkbox_2 p {
                font-size: .9em;
                text-align: center;
                font-weight: bold;
                color: grey;
                display: inline-block;
                margin-left: 10%;
                margin-top: 5%;

            }

            .ps_cadastro_vaga_checkbox_2 span {
                color: #0485e6;
                font-weight: bold;
            }


            @media screen and (max-width: 1279px) {

                .ps_cadastro_vaga button {
                    width: 20%;
                    font-size: 2.5em;
                }

                .ps_cadastro_vaga [type="text"] {
                    width: 92.5%;
                    padding: 2% 1.5%;
                    font-size: 1em;
                }

                .ps_cadastro_vaga_checkbox {
                    width: 45%;
                    margin: 1% 2.5% 1% 0;
                    padding: 3% 2%;

                }

                .ps_cadastro_vaga_checkbox p {
                    font-size: .95em;

                }

                .ps_vaga_lista th {
                    width: 17%;
                    font-size: .8em;
                }

                .ps_vaga_lista th:last-of-type {
                    width: 10%;

                }

                .ps_vaga_lista td {
                    font-size: .8em;
                }

                .ps_vaga_lista td img {
                    width: 40%;
                }

                .ps_cadastro_vaga_checkbox_2 {
                    width: 47%;
                    height: auto;
                    margin: 2% 3% 3% 0;
                }

                .ps_cadastro_vaga_checkbox_2 p {
                    margin-left: 20%;
                    margin-top: 2%;

                }

            }

            @media screen and (max-width: 1023px) {

                .ps_vaga_lista th {
                    width: 18%;
                    font-size: .75em;
                }

                .ps_vaga_lista th:last-of-type {
                    width: 7%;

                }

                .ps_vaga_lista td {
                    font-size: .8em;
                }

                .ps_vaga_lista td img {
                    width: 70%;
                }

            }

            @media screen and (max-width: 767px) {

                .ps_cadastro_vaga button {
                    width: 30%;
                    font-size: 2.5em;
                    margin-top: 5%;
                }

                .ps_cadastro_vaga [type="text"] {
                    width: 92%;
                    padding: 4% 3%;
                    font-size: 1em;
                    margin-bottom: 5%;
                }

                .ps_cadastro_vaga_checkbox {
                    width: 92%;
                    margin: 1% 0 2% 0;
                    padding: 3% 2%;

                }

                .ps_cadastro_vaga_checkbox p {
                    font-size: .95em;

                }

                .ps_vaga_lista th {
                    width: 15%;
                    font-size: .45em;
                }

                .ps_vaga_lista th:last-of-type {
                    width: 6%;

                }

                .ps_vaga_lista td {
                    font-size: .5em;
                }

                .ps_vaga_lista td img {
                    width: 70%;
                }

                .ps_cadastro_vaga_checkbox_2 p {
                    font-size: .7em;
                    margin-left: 15%;

                }


            }

            @media screen and (max-width: 479px) {

                .ps_cadastro_vaga button {
                    width: 40%;
                    font-size: 2em;
                }

                .ps_cadastro_vaga_checkbox {
                    width: 92%;
                    margin: 1% 0 2% 0;
                    padding: 5% 2%;

                }

                .ps_cadastro_vaga_checkbox p {
                    font-size: .8em;

                }

                .ps_vaga_lista th {
                    width: 15%;
                    font-size: .4em;
                }

                .ps_vaga_lista th:last-of-type {
                    width: 6%;

                }

                .ps_vaga_lista td {
                    font-size: .4em;
                }

                .ps_vaga_lista td img {
                    width: 100%;
                }

                .ps_cadastro_vaga_checkbox_2 {
                    margin-top: 7%;

                }

                .ps_cadastro_vaga_checkbox_2 p {
                    font-size: .45em;

                }


            }

            /*********** CADASTRO DE PERFIL **************/


            .ps_cadastro_perfil {
                float: left;
                width: 100%;
                background-color: #f5f5f5;
                border-radius: 10px;
                margin-bottom: 3%;
                padding: 2% 0 0 5%;
            }

            .ps_cadastro_perfil button {
                background-color: #0485e6;
                color: #fff;
                float: right;
                width: 20%;
                margin-top: 3%;
                border: none;
                padding: 2% 1%;
                border-radius: 0 10px 10px 0;
                font-size: 1em;
                cursor: pointer;
                font-weight: bold;
            }

            .ps_cadastro_perfil button:hover {
                background-color: #1497fa;
            }

            .ps_cadastro_perfil [type="text"] {
                float: left;
                width: 100%;
                border: none;
                margin: 2% 0 1% 0;
                padding: 4%;
                font-size: .95em;
            }

            .ps_cadastro_perfil_texto {
                float: left;
                width: 50%;
                margin-top: 5%;
            }

            .ps_cadastro_perfil_btn {
                float: left;
                width: 100%;
            }

            @media screen and (max-width: 767px) {

                .ps_cadastro_perfil_texto {
                    width: 95%;
                }

                .ps_cadastro_perfil button {
                    width: 40%;
                    margin-top: 10%;
                    padding: 4% 1%;
                }

            }


            /***********************  POP UP **************************/

            .box-popup-delete {
                position: fixed;
                border: 0px solid #ccc;
                float: left;
                width: 45%;
                padding: 2%;
                margin: 5%;
                z-index: 1001;
                top: 100px;
                left: 50%;
                margin-left: -260px;
            }

            .box-popup-delete {
                background: rgba(255, 255, 255, 0.8);
                position: fixed;
                top: 0px;
                left: 0px;
                min-width: 100%;
                min-height: 100%;
                z-index: 1000;
                display: none;
            }

            .box-popup-item {
                position: fixed;
                border: 0px solid #ccc;
                float: left;
                width: 45%;
                padding: 2%;
                margin: 5%;
                z-index: 1001;
                top: 100px;
                left: 50%;
                margin-left: -260px;
            }

            .box-popup {
                background: rgba(255, 255, 255, 0.8);
                position: fixed;
                top: 0px;
                left: 0px;
                min-width: 100%;
                min-height: 100%;
                z-index: 1000;
            }

            .box-popup-item-titulo {
                color: #fff;
                text-align: center;
                font-weight: -500;
                font-size: 1.6em;
            }

            .box-popup-btn {
                color: #fff;
                float: left;
                width: 40%;
                margin: 4% 30% 2% 30%;
                text-align: center;
                padding: 2%;
                border: 1px solid #fff;
                cursor: pointer;
                border-radius: 50px;
                font-size: 1em;
                text-transform: uppercase;
            }

            .popup_css {
                position: fixed;
                font-family: Arial, Helvetica, sans-serif;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.8);
                z-index: 99999;
                opacity: 0;
                -webkit-transition: opacity 400ms ease-in;
                -moz-transition: opacity 400ms ease-in;
                transition: opacity 400ms ease-in;
                pointer-events: none;
            }

            .popup_css:target {
                opacity: 1;
                pointer-events: auto;
            }



            /***************************** POP UP DELETE *******************************/

            .bold {
                font-weight: bold;
            }

            .box-delete-popup {
                background: rgba(0, 0, 0, 0.8);
                position: fixed;
                top: 0px;
                left: 0px;
                min-width: 100%;
                min-height: 100%;
                z-index: 1000;
            }

            .box-delete {
                width: 40%;
                margin: 15% 30% 0 30%;
                overflow: auto;
                padding: 3% 2%;
                text-align: center;
                background-color: #fff;
            }

            .box-delete p {
                text-align: center;
                font-size: 1.2em;
            }

            .box-delete a {
                background-color: #15234b;
                color: #fff;
                width: 40%;
                padding: 2%;
                margin: 7% 5% 2% 5%;
                float: left;
                font-size: 1.1em;
                text-transform: uppercase;
                cursor: pointer;
            }

            .box-delete a:hover {
                background-color: #243b7d;
            }

            .box-delete button {
                background-color: grey;
                color: #fff;
                width: 30%;
                padding: 2%;
                margin: 2% 2% 2% 2%;
                float: left;
                font-size: 1em;
                text-transform: uppercase;
                cursor: pointer;
                border: none;
            }

            .box-delete button:first-of-type {
                margin-left: 18%;
            }

            .box-delete button:last-of-type {
                background-color: #d70633;
            }

            .box-delete button:last-of-type:hover {
                background-color: #ff0037;
            }

            .box-delete button:hover {
                background-color: #0485e6;
            }

            @media screen and (max-width: 1023px) {

                .box-delete {
                    width: 80%;
                    margin: 15% 10% 0 10%;
                }

                .box-delete p {
                    text-align: center;
                }
            }

            /*********
            CONTAGEM REGRESSIVA
            ************/

            .box_tempo {
                position: fixed;
                right: 0;
                top: 0;
                background-color: #f5f5f5;
                padding: 2%;
                width: 13%;
                z-index: 999;
            }

            .box_tempo span {
                font-size: 1.5em;
                font-weight: bold;
                color: #ff5038;
            }

            @media screen and (max-width: 1023px) {

                .box_tempo {
                    width: 25%;
                }

            }

            @media screen and (max-width: 767px) {

                .box_tempo {
                    width: 35%;
                }

            }


            @media screen and (max-width: 479px) {

                .box_tempo {
                    width: 45%;
                }

            }


            /************ POP UP CADASTRO DE VAGAS **************/

            .popup {
                display: flex;
                align-items: center;
                justify-content: center;
                position: fixed;
                width: 100vw;
                height: 100vh;
                bottom: 0;
                right: 0;
                background-color: rgba(0, 0, 0, 0.8);
                z-index: 2;
                visibility: hidden;
                opacity: 0;
                overflow: hiden;
                transition: .64s ease-in-out;
            }

            .popup-inner {
                position: relative;
                bottom: -100vw;
                right: -100vh;
                display: flex;
                max-width: 800px;
                max-height: 600px;
                width: 60%;
                height: 80%;
                background-color: #fff;
                -webkit-transform: rotate(32deg);
                transform: rotate(32deg);
                transition: .64s ease-in-out;
            }

            .popup__photo {
                display: flex;
                justify-content: flex-end;
                align-items: flex-end;
                width: 40%;
                height: 100%;
                overflow: hidden;
            }

            .popup:target {
                visibility: visible;
                opacity: 1;
            }

            .popup:target .popup-inner {
                bottom: 0;
                right: 0;
                -webkit-transform: rotate(0);
                transform: rotate(0);
            }

            .popup__close {
                position: absolute;
                right: -1rem;
                top: -1rem;
                width: 3rem;
                height: 3rem;
                font-size: .875rem;
                font-weight: 300;
                border-radius: 100%;
                background-color: #0A0A0A;
                z-index: 4;
                color: #fff;
                line-height: 3rem;
                text-align: center;
                cursor: pointer;
                text-decoration: none;
            }

            /********* POP UP - TEMPORIZADOR ************/

            .popup_time {
                background: rgba(0, 0, 0, 0.9);
                position: fixed;
                top: 0px;
                left: 0px;
                min-width: 100%;
                min-height: 100%;
                z-index: 1000;
            }

            .popup_box_time {
                width: 40%;
                margin: 10% 30% 0 30%;
                overflow: auto;
                padding: 4% 2%;
                text-align: center;
                background-color: #fff;
                border-radius: 15px;
            }

            .popup_box_time_texto {
                float: left;
                width: 100%;
            }

            .popup_box_time_texto p {
                float: left;
                width: 100%;
                margin: 0;
                text-align: center;
            }

            .popup_box_time_texto p:first-of-type {
                font-size: 1.5em;
                font-weight: bold;
                text-transform: uppercase;
                color: #d10430;
            }

            .popup_box_time_texto p:last-of-type {
                font-size: 1.1em;
                color: grey;
            }


            @media screen and (max-width: 1279px) {

                .popup_box_time {
                    width: 80%;
                    margin: 10% 10% 0 10%;
                    padding: 5% 2%;
                }

            }

            @media screen and (max-width: 1023px) {

                .popup_box_time_texto p:first-of-type {
                    font-size: 2em;
                }

                .popup_box_time_texto p:last-of-type {
                    font-size: 1.2em;
                }

            }

            @media screen and (max-width: 767px) {

                .popup_box_time_texto p:first-of-type {
                    font-size: 1.7em;
                }

                .popup_box_time_texto p:last-of-type {
                    font-size: 1em;
                    margin-top: 1%;
                }

                .popup_box_time {
                    width: 80%;
                    margin: 10% 10% 0 10%;
                    padding: 5% 4%;
                }

            }


            .square-holder {
                margin-left: 35%;
            }

            .load-wrapp {
                float: left;
                width: 100%;
                margin: 0 0 0 0;
                padding: 20px 20px 20px;
                border-radius: 5px;
                text-align: center;
            }

            .load-wrapp p {
                font-size: 1.2em;
                font-weight: bold;
                text-transform: uppercase;
                color: #4b9cdb;
                margin-top: 5%;
            }

            @media screen and (max-width: 1023px) {

                .load-wrapp p {
                    font-size: 1.4em;
                }

            }

            @media screen and (max-width: 767px) {

                .load-wrapp p {
                    font-size: 1.2em;
                }

            }

            .load-wrapp:last-child {
                margin-right: 0;
            }

            .line {
                display: inline-block;
                width: 15px;
                height: 15px;
                border-radius: 15px;
                background-color: #4b9cdb;
            }

            .ring-1 {
                width: 10px;
                height: 10px;
                margin: 0 auto;
                padding: 10px;
                border: 7px dashed #4b9cdb;
                border-radius: 100%;
            }

            .ring-2 {
                position: relative;
                width: 45px;
                height: 45px;
                margin: 0 auto;
                border: 4px solid #4b9cdb;
                border-radius: 100%;
            }

            .ball-holder {
                position: absolute;
                width: 12px;
                height: 45px;
                left: 17px;
                top: 0px;
            }

            .ball {
                position: absolute;
                top: -11px;
                left: 0;
                width: 16px;
                height: 16px;
                border-radius: 100%;
                background: #4282B3;
            }

            .letter-holder {
                padding: 16px;
            }

            .letter {
                float: left;
                font-size: 14px;
                color: #777;
            }

            .square {
                width: 12px;
                height: 12px;
                border-radius: 4px;
                background-color: #4b9cdb;
            }

            .spinner {
                position: relative;
                width: 45px;
                height: 45px;
                margin: 0 auto;
            }

            .bubble-1,
            .bubble-2 {
                position: absolute;
                top: 0;
                width: 25px;
                height: 25px;
                border-radius: 100%;
                background-color: #4b9cdb;
            }

            .bubble-2 {
                top: auto;
                bottom: 0;
            }

            .bar {
                float: left;
                width: 15px;
                height: 6px;
                border-radius: 2px;
                background-color: #4b9cdb;
            }

            /* =Animate the stuff
            ------------------------ */
            .load-1 .line:nth-last-child(1) {
                animation: loadingA 1.5s 1s infinite;
            }

            .load-1 .line:nth-last-child(2) {
                animation: loadingA 1.5s .5s infinite;
            }

            .load-1 .line:nth-last-child(3) {
                animation: loadingA 1.5s 0s infinite;
            }

            .load-2 .line:nth-last-child(1) {
                animation: loadingB 1.5s 1s infinite;
            }

            .load-2 .line:nth-last-child(2) {
                animation: loadingB 1.5s .5s infinite;
            }

            .load-2 .line:nth-last-child(3) {
                animation: loadingB 1.5s 0s infinite;
            }

            .load-3 .line:nth-last-child(1) {
                animation: loadingC .6s .1s linear infinite;
            }

            .load-3 .line:nth-last-child(2) {
                animation: loadingC .6s .2s linear infinite;
            }

            .load-3 .line:nth-last-child(3) {
                animation: loadingC .6s .3s linear infinite;
            }

            .load-4 .ring-1 {
                animation: loadingD 1.5s .3s cubic-bezier(.17, .37, .43, .67) infinite;
            }

            .load-5 .ball-holder {
                animation: loadingE 1.3s linear infinite;
            }

            .load-6 .letter {
                animation-name: loadingF;
                animation-duration: 1.6s;
                animation-iteration-count: infinite;
                animation-direction: linear;
            }

            .l-1 {
                animation-delay: .48s;
            }

            .l-2 {
                animation-delay: .6s;
            }

            .l-3 {
                animation-delay: .72s;
            }

            .l-4 {
                animation-delay: .84s;
            }

            .l-5 {
                animation-delay: .96s;
            }

            .l-6 {
                animation-delay: 1.08s;
            }

            .l-7 {
                animation-delay: 1.2s;
            }

            .l-8 {
                animation-delay: 1.32s;
            }

            .l-9 {
                animation-delay: 1.44s;
            }

            .l-10 {
                animation-delay: 1.56s;
            }

            .load-7 .square {
                animation: loadingG 1.5s cubic-bezier(.17, .37, .43, .67) infinite;
            }

            .load-8 .line {
                animation: loadingH 1.5s cubic-bezier(.17, .37, .43, .67) infinite;
            }

            .load-9 .spinner {
                animation: loadingI 2s linear infinite;
            }

            .load-9 .bubble-1,
            .load-9 .bubble-2 {
                animation: bounce 2s ease-in-out infinite;
            }

            .load-9 .bubble-2 {
                animation-delay: -1.0s;
            }

            .load-10 .bar {
                animation: loadingJ 2s cubic-bezier(.17, .37, .43, .67) infinite;
            }

            @keyframes loadingA {
                0 {
                    height: 15px;
                }

                50% {
                    height: 35px;
                }

                100% {
                    height: 15px;
                }
            }

            @keyframes loadingB {
                0 {
                    width: 15px;
                }

                50% {
                    width: 35px;
                }

                100% {
                    width: 15px;
                }
            }

            @keyframes loadingC {
                0 {
                    transform: translate(0, 0);
                }

                50% {
                    transform: translate(0, 15px);
                }

                100% {
                    transform: translate(0, 0);
                }
            }

            @keyframes loadingD {
                0 {
                    transform: rotate(0deg);
                }

                50% {
                    transform: rotate(180deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            @keyframes loadingE {
                0 {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            @keyframes loadingF {
                0% {
                    opacity: 0;
                }

                100% {
                    opacity: 1;
                }
            }

            @keyframes loadingG {
                0% {
                    transform: translate(0, 0) rotate(0deg);
                }

                50% {
                    transform: translate(70px, 0) rotate(360deg);
                }

                100% {
                    transform: translate(0, 0) rotate(0deg);
                }
            }

            @keyframes loadingH {
                0% {
                    width: 15px;
                }

                50% {
                    width: 35px;
                    padding: 4px;
                }

                100% {
                    width: 15px;
                }
            }

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

            @keyframes bounce {

                0%,
                100% {
                    transform: scale(0.0);
                }

                50% {
                    transform: scale(1.0);
                }
            }

            @keyframes loadingJ {

                0%,
                100% {
                    transform: translate(0, 0);
                }

                50% {
                    transform: translate(80px, 0);
                    background-color: #f5634a;
                    width: 25px;
                }
            }

            /************ TABS FORMULÁRIO ************/

            .tab {
                margin-bottom: 20px;
                position: relative;
                overflow: hidden;
                background: #fff;
                width: 100%;
                float: left;
                margin: 0 auto;
                line-height: 1.5;
                font-weight: 300;
                color: #888;
                -webkit-font-smoothing: antialiased;
            }

            .tabs {
                display: table;
                position: relative;
                overflow: hidden;
                margin: 0;
                width: 100%;
            }

            .tabs li {
                float: left;
                line-height: 38px;
                overflow: hidden;
                position: relative;
                width: 25%;
            }

            .tabs a {
                padding: 5% 2%;
                background-color: #e8e9ef;
                border-bottom: 1px solid #73b2af;
                color: #73b2af;
                font-weight: 500;
                display: block;
                letter-spacing: 0;
                outline: none;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
                border-bottom: 2px solid #73b2af;
                text-align: center;
            }

            .tabs_item {
                display: none;
                padding: 30px 0;
                float: left;
                width: 100%;
            }

            .tabs_item:first-child {
                display: block;
            }

            .current a {
                color: #fff;
                background: #73b2af;
            }

            @media screen and (max-width: 1023px) {

                .tabs li {
                    width: 50%;
                }

            }

            @media screen and (max-width: 767px) {

                .tabs li {
                    width: 100%;
                }

            }

            /******* POP UP PRINCIPAL ***********/

            .popup_principal {
                position: fixed;
                font-family: Arial, Helvetica, sans-serif;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.8);
                z-index: 99999;
                opacity: 0;
                -webkit-transition: opacity 400ms ease-in;
                -moz-transition: opacity 400ms ease-in;
                transition: opacity 400ms ease-in;
                pointer-events: none;
            }

            .popup_principal:target {
                opacity: 1;
                pointer-events: auto;
            }

            .popup_principal_box {
                width: 90%;
                height: 90%;
                margin: 2% 5% 0 5%;
                overflow: auto;
                padding: 2%;
                text-align: center;
                background-color: #fff;
                overflow: scroll;
            }

            /********************* cores *************/

            .bold {
                font-weight: bold;
            }

            .color_black {
                font-weight: bold;
            }

            .color_green {
                color: #4fafb2;
            }

            .color_red {
                color: #d10430;
            }

            .color_blue {
                color: #0063dd;
            }

            .color_yellow {
                color: #ffb400;
            }

            .color_grey {
                color: grey;
            }

            .color_white {
                color: #fff;
            }

            .color_black {
                color: #000;
            }

            .opacity05 {
                opacity: 0.1;
            }

            .display_none {
                display: none;
            }

            .btn_ativado {
                margin-top: 7% !important;
                color: #4fafb2 !important;
                border: 1px solid #4fafb2;
                border-radius: 10px;
                width: 50%;
                padding: 2%;
                text-align: center;
                font-size: .75em !important;
                font-weight: bold;

            }

            .btn_desativado {
                margin-top: 7% !important;
                color: #a4a4a4 !important;
                border: 1px solid #a4a4a4;
                border-radius: 10px;
                width: 50%;
                padding: 2%;
                text-align: center;
                font-size: .75em !important;
                font-weight: bold;

            }

            /*circulos*/

            .circulo_red {
                background-color: #d0062f;
            }

            .circulo_green {
                background-color: #4fafb2;
            }

            .circulo_orange {
                background-color: #e9bc7b;
            }

            .circulo_grey {
                background-color: grey;
            }

            /*bordas*/

            .borda_green {
                background-color: #4fafb2;
            }

            .borda_red {
                background-color: #d0062f;
            }

            .borda_orange {
                background-color: #e9bc7b;
            }

            .borda_grey {
                background-color: grey;
            }

            /*escalas*/
            .escala_red {
                background-color: #d10430;
                float: left;
                width: 30%;
                height: 2vh;
            }

            .escala_orange {
                background-color: #e9bc7b;
                float: left;
                width: 60%;
                height: 2vh;
            }

            .escala_green {
                background-color: #71bd9a;
                float: left;
                width: 100%;
                height: 2vh;
            }

            .escala_white {
                background-color: #fff;
                float: left;
                width: 100%;
                height: 2vh;
            }

        


            /******* POP UP EDITAR ***********/

            .popup_editar {
                position: fixed;
                font-family: Arial, Helvetica, sans-serif;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.8);
                z-index: 99999;
                opacity: 0;
                -webkit-transition: opacity 400ms ease-in;
                -moz-transition: opacity 400ms ease-in;
                transition: opacity 400ms ease-in;
                pointer-events: none;
            }

            .popup_editar:target {
                opacity: 1;
                pointer-events: auto;
            }

            .popup_editar_box {
                width: 60%;
                height: 90%;
                margin: 2% 20% 0 20%;
                overflow: auto;
                padding: 2%;
                background-color: #fff;
            }

            .popup_editar_boxfull {
                float: left;
                width: 100%;
                margin: 5% 0 0 0;
                padding-left: 7%;
            }

            .popup_editar_boxfull .multiChoice {
                width: 30%;
                margin: 0 1.5%;
            }

            .ps_cadastro_candidato_popup {
                float: left;
                width: 90%;
                margin: 5%;
                padding: 2%;
            }

            .ps_cadastro_candidato_popup_titulo {
                float: left;
                width: 100%;
                margin: 0 0 5% 0;
                border-left: 5px solid #63b1a5;
                padding-left: 1.5%;
                color: #63b1a5;
                font-size: 2em;
            }

            .ps_cadastro_candidato_popup [type="text"] {
                float: left;
                width: 100%;
                border: none;
                margin: 3% 0 0 0;
                padding: 2%;
                font-size: .95em;
                border: 1px solid #ccc;
                border-radius: 15px;
            }

            .ps_cadastro_candidato_popup select {
                float: left;
                width: 100%;
                margin: 3% 0 3% 0;
                padding: 2%;
                border: 1px solid #ccc;
                color: grey;
                font-size: .95em;
                border-radius: 15px;
            }

            .ps_cadastro_candidato_popup select option {
                margin: 2% 0;
            }

            .ps_cadastro_candidato_popup button:first-of-type {
                background-color: #63b1a5;
                color: #fff;
                float: right;
                width: 20%;
                border-radius: 10px;
                border: none;
                padding: 2%;
                font-size: 1em;
                cursor: pointer;
                font-weight: bold;
                margin-top: 5%;
            }

            .ps_cadastro_candidato_popup button:first-of-type:hover {
                background-color: #63b1a5;
            }

            .ps_cadastro_candidato_popup button:last-of-type {
                background-color: #d10430;
                color: #fff;
                float: left;
                width: 20%;
                border-radius: 10px;
                border: none;
                padding: 2%;
                font-size: 1em;
                cursor: pointer;
                font-weight: bold;
                margin-top: 5%;
            }

            .ps_cadastro_candidato_popup button:last-of-type:hover {
                background-color: #ff0000;
            }

            .popup_principal_box_close {
                float: left;
                width: 100%;
                text-align: right;
                margin: 0 0 3% 0;
            }

            .popup_principal_box_close a {
                background-color: #d10430;
                color: #fff;
                padding: 1%;
                border-radius: 100px;
                width: 50px;
                height: 50px;
            }

            .popup_principal_box_close a:hover {
                background-color: grey;
            }

            .popup_principal_box_close img {
                width: 2%;
            }

            .popup_principal_box_imprimir {
                float: left;
                background-color: #216b8c;
                padding: 1% 2%;
                border-radius: 15px;
                width: 15%;
            }

            .popup_principal_box_imprimir a {
                color: #fff;
            }

            .popup_principal_box_imprimir a img{
                width: 20%;
                margin-right: 2%;
            }

            @media screen and (max-width: 1279px) {

                .popup_principal_box_close a {
                    padding: 1% 2%;
                    width: 70px;
                    height: 70px;
                }
            }

            @media screen and (max-width: 1023px) {

                .popup_editar_box {
                    width: 90%;
                    height: 90%;
                    margin: 3% 5% 0 5%;
                }
            }


            @media screen and (max-width: 767px) {

                .popup_principal_box_close a {
                    padding: 2% 4%;
                }

                .popup_principal_box_close {
                    margin-top: 2%;
                }

                .ps_cadastro_candidato_popup button:first-of-type {
                    width: 30%;
                }

                .ps_cadastro_candidato_popup button:last-of-type {
                    width: 30%;
                }
            }

            @media screen and (max-width: 479px) {

                .ps_cadastro_candidato_popup button:first-of-type {
                    width: 45%;
                    padding: 4%;
                    margin-top: 10%;
                }

                .ps_cadastro_candidato_popup button:last-of-type {
                    width: 45%;
                    padding: 4%;
                    margin-top: 10%;
                }
            }

            /******* POP UP CANDITADO MÉTRICAS ***********/

            .popup_metricas {
                position: fixed;
                font-family: Arial, Helvetica, sans-serif;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 99999;
                opacity: 0;
                -webkit-transition: opacity 400ms ease-in;
                -moz-transition: opacity 400ms ease-in;
                transition: opacity 400ms ease-in;
                pointer-events: none;
            }

            .popup_metricas:target {
                opacity: 1;
                pointer-events: auto;
            }

            .popup_metricas_box {
                width: 60%;
                height: 70%;
                margin: 10% 0 0 35%;
                text-align: center;

            }
            .popup_cantidato_perfil {
                float: left;
                width: 40%;
                box-shadow: 3px 3px 3px #c6c7c8;
            }

            .popup_cantidato_perfil_dados {
                float: left;
                width: 100%;
                background-color: #63b1a5;
                padding: 6%;
            }

            .popup_cantidato_perfil_dados_img {
                width: 80px;
                height: 80px;
                margin: 5% 35%;
                overflow: hidden;
                border-radius: 100%;
                text-align: center;
            }

            .popup_cantidato_perfil_dados_texto {
                float: left;
                width: 100%;
                color: #fff;
            }

            .popup_cantidato_perfil_dados_texto p{
                margin: 0;
                font-size: .9em;
            }

            .popup_cantidato_perfil_dados_texto p:first-of-type{
                font-size: 1em;
                font-weight: bold;
            }

            .popup_cantidato_perfil_texto {
                float: left;
                width: 100%;
                padding: 7% 4%;
                background-color: #fff;
            }

            .popup_cantidato_perfil_texto_item {
                float: left;
                width: 25%;
                margin: 0 4%;
                text-align: center;
            }

            .popup_cantidato_perfil_texto_item p:nth-child(1) {
                color: #6c6c6c;
                font-size: .9em;
                text-align: center;
                margin: 0;
            }

            .popup_cantidato_perfil_texto_item p:nth-child(2) {
                color: #42847a;
                font-size: 2.2em;
                margin: 0;
                text-align: center;
            }

            .popup_cantidato_perfil_texto_btn {
                float: left;
                width: 50%;
                margin: 10% 25% 0 25%;
                background-color: #63b1a5;
                padding: 2%;
                color: #fff;
                border-radius: 50px;
                cursor: pointer;
            }

            .popup_cantidato_perfil_texto_btn:hover {
                background-color: #2d8174;
            }

            .popup_cantidato_descricao {
                float: right;
                width: 58%;
                box-shadow: 3px 3px 3px #c6c7c8;
                overflow: scroll;
                height: 83%;
                padding: 2% 4%;
                background-color: #fff;
            }

            .popup_cantidato_descricao_close {
                float: left;
                width: 100%;
                text-align: right;
            }

            .popup_cantidato_descricao_close a{
                color: #bfbfbf;
                font-weight: bold;
                font-size: 1.5em;
            }

            .popup_cantidato_descricao_texto {
                float: left;
                width: 100%;
                text-align: left !important;
                margin: 3% 0;
            }
            .popup_cantidato_descricao_texto p{
                font-size: .9em;
                color: #8b8b8b;
            }

            .popup_cantidato_descricao_texto p span {
                color: #53a29e;
                font-size: 1.5em;
                font-weight: bold;
            }



    .popup_cantidato_descricao::-webkit-scrollbar {
        width: 5px;
    }
    
    .popup_cantidato_descricao::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #63b1a5;
    }
    .popup_cantidato_descricao::-webkit-scrollbar-thumb:window-inactive {
        background: #63b1a5;
    }

         
    /******* Barra de Pesquisa ******/

    
    .box-search {
        float: left;
        width: 70%;
        margin: 1.5% 0 0 0;
    }
    
    .search {
        float: left;
        width: 100%;
    }
    
    .search_input{
        float: left;
        width: 100%;
        padding: 2%;
        color: #666;
        border-radius: 15px;
        border: none;
        font-size: .9em;
        
    }
        

/** VAGA // FORMULÁRIOS **/


.box_principal_questoes {
    float: left;
    width: 100%;
    padding: 0 4%;
    margin: 2% 0;
}

.box_questoes_pergunta {
    float: left;
    width: 100%;
}

.box_questoes_pergunta p {
    font-weight: bold;
}

.box_questoes_respostas {
    float: left;
    width: 100%;
    margin-top: 2%;
}

.box_questoes_respostas p {
    margin: 0 0 0 5%;
}

.box_questoes_respostas p b{
    padding-right: 1%;
}

.box_questoes_pergunta_img {
    float: left;
    width: 100%;
    margin: 1%;
}


/****** PÁGINA DE IMPRESSÃO *****/

.box_perfil_imprimir {
    float: left;
    width: 90%;
    margin: 2% 5% 0 5%;
    background-color: #fff !important;
    -webkit-print-color-adjust: exact; 
    padding: 1%;
    border: 1px solid #f5f5f5;
}

.box_perfil_imprimir p{
    margin: 0 1% 0 0;
    float: left;
    border-right: 1px solid #000;
    padding-right: 1%;
}

.box_perfil_imprimir p:last-of-type{
    border: none;
}

.form_imprimir {
    float: left;
    width: 90%;
    margin: 2% 5% 3% 5%;
}

.form_imprimir_title {
    float: left;
    width: 100%;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #216b8c;
    -webkit-print-color-adjust: exact; 
    color: #fff;
    padding: 2%;
    border-bottom: 1px solid #ccc;
    
}

@media print {
 
}