:root{

    /* Primary */
    --bh-dark: #14293C;
    --green: #536258;
    --green-75: #7E8982;
    --green-50: #A8B0AB;
    --green-25: #D4D7D5;

    --brown: #CF946F;
    --brown-75: #E9D0AD;
    --brown-50: #F0E0C8;
    --brown-25: #F8F0E4;

    /* Essentials */
    --bh-cream: #FFEDD8;
    --bh-white: #FFFFFF;
    --bh-yellow: #FDBF44;
    --bh-orange: #E86C3D;
    --bh-pink: #F48688;
    --bh-red: #9F1B4B;
    --alpha: 0.5;

    /* Gray */
    --bh-gray-950: #0C0A09;
    --bh-gray-900: #1C1917;
    --bh-gray-800: #292524;
    --bh-gray-700: #44403C;
    --bh-gray-600: #57534E;
    --bh-gray-500: #78716C;
    --bh-gray-400: #A8A29E;
    --bh-gray-300: #D6D3D1;
    --bh-gray-200: #E7E5E4;
    --bh-gray-100: #F5F5F4;
    --bh-gray-50: #FAFAF9;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--bh-gray-500) !important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: var(--bh-gray-500) !important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: var(--bh-gray-500) !important;
}
:-moz-placeholder { /* Firefox 18- */
    color: var(--bh-gray-500) !important;
}

.rounded-6{
    border-radius: 0.60rem;
}

.rounded-7{
    border-radius: 0.75rem;
}

.fs-7{
    font-size: 0.90rem;
}

.fs-8{
    font-size: 0.80rem;
}

.ls-1{
    letter-spacing: 1px;
}

.vh-90{
    height: 90vh;
}

.lh-90{
    line-height: 90%;
}


.lh-100{
    line-height: 100%;
}

.lh-150{
    line-height: 150%;
}

.lh-175{
    line-height: 175%;
}


.dropdown-toggle:after {
    display: none;
}

.py-6{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.p-6{
    padding: 4rem;
}

.btn-success{
    background-color: var(--green);
    border-color: var(--green);
}

.btn-success:hover, .btn-outline-success:hover{
    background-color: var(--green-75);
    border-color: var(--green-75);
}

.btn-outline-success {
    color: var(--green);
    border-color: var(--green);
}

.btn:not(:disabled):not(.disabled){
    font-size:12px;
}

.toggle-off.btn {
    padding-left: .8rem;
}

/* Backgrounds */
.bs-gray-50{ background-color: var(--bh-gray-50) !important; }
.bs-gray-100{ background-color: var(--bh-gray-100) !important; }
.bs-gray-200{ background-color: var(--bh-gray-200) !important; }
.bs-gray-300{ background-color: var(--bh-gray-300) !important; }
.bs-gray-400{ background-color: var(--bh-gray-400) !important; }
.bs-gray-500{ background-color: var(--bh-gray-500) !important; }
.bs-gray-600{ background-color: var(--bh-gray-600) !important; }
.bs-gray-700{ background-color: var(--bh-gray-700) !important; }
.bs-gray-800{ background-color: var(--bh-gray-800) !important; }
.bs-gray-900{ background-color: var(--bh-gray-900) !important; }

.bg-dark{
    background-color: var(--bh-dark) !important;
}

.bg-green{ background-color: var(--green) !important; }
.bg-green-75{ background-color: var(--green-75) !important; }
.bg-green-50{ background-color: var(--green-50) !important; }
.bg-green-25{ background-color: var(--green-25) !important; }

.bg-orange{
    background-color: var(--bh-orange) !important;
}

.bg-light-alt{
    background-color: var(--bh-cream) !important;
}

.bg-yellow{
    background-color: var(--bh-yellow) !important;
}

.bg-pink{
    background-color: var(--bh-pink) !important;
}

.bg-red{
    background-color: var(--bh-red) !important;
}

.bg-brown-25{
    background-color: var(--brown-25);
}
/* Typography */
h1, h2, h3{
    font-weight: 500 !important;
}

h4,h5,h6{
    font-weight: 500 !important;
}

a{
    color: var(--green);
}

a:hover{
    color: var(--bh-dark);
}

.text-sm{
    font-size: 0.90rem;
}

.text-xs{
    font-size: 0.80rem;
}

.text-xxs{
    font-size: 0.70rem;
}

.text-xl{
    font-size: 1.60rem;
}

/* Backgrounds */
.text-gray-50{ color: var(--bh-gray-50) !important; }
.text-gray-100{ color: var(--bh-gray-100) !important; }
.text-gray-200{ color: var(--bh-gray-200) !important; }
.text-gray-300{ color: var(--bh-gray-300) !important; }
.text-gray-400{ color: var(--bh-gray-400) !important; }
.text-gray-500{ color: var(--bh-gray-500) !important; }
.text-gray-600{ color: var(--bh-gray-600) !important; }
.text-gray-700{ color: var(--bh-gray-700) !important; }
.text-gray-800{ color: var(--bh-gray-800) !important; }
.text-gray-900{ color: var(--bh-gray-900) !important; }


.text-orange{
    color: var(--bh-orange) !important;
}

.text-green{
    color: var(--green) !important;
}

.text-green-75{
    color: var(--green-75) !important;
}

.text-green-50{
    color: var(--green-50) !important;
}

.text-green-25{
    color: var(--green-25) !important;
}

.text-brown{
    color: var(--brown) !important;
}

.text-brown-75{
    color: var(--brown-75) !important;
}

.text-brown-50{
    color: var(--brown-50) !important;
}

.text-brown-25{
    color: var(--brown-25) !important;
}


.text-red{
    color: var(--bh-red) !important;
}

.text-light{
    color: var(--bh-cream) !important;
}

.text-dark-alt{
    color: var(--bh-dark) !important;
}

.fw-medium{
    font-weight: 500;
}

.fw-semibold{
    font-weight: 600;
}

/* Icons */
.icon-12{
    width: 12px !important;
}


.icon-16{
    width: 16px !important;
}

.icon-24{
    width: 24px !important;
}

.icon-32{
    width: 32px !important;
}

.icon-64{
    width: 64px !important;
}


.icon-80{
    width: 80px !important;
    height: 80px !important
}

/* Data Tables */
.dataTables_wrapper{
    border-top: 1px solid var(--bh-gray-200);
}

.dataTables_length{
    font-size: 13px;
    padding: 0.5rem 1rem 0;
}

.dataTables_filter{
    font-size: 12px;
    padding: 0.5rem 1rem 0;
}

.dataTables_info{
    font-size: 13px;
    padding: 0.5rem 1rem;
}

.dataTables_paginate{
    font-size: 12px;
    padding: 0.5rem 1rem;
}

div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: 0;
}

label{
    margin-bottom: 3px;
    color: var(--bh-dark);
}

/* Badges */
.badge{
    font-size: 90%;
    font-weight: 500;
    border: 0 none !important;
  }
  
  .badge-confirmed{
    background-color: #CBE8FF !important;
    color: #0A75E1 !important;
  }

  .badge-prepare{
    background-color: #FFF3DC !important;
    color: var(--bh-yellow) !important;
  }

  .badge-otw{
    background-color: #FCDBCE !important;
    color: var(--bh-orange) !important;
  }

  .badge-delivered{
    background-color: #CFFFE8 !important;
    color: var(--green) !important;
  }

  .badge-success{
    background-color: #CFFFE8 !important;
    color: var(--green) !important;
  }

  #overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }