.dontshow, .dont-show, .sidebar-show{
	display: none;
}

.blink, blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.newitem{
	animation-name: newitem;
	animation-duration: 10s;
	animation-iteration-count: 1;
}
@keyframes newitem {
	from {
		color			: white;
		background-color: black;
	}
	to {
		color 			: black;
		background-color: initial;
	}
}

.menu-item{
	width: 100%;
	text-align: left;
}
.dropdown-menu-right{
    right: 0;
    left: auto;
}

.fa-stack-1x {
    font-size: 1.25rem
}
#noti-envelope, #noti-whitecircle, #noti-circle{
	margin: 6px 7.5px !important;
}
#noti-whitecircle, #noti-circle{
	width: 25px !important;
	height: 20px !important;
}
#noti-number{
	width: 39px !important;
	height: 26px !important;
}

.minwidth, .barwidget{
	width: 1%; 
	white-space: nowrap;
}

.required{
	color: red;
}
.requiredname span{
	border-bottom: 2px solid red !important;
}

.floating-header{
	position: relative;
}
.floating-header thead td, .floating-header thead th{
	position: sticky;
}
.floating-header tfoot td, .floating-header tfoot th{
	position: sticky;
	bottom: 0;
}

.fullwidth, .full-width{
	width: 100% !important;
}

ul {
    list-style-type: none;
}
ol, ol li {
	list-style-type: decimal !important;
}


.content{
	min-height: 1000px;
}

#sizeinfo{
	position: fixed;
	right: 10px;
	bottom: 10px;
	border: 1px solid black;
	background-color: white;
	padding: 10px;
}

#sizeinfo:hover{
	border: 1px solid blue;
	color: blue;
	text-decoration: underline;
}

@media print{    
    #topbar, .noprint, .no-print, .no-print * {
        display: none !important;
    }
}

.menu-list{
	padding-inline-start: 40px;
}

.menu-list li{
    margin-right: 15px;
}

.stickymenu-sm, .stickymenu-md{
	width: 100% !important;
}

.stickymenu-lg, .stickymenu-xl{
	position: fixed;
	min-width: 160px !important;
	overflow-x: hidden;
	overflow-y: auto !important;
}

body{
	padding: 0 !important;
}

tr[valign=top] td, th[valign="top"], td[valign="top"]{
	vertical-align: top !important;
}
tr[valign=bottom] td, th[valign="bottom"], td[valign="bottom"]{
	vertical-align: bottom !important;
}
th[valign="center"]{
	vertical-align:	middle !important;
}
tr[align="center"] td, tr[align="center"] tr{
	text-align: center !important;
}

th[align="right"], th[align="RIGHT"], .right{
	text-align: right !important;
}

.block::before { 
	content: '■ - ';
	white-space: nowrap;
}
.block{
	white-space: nowrap;
}

.modal-body{
	overflow-y: auto;
}


.hidden {
    visibility: hidden;
}


.cursor-pointer, .btn:not(.no-icon), button:not(.no-icon) {
    cursor: pointer;
}

.no-margin{
    margin-left: 0px;
    margin-right: 0px;
}

/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden !important;
}

.wordwrap{
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -o-pre-wrap; /* Opera */
	white-space: pre-wrap; /* Chrome */
	word-wrap: break-word; /* IE */
}


.nowrap {
    white-space: nowrap;
}

.z-index-9999 {
    z-index: 99999;
}

.was-container-fluid{
	position: fixed;
	z-index: 100;
}

ul[disc], ul[DISC], ul[Disc]{
	list-style-type:	disc !important;
}
ul[columns="2"], ul[COLUMNS="2"]{
	columns: 			2;
	-webkit-columns:	2;
	-moz-columns: 		2;
}
ul[columns="3"], ul[COLUMNS="3"]{
	columns: 			3;
	-webkit-columns:	3;
	-moz-columns: 		3;
}
ul[columns="4"], ul[COLUMNS="4"]{
	columns: 			4;
	-webkit-columns:	4;
	-moz-columns: 		4;
}
ul[columns="5"], ul[COLUMNS="5"]{
	columns: 			5;
	-webkit-columns:	5;
	-moz-columns: 		5;
}
ul[columns="6"], ul[COLUMNS="6"]{
	columns: 			6;
	-webkit-columns:	6;
	-moz-columns: 		6;
}
ul[columns="7"], ul[COLUMNS="7"]{
	columns: 			7;
	-webkit-columns:	7;
	-moz-columns: 		7;
}
ul[columns="8"], ul[COLUMNS="8"]{
	columns: 			8;
	-webkit-columns:	8;
	-moz-columns: 		8;
}
ul[columns="9"], ul[COLUMNS="9"]{
	columns: 			9;
	-webkit-columns:	9;
	-moz-columns: 		9;
}
ul[columns="10"], ul[COLUMNS="10"]{
	columns: 			10;
	-webkit-columns:	10;
	-moz-columns: 		10;
}



.body{
    padding-top: 51px;
}

#menusearch{
	position: fixed;
	z-index: 1;
    padding-left: 35px !important;
	animation: whoosh 4000ms linear infinite;
	background: linear-gradient(90deg, lightgrey, white, lightgrey, white, lightgrey);
	background-size: 200% 100%;
}
#menusearch::-webkit-input-placeholder, #menusearch:-ms-input-placeholder, #menusearch::placeholder {
  color: black;
}

.center{
	text-align: center;
}