@charset "utf-8";

body {

    font-family: 'Ruda', sans-serif;

	letter-spacing: 0.02em;

    color: #ffffff;

	margin: 0px;

	padding: 0px;

    background-color: transparent;

	margin-top: 50px;

	}

html { 

   font-size: 100%;

   word-wrap: break-word;

	background-image: url(../images/layout/hg2.jpg); 

	background-position: center -100px; 

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover; 

    background-color: #000000;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

     }

div, p, table, span { 

   font-size: 0.95rem; 

   line-height: 1.3em;

   }

form {

	margin: 0px;

	padding: 0px;

}

#print, .printonly {

    display: none;

	}

#mobilenavbutton {

	display: none;

	}



#wrapper1 {

	background-color: transparent;

	width: 100%;

	max-width: 1280px;

	}

#wrapper2 {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	max-width: 1280px;

	}



#header {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	height: 140px;

	margin-bottom: 25px;

	}

#headwrap {

	text-align: left;

	background-color: transparent;

	width: 90%;

	max-width: 1200px;

	}

#headcontainer {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	max-width: 1200px;

	}



#logo {

	float: left;

	text-align: left;

	width: 10%;

	margin-left: 2%;

	margin-right: 2%;

	height: 140px;

	background-color: transparent;

	}

@media (max-width: 950px) {#logo {width: 12%;}}

#logo img {

	text-align: left;

	height: 90%;

	margin-bottom: 10%

	}

#nav2 {

	float: left;

	text-align: right;

	width: 86%;

	height: 109px;

	background-color: transparent;

	color: #b2b3b4; 

	z-index:999999;

	}

@media (max-width: 950px) {#nav2 {width: 84%;}}

#nav2 img {

	height: 50px;

	}

#nav {

	float: left;

	text-align: left;

	width: 86%;

	background-color: transparent;

	z-index:999999;

	}

@media (max-width: 950px) {#nav {width: 84%;}}





#picwrap {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	}

#picleft {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 49.5%;

	margin-right: 0.5%;

	}

#picright {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 49.5%;

	margin-left: 0.5%;

	}

#pictext {

	float: left;

	clear: both;

	text-align: left;

	background-color: transparent;

	width: 30%;

	margin-left: 53%;

	margin-top: -22%;

	color: #000000;

	font-size: 1.6rem;

	font-weight: bold;

	}

@media (max-width: 1150px) {#pictext {margin-top: -23%;font-size: 1.4rem;}}

@media (max-width: 1100px) {#pictext {font-size: 1.3rem;}}

@media (max-width: 1000px) {#pictext {margin-left: 52%;margin-top: -24%;}}

@media (max-width: 850px) {#pictext {font-size: 1.2rem;}}



#main {

	float: left;

	text-align: left;

	background-color: transperent;

	width: 100%;

	height: auto;

	}

#content {

	text-align: left;

	background-color: transperent;

	width: 90%;

	max-width: 1200px;

	height: auto;

	}

#text {

	float: left;

	width: 100%;

	}

	

#footer, #appfooter {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 100%;

	height: auto;

	background-image: url(../images/layout/hg-footer.png); 

	background-position: 0px 0px; 

	background-repeat: repeat-y;

	margin-top: 2%;

	margin-bottom: 4%;

	}

@media (max-width: 767px) {#appfooter {background-image: none;background-color: #4eb2b7;}}

#info, #appinfo {

	text-align: left;

	background-color: transparent;

	width: 100%;

	max-width: 1280px;

	height: auto;

	}

#info span, #appinfo span {

	background-color: #4eb2b7;

	display: inline-block;

	padding: 4px;

	padding-right: 5px;

	padding-top: 2px;

	padding-bottom: 2px;

	color: #000000;

	border-right: 8px solid #000000;

	}

@media (max-width: 767px) {#appinfo span {border-right: none;}}



.lang {

	background-image: url(../images/layout/lang.png); 

	background-position: 1px center; 

	background-repeat: no-repeat;

	background-size: contain; 

}



#info span.lang, #appinfo span.lang {

	padding-left: 30px;

	}

	

