@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap');

/*
    #9ebad3 muted blue
    b4ffda light blue
    9be7d4 lightish blue
    b0cbe4 purpleish blue
    10163F dark blue
    f7fcf8 muted white
*/
body
{
	font-family: 'Quicksand', sans-serif;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    font-weight:500;
}

.bold
{
    font-weight:bold;
}

.borderless
{
    border:none;
}


.custom-scroll::-webkit-scrollbar 
{
    width: 1em;

}
      
.custom-scroll::-webkit-scrollbar-thumb 
{
    background-color: darkgrey;
    border-radius:4px;
    background-color: #5194fa;
    opacity:0.4;
}

.custom-scroll-small::-webkit-scrollbar 
{
    width: 0.4em;

}
      
.custom-scroll-small::-webkit-scrollbar-thumb 
{
    background-color: darkgrey;
    border-radius:4px;
    background-color: #5194fa;
    opacity:0.4;
}

.splash
{
    background-image: url("/images/bg6.jpg");
    background-size: cover;
    background-position: center;
    height:100vh;
}

.hidden
{
	display:none!important;
    opacity: 0;
}

.hidden-override
{
	display:none!important;
    opacity: 0;
}

.visible-flex
{
	display:flex;
}

.small-text
{
	font-size:0.8rem;
}

.medium
{
	font-size:1rem;
}

.secondary-color
{
    color:#9ebad3;
}

.btn-primary-color
{
    background-color:#6A8EAE;
    color:#fff;
    width:100%;
}

.btn-primary-color:hover
{
    background-color:#497298;
    color:#fff;
}


.btn-secondary-color
{
    background-color:#10163F;
    color:#fff;
    width:100%;
}

.btn-secondary-color:hover
{
    background-color:#050A27;
    color:#fff;
    cursor:pointer;
}

.btn-green-color
{
    background-color:#4aba78;
    color:#fff;
    width:100%;
}

.btn-green-color:hover
{
    background-color:#148E45;
    color:#fff;
    cursor:pointer;
}


.splash-card
{
    background-color:#f7fcf8;
    opacity:0.95;
}

 .dark-input-custom
{
    background-color:#10163F;
    color:#f7fcf8;
    border-radius:4px;
    font-weight:bold;
}

.dark-input-custom-2
{
    background-color:#3FB76D;
    border-radius:4px;
}

.dark-input-custom-2 option:checked
{
    background-color:#3FB76D;
    border-radius:4px;
    font-weight:bold;
    opacity:1;
}

.dark-input-custom-2 option:not(:checked)
{
    background-color:#fff;
    border-radius:4px;
    font-weight:bold;
}

.dark-input-custom-3
{
    background-color:#10163F;
    color:#fff;
    border-radius:4px;
}

.ordered-table
{
    background-color:#3FB76D;
    color:#fff!important;
}

.plated-table
{
    background-color:#10163F;
    color:#fff!important;
}

.open-table
{
    background-color:#fff;
    color:#212529;
}   


.splash-logo
{
    font-size:4rem;
}

.default-head-splash
{
    min-height:5vw;  
    color:#10163F;
}

.wrapper
{
    padding:2.8vh 2vh;
}

.shadow-box
{
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease-in-out;
}

.shadow-box-sm
{
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease-in-out;
}

.shadow-box-color
{
	-webkit-box-shadow: 4px 4px 4px rgba(63, 183, 109, 0.3);
    -moz-box-shadow: 4px 4px 4px rgba(63, 183, 109, 0.3);
    box-shadow: 4px 4px 4px rgba(63, 183, 109, 0.3);
	transition: box-shadow 0.3s ease-in-out;
}


.shadow-box-2
{
	-webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease-in-out;
    background-color:#f7fcf8;
}

.team-card
{
    background: rgb(13,110,253);
background: linear-gradient(90deg, rgba(13,110,253,1) 11%, rgba(53,135,255,1) 93%);
}


.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #10163F;
}
    
    
.nav-sidebar .list-group-item
{
    text-decoration:none;
    padding:1.1vh 0.8vh;
    font-size:0.8rem;
    font-weight:600;
    border:none;
    background: linear-gradient(to right, #10163F 50%, #10163F 50%);
    background-size: 200% 100%;
    background-position:left bottom;
    color:#f7fcf8;
    text-align:center;
    border-bottom:1px solid #10163F;
    transition-duration: 0.1s;
}


.img-brand
{
    background-color:#fff;

}

.nav-sidebar .list-group-item-action:hover, .nav-sidebar .list-group-item-action:hover i
{
    background-position:right bottom;
    color:#fff;
    transition:all 0.3s;
}

.active-link, .active-link i
{

    color:#fff!important;
    transition-duration: 0.4s!important;
}

.nav-sidebar .active
{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color:#fff;
}

.nav-sidebar .list-head
{
    padding: 2vh;
    font-size:2rem;
    background-color:transparent;
    color:#fff;
    height:25vh;
    
}

.nav-sidebar .list-group-item i
{
    font-size: 1.5rem;
    line-height: 36px;
    text-align: center;
    border-radius: 4px;	
    color: #fff;
    opacity:0.6
}


@media screen and (max-height : 800px){

    .nav-sidebar .list-group-item i
    {
        font-size:1.2rem!important;
        line-height: 24px!important;
    }
}

.nav-sidebar .list-group-item div
{
    padding-bottom:1.2vh;
}

.reg
{
    padding-bottom:1.2vh;
}


.wedding-card
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.6)
      ), url("/images/wedding2.jpg");
    background-size: cover;
    background-position: center;
    min-height:340px;
    border:none;
    border-radius:10px;
}

.wedding-card:hover
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0.8)
      ), url("/images/wedding2.jpg");
    cursor:pointer;
}

.wedding-card-alt
{
    background-image: linear-gradient(
        rgba(38, 78, 42, 0.6),
        rgba(38, 78, 42, 0.6)
      ), url("/images/wedding2.jpg");
    background-size: cover;
    background-position: center;
    min-height:340px;
    border:none;
    border-radius:10px;
}

.wedding-card-alt:hover
{
    background-image: linear-gradient(
        rgba(38, 78, 42, 0.6),
        rgba(38, 78, 42, 0.6)
      ), url("/images/wedding2.jpg");
    cursor:pointer;
}

.baptism-card
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.6)
      ), url("/images/baptism.jpg");
    background-size: cover;
    background-position: center;
    min-height:340px;
    border:none;
    border-radius:10px;
}

.baptism-card:hover
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0.8)
      ), url("/images/baptism.jpg");
    cursor:pointer;
}

.birthday-card
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.6)
      ), url("/images/birthday.jpeg");
    background-size: cover;
    background-position: center;
    min-height:340px;
    border:none;
    border-radius:10px;
}

