.my-table input {
    width: 60px !important;
    border-radius: 5px;
    text-align: center;
    height: 30px;
    border: 1px solid lightgray;
}

.my-table table,
td,
th {
    border-collapse: collapse;
    border: 1px solid rgba(120, 128, 123, 0.22);
    padding: 5px;

}

.my-table th {
    background: #0a5771;
    color: white;
    padding: 10px !important;
}

.my-table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.my-table tr:hover {
    background: lightgray;
}



.flex-container {
    display: flex;
}

.flex-container > div {
    width: 50%;
    margin: 10px;
    border: 2px solid;
    padding: 5px;
}

.flex-container > h1,
h2,
h3,
p {
    margin: 0px;
    padding: 0px;
}

.flex-container > div > div {
    margin: 0px;
    padding: 0px;
    float: left;
    width: auto;
}

.flex-container > div > div.left {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 80%;
   
}

.flex-container > div > div.right {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 20%;
    text-align: center;
    border: 1px solid;
  
}

.flex-container > p,
.round {
    text-align: center;
    border: 1px solid;
    padding: 5px;
    border-radius: 20px;
    margin-left: 25%;
    margin-right: 25%;
}

.basic-table{
    border: 0px !important;
}
.c-checkbox{
    width: 22px;
    height: 22px;
}