.tbInput{
            background-color: #83eb84!important;
            border:2px!important;
        }

        .checked td {
            background-color: yellow !important;
            z-index: 1000;
        }

        .toolbar {
            float: left;
        }

        .app-topbar {
            background-color: #38414a;
        }

        .app-topbar.web-topbar,
        html[data-sidenav-size] .app-topbar.web-topbar {
            margin-left: 0 !important;
            width: 100%;
            height: auto;
            min-height: var(--ins-topbar-height);
            overflow: visible;
        }

        .app-topbar.web-topbar .logo-topbar {
            display: block;
            float: none;
        }

        .app-topbar.web-topbar .logo-topbar .logo-light {
            display: block;
        }

        .app-topbar.web-topbar .logo-topbar .logo-dark {
            display: none;
        }

        .app-topbar.web-topbar .topbar-menu {
            flex-wrap: wrap;
            align-items: center;
            row-gap: 0.25rem;
            height: auto;
            min-height: var(--ins-topbar-height);
        }

        .app-topbar.web-topbar .topbar-menu .topbar-item {
            display: flex !important;
            height: auto;
            min-height: 2.25rem;
        }

        .app-topbar.web-topbar .web-topbar-links {
            flex: 1 1 auto;
            justify-content: flex-end;
        }

        .app-topbar.web-topbar .topbar-item .topbar-link {
            font-size: 0.875rem;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            white-space: nowrap;
        }

        @media (max-width: 499.98px) {
            .app-topbar.web-topbar .logo-topbar {
                display: block !important;
            }

            .app-topbar.web-topbar .topbar-menu {
                justify-content: flex-start;
            }

            .app-topbar.web-topbar .web-topbar-links {
                flex: 1 1 100%;
                justify-content: flex-start;
            }

            .app-topbar.web-topbar .topbar-item .topbar-link {
                font-size: 0.8125rem;
                padding-left: 0.35rem;
                padding-right: 0.35rem;
            }
        }

        .app-topbar .sidenav-toggle-button {
            display: inline-flex !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        
		/** Toastr Color Customization **/
		/* Success Toast (Green) */
		#toast-container > .toast-success {
		    background-color: #85c788 !important; /* Green */
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-success .toast-title {
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-success .toast-message {
		    color: #ffffff !important;
		}
		
		/* Error Toast (Red) */
		#toast-container > .toast-error {
		    background-color: #dc3545 !important; /* Red */
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-error .toast-title {
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-error .toast-message {
		    color: #ffffff !important;
		}
		
		/* Info Toast (Blue) */
		#toast-container > .toast-info {
		    background-color: #17a2b8 !important; /* Blue */
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-info .toast-title {
		    color: #ffffff !important;
		}
		
		#toast-container > .toast-info .toast-message {
		    color: #ffffff !important;
		}
		
		/* Warning Toast (Orange/Yellow) */
		#toast-container > .toast-warning {
		    background-color: #ffc107 !important; /* Yellow/Orange */
		    color: #212529 !important;
		}
		
		#toast-container > .toast-warning .toast-title {
		    color: #212529 !important;
		}
		
		#toast-container > .toast-warning .toast-message {
		    color: #212529 !important;
		}
		
		/* Status Button Styling */
		#TypeH .bootstrap-select .btn,
		#TypeH .bootstrap-select .dropdown-toggle {
		    background-color: #ffffff !important;
		    border-color: #e7e9eb !important;
		    border-width: 1px !important;
		    border-style: solid !important;
		}
		
		#TypeH .bootstrap-select .btn:hover,
		#TypeH .bootstrap-select .dropdown-toggle:hover {
		    background-color: #e7e9eb !important;
		    border-color: #a6a9ab !important;
		}
		
		#TypeH .bootstrap-select .btn:focus,
		#TypeH .bootstrap-select .dropdown-toggle:focus {
		    background-color: #e7e9eb !important;
		    border-color: #a6a9ab !important;
		}
		
		#TypeH .bootstrap-select.open .btn,
		#TypeH .bootstrap-select.open .dropdown-toggle {
		    background-color: #e7e9eb !important;
		    border-color: #a6a9ab !important;
		}
		
		/* Modern Calendar Widget Styling */
		.bootstrap-datetimepicker-widget {
		    border-radius: 8px !important;
		    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
		    border: none !important;
		    overflow: hidden !important;
		}
		
		/* Calendar Header - Teal Background */
		.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th {
		    background-color: #17a2b8 !important;
		    color: #ffffff !important;
		    padding: 15px 0 !important;
		    font-weight: 500 !important;
		    font-size: 16px !important;
		    text-transform: uppercase !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th:hover {
		    background-color: #138496 !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th.picker-switch {
		    font-size: 16px !important;
		    font-weight: 500 !important;
		}
		
		/* Days of Week Header - Darker Teal */
		.bootstrap-datetimepicker-widget .datepicker table thead tr:last-child th {
		    background-color: #138496 !important;
		    color: #ffffff !important;
		    text-transform: uppercase !important;
		    font-weight: 500 !important;
		    font-size: 11px !important;
		    padding: 10px 5px !important;
		    border: none !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table thead tr:last-child th:first-child {
		    padding-left: 15px !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table thead tr:last-child th:last-child {
		    padding-right: 15px !important;
		}
		
		/* Calendar Body */
		.bootstrap-datetimepicker-widget .datepicker table tbody {
		    background-color: #ffffff !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table tbody tr td {
		    padding: 8px 5px !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table tbody tr:last-child td {
		    padding-bottom: 15px !important;
		}
		
		/* Date Cells */
		.bootstrap-datetimepicker-widget .datepicker table td.day {
		    width: 40px !important;
		    height: 40px !important;
		    line-height: 40px !important;
		    color: #333333 !important;
		    border-radius: 50% !important;
		    text-align: center !important;
		    font-size: 14px !important;
		    transition: all 0.2s ease !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table td.day:hover {
		    background-color: #f0f0f0 !important;
		    color: #333333 !important;
		}
		
		/* Other Month Dates - Greyed Out */
		.bootstrap-datetimepicker-widget .datepicker table td.day.old,
		.bootstrap-datetimepicker-widget .datepicker table td.day.new {
		    color: #cdcdcd !important;
		}
		
		/* Today */
		.bootstrap-datetimepicker-widget .datepicker table td.day.today {
		    color: #333333 !important;
		    background-color: #e2e2e2 !important;
		    font-weight: 500 !important;
		}
		
		/* Selected Date - Light Grey Circle */
		.bootstrap-datetimepicker-widget .datepicker table td.day.active {
		    background-color: #e2e2e2 !important;
		    color: #333333 !important;
		    font-weight: 600 !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table td.day.active:hover {
		    background-color: #d0d0d0 !important;
		}
		
		/* Navigation Arrows */
		.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th .glyphicon {
		    color: #ffffff !important;
		    font-size: 14px !important;
		    width: 30px !important;
		    height: 30px !important;
		    line-height: 30px !important;
		    border-radius: 50% !important;
		    transition: all 0.2s ease !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th:hover .glyphicon {
		    background-color: rgba(255, 255, 255, 0.2) !important;
		}
		
		/* Month/Year Picker */
		.bootstrap-datetimepicker-widget .datepicker-months .month,
		.bootstrap-datetimepicker-widget .datepicker-years .year {
		    width: 60px !important;
		    height: 60px !important;
		    line-height: 60px !important;
		    border-radius: 50% !important;
		    margin: 5px !important;
		    color: #333333 !important;
		    transition: all 0.2s ease !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker-months .month:hover,
		.bootstrap-datetimepicker-widget .datepicker-years .year:hover {
		    background-color: #f0f0f0 !important;
		}
		
		.bootstrap-datetimepicker-widget .datepicker-months .month.active,
		.bootstrap-datetimepicker-widget .datepicker-years .year.active {
		    background-color: #17a2b8 !important;
		    color: #ffffff !important;
		}

/* Keep sidebar hover behavior consistent with DOListing look */
.side-nav a,
.side-nav a:hover,
.side-nav a:focus,
.side-nav .side-nav-link,
.side-nav .side-nav-link:hover,
.side-nav .side-nav-link:focus,
.side-nav .side-nav-second-level li a,
.side-nav .side-nav-second-level li a:hover,
.side-nav .side-nav-second-level li a:focus {
    text-decoration: none !important;
}

/* Override Ubold condensed mode min-height:1900px */
html[data-sidenav-size="condensed"] .content-page {
    min-height: auto !important;
}

/* Fixed collapsed sidebar height */
html[data-sidenav-size="condensed"] .sidenav-menu {
    height: 1400px !important;
    max-height: 1400px !important;
    bottom: auto !important;
}

html[data-sidenav-size="condensed"] .sidenav-menu .scrollbar,
html[data-sidenav-size="condensed"] .sidenav-menu [data-simplebar] {
    height: calc(1400px - 70px) !important;
    max-height: calc(1400px - 70px) !important;
}