.birthday-card:hover
{
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.8),
        rgba(0, 0, 0, 0.8)
      ), url("/images/birthday.jpeg");
    cursor:pointer;
}

.card-title-special
{
    color:#fff;
    font-size:1.4rem;
}

.interactive-list li 
{
    padding:0px;
}

.interactive-list li h3 .swipe
{
  overflow-y: hidden;
  -ms-scroll-snap-coordinate: 0 0;
      scroll-snap-coordinate: 0 0;
  -ms-scroll-snap-points-x: repeat(100%);
      scroll-snap-points-x: repeat(100%);
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  flex: 1;
  display: flex;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

  

  .table-list li
  {
    padding:22px 12px;
  }

  .table-card-alt
  {
    background-color:#fabc42;
    color:#000;

  }

  .table-card-alt-2
  {
    background-color:#10163F;
    color:#fff;
  }

  .bg-custom-primary
  {
      background-color:#9be7d4;
      color:#10163F;
  }

  .bg-custom-secondary
  {
      background-color:#b0cbe4;
      color:#10163F;
  }


  .bg-custom-third
  {
      background-color:#10163F;
      color:#fff;
  }

  .menu-list li
  {
    background-color:#343a40!important;
    color:#fff;
  }

.menu-opaque .accordion-button
{
    opacity:0.4;
}

.kitchen-opaque
{
    opacity:0.4;
}

.admin-card
{
    background-color:#10163F;
    color:#f7fcf8;
    text-align:center;

}

.admin-card i
{
    font-size:1.8rem;
    
}




.status {
    color:#198754;
    opacity:0.4;
  }

.blink {
    animation: fader 1s;
    -webkit-animation: fader 1s;
  }
  
  @keyframes fader {
    0% {
        opacity: 0.6;
    }
    25% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.6;
    }
  }
  
  @-webkit-keyframes fader {
    0% {
        opacity: 0.6;
    }
    25% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0.8;
    }
    100% {
        opacity: 0.6;
    }
  }


.table-admin-holder
{
    opacity: 1;
    -webkit-transition: opacity 1000ms linear;
    transition: opacity 1000ms linear;
}

.loader-spinner
{
    width:5rem;
    height: 5rem;
    z-index:999;
    position:fixed;
    right:46%;
    top:40%;
}

@media screen and (max-width : 2920px){
    .sidebar{
        display:block;
    }
    .mobile-topbar{
        display:none;
        
    }
    .dd-server
    {
        text-align:center;
        border-radius:50%;
        height:60px;
        width:60px;
        margin-left:-30px;
        margin-top:-30px;
        position: absolute;
    }

    .dd-server button
    {
        height:60px;
        width:60px;
        font-weight:bold;
    }

    .main-circle{
        border: 2px solid #f5f4f2;
        border-radius: 50%;
        background-color:#FAF9F6;
        width: 500px;
        height: 500px;
        margin:auto;
        position:relative;
    }

    #nameBtn
    {
        border-radius:24px;
        font-size:1.1rem;
        min-width:50%;
        font-weight:bold;
        color:#212529!important;
        position:relative;
    }

    .nav-item-quote
    {
        min-width:21vw;
        max-width:21vw;
    }


  }

@media screen and (max-width : 1200px)
{
    .nav-sidebar .list-group-item i
    {
        font-size: 1.4rem;
        line-height: 40px;
    }
    
    #nameBtn
    {
        font-size:1rem;
    }

    .sidebar-secondary .list-group-item 
    {
        font-size: 0.rem;
        line-height: 22px;
        text-align: center;
    }

    .left-bar-secondary
    {
        height:7vh;
        text-align:center;
        padding-top:20%;
    }

    
    .nav-item-quote
    {
        min-width:41vw;
        max-width:41vw;
    }


}

@media screen and (max-width : 992px)
{
    .nav-sidebar .list-group-item i
    {
        font-size: 1.4rem;
        line-height: 40px;
    }

    #menu-stat-seg-2
    {
        border-radius:12px!important;
    }

    #nameBtn
    {
        font-size:0.9rem;
    }

    .nav-item-quote
    {
        min-width:75vw;
        max-width:75vw;
    }

}

@media screen and (max-width : 768px)
{
    .nav-sidebar .list-group-item i
    {
        font-size: 1.4rem;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;	
        color: #fff;
        opacity:0.6
    }

    #nameBtn
    {
        font-size:0.8rem;
    }

    
    .nav-item-quote
    {
        min-width:85vw;
        max-width:85vw;
    }


}
@media screen and (max-width : 576px){
    .sidebar{
        display:none;
    }
    .mobile-topbar{
    display:block;
    margin-bottom:60px;
    }

    .dd-server
    {
        text-align:center;
        border-radius:50%;
        height:40px;
        width:40px;
        margin-left:-20px;
        margin-top:-20px;
        position: absolute;
    }

    #nameBtn
    {
        font-size:0.8rem;
    }

    .dd-server button
    {
        height:40px;
        width:40px;
        font-size:0.7rem;
    }

    .main-circle{
        border: 2px dotted rgba(0, 0, 0, .2);
        border-radius: 50%;
        width: 200px;
        height: 200px;
        margin:auto;
        position:relative;
    }

    .main-manager
    {
        padding-right:0px;
    }

    .wrapper-manager
    {
        padding-left:0px;
        padding-right:0px;
    }

    .event-table tr td
    {
        font-size:0.7rem!important;
        font-weight:bold;
        white-space:nowrap;
    }

    .event-table tr td:first-child
    {
        overflow:hidden;
        max-width:140px;
    }

    .event-table tr th
    {
        font-size:0.8rem!important;
        
    }

    .staff-interactive-secondary i:first-child
    {
        font-size:0.6rem!important;
        padding: 0.15rem!important;

    }
    .staff-interactive-secondary i:last-child
    {
        font-size:0.6rem!important;
        padding: 0.15rem!important;
    }

    .calendar-div
    {
        overflow:scroll;
        padding:0px 40px 40px 0px;
    }

    #search-col
    {
        max-height:300px!important;
    }

    .beo-modal-body .beo-modal-holder .beo-modal-title
    {
        font-weight:bold;
        font-size:1rem!important;
    }

    .beo-modal-body .beo-modal-row
    {
        font-size:0.9rem!important;
    }

    .loader-spinner
    {
        width:5rem;
        height: 5rem;
        z-index:999;
        position:fixed;
        right:40%;
        top:40%;
    }
}



.content-full-height
{
    height: 100%;
    transition: all 0.5s;
}

