body {
  
    background-size: cover;
}




*[role="form"] {
    width:100%;
    height: 100%;    
    border-radius: 0.3em;
    background-color: #f2f2f2;
    margin-top:1%;
}

    *[role="form"] h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 40px;
        font-weight: 600;
        color: #000000;
        margin-top: 5%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 4px;
    }

table, tr {
    line-height: 3.5;
}


table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 6px;
}

tr:nth-child(even) {
    background-color: white;
}


input[type=text] {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid ;
    border-radius: 5px;
}

.breadcrumb {
    width: 100%;
    height: auto;
    background: #e8e8e8;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}

ul.breadcrumb {
    margin-left:2%;
    padding: 14px 140px;
    list-style: none;
    font-family: 'Commissioner', sans-serif;
}

    ul.breadcrumb li {
        display: inline;
        font-size: 14px;
        color: #0070c6;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .5px;
    }

.bttn {
    border: 2px solid #7d6754;
    border-radius: 5px;
    height: 32px;
    width: 11%;
    background: green;
    color: white;
    font-size: 21px;
}

.uppercase {
    text-transform: uppercase;
}

.chkcss {
  
}

.table1 {
    width: 89%;
    /* border-collapse: collapse; */
    margin-left: 6%;
}

.txtaradat {
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 5px;
}