.table {
    height: 30px;
    padding: 0px;
    --table-cell-padding-y:0.30rem;
    --table-cell-padding-x:0.70rem;
}

.invisible {
    display: none;
}

.disable {
    /* Note: pointer-events not supported by IE10 and under */
    pointer-events: none;
    opacity: 0.4;
}

.orangered {
    color: orangered;
}

.clipboard {
    cursor: pointer;
    text-decoration: underline dotted;
}

.bg-lightgray{
    background-color: #FFFFFA;
}

.bg-disabled{
    background-color: #fdeeec;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}
    
.h-40{
    height: 40px;
}
    
.h-50{
    height: 50px;
}

.h-60{
    min-height: 60px;
}

pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.search-container {
	position: relative;
	display: flex;
	align-items: center;
}

.search-input {
	padding: 8px 15px 8px 35px;
	border: none;
	border-radius: 20px;
	width: 300px;
	font-size: 0.9rem;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	transition: all 0.3s ease;
}

.search-input:focus {
	outline: none;
	background: white;
	box-shadow: 0 0 15px rgba(52, 152, 219, 0.5);
}

.search-icon {
	position: absolute;
	left: 12px;
	color: #7f8c8d;
}

.clear-search {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	color: #7f8c8d;
	cursor: pointer;
	font-size: 1.1rem;
}

.clear-search:hover {
	color: #e74c3c;
}