.content {
    width: 100%;   
    overflow: hidden;
    position:absolute;
    transition: all 0.5s;
  }

  #top-nav {
    background-color: #10163F;
    height: 65px;
  }
  
  
  #menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 25px;
    left: 25px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }
  
  #menuToggle input
  {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
  }
  
  #menuToggle span
  {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
        opacity 0.55s ease;
  }
  
  #menuToggle span:first-child
  {
    transform-origin: 0% 0%;
  }
  
  #menuToggle span:nth-last-child(2)
  {
    transform-origin: 0% 100%;
  }
  
  #menuToggle input:checked ~ span
  {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #fff;
  }
  #menuToggle input:checked ~ span:nth-last-child(3)
  {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  
  #menuToggle input:checked ~ span:nth-last-child(2)
  {
    transform: rotate(-45deg) translate(0, -1px);
  }
  
  #menu
  {
    position: absolute;
    width: 70vw;
    height: 100vh;
    box-shadow: 0 0 10px #85888C;
    margin: -50px 0 0 -50px;
    padding: 50px;
    padding-top: 125px;
    background-color: #10163F;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    opacity:1;
  }
  
  #menu a
  {
    padding: 10px 0;
    transition-delay: 2s;
    font-size:1.4rem;
    text-decoration:none;
    background-color:transparent;
    color:#fff;
  }
  
  #menuToggle input:checked ~ ul
  {
    transform: none;
  }

  .overview-item
  {
      font-size:1.2rem;
      padding:8px 16px;
  }

  .highlight-primary
  {
      border:4px dotted #dc3545;
      -webkit-box-shadow: 8px 8px 8px rgba(220, 53, 69, 1);
      -moz-box-shadow: 8px 8px 8px rgba(220, 53, 69, 1);
      box-shadow: 8px 8px 8px rgba(220, 53, 69, 1);
      transition: box-shadow 0.3s ease-in-out;
  }

  .colored-options:checked+label{
      padding:20px;
  }

  .table-card-col .card
  {
    border: 1px solid #b7b7b7;

  }

  .table-card-col
  {
    display: block;
    opacity:1;
    transition: all 0.4s linear;
    
  }

  /* .message-hide
  {
    height:0vh;
    width:100%;
    position:fixed;
    text-align:center;
    z-index:9999;
    transition: 0.6s;
  } */


  /* .message-show
  {
    height:20vh;
    width:100%;
    opacity:0.9;
    transition: 0.6s;
    background-color:#fff3cd;
    color:#000;
    text-align:center;
    padding:3rem;
    font-size:2rem;
    position:fixed;
    z-index:9999;
  } */

.event-table tr td
{
    font-size:0.9rem;
}

.event-table tr th
{
    font-size:0.9rem;
}

/* .accordian-img
{
    position: relative; 
}

.accordian-img::before {
    content: "";
    background-image: url('/images/kitchen.jpg');
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
}

.accordian-img .row
{
    position: relative;
}

.accordian-img label
{
    font-weight: bold;
    font-size:1.1rem;
} */

.active-shadow
{
	-webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease-in-out;
    font-size:1.2rem;
    padding:8px;
}

.color-main
{
    color:#10163F;
}

#menu-form input:focus, #menu-form select:focus, .menu-form-edit-form input:focus, .menu-form-edit-form select:focus
{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease-in-out;
}


.beo-table td, .beo-table th
{
   padding:2px 0px 2px 0px;
}


.left-main-table th
{
    padding-right:14px;
    text-align:right;
}

.left-main-table-preview th
{
    padding-right:14px;
}



.beo-icon
{
    left:50%!important;
    margin-top:-8px;
    border-color: #fff;
    outline: 0;
    cursor:pointer;
    transition: all 0.1s linear;
    height:50px;
    width:50px;
}

.beo-icon:hover
{   
    -webkit-box-shadow: inset 0 4px 4px rgba(13, 110, 253),0 0 12px rgba(13, 110, 253);
    box-shadow: inset 0 4px 4px rgba(13, 110, 253),0 0 12px rgba(13, 110, 253);
    cursor:pointer;
    transition: all 0.1s linear;
}

.beo-icon i
{
    vertical-align:middle;
    font-size:1.2rem;
    padding:4px;
    
}

.beo-menu-card{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.1s ease-in-out;
}

.beo-menu-card .card-title
{
    color:#fff;
}

.beo-menu-card, .beo-menu-card-inactive
{
    text-align:center;
    border-color:#68a4fd;
    background: rgb(255,255,255);
    background: linear-gradient(319deg, rgba(13, 110, 253,0.6) 0%, rgba(13, 110, 253,1) 100%);
    transition: all 0.1s linear;
    
}

.beo-menu-card-inactive .card-title
{
    color:#000!important;
}

.beo-menu-card-inactive
{
   opacity:0.5;
   background: rgb(255,255,255);
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   
   transition: all 0.1s linear;
}

.notes-button
{
    font-size:0.8rem;
    padding:4px 8px!important;
    float:right;
    line-height:1;
}

.hidden-note
{
    display:none;
    height:0px;
    transition: all 0.4s linear;
}

.show-note
{
    display:inline;
    height:100%;
    transition: all 0.4s linear;
}

.search-circle
{
    height:14px;
    width:14px;
    border-radius:100%;
    display:inline-block;
    margin-right:4px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
}

.default-circle
{
    background-color:#cdcdcd;
    animation: bounceOut 0.6s alternate;
    -webkit-animation: bounceOut 0.6s alternate;
}

.active-circle
{
    background-color:green;
    animation: bounce 0.6s alternate;
    -webkit-animation: bounce 0.6s alternate;
}

.smooth-hidden
{
    opacity: 0;
    pointer-events: none;
    height:0px;
}

.smooth-show
{
    -webkit-transition: 1s;
    transition: 1s;
    height:auto;

}

.smooth-hidden-vertical
{
    opacity: 0;
    pointer-events: none;
    width:0px;
}

.smooth-show-vertical
{
    -webkit-transition: 1s;
    transition: 1s;
    width:auto;

}

.beo-table textarea
{
    background-color:#fcffdb;
}

.menu-manage-list li
{
    border-radius:0px;
}



.cat-list-item
{
    height:0px;
    visibility:hidden;
    opacity:0;
    background-color:#10163F;
    color:#fff;
    padding:0rem 0.8rem;
    border: none;
    vertical-align:middle;
    font-size:0.9rem;
    
}

.cat-list-item-show
{
    height:auto;
    visibility:visible;
    opacity:1;
    -webkit-transition: 0.5s;
    transition: 0.3s;
    background-color:#10163F;
    color:#fff;
    padding: 0.4rem 0.8rem;
    border: none;
    animation: slideInDown 0.5s alternate;
    -webkit-animation: slideInDown 0.5s alternate;
    vertical-align:middle;
    white-space:nowrap;
    overflow: hidden;
    font-size:0.9rem;
}

.cat-list-item-show:hover
{

    -webkit-transition: 0.6s;
    transition: 0.3s;
    background-color:#48529d;
    transform: translate(0px, -2px) scale(1.04);
    border-radius:6px;
    cursor:pointer;
}

.item-sub-cat:hover
{
    color:#4aba78;
    cursor:pointer;
    transition: 0.3s;
}

.item-sub-cat-input:hover
{
    background-color:#4aba78!important;
    cursor:pointer;
    transition: 0.3s;
}



.menu-list-header
{
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    transition: all ease-in-out 100ms
}

.menu-list-header:hover
{
    cursor:pointer;
    transform: translate(0px, -6px) scale(1.04)
}

.icon-animated
{
    animation: rubberBand 0.6s alternate;
    -webkit-animation: rubberBand 0.6s alternate;
}

.menu-footer
{
    border-top:none!important;
}

.menu-delete-div, .menu-edit-div
{
    margin: -0.8rem;
    padding: 0.8rem 1rem;
    margin-left:0.8rem;
    width: auto;
}

.menu-delete-div:hover
{
    background-color:#cb1628!important;
    cursor:pointer;
}

.menu-edit-div:hover
{
    background-color:rgba(0,0,0,.45)!important;
    cursor:pointer;
}

.add-card
{
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    transition: all ease-in-out 100ms
}

.add-card:hover
{
    cursor:pointer;
    transform: translate(0px, -6px) scale(1.04)
}

.modal-animate.show 
{ 
    animation: fadeInDown 0.2s alternate;
    -webkit-animation: fadeInDown 0.2s alternate;
}

.category-edit-icon
{
    font-size:1rem;
    width:36px;
    height:36px;
    text-align:center;
    color:#fff;
    vertical-align:center;
    right:10%!important;
    transition: all ease-in-out 100ms
}

.category-edit-icon-secondary
{
    font-size:1rem;
    width:36px;
    height:36px;
    text-align:center;
    vertical-align:center;
    right:0%!important;
    transition: all ease-in-out 100ms;
    opacity:1;
}

.category-edit-icon:hover .stack-parent
{
    cursor:pointer;
    opacity:1;
    color:#0147af!important;
    font-weight:bold;  
    transition: all ease-in-out 100ms;
}

.category-edit-icon:hover .stack-child
{
    cursor:pointer;
    color:#fff!important;
    font-weight:bold;
    transition: all ease-in-out 100ms;
}



.btn-create-option:checked +.btn-outline-primary
{
    background-color:#10163F!important;
}

.btn-create-option:checked +.btn-outline-primary:hover
{
    background-color:#0147af!important;
}

.beo-table-preview td, .beo-table-preview th
{
   padding:0px 4px 0px 4px;
   font-size:0.7rem;
   border:none!important;
}
.beo-table-preview tr
{
    border:none!important;


}

.beo-table-preview th
{
   font-weight:bold;
   white-space:nowrap;
}

.beo-table-preview td .form-check-inline
{
   min-height:0px!important;
}

.beo-notes-preview, .beo-table-preview pre
{
    background-color:#fcffdb!important;
}

.beo-table-preview pre
{
    margin-bottom:0px;
    overflow:hidden;
    font-family: 'Quicksand', sans-serif;

}

.beo-table-preview
{
    margin-bottom:0px;
    border:1px solid #000;
}








.beo-table-custom td, .beo-table-custom th
{
   padding:0px 4px 0px 4px;
   font-size:12px;
   border:none!important;
}

.beo-table-custom td
{
   text-align:left;
}

.beo-table-custom tr
{
    border:none!important;


}

.beo-table-custom th
{
   font-weight:bold;
   white-space:nowrap;
}

.beo-table-custom td .form-check-inline
{
   min-height:0px!important;
}

.beo-notes-custom, .beo-table-custom pre
{
    background-color:#fcffdb!important;
    text-align:left;
}

.beo-table-custom pre
{
    margin-bottom:0px;
    overflow:hidden;
    font-family: 'Quicksand', sans-serif;

}

.beo-table-custom
{
    margin-bottom:0px;

}

.menu-custom-data, .menu-custom-data pre
{
    background-color:#edf4ff!important;
}









.menu-preview-data, .menu-preview-data pre
{
    background-color:#edf4ff!important;
}

.missing-info-alert
{
    border:1px solid #dc3545!important;
    -webkit-box-shadow: 4px 4px 4px rgba(220, 53, 69, 0.4);
    -moz-box-shadow: 4px 4px 4px rgba(220, 53, 69, 0.4);
    box-shadow: 4px 4px 4px rgba(220, 53, 69, 0.4);
	transition: box-shadow 0.3s ease-in-out;
    background-color:#fff;
}

.staff-row, .event-row
{
    
    transition: all ease-in-out 100ms
}


.staff-interactive
{
    transition: all ease-in-out 100ms;
    text-align:center;
    vertical-align:middle;
    background-color:#0d6efd!important;
    color:#fff;
    border-bottom:none;
}

.staff-interactive-secondary
{
    transition: all ease-in-out 100ms;
    position:relative;
}

.staff-interactive-secondary i
{
    display:none;
}

.staff-interactive-secondary:hover i
{
    display:inline-block;
}

.staff-interactive-secondary:hover
{
    transform:translate(0px, -8px) scale(1.15);
    cursor:pointer;
    background-color:#054bb3!important;
    color:#fff;
    transition: all ease-in-out 100ms;
}

.staff-interactive:hover
{
    transform: translate(0px, -4px) scale(1.15);
    cursor:pointer;
    background-color:#054bb3!important;
}



.staff-table
{
    border-radius:.25rem
}

.staff-table thead tr th:first-child, .staff-table thead tr:first-child, .staff-table thead
{
    border-top-left-radius:.25rem
}

.staff-table thead tr th:last-child, .staff-table thead tr:last-child, .staff-table thead
{
    border-top-right-radius:.25rem
}

.staff-interactive-secondary i:first-child
{
    left:20%;

}
.staff-interactive-secondary i:last-child
{
    left:80%;
}

.staff-interactive-secondary i:hover
{
    background-color:#212529!important;
}

.manager-btn:hover
{
    transform: translate(0px,0px) scale(1.15);
    cursor:pointer;
    color:#054bb3!important;
}

.manager-card:hover
{
    transform: translate(0px,-6px) scale(1.05);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(13, 110, 253, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(13, 110, 253, 0.3);
    box-shadow: 12px 12px 12px rgba(13, 110, 253, 0.3);
}

.manager-card
{

    transition: all ease-in-out 100ms;
}

.manager-btn-alt:hover
{
    background-color:#054bb3!important;
    cursor:pointer;
}

.eventProgress
{
    animation: progressBar 9.8s ease-in-out;
    animation-fill-mode:both; 
}

@keyframes progressBar {
    0% { width: 0; }
    100% { width: 100%; }
  }


.calendar-div a
{   
    color:#10163F;
    text-decoration:none;
}

.calendar-div .fc-event-time
{ 
    font-weight:normal;
    overflow: visible !important;

}
.calendar-div .fc-toolbar-title
{
    font-size:1.4rem!important;
}



.manager-alert
{
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    height:400px;
}



.calendar-div .fc-daygrid-day-frame:hover
{
    transform: translate(0px,-6px) scale(1.05);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    background-color:#fff;
}


.fc-daygrid-event
{
    border-radius:24px!important;
    padding:4px 8px;
    font-weight:bold!important;
}

.calendar-div .fc-daygrid-event
{
    transition: all ease-in-out 100ms;

}

.fc-scrollgrid .table-bordered .fc-scrollgrid-liquid tbody tr
{
    border:none!important;
}

.fc-daygrid-event:hover
{
    cursor:pointer;
    transition: all ease-in-out 100ms;
    background-color:#0d6efd!important;
    border-color:#0d6efd!important;
    
}

.fc-daygrid-event:hover .fc-event-main
{
    color:#fff!important;
    transition: all ease-in-out 100ms;
}

.wrapper-beo-finance .form-control, .wrapper-beo-finance .input-group-text
{
    margin-bottom:6px;
}

.wrapper-beo-finance .input-group-text
{
    width:120px;
}



.wrapper-beo-finance .form-label
{
    white-space: nowrap;
    font-size:0.9rem;
    font-weight:bold;
}

#timeline rect
{
    rx:4px!important;
}

#timeline text
{

    font-family: 'Quicksand', sans-serif!important;
}

#calendar .fc-timegrid-cols table tbody tr td:nth-child(even)
{
    background-color:#f5f5f5;
}

#calendar .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural
{
    display:none;
}

#calendar .fc-timegrid-slots table tbody tr
{
    border-color:#cdcdcd;
}

#calendar .fc-list-day.fc-day-past .fc-list-day-cushion, #calendar .fc-list-day.fc-day-future .fc-list-day-cushion
{
    background: rgb(24,53,52);
    background: linear-gradient(90deg, rgba(24,53,52,1) 0%, rgba(43,85,84,1) 85%);
    color:#fff;
    border-bottom:none;
    border-radius:16px;
}


#calendar .fc-list-day.fc-day-today .fc-list-day-cushion
{
    background-color:#0a58ca!important;
    color:#fff;
    border-radius:16px;
}

#calendar .fc-list-event
{
    border-color:#cdcdcd!important;
}

#calendar .fc-list-event:hover
{
    transform: translate(0px,-6px) scale(1.0);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
}

#calendar .fc-list-event, .fc-list-day
{
    border:none;
}

#calendar .fc-timegrid-event-harness.fc-timegrid-event-harness-inset:hover
{
    transform: translate(0px,-6px) scale(1.0);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
}


.nav-sidebar .group-1
{
    position: relative;
	display: inline-block;
}

.nav-sidebar .group-1:hover .tooltip__text {
    opacity: 0.8;
    visibility: visible;
  }

  .tooltip__text {
    position: absolute;
    min-width: 120px;
    padding: 5px 10px;
    transition: 0.1s;
    border-radius: 5px;
    background-color: #fff;
    opacity: 0;
    color: #10163F;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    z-index: 1;
    margin-bottom:-14px;
    font-weight:bold;
  }
  .tooltip__text::after {
    display: inline-block;
    position: absolute;
    content: "";
  }
  .tooltip__text--top {
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
  }
  .tooltip__text--top::after {
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
  }


.nav-sidebar .list-group-item:hover
{
    transform: translateY(-2px);

}

.nav-sidebar .list-group-item:hover i
{
    opacity:1;
    transition: all ease-in-out 100ms;

}

#search-list
{
    transition: all ease-in-out 100ms;

}

.cal-list-master
{
    transition: all ease-in-out 100ms;
    overflow-y: hidden;
	max-height: auto;
}


.cal-list-master:hover
{

    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
   

}

.cal-list-item
{
    position: relative;
    display: flex;
    align-items: center;
}
.cal-list-item .cal-icon
{
    max-height: 32px;
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    width: 40px;

}

.cal-list-item .cal-icon span
{
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-rendering: optimizeLegibility;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga' 1;
    -webkit-font-smoothing: antialiased;
    display: flex;
    font-size:1rem;
    text-align:center;
    
}


.cal-list-item .cal-title
{
    overflow: hidden;
    -webkit-box-flex: 1;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    align-items: center;
    line-height: 1.3;
    
}

.cal-list-item div
{
    font-size:1.1rem;
    font-weight:bold;
}

.cal-list-item span
{
    font-size:1rem;
    font-weight:normal;
}

.cal-list-master.cal-item-hidden{
	display:none;
    transition: all ease-in-out 100ms;
}

#search-col
{
    display:none;
    max-height:800px;
    overflow:scroll;
}

.finance-row-credit td
{
    border-bottom:none!important;
}

.beo-modal-body .beo-modal-holder
{
    border-bottom:1px solid #cdcdcd;
    margin-bottom:4px;
}

.beo-modal-body .beo-modal-holder .beo-modal-title
{
    font-weight:bold;
    font-size:1.4rem;
}

.beo-modal-body .beo-modal-row
{
    font-size:1.2rem;
}

.beo-modal-body .data-true
{
    color:#30AD45;
}

.beo-modal-body .data-false
{
    color:#d82249;
}

.beo-modal-body .beo-notes
{
    width:100%;
    text-align:left;
    white-space:normal!important;
}

.manager-chart-event:hover
{
    transform: translateY(-10px);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);

}

.audit-card {

    width: 60%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;

    position:relative;
  }

.audit-card .about h3,
.audit-card .about .lead {
  font-weight: 300;
  margin: 0;
}

.audit-card .about h3 {
  font-size: 24px;
}

.audit-card .about .lead {
  color: #aaa;
}

#tooltip-canvas {
  position: absolute;
  top:40%;
  left:36%;
}

