@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/OpenSans/OpenSans-LightItalic.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/OpenSans/OpenSans-Italic.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/OpenSans/OpenSans-BoldItalic.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/OpenSans/OpenSans-Light.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/OpenSans/OpenSans-SemiBold.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf);
  }
  
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/OpenSans/OpenSans-ExtraBold.ttf);
  }
  
  /*
   * CSS da tela de login - login.css
   * Sistema Pedag�gico
   * Licenciado pelo Instituto Metr�pole Digital - https://imd.ufrn.br/
   *
   * Copyright (c) 2018 Thiago Silva
  */
  
  /**
   * Table of Contents:
   *
   * 1.0 - HTML
   * 2.0 - Body
   * 3.0 - Banners
   * 4.0 - Lado A
   * 5.0 - Lado B
   * 6.0 - Bot�es
   * 7.0 - Responsividade
   */
  
  @charset "UTF-8";
  
  
  /**
   * 1.0 HTML
   */
  
  html {
    min-height: 100%;
    position: relative;
  }
  
  /**
   * 2.0 Body
   */
  
  body {
      position: absolute;
      -webkit-font-smooth: antialiased;
      -moz-font-smooth: antialiased;
      -ms-font-smooth: antialiased;
      -o-font-smooth: antialiased;
      font-smooth: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Open Sans', sans-serif;
  }
  
  h1, h2, h3, h4, h5 {
      font-family: 'Open Sans', sans-serif;
  }
  
  /* Cabeçalho padrão do Governo do RN */
  
  .cabecalho_padrao {
      height: 50px;
      width: 100%;
      background: linear-gradient(0deg, #efefef, #fefefe);
  }
  
  div#P001 form,
  div#P001 ul,
  div#P001 fieldset{
      margin: 0;
      padding: 0;
      display: inline;
      font-size: 12px;
  }
  
  div#P001{
      padding: 10px 0 0;
      overflow: hidden;
  }
      
  div#P001 ul{
      display: block;
      margin: auto;
      width: 825px;
      list-style-type: none;
  }
  
  div#P001 ul li{
      float: left;
      line-height: 30px;
      vertical-align: middle;
  }
  
  div#P001 ul li a.cp_logo_governo{
      background: #eee;
      display: block;
      padding: 5px;
      margin: -10px 5px 0 -10px;
  }
  
  
  div#P001 ul li a.cp_logo_governo:hover{
      background: #f7f7f7;
  }
  
  div#P001 ul li a.cp_logo_governo img{
      border: 0 none;
      height: 39px;
  }
  
  div#P001 li.divisoria{
      padding: 0 5px 0 0;
      margin: 0 8px 0 0;
      border-right: 1px #ccc solid;
      font-weight: bold;
  }
  
  div#P001 li.divisoria_final{
      float: right;
      margin: 0 -10px 0 0;
  }
  
  div#P001 a.icone{
      margin: 0 7px 0 0;
      float: left;
  }
  
  div#P001 a.icone img{
      border: 0 none;
      height: 27px;
  }
  
  div#P001 fieldset{
      border: 0 none;
  }
  
  div#P001 select.cp_box{
      border: #ccc 1px solid;
      background: #fff;
      padding: 4px;
      width: 140px;
  }
  
  div#P001 input.cp_busca{ /*altura: 27px*/
      border: #ccc 1px solid;
      background: #fff url(//adcon.rn.gov.br/images/CSS/ico_busca.png) no-repeat;
      padding: 5px 5px 5px 30px;
      width: 160px;
      margin: 0 2px 0 0;
      box-sizing: content-box!important;
      font-size: 12px!important;
  }
  
  div#P001 input.cp_botao{
      padding: 5px 10px;
      margin: 0;
      width: 39px;
      background: #ccc;
      border: 1px #ccc solid;
      text-shadow: 0 0 0 transparent, #eee 0px 1px 0px;
      cursor: pointer;
      font-weight: bold;
  }
  
  div#P001 input.cp_botao:hover{
      background: #ddd;	
      border: 1px #ddd solid;
  }
  
  /**
   * Navbar
   */
  
  .navbar {
      background-color: #fff;
      padding: 0.5rem 3rem !important;
  }
  
  .navbar .navbar-brand {   
      color: #15577f;
  }
  
  /**
   * Logos
   */
  
  .logo-topo {
      width: 75%;
  }
  .logo-rodape {
      width: 75%;
  }
  
  @media (min-width: 576px) {
      .logo-topo {
          width: 65%;
      }
  }
  @media (min-width: 576px) {
      .logo-rodape {
          width: 65%;
      }
  }
  
  @media (min-width: 768px) {
      .logo-topo {
          width: 50%;
      }
  }
  @media (min-width: 768px) {
      .logo-rodape {
          width: 50%;
      }
  }
  
  @media (min-width: 1200px) {
      .logo-topo {
          width: 60%;
      }
  }
  @media (min-width: 1200px) {
      .logo-rodape {
          width: 26.2%;
      }
  }
  /**
   * Carousel
   */
  
  .carousel-inner {
      width: calc(100% - 150px);
      margin: 0 75px;
  }
  
  .carousel-control-next, .carousel-control-prev {
      width: initial !important;
  }
  
  .carousel-control-prev-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
  
  .carousel-indicators li {
      background-color: rgba(22, 87, 127, .5);
  }
  
  .carousel-indicators .active {
      background-color: rgba(22, 87, 127, 1);
  }
  
  .carousel-indicators {
      bottom: 0;
      margin: 0;
  }
  
  .carousel-item h5,
  .carousel-item h4 {
      font-weight: 600;
  }
  
  .carousel-item h5 {
      color: #16577f;
  }
  
  /**
   * Descrição
   */
  
  .processo-seletivo-descricao p{
      font-size: 1.2em;
      margin-bottom: 24px;
  }
  
  /**
   * 3.0 Banners
   */
  
  /* Tamanho vertical dos banners */
  
  .lado-a,
  .lado-b {
      padding: 0 !important;
  }
  
  /* Posi��o e alinhamento dos banners */
  
  .banner,
  .login {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
  }
  
  /* Posi��o, tamanho e alianhamento do conte�do dos banners */
  
  form {
      min-width: 50%;
      position: relative;
  }
  
  .form-lado-b {
      animation: 150ms formOut;
      animation-fill-mode: forwards;
      display: none;
  }
  
  .form-lado-b.visible {
      animation: 150ms formIn;
      animation-fill-mode: forwards;
      display: block;
  }
  
  @keyframes formIn {
      0% {
          opacity: 0;
          transform: translateX(-26px);
      }
      
      100% {
          opacity: 1;
          transform: translateX(0px);
      }
  }
  
  @keyframes formOut {
      0% {
          opacity: 1;
          transform: translateX(0px);
      }
      100% {
          opacity: 0;
          transform: translateX(-26px);
      }
  }
  
  /*  */
  
  .logo {
      align-items: center;
      justify-content: center;
      display: flex;
      flex-direction: column;
  }
  
  /**
   * 4.0 Lado A
   */
  
  /**/
  
  .lado-a {
      background-color: #f4f5f6;
  }
  
  .logoImg {
      max-width: 54%;
  }
  
  /**/
  
  .logo p {
      color: rgba(79, 79, 79, 1);
      width: 25rem;
  }
  
  /**
   * 5.0 Lado B
   */
  
  /* Background lado b */
  
  .lado-b{
      background: url(../img/login-bg-1.jpg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }
  
  .lado-b::before {
      content: "";
      background: rgba(2, 81, 127, 0.9);
      height: 100%;
      position: absolute;
      width: 100%;
  }
  
  /* Tamanho da fonte */
  
  form a.professional,
  form a.student,
  form button.forgot-password,
  form button.create-account,
  form label.mdl-textfield__label,
  form button[type="submit"],
  form input[type="text"],
  form input[type="password"] {
      font-size: 1.2rem;
  }
  
  /* Tamanho da fonte: Bot�o 'esqueceu senha' */
  
  form button.forgot-password {
      line-height: 1.5rem;
  }
  
  
  /**
   * 6.0 Bot�es
   */
  
  
  .btn {
      border-radius: 0 !important;
      cursor: pointer !important;
      *cursor: hand !important;
  }
  
  .btn-primary {
    font-weight: 700;
      background-color: #219845;
      border-color: #219845;
  }
  
  .btn-primary:hover {
      background-color: #40bf66;
      border-color: #40bf66;
  }
  
  .btn-primary:focus, .btn-primary.focus {
      box-shadow: 0 0 0 0.2rem #40bf66 !important;
  }
  
  .btn-primary:active, 
  .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    border-color: #219845 !important;
      background-color: #219845 !important;
      background-image: none;
  }
  
  /* Bot�o 'profissional' */
  
  form a.professional {
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 rgba(255, 255, 255, 1) !important;
      border-right: transparent !important;
      color: rgba(51, 175, 151, 1) !important;
      display: inline-block;
      margin: 0;
      width: 50%;
  }
  
  /* Cor hover do bot�o 'profissional' */
  
  form a.professional:hover {
      background: rgba(255, 255, 255, .5);
      border-color: rgba(255, 255, 255, .5);
      border-right: transparent !important;
      color: rgba(51, 175, 151, 1) !important;
  }
  
  /* Bot�o 'aluno' */
  
  form a.student {
      background: transparent;
      border: .05rem solid;
      border-color: rgba(255, 255, 255, 1);
      border-left: transparent !important;
      color: rgba(255, 255, 255, 1);
      display: inline-block;
      margin: 0;
      width: 50%;
  }
  
  /* Cor hover do bot�o 'aluno' */
  
  form a.student:hover {
      background: rgba(255, 255, 255, .5);
      border-color: rgba(255, 255, 255, .5);
      border-left: transparent !important;
      color: rgba(51, 175, 151, 1);
  }
  
  /* Cor active do bot�o 'aluno' */
  
  form a.student:active {
      color: rgba(51, 175, 151, 1) !important;
  }
  
  /* Bot�o 'Enviar (tela: esqueceu-senha)' */
  
  form a.get-back {
      background: transparent;
      border: .05rem solid;
      border-color: rgba(255, 255, 255, 1);
      border-right: transparent !important;
      color: rgba(255, 255, 255, 1) !important;
      display: inline-block;
      margin: 0;
      width: 50%;
  }
  
  /* Cor hover do bot�o 'Enviar (tela: esqueceu-senha)' */
  
  form a.get-back:hover {
      background: rgba(255, 255, 255, .5);
      border-color: rgba(255, 255, 255, .5);
      border-right: transparent !important;
      color: rgba(51, 175, 151, 1) !important;
  }
  
  /* Bot�o 'Voltar (tela: esqueceu-senha)' */
  
  form button.get-password {
      background: rgba(255, 255, 255, 1);
      box-shadow: 0 rgba(255, 255, 255, 1) !important;
      border-left: transparent !important;
      color: rgba(51, 175, 151, 1) !important;
      display: inline-block;
      margin: 0;
      width: 50%;
  }
  
  /* Cor hover do bot�o 'Voltar (tela: esqueceu-senha)' */
  
  form button.get-password:hover {
      background: rgba(255, 255, 255, .5);
      border-color: rgba(255, 255, 255, .5);
      border-left: transparent !important;
      color: rgba(51, 175, 151, 1) !important;
  }
  
  /* Tamanho e espa�amento dos campos 'us�ario e senha' */
  
  form .mdl-textfield {
      padding: 1rem 0;
  }
  
  /* Bordas e cor de fundo dos campos 'us�ario e senha' */
  
  form input[type="text"],
  form input[type="password"] {
      background-color: transparent;
      border-radius: 0 !important;
  }
  
  /* Borda do bot�o 'entrar' */
  
  form button[type="submit"] {
      border-color: #fff;
      background-color: #fff;
      color: #027FC6;
      width: 50%;
      font-family: "Open Sans";
      font-weight: 600;
  }
  
  /* Cor hover do bot�o 'entrar' */
  
  form button[type="submit"]:hover:not(:disabled) {
      border-color: #219845;
      background-color: #219845;
      color: #fff;
  }
  form button[type="submit"]:focus {
      box-shadow: 0 0 0 0.2rem #219845;
  }
  form button[type="submit"]:hover:disabled {
      cursor: not-allowed !important;
  }
  
  /* Borda do bot�o 'esqueceu senha' */
  
  form button.forgot-password,
  form button.forgot-password:active {
      background-color: transparent !important;
      border-color: transparent !important;
      box-shadow: 0 0 0 0 transparent !important;
      color: #fff !important;
      width: 50%;
  }
  
  form button.create-account {
      background-color: #fff;
      border-color: #fff;
      box-shadow: 0 0 0 0 transparent;
      color: #027FC6;
      font-family: "Open Sans";
      font-weight: 600;
  }
  form button.create-account:hover {
      border-color: #219845;
      background-color: #219845;
      color: #fff;
  }
  form button.create-account:focus {
      box-shadow: 0 0 0 0.2rem #219845;
  }
  
  /* Borda do bot�o 'esqueceu senha' */
  
  form button.forgot-password:hover,
  form button.forgot-password:focus {
      background-color: transparent !important;
      border-color: transparent !important;
      box-shadow: 0 0 0 0 transparent !important;
      color: #29a33b !important;
  }
  
  /* Cores do floating label */
  
  .mdl-textfield__input, .mdl-textfield.is-invalid .mdl-textfield__input {
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      border-top-color: transparent !important;
  }
  
  .mdl-textfield.is-invalid .mdl-textfield__input {
      border-color: unset !important;
  }
  
  .mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
  .mdl-textfield--floating-label.is-invalid.has-placeholder .mdl-textfield__label {
      color: rgba(255, 255, 255, 1) !important;
      font-size: unset !important;
  }
  
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-invalid.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-invalid.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label{
      font-size: 12px !important;
  }
  
  .mdl-textfield.is-invalid .mdl-textfield__label:after {
      background-color: unset;
  }
  .mdl-textfield.is-focused .mdl-textfield__label:after,
  .mdl-textfield.is-invalid.is-focused .mdl-textfield__label:after {
      background-color: #29a33b;
  }
  
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
      transition: unset;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }
  
  input::placeholder {
      color: rgba(255, 255, 255, 0.5);
  }
  
  .mdl-radio__outer-circle {
      border-color: white !important;
  }
  
  .mdl-radio__inner-circle {
      background-color: #29a33b !important;
  }
  .mdl-radio.is-checked .mdl-radio__outer-circle {
      border-color: #bbffaa !important;
  }
  
  input.is-invalid {
      border-color: #a70000;
  }
  
  .mdl-radio.is-upgraded .mdl-radio__button {
      width: 1px !important;
      height: 1px !important;
  }
  
  /* Cor do texto quando focado */
  
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder {
      color: rgba(255, 255, 255, 1) !important;
  }
  
  /* Autofill */
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
     transition: background-color 5000s ease-in-out 0s;
     -webkit-text-fill-color: #fff !important;
  }
  
  /* footer */
  .rodape {
      width: 100%;
      background-color: #023451;
  }
  
  div#P012{
      /**/
  }
      
  div#P012 ul{
      list-style-type: none;
      margin: 0;
      padding: 10px 0 10px;
  }
  
  div#P012 ul li{
      display: inline-block;
      line-height: 30px;
      vertical-align: middle;
      color: rgba(255, 255, 255, 0.7);
  }
  
  div#P012 li.r_divisoria{
      padding: 0 10px 0 0;
      margin: 0 10px 0 0;
      border-right: 1px rgba(255, 255, 255, 0.3) solid;
  }
  
  div#P012 ul li a.r_logo_governo{
      background: #eee;
      display: block;
      padding: 5px;
      margin: -9px 15px 0 -10px;
  }
  
  div#P012 ul li a.r_logo_governo:hover{
      background: #f7f7f7;
  }
  
  div#P012 ul li a.r_logo_governo img{
      border: 0 none;
      height: 39px;
  }
  
  div#P012 a{
      color: #fff;
      font-weight: bold;
      text-decoration: none;
  }
  
  div#P012 a:hover{
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid #fff;
  }
  
  div#P012 a img{
      border: 0;
  }
  
  /**
   * 7.0 Responsividade
   */
  
  /* set element styles to fit in extra small devices (portrait phones, less than 576px) */
  
  @media screen and (max-width: 575px) {
      /* Posi��o, tamanho e alianhamento do conte�do dos banners */
      
      form {
          margin-bottom: 6rem;
      }
      
      /* Posi��o do logotipo para smartphones */
      
      .d-block {
          display: flex !important;
          justify-content: center !important;
      }
      
      /* Logo vers�o smartphones */
      
      .mobile-logo {
          margin-bottom: 4rem;
      }
      
      /* Tamanho da fonte */
  
      form a.professional,
      form a.student,
      form label.mdl-textfield__label,
      form button.create-account,
      form button[type="submit"],
      form input[type="text"],
      form input[type="password"] {
          font-size: .8rem;
          line-height: 1rem;
      }
      
      /* Tamanho da fonte: Bot�o 'esqueceu senha' */
      form button.forgot-password {
          font-size: .8rem;
          line-height: 1rem;
          padding: .5rem;
      }
  }
  
  /* set element styles to fit in small devices (landscape phones, 576px and up) */
  
  @media screen and (min-width: 576px) and (max-width: 767px) {
      /* Posi��o, tamanho e alianhamento do conte�do dos banners */
      
      form {
          margin-bottom: 6rem;
      }
      
      /* Posi��o do logotipo para smartphones */
      
      .d-block {
          display: flex !important;
          justify-content: center !important;
      }
      
      /* Logo vers�o smartphones */
      
      .mobile-logo {
          margin-bottom: 4rem;
      }
      
      /* Tamanho da fonte */
  
      form a.professional,
      form a.student,
      form label.mdl-textfield__label,
      form button.create-account,
      form button[type="submit"],
      form input[type="text"],
      form input[type="password"] {
          font-size: 1rem;
      }
      
      /* Tamanho da fonte: Bot�o 'esqueceu senha' */
      form button.forgot-password {
          font-size: 1rem;
          line-height: 1.5rem;
          padding: .5rem;
      }
  }
  
  /* set element styles to fit in medium devices (tablets, 768px and up) */
  
  @media screen and (min-width: 768px) and (max-width: 991px) {
      /* Tamanho da fonte */
  
      form a.professional,
      form a.student,
      form label.mdl-textfield__label,
      form button[type="submit"],
      form input[type="text"],
      form input[type="password"] {
          font-size: 1rem;
      }
      
      /* Tamanho da fonte: Bot�o 'esqueceu senha' */
      
      form button.forgot-password {
          font-size: 1rem;
          line-height: 1.5rem;
          padding: .5rem;
      }
  }
  
  /* set element styles to fit in large devices (desktops, 992px and up) */
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
      /* Tamanho da fonte */
  
      form a.professional,
      form a.student,
      form button.create-account,
      form label.mdl-textfield__label,
      form button[type="submit"],
      form input[type="text"],
      form input[type="password"] {
          font-size: 1rem;
      }
      
      /* Tamanho da fonte: Bot�o 'esqueceu senha' */
      
      form button.forgot-password {
          font-size: .9rem;
          line-height: 1.5rem;
      }
  }
  
  /* set element styles to fit in extra large devices (large desktops, 1200px and up) */
  
  @media screen and (min-width: 1200px) { ... }