H2 { MARGIN-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em } H3 { FONT-WEIGHT: bold; FONT-SIZE: 1.25em; MARGIN-BOTTOM: 0px; } .grid-container { padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; background-color: #2D2670; color: #ffffff; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; grid-template-areas: "a a b c" "a a b c"; align-items: start; } .item1 { grid-area: a; font-size: 1em; font-weight: bold; } .item2 { grid-area: c; font-size: 1em; align-self: end; text-align: right; font-weight: bold; } .breadcrumb { color: #009AF2; } .breadcrumb:hover { color: #007AC2; cursor: pointer; } .message { font-weight: 400; font-size: smaller; cursor: default; padding-top: 5px; display: none; margin-left: 10px; color: #800000; white-space: normal; } #bottomPane { padding: 8px; background-color: #ffffff; text-align: center; } #txtUrl { padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; color: #000000; background-color: #E7E9EB; } #titleEl { font-weight: bold; margin-bottom: 5px; } .switch { position: relative; display: inline-block; width: 45px; height: 22px; vertical-align: middle; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: 0.4s; transition: 0.4s; } .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 1px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } input:checked+.slider { background-color: #2196f3; } input:focus+.slider { box-shadow: 0 0 1px #2196f3; } input:checked+.slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } /* Rounded sliders */ .slider.round { border-radius: 20px; } .slider.round:before { border-radius: 50%; } .labelText { padding-left: 5px; font-size: 15px; } #mainDiv { padding: 8px; }