:root {
  --light-blue-color: #a6d5e8;
  --normal-blue-color: #11A0D9;	/* orange: f06722, blue: 11A0D9*/
  --dark-blue-color: #06669c;
  --light-grey-color: #919191;
  --normal-grey-color: #6d6e70;
  --dark-grey-color: #515151;
}

@font-face
{
	font-family: 'Open Sans';
	src: url(); /* IE */
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../../staticwebcontent/charts/fonts/opensans-regular.ttf) format("truetype");
}

html
{
	height: 100%;
	overflow : hidden; 
 
}

body
{
	background-color: #eaeaeaff;	/* a background color that looks like the background image to avoid white flashes */
    font-family: 'Open Sans', sans-serif;
}

#newlogo {
	background-image : url(../images/logo-dd-dark.svg);
	background-repeat : no-repeat;
	background-size : 200px 80px;
	background-position : center center;
	height : 80px;
	width : 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.panelName
{
	
	text-align : center;
	margin-left: auto;
	margin-right: auto;
	font-weight : bold;

}

.wrapper
{
	width:100%;
	height:100vh;
	max-height: 100vh;
	position: relative;

	background-image: url(../images/dd-background-login.svg);
    background-repeat: no-repeat;
    background-position: center center;

}

#panel_thin
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);

	width: 280px;
	padding: 15px;
	-webkit-border-radius: 16px;
  	-moz-border-radius: 16px;
  	border-radius : 5px;
	background-color: white;
	box-shadow: rgb(218, 218, 218) 0px 0px 15px 0px
}

.inputable
{
	font-size: 13px;
}

input
{
	color: var(--dark-grey-color);
	width: 100%;
	box-sizing: border-box;
}

input, textarea, select, button
{
    font-family: 'Open Sans', sans-serif;
}

input[type=button] {
    color:white;
	background-color : var(--normal-blue-color);
    width: 100%;
    height: 28px;
    font-size: 100%;
    border-radius: 6px;
    cursor: pointer;
	font-weight: normal;
	border : 0;
	margin-top : 8px;
	margin-bottom : 15px;
}

input[type=text], input[type=password] {
	background-color : white;
	padding : 6px;
	font-weight : normal;
	margin-bottom : 5px;
	border: 1px solid #CDD1D3;
	border-radius : 7px;
	text-shadow:none;
}

a
{
	color: var(--normal-blue-color);
}

a:link
{
	/*color: #000000;*/
	text-decoration:none ;
}

a:active
{
	/*color: #000000;*/
	text-decoration:none ;
}

a:hover
{
	color: var(--normal-blue-color);
	text-decoration: underline;
	cursor: pointer;
}

td
{
	text-align : left;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	html
	{
	  overflow : visible; 
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	body, input, textarea, select, button
	{
		font-family: arial, sans-serif;
	}
}