*{
    font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 300px;}
      
    .modal-content {
        padding: 1.5rem;
    }
}

th {
    color: #282560;
    font-weight: normal;
}
td {
    text-align: left !important;
}
body {
    background-color: #fdf6e6;
    font-family: Arial, Helvetica, sans-serif;
}
table.table-bordered {
    border:1px solid #282560;
    margin-top:20px;
}
table.table-bordered > thead > tr > th{
    border:1px solid #282560;
    font-size:1rem;
}
table.table-bordered > tbody > tr > th{
    color: #282560;
    font-weight: 600;
    border:1px solid #282560;
    font-size:1rem;
    width: 33%;
}
table.table-bordered > tbody > tr > td{
    border:1px solid #282560;
    font-size:1rem;
    font-weight: 600;
    font-style: italic;
}
.text-center {
    background-image: url('../img/bg-x.png');
}