html, body {
    font-family: Helvetica, Arial, sans-serif;
    background-color: #fffdfd;
    color: #1d2325;
    transition: all 0.3s;
    overflow-x: hidden;
    caret-color: transparent;
}
input, textarea {
    caret-color: black;
}
.clearBoth {
    clear: both;
}
.noDisplay {
    display: none;
}
.semiBold {
    font-weight: 600;
}
.mxh75 {
    max-height: 75px;
}
.mxh100 {
    max-height: 100px;
}
.h560 {
    height: 560px;
}
.bg-ccc {
    background-color: #cccccc;
}
.border-bottom-ccc {
    border-bottom: 1px solid #cccccc;
}
.rotateDown {
    transform: rotate(90deg);
    transition: all 0.3s;
}
#dvSVGs {
    visibility: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
}
.pdfRec {
    color: firebrick;
}
.pdfRec:hover {
    color: crimson;
}
.infoIco, .contrastIco, .pdfIco {
    color: #14406c;
    fill: #14406c;
    width: 32px;
    height: 32px;
    cursor: auto;
}
.infoIco:hover, .contrastIco:hover, .pdfIco:hover {
    cursor: pointer;
    color: dodgerblue;
    fill: dodgerblue;
}
.disabled-action {
    cursor: not-allowed;
}
.psUnitTitle {
    width: 140px;
}
.searchSection {
    cursor: auto;
}
.searchSection:hover {
    cursor: pointer;
}
nav > ul, nav .subNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav > ul li {
    float: left;
}
nav .subNav ul li {
    clear: both;
}
nav ul a {
    display: inline-block;
    padding: 0.4em 1.3em;
    color: #14406c;
    border-bottom: 2px solid #fffdfd;
}
nav.topMenu ul a {
    padding: 0.4em .7em;
}
nav .subNav ul a {
    display: inline-block;
    padding: .4em .3em .4em 0;
    color: #14406c;
    border-top: 1px solid #fffdfd;
    border-bottom: 1px solid #fffdfd;
    width: 100%;
    transition: all 0.1s;
}
nav ul li a:hover {
    background-color: #126A9C;
    text-decoration: none;
    color: ivory;
    border-bottom: 2px solid whitesmoke;
}
nav .subNav ul a:hover {
    background-color: #126A9C;
    border-top: 1px solid #126a9c;
    border-bottom: 1px solid #126a9c;
    color: ivory;
}
nav ul a span {
    display: block;
    float: left;
}
nav ul a i {
    display: block !important;
    float: left;
    font-size: 20px;
    margin-left: 8px;
    padding-top: 5px;
}
nav .subNav ul a span {
    display: block;
    float: left;
    width: 180px;
}
nav .subNav ul a i {
    display: block !important;
    float: left;
    font-size: 20px;
    margin-right: 8px;
    padding-top: 2.5px;
    width: 13px;
}
.liActive {
    background-color: #126A9C;
    text-decoration: none;
    color: ivory;
    border-bottom: 2px solid whitesmoke;
}
.nvParentActive {
    background-color: #14406c;
    color: ivory;
}
.subNav {
    visibility: hidden;
    background-color: #fffdfd;
    position: absolute;
    z-index: 10;
    border: 1px solid #14406c;
    border-top: 1px solid #14406c;
    box-shadow: .5px .5px 0px .5px rgba(255,255,255,0.75);
    transition: all 0.2s;
}
.classList {
    border-bottom: 1px solid #126a9c !important;
}
.tablink {
    cursor: auto;
}
.tablink:hover {
    cursor: pointer;
    color: #126a9c;
    border-color: #126a9c #126a9c #126a9c !important;
    border-bottom: none;
}
.activeTab {
    color: #126a9c !important;
    border-color: #126a9c #126a9c #fff !important;
}
.nvsbTitle {
    display: inline-block;
    margin-bottom: .7em;
    padding: .5em;
    font-weight: 600;
    width: 100%;
    color: #126a9c;
    border-bottom: 1px solid #126a9c;
}
.dvHighLightRibbon {
    background-color: #fffdfd;
}
.dvHighLightRibbon a {
    display: block;
    color: #126A9C;
    padding: 2em;
    width: 100%;
    border-radius: 6px;
    transition: all 0.3s;
}
.dvHighLightRibbon a:hover {
    text-decoration: none;
    color: #1a99e1;
    background-color: #fffdfd;
}
.dvHighLightRibbon a span, .dvHighLightRibbon a i {
    display: block;
}
.dvHighLightRibbon a i {
    font-size: 100px;
    transition: all 0.3s;
}
.dvHighLightRibbon a:hover i {
    font-size: 106px;
    text-shadow: 2px 2px 8px #666666;
}
.dvHighLightRibbon a span {
    clear: both;
    margin-top: 1em;
}
.dvBnrTextWrap {
    background-color: #ffffffa8;
    border: 1px solid #ffffffcb;
    border-radius: 6px;
    color: #1d2325;
    transition: all 0.3s;
}
.dvBnrTextWrap:hover {
    background-color: #ffffffcb;
}
.searchRow {
    color: lightgray;
    background-color: #072a3e;
}
.searchFilter {
    padding: .5em 1em;
    background-color: #0e547c;
    cursor: auto;
}
.searchFilter::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px solid #0e547c;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.searchFilter:hover {
    cursor: pointer;
    color: #151f03;
    background-color: #6A9C12;
}
.searchFilter:hover::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px solid #6A9C12;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.sfActive {
    color: #151f03;
    background-color: #a5c370;
}
.sfActive::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px solid #a5c370;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.sfActive:hover {
    background-color: #a5c370;
    cursor: auto;
}
.sfActive:hover::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 30px solid #a5c370;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.filterBox {
    background-color: #0e547c;
    cursor: auto;
    transition: all 0.4s;
}
.filterBox:hover {
    background-color: #6A9C12;
    color:#151f03;
    cursor: pointer;
}
.flxCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
#coInfoIco {
    margin-top: 36px;
    cursor:auto;
    transition: all 0.4s;
}
#coInfoIco:hover {
    color:azure;
    cursor: pointer;
}
.arrowSpacer {
    margin-left: 35px;
}
.dvArticleHolder {
    background-color: #eeeeee;
    border-radius: 6px;
    color: #1d2325;
    padding: 1em;
    border: 1px solid #cfe1eb;
    transition: all 0.3s;
}
.dvArticleHolder:hover {
    background-color: #fffdfd;
    border: 1px solid #88b4cd;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
footer {
    border-top: 2px solid #126a9c;
    color: lightgray;
    background-color: #0b0e0e;
}
.contactHdr {
    padding-bottom: .5em;
    padding-left: 1em;
    margin-bottom: 1em;
}
.contactTitle {
    padding-top: 1em;
}
.contactItm {
    padding-top: .5em;
    padding-bottom: .5em;
}
.contactItm i, .contactItm span {
    display: block;
    float: left;
}
.contactItm i {
    padding-top: 4px;
}
.contactItm span {
    margin-left: 1em;
}
.txtCopy {
    color:rgb(202, 194, 194);
}
/* Admin */
#dvLoading {
    display: flex;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: whitesmoke;
    z-index: 10;
}
#dvLoading i {
    width: 32px;
    height: 32px;
}
.inpError {
    color: crimson;
}
.inpSuccess {
    color: darkgreen;
}
#lblUser {
    display: block;
    float: left;
}
.resetUser {
    display: block;
    float: right;
    margin-top: 7px;
    font-size: 16px;
    cursor: auto;
}
.resetUser:hover {
    cursor: pointer;
}
.filterParent {
    padding: .15em 1em;
    cursor: auto;
    overflow: hidden;
    background-color: aliceblue;
    transition: all 0.3s;
}
.filterParent:hover {
    background-color: lavender;
    cursor: pointer;
}
.filterParent span, .filterParent i {
    display: block;
    float: left;
    margin: .25em;
}
.filterParent i {
    padding-top: 5px;
}
.fltContent {
    display: none;
}
.fltRow {
    padding: .5em 1em 0;
    margin: 0;
    cursor: auto;
    background-color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    transition: all 0.3s;
}
.fltRow:hover {
    background-color: #f5f5f5;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    cursor: pointer;
}
.fltRow > .col > label {
    cursor: auto;
}
.fltRow > .col > label:hover {
    cursor: pointer;
}
.fltCheck {
    position: relative !important;
}
.tdActions {
    vertical-align: middle;
}
.tdActions i {
    font-size: 24px;
    margin: 2px 6px;
    cursor: auto;
}
.tdActions i:hover {
    cursor: pointer;
}
.adminIcon, .adminFormIco {
    font-size: 28px;
    margin: .25em;
    color: cornflowerblue;
    cursor: auto;
    transition: all 0.3s;
}
.adminIcon:hover {
    color: dodgerblue;
    cursor: pointer;
}
.adminFormIco {
    color: forestgreen;
}
.adminFormIco:hover {
    color: darkgreen;
    cursor: pointer;
}
.adminFormLabel {
    width: 150px;
    justify-content: right !important;
}
.adminFormSelect {
    min-width: 220px;
}
.nvActive a {
    background-color: #d4efff;
    color: black;
}
#spFeedback {
    display: none;
    padding-top: 3px;
}
#modFeedback {
    display: none;
}
.imgCell {
    max-height: 45px;
}
.fbCell {
    width: 44px;
}
.fbCell i {
    font-size: 20px;
    margin-top: 2px;
    display: none;
}
.lblModRadio, .inpRadio, .inpCheck {
    cursor: auto;
}
.inpRadio, .inpCheck {
    top: 5px;
}
.lblModRadio:hover, .inpRadio:hover, .inpCheck:hover {
    cursor: pointer;
    background-color: #b9d7fc;
}
.inpSelected {
    background-color: #cbe3f5;
}
.nowrapCell {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hashCol {
    width: 80px;
}
.selectionCol {
    width: 100px;
}
.resultRow {
    cursor: auto;
    transition: all 0.3s;
}
.resultRow:hover {
    background-color: #ccdcf9 !important;
    cursor: pointer;
}
.modalTxa {
    height: 70px;
}
.modalTxaLg {
    height: 120px;
}
#dvCobobj, #dvCourse, #dvField {
    height: 40px;
    border: 1px solid #cccccc;
}
#dvField {
    height: 75px;
}
.firstArrow {
    position: relative;
    float: left;
    background: #14406c;
    color: ivory;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 3px 3px 10px;
  }
