@font-face {
    font-family: segoeuil;
    src: url(../fonts/segoeuil.ttf);
}

@font-face {
    font-family: segoeui;
    src: url(../fonts/segoeui.ttf);
}

@font-face {
    font-family: segoeuib;
    src: url(../fonts/segoeuib.ttf);
}

:root {
    --bg-body: #0a121d; 
    --bg-dark: #132c45; 
    --bg-header: #000; 
    --input-border: #0b1d2f; 
    --input-color: #550303; 
    --font-color: #ffff; 
    --label-color: #dce1ff; 
    --green: #354D39; 
}


body {
    background-color: var(--bg-body);
    color: var(--font-color);
    font-family: segoeuil;
}


#search_form {
    background: var(--bg-header);
    padding: 20px;
    border-radius: 10px; /* Adjust as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Adjust the values for your desired effect */
}

.search-form {
    margin: 20px;
    background: var(--bg-header);
}

.dataTables_length label,
#example_filter,
#example_info {
    color: var(--font-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--bg-header);
    color: var(--font-color) !important;
    ;
}

table thead {
    background-color: var(--bg-header);
}

th {
    background-color: var(--bg-header) !important;
    color: var(--font-color);
    text-transform: uppercase;
}

td {
    color:var(--font-color);
    /* color: #c9c9c9; */

}

select option {
    /* margin: 40px; */
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); */

  }

.table-bordered tbody,
.table-bordered td,
.table-bordered tfoot,
.table-bordered th,
.table-bordered thead,
.table-bordered tr {
    border: 1px solid var(--input-border);
}

/* .form-data-table thead{
        background-color:  var(--bg-dark) !important;

    } */
.form-data-table thead tr th {
    padding: 5px;
    font-size: 14px;
    border: 1px solid var(--input-border);
}


.td-ellipsis {
    white-space: nowrap;
    /* Prevent text wrapping */
    overflow: hidden;
    /* Hide any overflow */
    text-overflow: ellipsis;
    /* Display ellipsis (...) for overflowed text */
    font-size: small;
}

.table-fixed {
    table-layout: fixed;
    /* Ensure fixed table layout */
}

input:not([type="button"]):not([type="submit"]),
textarea,
select {
    background: var(--bg-body);
    border: 1px solid var(--input-border);
    color: var(--font-color);
    border-radius: 0;
}

table input:not([type="button"]):not([type="submit"]),
table textarea,
table select,
table .select2-container--default .select2-selection--single {
    background: #23242a;
}

.select2-container--default .select2-selection--single {
    background: var(--bg-body);
    border: 1px solid var(--input-border);
    border-radius: 0;
    height: 32px;
    color: var(--font-color);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--font-color);
}

/* .select2-container {
    width: 100% !important; 
  } */

/* .select2-container .select2-selection--single .select2-selection__placeholder {
        color: #c11414 !important; 
    } */



.form-label {
    color: var(--label-color);
}

.select2-results {
    background: var(--bg-body);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-dark);
}



.text-white{
    color: #fff;
}

.btn {
    border-radius: 0;
}

.btn-success {

    background-color: var(--green);
    border-color:transparent;

}
.btn-success:hover{
    background-color: var(--green);
    border-color: green;
}

.bg-dark {
    background-color: var(--bg-dark) !important;
}

.hide{
    display: none;
}


.navbar-brand {
	padding-top: 0 !important;
	padding-bottom: .0 !important;
}

.navbar-brand img{
    width:40px;
}