.main-header .navbar-nav .nav-item {
    margin: 0;
    line-height: 1em;
}

.nav-sidebar.sidebar>li.nav-item {
    line-height: 1em;
    border-bottom: 1px solid #9895956b;
}
.DashTitle {
    background-color: #183741;
    color: #ffffff;
    padding: 0.1em 0.5em;
    font-size: 1.3em;
    text-align: center;
    font-weight: 600;
    margin-left: 0px;
    margin-bottom: 2px;
}
.main-footer {
    padding: 2px 15px !important;
}

.BigHead {
    font-size: 3em !important;
    text-align: center !important;
    vertical-align: middle !important;
}

span#UserName {
    background-color: red;
    color: white;
    padding: 3px 5px;
    font-size: 1.1em;
    font-weight: bold;
    border-radius: 10px 0px 0px 10px;
}

span#UserDesignation {
    background-color: black;
    color: white;
    top: 5px;
    padding: 5px 5px;
    font-size: 1em;
    border-radius: 0px 10px 10px 0px;
    white-space: nowrap;
    /* position: absolute; */
    overflow: hidden;
    text-overflow: ellipsis;
}

img#UserPhoto {
    width: 40px !important;
    margin-right: 0px;
}

.RedValue {
    background-color: red;
    padding: 5px 10px;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

/* Progress bar height */
.progress {
    height: 0.5rem;
}

/* Style for the Go to top button */
#goToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #04be61;
    color: white;
    cursor: pointer;
    padding: 10px 10px;
    border-radius: 4px;
}

#goToTopBtn:hover {
    background-color: orange;
}

.table-responsive table tr td {
    padding: 0.5rem;
}

.users-list>li {
    float: left;
    padding: 3px;
    text-align: center;
    width: 20%;
}

.info-box .info-box-number {
    border-radius: 10px;
    font-weight: bold;
    font-size: larger;
    background-color: #d3d3d39c;
    display: inline-block;
    padding: 0px 8px;
}

.hpx-10{height:10px;}
.hpx-20{height:20px;}
.hpx-30{height:30px;}
.hpx-40{height:40px;}
.hpx-50{height:50px;}

.w-10{width:10% !important;}
.w-20{width:20% !important;}
.w-30{width:30% !important;}
.w-40{width:40% !important;}
.w-50{width:50% !important;}
.w-60{width:60% !important;}
.w-70{width:70% !important;}
.W90{width: 90% !important;}
.W95{width: 95% !important;}

.VA-Top {vertical-align:top;}
.VA-Middle {vertical-align:middle;}
.VA-Bottom {vertical-align:bottom;}

.center {text-align:center !important}
.right { text-align:right !important}

.margin-btm-20 {margin-bottom:20px !important;}
.margin-btm-50 {margin-bottom:50px !important;}

/* users images CSS */
.users-list{
    display:-webkit-box;
    /* overflow: hidden; */
}
#RightMv{
    position: absolute;
    right: 5px;
    bottom: 0px;
    border: none;
    background-color: darkgrey;
    color: white;
    padding: 0px 5px;
    cursor: pointer;
}
#RightMv:hover, #LeftMv:hover, #RightMv:active, #LeftMv:active{background-color: gray; border:none}
#LeftMv{
    position: absolute;
    left: 5px;
    bottom: 0px;
    border: none;
    background-color: darkgrey;
    color: white;
    padding: 0px 5px;
    cursor: pointer;
}

.users-list li>img {
    /* Set a transition for smooth animation */
    transition: transform 0.3s ease-in-out;
}

.users-list li>img:hover {
    /* Apply a scale transform on hover */
    transform: scale(1.1);
}
/* Users image scroll started */
.scroll-box {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* For Firefox */
}

.scroll-box::-webkit-scrollbar {
    width: 8px; /* Adjust as needed */
}

.scroll-box::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}
/* End of Image Scroll */

.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    padding: 0.3rem;
}
bordered thead th {
    border-bottom-width: 2px;
    background-color: gray !important;
    color: white !important;
}

/* Pending Items Styles */
#PendingContentDiv li {
    list-style: none;font-size: small;
    border-bottom: 1px solid gray;
    background-color: #eaefe;
}
#PendingContentDiv ul{
        padding: 0px;
        font-size: small;
}

sapn.Citation {
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 0px 5px;
}
.Hidden{
    display :none;
}
.divErrorMessage {
    color: #f5ecec;
    background-color: #ea190aeb;
    position: absolute;
    /*margin-left: 50%;*/
    height: auto;
    width: auto;
    padding: 5px 20px;
    z-index: 9999;
    box-shadow: 3px 1px 10px 1px #808080ba;
    border-radius: 20px;
    display: none;
}
.FLeft{
    float :left !important;
    top: -1px;
    left: -3px;
}
.PT5 {
    padding-top: 5px !important;
}
.PT10 {
    padding-top: 10px !important;
}
.PD0 {
    padding: 0px !important;
}
.PL5 {
    padding-left: 5px !important;
}
.main-footer {
    font-size: 12px;
}
.mandatory{
    border-left:3px solid red;
}
.content h1{padding:10px;}
/* Customize scrollbar width */
::-webkit-scrollbar {
    width: 10px; /* Change this value to adjust the width */
}

/* Customize scrollbar track */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Change the background color of the scrollbar track */
}

/* Customize scrollbar handle */
::-webkit-scrollbar-thumb {
  background: #888; /* Change the color of the scrollbar handle */
}

/* Customize scrollbar handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #f00; /* Change the color of the scrollbar handle on hover */
}