.HeaderDiv {
    font-size: 19px;
    color: white;
    /*border: 1px solid white;*/
    font-family: 'Times New Roman', Times, serif;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    width: 100px;
}

.Form-HeaderDiv {
    font-size: 17px;
    color: white;
    /*border: 1px solid white;*/
    font-family: 'Times New Roman', Times, serif;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    width: 100px;
}

.Form-Horizontal-Line {
    width: 100%;
    margin: 10px auto;
    opacity: 0.5;
    color: white;
    padding-top:0px
}


.Scroll-Div {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left:5px;
    padding-bottom:5px
   
}



.Scroll-Div1 {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-bottom: 35px
}


.Scroll-Div::-webkit-scrollbar {
    width: 4px;
    background-color: #aaa; /* or add it to the track */
}

 



.Form-Horizontal-Full-Line {
    width: 100%;
    margin: 0px;
    opacity: 0.5;
    color: white;
    margin-top: 10px;
    padding:0px
    
}

.form-container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin:0px



}

.form-Inner-Div {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 430px;
     width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div1 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 450px;
     width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}





.form-Inner-Div450 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 450px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div425 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 425px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div400 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 400px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div380 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 380px;
    width: 100%;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div370 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 370px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div350 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 350px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div340 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 340px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div330 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 330px;
    width: 100%;
   
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div320 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 320px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}




.form-Inner-Div310 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 310px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div300 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 300px;
    width: 100%;
    
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div290 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 290px;
    width: 100%;
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div280 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 280px;
    width: 100%;
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div270 {

    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 270px;
    width: 100%;
    /*overflow: hidden;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-DivAuto {
    /*border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;*/
    height: auto;
    width: 100%;
    overflow: hidden;
    display:block;
  
    /*overflow-x: hidden;
    overflow-y: auto;*/
}


.form-Inner-Div250 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 250px;
    width: 100%;
  
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div235 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 235px;
    width: 100%;
    
 
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div230 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 230px;
    width: 100%;
     
    /*overflow-x: hidden;
    overflow-y: auto;*/
}

.form-Inner-Div225 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 225px;
    width: 100%;
     
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



.form-Inner-Div200 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 200px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}



.form-Inner-Div180 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 180px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.form-Inner-Div170 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 170px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}


.form-Inner-Div150 {
    border: 1px dotted lightgray;
    padding: 10px;
    border-radius: 10px;
    height: 150px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}







.form-Inner-Div100 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 100px;
    width: 100%;
   
}





.form-Inner-Div95 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 95px;
    width: 100%;
  
}



.form-Inner-Div90 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 90px;
    width: 100%;
    
}





.form-Inner-Div85 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 85px;
    width: 100%;
    
}



.form-Inner-Div80 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 80px;
    width: 100%;
    
}


.form-Inner-Div75 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 75px;
    width: 100%;
    
}


.form-Inner-Div70 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 70px;
    width: 100%;
   
}


.form-Inner-Div50 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    
}


.form-Inner-Div30 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 30px;
    width: 100%;
    
}

.form-Inner-Div20 {
    border: 1px dotted lightgray;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    height: 20px;
    width: 100%;
    
}



    .form-Inner-Div::-webkit-scrollbar {
        width: 4px;
        background-color: #aaa; /* or add it to the track */
    }



.Form-Group-First {
    margin-top: 0px;
    width: 100%;
    text-align: start;
    display: flex;
    flex-direction: column;
}

.Form-Group {
    margin-top: 10px;
    width: 100%;
    text-align: start;
    display: flex ;
        flex-direction: column;
}

.Form-Lable {
    font-size: 14px;
    color: white;
    /*border: 1px solid white;*/
    font-family: 'Times New Roman', Times, serif;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
    text-align: start;
    
    /*width: 100px;*/
    padding-top: 5px;
    padding-bottom: 0px;
}


.Form-TextBox {
    font-size: 16px;
    color: black;
    border: 1px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: start;
   
    width: 100px;
    margin: 0px;
}


.Form-TextArea {
    font-size: 16px;
    
    color: black;
    border: 1px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: start;
    /*width: 100px;*/
    margin: 0px;
    resize: none;
}

.Form-Button-Ok {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
     /*margin-right:100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, lightgreen, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Ok:hover {
        font-size: 18px;
    }



.Form-Button-Edit {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    /*margin-right: 100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, orange , white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Edit:hover {
        font-size: 18px;
    }



.Form-Button-Delete {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    /*margin-right: 100px;*/
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, red, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


    .Form-Button-Delete:hover {
        font-size: 18px;
    }

.Form-Button-Cancel {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, lightgray, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}

    .Form-Button-Cancel:hover {
        font-size: 18px;
    }




.Form-Button-Other-Currency {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right, sandybrown, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}

    .Form-Button-Other-Currency:hover {
        font-size: 18px;
    }




.Form-Button-Search {
    width: 100%;
    font-size: 18px;
    margin-top: 10px;
    color: black;
    border: 0px solid white;
    font-family: 'Times New Roman', Times, serif;
    border-radius: 10px;
    background-image: linear-gradient(to bottom right,  lightblue, white);
    /*background: rgba(255, 255, 255, 0.90);*/
    position: center;
}


.JV-Button-Add {
    width: 40px;
    height: 33px;
    cursor: pointer;
    background-image: linear-gradient(to bottom right, sandybrown, white);
    /*background: rgba(255, 255, 255, 0.90);*/
}