@charset "utf-8";
.mask-comparativo-etapa *,
.reachr-checkbox3:before {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.modal-dialog,
.reachr-view,
body,
html {
  display: block;
}

a,
div,
h1,
h2,
h3,
html,
input,
li,
p,
section,
ul {
  box-sizing: border-box;
}

.card-user .tags ul,
.card-user.edit .tags ul,
.vacancys-fix-container .etapas-content .lista-etapas {
  list-style: none;
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf)
      format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"),
    url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf)
      format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHA.ttf)
      format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"),
    url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPHA.ttf)
      format("truetype");
}

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100&display=swap");

.modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  transition: all 0.5s 0.5s ease-in-out;
}

.modal-dialog .modal-content .modal-box {
  width: 85%;
  max-width: 500px;
  background-color: #fff;
  z-index: 1000;
  padding: 10px;
  position: absolute;
  top: 5%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.5s ease-in-out;
}

.modal-dialog .modal-content .modal-box header {
  background-color: #0094ff;
  padding: 1%;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
}

.modal-dialog .modal-content .modal-box header h3 {
  color: #fff;
  font-size: 17px;
}

.modal-dialog .modal-content .modal-box p {
  padding: 2%;
  font-size: 15px;
  color: #646363;
}

.modal-dialog .modal-content .modal-box footer {
  text-align: center;
}

.modal-dialog .modal-content .modal-box footer button {
  width: 30%;
  padding: 2px;
  font-size: 16px;
  border: none;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #0094ff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 2% 1% 0 0;
}

.modal-dialog .modal-content .modal-box footer button:hover {
  background-color: #00baff;
}

.modal-dialog .modal-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

html *,
html:after,
html:before {
  box-sizing: inherit;
  outline: 0;
}

html::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.last-view-content,
.main-content,
.reachr-view,
body,
html,
main.container {
  height: 100%;
  width: 100%;
}

html::-webkit-scrollbar-track {
  background-color: rgba(149, 149, 149, 0.3);
  border-radius: 10px;
}

html::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(84, 84, 84, 0.2);
}

body,
html {
  min-width: 320px;
  color: #2f4050;
  font-family: Lato, sans-serif !important;
  text-rendering: optimizeLegibility !important;
  font-smoothing: antialiased !important;
  position: relative;
  background: #f5f5f5 !important;
  overflow: hidden;
}

main.container {
  background: #f5f5f5;
  padding: 66px 0 0 100px;
  margin: 0 !important;
}

.main-content {
  /*padding: 0 30px;*/
  overflow-y: overlay;
  overflow-x: hidden;
  position: relative;
}

.ie9 .main-content {
  left: 30px;
}

.alimentacao,
.refeicao {
  margin: 20px 0 0;
}

.bread-crumb {
  width: 100%;
  height: 30px;
  margin: 1% 0 0;
}

.bread-crumb ul li {
  display: inline-block;
  font-size: 12px;
  color: #979fa7;
}

.bread-crumb ul li:last-child {
  margin: 0;
}

.bread-crumb ul li a {
  color: #979fa7;
  display: inline-block;
  padding: 0 5px 0 0;
  border-right: 1px solid #c2c3c3;
  height: 15px;
}

.bread-crumb ul li a:hover {
  color: #ff9d00;
}

.text-active-color {
  color: #656e74;
}

.bread-crumb-app {
  margin: 25px 0 0 25px;
  width: 30%;
}

.bread-crumb-app ul li {
  display: inline-block;
  font-size: 11px;
  color: #fff;
}

.bread-crumb-app ul li:last-child {
  margin: 0;
}

.bread-crumb-app ul li a {
  color: #fff;
  display: block;
  padding: 0 5px 0 0;
  margin: 0 4px 0 0;
  border-right: 1px solid #fff;
  height: 15px;
}

.no-pad,
.no-pad-l {
  padding-left: 0 !important;
}

.no-pad,
.no-pad-r {
  padding-right: 0 !important;
}

.v-center {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

* {
  font-family: Lato, sans-serif;
  padding: 0;
  margin: 0;
  outline: 0;
}

fieldset,
img {
  border: none;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

.page-title {
  font-size: 20px;
  font-weight: 700;
  color: #2f4050;
}

.page-title h2 {
  font-weight: 900;
}

.page-title p {
  color: #a6abae;
}

.section-title h2 {
  color: #2f4050;
  font-size: 30px !important;
  font-weight: 900 !important;
}

.section-title h3,
.section-title.light h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
}

.section-title h3 {
  color: #13bcd4;
}

.section-title.light h3 {
  color: #7a8993;
}

.title-page {
  margin: 5px 0 40px;
}

.title-page h2 {
  color: #2f4050;
  padding: 0 20px 0 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}

.title-page span {
  color: #666;
  padding: 0 0 0 20px;
  border-left: 1px solid #c0c2c3;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  margin: 0;
}

.logo {
  margin-top: -11px;
  margin-left: 5px;
  margin-right: 10px;
}

label {
  font-size: 14px;
  color: #7f858d;
  margin: 0 !important;
  font-weight: 400 !important;
}

.btn-add,
.btn-delete {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  padding: 0 0 0 6px;
  text-align: center;
  background: #ff5063;
}

.btnContinue,
.btnContinue-cadastro,
btnContinue-cadastro {
  padding: 5px 0;
  font-size: 15px;
  display: block;
  color: #fff;
  text-align: center;
}

.btn-add .fa,
.btn-delete .fa {
  color: #fff;
  margin: 7px 6px 0 0;
  transition: all 0.2s;
}

.btn-add:hover,
.btn-delete:hover {
  background-color: #b70400;
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.btn-add {
  background-color: #65bad2;
}

.btn-add:hover {
  background-color: #4993a8;
}

.btnContinue-cadastro {
  width: 10%;
  min-width: 100px;
  margin: 1% 0 0;
  background-color: #65bad2;
  float: right;
}

.btnContinue-cadastro .fa {
  color: #fff;
  margin: 0 6px 0 0;
  transition: all 0.2s;
}

.btnContinue-cadastro:hover {
  background-color: #4993a8;
}

.btnContinue,
btnContinue-cadastro {
  width: 20%;
  margin: 5% auto 0;
  background-color: #65bad2;
}

.btnContinue .fa,
btnContinue-cadastro .fa {
  color: #fff;
  margin: 0 6px 0 0;
  transition: all 0.2s;
}

.btnContinue:hover,
btnContinue-cadastro:hover {
  background-color: #4993a8;
}

.reachr-forms .fit {
  min-height: 36px !important;
}

.reachr-forms input[type="number"],
.reachr-forms input[type="password"],
.reachr-forms input[type="text"],
.reachr-forms select {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  border: 2px solid #cfcfcf;
  position: relative;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  transition: all 0.3s ease;
  min-height: 50px;
  height: 50px;
}

.reachr-forms input[type="number"].ng-dirty.ng-valid,
.reachr-forms input[type="password"].ng-dirty.ng-valid,
.reachr-forms input[type="text"].ng-dirty.ng-valid,
.reachr-forms select.ng-dirty.ng-valid {
  border: 2px solid #3fed60;
}

.reachr-forms input[type="number"].ng-dirty.ng-invalid,
.reachr-forms input[type="password"].ng-dirty.ng-invalid,
.reachr-forms input[type="text"].ng-dirty.ng-invalid,
.reachr-forms select.ng-dirty.ng-invalid {
  border: 2px solid #ff5063;
}

.reachr-forms .beneficios-content {
  margin: 2% 0 0;
  width: 80%;
}

.reachr-forms .beneficios-content ul li {
  margin: 0 1% 1% 0;
  display: inline-block;
  width: 30%;
}

.reachr-forms .beneficios-content ul li:last-child {
  margin: 0;
}

.reachr-forms .beneficios-content ul li span {
  display: inline-block;
  font-size: 14px;
  color: #596a74;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.reachr-forms .checkBoxButton {
  display: inline-block;
  visibility: visible;
  width: 19px;
  height: 19px;
  border-radius: 3px;
  transition: all 0.2s;
  border: 2px solid #cfcfcf;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  margin: 0 3px 0 0 !important;
}

.reachr-forms .checkBoxButton:after {
  content: "";
  width: 16px;
  height: 17px;
  position: absolute;
  left: 0;
  top: -1px;
  border-radius: 3px;
  transition: all 0.2s;
  visibility: visible;
  display: block;
}

.reachr-forms .radioButton,
.reachr-forms .radioButton:after {
  width: 15px;
  height: 15px;
  transition: all 0.2s;
  visibility: visible;
}

.reachr-forms input[type="checkbox"] {
  position: relative;
  display: none;
}

.reachr-forms input[type="checkbox"]:checked + .checkBoxButton:after {
  background: url(../images/beneficio-green-icon.jpg) center top no-repeat;
  border: 2px solid #fff;
}

.reachr-forms .radioButton {
  display: inline-block;
  border-radius: 100%;
  border: 2px solid #cfcfcf;
  cursor: pointer;
  position: relative;
  margin: 0 5px !important;
  vertical-align: middle;
}

.reachr-forms .radioButton:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  border-radius: 100%;
  border: 2px solid #cfcfcf;
  display: block;
}

.reachr-forms input[type="radio"] {
  position: relative;
  display: none;
}

.reachr-forms input[type="radio"]:checked + .radioButton:after {
  background-color: #03d8d5;
  box-shadow: inset 0 0 0 3px #fff;
}

.reachr-forms textarea {
  transition: all 0.3s ease;
  width: 100%;
  min-height: 80px;
  border-radius: 3px;
  resize: none;
  border: 2px solid #cfcfcf;
  font-size: 12px;
  color: #6d7984;
  font-weight: 400;
  padding: 15px;
}

.reachr-forms textarea::-webkit-input-placeholder {
  color: #cfcfcf;
}

.reachr-forms textarea.ng-dirty.ng-valid {
  border: 2px solid #3fed60;
}

.reachr-forms textarea.ng-dirty.ng-invalid {
  border: 2px solid #ff5063;
}

.reachr-forms textarea:focus {
  border: 2px solid #2f4050;
  color: #2f4050;
}

.reachr-forms
  .primeiro-destaque.ui-select-bootstrap
  .ui-select-match
  > span:first-child
  .ui-select-match-item {
  background-color: #a6ffa8 !important;
}

.reachr-forms .ui-select-bootstrap {
  transition: all 0.3s ease;
  border: 2px solid #cfcfcf !important;
  border-radius: 5px;
  height: 50px;
  min-height: 50px;
}

.reachr-forms .ui-select-bootstrap > div {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  min-height: 38px;
  line-height: 38px;
  text-indent: 10px;
}

.btn-action-a {
  border: none !important;
  outline: 0 !important;
  width: auto !important;
  padding: 6px 15px;
  min-height: 36px !important;
  background-color: #7a8993 !important;
  color: #fff !important;
  border-radius: 2px;
  cursor: pointer;
}

.line-color-off-normal,
.line-normal {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-action-transp-icon,
.btn-side-1 {
  border: none !important;
  outline: 0 !important;
}

.btn-action-a.elastic {
  width: 100% !important;
}

.btn-action-a:hover {
  background-color: #f39e23 !important;
}

.btn-action-a i {
  color: #fff;
  margin: 0 10px 0 0;
}

.btn-action-transp-icon {
  background-color: transparent;
  font-weight: 700;
  font-size: 16px;
  color: #afb6bb !important;
  top: 10px;
  position: relative;
}

.btn-action-transp-icon i {
  color: #13bcd4;
  margin: 0 0 0 10px;
  zoom: 1.5;
  position: relative;
  -ms-transform: translateY(16%);
  transform: translateY(16%);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.field-btn-lat-1 {
  width: 90% !important;
}

.btn-side-1 {
  width: 5% !important;
  margin: 0 2.5% !important;
  float: right;
  height: 36px;
  background-color: #7a8993 !important;
  color: #fff !important;
  overflow: hidden;
  border-radius: 2px;
}

.btn-side-1.elastic {
  width: 100% !important;
}

.btn-side-1 i {
  color: #fff;
  margin: 0;
  zoom: 1.2;
  transition: all 0.3s ease;
}

.btn-side-1:hover {
  background-color: #f39e23 !important;
}

.field-btn-lat-2 {
  width: 90% !important;
}

.btn-side-2 {
  width: 5% !important;
}

.space-line-a {
  margin-top: 10px;
  margin-bottom: 10px;
}

.space-line-b {
  margin-top: 20px;
  margin-bottom: 20px;
}

.line-normal,
.line-normal-light {
  margin-bottom: 10px;
  min-height: 66px;
}

.line-normal {
  background-color: transparent;
  border-radius: 2px;
}

.line-normal-light {
  background-color: #fff;
  border: 2px solid #e7eaeb;
  padding: 15px;
  border-radius: 2px;
}

.line-normal-light p {
  line-height: 30px;
  font-size: 16px;
  margin: 0 !important;
}

.line-normal-light h3 {
  color: #2f4050;
  font-size: 20px !important;
  font-weight: 700 !important;
}

.line-color-off-normal {
  background-color: #e6e8eb;
  min-height: 66px;
  margin-bottom: 10px;
  border-radius: 2px;
}

.line-color-off-dashed {
  background-color: #e6e8eb;
  border: 1px dashed #cdd1d3;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 56px;
  margin-bottom: 10px;
  border-radius: 2px;
}

.light-container {
  background-color: #fff;
  clear: both;
}

.box-field {
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
}

.box-field .icon-validation {
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 20px;
}

.box-field .icon-validation.mdi-check {
  color: #3fed60;
}

.box-field .icon-validation.mdi-alert {
  color: #ff5063;
}

.ng-valid + .tooltip-validator {
  display: none !important;
}

.icon-validation-inline {
  position: relative;
  margin: 0 0 0 15px;
}

.icon-validation-inline.fa-check {
  color: #3fed60;
}

.icon-validation-inline.fa-exclamation-triangle {
  color: #ff5063;
}

.tooltip-validator {
  display: block;
  position: absolute;
  right: 0;
  top: -39px;
  margin-right: 0;
  max-width: 280px;
  padding: 10px 25px;
  color: #fff;
  background: #e33c4f;
  font-family: proxima-nova-n7, proxima-nova, Arial;
  font-size: 13px;
  font-weight: 700;
  border-radius: 3px;
  z-index: 12;
}

.tooltip-validator:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: 10px;
  bottom: -6px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 16px solid #e33c4f;
}

.btn-link-tab {
  color: #616161;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: 0 0;
  padding: 0 !important;
  margin-right: 15px;
}

.btn-link-tab:hover {
  color: #616161 !important;
}

.btn-link-tab:active,
.btn-link-tab:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

.btn-link-tab.active {
  color: #13bcd4 !important;
  position: relative;
  box-shadow: none !important;
}

.reachr-checkbox,
.reachr-checkbox3 {
  line-height: 23px;
  font-size: 12px;
  color: #6d7984;
}

.btn-link-tab.active:before {
  content: "";
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 1px;
  background: #13bcd4;
  left: 0;
}

.reachr-checkbox3:before,
.reachr-doublecheck > span {
  background-image: url(../images/sprite-check.png);
  background-repeat: no-repeat;
}

button {
  border: none;
  transition: all 0.3s;
  border-radius: 5px;
  text-align: center;
}

.reachr-checkbox3,
.reachr-checkbox:before {
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}

.reachr-checkbox {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  padding-left: 30px;
  cursor: pointer;
  min-height: 16px;
}

.reachr-checkbox:after,
.reachr-checkbox:before {
  position: absolute;
  vertical-align: middle;
  background-image: url(../images/sprite-check.png);
  left: 0;
  content: "";
}

.reachr-checkbox:before {
  width: 23px;
  height: 23px;
  top: 0;
  display: inline-block;
  border: 3px solid #ccc;
  background-position: 0 -27px;
  border-radius: 5px;
  background-repeat: no-repeat;
}

.reachr-checkbox.nobg:before {
  background-position: 0 44px;
}

.reachr-checkbox.active.nobg:before,
.reachr-checkbox.active:before,
.reachr-checkbox:after {
  background-position: 0 0;
}

.reachr-checkbox:after {
  display: none;
  top: 20px;
  width: 20px;
  height: 20px;
  border: none;
}

.reachr-checkbox3 {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  min-height: 19px;
  min-width: 19px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 0;
}

.reachr-checkbox3:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  user-select: none;
  background-position: 0 0;
}

.reachr-checkbox3:after {
  display: none;
}

.reachr-checkbox3[data-valor="0"]:before {
  background-position: 0 -46px;
}

.reachr-checkbox3[data-valor="1"]:before {
  background-position: 0 0;
}

.reachr-checkbox3[data-valor="2"]:before {
  background-position: 0 -27px;
}

.reachr-checkbox3.nobg:before {
  background-position: 0 44px;
}

.reachr-checkbox3.active.nobg:before,
.reachr-checkbox3.active:before {
  background-position: 0 0;
}

.reachr-doublecheck {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  background-color: transparent;
  border: none;
}

.reachr-doublecheck > span {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  width: 25px;
  height: 25px;
  border: 3px solid #ccc;
  background-color: #fff;
  float: left;
  background-position-x: 1px;
  filter: saturate(0);
  box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.5);
  opacity: 0.4;
  cursor: pointer;
}

.reachr-doublecheck .positivo {
  background-position-y: 1px;
}

.reachr-doublecheck .negativo {
  background-position-y: -26px;
}

.reachr-doublecheck[data-valor="1"] .negativo {
  background-position-y: -26px;
  filter: saturate(1);
  box-shadow: none;
  opacity: 1;
}

.reachr-doublecheck[data-valor="2"] .positivo {
  background-position-y: 1px;
  filter: saturate(1);
  box-shadow: none;
  opacity: 1;
}

.desabilitado {
  pointer-events: none;
  background-color: #cfcfcf !important;
}

.mask-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000000;
  overflow: auto;
}

.mask-modal .container-modal {
  max-width: 856px;
  border-radius: 5px !important;
  background-color: #f5f5f5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 50px;
  padding: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mask-modal .container-modal .fechar-modal {
  position: absolute;
  top: 6px;
  right: 10px;
  width: auto;
  height: auto;
  background: none;
  color: #ffffff;
  cursor: pointer;
}

.mask-modal .container-modal .header-modal {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 30px;
  background: #1c2a32;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.mask-modal .container-modal .header-modal .title-modal {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  width: auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: sub;
  margin-left: 15px;
}

.mask-modal .container-modal .header-modal .subtitle-modal {
  font-size: 16px;
  font-weight: 300;
  color: #6b6f72;
  width: auto;
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #6b6f72;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.mask-modal .container-modal .box-content {
  position: relative;
  border-radius: 0;
  border-top: 1px solid #6b6f72;
  background-color: #f5f5f5;
  min-height: 140px !important;
  padding: 15px 15px 0;
}

.mask-modal .container-modal .linha-action-modal {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
}






.mask-buscar-candidatos {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1900;
}

.mask-buscar-candidatos .container-modal {
  max-width: 856px;
  border-radius: 5px !important;
  background-color: #f5f5f5;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 50px;
  padding: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mask-buscar-candidatos .container-modal .fechar-modal {
  position: absolute;
  top: 6px;
  right: 10px;
  width: auto;
  height: auto;
  background: none;
  color: #ffffff;
  cursor: pointer;
}

.mask-buscar-candidatos .container-modal .header-modal {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 30px;
  background: #1c2a32;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.mask-buscar-candidatos .container-modal .header-modal .title-modal {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  width: auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: sub;
  margin-left: 15px;
}

.mask-buscar-candidatos .container-modal .header-modal .subtitle-modal {
  font-size: 16px;
  font-weight: 300;
  color: #6b6f72;
  width: auto;
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #6b6f72;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.mask-buscar-candidatos .container-modal .box-content {
  position: relative;
  border-radius: 0;
  border-top: 1px solid #6b6f72;
  background-color: #f5f5f5;
  padding: 15px 15px 0;
}

.mask-buscar-candidatos .container-modal .linha-action-modal {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right;
}

.buscaCandidato {
  width: 100%;
  height: 390px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.botao-simples {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  background-color: #65bad2;
  margin: 2px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
  margin-right: 15px;
}

.botao-simples i {
  margin-right: 5px;
}

.botao-simples:hover {
  filter: brightness(110%);
}

.botao-simples.cancelar {
  background-color: #7a8993;
  margin-right: 0;
}

.botao-simples:disabled {
  background-color: #9cc5d0;
}

.reachr-label-help {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
}

.reachr-label-help i {
  color: #999 !important;
}

.reachr-label-help:hover i {
  color: #0181c4 !important;
}

.reachr-label-help:hover .msg-help {
  opacity: 1;
  pointer-events: all;
}

.reachr-label-help .msg-help {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  display: inline-block;
  min-width: 150px;
  width: auto;
  max-width: 200px;
  height: auto;
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  z-index: 12;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #0181c4;
  color: #0181c4 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  padding: 10px;
}

.reachr-label-help .msg-help:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px;
  border-color: transparent transparent #0180c4;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10px;
}

#circularG {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.circularG {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 6px;
  animation-name: bounce_circularG;
  animation-duration: 1.1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  background-color: #13bcd4;
}

#circularG_1 {
  left: 0;
  top: 16px;
  animation-delay: 0.41s;
}

#circularG_2 {
  left: 4px;
  top: 4px;
  animation-delay: 0.55s;
}

#circularG_3 {
  top: 0;
  left: 16px;
  animation-delay: 0.69s;
}

#circularG_4 {
  right: 4px;
  top: 4px;
  animation-delay: 0.83s;
}

#circularG_5 {
  right: 0;
  top: 16px;
  animation-delay: 0.97s;
}

#circularG_6 {
  right: 4px;
  bottom: 4px;
  animation-delay: 1.1s;
}

#circularG_7 {
  left: 16px;
  bottom: 0;
  animation-delay: 1.24s;
}

#circularG_8 {
  left: 4px;
  bottom: 4px;
  animation-delay: 1.38s;
}

@keyframes bounce_circularG {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.3);
  }
}

.loading-modal-content,
.loadingPage-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
  transition: all 0.5s 0.5s ease-in-out;
  display: block;
  background-color: rgba(47, 64, 80, 0.4);
}

.loader {
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  text-indent: -9999em;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

@keyframes load5 {
  0%,
  100% {
    box-shadow: 0 -2.6em 0 0 #fff, 1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),
      2.5em 0 0 0 rgba(255, 255, 255, 0.2),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.2),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.5),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0 #428bca,
      2.5em 0 0 0 rgba(255, 255, 255, 0.2),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.2),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.2),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.5),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7), 2.5em 0 0 0 #428bca,
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.2),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.2),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5),
      2.5em 0 0 0 rgba(255, 255, 255, 0.7),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.2),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.2),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),
      2.5em 0 0 0 rgba(255, 255, 255, 0.5),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7), 0 2.5em 0 0 #428bca,
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.2),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),
      2.5em 0 0 0 rgba(255, 255, 255, 0.2),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5),
      0 2.5em 0 0 rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0 #428bca,
      -2.6em 0 0 0 rgba(255, 255, 255, 0.2),
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),
      2.5em 0 0 0 rgba(255, 255, 255, 0.2),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.5),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7), -2.6em 0 0 0 #428bca,
      -1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(255, 255, 255, 0.2),
      1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),
      2.5em 0 0 0 rgba(255, 255, 255, 0.2),
      1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),
      0 2.5em 0 0 rgba(255, 255, 255, 0.2),
      -1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5),
      -2.6em 0 0 0 rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0 #428bca;
  }
}

@media only screen and (max-width: 480px) {
  aside#mainmenu {
    left: -100%;
    transition: all 0.3s ease;
  }
  aside#mainmenu.isVisible {
    left: 0 !important;
    transition: all 0.3s ease;
  }
  .menu-trigger button {
    display: inline-block !important;
  }
  header.navbar .header-content .update-list ul li.header-profile {
    display: none;
  }
  header.navbar .logo-navbar {
    left: 50% !important;
  }
  .resume-service-list a.item {
    width: 100% !important;
    margin-bottom: 6px !important;
  }
  main.container {
    padding: 66px 0 30px !important;
  }
  main.container .resume-service-list .botao-nova-vaga {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-bottom: 15px;
  }
  main.container .container-buscavaga button {
    margin-top: 10px !important;
  }
  main.container .service-list .service-activities {
    position: relative !important;
  }
}

.placeholder-simples {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 14px;
  font-weight: 300;
  color: #818892;
}

.fix-verde {
  border: 2px solid #40ed5f !important;
}

.fix-vermelho {
  border: 2px solid #ff5266 !important;
}

