:root{
    --bg0:#070A12;
    --bg1:#0B1220;
    --muted2:rgba(255,255,255,.52);
    --stroke:rgba(255,255,255,.10);
    --accent:#F6B100;
    --accent2:#FF4D6D;
    --accent3:#4ECDC4;
    --shadow: 0 18px 60px rgba(0,0,0,.55);
}

*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body{
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background-color: #050814;
    background:
            radial-gradient(1100px 520px at 18% -10%, rgba(99,102,241,.18), transparent 62%),
            radial-gradient(900px 520px at 82% 0%, rgba(78,205,196,.14), transparent 62%),
            radial-gradient(1000px 650px at 50% 115%, rgba(246,177,0,.06), transparent 68%),
            radial-gradient(900px 650px at 10% 90%, rgba(255,77,109,.08), transparent 70%),
            linear-gradient(180deg, #050814 0%, #060a15 38%, var(--bg1) 100%);
    background-attachment: fixed;
    color: rgba(255,255,255,.92);
}
a{ text-decoration:none; }
.text-accent{ color: var(--accent)!important; }
.text-muted{ color: var(--muted2)!important; }
.small-muted{ color: var(--muted2); font-size:.92rem; }

.nav-glass{ backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark{
    width:38px;height:38px;border-radius:12px;
    display:grid;place-items:center;
    background: linear-gradient(135deg, rgba(246,177,0,.22), rgba(255,77,109,.16));
    border:1px solid rgba(255,255,255,.12);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    color: var(--accent);
}
main.container{ max-width:1150px; }

.card{
    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.35);
}
.card.hover-lift{ transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.card.hover-lift:hover{
    transform: translateY(-3px);
    box-shadow: var(--shadow);
    border-color: rgba(246,177,0,.30);
}

.btn{ border-radius: 14px; }
.btn-accent{
    background: linear-gradient(135deg, var(--accent), #FFD36B);
    border: 0;
    color:#1b1406;
    font-weight:800;
}
.btn-accent:hover{ filter:brightness(.98); }

.btn-outline-light{ border-color: rgba(255,255,255,.25); }
.btn-outline-light:hover{ background: rgba(255,255,255,.08); }

.form-control, .form-select, textarea{
    border-radius: 14px!important;
    background: rgba(255,255,255,.04)!important;
    border: 1px solid rgba(255,255,255,.14)!important;
    color: rgba(255,255,255,.92)!important;
}
.form-control:focus, .form-select:focus, textarea:focus{
    box-shadow: 0 0 0 .25rem rgba(246,177,0,.20)!important;
    border-color: rgba(246,177,0,.45)!important;
}
.form-label{ color: rgba(255,255,255,.78); }

.alert{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
}

.badge-soft{
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
}

.icon-pill{
    width:48px;height:48px;border-radius:16px;
    display:grid;place-items:center;
    background: rgba(246,177,0,.12);
    border:1px solid rgba(246,177,0,.28);
    color: var(--accent);
}


.card-img-top{
    height: 220px;
    object-fit: cover;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}


.icon-chip{
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.82);
}

.hero{
    position:relative;
    border-radius: 26px;
    overflow:hidden;
    box-shadow: var(--shadow);
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
}
.hero img{
    height: 480px;
    width:100%;
    object-fit:cover;
    filter:saturate(1.15) contrast(1.05);
    display:block;
}
.hero::after{
    content:"";
    position:absolute; inset:0;
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(246,177,0,.38), transparent 60%),
            radial-gradient(700px 520px at 82% 55%, rgba(255,77,109,.22), transparent 60%),
            linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.18));
    pointer-events:none;
}
.hero-inner{
    position:absolute; inset:0;
    display:flex;
    align-items:center;
}
.hero-panel{
    width: min(920px, 100%);
    background: rgba(10,14,24,.72);
    backdrop-filter: blur(14px);
    border:1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    box-shadow: 0 22px 70px rgba(0,0,0,.55);
}
.hero-title{
    letter-spacing:-.8px;
    line-height:1.05;
}






html, body { height: 100%; }
body { margin: 0; }
img, svg, video, canvas { max-width: 100%; height: auto; }
a { color: inherit; }
a:hover { color: rgba(246,177,0,.95); text-decoration: none; }


