html {
  overflow-y: scroll;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype'), 
  url('../fonts/Poppins-MediumItalic.ttf') format('truetype'), 
  url('../fonts/Poppins-Medium.ttf') format('truetype'), 
  url('../fonts/Poppins-LightItalic.ttf') format('truetype'), 
  url('../fonts/Poppins-Light.ttf') format('truetype'), 
  url('../fonts/Poppins-BoldItalic.ttf') format('truetype'), 
  url('../fonts/Poppins-Bold.ttf') format('truetype'), 
  url('../fonts/Poppins-BlackItalic.ttf') format('truetype'), 
  url('../fonts/Poppins-Black.ttf') format('truetype');
}

body {
  font-family: 'Poppins' !important;
  font-weight: normal; /* Specify the font weight if applicable */
  height: 100%;
  background-color: #f3f3f3 !important;
}

form {
  border: 1px solid rgba(0, 0, 0, .12);
  padding: 20px; /* Adiciona algum preenchimento interno para melhor visualização */
  width: 514px; /* Define uma largura para o formulário */
  margin: 20px auto; /* Centraliza o formulário na página */
  background-color: #ffffff;
}

.settings-modal{
  background: none;
}

.input-group-lg>.form-control {
  border-radius: unset !important;
}

.card { 
  margin-bottom: 25px;
}

.gray-div {
  margin: 20px auto;
  margin-top: -20px; 
  width: 514px; /* Define uma largura para o formulário */
  height: 128px;
  border: 1px solid rgba(0, 0, 0, .12); /* Adiciona uma borda com cor cinza */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow */
  padding: 20px;
  background-color: #f3f3f3;
}

.gray-div p {
  margin-bottom: 10px;
  color: #333; /* Text color */
}

.gray-div span {
  color: #636363;
  margin-left: 10px;
}

.gray-div a {
  margin-left: 10px;
  text-decoration: none; /* Remove underline */
}

.error {
  color: red;
}

/* Set custom x and y positioning for the navbar-brand */
.navbar .navbar-brand {
  margin-left: 28px; /* Set your desired margin-left value */
  font-size: 30px !important;
  font-weight: bold;
  color: #ffffff;
}

.navbar-brand.mx-auto:hover {
  color: #ffffff !important;
}

.navbar .navbar-brand p {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
}

/* Style for the text behind the image */
.brand-text {
  font-size: 24px;
  color: white; /* Set your desired background color with opacity */
}

/* Customize the navbar background and text color */
.navbar-light {
  height: 140px;
  background-color: #23527c;  /* Set your desired background color */
  color: #23527c;  /* Set your desired text color */
}

/* Override the background-color set by .bg-light with higher specificity */
.navbar-light.bg-light {
  background-color: #23527c !important; /* Use !important to ensure the override */
}

/* Customize the link color */
.navbar-light .navbar-nav .nav-link {
  color: #23527c;  /* Set your desired link color */
}

/* Customize the link color on hover */
.navbar-light .navbar-nav .nav-link:hover {
  color: #23527c;  /* Set your desired link color on hover */
}

.form-signin {
  padding: 4rem;
  text-align: center;
}

.form-signin .form-group {
  padding-bottom: 2rem;
  text-align: left;
}

.form-signin input::placeholder {
  color: #6c757d; /* Gray placeholder color */
  font-size: 16px;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-radius: 0px;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-radius: 0px;
}


.input-group-lg>.form-control, .input-group-lg>.form-select {
  font-size: 16px !important;
}

.form-signin .btn-primary {
  width: 157px; 
  height: 50px;
  background-color: #23527c !important; 
  border-color: #23527c !important;
  align-content: center;
}

.alert { 
  --bs-alert-border-radius: 0px !important;
}

.footer {
  height: 140px;
  background-color: #23527c;  /* Set your desired background color */
  color: #23527c;  /* Set your desired text color */
}

.footer .container {
  margin-left: 0px;
}

.footer span {
  color: #ffffff;
  font-size: 12px;
  margin-left: 20px;
}

.footer .col-8 {
  color: white; /* Add any additional styling as needed */
  font-size: 14px;
}

.footer .col-4 {
  color: white; /* Add any additional styling as needed */
  text-align: right;
}

.img_footer {
  margin-left: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  /* Adjust form width for smaller screens */
  form {
    width: 85%;
  }

  /* Center form on smaller screens */
  form, .gray-div {
    margin: 20px auto;
  }
  

  /* Adjust navbar brand styles for smaller screens */
  .navbar .navbar-brand {
    margin-left: 10px; /* Adjust as needed */
  }

  .navbar-brand.mx-auto {
    display: none; /* Hide the element on smaller screens */
  }

  .navbar .navbar-brand p {
    margin-left: 0;
  }

  .gray-div {
    margin-top: -20px; 
    width: 85%;
  }

  .footer {
    height: auto !important;
  }

  .footer .col-4 {
    display: none;
  }

  /* Additional responsive adjustments as needed */
}

.social li {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: right;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
  list-style: none;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}

.social li a {
	color: #EDEFF1;
}

.social li:hover {
	border: 2px solid #23527c;
	background: #23527c;
}

.social li a i {
	font-size: 20px;
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}