/* menu */
.sideMenuIcon {
    color: #0e5dac;
    padding-right:5px;
}
/* cover */
#hero-section-cover{
    background-image: url(../images/web_page_cover_1500x709_1550x550.jpg);
    background-size: cover ;
    background-repeat: no-repeat;
    background-position: center;
}
#hero-section-new{
    background: linear-gradient(#022f5b70,#022f5b70);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#hero-section-new .navbar a .logo,
#hero-section-cover .navbar a .logo {
    padding-left: 10px;
    min-width: 100%;
    height: 70px;
}
#hero-section .navbar,
#hero-section-cover .navbar{
    background: #022f5b70;
}
#hero-section-new .navbar .navbar-collapse ul.navbar-nav li,
#hero-section-new .navbar .navbar-collapse ul.navbar-nav li a,
#hero-section-cover .navbar .navbar-collapse ul.navbar-nav li,
#hero-section-cover .navbar .navbar-collapse ul.navbar-nav li a{
   color:#fff;
}
.login-link{
    margin:0!important;
}
.navbar-dark .navbar-toggler{
    border-color: hsl(0deg 0% 100% / 55%);
}
/* standards details */
.topic-btn{
    font-size: 1.3rem;
    font-weight: 600;
}
.topic{
    color: #e03d38;
}
.card-header:hover .topic-btn,
.card-header:hover .topic,
.topic:hover,
.topic-btn:hover,
.topic-btn i:hover
.topic-btn:hover i{
    color: #c13733;
}
/*                                          exam                                    */
/* btns */
.NavigatorButton-custom{
    line-height: 33px;
}
/* left side menu */
.thumb-hover:hover{
    color:#c80000;
}
/* symbol */
.symbol.ui-dialog-content{
    background-color: #DCDDDD!important;
    padding: 0.5rem!important;
}
.symbol.ui-dialog-content #symbol-list{
    height: 50px!important;
    background: #fff!important;
}
.symbol.ui-dialog-content .ui-dialog-buttonset{
    text-align: right;
    margin-top: 0.5rem;
}
.symbol.ui-dialog-content .ui-dialog-buttonset button{
    border: 1px solid #fff;
    padding:0.1rem 1rem;
    background:#dfdfdf;
    color:#000;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 1px 7px 1px 0;
}

.symbol.ui-dialog-content .ui-dialog-buttonset button::first-letter{
    border-bottom: 1px solid #000;
}

.symbol.ui-dialog-content .ui-dialog-buttonset button:hover{
    color: red;
}


.reviewTitle-custom{
    position: absolute;
    top: 79px;
    display: block;
    width: 100%;
    color: #595959;
}
.review-table.table td, .review-table.table th{
    vertical-align: middle;
    padding: 0;
    line-height: 0;
    border-bottom: 1px solid #dee2e6;
    border-top: 0;
}
.review-table.table tr:first-of-type{
    border-top: 1px solid #dee2e6;
}
.review-table.table  .FlagForReviewItemButton-td{
    padding-left:1.1rem
}

.FlagForReviewItemButton-td {
    width: 20px;
}

td.url-td {
    width: 20%;
}

.attempted-td span{
    font-size: 12px!important;
}

td.url-td a{
    font-weight: bold;
    color: #000;
    font-size: 13.33px;
}


#ReviewIncompleteButton a,
#ReviewAllButton a{
    color:#000;
}
#ReviewIncompleteButton:hover a,
#ReviewAllButton:hover a{
    color:#C80000;
}
#dialog-review{
    display: none;
    margin-top: 1rem;
}
.ui-dialog-review-instructions{
    background:#dcdddd!important;
}

.ui-dialog-review-instructions .gray-bg .ui-widget{
    width: 65px;
    border-radius: 0;
    color: #000;
    font-size: 12.33px!important;
    height: 25px;
    margin: 0;
    padding: 0;
}

.ui-dialog-review-instructions .gray-bg .ui-widget::first-letter{
    border-bottom: 1px solid #000;
}

.gray-bg{
    background:#dcdddd!important;
}
.ui-dialog-buttonset-custom{
    float:unset!important;
}
#dialog-review i.fa-info{
    border: 2px solid;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 30px;
    text-align: center;
}

#no_flagged_dialog i.fa-info{
    border: 2px solid;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 30px;
    text-align: center;
}

.ui-dialog.no_flagged_dialog{
    background:#e9e9e9;
}

.ui-dialog.no_flagged_dialog #no-flagged-button{
    color: #000;
    border: 2px solid #fff;
    padding: 0.4rem 0.5rem;
    line-height: 0.1rem;
    /* border-radius: 0.3rem; */
}

#no_unattempted_dialog i.fa-info{
    border: 2px solid;
    border-radius: 50%;
    height: 35px;
    width: 43px;
    line-height: 30px;
    text-align: center;
}

