body{
    background-color: #f8fffb;
}
.accordion{
    width: 1300px;
    margin: auto;
    margin-top: 20px;
    --bs-accordion-active-bg: #217016;
    --bs-accordion-active-color:#F1F7E7;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' stroke='white' stroke-width='1' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' stroke='white' stroke-width='1' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-item{
    border: None;
}
.accordion-button{
    background-color: #7AA874;
    color:#F1F7E7;
    font-size: 20px;
}
.accordion-button:not(.collapsed){
    box-shadow:None;
}
.accordion-button:focus{
    box-shadow:None;
}
.accordion-body img{

}
.plot_pd{
     height: 650px;
     text-align: center;
}
#myimg{
    height:600px;
    width: 800px;
    margin: auto;
    margin-top: 20px;
}
.app{
    /*height:50px;*/
}
.input{
    float: left;
    width: 600px;
}
.output{
    float: left;
    width: 600px;
    margin-left: 20px;
}
.eximg img{
     width: 350px;
    height: 300px;
    margin-left: 55px;
}
.CoMimg img{
    float: left;
    width: 300px;
    height: 270px;
}
.indata img{
    width: 400px;
    height: 250px;
    margin: 20px 0 5px 55px ;
}
.mb-3{
    width: 400px;
    margin-left: 180px;
    margin-top: 5px;
    float: left;
}
.form-floating{
    width: 900px;
    margin: auto;
    margin-top: 5px;
}
.parameter{
    width: 900px;
    margin: auto;
    margin-top: 5px;
}
.form-control::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}
.form-control::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #c3c3c3;
}
.form-control::-webkit-scrollbar-track {
    background-color: transparent;
}
.parameter label{
    margin-top: 25px;
    width: 150px;
}
input[type="text"]{
    width: 250px;
}
input[type="number"]{
    width: 70px;
}
#opp{
    background-color: white;
    --bs-accordion-btn-active-icon:None;
    --bs-accordion-btn-icon:None;
}
.double-down img{
    width: 30px;
    height: 30px;
    margin-left: 620px;
}
.label select{
    box-sizing: border-box;
    /* margin-left: 5px;*/
    padding-left: 5px;
    width: 230px;
    height: 27px;
    display: inline-block;
}
/* Custom CSS to change file input button text */

.selectButton{
    padding: 5px 10px;
    background: #92b99f;
    color: #FFF;
    border: none;
    border-radius: 5px;
    width: 150px;
    margin-left: 30px;
}
.selectButton:hover{
    background: #7AA874;
}
.selectButton a{
    color: #FFF;
}
input:valid {

}
.form-check{
    float: left;
}
label{
    display: inline;
}
.form-check-input:checked {
    background-color: #7AA874;
    border-color: #7AA874;
}
.put{
    text-align: center
}
#putbutton{
    padding: 5px 10px;
    background: #FFF;
    color: #92b99f;
    border-width: 3px;
    border-color: #92b99f;
    border-radius: 5px;
    width: 150px;
    margin-top: 20px;
}
.upload_data{
    width: 900px;
    margin: auto;
    margin-left: 30px;
    height: 40px;
}
.upload_button{
    height: 60px;
    width: 1300px;
}
.add_up{
    margin-top: 15px;
}
.add_demo{
    float: left;
    margin-top: 5px;
}
/*.form-control{*/
/*    font-size: 12px;*/
/*}*/
.target-bg{
    color: #feffff;
    background-color: #e27c7c;
    /*white-space: normal;*/
    /*display: inline-block;*/
}
/*td, th {*/
/*    border: 1px solid black;*/
/*    padding: 8px;*/
/*    text-align: left;*/
/*    white-space: normal; !* 允许文本换行 *!*/
/*    word-wrap: break-word; !* 在单词内允许换行 *!*/
/*}*/
/*td span {*/
/*    display: inline; !* 确保 span 和文本在同一行 *!*/
/*}*/