.xf039  span 
{
    color: #00558c;
}
.xf013 span 
{
	color: #00558c;
}

#ansprechpartnerPanel-body
{
	background-color: #d3d3d3;
}
.ansprechForm input
{
	font-size: 11px;
}

.anspr
{
	padding-left: 10px;
    padding-top: 10px;
}
.anspr tbody
{
	vertical-align: top;
    font-size: 12.5px;
}

.anspr tr
{
	line-height: 20px;
}

#lawpersonform
{
    border-right: 1px solid white;
}

.x-viewport>.x-body
{
	background-color: #00558C;
}

.x-form-text-default
{
  	background-color: #D9EAF6 !important;
}

.x-form-trigger.x-form-trigger-default.x-form-trigger-click
{
	background-color: #D9EAF6 !important;
}

.x-btn-arrow-right>.x-btn-icon.x-btn-no-text.x-btn-button-default-toolbar-large
{
	padding-right: 0!important;
}

.viewport
{
	position: fixed;
}

.blue{
	background-color: #0070AB;
}

.tabText span
{
    font-weight: bold;
}

.mobile_context
{
	font-size: small;
}

.x-tab-button-default
{
	height: 21px !important;
}

#lawpersonform
{
	width:  100%;
}

#lawpersonform-body
{
	width: 100% ;
}

#lawpersonform .x-form-item
{
	float: left;
	width: 100% !important;
}

#lawpersonform-body .x-field
{
	width: 95% !important;
}


@media only screen and (max-width: 1600px)
{
	.x-body
	{
		padding: 20px 150px !important;
	}
}

@media only screen and (max-width: 1500px)
{
	.x-body
	{
		padding: 20px 150px !important;
	}

	}

	@media only screen and (max-width: 1300px){

	.x-body
	{
		padding: 20px 100px !important;
	}

	.searchfield
	{
		left: 70%!important;
		width: 30% !important;
	}
}


@media only screen and (max-width: 1024px)
{

	.searchfield
	{
		left: 65%!important;
		width: 35% !important;
	}

	#companyimage
	{
		display: none !important;
	}

	#lawpersonform
	{
		width:  50% !important;
		left: 0% !important;
	}
	#lawpersonform-body
	{
		width: 100% !important;
	}
	#lawpersonform .x-form-item
	{
		float: left;
		width: 100% !important;
	}

	#lawpersonform-body .x-field
	{
		width: 90% !important;
	}


	/*#editUserdata .x-form-item
	{
		width: 50% !important;
	}*/

	#ansprechpartnerPanel
	{
		width: 50% !important;
		display:block !important;
		left: auto !important;
		right: 0px;
	}

	#ansprechpartnerPanel-body
	{
		width: 100% !important;
	}

	#ansprechpartnerPanel_header
	{
		left: auto !important;
		right: 0px;
	}

	#companyimage
	{
		display: none !important;
	}
}

@media only screen and (max-width: 1200px)
{
	.x-body
	{
		padding: 0 !important;
	}
	#lawpersonform-body
	{
		left: 5% !important;
	}
}

@media only screen and (min-width: 801px)
{
	#AnspInfo
	{
		display:none !important;
	}
}

@media only screen and (max-width: 800px)
{
	#docAddWindow
	{
		width: 80% !important;
	}

	#docAddWindow-body
	{
		width:  100% !important;
	}

	#docAddWindow .x-form-item
	{
		width: 90% !important;
	}

	#ansprechpartnerPanel
	{
		display:none !important;
	}

	#infoPanel .x-panel
	{
		width: 100%!important;
	}

	#lawpersonform
	{
		border: none;
	}

	#editUserdata .x-form-item
	{
		width: 70% !important;
	}

	#btnCat
	{
		display: inline-block !important;
		left: 89%;
	}

	#lawpersonform
	{
		left: 0 !important;
		z-index: 1000;
	}

	#lawpersonform-body
	{
		width: 100% !important;
	}

	#lawpersonform .x-form-item
	{
		float: left;
		width: 100% !important;
	}

	#lawpersonform-body .x-field
	{
		width: 95% !important;
	}

	#btnDocAdd
	{
		border: none;
		border-radius: 0;
	}

	#btnDocAdd-btnInnerEl
	{
		display: none;
		width: 10%;
	}

	.searchfield
	{
		width: 90% !important;
		left: auto !important;
		right: 2px;
	}

	#docAddWindow
	{
		width: 50% !important;
	}

	.Userdetailform
	{
		width: 80% !important;
	}

	.x-tab-bar {
	    display:none;
	}

	#tabpanel-body
	{
		left:0 !important;
		width: 100% !important;
	}

	#ansprechpartnerPanel
	{
		display: none;
	}

	#lawpersonform-innerCt .x-field
	{
		margin: 0px 0px 10px 0px !important;
	}
}

@media only screen and (max-width: 500px)
{
	#docAddWindow
	{
		width: 90% !important;
	}

	#docAddWindow .x-form-item
	{
		width: 95% !important;
	}

	#tabpanel 
	{
		top: 0 !important;
	}

	#infoPanel
	{
		display: none;
	}

	.searchfield
	{
		width: 100% !important;
		left: auto !important;
	}

	#dokumentGrid
	{
		top: 0px !important;
		left: 0px !important;
	}

	#dokumentGrid .x-docked-top, #dokumentGrid-body
	{
		left: 0px !important;
	}

	.blue
	{
		display: none;
	}

	#loginWindow
	{
		width: 100% !important;
		left: 0;
		right: 0;
		top: 20% !important;

	}

	#editUserdata .x-form-item
	{
		width: 95% !important;
	}
}