.ui-dialog.no_unattempted_dialog{
    background:#e9e9e9;
}

.ui-dialog.no_unattempted_dialog #no-unattempted-dialog{
    color: #000;
    border: 2px solid #fff;
    padding: 0.4rem 0.5rem;
    line-height: 0.1rem;
    /* border-radius: 0.3rem; */
}
#ReviewFlaggedButton a{
    color:#000;
}
#ReviewFlaggedButton:hover a{
    color:#C80000;
}
#exhibit5 .ImageContainer{
    background-image: url(../images/requirment.png);
}
#exhibit5:hover .ImageContainer{
    background-image: url(../images/requirment-red.png);
}
#spread_sheet_response_option .ImageContainer{
    background-image: url(../images/spread-sheet.png);
}
#spread_sheet_response_option:hover .ImageContainer{
    background-image: url(../images/spread-sheet-red.png);
}
#word_processor_response_option .ImageContainer{
    background-image: url(../images/word-processor.png);
}
#word_processor_response_option:hover .ImageContainer{
    background-image: url(../images/word-processor-red.png);
}
.ui-dialog-calculator.ui-dialog .ui-dialog-content{
    padding:0;
}
/* #hero-section .navbar, #hero-section-cover .navbar {
    background: #022f5b82;
    z-index: 9999;
} */


/* standards */
.subtopic-img-responsive{
    width:100%;
}
/* footer */
.footer-style {
    border-top: 3px solid #e7e5e5;
}
#scratch-pad-dialog button[aria-label="Cut"]:after{
    content:"Cut";
}
#scratch-pad-dialog button[aria-label="Copy"]:after{
    content:"Copy";
}
#scratch-pad-dialog button[aria-label="Paste"]:after{
    content:"Paste";
}
#scratch-pad-dialog button[aria-label="Undo"]:after{
    content:"Undo";
}
#scratch-pad-dialog button[aria-label="Redo"]:after{
    content:"Redo";
}
#scratch-pad-dialog .tox .tox-tbtn{
    width:60px;
    height: 31px;
    margin:0;
}
#scratch-pad-dialog .tox .tox-toolbar,
#scratch-pad-dialog .tox .tox-toolbar__overflow,
#scratch-pad-dialog .tox .tox-toolbar__primary{
    border: 1px solid #9e9e9e;
    /* background-color: #f0f0f0; */
    background-image: linear-gradient(to bottom,#fdfdfd,#ddd);
    background-repeat: repeat-x;
    padding: 0.5px 2px;
}
.ui-dialog-scratch-pad  .ui-dialog-titlebar{
    background-image: url(../images/pencile.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}

[aria-describedby=WordProcessorDialog] .ui-dialog-titlebar{
    background-image: url(../images/word-processor.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}


.exhibitDialogTitle{
    background-image: url(../images/exhibit-icon.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}


.requirementDialogTitle{
    background-image: url(../images/requirment-icon.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}
[aria-describedby=symbol] .ui-dialog-titlebar{
    background-image: url(../images/symbol-1.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}

[aria-describedby=Spreadsheet] .ui-dialog-titlebar{
    background-image: url(../images/spread-sheet.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}


#scratch-pad-dialog  .tox.tox-tinymce{
    height: 100%!important;
    min-height:200px;
}
.ui-dialog-scratch-pad.ui-dialog .ui-dialog-content{
    padding:.6em!important;
}
.exhibitContent.tabbedDialogContent table[align="center"]{
    margin:0 auto;
}



.ui-dialog-present-value .ui-dialog-titlebar{
    background-image: url(../images/pencile.png)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}

.ui-dialog-solution .ui-dialog-titlebar{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAQlJREFUOBHtks9KQkEUxm/+SxDEjYWYW1eupDcQWroo6h16h2ivECQIrt3VS/QEPYGrtu3cGCJC/b6aC8dhpntrqwd+zJnvfN+gcydJ9q6KOf/xEF8XFln+2IENgmsT3tC/w9JovseMdttjts9wAkdwAxN4hGuQdgpPUIFcpUPLMIcr0L4KlyBNB0n7U93hPg8kpN0H9G+pEBugd+A1MJemWbD8A3VPF85pP0ow7LzKREv3lH75EX0r4GyiTZ0urzK5ygZtYMambQXbp7/Gamn/QXMGdXgD1QC28KLNf6pG6MEEx/R60NEqRSc/gxVLD26dr8+6dH1w0avPqk/P8GvGfzZe9rDNcQNfss0dHUo2aBsAAAAASUVORK5CYII=)!important;
    background-position: left center!important;
    background-repeat: no-repeat!important;
    padding: .4em 1.5em!important;
}


.bold-pragraph{
    font-family: Arial !important;
    font-size: 10pt !important;
    font-weight: bold !important;
}

.dropDownMenuButtonExcel {
    line-height: 28px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: transparent;
    font-size: 12px;

    }