.center{
	display: flex;
	display : -webkit-flex;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.center-vertical{
	display: flex;
	display : -webkit-flex;
	vertical-align: middle;
	align-items: center;
}

.center-but-no-text{
	display: flex;
	display : -webkit-flex;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
}

.center-margin{
    margin:0 auto;
}

.center-table-margin{
    display:table;
    margin:0 auto;    
}

.center-table{
    display:table;
    margin: 0 auto;
    vertical-align:middle;
    text-align:center;
}

.flex-list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.mp-0{
	margin: 0 !important;
	padding: 0 !important;
}

.m-0{margin: 0 !important;}

.p-0{padding: 0 !important;}

.disabled{
	cursor: not-allowed;
	pointer-events: none;
}

.list-no-decorator{
	list-style-type: none;
	text-decoration: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; 
}

.chevron:after{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.text-overflow-dots{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.no-select-highlight {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.no-select-highlight:focus {
    outline: none !important;
}

.border-ridge{border-style:ridge;}
.border-groove{border-style:groove;}
.border-inset{border-style:inset;}
.border-outset{border-style:outset;}
.outline-ridge{outline-style:ridge;}
.outline-groove{outline-style:groove;}
.outline-inset{outline-style:inset;}
.outline-outset{outline-style:outset;}

.no-scroll-propagate{
    overscroll-behavior: none;
    -ms-scroll-chaining: none;
}

.gap-unset{gap:unset;}

.cross-absolute{position: relative;}
.cross-absolute:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='silver' /><path d='M0 99 L99 0 L100 1 L1 100' fill='silver' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}