.baixar-app-section .baixar-app-content .header-baixar-app {
  background: url(../images/app-bg.jpg) center top no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content {
  margin: 3% auto 0;
  width: 80%;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .img-cels {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box {
  margin: 2% 0 0;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  h3 {
  font-size: 28px;
  color: #fff;
  margin: 0 0 3%;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  p {
  font-size: 15px;
  color: #fff;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  .app-plataform-list {
  margin: 15% 0 0;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  .app-plataform-list
  li {
  display: inline-block;
  margin: 0 5% 0 0;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  .app-plataform-list
  li
  span {
  font-size: 11px;
  color: #fff;
  display: block;
  margin: 0 0 5%;
}

.baixar-app-section
  .baixar-app-content
  .header-baixar-app
  .header-baixar-app-content
  .text-box
  .app-plataform-list
  li:last-child {
  margin: 0;
}

.baixar-app-section .baixar-app-content .app-features {
  margin: 560px 0 5%;
}

.baixar-app-section .baixar-app-content .app-features .feature-card {
  text-align: center;
  margin: 0 auto;
}

.baixar-app-section .baixar-app-content .app-features .feature-card h3 {
  margin: 0 0 5%;
  font-size: 17px;
  color: #2f4050;
}

.baixar-app-section .baixar-app-content .app-features .feature-card .mdi {
  font-size: 42px;
  color: #0181c4;
  display: block;
  margin: 0 0 5%;
}

.baixar-app-section .baixar-app-content .app-features .feature-card p {
  font-size: 13px;
  color: #596872;
  margin: 2% 0 0;
}

.ie9 .app-features {
  height: 220px !important;
  margin-bottom: 200px !important;
  display: block !important;
}

.contrato-content {
  margin: 5% auto 0;
  width: 80%;
}

.contrato-content h2 {
  font-size: 30px;
  color: #595959;
  margin: 1% 0;
}

.contrato-content h3 {
  font-size: 22px;
  color: #595959;
  margin: 1% 0;
}

.contrato-content p {
  font-size: 15px;
  color: #303030;
  margin: 1% 0;
}

.contrato-content strong {
  font-size: 17px;
  color: #595959;
  margin: 1% 0 2%;
}

.contrato-content ul {
  list-style-type: decimal;
  margin: 2% 0 0 2%;
}

.contrato-content ul li {
  margin: 0 0 2%;
}

.detalhe-candidato {
  width: 100%;
  clear: both;
}

.detalhe-candidato .header-detalhe-candidato {
  width: 100%;
  height: 176px;
  padding: 30px;
  background-color: #fff;
  position: relative;
  border-radius: 3px;
}

.detalhe-candidato .header-detalhe-candidato .photo-candidato {
  width: 118px;
  height: 118px;
  border: 5px solid #dfe3e6;
  float: left;
  border-radius: 50%;
  margin: 0 30px 0 0;
}

.detalhe-candidato .header-detalhe-candidato .infos-detalhe-candidato {
  float: left;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .nome-candidato {
  position: relative;
  float: left;
  font-size: 35px;
  font-weight: 700;
  color: #2f4050;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .nome-candidato
  .label-tipo-candidato {
  width: auto;
  height: 20px;
  display: inline-block;
  border-radius: 4px;
  background-color: #13bcd4;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  padding: 4px 10px;
  top: -8px;
  position: relative;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .infos-locate-age {
  clear: both;
  float: left;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .infos-locate-age
  .info-a {
  margin-right: 30px;
  width: auto;
  height: 20px;
  display: inline-block;
  color: #a6abae;
  font-size: 18px;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .infos-locate-age
  .info-b {
  width: auto;
  height: 20px;
  display: inline-block;
  color: #a6abae;
  font-size: 18px;
}

.detalhe-candidato .header-detalhe-candidato .infos-detalhe-candidato .social {
  clear: both;
  float: left;
  height: 32px;
  margin: 5px 0 0;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .social
  .social-a {
  background-repeat: no-repeat;
  background-image: url(../../../images/social-sprite.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
}

.detalhe-candidato
  .header-detalhe-candidato
  .infos-detalhe-candidato
  .social
  .social-b {
  background-position-x: -39px;
  background-repeat: no-repeat;
  background-image: url(../../../images/social-sprite.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  margin-right: 20px;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 100%;
  background-color: #ddd;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button {
  position: relative;
  width: 54px;
  height: 25%;
  border-radius: 0;
  color: #6e6e6e;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button .txt-balao {
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
  height: 30px;
  padding: 5px 10px;
  min-width: 142px;
  color: #f38630;
  background: #fff4be;
  z-index: 999;
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  line-height: 18px;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button
  .txt-balao:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff4be;
  -ms-transform: translatey(-50%);
  transform: translatey(-50%);
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button:hover {
  color: #6e6e6e;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover
  .txt-balao {
  opacity: 1;
  top: 50%;
  right: 100%;
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button:hover.check {
  color: #44b1a8;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.check
  .txt-balao {
  background-color: #44b1a8;
  color: #fff;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.check
  .txt-balao:before {
  border-color: transparent transparent transparent #44b1a8;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button:hover.folder {
  color: #f5b14f;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.folder
  .txt-balao {
  background-color: #f5b14f;
  color: #fff;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.folder
  .txt-balao:before {
  border-color: transparent transparent transparent #f5b14f;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button:hover.xclose {
  color: #ff5063;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.xclose
  .txt-balao {
  background-color: #ff5063;
  color: #fff;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.xclose
  .txt-balao:before {
  border-color: transparent transparent transparent #ff5063;
}

.detalhe-candidato .header-detalhe-candidato .actions-bar button:hover.file {
  color: #13bcd4;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.file
  .txt-balao {
  background-color: #13bcd4;
  color: #fff;
}

.detalhe-candidato
  .header-detalhe-candidato
  .actions-bar
  button:hover.file
  .txt-balao:before {
  border-color: transparent transparent transparent #13bcd4;
}

.detalhe-candidato .content-detalhe-candidato {
  background-color: #e5e6e7;
  margin: 10px 0 0;
  width: 100%;
  border-radius: 3px;
  float: left;
  position: relative;
}

.detalhe-candidato .content-detalhe-candidato .menu-opcoes {
  width: 20%;
  height: 100%;
  background-color: #e5e6e7;
  float: left;
  position: relative;
}

.detalhe-candidato .content-detalhe-candidato .menu-opcoes a {
  height: 50px;
  width: 100%;
  display: inline-block;
  line-height: 50px;
  padding: 0 15px;
  color: #4b5967;
  font-size: 15px;
  font-weight: 700;
}

.detalhe-candidato .content-detalhe-candidato .menu-opcoes a.active,
.detalhe-candidato .content-detalhe-candidato .menu-opcoes a:hover {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  background-color: #fff;
  text-decoration: none;
  color: #13bcd4;
}

.detalhe-candidato .content-detalhe-candidato .contents-opcoes {
  width: 80%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  float: left;
  position: relative;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container {
  height: 100%;
  padding: 15px;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen {
  width: 100%;
  height: 228px;
  overflow-y: auto;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen
  li {
  border-bottom: 1px solid #e5e5e6;
  height: 76px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 100;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen
  li:last-child {
  border-bottom: none;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen
  li
  .titulo-gen {
  color: #505966;
  font-size: 17px;
  font-weight: 700;
  display: block;
  line-height: 40px;
  margin-right: 15px;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen
  li
  .info-a {
  min-width: 80px;
  max-width: 50%;
  margin-right: 20px;
  display: inline-block;
  clear: both;
  line-height: 22px;
}

.detalhe-candidato
  .content-detalhe-candidato
  .contents-opcoes
  .content-container
  .lista-gen
  li
  .info-a
  i {
  margin-right: 5px;
}

.botao-voltar-detalhe-candidato {
  float: right;
  margin-bottom: 10px;
}

.item-msg {
  padding: 10px;
  border-color: #2f4050;
  min-height: 100px;
  cursor: pointer;
}

.item-msg:hover {
  background-color: #fff6e7;
}

.item-msg .icon-msg {
  height: inherit;
  min-height: 100%;
  position: relative;
  text-align: center;
  padding-top: 5%;
  color: #f1a422;
}

.item-msg .title-msg,
.item-msg .txt-msg {
  color: #2f4050;
}

.item-msg .content {
  border-left: 1px solid #2f4050;
  padding-left: 25px;
}

.item-msg .date-msg {
  padding: 10px 0;
}

.actions-msg button {
  color: #2f4050;
  border-color: #2f4050;
}

.infos .display-logo .placeholderImage {
  border: 2px solid #eee;
  position: relative;
  width: 100%;
  height: 252px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../../../images/placeholder-image-logo.png);
  background-size: cover;
}

.infos .display-logo .placeholderImage.active {
  background-image: none;
}

.infos .display-logo .placeholderImage .imgLogo {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background-position: center center;
  background-size: cover;
}

.infos .display-logo .placeholderImage button {
  margin: 60px 0 0;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
}

.infos .display-logo .placeholderImage .btn-editar-foto-upload {
  background-color: #65bad2;
  padding: 5px 10px;
  font-size: 15px;
  display: block;
  color: #fff;
  text-align: center;
}

.infos .display-logo .placeholderImage .btn-editar-foto-upload:hover {
  background-color: #4993a8;
}

.box-perfil-usuario {
  padding: 1px 15px 10px;
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.box-perfil-usuario .botao-fechar-perfil-usuario {
  position: absolute;
  right: 6px;
  top: 1px;
  background-color: transparent;
  color: #ccc;
  display: none;
}

.box-perfil-usuario .titulo-perfil-usuario {
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #2f4050;
}

.box-perfil-usuario .titulo-perfil-usuario i {
  margin-right: 10px;
  display: inline-block;
}

.box-perfil-usuario .container-perfis .item-perfil {
  display: inline-block;
  position: relative;
  width: 30%;
  padding: 10px 15px 30px;
  text-decoration: none;
  background: 0 0;
  border: none;
  border-radius: 5px;
  cursor: default;
  margin-right: 4.7%;
}

.box-perfil-usuario .container-perfis .item-perfil:last-child {
  margin-right: 0;
}

.box-perfil-usuario .container-perfis .item-perfil:last-child .item-title:after,
.box-perfil-usuario
  .container-perfis
  .item-perfil:last-child
  .item-title:before {
  display: none;
}

.box-perfil-usuario .container-perfis .item-perfil .item-title {
  font-size: 14px;
  font-weight: 700;
  color: #2f4050;
  text-align: center;
  margin: 0 0 5px;
  padding: 0;
  width: 100%;
}

.box-perfil-usuario .container-perfis .item-perfil .item-title:before {
  content: "";
  position: absolute;
  right: -9.3%;
  display: inline;
  width: 1px;
  height: 100px;
  background-color: #e0e0e0;
  z-index: 2;
}

.box-perfil-usuario .container-perfis .item-perfil .item-title:after {
  content: "";
  position: absolute;
  right: -9.3%;
  display: inline;
  width: 2px;
  height: 100px;
  background-color: #fff;
  z-index: 1;
}

.box-perfil-usuario .container-perfis .item-perfil .explicativo-perfil {
  font-size: 12px;
  font-weight: 300;
  color: #2f4050;
  text-align: center;
  margin: 0;
  padding: 0;
}

.linha-siteEmpresa .campo-txt-siteEmpresa {
  text-indent: 30px;
}

.linha-siteEmpresa .icone {
  position: absolute;
  top: 34px;
  left: 15px;
  color: #cfcfcf;
  zoom: 1.1;
}

.linha-criar-nova-vaga-empresa {
  width: 100%;
  height: auto;
  padding: 15px 15px 15px 0;
  background-color: #f5f5f5;
  padding-right: 15px !important;
}

.historico-de-mensagens-section .mensagens-content {
  width: 90%;
  height: calc(65%);
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #e7eaeb;
  margin: 2% 0 0 1%;
  padding: 0;
}

.historico-de-mensagens-section .mensagens-content .mensagens-antigas {
  background-color: #efefef;
  padding: 0 2%;
  position: relative;
  border-radius: 5px 5px 0 0;
  transition: all 0.2s;
  height: 470px;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg {
  width: 100%;
  background-color: #f9f9f9;
  padding: 15px 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content {
  width: 80%;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #c5cfd8;
  position: relative;
  margin: auto;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  .icone {
  position: absolute;
  left: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #a1a9b0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  input[type="text"] {
  width: 100%;
  height: 38px;
  padding: 2px 10px 0 9%;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
  background: 0 0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  input[type="text"]::-webkit-input-placeholder {
  color: #a1a9b0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  input[type="text"]:-moz-placeholder {
  color: #a1a9b0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  input[type="text"]::-moz-placeholder {
  color: #a1a9b0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .busca-msg
  .input-content
  input[type="text"]:-ms-input-placeholder {
  color: #a1a9b0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list {
  width: 100%;
  margin: 30% 0 0;
  transition: all 0.2s;
  overflow-y: auto;
  height: 340px;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li {
  margin: 0 0 6%;
  display: table;
  width: 100%;
  position: relative;
  cursor: pointer;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  figure {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  float: left;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  figure
  img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #fff;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  .text-msg-content {
  float: left;
  margin: 8px 0 0 7px;
  width: 55%;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  .text-msg-content
  .nome-msg-antiga {
  font-size: 18px;
  color: #707a83;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  font-weight: 700;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  .text-msg-content
  .cargo-msg-antiga {
  font-size: 12px;
  color: #707a83;
  vertical-align: top;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagens-antigas
  .msg-list
  li
  .message-box
  .data-msg-antiga {
  font-size: 11px;
  color: #a7aeb4;
}

.historico-de-mensagens-section .mensagens-content .mensagem-atual-content {
  width: 100%;
  position: relative;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  .user-message
  h3 {
  color: #15c1d7 !important;
}

.historico-de-mensagens-section .mensagens-content .mensagem-atual-content ul {
  margin: 1% 0 0;
  overflow-y: auto;
  height: 380px;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li {
  margin: 0 0 3%;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .data-msg-atual {
  font-size: 15px;
  color: #838a92;
  display: block;
  text-align: center;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual {
  margin: 0;
  position: relative;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual
  .foto
  figure {
  width: 70px;
  height: 70px;
  margin: 0;
  float: right;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual
  .foto
  figure
  img {
  width: 100%;
  border-radius: 100%;
  border: 4px solid #eeeff0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual
  .msg-text
  .h3 {
  font-size: 20px;
  color: #707a83;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  font-weight: 700;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual
  .msg-text
  p {
  font-size: 15px;
  color: #8c939a;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  ul
  li
  .message-box-atual
  .hora-msg {
  position: absolute;
  right: 1%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 11px;
  color: #a7aeb4;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  .message-write-box {
  border: 1px solid #eee;
  height: calc(50%);
  position: relative;
  width: 90%;
  margin: 10px auto 0;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  .message-write-box
  button {
  background: 0 0;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  .message-write-box
  button
  .icone {
  font-size: 20px;
  color: #109085;
}

.historico-de-mensagens-section
  .mensagens-content
  .mensagem-atual-content
  .message-write-box
  textarea {
  width: 100%;
  height: 100%;
  padding: 2%;
  font-size: 14px;
  border: none;
}

.mensagem-atual-vazio {
  text-align: center;
  padding-top: 80px;
  color: #ddd;
}

.mensagem-atual-vazio-icone {
  font-size: 50px !important;
  padding-bottom: 10px;
}

.mensagem-atual-content ul::-webkit-scrollbar {
  width: 8px;
}

.mensagem-atual-content ul::-webkit-scrollbar-track {
  background-color: rgba(149, 149, 149, 0.3);
  border-radius: 10px;
}

.mensagem-atual-content ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(84, 84, 84, 0.2);
}

.msg-list::-webkit-scrollbar {
  display: none;
}

.minha-conta-section .itens-minha-conta-content .itens-list {
  margin: 5% 0 0;
}

.minha-conta-section .itens-minha-conta-content .itens-list li {
  margin: 0 0 10px;
}

.minha-conta-section .itens-minha-conta-content .itens-list li a {
  font-size: 20px;
  color: #fff;
  width: 60%;
  padding: 1%;
  transition: all 0.2s;
  cursor: pointer;
  display: inline-block;
  background-color: #727274;
}

.minha-conta-section .itens-minha-conta-content .itens-list li a .fa {
  color: #fff;
  margin: 0 1% 0 0;
}

.minha-conta-section .itens-minha-conta-content .itens-list li a:hover {
  background-color: #4cc9d5;
}

.financeiro-section .diamante {
  background-color: #0277bd;
}

.financeiro-section .prata {
  background-color: #00838f;
}

.financeiro-section .ouro {
  background-color: #159e92;
}

.financeiro-section
  .header-pagamento-planos
  .header-pagamento-planos-content
  h3 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin: 2% 0 0;
}

.financeiro-section .plan-text {
  font-size: 16px;
  color: #5b6973;
  margin: 200px auto 0;
  text-align: center;
}

.financeiro-section .dados-pagamento {
  width: 700px;
  text-align: center;
  margin: 45px auto 0;
  border: 1px solid #dddbdb;
  padding: 1%;
  border-radius: 5px;
  background-color: #ececec;
}

.financeiro-section .dados-pagamento strong {
  font-size: 16px;
  color: #596a74;
}

.financeiro-section .dados-pagamento span {
  font-size: 14px;
  color: #5b6973;
}

.financeiro-section .dados-pagamento .formas-pagamento {
  text-align: right;
}

.financeiro-section .dados-pagamento .formas-pagamento img {
  width: 170px;
}

.financeiro-section .formas-pagamento {
  width: 700px;
  height: 90px;
  text-align: center;
  margin: 20px auto 0;
  border: none;
  padding: 0;
  border-radius: 5px;
  background-color: transparent;
}

.financeiro-section .formas-pagamento .forma-item {
  width: 220px;
  height: 90px;
  border-radius: 5px;
  border: 1px solid #dddbdb;
  background-color: #ececec;
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
  position: relative;
  transition: all 0.3s ease;
}

.financeiro-section .formas-pagamento .forma-item .img-formas {
  display: inline-block;
  height: 52px;
  width: 100%;
  position: absolute;
  left: 12px;
  top: 3px;
  background-image: url(../../../images/formasPag.png);
  background-repeat: no-repeat;
}

.financeiro-section .formas-pagamento .forma-item .img-formas.credito {
  background-position-x: -25px;
  background-position-y: -16px;
}

.financeiro-section .formas-pagamento .forma-item .img-formas.boleto {
  background-position-x: -23px;
  background-position-y: -106px;
}

.financeiro-section .formas-pagamento .forma-item .img-formas.debito {
  left: 8px;
  background-position-x: -20px;
  background-position-y: -192px;
}

.financeiro-section .formas-pagamento .forma-item .title-forma {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #6d7984;
  background-color: #dee3e6;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 5px;
  text-align: left;
  text-indent: 15px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease;
}

.financeiro-section .formas-pagamento .forma-item:last-child {
  margin-right: 0;
}

.financeiro-section .formas-pagamento .forma-item.active,
.financeiro-section .formas-pagamento .forma-item:hover {
  border: 1px solid #13bcd4;
}

.financeiro-section .formas-pagamento .forma-item.active .title-forma,
.financeiro-section .formas-pagamento .forma-item:hover .title-forma {
  color: #fff;
  background-color: #13bcd4;
}

.financeiro-section .lembrete {
  display: block;
  width: 700px;
  text-align: left;
  margin: 10px auto 0 !important;
  height: 20px;
}

.financeiro-section .payment-form {
  width: 90%;
  margin: 2% auto 100px;
}

.financeiro-section .payment-form .titulo-content-formas {
  font-size: 36px;
  color: #6d7984;
  font-weight: 700;
}

.financeiro-section .payment-form fieldset {
  border: 1px solid #dddbdb;
  padding: 2%;
  border-radius: 5px;
  display: table;
}

.financeiro-section .payment-form fieldset ul li {
  margin: 0 0 2%;
}

.financeiro-section .payment-form fieldset ul li:last-child {
  margin: 0;
}

.financeiro-section .payment-form fieldset label {
  font-size: 14px;
  color: #7f858d;
}

.financeiro-section .payment-form fieldset .validade-cartao ul li {
  display: inline-block;
  margin: 0 1% 0 0;
  width: 47%;
}

.financeiro-section .payment-form fieldset .validade-cartao ul li:last-child {
  margin: 0;
}

.financeiro-section .payment-form fieldset .input-content {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.financeiro-section
  .payment-form
  fieldset
  .input-content
  .campo-melhordia-boleto {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 10px;
  color: #6d7984;
}

.financeiro-section .payment-form fieldset .input-content.input-success {
  border: 2px solid #3fed60;
}

.financeiro-section .payment-form fieldset .input-content.input-error {
  border: 2px solid #ff5063;
}

.financeiro-section .payment-form fieldset .input-content .alert-feedback {
  position: absolute;
  right: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.financeiro-section
  .payment-form
  fieldset
  .input-content
  .alert-feedback.fa-check {
  color: #3fed60;
}

.financeiro-section
  .payment-form
  fieldset
  .input-content
  .alert-feedback.fa-exclamation-triangle {
  color: #ff5063;
}

.financeiro-section .payment-form fieldset .input-content input[type="email"],
.financeiro-section .payment-form fieldset .input-content input[type="number"],
.financeiro-section .payment-form fieldset .input-content input[type="text"],
.financeiro-section .payment-form fieldset .input-content select {
  width: 100%;
  height: 31px;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
}

.financeiro-section
  .payment-form
  fieldset
  .input-content
  input[type="email"][disabled],
.financeiro-section
  .payment-form
  fieldset
  .input-content
  input[type="number"][disabled],
.financeiro-section
  .payment-form
  fieldset
  .input-content
  input[type="text"][disabled] {
  background-color: #e5e5e5;
}

.financeiro-section .payment-form fieldset .input-content select {
  border-radius: 3px;
}

.financeiro-section .payment-form fieldset .input-content select[disabled] {
  background-color: #d6d7d7;
}

.financeiro-section .payment-form .btn-pay {
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #65bad2;
  float: right;
  margin: 2% 0 0;
}

.financeiro-section .payment-form .btn-pay:hover {
  background-color: #4993a8;
}

.bread-crumb-carreira {
  margin: 20px 0 0 20px;
  width: 30%;
}

.bread-crumb-carreira ul li {
  display: inline-block;
  font-size: 11px;
  color: #fff;
}

.bread-crumb-carreira ul li:last-child {
  margin: 0;
}

.bread-crumb-carreira ul li a {
  color: #fff;
  display: block;
  padding: 0 5px 0 0;
  margin: 0 4px 0 0;
  border-right: 1px solid #fff;
  height: 15px;
}

.financeiro-section .pagamento {
  background-color: #5cb65f;
}

.financeiro-section .header-pagamento-planos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
}

.financeiro-section .header-pagamento-planos .header-pagamento-planos-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
}

.financeiro-section
  .header-pagamento-planos
  .header-pagamento-planos-content
  .icon-pagamento-sucesso {
  width: 221px;
  height: 144px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-70px);
  transform: translateX(-70px);
}

.financeiro-section .sucess-text {
  font-size: 36px;
  font-weight: 800;
  margin: 200px auto 0;
  text-align: center;
  color: #6d7985;
  max-width: 700px;
}

.financeiro-section .resumo-pagamento {
  height: 30px;
  line-height: 30px;
  max-width: 700px;
  text-align: center;
  margin: 45px auto 0;
  border-bottom: 1px dotted #6d7985;
}

.financeiro-section .resumo-pagamento .labelresumo {
  float: left;
  background: #f5f5f5;
  padding: 0 10px;
  display: inline-block;
  position: relative;
  top: 8px;
  color: #6d7985;
}

.financeiro-section .resumo-pagamento .planresumo {
  float: right;
  background: #f5f5f5;
  padding: 0 10px;
  display: inline-block;
  position: relative;
  top: 8px;
  color: #6d7985;
  text-align: right;
}

.financeiro-section .backtodash {
  height: 30px;
  line-height: 30px;
  max-width: 700px;
  text-align: right;
  margin: 45px auto 0;
  color: #6d7985;
  padding: 0 10px;
}

.access-profiles {
  margin: 3% 0 0;
}

.access-profiles .btnSave {
  width: 20%;
  border: 1px solid #f38630;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #d6520a;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 2% 0 0;
}

.access-profiles .btnSave:hover {
  background-color: #f38630;
}

.access-profiles h2 {
  font-size: 18px;
  color: #556270;
  margin: 0 0 2%;
}

.access-profiles table {
  background-color: #e5e5e5;
  border: none;
  width: 100%;
}

.access-profiles table tr th {
  background-color: #f38630;
  color: #fff;
  font-weight: 400;
  border-bottom: 4px solid #d9772a;
  font-size: 14px;
  padding: 2px;
}

.access-profiles table tr th:nth-child(1) {
  border-right: 1px solid #d9772a;
}

.access-profiles table tr td {
  border-bottom: 1px solid #c2c1c1;
  border-left: 1px solid #c2c1c1;
  text-align: center;
  font-size: 13px;
  color: #556270;
  padding: 10px 0;
}

.access-profiles table tr td ul li {
  display: inline-block;
  margin: 0 2% 0 0;
}

.access-profiles table tr td ul li:last-child {
  margin: 0;
}

.access-profiles table tr td ul li input[type="checkbox"] {
  vertical-align: middle;
}

.access-profiles table tr td ul li span {
  font-size: 11px;
  color: #556270;
  display: inline-block;
}

.access-profiles table tr td:nth-child(2) {
  border-right: 1px solid #c2c1c1;
}

.perguntas {
  padding: 11px 18px;
  color: #6b6f72;
  font-size: 20px;
  border: 1px solid #dddbdb;
  width: 88%;
  margin-left: 49px;
  margin-top: 19px;
}

.planos-section .planos-content .text-about-plans {
  width: 90%;
  margin: 30px auto;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e7eaeb;
}

.planos-section .planos-content .text-about-plans p {
  font-size: 15px;
  color: #6d7984;
}

.planos-section .planos-content .plans-cards-content {
  margin: 100px 0 0;
}

.planos-section .planos-content .plans-cards-content .plans-cards-list {
  text-align: center;
}

.planos-section .planos-content .plans-cards-content .plans-cards-list li {
  width: 18%;
  display: inline-block;
  margin: 0 1% 0 0;
  vertical-align: top;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li:last-child {
  margin: 0;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan {
  width: 100%;
  min-height: 570px;
  background-color: #fff;
  border: 1px solid #e7eaeb;
  padding: 0 0 20px;
  position: relative;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .header-plan-card {
  width: 100%;
  position: relative;
  background-color: #0277bd;
  height: 180px;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .header-plan-card
  .plan-name {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .header-plan-card
  .plan-name
  h3 {
  font-size: 22px;
  font-weight: lighter;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .header-plan-card
  .plan-name
  span {
  font-size: 17px;
  font-weight: lighter;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .features-plan-content {
  width: 90%;
  margin: 25px auto 0;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .features-plan-content
  .features-plan-list
  li {
  border-bottom: 1px solid #e7eaeb;
  font-size: 13px;
  color: #2f4050;
  display: block;
  width: 100%;
  margin: 0 0 10px;
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .btn-plan {
  width: 70%;
  padding: 10px 2px;
  font-size: 15px;
  color: #fff;
  font-weight: 700;
  display: block;
  background-color: #0277bd;
  position: absolute;
  bottom: 20px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.planos-section
  .planos-content
  .plans-cards-content
  .plans-cards-list
  li
  .card-plan
  .btn-plan:hover {
  background-color: #00838f;
}

.planos-section .planos-content .comparativo-planos-content {
  width: 90%;
  margin: 50px auto;
  padding: 10px 15px 15px;
  background-color: #fff;
  border: 1px solid #e7eaeb;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-text
  h3 {
  font-size: 22px;
  color: #2f4050;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-text
  p {
  font-size: 17px;
  color: #6d7984;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features {
  margin: 20px 0 0;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features
  table
  th {
  font-size: 16px;
  color: #2f4050;
  text-align: center;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features
  table
  td {
  font-size: 14px;
  color: #63707c;
  padding: 10px 4px;
  border-bottom: 1px solid #e7eaeb;
  position: relative;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features
  table
  td
  .plan-icon {
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features
  table
  td
  .plan-minus {
  background: url(../images/beneficio-red-icon.jpg) no-repeat;
}

.planos-section
  .planos-content
  .comparativo-planos-content
  .comparativo-features
  table
  td
  .plan-plus {
  background: url(../images/beneficio-green-icon.jpg) no-repeat;
}

.ie9 .plan-icon {
  -ms-transform: translate(0) !important;
  transform: translate(0) !important;
}

.conteudo-Modal {
  font-family: Lato, sans-serif;
  font-size: 20px;
}

.modal-aviso {
  top: 100px;
}

.botao-aviso {
  width: 250px;
}

.conteudo-Modal p {
  padding: 15px;
}

.contato-section .modal-logout-email {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  transition: all 0.5s 0.5s ease-in-out;
  display: block;
}

.contato-section .modal-logout-email .modal-logout-email-content {
  z-index: 1000;
  padding: 2%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 500px;
  background: #fff;
  border-radius: 5px;
  border: 4px solid #0277bd;
}

.contato-section .modal-logout-email .modal-logout-email-content h3 {
  font-size: 25px;
  color: #0277bd;
  text-align: center;
}

.contato-section .modal-logout-email .modal-logout-email-content p {
  font-size: 15px;
  color: #999a9a;
  text-align: center;
  margin: 6px 0 0;
}

.contato-section .modal-logout-email .modal-logout-email-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(69, 83, 97, 0.7);
}

.contato-section
  .contato-content
  .form-content
  form
  ul
  li
  button:hover[disabled],
.contato-section .contato-content .form-content form ul li button[disabled] {
  background-color: #e6e8ea;
}

.contato-section .contato-content {
  margin: 5% 0 0;
}

.contato-section .contato-content .faq-content h3 {
  margin: 0 0 2%;
  padding: 0 0 1%;
  width: 50%;
  font-size: 20px;
  color: #596a74;
  border-bottom: 1px dotted #596a74;
}

.contato-section .contato-content .faq-content ul li {
  margin: 0 0 3%;
  display: table;
}

.contato-section .contato-content .faq-content ul li span {
  display: block;
  font-size: 40px;
  font-weight: 700;
  float: left;
  vertical-align: top;
  color: #9ba3a6;
}

.contato-section .contato-content .faq-content ul li .text-box {
  width: 92%;
  float: right;
  margin: 8px 0 0;
}

.contato-section .contato-content .faq-content ul li .text-box h3 {
  font-size: 16px;
  color: #2f4050;
  margin: 0;
  border: none;
}

.contato-section .contato-content .faq-content ul li .text-box p {
  font-size: 12px;
  color: #596872;
  width: 90%;
}

.contato-section .contato-content .form-content h3 {
  margin: 0 0 5%;
  padding: 0 0 1%;
  width: 50%;
  font-size: 20px;
  color: #596a74;
  border-bottom: 1px dotted #596a74;
}

.contato-section .contato-content .form-content p {
  font-size: 12px;
  color: #596872;
}

.contato-section .contato-content .form-content form {
  margin: 5% 0 0;
}

.contato-section .contato-content .form-content form ul li {
  margin: 0 0 2%;
}

.contato-section .contato-content .form-content form ul li .input-content {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.contato-section
  .contato-content
  .form-content
  form
  ul
  li
  .input-content
  input[type="password"],
.contato-section
  .contato-content
  .form-content
  form
  ul
  li
  .input-content
  input[type="text"] {
  width: 100%;
  height: 31px;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
}

.contato-section .contato-content .form-content form ul li label {
  font-size: 14px;
  color: #7f858d;
}

.contato-section
  .contato-content
  .form-content
  form
  ul
  li
  .input-content-textarea {
  width: 100%;
  height: 100px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.contato-section
  .contato-content
  .form-content
  form
  ul
  li
  .input-content-textarea
  textarea {
  width: 100%;
  height: 95px;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
}

.contato-section .contato-content .form-content form ul li button {
  padding: 5px 10%;
  text-align: center;
  color: #fff;
  background-color: #65bad2;
  font-size: 15px;
  margin: 2% 0 0;
}

.contato-section .contato-content .form-content form ul li button:hover {
  background-color: #4993a8;
}

.language-content .language-form {
  margin: 0;
}

.language-content .language-form .dropdown-menu li,
.language-content .language-form .dropdown-menu li a,
.language-content .language-form .dropdown-menu li:first-child {
  width: 100% !important;
  display: block !important;
}

.language-content .language-form ul li.other-country ul li,
.language-content .language-form ul li.work-other-country ul li {
  display: inline-block;
}

.language-content .language-form ul li {
  margin: 0 0 1%;
}

.language-content .language-form ul li span {
  font-size: 14px;
  color: #807f7f;
}

.language-content .language-form ul li.other-language ul li {
  display: inline-block;
  position: relative;
}

.language-content .language-form ul li.other-language ul li:first-child {
  width: 45%;
  margin: 0 2% 0 0;
}

.language-content .language-form ul li.other-language ul li:last-child {
  width: 50%;
}

.language-content .language-form ul li.other-language ul li:last-child select {
  width: 90% !important;
}

.language-content
  .language-form
  ul
  li.other-language
  ul
  li:last-child
  .btn-more-language {
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  font-size: 18px;
  background-color: #d3d2d2;
}

.language-content
  .language-form
  ul
  li.other-language
  ul
  li:last-child
  .btn-more-language:hover {
  background-color: #0094ff;
  color: #fff;
}

.language-content .language-form ul li.other-country ul li:first-child {
  width: 60%;
  margin: 0 2% 0 0;
}

.language-content .language-form ul li.other-country ul li:last-child {
  width: 25%;
}

.language-content
  .language-form
  ul
  li.other-country
  ul
  li:last-child
  input[type="text"] {
  width: 70%;
  margin: 0 1% 0 0;
  text-align: center;
}

.language-content .language-form ul li.work-other-country ul li:first-child {
  width: 60%;
  margin: 0 2% 0 0;
}

.language-content
  .language-form
  ul
  li.work-other-country
  ul
  li:last-child
  input[type="text"] {
  width: 80%;
  margin: 0 1% 0 0;
  text-align: center;
}

.language-content .language-form ul li select {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 15px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.language-content .language-form ul li label {
  display: block;
  text-align: left;
  font-size: 17px;
  color: #807f7f;
}

.language-content .language-form ul li input[type="text"] {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.language-content .language-form .btnSave {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #0094ff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 5% 0 0;
}

.language-content .language-form .btnSave:hover {
  background-color: #00baff;
}

.vacancys-fix-container {
  min-width: 100%;
}

.vacancys-fix-container .container-drop {
  background: #eee;
}

.vacancys-fix-container .row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vacancys-fix-container .ta-toolbar {
  zoom: 0.9;
  margin-bottom: 10px;
}

.vacancys-fix-container .models li {
  display: inline-block;
  margin: 10px;
  cursor: pointer;
}

.vacancys-fix-container .models li:hover .mini-model {
  border: 1px solid #f1a422;
  background-position-y: -116px;
}

.vacancys-fix-container .models li:hover .label-model {
  color: #f1a422;
}

.vacancys-fix-container .models .mini-model {
  height: 118px;
  width: 78px;
  transition: all 0.5s ease;
  border: 1px solid #2f4050;
}

.vacancys-fix-container .models .mini-model.a {
  background: url(../../../images/mini-models-sprite.png);
}

.vacancys-fix-container .models .mini-model.b {
  background: url(../../../images/mini-models-sprite.png) -78px 0;
}

.vacancys-fix-container .models .label-model {
  font-size: 11px;
  cursor: pointer;
}

.vacancys-fix-container .display-logo .placeholderImage {
  background: #eee;
  position: relative;
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vacancys-fix-container .display-logo .placeholderImage:after,
.vacancys-fix-container .display-logo .placeholderImage:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 94px;
  left: 0;
  z-index: 0;
  border: none;
}

.vacancys-fix-container .display-logo .placeholderImage:before {
  -ms-transform: rotate(26deg);
  transform: rotate(26deg);
}

.vacancys-fix-container .display-logo .placeholderImage:after {
  -ms-transform: rotate(-26deg);
  transform: rotate(-26deg);
}

.btnContinue-criarVaga,
.btnContinue-visuFluxo {
  width: 10%;
  min-width: 200px;
  padding: 5px 0;
  font-size: 15px;
  display: block;
  float: right;
  color: #fff;
  text-align: center;
}

.vacancys-fix-container .display-logo .placeholderImage button {
  z-index: 1;
}

.vacancys-fix-container .inputA-Description-vacancy,
.vacancys-fix-container .inputB-Description-vacancy {
  height: 165px;
}

.box-otherInfos .otherInfos-checks {
  margin: 20px 0;
}

.btnContinue-criarVaga {
  margin: 15px 15px 0 0;
  background-color: #65bad2;
}

.btnContinue-criarVaga .fa {
  color: #fff;
  margin: 0 6px 0 0;
  transition: all 0.2s;
}

.btnContinue-criarVaga:hover {
  background-color: #4993a8;
}

.btnContinue-visuFluxo {
  margin: 15px 0 0;
  background-color: #65bad2;
}

.btnContinue-visuFluxo .fa {
  color: #fff;
  margin: 0 6px 0 0;
  transition: all 0.2s;
}

.btnContinue-visuFluxo:hover {
  background-color: #4993a8;
}

.box-vacancys-steps .container-itens-drag {
  width: 100%;
}

.box-vacancys-steps .container-itens-drag .item-step {
  display: inline-block;
  height: 36px;
  border-radius: 2px;
  line-height: 26px;
  padding: 5px 10px;
  border: 1px solid #2f4050;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}

.box-vacancys-steps .container-itens-drag .item-step button {
  display: none;
}

.box-vacancys-steps .container-itens-drag .item-step .options {
  display: none;
  border: 1px solid #2f4050;
  background: #fff;
  min-width: 280px;
  width: 280px;
  padding: 10px;
  max-width: 360px;
  position: absolute;
  top: 100%;
  height: auto;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 9;
  margin-left: -10px;
}

.box-vacancys-steps .container-itens-drag .item-step .options .options-prazo {
  position: relative;
  display: inline-block;
  width: 100%;
}

.box-vacancys-steps
  .container-itens-drag
  .item-step
  .options
  .options-prazo:after {
  content: "\f073";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 3px;
}

.box-vacancys-steps .container-itens-drag .item-step:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.box-vacancys-steps .container-drop {
  width: 100%;
  height: 100px;
  border: 1px dashed #2f4050;
  background-color: #fff;
  margin: 10px 0;
  padding: 10px;
}

.box-vacancys-steps .container-drop .item-step {
  display: inline-block;
  height: 36px;
  border-radius: 2px;
  line-height: 26px;
  padding: 5px 30px 5px 10px;
  border: 1px solid #2f4050;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}

.box-vacancys-steps .container-drop .item-step > button {
  zoom: 0.5;
  position: relative;
  left: 30px;
}

.box-vacancys-steps .container-drop .item-step .options {
  border: 1px solid #2f4050;
  background: #fff;
  min-width: 280px;
  width: 280px;
  padding: 10px;
  max-width: 360px;
  position: absolute;
  top: 100%;
  height: auto;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 9;
  margin-left: -10px;
}

.box-vacancys-steps .container-drop .item-step .options .options-prazo {
  position: relative;
  display: inline-block;
  width: 100%;
}

.box-vacancys-steps .container-drop .item-step .options .options-prazo:after {
  content: "\f073";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 3px;
}

.box-vacancys-steps .container-drop .item-step:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.box-vacancys-users .line-search {
  margin: 0 0 35px;
}

.box-vacancys-users .container-itens-drag {
  width: 100%;
  height: 100px;
}

.box-vacancys-users .container-drop {
  width: 100%;
  height: auto;
  display: inline-block;
  border: 1px dashed #2f4050;
  background-color: #fff;
  margin: 10px 0;
  padding: 30px 10px;
}

.vaga-user-linha-pesquisa {
  margin-bottom: 30px !important;
  font-size: 16px !important;
}

.card-userStep {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 0 5px;
  min-height: 84px;
}

.card-userStep button {
  border: none;
  width: 36px;
  height: 36px;
  background-color: transparent !important;
  outline: 0;
  color: #818890;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
}

.card-userStep button.exclude i {
  color: #f6236e !important;
}

.card-userStep button.edit i {
  color: #838a92;
}

.card-userStep button.confirm i {
  color: #159e92;
}

.card-userStep button:focus {
  border: none;
  outline: 0 !important;
  box-shadow: none;
}

.card-userStep button:active {
  border: none;
  background-color: #e7eaeb !important;
  outline: 0;
  color: #2f4050;
  box-shadow: none;
}

.card-userStep button i {
  zoom: 2;
  text-align: center;
  color: #818890;
}

.card-userStep .name-title strong {
  color: #13bcd4;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
  height: 42px;
  position: relative;
  top: 18px;
}

.card-userStep .name-title small {
  color: #8c959e;
  font-size: 16px;
  font-weight: 300;
}

.card-userStep .dates {
  margin: 0 0 10px;
}

.card-userStep .tags {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #8c959e;
}

.card-userStep .tags-list {
  margin: 20px 0 0;
}

.card-userStep .tags-list ul {
  list-style: none;
  margin-bottom: none;
}

.card-userStep .avatar {
  min-height: 64px;
}

.card-userStep .avatar img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.card-userStep.step-a .edit-bar,
.card-userStep.step-a .save-bar,
.card-userStep.step-a .tags,
.card-userStep.step-a .tags-list,
.card-userStep.step-b .save-bar {
  display: none;
}

.card-userStep.step-b .edit-bar,
.card-userStep.step-b .tags {
  display: block;
}

.card-userStep.step-b .tags-list {
  display: none;
}

.card-userStep.step-c .save-bar {
  display: block;
}

.card-userStep.step-c .edit-bar,
.card-userStep.step-c .tags {
  display: none;
}

.card-userStep.step-c .tags-list {
  display: block;
}

label.make_check {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 35px;
  margin: 0 15px 15px 0;
  font-size: 13px;
  z-index: 1;
}

label.make_check input[type="checkbox"],
label.make_check input[type="radio"] {
  display: block;
}

label.make_check:after,
label.make_check:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 5px;
}

label.make_check:before {
  content: "";
  background-color: #bdc3c8;
  z-index: 3;
  opacity: 1;
}

label.make_check:after {
  content: "✓";
  opacity: 0;
  background-color: #00bc9b;
  font: 700 12px arial;
  text-align: center;
  z-index: 4;
  color: #fff;
  transition: all 0.3s ease-out;
}

input[type="checkbox"]:checked + label.make_check:after {
  opacity: 1 !important;
}

input[type="checkbox"]:checked + label.make_check:before {
  opacity: 1 !important;
  display: block;
}

.modal-preview-card {
  width: 386px !important;
}

.modal-preview-card .vacancie-card {
  width: 100%;
  height: 485px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #dfe0e0;
  padding: 3% 5%;
  position: relative;
}

.modal-preview-card .vacancie-card .btn-reachr-advertising {
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  background-color: #7a8993;
  position: absolute;
  bottom: 5%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 5px 0;
  width: 60%;
  display: block;
  color: #fff;
}

.modal-preview-card .vacancie-card .btn-reachr-advertising:hover {
  background-color: #f39e23;
}

.modal-preview-card .vacancie-card .reachr-advertising {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.modal-preview-card
  .vacancie-card
  .reachr-advertising
  .header-reachr-advertising {
  width: 100%;
  min-height: 223px;
}

.modal-preview-card
  .vacancie-card
  .reachr-advertising
  .header-reachr-advertising
  img {
  width: 100%;
}

.modal-preview-card .vacancie-card .reachr-advertising h3 {
  font-size: 20px;
  color: #605f5f;
  text-transform: uppercase;
  text-align: center;
  margin: 5% 0 0;
}

.modal-preview-card .vacancie-card .reachr-advertising h3 span {
  font-weight: 400;
  display: block;
}

.modal-preview-card .vacancie-card .reachr-advertising p {
  width: 80%;
  margin: 6% auto 0;
  font-size: 13px;
  color: #605f5f;
  text-align: center;
}

.modal-preview-card .vacancie-card header {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 10px 0;
  z-index: 1;
}

.modal-preview-card .vacancie-card header i {
  color: #fbfbfc;
}

.modal-preview-card .vacancie-card header span {
  font-size: 14px;
  color: #fbfbfc;
}

.modal-preview-card .vacancie-card .vacancie-data {
  width: 100%;
  height: 75px;
}

@media screen and (min-width: 1024px) {
  .modal-preview-card .vacancie-card .vacancie-data {
    margin: 15% 0 0;
  }
}

@media screen and (min-width: 1100px) {
  .modal-preview-card .vacancie-card .vacancie-data {
    margin: 10% 0 0;
  }
}

.modal-preview-card .vacancie-card .vacancie-data span.box-field {
  width: 100% !important;
  margin: 0;
}

.modal-preview-card .vacancie-card .vacancie-data .card-vacancie-title {
  border-radius: 5px;
  width: 100%;
  height: 38px;
  background: 0 0;
  display: block;
  cursor: pointer;
  position: relative;
  color: #6c7883;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  border: 1px solid #6c7883;
}

.modal-preview-card .vacancie-card .vacancie-data .card-vacancie-salary {
  border-radius: 5px;
  width: 100px;
  height: 38px;
  background: 0 0;
  display: block;
  cursor: pointer;
  position: relative;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  border: 1px solid #6c7883;
}

.modal-preview-card .vacancie-card .vacancie-data figure {
  width: 85px;
  height: 50px;
  float: left;
  margin: 3% 0 0;
}

.modal-preview-card .vacancie-card .vacancie-data figure img {
  width: 100%;
  max-height: 40px;
}

.modal-preview-card .vacancie-card .vacancie-data span {
  width: 55%;
  max-height: 38px;
  margin: 5px 0 0;
  display: inline-block;
  float: left;
  color: #75808b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) {
  .modal-preview-card .vacancie-card .vacancie-data span {
    font-size: 13px;
  }
}

@media screen and (min-width: 1100px) {
  .modal-preview-card .vacancie-card .vacancie-data span {
    font-size: 14px;
  }
}

.modal-preview-card .vacancie-card .salary-info {
  background-color: #e6e8ea;
  padding: 3% 5%;
  margin: 5% 0 0;
  clear: both;
}

.modal-preview-card .vacancie-card .salary-info .reachr-label-help {
  float: right;
}

.modal-preview-card
  .vacancie-card
  .salary-info
  .reachr-label-help
  .msg-help
  ul {
  margin-top: 5px;
  margin-left: 5px;
}

.modal-preview-card
  .vacancie-card
  .salary-info
  .reachr-label-help
  .msg-help
  ul
  li {
  zoom: 1.2;
  margin-bottom: 5px;
  font-weight: 700;
}

.modal-preview-card .vacancie-card .salary-info i:nth-child(1),
.modal-preview-card .vacancie-card .salary-info i:nth-child(2) {
  color: #2f4050;
  margin: 0 2% 0 0;
}

.modal-preview-card .vacancie-card .salary-info .info-money {
  font-size: 14px;
  color: #2f4050;
  font-weight: 700;
}

.modal-preview-card .vacancie-card .salary-info .info-money.salary {
  margin: 0 10px 0 0;
  width: 200px;
}

.modal-preview-card .vacancie-card .vacancie-features {
  margin: 8% 0 0;
}

.modal-preview-card .vacancie-card .vacancie-features ul {
  text-align: left;
}

.modal-preview-card .vacancie-card .vacancie-features ul li {
  margin: 0 0 5px !important;
  text-align: left;
  width: 100% !important;
}

.modal-preview-card .vacancie-card .vacancie-features ul li span {
  font-size: 14px;
  color: #6c7883;
  display: inline-block;
  vertical-align: middle;
}

.modal-preview-card
  .vacancie-card
  .vacancie-features
  ul
  li
  span.vaga-area-subarea {
  width: 88%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-preview-card .vacancie-card .vacancie-features ul li i {
  width: 20px;
  margin: 0 2% 0 0;
  color: #6c7883;
  text-align: center;
}

.modal-preview-card .vacancie-card .vacancie-description {
  position: relative;
  border: none;
  width: 100%;
  height: auto;
}

.modal-preview-card .vacancie-card .vacancie-description textarea {
  padding: 12px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background-color: #fff;
  margin-top: 5px;
  overflow-y: auto !important;
  color: #6c7883;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #6c7883;
}

.modal-preview-card .vacancie-card footer {
  position: absolute;
  padding: 2% 0;
  width: 90%;
  display: table;
  bottom: 1%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-color: transparent;
  opacity: 0.4;
  pointer-events: none;
}

.modal-preview-card .vacancie-card footer button {
  color: #7b7b7b;
  background-color: transparent;
}

.modal-preview-card .vacancie-card footer button:hover {
  text-decoration: none;
}

.modal-preview-card .vacancie-card footer button i {
  font: lighter lighter lighter 15px/1 FontAwesome;
}

.modal-preview-card .vacancie-card footer .icon-box {
  width: 10%;
  float: left;
}

.modal-preview-card .vacancie-card footer .icon-box .share-icon {
  position: relative;
}

.modal-preview-card .vacancie-card footer .icon-box .share-icon:after {
  content: "Compartilhar";
  padding: 5px 10px;
  text-align: center;
  position: absolute;
  top: -12px;
  right: -40px;
  font-size: 12px;
  color: #fff;
  background-color: #21cfc0;
  border-radius: 5px;
  transition: all 0.2s;
  display: none;
}

.modal-preview-card .vacancie-card footer .icon-box .share-icon:hover {
  color: #21cfc0;
}

.modal-preview-card .vacancie-card footer .icon-box .share-icon:hover:after {
  -ms-transform: translate(0, -13px);
  transform: translate(0, -13px);
  display: block;
}

.modal-preview-card .vacancie-card footer ul {
  width: 50%;
  float: right;
  text-align: right;
  margin: 0 !important;
}

.modal-preview-card .vacancie-card footer ul li {
  display: inline;
  margin: 0 15% 0 0 !important;
  width: 15px !important;
  min-width: 15px !important;
}

.modal-preview-card .vacancie-card footer ul li .ignore-icon {
  position: relative;
}

.modal-preview-card .vacancie-card footer ul li .ignore-icon:hover {
  color: #df1717;
}

.modal-preview-card .vacancie-card footer ul li .ignore-icon:hover:after {
  -ms-transform: translate(0, -13px);
  transform: translate(0, -13px);
  display: block;
}

.modal-preview-card .vacancie-card footer ul li .ignore-icon:after {
  content: "Recusar";
  padding: 5px 10px;
  text-align: center;
  position: absolute;
  top: -12px;
  right: -22px;
  font-size: 12px;
  color: #fff;
  background-color: #ff5063;
  border-radius: 5px;
  transition: all 0.2s;
  display: none;
}

.modal-preview-card .vacancie-card footer ul li .hold-icon {
  position: relative;
}

.modal-preview-card .vacancie-card footer ul li .hold-icon:hover {
  color: #c09c0e;
}

.modal-preview-card .vacancie-card footer ul li .hold-icon:hover:after {
  -ms-transform: translate(0, -13px);
  transform: translate(0, -13px);
  display: block;
}

.modal-preview-card .vacancie-card footer ul li .hold-icon:after {
  content: "Ver Depois";
  width: 80px;
  padding: 5px 0;
  text-align: center;
  position: absolute;
  top: -12px;
  right: -35px;
  font-size: 12px;
  color: #fff;
  background-color: #c09c0e;
  border-radius: 5px;
  transition: all 0.2s;
  display: none;
}

.modal-preview-card .vacancie-card footer ul li .like-icon {
  position: relative;
}

.modal-preview-card .vacancie-card footer ul li .like-icon:hover {
  color: #159e92;
}

.modal-preview-card .vacancie-card footer ul li .like-icon:hover:after {
  -ms-transform: translate(0, -13px);
  transform: translate(0, -13px);
  display: block;
}

.modal-preview-card .vacancie-card footer ul li .like-icon:after {
  content: "Aceitar";
  padding: 5px 10px;
  text-align: center;
  position: absolute;
  top: -12px;
  right: -22px;
  font-size: 12px;
  color: #fff;
  background-color: #159e92;
  border-radius: 5px;
  transition: all 0.2s;
  display: none;
}

.modal-preview-card .vacancie-card footer ul li:last-child {
  margin: 0 !important;
}

.modal-preview-card .vacancie-card .editar-titulo {
  color: #ccc;
  position: absolute;
  right: 12px;
  top: 15px;
  font-size: 20px;
  zoom: 0.8;
  cursor: pointer;
  pointer-events: none;
  display: none;
}

.modal-preview-card .vacancie-card .editar-descricao {
  color: #ccc;
  position: absolute;
  right: 30px;
  top: 82px;
  zoom: 0.8;
  cursor: pointer;
  font-size: 20px;
  pointer-events: none;
  display: none;
}

.modal-preview-card .new-vacancie {
  border: 1px solid #43b1a7;
  margin: 15px 0 0;
}

.modal-preview-card .new-vacancie header {
  background-color: #43b1a7;
  width: 100%;
}

.modal-preview-card .new-vacancie:hover {
  border: 1px solid #43b1a7;
}

.no-background {
  background-color: transparent !important;
}

.no-border,
.no-border-top {
  border: 0 !important;
}

.vagas-section .tutorial {
  margin: 30px 0 0;
  border: 1px solid #dedfdf;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  width: 75%;
}

.vagas-section .tutorial .tutorial-list li {
  display: inline-block;
  width: 200px;
  min-height: 125px;
  vertical-align: top;
  text-align: center;
  border-right: 1px solid #dfdddd;
  padding: 0 1%;
}

.vagas-section .tutorial .tutorial-list li.aceitar figure {
  border-right: 1px solid #5b9d91;
}

.vagas-section .tutorial .tutorial-list li.aceitar strong {
  color: #5b9d91;
}

.vagas-section .tutorial .tutorial-list li.recusar figure {
  border-right: 1px solid #c63c38;
}

.vagas-section .tutorial .tutorial-list li.recusar strong {
  color: #c63c38;
}

.vagas-section .tutorial .tutorial-list li.ver-depois figure {
  border-right: 1px solid #d5b900;
}

.vagas-section .tutorial .tutorial-list li.ver-depois strong {
  color: #d5b900;
}

.vagas-section .tutorial .tutorial-list li.share figure {
  border-right: 1px solid #02b6ab;
}

.vagas-section .tutorial .tutorial-list li.share strong {
  color: #02b6ab;
}

.vagas-section .tutorial .tutorial-list li strong {
  font-size: 17px;
  margin: 10px 0 0;
  display: block;
}

.vagas-section .tutorial .tutorial-list li p {
  font-size: 13px;
  color: #535f6b;
  margin: 5px 0 0;
}

.vagas-section .tutorial .tutorial-list li figure {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  padding: 4px 0 0;
  margin: auto;
}

.vagas-section .tutorial .tutorial-list li:last-child {
  border-right: none;
}

.vagas-section .vagas-content .vacancies-menu {
  margin: 40px 0;
  background-color: #d3d7d9;
  border-radius: 5px;
  height: 50px;
  position: relative;
}

.vagas-section .vagas-content .vacancies-menu ul {
  height: 50px;
}

.vagas-section .vagas-content .vacancies-menu ul li {
  display: inline-block;
  margin: 0;
  height: 50px;
  padding: 17px 2%;
  transition: all 0.2s;
  position: relative;
  cursor: pointer;
}

.vagas-section .vagas-content .vacancies-menu ul li:hover:after,
.vagas-section .vagas-content .vacancies-menu ul li:last-child:after {
  display: none;
}

.vagas-section .vagas-content .vacancies-menu ul li .fa {
  color: #9ba3a7;
  margin: 0 5px 0 0;
}

.vagas-section .vagas-content .vacancies-menu ul li.actived .fa,
.vagas-section .vagas-content .vacancies-menu ul li:hover .fa {
  color: #13bcd4;
}

.vagas-section .vagas-content .vacancies-menu ul li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 19px;
  right: 0;
  background-color: #b1b2b2;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.8);
}

.vagas-section .vagas-content .vacancies-menu ul li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #13bcd4;
  transition: all 0.2s;
}

.vagas-section .vagas-content .vacancies-menu ul li.actived:before,
.vagas-section .vagas-content .vacancies-menu ul li:hover:before {
  width: 100%;
}

.vagas-section .vagas-content .vacancies-menu ul li.actived,
.vagas-section .vagas-content .vacancies-menu ul li:hover {
  background-color: #c2c4c5;
}

.vagas-section .vagas-content .vacancies-menu ul li:last-child {
  margin: 0;
}

.vagas-section .vagas-content .vacancies-menu ul li a {
  color: #7a8993;
  cursor: pointer;
  font-size: 14px;
}

.vagas-section .vagas-content .vacancies-menu ul li a:hover {
  text-decoration: none;
}

.vagas-section .vagas-content .vacancies-menu .search-content {
  position: absolute;
  width: 100%;
  height: 50px;
  padding: 1%;
  right: 0;
  top: 0;
  border-radius: 0 5px 5px 0;
}

.vagas-section .vagas-content .vacancies-menu .search-content .input-content {
  width: 85%;
  height: 35px;
  background-color: #fff;
  border-radius: 7px;
  border: 1px solid #cfcfcf;
  position: relative;
  margin: 2% auto 0;
}

.vagas-section
  .vagas-content
  .vacancies-menu
  .search-content
  .input-content
  button {
  position: absolute;
  right: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #979fa7;
  cursor: pointer;
  width: 50px;
  height: 28px;
  text-align: center;
  background: 0 0;
  transition: all 0.2s;
}

.vagas-section
  .vagas-content
  .vacancies-menu
  .search-content
  .input-content
  button:hover
  .fa {
  color: #48b2a8;
  -ms-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
  transition: all 0.2s;
}

.vagas-section
  .vagas-content
  .vacancies-menu
  .search-content
  .input-content
  input[type="text"] {
  width: 100%;
  height: 31px;
  padding: 5px 10px 0;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
  border-radius: 7px;
}

.vagas-section .vagas-content .minhas-vagas .title-vagas-section {
  font-size: 20px;
  padding: 0 2%;
  color: #7c7c7c;
}

.vagas-section .vagas-content .minhas-vagas .sem-vagas-all {
  width: 40%;
  text-align: center;
  padding: 2% 0;
  margin: 5% auto 10%;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}

.vagas-section .vagas-content .minhas-vagas .sem-vagas-all span {
  font-size: 15px;
  color: #b2b3b3;
  text-transform: uppercase;
}

.vagas-section .vagas-content .minhas-vagas ul {
  margin: 3% 0;
  padding: 0;
}

.vagas-section .vagas-content .minhas-vagas ul li {
  width: 24%;
  max-width: 300px;
  min-width: 214px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin: 0 1% 2% 0;
}

.vagas-section .vagas-content .minhas-vagas ul li:last-child {
  margin: 0 0 2%;
}

.vagas-section .vagas-content .pagination-content {
  float: right;
  margin: 0 !important;
}

.vagas-section .vagas-content .pagination-content li {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  display: inline-block;
  text-align: center !important;
  background-color: #c7cbd0;
  font-size: 12px;
  color: #fff;
  margin: 0 -4px 0 0 !important;
  padding: 9px 0 5px !important;
  height: 30px;
}

.vagas-section .vagas-content .pagination-content li.current {
  background-color: #13bcd4;
  color: #fff;
}

.vagas-section .vagas-content .pagination-content li:first-child {
  border-radius: 3px 0 0 3px;
}

.vagas-section .vagas-content .pagination-content li:last-child {
  border-radius: 0 3px 3px 0;
}

.vagas-section .vagas-content .pagination-content li:hover {
  background-color: #13bcd4;
}

.vagas-section .vagas-content .pagination-content li:hover a {
  color: #fff;
}

.vagas-section .vagas-content .pagination-content li a {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff;
}

.vagas-section .vagas-content .pagination-content li a:hover {
  text-decoration: none;
}

.vagas-section .vagas-content .processos-seletivos {
  margin: 5% 0 0;
}

.vagas-section .vagas-content .processos-seletivos .selective-process-box {
  width: 100%;
  position: relative;
  background-color: #dfe1e3;
  border-radius: 3px;
  padding: 2%;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .sem-vagas-all {
  width: 40%;
  text-align: center;
  padding: 2% 0;
  margin: 5% auto 10%;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .sem-vagas-all
  span {
  font-size: 15px;
  color: #b2b3b3;
  text-transform: uppercase;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .sem-vagas-selective-process {
  width: 50%;
  text-align: center;
  padding: 2% 0;
  margin: 0 auto;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .sem-vagas-selective-process
  span {
  font-size: 13px;
  color: #b2b3b3;
  text-transform: uppercase;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-title {
  margin: 0;
  font-size: 16px;
  color: #8b9499;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista {
  margin: 2% 0 0;
  padding: 0;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li {
  display: inline-block;
  max-width: 230px;
  min-width: 200px;
  margin: 0 2% 2% 0;
  vertical-align: top;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li:last-child {
  margin: 0;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  header {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 0;
  z-index: 1;
  text-align: left;
  background-color: #fff;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  header
  h3 {
  font-size: 18px;
  color: #15c1d7;
  height: 50px;
  overflow-y: hidden;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  header
  small {
  font-size: 12px;
  color: #6c7883;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .salary-info {
  width: 90%;
  margin: 21% auto 0;
  background-color: #e6e8ea;
  padding: 3% 5%;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .salary-info
  i {
  color: #2f4050;
  margin: 0 1% 0 0;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .salary-info
  span {
  font-size: 13px;
  color: #2f4050;
  font-weight: 700;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .salary-info
  span.salary {
  margin: 0 10% 0 0;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .vacancie-features {
  margin: 4% 0 0;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .vacancie-features
  ul {
  text-align: left;
  width: 90%;
  margin: 0 auto;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .vacancie-features
  ul
  li {
  margin: 0 0 2%;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .vacancie-features
  ul
  li
  span {
  font-size: 14px;
  color: #6c7883;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  .vacancie-features
  ul
  li
  i {
  width: 20px;
  margin: 0 2% 0 0;
  color: #6c7883;
  text-align: center;
}

.vagas-section
  .vagas-content
  .processos-seletivos
  .selective-process-box
  .processos-seletivos-lista
  li
  .vacancie-card-sent
  footer {
  padding: 8px 10px;
  width: 90%;
  margin: 3% auto 0;
  background-color: #81c784;
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  border-radius: 3px;
}

.templates-adverts {
  width: 70%;
  max-width: 1200px;
  z-index: 1000;
  position: absolute;
  top: 5%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.5s ease-in-out;
  background-color: #fff;
  border: 1px solid #d3d2d2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  padding: 0 0 1%;
  box-shadow: inset 1px 0 50px 0 #ababab;
  -webkit-box-shadow: inset 1px 0 50px 0 #ababab;
  -moz-box-shadow: inset 1px 0 50px 0 #ababab;
  -o-box-shadow: inset 1px 0 50px 0 #ababab;
}

.templates-adverts header {
  background-color: #f38630;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  padding: 5px 0;
}

.templates-adverts ul {
  padding: 0 2%;
  text-align: center;
}

.templates-adverts ul li {
  width: 30%;
  display: inline-block;
  margin: 0 2% 0 0;
}

.templates-adverts ul li:last-child {
  margin: 0;
}

.templates-adverts ul li .template-box {
  padding: 5%;
}

.templates-adverts ul li .template-box h3 {
  font-size: 20px;
  color: #556270;
}

.templates-adverts ul li .template-box p {
  font-size: 12px;
  color: #556270;
  text-align: left;
  margin: 10% 0 0;
}

.templates-adverts ul li .template-box .btnSave {
  width: 100%;
  border: none;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #556270;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 5% 0 0;
}

.templates-adverts ul li .template-box .btnSave:hover {
  background-color: #f38630;
}

.templates-adverts .btnCancel {
  width: 30%;
  border: none;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #f38630;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 1% auto 0;
  display: block;
}

.templates-adverts .btnCancel:hover {
  background-color: #556270;
}

.adverts {
  margin: 3% 0 0;
}

.adverts form ul li,
.adverts h2 {
  margin: 0 0 2%;
}

.adverts h2 {
  font-size: 18px;
  color: #556270;
}

.adverts form {
  padding: 2%;
  border: 1px solid grey;
}

.adverts form ul li label {
  display: block;
  text-align: left;
  font-size: 17px;
  color: #807f7f;
}

.adverts form ul li textarea {
  width: 90%;
  height: 200px;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 1% 0 0;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box {
  margin: 2% 0 0;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li {
  display: inline;
  margin: 0 2% 0 0;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li a {
  color: #596872;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li a:hover {
  color: #7d93a2;
  text-decoration: none;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li .ignore-icon {
  color: #df1717;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .share-box
  ul
  li
  .ignore-icon:hover {
  color: #f84848;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li .hold-icon {
  color: #c09c0e;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li .hold-icon:hover {
  color: #fecc02;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li .like-icon {
  color: #0dae05;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li .like-icon:hover {
  color: #0ffc03;
}

.detalhe-vaga-section .detalhe-vaga-content .share-box ul li:last-child {
  margin: 0;
}

.detalhe-vaga-section .detalhe-vaga-content .crumb {
  margin: 5% 0;
  display: table;
}

.detalhe-vaga-section .detalhe-vaga-content .crumb .informacoes-vaga {
  width: 70%;
  float: left;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga {
  margin: 0 0 3%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga
  .features-list-1
  li {
  display: inline-block;
  margin: 0 2% 0 0;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga
  .features-list-1
  li:last-child {
  margin: 0;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga
  .features-list-2 {
  margin: 1% 0 0;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga
  .features-list-2
  li {
  display: inline-block;
  margin: 0 2% 0 0;
  font-size: 12px;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .features-vaga
  .features-list-2
  li:last-child {
  margin: 0;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .descricao-vaga
  h3 {
  font-size: 15px;
  color: #414242;
  margin: 0 0 1%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .descricao-vaga
  p {
  font-size: 14px;
  color: #596872;
  margin: 0 0 2%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content {
  display: table;
  width: 100%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content
  h3 {
  font-size: 15px;
  color: #414242;
  margin: 0 0 1%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content
  ul {
  width: 30%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content
  ul.beneficios-list-1 {
  float: left;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content
  ul.beneficios-list-2 {
  float: left;
  margin: 0 0 0 1%;
}

.detalhe-vaga-section
  .detalhe-vaga-content
  .crumb
  .informacoes-vaga
  .beneficios-content
  ul
  li {
  margin: 0 0 1%;
  font-size: 12px;
  color: #414242;
}

.detalhe-vaga-section .detalhe-vaga-content .crumb .anuncios-content {
  width: 28%;
  float: right;
}

.detalhe-vaga-section .detalhe-vaga-content .crumb .anuncios-content ul li {
  text-align: center;
  margin: 0 0 5%;
}

.detalhe-vaga-section .detalhe-vaga-content .crumb .anuncios-content ul li img {
  width: 80%;
}

.detalhe-vaga-section .detalhe-vaga-content .historico-atividades h3 {
  margin: 0 0 2%;
  font-size: 18px;
  color: #596872;
  border-bottom: 1px solid #9c9d9d;
}

.detalhe-vaga-section .detalhe-vaga-content .historico-atividades ul {
  margin: 3% 0 0;
}

.detalhe-vaga-section .detalhe-vaga-content .historico-atividades ul li {
  margin: 0 0 2%;
  border-bottom: 1px solid #adadad;
  padding: 1%;
}

.detalhe-vaga-section .detalhe-vaga-content .historico-atividades ul li span {
  font-size: 12px;
  color: #596872;
  margin: 0 1%;
}

.vacancys-fix-container .etapas-section .text-etapas-content {
  font-size: 14px;
  color: #838a92;
}

.vacancys-fix-container .etapas-section .input-content {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.vacancys-fix-container .etapas-section .input-content input[type="text"] {
  width: 100%;
  height: 31px;
  padding: 2px 10px;
  font-size: 13px;
  color: #6d7984;
  margin: 0;
  border: none;
}

.vacancys-fix-container .etapas-section .add-etapa-content {
  margin: 0;
}

.vacancys-fix-container .etapas-section .add-etapa-content .btn-add-etapa {
  margin: 20px 0 0;
  height: 35px;
  border-radius: 5px;
  cursor: pointer;
  width: auto !important;
  padding: 0 10px;
  font-size: 13px;
  color: #fff;
}

.vacancys-fix-container
  .etapas-section
  .add-etapa-content
  .btn-add-etapa:hover {
  zoom: 1 !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.vacancys-fix-container .etapas-section .add-etapa-content .btn-add-etapa i {
  -ms-transform: translate(-3px, 0);
  transform: translate(-3px, 0);
  color: #fff;
}

.vacancys-fix-container .etapas-predefinidas {
  margin: 15px 0;
}

.vacancys-fix-container .etapas-predefinidas .titulo-predefinidas {
  color: #6d7984;
  display: block;
  margin: 10px 0 5px;
}

.vacancys-fix-container .etapas-predefinidas ul li {
  width: auto;
  display: inline-block;
  height: 25px;
  background-color: #ccc;
  border-radius: 3px;
  margin-left: 10px;
}

.vacancys-fix-container .etapas-predefinidas ul li .etapa-pre-item {
  background-color: #fff;
  height: 25px;
  padding: 0 0 0 15px;
  border-radius: 3px;
  font-size: 12px;
  color: #6d7984;
  width: auto;
  display: inline-block;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  line-height: 25px;
  float: left;
}

.vacancys-fix-container .etapas-predefinidas ul li .etapa-pre-item i.fa-plus {
  position: relative;
  left: -6px;
}

.vacancys-fix-container
  .etapas-predefinidas
  ul
  li
  .etapa-pre-item:hover
  .mais-dia-menos-dia
  .lprazo {
  width: 36px;
}

.vacancys-fix-container
  .etapas-predefinidas
  ul
  li
  .etapa-pre-item
  .mais-dia-menos-dia {
  display: inline-block;
  background-color: #f6f6f6;
  padding: 0 5px;
  margin: 0 0 0 5px;
  float: right;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  height: 25px;
}

.vacancys-fix-container
  .etapas-predefinidas
  ul
  li
  .etapa-pre-item
  .mais-dia-menos-dia
  .lprazo {
  font-size: 10px;
  color: #ccc;
  position: relative;
  top: -2px;
  width: 0;
  transition: all 0.5s ease;
  display: inline-block;
  overflow: hidden;
  float: left;
}

.vacancys-fix-container
  .etapas-predefinidas
  ul
  li
  .etapa-pre-item
  .mais-dia-menos-dia
  i:hover {
  color: #13bcd4;
}

.vacancys-fix-container .etapas-content {
  border-radius: 5px;
  background-color: #f6f6f6;
  padding: 16px;
}

.vacancys-fix-container .etapas-content .cadastroVagasFirst {
  display: inline-block;
  padding: 10px 25px;
  height: 90px;
  min-width: 160px;
  position: relative;
  background-color: #fff;
  color: #6d7984;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  float: left;
}

.vacancys-fix-container .etapas-content .cadastroVagasFirst .numero-etapa {
  font-weight: 900;
  font-size: 10px;
}

.vacancys-fix-container .etapas-content .cadastroVagasFirst .nome-etapa {
  display: block;
  line-height: 14px;
  max-height: 30px;
  font-size: 14px;
}

.vacancys-fix-container .etapas-content .cadastroVagasFirst .duracao-etapa {
  color: #999;
  font-weight: 300;
  font-size: 12px;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-container {
  position: relative;
  margin: 0 0 10px 60px;
  float: left;
  border: 1px dashed #c5cacd;
  background-color: #dde2e5 !important;
  height: 90px;
  min-width: 160px;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item {
  position: relative;
  background-color: #fff;
  height: 90px;
  min-width: 160px;
  padding: 0 15px;
  border-radius: 3px;
  font-size: 12px;
  color: #6d7984;
  width: auto;
  display: inline-block;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
  margin: 0 0 10px 60px;
  float: left;
  line-height: 25px;
  text-align: center;
  transition: background 0.5s ease;
  cursor: hand;
  cursor: grab;
  cursor: -webkit-grab;
}

.vacancys-fix-container
  .etapas-content
  .lista-etapas
  .etapa-item.item-drop-hover {
  border: 1px dashed #fea223;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item .indicador {
  position: absolute;
  left: -26px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item .indicador i {
  color: #cfcfcf;
  font-size: 14px;
}

.vacancys-fix-container
  .etapas-content
  .lista-etapas
  .etapa-item
  .indicador:before {
  content: "";
  position: absolute;
  background-color: #cfcfcf;
  height: 6px;
  width: 6px;
  left: -10px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  display: inline-block;
  margin: 0;
}

.vacancys-fix-container
  .etapas-content
  .lista-etapas
  .etapa-item
  .indicador:after {
  content: "";
  position: absolute;
  background-color: #cfcfcf;
  height: 6px;
  width: 6px;
  left: -20px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  display: inline-block;
  margin: 0;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item:hover {
  background-color: #7cc8c2;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item:hover * {
  color: #fff;
}

.vacancys-fix-container
  .etapas-content
  .lista-etapas
  .etapa-item
  .numero-etapa {
  font-size: 10px;
  font-weight: 900;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item .nome-etapa {
  display: block;
  line-height: 14px;
  max-height: 30px;
  text-transform: capitalize;
  font-size: 14px;
}

.vacancys-fix-container
  .etapas-content
  .lista-etapas
  .etapa-item
  .duracao-etapa {
  font-weight: 300;
  font-size: 12px;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item .btn-close {
  background-color: transparent;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
}

.vacancys-fix-container .etapas-content .lista-etapas .etapa-item .btn-close i {
  text-align: center;
  width: 15px;
  height: 15px;
  bottom: 5px;
  left: 5px;
  position: absolute;
  font-size: 15px;
}

.botao-outline,
.botao-outline-large {
  height: 35px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
}

.btn-add {
  line-height: 27px;
}

.xtxtdesc {
  font-size: 14px;
  color: #7f858d;
  margin: 0 0 15px !important;
  font-weight: 400 !important;
}

.first-card {
  max-height: 560px;

  margin-top: 15px;
}

.second-card {
  max-height: 540px !important;
  max-width: 540px !important;
  min-height: 540px !important;
  min-width: 540px !important;
  margin-top: 10px !important;
  margin-left: 5px;
}

.third-card {
  max-height: 520px !important;
  max-width: 520px !important;
  min-height: 520px !important;
  min-width: 520px !important;
  margin-top: 5px !important;
  margin-left: 10px;
}

.fourth-card {
  max-height: 500px !important;
  max-width: 500px !important;
  min-height: 500px !important;
  min-width: 500px !important;
  margin-top: 0 !important;
  margin-left: 15px;
}

.beta-titulo-vaga {
  font-size: 18px;
  font-weight: 700;
}

.beta-codigo-vaga {
  font-size: 14px;
  padding-left: 30px;
}

.bg-white {
  background-color: #fff;
}

.beta-etapas-titulo {
  font-size: 14px;
  color: #777;
  font-weight: 700;
}

.botao-outline {
  width: 30px;
  border-radius: 50%;
  padding-top: 5px;
  background-color: transparent;
}

.botao-outline.green:hover {
  background-color: #51a351;
  color: #fff;
  border-color: #51a351;
}

.botao-outline.red:hover {
  background-color: #f54f66;
  color: #fff;
  border-color: #f54f66;
}

.botao-outline.blue:hover {
  background-color: #15c1d7;
  color: #fff;
  border-color: #15c1d7;
}

.botao-outline.dark-slate-blue:hover {
  background-color: #483d8b;
  color: #fff;
  border-color: #483d8b;
}

.botao-outline.dark-orange:hover {
  background-color: #ff8c00;
  color: #fff;
  border-color: #ff8c00;
}

.botao-outline-large {
  width: auto;
  padding: 8px 15px;
  font-size: 13px;
  background-color: transparent;
}

.botao-default-paginacao,
.botao-default,
.botao-large {
  height: auto;
  border-radius: 6px;
  border-width: 1px;
  border-style: solid;
}

.botao-outline-large.gray:hover {
  background-color: #ddd;
  color: #fff;
  border-color: #ddd;
}

.botao-default {
  width: 100%;
  text-align: center;
  padding: 5px 10px;
  border-color: #eee;
  background-color: transparent;
  font-size: 12px;
}

.botao-default:disabled {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

.botao-default-paginacao {
  text-align: center;
  padding: 5px 7px;
  border-color: #eee;
  background-color: transparent;
  font-size: 12px;
  margin: 10px 2px;
}

.botao-default-paginacao:disabled {
  border-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

.botao-large,
.botao-redondo {
  text-align: center;
  font-size: 13px;
}

.botao-default.green,
.botao-default.green:hover {
  background-color: #51a351;
  color: #fff;
  border-color: #51a351;
}

.botao-default.red:hover {
  background-color: #f54f66;
  color: #fff;
  border-color: #f54f66;
}

.botao-default.blue:hover {
  background-color: #15c1d7;
  color: #fff;
  border-color: #15c1d7;
}

.botao-large {
  width: auto;
  padding: 8px 15px;
  border-color: #eee;
  background-color: transparent;
}

.botao-large.green,
.botao-large.green:hover {
  background-color: #51a351;
  color: #fff;
  border-color: #51a351;
}

.botao-large.blue {
  background-color: #15c1d7;
  color: #fff;
  border-color: #15c1d7;
}

.botao-large.blue:hover {
  background-color: #14a2b5;
  color: #fff;
  border-color: #14a2b5;
}

.botao-clean {
  border: 0;
  text-align: center;
  background-color: transparent;
  min-width: 35px;
  min-height: 22px;
}

.botao-redondo {
  width: 40px;
  height: 36px;
  border-radius: 50%;
  padding-top: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
  color: #fff;
  margin-bottom: 5px;
}

.botao-redondo.green {
  background-color: #51a351 !important;
  color: #fff;
  border-color: #51a351 !important;
}

.botao-redondo.green:hover {
  background-color: #397139 !important;
  color: #fff;
  border-color: #397139 !important;
}

.botao-redondo.red {
  background-color: #f54f66 !important;
  color: #fff;
  border-color: #f54f66 !important;
}

.botao-redondo.red:hover {
  background-color: #b83d4e !important;
  color: #fff;
  border-color: #b83d4e !important;
}

.botao-redondo.blue {
  background-color: #15c1d7 !important;
  color: #fff;
  border-color: #15c1d7 !important;
}

.botao-redondo.blue:hover {
  background-color: #14a2b5 !important;
  color: #fff;
  border-color: #14a2b5 !important;
}

.botao-redondo.yellow {
  background-color: #ffbf00 !important;
  color: #fff;
  border-color: #ffbf00 !important;
}

.botao-redondo.yellow:hover {
  background-color: #d9a300 !important;
  color: #fff;
  border-color: #d9a300 !important;
}

.sombra {
  box-shadow: 0 0 2em #ccc;
}

.bg-green {
  background-color: #51a351;
}

.bg-blue {
  background-color: #15c1d7;
}

.beta-etapa-linha {
  cursor: pointer;
  background-color: #fefefe;
}

.imagem-wrapper {
  overflow: hidden;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 1px solid #eee;
}

.imagem-wrapper.grande {
  overflow: hidden;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  border: 1px solid #eee;
}

.imagem-wrapper.centralizar {
  margin: 0 auto;
}

.dados-wrapper {
  width: 100%;
  width: calc(80%);
}

.imagem-candidato {
  min-height: 60px;
  width: 60px;
}

.imagem-candidato.grande {
  min-width: 120px;
  min-height: 120px;
}

.candidato-nome {
  color: #15c1d7;
  overflow-x: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.candidato-altura-coluna {
  height: 65px;
}

.candidato-lista-item {
  width: 100%;
  height: 100px;
  cursor: default;
}

.box-ribbon .row {
  margin-left: 0px;
  margin-right: 0px;
}

div.indicado,
div.semcv,
div.laudo {
  padding-left: 0;
  padding-right: 5px;
}

.indicado img,
.semcv img,
.laudo img {
  width: 38px;
  position: absolute;
  top: -20px;
}
.candidato-drag {
  border-radius: 8px;
  background-color: transparent;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.candidato-drag:hover {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: transparent;
}

.candidato-drag:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  background-color: transparent;
}

.botao-perigo,
.cursor-pointer {
  cursor: pointer;
}

.bg-light {
  background-color: #fafafa;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-70 {
  font-size: 70px !important;
}

.fs-80 {
  font-size: 80px !important;
}

.fs-90 {
  font-size: 90px !important;
}

.fs-100 {
  font-size: 100px !important;
}

.circle,
.label-2 {
  font-size: 13px;
  background-color: transparent;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.circle,
.corner-ribbon,
.label-2,
.progress div {
  text-align: center;
}

.text-primary {
  color: #00d8ad;
}

.text-master {
  color: #806bff;
}

.text-black {
  color: #282639;
}

.text-white {
  color: #fff !important;
}

.text-yellow {
  color: #fed50b;
}

.text-red {
  color: #f54f66;
}

.text-blue {
  color: #15c1d7;
}

.text-danger {
  color: #ef473a;
}

.bold {
  font-weight: 700;
}

.all-caps {
  text-transform: uppercase;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.no-bold {
  font-weight: 400 !important;
}

.circle {
  padding-top: 3px;
  font-weight: 700;
  color: #15c1d7;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 1px solid #15c1d7;
}

.label-2 {
  padding: 5px 11px;
  text-shadow: none;
  font-weight: 300;
  color: #282639;
  border-radius: 8px;
  margin-bottom: 5px;
  margin-right: 5px;
  width: 100%;
  border: 2px solid #eee;
}

.label-grey {
  border-color: #777;
  color: #777;
}

.label-green {
  border-color: #51a351;
  color: #51a351;
}

.label-blue {
  border-color: #15c1d7;
  color: #15c1d7;
  font-weight: 400;
}

.label-red {
  border-color: #f54f66;
  color: #f54f66;
}

.label-secondary {
  border-color: #806bff;
  color: #282639;
}

.label-orange {
  border-color: #ffa800;
  color: #ffa800;
}

.label-nivel-first {
  border-color: #15c1d7;
  color: #15c1d7;
}

.label-nivel-1 {
  border-color: #ff7e00;
  color: #ff7e00;
}

.label-nivel-2 {
  border-color: #fd9b00;
  color: #fd9b00;
}

.label-nivel-3 {
  border-color: #fc0;
  color: #fc0;
}

.label-nivel-4 {
  border-color: #5ed300;
  color: #5ed300;
}

.label-nivel-5 {
  border-color: #02c30b;
  color: #02c30b;
}

.label-nivel-6 {
  border-color: #009a04;
  color: #009a04;
}

.label-nivel-7 {
  border-color: #017e01;
  color: #017e01;
}

.label-total-candidatos-first {
  width: 100% !important;
  margin: 0 auto;
}

.label-total-candidatos-100 {
  width: 95% !important;
  margin: 12px auto;
}

.label-total-candidatos-90 {
  width: 90% !important;
  margin: 0 auto;
}

.label-total-candidatos-80 {
  width: 80% !important;
  margin: 0 auto;
}

.label-total-candidatos-70 {
  width: 70% !important;
  margin: 0 auto;
}

.label-total-candidatos-60 {
  width: 60% !important;
  margin: 0 auto;
}

.label-total-candidatos-50 {
  width: 50% !important;
  margin: 0 auto;
}

.label-total-candidatos-40 {
  width: 40% !important;
  margin: 0 auto;
}

.label-total-candidatos-30 {
  width: 30% !important;
  margin: 0 auto;
}

.label-total-candidatos-20 {
  width: 20% !important;
  margin: 0 auto;
}

.label-total-candidatos-10 {
  width: 10% !important;
  margin: 0 auto;
}

.texto-ellipis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.bg-first {
  background-color: #f8fdff !important;
}

.no-padding {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.padding-5 {
  padding: 5px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.padding-10 {
  padding: 10px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.padding-15 {
  padding: 15px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-b-19 {
  padding-bottom: 19px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.padding-20 {
  padding: 20px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-27 {
  padding-bottom: 27px !important;
}

.padding-25 {
  padding: 25px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.padding-30 {
  padding: 30px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.padding-35 {
  padding: 35px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.padding-40 {
  padding: 40px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.padding-45 {
  padding: 45px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.padding-50 {
  padding: 50px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.padding-55 {
  padding: 55px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.padding-60 {
  padding: 60px !important;
}

.p-t-65 {
  padding-top: 65px !important;
}

.p-r-65 {
  padding-right: 65px !important;
}

.p-l-65 {
  padding-left: 65px !important;
}

.p-b-65 {
  padding-bottom: 65px !important;
}

.padding-65 {
  padding: 65px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.padding-70 {
  padding: 70px !important;
}

.p-t-75 {
  padding-top: 75px !important;
}

.p-r-75 {
  padding-right: 75px !important;
}

.p-l-75 {
  padding-left: 75px !important;
}

.p-b-75 {
  padding-bottom: 75px !important;
}

.padding-75 {
  padding: 75px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.padding-80 {
  padding: 80px !important;
}

.p-t-85 {
  padding-top: 85px !important;
}

.p-r-85 {
  padding-right: 85px !important;
}

.p-l-85 {
  padding-left: 85px !important;
}

.p-b-85 {
  padding-bottom: 85px !important;
}

.padding-85 {
  padding: 85px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.padding-90 {
  padding: 90px !important;
}

.p-t-95 {
  padding-top: 95px !important;
}

.p-r-95 {
  padding-right: 95px !important;
}

.p-l-95 {
  padding-left: 95px !important;
}

.p-b-95 {
  padding-bottom: 95px !important;
}

.padding-95 {
  padding: 95px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.padding-100 {
  padding: 100px !important;
}

.m-t-0 {
  margin-top: 0;
}

.m-r-0 {
  margin-right: 0;
}

.m-l-0 {
  margin-left: 0;
}

.m-b-0 {
  margin-bottom: 0;
}

.m-t-5 {
  margin-top: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-t-75 {
  margin-top: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.m-l-75 {
  margin-left: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-r-80 {
  margin-right: 80px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.m-t-85 {
  margin-top: 85px;
}

.m-r-85 {
  margin-right: 85px;
}

.m-l-85 {
  margin-left: 85px;
}

.m-b-85 {
  margin-bottom: 85px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-r-90 {
  margin-right: 90px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.m-t-95 {
  margin-top: 95px;
}

.m-r-95 {
  margin-right: 95px;
}

.m-l-95 {
  margin-left: 95px;
}

.m-b-95 {
  margin-bottom: 95px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}

.full-height {
  height: 100% !important;
}

.full-width {
  width: 100%;
}

.hide {
  display: none;
}

.inline {
  display: inline-block !important;
}

.block {
  display: block;
}

.b-blank {
  border-color: #000;
}

.b-a,
.b-b,
.b-l,
.b-r,
.b-t {
  border-style: solid;
  border-width: 0;
}

.b-r {
  border-right-width: 1px;
}

.b-l {
  border-left-width: 1px;
}

.b-t {
  border-top-width: 1px;
}

.b-b-3 {
  border-bottom-width: 3px;
  border-style: solid;
}

.b-a {
  border-width: 1px;
}

.b-dashed {
  border-style: dashed;
}

.b-thick {
  border-width: 2px;
}

.b-transparent {
  border-color: rgba(0, 0, 0, 0.4);
}

.b-transparent-white {
  border-color: rgba(255, 255, 255, 0.3);
}

.b-grey {
  border-color: #ddd;
}

.b-grey-light {
  border-color: #eee;
}

.b-white {
  border-color: #fff;
}

.b-primary {
  border-color: #00d8ad;
}

.b-complete {
  border-color: #b93b72;
}

.b-success {
  border-color: #10cfbd;
}

.b-info {
  border-color: #3b4752;
}

.b-danger {
  border-color: #f55753;
}

.b-warning {
  border-color: #f8d053;
}

.has-error {
  background-color: rgba(245, 87, 83, 0.2);
}

.capitalize {
  text-transform: capitalize;
}

.corner-ribbon-icon {
  width: 50px;
  position: absolute;
  top: 5px;
  left: 5px;
  text-align: center;
}

.corner-ribbon {
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  line-height: 50px;
  letter-spacing: 1px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.sticky {
  position: fixed;
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.corner-ribbon.top-left {
  top: 5px;
  left: -100px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.white {
  background: #f0f0f0;
  color: #555;
}

.corner-ribbon.black {
  background: #333;
}

.corner-ribbon.grey {
  background: #999;
}

.corner-ribbon.blue {
  background: #39d;
}

.corner-ribbon.green {
  background: #2c7;
}

.corner-ribbon.turquoise {
  background: #1b9;
}

.corner-ribbon.purple {
  background: #95b;
}

.corner-ribbon.red {
  background: #e43;
}

.corner-ribbon.orange {
  background: #ffa800;
}

.corner-ribbon.yellow {
  background: #ec0;
}

.botao-simples.download-arquivo {
  color: #fff;
  text-decoration: none;
}

.text-grey {
  color: #708090;
}

.text-green {
  color: #017e01;
}

.text-orange {
  color: #ff7e00;
}

.fundo-addCandidato {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  opacity: 1;
  transition: opacity 0.3s;
  transition: transform 0.8s;
  transform: translate3d(0, 100%, 0);
}

.fundo-addCandidato.mostrar {
  transform: translate3d(0, 0, 0);
  transition: transform 0.8s;
}

.previa-curriculo {
  background-color: #f9f9f9;
}

.form-group-new,
.form-radio {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.form-help {
  margin-top: 2px;
  margin-left: 2px;
  color: #b3b3b3;
  font-size: 14px;
}

.checkbox .form-help,
.form-radio .form-help {
  padding-top: 4px;
  padding-left: 25px;
}

.form-group-new select {
  width: 100%;
  font-size: 15px;
  height: 29px;
  padding: 2px 2px 1px;
  background: 0 0;
  border: none;
  line-height: 29px;
}

.form-group-new select ~ .bar {
  border-bottom: 1px solid #ccc;
}

.form-group-new select ~ .bar:after,
.form-group-new select ~ .bar:before {
  bottom: -1px;
}

.form-group-new select ~ label {
  font-size: 14px;
  color: gray;
  top: -20px;
}

.form-group-new select:focus {
  outline: 0;
}

.form-group-new select:focus ~ .bar:after,
.form-group-new select:focus ~ .bar:before {
  width: 50%;
}

.form-group-new label {
  top: 0;
  pointer-events: none;
  padding-left: 2px;
  z-index: 1;
  color: #b3b3b3;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  transition: all 0.3s ease;
}

.form-group-new .bar {
  position: relative;
  display: block;
  margin-right: -4px;
}

.form-group-new .bar:after,
.form-group-new .bar:before {
  content: "";
  height: 2px;
  width: 0;
  bottom: 0;
  position: absolute;
  background: #15c1d7;
  transition: all 0.2s ease;
  z-index: 2;
}

.form-group-new .bar:before {
  left: 50%;
}

.form-group-new .bar:after {
  right: 50%;
}

.form-group-new input,
.form-group-new textarea {
  display: block;
  background: 0 0;
  padding: 2px 2px 1px;
  font-size: 15px;
  border-width: 0 0 1px;
  line-height: 29px;
  border-color: #ccc;
  width: 100%;
}

.form-group-new input:focus,
.form-group-new textarea:focus {
  outline: 0;
}

.form-group-new input.hasValue ~ label,
.form-group-new input:focus ~ label,
.form-group-new input:valid ~ label,
.form-group-new textarea.hasValue ~ label,
.form-group-new textarea:focus ~ label,
.form-group-new textarea:valid ~ label {
  font-size: 14px;
  color: #ccc;
  top: -20px;
}

.form-group-new input:focus ~ label,
.form-group-new textarea:focus ~ label {
  color: #15c1d7;
}

.form-group-new input:focus ~ .bar:after,
.form-group-new input:focus ~ .bar:before,
.form-group-new textarea:focus ~ .bar:after,
.form-group-new textarea:focus ~ .bar:before {
  width: 50%;
}

.checkbox,
.radio {
  margin-top: 20px;
  margin-bottom: 20px;
}

.checkbox label,
.radio label {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
}

.checkbox .helper,
.radio .helper {
  display: block;
  position: absolute;
  z-index: 1;
  height: 18px;
  width: 18px;
  border: 1px solid #ccc;
  top: 2px;
  left: 0;
  transition: all 0.5s ease;
}

.checkbox .helper:before,
.radio .helper:before {
  content: "";
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 8px;
  width: 8px;
  top: 50%;
  left: 50%;
  background: 0 0;
  transition: all 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.checkbox input,
.radio input {
  opacity: 0;
  position: absolute;
}

.checkbox input.checked ~ .helper,
.checkbox input:checked ~ .helper,
.radio input.checked ~ .helper,
.radio input:checked ~ .helper {
  border-color: #aaa;
}

.checkbox input.checked ~ .helper:before,
.checkbox input:checked ~ .helper:before,
.radio input.checked ~ .helper:before,
.radio input:checked ~ .helper:before {
  background: #15c1d7;
}

.radio .helper,
.radio .helper:before {
  border-radius: 16px;
}

.checkbox + .checkbox,
.radio + .radio {
  margin-top: -10px;
}

.form-group-new.has-error label,
.has-error .form-help {
  color: #d9534f !important;
}

.has-error .bar:after,
.has-error .bar:before {
  background: #d9534f;
  width: 50%;
}

.has-error .radio .helper,
.has-error.checkbox .helper {
  border-color: #d9534f;
}

.label-info {
  border: 1px solid #15c1d7 !important;
  background-color: transparent !important;
  color: #15c1d7 !important;
}

.box-formulario {
  transform: translate3d(100%, 0, 0);
  transition: transform 0.4s, opacity 0.4s;
  opacity: 0;
}

.box-formulario.ativo {
  transform: translate3d(0, 0, 0);
  transition: transform 0.4s, opacity 0.4s;
  opacity: 1;
  transition-delay: 0.5s;
}

.line-nivel-1,
.line-nivel-10,
.line-nivel-2,
.line-nivel-3,
.line-nivel-4,
.line-nivel-5,
.line-nivel-6,
.line-nivel-7,
.line-nivel-8,
.line-nivel-9,
.line-nivel-first {
  -webkit-transform: translateY(20px) translateX(5px) rotate(-80deg);
}

.box-hover:hover {
  background-color: #ededed !important;
}

.Aligner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Aligner-item {
  max-width: 50%;
}

.Aligner-item--top {
  align-self: flex-start;
}

.Aligner-item--bottom {
  align-self: flex-end;
}

.progress {
  display: inline-block;
  width: 100%;
}

.progress div {
  font-size: smaller;
  background: orange;
  width: 0;
  color: #fff;
  height: 25px;
}

.botao-opcoes {
  padding: 10px 15px;
  text-align: left;
  background-color: transparent !important;
  font-size: 13px;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #888;
  transition: background 0.3s ease, border 0.3s ease;
}

.botao-opcoes.selecionado,
.botao-opcoes:hover {
  background-color: #13bcd4 !important;
  color: #fff;
  border: 1px solid #13bcd4;
}

.botao-perigo {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  background-color: #ff5063;
  margin: 0;
  border-radius: 5px;
  transition: background 0.3s ease;
}

.botao-perigo:hover {
  background-color: #fd8794;
  color: #fff;
}

.line-left,
.line-right {
  width: 70px;
  height: 30px;
  border-bottom: 1px dashed #ccc;
  position: absolute;
}

.line-nivel-first {
  top: -27px;
  right: -30px;
}

.line-nivel-1 {
  top: -27px;
  right: -20px;
}

.line-nivel-2 {
  top: -27px;
  right: -7px;
}

.line-nivel-3 {
  top: -27px;
  right: 6px;
}

.line-nivel-4 {
  top: -27px;
  right: 19px;
}

.line-nivel-5 {
  top: -27px;
  right: 32px;
}

.line-left-nivel-1,
.line-left-nivel-10,
.line-left-nivel-2,
.line-left-nivel-3,
.line-left-nivel-4,
.line-left-nivel-5,
.line-left-nivel-6,
.line-left-nivel-7,
.line-left-nivel-8,
.line-left-nivel-9 {
  -webkit-transform: translateY(20px) translateX(5px) rotate(80deg);
  top: -27px;
}

.line-nivel-6 {
  top: -27px;
  right: 45px;
}

.line-nivel-7 {
  top: -27px;
  right: 58px;
}

.line-nivel-8 {
  top: -27px;
  right: 71px;
}

.line-nivel-9 {
  top: -27px;
  right: 84px;
}

.line-nivel-10 {
  top: -27px;
  right: 97px;
}

.line-left-nivel-1 {
  left: -25px;
}

.line-left-nivel-2 {
  left: -12px;
}

.line-left-nivel-3 {
  left: 1px;
}

.line-left-nivel-4 {
  left: 14px;
}

.line-left-nivel-5 {
  left: 27px;
}

.line-left-nivel-6 {
  left: 40px;
}

.line-left-nivel-7 {
  left: 53px;
}

.line-left-nivel-8 {
  left: 66px;
}

.line-left-nivel-9 {
  left: 79px;
}

.line-left-nivel-10 {
  left: 92px;
}

.nome-e-cargo h3 {
  font-size: 25px;
  color: #15c1d7;
  font-weight: 700;
  max-width: 346px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.list-vacancys {
  margin: 40px 0 30px;
}

.botao-filtrar-vagas {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 30px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 auto;
}

.mini-card-vaga,
.mini-card-vaga:hover {
  background: #fff;
}

.botao-filtrar-vagas i {
  margin-right: 5px;
}

.botao-filtrar-vagas:hover {
  filter: brightness(110%);
}

.mini-card-vaga {
  color: #8c959e;
  min-height: 200px;
  max-width: 266px;
  border-radius: 2px;
  margin: 0 15px 20px 0;
  position: relative;
  transition: all 0.3s ease;
  padding: 15px;
}

.mini-card-vaga:hover:before {
  content: "";
  display: none;
}

.mini-card-vaga:nth-child(4n + 4) {
  margin-right: 0;
}

.mini-card-vaga .infos [class^="col"] {
  background: #eaeced;
  color: #8c959e;
  padding: 5px 10px;
  font-size: 13px;
}

.mini-card-vaga .infos [class^="col"] i {
  margin-right: 5px;
}

.mini-card-vaga div.avaliador {
  background: 0 0;
  color: #8c959e !important;
  padding: 5px 15px;
}

.mini-card-vaga div.avaliador [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 10px 15px 0 0;
}

.mini-card-vaga div.avaliador [class^="col"] i {
  margin-right: 10px;
}

.mini-card-vaga div.photo-actions {
  background: 0 0;
  color: #8c959e !important;
  padding: 5px 15px;
}

.mini-card-vaga div.photo-actions [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 10px 15px 0 0;
}

.mini-card-vaga div.photo-actions [class^="col"].actions {
  padding: 0 !important;
  margin-top: 10px;
}

.mini-card-vaga div.photo-actions [class^="col"] button {
  border: none;
  width: 36px;
  height: 36px;
  background-color: transparent;
  outline: 0;
  color: #8c959e;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
}

.mini-card-vaga div.photo-actions [class^="col"] button:active {
  border: none;
  background-color: #e7eaeb;
  outline: 0;
  color: #8c959e;
  box-shadow: none;
}

.mini-card-vaga div.photo-actions [class^="col"] button i {
  zoom: 1.5;
  text-align: center;
  color: #8c959e !important;
}

.mini-card-vaga div.indicacoes {
  background: 0 0;
  color: #8c959e !important;
  padding: 0 0 20px 34px;
}

.mini-card-vaga div.indicacoes > [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 0;
}

.mini-card-vaga header {
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 10px;
  background-color: transparent;
}

.mini-card-vaga header h4 {
  color: #13bcd4;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
  height: 42px;
}

.mini-card-vaga header .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #2f4050;
  display: none;
}

.mini-card-vaga .mini-card-photo {
  padding: 0;
}

.mini-card-vaga .mini-card-photo li {
  display: inline-block;
  width: 15px;
}

.mini-card-vaga .mini-card-photo li img {
  width: 36px;
  height: 36px;
  box-shadow: none;
  border-radius: 50%;
  border: 2px solid #e9eaee;
}

.mini-card-vaga .progress,
.mini-card-vaga .progress .progress-bar {
  height: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  bottom: 0;
}

.mini-card-vaga .progress {
  width: 100%;
  background-color: #c1c5c7;
  left: 0;
  margin-bottom: 0;
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);
}

.mini-card-vaga .progress .progress-bar {
  background-color: #81c784;
  font-size: 11px;
}

.espacamento-inferior {
  margin-bottom: 15px;
}

.pagination-box {
  float: left;
  width: auto !important;
}

@media screen and (min-width: 1200px) {
  .pagination-box {
    width: auto;
    float: right;
  }
}

.padding-nome-vaga {
  padding: 0 0 0 10px;
}

.tooltip-fake-check {
  height: 40px;
  width: 200px;
  background: #fff;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.botao-cancelar-vaga:hover,
.botao-criar-etapa:hover,
.botao-visualizar-tabela:hover,
.box-fluxo .msg-sem-etapas .content-sem-etapas .clique-aqui:hover {
  filter: brightness(110%);
}

.tooltip-fake-check:before {
  content: "";
  position: absolute;
  top: calc(100%);
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7.5px 0;
  border-color: #a5abb2 transparent;
}

.title-page strong {
  font-weight: 400;
}

.animated {
  animation-duration: 0.4s;
  animation-fill-mode: both;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.card-candidato {
  position: relative;
  margin: 0 0 10px;
  border-radius: 6px;
  background-color: #fff;
  width: 494px;
  height: 280px;
  padding: 0;
  border: 1px solid #dfe2e5;
  color: #a6a9ac;
  border-bottom: none;
  overflow: hidden;
}

.card-candidato.ui-draggable-dragging {
  z-index: 999 !important;
  position: fixed !important;
  -ms-transform-origin: center center;
  transform-origin: center center;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -ms-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
  opacity: 1;
  zoom: 1;
}

.card-candidato .conteudo-card {
  width: 100%;
  height: 228px;
  position: absolute;
  top: 0;
  left: 0;
}

.card-candidato .conteudo-card .dados-dados-pessoais {
  padding: 15px 30px;
  width: 100%;
  height: 228px;
}

.card-candidato .conteudo-card .dados-dados-pessoais .header {
  width: 100%;
  height: 90px;
  position: relative;
  display: block;
}

.card-candidato .conteudo-card .dados-dados-pessoais .header img {
  width: 90px;
  height: 90px;
  border: 3px solid #e5e6e7;
  position: relative;
  left: -6px;
  border-radius: 50%;
  float: left;
  outline: transparent 0;
}

.card-candidato .conteudo-card .dados-dados-pessoais .header .infos {
  float: left;
  max-width: 340px;
}

.card-candidato
  .conteudo-card
  .dados-dados-pessoais
  .header
  .infos
  .nome-candidato {
  font-size: 29px;
  font-weight: 700;
  color: #697581;
  display: inline-block;
  width: 342px;
  max-width: 342px;
  text-overflow: ellipsis;
}

.card-candidato .conteudo-card .dados-dados-pessoais .header .infos .infos-top {
  font-size: 18px;
  color: #a6a9ac;
  width: 100%;
}

.card-candidato
  .conteudo-card
  .dados-dados-pessoais
  .header
  .infos
  .infos-top
  li {
  width: 50%;
  font-weight: 100;
  overflow: hidden;
  display: inline-block;
  float: left;
}

.card-candidato .conteudo-card .dados-dados-pessoais .lista-infos {
  clear: both;
  margin-top: 30px;
}

.card-candidato .conteudo-card .dados-dados-pessoais .lista-infos ul {
  width: 100%;
}

.card-candidato .conteudo-card .dados-dados-pessoais .lista-infos ul li {
  width: 50%;
  height: 30px;
  font-weight: 100;
  display: inline-block;
  float: left;
  line-height: 30px;
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-candidato .conteudo-card .dados-dados-pessoais .lista-infos ul li i {
  width: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  zoom: 1.3;
}

.card-candidato .conteudo-card .dados-experiencia {
  width: 100%;
  height: 228px;
  color: #a6a9ac;
}

.card-candidato .conteudo-card .dados-experiencia .lista-experiencia-prof {
  width: 100%;
  height: 228px;
}

.card-candidato .conteudo-card .dados-experiencia .lista-experiencia-prof li {
  border-bottom: 1px solid #e5e5e6;
  height: 76px;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 100;
}

.card-candidato
  .conteudo-card
  .dados-experiencia
  .lista-experiencia-prof
  li
  .titulo-experiencia {
  color: #505966;
  font-size: 17px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.card-candidato
  .conteudo-card
  .dados-experiencia
  .lista-experiencia-prof
  li
  .info-a {
  min-width: 80px;
  max-width: 50%;
  margin-right: 20px;
}

.card-candidato
  .conteudo-card
  .dados-experiencia
  .lista-experiencia-prof
  li
  .info-a
  i,
.card-candidato
  .conteudo-card
  .dados-experiencia
  .lista-experiencia-prof
  li
  .info-b
  i {
  margin-right: 5px;
}

.card-candidato
  .conteudo-card
  .dados-experiencia
  .lista-experiencia-prof
  li
  .info-b {
  min-width: 80px;
  max-width: 50%;
}

.card-candidato .conteudo-card .dados-formacao {
  width: 100%;
  height: 228px;
  color: #a6a9ac;
}

.card-candidato .conteudo-card .dados-formacao .lista-formacao {
  width: 100%;
  height: 228px;
}

.card-candidato .conteudo-card .dados-formacao .lista-formacao li {
  border-bottom: 1px solid #e5e5e6;
  height: 76px;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 100;
}

.card-candidato
  .conteudo-card
  .dados-formacao
  .lista-formacao
  li
  .titulo-formacao {
  color: #505966;
  font-size: 17px;
  font-weight: 700;
  display: block;
  margin-bottom: 5px;
}

.card-candidato .conteudo-card .dados-formacao .lista-formacao li .info-a {
  min-width: 80px;
  max-width: 50%;
  margin-right: 20px;
}

.card-candidato .conteudo-card .dados-formacao .lista-formacao li .info-a i,
.card-candidato .conteudo-card .dados-formacao .lista-formacao li .info-b i {
  margin-right: 5px;
}

.card-candidato .conteudo-card .dados-formacao .lista-formacao li .info-b {
  min-width: 80px;
  max-width: 50%;
}

.card-candidato .conteudo-card .dados-idiomas {
  width: 100%;
  height: 228px;
  color: #a6a9ac;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas {
  width: 100%;
  height: 228px;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas li {
  border-bottom: 1px solid #e5e5e6;
  height: 76px;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 100;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas li:nth-child(3n) {
  border-bottom: none;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas li .titulo-idioma {
  color: #505966;
  font-size: 17px;
  font-weight: 700;
  display: inline-block;
  line-height: 76px;
  margin-right: 15px;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas li .info-a {
  min-width: 80px;
  max-width: 50%;
  margin-right: 20px;
  display: inline-block;
  line-height: 76px;
}

.card-candidato .conteudo-card .dados-idiomas .lista-idiomas li .info-a i {
  margin-right: 5px;
}

.card-candidato .barra-navegacao-card {
  width: 100%;
  height: 50px;
  background-color: #e5e6e7;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
}

.card-candidato .barra-navegacao-card .itens-action button:hover,
.card-candidato .barra-navegacao-card button {
  background-color: transparent;
  transition: all 0.3s ease;
}

.card-candidato .barra-navegacao-card button.active,
.card-candidato .barra-navegacao-card button:hover {
  background-color: #13bcd4;
  color: #fff;
}

.card-candidato .barra-navegacao-card .itens-nav {
  display: inline-block;
  float: left;
  width: auto;
}

.card-candidato .barra-navegacao-card .itens-nav button {
  border-right: 1px solid #d6d7d8;
}

.card-candidato .barra-navegacao-card .itens-nav button:last-child {
  border-right: none;
}

.card-candidato .barra-navegacao-card .itens-action {
  float: right;
  width: auto;
  display: inline-block;
}

.card-candidato .barra-navegacao-card .itens-action button:hover i.fa-check {
  color: #179f92;
}

.card-candidato .barra-navegacao-card .itens-action button:hover i.fa-folder-o {
  color: #f5b14f;
}

.card-candidato .barra-navegacao-card .itens-action button:hover i.fa-close {
  color: #ef5350;
}

.card-candidato .barra-navegacao-card button {
  height: 50px;
  width: 58px;
  color: #8e949b;
  border-radius: 0;
  float: left;
}

.card-candidato .barra-navegacao-card button i {
  zoom: 1.6;
  transition: all 0.3s ease;
}

.zoom-card {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.zoom-card.active {
  opacity: 1;
  pointer-events: auto;
}

.zoom-card .card-candidato {
  top: -20%;
  overflow: visible;
}

.zoom-card .card-candidato .conteudo-card {
  overflow: hidden;
}

.zoom-card .card-candidato .close-zoom-card {
  color: #fff;
  position: absolute;
  top: -34px;
  right: 0;
  width: 26px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}

.botao-cancelar-vaga,
.botao-criar-etapa,
.botao-visualizar-tabela {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  height: 36px;
  border-radius: 5px;
  cursor: pointer;
}

.botao-visualizar-tabela {
  padding: 2px 10px 5px;
  background-color: #f5b14f;
  margin: 0 -30px 10px auto;
  float: left;
}

.botao-cancelar-vaga,
.botao-criar-etapa {
  padding: 5px 30px;
}

.botao-cancelar-vaga i,
.botao-criar-etapa i,
.botao-visualizar-tabela i {
  margin-right: 5px;
}

.botao-cancelar-vaga {
  background-color: #ef5350;
}

.botao-criar-etapa {
  background-color: #65bad2;
}

.box-fluxo {
  position: relative;
  background-color: transparent !important;
  top: 0;
  left: 0;
  min-height: 500px;
  height: 100%;
  width: 1170px;
  max-width: 1170px;
  float: left;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.box-fluxo .linha-actions {
  position: absolute;
  width: 100%;
  height: 56px;
  top: -56px;
  right: 0 !important;
  z-index: 7;
  text-align: right;
}

.box-fluxo .linha-actions button {
  background-color: transparent;
  position: relative;
}

.box-fluxo .linha-actions button i {
  color: #979fa7;
  font-size: 24px;
  margin-left: 6px;
}

.box-fluxo .linha-actions button:hover .tooltip-action-vagas {
  opacity: 1;
}

.box-fluxo .linha-actions button .tooltip-action-vagas {
  position: absolute;
  bottom: 35px;
  right: -8px;
  font-size: 14px;
  font-weight: 300;
  width: 130px;
  height: auto;
  padding: 5px 10px;
  color: #fff;
  background-color: #a5abb2;
  display: inline-block;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}

.box-fluxo .linha-actions button .tooltip-action-vagas:before {
  content: "";
  position: absolute;
  top: calc(100%);
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7.5px 0;
  border-color: #a5abb2 transparent transparent;
}

.box-fluxo .msg-sem-etapas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 7;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.box-fluxo .msg-sem-etapas .content-sem-etapas {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  font-size: 13px;
  color: #6d7984;
  text-align: center;
  line-height: 22px;
}

.box-fluxo .msg-sem-etapas .content-sem-etapas .clique-aqui {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 2px 10px 5px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 auto;
  border-radius: 5px;
  cursor: pointer;
}

.box-fluxo .msg-sem-etapas.active {
  opacity: 1;
  pointer-events: auto;
}

.box-fluxo .card-candidato-velho {
  width: 233px;
  max-width: 233px !important;
  height: 239px;
  min-height: 239px;
  background-color: transparent;
  margin-bottom: 10px;
  position: relative;
  -ms-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 0.4);
  border-radius: 2px !important;
  cursor: hand;
  cursor: grab;
  cursor: -webkit-grab;
}

.box-fluxo .card-candidato-velho.animate-enter {
  -ms-transform-origin: center;
  transform-origin: center;
  -ms-transform: scale(0);
  transform: scale(0);
}

.box-fluxo .card-candidato-velho.disable {
  opacity: 1;
}

.box-fluxo .card-candidato-velho.disable .pseudo-body .reativar {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-transform: translateX(0);
  transform: translateX(0);
  color: #fff;
  text-align: center;
  background-color: #f39e23;
  padding: 32px 10px;
  z-index: 22;
}

.box-fluxo .card-candidato-velho.disable .pseudo-body .reativar i {
  color: #fff;
}

.box-fluxo .card-candidato-velho.disable .action-bar button {
  display: none;
}

.box-fluxo .card-candidato-velho.ui-draggable-dragging {
  z-index: 999 !important;
  position: fixed !important;
  -ms-transform-origin: center center;
  transform-origin: center center;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  -ms-transform: rotate(-0.3deg) translate(-80px, 80px);
  transform: rotate(-0.3deg) translate(-80px, 80px);
}

.box-fluxo .card-candidato-velho .pseudo-body {
  width: 100%;
  height: 100%;
  float: left;
  display: inline-block;
  border-radius: 6px;
  background-color: #fff;
  position: relative;
}

.box-fluxo .card-candidato-velho .pseudo-body .reativar {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info {
  top: 0;
  left: 0;
  padding: 10px 10px 0;
  width: 100%;
  display: inline-block;
  position: relative;
  line-height: 20px;
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info .sugestaoInfo {
  font-size: 12px;
  color: #ffa800;
  position: absolute;
  top: 85px;
  left: 9px;
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info .sugestaoInfo i {
  font-size: 15px;
  vertical-align: middle;
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info .photo {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  position: relative;
  float: left;
  border: 2px solid #e8ebed;
  top: 0;
  left: 0;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 18px;
}

.box-fluxo
  .card-candidato-velho
  .pseudo-body
  .basic-info
  .photo
  .imagem-candidato {
  height: 61px;
  width: 61px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/placeholder-foto-profile.jpg);
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info .nome {
  color: #15c1d7;
  font-size: 18px;
  float: left;
  margin-top: 5px;
  width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.box-fluxo .card-candidato-velho .pseudo-body .basic-info .idade,
.box-fluxo .card-candidato-velho .pseudo-body .basic-info .profissao {
  color: #6d7984;
  font-size: 12px;
  float: left;
  width: 136px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos {
  position: relative;
  display: block;
  width: 100%;
  height: 26px;
  background-color: transparent;
  padding: 0 10px;
  margin: 10px 0;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .sugestaoInfo {
  font-size: 12px;
  color: #ffa800;
  position: absolute;
  top: -20px;
  left: 10px;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .sugestaoInfo i {
  font-size: 15px;
  vertical-align: middle;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .container {
  position: relative;
  display: block;
  width: 100%;
  height: 26px;
  background-color: #eaebed;
}

.box-fluxo
  .card-candidato-velho
  .pseudo-body
  .faixa-infos
  .container
  .perfil-comp {
  float: left;
  font-size: 10px;
  height: 26px;
  line-height: 26px;
  color: #838a92;
}

.box-fluxo
  .card-candidato-velho
  .pseudo-body
  .faixa-infos
  .container
  .perfil-comp
  i {
  color: #838a92;
  margin-right: 5px;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .container .noks {
  float: right;
  margin-left: 10px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #838a92;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .container .noks i {
  color: #ff5063;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .container .oks {
  float: right;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  color: #838a92;
}

.box-fluxo .card-candidato-velho .pseudo-body .faixa-infos .container .oks i {
  color: #44b1a8;
}

.box-fluxo .card-candidato-velho .pseudo-body .lista-info {
  color: #6d7984;
  padding: 0 10px !important;
}

.box-fluxo .card-candidato-velho .pseudo-body .lista-info div {
  width: 213px;
}

.box-fluxo .card-candidato-velho .pseudo-body .lista-info div span {
  width: 190px;
  display: inline-block;
  font-size: 11px;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar {
  width: 100%;
  height: 40px;
  background: 0 0;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button {
  height: 100%;
  width: auto;
  float: right;
  margin: 0;
  padding: 0 15px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  position: relative;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button .balao {
  position: absolute;
  top: -100%;
  left: 50%;
  border-radius: 3px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 30px;
  padding: 5px 10px;
  width: auto;
  color: #fff;
  background: #a5abb2;
  z-index: 999;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button .balao.a {
  left: 30px;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button .balao:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 95%;
  left: 50%;
  border-style: solid;
  border-width: 7px 7.5px 0;
  border-color: #a5abb2 transparent transparent;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button:last-child {
  border-right: none;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button:hover {
  background-color: #13bcd4;
  color: #fff;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button:hover .balao {
  opacity: 1;
  pointer-events: none;
  transition: all 0.3s ease;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button:hover:before {
  -ms-transform: translate(-50%, 13%);
  transform: translate(-50%, 13%);
  opacity: 1;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button:hover i {
  color: #fff;
}

.box-fluxo .card-candidato-velho .pseudo-body .action-bar button i {
  color: #838a92;
  zoom: 1.5;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.box-fluxo .col-candidatos {
  position: relative;
  height: auto;
  min-width: 263px;
  width: 263px;
  max-width: 263px !important;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

.box-fluxo .col-candidatos .header-col-candidatos {
  background-color: #b8bdc2 !important;
  min-height: 66px;
  height: 66px;
  max-height: 66px;
  color: #2f4050;
  padding-left: 24px;
  line-height: 66px;
  position: relative;
}

.box-fluxo .col-candidatos .header-col-candidatos i.indicador {
  position: absolute;
  right: 10px;
  display: none;
}

.box-fluxo .col-candidatos .header-col-candidatos h6 {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  padding: 0;
  margin: 0;
  height: 25px;
  position: relative;
  top: 0;
  color: #2f4050;
}

.box-fluxo .col-candidatos .header-col-candidatos small {
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  padding: 0;
  margin: 0;
  height: 25px;
  position: relative;
  top: -10px;
}

.box-fluxo .col-candidatos .body-col-candidatos {
  position: relative;
  background-color: #e8ebed;
  padding: 12px;
  flex: 2 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.box-fluxo .col-candidatos .body-col-candidatos .scroll-candidatos {
  position: relative;
  overflow: visible;
}

.box-fluxo .col-candidatos .body-col-candidatos .scroll-candidatos .scroll {
  padding-bottom: 40px;
}

.box-fluxo .col-candidatos .body-col-candidatos .rolagem {
  width: 100%;
  background: #e8ebed;
  background: linear-gradient(
    to bottom,
    rgba(254, 254, 254, 0) 0,
    #e8ebed 23%,
    #e8ebed 29%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  height: 50px;
}

.box-fluxo .col-candidatos .body-col-candidatos .rolagem .setinhas {
  background-color: transparent;
  width: 100%;
  height: 50px;
}

.box-fluxo .col-candidatos .body-col-candidatos .rolagem .setinhas i {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 20px;
  color: #a5abb2;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box-fluxo
  .col-candidatos
  .body-col-candidatos
  .rolagem
  .setinhas
  i:nth-child(2) {
  top: 25px;
}

.box-fluxo .col-colunas {
  width: 900px;
  height: 100%;
  padding: 0 0 0 10px !important;
  background-color: transparent !important;
  transition: all 0.8s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}

.box-fluxo .col-colunas.full {
  width: 97%;
  position: absolute;
  right: 0;
  transition: all 0.8s ease;
}

.box-fluxo .col-colunas .box-etapas {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas {
  width: auto;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  white-space: nowrap;
  height: 100%;
  z-index: 7;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas .col-etapa {
  position: relative;
  min-width: 263px;
  width: 263px;
  max-width: 263px !important;
  height: 100%;
  float: left;
  margin: 0 0 0 10px;
  background-color: #e8ebed;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas .col-etapa:hover {
  z-index: 9;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa.col-hover
  .header-col-etapas:before {
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -ms-transform-origin: bottom;
  transform-origin: bottom;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas .col-etapa:not(:last-child) {
  margin: 0 6px 0 0;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas .col-etapa:last-child {
  margin: 0 !important;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa:last-child
  .header-col-etapas {
  background-color: #5cb65f;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa:last-child
  .header-col-etapas
  h6,
.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa:last-child
  .header-col-etapas
  i {
  color: #fff !important;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .header-col-etapas {
  background-color: #b8bdc2;
  height: 16%;
  max-height: 66px;
  color: #2f4050;
  padding: 5px 0 0 15px;
  pointer-events: none;
  position: relative;
  line-height: 56px;
  transition: all 0.6s ease;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .header-col-etapas:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f39e23;
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition: all 0.3s ease;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .header-col-etapas
  h6 {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  padding: 0;
  margin: 0;
  height: 25px;
  position: relative;
  top: 0;
  white-space: normal;
  color: #2f4050;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .header-col-etapas
  small {
  display: inline-block;
  font-size: 14px;
  font-weight: 100;
  padding: 0;
  margin: 0;
  height: 25px;
  position: relative;
  top: -10px;
}

.box-fluxo .col-colunas .box-etapas .scroll-etapas .col-etapa .body-col-etapas {
  height: auto;
  background-color: #e8ebed;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas
  .container-drop {
  margin: 0;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas
  .botao-wizard {
  background-color: #12b9d3;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  height: 36px;
  width: 100%;
  margin: 10px 0;
  border-radius: 2px;
  position: relative;
  top: 3px;
  display: inline-block;
  z-index: 1;
  padding: 5px 12px;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas
  .scroll-body-col-etapas {
  min-width: 244px;
  min-height: 290px;
  height: 80%;
  max-height: 80% !important;
  position: relative;
  overflow: auto;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards {
  height: auto;
  width: 100%;
  background-color: #e8ebed;
  padding: 0 12px 12px;
  display: inline-block;
  bottom: 0;
  top: 190px;
  position: absolute;
  transition: top 0.3s ease;
  overflow-y: auto;
  overflow-x: hidden;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards.active {
  top: 264px;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards
  .scroll-body-col-etapas {
  width: 100%;
  min-height: 290px;
  background: #e8ebed;
  height: 100%;
  position: relative;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards
  .rolagem {
  width: 100%;
  background: #e8ebed;
  background: linear-gradient(
    to bottom,
    rgba(254, 254, 254, 0) 0,
    #e8ebed 23%,
    #e8ebed 29%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  height: 50px;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards
  .rolagem
  .setinhas {
  background-color: transparent;
  width: 100%;
  height: 50px;
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards
  .rolagem
  .setinhas
  i {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  border: 0;
  background-color: transparent;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 20px;
  color: #a5abb2;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.box-fluxo
  .col-colunas
  .box-etapas
  .scroll-etapas
  .col-etapa
  .body-col-etapas-cards
  .rolagem
  .setinhas
  i:nth-child(2) {
  top: 25px;
}

.box-fluxo .container-drop {
  width: 100%;
  height: auto;
  min-height: 50px;
  display: inline-block;
  border: 1px dashed #c5cacd;
  background-color: #dde2e5 !important;
  margin: 0 0 10px;
  padding: 15px;
  position: relative;
  transition: all 0.3s ease;
  z-index: 6;
}

.box-fluxo .container-drop.active {
  min-height: 125px;
}

.box-fluxo .container-drop.drop-hover {
  border: 1px dashed #fea223;
}

.box-fluxo .container-drop:before {
  content: "Arraste e solte aqui";
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #c5cacd;
}

.mask-comparativo-etapa {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001;
  overflow: auto;
}

.mask-comparativo-etapa * {
  user-select: none;
}

.mask-comparativo-etapa .comparativo-etapa {
  max-width: 1152px;
  width: 100%;
  border-radius: 5px !important;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 100px;
  margin: 0 0 0 14px;
  padding: 15px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mask-comparativo-etapa .comparativo-etapa .fechar-comparativo-etapa {
  position: absolute;
  top: 6px;
  right: 10px;
  width: auto;
  height: auto;
  background: 0 0;
  color: #adadad;
  cursor: pointer;
  z-index: 99;
}

.mask-comparativo-etapa .comparativo-etapa .fechar-comparativo-etapa i {
  font-size: 22px;
}

.mask-comparativo-etapa .comparativo-etapa .header-comparativo-etapa {
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 30px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .header-comparativo-etapa
  .title-modal {
  font-size: 24px;
  font-weight: 700;
  color: #2f4050;
  width: auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: sub;
  margin: 0 10px 0 0;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .header-comparativo-etapa
  .subtitle-modal {
  font-size: 16px;
  font-weight: 300;
  color: #6b6f72;
  width: auto;
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #6b6f72;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.mask-comparativo-etapa .comparativo-etapa .box-content {
  position: relative;
  border-radius: 0;
  border-top: none;
  background-color: #fff;
  min-height: 230px !important;
}

.mask-comparativo-etapa .comparativo-etapa .box-content .linha-infos {
  background-color: #ececec;
  padding: 5px 10px;
  height: 33px;
  line-height: 22px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-numero-candidatos {
  float: left;
  font-size: 12px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-numero-candidatos
  strong {
  font-size: 13px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-modo-votacao {
  font-size: 12px;
  float: right;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-modo-votacao
  button {
  background-color: transparent;
  margin-left: 5px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-modo-votacao
  button
  i {
  font-size: 18px;
  color: #bbbdbe;
  transition: color 0.3s ease;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-modo-votacao
  button:first-child {
  margin-left: 15px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .linha-infos
  .box-modo-votacao
  button:hover
  i {
  color: #333;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .container-tabela-matches {
  width: 100%;
  height: auto;
  position: relative;
  overflow-x: hidden;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .container-tabela-matches
  .tabela-comparativo-fix-head {
  height: 100%;
  min-height: 120px;
  min-width: 190px;
  background-color: transparent;
  position: relative;
  z-index: 21;
  float: left;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .container-tabela-matches
  .tabela-comparativo-fix {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  position: relative;
  z-index: 21;
  max-width: 794px;
  float: left;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .container-tabela-matches
  .tabela-comparativo-fix-tail {
  height: 100%;
  min-height: 120px;
  max-width: 136px;
  background-color: transparent;
  position: relative;
  z-index: 21;
  float: left;
}

.mask-comparativo-etapa .comparativo-etapa .box-content .tabela-comparativo {
  width: 100%;
  max-width: 856px;
  height: 100%;
  overflow: auto;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.original {
  display: none;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.body {
  max-width: 794px !important;
  width: 794px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.body
  thead
  th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  thead
  tr {
  height: 50px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  thead
  tr
  th {
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #333;
  padding: 0 5px;
  margin-top: 10px;
  background-color: transparent;
  position: relative;
}

.mask-comparativo-etapa .comparativo-etapa .box-content .tabela-comparativo.head thead tr th:not(: first-child) {
  background-color: #fff;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  thead
  tr
  th:first-child {
  max-width: 190px;
  width: 190px;
  min-width: 190px;
  position: relative;
  z-index: 1;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  thead
  tr
  th.comparativo-user-owner {
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  thead
  tr
  th.comparativo-user-owner
  .owner {
  padding: 0 5px 1px;
  background-color: #f5b14f;
  border-radius: 5px;
  font-weight: 300;
  font-size: 10px;
  position: absolute;
  color: #fff;
  bottom: -7px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 11px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr {
  height: 60px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr:nth-child(odd) {
  background: #eaeced;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr:nth-child(odd)
  .reachr-checkbox3 {
  border: 1px solid;
  width: 17px;
  height: 17px;
  min-height: 17px;
  min-width: 17px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td {
  max-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 58px;
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child {
  line-height: 20px;
  text-align: left;
  padding: 5px 10px 5px 5px;
  max-width: 190px;
  width: 190px;
  min-width: 190px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child
  .photo {
  border-radius: 50%;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid #eaeced;
  float: left;
  margin: 0 5px 0 0;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child
  .txt-nome {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #2f4050;
  margin-top: 5px;
  max-width: 115px;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 13px;
  height: 13px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child
  .sugestaoInfo {
  font-size: 12px;
  color: #ffa800;
  position: absolute;
  top: 0;
  left: 0;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child
  .sugestaoInfo
  i {
  font-size: 15px;
  vertical-align: middle;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.head
  tbody
  tr
  td:first-child
  .txt-cargo {
  max-width: 115px;
  width: 115px;
  height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  float: left;
  font-size: 10px;
  font-weight: 400;
  color: #2f4050;
  text-align: left;
  line-height: 13px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail {
  position: relative;
  max-width: 136px !important;
  width: 136px !important;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr {
  height: 50px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr
  th {
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #333;
  padding: 0 5px;
  margin-top: 10px;
  background-color: transparent;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr
  th:before {
  content: "";
  display: inline-block;
  background-color: #e5e5e5;
  width: 80%;
  height: 60px !important;
  position: absolute;
  left: 50%;
  top: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr
  th
  > span {
  position: relative;
  z-index: 2 !important;
  width: 100%;
  text-align: center;
  font-weight: 700;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr
  th.comparativo-user-owner {
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  thead
  tr
  th.comparativo-user-owner
  .owner {
  padding: 0 5px 1px;
  background-color: #f5b14f;
  border-radius: 5px;
  font-weight: 300;
  font-size: 10px;
  position: absolute;
  color: #fff;
  bottom: -7px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 11px;
  z-index: 2;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr {
  height: 60px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr:nth-child(odd) {
  background: #eaeced;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr:nth-child(odd)
  td {
  max-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 58px;
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr:nth-child(odd)
  td:before {
  content: "";
  display: inline-block;
  background-color: #d2d4d6;
  width: 80%;
  height: 60px !important;
  position: absolute;
  left: 50%;
  top: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr:nth-child(odd)
  td
  .reachr-checkbox3 {
  z-index: 1 !important;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr:nth-child(odd)
  .reachr-checkbox3 {
  border: 1px solid #000;
  width: 17px;
  height: 17px;
  min-height: 17px;
  min-width: 17px;
  z-index: 2;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr
  td {
  max-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 60px;
  position: relative;
  overflow: hidden;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr
  td:before {
  content: "";
  display: inline-block;
  background-color: #e5e5e5;
  width: 80%;
  height: 60px !important;
  position: absolute;
  left: 50%;
  top: 0;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo.tail
  tbody
  tr
  td
  .reachr-checkbox3 {
  z-index: 1 !important;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  thead
  tr {
  height: 50px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  thead
  tr
  th {
  min-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #333;
  padding: 0 5px;
  margin-top: 10px;
  background-color: #fff;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  thead
  tr
  th.comparativo-user-owner {
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  thead
  tr
  th.comparativo-user-owner
  .owner {
  padding: 0 5px 1px;
  background-color: #f5b14f;
  border-radius: 5px;
  font-weight: 300;
  font-size: 10px;
  position: absolute;
  color: #fff;
  bottom: -7px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 11px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  tbody
  tr {
  height: 60px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  tbody
  tr:nth-child(odd) {
  background: #eaeced;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  tbody
  tr:nth-child(odd)
  .reachr-checkbox3 {
  border: 1px solid #000;
  width: 17px;
  height: 17px;
  min-height: 17px;
  min-width: 17px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  tbody
  tr
  td {
  max-width: 100px;
  text-align: center;
  vertical-align: middle;
  height: 58px;
  position: relative;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  span.no,
.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  span.ok {
  display: inline-block;
  position: relative;
  height: 24px;
  width: 24px;
  background-image: url(../images/sprite-check.png);
  background-repeat: no-repeat;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  span.ok {
  background-position: 0 0;
  vertical-align: middle;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .box-content
  .tabela-comparativo
  span.no {
  background-position: 0 -27px;
  vertical-align: middle;
}

.mask-comparativo-etapa .comparativo-etapa .linha-botao-salvar-tabela {
  display: inline-block;
  width: 100%;
  height: auto;
  margin: 10px 0;
  text-align: center;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .linha-botao-salvar-tabela
  .botao-salvar-tabela {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 -30px 10px auto;
  border-radius: 5px;
  cursor: pointer;
}

.aprovacao-usuario.nao:hover i,
.aprovacao-usuario.sim:hover i {
  margin-right: 5px;
}

.mask-comparativo-etapa
  .comparativo-etapa
  .linha-botao-salvar-tabela
  .botao-salvar-tabela:hover {
  -webkit-filter: brightness(110%);
}

.card-vaga .card-actions button:hover,
.container-usuarios .col-convidar .box-convidar .botao-convidar:hover,
.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar
  .botao-convidar:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .botao-cancelar-edicao:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .botao-salvar-edicao:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .editar:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .remover:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .cancelar:hover,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .remover:hover,
.container-usuarios .linha-convidar .botao-convidar:hover,
.mask-convidar .container-convidar .box-convidar .botao-convidar:hover,
.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar
  .botao-convidar:hover,
aside .item-menu-sair:hover {
  filter: brightness(110%);
}

.botao-tabela-etapa {
  position: absolute;
  display: inline-block;
  right: 10px !important;
  top: 50% !important;
  color: #2f4050 !important;
  cursor: pointer;
  width: 40px;
  height: 20px !important;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  z-index: 12;
  pointer-events: all;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.botao-tabela-etapa:hover span.txt-bot {
  opacity: 1;
  top: 36px;
}

.botao-tabela-etapa i {
  position: absolute;
  left: 22px;
  top: 4px;
}

.botao-tabela-etapa span.txt-bot {
  position: absolute;
  top: 60px;
  right: -189px;
  border-radius: 3px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 30px;
  padding: 5px 10px;
  width: auto;
  color: #f38630;
  background: #fff4be;
  z-index: 999;
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  line-height: 18px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.botao-tabela-etapa span.txt-bot:before,
.botao-tabela-etapa:before {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  content: "";
}

.botao-tabela-etapa span.txt-bot:before {
  top: -8px;
  left: 50%;
  border-width: 0 7.5px 10px;
  border-color: transparent transparent #fff4be;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.botao-tabela-etapa:before {
  display: none !important;
  top: 0;
  right: 0;
  border-width: 0 40px 40px 0;
  border-color: transparent #0181c4 transparent transparent;
  transition: all 0.3s ease;
}

.aprovacao-usuario {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50px;
  bottom: 8px;
  right: 8px;
  z-index: 3;
  text-align: center;
  color: #fff;
  zoom: 0.9;
  transition: all 0.3s ease;
  overflow: hidden;
  font-size: 12px;
  display: none;
  line-height: 30px;
}

.mask-modal.laudoDom {
  z-index: 99999991;
}

.mask-modal.cancelar-vaga,
.mask-modal.lista-candidatos-gestao {
  z-index: 10000000;
}

.aprovacao-usuario span {
  display: none;
}

.aprovacao-usuario.sim {
  background-color: #00c16f;
  display: inline-block;
}

.aprovacao-usuario.sim .sim {
  display: inline-block;
}

.aprovacao-usuario.sim .nao,
.aprovacao-usuario.sim .tnao {
  display: none;
}

.aprovacao-usuario.nao .nao,
.aprovacao-usuario.sim:hover .tsim {
  display: inline-block;
}

.aprovacao-usuario.sim:hover {
  width: 190px;
}

.aprovacao-usuario.nao {
  background-color: #ef5350;
  display: inline-block;
}

.aprovacao-usuario.nao .sim,
.aprovacao-usuario.nao .tsim {
  display: none;
}

.aprovacao-usuario i,
.aprovacao-usuario.nao:hover .tnao {
  display: inline-block;
}

.aprovacao-usuario.nao:hover {
  width: 210px;
}

.aprovacao-usuario i {
  margin-right: 0;
}

.mask-modal.cancelar-vaga .container-modal {
  max-width: 600px;
}

.mask-modal.cancelar-vaga.grafico-pop .container-modal {
  max-width: 1000px;
}

.mask-modal.cancelar-vaga p {
  padding: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.mask-modal.cancelar-vaga p button {
  margin: 15px 5px;
}

.mask-modal.cancelar-vaga p.quadrante {
  padding: 5px 0px 10px 0;
  text-align: left;
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

.mask-modal.lista-candidatos-gestao .container-modal {
  max-width: 600px;
}

.mask-modal.lista-leads .container-modal {
  max-width: 90%;
}

.mask-modal.lista-leads .container-modal .leads-container {
  height: 400px;
  overflow-y: auto;
}

.mask-modal.lista-candidatos-gestao .conteudo-lista-candidato-gestao {
  height: 372px;
  overflow-y: auto;
}

.tabela-comparativo-sem-candidatos {
  text-align: center;
  padding-top: 80px;
}

.modal-card-candidato {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  transition: all 0.5s 0.5s ease-in-out;
  display: block;
  padding-top: 15px;
}

.modal-card-candidato .card-wizard-list {
  height: 755px;
  max-height: 560px;
  margin: 0 auto;
}

.modal-card-candidato .card-wizard-list .card-wizard-position {
  width: 80%;
  height: 755px;
  max-height: 560px;
  position: absolute;
  z-index: 2000;
  width: 100%;
  margin-left: 15%;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido {
  width: 70%;
  height: 755px;
  max-height: 560px;
  z-index: 3000;
  position: absolute;
  padding: 0;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #e7eaeb;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar {
  width: 11px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b1b1b2;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-thumb:window-inactive {
  background: #eaebed;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .btn-close-card-modal {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  background: 0 0;
  color: #ccc;
  z-index: 1002;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .btn-close-card-modal
  .mdi-close {
  font-size: 20px !important;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header {
  width: 100%;
  padding: 15px;
  border-bottom: 4px solid #eaeced;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list
  span {
  display: inline;
  margin: 0 10px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list
  span:last-child {
  margin: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list
  span:first-child {
  border-right: 1px solid #eaeced;
  padding: 0 5px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list
  span.crumb-vaga {
  font-size: 25px;
  color: #2f4050;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .bread-crumb-card
  .bread-crumb-card-list
  span.crumb-etapa {
  font-size: 18px;
  color: #aeb2b4;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar {
  background: #eaeced;
  padding: 5px 10px;
  display: table;
  width: 100%;
  margin: 20px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .candidatos-aprovados {
  float: left;
  width: 55%;
  font-size: 14px;
  color: #535f6b;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .candidatos-aprovados
  span {
  font-weight: 700;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .card-vote-options {
  width: 40%;
  float: right;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .card-vote-options
  .vote-options-list {
  text-align: right;
  font-size: 14px;
  color: #535f6b;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .card-vote-options
  .vote-options-list
  span {
  display: inline-block;
  margin: 0 3% 0 0;
  vertical-align: top;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .card-vote-options
  .vote-options-list
  span
  button {
  background: 0 0;
  color: #bbbdbe;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-header
  .info-bar
  .card-vote-options
  .vote-options-list
  span:last-child {
  margin: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info {
  display: table;
  width: 100%;

  padding: 15px 15px 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  figure {
  width: 160px;
  height: 160px;
  float: left;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  figure
  .imagem-candidato {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid #e7eaeb;
  background-position: center center;
  background-size: cover;
  background-image: url(../images/default-placeholder.jpg);
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box {
  width: 80%;
  display: table;
  padding-left: 15px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .nome-e-cargo {
  position: relative;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .nome-e-cargo
  h3 {
  font-size: 25px;
  color: #15c1d7;
  font-weight: 700;
  max-width: 346px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .nome-e-cargo
  h3
  .sugestaoInfo {
  font-size: 12px;
  color: #ffa800;
  position: absolute;
  top: -20px;
  left: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .nome-e-cargo
  h3
  .sugestaoInfo
  i {
  font-size: 15px;
  vertical-align: middle;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .nome-e-cargo
  h3
  span {
  font-size: 16px;
  color: #838a92;
  display: block;
  font-weight: 400;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-1
  > div,
.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-2
  > div {
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  color: #959ba1;
  width: 150px;
  display: inline-block;
  position: relative;
  margin: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-1
  > div
  i,
.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-2
  > div
  i {
  margin: 0 5px 0 0;
  display: inline-block;
  font-size: 19px;
  top: -7px;
  position: relative;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-1
  > div
  span,
.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-box
  .info-text-list-colum-2
  > div
  span {
  display: inline-block;
  width: 118px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis !important;
  padding-right: 5px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-list-colum-1 {
  float: left;
  margin-right: 20px;
  width: 150px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .card-candidato-info
  .info-text-list-colum-2 {
  float: left;
  width: 150px;
}

.modal-card-candidato .card-wizard-list .card-wizard-position .card-content {
  padding: 0 15px 15px;
  position: relative;
  z-index: 14;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar {
  padding: 5px 15px;
  background-color: #eaebed;
  margin: 10px 0;
  display: table;
  width: 100%;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .baixar-cv {
  float: left;
  width: 70px;
  padding: 3px 0;
  margin: 0 1px;
  background-color: #15c1d7;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .baixar-cv:hover {
  background-color: #04e2f0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list {
  text-align: right;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list
  > span {
  display: inline-block;
  margin: 0 10px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list
  > span
  span {
  font-size: 15px;
  color: #838a92;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list
  > span
  .mdi-thumb-up {
  color: #44b1a8;
  vertical-align: middle;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list
  > span
  .dislike {
  color: #ff5063;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .like-nolike-bar
  .like-list
  > span:last-child {
  margin: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content {
  height: 173px;
  position: relative;
  overflow-x: hidden;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .sucesso-envio-mensagem {
  font-size: 15px;
  color: #44b1a8;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 45%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.1s;
  animation-name: fadeInLeft;
  animation-timing-function: ease-out;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  #tituloMensagem {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 12px;
  color: #959ba1;
  margin: 10px auto 3px;
  border: 1px solid #dfdfe1;
  padding: 3px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content {
  width: 100%;
  height: 90px;
  margin: 0 auto;
  border: 1px solid #dfdfe1;
  display: table;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  textarea {
  font-size: 12px;
  color: #959ba1;
  padding: 3px;
  width: 100%;
  height: 95px;
  border: none;
  resize: none !important;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button {
  border-radius: 3px;
  text-align: center;
  color: #fff;
  padding: 2px 0;
  width: 60px;
  float: right;
  font-size: 12px;
  margin: 0 10px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-enviar-msg {
  background-color: #44b1a8;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-enviar-msg[disabled],
.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-enviar-msg[disabled]:hover {
  background-color: #cfcfcf;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-enviar-msg:hover {
  background-color: #1de5d4;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-cancelar-msg {
  background-color: #ca585d;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-mensagem-content
  .message-content
  button.btn-cancelar-msg:hover {
  background-color: #fc9ea2;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu {
  margin: 5px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav {
  width: 100%;
  height: 30px;
  display: inline-block;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav
  a {
  position: relative;
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 0;
  color: #acb0b5;
  padding: 0 7px;
  text-decoration: none;
  cursor: pointer;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav
  a:first-child {
  margin-left: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav
  a.ativo {
  color: #15c1d7;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav
  a.ativo:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #15c1d7;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .card-menu
  nav
  a:hover {
  color: #15c1d7;
  text-decoration: none;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box {
  width: 100%;
  height: 150px;
  overflow-y: auto;
  margin: 10px 0 0;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box::-webkit-scrollbar {
  width: 10px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #15c1d7;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box::-webkit-scrollbar-thumb:window-inactive {
  background: #15c1d7;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.outras-informacoes
  .info-primaria {
  font-size: 14px;
  color: #2f4050;
  font-weight: 700;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.outras-informacoes
  .info-secundaria {
  font-size: 14px;
  font-weight: 400;
  display: block;
  margin: 0 0 20px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.outras-informacoes
  .info-secundaria:before {
  content: "Resposta: ";
  font-weight: 700;
  color: #acb0b5;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-graficos {
  width: 100px;
  height: 100px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-graficos
  .dados-mercado {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-graficos
  .dados-voce {
  z-index: 2;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos {
  text-align: left;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .voce {
  position: relative;
  display: inline-block;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .voce.ativo:before {
  content: "";
  background-color: #15c1d7;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .voce:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 2px;
  background-color: #92dafc;
  position: absolute;
  top: 25px;
  left: -34px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .voce:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #92dafc;
  position: absolute;
  top: 18px;
  left: -20px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .mercado {
  position: relative;
  display: inline-block;
  margin-top: 15px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .mercado.ativo:before {
  content: "";
  background-color: #026794;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-infos
  .mercado:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 2px;
  background-color: #92dafc;
  position: absolute;
  left: -17px;
  top: 8px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section.perfil-comportamental
  .container-txt-graficos
  .text-graphic {
  font-size: 12px;
  font-style: italic;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section
  .resume-section-list {
  overflow-y: auto;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section
  .resume-section-list
  span {
  margin: 5px 0 3px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section
  .resume-section-list
  span
  .info-primaria {
  font-size: 14px;
  color: #acb0b5;
  display: block;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .resume-box
  .resume-section
  .resume-section-list
  span
  .info-secundaria {
  font-size: 14px;
  color: #2f4050;
  font-weight: 700;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons {
  margin-top: 60px;
  width: 250px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons
  .action-buttons-list
  span {
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons
  .action-buttons-list
  span
  button {
  background: 0 0;
  color: #838a92;
  font-size: 20px;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons
  .action-buttons-list
  span
  button.arquivar-candidato:hover {
  color: #c09c0e;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons
  .action-buttons-list
  span
  button.reprovar-candidato:hover {
  color: #ff5063;
}

.modal-card-candidato
  .card-wizard-list
  .card-wizard-position
  .card-content
  .action-buttons
  .action-buttons-list
  span
  button.aprovar-candidato:hover {
  color: #44b1a8;
}

.modal-card-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(69, 83, 97, 0.7);
  z-index: 99;
}

.dots-container {
  position: absolute;
  bottom: 10px;
  text-align: center;
  color: #c4c4c4;
  z-index: 13;
  width: 100%;
}

.dots {
  display: inline-block;
  margin-right: 5px;
}

.ie9 .box-fluxo,
.ie9 .box-fluxo .botao-wizard {
  display: block !important;
}

.dots-ativo {
  color: #000;
}

.card-candidato-expandido:nth-last-child(2) {
  padding-top: 35px;
}

.prova-unselected {
  background-color: #5bb55f !important;
}

.prova-selected {
  background-color: #4bbff4 !important;
}

.ie9 .box-fluxo {
  height: 220px !important;
  margin-bottom: 200px !important;
}

.ie9 .box-fluxo .col-candidatos {
  float: left;
}

.ie9 .box-fluxo .body-col-candidatos {
  min-height: 290px;
}

.ie9 .box-fluxo .col-colunas {
  float: right;
}

.ie9 .box-fluxo .col-etapa {
  z-index: 0;
}

.ie9 .box-fluxo .header-col-etapas {
  z-index: 12 !important;
}

.ie9 .ui-draggable-dragging {
  z-index: 999 !important;
  position: fixed !important;
  position: expression(fixed) !important;
  opacity: 1;
  zoom: 1;
}

.match {
  position: absolute;
  max-height: 400px;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(47, 64, 80, 0.9);
  z-index: 9999999;
  transition: all 0.5s;
  animation-name: slideInRight;
  animation-timing-function: ease-out;
  padding: 20px;
  width: 50%;
  margin: 0 auto;
  border-radius: 8px;
  top: 30px;
}

.match .match-content {
  width: 100%;
  padding: 20px 10px;
  position: absolute;
  text-align: center;
}

.match .match-content .titulo-match {
  font-size: 60px;
  color: #7ac142;
  text-transform: uppercase;
  line-height: 50px;
  padding-left: 20px;
}

.match .match-content .subtitulo-match {
  font-size: 45px;
  color: #fff;
}

.match .match-content .feedback-text,
.match .match-content .selection-text {
  font-size: 17px;
  color: #fff;
  margin: 5px 0;
  padding-left: 20px;
}

.match .match-content .feedback-text strong,
.match .match-content .selection-text strong {
  color: #13bbd5;
}

.match .match-content .feedback-text {
  margin: 10px 0;
}

.match .match-content .profiles-pics {
  margin: 30px auto;
  display: table;
}

.match .match-content .profiles-pics figure {
  float: left;
  width: 110px;
  height: 110px;
}

.match .match-content .profiles-pics figure img {
  width: 110px;
  height: 110px;
  border-radius: 100%;
  border: 6px solid #fff;
}

.match .match-content .profiles-pics figure.figure-margin {
  margin: 0 20px 0 0;
}

.match .match-content .btn-close,
.match .match-content .btn-message {
  padding: 10px;
  width: auto;
  text-align: center;
  color: #fff;
  font-size: 15px;
  display: block;
  position: absolute;
  margin-right: 30px;
}

.match .match-content .btn-message {
  background-color: #13bbd5;
}

.match .match-content .btn-message:hover {
  background-color: #036f80;
}

.match .match-content .btn-close {
  background-color: #db0322;
}

.match .match-content .btn-close:hover {
  background-color: #910317;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.95, 0, 0.75, 1) forwards;
}

.checkmark {
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 5% auto;
  box-shadow: inset 0 0 0 #7ac142;
  animation: fill 0.8s ease-in-out 0.8s forwards,
    scale 0.6s ease-in-out 0.18s both;
}

.checkmark__check {
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 0.16s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 120px #7ac142;
  }
}

.btn-close-video {
  background-color: #13bbd5;
  padding: 2px 10px;
  margin: 5px 10px 0 0;
  font-size: 12px;
  color: #fff;
}

.btn-close-video:hover {
  background-color: #036f80;
}

.other-information-opportunity form .publicacao-vaga small {
  color: #a7acb1;
}

.other-information-opportunity form .options-info-list li {
  margin: 0 0 1%;
}

.other-information-opportunity form .perfil-comportamental h3 {
  font-size: 25px;
  text-align: center;
  color: #2f4050;
}

.other-information-opportunity form .perfil-comportamental p {
  color: #838a92;
  font-size: 14px;
  text-align: center;
}

.other-information-opportunity
  form
  .perfil-comportamental
  .aplicacao-texte-options {
  margin: 3% 0 0;
}

.other-information-opportunity
  form
  .perfil-comportamental
  .aplicacao-texte-options
  textarea {
  margin: 1% 0 0;
  height: 150px;
}

.other-information-opportunity form .input-content {
  width: 100%;
  height: 54px;
  background-color: #fff;
  position: relative;
}

.other-information-opportunity form .input-content .fa-calendar {
  position: absolute;
  right: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #979fa7;
}

.no-padding-top {
  padding-top: 0 !important;
}

.job-profile .ui-select-container {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.job-profile .go-back {
  width: 10%;
  border: none;
  padding: 3px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #556270;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 2% 0 0;
}

.job-profile .go-back:hover {
  background-color: #f38630;
}

.job-profile h2 {
  color: #d6520a;
}

.job-profile form {
  padding: 2%;
  border: 1px solid grey;
}

.job-profile form ul li {
  margin: 0 0 2%;
}

.job-profile form ul li label {
  display: block;
  text-align: left;
  font-size: 17px;
  color: #807f7f;
}

.job-profile form ul li .btnSave {
  width: 20%;
  border: 1px solid #f38630;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #d6520a;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 2% 0 0;
}

.job-profile form ul li .btnSave:hover {
  background-color: #f38630;
}

.job-profile form ul li input[type="number"],
.job-profile form ul li input[type="text"],
.job-profile form ul li select {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.linha-cluster input[type="radio"] {
  display: inline-block !important;
}

.linha-cluster span {
  position: relative;
}

.linha-cluster span label {
  width: auto;
  display: inline-block;
  margin-right: 25px !important;
  height: 50px;
  line-height: 50px;
}

.mask-contratar-mais {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  overflow: auto;
}

.mask-contratar-mais.tela-planos .contratar-mais {
  margin: 0 0 50px;
}

.mask-contratar-mais .contratar-mais {
  max-width: 826px;
  border-radius: 5px !important;
  background-color: #f5f5f5;
  position: absolute;
  left: 50%;
  top: 5%;
  padding: 15px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.mask-contratar-mais .contratar-mais .fechar-contratar-mais {
  position: absolute;
  top: 6px;
  right: 10px;
  width: auto;
  height: auto;
  background: 0 0;
  color: #adadad;
  cursor: pointer;
  z-index: 99;
  font-size: 20px;
}

.mask-contratar-mais .contratar-mais .header-contratar-mais {
  position: relative;
  width: 100%;
  min-height: 50px;
  line-height: 30px;
}

.mask-contratar-mais .contratar-mais .header-contratar-mais .title-modal {
  font-size: 24px;
  font-weight: 700;
  color: #6b6f72;
  width: auto;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  vertical-align: sub;
  margin: 0 10px 0 0;
}

.mask-contratar-mais .contratar-mais .header-contratar-mais .subtitle-modal {
  font-size: 16px;
  font-weight: 300;
  color: #6b6f72;
  width: auto;
  display: inline-block;
  padding-left: 10px;
  border-left: 1px solid #6b6f72;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.mask-contratar-mais .contratar-mais .box-content {
  position: relative;
  border-radius: 5px;
  background-color: #f5f5f5;
  min-height: 385px !important;
}

.mask-contratar-mais .contratar-mais .box-content .col-infos {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 346px;
  width: 346px;
  height: 100%;
  background-color: #ececec;
  padding: 10px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-a
  .title-info-item,
.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .title-info-item {
  font-size: 16px;
  font-weight: 700;
  color: #6b6f72;
  margin: 0 0 10px;
}

.mask-contratar-mais .contratar-mais .box-content .col-infos .info-item-a {
  min-height: 60px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-a
  .txt-status-pacote-atual {
  font-size: 11px;
  font-weight: 400;
  color: #6b6f72;
  width: 40%;
  display: inline-block;
  position: relative;
  float: left;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-a
  .txt-status-pacote-atual
  strong {
  color: #0181c4;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-a
  .txt-status-pacote-atual-video {
  font-size: 11px;
  font-weight: 400;
  color: #6b6f72;
  width: 20%;
  display: inline-block;
  position: relative;
  float: left;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-a
  .txt-status-pacote-atual-video
  strong {
  color: #0181c4;
}

.mask-contratar-mais .contratar-mais .box-content .col-infos .info-item-b {
  min-height: 90px;
  border-bottom: 1px solid #dcdcdc;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga {
  font-size: 12px;
  background-color: #dcdcdc;
  padding: 5px 10px;
  color: #6b6f72;
  cursor: pointer;
  line-height: 16px;
  transition: all 0.3s ease;
  position: relative;
  width: 100%;
  text-align: left;
  margin-bottom: 7px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:before {
  position: absolute;
  font-size: 10px;
  left: 50%;
  top: 100%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: visible;
  color: #6b6f72;
  content: attr(data-valor);
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:nth-child(2):before,
.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:nth-child(3):before,
.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:nth-child(4):before {
  content: attr(data-valor);
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:hover {
  background-color: #0181c4;
  color: #fff;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:hover:before {
  color: #6b6f72;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga:hover
  i {
  color: #fff;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-b
  .add-vaga
  i {
  color: #6b6f72;
  transition: all 0.3s ease;
}

.mask-contratar-mais .contratar-mais .box-content .col-infos .info-item-c {
  min-height: 60px;
  color: #6b6f72;
  font-size: 12px;
  padding-top: 10px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .fake-checkbox-perfil-comportamental {
  color: #6b6f72;
  font-size: 12px;
  font-weight: 400;
  padding: 2px 0;
  line-height: 20px;
  position: relative;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .fake-checkbox-perfil-comportamental:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #dcdcdc;
  background-color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 2px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .fake-checkbox-perfil-comportamental:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: none;
  background-color: #0181c4;
  margin-left: 10px;
  vertical-align: middle;
  position: absolute;
  left: -6px;
  top: 7px;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: all 0.3s ease;
  opacity: 0;
  border-radius: 2px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .fake-checkbox-perfil-comportamental.active:after,
.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-add:hover
  .tooltip-action-perg,
.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-delete:hover
  .tooltip-action-perg {
  opacity: 1;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .fake-checkbox-perfil-comportamental
  label {
  color: #6b6f72;
  font-size: 12px;
  font-weight: 400;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-infos
  .info-item-c
  .txt-valor-perfil {
  display: inline-block;
  margin-left: 30px;
  font-size: 10px;
}

.mask-contratar-mais .contratar-mais .box-content .col-resume {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 446px;
  width: 446px;
  height: 100%;
  background-color: #e4e4e4;
}

.mask-contratar-mais .contratar-mais .box-content .col-resume .resume-box-a {
  width: 100%;
  height: 50%;
  position: relative;
  text-align: center;
  padding: 20px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-box-a
  .txt-resume-vaga {
  font-size: 18px;
  font-weight: 300;
  color: #6b6f72;
  width: 100%;
  display: inline-block;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-box-a
  .numero-resume-vaga {
  font-size: 26px;
  font-weight: 700;
  color: #6b6f72;
  width: 100%;
  display: inline-block;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao {
  width: 100%;
  height: 50%;
  position: relative;
  background-color: #fff;
  padding: 20px 15px;
  overflow: auto;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px;
  border-color: transparent transparent #fff;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga {
  padding: 2px 5px;
  border-radius: 5px;
  background-color: #0181c4;
  display: inline-block;
  width: auto;
  float: left;
  margin: 5px 0 5px 20px;
  position: relative;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario.confirmado
  .nao-confirmado,
.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga:first-child:before {
  display: none;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga:first-child {
  margin-left: 20px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga:before {
  content: "+";
  font-size: 18px;
  font-weight: 700;
  color: #6b6f72;
  position: absolute;
  left: -16px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga
  .txt-item-pacote-vaga {
  color: #fff;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga
  .remover-item-pacote-vaga {
  background-color: transparent;
  color: #fff;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-vaga
  .remover-item-pacote-vaga
  i {
  cursor: pointer;
  margin-left: 5px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp {
  padding: 0;
  border-radius: 5px;
  background-color: #13bcd4;
  display: inline-block;
  width: auto;
  float: left;
  margin-left: 20px;
  margin-top: 5px;
  position: relative;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp
  * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp:before {
  content: "+";
  font-size: 18px;
  font-weight: 700;
  color: #6b6f72;
  position: absolute;
  left: -16px;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp
  .txt-item-pacote-perfilcomp-a {
  padding: 3px 5px;
  color: #fff;
  background-color: #13bcd4;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  float: left;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp
  .txt-item-pacote-perfilcomp-a
  .txt-numero-perfil {
  width: 32px;
  background-color: transparent;
  border: none;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp
  .txt-item-pacote-perfilcomp-a
  i {
  padding: 0 5px;
  cursor: pointer;
}

.mask-contratar-mais
  .contratar-mais
  .box-content
  .col-resume
  .resume-visualizacao
  .item-pacote-perfilcomp
  .txt-item-pacote-perfilcomp-b {
  padding: 3px 7px;
  background-color: #0eacc2;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  float: left;
}

.mask-contratar-mais .contratar-mais .diamante {
  background-color: #0277bd;
}

.mask-contratar-mais .contratar-mais .prata {
  background-color: #00838f;
}

.mask-contratar-mais .contratar-mais .ouro {
  background-color: #159e92;
}

.mask-contratar-mais .contratar-mais .header-pagamento-planos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
}

.mask-contratar-mais
  .contratar-mais
  .header-pagamento-planos
  .header-pagamento-planos-content
  h3 {
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin: 2% 0 0;
}

.mask-contratar-mais .contratar-mais .plan-text {
  font-size: 16px;
  color: #5b6973;
  margin: 200px auto 0;
  text-align: center;
}

.mask-contratar-mais .contratar-mais .dados-pagamento {
  width: 700px;
  text-align: center;
  margin: 45px auto 0;
  border: 1px solid #dddbdb;
  padding: 1%;
  border-radius: 5px;
  background-color: #ececec;
}

.mask-contratar-mais .contratar-mais .dados-pagamento strong {
  font-size: 16px;
  color: #596a74;
}

.mask-contratar-mais .contratar-mais .dados-pagamento span {
  font-size: 14px;
  color: #5b6973;
}

.mask-contratar-mais .contratar-mais .dados-pagamento .formas-pagamento {
  text-align: right;
}

.mask-contratar-mais .contratar-mais .dados-pagamento .formas-pagamento img {
  width: 170px;
}

.mask-contratar-mais .contratar-mais .formas-pagamento {
  width: 700px;
  height: 90px;
  text-align: center;
  margin: 20px auto 0;
  border: none;
  padding: 0;
  border-radius: 5px;
  background-color: transparent;
}

.mask-contratar-mais .contratar-mais .formas-pagamento .forma-item {
  width: 220px;
  height: 90px;
  border-radius: 5px;
  border: 1px solid #dddbdb;
  background-color: #ececec;
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
  position: relative;
  transition: all 0.3s ease;
}

.mask-contratar-mais .contratar-mais .formas-pagamento .forma-item .img-formas {
  display: inline-block;
  height: 52px;
  width: 100%;
  position: absolute;
  left: 12px;
  top: 3px;
  background-image: url(../../../images/formasPag.png);
  background-repeat: no-repeat;
}

.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item
  .img-formas.credito {
  background-position-x: -25px;
  background-position-y: -16px;
}

.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item
  .img-formas.boleto {
  background-position-x: -23px;
  background-position-y: -106px;
}

.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item
  .img-formas.debito {
  left: 8px;
  background-position-x: -20px;
  background-position-y: -192px;
}

.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item
  .title-forma {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #6d7984;
  background-color: #dee3e6;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 5px;
  text-align: left;
  text-indent: 15px;
  border-bottom-right-radius: 5px;
  transition: all 0.3s ease;
}

.mask-contratar-mais .contratar-mais .formas-pagamento .forma-item:last-child {
  margin-right: 0;
}

.mask-contratar-mais .contratar-mais .formas-pagamento .forma-item.active,
.mask-contratar-mais .contratar-mais .formas-pagamento .forma-item:hover {
  border: 1px solid #13bcd4;
}

.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item.active
  .title-forma,
.mask-contratar-mais
  .contratar-mais
  .formas-pagamento
  .forma-item:hover
  .title-forma {
  color: #fff;
  background-color: #13bcd4;
}

.mask-contratar-mais .contratar-mais .lembrete {
  display: block;
  width: 700px;
  text-align: left;
  margin: 10px auto 0 !important;
  height: 20px;
}

.mask-contratar-mais .contratar-mais .payment-form {
  width: 90%;
  margin: 2% auto 100px;
}

.mask-contratar-mais .contratar-mais .payment-form .titulo-content-formas {
  font-size: 36px;
  color: #6d7984;
  font-weight: 700;
}

.mask-contratar-mais .contratar-mais .payment-form fieldset {
  border: 1px solid #dddbdb;
  padding: 2%;
  border-radius: 5px;
  display: table;
  width: 100%;
}

.mask-contratar-mais .contratar-mais .payment-form fieldset ul li {
  margin: 0 0 2%;
}

.mask-contratar-mais .contratar-mais .payment-form fieldset ul li:last-child {
  margin: 0;
}

.mask-contratar-mais .contratar-mais .payment-form fieldset label {
  font-size: 14px;
  color: #7f858d;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .validade-cartao
  ul
  li {
  display: inline-block;
  margin: 0 1% 0 0;
  width: 47%;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .validade-cartao
  ul
  li:last-child {
  margin: 0;
}

.mask-contratar-mais .contratar-mais .payment-form fieldset .input-content {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  .campo-melhordia-boleto {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0 10px;
  color: #6d7984;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content.input-success {
  border: 2px solid #3fed60;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content.input-error {
  border: 2px solid #ff5063;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  .alert-feedback {
  position: absolute;
  right: 2%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  .alert-feedback.fa-check {
  color: #3fed60;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  .alert-feedback.fa-exclamation-triangle {
  color: #ff5063;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="email"],
.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="number"],
.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="text"],
.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  select {
  height: 31px;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  margin: 0;
  border: none;
  width: 100%;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="email"][disabled],
.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="number"][disabled],
.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  input[type="text"][disabled] {
  background-color: #e5e5e5;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  select {
  border-radius: 3px;
}

.mask-contratar-mais
  .contratar-mais
  .payment-form
  fieldset
  .input-content
  select[disabled] {
  background-color: #d6d7d7;
}

.mask-contratar-mais .contratar-mais .payment-form .btn-pay {
  padding: 5px 20px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #65bad2;
  float: right;
  margin: 2% 0 0;
}

.mask-contratar-mais .contratar-mais .payment-form .btn-pay:hover {
  background-color: #4993a8;
}

.plus-field {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #cfcfcf;
  font-size: 21px !important;
  pointer-events: none;
}

.plus-field.valido {
  right: 40px;
}

.ui-select-search {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b-b {
  border-bottom: 1px #ddd solid;
}

.btn-add-pergunta {
  width: 160px;
  padding: 5px 10px;
  font-size: 13px;
  color: #fff;
  background-color: #65bad2;
}

.btn-add-pergunta:hover {
  background-color: #4993a8;
}

.btn-delete-question {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  padding: 2px 0 0;
  text-align: center;
  background: #ff5063;
  color: #fff;
}

.btn-delete-question[disabled] {
  background-color: #d6d7d7;
}

.m-t-20 {
  margin-top: 20px;
}

.linha-acoes {
  width: 100%;
  padding: 30px 0;
}

.m-r-10 {
  margin-right: 10px;
}

.modal-content {
  background-color: #dee3e6;
}

.modal-content .modal-footer {
  background-color: #e5e9eb;
}

.modal-content .nova-pergunta-opcoes {
  border: 1px solid #dee3e6;
  border-radius: 5px;
  padding: 2%;
  width: 95%;
  margin: 5% auto;
  display: table;
}

.modal-content .nova-pergunta-opcoes h3 {
  color: #2f4050;
  font-size: 18px;
}

.modal-content .nova-pergunta-opcoes .nova-pergunta-list {
  margin: 3% 0 0 !important;
}

.modal-content .nova-pergunta-opcoes .nova-pergunta-list li {
  margin: 0 0 2% !important;
}

.modal-content .nova-pergunta-opcoes .nova-pergunta-list li:last-child {
  margin: 0;
}

.modal-content .nova-pergunta-opcoes .nova-pergunta-list li .btn-add-perg {
  margin: 3% 3% 0 0;
}

.modal-content .nova-pergunta-opcoes .nova-pergunta-list li .btn-cancel-perg {
  margin: 3% 0 0;
}

.modal-content .input-content {
  width: 100%;
  height: 35px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #cfcfcf;
  position: relative;
}

.modal-content .input-content input[type="email"],
.modal-content .input-content input[type="number"],
.modal-content .input-content input[type="text"],
.modal-content .input-content select {
  width: 100%;
  height: 31px;
  padding: 2px 10px;
  color: #6d7984;
  margin: 0;
  border: none;
  font-size: 13px;
}

.modal-content .input-content input[type="number"] {
  text-align: center;
}

.modal-content .input-content select {
  border-radius: 3px;
}

.modal-content .input-content select[disabled] {
  background-color: #d6d7d7;
}

.modal-content .modal-header {
  background-color: #e5e9eb;
  border-top: 1px solid #e5e5e5;
}

.modal-content .modal-header h3 {
  color: #2f4050;
}

.modal-content .dados-inserir-pergunta {
  width: 90%;
  margin: 5% auto 0;
}

.modal-content .dados-inserir-pergunta ul li {
  margin: 0 0 2%;
}

.modal-content .btn-save-question {
  width: 80px;
  padding: 5px 10px;
  font-size: 13px;
  color: #fff;
  background-color: #65bad2;
}

.modal-content .btn-save-question:hover {
  background-color: #4993a8;
}

.modal-content .modal-header h4 {
  width: 40%;
  display: inline-block;
  font-size: 24px;
  color: #2f4050;
}

.modal-content .modal-header .btn-add-resposta {
  width: 160px;
  padding: 5px 0;
  font-size: 13px;
  margin: 5px 0 0;
  color: #fff;
  background-color: #65bad2;
  display: inline-block;
}

.modal-content .modal-header .btn-add-resposta .mdi {
  margin: 0 10px 0 0;
}

.modal-content .modal-header .btn-add-resposta:hover {
  background-color: #4993a8;
}

.modal-content .btn-cancel-question {
  width: 80px;
  padding: 5px 0;
  font-size: 13px;
  color: #fff;
  background-color: #ff5063;
}

.modal-content .btn-cancel-question:hover {
  background-color: #b70400;
}

.modal-content .respostas-section {
  margin: 5% 0 0;
}

.modal-content .respostas-section .respostas-content {
  border-radius: 5px;
  padding: 2%;
  width: 95%;
  margin: 5% auto 0;
}

.modal-content .respostas-section .respostas-content table thead {
  background-color: #dee3e6;
  border: 2px solid #dee3e6;
}

.modal-content .respostas-section .respostas-content table thead th {
  font-size: 12px;
  color: #5b6973;
  text-align: center;
  border: 1px solid #fff;
  padding: 1%;
  text-transform: uppercase;
}

.modal-content .respostas-section .respostas-content table thead th.th-branco {
  background-color: #fff;
  border-bottom: 1px solid #dee3e6;
}

.modal-content .respostas-section .respostas-content table tbody tr td {
  text-align: center;
  color: #838a92;
  font-size: 14px;
  border: 1px solid #dee3e6;
  padding: 5px 0;
  vertical-align: middle !important;
}

.modal-content
  .respostas-section
  .respostas-content
  table
  tbody
  tr
  td
  button
  i {
  color: #fff;
  -ms-transform: translateX(-25%);
  transform: translateX(-25%);
}

.perguntas-section .apply-question {
  margin: 20px 0 0;
  font-size: 14px;
  color: #2f4050;
}

.perguntas-section .apply-question .checkBoxQuestion {
  margin: 0 0 0 10px !important;
}

.perguntas-section .txt-perguntas {
  color: #6d7984;
  margin: 5px 0 15px;
  font-size: 13px;
}

.perguntas-section .tabela-perguntas table thead {
  background-color: #dee3e6;
  border: 2px solid #dee3e6;
}

.perguntas-section .tabela-perguntas table thead th {
  font-size: 12px;
  color: #5b6973;
  text-align: center;
  border: 1px solid #fff;
  padding: 1%;
  text-transform: uppercase;
}

.perguntas-section .tabela-perguntas table thead th.th-branco {
  background-color: #fff;
  border-bottom: 1px solid #dee3e6;
}

.perguntas-section .tabela-perguntas table tbody tr td {
  text-align: center;
  color: #838a92;
  font-size: 14px;
  border: 1px solid #dee3e6;
  padding: 5px 0;
  max-width: 200px;
}

.perguntas-section .tabela-perguntas table tbody tr td .btn-add,
.perguntas-section .tabela-perguntas table tbody tr td .btn-delete {
  padding: 0 0 0 2px;
}

.perguntas-section .tabela-perguntas table tbody tr td .btn-add i,
.perguntas-section .tabela-perguntas table tbody tr td .btn-delete i {
  color: #fff;
}

.perguntas-section .tabela-perguntas table tbody tr td .btn-add:hover,
.perguntas-section .tabela-perguntas table tbody tr td .btn-delete:hover {
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-add
  .tooltip-action-perg,
.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-delete
  .tooltip-action-perg {
  position: absolute;
  bottom: 35px;
  right: -8px;
  font-size: 14px;
  font-weight: 300;
  width: 130px;
  height: auto;
  padding: 5px 10px;
  color: #fff;
  background-color: #a5abb2;
  display: inline-block;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}

.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-add
  .tooltip-action-perg:before,
.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-delete
  .tooltip-action-perg:before {
  content: "";
  position: absolute;
  top: calc(100%);
  right: 10%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 7.5px 0;
  border-color: #a5abb2 transparent transparent;
}

.container-usuarios .col-usuarios .edicao,
.container-usuarios .col-usuarios .exclusao {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  min-height: 420px;
  max-height: 420px;
  border-radius: 5px;
}

.perguntas-section
  .tabela-perguntas
  table
  tbody
  tr
  td
  .btn-add
  .tooltip-action-perg {
  height: 30px !important;
  line-height: 20px !important;
}

.perguntas-section .btn-perguntas-list {
  text-align: center;
  margin: 5% 0 0;
}

.perguntas-section .btn-perguntas-list li {
  display: inline-block;
  width: 20%;
}

.perguntas-section .btn-perguntas-list li .btnContinue {
  width: 100%;
}

.container-usuarios .col-usuarios {
  width: 756px;
  min-height: 420px;
  float: left;
}

.container-usuarios .col-usuarios .edicao {
  width: 756px;
  background-color: #65bad2;
}

.container-usuarios .col-usuarios .exclusao {
  width: 756px;
  background-color: #f48684;
}

.container-usuarios .col-usuarios .box-usuarios {
  position: relative;
  width: 756px;
  min-height: 420px;
  max-height: 420px;
  border-radius: 5px;
  overflow: auto;
  background-color: #f5f5f5;
  padding: 10px;
}

.container-usuarios .col-usuarios .box-usuarios .msg-sem-usuario {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
  width: 50%;
}

.container-usuarios .col-usuarios .box-usuarios .usuario-item {
  position: relative;
  width: 336px;
  min-height: 86px;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #dee3e6;
  display: inline-block;
  margin: 0 15px 5px 0;
  vertical-align: top;
}

.container-usuarios .col-usuarios .box-usuarios .usuario-item.editando {
  z-index: 8;
  box-shadow: 0 1px 1px 1000px rgba(101, 186, 210, 0.76);
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item.active
  .item-actions,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item:hover
  .item-actions {
  opacity: 0.9;
  pointer-events: all;
}

.container-usuarios .col-usuarios .box-usuarios .usuario-item .item-actions {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 336px;
  min-height: 86px;
  border-radius: 5px;
  background-color: #transparent;
  border: none;
  opacity: 0;
  pointer-events: all;
  transition: all 0.3s ease;
  z-index: 4;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .editar,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .remover {
  width: 50%;
  height: 100%;
  color: #fff;
  float: left;
  text-align: center;
  font-size: 20px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .editar
  i,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .remover
  i {
  color: #fff;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .remover {
  background-color: #f48684;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions
  .editar {
  background-color: #65bad2;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 336px;
  min-height: 86px;
  border-radius: 5px;
  background-color: transparent;
  border: none;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 3;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .msg-exclusao {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 25px;
  color: #fff;
  z-index: 4;
  text-align: center;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao.confirmar {
  opacity: 0.94;
  pointer-events: all;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .cancelar,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .remover {
  width: 50%;
  height: 100%;
  color: #fff;
  float: left;
  text-align: center;
  font-size: 20px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .cancelar
  i,
.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .remover
  i {
  color: #fff;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .remover {
  background-color: #f48684;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .item-actions-confirmar-exclusao
  .cancelar {
  background-color: #999;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario {
  float: left;
  width: 82px;
  height: 100%;
  position: relative;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario.confirmado
  .confirmado {
  display: inline-block;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario
  .nao-confirmado {
  width: 70px;
  height: 64px;
  border-radius: 6px;
  border: 3px solid #f5f5f5;
  display: inline-block;
  position: relative;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario
  .nao-confirmado.owner {
  top: -2px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario
  .confirmado {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid #f5f5f5;
  display: none;
  position: relative;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario
  .confirmado.owner {
  top: -4px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .img-usuario
  .owner-user {
  padding: 0 5px 1px;
  background-color: #f5b14f;
  border-radius: 5px;
  font-weight: 300;
  font-size: 10px;
  position: absolute;
  color: #fff;
  top: 58px;
  left: 13px;
  line-height: 11px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario {
  float: right;
  width: 100%;
  height: 100%;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .email-usuario {
  font-weight: 700;
  font-size: 18px;
  color: #2f4050;
  display: block;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .email-usuario
  .owner-user {
  padding: 0 5px 1px;
  background-color: #f5b14f;
  border-radius: 5px;
  font-weight: 300;
  font-size: 10px;
  position: absolute;
  color: #fff;
  top: 4px;
  right: 4px;
  line-height: 11px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .label-resp-usuario {
  position: relative;
  font-weight: 300;
  font-size: 10px;
  color: #2f4050;
  top: -6px;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando
  .lista-avaliando {
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
  top: -6px;
  margin: 0;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando
  .lista-avaliando
  li {
  padding: 0 5px;
  font-weight: 300;
  font-size: 10px;
  background-color: #65bad2;
  border-radius: 5px;
  color: #fff;
  margin: 0 2px 2px 0;
  line-height: 13px;
  float: left;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
  display: inline-block;
  z-index: 3;
  border: 1px solid #dee3e6;
  padding: 4px 2px;
  border-top: none;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .botao-salvar-edicao {
  clear: both;
  display: inline-block;
  margin: 0 auto 0 7px;
  width: 45%;
  font-size: 14px;
  color: #fff;
  background-color: #4993a8;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .botao-cancelar-edicao {
  display: inline-block;
  clear: both;
  margin: 0 auto 0 6px;
  width: 45%;
  font-size: 14px;
  color: #fff;
  background-color: #4993a8;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .lista-avaliando {
  height: 42px;
  width: 100%;
  position: relative;
  top: 0;
  margin: 0;
  z-index: 3;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .lista-avaliando
  li {
  padding: 0 5px;
  font-weight: 300;
  font-size: 10px;
  background-color: transparent;
  border-radius: 5px;
  width: 50%;
  color: #2f4050;
  margin: 0 0 2px;
  line-height: 13px;
  float: left;
}

.container-usuarios
  .col-usuarios
  .box-usuarios
  .usuario-item
  .body-box-usuarios
  .dados-usuario
  .avaliando-edit
  .lista-avaliando
  li
  input[type="checkbox"] {
  display: inline-block;
  vertical-align: bottom;
}

.container-usuarios .col-convidar {
  max-width: 336px;
  min-height: 420px;
  float: right;
}

.container-usuarios .col-convidar .box-convidar {
  min-width: 336px;
  min-height: 420px;
  border-radius: 5px;
  border: 3px solid #65bad2;
  padding: 10px;
  position: relative;
}

.container-usuarios .col-convidar .box-convidar .confirmacao {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.container-usuarios .col-convidar .box-convidar .confirmacao .sucesso-no-envio {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 140px;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5cb65f;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .icon
  i {
  color: #fff;
  line-height: 50px;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .texto-sucesso {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #6d7984;
  width: 100%;
  clear: both;
  text-align: center;
}

.container-usuarios .col-convidar .box-convidar .titulo-box-convidar {
  font-size: 14px;
  font-weight: 700;
  color: #6d7984;
}

.container-usuarios .col-convidar .box-convidar .botao-convidar {
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  background-color: #65bad2;
  margin: 0;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.container-usuarios .col-convidar .box-convidar .botao-convidar i {
  margin-right: 5px;
}

.container-usuarios .col-convidar .box-convidar .botao-convidar.cancelar {
  background-color: #7a8993;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-nomemail
  .campo-texto-convidar {
  width: 100%;
  height: 40px !important;
  max-height: 40px;
  min-height: 40px;
  border: 3px solid #cfcfcf;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #fff;
  position: relative;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  transition: all 0.3s ease;
}

.container-usuarios .col-convidar .box-convidar .campos-box-convidar-owner {
  background-color: #f5f5f5;
  border-radius: 5px;
  font-size: 12px;
  color: #6d7984;
  padding: 3px 10px;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-owner
  label
  .campo-checkowner-convidar {
  display: inline-block !important;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.container-usuarios .col-convidar .box-convidar .label-texto-convidar {
  font-size: 12px;
  color: #6d7984;
  font-weight: 700;
  display: inline-block;
  margin: 10px auto;
}

.container-usuarios .col-convidar .box-convidar .campos-box-convidar-etapas {
  position: relative;
  font-size: 10px;
  color: #6d7984;
  width: 100%;
  height: 184px;
  overflow: auto;
}

.container-usuarios .col-convidar .box-convidar .campos-box-convidar-etapas ul {
  position: relative;
  width: 100%;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-etapas
  ul
  li {
  position: relative;
  width: 50%;
  float: left;
  margin: 0 0 10px;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-etapas
  ul
  li
  label {
  font-size: 10px;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-etapas
  .campo-check-convidar {
  display: inline-block !important;
  vertical-align: middle;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-etapas
  .campo-checkowner-convidar {
  display: inline-block;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-color: #f5f5f5;
  padding: 10px;
  text-align: center;
}

.container-usuarios
  .col-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar
  .botao-convidar {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 30px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 auto;
}

.dashboard-corp,
.dashboard-corp .dashboard-main {
  width: 100%;
  height: 100%;
  padding-top: 20px;
}

.dashboard-corp {
  display: block;
}

.dashboard-corp .btn-ver-todas {
  margin: 10px 0 0 10px;
}

.dashboard-corp .dashboard-main main {
  margin-bottom: 100px;
  left: 85px;
}

.dashboard-corp .dashboard-main main .main-content {
  width: 91%;
  height: 100%;
  left: 120px;
}

@media screen and (max-width: 480px) {
  .dashboard-corp .dashboard-main main .main-content {
    width: 100%;
    height: 100%;
    left: 0px;
  }
}

.dashboard-corp .dashboard-main main .main-content section.wireframe {
  border: none;
}

.dashboard-corp .dashboard-main main .main-content .bread-crumb {
  width: 100%;
  height: 30px;
  margin: 1% 0 0;
}

.dashboard-corp .dashboard-main main .main-content .bread-crumb ul li {
  display: inline-block;
  font-size: 12px;
  color: #979fa7;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .bread-crumb
  ul
  li:last-child {
  margin: 0;
}

.dashboard-corp .dashboard-main main .main-content .bread-crumb ul li a {
  color: #979fa7;
  display: inline-block;
  padding: 0 5px 0 0;
  border-right: 1px solid #c2c3c3;
  height: 15px;
}

.dashboard-corp .dashboard-main main .main-content .bread-crumb ul li a:hover {
  color: #ff9d00;
}

.dashboard-corp .dashboard-main main .main-content .info-cards-content {
  margin: 1% auto 12px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .profile-card {
  background-color: #4bbff4;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .profile-card
  .icon-content {
  background-color: #18b0f4;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .profile-card
  .icon-content
  .icon-box {
  background-color: #40bbf2;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .profile-card:after {
  background-color: #18b0f4;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .friends-card {
  background-color: #4ca7b3;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .friends-card
  .icon-content {
  background-color: #53bbc9;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .friends-card
  .icon-content
  .icon-box {
  background-color: #6fc3cf;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .friends-card:after {
  background-color: #53bbc9;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .score-card {
  background-color: #48b2a8;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .score-card
  .icon-content {
  background-color: #159e92;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .score-card
  .icon-content
  .icon-box {
  background-color: #3eaca3;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .score-card:after {
  background-color: #159e92;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .report-card {
  background-color: #48b2a8;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .report-card
  .icon-content {
  background-color: #3eaca3;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .report-card
  .icon-content
  .icon-box {
  background-color: #159e92;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .report-card:after {
  background-color: #3eaca3;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .work-card {
  background-color: #7ec381;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .work-card
  .icon-content {
  background-color: #5bb55f;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .work-card
  .icon-content
  .icon-box {
  background-color: #76bf7a;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  .work-card:after {
  background-color: #5bb55f;
}

.dashboard-corp .dashboard-main main .main-content .info-cards-content ul {
  text-align: center;
}

.dashboard-corp .dashboard-main main .main-content .info-cards-content ul li {
  display: inline-block;
  width: 23%;
  max-width: 250px;
  min-width: 210px;
  margin: 0 2% 0 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li:last-child {
  margin: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box {
  width: 100%;
  height: 110px;
  border-radius: 5px;
  display: table;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box:hover
  .icon-box
  i {
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box:hover:after {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box:after {
  content: "";
  position: absolute;
  width: 100%;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left;
  transform-origin: left;
  height: 110px;
  left: 0;
  top: 0;
  border-radius: 5px;
  z-index: 1;
  transition: all 0.3s;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .icon-content {
  width: 41%;
  height: 110px;
  float: left;
  border-radius: 5px 0 0 5px;
  position: relative;
  z-index: 2;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .icon-content
  .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  padding: 20px 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .icon-content
  .icon-box
  i {
  color: #fff;
  font-size: 30px;
  transition: all 0.2s;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content {
  width: 59%;
  height: 110px;
  float: right;
  position: relative;
  z-index: 2;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content
  .number-box {
  width: 100%;
  height: 75px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content
  .number-box
  .card-title {
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: lighter;
  text-align: left;
  padding: 0 0 0 10%;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content
  .number-box
  .card-title.dif {
  position: relative;
  top: -12px;
  margin-bottom: -10px;
  line-height: 16px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content
  .number-box
  .card-number {
  font-size: 40px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 50px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .number-content
  .number-box
  .percentage {
  font-size: 25px;
  display: block;
  display: inline-block;
  color: #fff;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .profile-complete-feedBeack {
  width: 8px;
  height: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #6fccf6;
  border-radius: 0 5px 5px 0;
  z-index: 2;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .profile-complete-feedBeack
  span {
  width: 8px;
  height: 80%;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #a6fb81;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .info-cards-content
  ul
  li
  .card-box
  .profile-complete-feedBeack
  span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    #bdfca2 25%,
    transparent 25%,
    transparent 50%,
    #bdfca2 50%,
    #bdfca2 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 20px 20px;
  animation: move 6s linear infinite;
  overflow: hidden;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .vacancies-sec
  .title-adm-vacancies {
  display: block;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  margin: 0 0 20px;
  color: #2f4050;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .vacancies-sec
  .nova-vaga
  button {
  position: relative;
  top: -15px;
}

.dashboard-corp .dashboard-main main .main-content .aj-btn-filter {
  height: 80px;
  margin-top: -15px;
  right: 15px;
  position: absolute;
}

.dashboard-corp .dashboard-main main .main-content .resume-service-list {
  padding: 15px !important;
  background-color: #dcdcdc;
  margin-bottom: -25px;
}

.dashboard-corp .dashboard-main main .main-content .resume-service-list a.item {
  display: inline-block;
  height: 36px;
  border-radius: 2px;
  line-height: 1;
  padding-left: 5px;
  color: #fff;
  background-color: #217d91;
  width: 24%;
  position: relative;
  padding-top: 2px;
  padding-bottom: 5px;
  margin-right: 1%;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item:nth-child(4) {
  text-decoration: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item.active {
  background-color: #15c1d7;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item:last-child {
  margin-right: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item
  i {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  text-align: center;
  font-size: 18px;
  color: #fff !important;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item
  .badge {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 2px;
  width: 52px;
  height: 30px;
  line-height: 20px;
  text-align: right;
  font-size: 18px;
  color: #fff;
  right: 5px;
  position: absolute;
  top: 5px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item.special {
  background-color: #f1a422;
  color: #fff;
  float: right;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item.special
  i {
  color: #f1a422;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .resume-service-list
  a.item.special
  .badge {
  color: #fff;
}

.dashboard-corp .dashboard-main main .main-content .container-bot-filtrar {
  height: 30px;
  width: 100%;
  position: relative;
  z-index: 20;
  text-align: right;
  display: inline-block;
  padding: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-bot-filtrar
  .botao-nova-vaga {
  position: relative;
  top: -15px;
  left: 10px;
  background-color: transparent;
  padding: 0 90px;
  width: 210px;
  font-size: 16px;
  line-height: 26px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-bot-filtrar
  .botao-nova-vaga
  .mdi {
  font-size: 30px;
  zoom: 1 !important;
  position: relative;
  top: 2px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  .txt-lbl,
.dashboard-corp .dashboard-main main .main-content .container-buscavaga label {
  line-height: 50px;
  font-weight: 700 !important;
  font-size: 16px;
  height: 50px !important;
  display: block;
  text-align: center;
}

.dashboard-corp .dashboard-main main .main-content .container-buscavaga {
  padding: 15px !important;
  background-color: #fff;
  margin-bottom: 0;
  background: linear-gradient(to top, #d2d2d2 0, #eaeaea 100%);
  border-radius: 5px 5px 0 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  .txt-lbl {
  color: #7f858d;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  .campo-busca-buscavaga.code {
  -moz-appearance: textfield !important;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  .campo-busca-buscavaga.code::-webkit-inner-spin-button,
.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  .campo-busca-buscavaga.code::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  button.botao-filtrar-dash {
  height: 50px !important;
  line-height: 4px;
  margin: 0;
  width: 100%;
  background-color: #aeb5b9;
  color: #fff;
  border-radius: 2px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .container-buscavaga
  button.botao-filtrar-dash
  .mdi {
  color: #fff;
}

.dashboard-corp .dashboard-main main .main-content .service-list {
  margin: 25px 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .container-full {
  padding: 15px;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 0 0 5px 5px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .container-full
  .ver-todos {
  margin-left: 10px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-activities {
  background-color: #dfe1e3;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px 15px;
  height: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-activities
  .service-activities-box {
  overflow-y: auto;
  overflow-x: hidden;
  height: 90%;
  display: block;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies {
  border-right: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .container-cards-vaga {
  display: inline-block;
  min-height: 555px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .container-cards-vaga
  .card-vaga {
  width: 360px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .container-cards-vaga
  .card-vaga
  .data-info {
  padding: 10px 30px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .container-cards-vaga
  .card-vaga
  .mini-header {
  padding: 10px 15px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga {
  color: #8c959e;
  min-height: 200px;
  border-radius: 2px;
  background: #fff;
  margin: 0 20px 20px 0;
  position: relative;
  transition: all 0.3s ease;
  padding: 15px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga:hover {
  background: #fff;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga:hover:before {
  content: "";
  display: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga:nth-child(3n + 3) {
  margin-right: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .infos
  [class^="col"] {
  background: #eaeced;
  color: #8c959e;
  padding: 5px 10px;
  font-size: 13px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .infos
  i {
  margin-right: 5px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.avaliador {
  background: 0 0;
  color: #8c959e !important;
  padding: 5px 15px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.avaliador
  [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 10px 15px 0 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.avaliador
  [class^="col"]
  i {
  margin-right: 10px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.photo-actions {
  background: 0 0;
  color: #8c959e !important;
  padding: 5px 15px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.photo-actions
  [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 10px 15px 0 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.photo-actions
  [class^="col"].actions {
  padding: 0 !important;
  margin-top: 10px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.photo-actions
  [class^="col"]
  button {
  border: none;
  border-radius: 50%;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.photo-actions
  [class^="col"]
  i {
  color: #818890 !important;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.indicacoes {
  background: 0 0;
  color: #8c959e !important;
  padding: 0 0 20px 34px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  div.indicacoes
  > [class^="col"] {
  background: 0 0;
  color: #8c959e !important;
  padding: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  header {
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 10px;
  background-color: transparent;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  header
  h4 {
  color: #13bcd4;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
  height: 42px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  header
  .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #2f4050;
  display: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .mini-card-photo {
  padding: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .mini-card-photo
  li {
  display: inline-block;
  width: 15px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .mini-card-photo
  li
  img {
  width: 36px;
  height: 36px;
  box-shadow: none;
  border-radius: 50%;
  border: 2px solid #e9eaee;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .progress {
  height: 10px;
  width: 100%;
  background-color: #c1c5c7;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .service-list-Vacancies
  .mini-card-vaga
  .progress
  .progress-bar {
  height: 10px;
  background-color: #81c784;
  position: absolute;
  bottom: 0;
  font-size: 11px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .titulo-atividades {
  font-size: 19px !important;
  font-weight: 700;
  color: #818890;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities {
  padding: 10px 15px;
  margin-bottom: 20px;
  border: none;
  border-radius: 2px;
  font-size: 11px;
  background-color: #15c1d7;
  color: #fff;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .titulo-a {
  color: #818890;
  font-size: 13px;
  font-weight: 700;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .name {
  padding: 5px 15px;
  margin-left: 15px;
  font-size: 20px !important;
  font-weight: 700;
  color: #15c1d7;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .titulo-b {
  font-size: 13px;
  font-weight: 700;
  color: #818890;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .display-pic {
  padding: 0;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .display-pic
  .avatar {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border: 2px solid #e9eaee;
  margin-top: 20px;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .display-pic
  i {
  position: relative;
  left: -5px;
  top: 20px;
  color: #2f4050;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area {
  border: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area
  button {
  border: none;
  width: auto;
  height: auto;
  background-color: transparent !important;
  outline: 0;
  color: #818890;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area
  button.btn-action-c {
  display: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area
  button:active {
  border: none;
  background-color: transparent;
  outline: 0;
  color: #2f4050;
  box-shadow: none;
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area
  button:active
  i {
  -ms-transform: scale(1);
  transform: scale(1);
}

.dashboard-corp
  .dashboard-main
  main
  .main-content
  .service-list
  .mini-card-activities
  .actions-area
  button
  i {
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  text-align: center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  color: #fff;
}

.dashboard-corp .dashboard-main main .main-content .example-banner {
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  background-color: #7fffd4;
}

.dashboard-corp .dashboard-main main .main-content .banner-970x90 {
  width: 970px;
  height: 90px;
  line-height: 90px;
  font-size: 30px;
  position: relative;
  left: 50%;
  background-color: #dfe1e3;
  margin: 20px auto 20px -485px;
}

.dashboard-corp .dashboard-main main .main-content .banner-970x90:before {
  content: "Publicidade";
  position: absolute;
  height: 20px;
  width: 90px;
  top: 100%;
  left: -20px;
  font-weight: 400;
  text-align: left;
  font-size: 11px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  line-height: 20px;
}

.dashboard-corp .dashboard-main main .main-content .banner-970x90:after {
  content: "Publicidade - 970x90px";
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: #c1c5c7;
  text-align: center;
  line-height: 90px;
}

.card-vaga {
  position: relative;
  margin: 25px 40px 10px 10px !important;
  border-radius: 6px;
  background-color: #fff;
  width: 460px;
  height: 521px;
  padding: 0;
  border: 1px solid #6d7984;
  border-bottom: 1px solid #6d7984;
  float: left;
  cursor: pointer;
  z-index: 0;
}

.card-vaga:before {
  content: "";
  position: absolute;
  width: 90%;
  height: 5px;
  z-index: 0;
  bottom: 8px;
  left: 50%;
  border-radius: 50%;
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}

.card-vaga .codigo-card {
  position: absolute;
  font: 300;
  font-size: 10px;
  color: #6d7984;
  top: -20px;
  left: 0;
}

.card-vaga .card-actions {
  position: absolute;
  overflow: visible;
  width: 33px;
  height: 132px;
  font: 300;
  font-size: 12px;
  color: #c0c6c8;
  top: 57px;
  right: -34px;
  z-index: 10;
}

.card-vaga .card-actions button {
  width: 33px;
  height: 33px;
  border-radius: 0;
  color: #fff;
  transition: all 0.3s;
  pointer-events: all;
  position: relative;
}

.card-vaga .card-actions button i {
  zoom: 1.1;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transition: all 0.3s;
}

.card-vaga .card-actions button:hover i {
  zoom: 1.3;
}

.card-vaga .card-actions button:hover .msg-tooltip {
  display: inline-block;
}

.card-vaga .card-actions button .msg-tooltip {
  position: absolute;
  background-color: #6d7984;
  width: 120px;
  height: auto;
  padding: 2px 10px;
  top: 0;
  right: calc(120%);
  display: none;
  z-index: 12;
  border-radius: 5px;
}

.card-vaga .card-actions button .msg-tooltip:before {
  content: "";
  position: absolute;
  display: block;
  right: -6px;
  top: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #6d7984;
}

.card-vaga .main-header,
.card-vaga .mini-header {
  position: relative;
  padding: 10px 30px;
  color: #6d7984;
}

.card-vaga .card-actions button.action-play {
  background-color: #81c784;
}

.card-vaga .card-actions button.action-pause {
  background-color: #f5b14f;
}

.card-vaga .card-actions button.action-edit {
  background-color: #43a1de;
}

.card-vaga .card-actions button.action-close {
  background-color: #ff5063;
}

.card-vaga .card-actions button.action-copy {
  background-color: #6ec0d5;
}

.card-vaga .card-actions button.disable {
  background-color: #c0c6c8;
  -ms-transform: translateX(0);
  transform: translateX(0);
  pointer-events: all;
}

.card-vaga .card-actions button.disable:hover.action-edit {
  background-color: #43a1de;
}

.card-vaga .card-actions button.disable:hover.action-close {
  background-color: #ff5063;
}

.card-vaga .card-actions button.disable:hover.action-copy {
  background-color: #6ec0d5;
}

.card-vaga .mini-header {
  width: 100%;
  height: 58px;
  font-weight: 400;
  font-size: 11px;
  border-bottom: 1px solid #6d7984;
}

.card-vaga .mini-header .info-a {
  float: left;
  width: 75%;
  font-size: 13px;
  margin-top: 5px;
}

.card-vaga .mini-header .info-b {
  float: left;
  width: 40%;
}

.card-vaga .mini-header .info-c {
  float: left;
  width: 20%;
}

.card-vaga .mini-header .info-d {
  float: left;
  width: 40%;
}

.card-vaga .mini-header .destaque {
  color: #6d7984;
  font-weight: 700;
}

.card-vaga .main-header {
  width: 100%;
  height: 92px;
  font-weight: 700;
  font-size: 12px;
}

.card-vaga .main-header .title-vaga {
  color: #6ec0d5;
  font-weight: 700;
  font-size: 22px;
  height: 52px;
  overflow: hidden;
}

.card-vaga .main-header .info-gestor {
  float: left;
  width: 50%;
}

.card-vaga .main-header .info-area {
  float: right;
  width: 50%;
}

.card-vaga .main-header .destaque {
  color: #6ec0d5;
}

.card-vaga .lista-infos {
  padding: 25px 30px 0;
  clear: both;
}

.card-vaga .lista-infos ul li {
  font-size: 13px;
  border: 1px solid #6d7984;
  border-collapse: collapse;
  margin-top: -1px;
  color: #6d7984;
}

.card-vaga .lista-infos ul li i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #6d7984;
  color: #fff;
  margin-right: 15px;
}

.card-vaga .lista-infos ul li strong {
  font: 700;
  padding-right: 5px;
}

.card-vaga .descricao {
  padding: 10px 30px;
  color: #6d7984;
}

.card-vaga .descricao .title-descricao {
  font-size: 14px;
  font-weight: 700;
  margin-top: 0;
}

.card-vaga .descricao .texto-descricao {
  font-size: 12px;
  font-weight: 100;
  overflow-x: hidden;
  max-height: 70px;
  min-height: 70px;
  overflow-y: auto;
}

.card-vaga .data-info {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f5f5f5;
  width: 100%;
  height: 80px;
  padding: 7px 0 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.card-vaga .data-info ul {
  width: 100%;
  height: 60px;
}

.card-vaga .data-info ul li {
  width: 25%;
  height: 60px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  color: #6d7984;
  float: left;
}

.card-vaga .data-info ul li:nth-child(1) strong {
  color: #4285f4;
}

.card-vaga .data-info ul li:nth-child(2) strong {
  color: #ea4335;
}

.card-vaga .data-info ul li:nth-child(3) strong {
  color: #fbbc05;
}

.card-vaga .data-info ul li:nth-child(4) strong {
  color: #34a853;
}

.card-vaga .data-info ul li strong {
  width: 100%;
  display: block;
  color: #78c5bf;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
}

.card-vaga .barra-progresso {
  position: absolute;
  height: 20px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #ecf2f6;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  overflow: hidden;
  display: none;
}

.card-vaga .barra-progresso .progresso {
  background-color: #78c5bf;
  width: 80%;
  height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.card-vaga .barra-progresso .msg-progresso {
  background-color: transparent;
  color: #fff;
  width: 100%;
  height: 20px;
  position: absolute;
  font-size: 13px;
  font-weight: 300;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), -1px 0 2px rgba(0, 0, 0, 0.5);
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
}

.header-bg {
  width: 100%;
  height: 320px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-color: #e9e9e9;
}

.bread-crumb.page-home {
  color: #2f4050;
}

.bread-crumb.page-home ul li {
  color: #2f4050 !important;
}

.bread-crumb.page-home ul li a {
  color: #2f4050 !important;
  border-right: 1px solid #2f4050 !important;
  margin-right: 2px;
}

.page-title.page-home h2,
.page-title.page-home p .text-active-color {
  color: #2f4050;
}

.page-title.page-home p {
  color: #2f4050;
  min-height: 58px;
}

.pagination-box {
  display: inline-block;
  margin: 24px 0 0;
  padding: 0;
  height: 37px;
}

@media screen and (min-width: 1024px) {
  .pagination-box {
    width: 100%;
  }
}

@media screen and (min-width: 1050px) {
  .pagination-box {
    width: 86%;
  }
}

.pagination-box .pagination-right {
  border-radius: 0 3px 3px 0;
}

.pagination-box
  .pagination-content-box
  .pagination-content.minimo
  li:first-child,
.pagination-box .pagination-left {
  border-radius: 3px 0 0 3px;
}

.pagination-box .pagination-last,
.pagination-box .pagination-left,
.pagination-box .pagination-right {
  width: 37px;
  height: 37px;
  display: inline-block;
  text-align: center;
  background-color: #c7cbd0;
  font-size: 12px;
  color: #fff;
  line-height: 37px;
  float: left;
}

.pagination-box .pagination-last a,
.pagination-box .pagination-left a,
.pagination-box .pagination-right a {
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  height: 37px;
  width: 37px;
  color: #fff;
  line-height: 37px;
}

.pagination-box .pagination-last a:hover,
.pagination-box .pagination-left a:hover,
.pagination-box .pagination-right a:hover {
  text-decoration: none;
}

.pagination-box .pagination-content-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 185px;
  height: 37px;
  float: left;
}

.pagination-box .pagination-content-box .pagination-content {
  position: relative;
  display: inline-block;
  width: 1000px;
  height: 37px;
  margin: 0;
  transition: all 0.3s ease;
  left: 0;
}

.pagination-box
  .pagination-content-box
  .pagination-content.minimo
  li:last-child {
  border-radius: 0 3px 3px 0;
}

.pagination-box .pagination-content-box .pagination-content li {
  width: 37px;
  height: 37px;
  display: inline-block;
  text-align: center;
  background-color: #c7cbd0;
  font-size: 12px;
  color: #fff;
  float: left;
}

.pagination-box .pagination-content-box .pagination-content li.current {
  background-color: #13bcd4;
  color: #fff;
}

.pagination-box .pagination-content-box .pagination-content li:hover {
  background-color: #13bcd4;
}

.pagination-box .pagination-content-box .pagination-content li:hover a {
  color: #fff;
}

.pagination-box .pagination-content-box .pagination-content li a {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  height: 37px;
  width: 37px;
  color: #fff;
  line-height: 37px;
}

.pagination-box .pagination-content-box .pagination-content li a:hover {
  text-decoration: none;
}

.modal-cadastro {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  transition: all 0.5s 0.5s ease-in-out;
  display: block;
}

.modal-cadastro .modal-cadastro-content {
  z-index: 1000;
  padding: 2%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 500px;
  background: #fff;
  border-radius: 5px;
  border: 4px solid #48b2a8;
}

.modal-cadastro .modal-cadastro-content h3 {
  font-size: 25px;
  color: #48b2a8;
  text-align: center;
}

.modal-cadastro .modal-cadastro-content p {
  font-size: 15px;
  color: #999a9a;
  text-align: center;
  margin: 6px 0 0;
}

.modal-cadastro .modal-cadastro-content button {
  background-color: #48b2a8;
  padding: 6px 15px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin: 20px auto 0;
  display: block;
}

.modal-cadastro .modal-cadastro-content button:hover {
  background-color: #19615a;
}

.modal-cadastro .modal-cadastro-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(69, 83, 97, 0.7);
}

.container .home-nav {
  margin: 3% 0 0;
}

.container .home-nav ul {
  text-align: center;
}

.container .home-nav ul li button {
  width: 100%;
  padding: 5px;
  font-size: 18px;
  color: #fff;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #0094ff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 5% 0 0;
}

.container .home-nav ul li button:hover {
  background-color: #00baff;
}

.container h2 {
  text-align: left;
}

.container .form-login {
  margin: 100px auto 0;
}

.container .form-login .basic-login {
  width: 100%;
  margin: 0 auto !important;
  padding: 20px;
}

.container .form-login .basic-login input[type="password"],
.container .form-login .basic-login input[type="text"] {
  width: 40%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 0 2%;
}

.container .form-login .basic-login .btnLogin {
  width: 15%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #0094ff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}

.container .form-login .basic-login .btnLogin[disabled] {
  background-color: #bcbcbc;
  border: none;
  cursor: default;
}

.container .form-login .basic-login .btnLogin:hover {
  background-color: #00baff;
}

.container .form-login .basic-login .btnLogin:hover[disabled] {
  background-color: #bcbcbc;
}

.container .form-login .social-login {
  width: 90%;
  margin: 2% auto 0;
  padding: 2%;
  border: 1px solid #bcbcbc;
  max-width: 500px;
  text-align: center;
}

.container .form-login .social-login .btn-social-login {
  width: 45%;
  padding: 1%;
  text-align: center;
  font-size: 15px;
  color: #fff;
  border: none;
  margin: 5% 0 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}

.container .form-login .social-login .btn-social-login.facebook {
  background-color: #0d64b8;
}

.container .form-login .social-login .btn-social-login.facebook:hover {
  background-color: #4093e6;
}

.container .form-login .social-login .btn-social-login.google {
  background-color: #b80d15;
}

.container .form-login .social-login .btn-social-login.google:hover {
  background-color: #fd000c;
}

.has-error input,
.has-error label {
  color: #f03;
  border-color: #f03;
}

.has-success input,
.has-success label {
  color: #000;
  border-color: green;
}

.signup-page {
  width: 90%;
  max-width: 1000px;
  margin: auto;
}

.signup-page h2 {
  font-size: 20px;
  color: #0094ff;
}

.signup-page .signup-form {
  margin: 2% 0 0;
}

.signup-page .signup-form ul li .ddd,
.signup-page .signup-form ul li .ddi {
  width: 7%;
  min-width: 40px;
  margin: 0 1% 0 0;
}

.signup-page .signup-form ul li .phone {
  width: 40%;
  margin: 0 1% 0 0;
}

.signup-page .signup-form ul li .complement {
  width: 30%;
  margin: 0 1% 0 0;
}

.signup-page .signup-form ul li .btn-more-phones {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  cursor: pointer;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  font-size: 18px;
  background-color: #d3d2d2;
}

.signup-page .signup-form ul li .btn-more-phones:hover {
  background-color: #0094ff;
  color: #fff;
}

.signup-page .signup-form label {
  display: block;
  text-align: left;
  font-size: 17px;
  color: #807f7f;
}

.signup-page .signup-form input[type="password"],
.signup-page .signup-form input[type="text"] {
  width: 100%;
  border: 1px solid #807f7f;
  padding: 5px;
  font-size: 16px;
  color: #807f7f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 0 2%;
}

.signup-page .signup-form .btnSave {
  width: 100%;
  border: none;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #0094ff;
  transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  margin: 3% 0 0;
}

.signup-page .signup-form .btnSave[disabled] {
  background-color: #bcbcbc;
  border: none;
  cursor: default;
}

.signup-page .signup-form .btnSave:hover {
  background-color: #00baff;
}

.signup-page .signup-form .btnSave:hover[disabled] {
  background-color: #bcbcbc;
}

.container-usuarios box-perfil-usuario {
  width: 100%;
}

.container-usuarios .tabela-usuarios {
  position: relative;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  margin: 30px 0 50px;
  background-color: #fff;
}

.container-usuarios .tabela-usuarios thead {
  height: 46px;
  background-color: #f5f5f5;
  line-height: 46px;
}

.container-usuarios .tabela-usuarios thead th {
  border: 1px solid #196f9c;
  padding: 0 10px;
  background-color: #0181c4;
  color: #fff;
}

.container-usuarios .tabela-usuarios thead th.cvagastrab {
  width: 164px !important;
  text-align: left;
}

.container-usuarios .tabela-usuarios thead th.cstatus {
  width: 164px !important;
}

.container-usuarios .tabela-usuarios thead th.cpossuiperm {
  width: 100px !important;
  line-height: 18px;
  text-align: center;
}

.container-usuarios .tabela-usuarios thead th.cpermusarpacvaga {
  width: 140px !important;
  text-align: center;
  line-height: 14px;
}

.container-usuarios .tabela-usuarios tbody tr:hover td {
  background-color: #f5f5f5;
  border: 1px solid #6d7984;
  position: relative;
}

.container-usuarios .tabela-usuarios tbody tr:hover td:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #6d7984;
}

.container-usuarios .tabela-usuarios tbody td {
  height: 46px;
  background-color: #fff;
  line-height: 46px;
  padding: 0 10px;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}

.container-usuarios .tabela-usuarios tbody td.ccargo,
.container-usuarios .tabela-usuarios tbody td.cnome {
  width: 164px !important;
}

.container-usuarios .tabela-usuarios tbody td.cvagastrab {
  text-align: left;
}

.container-usuarios .tabela-usuarios tbody td.cstatus {
  text-align: right;
}

.container-usuarios .tabela-usuarios tbody td.cstatus .status-cadastro {
  display: inline-block;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: #ccc;
  float: left;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.container-usuarios .tabela-usuarios tbody td.cpossuiperm {
  text-align: center;
}

.container-usuarios .tabela-usuarios tbody td.cpermusarpacvaga {
  width: 140px !important;
  text-align: center;
  line-height: 14px;
}

.container-usuarios .linha-convidar {
  text-align: right;
  /*padding: 10px;
    top: -84px;
    position: relative;
    right: 22px;
    margin-bottom: -90px*/
}

.container-usuarios .linha-convidar .botao-convidar {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 30px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 auto;
}

.mask-convidar {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  z-index: 1001;
}

.mask-convidar .container-convidar {
  max-width: 336px;
  min-height: 250px;
  position: fixed;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 5px;
}

.mask-convidar .container-convidar .box-convidar {
  min-width: 336px;
  min-height: 250px;
  border-radius: 5px;
  border: 3px solid #65bad2;
  padding: 10px;
  position: relative;
}

.mask-convidar .container-convidar .box-convidar .confirmacao {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 140px;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #5cb65f;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .icon
  i {
  color: #fff;
  line-height: 50px;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .confirmacao
  .sucesso-no-envio
  .texto-sucesso {
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #6d7984;
  width: 100%;
  clear: both;
  text-align: center;
}

.mask-convidar .container-convidar .box-convidar .titulo-box-convidar {
  font-size: 14px;
  font-weight: 700;
  color: #6d7984;
}

.mask-convidar .container-convidar .box-convidar .botaoFecharModalConvidar {
  position: absolute;
  display: block;
  right: 10px;
  top: 5px;
  z-index: 10;
  background-color: transparent;
}

.mask-convidar .container-convidar .box-convidar .botaoFecharModalConvidar i {
  color: #c3c3c3;
}

.mask-convidar .container-convidar .box-convidar .botao-convidar {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 5px 30px;
  height: 36px;
  background-color: #65bad2;
  margin: 10px auto;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-nomemail
  label {
  font-size: 12px;
  font-weight: 700;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-nomemail
  .campo-texto-convidar {
  width: 100%;
  height: 40px !important;
  max-height: 40px;
  min-height: 40px;
  border: 3px solid #cfcfcf;
  border-radius: 5px;
  margin-bottom: 10px;
  background-color: #fff;
  position: relative;
  padding: 2px 10px;
  font-size: 12px;
  color: #6d7984;
  transition: all 0.3s ease;
}

.box-form,
.user-invite-user {
  min-height: 100%;
}

.box-form header,
.box-form.active header {
  min-height: 30px;
  line-height: 30px;
  cursor: pointer;
}

.mask-convidar .container-convidar .box-convidar .campos-box-convidar-owner {
  background-color: #f5f5f5;
  border-radius: 5px;
  font-size: 12px;
  color: #6d7984;
  padding: 3px 10px;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-owner
  label
  .campo-checkowner-convidar {
  display: inline-block !important;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.mask-convidar .container-convidar .box-convidar .label-texto-convidar {
  font-size: 12px;
  color: #6d7984;
  font-weight: 700;
  display: inline-block;
  margin: 10px auto;
}

.mask-convidar .container-convidar .box-convidar .campos-box-convidar-etapas {
  position: relative;
  font-size: 12px;
  color: #6d7984;
  width: 100%;
  height: 184px;
  overflow: auto;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-etapas
  ul {
  position: relative;
  width: 100%;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-etapas
  ul
  li {
  position: relative;
  width: 50%;
  float: left;
  margin: 0 0 10px;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-etapas
  .campo-check-convidar {
  display: inline-block !important;
  vertical-align: middle;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-etapas
  .campo-checkowner-convidar,
span.no,
span.ok {
  display: inline-block;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background-color: #f5f5f5;
  padding: 10px;
  text-align: center;
}

.mask-convidar
  .container-convidar
  .box-convidar
  .campos-box-convidar-botaoconvidar
  .botao-convidar {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 30px;
  height: 36px;
  background-color: #65bad2;
  margin: 0 auto;
}

span.no,
span.ok {
  position: relative;
  height: 24px;
  width: 24px;
  background-image: url(../images/sprite-check.png);
  background-repeat: no-repeat;
}

span.ok {
  background-position: 0 0;
  vertical-align: middle;
}

span.no {
  background-position: 0 -27px;
  vertical-align: middle;
}

.label-aplicativo {
  font-size: 12px;
  font-weight: 300 !important;
}

.box-form {
  width: 100%;
  margin-bottom: 1px;
}

.box-form header {
  border: 1px solid #d5dcdf;
  background-color: #dee3e6;
  padding: 10px;
  position: relative;
  transition: all 0.3s ease;
}

.box-form header:hover {
  background-color: #0181c4;
}

.box-form header:hover h2 {
  color: #fff;
}

.box-form header:hover .sub-title {
  border-left: 1px solid #fff;
  color: #fff;
  padding: 0 0 0 20px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 100;
  margin: 0;
}

.box-form header:hover .actions i {
  color: #fff;
}

.box-form header:hover .box-progress-bar {
  width: 8px;
  height: calc(104%);
  background-color: #8acfc9;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: none !important;
}

.box-form header:hover .box-progress-bar span {
  width: 8px;
  height: 100%;
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #a6fb81;
}

.box-form header h2 {
  font-size: 20px;
  color: #2f4050;
  margin: 4px 0 0;
  transition: all 0.3s;
}

.box-form header .sub-title,
.box-form.active header .sub-title {
  line-height: 30px;
  font-size: 16px;
  font-style: normal;
  font-weight: 100;
  margin: 0;
}

.box-form header .sub-title {
  border-left: 1px solid #2f4050;
  color: #2f4050;
  padding: 0 0 0 20px;
  height: 30px;
}

.box-form header .actions i {
  color: #2f4050;
  line-height: 30px;
  background: 0 0;
  border: none;
  float: right;
  transition: all 0.3s ease;
  position: relative;
  right: 30px;
  top: 4px;
}

.box-form header .box-progress-bar {
  width: 8px;
  height: calc(104%);
  background-color: #c0c8cb;
  position: absolute;
  right: -1px;
  top: -1px;
  overflow: hidden;
  display: none !important;
}

.box-form header .box-progress-bar span {
  width: 8px;
  height: 100%;
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #a4aeb3;
}

.box-form .box-content {
  transition: all 0.3s ease;
  background-color: #fff;
  display: block;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: none;
  padding: 0 15px;
  height: 0;
  position: relative;
  overflow-y: hidden;
}

.box-form .box-content .box-body {
  position: absolute;
}

.box-form.active header {
  position: relative;
  background-color: #0181c4;
  padding: 10px;
}

.box-form.active header h2 {
  color: #fff;
}

.box-form.active header .sub-title {
  border-left: 1px solid #fff;
  color: #fff;
  padding: 0 0 0 20px;
  height: 30px;
}

.box-form.active header .actions i {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff;
}

.box-form.active header .box-progress-bar {
  width: 8px;
  height: calc(104%);
  background-color: #8acfc9;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  display: none !important;
}

.box-form.active header .box-progress-bar span {
  width: 8px;
  height: 100%;
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.3s ease;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  overflow: hidden;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #a6fb81;
}

.box-form.active .box-content {
  display: block;
  overflow-y: hidden;
  padding: 15px;
  position: relative;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
}

.box-form.active .box-content .box-body {
  position: relative;
}

.card-user {
  margin: 45px 0 0;
  padding: 30px 15px 15px;
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  border: 0 solid #2f4050;
  background-color: #fff;
  border-radius: 5px;
  color: #2f4050;
}

.card-user .name {
  color: #13bcd4;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
  height: 42px;
}

.card-user .name small {
  color: #8c959e;
  font-size: 16px;
  font-weight: 300;
}

.card-user .dates {
  margin: 10px 0;
  font-size: 16px;
  color: #616161;
}

.card-user .dates [class^="col"] {
  background: #eaeced;
  color: #8c959e;
  padding: 5px 15px;
  font-size: 16px;
}

.card-user .tags {
  margin: 10px 0;
}

.card-user .tags ul li {
  display: inline;
  color: #8c959e;
  font-size: 16px;
}

.card-user .tags ul li:after {
  content: ",";
}

.card-user .actions,
.card-user .actions-edit {
  padding-bottom: 10px;
}

.card-user .actions button,
.card-user .actions-edit button {
  border: none;
  width: 36px;
  height: 36px;
  background-color: transparent !important;
  outline: 0;
  color: #818890;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
}

.card-user .actions button:active,
.card-user .actions-edit button:active {
  border: none;
  background-color: #e7eaeb !important;
  outline: 0;
  color: #2f4050;
  box-shadow: none;
}

.card-user .actions button i,
.card-user .actions-edit button i {
  zoom: 1.5;
  text-align: center;
  color: #818890;
}

.card-user .avatar {
  min-height: 72px;
}

.card-user .avatar img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 20px;
  border: 2px solid #e9eaee;
}

.card-user .editing {
  display: none;
  padding: 10px 0;
  border-top: none;
  transition: all 0.3s ease;
}

.card-user.edit .editing,
.card-user.edit .tags ul li {
  display: block;
}

.card-user .editing .form-edit button {
  border: none;
  width: 36px;
  height: 36px;
  background-color: transparent !important;
  outline: 0;
  color: #818890;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
  margin-right: 15px;
}

.card-vaga-lab,
.card-vaga-lab .card-vaga {
  max-width: 250px;
  height: 505px;
  position: relative;
}

.card-user .editing .form-edit button:active {
  border: none;
  background-color: #e7eaeb !important;
  outline: 0;
  color: #2f4050;
  box-shadow: none;
}

.card-user .editing .form-edit button i {
  zoom: 1.5;
  text-align: center;
  color: #818890;
}

.card-user.edit .tags {
  margin: 10px 0;
}

.card-user.edit .tags ul li:before {
  content: "- ";
  font-weight: 700;
  color: #818890;
}

.card-vaga-lab {
  width: 250px;
  background: 0 0;
  border: none;
  border-radius: 0;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 10px;
}

.card-vaga-lab .card-vaga {
  width: 100%;
  min-height: 510px;
  background: #fff;
  padding: 15px 20px 10px;
  border: 2px solid #e7eaeb;
}

.card-vaga-lab .card-vaga .titulo {
  min-height: 48px;
  text-transform: capitalize;
  color: #15c1d7;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 20px;
}

.card-vaga-lab .card-vaga .lista-vaga-a {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 26px;
}

.card-vaga-lab .card-vaga .lista-vaga-a li,
.card-vaga-lab .card-vaga .lista-vaga-b li {
  width: 100%;
  margin-bottom: 3px;
  color: #979fa7;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-vaga-lab .card-vaga .lista-vaga-a li {
  height: 27px;
  background-color: #eaeced;
  padding: 5px 10px;
}

.card-vaga-lab .card-vaga .lista-vaga-a li strong {
  font-weight: 700;
}

.card-vaga-lab .card-vaga .lista-vaga-b {
  position: relative;
  width: 100%;
  height: auto;
}

.card-vaga-lab .card-vaga .lista-vaga-b li {
  height: 27px;
  background-color: transparent;
  padding: 5px 10px 5px 0;
  font-weight: 700;
}

.card-vaga-lab .card-vaga .lista-vaga-b li i {
  color: #6d7984;
  font-size: 20px;
  margin: 0 10px 0 6px;
  text-align: center;
  width: 18px;
}

.card-vaga-lab .card-vaga .descricao {
  width: 100%;
  padding: 5px 0;
  font-size: 14px;
  color: #979fa7;
  height: 76px;
  overflow-y: auto;
  margin-bottom: 14px;
  overflow-x: hidden;
}

.card-vaga-lab .card-vaga .descricao::-webkit-scrollbar {
  width: 8px;
}

.card-vaga-lab .card-vaga .descricao::-webkit-scrollbar-track {
  background-color: rgba(149, 149, 149, 0.3);
  border-radius: 10px;
}

.card-vaga-lab .card-vaga .descricao::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(84, 84, 84, 0.2);
}

.card-vaga-lab .card-vaga .lista-contadores {
  height: 52px;
  width: 100%;
}

.card-vaga-lab .card-vaga .lista-contadores li {
  display: inline-block;
  width: 50px;
  height: 60px;
  float: left;
  color: #fff;
  font-weight: 400;
}

.card-vaga-lab .card-vaga .lista-contadores li:not(:first-child) {
  margin: 0 0 0 2px;
}

.card-vaga-lab .card-vaga .lista-contadores li a {
  display: inline-block;
  position: relative;
  width: 54px;
  height: 60px;
  padding: 14px 12px 0;
  text-align: center;
  color: #fff;
}

.card-vaga-lab .card-vaga .lista-contadores li a:hover {
  text-decoration: none;
}

.card-vaga-lab .card-vaga .lista-contadores li a:active,
.card-vaga-lab .card-vaga .lista-contadores li a:visited {
  color: #fff;
}

.card-vaga-lab .card-vaga .lista-contadores li a i {
  display: block;
  color: #fff;
  font-size: 20px;
}

.card-vaga-lab .card-vaga .lista-contadores li:nth-child(1) a {
  background: #18b0f4;
}

.card-vaga-lab .card-vaga .lista-contadores li:nth-child(2) a {
  background: #15c1d7;
}

.card-vaga-lab .card-vaga .lista-contadores li:nth-child(3) a {
  background: #159e92;
}

.card-vaga-lab .card-vaga .lista-contadores li:nth-child(4) a {
  background: #5bb55f;
}

.card-vaga-lab .card-vaga .lista-comandos {
  width: 100%;
  height: 36px;
}

.card-vaga-lab .card-vaga .lista-comandos li {
  float: right;
  margin: 0 5px;
}

.card-vaga-lab .card-vaga .lista-comandos li button {
  background-color: transparent;
}

.card-vaga-lab .card-vaga .lista-comandos li button i {
  color: #979fa7;
  zoom: 1.5;
}

.chat {
  position: fixed;
  z-index: 6;
  right: 20px;
  bottom: 64px;
  width: 420px;
  min-height: 300px;
  background: 0 0;
  display: block;
  transition: all 0.6s ease;
}

.chat.minimizado {
  bottom: -306px;
}

.chat .header-chat {
  min-height: 40px;
  background-color: #2f4050;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #fff;
}

.chat .header-chat i.icon-header-chat {
  line-height: 40px;
  padding: 0 20px;
}

.chat .header-chat .actions-header-chat {
  min-height: 40px;
  float: right;
}

.chat .header-chat .actions-header-chat button {
  outline: 0;
  min-height: 40px;
  background: 0 0;
  border: none;
  color: #fff;
}

.chat .container-msgs {
  width: 420px;
  height: 300px;
  background: #eee;
}

.chat .container-msgs .lista-msg-chat {
  padding: 10px;
  position: relative;
  width: 100%;
  height: 300px;
  overflow-y: auto;
}

.chat .container-msgs .lista-msg-chat li {
  border-radius: 2px;
  background: rgba(255, 247, 230, 0.5);
  padding: 10px;
  margin-bottom: 5px;
  word-break: break-word;
  width: 80%;
  float: left;
}

.chat .container-msgs .lista-msg-chat li.client {
  background: rgba(255, 255, 255, 0.5);
  float: right;
}

.chat .container-msgs .lista-msg-chat li small {
  font-size: 9px;
  display: block;
  margin: 0 0 3px;
  color: grey;
}

.chat .actions-chat {
  width: 100%;
  position: relative;
  bottom: 0;
  background-color: #d7d7d7;
  min-height: 70px;
  padding: 10px;
}

.chat .actions-chat textarea {
  width: 340px;
  min-height: 50px;
  padding: 0 10px;
  float: left;
  border: 1px solid #2f4050;
  resize: none;
}

.chat .actions-chat button.enviar-chat {
  width: 50px;
  min-height: 50px;
  float: right;
  border: 1px solid #2f4050;
  color: #2f4050;
}

footer,
footer .social button i {
  color: #fff;
}

footer {
  width: 100%;
  height: 30px;
  text-align: center;
  padding: 7px 0 0;
  position: absolute;
  bottom: 0;
  z-index: 999;
  font-size: 12px;
}

footer .social button {
  background-color: transparent;
  height: 64px;
  border: none;
}

footer {
  background-color: #728393;
  display: none !important;
}

header.navbar {
  height: 125px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9;
}

header.navbar .header-content figure {
  padding: 2px 0 0 70px;
}

header.navbar .header-content figure img {
  width: 97px;
  height: 44px;
}

header.navbar .header-content .update-list {
  padding: 0 3% 0 0;
}

header.navbar .header-content .update-list ul {
  text-align: right;
}

header.navbar .header-content .update-list ul li {
  display: inline-block;
  vertical-align: top;
}

header.navbar .header-content .update-list ul li:first-child {
  border: none;
}

header.navbar .header-content .update-list ul li.update-box {
  width: 70px;
  height: 68px;
  text-align: center;
  position: relative;
  padding: 0;
  float: none;
}

header.navbar .header-content .update-list ul li.update-box:last-child {
  border: 1px solid red !important;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box:last-child
  .splash-notification {
  right: 25px;
}

header.navbar .header-content .update-list ul li.update-box .alertsplaceholder {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #979fa7;
  text-align: center;
  width: 100%;
}

header.navbar .header-content .update-list ul li.update-box button {
  padding: 0 10px;
  background: 0 0;
  border: none;
  width: 70px;
  height: 40px;
  margin: 15px 0;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 0;
}

header.navbar .header-content .update-list ul li.update-box button i {
  font-size: 20px;
  color: #2f4050;
  transition: all 0.6s ease;
}

header.navbar .header-content .update-list ul li.update-box button:hover i {
  font-size: 20px;
  color: #4682eb !important;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .splash-notification {
  width: 15px;
  height: 15px;
  background-color: red;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 0;
  top: 10px;
  right: 15px;
}

header.navbar .header-content .update-list ul li.update-box .message-box {
  left: -241px;
  top: 60px;
  width: 300px;
  position: absolute;
  padding: 0 5px 10px;
  border-bottom: none;
  background-color: #f3f3f3;
  z-index: 10;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.75);
  display: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li.new-message,
header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li:hover {
  background-color: #dee3e6;
}

header.navbar .header-content .update-list ul li.update-box .message-box ul {
  text-align: left;
  padding: 0 5px;
}

header.navbar .header-content .update-list ul li.update-box .message-box ul li {
  border-left: none;
  border-bottom: 1px solid #c6ccd0;
  padding: 3px 5px;
  cursor: pointer;
  width: 100%;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li
  a:hover {
  text-decoration: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li:last-child {
  border: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li
  span {
  font-size: 11px;
  color: #596a74;
  display: inline-block;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li
  span
  .fa {
  font: normal normal normal 11px/1 FontAwesome;
  color: #2f4050;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li
  h3 {
  font-size: 12px;
  color: #2f4050;
  font-weight: 700;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box
  ul
  li
  p {
  font-size: 11px;
  color: #5b6973;
}

header.navbar .header-content .update-list ul li.update-box .message-box-open {
  left: -241px;
  top: 60px;
  width: 300px;
  position: absolute;
  padding: 0 5px 10px;
  border-bottom: none;
  background-color: #f3f3f3;
  z-index: 10;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.75);
  display: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li.new-message,
header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li:hover {
  background-color: #dee3e6;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open.open {
  border-bottom: 5px solid #4682ec;
  display: block;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open.open:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #f3f3f3;
  top: -20px;
  left: 265px;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul {
  text-align: left;
  padding: 10px 0 0;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li {
  border-left: none;
  border-bottom: 1px solid #c6ccd0;
  margin: 0 0 5px;
  padding: 0 5px;
  cursor: pointer;
  width: 100%;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li:last-child,
header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li:last-child {
  border: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li
  a:hover {
  text-decoration: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li
  span {
  font-size: 10px;
  color: #596a74;
  display: inline-block;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li
  span
  .fa {
  font: normal normal normal 11px/1 FontAwesome;
  color: #2f4050;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li
  h3 {
  font-size: 12px;
  color: #2f4050;
  margin: 2px 0 !important;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  li
  p {
  font-size: 10px;
  color: #5b6973;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  button {
  width: 70%;
  background-color: #7a8993;
  color: #fff;
  font-size: 13px;
  padding: 5px 0;
  margin: 10px auto 0;
  display: block;
}

header.navbar
  .header-content
  .update-list
  ul
  li.update-box
  .message-box-open
  ul
  button:hover {
  background-color: #f39e23;
}

header.navbar .header-content .update-list ul li.header-profile {
  height: 68px;
  position: relative;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  .register-update-meter {
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: 68px;
  background-color: #f1a422;
  background-image: linear-gradient(to right, #f1a422, #ffbb47);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  display: block;
}

header.navbar .header-content .update-list ul li.header-profile ul {
  position: relative;
  z-index: 3;
}

header.navbar .header-content .update-list ul li.header-profile ul li {
  cursor: pointer;
  height: 68px;
  width: auto;
  float: right;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.profile-pic {
  padding: 8px 0 0 10px;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.profile-pic
  figure {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  display: block;
  margin: 0 12px 0 0;
  background-position: center center;
  background-size: cover;
  padding: 0 !important;
  background-color: #fff;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.name-profile {
  padding: 10px 0 0;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.name-profile
  a {
  color: #596872;
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  padding-right: 50px;
  transition: all 0.3s;
}

.side-profile,
aside,
aside .nav-closed {
  transition: all 0.3s ease;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.name-profile
  a:hover {
  color: #f39d22;
  text-decoration: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.name-profile
  a
  strong {
  text-align: left;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.name-profile
  a
  small.plan {
  font-size: 13px;
  display: block;
  text-align: left;
  color: #a8a8a9;
  text-decoration: none;
}

header.navbar .header-content .update-list ul li.header-profile ul li.actions {
  padding: 22px 0 0 10px;
  display: none;
}

header.navbar
  .header-content
  .update-list
  ul
  li.header-profile
  ul
  li.actions
  i {
  position: relative;
  right: 10px;
  color: #2f4050;
  zoom: 1.4;
}

.menu-trigger button {
  background-color: transparent;
  border: none;
  width: 50px;
  height: 50px;
  margin: 8px 10px 10px;
  position: absolute;
  cursor: pointer !important;
  z-index: 12;
  display: none;
}

.menu-trigger button i {
  color: #a4aeb3;
}

.side-profile {
  width: 326px;
  min-height: 638px;
  background-color: #2f4050;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 0;
  top: 100%;
  padding: 32px 25px;
  -ms-transform: translateX(calc(170%));
  transform: translateX(calc(170%));
}

.side-profile.open {
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.side-profile .close-side-profile {
  height: 12px;
  width: 12px;
  display: block;
  background: 0 0;
  border: none;
  outline: 0;
  position: absolute;
  right: 25px;
  top: 25px;
  transition: all 0.3s ease;
  -ms-transform-origin: top;
  transform-origin: top;
}

.side-profile .close-side-profile:after,
.side-profile .close-side-profile:before {
  position: absolute;
  height: 2px;
  width: 12px;
  display: inline-block;
  background-color: #fff;
  left: 0;
  content: "";
}

.side-profile .close-side-profile:focus {
  border: none;
  outline: 0;
}

.side-profile .close-side-profile:hover {
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

.side-profile .close-side-profile:before {
  top: 0;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.side-profile .close-side-profile:after {
  top: 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.side-profile .avatar {
  width: 164px;
  height: 164px;
  border-radius: 50%;
  border: 6px solid #fff;
  margin-bottom: 25px;
}

.side-profile .nome-candidato {
  font-size: 24px;
  color: #fff;
  margin-bottom: 25px;
}

.side-profile .skills {
  width: 100%;
  height: 32px;
  position: relative;
  color: #fff;
  margin: 0 0 13px;
}

.side-profile .skills .text-skill {
  width: 100%;
  font-size: 13px;
  padding: 0;
  margin: 0 !important;
}

.side-profile .skills .text-skill strong {
  float: left;
}

.side-profile .skills .text-skill span {
  float: right;
}

.side-profile .actions {
  margin-bottom: 30px;
}

.side-profile .actions button {
  border: none;
  width: 36px;
  height: 36px;
  background-color: transparent !important;
  outline: 0;
  color: #818890;
  border-radius: 50%;
  padding: 6px 8px;
  text-align: center;
}

.side-profile .actions button:active,
.side-profile .actions button:focus {
  border: none !important;
  box-shadow: none;
  outline: 0 !important;
}

.side-profile .actions button:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #fff;
}

.side-profile .actions button i {
  zoom: 1.5;
  text-align: center;
  color: #fff;
}

.container-progress {
  position: relative;
  width: 100%;
}

.barra-de-progresso {
  width: 100%;
  height: 8px;
  position: absolute;
  background: #4b5967;
  right: 0;
  top: 0;
  border-radius: 2px;
}

.barra-de-progresso .progresso {
  height: 8px;
  position: absolute;
  width: 80%;
  left: 0;
  bottom: 0;
  -ms-transform-origin: left;
  transform-origin: left;
  background-color: #179f92;
  border-radius: 2px;
}

.barra-de-progresso.vertical {
  height: 100%;
  width: 8px;
}

.barra-de-progresso.vertical .progresso {
  height: 60%;
  position: absolute;
  width: 8px;
  right: 0;
  bottom: 0;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  background-color: #179f92;
}

header.navbar {
  background: #dee3e6;
  border-radius: 0;
}

header.navbar .logo-navbar {
  width: 224px;
  height: 50px;
  position: relative;
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  left: -24px;
  top: 10px;
  background: url("../components/navbar/images/pj/reachr-corp-transparent.png")
    no-repeat;
  display: block;
  cursor: pointer;
}

header.navbar .logo-navbar span {
  display: none !important;
}

aside .nav-closed,
aside .nav-open,
header.navbar .profile-progress-bar {
  display: none;
}

header.navbar .update-box i {
  color: #a4aeb3 !important;
}

header.navbar .update-box i:hover {
  color: #f1a422 !important;
}

header.navbar .splash-notification {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 0;
  top: 16px !important;
  right: 2px;
}

#mainmenu {
  margin-top: 55px;
}

aside,
aside.isVisible {
  top: 68px;
  padding: 0;
  text-align: center;
  z-index: 1000;
}

aside {
  width: 70px;
  min-width: 70px;
  height: 100%;
  position: fixed;
  left: 0;
  overflow: auto !important;
}

aside * {
  outline: 0 !important;
}

aside .nav-closed {
  display: block;
  width: 100%;
  height: auto;
  margin: 30px 0 0;
}

aside .nav-closed li {
  height: 70px;
  margin: 0;
  line-height: 70px;
  text-align: center;
  display: block;
  position: relative;
  cursor: pointer;
}

aside .nav-closed li .icon,
aside .nav-closed li .mdi {
  color: #e0e5e8;
  font-size: 22px;
}

aside .nav-closed li:last-child i {
  zoom: 1.6 !important;
}

aside .nav-closed li:last-child:after {
  display: none;
}

aside .nav-closed li.active {
  background-color: #596673;
}

aside .nav-closed li.active:hover:before {
  content: "";
  left: 10px;
  width: 50px;
  height: 50px;
  line-height: 70px;
  text-align: center;
  display: none;
  position: absolute;
  border: 2px solid #0181c4;
  background-color: transparent;
}

aside.isVisible {
  display: block;
  width: 220px;
  min-width: 220px;
  height: 100%;
  position: fixed;
  left: 0;
  overflow: hidden;
  transition: all 0.3s;
}

aside.isVisible .nav-closed {
  display: none;
}

aside.isVisible .nav-open {
  display: block;
  width: 100%;
}

aside.isVisible .nav-open ul {
  width: 100%;
  padding: 20px 0 0;
  overflow-y: auto;
}

aside.isVisible .nav-open ul > li {
  margin: 0 0 8%;
  text-align: left;
  cursor: pointer;
  position: relative;
  min-height: 50px;
  line-height: 50px;
  z-index: 3;
  padding-left: 20px;
  transition: all 0.3s;
}

aside.isVisible .nav-open ul > li .menu-action-icon {
  position: absolute;
  right: 15px;
  top: 18px;
  color: #a6abae;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all 0.3s;
}

aside.isVisible .nav-open ul > li:after,
aside.isVisible .nav-open ul > li:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  left: 0;
}

aside.isVisible .nav-open ul > li:last-child i {
  zoom: 1.4 !important;
}

aside.isVisible .nav-open ul > li:last-child:after {
  display: none;
}

aside.isVisible .nav-open ul > li:before {
  width: 5px;
  z-index: -1;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left;
  transform-origin: left;
}

aside.isVisible .nav-open ul > li:after {
  width: 100%;
  background-color: #1f3040;
  z-index: -2;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left;
  transform-origin: left;
}

aside.isVisible .nav-open ul > li .menu-title {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 100;
  color: #a6abae;
}

aside.isVisible .nav-open ul > li .icon,
aside.isVisible .nav-open ul > li .mdi {
  color: #e0e5e8;
  font-size: 20px;
}

aside.isVisible .nav-open ul > li.active:after,
aside.isVisible .nav-open ul > li.active:before {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

aside.isVisible .nav-open ul > li.active ul {
  height: auto;
  padding-bottom: 10px;
}

aside.isVisible .nav-open ul > li.active .menu-title {
  color: #a4aeb3;
  font-weight: 700;
}

aside.isVisible .nav-open ul > li.active .menu-action-icon {
  -ms-transform: rotate(0);
  transform: rotate(0);
}

aside.isVisible .nav-open ul > li ul {
  width: 100%;
  padding: 0;
  display: block;
  transition: all 0.6s;
  position: relative;
  height: 0;
  overflow: hidden;
}

aside.isVisible .nav-open ul > li ul li {
  min-height: 30px;
  max-height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
  text-align: left;
}

aside.isVisible .nav-open ul > li ul li:after,
aside.isVisible .nav-open ul > li ul li:before {
  display: none;
}

aside.isVisible .nav-open ul > li ul li a {
  min-height: 30px;
  max-height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
  font-size: 11px;
  color: #a6abae;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 5px;
  transition: all 0.3s;
}

aside.isVisible .nav-open ul > li ul li a:hover {
  color: #f1a422;
}

aside.isVisible .item-menu-sair {
  opacity: 1;
}

aside.isVisible .item-menu-sair .btn-sair span {
  display: inline-block;
}

aside .item-menu-sair {
  position: relative;
  width: 100%;
  height: 50px;
  left: 0;
  top: 10px;
  background-color: #0181c4;
  float: left;
  opacity: 0;
  transition: all 0.3s ease;
  cursor: pointer;
  padding-left: 3px;
  margin-bottom: 90px;
}

aside .item-menu-sair .btn-sair {
  color: #fff;
  background-color: transparent;
  height: 100%;
  width: 100%;
  text-align: left;
  border-left: 2px solid #6dcdff;
  border-radius: 0;
  padding: 0 0 0 15px;
}

aside .item-menu-sair .btn-sair i {
  zoom: 1.4;
}

aside .item-menu-sair .btn-sair span {
  display: none;
}

aside {
  background-color: #2f4050;
}

aside.isVisible .nav-open ul > li:before {
  background-color: #0181c4 !important;
}

aside.isVisible .nav-open ul > li a:hover {
  color: #0181c4 !important;
}

.laudoDom {
  z-index: 5000;
}

.modal-card-novo-candidato {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  transition: all 0.5s 0.5s ease-in-out;
  display: block;
  background: rgba(47, 64, 80, 0.4);
  padding-top: 40px;
}

.modal-card-novo-candidato .card-wizard-list {
  height: 100%;
  margin: 0 auto;
}

.modal-card-novo-candidato .card-wizard-list .card-wizard-position {
  width: 98%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  margin-left: 1%;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido {
  width: 100%;
  height: 450px;
  max-height: 450px;
  z-index: 2000;
  position: absolute;
  padding: 0;
  background: #fff;
  border-radius: 5px;
  border: 2px solid #e7eaeb;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar {
  width: 11px;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #b1b1b2;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido::-webkit-scrollbar-thumb:window-inactive {
  background: #eaebed;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .btn-close-card-modal {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1002;
}

.modal-card-novo-candidato
  .card-wizard-list
  .card-wizard-position
  .card-candidato-expandido
  .btn-close-card-modal
  .mdi-close {
  font-size: 20px !important;
}

.modal-card-novo-candidato .action-buttons {
  margin-right: 15px;
}

.botao-redondo.primary {
  background-color: #428bca !important;
  color: #fff;
  border-color: #428bca !important;
}

.botao-redondo.primary:hover {
  background-color: #357ebd !important;
  color: #fff;
  border-color: #357ebd !important;
}

.titulo-table {
  color: #0181c4 !important;
}

.botao-table-aprovar {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  border-radius: 5px 0px 0px 5px;
  cursor: pointer;
  transition: background 0.3s ease;
  opacity: 1;
}

.botao-table-aprovar:hover {
  opacity: 0.9;
}

.botao-table-recusar {
  margin-left: -5px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  width: auto;
  padding: 5px 20px;
  height: 36px;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
  transition: background 0.3s ease;
  opacity: 1;
}

.botao-table-recusar:hover {
  opacity: 0.9;
}

.status-aprovado {
  border-radius: 50%;
  display: inline-block;
  height: 11px;
  width: 11px;
  background-color: #2fc39a;
  margin: 0px 2px;
}

.status-ausente {
  border-radius: 50%;
  display: inline-block;
  height: 11px;
  width: 11px;
  background-color: #ecd425;
  margin: 0px 2px;
}

.status-recusado {
  border-radius: 50%;
  display: inline-block;
  height: 11px;
  width: 11px;
  background-color: #de2c2c;
  margin: 0px 2px;
}

.lista-pesq-dom {
  height: 355px;
  overflow: overlay;
}

.estatistica-center {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.button-estatistica-holder {
  /* display: inline-block; */
  width: 60%;
  max-width: 250px;
  min-width: 210px;
  margin: auto;
}

.button-estatistica-holder .card-box {
  width: 100%;
  height: 110px;
  border-radius: 5px;
  display: table;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.button-estatistica-holder .card-box:hover .icon-box i {
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.button-estatistica-holder .card-box:hover:after {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.button-estatistica-holder .card-box:after {
  content: "";
  position: absolute;
  width: 100%;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: left;
  transform-origin: left;
  height: 110px;
  left: 0;
  top: 0;
  border-radius: 5px;
  z-index: 1;
  transition: all 0.3s;
}

.button-estatistica-holder .card-box .icon-content {
  width: 41%;
  height: 110px;
  float: left;
  border-radius: 5px 0 0 5px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.button-estatistica-holder .card-box .icon-content .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  padding: 20px 0 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.button-estatistica-holder .card-box .icon-content .icon-box i {
  color: #fff;
  font-size: 30px;
  transition: all 0.2s;
}

.button-estatistica-holder .card-box .number-content {
  width: 59%;
  height: 110px;
  float: right;
  position: relative;
  z-index: 2;
}

.button-estatistica-holder .card-box .number-content .number-box {
  width: 100%;
  height: 75px;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.button-estatistica-holder .card-box .number-content .number-box .card-title {
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: lighter;
  text-align: left;
  padding: 0 0 0 10%;
}

.button-estatistica-holder
  .card-box
  .number-content
  .number-box
  .card-title.dif {
  position: relative;
  top: -12px;
  margin-bottom: -10px;
  line-height: 16px;
}

.button-estatistica-holder .card-box .number-content .number-box .card-number {
  font-size: 40px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 50px;
}

.button-estatistica-holder .card-box .number-content .number-box .percentage {
  font-size: 25px;
  display: block;
  display: inline-block;
  color: #fff;
}

.button-estatistica-holder .card-box .profile-complete-feedBeack {
  width: 8px;
  height: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #6fccf6;
  border-radius: 0 5px 5px 0;
  z-index: 2;
}

.button-estatistica-holder .card-box .profile-complete-feedBeack span {
  width: 8px;
  height: 80%;
  overflow: hidden;
  text-indent: -999px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #a6fb81;
}

.button-estatistica-holder .card-box .profile-complete-feedBeack span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    #bdfca2 25%,
    transparent 25%,
    transparent 50%,
    #bdfca2 50%,
    #bdfca2 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 20px 20px;
  animation: move 6s linear infinite;
  overflow: hidden;
}

.button-estatistica-holder .report-card {
  background-color: #48b2a8;
}

.button-estatistica-holder .report-card .icon-content {
  background-color: #3eaca3;
}

.button-estatistica-holder .report-card .icon-content .icon-box {
  background-color: #159e92;
}

.button-estatistica-holder .report-card:after {
  background-color: #3eaca3;
}

.navbar-treinamento {
  background-color: #0181c4;
}

.navbar-treinamento .close {
  float: right;
  color: #fff;
}

.navbar-treinamento .btn-treinamento {
  padding: 12px 40px;
  background: #15c1d7;
  border-radius: 24px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
}

/* //////////////////////// ADDORA  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

.header-modal {
  /*display: flex;
  justify-content: space-between;*/
  flex-direction: row;
  align-items: center;
}

#btn-fechar-addora {
  color: white !important;
  font-size: 32px;
  margin-right: 15px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
}

#about-addora-body-modal {
  padding: 0px !important;
  background: gray;

  margin-left: 15px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 5px;
}
.addora-image-plus-title-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 15px;
}
.addora-img {
  width: 121px;
  height: 216px;
}

.addora-container-body {
  display: flex;
  flex-direction: row;
}

.addora-title {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-size: 30px !important;
  text-align: left !important;
  line-height: 120%;
  /* or 36px */
  text-align: right;
  color: #2f4050;
}

.addora-paragraph-2 {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;

  /* or 26px */

  color: white;
}

#candidatos-addora-body-modal {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  height:500px !important;
  overflow-y:auto !important;
}

.candidato-addora-row {
  padding: 0px !important;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.candidato-addora {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  width: 300px;
  display: flex;
  align-items: center;
  /* or 19px */
  text-decoration-line: underline;

  color: #1f78d1;
}

.btn-candidato-addora {
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 11px 19px !important;

  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 120%;

  /* or 14px */
  text-align: center;

  color: #ffffff;

  background: #1f78d1 !important;
  border-radius: 18px !important;
}

.list-group-item-full {
  text-align: left;
  width: 100%;
}

.box-historico-wp {
  margin-right: 0;
  margin-left: 0;
  padding: 15px 15px 15px;
  border-style: solid;
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 300px;
  overflow-y: scroll;
}

.box-historico-wp p {
  font-size: 14px !important;
  line-height: 1.42857143;
  color: #333;
  text-align: left !important;
  padding: 0 !important;
  font-weight: 300 !important;
  margin-bottom: 0;
}

.grafico-pop-link {
  color: black;
  text-decoration: none;

  display: block !important;
  width: 100%;
  height: 100%;
}
.grafico-pop-link:hover {
  text-decoration: none;
  color: black;
}

.listaPesqGrafico:hover {
  text-decoration: underline;
  background-color: #428bca !important;
  cursor: pointer;
}

.mdi-arrow-left {
  font-size: 25px !important;
  color: #428bca;
}

.btn-back {
  position: absolute;
  top: 25px;
  z-index: 10000;
  left: 5px
}

.box-fitCultural {
  padding: 10px;
  padding-left: 45px !important;
  border-radius: 5px;
  border: 1px solid #f9f9f9;
  margin-bottom: 10px;
}

.box-fitCultural .label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  font-size: 15px;
}