main {
  min-height: 67vh;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.full {
  height: 68vh;
}

.headerLink:hover {
  color: #222 !important;
}

.centralizar {
  display: flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
}

.noFocus {
  outline: none !important;
  box-shadow: none !important;
}

.header-area .header-bottom {
  box-shadow: 0px 0px 36px 0px rgb(0 0 0 / 10%);
  background: #a4ac96;
}

.footer-bottom-area {
  background: #a4ac96;
}

.imgResponsive {
  max-width: 300px;
  max-height: 800px;
  width: auto;
  height: 100%;
  cursor: pointer;
}

.imgResponsiveZoom {
  max-height: 750px;
  width: 100%;
  height: 75%;
}

.menuSelected {
  color: #333333;
}

.typeBtn {
  background-color: white;
  color: black;
  cursor: pointer;
}

.btn-mainColor {
  color: #fff;
  background-color: #a4ac96;
  border-color: #a4ac96
}

.btn-outline-mainColor {
  color: #a4ac96;
  border-color: #a4ac96
}

.btn-mainColor:hover {
  color: #fff;
  background-color: #747E63
}

.btn-mainColor.disabled,
.btn-mainColor:disabled {
  color: #fff;
  background-color: #747E63;
  border-color: #747E63
}

.btn-mainColor:not(:disabled):not(.disabled).active,
.btn-mainColor:not(:disabled):not(.disabled):active,
.show>.btn-mainColor.dropdown-toggle {
  color: #fff;
  background-color: #747E63;
  border-color: #747E63
}

.btn-red {
  color: #fff;
  background-color: #ff0000;
  border-color: #ff0000
}

.btn-outline-red {
  color: #ff0000;
  border-color: #ff0000
}

.btn-red:hover {
  color: #fff !important;
  background-color: #660000
}

.btn-red.disabled,
.btn-red:disabled {
  color: #fff !important;
  background-color: #660000;
  border-color: #660000
}

.btn-red:not(:disabled):not(.disabled).active,
.btn-red:not(:disabled):not(.disabled):active,
.show>.btn-red.dropdown-toggle {
  color: #fff !important;
  background-color: #660000;
  border-color: #660000
}

.btn-white {
  color: #222;
  background-color: #ffffff;
  border: 1px solid #222;
  border-radius: 3px;
}

.btn-outline-white {
  color: #ffffff;
  border: 1px solid #222;
  border-radius: 3px;
}

.btn-white:hover {
  color: #ffffff;
  background-color: #222;
  border: 1px solid #222;
  border-radius: 3px;
}

.btn-white.disabled,
.btn-white:disabled {
  color: #ffffff;
  background-color: #222;
  border-color: #222;
  border: 1px solid #222;
  border-radius: 3px;
}

.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled):active,
.show>.btn-white.dropdown-toggle {
  color: #ffffff;
  background-color: #222;
  border-color: #222;
  border: 1px solid #222;
  border-radius: 3px;
}

.btn-zoomSelected {
  transform: scale(1.4);
}

.selectedAlternative {
  color: #a4ac96;
}

.simpleBtn {
  color: #212529;
  background-color: white;
}

.commentIcon {
  color: #212529;
  background-color: whitesmoke;
}

.btn-vermelho {
  color: #fff;
  background-color: #EF2917;
  border-color: #EF2917
}

.btn-outline-vermelho {
  color: #EF2917;
  border-color: #EF2917;
}

.btn-vermelho:hover {
  color: #fff;
  background-color: #92160b;
}

.btn-vermelho.disabled,
.btn-vermelho:disabled {
  color: #fff;
  background-color: #92160b;
  border-color: #92160b
}

.btn-vermelho:not(:disabled):not(.disabled).active,
.btn-vermelho:not(:disabled):not(.disabled):active,
.show>.btn-vermelho.dropdown-toggle {
  color: #fff;
  background-color: #92160b;
  border-color: #92160b
}

.btn-amarelo {
  color: #333;
  background-color: #E0E000;
  border-color: #E0E000
}

.btn-outline-amarelo {
  color: #E0E000;
  border-color: #E0E000;
}

.btn-amarelo:hover {
  color: #333;
  background-color: #B8B800;
}

.btn-amarelo.disabled,
.btn-amarelo:disabled {
  color: #333;
  background-color: #B8B800;
  border-color: #B8B800
}

.btn-amarelo:not(:disabled):not(.disabled).active,
.btn-amarelo:not(:disabled):not(.disabled):active,
.show>.btn-amarelo.dropdown-toggle {
  color: #333;
  background-color: #B8B800;
  border-color: #B8B800
}

.fontSize {
  font-size: 12px;
}

#scrollUp {
  background: #747E63;
  height: 50px;
  width: 50px;
  right: 31px;
  bottom: 18px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  line-height: 48px;
  border: 2px solid transparent;
}

.textMainColor {
  color: #a4ac96;
}

.textMainColor:hover {
  color: #747E63;
  ;
}

pre {
  font-family: "Barlow", sans-serif;
  color: #051441;
  margin-top: 0px;
  font-style: normal;
  font-weight: 500;
  text-transform: normal;
  white-space: pre-wrap;
}

.feedLimit {
  overflow: auto;
  max-height: 700px;
}

.formularios {
  background-color: whitesmoke;
  border: none;
}

.btnPrincipal {
  display: inline-block;
  outline: none;
  line-height: 40px;
  padding: 0 30px;
  font-size: .8em;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  color: #7f8e59;
  border: 1px solid #ccd2bd;
  background: #fff;
  line-height: 20px;
}

#titulos {
  background: #a4ac96;
  color: #fff;
}

.btnPrincipal:hover {
  color: white;
  background: #ccd2bd;
}

