body{background-image:linear-gradient(110deg, #eef2f6 25.5%, #fff 39%, #eef2f6 49%, #fff 55%, #eef2f6 59%);}
.main {margin-top:7rem;margin-bottom:2rem;}
.qno-img {max-width:20rem !important;}
.text-danger {color:#FF7C7C !important;}
.bg-danger {background:#FF7C7C !important;}
.fs-small {font-size:.8rem;}
.card-footer {font-size:.8rem;background:#fff;}
.badge {--bs-badge-font-weight:500;}
.test-module ul.list-group {margin-top:2rem;}
.test-module ul.list-group li {margin-bottom:.5rem;border:0px;padding:1rem;}
.list-group li.hover:hover{background-color: #F2F3F7;}
.list-group-item {padding-left:.5rem !important;font-size:1rem !important;}
.bullet-point li {padding:0.2rem !important;}
.error {color:red;}
.fmds-hide {display:none;}
i.fa-circle-xmark,i.fa-check-circle {font-size:1.5rem;}
.qno-progess {
    width: 15%;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 8px;
    margin: 0 4px 4px 0;
    box-sizing: border-box;
    background-color: #f2f3f7;
    color: #7c7c91;
    float:left;
}
.bg-wrong{
    background-color: #ff7c7c;
    color: #fff;
}
.bg-correct{
    background-color: #8df4a9;
    color: #000;
}
.bg-current{
    background-color: #fff;
    border: 2px solid #007aff;
    color: #000;
}
.bg-grey{background-color:#F2F2F7 !important;}
#review {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  z-index: 2;
  color:#000;
  overflow:auto;
}
#review i.fa-close {font-size:2.5rem !important;}
#splashscreen {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    background-color:white;
    min-height:1000px;
}
.accordion-button:not(.collapsed) {color:unset !important;background-color:unset !important;}
.accordion-button {font-weight: 400 !important;font-size: 1.2rem !important;}
.accordion-button:focus {border-color:unset !important;box-shadow:unset !important;}
svg {width:80px !important;}
.cls-1, .cls-3, .cls-4, .cls-5 {
    stroke: var(--primary) !important;
    stroke-width:1.6px !important;
}
.cls-2 {
    stroke: #FF8F5C !important;
    stroke-width:1.6px !important;
}
.state-icons h4 {font-size:1rem !important;}
@media (max-width: 780px) {
	.main {margin-top:9rem;margin-bottom:.5rem;}	
	.qno-img {max-width:4rem !important;}
	.ques-con .first-row { order: 2;}
	.ques-con .second-row { order: 1;}
	.test-module h2 {font-size:1rem;}
	.test-module .fs-6 {font-size: .8rem !important;}
	.test-module .list-group-item {
	    padding-left: .1rem !important;
	    font-size: .8rem !important;
	}
	.test-module ul.list-group li {
	    padding: .4rem;
	}
	.mock-app h4 i {font-size:1rem !important;}
	.mock-app .time-holder {font-size:1rem !important;margin:.1rem !important;}
}

/* --- dmvpermittests.com design fixes, 2026-10-28 --- */

/* 1. remove the 12px sideways scroll: a .row carrying px-4 is wider than its container */
.row.px-4 { margin-left: 0; margin-right: 0; }
body { overflow-x: hidden; }

/* 2. let the background colour chosen in the admin apply, instead of the hard-coded gradient */
body { background-image: none; }

/* 3. the footer, which never received the estate styling */
.footer { background-color: #051523 !important; color: #7e868c; }
.footer .fw-bold { color: #fff; }
.footer a { color: #cfd6dc; text-decoration: none; }
.footer a:hover { color: #fff; }
.footer, .footer p, .footer a { font-size: 14px; }
.footer .form-control { background: #0c1f30; border-color: #1b3147; color: #fff; }
.footer .form-control::placeholder { color: #8c99a5; }

/* 4. navigation and breadcrumb links do not need underlines; body links keep theirs */
.navbar-nav a, .breadcrumb a { text-decoration: none; }
.breadcrumb { font-size: .875rem; }

/* 5. the state and test link grid ships with no padding of its own */
.blklink { padding-top: 3rem; padding-bottom: 3rem; }

/* 6. one consistent card edge across the door */
.card { border: 1px solid rgba(0,0,0,.07); border-radius: .75rem; }