body { background-color:#ffffff;font-family:arial;color:#000000 } table {color:#000000;} td, th {background-color:#ffffff} input[type=text], input[type=password] { background-color: #cccccc; font-size:22px; width:100%; padding:10px; } input[type=submit] { padding:10px; font-size:22px; color:#000000; width:100%; } select { width:100%;font-size:22px;padding:10px } input[type=radio] { height:30px; width:30px; } .paging_current { color:red } .paging_link { color:#blue } a {color:blue;font-weight:bold} .links {color:blue;font-size:200%;} .xyz {} .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 30%; border-radius: 5px; font-size:12px; font-weight:bold; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } /* The container */ .container_radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .container_radio input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark_radio { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; } /* On mouse-over, add a grey background color */ .container_radio:hover input ~ .checkmark_radio { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .container_radio input:checked ~ .checkmark_radio { background-color: #2196F3; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark_radio:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container_radio input:checked ~ .checkmark_radio:after { display: block; } /* Style the indicator (dot/circle) */ .container_radio .checkmark_radio:after { top: 9px; left: 9px; width: 8px; height: 8px;/home/hswaseer/Downloads/epmb_icons/internal_pages/ border-radius: 50%; background: white; }