.btn-dark{
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
}
.btn-dark:hover{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.22);
}


ul, ol { padding-left: 1.2rem; }
li { margin: .25rem 0; }
.table{
    color: rgba(255,255,255,.90);
}
.table > :not(caption) > * > *{
    background: transparent;
    border-bottom-color: rgba(255,255,255,.10);
}
.table thead th{
    color: rgba(255,255,255,.78);
    border-bottom-color: rgba(255,255,255,.14);
}


.section-pad{ padding: 72px 0; }
.section-title{ letter-spacing: -.5px; }


.u-section-1, .u-section-2, .u-section-3{
    padding: 64px 0;
}
.u-sheet-1{
    width: min(1150px, calc(100% - 32px));
    margin: 0 auto;
}


.u-list-1{ width: 100%; }
.u-repeater-1{
    display: grid;
    gap: var(--gap, 19px);
}
@media (max-width: 991px){
    .u-repeater-1{ gap: 16px; }
}


[class^="u-list-item-"], [class*=" u-list-item-"]{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.35);
    overflow: hidden;
}
[class^="u-container-layout-"], [class*=" u-container-layout-"]{
    display: flex;
    flex-direction: column;
    height: 100%;
}


[class^="u-image-"], [class*=" u-image-"]{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 14px 40px rgba(0,0,0,.35);
}


.u-tabs-1{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    overflow: hidden;
}
.u-tab-list{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 16px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.u-tab-link{
    display: inline-block;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.88);
}
.u-tab-link:hover{
    border-color: rgba(246,177,0,.30);
    background: rgba(246,177,0,.10);
}
.u-tab-pane{
    padding: 20px;
}



@media (max-width: 767px){
    .hero img{ height: 320px; }
    .hero-panel{ border-radius: 18px; }
}
@media (max-width: 575px){
    .hero img{ height: 260px; }
}



.hero{ isolation:isolate; }
.hero img{ position:relative; z-index:0; }
.hero::after{ z-index:1; }
.hero-inner{ z-index:2; }


.hero::after{
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(246,177,0,.32), transparent 60%),
            radial-gradient(700px 520px at 82% 55%, rgba(255,77,109,.18), transparent 60%),
            linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.12));
}
.hero{ isolation:isolate; }
.hero img{ position:relative; z-index:0; }
.hero::after{
    z-index:1;
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(99,102,241,.18), transparent 62%),
            radial-gradient(700px 520px at 82% 55%, rgba(78,205,196,.14), transparent 62%),
            linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.12));
}
.hero-inner{ z-index:2; }



.card-glass{
    background: rgba(10,14,24,.82);
    border-color: rgba(255,255,255,.14);
}


.card-glass .card-title,
.card-glass h1,
.card-glass h2,
.card-glass h3,
.card-glass h4,
.card-glass h5,
.card-glass h6{
    color: rgba(255,255,255,.96) !important;
}


.card-glass .text-muted{
    color: rgba(255,255,255,.72) !important;
}


.card-glass .card-text,
.card-glass p,
.card-glass li,
.card-glass .small,
.card-glass .small-muted{
    color: rgba(255,255,255,.84);
}


.card-glass .text-muted .bi{
    opacity: .9;
}


.card-glass .btn{
    padding: .55rem 1rem;
    font-size: 1rem;
    border-radius: 999px;
    font-weight: 500;
}


.card-glass .btn.btn-warning{
    padding: .6rem 1.05rem;
}


.card-glass .card-body{
    padding: 1.1rem 1.1rem 1.2rem;
}

.card-glass .card-body .service-desc{
    color: rgba(255,255,255,.88) !important;
    opacity: 1 !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.70);
}



.card-glass,
.card-glass .card-body{
    opacity: 1 !important;
}

.form-select option {
    color: #000 !important;
    background: #fff !important;
}


.table,
.table th,
.table td,
.admin-table,
.admin-table th,
.admin-table td,
table.dataTable,
table.dataTable th,
table.dataTable td,
.dataTables_wrapper,
.dataTables_wrapper *{
    color: rgba(255,255,255,.90) !important;
}

.table > :not(caption) > * > *{
    background: transparent !important;
    border-bottom-color: rgba(255,255,255,.10) !important;
}


