.kw-image{
	max-width:100%;
	max-height:100%;
}

.kw-hide{
	display: none !important;
}
.kw-layout,.kw-layout>div{
	display:flex;
}
.kw-layout{
	flex-flow: row;
    align-items: center;
}

.kw-inline{
	display:inline-block;
}

.kw-table{
	table-layout: fixed;
	border-spacing: 0;
}

.kw-button{
	border-radius: 4px;
}

.kw-button.with-radius{
	--md-elevated-button-container-shape: 6px;
	--md-filled-button-container-shape: 6px;
	--md-filled-elevated-button-container-shape: 6px;
	--md-filled-tonal-button-container-shape: 6px;
	--md-outlined-button-container-shape: 6px;
	--md-filed-button-container-shape: 6px;
}

mdui-text-field.dense:host .input{
	padding:0.1em 0;
}


:root{
	
	--md-elevated-button-container-shape: 0px;
	--md-filled-button-container-shape: 0px;
	--md-filled-elevated-button-container-shape: 0px;
	--md-filled-tonal-button-container-shape: 0px;
	--md-outlined-button-container-shape: 0px;
	--md-filed-button-container-shape: 0px;
}

body{

	--md-focus-ring-color: transparent;
	
	margin:0;
	font-family: Roboto, 'sans-serif';
	padding:0;
	box-sizing: border-box;
}


md-focus-ring,md-focus-ring[visible]{
	display: none !important;
}

* {
	box-sizing: border-box;
}
.kw-checkbox{
	display: flex;
    align-items: center;
}


.vert-center{
	display: flex;
	align-items: center
}

.kw-icon{
	font-size:24px;
}

.kw-icon svg{
	fill: currentColor;
    width: 1em;
    height: 1em;
    font-size: inherit;
    vertical-align: top;
}


input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
	box-shadow: 0 0 0 1000px white inset !important;
	-webkit-text-fill-color: #000 !important;
}

.kw-gridc{
	display: grid;
	grid-gap: var(--grid-gap, 1px);
	grid-template-columns: repeat(var(--grid-cols, 4), 1fr);
}