.green-bar {
  background-color: #96CEB5;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px; }

@media (min-width: 760px) {
  .menu-user-abstract {
    background-color: #004062;
    color: white;
    font-size: 16px;
    margin-bottom: 15px; }
    .menu-user-abstract .title-user {
      font-size: 22px;
      width: 30%;
      border-right: 1px solid white;
      padding: 5px 10px;
      display: inline-block; }
    .menu-user-abstract .page-title-user {
      width: 69%;
      display: inline-block;
      text-align: right; } }

.user-painel {
  margin-bottom: 30px; }
  .user-painel .abs-item-user {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 5px;
    background-color: #f5f5f5;
    transition: 0.3s;
    height: 270px;
    margin-bottom: 20px; }
    .user-painel .abs-item-user:hover {
      background-color: #f1f1f1;
      transition: 0.3s; }
      .user-painel .abs-item-user:hover .fa-8x {
        opacity: 1;
        transition: 0.5s; }
      .user-painel .abs-item-user:hover .incompleto .fa-8x {
        color: #96ceb5; }
      .user-painel .abs-item-user:hover .corecao .fa-8x {
        color: #e85c5c; }
      .user-painel .abs-item-user:hover .ok .fa-8x {
        color: green; }
      .user-painel .abs-item-user:hover .preenchido .fa-8x {
        color: #74c4ed; }
    .user-painel .abs-item-user h4 {
      text-transform: uppercase;
      text-align: center;
      font-size: 15px;
      font-weight: 700; }
    .user-painel .abs-item-user .fa-8x {
      font-size: 180px;
      opacity: 0.1;
      color: black;
      transition: 0.5s; }
    .user-painel .abs-item-user .right-date {
      float: right;
      margin-top: 3px; }

.add-author .green {
  background-color: #009688;
  padding-top: 5px;
  padding-bottom: 5px; }

.add-author .blue {
  background-color: #008578;
  padding-top: 3px;
  padding-bottom: 3px;
  color: white;
  padding-left: 15px; }

.add-author label {
  color: white; }

.add-author .add {
  padding: 6px 15px;
  background-color: #004062;
  color: white;
  border-radius: 5px;
  border: 1px solid white; }
  .add-author .add:hover {
    background-color: #015582;
    color: white; }

.add-author .form-control {
  height: 32px;
  font-size: 14px;
  border-radius: 0px; }

#list-authors {
  padding-top: 15px;
  padding-bottom: 15px; }
  #list-authors .authorPointer {
    padding-top: 5px;
    padding-bottom: 5px;
    transition: 0.5s;
    margin-top: 5px; }
    #list-authors .authorPointer .label {
      border: 0px solid;
      font-weight: 300; }
    #list-authors .authorPointer .box-move {
      padding: 2px 7px;
      background-color: #fff;
      border-radius: 5px;
      float: right; }
  #list-authors .authorPointer:hover {
    background: #ccedea;
    cursor: pointer;
    transition: 0.5s; }

.author-item {
  background: #eee;
  margin-top: 25px;
  padding: 5px; }
  .author-item thead td {
    font-weight: 700; }
  .author-item tbody tr {
    transition: 0.3s; }
  .author-item tbody tr:hover {
    background-color: #ccedea;
    transition: 0.3s; }

.mfp-content {
  background: white;
  padding: 0px 10px 10px 10px;
  max-width: 700px;
  margin: auto; }

.white-popup .linha {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  font-size: 12px; }

.white-popup .linha:last-child {
  border-bottom: 0px solid !important; }

.white-popup label {
  font-size: 16px; }

.form-content-abstract {
  margin-top: 30px;
  margin-bottom: 30px; }

.palavras-chaves .keyword {
  display: inline-block;
  max-width: 200px; }

.single-product .price del {
  display: none; }

.btn-congress {
  font-size: 18px !important;
  font-weight: 300 !important;
  padding: 15px 20px !important;
  background: #003F62;
  color: white;
  border-radius: 0px; }
  .btn-congress:hover {
    background: #02334e !important;
    color: white !important; }

@media (min-width: 769px) {
  .add-author .add {
    margin-top: 28px; } }

@media (max-width: 768px) {
  .add-author .add {
    margin-top: 10px; } }

