p, h1, h2, h3, h4, h6, ul, li { padding: 0; margin: 0; } a, a:hover { text-decoration: none; color: #fff; } body { font-family: 'Open Sans', sans-serif; } /*-- modal --*/ .mymodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .mymodal-content { background-color: #fefefe; margin: auto; padding: 20px; /* border: 1px solid #888; */ width: 40%; border-radius: 10px; position: relative; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 19px; font-weight: bold; opacity: 0.8; } .mymodal_close{ position: absolute; right: 10px; top: 5px; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /* -- modal end --*/ .message_text{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; text-align: left; background: rgba(0, 0, 0, 0.4); color: #fff; padding: 10px; } .modal-backdrop { display: none; /* Hidden by default */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } p, h1, h2, h3, h4, h6, ul, li { padding: 0; margin: 0; } a, a:hover { text-decoration: none; color: #337ab7; } body { font-family: 'Open Sans', sans-serif; } /*-- modal --*/ .mymodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .mymodal-content { background-color: #fefefe; margin: auto; border: 1px solid #888; width: 60%; border-radius: 10px; position: relative; } .myHeader{ float: left; width: 100%; padding: 30px 15px 20px; border-bottom: 1px solid #ccc; } .myBody{ padding: 20px 15px; } .questionText{ margin-top: 30px; } .questionText li{ display: inline-block; width: 100%; border-bottom: 1px solid #ccc; } .qresult{ font-size: 30px; } .qresult strong{ color: #514f4f; font-size: 40px; } .questionText li:last-child{ border:none; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .myHeader .close{ position: absolute; right: 10px; top: 7px; } /* -- modal end --*/