* {
    margin: 0;
    padding: 0;
    box-sizing: "border-box";
    }

body{
    background-color: rgb(167, 163, 163);
    /* flex-direction : column; */
    align-items :center;
    display : grid;
    justify-items: center;
    
}

#rrform {
    height : 450px;
    width :  480px;
    display : grid;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    background-color: rgb(79, 78, 78);
    border-radius :5px;
    border : 2px solid white;
    padding : 5px 10px 5px 10px;
}

#fileint {
    display : inline-block;
    flex-direction : row;
    align-items:center;
    justify-content: center;
    margin : 5px;
}

#password {
    height : 15px;
    width : 150px;
    margin : 8px;
}


#fileupload {
    display : grid;
    align-items : center;
    padding : 10px;
    justify-items : center;
    border-radius : 10px;
    border : 2px solid aquamarine;
}

#customer {
    display :grid;
    align-items : center;
    justify-items : center;
}

#dates {
    display : inline-block;
    justify-items: center;
    justify-content: space-around;
    align-items: center;
}

#fromdate {
    height: 30px;
    width : 100px;
    color: chocolate;
    text-align : 'center';
    border: 1.5px solid white;
    border-radius :2px;
    margin : 10px;
}

#todate {
    height: 30px;
    width : 100px;
    color: chocolate;
    text-align : 'center';
    border: 1.5px solid white;
    border-radius :2px;
    margin : 10px;
}
#branchName {
    display :grid;
    flex-direction : column;
    align-items : center;
    padding : 10px;
    justify-items : center;
    border-radius : 10px;
    border : 2px solid aquamarine;
}

label{
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    color : white;
}
input[type="file"]::file-selector-button{
    background-color : #008000;
    color: white;
}
input[type="file"]{
    color: white;
}

h2{
    font-size: 30px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    margin : 0px 0px 20px 0px;
}

h3 {
    color : white;
    font-family: Arial, Helvetica, sans-serif;
    margin : 5px 0px 10px 0px;
}

h4{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    margin : 10px 0px 10px 0px;
}


#textbox{
    height : 25px;
    width : 300px;
    border-radius : 2px;
    resize : none;
}

button {
    height : 50px;
    width : 150px;
    color : white;
    background-color : green;
    border : 1.5px solid white;
    font-size : large;
    border-radius : 5px;
    cursor : pointer;
}

button:hover{
    background-color: rgb(3, 201, 3);
}

#dropdown {
    height: 30px;
    width : 200px;
    color: chocolate;
    text-align : 'center';
    border: 1.5px solid white;
    border-radius :2px;
    margin : 10px;
}
/* #dropdown::placeholder {
    text-align: center;
    color:blue;
} */

#dropdown::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-align: center;
    color:blue;
  }
  

#dropboxes {
    display : inline-block;
    justify-items: center;
    justify-content: space-around;
    align-items: center;
}


#custDropdown {
    height : 30px;
    width : 200px;
    color : chocolate;
    text-align : 'center';
    border : 1.5px solid white;
    border-radius : 2px;
    margin : 10px;
}