*{ margin:0; padding:0; } body{ font-family: Arial, sans-serif; background:#ececec; } a{ text-decoration:none; } p{ font-size:12px; padding-bottom:5px; } .wrapper{ width:940px; padding:20px; background:#fff; margin:0 auto; } .description{ margin:10px 0 20px 0; } .description p{ font-size:14px; } .print{ background: #c3c1c1; padding:10px; font-weight:700; font-size:14px; margin-bottom:15px; } .print span{ float:right; width:auto; font-size:12px; font-weight:normal; } .printTable{ border-collapse:collapse; width:100%; } .printTable th, .printTable td{ border:1px solid #abc6df; padding:5px; font-size:12px; } .printTable tr:nth-child(odd){ background-color:#eef5fb; } .printTable tr:first-child th{ background:#bfdefb; color:#104374; font-size:14px; } .footerText{ padding:10px 0; font-size:12px; } P{ font-size:12px; padding-bottom:5px; margin-bottom: 0; } .popup1{ width:800px; margin:100px auto; } .popup2{ width:450px; margin:100px auto; } .popup3{ width:550px; margin:100px auto; } .popup1, .popup2, .popup3, .popup4{ background:#fff; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .grid{ border: 1px solid #c5c5c5; padding:15px; } .gridTable{ border-collapse:collapse; width:100%; } .gridTable th, .gridTable td{ border:1px solid #abc6df; padding:5px; font-size:12px; } .gridTable tr:first-child th{ background:#bfdefb; color:#104374; font-size:14px; } .gridInput{ border: 1px solid #c5c5c5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:6px; font-size:12px; } .gridBtn{ background:#0757a4; padding:5px 15px; font-size:14px; font-weight:700; border:none; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; } .gridTableCheckbox td:first-child, .textAlignCenter td{ text-align:center; } .gridBtn:hover{ background:#0a69c4; } .formTo{ font-size:14px; font-weight:700; margin-bottom:20px; } .labelOne, .labelTwo{ padding-right: 10px; } .labelTwo{ padding-left:100px; } .description{ padding:20px 0; } .description p{ font-size:14px; } .breackDown{ text-align:right; padding-bottom:10px; } .print .dropdown, .dropup { position: relative; display: inline-block; } .print span { line-height: 37px; } .print .form-group { margin-bottom: 0; } form#participantData { display: inline-flex; } form#participantData select { font-size: 13px; } .footer-pdf-print-link a.btn, form#generatePdf .btn{ font-size: 13px; cursor: pointer; } select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 2px); } .print #participantData label { font-size: 13px; font-weight: 300; margin-right: 5px; } table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { opacity: 1; bottom:0.5rem; } .table thead th { border-bottom: 0px solid #eceeef; } table.dataTable { border-collapse: collapse !important; font-size: 13px; margin-bottom: 0px !important; } form#generatePdf { display: inline-flex; } table#totalTable tr td { font-size: 12px; } table#totalTable tr td { border-top: 0px solid; padding: .5rem .3rem; min-width: 11rem !important; } table#totalTable tr td.narrow { min-width: 9rem !important; } table#exportTable tfoot tr { background: transparent; } .printTable thead tr:nth-child(odd), .printTable tr:nth-child(even) { background-color: #eef5fb; } .printTable tr:nth-child(odd) { background-color: #ffffff; } #participantId.form-control { padding: 0.2rem .75rem; } /*------------------------------ responsive style ------------------------------- */ @media (min-width: 1200px) { } @media (min-width: 960px) { .wrapper{ width:940px; padding:20px; } } @media (min-width: 720px) and (max-width: 959px){ .wrapper{ width:100%; padding:20px; } } @media (min-width: 576px) and (max-width: 719px){ .wrapper{ width:100%; padding:20px; } } @media (max-width: 575px) { .wrapper{ width:100%; padding:10px; } table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting { padding-right: 15px; } .printTable tr:first-child th { background: #bfdefb; color: #104374; font-size: 12px; } }