/* /*  */
.add{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    border: 1px solid rgb(227, 225, 225);
    padding: 20px;
    background-color: #fff;
}

.input-div{
    margin: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 310px;
}
.input-div input[type="submit"]{
    width: 100%;
    background-color: rgb(98, 99, 99);
    outline: none;
    border-color: transparent;
    color: #fff;
}
select{
    color: rgb(52, 52, 53);
    border: 1px solid #dad7d7;
    width: 188px;
    outline: none;
    height: 35px;
}
input{
    color: rgb(52, 52, 53);
    border: 1px solid #dad7d7;
    outline: none;
}

table, thead, tbody, tr, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }

table thead{
    background: rgb(205, 207, 209);
    border: 1px solid rgb(233, 169, 85);
}
.show{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border: 1px solid rgb(227, 225, 225);
    padding: 20px;
}
table{
    min-width: 500px;
    margin: 20px 0px;
}
thead{
    background-color: rgb(240, 237, 237);
}
thead tr{
    /* border: 1px solid rgba(194, 193, 104, 0.486); */

    margin: 13px;
    height: 34px;
    text-align: center;
    background-color: rgb(237 237 243);
}
tbody tr{
    border: 1px solid rgb(223, 217, 217);
    padding: 5px;
    height: 32px;
}
tbody tr td{
    min-width: 50px;
    text-align: center;

}
svg{
    padding: 5px;
    cursor: pointer;
    font-size: 22px;
}

.fa-pen-to-square{
    color: #a191e1;
}
.fa-trash-can{
    color: rgb(213 86 114);
}
.fa-eye{
    color: #1772bb;
}
.bt1{
    transition: .3s;
    border: 1px solid #ff7c3b;
    color: #ff7c3b;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: transparent;
}
.bt1:hover{
    background: #ff7c3b;
    color: #fff;
}
.bt2{
    transition: .3s;
    border: 1px solid transparent;
    background: transparent;
    border: 1px solid #e35e5e;
    color: #e35e5e;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.bt2:hover{
    background: #e35e5e;
    color: #fff;
}
.bt3{
    border: 1px solid transparent;
    background: #535353;
    color: #fff;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-decoration: none;
}
.bt3:hover{
    color: #fff;
} 


table, thead, tbody, tr, th, td {
    border: 1px solid transparent;
    /* border-collapse: collapse; */
}

.add-btn{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 241px;
    padding: 5px 0px;
    border: 1px solid #a191e1;
    background: #fff;
    color: #a191e1;
    border-radius: 10px;
    transition: .3s;
}
.add-btn:hover{

    background: #a191e1;
    color: #fff;
 
}