body {
    margin-top 0rem !important;
    overflow-x: hidden !important;
}

section {
    margin:     0rem !important;
    padding:    0rem 0.25rem !important;
    overflow-x: hidden !important;
}

pre {
    font-size:1.1rem !important;
}

#myModal {
    position: absolute;
    top: 1.5rem;
    left: 2.0rem !important;
    right:2.0rem !important;
    bottom: 1.0rem;
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:0.5rem !important;
    padding:0.5rem;
    background-color:#fff;
    border: solid black 2px;
    height: 95% !important;
    z-index:999 !important;
}

#currentBookings {
    position:absolute;
    top: 2.50rem !important;
}

.bbid {

}

.bbid:hover{
    cursor: pointer !important;
}

.totrow {
    margin: 1.0rem -1.0rem !important;
    padding: 1.0rem 1.0rem !important;
}

.cccval {
    margin: 0.0rem !important;
    padding:0.1rem 0.25rem !important;
}

.amenuitem {
    line-height:2.0rem !important;
}

.amenuitem>a {
    text-decoration: none;
    color: black;
}

.amenuitem:hover {
    cursor: pointer !important;
}

p.kkslogan {
    font-family: 'Comic Sans MS' !important;
    font-size:2.0rem !important;
}

p.kkslogansm {
    font-family: 'Comic Sans MS' !important;
    font-size: 0.85rem !important;
}

option:hover,
option:focus {
    background-color: #efadc3 !important;
}

option:checked {
  font-weight: bold;
}

option::checkmark {
  order: 1;
  margin-left: auto;
  content: "☑️";
}

select,
::picker(select) {
  appearance: base-select;
}

.bg-purple {
    background-color: #B057FF !important;
}

.bg-red {
    background-color: #ff0000 !important;
}

.bg-pink {
    background-color: #efadc3 !important;
}

.bg-pink-gradient {
    background-image: url("/images/pink-gradient.png");
    background-repeat:repeat-x !important;
    height: 3.0rem !important;
}

.bg-kkblue {
    background-color: #5BC4E2 !important;
}

.btn-kkblue {
    background-color: #5BC4E2 !important;
    border: solid #1d88a6 1px !important;
    border-radius: 0.25rem !important;
}

.btn-kkblue:hover {
    background-color: #7fd3eb !important;
    border: solid #1d88a6 1px !important;
    border-radius: 0.25rem !important;
}

.btn-kkpink {
    background-color: #EFADC3 !important;
    border: solid #c940a0 1px !important;
    border-radius: 0.25rem !important;
}

.btn-kkpink:hover {
    background-color: #f2becf !important;
    border: solid #c940a0 1px !important;
    border-radius: 0.25rem !important;
}

.bg-pale-blue {
    background-color: #f0f8ff !important;
}

.bg-palegrass {
    background-color: #efe !important;
}

.carousel-control-next,
.carousel-control-prev {
    color: #000 !important;
}

.mainmenu {
    margin-left: 0px !important;
}

.menulink {
    text-justify: center;
    max-width: 4.0rem !important;
    margin: 0.25rem !important;
    padding: 0.125rem !important;
}

.menulink span {
    font-size: 1rem !important;
    margin: 0.0rem auto !important;
}

.bg-kitz {
    background-color: #F3C4C8;
    color: #36C;
} 

.bg-charcoal {
    background-color: #333;
}

.text-kitz {
    color: #F3C4C8;
}

.bg-palegreen {
    background-color: #CFC;
}

.z900 {
    z-index:900 !important;
}

.text-grey {
    color: #999;
}

.text-small {
    font-size: 1.0rem !important;
}

.sidenav {
    width: 12rem !important;
    max-width: 12rem !important;
    background-color: #ffffff;
    padding: 0rem 1.0rem !important;
}

.nav-group {
    list-style-type: none !important;
    margin:0.25rem 0.25rem !important;
    padding: 0.25rem !important;
    width: 15rem !important;
}

.nav-sub-group {
    list-style-type: none !important;
    margin:0.0rem 0.5rem !important;
    padding: 0.5rem !important;
}

.nav-item {
    line-height: 2.0rem !important;
    margin-y: 0.5rem !important;
}

.clickable:hover{
    cursor: pointer !important;
    font-weight: 700 !important;
}

.sn-item {
    width: 12rem !important;
    font-size: 1.0rem !important;
    line-height: 1.5rem !important;
}

.sn-item:hover {
    cursor: pointer !important;
}

.bold {
    font-weight:700 !important;
}

.tiny {
    font-size: 0.7rem !important;
}