.manager-hover-card
{
    border-top-right-radius:4px;
    border-top-left-radius:4px;
}

.manager-hover-card:hover
{
    transform: translateY(-16px);
    cursor:pointer;
    transition: all ease-in-out 100ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 570px) 
{
    .calendar-div {
        padding:0px!important
    }

}

.metrics-hover:hover
{
    transform: translateY(-16px);
    cursor:pointer;
    transition: all ease-in-out 200ms;
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
}

#fixedbutton {
    position: fixed;
    bottom: 40px;
    right: 40px; 
    border-radius:100%;
    display:flex;
    align-items: center;
    text-align:center;
    justify-content: center;
}

#fixedbutton i {
    width:50px; 
    height:60px;
    font-size:2rem;
    padding:6px;
    padding-top:12px;
}


.bounceAnimate {
    animation: bounceAnimate alternate infinite cubic-bezier(0.2, 0.65, 0.6, 1);
    animation-duration: 300ms;
  }

  .bounceAnimate i{
    transform: scale(1.3,1.3);
    color:#8BCEAE!important;
    opacity:1!important;
    
  }
  @keyframes bounceAnimate {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-15px);
    }
  }
  
  #help-acc .accordion-button:not(.collapsed) {
    background-color:#10163f!important;
    color:#fff!important;
  } 

  #help-acc .accordion-button:not(.collapsed) {
    background-color:#10163f!important;
    color:#fff!important;
  } 

  .payment-row td
  {
    padding: 0.25rem 0.5rem;
    font-size:0.8rem;
  }

  .table-sched td
  {
    padding: 0.25rem 0.5rem;
    font-size:1rem;
    font-weight:bold!important;
    background-color:#f5f5f5;
  }


  .finance-calendar .fc-view-harness .fc-list .fc-scroller .fc-list-table tbody .fc-list-event .fc-list-event-time {
    display:none!important;
  }

  .success-row td
  {
    background-color:#4ABA78;
    color:#fff;   
    border-color:#A4E8C0;
  }

  .tooltip-color
  {
    color:#0d6efd;
    font-weight:bold;
  }

  .tooltip-holder
  {
    text-align:left;
    font-family: 'Quicksand', sans-serif;
	text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    padding:10px 6px ;
  }

  .tooltip-holder h6
  {
    color:#3FB76D;
    font-weight:bold;
  }

.finance-row
{
    
    transition: all ease-in-out 100ms
}
.finance-row:hover
{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    transform: translate(0px,-6px) scale(1);
    background-color:#f5f5f5;
}

.finance-button
{
    transition: all ease-in-out 100ms;
}

.finance-button:hover
{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    transform: translate(0px,-12px) scale(1);
    background-color:#f5f5f5;
    cursor:pointer;
}

.table-finance-dark td, .table-finance-dark th
{
    color:#fff;
    background-color:#10163f;
}

.table-hidden
{
    display:none;
}

.shed-finance
{
    background-color:#dc3545;
    color:#fff;
}

.fin-alert-sched
{
    border:1 solid #fff;
    border-left:8px solid #b6d4fe;
    text-align:left;
    border-radius:4px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fin-alert-pay
{
    
    border:1 solid #fff;
    border-left:8px solid #4aba78;
    text-align:left;
    border-radius:4px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fin-active
{
    background-color:#10163f;
    color:#fff;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    
}

#leadForm input, #leadForm select, #leadForm textarea
{
    background-color: #ededf5!important;
    color: #10163f;
    opacity: 1;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s;
    font-size: 0.8rem!important;
}

.leadView .form-control, .leadView select, .leadView textarea
{
    background-color: #ededf5!important;
    color: #10163f;
    opacity: 1;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    transition: all 0.3s;
    font-size: 0.8rem!important;
}


.leadEdit .form-control, .leadEdit select, .leadEdit textarea
{
    background-color: #f5f5f5;
    border: 1px solid #cdcdcd;
    border-top:none;
    border-right:none;
    border-left:none;
    border-radius: 0px;
    font-weight: normal;
    transition: all 0.3s;
    font-size: 0.8rem!important;
}

.edit-btn
{
    color:#fff;
}

.edit-btn-active
{
    color:#0d6efd;
}

.status-card
{
    transition: all ease-in-out 300ms;
}

#status-card:hover
{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    transform: translate(0px,-4px) scale(1);
    cursor:pointer;
    transition: all ease-in-out 300ms;

}

#content-holder
{
    transition: all ease-in-out 300ms;
}
#status-card:hover #content-holder
{
    background-color:#4aba78!important;
    transition: all ease-in-out 300ms;
}

#status-card:hover #content-holder2
{
    background-color:#0d6efd!important;
    transition: all ease-in-out 300ms;
}

#status-card:hover #content-holder3
{
    background-color:#f37954!important;
    transition: all ease-in-out 300ms;
}



#status-card:hover #iconBefore, #status-card:hover #beforeContent
{
    display:none;
}

#status-card:hover #iconAfter, #status-card:hover #afterContent
{
    display:block!important;
}

#status-card.dropdown-toggle::after
{
    border:none;
}

.lead-card-active
{
    background-color:#4aba78!important;
    opacity:1!important;
}

.lead-index-table tr:hover
{
    cursor:pointer;

}
.lead-index-table tr td
{
    font-size:0.8rem;

}

.lead-card-inactive
{
    background-color:#4aba78!important;
    opacity:0.6
}eVal

.lead-status-card
{
    background-color:#10163f;
    color:#fff;
    border-top-right-radius:4px;
    border-radius:4px;
}

#excel-DL-holder
{
    display:flex;
    align-items: center;
    text-align:center;
    justify-content: center;
    transition: all ease-in-out 300ms;
}

#excel-DL-holder:hover
{
    background-color:#4aba78;
    cursor:pointer;
    transition: all ease-in-out 300ms;
}

#excel-DL-holder:hover .fa-circle
{
    color:#fff!important;
    transition: all ease-in-out 300ms;
}

#excel-DL-holder:hover .fa-download
{
    color:#4aba78!important;
    transition: all ease-in-out 300ms;
}

.beoEditEl .form-control, .beoEditEl .form-select
{
    border:none;
    transition:all 0.3s;
}

.g-icon
{
    color:#41B063;
}

.r-icon
{
    color:#dc3545;
}


.beoView .form-control
{
    background-color:#fff!important;
    border:none;
    border-radius:0px;
    font-weight:bold;
    background-image:none;
    transition:all 0.3s;
}

.beoView .leadView textarea
{
    background-color:rgb(255, 255, 255)!important;
    border:none;
    border-radius:0px;
    font-weight:bold;
    background-image:none;
    transition:all 0.3s;
}

.beoEdit .form-control, .beoEdit .form-select, .leadEdit select, .leadEdit textarea
{
    background-color:#f5f5f5!important;
    border:none;
    border-bottom:1px solid #cdcdcd;
    transition:all 0.3s;
}

.formatted-input
{
    background-color:#f5f5f5!important;
    border:none;
    border-bottom:1px solid #cdcdcd;
    font-weight:bold;
}

.radio-hide
{
    display:none;
}

.radio-show
{
    display:inline-block;
}

.input-hide
{
    display:none;
}

.input-show
{
    display:inline-block;
}

.beoView textarea:disabled
{
    background-color:rgb(248, 247, 230)!important;
    border:none;
    border-bottom:1px solid #cdcdcd;
    transition:all 0.3s;
}

.beoEdit .textarea
{
    background-color:#f5f5f5!important;
    border:none;
    border-bottom:1px solid #cdcdcd;
    transition:all 0.3s;
}

.slide-box
{
    opacity:0;
    transition:all 0.5s;
    padding:6px;
    display:none!important;
}
    

.slide-box-active

{
    opacity:1;
    transition:all 0.5s;
    padding:6px;
}

.slide-box-active:hover

{
    cursor:pointer;	
    -webkit-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.3);
}

.hideEl

{
    opacity:0;
    transition:all 1s;

}

.template-option:hover
{  
    transition:all 0.2s;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    transform: translate(0px,-10px) scale(1);
    cursor:pointer;
    color:#0d6efd;
}

.template-icon:hover
{
    transition:all 0.2s;
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    transform: translate(0px,0px) scale(1.3);
    cursor:pointer;
    color:#0d6efd;
    border-radius:12px;
}


.active-list-btn
{
    -webkit-box-shadow: 8px 8px 8px rgba(13, 110, 253, 0.7);
    -moz-box-shadow: 8px 8px 8px rgba(13, 110, 253, 0.7);
    box-shadow: 8px 8px 8px rgba(13, 110, 253, 0.7);
    transform: translate(0px,-8px) scale(1);
}

.beo-table-view input
{
    background-color: #ededf5;
    color:#10163f;
    opacity: 1;
    border:none;
    border-radius:4px;
    font-weight:bold;
    background-image:none;
    transition:all 0.3s;
    font-size:0.8rem!important;
}

.beo-table-view textarea
{
    background-color:#fafce6;
    opacity: 1;
    border:none;
    border-radius:4px;
    background-image:none;
    transition:all 0.3s;
    font-size:0.8rem!important;
}

.beo-table-formatted th, .beo-table-formatted td
{
    font-size:0.9rem!important;
    padding:2px 4px 2px 4px;
    border:none!important;
}

.beo-table-formatted th
{
    font-weight:normal;
    vertical-align:middle;
    font-size:0.8rem!important;
    font-weight:bold;
}

.beo-table-formatted th.multi-head
{
    vertical-align:top!important;
}

.hidden-deposit
{
    display:none;
    opacity:0;
    transition:all 0.3s;
}

.show-deposit
{
    display:block;
    opacity:1;
    transition:all 0.3s;
}

.tax-alert
{
    background-color:#dc3545!important;
    color:#fff!important;
    font-weight:bold!important;
}

.tax-element-inactive button, .tax-element-inactive input
{
    opacity:0.4!important;
}

.tax-element-active button, .tax-element-active input
{
    opacity:1!important;
}

.beo-table-view-alt input
{
    background-color: #fff;
    color:#10163f;
    opacity: 1;
    border-top:none;
    border-left:none;
    border-right:none;
    font-weight:bold;
    transition:all 0.3s;
    font-size:0.8rem!important;
}

.colored-options-alt+label
{
    font-size:2rem;
    width:100%;
    height:80px;
    border-radius:0px;
    opacity:0.4;
    transition:all 0.3s;
    z-index:1!important;
}
.colored-options-alt+label:hover, .colored-options-alt:checked+label{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.7);
    transform: translate(-10px,-8px) scale(1.2);
    opacity:1;
    z-index:100!important;
    transition:all 0.3s;
    border-radius:6px;
    border-bottom-right-radius:0px;
}

