/* ==========================================================================
   Header
   ========================================================================== */



.header
{
	width:100%;
	height:100px;
}

.mainwnd
{

}

.footer
{
	height:30px;
}


.test
{
	margin:0px;
	background-color:blue;
	line-height:200%;
	display:table;
}


/*Separator*/
.separator
{
	width:100%;
	height:35px;
}
.separator-background
{
	margin:0px;
	padding:0px;
	border-top:6px solid;
	border-bottom:6px solid;
	
}
.separator-title
{
	display: inline-block;
	position: relative;
	height: 35px;
	min-width: 200px;
	margin:0px;
	border: 0;
	text-align: left;
	outline: none;
	border-spacing:10px;
	text-align: center;
	font-size: 22px;
	line-height: 1.5;
	
}
.separator-right-edge
{
	display: inline-block;
	position: absolute;
	height: 35px;
	margin:0px;
	border-top: 35px solid;
	border-right: 10px solid transparent;	
	line-height: 1.5;
	font-size: 22px;
	
}
.separator-left-edge
{
	display: inline-block;
	height: 35px;
	margin:0px;
	border-bottom: 35px solid;
	border-left: 10px solid transparent;	
	line-height: 1.5;
	font-size: 22px;
}

.button {
	background-color:blue;
}

.siocs-border  {
	box-sizing: border-box;
}

.fullsize
{
	/*background-color:Yellow;*/
	/*background: linear-gradient(to bottom, DodgerBlue, WhiteSmoke);*/

}

.ovr_scroll_x
{
	overflow-x:auto;
}
.ovr_scroll_y
{
	overflow-y:auto;
}
.ovr_scroll
{
	overflow:auto;
	/*background: linear-gradient(to bottom, DodgerBlue, #C0C0C0);*/
}
.center_inner
{

	display:table;
	margin: 0 auto;

}

.center_outer
{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;


}

.text_ellipsis
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	vertical-align:middle;
	display:table-cell;
}

.overflow_hidden
{
	overflow:hidden;
}

/*
 * WPanel
 */
.Wt-panel {
	/*border-width: 1px;
	border-style:  solid;*/
}




.radius,
.radius-std,
.radius-vert,
.radius-icononly,
.radius-icononly  span
{
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/*Radios - Icon-Feld*/
.radius span,
.radius-std span
{
	border-radius: 7px 0px 0px 7px;
	-moz-border-radius:  7px 0px 0px 7px;
	-webkit-border-radius: 7px 0px 0px 7px;
}
.radius-vert span
{
	border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-webkit-border-radius: 7px 7px 0px 0px;
}

.ruler-text {
  border:1px solid DodgerBlue;
  box-shadow: 2px 2px rgba(0,0,0,.5);
  background-color:WhiteSmoke;
  font-size:90%;
  padding: 2px;
}


.siocs-numpad-container {
	display: grid;
    border-bottom: 1px solid #999;
    border-left: 1px solid#999;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
	border-radius: 7px;	
	margin-top:5px;
}

.siocs-numpad-container > div {
	border-top: 1px solid #999;
    border-right: 1px solid#999;
}

.siocs-numpad-numbutton {
	font-family: 'Roboto Condensed',Arial, Helvetica, Verdana, sans-serif;
	border: 0.5px solid #999;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
	font-weight:bold;
    cursor: pointer;
}

.siocs-numpad-controlbutton {
	background-color:lightgray;
}

.siocs-numpad-numbutton:hover {
	background-color: #323330;
    color: white;
    transition: 0.25s ease-out;
}

.siocs-numpad-doublespace {
	grid-column: 1 / 3
}