.header-position {
    background-color: #38487c !important;!i;!;
}

header.navbar-dark-v1 .side-nav ul li a {
    color: #ffffff;
	    font-size: 15px;
}

body {
}

.header-position {
    left: 20px;
    height: 95.5%;
    top: 20px;
    border-radius: 10px;
    border: none;
    opacity: 1;
    border: 1px solid #e4e4e4;
}

body {
    background: #f2f2f8;
}

.main-wrapper {
    padding-left: 345px;
}

header.navbar-dark-v1 .dashboard-logo {
    border-bottom: none;
}

.dashboard-logo.d-flex.justify-content-center.align-items-center.py-20 {
    align-items: flex-end;
    justify-content: flex-start !important;!i;!;
}

.side-nav {
    padding: 0 20px;
}

header.navbar-dark-v1 .side-nav ul li a:hover, header.navbar-dark-v1 .side-nav ul li.active > a {
    background-color: #ffffff5c;
    border-left: 5px solid #ffffff;
    border-radius: 0px 10px 10px 0px;
}

header.navbar-dark-v1 .side-nav ul li a:hover, header.navbar-dark-v1 .side-nav ul li.active > a span {
    font-weight: 500;
}

.navbar-top {
    border-radius: 0px 0px 10px 10px;
    width: 96.5%;
    margin-left: 1.6%;
}
.dashboard-logo img {
    height: 32px;
    padding: 0 28px;
}

.TopHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.WelcomeContainer h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.WelcomeContainer {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.WelcomeContainer p {
    font-size: 16px;
}
.graphSegment h6 {
    color: #878a99 !important;
    text-transform: uppercase !important;
    font-size: 14px;
}

.graphSegment {
    display: flex;
    justify-content: space-between;
}

.graphIndicate svg {
    width: 10px;
    height: 10px;
}

.graphIndicate {}

.graphIndicate {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #0ab39c;
    font-weight: 500;
}

.graphIndicate svg path {
    fill: #0ab39c;
}

.boxIcons svg {
    width: 22px;
    height: 30px;
}

.boxIconsFlex {
    display: flex;
    align-items: flex-end !important;
    justify-content: space-between;
}

.boxIcons {
    background-color: #daf4f0 !important;
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
}

.boxIcons path {
    fill: #0ab39c;
}

.bigTextBlack h4 {
    color: #000 !important;
    font-size: 1.6rem;
    position: relative;
    top: 10px;
}
.boxIconsFlex h6 {
    color: #878a99 !important;
    font-size: 14px;
}
body {
    font-family: "Poppins", serif;
}
.yellowBox .boxIcons {
    fill: #fef4e4;
    background-color: #fef4e4 !important;
}

.yellowBox svg path {
    fill: #f7b84b;
}

.ReddGraph .graphIndicate {
    color: #f06548;
}

.ReddGraph .graphIndicate svg path {
    fill: #f06548;
}

.ReddGraph .boxIcons {
    background-color: #fcded7 !important;
}

.ReddGraph .boxIcons svg path {
    fill: #f27d4e;
}
.statistics-footer.d-flex.align-items-center.gap-3.boxIconsFlex {}

.purpleColor .boxIcons {
    background: #d9dcf9 !important;!i;!;
}

.purpleColor .boxIcons svg path {
    fill: #405189;
}
span.sidebar-toggler {
    border: none;
    padding: 0;
}
    .navbar-expand-lg .navbar-collapse { 
        justify-content: flex-end;
    }
.navbar-right-content ul {
    gap: 14px !important;
}

.purpleColor .graphIndicate svg path {
    fill: #4f5f94;
}

.purpleColor .graphIndicate {
    color: #4f5f94;
}

.sidebar-toggler span.icon svg {width: 40px;height: 40px;transform: rotate(180deg);}

.sidebar-toggler span.icon svg path {
    fill: #38487c;
}
@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1rem;
    }
}
.tabletopFlex {
    display: flex;
    justify-content: space-between;
    background: #f2f5f6;
    padding: 10px;
    margin-top: -10px;
}

.bgRemove {
    background: none !important;
    padding: 0;
}

