html, body {
    height: 100%;
}

.full-height {
    height: 100%;
}

.blue-sidebar {
    background-color: #009cc4;
}

.custom-icon-size {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.blue-nav-link {
    height: 32px;
}

.white-seperator {
    border: 1px solid white;
    opacity: 1;
}

#banner {
    background-color: #ff7f32;
}

.header-height {
    height: 10%;
}

.white-black-transition:hover {
    color: black;
}

.modal-backdrop.show {
    background-color: #009cc4;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
}

.scroll-bar-hidden::-webkit-scrollbar {
    display: none;
}

.scroll-bar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


.modal-input-field::placeholder {
    color: #99d7e7;
}