@charset "UTF-8";

@import "/auth/css/bootstrap-extended-96b1e9b19bc8c51aa9b05fd50372bf4b.css";

/*-buttons-*/
@import "/auth/css/buttons/button-de213461083c73ddf172ac773dab628a.css";
@import "/auth/css/buttons/links-19c9142adc96920661ba4563d46ec868.css";
@import "/auth/css/buttons/primary-93f39776268185178a2584d408e375fc.css";
@import "/auth/css/buttons/secondary-b399e2f4598b3dfe88386d221ea00fab.css";
@import "/auth/css/buttons/light-c9cbf63cea854611977ebf0e95c64bea.css";
@import "/auth/css/buttons/outline-abce3579a0a489afdfbf9f5714dbdeba.css";
@import "/auth/css/buttons/button-links-9c4b5687f88d3855c9dbb5f43d1724eb.css";

/*-fonts-*/
@import "/auth/css/fonts/icons-40c6121a39b3125213b761325f5d85e9.css";
@import "/auth/css/fonts/roboto-18c11389dcc4bec9347e5c9f32b36b1d.css";

/*-forms-*/
@import "/auth/css/forms/forms-main-cabd638a796e242614c9af69458400e4.css";

/*-layout-*/
@import "/auth/css/layout/footer/footer-41456c893c2226d55eea9fca3f96c43f.css";
@import "/auth/css/layout/navigation/breadcrumbs-31feb1be1a44959fcc2ccc49e0daec35.css";
@import "/auth/css/layout/navigation/navigation-f32f8038d6ce81bb1e8378159bc1de35.css";

/*-popups-*/
@import "/auth/css/popups/popup-main-d9eb8c81eaa06014f81565a7361d39be.css";

/*-sites-*/
@import "/auth/css/sites/contract/overview-4ad8bc61a31a48f2e403f7344151f833.css";
@import "/auth/css/sites/contract/termination-93a6dc516058acd189c8441e4d4d71d4.css";
@import "/auth/css/sites/support/dashboard-105147b6557bbb89d86b0c7cf406e825.css";
@import "/auth/css/sites/profile/profile-763113d20dd086e738e68eaf99ad3f52.css";

/*-tiles-*/
@import "/auth/css/tiles/app-8a201f71df8f04ea9d3e2c3f0246c279.css";
@import "/auth/css/tiles/contracts-e1c6287c3b72cc1e50696a97d1539587.css";
@import "/auth/css/tiles/insurance-benefits-8ec995e0280eac6e85baaedf632a63a5.css";
@import "/auth/css/tiles/payment-f3a1bc794b8df07b24cf8abc61ddb4a1.css";
@import "/auth/css/tiles/pet-id-74fb08a6514102cfe117ac397566b9bf.css";
@import "/auth/css/tiles/service-desk-33a69b271436659f6d147ba8265d83b4.css";
@import "/auth/css/tiles/tiles_template-226a1878e8e294c63d55ff726b879544.css";
@import "/auth/css/tiles/warning/advice_and_warning-d34b641b72df4708649b8ddebe4f797f.css";

/*--*/

/* ----- Color Variables ----- */
:root {
	--pale-sky-blue: #b8ebf8;
	--ice-blue: #ebf9fc;
	--lightblue: #79daf2;
	--blue: #004178;
	--dark-blue: #00193c;
	--light-blue: #caeaff;
	--cyan: #00afe1;
	--dark-cyan: #007495;
	--light-cyan: #a5e4fa;
	--color-01-primary-02-light-cyan-5-2: rgba(165, 228, 250, 0.5);
	--aqua: #21c5c9;
	--berry: #961d6c;
	--ruby: #e61759;
	--apple: #b8c40a;
	--00-white: #fff;
	--01-bright-grey: #f4f5f5;
	--02-grey: #ebecec;
	--02-a-medium-grey-devider: #e4e8e8;
	--03-a-grey-disabled-buttons-only: #d2d2d2;
	--03-b-grey: #bfc0c0;
	--04-grey: #8b8c8c;
	--05-grey: #5a5f5a;
	--06-grey: #404040;
	--07-grey: rgba(25, 25, 25, 0.9);
	--08-black: #000;
	--special-bg: #96b4c8;
	--08-black-30: rgba(0, 0, 0, 0.3);
	--08-black-50: rgba(0, 0, 0, 0.5);
	--08-black-70: rgba(0, 0, 0, 0.7);
	--07-grey: #191919;
	--status-green: #63a91d;
	--status-orange: #fa0;
	--status-red: #ee0a30;
	--dark-blue-35: rgba(0, 25, 60, 0.35);
	--05-grey: #5c5d5d;
	--cherry: #d40124;
	--00-white-50: rgba(255, 255, 255, 0.5);
	--color-05-bg-darken: rgba(0, 25, 60, 0.75);
	--03-grey: #bfc0c0;
	--text-grey: #7e7e7e;
	--01-white: #fff;
	--background: #f5f6f6;
}