.analytics {
    gap: 10px;
}

.analytics-content p {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.statistics-report .analytics-content p {
    color: #7e7e7e;
    font-weight: 500;
}

.statistics-report .analytics-content h4, .statistics-report .analytics-content .h4 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
}

.analytics-icon svg {
    width: 50px;
    height: 35px;
}

.statistics-card {
    box-shadow: 0px 0px 15px 0px #c4c4c478;
}

body {
    background: #f3f3f9;
}

.redious-border {
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px #c4c4c442;
}
.chartDetails:before {content: "";display: block;width: 1px;height: 100%;border-right: 1px dashed #ccc;position: absolute;top: 0;left: -61%;}

.chartDetails {
    position: relative;
}

.tabletopFlex {
    padding-right: 30px;
}




#container {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-description {
    margin: 0.3rem 10px;
}
.button-default, .button-default-lg {
    border: 1px solid #28345a;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #38487c;
    transition: all 0.4s;
}
.button-default .las, .button-default-lg .las {
    color: #fff;
}

.button-default span, .button-default-lg span {
    color: #fff;
}

.dropdown-toggle::after {
    color: #fff;
}
table th {
    background: #f1f1f1 !important; 
    padding: 0.85rem 1rem !important; 
}

table {
    width: 100% !important;! 
}

.table-3-grid tr {
    grid-template-columns: 3fr 1fr 1fr !important;
}

table.table td {
    padding: 0.45rem 1rem !important;
    vertical-align: middle;
    line-height: 1.462;
    font-size: 14px;
    font-weight: 400 !important; 
    border: 1px solid #edf1f5 !important;
    text-align: center;
    height: 100%;
    color: #292929;
}

.selling-course-thumb img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: red;
    object-fit: cover;
}

.selling-course-thumb {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 0px #cccccc3d;
    border: 1px solid #cccccc59;
}

.selling-course-title p {
    width: auto;
    text-align: left;
    line-height: 20px;
    font-weight: unset;!;
}

table.table td span {
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.best-selling-courses tbody tr {
    margin-bottom: 0;
}

.best-selling-courses thead tr th {
    font-size: 15px;
    font-weight: 500;
}
.best-selling-courses tbody {
    height: auto;
}
.height-300 {
    height: 300px !important;
    overflow: hidden !important; 
}
.statistics-view.dropdown.pe-4 .dropdown-toggle::after {
    color: #000000;
}
.inst-intro p {
    text-align: left;
    color: #7e7f92;
    font-weight: 400;
    font-size: 13px;
}
.inst-intro {
    text-align: left;
}
.inst-intro h6, .inst-intro .h6 {
    color: #424242; 
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #1c1c1c; 
}


.commonTableSearchFlex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.commonTableSearch input {
    padding: 5px;
    border: 1px solid #c1c1c1;
    width: 140px;
    border-radius: 2px;
}

.commonTableSearch {
}
.commonTableSearch input:focus {
    outline: 1px solid #38487c;
}

.commonTableSearch input {
    font-size: 13px;
}
 



.highcharts-figure,
.highcharts-data-table table {
    min-width: 320px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-description {
    margin: 0.3rem 10px;
}
.commonUlDesign::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #cccccc78;
    position: absolute;
    left: 0;
}

.commonUlDesign {
    position: relative;
}

.commonUlDesign li {
    padding-left: 25px;
    position: relative;
}

 .colorCirle {
    width: 12px;
    height: 12px;
    background: none;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: -6px;
    border: 1.8px solid red;
    top: 9px;
}

b.colorCirle {
    /* border: 1.8px solid #38487c; */
}

.commonUlDesign li span {
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
}

.commonUlDesign li p {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

ul.commonUlDesign {
    display: flex;
    flex-direction: column;
    gap: 13px;
}


.commonAnchorLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.commonAnchorLink a {
    font-size: 14px;
    color: #38487c;
    font-weight: 500;
    border-bottom: 1.5px solid #38487c;
    color: #38487c;
}
#container {
    height: 317px;
}
div#container4 {
    height: 290px;
}







.testHeader {
    box-shadow: 0px 0px 8px 0px #cccccc9e;
    background: #ffffff;
    padding: 6px 10px 6px 10px;
}

