/*!******************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!./site/Site.css ***!
  \******************************************************************/
body {
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Full height of the viewport */
}

html {
    height: 100%;
    box-sizing: border-box;
}

.main-content {
    flex: 1; /* This allows it to take up all available space */
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.min-w-400 {
    min-width: 400px;
}

.w-fit-content {
    width: fit-content;
}

.min-h-300 {
    min-height: 300px;
}

.header-font-color-black {
    color: black;
}

.header-font-color {
    color: #f0f8ff;
}

.header-font-color:link {
    color: #f0f8ff !important;
}

.header-font-color:hover,
.header-font-color-black:hover {
    color: #3d9970;
}

.greentext-hover:hover {
    color: #3d9970;
}

.navbar-dropdown {
    padding: 0;
}

.padding-left-10 {
    padding-left: 10px;
}

.position-align-left {
    float: left;
}

.footer {
    background-color: #efefef;
    text-align: center;
    max-height: 80px;
}

.margin-top-7 {
    margin-top: 7px;
}

/*   Table Row Numbering   */
table {
    counter-reset: count;
}

th:before {
    content: counter(count);
    counter-increment: count;
}

th:not(.count):before {
    display: none;
}

/* remove bootstrap caret*/
.cohfi-dropdown-toggle.dropdown-toggle::after {
    display: none;
}

ul > .dropdown:hover .dropdown-menu {
    display: block;
}

.navbar .navbar-nav > li > a:hover {
    color: var(--colorado-light-blue);
}

.max-width-260px {
    max-width: 260px;
}

select.error,
textarea.error,
input.error {
    color: #ff0000;
}

.file {
    display: none;
}

.text-align-center {
    text-align: center;
}

input[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

select[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

select[readonly] option,
select[readonly] optgroup {
    display: none;
}

input {
    background-color: #fff;
}

select {
    background-color: #fff;
}

.back {
    background-color: #2196f3;
    color: #ffffff;
}

.required-glyph {
    color: var(--colorado-red);
}

.bg-cohfi-white {
    background-color: var(--colorado-white);
}

.cursor-pointer {
    cursor: pointer;
}

.element-lg {
    height: 1.5rem;
    width: 1.5rem;
}

.label-header {
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: underline;
    text-align: center;
}

.drop-up {
    top: auto;
    bottom: 100%;
}

.loading-dots {
    position: absolute;
    color: var(--colorado-red);
    font-size: 2rem;
    bottom: 50%;
    left: 80%;
}

.show-badge {
    display: block;
}

.fade-badge {
    opacity: 0.5; /* or any other fade effect */
    transition: opacity 0.5s ease-in-out;
}

.ui-draggable-handle {
    cursor: move;
}

[data-copy-text] {
    cursor: pointer;
}

.cohfi-navbar {
    background-color: var(--colorado-blue);
}

.bg-color-light-blue {
    background-color: var(--colorado-light-blue);
}

.bg-color-teal {
    background-color: var(--colorado-right-mountain-teal);
}

.min-w-200px {
    min-width: 200px;
}

.min-w-60px {
    min-width: 60px !important;
}