body {
   padding-top: 50px;
   height: 95vh;
   width: 100%;
}

h1 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.form-control {
    font-size: 14px;
}

.form-group {
    font-size: 14px;
    margin-bottom: 15px
}

.input-group {
    font-size: 14px;
}

  .dropdown-menu {
    text-align:left;
    left: auto;
}
  .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
    display: block;
}
.dropdown-item {
    position:relative;
    display: block;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
  }
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
    line-height: 1.1;
    }
.bolded {
  font-weight:bold;
 }
.container {
    display: grid;
    width:1400px;
    margin:auto;

}
.containernochangemediaquery {
    display: grid;
    width:1400px;
    margin:auto;
}
div.dt-buttons {
float: right;
margin-left:10px;
}
.extreme {
    background-color: #8A2BE2;
}
.very-high {
    background-color: #FF0000;
}
.high {
    background-color: #DAA520;
}
.moderate {
    background-color: #FFFF00;
}
.low {
    background-color: #9ACD32;
}
.lightRed {
    background-color: #ffe6e6 !important
}

.lightGreen {
    background-color: #ebfaeb !important
}
.pnlGreen {
    background-color: #68de7c !important
}
.lightGrey {
    background-color: #c0bfbf !important
}
.lightYellow {
    background-color: #fbefcc !important
}
.table {
    text-align:center;  
  }
  td, th {
    text-align: center !important;
  } 
.bumpupdown {
    padding-left: 0px;
    padding-right: 0px;
  }
.block {
    display: block;
    width: 100%;
    background-color: white;
    border: none;
    color: rgb(32, 103, 184);
    padding-left: 0px;
    padding-right: 0px;
  }
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.navbar-brand img {
    filter: invert(100%);
    width: 90px;
    max-height: 40px;
    margin-right: 0px;
}
.DTFC_LeftBodyLiner {
    overflow-x: hidden;
}
/* Adjust the dropdown menu group nav items */
.separator-with-text {
    list-style: none; /* Remove list bullet/marker */
    padding: 0; /* Add some padding above and below */
    text-align: left; /* Center the text */
    font-weight: bold; /* Make the text bold (optional) */
    border-bottom: none; /*1px solid #ccc; Add a bottom border for the line */
}
.separator-with-text span {
    display: block; /* Ensure the text takes up the full width */
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .container {
        width: 100%;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .container-fluid {
        width: 100%;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .datacontent {
        width: 100%;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar {
        width: 100%;
        text-align: left;
    }

    .navbar-nav li {
        display: block;
    }

    .navbar-nav li:hover > ul.dropdown-menu {
        position: static;
        float: none;
        width: auto;
    }
    .form-group {
        margin-bottom: 0;
        display: flex;
        flex: 1;
    }    
    .form-control {
        width: 100%;
        margin-bottom: 10px;
    }
    .separator-with-text {
        list-style: none;
        /* Remove list bullet/marker */
        padding: 0;
        /* Add some padding above and below */
        text-align: left;
        /* Center the text */
        font-weight: bold;
        /* Make the text bold (optional) */
        border-bottom: none;
        /*1px solid #ccc; Add a bottom border for the line */
    }

    .separator-with-text span {
        display: block;
        /* Ensure the text takes up the full width */
    }
}