.label {
        font-weight: 700;
    }
    
    .text-teal,
    .text-teal:hover,
    .text-teal:focus {
        color: #009688 !important;
    }
    
    .text-bold {
        font-weight: 700;
    }
    
    .card h5 {
        background-color: #dee2e6;
    }
    
    .mandate {
        line-height: 1;
        vertical-align: middle;
        margin-left: 3px;
        color: #de5454;
    }
    
    .even {
        background-color: #dee2e6;
    }
    
    .wrap {
        white-space: pre-wrap;
        /* CSS3 */
        white-space: -moz-pre-wrap;
        /* Firefox */
        white-space: -pre-wrap;
        /* Opera <7 */
        white-space: -o-pre-wrap;
        /* Opera 7 */
        word-wrap: break-word;
        /* IE */
    }
    
    .p-panel table th {
        background: #fff !important;
        color: orange !important;
        font-weight: bolder !important;
    }
    
    .progress-spinner {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    
    .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
        color: #495057 !important;
        border: 1px solid #e9ecef !important;
        background: #E3F2FD !important;
        min-width: 2rem !important;
        height: 2rem !important;
        line-height: 2rem !important;
        font-size: 1.143rem !important;
        z-index: 1 !important;
        border-radius: 50% !important;
    }
    
    .p-steps .p-steps-item.p-highlight .p-steps-number {
        background: #176eca !important;
        color: #ffffff !important;
    }
    
    .p-steps-current::before {
        border-top: 1px solid #1975d1 !important;
    }
    
    .layout-menu li a .layout-menuitem-icon {
        margin-right: 0.5rem;
    }
    
    .layout-sidebar-blue .layout-sidebar .layout-menu li.active-menuitem {
        background: rgba(255, 255, 255, 0.1);
    }
    
    .layout-menu li.active-menuitem {
        border-radius: 4px;
    }
    
    .layout-menu a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 0.75rem;
        font-size: 1rem;
        border-radius: 4px;
        outline: 0 none;
        cursor: pointer;
        transition: background-color 0.2s, box-shadow 0.2s;
    }
    
    .layout-menu a .layout-menuitem-icon {
        margin-right: 0.5rem;
    }
    
    .layout-menu a .layout-submenu-toggler {
        font-size: 75%;
        margin-left: auto;
        transition: transform 0.2s;
    }
    
    .layout-menu a.rotated-icon .layout-menuitem-icon {
        transform: rotate(90deg);
    }
    
    .layout-menu a.active-route {
        font-weight: 700;
    }
    
    .layout-sidebar-blue .layout-sidebar .layout-menu .menu-separator {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .layout-menu .menu-separator {
        margin: .25rem 0;
    }
    
    .q-control-date .p-calendar {
        display: inline-flex !important;
    }
    
    .p-toolbar {
        padding: 0 !important;
    }
    
    .app-name {
        color: #ffffff;
        vertical-align: middle;
        font-size: 1.5rem;
        letter-spacing: 0.2px;
    }
    
    .limitedText {
        overflow: hidden;
        text-overflow: clip;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* number of lines to show */
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    
    .hidden {
        display: none !important;
    }
    
    .mailContent .p-overlaypanel-content {
        white-space: pre-line;
    }
    
    .headerSticky {
        position: sticky;
        top: 0;
        z-index: 999;
        background-color: #ffffff !important;
    }
    
    .divider-card .field {
        margin-bottom: 0px !important;
    }
    
    .divider-card .p-divider-horizontal {
        margin-top: 0px !important;
    }
    
    .w-auto {
        width: auto !important;
    }
    
    .p-autocomplete-panel {
        overflow: hidden !important;
    }
    
    .p-autocomplete-items {
        overflow-y: auto !important;
        max-height: 150px !important;
    }
    
    .labelCol {
        background-color: #495057 !important;
        color: #ffffff !important;
    }
    
    .moreless {
        color: #EF4444 !important;
    }
    
    @media screen and (min-width: 992px) {
        .layout-wrapper.layout-static-inactive .layout-topbar .menu-button i:before {
            content: "\e91d" !important;
        }
    }
    
    .label-set {
        position: inherit !important;
        line-height: inherit !important;
    }
    
    .media-selector {
        width: auto !important;
        vertical-align: top !important;
        margin-right: 5px !important;
    }
    
    
    
    .spotlight-preview {
        max-width: 873px !important;
        margin: 0 auto !important;
    }
    
    .spotlight-preview img {
        max-width: 100% !important;
    }
    
    .spotlight-preview .logo {
        max-height: 70px !important;
    }
    
    .spotlight-preview h1 {
        margin-top: 30px !important;
        color: #1E4E78 !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }
    
    .spotlight-preview ul {
        margin-bottom: 30px !important;
    }
    
    .spotlight-preview h4 {
        font-weight: bold !important;
    }
    
    .spotlight-preview a {
        color: #ce3430 !important;
    }
    
    .spotlight-preview .about {
        color: #555;
        font-size: 14px;
    }
    
    .spotlight-preview .disclaimer {
        color: #f33f21;
        text-align: center;
    }
    
    .spotlight-preview .date {
        color: #555;
        font-size: 14px;
    }
    
    tbp-autocomplete.ng-invalid.ng-dirty  .p-autocomplete-multiple-container {
        border-color: #e24c4c;
    }
    
    tbp-autocomplete.ng-invalid.ng-dirty  .p-autocomplete-input {
        border-color: #e24c4c;
    }
    
    .tox .tox-tbtn {
        transform: scale(0.8) !important; /* you can set the scale that you want */
        height: unset !important;
        width: unset !important;
    }
    .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
        width: unset !important;
    }
    
    .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
        /* change the background y-positionning to : bottom 0*/
        background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 bottom 0 #fff !important;
    }
    
    body.spotlight-preview {
        padding: 10px;
    }
    
    .limit-width {
        max-width: 500px;
    }
    
    .limit-width-large {
        max-width: 800px;
    }
    
    .dashed-bottom {
       border-bottom: 1px dashed lightgrey!important;
       height: 100%;
       padding-top: 1rem;
       vertical-align:bottom;
    }
    
    textarea {
        min-height: 35px !important;
    }
    
    span.limit-height-autocomplete ul {
        max-height: 200px;
        overflow-y: auto;
    }
    
    .layout-content {
        padding: 5rem 1rem 1rem 1rem !important;
    }
    .tbp-float-label {
        display: block;
        position: relative;
    }
    
    .tbp-float-label {
        margin: 0 0 0 0 !important;
        line-height: 1;
        top: -1.2rem;
        font-size: 12px;
        color: #6c757d;
        background-color: #ffffff !important;
        font-weight: 400;
    }
    
    .tbp-autocomplete-icon {
         top: -1.2rem;
    }
    
    .lowercase {
    text-transform: lowercase;
    }
    
    .capitalize {
        text-transform: capitalize;
    }
    
    .link:hover {
        cursor: pointer;
    }
    
    .dt-span p {
        margin: 0 0 0 0 !important;
        line-height: .5 !important;
    }
    
    .p-listbox.p-listbox-striped .p-listbox-list>li:nth-child(even) {
        background: #fcfcfc !important;
    }
    
    /*
    
    .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(even) {
        background: #ececec !important;
    }
    
    .p-datatable .p-datatable-header {
        background: #d6d7d7 !important;
    }
    
    .p-datatable .p-datatable-thead>tr>th {
        background: #ececec !important;
    }
    
    .p-datatable .p-datatable-tfoot>tr>td {
        background: #ececec !important;
    }
    */
    
    .filter {
        font-size: .95rem;
    }
    
    .filter i {
        font-size: .95rem;
    }
    
    
    .active {
        background-color:  #505f79;
        color: #fff;
    }
    
    .revoked  span {
        background: #e50d0d;
    }
    
    .pendingverification  span {
        background: orange;
    }
    
    
    .pendingverificationself  span {
        background: yellow;
    }
    
    .pendingprofile  span {
        background: lightblue;
    }
    
    .pendingactivation span {
        background: lightsteelblue;
    }
    
    .small-p-badge span {
        min-width: 1rem;
        height: 1rem;
        line-height: 1rem;
    }
    
    .headerbgcolor {
        background:#f8f9fa;
    }
    
    .wyswyg div.p-inplace-display {
        min-height: 6rem;
        display: block !important;
    }
    
    .normal div.p-inplace-display {
        min-height: 2.5rem;
        display: block !important;
    }
    
    .p-toast-message-text {
        white-space: pre-line;
     }