.tela_login_avaliador {
  height: 100%;
  background-color: #F1F1F1; }
  .tela_login_avaliador .header {
    display: none; }
  .tela_login_avaliador .login_avaliador .login_campos {
    padding: 35px;
    margin: 15% 34% 0px;
    background-color: white;
    margin-top: 15%;
    text-align: center; }
    .tela_login_avaliador .login_avaliador .login_campos form {
      margin-top: 30px;
      text-align: left; }
    .tela_login_avaliador .login_avaliador .login_campos img {
      width: 300px; }
    .tela_login_avaliador .login_avaliador .login_campos .titulo_login {
      font-size: 17px;
      margin-bottom: 10px;
      color: #004062;
      text-align: center; }

.title-avaliador {
  border: 0px !important; }

.login_avaliador {
  margin-bottom: 20px; }
  .login_avaliador span {
    font-size: 16px;
    font-weight: 400;
    color: #888; }
  .login_avaliador .email_login, .login_avaliador .password_login {
    margin-bottom: 15px; }
  .login_avaliador input {
    width: 300px;
    height: 40px;
    background-color: #f5f5f4;
    border: 0px solid;
    border-radius: 5px;
    padding-left: 10px; }
  .login_avaliador .submit_login {
    display: block;
    width: 300px;
    text-align: right; }
    .login_avaliador .submit_login input {
      width: 100px;
      background-color: #015582;
      color: white;
      padding: 6px 15px;
      border-radius: 5px; }

.painel_avaliador {
  margin-bottom: 30px; }
  .painel_avaliador .ui-tabs-nav {
    padding: 0px !important;
    text-align: center; }
  .painel_avaliador #tabs ul {
    margin-bottom: 30px !important; }
    .painel_avaliador #tabs ul li {
      list-style: none;
      display: inline-block;
      margin-right: 20px;
      font-size: 16px;
      border-bottom: 1px solid #DDDDDD;
      padding-bottom: 5px; }
  .painel_avaliador .avaliacao_avaliador {
    background-color: #F5F5F5;
    color: #444;
    padding: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
    .painel_avaliador .avaliacao_avaliador .titulo_resumo {
      font-size: 15px;
      font-weight: 700;
      text-transform: uppercase;
      text-align: center; }
    .painel_avaliador .avaliacao_avaliador .fa-8x {
      font-size: 180px;
      color: black;
      transition: 0.5s;
      opacity: 0.1; }
  .painel_avaliador .avaliacao_avaliador:hover {
    transition: 0.5s;
    color: #23527c; }
    .painel_avaliador .avaliacao_avaliador:hover .fa-8x {
      opacity: 1;
      transition: 0.5s;
      color: #74c4ed; }
    .painel_avaliador .avaliacao_avaliador:hover .fa-check-circle {
      color: green !important; }
    .painel_avaliador .avaliacao_avaliador:hover .fa-times-circle {
      color: red !important; }
  .painel_avaliador .nenhuma_avaliacao {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
    font-size: 16px; }

.painel_avaliacao {
  margin-bottom: 30px; }
  .painel_avaliacao .resumo_avaliacao {
    margin-top: 20px; }
  .painel_avaliacao .notas_avaliacao {
    margin-bottom: 20px; }
    .painel_avaliacao .notas_avaliacao textarea {
      width: 100%; }
  .painel_avaliacao .btns {
    margin-top: 20px; }
    .painel_avaliacao .btns button, .painel_avaliacao .btns input {
      font-size: 16px;
      color: white;
      padding: 5px 10px;
      border-radius: 50px;
      border: 0px;
      background-color: #009688; }
    .painel_avaliacao .btns button:hover, .painel_avaliacao .btns input:hover {
      transition: 0.3s;
      background-color: #007F74; }
    .painel_avaliacao .btns .btn-enviar {
      text-align: right; }

.conta_avaliador {
  font-size: 16px;
  color: #888;
  font-weight: 400; }
  .conta_avaliador form {
    width: 30%; }
  .conta_avaliador input {
    width: 100%;
    background-color: #f5f5f4;
    height: 40px;
    border: 0px solid;
    padding: 6px 12px;
    color: #555;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; }
  .conta_avaliador .email_conta, .conta_avaliador .password_conta, .conta_avaliador .submit_conta {
    margin-top: 10px; }
  .conta_avaliador .submit_conta {
    display: inline-block;
    margin-bottom: 30px; }
    .conta_avaliador .submit_conta input, .conta_avaliador .submit_conta button {
      font-size: 16px;
      color: white;
      padding: 5px 10px;
      border-radius: 50px;
      border: 0px;
      background-color: #009688;
      width: unset; }
  .conta_avaliador .submit_conta {
    float: right; }
  .conta_avaliador .submit_return {
    float: left; }

.visualizar .cart {
  background-color: white;
  margin: 5px; }
  .visualizar .cart .menu {
    padding: 1em !important; }
  .visualizar .cart .cart-header {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5; }
    .visualizar .cart .cart-header a {
      float: right;
      margin-top: -40px; }
  .visualizar .cart .cart-body {
    padding: 10px; }

.visualizar .top {
  letter-spacing: 0px; }
  .visualizar .top .logo-img {
    max-width: 200px;
    margin: 5px; }

.visualizar .pure-table {
  width: 100%; }

.visualizar .responsive-table {
  width: 100%;
  overflow: hidden;
  overflow-x: auto; }

.visualizar h2 {
  font-weight: 300;
  font-size: 18px; }

.visualizar #wpwrap {
  background-color: #eee; }

.visualizar .add_campo {
  display: block;
  background: #C1C129;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
  transition: 0.3s; }
  .visualizar .add_campo:hover {
    background: #8A8A1E;
    transition: 0.3s; }

.visualizar .remove {
  color: red;
  font-size: 12px;
  cursor: pointer; }
  .visualizar .remove:hover {
    color: #930000; }

.visualizar .btn-avaliador {
  background: green;
  color: white;
  width: 100%;
  border: 0px solid;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 15px;
  transition: 0.3s; }
  .visualizar .btn-avaliador:hover {
    background: #004700;
    transition: 0.3s; }

.header .login {
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
  /* Change color of dropdown links on hover */
  /* Show the dropdown menu on hover */
  /* Change the background color of the dropdown button when the dropdown content is shown */ }
  .header .login .dropdown {
    position: relative;
    display: inline-block; }
  .header .login .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99; }
  .header .login .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; }
    .header .login .dropdown-content a input {
      background-color: transparent;
      margin-left: -5px;
      border: 0px; }
  .header .login .dropdown-content a:hover {
    background-color: #f1f1f1; }
  .header .login .dropdown:hover .dropdown-content {
    display: block; }
  .header .login .dropdown:hover .dropbtn {
    background-color: #3e8e41; }