body{
	overflow: hidden!important;
}

.scrollable{
	max-height: calc(80vh - 3rem);
	overflow-y: auto;
}

.background-rocket{
	background-image: url('/img/login_background.jpeg');
	background-size: cover;
	left: 0px;
	top: 0px;
	width: calc(100% + 60px);
	height: calc(100% + 60px);
	position: absolute;
}

.img-copyright{
	color: white;
	position: absolute;
	left: 15px;
	bottom: 15px;
}

.bg-login{
	background: #ffffffd6;
}

.login-shadow{
	transition: all 0.5s;
	background: rgba( 255, 255, 255, 0.25 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

.login-shadow:hover{
	box-shadow: 5px 5px 0rem 2px rgb(255 255 255 / 43%), 
				15px 15px 0rem 2px rgb(255 255 255 / 22%);
}

.bg-orange{
	background-color: #ff9c07;
}

.breadcrumb-item.active {
    color: #b8babc;
}

.tbody, td, tfoot, th, thead, tr {
    color: #fdfdfd;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(/img/clear-black.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"].light::-webkit-search-cancel-button {
  background: url(/img/clear-white.svg) no-repeat 50% 50%;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #c9cacc;
}

::-webkit-scrollbar-track:hover {
  background: #78797a;
}

::-webkit-scrollbar-thumb {
  background: #3d5585; 
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #01143b; 
}

.draggable-mirror{
	background-color: darkgray;
	top: -100px !important;
}

.table-striped>li:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
}

.table>li>span {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table>li>span>* {
	box-shadow: none!important;
}

.table-hover>li:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
}

.table-header{
  border-bottom: 2px solid;
  font-weight: bold;
}

.dd-list .dd-list{
  padding-left:60px;
  padding-right: 0;
  
}

.dd-empty,.dd-item,.dd-placeholder{
    position:relative;
    margin:0;
    padding:0;
    min-height:20px;
    line-height:20px
}

.dd-item{
	padding: 0 0;
}

.dd-item>ol>li{
  background: #353c423b;
  padding: 10px 0;
  outline: 1px solid #5e5e5e;
}

.dd-handle:hover{
    color:#2ea8e5;
    background:#fff
    cursor:  pointer;
}
.dd-item>button{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.dd-expand{
    display:none
}
.dd-collapsed .dd-collapse,.dd-collapsed .dd-list{
    display:none
}
.dd-collapsed .dd-expand{
    display:block
}
.dd-empty,.dd-placeholder{
    margin:5px 0;
    padding:0;
    min-height:30px;
    background:#f2fbff;
    border:1px dashed #b6bcbf;
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.dd-empty{
    border:1px dashed #bbb;
    min-height:100px;
    background-color:#e5e5e5;
    background-size:60px 60px;
    background-position:0 0,30px 30px
}
.dd-dragel{
    position:absolute;
    pointer-events:none;
    z-index:9999
}
.dd-dragel>.dd-item .dd-handle{
    margin-top:0
}
.dd-dragel .dd-handle{
    box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)
}
.dd-nochildren .dd-placeholder{
    display:none
}