/*
Mars theme - Version 0.1Pipiasi Bogdan
*/

body {
#background-color: #1b2838;
background: linear-gradient(225deg, rgb(27 40 56) 50%, #11141c 100%);
}

.text-hide {
display:none;
}

/*
Menu position
*/
.cm-menu {
  margin-left: auto !important;
}

/*
Sidebar position
https://getbootstrap.com/docs/5.0/utilities/flex/
*/
.cm-sidebar {
  display: flex !important;
  flex-direction: row-reverse !important;
}

.main-navbar .container-fluid{
padding-right: 0;
margin-right: 0;
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 10px;
}

/*
Input
*/
.form-control:focus {
color: #fff;
}

/*
Autocomplete bug
*/

/*
Chrome / Edge
*/
/* Background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
-webkit-box-shadow: 0 0 0 30px #212529 inset !important;
}
/* Text */
input:-webkit-autofill
{
-webkit-text-fill-color: #ffffff !important;
caret-color: white;
}

/* BG */

.bg-dark-simple {
background: rgb(22 32 45) !important;
box-shadow: 0 10px 15px -5px rgb(0 0 0 / 50%), 0 -5px 15px -5px rgb(0 0 0 / 50%);
}

.bg-dark-transparent {
background: rgb(23 26 33 / 50%) !important;
}

.bg-dark-transparent-gradient {
  background: linear-gradient(325deg, rgb(13 20 28 / 50%) 50%, rgb(13 20 28) 100%);
  box-shadow: 0 10px 15px -5px rgb(0 0 0 / 50%), 0 -5px 15px -5px rgb(0 0 0 / 50%);
}

.bg-dark-blue-gradient {
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 100%);
}

/* INPUT */
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #fff;
background-color: #0f1721;
background-clip: padding-box;
border: 1px solid #3e5c81;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
color: #66c0f4 !important;
background-color: #0f1721;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.form-control:disabled, .form-control[readonly] {
background-color: #1b2838;
opacity: 1;
}

/* TABLE */
.table-dark {
--bs-table-bg: #0f1721;
--bs-table-striped-bg: #0d141c;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #373b3e;
--bs-table-active-color: #fff;
--bs-table-hover-bg: #11141c;
--bs-table-hover-color: #fff;
color: #fff;
border-color: #373b3e;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .search, .bootstrap-table .fixed-table-toolbar .columns {
position: relative !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail, .bootstrap-table .fixed-table-pagination > .pagination {
margin-top: 5px !important;
margin-bottom: 0px !important;
}

.table-danger {
--bs-table-color: #000;
--bs-table-bg: #ff0017;
--bs-table-border-color: #dfc2c4;
--bs-table-striped-bg: #eccccf;
--bs-table-striped-color: #fff;
--bs-table-active-bg: #dfc2c4;
--bs-table-active-color: #000;
--bs-table-hover-bg: #e5c7ca;
--bs-table-hover-color: #000;
color: var(--bs-table-color);
border-color: var(--bs-table-border-color);
}

/* PAGINATION */
.pagination {
--bs-pagination-padding-x: 0.75rem;
--bs-pagination-padding-y: 0.375rem;
--bs-pagination-font-size: 1rem;
--bs-pagination-color: #ffffff;
--bs-pagination-bg: #fff0;
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: #0d6efd;
--bs-pagination-border-radius: 0.375rem;
--bs-pagination-hover-color: #ffffff;
--bs-pagination-hover-bg: #0d6efdbf;
--bs-pagination-hover-border-color: #0d6efd;
--bs-pagination-focus-color: var(--bs-link-hover-color);
--bs-pagination-focus-bg: #11141c;
--bs-pagination-focus-box-shadow: 0 0 0 0.25remrgba(13, 110, 253, 0.25);
--bs-pagination-active-color: #fff;
--bs-pagination-active-bg: #0d6efd;
--bs-pagination-active-border-color: #0d6efd;
--bs-pagination-disabled-color: #5f6772;
--bs-pagination-disabled-bg: #11141c;
--bs-pagination-disabled-border-color: #0d6efd70;
display: flex;
padding-left: 0;
list-style: none;
}

.middle-hover:hover {
background: #4b5867;
border-radius: 5px;
#padding: 5px;
}

.middle-dropdown::after {
display: none;
}

/* Rounded */
.rounded-top-left-1 {
border-top-left-radius: 2.5px !important;
}
.rounded-top-right-1 {
border-top-right-radius: 2.5px !important;
}
.rounded-bottom-left-1 {
border-bottom-left-radius: 2.5px !important;
}
.rounded-bottom-right-1 {
border-bottom-right-radius: 2.5px !important;
}