.wd-700 {
    width: 700px;
}

.sorting,
.sorting_desc,
.sorting_asc {
    background-image: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
    background-color: #0866C6;
}

.table-sm th,
.table-sm td {
    padding: 5px !important;
    vertical-align: middle;
}

.table-sm th::before {
    top: 5px !important;
}

.table-sm th::after {
    top: 15px !important;
}

.hide_sort::before, .hide_sort::after {
    display: none;
    padding: 0 20px;
}

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*.container{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-horizontal {
    width: 320px;
    background-color: #ffffff;
    padding: 25px 38px;
    border-radius: 12px;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
}*/
.control-label {
    text-align: left !important;
    padding-bottom: 4px;
}
.progress {
    height: 3px !important;
}
.form-group {
    margin-bottom: 10px;
}
.show-pass{
    position: absolute;
    top:5%;
    right: 8%;
}
.progress-bar-danger {
    background-color: #e90f10;
}
.progress-bar-warning{
    background-color: #ffad00;
}
.progress-bar-success{
    background-color: #02b502;
}
.login-btn{
    width: 180px !important;
    background-image: linear-gradient(to right, #f6086e , #ff133a) !important;
    font-size: 18px;
    color: #fff;
    margin: 0 auto 5px;
    padding: 8px 0; 
}
.login-btn:hover{
    background-image: linear-gradient(to right, rgba(255, 0, 111, 0.8) , rgba(247, 2, 43, 0.8)) !important;
    color: #fff !important;
}
.fa-eye{
    color: #022255;
    cursor: pointer;
}
.ex-account p a{
    color: #f6086e;
    text-decoration: underline;
}
.fa-circle{
    font-size: 6px;  
}
.fa-check{
    color: #02b502;
}

.notification-count {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px; /* Adjust size as needed */
    height: 15px; /* Adjust size as needed */
    background-color: #dc3545; /* Red color */
    color: #fff; /* White text */
    border-radius: 50%; /* Makes it a circle */
    font-size: 10px; /* Adjust text size as needed */
    font-weight: bold; /* Optional: makes text bold */
    position: absolute;
    top: 10px; /* Adjust position as needed */
    left: 18px; /* Adjust position as needed */
}

.unread {
    font-weight: bold; /* Makes the text bold */
}

/* Sidebar collapsed state: hide tags/badges and search input to keep icons only */
.collapsed-menu:not(.expand-menu) .br-sideleft .br-menu-link .badge,
.collapsed-menu:not(.expand-menu) .br-sideleft .menu-item-badge,
.collapsed-menu:not(.expand-menu) .br-sideleft .side-search-wrapper,
.collapsed-menu:not(.expand-menu) .br-sideleft #sidebarSearch,
.br-sideleft.collapsed .br-menu-link .badge,
.br-sideleft.collapsed .menu-item-badge,
.br-sideleft.collapsed .side-search-wrapper,
.br-sideleft.collapsed #sidebarSearch {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.br-sideleft .br-menu-link .badge,
.br-sideleft .menu-item-badge {
    transition: opacity 0.2s ease-in-out;
}