@@ -318,4 +318,200 @@ main .container-main .container-main__content .section-container {
318318}
319319# backToTop : hover {
320320 background-color : # 555 ;
321+ }
322+
323+ .container-ammendment {
324+ margin : 2em !important ;
325+ }
326+ @media (min-width : 48em ) {
327+ .container-ammendment {
328+ margin : 2em ;
329+ }
330+ }
331+ @media (min-width : 75em ) {
332+ .container-ammendment {
333+ margin : 2em auto;
334+ max-width : 75em ;
335+ }
336+ }
337+
338+ .responsive-table {
339+ width : 100% ;
340+ margin-bottom : 1.5em ;
341+ border-spacing : 0 ;
342+ }
343+ @media (min-width : 48em ) {
344+ .responsive-table {
345+ font-size : 0.9em ;
346+ }
347+ }
348+ @media (min-width : 62em ) {
349+ .responsive-table {
350+ font-size : 1em ;
351+ }
352+ }
353+ .responsive-table thead {
354+ position : absolute;
355+ clip : rect (1px 1px 1px 1px ); /* IE6, IE7 */
356+ padding : 0 ;
357+ border : 0 ;
358+ height : 1px ;
359+ width : 1px ;
360+ overflow : hidden;
361+ }
362+ @media (min-width : 48em ) {
363+ .responsive-table thead {
364+ position : relative;
365+ clip : auto;
366+ height : auto;
367+ width : auto;
368+ overflow : auto;
369+ }
370+ }
371+ .responsive-table thead th {
372+ background-color : # 007bff ;
373+ border : 1px solid # 007bff ;
374+ font-weight : normal;
375+ text-align : center;
376+ color : white;
377+ }
378+ .responsive-table thead th : first-of-type {
379+ text-align : left;
380+ }
381+ .responsive-table tbody ,
382+ .responsive-table tr ,
383+ .responsive-table th ,
384+ .responsive-table td {
385+ display : block;
386+ padding : 0 ;
387+ text-align : left;
388+ white-space : normal;
389+ }
390+ @media (min-width : 48em ) {
391+ .responsive-table tr {
392+ display : table-row;
393+ }
394+ }
395+ .responsive-table th ,
396+ .responsive-table td {
397+ padding : 0.5em ;
398+ vertical-align : middle;
399+ }
400+ @media (min-width : 30em ) {
401+ .responsive-table th ,
402+ .responsive-table td {
403+ padding : 0.75em 0.5em ;
404+ }
405+ }
406+ @media (min-width : 48em ) {
407+ .responsive-table th ,
408+ .responsive-table td {
409+ display : table-cell;
410+ padding : 0.5em ;
411+ }
412+ }
413+ @media (min-width : 62em ) {
414+ .responsive-table th ,
415+ .responsive-table td {
416+ padding : 0.75em 0.5em ;
417+ }
418+ }
419+ @media (min-width : 75em ) {
420+ .responsive-table th ,
421+ .responsive-table td {
422+ padding : 0.75em ;
423+ }
424+ }
425+ .responsive-table caption {
426+ margin-bottom : 1em ;
427+ font-size : 1em ;
428+ font-weight : bold;
429+ text-align : center;
430+ }
431+ @media (min-width : 48em ) {
432+ .responsive-table caption {
433+ font-size : 1.5em ;
434+ }
435+ }
436+ .responsive-table tfoot {
437+ font-size : 0.8em ;
438+ font-style : italic;
439+ }
440+ @media (min-width : 62em ) {
441+ .responsive-table tfoot {
442+ font-size : 0.9em ;
443+ }
444+ }
445+ @media (min-width : 48em ) {
446+ .responsive-table tbody {
447+ display : table-row-group;
448+ }
449+ }
450+ .responsive-table tbody tr {
451+ margin-bottom : 1em ;
452+ }
453+ @media (min-width : 48em ) {
454+ .responsive-table tbody tr {
455+ display : table-row;
456+ border-width : 1px ;
457+ }
458+ }
459+ .responsive-table tbody tr : last-of-type {
460+ margin-bottom : 0 ;
461+ }
462+ @media (min-width : 48em ) {
463+ .responsive-table tbody tr : nth-of-type (even ) {
464+ background-color : rgba (0 , 0 , 0 , 0.12 );
465+ }
466+ }
467+ .responsive-table tbody th [scope = row ] {
468+ background-color : # 007bff ;
469+ color : white;
470+ }
471+ @media (min-width : 30em ) {
472+ .responsive-table tbody th [scope = row ] {
473+ border-left : 1px solid # 007bff ;
474+ border-bottom : 1px solid # 007bff ;
475+ }
476+ }
477+ @media (min-width : 48em ) {
478+ .responsive-table tbody th [scope = row ] {
479+ background-color : transparent;
480+ color : rgb (0 , 0 , 1 );
481+ text-align : left;
482+ }
483+ }
484+ .responsive-table tbody td {
485+ text-align : right;
486+ }
487+ @media (min-width : 48em ) {
488+ .responsive-table tbody td {
489+ border-left : 1px solid # 007bff ;
490+ border-bottom : 1px solid # 007bff ;
491+ text-align : center;
492+ }
493+ }
494+ @media (min-width : 48em ) {
495+ .responsive-table tbody td : last-of-type {
496+ border-right : 1px solid # 007bff ;
497+ }
498+ }
499+ .responsive-table tbody td [data-type = currency ] {
500+ text-align : right;
501+ }
502+ .responsive-table tbody td [data-title ]: before {
503+ content : attr (data-title);
504+ float : left;
505+ font-size : 0.8em ;
506+ color : rgba (0 , 0 , 0 , 0.54 );
507+ }
508+ @media (min-width : 30em ) {
509+ .responsive-table tbody td [data-title ]: before {
510+ font-size : 0.9em ;
511+ }
512+ }
513+ @media (min-width : 48em ) {
514+ .responsive-table tbody td [data-title ]: before {
515+ content : none;
516+ }
321517}/*# sourceMappingURL=style.css.map */
0 commit comments