.bgcolor {
    background-color: #0F5132 !important;
    color: #ffffff !important;
}

.active {
    background-color: #0F5132 !important;
    color: #ffffff !important;
    border-radius: 5px !important;
}

.shover:hover {
    background-color: #ffffff !important;
    color: #0F5132 !important;
}

.sactive {
    background-color: #ffffff !important;
    color: #0F5132 !important;
}

h2,
h6,
h5,
h4,
.h {
    color: #0F5132 !important;
}

.banner-h2 {
    color: #ffffff !important;
}

.safari-trip:hover {
    height: 180px !important;
    width: 100% !important;
    overflow: hidden;
}

.destinations {
    /*height: 120px !important;*/
    width: 100% !important;
    overflow: hidden;
}

.menulist:hover {
    background-color: #0F5132;
    color: #ffffff !important;
    border-radius: 5px !important;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tabledata {
    overflow: auto !important;
    white-space: nowrap !important;
}

.myborder {
    border: 1px solid #0F5132 !important;
}

.pointer {
    cursor: pointer !important;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

#sidebar {
    height: 100vh !important;
}

.footer {
    background-color: #af6739;
    color: #ffffff;
}

.footer h6 {
    color: #ffffff !important;
}

.transparent-box {
    background-color: rgba(15, 81, 50, 0.5);
    border-radius: 10px;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    #sidebar {
        height: auto !important;
    }
    .menulist:hover {
        color: #0F5132;
        background-color: #ffffff !important;
    }
    .active {
        background-color: #ffffff !important;
        color: #0F5132 !important;
    }
}