body {
    color: #222222;
}

.blink {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.pulse {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.table {
    color: #222222;
}
.form-control {
	color: #222222;
}
.form-control:focus {
    color: #222222;
}
.bootstrap-select.form-control {
    border: 1px solid #d1d3e2;
}
.text-black {
    color: #222 !important;
}
.kal { font-family: 'Kalpurush'; }
.multi-option {
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
.fit-content {
    width: fit-content;
    max-width: 500px;
}
.chat-box {
    height: 250px;
    overflow-y:scroll;
}
.reply-box {
    resize: none;
    overflow: hidden;
    min-height: 38px;
}
#xshow {
    display: none;
}
#dshow {
    display: none;
}
#loader {
    display: none;
}
#tag-loader {
    display: none;
}
#info-loader {
    display: none;
}
#edit-loader {
    display: none;
}
.bootstrap-tagsinput .badge {
    margin: 3px;
    padding: 8px;
    font-size: 80%;
}
.bootstrap-tagsinput {
    min-height: 80px;
    max-height: 300px;
    overflow-y: scroll;
}
.doc-image {
    border: 2px solid #f8f9fc;
    width: 100px;
    margin: auto;
    height: 100px;
    background-size: cover;
}
.modal-full {
    min-width: 100%;
    margin: 0;
}
.modal-full .modal-content {
    min-height: 100vh;
    border-radius: 0;
}
::placeholder {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.doc-search-tbl::placeholder{
    font-weight: normal;
}
.w100px{
	width: 100px;
}
.dropdown-box {
    height: 300px;
    overflow-y: scroll;
}
.flashit{
    /*background-color:#E52331;*/
    -moz-animation: flash linear 1s infinite;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0%   { opacity: 1; }
	50%  { opacity: .1; }
	100% { opacity: 1; }
}
@keyframes flash {
	0%   { opacity: 1; }
	50%  { opacity: .1; }
	100% { opacity: 1; }
}
/* Datepicker CSS ========== */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  	border: 1px solid #c5c5c5;
    background: #009877;
    color: #fff;
}
.ui-widget-header {
    background: #009877;
    color: #ffffff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ad242e;
    background: #e52331;
}
.ui-datepicker-week-end, .ui-state-default{
    color: red;
}
.loading-icon-location, .loading-icon-doctor, .loading-icon-chamber, .loading-icon-schedule {
  	display:none;
	position: absolute;
    right: 10%;
    top: 46%;
}
/* Button CSS ========== */
.btn-green {
    color: #fff !important;
    background-color: #76B72A;
    border-color: transparent;
    box-shadow: 0 1px 2px 0 #004137;
}
.btn-green:hover {
    color: #76B72A !important;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #004137;
    border-color: #76B72A;
}
.btn-deep-green {
    color: #fff !important;
    background-color: #008000;
    border-color: transparent;
    box-shadow: 0 1px 2px 0 #004137;
}
.btn-deep-green:hover {
    color: #008000 !important;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 #004137;
    border-color: #008000;
}
.btn-action {
    background: -webkit-linear-gradient(#ffd972, #ffba49);
    background: -o-linear-gradient(#ffd972, #ffba49);
    background: linear-gradient(#ffd972, #ffba49);
    color: #673500;
    box-shadow: 0 1px 2px 0 #004137;
    text-shadow: 0 1px 0 #ffee96;
}
.btn-action:hover {
    background: -webkit-linear-gradient(#fae19d, #ffa91c);
    background: -o-linear-gradient(#fae19d, #ffa91c);
    background: linear-gradient(#fae19d, #ffa91c);
    color: #673500;
}
.btn-service{
    color: #fff;
    background-color: #16c1f3;
    border-color: transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 65, 55, 0.7);
}
.btn-service:hover{
    color: #fff;
    background-color: transparent;
    border: 1px solid #16c1f3;
    box-shadow: 0 1px 2px 0 rgba(0, 65, 55, 0.7);
}
.btn-teal {
    color: #fff;
    background-color: #009877;
}
.btn-teal:hover {
    border: 1px solid #026751;
    background-color: #026751;
    color: #ffffff;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .35rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}
.text-red {
    color: #E52331 !important;
}
.text-teal {
    color: #009877 !important;
}
.table-hover tbody tr:hover {
    color: #535561;
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: bold;
}
.tbl-cell-pdd th, .tbl-cell-pdd td {
    padding: 0.1rem;
}
.checked {
    color: orange;
}
.unchecked:hover {
    color: orange;
    cursor:pointer;
}

/* Notification box styling */
.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #28a745; /* default green (success) */
    color: #fff;
    padding: 12px 18px;
    padding-right: 48px; /* make space for close button */
    border-radius: 5px;
    display: none;
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    font-size: 14px;
    min-width: 250px;
    align-items: center;
    animation: fadeIn 0.4s ease, fadeOut 0.4s ease 4.5s; /* fade animation */
}

/* Absolute position close button on right edge */
.notification .close-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: inherit;
    font-size: 18px;
    cursor: pointer;
    padding: 0 6px;
    line-height: 1;
    transition: opacity 0.2s ease;
}

.notification .close-btn:hover {
    opacity: 0.7;
}

/* Notification types */
.notification.success {
    background: #28a745; /* Green */
    color: #fff;
}

.notification.warning {
    background: #ffc107; /* Yellow */
    color: #000;
}

.notification.danger {
    background: #dc3545; /* Red */
    color: #fff;
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(20px); }
}
/* Notification box styling end */

/*#dt-loader-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999;
    display: none;
}

.dt-loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}*/

#dt-loader-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
    display: none;
    backdrop-filter: blur(5px);
}

.dt-loader-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
}