.testHeader .container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.testHeader a svg {
    width: 26px;
    height: 32px;
}

 

.testHeader figure {
    margin: 0;
}
.topRightLinks {
    display: flex;
    gap: 0;
}
.rightHeader {
    display: flex;
    align-items: center;
    gap: 6px;
}

.finishButton {
    background: #1e3f8c;
    padding: 7px 20px;
    border-radius: 60px;
    font-size: 16px;
    color: #fff;
    /* max-width: 114px; */
    /* width: 2000px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
}

footer.footer-area.footer-area-v2.footer-offset {
    display: none;
}

.testHeader figure img {
    width: 160px;
}

.testHeader a {
    /* background: #efefef; */
    width: 46px;
    height: 46px;
    display: flex ;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.testHeader a svg path {
    fill: #ffffff;
}
section.topCoursesTabs .main-tabs .nav-pills {
    box-shadow: none;
    justify-content: flex-start;
    background: none;
    display: flex;
    gap: 40px;
    margin: 0;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

section.topCoursesTabs .main-tabs .nav-pills li .nav-link.active {
    background: none;
    border-bottom: 1px solid red;
    color: #000;
    border-radius: 0;
}

section.topCoursesTabs .main-tabs .nav-pills li button {
    background: none;
    border-radius: 0;
    padding: 0;
}

section.topCoursesTabs {
}

section.topCoursesTabs .main-tabs .nav-pills li .nav-link.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #1e3f8c;
    position: absolute;
    bottom: -11px;
}

section.topCoursesTabs .main-tabs .nav-pills li .nav-link.active {
    border: none;
}

section.topCoursesTabs .main-tabs .nav-pills li button {
    position: relative;
    font-weight: 400;
    opacity: .8;
}
section.topCoursesTabs .main-tabs .nav-pills li .nav-link.active {
    opacity: 1;
    font-weight: 600;
}

.testHeader {
    background: #38487c;
}

.finishButton {
    background: #fff;
    color: #38487c;
}

.middleContent {
    color: #fff;
}

.testHeader figure img {
    filter: invert(2);
    mix-blend-mode: plus-lighter;
}

section.topCoursesTabs .main-tabs .nav-pills {}

section.topCoursesTabs {
    background: #fff;
}

/* section.topCoursesTabs:before { */
    /* content: ""; */
    /* display: block; */
    /* width: 100%; */
    /* height: 11px; */
    /* background: #f3f3f9; */
    /* position: absolute; */
    /* top: 44px; */
/* } */

section.topCoursesTabs {
    position: relative;
}

div#education-level-tabContent {
    margin-top: 20px;
}
h1, h2, h3, h4, h5, h6 { 
    font-family: "Poppins", serif !important;
}

 

.qAContent h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.questionCount {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.questionAnsContent .form-group {
    display: flex;
    align-items: center;
}

.questionAnsContent .form-group input {
    width: fit-content;
}

.questionAnsContent .form-group input:checked ~ span {
    background: #ebebeb;
}

.questionAnsContent .form-group   span {
    padding: 6px 10px;
    display: block;
}
















.FromLabel {
  display: block;
  position: relative; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.FromLabel input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 3px;
    left: -36px;
    height: 25px;
    width: 25px;
    background-color: none;
    border-radius: 50%;
    border: 3px solid #ccc;
}

/* On mouse-over, add a grey background color */
.FromLabel:hover input ~ .checkmark {
    background-color: none;
    border: 3px solid #38487c;
}

/* When the radio button is checked, add a blue background */
.FromLabel input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.FromLabel input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.FromLabel .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

label.FromLabel {
    display: flex;
    margin-left: 35px;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
}

.questionAnsContent {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.questionAnsContent .form-group input:checked ~ span {
    background: none;
    border: 3px solid #38487c;
}












 

/* Style the tab content */
.tabcontent {
  display: none; 
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.main-tabs button {
    opacity: 1;
    font-weight: 400;
    background: none;
    border: none;
	    font-size: 16px;
		opacity:.8;
		color: #000;
}

.main-tabs button.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #1e3f8c;
    position: absolute;
    bottom: 0;
    left: 0;
}

.main-tabs button {
    position: relative;
    padding: 8px 12px 8px 12px;
}

.main-tabs .tab {
    display: flex;
    align-items: center;
    gap: 30px;
}
button.tablinks.active {
    font-weight: 500;
	opacity:1;
}
.commonbgpadding {
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px #c4c4c442;
    background: #fff;
    border: 1px solid #d7dde9;
	    padding: 20px;
}
section.topCoursesTabs {
    margin-bottom: 10px;
}
.middleBigContainer {
    display: grid;
    grid-template-columns: 70% 28%;
    gap: 2%;
}

 .RemainingTime {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 5px solid #38487c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	    margin: 0 auto; 
}

div#countdown span {
    font-size: 25px;
    font-weight: 600;
    color: #38487c;
}

.RemainingTime span {
    color: #6b6b6b;
    font-size: 13px;
}

div#countdown {
    margin-top: -10px;
}