.admin-table,
.admin-table th,
.admin-table td,
table.dataTable,
table.dataTable th,
table.dataTable td,
.dataTables_wrapper,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper label,
.dataTables_wrapper input,
.dataTables_wrapper select{
    color: rgba(255,255,255,.90) !important;
}


.table > :not(caption) > * > *{
    background: transparent !important;
}


.dataTables_wrapper .page-link{
    background: rgba(255,255,255,.04) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: rgba(255,255,255,.90) !important;
}
.dataTables_wrapper .page-item.active .page-link{
    background: rgba(246,177,0,.25) !important;
    border-color: rgba(246,177,0,.40) !important;
}

:root{
    --bg0:#070A12;
    --bg1:#0B1220;
    --muted2:rgba(255,255,255,.52);
    --stroke:rgba(255,255,255,.10);
    --accent:#F6B100;
    --accent2:#FF4D6D;
    --accent3:#4ECDC4;
    --shadow: 0 18px 60px rgba(0,0,0,.55);
}

*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body{
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background-color: #050814;
    background:
            radial-gradient(1100px 520px at 18% -10%, rgba(99,102,241,.18), transparent 62%),
            radial-gradient(900px 520px at 82% 0%, rgba(78,205,196,.14), transparent 62%),
            radial-gradient(1000px 650px at 50% 115%, rgba(246,177,0,.06), transparent 68%),
            radial-gradient(900px 650px at 10% 90%, rgba(255,77,109,.08), transparent 70%),
            linear-gradient(180deg, #050814 0%, #060a15 38%, var(--bg1) 100%);
    background-attachment: fixed;
    color: rgba(255,255,255,.92);
}
a{ text-decoration:none; }
.text-accent{ color: var(--accent)!important; }
.text-muted{ color: var(--muted2)!important; }
.small-muted{ color: var(--muted2); font-size:.92rem; }

.nav-glass{ backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark{
    width:38px;height:38px;border-radius:12px;
    display:grid;place-items:center;
    background: linear-gradient(135deg, rgba(246,177,0,.22), rgba(255,77,109,.16));
    border:1px solid rgba(255,255,255,.12);
    box-shadow: 0 10px 30px rgba(0,0,0,.35);
    color: var(--accent);
}
main.container{ max-width:1150px; }

.card{
    background: rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.35);
}
.card.hover-lift{ transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.card.hover-lift:hover{
    transform: translateY(-3px);
    box-shadow: var(--shadow);
    border-color: rgba(246,177,0,.30);
}

.btn{ border-radius: 14px; }
.btn-accent{
    background: linear-gradient(135deg, var(--accent), #FFD36B);
    border: 0;
    color:#1b1406;
    font-weight:800;
}
.btn-accent:hover{ filter:brightness(.98); }

.btn-outline-light{ border-color: rgba(255,255,255,.25); }
.btn-outline-light:hover{ background: rgba(255,255,255,.08); }

.form-control, .form-select, textarea{
    border-radius: 14px!important;
    background: rgba(255,255,255,.04)!important;
    border: 1px solid rgba(255,255,255,.14)!important;
    color: rgba(255,255,255,.92)!important;
}
.form-control:focus, .form-select:focus, textarea:focus{
    box-shadow: 0 0 0 .25rem rgba(246,177,0,.20)!important;
    border-color: rgba(246,177,0,.45)!important;
}
.form-label{ color: rgba(255,255,255,.78); }

.alert{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
}

.badge-soft{
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
}

.icon-pill{
    width:48px;height:48px;border-radius:16px;
    display:grid;place-items:center;
    background: rgba(246,177,0,.12);
    border:1px solid rgba(246,177,0,.28);
    color: var(--accent);
}

.hero{
    position:relative;
    border-radius: 26px;
    overflow:hidden;
    box-shadow: var(--shadow);
    border:1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
}
.hero img{
    height: 480px;
    width:100%;
    object-fit:cover;
    filter:saturate(1.15) contrast(1.05);
    display:block;
}
.hero::after{
    content:"";
    position:absolute; inset:0;
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(246,177,0,.38), transparent 60%),
            radial-gradient(700px 520px at 82% 55%, rgba(255,77,109,.22), transparent 60%),
            linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.18));
    pointer-events:none;
}
.hero-inner{
    position:absolute; inset:0;
    display:flex;
    align-items:center;
}
.hero-panel{
    width: min(920px, 100%);
    background: rgba(10,14,24,.72);
    backdrop-filter: blur(14px);
    border:1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    box-shadow: 0 22px 70px rgba(0,0,0,.55);
}
.hero-title{
    letter-spacing:-.8px;
    line-height:1.05;
}






