body {
    background-color: rgb(229, 229, 229);
}

#body-container {
    margin-top: 5rem;
}
#login-container {
    height: 75vh;
    box-shadow: 7px 10px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
} 

#login-profile {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    object-fit: fill;
}

/* FONTS */
.avla-primary-font {
    font-family: Arial, Helvetica, sans-serif;
    color:rgb(39, 39, 73);
    font-weight: 700;
}

.avla-secondary-font {
    font-family: Archivo black;
    color: rgb(39, 39, 73);
}

/* FONT COLORS */

.avla-primary-font-color {
    color: rgb(233, 152, 0);
}

/* COLORS */

.avla-gradient-color {
    background: linear-gradient(to bottom,
     rgb(255, 119, 0),
     rgb(255, 129, 19),
     rgb(255, 129, 19),
     rgb(255, 140, 40),
     rgb(252, 144, 50),
     rgb(255, 146, 4),
     rgb(255, 172, 19),
     rgb(255, 199, 94),
     rgb(255, 207, 117),
     rgb(255, 209, 124), 
     rgb(253, 220, 159), 
     rgb(251, 236, 208));
    
}

.bizpartz {
    background: linear-gradient(to bottom,
     rgb(2, 60, 15),
     rgb(0, 62, 14),
     rgb(0, 80, 19),
     rgb(0, 98, 23),
     rgb(0, 112, 26),
     rgb(0, 125, 29),
     rgb(0, 136, 32),
     rgb(0, 148, 34),
     rgb(0, 166, 39),
     rgb(0, 200, 47), 
     rgb(82, 236, 118), 
     rgb(121, 254, 152));
     
}

/* BACKGROUND COLORS */

.avla-primary-bg-color {
    background-color: #FBA004;
}

.bizpartz-primary-bg-color {
    background-color: rgb(0, 47, 11);
}

.bizpartz-background-color {
    background-color: rgb(0, 47, 11);
}

.bizpartz-search-color {
    background-color: rgb(0, 47, 11);
}

.avla-secondary-bg-color {
    background-color: #E3891C;
}

.avla-background-color {
    background-color: rgb(200, 200, 200);
}


/* BUTTON HOVERS */



.avla-primary-button-hover:hover {
    background-color: orangered;
}

.bizpartz-primary-bg-color:hover {
    background-color: rgb(0, 200, 47);
}

.avla-secondary-button:hover {
    background-color: gray;
}


/* BUTTON SHADOW */
.avla-button-shadow {
    box-shadow: 7px 10px 10px 0px rgba(0, 0, 0, 0.5);
}

.bizpartz-container-shadow {
    box-shadow:
  4px 6px 2.2px rgba(0, 0, 0, 0.018),
  8.2px 12.1px 5.3px rgba(0, 0, 0, 0.025),
  12.9px 19px 10px rgba(0, 0, 0, 0.031),
  19.2px 28.2px 17.9px rgba(0, 0, 0, 0.037),
  30.4px 44.8px 33.4px rgba(0, 0, 0, 0.046),
  68px 100px 80px rgba(0, 0, 0, 0.07)
;
}


/* FONT SIZES */

.avla-font-size-16 {
    font-size: 16;
}

.avla-font-size-24 {
    font-size: 24px;
}

/* FONT COLORS */

.transparent-icon {
  opacity: 0;
}

.colored-icon {
  color: rgb(0, 47, 11);
}

/* WIDTH */
.avla-width-size-100 {
    width: 85%;
}

.avla-width-size-10px {
    width: 10px;
}



/* HEIGHT */

.avla-height-size-10px {
    height: 10px;
}

/* FONT WEIGHT */
.avla-fw-bold {
    font-weight: bold;
}

/* OVERFLOW */
.avla-scroll-bar {
    height: 100vh;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: gray;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }


.avla-scroll-bar::-webkit-scrollbar {
    width: 24px;
}

.avla-scroll-bar2 {
    height: 50vh;
}

.avla-scroll-bar2::-webkit-scrollbar {
    width: 12px;
}

.background_insider {
  background-color: white;
}

.background_insider:hover {
  background-color: #bdbdbd;
}

.background_outsider {
  background-color: white;
}

.background_outsider:hover {
  background-color: white;
}

.children {
  background-color: white;
}

.children:hover {
  background-color: #dedede;
}





/* TOOLTIPS */

.calendar {
    position: relative;
    cursor: pointer;
  }
  
  .calendar .calendartooltip {
    visibility: hidden;
    width: 120px;
    background-color: darkgreen;
    color: white;
    text-align: center;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .calendar:hover .calendartooltip {
    visibility: visible;
    opacity: 1;
  }

  .editbtn {
    position: relative;
    cursor: pointer;
  }
  
  .editbtn .editbtntooltip {
    visibility: hidden;
    width: 120px;
    background-color: blue;
    color: white;
    text-align: center;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .editbtn:hover .editbtntooltip {
    visibility: visible;
    opacity: 1;
  }

  .trashbtn {
    position: relative;
    cursor: pointer;
  }
  
  .trashbtn .trashbtntooltip {
    visibility: hidden;
    width: 120px;
    background-color: darkred;
    color: white;
    text-align: center;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .trashbtn:hover .trashbtntooltip {
    visibility: visible;
    opacity: 1;
  }
  
  .plusbtn {
    position: relative;
    cursor: pointer;
  }
  
  .plusbtn .plusbtntooltip {
    visibility: hidden;
    width: 120px;
    background-color: darkgreen;
    color: white;
    text-align: center;
    font-size: 12px;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .plusbtn:hover .plusbtntooltip {
    visibility: visible;
    opacity: 1;
  }