.firstArrow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.firstArrow:before {
    content: "";
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #14406c;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
/**/
.lastArrow {
    position: relative;
    float: left;
    background: #126A9C;
    color: ivory;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 8px 3px 20px;
  }
.lastArrow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 15px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.lastArrow:before {
    content: "";
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 0;
    height: 0;
}
/**/
.rankArrow {
    position: relative;
    float: left;
    background: #14406c;
    color: ivory;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 3px 3px 20px;
  }
.rankArrow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 15px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.rankArrow:before {
    content: "";
    position: absolute;
    right: -14px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #14406c;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.dvRte {
    min-height: 331px;
}
.dvRteHolder {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 300px;
    border: 1px solid #ddd;
}
.dvRteHolder img {
    display: block;
    width: 36px;
    height: 36px;
    margin: 132px auto 0 auto;
}
.dvToggler {
    transition: all 0.3s;
    background-color: #14406c;
    color: ivory;
    cursor: auto;
}
.dvToggler:hover {
    background-color: #126A9C;
    cursor: pointer;
}
.dvFormSection {
    display: none;
}
.dvTglrInactive {
    transition: all 0.3s;
    background-color: gainsboro;
    color: dimgray;
}
.dvTglrInactive:hover {
    background-color: rgb(237, 237, 237);
    color: dimgray;
}
#dvCourses, #dvFields, #dvSections, #dvSubsections, #dvClasses {
    border: 1px solid #c0ced7;
}
.dvStepComplete {
    background-color: darkgreen;
}
.tblResults {
    background-color: ghostwhite;
}
.langNav, .langSubNav {
    list-style: none;
    padding: 0;    overflow: hidden;
}
.langList, .langListActive {
    padding: 6px;
    overflow: hidden;
    cursor: auto;
}
.langList:hover {
    cursor: pointer;
    background-color: aliceblue;
}
.langListActive:hover {
    cursor: pointer;
}
.langList div, .langListActive div {
    position: relative;
    float: left;
    margin: 3px;
}
.lngChev {
    padding-top: 3px;
}
.langSubNav {
    clear: both;
    width: 100%;
    font-size:small;
    padding: 1px;
    background-color: #fcfcfc;
    border-top: 1px solid #eee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #eee;
    display: none;
}
.nvLogged {
    position: absolute;
    top: 42px;
    right: 0;
}
.nvLogged > .langList {
    clear: both;
    width: 100%;
}
#dvUnitFilters div:nth-child(1), .sortIco {
    display: none;
}
.entryExists {
    margin-left: -4px;
    font-size: 24px;
}
ul.sortable li span {
    display: inline-block;
}
.liCourse, .liField, .liSection, .liSubsection, .liContent {
    list-style: none;
}
.liCourseDv {
    background-color: #eee;
    border: 1px solid cornsilk;
    border-radius: 6px;
    margin-top: .25em;
    margin-bottom: .25em;
    padding: .2em 1.2em;
    cursor: auto;
    transition: all 0.3s;
}
.liCourseDv:hover {
    border: 1px solid darkgray;
    cursor: pointer;
}
.liCourse > .liCourseDv > span {
    font-size: 26px;
}
.liFieldDv {
    border: 1px solid cornsilk;
    border-radius: 6px;
    background-color: #f2ffe5;
    padding: .25em 1.25em;
    cursor: auto;
    transition: all 0.3s;
}
.liFieldDv:hover {
    border: 1px solid darkgray;
    cursor: pointer;
}
.liField > .liFieldDv > span {
    font-size: 22px;
}
.liField, .liSection {
    margin-top: .25em;
}
.liSectionDv {
    background-color: #fff7cc;
    border: 1px solid cornsilk;
    border-radius: 6px;
    padding: .5em 1.5em;
    cursor: auto;
    transition: all 0.3s;
}
.liSectionDv:hover {
    border: 1px solid darkgray;
    cursor: pointer;
}
.liSection > .liSectionDv > span {
    font-size: 18px;
}
.liSubsectionDv {
    background-color: aliceblue;
    border: 1px solid cornsilk;
    border-radius: 6px;
    margin-top: .5em;
    padding: .5em 1.5em;
    cursor: auto;
    transition: all 0.3s;
}
.liSubsectionDv:hover {
    border: 1px solid darkgray;
    cursor: pointer;
}
.liSubsectionDv > span {
    font-size: 16px;
    width: 95%;
}
.liContent > div {
    font-size: 16px;
    padding: 1.5em 1em;
    color: #126A9C;
    font-weight: bold;
}
.scrteDisk, .sbrteDisk, .uplFile {
    color: darkgreen;
    cursor: auto;
    transition: all 0.3s;
}
.scrteDisk:hover, .sbrteDisk:hover, .uplFile:hover {
    color: limegreen;
    cursor: pointer;
}
.rtefbGood {
    color: limegreen;
}
.rtefbBad {
    color: crimson;
}
.dvModalToggler {
    padding: 1em;
    margin-top: 1em;
    overflow: hidden;
    cursor: auto;
    transition: all 0.3s;
}
.dvModalToggler:hover {
    color: #126A9C;
    background-color: aliceblue;
    cursor: pointer;
}
.dvModalToggler > div {
    float: left;
}
.dvModalToggler > div:nth-child(2) {
    margin-left: 1em;
    padding-top: 2px;
}
.dvModalToggler > div:nth-child(2) > i {
    font-size: 18px;
}
.dvModalTarget {
    display: none;
}
.dvModLevel, .dvModLevelField {
    padding-left: 3em;
}
.dvModLevel > div:nth-child(1), .dvModLevelField > div:nth-child(1) {
    display: list-item;
    
}
.dvModLevelField {
    padding-left: 5em;
}
.groupLabel {
    cursor: auto;
    transition: all 0.2s;
    width: 100%;
    padding: 0.5em 0.2em;
}
.groupLabel:hover {
    color: #126A9C;
    background-color: aliceblue;
    cursor: pointer;
}
.groupLabel > i {
    transition: all 0.3s;
}
.groupLabelInactive {
    color: grey;
}
.dvFieldToggler {
    font-size: 18px;
    font-weight: bold;
    padding: .5em 0 .5em .5em;
    margin-bottom: .5em;
    margin-left: 2.5em;
    display: list-item;
    border-bottom: 1px solid #eee;
    cursor: auto;
    transition: all 0.2s;
}
.dvFieldToggler:hover {
    color: #126A9C;
    background-color: aliceblue;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.dvFieldTarget {
    display: none;
    margin: 1em 0 0 3.3em;
}
.dvDisclosureClosed {
    list-style: disclosure-closed;
}
.dvDisclosureOpen {
    list-style: disclosure-open;
}
.correctIco, .wrongIco {
    font-size: 22px;
    margin-top: 16px;
}
.correctIco {
    color: forestgreen;
}
.wrongIco, .uploadedPdf {
    color: crimson;
}
.uploadedPdf:hover {
    color:darkred;
}
.uploadedWord {
    color:#126a9c;
}
.uploadedWord:hover {
    color:#14406c;
}
.uploadedZip {
    color: goldenrod;
}
.uploadedZip:hover {
    color: darkgoldenrod;
}
#btnUploader i {
    font-size: 13px;
    transition: all 0.3s;
}
form#uploadForm legend {
    width: auto;
    padding: .25em;
}
.coChkLabel {
    cursor: auto;
}
.coChkLabel:hover {
    cursor: pointer;
    background-color: aliceblue;
}
/*
.tdSorting {
    cursor: auto;
}
.tdSorting:hover {
    cursor:ns-resize;
}
.tdSorting:hover .sortIco {
    color: dodgerblue;
}
.tdSortDisabled .sortIco {
    color: #aaa;
}
*/
.dvExportIcon, .dvToggleFiltersIcon, .dvToggleClassFilterIcon, .dvSortIcon, .dvExportIconAlt, .dvTeachingResults {
    margin: 4px 12px 3px 3px;
    float: left;
}
.dvExportIcon i, .dvToggleFiltersIcon i, .dvToggleClassFilterIcon i, .dvTeachingResults i, .dvSortIcon i, .dvExportIconAlt i {
    font-size: 28px;
    color: #126A9C;
    cursor: auto;
    transition: all 0.3s;
}
.dvExportIcon:hover i, .dvToggleFiltersIcon:hover i, .dvExportIconAlt:hover i {
    color:firebrick;
    cursor: pointer;
}
.dvToggleFiltersIcon:hover i, .dvToggleClassFilterIcon:hover i, .dvSortIcon:hover i, .dvTeachingResults:hover i {
    color: #14406c;
    cursor: pointer;
}
.dvFilterIcon {
    margin: 7px;
}
.dvFilterIcon i {
    font-size: 20px;
    color: #126A9C;
}
#dvUnitFilters, #dvClassFilter {
    display: none;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}
