#modal-preview.modal{
    width:70%;
    max-height:100%;
    margin:auto;
    top:3% !important;
}
.div-preview{
    padding:10px;
    margin:0;
}
.div-preview table{
    width: 60%;
    margin:10px 10% 0 10%;
}
.div-preview .header {
    display: flex;
    justify-content: center;
    height:60px;
    box-sizing: border-box;
    padding:10px;
}
.div-preview .header img{
    height:40px;
}
.info-table tr{
    display: flex;
    justify-content: unset;
    width: 90%;
    padding:0;
    margin:0;
    border-bottom: none;
}
.info-table tbody tr td input[type=radio]:not(:checked), .info-table tbody tr td input[type=radio]:checked{
    opacity:1;
    position: unset;
    padding:0
}
.info-table tbody tr td i{
    padding: 0 5px;
    font-style: normal;
}
.info-table tbody tr td:nth-child(1){
    width:25px;
    padding:0;
    margin:0;
    color: #424242;
}
.info-table tbody tr td:nth-child(2){
    width:93px;
    padding:0;
    margin:0;
    color: #424242;
}
.info-table tbody tr td:nth-child(3){
    width:50px;
    text-align: right;
    padding:0;
    margin:0;
    padding-right:12px;
}
.info-table tbody tr td:nth-child(4){
    width:250px;
    text-align: left;
    padding:0;
    margin:0;
}
.group-info{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.group-info table{
    width:35%;
    margin:auto;
    border:1px solid;
    margin-top:12px;
}
/*.group-info table tr, .group-info table tr td{*/
    /*border:1px solid;*/
/*}*/
.group-info table tr td{
    padding:5px;
    border:1px solid;
}
.group-info table tr th{
    padding:5px;
    text-align: center;
}
.group-info table tr td input[type=checkbox]:not(:checked), .group-info table tr td input[type=checkbox]:checked {
    opacity:1;
    position: unset;
    padding:5px;
    font-size:20px;
}