.AddNewTopLeft{
    top:25px;
    left:15px;
    position:absolute;
    z-index:100;
    width:1%;
}




.HeaderDiv {
    font-size: 19px;
    color: black;
    /*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-right: 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.8;*/
    color: white;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px
}

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



}

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


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




.form-Inner-DivFull {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    border-radius: 10px;
    height: calc(100% - 15px);
    /*width: 100%;*/
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    /*overflow: hidden;*/
    /*display: block;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



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



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


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


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

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

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


.form-Inner-Div370 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 370px;
    width: 100%;
}

.form-Inner-Div360 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: 360px;
    width: 100%;
    
}

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



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


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


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




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


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



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


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


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


.form-Inner-Div270 {

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



.form-Inner-DivAuto1 {
    border: 1px dotted gray;
    padding: 10px;
    border-radius: 10px;
    height: auto;
    width: 100%;
}



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


.form-Inner-DivTop {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    border-radius: 10px; 
    height: auto;
    /*width: 100%;*/
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    /*overflow: hidden;*/
    /*display: block;*/
    /*overflow-x: hidden;
    overflow-y: auto;*/
}



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



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

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

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


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

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


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



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


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


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



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





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





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



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





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



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


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


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


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


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

.form-Inner-Div20 {
    border: 1px dotted gray;
    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: 100%;
    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);*/
}



.JV-Inner-Div {
    border: 1px dotted gray;
    border-radius: 10px;
    /*width: 100%;*/
    height: calc(100% - 175px);

    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
   
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
}



/* Default: hidden on small screens */
#JVHeader {
    display: none;
    padding-top: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*padding: 10px;*/
    margin-right: 15px;
    margin-left: 15px;
}

.JVLabel {
    display: block;
}



#ScrollDiv {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}

.ph-sm::placeholder {
    color: #999;
    opacity: 1;
}



.JV-Horizontal-Full-Line {
    border-bottom: 1px solid black;
    width: 100%;
    margin: 0px;
    opacity: 0.4;
   
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0px
}

/* Show on medium and larger screens */
@media (min-width: 768px) {
    #JVHeader {
        display: block;
    }


    .JVLabel {
        display: none;
    }

    .JV-Horizontal-Full-Line {
        display:none;
    }
    .ph-sm::placeholder {
        color: transparent;
        opacity: 0;
    }

    #ScrollDiv {
        width: 100%;
        height: calc(100% - 50px);
        overflow-x: hidden;
        overflow-y: auto;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px
    }

}

/*///////////////////////////////////////*/

 
/* Popup Modal Styles */
.image-modal {
    display: none;
    position:absolute;
     z-index: 200; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.5);
}


.image-modal-content1 {
    position: relative;
    margin: 10% auto;
    height: 110px;
    width: 330px;
    max-height: 110px;
    max-width: 330px;
    background: #fff;
    padding: 2px;
    
    /*border-radius: 8px;*/
    text-align: center;
}

.image-modal-content {
    position: relative;
    margin: 10% auto;
    max-height: 200px;
    max-width: 200px;
    background: #fff;
    padding: 2px;
    /*border-radius: 8px;*/
    text-align: center;
}

.image-modal img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.close-modal {
    /*position: absolute;
    top: 10px;
    right: 15px;
    font-size: 1.5rem;
    color: #aaa;
    cursor: pointer;*/
    display:none;
}

    .close-modal:hover {
        color: #000;
    }

.MSG_User {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: white;
    color: black;
    text-align: left;
    /*padding: 10px;*/
    border-radius: 10px;
    height: auto;
    /*width: 100%;*/
    margin-right: 65px;
    margin-left: 5px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.MSG_Reply {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #1982c4;
    color: white;
    text-align: left;
    /*padding: 10px;*/
    border-radius: 10px;
    height: auto;
    /*width: 100%;*/
    margin-right: 5px;
    margin-left: 65px;
    margin-bottom: 15px;
}


.MSG_Info {
    border: 1px dotted gray;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 10px;
    padding-left: 10px;
    /*background-color: lightgray;*/
    color: black;
    text-align: center;
    /*padding: 10px;*/
    /*border-radius: 10px;*/
    height: auto;
    /*width: 100%;*/
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}