@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles&display=swap');
*{
  font-family: 'Arial';
}

input
{ 
  background: rgb(236, 235, 231) !important;


}


.login-form form {
	border-radius: 3px;
	margin-bottom: 15px;
	background: rgba(135, 12, 235, 0.1);
	box-shadow: 40px 40px 30px rgba(0, 0, 0, 0.5);
  padding: 30px;
  width: 350px;
}

.btn-circle.btn-sm { 
  width: 30px; 
  height: 30px; 
  padding: 6px 0px; 
  border-radius: 15px; 
  font-size: 8px; 
  text-align: center; 
} 
.btn-circle.btn-md { 
  width: 50px; 
  height: 50px; 
  padding: 7px 10px; 
  border-radius: 25px; 
  font-size: 10px; 
  text-align: center; 
} 
.btn-circle.btn-xl { 
  width: 70px; 
  height: 70px; 
  padding: 10px 16px; 
  border-radius: 35px; 
  font-size: 12px; 
  text-align: center; 
} 

.fileimage {
  position: relative;
  width: 100px;
  display: inline-block;
  text-align-last: center;
}

.fileimage img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.fileimage .btn {
  cursor: pointer;
}

.material-icons
{
  vertical-align: middle;
}

.dropdown
{
  padding-right: 10px;
}

.datelink
{
text-align: center;
padding: 1em;
}
.datelink a
{
  margin: 1px;
}
.date-row
{
  display: -ms-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.card{
  background-color: #FFFFFF;
  padding:0;
  margin-top:20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:4px;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

}

.card button{
  margin:5px;
  opacity: 0.65;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em;
  line-height: 1.8em;
  text-align: center;
  font-weight: 900;
}

.sidebarfooter a
{
color: white;
font-family: "system-ui";
}

.sidebarfooter
{
  position:fixed; 
  bottom: 0; 
  height:40px; 
  width: 12.5rem; 
  text-align: center;
}

.tablelocation
{
  margin-bottom: 0rem;
}

.waiter
{
  color: white;
  background: chocolate;
}

.accordion {
  background-color: #eee;
  color: white;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.accordion2 {
  background-color: green;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordion2 h2
{
  text-align: center;
}

.active, .accordion:hover {
  color: white; 
}

.panel {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: none;
  background-color: white;
}

.accpanel {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: white;
}

.reporttable
{
text-align: center;
}
.table .reporttable th
{
  border-bottom: none;
  border-top: none;
}

.who
{
  background-color: seagreen;
}

.depreciation
{
  background-color: indianred;
}

.cardcash
{
  background-color: peru;
}

.cash
{
  background-color: goldenrod;
}

.sales
{
  background-color: darkorchid;
}

.tip
{
  background-color: orange;
}

.vykaztable td
{
  padding: .5rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.datecolumn
{
  width: max-content;
}

.cashbooktable
{
  flex-wrap: nowrap;
  display: flex;
}

.salestable-col{
  min-width: 50em;
}

.comparesalestable-col{
  min-width: 16em;
}

.fixed{
  z-index: 1;
  top: 5em;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  background-color: #3f84fc;
  border-radius: 0px 0px 10px 10px;
}

    @media only screen and (max-width : 425px) {
      .tablezoom
    {
      zoom: 41% !important;
    }

    .tools-item{
      flex-flow: column;
    }
    .fileimage {
      width: 50px;
    }
    .fileimage img {
      width: 50px;
    }
    }


    /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .tablezoom *{
    font-size: xx-small;
  }

  .zoomsize *{
    zoom: 95%;
    font-size: small;
  }
  .fixed{
    top: 7em;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

/* Medium devices (landscape tablets, 768px and up)
@media only screen and (min-width: 768px) {
  .example {background: blue;}
}  */

/* Large devices (laptops/desktops, 992px and up) */
/* @media only screen and (min-width: 991px) {

}  */

/* Extra large devices (large laptops and desktops, 1200px and up)
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
} */


.rounded-aa
{
  border-radius: 10px;
}

.lesk
{
  box-shadow: rgba(246, 246, 246, 1) 0px 5px 15px;
}