#stempel {

	float: left;

	text-align: left;

	background-color: transparent;

	width: 25%;

	margin-top: -270px;

	margin-left: 24%;

	}

@media (max-width: 1150px) {#stempel {margin-top: -250px;}}

@media (max-width: 1050px) {#stempel {margin-top: -220px;}}

@media (max-width: 900px) {#stempel {margin-top: -190px;}}

@media (max-width: 767px) {#stempel {width: 60%;margin-left: 5%;margin-top: 20px;}}







#requesthead {

	width: 90%; 

	padding-top: 10px;

	text-align: left;

	background-color: transparent;

	}

#requestcontainer {

	width: 90%; 

	text-align: left;

	height: 540px;

	overflow: auto;

	}

.requestmaincontainer {

    float: left;

	width: 100%; 

	margin-bottom: 5px;

	}

.requeststatuscontainer {

	color: #e3001a;

	font-size: 1.0rem;

	background-color: transparent;

	width: 100%;

	margin-bottom: 10px;

	padding: 1%;

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 98%;

	}





#floating-panel {

  padding-bottom: 15px;

}



.controls {

  margin-top: 10px;

  border: 1px solid transparent;

  border-radius: 2px 0 0 2px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  height: 32px;

  outline: none;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}



#pac-input {

  background-color: #fff;

    font-family: 'Ruda', sans-serif;

  font-size: 1rem;

  font-weight: 300;

  margin-left: 2px;

  margin-right: 20px;

  padding: 0 11px 0 13px;

  text-overflow: ellipsis;

  width: 70%;

}



#pac-input:focus {

  border-color: #4d90fe;

}



.showHiddenForm {

	cursor: pointer;

	margin-left: 0px;

}



.inlineLink:hover, .inlineLink.active {

	color: #4eb2b7;

}



.hidden {

	display:none !important;

}



.customer-bordered {

	padding: 30px 25px 15px 25px;

	border: 2px solid #333;

}



.customer-contact {

	padding: 30px 25px 15px 25px;

	border: 2px solid #333;

}



.address-delete-overlay {

	background: #b74e4e;

}



.confirm-contact-delete:hover, .abort-contact-delete:hover, .confirm-address-delete:hover {

	background: #6b2e2e;

}



.address-button-featured {

	bottom: 0;

	right: 0;

	display: block;

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #4eb2b7;

	font-weight: bold;

	border-radius: 2px 0 0 0;

}



.address-button-delete {

	top: 0;

	right: 85px;

	display: block;

	background: #b74e4e;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #ffffff;

	font-weight: bold;

	border-radius: 0 0 0 2px;

}



.address-button-edit-close {

	margin-left: 10px;

	font-size: 14px;

	cursor:pointer;

}



.align-self-baseline {

	align-self: baseline;

}





div {

	box-sizing:border-box;

}



.customer-features {

	display: flex;

	justify-content: left;

	align-items: center;

	height: 50px;

}



.customer-item {

	color: #4eb2b7;

	background-color: #fff;

	font-weight: bold;

	padding: 5px 15px;

	line-height: initial;

	border-radius: 2px;

	margin-right: 10px;

}



.customer-item.active {

	background: #9ac8dc;

	color: #fff;

}



.error-message {

	background: #d46632;

	padding: 5px;

	display: inline-block;

}



.loading-animation {

	width: 100%;

	height: 100%;

	z-index: 1;

	background: rgba(43, 43, 43, 0.6);

	left: 0;

	top: 0;

	border-radius: 5px;

}



.customer-contact {

	width: 100%;

}



input {

	box-sizing: border-box;

}



.no-radius {

	border-radius:0;

}



.lds-dual-ring {

	display: inline-block;

	width: 70px;

	height: 70px;

}



	.lds-dual-ring:after {

		content: " ";

		display: block;

		width: 44px;

		height: 44px;

		margin: 8px;

		border-radius: 50%;

		border: 6px solid #fff;

		border-color: #fff transparent #fff transparent;

		animation: lds-dual-ring 1.2s linear infinite;

	}



