/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html, body {
    margin: 0;   
    /* font-family: "Lato", "RobotoFallback", "Helvetica", "Arial", sans-serif; */
font-family:  "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
background-color: #f0f3f7;
  }
.top-container {
    padding: 0px;
    background-color: #000;
  }
  
  .tile {
    font-size: 22px; 
    /* color: #90cc19;  */
    color: #333;; 
    text-align: center; 
  }

  .header {
    /* font-weight: bold;  */
    font-size: 22px; 
    color: #ef9c00; 
    text-align: left;   
    /* background-color: #fff; */
    background-color: #ef9c00;
    z-index: 100;
    border-top: 0px solid #ef9c00; 
    border-bottom: 1px solid #ef9c00; 
    border-right: 1px solid #ef9c00; 
    border-left: 1px solid #ef9c00; 
  }
  .content {
    padding: 0px;
  }
  .sticky {
    position: fixed;
    top: 0;
    margin-left: 2.5%;
    background-color: #ef9c00;
    border: 0px solid #ef9c00; 
  }
  
  .header + .content {
    padding-top: 102px;       
  }

.fileHeader{
  background-color:white; 
  width:100%;
  font-size: 22px; 
  color: #333; 
 
}
  
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #90cc19;
    
  color: white;
  border-top: 10px solid #ef9c00;
}

.boxHeader{
  font-size: 22px; 
  /* color: #ef9c00;  */
  color: #333;
}
.orangeBox{
  border: 1px solid #ef9c00 ;
  padding :20px;
}

.orangeBoxGrid{
  border: 1px solid #ef9c00 ;
}

.dx-box-item-content {
    text-align: left;
}

.dx-field-item {     
    font-size: 14px;
}
.toolbar {
  height:60px;
  padding-top: 5px;
}

.toolbarbackground {
  background-color: rgb(51, 122, 183, 0.0);
  
}
.toolbar-label{
  padding: 10px 8px 9px !important; 
}

.buttongroups-container {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.buttongroups-container > div {
  padding: 0 12px;
}


.green.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #90cc19;
}
.green .dx-radiobutton-icon:before {    
  border: 2px solid #90cc19;
}

.yellow.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #f6d200;
}
.yellow .dx-radiobutton-icon:before {    
  border: 2px solid #f6d200;
}


.amber.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #ef9c00;
}
.amber .dx-radiobutton-icon:before {    
  border: 2px solid #ef9c00;
}

.red.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #df0024;
}
.red .dx-radiobutton-icon:before {    
  border: 2px solid #df0024;
}

.dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;  
  /* background-color: #000; */
}

.dx-field-label {
  float: left;
  width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#333;
}
.dx-toolbar-label{
  max-width: 500px !important;
}

.breadCrumb{
  text-decoration-line: none;
  cursor: pointer;
  font-size: 22px;
  /* color: #ef9c00; */
  color: #333;
}

.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard)  {
      border-radius: 50%;
}

.focusQuestion{
  color: #90cc19;
  box-shadow:  0 0 3px  rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 3px  rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 3px  rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 3px  rgba(0,0,0,0.4);
  background-color: aliceblue;
}

.focusCell{
  border: 1px solid aliceblue;
}


.blurQuestion{
  color: #000;
  background-color: white;
}

.questionRow{
 height: 55px;
}

.notesTable{
  border-collapse: collapse;  
}

.notesTableQuestion{
  font-size:10pt;
  color: #333;
  width:30%;
  border: 1px solid #ef9c00;;
  vertical-align: text-top;
}

.notesTableAnswer{
  font-size:10pt;
  color: #333;
  width:70%;
  vertical-align: text-top;
  border: 1px solid #ef9c00;
}

.notesTableGrading{
  font-size:10pt;
  color: #333;
  vertical-align: text-top;
  border: 1px solid #ef9c00;
}

.container {
  margin: auto;
}
.one {
  float: left;
}
.two {
  margin-left: 15%;
}

.tblQuestion {
  width:30%;
  /* color: #000; */
}
.tblAnswer{
  width: 29%;
  color: #000;
  font-size: 13px;
  font-weight: bolder;
}
.tblGrading {
  width:12%;
  color: #000;
  font-size: 13px;
  font-weight: bolder;
}
.tblNotes {
  width:29%;
  color: #000;
  font-size: 13px;
  font-weight: bolder;
}

.tblHeader{
  font-size: 22px;
  color: #ef9c00;;
  /* background-color: #ef9c00; */
}

.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  white-space: nowrap;
  font-weight: bold;
  color: black;
}

.deleted {
  text-decoration: line-through;
}

.dx-invalid.dx-texteditor .dx-texteditor-input-container:after {
    /* background-color: #F44336; */
  background-color: blue !important;
} 

.dx-texteditor.dx-editor-underlined.dx-invalid:after {
  background-color: blue;
}
.dx-validationsummary-item {
  color: blue !important;
}

.redFile {
  color: #df0024;
}

.amberFile {
  color: #ef9c00;
}

.yellowFile {
  color:#f6d200;
}

.greenFile {
  color: #90cc19;
}

.blank.dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  background: #858681;
}
.blank .dx-radiobutton-icon:before {    
  border: 2px solid #858681;
}

.redFileUnderline {
  color: #df0024;
  text-decoration: underline;
}

.amberFileUnderline {
  color: #ef9c00;
  text-decoration: underline;
}

.yellowFileUnderline {
  color:#f6d200;
  text-decoration: underline;
}

.greenFileUnderline {
  color: #90cc19;
  text-decoration: underline;
}


.dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text {
  text-align: left;
}

.file{
  color: #ef9c00; 
}

#auditorProjectChart {
  height: 440px;
}

.childQuestion{
  background-color: aliceblue;
}


.dx-editor-cell .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
}

/* .readOnly {
  border-bottom-width: 0px !important; 
} */

.qcNotes{
  background-color: beige;
}

.redGrading {
  background-color: #df0024;
  color: black;
}

.amberGrading {
  background-color: #ef9c00;
  color: black;
}

.yellowGrading {
  background-color:#f6d200;
  color: black;
}

.greenGrading {
  background-color: #90cc19;
  color: black;
}

.dx-selection{
  background: #90cc194d;
}