*, ::after, ::before { box-sizing: border-box; }
body { background-color: #fff;  font-size: 16px; margin:0;}
/*body, label, input, textarea, select, button { font-family: Arial, Helvetica, sans-serif; }*/
.dld-main-header { height: 100px; padding-top: 24px; padding-bottom: 24px; background-color: #fff; direction: ltr; border-bottom:1px solid #dededf;}
[dir="rtl"] .dld-main-header{text-align:right;}
.dld-logo, .dsg-logo, .gov-logo, .national-brand-logo a { display: inline-block; }
.dld-main-header__gov-logo { width: 100%; object-fit: contain; max-width: 120px; height: auto; }
.dld-main-header__logo { width: 100%; object-fit: contain; height: 52px; }
.dld-sub-header { border-bottom: 1px solid #cccccc; display: flex; padding-top: 15px; padding-bottom: 15px; }
.card-inner-title { margin-top: 48px; font-weight: bold; }

.container-question-bank { background-color: #fff; padding-left: 0; padding-right: 0px; width:100%; height: auto;  /*min-height: 900px;*/ /*border-bottom: 6px solid #f1f1f1; */}
.question-bank { position: relative; margin-top: 30px; }
.qa-card { page-break-inside: avoid; }
.qa-card + .qa-card { margin-top: 24px; }
    .qa-card .card-header { display: block; font-weight: normal; line-height: 24px;text-align:justify; }
.qa-card .card-body .value-active label { background-color: #007934; color: #fff; padding: 0 8px; }
.content-section-title { display: flex; border-bottom: 1px solid #dededf; margin-bottom: 30px; font-weight: bold; font-size: 20px; align-items: center; justify-content: space-between;}
    .content-section-title .section-title-span { border-bottom: 2px solid #B0120F; padding: 8px 2px; margin-bottom: -1px; display: inline-block; }
.answer-highlight { margin-bottom: 16px; }
.answer-wrap { background-color: #fef7e0; color: #3c4043; border: 1px solid #d9c78b; padding: 8px 11px; border-radius: 6px; }

.bdr-left { border-left: 3px solid #006aad; padding-left: 16px; }
.bdr-bottom { border-bottom: 1px solid #bfbfbf; }
.feature.img-thumbnail { max-width: 250px; float: left; padding: 5px; margin: 0 14px 0 0; background-color: #fff; border: 1px solid #dededf; border-radius: 6px; height: 330px; }
[dir="rtl"] .feature.img-thumbnail { float: right; margin: 0 0 0 14px; }
.anster-title span:first-child { margin-right: 10px; }
.fs-14 { font-size: 14px; }
.foreword { line-height: 25px;}
.page-break-always{page-break-after:always;}
/*bootstrap css*/
.card { position: relative; display: flex; flex-direction: column; min-width: 0; /*word-wrap: break-word;*/ background-color: #fbfbfb; background-clip: border-box; border: 1px solid #3388DD; border-radius: 2px; padding: 7px; box-shadow: 0 0 12px 1px #477d8a28; }
.card-header { padding: 12px 16px; margin-bottom: 0; background-color: #F0F9FF; border: 1px solid #3388DD; border-radius: 4px; }
    .card-header.card-header-answer { border: 1px solid #00893e; background-color: rgba(212, 237, 218, .50); font-weight: bold; display: inline-block; width: auto; padding: 8px 12px; }
.card-body { flex: 1 1 auto; padding: 16px; line-height: 25px; }
.d-flex { display: flex !important; }
label { display: inline-block; }

/*.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: 28px; padding-left: 28px; margin-right: auto; margin-left: auto; }*/

 table { caption-side: bottom; border-collapse: collapse; }
.table { width: 100%; margin-bottom: 1rem; vertical-align: top; color: #212529; border: 1px solid #dededf; }
.table > :not(caption) > * > * { padding: 10px 10px; background-color: #ffffff; line-height: 25px; }
.tablePaging > :not(caption) > * > * {
    padding: 5px 5px;
    background-color: #ffffff;
    line-height: 25px;
}
.table > tbody {
    vertical-align: inherit
}
.table > thead { vertical-align: bottom }
.table-bordered > :not(caption) > * { border-width: 1px }
.table-bordered > :not(caption) > * > * { border-width: 1px }
.table-borderless > :not(caption) > * > * { border-bottom-width: 1px }
.table-borderless > :not(:first-child) { border-top-width: 1px }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(0, 0, 0, 0.05); color: #000 }
.table-striped-columns > :not(caption) > tr > :nth-child(2n) { background-color: rgba(0, 0, 0, 0.05); color: #000 }

.header-row th { background-color: rgba(0, 0, 0, 0.05); }

.answser { page-break-before: always; }
/*end bootstrap css*/
.q-bank-intro { padding-top: 10px; page-break-after:always;}
.q-bank-start { padding-top: 10px; page-break-after: always }
/*.watermark-img { height: 100%; width: 100%; position: absolute; top: 0; bottom: 0; z-index: 999; opacity: 0.25; background-image: url(../img/logo-eres-watermark.svg); background-repeat: no-repeat; left: 0; right: 0; margin: 0 auto; text-align: center; background-position: 50% center; }*/
/*@media print {
    body{background-color:transparent;}
    
    .container-question-bank { border-bottom: none !important; }
    .content-section-title { background-color: #007934 !important; }
}*/

@media print {
    html, body {
        display: none; /* This code will hide whole pages */
    }
}