h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    text-transform: uppercase;
    /* color: yellow !important; */
    font-weight: 700;
}

.header {
    left: 0px;
}

.dashboard .content-body {
    margin-left: 0px;
}

div.orgChart div.node,
.blueshadow,
.card,
.swal2-modal,
.stat-widget-1 {
    -webkit-box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    /* border: 2px solid; */
    /* box-shadow: none; */
    border: 2px solid #12a347a3 !important;
    border-radius: 17px;
}

/* CSS */
.button-76 {
    background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    /* background-color: #cf245f; */
    /* background-image: linear-gradient(to bottom right, #fcd34d, #ef4444, #ec4899); */
    border: 0;
    border-radius: 0.25rem;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* font-size: 1.125rem !important; */
    font-weight: 600;
    /* line-height: 1.75rem; */
    padding: 5PX;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-76:hover {
    box-shadow: none;
}

.btn {
    height: -webkit-fill-available;
    align-content: center;
}

.dark-theme .card,
.card-body,
.swal2-modal,
.stat-widget-1,
.dark-theme .stat-widget-1 {
    background: #1d1933c2;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-color: #1d1933a1;
    -webkit-background-color: #1d1933a1;
}

.btn {
    font-size: 1rem;
}

.card-header,
.card-body,
.sbtn {
    border-radius: 17px !important;
}

body {
    font-size: 1rem !important;
    /* background-color: white; */
    background-size: 100% !important;
    background-image: url("massive-whale-abruptly-moves-1280x720.webp");
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-attachment: fixed;
}

.yellow {
    color: yellow !important;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

tr,
th,
td {
    /* font-size: large; */
    padding: 9px !important;
    text-align: left;
    color: white !important;
    /* background: #fff; */
    border: 2px solid rgb(75, 85, 99) !important;
    box-shadow: inset 0 0 5px rgba(126, 46, 46, 0.05);
    border-radius: 12px !important;
    /* text-align: center; */
    text-transform: uppercase;
    background: #41295a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2f0743, #41295a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2f0743, #41295a);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.dark-theme .table th {
    color: #fff;
    border: 2px solid rgb(75, 85, 99) !important;
}

th {
    background: #007bff;
    color: white;
    font-weight: bold;
    background-color: #9c27b047;
}

tr:last-child td {
    border-bottom: none;
}

td:first-child,
th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

td:last-child,
th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

tr:hover td {
    background: rgba(0, 123, 255, 0.1);
}

.header {
    left: 0px;
}

.dashboard .content-body {
    margin-left: 0px;
}

div.orgChart div.node,
.blueshadow,
.card,
.swal2-modal,
.stat-widget-1 {
    -webkit-box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    /* border: 2px solid; */
    /* box-shadow: none; */
    border: 2px solid #12a347a3 !important;
    border-radius: 17px;
}

.dark-theme .card,
.card-body,
.swal2-modal,
.stat-widget-1,
.dark-theme .stat-widget-1 {
    background: #1d1933c2;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-color: #1d1933a1;
    -webkit-background-color: #1d1933a1;
}

.card-header,
.card-body,
.sbtn {
    border-radius: 17px !important;
}

.yellow {
    color: yellow !important;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

tr,
th,
td {
    /* font-size: large; */
    padding: 7px !important;
    text-align: center !important;
    color: white !important;
    /* background: #fff; */
    border: 2px solid rgb(75, 85, 99) !important;
    box-shadow: inset 0 0 5px rgba(126, 46, 46, 0.05);
    border-radius: 12px !important;
    /* text-align: center; */
    text-transform: uppercase;
    background: #41295a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2f0743, #41295a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2f0743, #41295a);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.dark-theme .table th {
    color: #fff;
    border: 2px solid rgb(75, 85, 99) !important;
}

th {
    background: #007bff;
    color: white;
    font-weight: bold;
    background-color: #9c27b047;
}

tr:last-child td {
    border-bottom: none;
}

td:first-child,
th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

td:last-child,
th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

tr:hover td {
    background: rgba(0, 123, 255, 0.1);
}

.header {
    left: 0px;
}

.dashboard .content-body {
    margin-left: 0px;
}

div.orgChart div.node,
.blueshadow,
.card,
.swal2-modal,
.stat-widget-1 {
    -webkit-box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    box-shadow: 0 6px 0 0 rgb(187 162 162 / 0%), 0 2px 14px 0 #0288d15e !important;
    /* border: 2px solid; */
    /* box-shadow: none; */
    border: 2px solid #12a347a3 !important;
    border-radius: 17px;
}

.dark-theme .card,
.card-body,
.swal2-modal,
.stat-widget-1,
.dark-theme .stat-widget-1 {
    background: #1d1933c2;
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background-color: #1d1933a1;
    -webkit-background-color: #1d1933a1;
}

.card-header,
.card-body,
.sbtn {
    border-radius: 17px !important;
}


.yellow {
    color: yellow !important;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

tr,
th,
td {
    /* font-size: large; */
    padding: 7px !important;
    text-align: center;
    color: white !important;
    /* background: #fff; */
    border: 2px solid rgb(75, 85, 99) !important;
    box-shadow: inset 0 0 5px rgba(126, 46, 46, 0.05);
    border-radius: 12px !important;
    /* text-align: center; */
    text-transform: uppercase;
    background: #41295a;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2f0743, #41295a);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2f0743, #41295a);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.dark-theme .table th {
    color: #fff;
    border: 2px solid rgb(75, 85, 99) !important;
}

th {
    background: #007bff;
    color: white;
    font-weight: bold;
    background-color: #9c27b047;
}

tr:last-child td {
    border-bottom: none;
}

td:first-child,
th:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

td:last-child,
th:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

tr:hover td {
    background: rgba(0, 123, 255, 0.1);
}