.guideSelectionInfo {
    float: left;
    padding: .35em .8em;
}
.hoverIco {
    cursor: auto;
}
.hoverIco:hover {
    cursor: pointer;
}
/* pagination */
.dvPgInactive, .dvPgActive, .dvPgItem, .dvPgItemSelected {
    position: relative;
    float: left;
    margin: 2px;
    padding: 4px 12px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-family: 'Lucida Console', 'Courier New', 'Arial';
}
.dvPgActive {
    background-color: whitesmoke;
    border: 1px solid #ddd;
    color: #126A9C;
    cursor: auto;
    transition: all 0.3s;
}
.dvPgActive:hover {
    color: whitesmoke;
    background-color: #14406c;
    cursor: pointer;
}
.dvPgInactive {
    background-color: whitesmoke;
    border: 1px solid #ddd;
    color: #aaa;
}
.dvPgItemSelected {
    color: whitesmoke;
    background-color: #14406c;
    border: 1px solid #ddd;
}
/* pagination end */
/* search */
.searchResultsRow {
    position: absolute;
    display: none;
    width: 100%;
    z-index: 10;
}
.searchResults {
    color: #14406c;
    background-color: #fafafa;
    box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
}
.searchResultItem {
    padding: .5em 1em;
    background-color: #fafafa;
    border: 1px dashed #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    transition: all 0.3s;
    cursor: auto;
}
.searchResultItem:hover {
    background-color: #f2f8ff;
    cursor: pointer;
}
.highlightedResult {
    border: 1px dashed #000;
    background-color: #f2f8ff;
}
/* search end */