/*!
 * Start Bootstrap - Agency v4.1.1 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */

body {
  overflow-x: hidden;
  font-family: 'Open Sans', 'Arial', sans-serif;
  color: #636466;
}

#headerSection {
  /*background: #01021F;*/
  /*background: -moz-radial-gradient(circle, rgba(14, 24, 87, 1) 20%, rgba(8, 14, 56, 1) 100%);
  background: -webkit-radial-gradient(circle, rgba(14, 24, 87, 1) 20%, rgba(8, 14, 56, 1) 100%);
  background: radial-gradient(circle, rgba(14, 24, 87, 1) 20%, rgba(8, 14, 56, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#748995", GradientType=1);
  background: radial-gradient(#101e63, #060c2c);*/
}

/*#home {
  background-color: #023f88;
}*/

/*#login {
  background-color: #00b4ed;
}*/

input.form-control {
  border-radius: 30px;
  color: #023f88 !important;
  padding: 10px 30px !important;
  border: 2px solid #023f88;
  box-shadow: none;
}

input::placeholder {
  color: #023f88 !important;
}

input.form-control.search {
  background-color: #F2F5F9;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding-left: 50px !important;
  color: #636466 !important;
}

input.form-control.search::placeholder {
  color: #636466 !important;
}

.btn.btn-login,
.btn.btn-start {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  padding: 7px 55px;
  width: auto;
  border-radius: 30px;
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: #023f88;
  transition: all 0.2s ease-in-out;
}

.btn.btn-login:hover,
.btn.btn-start:hover {
  background: #ffffff;
  color: #023F88;
  border-color: #023f88;
}

.text-primary {
  color: #023F88 !important;
}

.text-secundary {
  color: #00B4ED !important;
}

.category-name {
  text-transform: uppercase;
  color: #00B4ED;
  font-weight: bold;
  border: 2px solid #00B4ED;
  padding: 7px 35px;
  border-radius: 20px;
  margin: 30px auto;
  width: auto;
  font-size: 32px;
  line-height: 1.1;
  display: inline-block;
}

.category-text {
  font-size: 120%;
}

.text-gray {
  color: #636466;
}

.listagem.table tr th {
  background-color: #00B4ED;
  color: #ffffff;
  border: none;
}

.listagem.table tr td {
  color: #636466;
  vertical-align: middle;
  border: none;
}

.listagem.table.table-striped tbody tr:nth-of-type(even) {
  background-color: #F2F5F9;
}

.listagem.table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffffff;
}

.btn.btn-vote {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 25px;
  width: auto;
  border-radius: 30px;
  color: #ffffff;
  border: none;
  background-color: #00B4ED;
}

.btn.btn-vote:hover {
  background-color: #023F88;
  color: #ffffff;
}

.searchDiv {
  position: relative;
}

.searchDiv img {
  position: absolute;
  top: 5px;
  left: 5px;
}

.btn.btn-okay {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 25px;
  width: auto;
  border-radius: 30px;
  color: #ffffff;
  border: none;
  background-color: #023F88;
  box-shadow: none;
}

.btn.btn-okay:hover {
  background-color: #00B4ED;
}

.btn.btn-close {
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 7px 25px;
  width: auto;
  border-radius: 30px;
  color: #636363;
  border: none;
  background-color: #DDDEDA;
  box-shadow: none;
}

.btn.btn-close:hover {
  background-color: #00B4ED;
  color: #ffffff;
}

.modal-backdrop {
  background-color: #7FD9F6;
  opacity: 0.8 !important;
}

.modal-body textarea {
  background-color: #DDDEDA;
  resize: none;
  border: none;
  border-radius: 0;
}

.modal-body textarea:focus {
  box-shadow: none;
  background-color: #DDDEDA;
  border-color: transparent;
}

hr {
  border-top: 1px solid #00B4ED;
}

.voteResults {
  color: #ffffff;
}

.voteResults .span-category-name {
  text-transform: uppercase;
  color: #00b4ed;
  font-weight: bold;
  font-size: 18px;
}

.voteResults .span-user-voted {
  color: #023f88;
  font-size: 18px;
}

.voteResults .span-motive {
  color: #023f88;
  /*font-style: italic;*/
}

.clear {
  clear: both;
}

.chat {
  background: #ffffff;
}

.chat .titulo {
  background: #00AEE9;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 16px;
}

img {
  max-width: 100%;
}

a {
  color: #f15a24;
}

a:hover {
  color: #023c99;
}

section {
  padding: 50px 0;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.button-pollev {
  background-color: #00AEE9;
  border-color: #00AEE9;
}

.button-pollev:active,
.button-pollev:focus,
.button-pollev:hover {
  background-color: #86BC25 !important;
  border-color: #86BC25 !important;
  color: white;
}

.button-pollev:active,
.button-pollev:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

.button-survey {
  background-color: #86BC25;
  border-color: #86BC25;
}

.button-survey:active,
.button-survey:focus,
.button-survey:hover {
  background-color: #00AEE9 !important;
  border-color: #00AEE9 !important;
  color: white;
}

.button-survey:active,
.button-survey:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.bootbox-form {
  padding: 0 !important;
}

.button-okay {
  -webkit-appearance: none;
  border: none;
  text-align: center;
  border-radius: 0;
  padding: 0;
}

.button-okay:hover {
  /*  background: #F16522;
  color: #fff;
  transition: background 0.2s linear;
  cursor: pointer !important;*/
}

.bg-danger {
  background: #dc3545;
}

.button-cancel {
  background: #dc3545;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 20px;
  -webkit-appearance: none;
  border: none;
  text-align: center;
  width: 100px;
}

.button-cancel:hover {
  background: #c82333;
  cursor: pointer !important;
  transition: background 0.2s linear;
}

/* FOOTER */

footer {
  padding: 20px 0;
  font-family: 'Open Sans', 'Arial', sans-serif;
  background: #e6e6e6;
}

/* FOOTER */