@keyframes lds-dual-ring {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}





.mt-1 {

	margin-top:10px;

}



.mt-2 {

	margin-top:20px;

}



.mt-3 {

	margin-top:30px;

}



.mt-5 {

	margin-top:50px;

}



.mr-1 {

	margin-right:5px;

}



.mr-5 {

	margin-right:25px;

}



.mb-1 {

	margin-bottom:5px;

}



.mb-2 {

	margin-bottom:10px;

}



.mb-3 {

	margin-bottom: 15px;

}



.mb-4 {

	margin-bottom: 20px;

}



.mb-5 {

	margin-bottom: 25px;

}



.pb-1 {

	padding-bottom:5px;

}



.pb-2 {

	padding-bottom: 10px;

}



.pb-3 {

	padding-bottom: 15px;

}



.pb-4 {

	padding-bottom: 20px;

}



.pb-5 {

	padding-bottom: 25px;

}



.h-100 {

	height:100%;

}



.w-100 {

	width:100%;

}



.w-50 {

	width:50%;

}



.w-35 {

	width:60%;

}



.w-25 {

	width:25%;

}



.w-20 {

	width:20%;

}



@media (max-width: 1100px) {

.w-25 {

	width:40%;

}

.w-20 {

	width:30%;

}

}



@media (max-width: 767px) {

.w-25 {

	width:50%;

}

.w-20 {

	width:40%;

}

}





.d-flex {

	display:flex;

}



.cursor-pointer {

	cursor:pointer;

}



.d-block {

	display:block;

}



.d-inline-block {

	display:inline-block;

}



.d-none {

	display:none;

}



.d-relative {

	position:relative;

}



.d-absolute {

	position:absolute;

}



.justify-content-center {

	justify-content:center;

}



.justify-content-start {

	justify-content: flex-start;

}



.space-around {

	justify-content: space-around;

}



.align-items-center {

	align-items:center;

}



.left-0 {

	left:0;

}



.top-0 {

	top:0;

}



.max-width-300 {

	max-width:300px;

}





.flex-column {

	flex-direction: column;

}



.flex-row {

	flex-direction:row;

}



.flex-wrap {

	flex-wrap: wrap;

}



.font-weight-bold {

	font-weight:bold;

}



.insurance-title {

	font-size: 1.1rem;

	font-weight: bold;

	color: #4eb2b7;

	line-height: normal;

}



.document-dl img {

	width: 15px;

	margin-right: 5px;

}



.customer-add-contact, .customer-add-address, .customer-manage-personal {

	background: #151515;

	padding: 15px 25px 30px 30px;

	border-radius: 5px;

}



.customer-button {

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	border-radius: 2px;

	margin-left: 5px;

	top: -2px;

	cursor: pointer;

}



.address-button {

	top: 0;

	right: 0;

	display: block;

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #4eb2b7;

	font-weight: bold;

	border-radius: 0 0 0 2px;

}



.address-button-main, .address-button-alt {

	top: 0;

	left: 0;

	display: block;

	background: #333;

	padding: 1px 5px;

	font-size: 12px;

	color: #ffffff;

	font-weight: bold;

	border-radius: 0 0 2px 0;

}



.closer {

	width: 20px;

	right: 20px;

	top: 15px;

	cursor:pointer;

}



.form-label {

	display: block;

	padding-bottom: 5px;

	font-weight: bold;

}



.form-control {

	padding: 15px;

	font-weight: bold;

	border-radius: 3px;

	color: #333131;

	width: 100%;

}



.customer-hr {

	margin-bottom: 20px;

	display: inline-block;

	width: 100%;

}



@media screen and (min-width:992px) {



	.w-lg-25 {

		width:25%;

	}



}



@media screen and (min-width:992px) {

	.customer-contact {

		width: 45%;

	}



	.w-35 {

		width:35%;

	}

}