.historytext{
    background-color: #FBEDF3;
    font-size: 11px;
    min-width: 40px;
    min-height: 30px;
    text-align: center;
}
 .textcenter{
    text-align: center;
    padding-right: 25px;
    padding-top: 10px;
    min-width: 40px;

}

.inspHistColH {
  font-size: 14px;
  color: #2d2d2d;
  font-weight: 700;
  line-height: 1.4;
  max-width: 100%;
}


.help-block-email {
  display: block;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #737373;
}

.helpDropDown .material-icons {
  line-height: 1.25;
  }
  

.mat-focused .mat-form-field-label{ color: #009bbf !important; } 
.mat-focused .mat-form-field-underline .mat-form-field-ripple{ background: #009bbf !important; }

.mat-form-field-infix{ 
  display: block;
  position: relative;
  flex: auto;
  min-width: 0;
   width: 140px !important ; 
   border-top:.84375em solid transparent
}


.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(242, 220, 219, 1);
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(209, 133, 129, 1);
  border-radius: 9px;
}

.mat-chip.mat-standard-chip::after {
  background: none;
}

/* .mat-standard-chip:focus */

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  background-color: rgba(242, 220, 219, 1);
  color: #333333;
  opacity: unset;
  font-size: 16px;
  font-weight: bold;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-none {
  background-color: rgba(246, 246, 246, 1);
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(230, 230, 230, 1);
  border-radius: 9px;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-none .mat-chip-remove {
  background-color: rgba(246, 246, 246, 1);
  color: #333333;
  opacity: unset;
  font-size: 16px;
  font-weight: bold;
}
.mat-chip-list-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -4px;
  max-height: 143px;
  overflow: auto;
}

.email-chip-list {
  width: 100%;
}
table {
  width: 100%;
}

 @media print {
   table {
  width: 100%;
}
}
.username{
  padding-right: 150px;
  font-size:34px;
}

.showInspCell{
  text-align: left;
  padding-right:2%;
}

@media print {
  .inspectiondetails {page-break-after: always;}
  .c-btn-link-print-download {
    width:60px !important;
    padding:0px !important;
    border: none !important;
    background: none !important;    
    background-color: none !important;
    color: #009bbf;
    text-decoration: none !important;
   /* display:inline !important;
   /* transition: color 0.25s ease;*/
    outline: none;
  }

  .c-btn-link-print-share {    
    padding:0px !important;
    border: none !important;
    background: none !important;    
    background-color: none !important;
    color: #009bbf;
    text-decoration: none !important;
   /* display:inline !important;
   /* transition: color 0.25s ease;*/
    outline: none;
  }

  .o-grid {
   
    flex-wrap: wrap;
}

.inspHistory{
  display: flex;
}

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

.box-bg {
  background-color: #fdfcfc;
  border-radius: 4px;
  padding: 20px 0;
}

.inspPadding{
  padding:10px !important;
}

}

@media print {
  .noprint {display:none !important;}
  a:link:after, a:visited:after {  
    display: none;
    content: "";    
  }
}

@page {
  margin:.100in;
  padding:0;
  }
  
  @media print {
  html, body {
  width:100%;
  height:auto;
  margin:auto;
  padding:0;
  color-adjust: exact;
  -webkit-print-color-adjust: exact;
  display: block;
  }  
  }

  @media only print {
    #showInspections {
      width: auto;
      height: auto;
      overflow: visible;
    }
 }

 .contact-us-style{
  margin-bottom: 10px;
  padding: 5px;
  background-color: #ffc;
  color: #333;
}
/* hr{

    border: 0.3px solid gray;
    height: 0.5px;
    padding: 0px 10px 0px 10px;
}  */
.c-txt{
    padding: 0px 10px 0px 10px;
    height: 19px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: rgb(102, 102, 102);

} /* inspections-history CSS end */

/* share msg CSS start */

.panel {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #009bbf  !important;
    border-color: #009bbf  !important;
  /*  padding: 13px 15px; */
}
/* .mt-1{
    margin-top:-2% !important;
} */

.cancel_btn{
    text-decoration: underline;
    padding: 20px;
    color: #009bbf;
} /* share msg CSS end*/

/* team lead CSS start*/

  .mat-table {
    margin-top:1%;
    width: 100%;
  }
  .mat-header-row > tr {
    margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font-weight: inherit;
      font-style: inherit;
      font-family: inherit;
      vertical-align: baseline;
  }
