* {
    transition: all 0.15s ease !important;
}

.navbar {
    background-color: #1b6ef5 !important;
}

.navbar a,
.navbar .nav-link,
.navbar i,
.navbar span:not(.awesomplete *),
.navbar .navbar-text {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 12.5px !important;
}

.navbar .awesomplete ul,
.navbar .awesomplete li,
.navbar .awesomplete li span,
.navbar .awesomplete mark {
    background: #ffffff !important;
    color: #000000 !important;
    font-weight: 400 !important;
}

.navbar .awesomplete li:hover {
    background: #f5f7fa !important;

}

.btn, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.btn-primary:hover {
    background-color: #0b5ed7 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); 
    transform: translateY(-2px);
}

.btn-success:hover {
    background-color: #157347 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.btn-danger:hover {
    background-color: #9c0817 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.btn-warning:hover {
    background-color: #ebb925 !important;
    color: #000 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.btn-info:hover {
    background-color: #31d2f2 !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}


.list-row {
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 6px;
    padding: 10px 14px;
}

.list-row:hover {
    background-color: #f5f7fa !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px);
}
/*
.form-control,
input,
select,
textarea {
    border-radius: 6px !important;
    box-shadow: none !important;
    border: 1px solid #dbe2ea !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 0.95rem;
}
*/
input:focus,
textarea:focus,
select:focus {
    border-color: #7cb8ff !important;
    box-shadow: 0 0 4px rgba(124, 184, 255, 0.6) !important;
    outline: none !important;
}

.dropdown-menu {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
}

.dropdown-menu a,
.dropdown-item {
    color: #000000 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
    background-color: #f0f4fa !important;
    color: #317bf7 !important;
}

.login-box input[type="text"],
.login-box input[type="email"],
.login-box input[type="password"] {
    border-radius: 6px !important;
    border: 1px solid #dbe2ea !important;
}

.login-box input:focus {
    border-color: #7cb8ff !important;
    box-shadow: 0 0 4px rgba(124, 184, 255, 0.6) !important;
}

.login-box .btn {
    border-radius: 8px !important;
    background-color: #1b6ef5 !important;
    color: #ffffff !important;
    transition: background-color 0.2s ease;
}

.login-box .btn:hover {
    background-color: #317bf7 !important;
}

.modal-backdrop,
div[data-original-title="Saving"],
div[data-original-title="Loading"],
div.freeze,
div.freeze-modal {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}


/* ---------------- Responsive Workspace Blocks ---------------- */

/* Target all workspace widgets */
.workspace .widget,
.workspace .widget-content,
.workspace .widget-body {
    height: 60vh !important;  /* Use 50% of viewport height */
    width: 100% !important;
    padding: 0 !important;
    min-height: 0 !important; /* Override default min-height */
    box-sizing: border-box;   /* Ensure padding doesn't add extra height */
}

/* Ensure iframes inside fill the block */
.workspace .widget iframe {
    height: 100% !important;
    width: 100% !important;
    border: none !important;
}

/* Optional: remove padding inside all widget-body sections */
.workspace .widget .widget-body {
    padding: 0 !important;
}