.login-container {
  max-width: 100%;
  padding: 2rem 1rem;
  margin: 0 auto;
  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

@media (min-width: 768px) {
  .login-container {
    max-width: 400px;
    margin-top: 2rem;
  }
}

.form-group {
  margin-bottom: 1.5rem;
}

label {
  display: block;
  margin-bottom: 0.5rem;
  color: #374151;
  font-weight: 500;
}

#login-form input[type="text"],
#login-form input[type="password"] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 1rem;
}

.leaflet-control-attribution
{
	color: #AAA;
}

.btn-primary {
  transition: transform 0.2s ease-in-out;
}

.btn-primary:hover {
  transform: translateY(-1px);
}

.container-slide
{
	flex: 1 1 auto;
    flex-flow: column;
    display: flex;
}

.container-card
{
	border-radius: 0;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    background-color: #EBF2F2;
}

.login-container-card{
    border-radius: 2rem;
    background-color: #EBF2F2;	
}

.page-scrolled .navbar{
	background: linear-gradient(90deg, rgba(56, 202, 164, 0.7) 0%, rgba(34, 145, 239, 0.7) 100%);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.d-grid .btn,
.d-grid select{
	border-radius: 1.2rem;
}

.btn-gbcolor{
	background-image: linear-gradient(90deg, rgba(56, 202, 164, 1) 0%, rgba(34, 145, 239, 1) 100%);
	border: none;
}

.btn-orcolor, .btn-danger.btn-gbcolor{	
	background: linear-gradient(90deg, rgba(250, 137, 100, 1) 0%, rgba(253, 63, 29, 1) 100%);
	border: none;
}

.btn-lg.btn-gbcolor, .btn-lg.btn-orcolor,
.p-2.btn-gbcolor, .p-2.btn-orcolor{
	border-radius: 1rem;
	letter-spacing: 1pt;
}

.text-gb{
	color: #31A29C;
}


.text-or{
	color: #FA8964;
}

.scanner-container{	
    background: #CCC;
    border-radius: 2rem;
    min-height: 250px;
    overflow: hidden;
}

#ddlDays{
	background-color: transparent;
	border-radius: 0.8rem;
	border: 1px solid #31A29C;
}

#historyTable th,
#historyTable tr>td{
    background-color: transparent;
	border-bottom: 1px solid #31A29C;	
}
.swal2-popup
{
    /*color: #31A29C;*/
    background-color: #EBF2F2;
}

.swal2-html-container
{
    /*color: #31A29C;*/
}
.swal2-styled.swal2-confirm{
	background-image: linear-gradient(90deg, rgba(56, 202, 164, 1) 0%, rgba(34, 145, 239, 1) 100%) !important;
	border: none;
	box-shadow: none !important;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 1rem;
}