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

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

body {

    background-color: #f4f4f4;
    /*
    background-image: url(../img/welcome_filter.jpg); 
    background-repeat: norepeat; 
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    */
}


label {
	margin-top:5px;
}

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


.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}


/*positioning */

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/* 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::before {
	position:fixed; top:0; bottom:0; left:0; right:0;
	content:"";
	background: rgba(0,0,0,0);
	/* transition: background 0.3 ease 0.3 ease; */
	z-index:10098;
}
#loader {
  z-index:10099;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-20px;
  margin-right:-20px;
  width: 40px;
  height: 40px;
  border: 3px solid rgba(0,0,0,0.05);
  border-top: 3px solid #444; 
  border-radius: 50%;
  display:none;
  
  
  -webkit-animation: spin 2s linear infinite; 
  animation: spin 0.5s linear infinite;
}

/*user */
.user-image {
    float: left;
    width: 25px;
    height: 25px;
    border: 2px solid #666;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

/* 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;
}


/* Side Menu */
.sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    width: 250px;
    height: 100%;
   
    overflow-y: auto;
    background-color: #222; /* rgba(0,0,0,0.8); */
    -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;
}

.sidebar-wrapper.left { left: 0; margin-left:-250px; }
.sidebar-wrapper.right{ right: 0; margin-right:-250px;  background-color: #F8F8F8; border-left:1px solid #ddd;}

.sidebar-wrapper.left.active {left: 250px;}
.sidebar-wrapper.right.active {right: 250px;}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    /* background: rgba(255,255,255,0.2); */
    background: #337ab7;
}

.sidebar-nav li a:active {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #337ab7;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}


.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: #007bff;
}


.badge2 {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1;
  /* color: #fff; */
  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-dialog {
		max-width:790px;
}	


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

/* Popover */
.popover-header {
	 background-color: #fff490;
}
.popover-body {
	 background-color: #fff4c0;
}


/* 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;
    border-top:1px solid rgba(0,0,0,0.2);
}