.btnPrincipal.active {
  background: #ccd2bd;
  border: 1px solid #ccd2bd;
  color: white;
}

.btnSecundario.active {
  background: #222;
  border: 1px solid #222;
  color: white;

}

.customOption {
  display: block;
  width: 100%;
  line-height: 40px;
  border: none;
  outline: none;
  background: rgb(216, 219, 209, 0.5);
  padding: 10px 20px;
}

.btn-verdeEv {
  color: #fff;
  background-color: #27b145;
  border-color: #27b145
}

.filtroTabela {
  border-radius: 5px;
  border-width: 1px;

}

body {
  padding-right: 0 !important
}

.surveyCard {
  display: flex;
  align-items: end;
  height: 250px;
  min-height: 250px;
  width: 100%;
  background-size: 120% 120%;
  background-repeat: no-repeat;
  background-position: 55% 70%;
  cursor: pointer;
}

.surveyCardOverlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%);
  width: 100%;
  height: 102%;
  cursor: pointer;
}

.surveyCard2 {
  display: flex;
  align-items: end;
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 43%;
  cursor: pointer;
}

.surveyCardOverlay2 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCard3 {
  display: flex;
  align-items: end;
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 43%;
  cursor: pointer;
}

.surveyCardOverlay3 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCard4 {
  display: flex;
  align-items: end;
  height: 530px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 43%;
  cursor: pointer;
}

.surveyCardOverlay4 {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: default;
}

.surveyCardCircular {
  display: flex;
  align-items: end;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
}

.surveyCardOverlayCircular {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCardOrdem {
  display: flex;
  align-items: end;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
}

.surveyCardOverlayOrdem {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCardResultados {
  display: flex;
  align-items: end;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 60%;
  cursor: pointer;
}

.surveyCardOverlayResultados {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCardJulgamento {
  display: flex;
  align-items: end;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 75%;
  cursor: pointer;
}

.surveyCardOverlayJulgamento {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCardContas {
  display: flex;
  align-items: end;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  cursor: pointer;
}

.surveyCardOverlayContas {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 0%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.surveyCardalertModal {
  display: flex;
  align-items: end;
  height: 600px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  cursor: default;
}

.surveyCardAlert {
  display: flex;
  align-items: end;
  height: 300px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 43%;
  cursor: pointer;
}

.surveyCardOverlayAlert {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media (max-width:768px) {

  .surveyCardalertModal {
    display: flex;
    align-items: end;
    height: 373px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
    padding-right: 0px;
    padding-left: 0px;
  }


}

.surveyCardalertModalOverlay {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
  width: 100%;
  height: 100%;
  cursor: default;
}

.theFont {
  font-family: Arial;
  font-weight: 900;
  color: #ffffff;
 
}

.theFont2 {
  font-family: Arial;
  font-weight: 900;
  color: #E0E000;
}

.theFont3 {
  font-family: Arial;
  font-weight: 900;
  color: #ffffff;
  background-color:black;
}

.sponsorBG {
  background-image: url(../img/sponsor.jpg);
  height: 250px;
  background-position: center;
  background-size: cover
}

.subsBG {
  background-image: url(../img/circular.jpg);
  background-position: revert;
  background-size: cover;
  background-repeat: no-repeat;
}

.creditBG {
  background-image: url(../img/pagamento.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.alertBG {
  background-color: #D8DBD1;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: #ff7e7e
}

.alertPopImg {
  background-image: url(../img/leilaoNccr.jpeg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.alertPop2Img {
  background-image: url(../img/fotoBaia.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.list>li,
.list>h6 {
  list-style: circle;
  color: #ffffff;
}

.overScale {
  transform: scale(1.2);
}

.imgBack1 {
  background-image: url(../img/trending/shine.jpg);
  width: 100%;
  height: auto;
  max-height: 600px;
}

.modal-dialog {
  max-width: 600px;
  width: 100%;
  margin: 1.75rem auto;
}

.noFocus {
  outline: none !important;
  box-shadow: none !important;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.5rem;
}

.single-input:focus {
  background-color: rgb(116, 126, 99, 0.2) !important;
  border: 1px solid rgb(116, 126, 99, 0.2);
  color: #222 !important
}

.imageCropperEdit {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePictureEdit {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.imageCropperMenus {
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePictureMenus {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.imageCropperHeader {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePictureHeader {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.imageCropperMob {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePictureMob {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.imageCropper16 {
  width: 25px;
  height: 25px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePicture16 {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.imageCropperConfirm {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.profilePictureConfirm {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: cover;
}

.form-select {
  height: 40px;
  width: 100%;
}

.hideSeek {
  display: none;
}

.sideByside {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.deleteBtn
{
  color: red;
  cursor: pointer;
}

.deleteBtn:hover
{
  color: red;
  transform:scale(1.4);
  cursor: pointer;
}

.downloadLink:hover{
  transform: scale(1.0, 1.1); 
}
.warning-checkout{
 font-size: 10px;
 font-weight: bold;
 list-style-type: circle;
 margin: 2px;
}
.warning-checkout-title{

 font-weight: bold;
color: red;
font-size: 15px;
}
.warning-checkout-list{
 list-style-type:disc;
}


/* border: aquamarine; */
/* .footer-area {
background: #070b11;
} */

.about-details {
  margin-bottom: 1.5rem;
}

.about-details-cap h5 {
  margin-bottom: 1rem;
}

.surveyCardCircular,
.surveyCardOrdem,
.surveyCardResultados,
.surveyCardJulgamento,
.surveyCardContas {
  transition: transform 0.3s ease;
}

.surveyCardCircular:hover,
.surveyCardOrdem:hover,
.surveyCardResultados:hover,
.surveyCardJulgamento:hover,
.surveyCardContas:hover {
  transform: scale(1.02);
}