.page-wrapper .well {
    background: url(/images/heading-title-bg.jpg) no-repeat center;
    padding: 14px 15px;
    color: #FAFFF0;
    font-weight: 600;
    margin-top: -2px;
    border-radius: 0px !important
}

span[help-popover]:after {
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f128';
}

.new-buttons {
    position: fixed;
    bottom: 7%;
    right: 5%;
    z-index: 1000
}
.force-right {
    position: absolute;
    right: 1rem;
}
.No-symbol:before {
    content: "\2116";
    padding-right: 5px;
}
.required-badge:after {
    content: "*";
    color: crimson;
    position: absolute;
    top: 0;
    font-size: 0.8rem;
}
md-toast {
    position: fixed;
    bottom: 5% !important;
    left: 50px !important;
}
md-content {
    height: 100vh;
}

.breadcrumb-item a {
    color: aliceblue
}
.breadcrumb-item.active span{
    color: #d3d3d3 !important;
    font-size: 0.9rem !important;
    font-weight: 500;
}
.op-seleted:after {
    color: green;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f00c'
}

.no-selected:after {
    color: red;
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f00d'
}
.vertical-form md-input-container {
    padding-top: 0.5rem;
}
.ext-content {
    padding-top: 5px;
}
.collapse li {
    padding-top: 8px;
    padding-bottom: 4px;
}
.gutter-right {
    padding-right: 6px;
}
.gutter-left {
    padding-left: 6px;
}
.height65 {
    height: 65vh;
    
}
.height65 md-content {
    height: 55vh;
    overflow-x: hidden;
    overflow-y: auto; 
}
.md-content {
    background-color: white
}
.text-avatar {
    width: 6rem !important
}
.md-chip {
    padding: 6px;
    background-color: #d3d3d3;
    color: #000000;
    border-radius: 8px;
    cursor: pointer;
    margin-right: 10px; 
}
.md-chip:after {
    font-family: "Font Awesome 5 Pro";
    padding-left: 2px;
    content: '\f057';
}