@font-face {
    font-family: FontAwesome;
    src: url(../../fonts/font-awesome/fonts/FontAwesome.otf);
}

@font-face {
    font-family: fontawesome-webfont;
    src: url(../../fonts/font-awesome/fonts/fontawesome-webfont.ttf);
}

@font-face {
    font-family: Roboto-Medium ;
    src: url(../../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
    font-family: Roboto-Light ;
    src: url(../../fonts/Roboto/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-Regular ;
    src: url(../../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: Roboto-Bold ;
    src: url(../../fonts/Roboto/Roboto-Bold.ttf);
}

/* tabs angular */

.angTabssub .mat-tab-label,
.angTabs .mat-tab-label {
    opacity: 1 !important;
    height: 40px !important;
    margin-right: 5px;
    border: 0px !important;
    border-bottom: 0px !important;
    padding: 0px 15px !important;
    min-width: auto !important;
    background: #F5F5F6;
    color: #9D9D9D;
}

.angTabs .mat-tab-label-active {
    margin-right: 5px;
    border: 0px !important;
    background: #0A6AAB !important;
    color: #fff !important;
}

.angTabssub .mat-tab-label {
    height: 34px !important;
}

.angTabssub .mat-tab-label-active {
    background: #319BE2 !important;
}

.angTabs .mat-tab-body-content {
    padding: 10px;
    border: 1px solid #EDEDED;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.angTabs .mat-tab-label .mat-tab-label-content {
    font-size: 17px;
    font-family: Roboto-Medium;
}

.angTabssub .mat-tab-label .mat-tab-label-content {
    font-size: 14px;
    font-family: Roboto-Medium;
}

.angTabs .mat-ink-bar {
    display: none !important;
}


/* end tabs angular */


/* Used in TMS Details Dialog Box */
.taskdetailview-angDialog-tabs > .angTabs .mat-tab-body-content {
    max-height: 400px;
    overflow-y: auto;
}


.mat-step-header .mat-step-icon-selected {
    background-color: #2561A7 !important;
}

.mat-step-header .mat-step-icon-state-edit {
    background-color: #2D7321 !important;
}