#pde_logo_container{
    padding-top: 20px;
}

#pde_logo{
    width: 80%;
}

body{
    background-color: #f8f8f8 !important;
}

h1 {
    font-family: 'Poppins',sans-serif !important;
    font-size: 16px !important;
    color: #102e47;
    font-weight: bolder !important;
}

h2 {
    font-family: 'Poppins',sans-serif !important;
    font-size: 14px !important;
    color: #102e47;
}

h3 {
    font-family: 'Poppins',sans-serif !important;
    font-size: 13px !important;
    /*font-weight: bold;*/
    color: #102e47;
}

h4 {
    font-family: 'Poppins',sans-serif !important;
    font-size: 12px !important;
    /*font-weight: bold;*/
    color: #102e47;
}

p{
    font-family: 'Poppins',sans-serif !important;
    font-size: 12px !important;
}

.content-card{
    background-color: white;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.42);
}

select{
    font-size: 12px !important;
}

label{
    font-size: 14px !important;
}

th{
    font-size: 12px !important;
}

td{
    font-size: 12px !important;
}

ul{
    font-size: 12px !important;
    line-height: 20px;
}

ol{
    font-size: 12px !important;
    margin-bottom: 10px !important;
}

li{
    font-size: 12px !important;
    margin-bottom: 10px !important;
}

.select-fit-content{
    width: fit-content !important;
}

.container-bm-100{
    margin-bottom: 100px;
}

.lpad-40{
    padding-left: 40px !important;
}

.text-area-250{
    width: 250px !important;
}

#preliminary_data_dialog1{
    background-color: rgb(239, 239, 240);
    box-shadow: 2px 2px 10px;
    border-radius: 10px;
    border-style: hidden;
    max-height: 90%;
    padding: 30px 30px 30px 30px;
    /*overflow-y: scroll;*/
    z-index: 999;
}

#preliminary_data_dialog2{
    background-color: rgb(239, 239, 240);
    box-shadow: 2px 2px 10px;
    border-radius: 10px;
    border-style: hidden;
    max-height: 90%;
    padding: 30px 30px 30px 30px;
    /*overflow-y: scroll;*/
    z-index: 999;
}

#validation_dialog{
    background-color: rgb(239, 239, 240);
    box-shadow: 2px 2px 10px;
    border-radius: 10px;
    border-style: hidden;
    max-height: 90%;
    padding: 30px 30px 30px 30px;
    /*overflow-y: scroll;*/
    z-index: 999;
}

.chart-filter-tool-bar{
    background-color: #dddddd;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.chart-container{
    background-color: white;
    border-radius: 5px;
}

.white-container{
    background-color: white;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    box-shadow: 2px 2px 10px rgba(135, 123, 123, 0.32);
}

#heroContainer{
    background-color: #fdfdfd;
    padding: 20px 20px 20px 20px;
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #003145;*/
    box-shadow: 2px 2px 2px #6e6c6c;
}

.footer{
    color:#dddddd;
    background-color: #102e47;
    padding: 20px 20px 20px 20px;
    text-align: center;
}

.question_section_container{
    background-color: rgba(207,201,194,0.38);
    padding: 20px 20px 20px 20px
}

.text-section{
    background-color: #dcdbdb;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
}

.default-dialog{
    background-color: rgb(239, 239, 240);
    box-shadow: 2px 2px 10px;
    border-radius: 10px;
    border-style: hidden;
    padding: 30px 30px 30px 30px;
    z-index: 999;
}

.default-dialog-full{
    background-color: rgb(239, 239, 240);
    box-shadow: 2px 2px 10px;
    border-radius: 10px;
    border-style: hidden;
    padding: 30px 30px 30px 30px;
    z-index: 999;
    height: 90%;
    width: 90%;
}



.red-box{
    background-color: #ffd3dd;
    padding: 10px 10px 10px 10px
}

.bold{
    font-weight: bold;
}

.required{
    color: red;
}