/* main */

body {
	font-family: Open Sans, Verdana;
	font-size: 9pt;
	color: #000000;
	margin: 0;
}

a:link {
  color: #666666;
}

.Footer {
	position: relative;
	left: 0;
	bottom: 0;
}

.FooterImage {
	position: relative;
	left: 0;
	bottom: 0;
}

.Navigation {
	position: relative;
	top: 0;
	width: 200px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.Navigation a {
	display: block;
	width: 100%;
}

.ctl00_menu_Navigation_4 {
	padding: 0 !important;
    line-height: 30px;
    text-indent: 10px;
}

/* form */

.Head {
	display: none;
}

.LoggedIn {
	margin-top: 10px;
	border-color: #BBBBBB;
	border-width: 1px;
	border-style: solid;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: #fff;
}

.LoggedIn span {
	color: #666 !important;
}

.Login {
	position: relative;
	width: 300px;
	border: 1px solid #BBBBBB;
	padding: 20px;
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	margin: 0 auto;
}

.LoginHint {
	position: absolute;
	top: 350px;
	left: 209px;
	width: 600px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.LoginOuter {
	position: absolute;
	width: 799px;
	min-width: 799px;
	border-style: none;
	text-align: center;
	background-color: #FF0000;
}

.ChangePassword {
	width: 100%;
	border-style: none;
	text-align: center;
}

.ChangePasswordInner {
	top: 200px;
	width: 300px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.PlaceHolder {
	position: relative;
	background-color: #eaeaea;
	width: calc(100% - 230px);
	top: 0; 
	border: 1px solid #BBBBBB;
	height: auto;
	overflow: hidden;
	display: inline-block;
}

.PlaceHolder > div {
	position: relative !important;
}

.PlaceHolderContent {
	top: 91px;
}

/* table */

.table_SetsNew,
.tableDocumentation,
.tableSetsNewFooter,
.tableHTMLTemplates,
.table_Sets,
.table_Berater,
.table_Filialen,
.table_Address,
.table_Login,
.tableDataPrivacy,
.tableBusinessHours,
.tableBerater,
.tableMenu {
	font-family: Open Sans, Verdana;
	font-size: 9pt;
	color: #000000;
	width: 100% !important;
	border-style: none;
}

.tableMenu td {
    text-align: center; 
}

.tableBerater td,
.tableBusinessHours td,
.tableDataPrivacy td,
.table_Address td,
.table_Filialen td,
.table_Berater td,
.table_Sets td,
.table_SetsNew td,
.tableDocumentation td {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.tableSetsNewFooter td {
	padding-left: 20px;
}

.table_Login .av-button-container {
	width: 100%;
	margin-top: 20px;
}

.table_Login #textBox_Username,
.table_Login #textBox_Password {
	width: calc(100% - 14px);
}

.table_Address[id*='tableGeneral'] select {
	width: calc(100% + 4px) !important;
}

.table_Address[id*='tableGeneral'] .av-textinput-container {
	width: calc(100% - 10px) !important;
}

.table_Sets[id*='table_Bills'] {
	padding-bottom: 20px;
}

/* button */

.av-button-container {
	box-sizing: border-box;
	padding: 5px 10px;
	background-color: #fff;
	color: #ffa600;
	border: 1px solid #ffa600;
	font-size: 12px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	transition: color .4s, border .4s;
	display: inline-block;
	text-align: center;
	width: 150px;
	text-decoration: none;
}

.av-button-container[id*="buttonRelease"] { width: auto !important; }
.av-button-container[id*="EditZinsstaffel"] { width: auto !important; }
a.av-button-container {
	color: #ffa600;
}

.av-button-container:focus {
	outline: none;
}

.av-button-container:hover {
	background-color: #ffa600;
	color: #fff; 
}

.av-button-container:disabled {
	border: 1px solid #808080;
	color: #808080;
	background-color: #f2f2f2;
	cursor: default; 
}
    
.av-button-container:disabled:hover {
	background-color: #f2f2f2;
	color: #808080; 
}

.av-button-container[id*='button_NewSet'] {
	float: right;
}

/* textinput */

.av-textinput-container {
	display: inline-block;
	height: 24px;
	width: 250px;
	padding: 0 6px;
	font-size: 12px;
	line-height: 12px;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	text-align: left; 
}

 textarea.av-textinput-container {
	padding: 6px 6px;
 }

.av-textinput-container:disabled {
	background-color: #eee;
	cursor: default; 
}

.av-textinput-container:focus {
	outline-color: #ffa600; 
}

/* checkbox / radio */

input[type="checkbox"],
input[type="radio"] {
	top: 2px;
	position: relative;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	cursor: pointer;
}

/* select */

select {
	padding: 3px 2px;
	border: 1px solid #ccc;
	color: #555;
	width: 150px;
}

select:focus {
	outline-color: #ffa600; 
}

tr {
	margin: 6px 0;
}

.flag {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.delete {
    width: 27px;
    height: 27px;
    top: 2px;
    position: relative;
    display: inline-block;
}

a[id*='linkButtonChangePassword'] {
	margin-top: 10px
}

.table_Sets tr:first-of-type td {
	padding-top: 12px;
}

.table_Sets td {
	padding-top: 4px;
}

.flag + a {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: relative;
    top: 2px;
}

/* media queries */

@media screen and (max-width: 770px) {
	.anothertd {
		padding-bottom: 20px;
	}
	#button_Edit {
		width: 100% !important;
	}
	.Logout {
		height: 20px;
	}
	.av-button-container {
		margin-top: 5px;
	}
	.av-button-container + .av-button-container {
		margin-top: 8px;
	}
	.table_Sets[id*='table_Navigation'] td {
		width: 100%;
		display: block;
		padding-left: 20px !important;
		margin-top: 5px;
	}
	.av-textinput-container { width: calc(100% - 15px) !important; }
	.table_Address[id*='tableGeneral'] .av-textinput-container {
		width: calc(100% - 15px) !important;
	}
	.table_Address[id*='tableGeneral'] select {
		width: calc(100% - 1px) !important;
	}
	.tablePrintTemplates tr td:nth-child(2) { padding-bottom: 10px; } 
	select[id*="dropDownListFiliale"] { width: 100% !important; }
	select[id*="ddBillYear"] { width: 100% !important; }
	.av-button-container,
	select {
		float: none !important;
		width: calc(100% - 40px) !important;
	}
	select[id*="dropDownListZinsstaffelBasedOnTemplates"] {
		float: left !important;
		margin-bottom: 20px !important;
		width: 100% !important;
	}
	.table_SetsNew td {
		width: calc(100% - 40px) !important;
		display: block;
	}
	textarea { width: 100%; }
	.table_SetsNew td .av-button-container {
		width: 100% !important;
	}
	.Navigation,
	.PlaceHolder {
		position: relative;
	}
	.PlaceHolder {
		margin-left: 0;
	}
	.PlaceHolder {
		width: calc(100% - 2px);
	}
	.Navigation {
		left: 0;
		width: 100%;
	}
	input[id*="monthlycost"].av-textinput-container { width: calc(100% - 50px) !important}
	.av-button-container[id*="buttonRelease"] { width: 100% !important; }
	table[id*="infoConfig"] td + td { padding-bottom: 10px; }
	.ChangePasswordInner { width: calc(100% - 10px); }
	.table_Login .av-button-container { width: 100% !important; }
}