.btn-adminlte {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    transition: background-color 0.2s ease-in-out;
}
.btn-adminlte:hover {
    background-color: #367fa9;
    border-color: #285e8e;
}

/* AdminLTE Styled Card */
.adminlte-card {
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    padding: 15px;
    margin-bottom: 20px;
    border-top: 3px solid #3c8dbc;
}

/* AdminLTE Styled Table */
.table-adminlte {
    width: 100%;
    border-collapse: collapse;
}
.table-adminlte th,
.table-adminlte td {
    border: 1px solid #f4f4f4;
    padding: 10px;
    text-align: left;
}
.table-adminlte thead th {
    background-color: #3c8dbc;
    color: #ffffff;
}
.table-adminlte tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* AdminLTE Alerts */
.alert-adminlte {
    padding: 15px;
    border-radius: 3px;
    color: #fff;
    margin-bottom: 15px;
}
.alert-success-adminlte {
    background-color: #00a65a;
}
.alert-info-adminlte {
    background-color: #00c0ef;
}
.alert-warning-adminlte {
    background-color: #f39c12;
}
.alert-danger-adminlte {
    background-color: #f56954;
}

/* AdminLTE Sidebar Navigation */
.sidebar-adminlte {
    background-color: #222d32;
    width: 230px;
    position: fixed;
    top: 0;
    bottom: 0;
    padding-top: 50px;
}
.sidebar-adminlte .nav-link {
    color: #b8c7ce;
    padding: 12px 20px;
    display: block;
    text-decoration: none;
}
.sidebar-adminlte .nav-link:hover {
    background-color: #1e282c;
    color: #fff;
}
.sidebar-adminlte .active {
    background-color: #1e282c;
    border-left: 3px solid #3c8dbc;
    color: #ffffff;
}

/* AdminLTE Input Fields */
.input-adminlte {
    border: 1px solid #d2d6de;
    padding: 6px 12px;
    border-radius: 3px;
    width: 100%;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-adminlte:focus {
    border-color: #3c8dbc;
    box-shadow: 0 0 5px rgba(60, 141, 188, .5);
    outline: none;
}

/* AdminLTE Pagination */
.pagination-adminlte {
    display: inline-block;
}
.pagination-adminlte a {
    color: #444;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
    margin-right: 4px;
    border-radius: 3px;
}
.pagination-adminlte a.active {
    background-color: #3c8dbc;
    color: white;
    border: 1px solid #367fa9;
}
.pagination-adminlte a:hover:not(.active) {
    background-color: #ddd;
}

/* AdminLTE Modal */
.modal-adminlte {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
.modal-adminlte-content {
    background-color: #ffffff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 3px;
}
.modal-adminlte-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4;
    font-weight: bold;
}
.modal-adminlte-body {
    padding: 15px 0;
}
.modal-adminlte-footer {
    padding-top: 10px;
    border-top: 1px solid #f4f4f4;
    text-align: right;
}