/* ---- Hyphenation (html -> lang has to be correct)---- */
body {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.hyphen-none {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
/* ----- Scrollbar ----- */
::-webkit-scrollbar{
	height: 6px;
	width: 6px;
}
::-webkit-scrollbar-track-piece {
	background: var(--01-bright-grey);
}
::-webkit-scrollbar-thumb {
	background: var(--03-b-grey);
	border-radius: 8px;
}
.scroll-width-thin {
	scrollbar-width: thin;
}

/* ----- general stying ----- */

@media (min-width: 1320px) {
	.modal-dialog.custom-modal-dialog {
		max-width: 38.7em;
	}
}

body {
	font-family: Roboto;
	letter-spacing: normal;
	font-stretch: normal;
	font-style: normal;
}

/* Navbar badge */
.badge {
	font-family: Roboto;
}

body{
	background-color: var(--background);
	z-index: 1;
}

a{
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.33;
	color: var(--cyan);
}

a:hover{
	color: var(--cyan);
}

.spinner-border.text-info {
	color: var(--cyan) !important;
}

/* ----- Text Styles ----- */

.text-headline{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.45;
}

.text-headline-margin{
	margin: 5px 0 0;
}

.text-bold {
	font-weight: bold;
}

.text-weight-regular {
	font-weight: 400;
}

/* -- Text Sizes -- */

.text-size-12 {
	font-size: 12px;
}

.text-size-15 {
	font-size: 15px;
}

.text-size-18 {
	font-size: 18px;
}

.text-size-20 {
	font-size: 20px;
}

.text-size-24 {
	font-size: 24px;
}

.text-size-36 {
	font-size: 36px;
}

.text-size-1rem {
	font-size: 1rem;
}

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

.line-height-40px {
	line-height: 40px;
}

/* -- Text Colors -- */

.text-grey{
	color: var(--text-grey);
	size: 15px;
}

.text-blue {
	color: var(--blue);
}

.date-text{
	font-size: 15px;
	font-weight: normal;
	line-height: 1.47;
	color: #7e7e7e;
}

/* --- Images --- */

.image-top-center{
	object-fit: cover;
	object-position: top center;
}

/* Right before col-lg breackpoint */
@media (max-width: 992px) and (min-width: 768px){
	.img-flow-container{
		width: 100% !important;
	}
	.card-flow{
		max-height: none;
	}
}

/* After col-xs breackpoint */
@media (max-width: 576px){
	.img-flow-container{
		width: 100% !important;
	}
	.card-flow{
		max-height: none;
	}
}

/* ----- Lists ----- */

ul{
	list-style-type: none;
}

ul.decorated {
	list-style-type: disc;
}

li.spaced-list-item:not(:last-child) {
	margin-bottom: 10px;
}

/* ----- Lines & Dots ----- */

.divider-line {
	height: 1px;
	background-color: var(--02-a-medium-grey-devider);
	border-bottom: 1px solid var(--02-a-medium-grey-devider);
}

.notification-line{
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 20px;
}

.notification-element-container{
	padding-left: 15px;
	padding-right: 5px;
}

.dot-container{
	align-self: center;
	min-width: 20px;
}

.dot{
	height: 10px;
	width: 10px;
	border-radius: 50%;
	margin-right: 10px;
}

.relative{
	position: relative;
}

.no-padding{
	padding: 0;
}

.textarea{
	padding-top: 10px;
	resize: none;
	overflow-y: scroll;
}

fade {
	content  : "";
	position : sticky;
	z-index  : 1020;
	bottom   : 0;
	left     : 0;
	pointer-events   : none;
	background-image : linear-gradient(to bottom,
					rgba(255,255,255, 0),
					rgba(255,255,255, 1) 90%);
	width    : 100%;
	height   : 4em;
}

/* ---- Background Colors ---- */

.bg-active{
	background-color: var(--status-green);
}

.bg-blue {
	background-color: var(--blue);
}

.bg-pending{
	background-color: var(--status-orange);
}

.bg-inactive{
	background-color: var(--status-red);
}

.bg-light-cyan{
	background-color: var(--light-cyan);
}

.bg-hover-cyan:hover{
	background-color: var(--cyan);
}

.bg-primary-light {
	background-color: var(--light-blue) !important;
}

/* ----- Rotations ----- */

.rotate-45 {
	transform: rotate(45deg);
}

.rotate--45 {
	transform: rotate(45deg);
}

.rotate-90 {
	transform: rotate(90deg);
}

.rotate--90 {
	transform: rotate(-90deg);
}

.rotate-180 {
	transform: rotate(180deg);
}

/* ----- content ----- */
.content{
	background-color: var(--background);
}

.content-wrapper{
	padding:  15px 0px;
	justify-content: space-between;
}

.content-wrapper .column-1{
	flex: 1 1 auto;
	width: 33.33333%;
	padding: 0.75rem;
}

.content-wrapper .column-2{
	flex: 2 1 auto;
	width: 66.66666%;
	padding: 0.75rem;
}

.content-wrapper .column-full{
	flex: 3 1 auto;
	width: 100%;
	padding: 0.75rem;
}

.content-wrapper .column-half{
	flex: 1 1 auto;
	width: 50%;
	padding: 0.75rem;
}

@media (max-width: 1023px){

	.content-wrapper .column-1{
		flex: 2 1 auto;
		width: 50%;
		padding: 0.75rem;

	}

	.content-wrapper .column-2{
		flex: 3 1 auto;
		width: 100%;
		padding: 0.75rem;
	}

	.content-wrapper .column-full{
		flex: 3 1 auto;
		width: 100%;
		padding: 0.75rem;
	}

	.content-wrapper .column-half{
		flex: 1 1 auto;
		width: 50%;
		padding: 0.75rem;
	}

}

/*     -----Checkbox-----     */

.form-check-input:checked[type=checkbox]{
	background-image: url('/auth/images/checkbox/Haekchen_SVG-weiss-path.svg');
}

.form-check-input:focus{
	box-shadow: 0 !important;
	outline: 2px solid #02B0E0;
	border: 0;
}

.form-check-input[type=checkbox] {
	border-radius: 0.15em;
	margin-right: 8px;
	min-width: 1em;
	border-color: #02B0E0;
	border-width: 2px;
}

.form-check-input[type=radio] {
	min-width: 1em;
	border-color: #02B0E0;
	border-width: 2px;
}

.form-check-input:checked {
	background-color: #02B0E0;
	border-color: #02B0E0;
}

.form-check-label{
	width: 94%;
}

.form-check {
	border: 0;
}

/*     -----Toooltips-----     */

.tooltip-right {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.tooltip-icon {
	font-size: 18px;
	height: 25px;
	width: 25px;
	display: grid;
	place-content: center;
}

.tooltip-icon:before {
	height: 20px;
	width: 20px;
	font-size: 20px;
	color: #7e7e7e !important;
	margin-right: 5px;
}

.tooltip-text-right > p {
	font-size: 12px;
	margin: 0px 0 0;
	width: 70%;
	color: #7e7e7e;
}

.tooltip {
	--bs-tooltip-bg: var(--blue);
}

/* --- notification --- */

.notification-body-wrapper{
	margin: 10px;
}


/* --- Subscription --- */

.subscription-element{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.56;
	margin: 10px 0px;
}

.dl-request{
	font-size: 18px !important;
}



/* --- select --- */

.form-select {
	background-size: 1.25rem 1.25rem;
	background-image: url(/auth/images/icons/01-basics-01-icons-1-ui-2-navigation-dropdown.svg);
}

select:invalid {
	color: var(--04-grey);
	background-color: var(--01-bright-grey);
}

select:invalid:focus > option {
	color: var(--08-black);
	background-color: var(--00-white);
}


/* --- accordion --- */
.collapse-arrow:before{
	display: inline-block;
}
.collapse-arrow {
	padding-bottom: 2px;
}
.accordion[aria-expanded="true"] .collapse-arrow:before {
	transform: rotate(90deg);
	transition: transform .2s ease-in-out;
}
.accordion[aria-expanded="false"] .collapse-arrow:before {
	transition: transform .2s ease-in-out;
}
.collapse-arrow-up:before{
	display: inline-block;
}
.collapse-arrow-up {
	padding-bottom: 2px;
}
.accordion[aria-expanded="true"] .collapse-arrow-up:before {
	transform: rotate(90deg);
	transition: transform .2s ease-in-out;
}
.accordion[aria-expanded="false"] .collapse-arrow-up:before {
	transform: rotate(-90deg);
	transition: transform .2s ease-in-out;
}
.accordion-header {
	align-self: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}

@media (max-width: 576px){
	.accordion-header-xs{
		padding: 4px 0px;
	}
}

/* --- alert --- */
.alert {
	padding-bottom: .5rem;
	padding-top: .5rem;
}
.alert-info {
	color: var(--08-black);
	background-color: #FFF;
	border-color: var(--bs-border-color-translucent);
	margin-bottom: 0rem;
}

.alert-info-header {
	font-weight: bold;
	padding-right: .5rem !important;
	color: var(--blue);
}