/*--------------------------------------------------------------
# self_css style
--------------------------------------------------------------*/
.self_header{
    background: #1c5c93;
    color: white;
    height: 40px;
    margin-top: 0px;
    position: relative;
}

.self_logo{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.self_nav_h1{
    font-size: medium;
    color: white;
}

a.self_deactivate_nav{
    color: white;
}

#self_about_content{
    text-align: left;border-radius:
     20px;border-color: #1c5c93;
     border:2px solid #1c5c93;
     padding: 20px;
     margin-bottom: 20px;
}

#self_about_content .self_about_part{
    font-size: medium;
    text-align: justify;
    text-indent: 2em;
}

#tableArea .dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
    overflow-x: auto;
}

#tableArea tr{
    height: 42px;
}


.self_rela_detail{
    background-color: #1c5c93;
    color: white;
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    text-align: center;
    padding: 5px;
}

.home_box{
    position:relative;
    height: 40px;
}

.home_box #home_box_icon{
    /* height: 40px;
    width:80px;
    margin-left: -200px;
    color:white; 
    background: #1c5c93;
    border-color: #183f61;
    border-width:3px ;
    text-align: center;*/
    padding-top:6px;
    font-size: 25px;
    margin-right: 20px;
    /* position: absolute; */
}

.home_box_input{
    position: absolute;
    margin-left: -250px;
    height:40px; 
    width: 500px; 
    color:white; 
    background: #1c5c93;
    border-color:#183f61; 
    border-width: 10px;
    text-align: center;
    font-size: 25px;
}

.visual_title{
    text-align: center;background: whitesmoke;margin-bottom: 20px;font-size: large;
}

.visual_echart_plot{
    width: 100%;height:350px;margin-bottom: 10px;text-align: center;
}

.visual_echart_assoc{
    height: 800px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.visual_echart_assoc .visual_echart_assoc_sub1{
    width: 100%;
}

.visual_echart_assoc .visual_echart_assoc_sub2{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.visual_echart_assoc .visual_echart_assoc_sub2 .visual_echart_assoc_sub2_title{
    height: 5%;
    background: whitesmoke;
    text-align: center;
    font-size: smaller;
}

.visual_echart_assoc .visual_echart_assoc_sub2 .visual_echart_assoc_sub2_sub1{
    height: 40%;
    margin-bottom: 30px;
}

header div{
    white-space:nowrap; 
}

/* body div{
    white-space: nowrap;
} */

p{
    white-space: pre-wrap;
    word-wrap: break-word;
  }

/* .content-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    .file-name-div{
        margin:10px 0;
        .no-file,.file-name{
            margin:10px 0 20px;
        }
    }


    .upload-div{
        margin-top:10px;
    }
}
.upload-container{
    display: flex;
    position: inherit;
    .btn-secondary {
        position: relative;
        .upload-input{
            opacity: 0;
            position: absolute;
            overflow: hidden;
            top: 0;
            right: 0;
            width: 100%;
            height:100%;
        }
    }        
} */

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.container {
    width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    white-space:nowrap;
}