.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgb(0 0 0);
}

.project-details-header {
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    border-bottom: 2px solid black;
    display: inline-block;
}

.bgcolor_according_to_theme {
    padding: 10px !important;
}

.message-outline-success {
    color: #010a45;
    border: 1px solid #010a45;
}

.btn_match_to_theme {
    background-color: #010a45;
    color: #fff;
    /** margin-bottom: 2px; **/
}

.btn_match_to_theme:hover {
    background-color: #001bcf;
    color: #fff;
}

.icon_match_to_theme {
    color: #010a45;
    font-size: 16px;
}

.icon_match_to_theme:hover {
    color: #011180;
}

.mendatory_note {
    color: red;
}

/*** Badge outlined variations ***/
.badge-outline-primary {
    color: #0090e7;
    border: 1px solid #0090e7;
}

.badge-outline-secondary {
    color: #e4eaec;
    border: 1px solid #e4eaec;
}

.badge-outline-success {
    color: #189a02;
    border: 1px solid #189a02;
}

.badge-outline-info {
    color: #8f5fe8;
    border: 1px solid #8f5fe8;
}

.badge-outline-warning {
    color: #ff7e00;
    border: 1px solid #ff7e00;
}

.badge-outline-danger {
    color: #fc424a;
    border: 1px solid #fc424a;
}

.badge-outline-light {
    color: #ffffff;
    border: 1px solid #ffffff;
}

.badge-outline-dark {
    color: #0d0d0d;
    border: 1px solid #0d0d0d;
}
/*** End badge outlined variations ***/

/*** Style for the Dashboard ***/
.heading_left_top {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    color: black;
}

.heading_left_top p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.heading_left_top a {
    padding: 4px 4px;
}

.search-bar {
    text-align: end;
    position: relative;
}

.search-bar input {
    border: 1px solid #ccc;
    /** padding: 0.2rem 0.5rem; **/
    padding: 0.2rem 2rem 0.2rem 0.5rem;
    width: 37%;
}

.search-bar i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

@media (max-width: 767px) {
    .search-bar input {
        min-width: 70%;
    }
}

.dashboard-title {
    color: #010a43;
    font-size: 13px;
    font-weight: 700;
}

.dashboard-box {
    margin-bottom: 6px;
    border-radius: 10px;
    /** padding: 1px 2px 2px 2px; **/
    overflow: hidden;
    /** height: 90%; **/
    height: auto;
}

.dashboard-box-header {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    min-height: 40px;
    padding: 3px 10px;
}

.dashboard-box-body {
    /** background-color: #3B4CB8; **/
    /** color: white; **/
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 5px;
    border-radius: 0px 0px 9px 9px;
}

.dashboard-box-body div {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
}

.col-md-3.col-sm-6 {
    padding-right: 3px;
    padding-left: 3px;
}

.dashboard-line {
    border: 0;
    height: 1px;
    background: white;
    margin: 0px 0;
    opacity: 0.3;
}

.dashboard-salary-row span {
    flex: 1;
    text-align: center;
    min-width: 30px;
    font-size: 10px;
}

.dashboard-salary-row .slary_title {
    text-align: left;
    /** min-width: 150px !important; **/
}

.dashboard-attendance-graph-one {
    margin-bottom: 10px;
}

.dashboard-attendance-graph-one span {
    flex: 1;
    text-align: center;
    min-width: 30px;
    font-size: 12px;
    text-decoration: underline;
}

.dashboard-attendance-graph-one.header span {
    color: #010a43;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-attendance-graph-one .slary_title {
    text-align: left;
    text-decoration: none;
}
/*** Style end for the Dashboard ***/

/*** Style for the Bottom Links Footer ***/
.bottom_links_footer {
    background-color: #434343;
    color: #abaaaa;
    /* font-weight: bold; */
    /* padding: 15px 5px; */
    padding: 7px 5px;
    /* position: fixed; */
    bottom: 0;
    width: 100%;
    text-align: center;
}

.bottom_links_footer a {
    color: #abaaaa;
}

.bottom_links_footer a:hover {
    color: #010a45;
}
/*** Style end for the Bottom Links Footer ***/

.header-navbar
    .navbar-wrapper
    .navbar-container
    .header-notification
    .show-notification.fixed_drop_down {
    height: 285px;
    overflow: auto;
}