body{
  background-color:#E6E6E6;
}

.bottom-navigation-bar{
  border-radius: 15px 15px 0 0;
  width:100%;
  height:80px;
  background-color:#25491F;
}

.main-content-client{
  margin:15px;
  padding-top:70px;
}

.report-embed{
  width:100%;
  height:100vh;
  top:0;
}

.loading-page{
  display:none;
}

#loading_logo{
  -webkit-animation: rotation 4s infinite linear;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to   {-webkit-transform: rotate(359deg);}
}

.main-content-accountant{
  margin:15px;
  padding-top:70px;
}

.main-content-admin{
  margin:15px;
  padding-top:70px;
}


.custom-main-header{
  margin:10px;
}

.custom-img:hover{
  cursor: pointer;
}


.custom-input input::placeholder{
  text-align:center;
  opacity:0.5;
  color:gray;
}


.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  cursor: inherit;
  display: block;
}

.large-text {
  display:block;
  max-width:auto;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media only screen and (max-width: 1000px) {
  .custom-input input::placeholder{
    font-size:10px;
  }
}

@media only screen and (max-width: 768px) {
  .filters-card{
    display:none;
  }
}


@media (max-width: 1000px) {
  .first-container{
    margin-top:80px;
  }
}


.jumbotron{
  padding-top:120px;
}


.upload-container {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  max-width: 100%;
  margin: 50px auto;
  text-align: center;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.upload-container input[type="file"] {
  display: none;
}

.upload-box {
  border: 2px dashed #0ed328;
  border-radius: 10px;
  padding: 30px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-box:hover {
  background-color: #f9f9f9;
}

.upload-box.dragover {
  background-color: #e8e8e8;
  border-color: #6ebd83;
}

.upload-box .icon {
  font-size: 2rem;
  color: #1ae038;
}

.upload-box h5 {
  font-weight: bold;
  margin: 15px 0;
}

.upload-box a {
  color: #15c936;
  text-decoration: none;
}

.upload-button {
  background-color: #137335;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  font-size: 1rem;
  margin-top: 20px;
  width: 100%;
}

.download-button {
  background-color: #136173;
  color: white;
  border: none;
  border-radius: 50px;
  padding: 10px 30px;
  font-size: 1rem;
  margin-top: 20px;
  width: 100%;
}

.upload-button:hover {
  background-color: #1ac81a;
}

.file-info {
  margin-top: 20px;
  font-size: 0.9rem;
  color: #333;
  text-align: left;
}

.file-icon {
  font-size: 4rem;
  color: #8ada8d;
  margin-bottom: 10px;
}

.file-name {
  font-size: 1rem;
  color: #333;
}