html, body { height: 100%; }
body { margin: 0; }
img, svg, video, canvas { max-width: 100%; height: auto; }
a { color: inherit; }
a:hover { color: rgba(246,177,0,.95); text-decoration: none; }


.btn-dark{
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
}
.btn-dark:hover{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.22);
}


ul, ol { padding-left: 1.2rem; }
li { margin: .25rem 0; }
.table{
    color: rgba(255,255,255,.90);
}
.table > :not(caption) > * > *{
    background: transparent;
    border-bottom-color: rgba(255,255,255,.10);
}
.table thead th{
    color: rgba(255,255,255,.78);
    border-bottom-color: rgba(255,255,255,.14);
}


.section-pad{ padding: 72px 0; }
.section-title{ letter-spacing: -.5px; }


.u-section-1, .u-section-2, .u-section-3{
    padding: 64px 0;
}
.u-sheet-1{
    width: min(1150px, calc(100% - 32px));
    margin: 0 auto;
}


.u-list-1{ width: 100%; }
.u-repeater-1{
    display: grid;
    gap: var(--gap, 19px);
}
@media (max-width: 991px){
    .u-repeater-1{ gap: 16px; }
}


[class^="u-list-item-"], [class*=" u-list-item-"]{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.35);
    overflow: hidden;
}
[class^="u-container-layout-"], [class*=" u-container-layout-"]{
    display: flex;
    flex-direction: column;
    height: 100%;
}


[class^="u-image-"], [class*=" u-image-"]{
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 14px 40px rgba(0,0,0,.35);
}


.u-tabs-1{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.03);
    overflow: hidden;
}
.u-tab-list{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 16px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.u-tab-link{
    display: inline-block;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.88);
}
.u-tab-link:hover{
    border-color: rgba(246,177,0,.30);
    background: rgba(246,177,0,.10);
}
.u-tab-pane{
    padding: 20px;
}



@media (max-width: 767px){
    .hero img{ height: 320px; }
    .hero-panel{ border-radius: 18px; }
}
@media (max-width: 575px){
    .hero img{ height: 260px; }
}



.hero{ isolation:isolate; }
.hero img{ position:relative; z-index:0; }
.hero::after{ z-index:1; }
.hero-inner{ z-index:2; }


.hero::after{
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(246,177,0,.32), transparent 60%),
            radial-gradient(700px 520px at 82% 55%, rgba(255,77,109,.18), transparent 60%),
            linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.12));
}
.hero{ isolation:isolate; }
.hero img{ position:relative; z-index:0; }
.hero::after{
    z-index:1;
    background:
            radial-gradient(900px 520px at 18% 35%, rgba(99,102,241,.18), transparent 62%),
            radial-gradient(700px 520px at 82% 55%, rgba(78,205,196,.14), transparent 62%),
            linear-gradient(90deg, rgba(0,0,0,.42), rgba(0,0,0,.12));
}
.hero-inner{ z-index:2; }



.card-glass{
    background: rgba(10,14,24,.82);
    border-color: rgba(255,255,255,.14);
}


.card-glass .card-title,
.card-glass h1,
.card-glass h2,
.card-glass h3,
.card-glass h4,
.card-glass h5,
.card-glass h6{
    color: rgba(255,255,255,.96) !important;
}


.card-glass .text-muted{
    color: rgba(255,255,255,.72) !important;
}


.card-glass .card-text,
.card-glass p,
.card-glass li,
.card-glass .small,
.card-glass .small-muted{
    color: rgba(255,255,255,.84);
}


.card-glass .text-muted .bi{
    opacity: .9;
}


.card-glass .btn{
    padding: .55rem 1rem;
    font-size: 1rem;
    border-radius: 999px;
    font-weight: 500;
}


.card-glass .btn.btn-warning{
    padding: .6rem 1.05rem;
}


