html,body {
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

body {
    background-color: var(--bs-tertiary-bg) ; 
    /*
    background-image: url("../img/bg1.jpg");
    /* linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),
    radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at top right, rgba(var(--bs-success-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at center right, rgba(var(--bs-danger-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at center left, rgba(var(--bs-warning-rgb), 0.5), transparent 50%);
	background-repeat: norepeat; 
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    */
}

code.adodbDebug {
	display:block; margin:5px 0; padding:10px; color: #333;
}

label {
	margin-top:5px;
}

.form-floating > label {
	margin-top: 0;
	padding-top:1rem;
}

.cp {cursor:pointer; }
.tc {text-align:center;}
.tr {text-align:right;}


 .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
  }

/* Scrollbar */
:root {
	 scrollbar-width: thin;
	 scrollbar-color: #666 #bbb;
}

/* Loaders */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#loader {
	position: fixed; 
	top:0; bottom:0; left:0; right:0; 
	width:100%; height:100%;
	content:"";
	background-color: rgba(0, 0, 0, 0);
	/* transition: background 0.3 ease 0.3 ease; */
	z-index: 10099;
	display: flex;
	justify-content: center;
	align-items: center;
}

#loader div.outline {
  display: flex;
   justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border: 0.15em solid rgba(0,0,0,0.05);
  border-bottom-color: rgba(0,0,0,0.5) !important; 
  border-radius: 50%;
  -webkit-animation: 2s linear infinite spin; 
  animation: 2s linear infinite spin;
}

#loader span.spinner {
  width: 40px;
  height: 40px;
  border: 0.15em solid rgba(0,0,0,0.05);
  border-top-color: #0a58ca !important; 
 /* border-bottom-color: rgba(0,0,0,0.2) !important;  */
  border-radius: 50%;
   -webkit-animation: 0.8s linear infinite spin; 
  animation: 0.8s linear infinite spin; 
}



/* statusy */
.bg-status-11 {background-color: #f981db;}
.btn-status-11 {color: #fff; background-color: #e819b7;}
.btn-status-11:hover {background-color: #bc1292;}

.bg-status-12 {background-color: #cea3ff;}
.btn-status-12 {color: #fff; background-color: #852ee8;}
.btn-status-12:hover {background-color: #6622b5;}

.border-pink{border-color:#e83e8c!important}

/* buttons */
.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

.btn-add {
	border-radius: 50%;
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}


/*
.navbar {
	margin-bottom:0;
	border-radius: 0;
}

.navbar-right {
    float: right !important;
    margin-right: 24px;
}

.menu-toggle {
    z-index: 1031;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.menu-toggle.left { top:-2px; left: -2px;}
.menu-toggle.right { top:32px; right: -8px;}

.menu-toggle.left.active { left: 190px;}
.menu-toggle.right.active { top:7px; right:236px;}

.margin-5 {margin: 5px;}


.nav-tittle {
	margin-left:10px; 
	font-size: 1.1em;
}

.nav li.nav-back {
	display:inline-block;
	margin-top:5px;
}


.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: var(--bs-primary);
}
*/

.badge2 {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1em;
}

/* Content */
.content {
	padding: 0;
}

/* forms */
input.chk {
	position: relative;
	margin:2px; 
}


small[data-bv-result="INVALID"] {
	color: #c00;
}

.table {
	margin-bottom: 0;
}

div.table-responsive {
	 scrollbar-width: thin;
	 scrollbar-color: #666 #bbb;
}

/* dropdown Menu */
.dropdown-menu{
	padding: 0.25rem 0;
}
.dropdown-item {
	padding: 0.5rem 1.25rem;
}

/* Form */
.form-control.invalid {
	background-color: #fee;
	border-bottom: 2px solid #e00;
}

.form-control.warning {
	background-color: #f7ddbb;
	border-bottom: 2px solid #f79d1d;
}

.form-control.valid {
	border-bottom: 2px solid #090;
}


/* Modal */
/*
.modal-body {
	background-color: #f4f4f4;
    scrollbar-width: thin;
}
*/

/* Popover */
.popover {
 	box-shadow: var(--bs-box-shadow) !important;
 	border-color: var(--bs-info);
 	border-radius: 0 !important;
}

.popover-header {
	 background-color: var(--bs-info);
	 border-radius: 0 !important;
}
.popover-body {
	 background-color: var(--bs-info-bg-subtle);
}

/* Alert callout */
.bd-callout {
	border-left-width: 6px;
}

/* Notification */
.notify {
    position: fixed;
    bottom: 0;
    right: 20px;
    font-size: 1rem;
    padding: 0.3rem 1rem;
    z-index: 2000;
    border: 1px solid #999;
    box-shadow: 0 0 8px #333; 
}

/* Footer */
footer {
    position: relative;  z-index:0; bottom:0; width:100%;
    padding: 10px 0;
}