/* .RemainingTime:after { */
    /* border-bottom: 1px solid #ccc; */
    /* content: ""; */
    /* display: block; */
    /* width: 130%; */
    /* height: 2px; */
    /* background: #f8f8f8; */
    /* bottom: -26px; */
    /* position: absolute; */
/* } */

.RemainingTime {
    position: relative;
}
.questionLIstFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.questionLIstFlex   svg {
    width: 20px;
    height: 20px;
}

.questionLIstFlex .questionCount {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
} 
 

.questionNumber {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 9px 3px 9px;
    background: #eaeaea;
    font-size: 16px;
    font-weight: 400;
}

.allQuestionNoContainer {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

.questionLIstFlex {
    margin-bottom: 20px;
}
 .questionLIstFlex {
    border-top: 1px solid #ccccccb8;
    padding-top: 14px;
    margin-top: 20px;
}
.LegendsContainer {
    display: flex;
    flex-flow: wrap;
    gap: 10px;
}

.legendsContent span {
    width: 22px;
    height: 22px;
    background: #2CB370;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}

.legendsContent {
    display: flex;
    align-items: center;
    gap: 5px;
}

.legendsContent b {
    font-weight: 400;
    font-size: 13px;
}
.mb-20 {
    margin-bottom: 20px;
}
.filterToggleShow
{
	display:none;
}
.filterToggleShow {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px #c4c4c442;
    background: #fff;
    border: 1px solid #d7dde9;
    padding: 15px;
    width: 210px;
}

.filterToggle {
    position: relative;
	    cursor: pointer;
}

.filterToggleShow ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.filterToggleShow ul li span {
    width: 10px;
    height: 10px;
    background: red;
}

.filterToggleShow ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}







.report svg {
    width: 17px;
    height: 18px;
}

.questionMinusRight {
    display: flex;
    align-items: center;
    gap: 10px;
}

.questionPaperButton {
    background: #1e3f8c;
    padding: 7px 20px;
    border-radius: 60px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 115px;
}

.minusPlus {
    background: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    border-radius: 6px;
    border: 1px solid #cecece;
}
.minusPlus {
    line-height: 1;
}
.questionCount {
    margin: 0;
}

.report {
    width: 40px;
    height: 40px;
    background: #eaeaea;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

span.correcrAns {
    color: green;
}

span.negAns {
    color: red;
}

.minusPlus {
    display: flex;
    gap: 6px;
}


.middleBigContainer {
    height: calc(100vh - 130px);
    /* background: #e8e8e8; */
}
.questionPaperButton {
    background: #1e3f8c;
    padding: 7px 20px;
    border-radius: 60px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
        margin-top: 110px;
		    text-align: center;
}
.questionAnsContent .form-group span {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 5px;
    width: 100%;
    font-size: 17px;
    padding: 16px 10px 16px 25px;
}

.questionAnsContent .form-group span b {
    width: 30px;
    height: 30px;
    background: #E9EEF2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.questionAnsContent .form-group input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
	opacity:0;
}

.questionAnsContent .form-group {
    position: relative;
}

.questionAnsContent {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}
.questionAnsContent .form-group input:checked ~ span {
    border: 1.5px solid #38487c;
}

.allButtons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 160px;
    gap: 10px;
}

.allButtons a {
    background: #e4e4e4;
    color: #000;
    padding: 8px 20px;
    border-radius: 60px;
}
a.saveNext {
    background: #38487c;
    color: #fff;
}
a.saveNext:hover {
    background: #5f71ac;
    color: #fff;
}

.allButtons a:hover {
    background: #efefef;
    color: #000;
}
a.saveNext:hover {
    background: #5f71ac !important;
    color: #fff !important;
}

.report {
    position: relative;
    cursor: pointer;
}

.reportShow {
    top: 40px;
    z-index: 99;
    width: 180px;
}


.tempHeight
{
	height: 96%;
    background: #ffffff;
}
.QuestionMinusMark {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.HideDiv {
    display: none;
}
.instructionShowHide
{
	display: none;
}

.InstructionHeading {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: -9px;
}

.instructionContainer p {
    font-size: 15px;
}

.instructionContainer h4 {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.instructionContainer ul {
    list-style: decimal;
    padding-left: 15px;
}

.instructionContainer ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.instructionContainer ul li {
    font-size: 15px;
}
.questionpaperShowHide
{
	display:none;
}
.displayNone {
    display: none;
}
.questionPaperButton {
    cursor: pointer;
}
.AllQuestioList .QuestionMinusMark {
    margin-bottom: 12px;
}

.AllQuestioList h3 {
    margin-bottom: 13px;
}

.AllQuestioList {
    border-bottom: 1px solid #ccccccbd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.topRightLinks button {
    background: none;
    border: none;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.topRightLinks button svg {
    width: 26px;
    height: 32px;
}

.topRightLinks button svg path {
    fill: #fff;
}
span.correcrAns i {
    font-style: normal;
}
.dShow {
    display: block;
}

.mShow {
    display: none;
}



.instructionContainer.commonContainerBG form p {
    display: flex;
    justify-content: start;
    align-items: flex-start;
    gap: 10px;
}

.instructionContainer.commonContainerBG form p input {
    width: auto;
    position: relative;
    top: 5px;
}

.instructionContainer.commonContainerBG form   button {
    background: #000;
    color: #fff;
    padding: 10px;
    margin-top: 20px;
}
.commonFillButton {
    background: #38487c;
    color: #fff;
    border: 1px solid #38487c;
    padding: 8px 20px;
    border-radius: 60px;
}

.commonGrayButton {
    background: #e4e4e4;
    color: #393939;
    border: 1px solid #e4e4e4;
    padding: 8px 20px;
    border-radius: 60px;
}

.commonFillButton:hover {
    background: #5f71ac !important;
    color: #fff !important;
    border: 1px solid #5f71ac;
}

.commonGrayButton:hover {
    background: #a7a7a7 !important;
    color: #fff !important;
    border: 1px solid #a7a7a7;
}
.modalWidth900  .modal-dialog.modal-lg {
    max-width: 900px;
}

table.table td {
    padding: 0.80rem 1rem !important;
}

.modal-header h4 {
    font-size: 17px;
    font-weight: 500;
}
 
table tr:nth-child(even) {
    background-color: #eeeeee63 !important;
}
.table>:not(caption)>*>* {
    background: unset;
}
.bigTextAreaModal  textarea {
    padding-top: 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    font-weight: 400;
}
.p-b-50.p-b-md-20.p-t-sm-30 .container.container-1278 { 
    margin: 0;
}
.profileSectionLeft { 
    top: 67px;
}
.leftMiddleContainer {
    margin-top: 0 !important;
}
.leftMiddleContainer {
    padding: 0;
}
.rightMiddleSection .col-md-8 {
    width: 100%;
}
.questionAnsContent .form-group input:checked ~ span {
    color: #fff;
}

.questionAnsContent .form-group input:checked ~ span b {
    color: #000;
}

.questionAnsContent .form-group input:checked ~ span { 
    background: #38487c;
}



.SolutionPageCss .questionOptions::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #ffffff82;
    position: absolute;
    left: 0;
    top: 0;
}

.SolutionPageCss .questionOptions {
    position: relative;
}


.QuestionAnserSolutions {
    margin-top: 30px;
    background: #ebebeb;
    padding: 20px;
    border*r: 1;
    border-radius: 10px;
}

.QuestionAnserSolutions h4 {
    margin-bottom: 10px;
    font-weight: 600;
}

.QuestionAnserSolutions p {
    font-size: 16px;
}






























.solutionHeightOverflow {
    height: 100vh;
    overflow: hidden;
}

.solutionHeightOverflow .middleBigContainer {
    height: 100%;
}

.solutionHeightOverflow .LeftContainer {
    height: 100%;
}

.solutionHeightOverflow .tempHeight {
    height: auto;
    height: 100%;
}

.solutionHeightOverflow .allButtons {
    margin: unset;
}



.solutionHeightOverflow .SolutionPageCss .container {
    height: 100%;
}

.solutionHeightOverflow .SolutionPageCss {
    height: 100%;
}

.solutionHeightOverflow .RightContainer {
    height: 100%;
}
.solutionHeightOverflow .allButtons {
    position: absolute;
    bottom: 114px;
    right: 0px;
    z-index: 999999999999;
    width: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 6px 0px #ccc;
}

.solutionHeightOverflow .LeftContainer {
    position: relative;
    overflow-x: hidden;
}

.solutionHeightOverflow .questionAnswerContainer {padding-bottom: 100px;}

.solutionHeightOverflow .tempHeight {
    overflow: scroll;
    height: calc(100vh - 103px);
    overflow-x: hidden;
}


.team-items-v1 .team-member-item:hover, .testimonial-items-v2.testimonial-slider .slick-arrow, .testimonial-items-v2.testimonial-slider .slick-arrow, .user-form-container form button, .user-form-container form .template-btn, .template-btn.bordered-btn:hover, .comments-template.comments-template-v2 .comments-list .comment .reply .template-btn, .blog-sidebar .widget.widget-checklist ul li label input[type="checkbox"]:checked + span::after, .course-sidebar .widget.widget-checklist input[type="checkbox"]:checked + span::after, .course-sidebar .widget.rating-widget input[type="checkbox"]:checked + span::after, .product-buy-now-wrap .product-summary .product-specification tr td input[type="checkbox"]:checked + span::after, .checkout-accordion .accordion-button label input[type="checkbox"]:checked + span::after, .address-card .form-check-input:checked, .notification-wrap .nt-card .nt-card-left .nt-card-check input[type="checkbox"]:checked + span::after {
    background: #000 !important;
    border: 1px solid #000 !important;
}
button.template-btn.m-b-25 {
    background: #000 !important;
    border-color: #000 !important;
}

.user-form-container .form-shape .image-2 { 
    filter: grayscale(1);
}









@media (min-width: 340px) and (max-width: 991px) {
 

.middleBigContainer {
    height: auto;
    grid-template-columns: 100%;
}

.testHeader figure {
    display: none;
}

.allButtons {
    position: fixed;
    left: 0;
    background: #ffffff;
    bottom: 0;
    padding: 10px;
    box-shadow: 0px 0px 4px 1px #ccc;
	        width: 100%;
			        display: flex;
        justify-content: center;
}

.topRightLinks {
            position: fixed;
        bottom: 75px;
        right: 10px;
        background: #38487c;
        z-index: 9999999;
        flex-direction: column;
        gap: 1px;
        border-radius: 10px;
}

.topRightLinks button {
}

.topRightLinks a svg {
    width: 46px;
}

.finishButton {
    font-size: 14px;
    font-weight: 500;
}

.testHeader .container {padding: 0;}

.main-tabs button {
    padding: 9px 12px 9px 12px;
}
.tempHeight {
    height: auto;
}
.minusPlus i {
    display: none;
}

.minusPlus {
    padding: 0;
    background: none;
    border: none;
}
.main-tabs .tab {
    overflow: scroll;
	    gap: 15px;
}
.allButtons a { 
    white-space: nowrap;
}
.questionAnsContent { 
    row-gap: 12px;
}

.barLinee {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

/* .progressBar { */
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: space-between; */
        /* margin-bottom: 12px; */
        /* margin-top: 10px; */
        /* margin-bottom: -10px; */
    /* } */

.RemainingTime {
    border: 3px solid #38487c;
    flex-direction: column;
    margin: 0 auto;
    border-radius: 50px;
    height: 30px;
    padding: 13px 15px 15px 15px;
    display: block;
    width: auto;
    margin: unset;
}

.RemainingTime > span {
    display: none;
}

div#countdown span {
    line-height: 1;
    font-size: 18px;
}

div#countdown {
    margin: 0;
}

div#tiles {
    position: relative;
    top: -10px;
}
div#countdown span {
    font-size: 14px;
}
.barLinee label {
    font-size: 14px;
    font-weight: 500;
}
.minusPlus span {
    font-size: 16px;
}

.minusPlus {
    gap: 10px;
}
.RemainingTime {
    display: none;
}
.progressBar .RemainingTime {
    display: block;
}
.questionAnsContent .form-group input:checked ~ span {
    background: #38487c;
    color: #fff;
}

.questionAnsContent .form-group input:checked ~ span b {
    background: #fbfbfb;
    color: #000;
}
.QuestionMinusMark { 
    margin-bottom: 20px;
}
.qAContent h3 {
    color: #595959;
	    font-size: 14px;
    font-weight: 500;
}

.questionAnsContent .form-group span { 
    font-size: 14px;
    font-weight: 500;
	    padding: 10px 10px 10px 15px;
}
.instructionShowHide {
    position: absolute; 
    left: 0;
    border-radius: 0;
    background: #fff;
    z-index: 99999999;
}
 .questionAnsContent .form-group i {
    position: absolute;
    right: 12px;
    bottom: 15px;
}

.questionAnsContent .form-group i svg {
    width: 15px;
    height: 15px;
}

.questionAnsContent .form-group i svg path {
    fill: #f7bcbc;
}
.finishButton {
    display: none;
}

    .finishButton.mShow {
        display: block;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.finishButton.mShow svg {
        width: 17px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 3px;
    }
    .testHeader .backButton a {
        width: 32px;
        height: 32px;
    }
.testHeader .backButton a svg {
    width: auto;
    height: auto;
}
.testHeader { 
    padding: 9px 10px 9px 10px;
}
.dShow {
    display: none;
}

.mShow {
    display: block;
}
/* .mobileRightSideContainer { */
    /* display: none; */
/* } */

    .mobileRightSideContainer {
        position: absolute; 
        left: 0;
        border: none;
        border-radius: 0;
        background: #fff;
        height: 100%;
    }

.mobileRightSideContainer .commonbgpadding {
}

.mobileRightSideContainer .rightQA {
    width: 93%;
    margin: 0 auto;
           margin-top: 25px;
}

.questionLIstFlex {
    border: none;
    margin-top: 0;
    padding-top: 0;
}
.mobileProgressBar {
    margin-bottom: 20px;
}

a.mobileInstructionClose svg {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}

a.mobileInstructionClose svg path {
    fill: #333;
}
.mobileFinishButton {
    display: flex;
}

.mobileFinishButton a svg {
    width: 32px;
    height: 32px;
}

.mobileFinishButton button svg {
    width: 29px;
    height: 31px;
}

.mobileFinishButton button {
    background: none;
    border: none;
    padding: 0;
}

.mobileFinishButton button svg path {
    fill: #fff;
}
.topRightLinks {
    background: none;
    gap: 6px;
}

.topRightLinks button {
    background: #38487c;
    border-radius: 5px;
}
.questionpaperShowHide {
    position: absolute; 
    left: 0;
    border-radius: 0;
    box-shadow: none;
	        z-index: 999999999;
}
.RightContainer.mobileRightSideContainer {
    padding-top: 30px;
	z-index: 99999999;
}
.questionpaperShowHide
{
	display:block;
}











 












.mobileRightSideContainer {
        position: absolute;
        bottom: -50px;
        left: 0;
        border: none;
        border-radius: 0;
        background: #fff;
        height: 0;
        transition: .5s allease;
        overflow: hidden;
        background-color: unset;
		background-color:#fff;
    }
	
	.commonModalClose
	{
		display:none;
	}
	
	    .slidemup .mobileRightSideContainer {
        bottom: -30px;
        height: 90%;
        transition: .5s allease;
        opacity: 1;
        overflow: unset;
        border-radius: 20px 20px 0px 0px;
		transition: .5s all ease;
    }
	.slidemup1 .instructionShowHide 
	{
        bottom: -30px;
        height: 90%;
		transition: .5s all ease;
		opacity:1;
		        padding-bottom: 50px;
		overflow:scroll;
		 border-radius: 20px 20px 0px 0px;
	}
	
	  .instructionShowHide 
	{
         position: absolute;
        bottom: -50px;
        left: 0;
        border: none;
        border-radius: 0;
        background: #fff;
        height: 0;
        transition: .5s allease;
        overflow: hidden;
        background-color: unset;
		background-color:#fff;
	}
	
	.slidemup .commonModalClose
	{
		display:block;
	}
	.slidemup1 .commonModalClose1
	{
		display:block;
	}
	
	
	
	
	
	
	
	
	.slidemup2 .commonModalClose1
	{
		display:block;
	}
	 .slidemup2 .questionpaperShowHide   
	{
        bottom: -30px;
        height: 90%;
		transition: .5s all ease;
		opacity:1;
		 border-radius: 20px 20px 0px 0px;
		overflow:scroll;
	}
	
	  .questionpaperShowHide   
	{
         position: absolute;
        bottom: -50px;
        left: 0;
        border: none;
        border-radius: 0;
        background: #fff;
        height: 0;
        transition: .5s allease;
        overflow: hidden;
        background-color: unset;
		background-color:#fff;
	}
	
	
	

.instructionShowHide {
    display: block;
}
.InstructionHeading {
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
}


    body.slidemup1:before {
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        background: #00000087;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }
 
    body.slidemup2:before {
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        background: #00000087;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }
    body.slidemup:before {
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        background: #00000087;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }
 
	
	
	
	


.LeftContainer {
    height: 100vh;
    overflow: scroll;
}

    .QAOptionDiv {
        overflow: scroll;
        max-height: calc(100vh - 280px);
        height: fit-content;
        width: 95%;
        margin: 0 auto;
    }	
	
	
.progressBarFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.progress {
    height: 6px;
    overflow: hidden;
    background-color: #e1e1e1;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    width: 50%;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #38487c;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6sease;
    -o-transition: width .6s ease;
    transition: width .6sease;
}







.progressBar {
    width: 80%;
}

.RemainingTime {}

.progressBarFlex .RemainingTime {
    display: block;
    width: 102px;
}	
	
	.progressBar {position: relative;top: 10px;}

.progressBarFlex .RemainingTime {
    position: relative;
    top: 6px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
.testSeriesTabContentGrid {
    grid-template-columns: repeat(1, 1fr);
}

.TestSeriesTabPaper .main-tabs .nav-pills.max-content {
    overflow: scroll;
    flex-wrap: nowrap;
    padding: 0;
}

.leftMiddleContainer {
    grid-template-columns: 100%;
    gap: 0;
}

.profileSectionLeft {
    position: unset;
    display: none;
}

.rightMiddleSection {
    width: 100%;
    padding: 20px;
}

.TestSeriesTabPaper .main-tabs .nav-pills.max-content li.nav-item {white-space: nowrap;}

.TestSeriesTabPaper .main-tabs .nav-pills li .nav-link.active {
    margin: 0;
    /* width: 110px; */
}

.testSeriesTabTitle h2 {
    font-size: 16px;
}

.testSeriesTabContent {
    flex-direction: column;
    text-align: center;
}

.TtestFree {
    justify-content: center;
}

.testSeriesTabContent a.commonButtonDark {
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    display: flex;
}
 .leftMiddleContainer {
    margin-top: 0px !important;
}
.commonContainerBG {
    background: none;
    padding: 0px;
}	
.mobileSolution__ {
    width: 100%; 
}	
.slidemup .RightContainer.mobileRightSideContainer.mobileSolution__ {
    height: 55%;
}	

} /* 991 */