.card-glass .card-body{
    padding: 1.1rem 1.1rem 1.2rem;
}

.card-glass .card-body .service-desc{
    color: rgba(255,255,255,.88) !important;
    opacity: 1 !important;
    text-shadow: 0 2px 14px rgba(0,0,0,.70);
}



.card-glass,
.card-glass .card-body{
    opacity: 1 !important;
}

.form-select option {
    color: #000 !important;
    background: #fff !important;
}


.table,
.table th,
.table td,
.admin-table,
.admin-table th,
.admin-table td,
table.dataTable,
table.dataTable th,
table.dataTable td,
.dataTables_wrapper,
.dataTables_wrapper *{
  color: rgba(255,255,255,.90) !important;
}
.table > :not(caption) > * > *{
  background: transparent !important;
}

.form-control,
.form-select,
textarea.form-control {
    color: rgba(255,255,255,.92) !important;
    background-color: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.14) !important;
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
    color: rgba(255,255,255,.95) !important;
    background-color: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.26) !important;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.08) !important;
}


.form-control::placeholder,
textarea.form-control::placeholder {
    color: rgba(255,255,255,.45) !important;
    opacity: 1 !important;
}


input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: rgba(255,255,255,.92) !important;
    transition: background-color 9999s ease-in-out 0s;
    box-shadow: 0 0 0px 1000px rgba(255,255,255,.06) inset !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}


.form-select option{
    background-color: #0b1020 !important;
    color: rgba(255,255,255,.92) !important;
}
.form-select option[value=""]{
    color: rgba(255,255,255,.55) !important;
}


.icon-chip i,
.icon-pill i {
    color: rgba(255,255,255,.75) !important;
}


.icon-chip,
.icon-pill {
    border: 1px solid rgba(255,255,255,.10);
}

.form-select {
    color: rgba(255,255,255,.92) !important;
    background-color: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.14) !important;
}


.form-select option {
    background-color: #0b1020 !important; 
    color: rgba(255,255,255,.92) !important; 
}


.form-select option[value=""] {
    color: rgba(255,255,255,.55) !important;
}


.form-select:focus {
    border-color: rgba(255,255,255,.26) !important;
    box-shadow: 0 0 0 .2rem rgba(255,255,255,.08) !important;
}

select.form-select,
select.form-control {
    color: rgba(255,255,255,.92) !important;
    background-color: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.14) !important;
}


select.form-select option,
select.form-control option {
    background-color: #0b1020 !important;
    color: rgba(255,255,255,.92) !important;
}

.form-check-label,
.form-check label {
    color: rgba(255,255,255,.88) !important;
}

.card-glass small,
.card-glass .text-muted,
.card-glass .small-muted {
    color: rgba(255,255,255,.65) !important;
}
.card-glass small,
.card-glass .text-muted,
.card-glass .small-muted {
    opacity: 1 !important;
}

body .form-text,
body .text-muted,
body .small,
body small,
body .small-muted,
body .text-secondary {
    color: rgba(255,255,255,.65) !important;
    opacity: 1 !important;
    filter: none !important;
}




body .form-text,
body .text-muted,
body .small-muted,
body small,
body .text-secondary{
  color: rgba(255,255,255,.65) !important;
  opacity: 1 !important;
  filter: none !important;
}


.table, .table th, .table td{
  color: rgba(255,255,255,.92) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > *{
  color: rgba(255,255,255,.92) !important;
  background-color: rgba(255,255,255,.04) !important;
}
.table-hover tbody tr:hover > *{
  color: #fff !important;
  background-color: rgba(255,255,255,.08) !important;
}
.table thead th{
  color: rgba(255,255,255,.75) !important;
  border-color: rgba(255,255,255,.15) !important;
}
table.dataTable td,
table.dataTable th {
    white-space: normal !important;
    word-break: break-word;
}
.dataTables_wrapper table.dataTable {
  table-layout: auto !important;
  width: 100% !important;
}

.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
  white-space: normal !important;     
  overflow: visible !important;      
  text-overflow: clip !important;     
  word-break: break-word !important; 
}


.dataTables_wrapper {
  overflow-x: auto !important;
}


.nowrap, .dt-nowrap, table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: normal !important;
}

@media (max-width: 768px) {
  .card-glass {
    overflow: visible !important;
  }
}