@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Bold.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Regular.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Light.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Dubai W23'; src: url("../font/webfonts/DubaiW23-Medium.woff2") format("woff2"), url("../font/webfonts/DubaiW23-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
body { background-color: #F2F0F4; font-family: Dubai W23; }
.container-wrap { padding: 0; background-color: #fff; margin-top: 1rem; margin-bottom: 1rem; border-radius: 10px; }
    .container-wrap > .navbar { border-radius: 10px 10px 0 0; background-color: #f8f9fa; box-shadow: 0 3px 12px 0px #6c6c6c30; }
        .container-wrap > .navbar .dropdown .dropdown-menu { padding: 0; min-width: 500px; }
        .container-wrap > .navbar .dropdown .card { border: none; background-color: #fff; }
        .container-wrap > .navbar .dropdown .card .img-fluid{ width: 100px; height: 100px; border-radius: 100px !important; border: 1px solid #dededf; }
        .portal-title-wrap { display: flex; flex-direction: column;align-items:center;}
    .portal-title-wrap .portal-name { font-size: 24px; font-weight: 600; }
    .portal-title-wrap .portal-version { font-size: 14px; font-weight: 500; display: flex; justify-content: center; }
.btn-blue { background-color: #0056D0; border: 1px solid #0056D0; color:#fff;}
    .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { background-color: #013887 !important; border: 1px solid #013887 !important; color: #fff !important; }
.pagination-custom{margin-top:30px;}
.q-bank-board .card { border: 1px solid #dededf; box-shadow:none;}
    .q-bank-board .card.qa-card .card-header { border: 1px solid #dededf; background-color: #f1f1f1; }
.domain-list-group { max-height: 80vh; overflow-x: hidden; overflow-y: auto;}
.domain-list-group a{cursor:pointer;}
    .domain-list-group .bg-primary { background-color: #f1f1f1 !important; min-width: 36px; color: #000; }
 .page-item.active .page-link { background-color: #005ccb; border-color: #005ccb; }
.number-of-records{font-size:14px; width:20%;}
/* Works on Firefox */
.domain-list-group { scrollbar-width: thin; scrollbar-color: #5f7fa2 #cccccc; }

    /* Works on Chrome, Edge, and Safari */
        .domain-list-group::-webkit-scrollbar { width: 6px; height: 6px; }

        .domain-list-group::-webkit-scrollbar-track { background: #ddd; }

        .domain-list-group::-webkit-scrollbar-thumb { background-color: #5f7fa2; border-radius: 20px; /*border: 3px solid #cccccc;*/ }

.broker-profile .card-title { margin-bottom:.25rem; font-weight:600;}
.broker-profile-in > div{font-size:14px;}
.broker-profile-in > div > span:first-child{margin-right:5px;}
    .broker-profile-in > div > span:last-child {font-weight:600;}
.abaya { display: block; position: absolute; top: -25px; right: 0; bottom: -25%; left: 0; background: rgba(255, 0, 0, .0); }

.question-bank22:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 0, 0, .0);
}

.containerSubject {
    width: 300px;
    height: 100px;
    text-align: center;
}

.containerSubject img {
    width: 50px;
    height: 50px;
}
.btn-grey { background-color: #f5f5f5; color: #000; border: 1px solid #dededf; padding-left: 1rem; padding-right: 1rem; }
    .btn-grey:hover, .btn-grey:focus, .btn-grey:active { background-color: #c6c7c8; border: 1px solid #dededf; }

/*.container img {
    width: 50px;
    height: 50px;
}*/

#Paging {
    height: 40px;
    position: fixed;
    bottom: 4%;
    right: 23%;
    width: 30%;
    background-color: #F0FFFF;
    opacity: 1;
    text-align:center;
}

#PagingContainer {
    width: 500px;
    margin: auto;
}

.highlight-answer{position:relative;}
/*.highlight-answer::before { content: ''; background-color: #007934; border-radius: 20px; width: 10px; height: 10px; display:inline-block;}*/
.highlight-answer::after { content: ''; width: 22px; height: 22px; display: inline-block; position: absolute; top: 1px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9ImJpIGJpLWNoZWNrIiB2aWV3Qm94PSIwIDAgMTYgMTYiPg0KICA8cGF0aCBmaWxsPSIjMDA3OTM0IiBkPSJNMTAuOTcgNC45N2EuNzUuNzUgMCAwIDEgMS4wNyAxLjA1bC0zLjk5IDQuOTlhLjc1Ljc1IDAgMCAxLTEuMDguMDJMNC4zMjQgOC4zODRhLjc1Ljc1IDAgMSAxIDEuMDYtMS4wNmwyLjA5NCAyLjA5MyAzLjQ3My00LjQyNWEuMjY3LjI2NyAwIDAgMSAuMDItLjAyMnoiLz4NCjwvc3ZnPg==) }

@media(min-width:992px){
    .subject-list .dropdown { position: -webkit-sticky; position: sticky; top: 90px; z-index: 1020; }
    .subject-list .btn-grey { display: none; }
    .subject-list .dropdown-menu { display: block; border: none; padding: 0; }
}
@media(max-width:991px){
    .subject-list .btn-grey { display: flex; }
    .subject-list, .question-list { padding-left: 0; padding-right: 0; }
        .subject-list .dropdown-menu { padding: 0; width: 100%; }
        .subject-list .dropdown-menu .domain-list-group { position: relative; top: 0; max-height: 40vh; }
    .domain-list-group a{border-left:none; border-right:none;}
    .portal-title-wrap .portal-name{font-size:20px;}
    .portal-title-wrap { align-items: end }
    
}
@media(max-width:576px){
    .eres-logo-div{display:flex; justify-content:center;}
    .portal-title-wrap { align-items: center; margin-top: 10px; }
        .portal-title-wrap .portal-name { font-size: 16px; }
    .container-wrap > .navbar .dropdown .dropdown-menu { padding: 0; min-width: 250px; left: -95px; right: auto; width: 100%; }
    .feature.img-thumbnail,
    [dir="rtl"] .feature.img-thumbnail { float: none; margin: 0 0 1rem; max-width: 100%; max-height: 330px; overflow: hidden; text-align: center; }
}