.beo-finance-table-view input
{
    background-color: #ededf5;
    color:#10163f;
    opacity: 1;

    border:none;
    border-radius:4px;
    background-image:none;
    transition:all 0.3s;
    font-size:1rem!important;
}

.beo-finance-table-view textarea
{
    background-color:#fafce6;
    opacity: 1;
    border:none;
    border-radius:4px;
    background-image:none;
    transition:all 0.3s;
    font-size:1rem!important;
}

.left-bar-secondary
{
    background-color:#3a437c;
    border:none;
    color:#fff;
    height:9vh;
    text-align:center;
    padding-top:15%;
    font-size:0.9rem;
}

.left-bar-alt-list a
{
    transition:all 0.3s;
}

.left-bar-alt-list a:hover
{
    transition:all 0.3s;
    transform: translate(0px,-2px) scale(1.03);
    color:#60e095;
    cursor:pointer;
}

.server-icon-manager
{
    position:relative;
    padding:12px;
    color:#000;
    transition:all 0.3s;
}

.server-icon-manager:hover
{
    transform: translate(0px,-8px) scale(1);
    transition:all 0.3s;
    cursor:pointer;
}

.server-icon-manager:hover i
{
    transition:all 0.3s;
}

.manager-event-card
{
    background: linear-gradient(110deg, #10163F 60%, #192052 60%);
    color:#fff!important;
}

.manager-event-card-alt
{
    background: linear-gradient(110deg, #f76161 60%, #f27c6e 60%);
    
}

.manager-event-card-active, .kitchen-sched-card-active 
{
    background: linear-gradient(110deg, #0d6efd 60%, #2278fa 60%);
    color:#fff!important;
}


.kitchen-sched-card
{
    background: #6b9e9a;
    color:#fff!important;
}

.server-card:hover 
{
    transition:all 0.3s;
    transform: translate(0px,-8px) scale(1);
    -webkit-box-shadow: 8px 8px 8px rgb(13, 110, 253, 0.7);
    -moz-box-shadow: 8px 8px 8px rgb(13, 110, 253, 0.7);
    box-shadow: 8px 8px 8px rgb(13, 110, 253, 0.7);
    cursor:pointer;

}

.center-holder
{
    display:flex;
    align-items: center;
    text-align:center;
    justify-content: center;
}

.list-group-item-action-manager
{
    transition:all 0.3s;
}

.list-group-item-action-manager:hover
{
    transition:all 0.3s;
    transform: translate(0px,-8px) scale(1);
    background-color:rgb(13, 110, 253, 0.6)!important;
}

.el-interactable
{
    transition:all 0.3s;
    color:#fff;
    background-color:rgb(0, 0, 0, 0.15)!important;
    font-weight:bold;
}

.el-interactable:hover
{
    transition:all 0.3s;
    transform: translate(0px,-8px) scale(1);
    background-color:rgb(0, 0, 0, 0.6)!important;
    cursor:pointer;
}


.el-interactable-default
{
    transition:all 0.3s;
}

.el-interactable-default:hover
{
    transition:all 0.3s;
    transform: translate(0px,-4px) scale(1);
    background-color:rgb(16, 22, 63, 0.8)!important;
    color:#fff!important;
    cursor:pointer;
}

.el-interactable-default:hover .text-muted
{
    transition:all 0.3s;
    color:#fff!important;
}

.menu-interactable
{
    transition:all 0.3s;
}

.menu-interactable:hover
{
    transition:all 0.3s;
    transform: translate(0px,-8px);
    
    cursor:pointer;
}

.fin-interactable
{
    transition:all 0.3s;
}

.fin-interactable:hover
{
    transition:all 0.3s;
    transform: translate(0px,-8px);
    cursor:pointer;

}

.navbar-beta
{
    background-color:rgba(61,182,107,0.1);

}

.navbar-beta a
{
    background-color:rgba(61,182,107,1);
    color:#fff;
    border-radius:24px;
    font-size:0.8rem;
}

.navbar-beta a:hover
{
    background-color:rgba(61,182,107,0.7);
    color:#fff;
}

.audit-day
{
    font-size:2rem;
    color:#183153;
    transition:all 0.3s;
}

.audit-day:hover
{
    transition:all 0.3s;
    transform: translate(0px,-4px) scale(1);
    color:rgb(0, 0, 0, 0.6)!important;
    cursor:pointer;
}

.audit-day-active
{
    color:rgba(61,182,107,1);
}

.user-advanced
{
    background: rgb(162, 165, 253);

}

.user-super
{
    background: rgb(243, 147, 147);

}

.user-premier
{
    background: rgb(155, 231, 184);

}

.user-basic
{
    background: rgb(114, 170, 255);

}

.user-none
{
    background: rgb(78, 82, 114);

}

.room-calendar .fc-daygrid-body.fc-daygrid-body-unbalanced.fc-daygrid-body-natural, .room-calendar .fc-timegrid-divider.fc-cell-shaded
{
    display:none;
}

.room-calendar .fc-timegrid-slot-label-cushion.fc-scrollgrid-shrink-cushion
{
    min-width:80px;
    text-align:center;
    padding:6px;
}

.room-calendar .fc-timegrid-event.fc-v-event.fc-event.fc-event-start.fc-event-end.fc-event-future
{
    -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease-in-out;
    padding:0px 12px ;
    border:1px solid #77aeff;
}

.room-calendar .fc-timegrid-event.fc-v-event.fc-event.fc-event-start.fc-event-end.fc-event-future:hover
{
    transition:all 0.3s;
    transform: translate(0px,-4px) scale(1);
    color:rgba(0, 0, 0, 0.6)!important;
    cursor:pointer;
}

.quote-btn.active
{
    background-color:#10163F !important;
    color:inherit!important;
    
}

.quote-btn.active h5
{
    color:#fff!important;
    
}

.quote-btn.active .bg-light
{
    background-color:rgba(255, 255, 255, 0.2)!important;
    color:#fff!important;
    border:none!important;
    
}

.quote-btn.active i
{
    color:#4aba78!important
    
}



.quote-btn:hover
{

    transition:transform 0.3s;
    transform: translate(0px,-4px) scale(1);
    cursor:pointer;
}

.placeholder-container .bg-light
{
    background-color:#e9e9e9!important;
}

.account-table td
{
    padding:0.8rem 0.8rem;
    border-color:#eeeeee;
}

.account-card
{
    padding:1rem;
    border:1px solid #eeeeee;
    border-radius:14px;
}

.td-interact:hover{
    transition:all 0.3s;
    transform: translate(0px,-4px) scale(1);
    background-color:#f5f5f5!important;
    cursor:pointer;
    color:#0d6efd;
}

.td-interact{
    transition:all 0.3s;
}


.addClientTab.active
{
    color: inherit!important;
    background-color: transparent!important;
    border-bottom:1px solid #0d6efd;
    border-radius:0px!important;
}

.specialListParent li
{
    margin-bottom:-2px;
}
.menuSpecialTab button
{
    color: inherit!important;
    background-color: transparent!important;
    border-radius:0px!important;
}

.menuSpecialTab:has(.active)
{
    color: inherit!important;
    background-color: transparent!important;
    border-bottom:2px solid #0d6efd;
    border-radius:0px!important;
}

.fa-stack.small 
{ 
    font-size: 0.7em; 
}
.fa-stack.small  i 
{ 
    vertical-align: middle; 
}

.table-exclude td
{
    background-color:#eff19e!important;
}

.table-archived td
{
    background-color:#fcebeb!important;
}

.opaque
{
    opacity:0.4;
}

.soft-alert
{
    color:#f76161;
}

.soft-success
{
    color:#4aba78;
}

.item-lock-toggle.btn-danger
{
    color:#fff!important;
}

.contract-item
{
    font-size:0.9rem!important; 
    border:1px solid #f5f5f5!important;
    border-radius:6px;
}

.contract-item .btn
{
    float:right;
    font-size:0.7rem!important; 

}

.contract-item span
{
    width:28px;
    text-align:center;
    margin-right:6px;
}


.share-btn
{
    transition:all 0.3s;
}


.share-btn:hover
{
    transition:all 0.3s;
    cursor:pointer;
    background-color:#0146ab!important;

}

.green-hover:hover
{
    color:#3db66b;
    border-color:#3db66b;
}

.schedule-interactive
{
    transition:all 0.3s;
    background-color:#fff;
}

.schedule-interactive:hover
{
    transition:all 0.3s;
    background-color:#f5f5f5;
    transform: translate(0px,-4px) scale(1);
    cursor:pointer;
}

.sched-hidden
{
    display:none;
}

.active-hidden
{
    display:none;
}

@media print 
{
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}



.beo-table-custom-alt td, .beo-table-custom-alt th
{
   padding:0px 8px 0px 12px;
   font-size:14px;
   border:none!important;
}

.beo-table-custom-alt td
{
   text-align:left;
}

.beo-table-custom-alt tr
{
    border:none!important;


}

.beo-table-custom-alt th
{
   font-weight:bold;
   white-space:nowrap;
}

.beo-table-custom-alt td .form-check-inline
{
   min-height:0px!important;
}

.beo-notes-custom-alt, .beo-table-custom-alt pre
{
    background-color:#fcffdb!important;
    text-align:left;
    
}

.beo-table-custom-alt pre
{
    margin-bottom:0px;
    overflow:hidden;
    font-family: 'Quicksand', sans-serif;
    font-size:12px!important;

}

.beo-table-custom-alt
{
    margin-bottom:0px;

}

.beo-notes-preview-alt pre
{
    font-size:12px!important;
}