/* a:hover{
     color: #009bbf;
      font-weight: 400;
      text-decoration: none;
      transition: color 0.25s ease;
      font-family: 'Arial';
  } */
  .mat-header-row > th {

      border-bottom: 1px solid black !important;
        border-top: 1px solid black !important;
        font-family:  Arial, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 14px;
        color: rgb(102, 102, 102);
        text-align: left;
      }

      .mat-row >  td {
            font-size: 16px;
            font-family: Arial, sans-serif;
            font-weight: 400;
            padding: 8px;
            vertical-align: top;
            border-top: 1px solid #ddd;
            padding-left: 0px;
          }

          .mat-table td {
            background-color: #fff !important;
            vertical-align: top;
            padding-bottom: 5px;
          }

          
          .mat-table th {
            background-color: #fff !important;
            vertical-align: middle;
            padding-bottom: 5px;
          }


        .box-bg{
            background-color: #FDFCFC;
            border-radius: 4px;
            padding:20px 0px 20px 0px;
        }

        /* .c-titleBar {
          padding: 18px 0 3px !important;
          border-bottom: 5px solid #009bbf !important; }

          .c-btn-link{
            color: #009bbf;
            font-weight: 700;
            text-decoration: none;
            display:inline;
            transition: color 0.25s ease;
          } */

          .c-titleBar {
            padding: 18px 0 3px !important;
            border-bottom: 5px solid #009bbf !important; }

            .c-titleBar-no-border {
            padding: 18px 0 3px !important;
            border-bottom: 0px solid #009bbf !important; }

            .c-btn-link{
              color: #009bbf;
           /*   font-weight: 700; */
              text-decoration: none;
              display:inline;
              transition: color 0.25s ease;
              outline: none;
            }
        .tablescoll{
              overflow-y: scroll;
              height: 200px !important;
              min-height: 100px !important;
              max-height: 200px !important;
            }  /*team lead CSS ends*/

/* training access CSS start*/
.updatetext{
    font-size: 14px;
    margin-top:3%;
    padding: 0px 0px 0px 20px;
}
.c-btn {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 7px 18px;
    cursor: pointer;
    line-height: 1.4;
    border: none;
    font-size: 14px;
    background-color: #009bbf;    
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
    text-align: center;    
    text-decoration: none;
    border-radius: 3px;
    -webkit-appearance: none;
   }
  
  .c-btn:hover,
  .c-btn:focus {
  background-color: #5d6770;
  color: #ffffff;
  text-decoration: none; }

    .helpDropDown {
  /*  position: absolute; */
    margin-top: -30px;
   /* margin-left: 54%; */
    color: black;
    /* border: 1px solid black; */
    width: 50px;
  /*  padding-left: 4px;*/
      padding: 4px;
    font-family: Arial, sans-serif;
    font-style: normal;
    background-color: #fff !important;
    font-weight: 400 !important;
    font-size: 11px;
    /*color: #009BBF!important;*/
    border: 1px solid rgba(93, 103, 112, 1) !important;      
    text-transform: uppercase !important;
    height: 17px;
    padding-bottom:3px;
}

.helpDropDownIcon {
    color: rgba(93, 103, 112, 1);
    margin-left: 6px;
}
.modal-header {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    padding: 0;    
    border-bottom: none;
}

.modal-header-right-info {
     margin-top: -30px;
     color:#009BBF!important;
     margin-right:10%;
}

.print-btn-link {
    font-family: Arial, sans-serif;  
    font-size: 13px;
    outline:none;
    font-weight:normal;
    padding-left: 2px
}
.content{
    font-size:12px;
    padding-top:5px;
}
.modal-labels {
  font-weight: 700;
  font-family: Arial, sans-serif;
  font-size: 12px;
  padding-left: 0px;

}

.error-messages{
    font-size: 12px;
    font-family: Arial, sans-serif;
    color: #B41F28
}

.confirmation{
    height:40px;
    border-color: rgba(79, 138, 16, 1);
    background-color: rgba(223, 242, 191, 1);
    padding-top: 10px;
    padding-left: 10px;
}

.mat-sort-header-button{
    text-align: left;
}
  /* training access CSS end */

  /* update profile CSS start */

  /* hr{

    border: 0.3px solid gray;
    height: 0.5px;
} */
/* .updatetext{
    font-size: 14px;
    margin-top:3%;
} */
/* .textalign{
    display: flex;
    flex-direction: column;
    align-items: center;
} */
/* .c-btn {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #009bbf;
    margin: 0;
    padding: 7px 18px;
    color: #009bbf;
    background-color: #ffffff;
    font-family: "Arial Bold", Arial;
    cursor: pointer;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
            appearance: none;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease; } */




  /* update profile CSS end */
/* .mat-progress-bar-fill::after {
    background-color: #00CC00 ;
} */


 /* .mat-progress-bar-buffer {
  background: white;
} */

.table-container {
  height:625px;
  overflow: auto;
}

/* .mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon, .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 5em !important; 
} */


.mat-icon-button {
  padding: 0;
  min-width: 0;
  width: 40px !important ;
  height: 40px !important ;
  flex-shrink: 0;
  border-radius: 50%;
}

.label-text {
    padding: 0px;
    /* width: 135px; */
    font-weight: 700;
}

.mat-form-field-flex {
  display: inline-flex;
  align-items: normal !important;
  box-sizing: border-box;
  width: 100%;
}



.footer {
  background-color: rgba(45,45,45,1);
  color: #848484;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 46px;
  padding: 10px;
}

.red-border-class {
  border-color: #b41f28;
}

.header {
/*  border-bottom: 5px solid #17a2b8;
  padding: 20px 0; */
  margin-top: 20px;
}

@media (min-width: 1200px){
.container {
  width: 1250px!important;
}
}
@media (min-width: 1200px){
.container {
  width: 1170px;
}
}
@media (min-width: 992px){
.container {
  width: 970px;
}
}
@media (min-width: 768px){
.container {
  width: 750px;
}
}

.logout-text {
  font-size: 14px;
  font-weight: 400;
  font-family: Arial, sans-serif;
}

.bullet-points {
  padding-left: 40px!important;
  list-style-type: disc!important; 
}

.links-footer  {
    
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: 400;
 
  font-size: 12px;
  color: #848484;
padding: 5px;

}
.links-footer:focus, .links-footer:hover 
{
  
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: 400;
 
  font-size: 12px;
  color: #ffff !important;
}

/* styles from styles.css */
.reduced {
  font-size: 12px !important;
  /* font-size: .75rem; */
}




a {
  color: #009bbf;
  text-decoration: none;
  -webkit-transition: color .25s ease;
  transition: color .25s ease;
}

b, strong {
  font-weight: 700;
}



input {
  /* background-color: rgb(232, 240, 254) !important; */
  background-color: #fff !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon {
  width: 1.4em !important;
}
.mat-progress-bar-background{fill:#009bbf}
.mat-progress-bar-buffer{background-color:#0c0}
.mat-progress-bar-fill::after{background-color:#009bbf}
/* .mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ffe57f}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ffe57f}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336} */
.mat-progress-spinner circle,.mat-spinner circle{stroke:#0c0}
/* .mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336} */



.mat-calendar{font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-calendar-body{font-size:13px}
.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}
.mat-calendar-table-header th{font-size:11px;font-weight:400}

.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,"Helvetica Neue",sans-serif}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button 
.mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-can-float .mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}


.mat-ripple{overflow:hidden;position:relative}.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{
  position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0s cubic-bezier(0,0,.2,1);
  transform:scale(0);background-color:rgba(0,0,0,.1)
}

@media (-ms-high-contrast:active){.mat-ripple-element{display:none}}
.cdk-visually-hidden{
  border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;
  -webkit-appearance:none;
  -moz-appearance:none
}
.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{
  position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;
  transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation-name:cdk-text-field-autofill-start}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation-name:cdk-text-field-autofill-end}


.mat-option{color:rgba(0,0,0,.87)}.mat-option:focus:not(.mat-option-disabled),.mat-button-toggle-group,
.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}
.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}
.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(0,0,0,.38)}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused
.mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected)
{
   background-color:rgba(0,0,0,.04)
}
.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-selected{background-color:#009bbf;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content{
  box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
  background-color:#fff;color:rgba(0,0,0,.87)
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}
.mat-datepicker-toggle-active{color:#009bbf}.mat-datepicker-toggle-active.mat-accent{color:#ffd740}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}


.mat-form-field.mat-focused .mat-form-field-label{color:#009bbf}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#ffd740}
.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#009bbf}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) 
.mat-form-field-infix::after{color:#009bbf}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field
.mat-form-field-invalid .mat-form-field-label.mat-accent{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid 
.mat-form-field-ripple.mat-accent{background-color:#f44336}
.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-legacy.mat-form-field-disabled 
.mat-form-field-underline{
  background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
  background-size:4px 100%;background-repeat:repeat-x
}
.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{
  background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);
  background-size:4px 100%;background-repeat:repeat-x
}