::-webkit-input-placeholder { 
    color:    black;
    opacity: 1 !important;
    }

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}  

@media only screen and (max-width: 700px) {
#no-more-tables, .nomoretable table,
#no-more-tables, .nomoretable thead,
#no-more-tables, .nomoretable tbody,
#no-more-tables th, .nomoretable th,
#no-more-tables td, .nomoretable td,
#no-more-tables tr, .nomoretable tr {
display: block !important;
}
  
#no-more-tables thead tr, .nomoretable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-tables tr, .nomoretable tr { 
    border-bottom: 1px solid rgb(131, 131, 131); 
}
  
#no-more-tables td, .nomoretable td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
#no-more-tables td:before, .nomoretable td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
#no-more-tables td:before, .nomoretable td:before { content: attr(data-title); }
} 


#snackbar {
    visibility: hidden; 
    min-width: 250px;
    margin-left: -125px; 
    background-color: #333;
    color: #fff; 
    text-align: center;
    border-radius: 2px; 
    padding: 16px; 
    position: fixed;
    z-index: 1;
    left: 50%; 
    bottom: 100px;
}

#snackbar.show {
    visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
   animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.taskbox {
    font-weight: bold;
    right: 5px;
    min-width: 30px; /* Set a default minimum width */
    background-color: #333; /* Black background color */
    opacity: 0.5;
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 10px; /* Rounded borders */
    padding: 5px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 99; /* Add a z-index if needed */
}

.bottombanner{
    border-radius: 5px; /* Rounded borders */
    font-size: 0.7em;
    margin-right: 15px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    width: 100vw;
    background-color: #333;
    opacity: 0.8;
    color: #fff;
    text-align: center;
    position: fixed;
    z-index: 1;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.btmborder td, 
.btmborder tr,
.btmborder th {
    border-style:none;
    border-bottom:solid #585858;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.modal {
    overflow-y:scroll;
}

img.responsive{
    max-width:100% !important;
    height:auto !important;
}

.fitcontent{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; margin:auto;
}

.blurback{
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  padding-right:10px;
  padding-left:10px;
  border-radius: 10px;
}