@charset "UTF-8";

/*********************
* Root Variables
*********************/
:root {
  --white: #ffffff;
  --light: #f2f2f2;
  --greyLight: #cccccc;
  --greyMid: #999999;
  --greyDark: #666666;
  --dark: #333333;
  --blackLight: #1A1A1A;
  --black: #000000;
  --colorPrimeLight: #666666;
  --colorPrime: #333333;
  --colorPrimeDark: #000000;
  --colorSecondLight: #999;
  --colorSecond: #00ABEF;
  --colorSecondDark: #0088c6;
  --colorThirdLight: #ffffff;
  --colorThird: #f2f2f2;
  --colorThirdDark: #cccccc;
  --colorSuccess: #008900;
  --colorSuccessBg: #D8FFD8;
  --colorInfo: #1A1A1A;
  --colorInfoBg: #cfecf7;
  --colorWarning: #FFBF00;
  --colorWarningBg: #FAEBCC;
  --colorDanger: #9E0002;
  --colorDangerBg: #FFEFEF;
  --colorLink: #7f7f7f;
  --colorLinkDark: #444;
  --colorBorder: #666666;
  --colorHoverPrime: #000000;
  --colorHoverSecond: #7f7f7f;
  --colorHoverThird: #cccccc;
  --colorHoverLight: #d9e6f2;
  --colorHoverDark: #424242;
  --colorHoverInfo: #666666;
  --colorHoverSuccess: #007700;
  --colorHoverWarning: #ca9700;
  --colorHoverDanger: #860001;
  --colorHoverLink: #000000;
  --colorHoverBorder: #999999;
  --RGB-white: #ffffff;
  --RGB-light: #f2f2f2;
  --RGB-greyLight: #cccccc;
  --RGB-greyMid: #999999;
  --RGB-greyDark: #666666;
  --RGB-dark: #333333;
  --RGB-black: #000000;
  --RGB-colorPrimeLight: #666666;
  --RGB-colorPrime: #333333;
  --RGB-colorPrimeDark: #000000;
  --RGB-colorSecondLight: #666;
  --RGB-colorSecond: #666;
  --RGB-colorSecondDark: #444;
  --RGB-colorThirdLight: #ffffff;
  --RGB-colorThird: #f2f2f2;
  --RGB-colorThirdDark: #cccccc;
  --RGB-colorInfo: #1A1A1A;
  --RGB-colorSuccess: #008900;
  --RGB-colorWarning: #FFBF00;
  --RGB-colorDanger: #9E0002;
  --RGB-colorLink: #666666;
  --RGB-colorLinkDark: #000000;
  --RGB-colorBorder: #666666;
  --RGB-colorHoverPrime: #000000;
  --RGB-colorHoverSecond: #666;
  --RGB-colorHoverThird: #cccccc;
  --RGB-colorHoverLight: #d9e6f2;
  --RGB-colorHoverDark: #424242;
  --RGB-colorHoverInfo: #666;
  --RGB-colorHoverSuccess: #007700;
  --RGB-colorHoverWarning: #ca9700;
  --RGB-colorHoverDanger: #860001;
  --RGB-colorHoverLink: #666;
  --RGB-colorHoverBorder: #999999;
  --HSL-colorPrime: 360, 100%, 50%;
  --HSL-colorInfo: 219, 95%, 57%;
  --HSL-colorSuccess: 143, 88%, 44%;
  --HSL-colorWarning: 39, 95%, 59%;
  --HSL-colorDanger: 359, 96%, 62%;
  /*  
  --fontHead: "MBCorpoSTitle", Arial, Lucida, sans-serif;
  --fontBody: "MBCorpoSText", Arial, Lucida, sans-serif;
  --fontSerif: "MBCorpoATitle", Arial, Lucida, sans-serif;
  --fontSerifCond: "MBCorpoATitleCond", Arial, Lucida, sans-serif;
  */
  --fontHead: "DaimlerCSLight", Arial, Lucida, sans-serif;
  --fontBody: "DaimlerCSLight", Arial, Lucida, sans-serif;
  --fontSerif: "MBCorpoATitle", Arial, Lucida, sans-serif;
  --fontSerifCond: "MBCorpoATitleCond", Arial, Lucida, sans-serif;
  --rem-xs: 0.75rem;
  --rem-sm: 0.875rem;
  --rem-md: 1rem;
  --rem-lg: 1.25rem;
  --rem-xl: 1.5rem;
  --px-xs: 12px;
  --px-sm: 14px;
  --px-md: 16px;
  --px-lg: 20px;
  --px-xl: 24px;
  --shadowButton: 0 2px 14px -8px rgba(0, 0, 0, .29);
  --shadowBox: 0 .5em 1em -0.125em rgba(10, 10, 10, .1),
    0 0 0 1px rgba(10, 10, 10, .02);
  --shadowSharp: 0 2px 3px rgba(10, 10, 10, .1),
    0 0 0 1px rgba(10, 10, 10, .1);
}

@font-face {
  font-family: "MBCorpoSTitle";
  font-weight: 700;
  font-style: normal;
  src: local("MBCorpoSTitle-CondLight-Web"), url("/MBCorpoSTitle-CondLight-Web.woff2") format("woff2"), url("/MBCorpoSTitle-CondLight-Web.woff") format("woff"), url("/MBCorpoSTitle-CondLight-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoSTitle";
  font-weight: 700;
  font-style: normal;
  src: local("MBCorpoSTitle-CondRegular-Web"), url("/MBCorpoSTitle-CondRegular-Web.woff2") format("woff2"), url("/MBCorpoSTitle-CondRegular-Web.woff") format("woff"), url("/MBCorpoSTitle-CondRegular-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoSTitle";
  font-weight: 700;
  font-style: normal;
  src: local("MBCorpoSTitle-CondBold-Web"), url("/MBCorpoSTitle-CondBold-Web.woff2") format("woff2"), url("/MBCorpoSTitle-CondBold-Web.woff") format("woff"), url("/MBCorpoSTitle-CondBold-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoSText";
  font-weight: 300;
  font-style: normal;
  src: local("MBCorpoSText-Light-Web"), url("/MBCorpoSText-Light-Web.woff2") format("woff2"), url("/MBCorpoSText-Light-Web.woff") format("woff"), url("/MBCorpoSText-Light-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoSText";
  font-weight: 400;
  font-style: normal;
  src: local("MBCorpoSText-Regular-Web"), url("/MBCorpoSText-Regular-Web.woff2") format("woff2"), url("/MBCorpoSText-Regular-Web.woff") format("woff"), url("/MBCorpoSText-Regular-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoSText";
  font-weight: 700;
  font-style: normal;
  src: local("MBCorpoSText-Bold-Web"), url("/MBCorpoSText-Bold-Web.woff2") format("woff2"), url("/MBCorpoSText-Bold-Web.woff") format("woff"), url("/MBCorpoSText-Bold-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoATitle";
  font-weight: 400;
  font-style: normal;
  src: local("MBCorpoATitle-Regular-Web"), url("/MBCorpoATitle-Regular-Web.woff2") format("woff2"), url("/MBCorpoATitle-Regular-Web.woff") format("woff"), url("/MBCorpoATitle-Regular-Web.eot") format("eot");
}

@font-face {
  font-family: "MBCorpoATitleCond";
  font-weight: 400;
  font-style: normal;
  src: local("MBCorpoATitleCond-Regular-Web"), url("/MBCorpoATitleCond-Regular-Web.woff2") format("woff2"), url("/MBCorpoATitleCond-Regular-Web.woff") format("woff"), url("/MBCorpoATitleCond-Regular-Web.eot") format("eot");
}

/* Rediesign */
@font-face {
  font-family: "DaimlerCSLight";
  font-style: normal;
  font-weight: 300;
  src: local("DaimlerCS-Light"), url("DaimlerCS-Light.woff2") format("woff2"), url("DaimlerCS-Light.woff") format("woff");
}

@font-face {
  font-family: "DaimlerCS";
  font-weight: 400;
  font-style: normal;
  src: local("DaimlerCS-Regular"), url("/DaimlerCS-Regular.woff2") format("woff2"), url("/DaimlerCS-Regular.woff") format("woff");
}

@font-face {
  font-family: "DaimlerCSBold";
  font-weight: 700;
  font-style: normal;
  src: local("DaimlerCS-Bold"), url("/DaimlerCS-Bold.woff2") format("woff2"), url("/DaimlerCS-Bold.woff") format("woff");
}

/*End*/


html {
  font-size: 100%;
  background-color: var(--light) !important;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: var(--white) !important;
  align-items: center;
}

#liquid_form,
#content_form {
  width: 100%;
}

#content-container,
.content-container,
#mainContent,
#liquid_form,
#content_form,
.container[role=main],
.page-heading+div.container {
  flex: 1;
  padding-bottom: 2rem;
}

/* Ausnahme für Datenschutz background-color & h3 */
#mainContent.data-protection,
#mainContent.provider-and-legal-notes {
  background-color: var(--blackLight) !important;
}

#mainContent.data-protection h3,
#mainContent.provider-and-legal-notes h3 {
  margin: 2rem 0 1rem 0;
}

#mainContent.data-protection section,
#mainContent.provider-and-legal-notes section {
  background-color: transparent;
  padding: 3rem 0rem 1rem 0rem;
  margin: 0rem;
  border: none;
}

#mainContent.data-protection a,
#mainContent.data-protection a span,
#mainContent.provider-and-legal-notes a,
#mainContent.provider-and-legal-notes a span {
  color: var(--RGB-colorLink);
}

#mainContent.data-protection span,
#mainContent.data-protection ul,
#mainContent.provider-and-legal-notes span,
#mainContent.provider-and-legal-notes ul {
  color: var(--white);
}

#content-container.msc-login-bg .login-card {
  background-color: var(--white) !important;
}

#content-container.msc-login-bg form .section-login h2 {
  color: var(--black);
  width: inherit;
  margin: 1rem 0;
}

#content-container.msc-login-bg form .form-group .col-sm-offset-4 {
  margin-left: inherit;
  float: right;
}

#content-container.msc-login-bg form .form-group:last-child {
  position: relative;
}

#content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#content-container.signinpage {
  display: block;
  max-width: 1440px;
  margin: auto;
}

.section-user-account {
  flex: 1 0 auto;
  padding: var(--space) var(--space) 0;
  width: 100%;
}

html,
body,
div,
span,
ul,
li,
* {
  font-family: var(--fontBody), Arial;
  font-weight: 400;
  outline: none;
  font-size: 16px;
}

p,
.p,
.section-user-account p,
.section-support p,
.section-diagonal-left p,
.section-diagonal-right p {
  font-family: var(--fontBody), Arial !important;
  font-size: 16px !important;
}

h1,
h2,
h3,
h4 {
  display: inline-block;
  width: 100%;
  margin: 0 0 0.5rem 0;
}

h1 a,
h2 a,
h3 a,
h4 a {
  font: inherit;
  color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: inherit;
  text-decoration: none;
}

h1,
.h1,
h1 *,
.h1 * {
  font: 700 3rem/1em var(--fontHead) !important;
  word-wrap: break-word;
}

h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+.h2,
h1+.h3,
h1+.h4,
h1+.h5,
.h1+h2,
.h1+h3,
.h1+h4,
.h1+h5,
.h1+.h2,
.h1+.h3,
.h1+.h4,
.h1+.h5,
h1 *+h2,
h1 *+h3,
h1 *+h4,
h1 *+h5,
h1 *+.h2,
h1 *+.h3,
h1 *+.h4,
h1 *+.h5,
.h1 *+h2,
.h1 *+h3,
.h1 *+h4,
.h1 *+h5,
.h1 *+.h2,
.h1 *+.h3,
.h1 *+.h4,
.h1 *+.h5 {
  margin-top: -1rem;
}

h2,
.h2,
h2 *,
.h2 * {
  font: 700 2.25rem/1em var(--fontHead) !important;
  word-wrap: break-word;
  margin-bottom: 2rem;
}

h2+h3,
h2+h4,
h2+h5,
h2+.h3,
h2+.h4,
h2+.h5,
.h2+h3,
.h2+h4,
.h2+h5,
.h2+.h3,
.h2+.h4,
.h2+.h5,
h2 *+h3,
h2 *+h4,
h2 *+h5,
h2 *+.h3,
h2 *+.h4,
h2 *+.h5,
.h2 *+h3,
.h2 *+h4,
.h2 *+h5,
.h2 *+.h3,
.h2 *+.h4,
.h2 *+.h5 {
  margin-top: -1rem;
}

h2.validation-header {
  font-size: 1rem !important;
  color: var(--colorDanger) !important;
  margin-bottom: 0.5rem !important;
  text-transform: initial !important;
}

h2.validation-header .fa.fa-info-circle {
  font-size: 1rem !important;
  position: relative;
  margin-right: 8px;
  top: 4px;
}

h2.profile-page-heading .xrm-attribute-value {
  font: 700 1.875rem/1em var(--fontHead) !important;
  text-transform: initial !important;
}

h2.home-title {
  text-transform: none;
  padding: 16px;
  background: #fff;
  display: inline-block;
  width: auto;
  position: relative;
  top: -48px;
  margin-bottom: 0;
}

h3,
.h3,
h3 *,
.h3 * {
  font: 700 1.875rem/1em var(--fontHead) !important;
}

h3+h4,
h3+h5,
h3+.h4,
h3+.h5,
.h3+h4,
.h3+h5,
.h3+.h4,
.h3+.h5,
h3 *+h4,
h3 *+h5,
h3 *+.h4,
h3 *+.h5,
.h3 *+h4,
.h3 *+h5,
.h3 *+.h4,
.h3 *+.h5 {
  margin-top: -1rem;
}

h4,
.h4,
h4 *,
.h4 * {
  font: 700 1.5rem/1em var(--fontHead) !important;
}

h4+h5,
h4+.h5,
.h4+h5,
.h4+.h5,
h4 *+h5,
h4 *+.h5,
.h4 *+h5,
.h4 *+.h5 {
  margin-top: -1rem;
}

h5,
.h5,
h5 *,
.h5 * {
  font: 700 1.125rem/1em var(--fontHead) !important;
}

/* List style */
ul {
  list-style: square;
  padding-left: 1.5rem;
}

.menu-bar.msc-secondary-nav li.weblink,
.menu-bar.msc-secondary-nav li.dropdown {
  min-height: 49px;
  max-height: 49px;
  display: flex;
  align-items: center;
}

.menu-bar.msc-secondary-nav li.weblink a.info-link,
.menu-bar.msc-secondary-nav li.weblink a,
.menu-bar.msc-secondary-nav li.dropdown a.dropdown-toggle,
.menu-bar.msc-secondary-nav li.dropdown a.dropdown-toggle {
  display: flex;
  align-items: center;
}

ul.weblinks li.weblink a,
ul.weblinks li.weblink a *,
ul.weblinks li.dropdown a,
ul.weblinks li.dropdown a * {
  font: 400 1rem var(--fontBody) !important;
}

ul.weblinks li.weblink a:hover,
ul.weblinks li.weblink a:focus,
ul.weblinks li.dropdown a:hover,
ul.weblinks li.dropdown a:focus {
  background-color: initial;
  color: var(--colorHoverLink);
  text-decoration: none !important;
  border-bottom: 0;
  outline: none;
}

ul.weblinks li.weblink a .username,
ul.weblinks li.weblink a .drop_language,
ul.weblinks li.dropdown a .username,
ul.weblinks li.dropdown a .drop_language {
  font: 400 1rem var(--fontBody);
}

ul.weblinks li.weblink.open a,
ul.weblinks li.dropdown.open a {
  font: 400 1rem var(--fontBody) !important;
  color: var(--colorHoverLink);
  background-color: initial;
  text-decoration: none !important;
  border-bottom: 0;
  outline: none;
}

ul.weblinks li.weblink.open a:hover,
ul.weblinks li.weblink.open a:focus,
ul.weblinks li.dropdown.open a:hover,
ul.weblinks li.dropdown.open a:focus {
  background-color: initial;
  color: var(--colorHoverLink);
  text-decoration: none !important;
  border-bottom: 0;
  outline: none;
}

ul.weblinks li.weblink.open .dropdown-search,
ul.weblinks li.dropdown.open .dropdown-search {
  margin: 4px 0 0 8px !important;
  background-color: transparent !important;
}

/* Textarea */
textarea#msc_customercomplaintdescription,
textarea#msc_onetimecustomerrejectionreason,
textarea#description {
  max-height: 200px;
  height: 150px;
}

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

a,
.a,
a * {
  font: 400 1rem var(--fontBody);
  text-decoration: none !important;
  transition: all ease-in-out .3s;
}

a:hover,
.a:hover,
a *:hover {
  color: var(--colorHoverLink) !important;
}

a:focus,
.a:focus,
a *:focus {
  outline: none;
  color: var(--colorHoverLink) !important;
}

a.list-group-item {
  color: var(--colorLink);
}

a.list-group-item:hover {
  color: var(--colorLink);
}

.fa,
.glyphicon,
.glyphicon-arrow-right,
h5 span.glyphicon-arrow-right {
  font-family: "Glyphicons Halflings" !important;
}

h5 span.glyphicon-arrow-right {
  font-size: 12px !important;
  margin: auto 4px;
}

span.input-group-addon {
  border-color: var(--greyMid);
}

/* Date Picker */
.bootstrap-datetimepicker-widget tr td:hover .active {
  background-color: var(--colorSecondDark) !important;
}

.bootstrap-datetimepicker-widget tr td:hover .active button {
  color: var(--white) !important;
}

.bootstrap-datetimepicker-widget tr td.active button {
  background-color: transparent !important;
}

.bootstrap-datetimepicker-widget tr td.active:hover {
  background-color: var(--colorSecondDark) !important;
}

span.month.active,
td.day.active {
  background-color: var(--colorSecond) !important;
}

span.month.active button,
td.day.active button {
  color: var(--white);
}

/* Modal Style: Try to fix Modal, not clear, better with class .subgrid { } */
.modal-form-details .modal-body,
.modal-form-insert .modal-body {
  margin: -15px;
}

.modal-dialog html {
  background-color: var(--white) !important;
}

.modal-dialog .modal-header h1,
.modal-dialog .modal-header h4 {
  font-size: 1.875rem !important;
  font-weight: 700;
}

.modal-dialog .modal-header .fa {
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.25rem !important;
}

.modal-dialog .form-loading .fa.fa-spinner.fa-spin.fa-4x {
  font-size: 32px !important;
}

/* Alle Modal muss die Klasse wrapper-body haben!!! */
#content-container.container.wrapper-body[role=main] {
  width: 100% !important;
  background-color: var(--white) !important;
}

#content-container.container.wrapper-body[role=main] #content #mainContent,
#content-container.container.wrapper-body[role=main] #content #mainContent #content_form {
  background-color: var(--white) !important;
}

#content-container.container.wrapper-body[role=main] #content #mainContent #EntityFormPanel,
#content-container.container.wrapper-body[role=main] #content #mainContent #content_form #EntityFormPanel {
  border: none;
}

#content-container.container.wrapper-body[role=main] .tab {
  padding-top: 15px;
}

#content-container.container.wrapper-body[role=main] .tab-title {
  font-size: 1.5rem !important;
  border: none !important;
  display: none;
}

#content-container.container.wrapper-body[role=main] table[data-name=detailview_documents] td.sharepoint-documents {
  border: none;
}

#content-container.container.wrapper-body[role=main] table[data-name=detailview_documents] td.sharepoint-documents .postedon abbr {
  text-decoration: none;
}

.wrapper-body .notes .note .attachment-outer-border {
  border: none;
  padding: 0px 14px 8px 14px;
}

.wrapper-body .notes .note .attachment-outer-border .createdby,
.wrapper-body .notes .note .attachment-outer-border .attachment-separator {
  display: none;
}

.notes .note .row .content .attachment-outer-border .createdby,
.notes .note .row .content .attachment-outer-border .attachment-separator {
  display: none;
}


.notes .note .row .content .attachment-outer-border {
  border: none;
  padding: 0px 14px 8px 14px;
}

.wrapper-body .notes .note .attachment-outer-border .attachment-loadmore-section .attachment {
  padding-top: 0;
  margin: 0;
}

.wrapper-body .notes .note .glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.wrapper-body .notes .note span.glyphicon.glyphicon-arrow-right {
  font-size: 0.875rem !important;
  display: inline-block;
  margin: auto 8px;
}

/* Modal Cookie Popup */
#modalcookiepupup .modal-body {
  background: var(--blackLight);
  overflow: auto;
}

#modalcookiepupup .modal-body * {
  color: var(--white) !important;
}

#modalcookiepupup .modal-body .cookie-table {
  border: solid 1px var(--greyLight);
  min-width: 700px;
  overflow: auto;
}

#modalcookiepupup .modal-body .cookie-table tr th,
#modalcookiepupup .modal-body .cookie-table tr td {
  padding: 8px;
  border: solid 1px var(--greyMid);
}

#modalcookiepupup .modal-body .cookie-table tr:nth-of-type(odd) {
  background: var(--black);
}

.modal-link:hover {
  cursor: pointer;
}

.modal .close {
  position: absolute;
  right: 20px;
}

.modal .modal-footer {
  display: flex;
}

.modal .modal-footer .btn-secondary {
  margin-right: auto;
}

.modal .modal-footer .btn-primary {
  float: right;
  margin-left: 0px;
}

/* End Modal Style*/
::-moz-selection {
  background: var(--blackLight);
  color: var(--white);
}

::selection {
  background: var(--blackLight);
  color: var(--white);
}

.data-protection ::-moz-selection,
.provider-and-legal-notes ::-moz-selection,
#modalcookiepupup ::-moz-selection {
  background: var(--white);
  color: var(--blackLight);
}

.data-protection ::selection,
.provider-and-legal-notes ::selection,
#modalcookiepupup ::selection {
  background: var(--white);
  color: var(--blackLight);
}

.breadcrumb li {
  font: 400 0.875rem var(--fontBody) !important;
}

.breadcrumb li a {
  font: 400 0.875rem var(--fontBody) !important;
  margin-left: 0 !important;
}

.breadcrumb li a:hover {
  color: var(--colorHoverLink) !important;
  text-decoration: none !important;
}

.breadcrumb li+li::before {
  content: "»";
}

.breadcrumb>.active {
  font: 400 0.875rem var(--fontBody) !important;
  color: var(--greyMid);
}

input::placeholder {
  color: var(--greyMid) !important;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: var(--greyMid) !important;
}

input::-ms-input-placeholder {
  color: var(--greyMid) !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* Anpassung für h1 -> h2 [Kontakt] und andere Seitenüberschrift */
.page-heading .page-header h1 {
  font: 700 2.25rem/1em var(--fontHead) !important;
  margin-bottom: 2rem;
}

.page-heading .page-header h1 * {
  font: 700 2.25rem/1em var(--fontHead) !important;
  margin-bottom: 2rem;
}

/*End*/
.page-heading a.btn-default .fa-print {
  display: none;
}

.page-heading a.btn-default span {
  font: 400 1rem/1em var(--fontBody);
}

.page-heading+#content-container.container.wrapper-body[role=main] {
  width: 1170px !important;
  background-color: var(--light) !important;
}

.article #RelatedAttachments .panel-heading {
  padding-left: 0px;
  padding-right: 0px;
}

.panel-default>.panel-heading {
  padding-left: 0;
  font: 700 1rem/1em var(--fontHead) !important;
}

/* Table style */
table.section td.sharepoint-documents {
  border: none;
}

table.section td.sharepoint-documents .postedon abbr {
  text-decoration: none;
}

table .info.required,
table .info {
  margin-top: 8px;
}

table#printableresult>tbody>tr>th {
  border: none;
  /* font-weight: 700; */
}

table#printableresult>tbody>tr>td {
  border: none;
}

table[data-name="tab_4_section_contract"] tbody tr:nth-child(3) {
  display: none;
}

/* Table hide tr margin */
.reklamation table.section tr:nth-of-type(18) td,
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(10) td,
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(17) td,
.abrechnung-erstellen-cc table.section tr:nth-of-type(10) td,
.abrechnung-erstellen-otc table.section tr:nth-of-type(17) td {
  margin-bottom: 0 !important;
}

.abrechnung-verarbeiten-cc table.section tr:nth-of-type(9) td .info,
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(17) td,
.abrechnung-erstellen-cc table.section tr:nth-of-type(9) td .info,
.abrechnung-erstellen-otc table.section tr:nth-of-type(17) td {
  margin-top: 0;
}

.reklamation table.section tr:nth-of-type(18),
.reklamation table.section tr:nth-of-type(18),
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(10),
/* Begründung */
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(10),
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(15),
/* Rechnung hochgeladen */
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(15),
.abrechnung-verarbeiten-cc table.section tr:nth-of-type(17),
/* Grund der Auschleusung */
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(17),
/* Begründung */
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(17),
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(22),
/* Rechnung hochgeladen */
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(22),
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(23),
/* Grund der Auschleusung */
.abrechnung-erstellen-cc table.section tr:nth-of-type(10),
/* Begründung */
.abrechnung-erstellen-cc table.section tr:nth-of-type(15),
/* Rechnung hochgeladen */
.abrechnung-erstellen-cc table.section tr:nth-of-type(16),
/* Grund der Auschleusung */
.abrechnung-erstellen-otc table.section tr:nth-of-type(17),
/* Begründung */
.abrechnung-erstellen-otc table.section tr:nth-of-type(22),
/* Rechnung hochgeladen */
.abrechnung-erstellen-otc table.section tr:nth-of-type(23),
/* Grund der Auschleusung */
.abrechnung-bearbeiten table.section tr:nth-of-type(17),
.abrechnung-bearbeiten table.section tr:nth-of-type(17),
.abrechnung-bearbeiten-first table.section tr:nth-of-type(9),
.abrechnung-bearbeiten-first table.section tr:nth-of-type(9),
.abrechnung-bearbeiten-first table.section tr:nth-of-type(16),
.abrechnung-bearbeiten-first table.section tr:nth-of-type(16),
.abrechnung-bearbeiten-first table.section tr:nth-of-type(17),
/* Grund der Auschleusung */
.abrechnung-korrigieren table.section tr:nth-of-type(9),
.abrechnung-korrigieren table.section tr:nth-of-type(9),
.abrechnung-korrigieren table.section tr:nth-of-type(16),
.otc-abrechnung-korrigieren table.section tr:nth-of-type(18),
.abrechnung-einmalkunden table.section tr:nth-of-type(16),
.abrechnung-einmalkunden table.section tr:nth-of-type(16),
.abrechnung-kartenkunden table.section tr:nth-of-type(10),
.abrechnung-kartenkunden table.section tr:nth-of-type(10),
.otc-invoice-create table.section tr:nth-of-type(20),
.otc-invoice-create table.section tr:nth-of-type(20),
.invoice-create table.section tr:nth-of-type(12),
.invoice-create table.section tr:nth-of-type(12),
.otc-invoice-correction table.section tr:nth-of-type(18),
.invoice-correction table.section tr:nth-of-type(9),
.invoice-correction table.section tr:nth-of-type(9),
.invoice-correction table.section tr:nth-of-type(15),
.invoice-correction table.section tr:nth-of-type(15),
.invoice-correction table.section tr:nth-of-type(16),
/* Grund der Auschleusung */
.otc-invoice-complaint table.section tr:nth-of-type(18),
.invoice-complaint table.section tr:nth-of-type(10),
.invoice-complaint table.section tr:nth-of-type(10),
.invoice-complaint table.section tr:nth-of-type(16),
.invoice-complaint table.section tr:nth-of-type(16),
.invoice-complaint table.section tr:nth-of-type(17),
/* Grund der Auschleusung */
.otc-invoice-correction table.section tr:nth-of-type(18),
.otc-invoice-correction table.section tr:nth-of-type(24),
.otc-invoice-correction table.section tr:nth-of-type(24),
.otc-invoice-correction table.section tr:nth-of-type(25),
/* Grund der Auschleusung */
.otc-invoice-complaint table.section tr:nth-of-type(18),
.otc-invoice-complaint table.section tr:nth-of-type(24),
.otc-invoice-complaint table.section tr:nth-of-type(24),
.otc-invoice-complaint table.section tr:nth-of-type(25),
/* Grund der Auschleusung */
.otc-abrechnung-korrigieren table.section tr:nth-of-type(18),
.otc-abrechnung-korrigieren table.section tr:nth-of-type(24),
.otc-abrechnung-korrigieren table.section tr:nth-of-type(24),
.otc-abrechnung-korrigieren table.section tr:nth-of-type(25)

/* Grund der Auschleusung */
  {
  display: none;
  display: none;
}

.otc-invoice-correction table.section tr:nth-of-type(10) td:first-child,
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(9) td:first-child,
.abrechnung-erstellen-otc table.section tr:nth-of-type(9) td:first-child,
.otc-abrechnung-korrigieren table.section tr:nth-of-type(10) td:first-child,
.otc-invoice-create table.section tr:nth-of-type(10) td:first-child,
.otc-invoice-complaint table.section tr:nth-of-type(10) td:first-child {
  display: flex;
  align-items: flex-start;
}

.otc-invoice-correction table.section tr:nth-of-type(10) td .info,
.otc-invoice-correction table.section tr:nth-of-type(10) td .control,
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(9) td .info,
.abrechnung-verarbeiten-otc table.section tr:nth-of-type(9) td .control,
.abrechnung-erstellen-otc table.section tr:nth-of-type(9) td .info,
.abrechnung-erstellen-otc table.section tr:nth-of-type(9) td .control,
.otc-abrechnung-korrigieren table.section tr:nth-of-type(10) td .info,
.otc-abrechnung-korrigieren table.section tr:nth-of-type(10) td .control,
.otc-invoice-create table.section tr:nth-of-type(10) td .info,
.otc-invoice-create table.section tr:nth-of-type(10) td .control,
.otc-invoice-complaint table.section tr:nth-of-type(10) td .info,
.otc-invoice-complaint table.section tr:nth-of-type(10) td .control {
  flex: 1;
}

#msc_vehicleregistrationdocument_delete_button {
  display: none;
}

#msc_vehicleregistrationdocument {
  width: 150px;
}

.abrechnung-verarbeiten-otc [data-name=section_invoice],
.abrechnung-verarbeiten-otc [data-name=section_invoicerecipient],
.abrechnung-verarbeiten-cc [data-name=section_invoice],
.abrechnung-verarbeiten-cc [data-name=section_invoicerecipient],
.abrechnung-erstellen-otc [data-name=section_invoice],
.abrechnung-erstellen-otc [data-name=section_invoicerecipient],
.abrechnung-erstellen-cc [data-name=section_invoice],
.abrechnung-erstellen-cc [data-name=section_invoicerecipient],
.otc-invoice-correction [data-name=section_invoice],
.otc-invoice-correction [data-name=section_invoicerecipient],
.invoice-correction [data-name=section_invoice],
.invoice-correction [data-name=section_invoicerecipient],
.invoice-complaint [data-name=section_invoice],
.invoice-complaint [data-name=section_invoicerecipient],
.abrechnung-verarbeiten-otc .tab-title,
.abrechnung-verarbeiten-cc .tab-title,
.abrechnung-erstellen-otc .tab-title,
.abrechnung-erstellen-cc .tab-title,
.otc-invoice-correction .tab-title,
.invoice-correction .tab-title,
.invoice-complaint .tab-title,
.otc-invoice-complaint .tab-title,
.abrechnung-bearbeiten-first .tab-title,
.otc-abrechnung-korrigieren .tab-title,
.abrechnung-korrigieren .tab-title,
.abrechnung-bearbeiten-first .money .input-group-addon,
.otc-invoice-correction .money .input-group-addon,
.invoice-correction .money .input-group-addon,
.invoice-complaint .money .input-group-addon,
.otc-invoice-complaint .money .input-group-addon,
.otc-abrechnung-korrigieren .money .input-group-addon {
  display: none;
}

/* General with MSC */
.msc-login-bg.truck {
  background-image: url(trucks-background-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-color: var(--white) !important;
}

.msc-login-bg.bus {
  background-image: url(bus-background-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: var(--white) !important;
}

.msc-login-bg.outlet {
  background-image: url(outlet-background-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: var(--white) !important;
}

.msc-login-bg .section-login h2 {
  margin: 5rem 0 4rem;
}

.bus .msc-login-bg .section-login h2,
.outlet .msc-login-bg .section-login h2 {
  margin: 5rem 0 4rem;
  font: 400 2.25rem / 1em var(--fontBody) !important;
}

.msc-login-bg .section-login .login-card {
  background: var(--white);
  padding: 1rem;
  height: 100%;
  min-height: 140px;
}

.msc-login-bg .section-login .login-card h3 {
  font: 700 2.25rem/1em var(--fontHead) !important;
  word-wrap: break-word;
}

.msc-login-bg .section-login .login-card .login-choose {
  display: flex;
  align-items: center;
  min-height: 70px;
}

.msc-login-bg .section-login .login-card .login-choose .description {
  position: relative;
  margin-left: 8px;
}

.msc-login-bg .section-login .login-card .login-choose .description-1,
.msc-login-bg .section-login .login-card .login-choose .description-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.msc-login-bg .section-login .login-card .login-choose .description-1 {
  display: block;
  animation: fadeIn 1s;
}

.msc-login-bg .section-login .login-card .login-choose .description-2 {
  display: none;
  background-color: var(--greyLight);
  animation: fadeOut 1s;
}

.msc-login-bg .section-login .login-card .login-choose .btn-black-icon {
  min-width: 150px;
  /*@media (min-width:576px) {
      &:hover+.description .description-1 {
          display: none;
          animation: fadeOut .3s;
      }

      &:hover+.description .description-2 {
          display: block;
          animation: fadeIn .3s;
          width: 360px;
      }
  }*/
}

.msc-flex-row-end {
  display: flex;
  justify-content: flex-end;
}

.msc-flex-row {
  display: flex;
  flex-direction: row;
}

.msc-flex-row-start {
  display: flex;
  justify-content: flex-start;
}

img.full-width {
  width: 100%;
}

.msc-flex-row-start img {
  width: 25px;
  height: 25px;
  position: relative;
  left: -5px;
}

.msc-flex-row-center {
  display: flex !important;
  align-items: center !important;
}

.msc-flex-row-center.temp-ausprobieren {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end !important;
}

/*.msc-primary-navigation-container {
  background-color: var(--blackLight);
}*/

.msc-primary-navigation-container .msc-pri-nav .weblinks .weblink a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.msc-primary-navigation-container .msc-pri-nav .weblinks .weblink:first-child a {
  margin-left: 0;
  padding-left: 0;
}

.msc-primary-navigation-container .msc-pri-nav .weblinks .navbar-icon {
  padding-top: 10px;
  padding-bottom: 10px;
}

.msc-primary-navigation-container .msc-pri-nav .weblinks .msc-sec-nav .weblink a,
.msc-primary-navigation-container .msc-pri-nav .weblinks .msc-sec-nav .dropdown a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.msc-primary-navigation-container .msc-pri-nav .weblinks .msc-sec-nav .divider-vertical {
  margin-top: 10px !important;
}

.msc-navbar-title-right {
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  padding-top: 12px;
  padding-right: 4px;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.msc-navbar-title-right span {
  font: 400 1.125rem var(--fontBody);
  color: var(--black);
}

.truck .msc-navbar-title-right,
.bus .msc-navbar-title-right {
  display: block;
}

/*.msc-navbar-title-right .divider-vertical {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: var(--white);
  margin: 1px 20px 0px 20px;
}*/

.visiable {
  display: block !important;
}

.msc-footer {
  background-color: var(--white) !important;
}

.msc-footer-item {
  display: inline-block;
  margin: 1rem 0rem;
  font: 400 0.875rem var(--fontBody);
  color: var(--greyMid);
  white-space: nowrap;
}

.msc-footer-link {
  color: var(--black);
  text-decoration: none !important;
  font: 400 0.875rem var(--fontBody) !important;
  transition: all ease-in-out .3s;
}

.msc-footer-link:hover {
  color: var(--colorHoverLink);
  text-decoration: none;
}

.msc-footer-legal-notice {
  font: 400 0.875rem var(--fontBody);
  color: var(--black);
}

.msc-ul {
  margin: 0;
  list-style: square;
}

.msc-secondary-nav .dropdown.msc-flex-row-center,
.msc-secondary-nav .dropdown-menu li.msc-flex-row-center {
  padding-left: 18px;
}

.msc-secondary-nav .dropdown .Deutsch,
.msc-secondary-nav .dropdown .English,
.msc-secondary-nav .dropdown .Čeština,
.msc-secondary-nav .dropdown .Español,
.msc-secondary-nav .dropdown .Français,
.msc-secondary-nav .dropdown .Italiano,
.msc-secondary-nav .dropdown .Nederlands,
.msc-secondary-nav .dropdown .Türkçe,
.msc-secondary-nav .dropdown .Română,
.msc-secondary-nav .dropdown .Polski,
.msc-secondary-nav .dropdown i.de-DE,
.msc-secondary-nav .dropdown i.en-GB,
.msc-secondary-nav .dropdown i.en-UK,
.msc-secondary-nav .dropdown i.cs-CZ,
.msc-secondary-nav .dropdown i.es-ES,
.msc-secondary-nav .dropdown i.fr-FR,
.msc-secondary-nav .dropdown i.it-IT,
.msc-secondary-nav .dropdown i.nl-NL,
.msc-secondary-nav .dropdown i.pl-PL,
.msc-secondary-nav .dropdown i.ro-RO,
.msc-secondary-nav .dropdown i.tr-TR,
.msc-secondary-nav .dropdown-menu li .Deutsch,
.msc-secondary-nav .dropdown-menu li .English,
.msc-secondary-nav .dropdown-menu li .Čeština,
.msc-secondary-nav .dropdown-menu li .Español,
.msc-secondary-nav .dropdown-menu li .Français,
.msc-secondary-nav .dropdown-menu li .Italiano,
.msc-secondary-nav .dropdown-menu li .Nederlands,
.msc-secondary-nav .dropdown-menu li .Türkçe,
.msc-secondary-nav .dropdown-menu li .Română,
.msc-secondary-nav .dropdown-menu li .Polski,
.msc-secondary-nav .dropdown-menu li i.de-DE,
.msc-secondary-nav .dropdown-menu li i.en-GB,
.msc-secondary-nav .dropdown-menu li i.en-UK,
.msc-secondary-nav .dropdown-menu li i.cs-CZ,
.msc-secondary-nav .dropdown-menu li i.es-ES,
.msc-secondary-nav .dropdown-menu li i.fr-FR,
.msc-secondary-nav .dropdown-menu li i.it-IT,
.msc-secondary-nav .dropdown-menu li i.nl-NL,
.msc-secondary-nav .dropdown-menu li i.pl-PL,
.msc-secondary-nav .dropdown-menu li i.ro-RO,
.msc-secondary-nav .dropdown-menu li i.tr-TR {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  transition: all 0.4s;
}

.msc-secondary-nav .dropdown i.de-DE,
.msc-secondary-nav .dropdown i.en-GB,
.msc-secondary-nav .dropdown i.en-UK,
.msc-secondary-nav .dropdown i.cs-CZ,
.msc-secondary-nav .dropdown i.es-ES,
.msc-secondary-nav .dropdown i.fr-FR,
.msc-secondary-nav .dropdown i.it-IT,
.msc-secondary-nav .dropdown i.nl-NL,
.msc-secondary-nav .dropdown i.pl-PL,
.msc-secondary-nav .dropdown i.ro-RO,
.msc-secondary-nav .dropdown i.tr-TR,
.msc-secondary-nav .dropdown-menu li i.de-DE,
.msc-secondary-nav .dropdown-menu li i.en-GB,
.msc-secondary-nav .dropdown-menu li i.en-UK,
.msc-secondary-nav .dropdown-menu li i.cs-CZ,
.msc-secondary-nav .dropdown-menu li i.es-ES,
.msc-secondary-nav .dropdown-menu li i.fr-FR,
.msc-secondary-nav .dropdown-menu li i.it-IT,
.msc-secondary-nav .dropdown-menu li i.nl-NL,
.msc-secondary-nav .dropdown-menu li i.pl-PL,
.msc-secondary-nav .dropdown-menu li i.ro-RO,
.msc-secondary-nav .dropdown-menu li i.tr-TR {
  margin-right: 8px;
}

.msc-secondary-nav .dropdown .Deutsch,
.msc-secondary-nav .dropdown i.de-DE,
.msc-secondary-nav .dropdown-menu li .Deutsch,
.msc-secondary-nav .dropdown-menu li i.de-DE {
  background-image: url(de.png);
}

.msc-secondary-nav .dropdown .English,
.msc-secondary-nav .dropdown i.en-GB,
.msc-secondary-nav .dropdown i.en-UK,
.msc-secondary-nav .dropdown-menu li .English,
.msc-secondary-nav .dropdown-menu li i.en-GB,
.msc-secondary-nav .dropdown-menu li i.en-UK {
  background-image: url(en.png);
}

.msc-secondary-nav .dropdown .Čeština,
.msc-secondary-nav .dropdown i.cs-CZ,
.msc-secondary-nav .dropdown-menu li .Čeština,
.msc-secondary-nav .dropdown-menu li i.cs-CZ {
  background-image: url(cz.png);
}

.msc-secondary-nav .dropdown .Español,
.msc-secondary-nav .dropdown i.es-ES,
.msc-secondary-nav .dropdown-menu li .Español,
.msc-secondary-nav .dropdown-menu li i.es-ES {
  background-image: url(es.png);
}

.msc-secondary-nav .dropdown .Français,
.msc-secondary-nav .dropdown i.fr-FR,
.msc-secondary-nav .dropdown-menu li .Français,
.msc-secondary-nav .dropdown-menu li i.fr-FR {
  background-image: url(fr.png);
}

.msc-secondary-nav .dropdown .Italiano,
.msc-secondary-nav .dropdown i.it-IT,
.msc-secondary-nav .dropdown-menu li .Italiano,
.msc-secondary-nav .dropdown-menu li i.it-IT {
  background-image: url(it.png);
}

.msc-secondary-nav .dropdown .Nederlands,
.msc-secondary-nav .dropdown i.nl-NL,
.msc-secondary-nav .dropdown-menu li .Nederlands,
.msc-secondary-nav .dropdown-menu li i.nl-NL {
  background-image: url(nl.png);
}

.msc-secondary-nav .dropdown .Polski,
.msc-secondary-nav .dropdown i.pl-PL,
.msc-secondary-nav .dropdown-menu li .Polski,
.msc-secondary-nav .dropdown-menu li i.pl-PL {
  background-image: url(pl.png);
}

.msc-secondary-nav .dropdown .Română,
.msc-secondary-nav .dropdown i.ro-RO,
.msc-secondary-nav .dropdown-menu li .Română,
.msc-secondary-nav .dropdown-menu li i.ro-RO {
  background-image: url(ro.png);
}

.msc-secondary-nav .dropdown .Türkçe,
.msc-secondary-nav .dropdown i.tr-TR,
.msc-secondary-nav .dropdown-menu li .Türkçe,
.msc-secondary-nav .dropdown-menu li i.tr-TR {
  background-image: url(tr.png);
}

.msc-secondary-nav .dropdown .dropdown-toggle,
.msc-secondary-nav .dropdown-menu li .dropdown-toggle {
  display: flex;
  align-items: center;
  height: 42px;
}

.msc-content-header-image {
  display: flex;
  align-items: center;
  /*background-image: url(/msc-startseite-image.jpg);*/
  order: 1;
  padding: 3rem !important;
  margin: 0rem -3rem;
  border-width: 0px;
  border-color: var(--colorBorder);
  border-style: solid;
  min-height: 310px;
  background-size: cover;
  background-position: 70%;
}

.msc-content-header-image .section-landing-heading {
  margin-bottom: 0;
}

.msc-support h2.content-heading {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.msc-form-note {
  margin-top: 2rem;
  font-size: 0.75rem;
  line-height: 1.5em;
}

/* Service Card Bilder */
.msc-image-card-container table tr th,
.right-column table tr th {
  white-space: nowrap;
}

.msc-image-card-container .msc-img-card,
.msc-image-card-container .msc-img-osccard,
.right-column .msc-img-card,
.right-column .msc-img-osccard {
  background-image: url(/msccard.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 220px;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-end;
}

.msc-image-card-container .msc-img-osccard .card-info,
.right-column .msc-img-card .card-info,
.right-column .msc-img-osccard .card-info {
  color: var(--white);
  font-size: 13px;
  margin-left: 1.5rem;
  margin-bottom: 0.5rem;
  padding: 8px 16px 8px 0;
}

.msc-image-card-container .msc-img-card .card-info,
.right-column .msc-img-card .card-info,
.right-column .msc-img-osccard .card-info {
  color: var(--white);
  font-size: 13px;
  margin-left: 2rem;
  margin-bottom: 1rem;
  padding: 8px 16px 8px 0;
}

.msc-image-card-container .msc-img-card .card-info .card-number,
.msc-image-card-container .msc-img-osccard .card-info .card-number,
.right-column .msc-img-card .card-info .card-number,
.right-column .msc-img-osccard .card-info .card-number {
  font-size: 20px;
}

.msc-image-card-container .msc-img-card .card-info .customer-no,
.msc-image-card-container .msc-img-osccard .card-info .customer-no,
.right-column .msc-img-card .card-info .customer-no,
.right-column .msc-img-osccard .card-info .customer-no {
  font-size: 10px;
  font-weight: 700;
}

.msc-image-card-container .msc-img-osccard,
.right-column .msc-img-osccard {
  background-image: url(/osccard.png);
}

.msc-image-card-container .msc-img-osccard .card-info,
.right-column .msc-img-osccard .card-info {
  margin-left: 1rem;
  color: var(--blackLight);
  background: transparent;
}

/* End Service Card Bilder*/
/* Entitylist Filter */
.entitylist-filter {
  margin-bottom: 9px;
}

.entitylist-filter .panel-body {
  display: flex;
  align-items: center;
  padding: 8px;
}

.entitylist-filter .list-inline {
  margin-bottom: 0;
}

.entitylist-filter .entitylist-filter-option-group label.h4 {
  font-size: 18px !important;
  margin: 0;
}

.entitylist-filter .entitylist-filter-option-group .entitylist-filter-option-group-box-overflow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.entitylist-filter .entitylist-filter-option-group .entitylist-filter-option-group-box-overflow .entitylist-filter-option {
  margin-right: 1rem;
}

.entitylist-filter .entitylist-filter-option-group .entitylist-filter-option-group-box-overflow .entitylist-filter-option .checkbox {
  margin-top: 4px;
  margin-bottom: 4px;
}

.contact-description {
  margin-bottom: 2rem;
}

.servicecontract-hint-box {
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 1px;
}

.hint-row {
  margin-bottom: 10px !important;
}

.hint-box {
  padding-top: 5px;
  padding-left: 20px;
  padding-bottom: 1px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 10px;
}

.btn-black-icon {
  color: var(--white) !important;
  background-color: var(--blackLight) !important;
  border-color: transparent !important;
  border-radius: 2px !important;
  font: 400 0.875rem var(--fontBody) !important;
  padding: 0px !important;
  border-style: solid !important;
  margin-right: 0px !important;
  text-transform: uppercase;
  text-align: left;
  display: flex;
  align-items: center;
}

.btn-black-icon:hover,
.btn-black-icon:active,
.btn-black-icon:focus,
.btn-black-icon[disabled]:hover,
.btn-black-icon[disabled]:active,
.btn-black-icon[disabled]:focus,
.btn-black-icon.active,
.btn-black-icon.focus,
.btn-black-icon:active:hover,
.btn-black-icon:active:focus,
.btn-black-icon:active.focus,
.btn-black-icon.active:hover,
.btn-black-icon.active:focus,
.btn-black-icon.active.focus {
  color: var(--white) !important;
  background-color: var(--black) !important;
  border-color: transparent !important;
  outline: none !important;
}

.btn-black-icon:hover .glyphicon {
  color: var(--white) !important;
}

.btn-black-icon i {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: 100%;
  margin: 0 0.25rem;
}

.btn-black-icon i.btn-icon-customer {
  background-image: url(/icon-customer-white.png);
}

.btn-black-icon i.btn-icon-dealer {
  background-image: url(/icon-dealer-white.png);
}

input.btn-primary,
.btn-primary {
  color: var(--white) !important;
  background-color: var(--colorSecond) !important;
  border-color: transparent !important;
  border-radius: 2px !important;
  font: 400 0.875rem var(--fontBody) !important;
  padding: 7px 16px !important;
  border-style: solid !important;
  margin-right: 0px !important;
  min-width: 80px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

input.btn-info,
.btn-info {
  color: var(--white) !important;
  background-color: var(--colorSecond) !important;
  border-color: transparent !important;
  border-radius: 2px !important;
  font: 400 0.875rem var(--fontBody) !important;
  padding: 4px 16px !important;
  border-style: solid !important;
  margin-right: 0px !important;
  min-width: 80px;
  height: 35px;
}

input.btn-primary:hover,
input.btn-primary:active,
input.btn-primary:focus,
input.btn-primary[disabled]:hover,
input.btn-primary[disabled]:active,
input.btn-primary[disabled]:focus,
input.btn-primary.active,
input.btn-primary.focus,
input.btn-primary:active:hover,
input.btn-primary:active:focus,
input.btn-primary:active.focus,
input.btn-primary.active:hover,
input.btn-primary.active:focus,
input.btn-primary.active.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  color: var(--white) !important;
  background-color: var(--colorSecondDark) !important;
  border-color: transparent !important;
  outline: none !important;
}

input.btn-primary:hover .glyphicon,
.btn-primary:hover .glyphicon {
  color: var(--white) !important;
}


input.btn-info:hover,
input.btn-info:active,
input.btn-info:focus,
input.btn-info[disabled]:hover,
input.btn-info[disabled]:active,
input.btn-info[disabled]:focus,
input.btn-info.active,
input.btn-info.focus,
input.btn-info:active:hover,
input.btn-info:active:focus,
input.btn-info:active.focus,
input.btn-info.active:hover,
input.btn-info.active:focus,
input.btn-info.active.focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info.active,
.btn-info.focus,
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus {
  color: var(--white) !important;
  background-color: var(--colorSecondDark) !important;
  border-color: transparent !important;
  outline: none !important;
}

a.btn-default,
.btn-default {
  color: var(--white) !important;
  background-color: var(--colorLink) !important;
  border: none !important;
  border-radius: 2px !important;
  font: 400 0.875rem var(--fontBody) !important;
  padding: 7px 16px !important;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-secondary {
  color: var(--white) !important;
  background-color: var(--colorLink) !important;
  border: none !important;
  border-radius: 2px !important;
  font: 400 0.875rem var(--fontBody) !important;
  padding: 7px 16px !important;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.btn-default:hover,
a.btn-default:active,
a.btn-default:focus,
a.btn-default[disabled]:hover,
a.btn-default[disabled]:active,
a.btn-default[disabled]:focus,
a.btn-default.active,
a.btn-default.focus,
a.btn-default:active:hover,
a.btn-default:active:focus,
a.btn-default:active.focus,
a.btn-default.active:hover,
a.btn-default.active:focus,
a.btn-default.active.focus,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default.active,
.btn-default.focus,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
  color: var(--white) !important;
  background-color: var(--RGB-colorHoverLink) !important;
  border: none !important;
  outline: none !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary:active.focus,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active.focus {
  color: var(--white) !important;
  background-color: var(--RGB-colorHoverLink) !important;
  border: none !important;
  outline: none !important;
}

#loginNoteContainerTrucksAdditionalCard .btn.btn-default {
  color: var(--white) !important;
}

#header-logo {
  width: 266px;
  height: 65px;
  background-size: 100%;
  background-image: url(msc-logo.png);
}

.view-grid .dropdown.action .dropdown-menu {
  display: flex !important;
  justify-content: flex-end;
}

.tooltip-inner {
  min-width: 120px;
}

/* datepicker day disabled */
.day.disabled>button {
  text-decoration: line-through;
  cursor: not-allowed;
  color: lightgrey;
}

/* Text muted in different place */
.abrechnung-bearbeiten .text-muted,
.abrechnung-korrigieren .text-muted,
.otc-abrechnung-korrigieren .text-muted,
.reklamation .text-muted {
  top: 7px !important;
  left: 8px !important;
}

input[readonly=readonly]+.text-muted,
textarea[readonly=readonly]+.text-muted,
select[readonly=readonly]+.text-muted {
  top: 7px !important;
  left: 8px !important;
}

.abrechnung-bearbeiten li.text-muted,
.abrechnung-korrigieren li.text-muted,
.otc-abrechnung-korrigieren li.text-muted {
  top: 0 !important;
}

/* Remove Add icon in authorizations overview */
span.fa.fa-plus-circle {
  display: none;
}

/* Registrierung per Einladungscode Redeem */
.redeem #mainContent {
  background: transparent !important;
}

.redeem #mainContent form {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 200px;
  background-color: var(--white);
  margin: 3rem 0;
  margin-top: 10vw;
  min-width: 280px;
  max-width: 450px;
  padding-bottom: 15px;
}

.redeem h1.login-heading-section {
  display: none;
}

.redeem .form-horizontal .form-group {
  display: none;
}

.redeem .form-horizontal .form-group:last-child {
  display: block;
  position: inherit !important;
  margin: 3rem 2rem;
}

.redeem .form-horizontal .form-group .col-sm-offset-2 {
  margin: 0;
  padding: 0;
  width: 100%;
  float: none;
}

.redeem .form-horizontal .form-group .col-sm-offset-2 h3 {
  margin-bottom: 1rem;
}

.redeem .form-horizontal .form-group .col-sm-offset-2 div {
  margin-bottom: 2rem;
}

.redeem .form-horizontal .form-group .col-sm-offset-2 #submit-redeem-invitation {
  min-width: 260px;
  background-color: var(--blackLight) !important;
}

.redeem .form-horizontal .form-group .col-sm-offset-2 #submit-redeem-invitation:hover {
  background-color: var(--black) !important;
}

/* End Redeem */
/* Register Snippet */
.register-snippet #mainContent {
  background-color: transparent !important;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister {
  margin-top: 10vw;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister .alert-info,
.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_ShowEmail {
  display: none;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .login-heading-section,
.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .login-heading-section * {
  font: 700 2.25rem/1em var(--fontHead) !important;
  border-bottom: none;
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .col-md-6,
.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .col-sm-4,
.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .col-sm-8 {
  width: 100%;
  text-align: left;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .form-group:last-child {
  position: inherit;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .form-group .col-sm-offset-4 {
  margin-bottom: 0 !important;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .form-group .col-sm-offset-4 .btn-primary {
  width: 100%;
  background-color: var(--blackLight) !important;
}

.register-snippet #ContentContainer_MainContent_MainContent_SecureRegister #ContentContainer_MainContent_MainContent_LocalLogin .form-group .col-sm-offset-4 .btn-primary:hover {
  background-color: var(--black) !important;
}

/* End Register Snippet */
/* Rechnungen / Reklamation */
.reklamation .tab[data-name=tab_complaint] {
  margin-bottom: 0;
}

.reklamation .tab .tab-column fieldset {
  margin-bottom: 0;
}

#notescontrol .timelineheader {
  float: none !important;
  margin-bottom: 1rem;
}

#notescontrol .timelineheader * {
  float: none !important;
}

#notescontrol .buttoncontainer {
  text-align: right;
}

#notescontrol .notes .note {
  border-top: solid 1px var(--greyLight);
}

#notescontrol .notes .note:last-child {
  border-bottom: solid 1px var(--greyLight);
}

#notescontrol .notes .note .row .header {
  padding-top: 0px;
  padding-left: 0px;
}

#notescontrol .notes .note .row .header .portalcommenticon {
  margin-top: 8px;
}

#notescontrol .notes .note .row .header .portalcommenticon .glyphicon-user {
  font-size: 1rem;
}

#notescontrol .notes .note .row .header .metadata .postedon,
#notescontrol .notes .note .row .header .metadata .modifiedon {
  padding-bottom: 0px;
}

#notescontrol .notes .note .row .content {
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
}

#notescontrol .notes .note .row .content .description {
  margin: 0;
}

/* End Rechnungen / Reklamation */
/* Kunden Login Page */
#mainContent.login-card {
  padding-bottom: 0;
  overflow: hidden;
}

#mainContent.login-card #hintContent {
  display: none;
}

#content.truck #mainContent.login-card .form-group:nth-of-type(3) {
  display: none;
}

#content.bus #mainContent.login-card .form-group:nth-of-type(4) {
  display: none;
}

#content.outlet #mainContent.login-card .form-group:nth-of-type(4) {
  display: none;
}

#mainContent.login-card .row .col-md-6 {
  width: 100%;
}

#mainContent.login-card .row .col-md-6 .form-group .col-sm-offset-4 {
  padding: 0 15px;
  text-align: left;
}

#mainContent.login-card .row .col-md-6 .form-group .col-sm-8 {
  width: 100%;
}

#mainContent.login-card .row .col-md-6 .form-group #submit-signin-local {
  width: 100%;
  background-color: var(--black) !important;
}

#mainContent.login-card .row .col-md-6 .form-group a.btn-default,
#loginNoteContenterOutlet2 .login-card a.btn-default,
#modalproviderandprivacy a.btn-default {
  border: none !important;
  background-color: transparent !important;
  padding: 15px 10px 0px !important;
  text-decoration: underline !important;
}

a.btn-link {
  font: 400 1rem var(--fontBody) !important;
  color: var(--colorPrime) !important;
  height: 35px;
  border: none !important;
  background-color: transparent !important;
  padding: 0px !important;
  text-decoration: underline !important;
}

a.btn-link:hover {
  color: var(--colorPrimeDark) !important;
}

#mainContent.login-card .row .col-md-6 .form-group a.btn-default:active,
#mainContent.login-card .row .col-md-6 .form-group a.btn-default:hover,
#loginNoteContenterOutlet2 .login-card a.btn-default:active,
#loginNoteContenterOutlet2 .login-card a.btn-default:hover {
  box-shadow: none !important;
  color: var(--colorHoverLink) !important;
}

#mainContent.login-card .row .col-md-6 .form-group .service-card-divider {
  display: inline-block;
  width: 0.5px;
  height: 15px;
  background-color: var(--blackLight);
  position: relative;
  top: 11px;
}

.login-note {
  padding-bottom: 1rem;
}

.login-note h2 {
  margin: 1rem 0 !important;
}

.login-note a {
  text-decoration: underline !important;
  margin-bottom: 1rem;
  display: block;
}

.login-note img {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 30px;
}

#loginValidationSummaryQuickLogin {
  display: none;
}

#loginValidationSummary {
  margin-bottom: 0 !important;
  border: none;
}

#loginValidationSummary:focus,
#loginValidationSummary:active {
  outline: none;
}

#loginValidationSummary ul {
  display: none;
}

/* End Kunden Login Page */
/* Password vergessen */
.forgot-password-snippet .forgot-password-heading,
.forgot-password-snippet .forgot-password-heading * {
  font: 700 2.25rem/1em var(--fontHead) !important;
  border-bottom: none;
  margin-top: 1rem;
}

.forgot-password-snippet .forgot-password-heading:focus,
.forgot-password-snippet .forgot-password-heading:active,
.forgot-password-snippet .forgot-password-heading *:focus,
.forgot-password-snippet .forgot-password-heading *:active {
  outline: none;
}

.forgot-password-snippet .form-horizontal .form-group .control-label,
.forgot-password-snippet .form-horizontal .form-group .col-sm-10 {
  width: 100%;
  text-align: left;
}

.forgot-password-snippet .form-horizontal .form-group:last-child {
  position: inherit !important;
}

.forgot-password-snippet .form-horizontal .form-group .col-sm-offset-2 {
  margin-left: 0;
}

.forgot-password-snippet .form-horizontal .form-group .col-sm-offset-2 #submit-forgot-password {
  width: 100%;
  background-color: var(--blackLight) !important;
}

.forgot-password-snippet .form-horizontal .form-group .col-sm-offset-2 #submit-forgot-password:hover {
  background-color: var(--black) !important;
}

.forgot-password-snippet .form-horizontal .form-group .help-block {
  font-size: 14px;
  line-height: 1;
}

.forgot-password-snippet #mainContent.password-forgot-card {
  background-color: var(--white) !important;
  padding-bottom: 1rem;
  margin-top: 10rem;
}

/* End Password vergessen */
/* Reset Password */
.reset-password-snippet legend,
.reset-password-snippet legend * {
  font: 700 2.25rem/1em var(--fontHead) !important;
  border-bottom: none;
  margin-top: 1rem;
  display: block;
}

.reset-password-snippet legend:focus,
.reset-password-snippet legend:active,
.reset-password-snippet legend *:focus,
.reset-password-snippet legend *:active {
  outline: none;
}

.reset-password-snippet .form-horizontal .form-group .control-label,
.reset-password-snippet .form-horizontal .form-group .col-sm-8 {
  width: 100%;
  text-align: left;
}

.reset-password-snippet .form-horizontal .form-group:last-child {
  position: inherit !important;
}

.reset-password-snippet .form-horizontal .form-group .col-sm-offset-4 {
  margin-left: 0;
}

.reset-password-snippet .form-horizontal .form-group .col-sm-offset-4 #submit-reset-password {
  width: 100%;
  background-color: var(--blackLight) !important;
}

.reset-password-snippet .form-horizontal .form-group .col-sm-offset-4 #submit-reset-password:hover {
  background-color: var(--black) !important;
}

.reset-password-snippet .form-horizontal .form-group .help-block {
  font-size: 14px;
  line-height: 1;
}

.reset-password-snippet #mainContent.reset-password-card {
  background-color: var(--white) !important;
  padding-bottom: 1rem;
  margin-top: 10rem;
}

/* End Reset Password */
/* Profile */
form#content_form #mainContent.col-md-8 #ProfileFormView table.section tbody .popover .popover-title {
  font-size: 18px !important;
}

form#content_form #mainContent.col-md-8 #ProfileFormView table.section tbody .popover .popover-content .xrm-attribute-value {
  font-weight: 400 !important;
}

form#content_form #mainContent.col-md-8 #ProfileFormView table.section tbody .popover .popover-content .btn-primary {
  background-color: var(--colorSecond) !important;
  width: 100px !important;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive span[tabindex="0"]:not(.fa) {
  position: sticky;
  top: 0px;
  display: block;
  margin-bottom: 4px;
  padding-bottom: 4px;
  background: var(--white);
  z-index: 9999;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive table.table-hover {
  margin-bottom: 0;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive table thead th .fa-check {
  color: var(--white);
  margin-left: 3px;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive table tbody {
  display: table-row-group !important;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive table tbody tr:hover {
  background-color: #f2f2f2 !important;
  cursor: pointer;
}

form#content_form #mainContent.col-md-8 #ProfileFormView .modal-dialog .entity-grid .table-responsive table tbody tr td {
  display: table-cell !important;
}

/* END Profile */
#ProfileFormView input[disabled=disabled] {
  background-color: transparent !important;
}

#ProfileFormView .form-control-cell .control .text-primary {
  display: block;
  padding-top: 8px;
  color: var(--blackLight);
}

.right-column .container-fluid {
  padding: 0;
}

.form-search .form-control,
.form-search .btn-default {
  height: 40px;
}

.section-landing-search {
  background: url(/tankkarte_mercedes_servicecard_h.jpg) no-repeat 0 50% !important;
  background-size: cover !important;
  min-height: 400px !important;
  display: flex;
  align-items: center;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 2px 0;
  overflow: hidden;
  background-color: var(--greyDark);
}

.entity-form h2,
.entity-form .h2,
.entity-form h3,
.entity-form .h3 {
  color: var(--blackLight);
}

.navbar-inverse-del .navbar-nav .open .dropdown-menu {
  background-color: var(--white) !important;
  text-decoration: none;
  margin-top: 2px;
}

.navbar-inverse-del .navbar-nav .open .dropdown-menu>li>a {
  color: var(--black) !important;
  padding: 7px 16px;
  margin-left: 0;
}

.navbar-inverse-del .navbar-nav .open .dropdown-menu>li>a:hover {
  padding: 7px 16px;
  border: 0px;
  background-color: initial !important;
  color: var(--colorHoverLink) !important;
}

.navbar-inverse-del .navbar-toggle {
  border: 0px !important;
  margin-top: 30px;
  background-color: transparent !important;
}

.navbar-inverse-del .navbar-toggle .icon-bar.one {
  transform: rotate(-45deg) translate(-6px, 4px);
}

.navbar-inverse-del .navbar-toggle .icon-bar.two {
  opacity: 0;
}

.navbar-inverse-del .navbar-toggle .icon-bar.three {
  transform: rotate(45deg) translate(-6px, -4px);
}

.navbar-inverse-del .navbar-toggle .icon-bar {
  border: 0px;
  height: 1px;
  width: 24px;
  background-color: var(--black) !important;
  transition: 0.4s;
  margin: 6px 0px;
}

.navbar-inverse-del .navbar-toggle.collapsed .icon-bar.one {
  transform: rotate(0deg) translate(0px, 0px);
}

.navbar-inverse-del .navbar-toggle.collapsed .icon-bar.two {
  opacity: 1;
}

.navbar-inverse-del .navbar-toggle.collapsed .icon-bar.three {
  transform: rotate(0deg) translate(0px, 0px);
}

.section-user-account .container {
  background-color: var(--light);
}

.section-user-account .container>.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.section-user-account .content-heading {
  color: var(--blackLight);
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.section-user-account .col-md-4 {
  margin-bottom: 1.5rem;
}

.page-header {
  padding-bottom: 0;
  margin: 32px 0 0px;
  border-bottom: 0px solid var(--white);
}

/* To big distance for all col at the end */
.section-user-account .row div[class^=col] {
  margin-bottom: 1.75rem;
}

.section-user-account #mainContent,
.section-support #mainContent {
  overflow: hidden;
}

.section-user-account .msc-home-card-container,
.section-support .msc-home-card-container {
  background: var(--white);
  box-shadow: 0 0 5px var(--greyLight);
  padding: 1rem;
  height: 100%;
  min-height: 140px;
}

.section-user-account .msc-home-card-container .icon-autorisation,
.section-user-account .msc-home-card-container .icon-invoice,
.section-user-account .msc-home-card-container .icon-credit,
.section-user-account .msc-home-card-container .icon-billing,
.section-user-account .msc-home-card-container .icon-administration,
.section-user-account .msc-home-card-container .icon-customer-card,
.section-user-account .msc-home-card-container .icon-faq,
.section-user-account .msc-home-card-container .icon-contact,
.section-support .msc-home-card-container .icon-autorisation,
.section-support .msc-home-card-container .icon-invoice,
.section-support .msc-home-card-container .icon-credit,
.section-support .msc-home-card-container .icon-billing,
.section-support .msc-home-card-container .icon-administration,
.section-support .msc-home-card-container .icon-customer-card,
.section-support .msc-home-card-container .icon-faq,
.section-support .msc-home-card-container .icon-contact {
  min-width: 48px;
  min-height: 48px;
  background-size: contain;
  position: absolute;
  right: 30px;
  top: 10px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center center;
}

.section-user-account .msc-home-card-container .icon-customer-card,
.section-support .msc-home-card-container .icon-customer-card {
  background-image: url(/Kunde_Karten.png);
}

.section-user-account .msc-home-card-container .icon-administration,
.section-support .msc-home-card-container .icon-administration {
  background-image: url(/Icon-Administration.png);
}

.section-user-account .msc-home-card-container .icon-autorisation,
.section-support .msc-home-card-container .icon-autorisation {
  background-image: url(/Icon-Autorisierung.png);
}

.section-user-account .msc-home-card-container .icon-invoice,
.section-support .msc-home-card-container .icon-invoice {
  background-image: url(/icon-Rechnung.png);
}

.section-user-account .msc-home-card-container .icon-billing,
.section-support .msc-home-card-container .icon-billing {
  background-image: url(/Icon-Abrechnung.png);
}

.section-user-account .msc-home-card-container .icon-credit,
.section-support .msc-home-card-container .icon-credit {
  background-image: url(/Guthaben_black.png);
}

.section-user-account .msc-home-card-container .icon-faq,
.section-support .msc-home-card-container .icon-faq {
  background-image: url(/FAQ_black.png);
}

.section-user-account .msc-home-card-container .icon-contact,
.section-support .msc-home-card-container .icon-contact {
  background-image: url(/Kontakt_black.png);
}

.section-user-account .msc-home-card-container .nav-link-in-card,
.section-support .msc-home-card-container .nav-link-in-card {
  display: flex;
  flex-wrap: wrap;
}

.section-user-account .msc-home-card-container .nav-link-in-card a,
.section-support .msc-home-card-container .nav-link-in-card a {
  margin-right: 1rem;
  text-decoration: none;
}

.section-user-account .msc-home-card-container .nav-link-in-card a:hover,
.section-support .msc-home-card-container .nav-link-in-card a:hover {
  color: var(--colorHoverLink);
}

.section-user-account .msc-home-card-container .msc-ul,
.section-support .msc-home-card-container .msc-ul {
  padding-left: 24px;
}

.section-user-account .msc-home-card-container .msc-ul a[role=menuitem],
.section-support .msc-home-card-container .msc-ul a[role=menuitem] {
  font: 400 1rem var(--fontBody) !important;
}

.section-user-account .msc-home-card-container .card-content a,
.section-support .msc-home-card-container .card-content a {
  font-family: var(--fontBody);
  font-size: 1rem;
}

.section-support {
  background: var(--light);
  padding: 2rem 0 5rem;
  position: relative;
  top: 2rem;
}

.section-support .card-content {
  padding-right: 3rem;
}

#gethelp {
  background-color: var(--greyDark);
}

.entitylist,
#Subgrid_new_1,
.entity-form {
  background-color: transparent !important;
}

.entitylist .table,
#Subgrid_new_1 .table,
.entity-form .table {
  border: solid 1px var(--greyLight);
}

.entitylist .table thead th,
#Subgrid_new_1 .table thead th,
.entity-form .table thead th {
  background-color: var(--blackLight);
  border-bottom: solid 0px;
  padding: 4px 4px;
  height: 40px;
  vertical-align: middle;
}

.entitylist .table thead th a,
#Subgrid_new_1 .table thead th a,
.entity-form .table thead th a {
  color: var(--white);
}

.entitylist .table thead th.sort-enabled .fa,
#Subgrid_new_1 .table thead th.sort-enabled .fa,
.entity-form .table thead th.sort-enabled .fa {
  font-size: 8px !important;
}

.entitylist .table tbody tr:nth-of-type(odd),
#Subgrid_new_1 .table tbody tr:nth-of-type(odd),
.entity-form .table tbody tr:nth-of-type(odd) {
  background-color: var(--white);
}

.entitylist .table tbody tr td,
#Subgrid_new_1 .table tbody tr td,
.entity-form .table tbody tr td {
  font-size: 14px;
  border-top: 1px solid var(--greyLight);
  padding: 0 4px;
  height: 40px;
  vertical-align: middle;
}

.entitylist .table tbody tr td .dropdown-menu,
#Subgrid_new_1 .table tbody tr td .dropdown-menu,
.entity-form .table tbody tr td .dropdown-menu {
  padding: 0;
  margin: 0;
}

.entitylist .row,
#Subgrid_new_1 .row,
.entity-form .row {
  display: flex;
  flex-direction: row;
}

.entitylist .row .col-md-3,
.entitylist .row .col-md-9,
#Subgrid_new_1 .row .col-md-3,
#Subgrid_new_1 .row .col-md-9,
.entity-form .row .col-md-3,
.entity-form .row .col-md-9 {
  width: 100%;
}

.entitylist .row .col-md-3,
#Subgrid_new_1 .row .col-md-3,
.entity-form .row .col-md-3 {
  max-width: 260px;
}

.entitylist .row .col-md-3 .entitylist-filter,
#Subgrid_new_1 .row .col-md-3 .entitylist-filter,
.entity-form .row .col-md-3 .entitylist-filter {
  position: relative;
  top: 47px;
}

.entitylist .row .col-md-3 .content-panel,
#Subgrid_new_1 .row .col-md-3 .content-panel,
.entity-form .row .col-md-3 .content-panel {
  flex: 1;
}

.entitylist .row .col-md-3 .content-panel .panel-body .entitylist-filter-option-group-box-overflow,
#Subgrid_new_1 .row .col-md-3 .content-panel .panel-body .entitylist-filter-option-group-box-overflow,
.entity-form .row .col-md-3 .content-panel .panel-body .entitylist-filter-option-group-box-overflow {
  max-height: initial;
}

.entitylist .row .col-md-9,
#Subgrid_new_1 .row .col-md-9,
.entity-form .row .col-md-9 {
  flex: 1;
}

.grid-actions {
  border-bottom: 0px solid #E0E0E0;
  padding-bottom: 0;
}

.entity-grid .view-empty.message .alert {
  border: none;
  background-color: transparent;
}

.entity-grid .message {
  margin: 50px auto;
  text-align: center;
  font-size: 1.125rem;
}

.entity-grid .grid-actions .toolbar-actions a.create-action {
  margin-left: 10px !important;
  margin-top: 0px;
  padding-left: 6px !important;
  position: relative;
  display: flex;
  align-items: center;
}

.entity-grid .grid-actions .toolbar-actions a.create-action::before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDExaC02VjVoLTJ2Nkg1djJoNnY2aDJ2LTZoNnYtMnoiIHN0eWxlPSJmaWxsOiAjRkZGRkZGOyIvPjwvc3ZnPgo=");
  display: inline-block;
  width: 24px;
  height: 24px;
}

/* 
.entity-grid .grid-actions svg path {
  fill: #ffffff !important;
}
*/

.fa-search:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSINCglNMTUuNTI3LDE0LjY0OGMwLTAuMDUzLTAuMDE4LTAuMS0wLjAzLTAuMTQ4YzAuODY3LTEuMDE1LDEuNTkxLTIuMzI0LDEuODc3LTMuOTE5YzAuMzIzLTEuODA1LTAuMDM5LTMuNy0wLjY3My01LjAxNg0KCWMtMS4yNjctMi42MjItMy41ODEtNC40MDgtNy4wOTMtNC43MzRjLTAuMjc0LDAtMC41NDksMC0wLjgyMywwQzYuNDQxLDEuMDA2LDQuNjU5LDEuOTI1LDMuMzM5LDMuMjQ1DQoJYy0wLjYyLDAuNjItMS4yMDMsMS4zOTItMS42MjgsMi4zMDJDMS4yODcsNi40NTQsMC45NjcsNy41NzMsMC45MDcsOC43MDljMCwwLjI3NCwwLDAuNTQ5LDAsMC44MjMNCgljMC4zMjYsMy41MTIsMi4xMTMsNS44MjYsNC43MzQsNy4wOTJjMS4zMzEsMC42NDIsMy4yMDksMC45NzYsNC45OTcsMC42NTRjMS42NzItMC4yOTksMi45NzUtMS4wMDMsNC4wMjMtMS45MDgNCgljMi42MDMsMi41ODgsNS4xOTcsNS4xODMsNy43ODQsNy43ODVjMC4wMDcsMCwwLjAxNCwwLDAuMDE5LDBjMC4yNDktMC4yNjUsMC41MDMtMC41MTksMC43NjgtMC43NjhjMC0wLjAwNSwwLTAuMDEyLDAtMC4wMTkNCglDMjAuNjU5LDE5LjgwMSwxOC4wNywxNy4yNDcsMTUuNTI3LDE0LjY0OHogTTkuNTE1LDE2LjMwN2MtMi4yNSwwLjA5NS00LjA1My0wLjgwMy01LjI0LTEuOTQ2QzMuMDQzLDEzLjE3MywyLjEzNSwxMS42NiwyLjAzLDkuNDM4DQoJYy0wLjExLTIuMzA0LDAuNzk5LTQuMDQ5LDEuOTI3LTUuMjIxYzAuODU2LTAuODg5LDEuOTItMS42NDYsMy4zNS0yLjA0YzAuNDk0LTAuMTM2LDEuMDY3LTAuMiwxLjU5MS0wLjIyNA0KCWMyLjI4My0wLjEwOSw0LjA3OSwwLjg0NCw1LjI0LDEuOTQ2YzEuMTc3LDEuMTE2LDIuMTUzLDIuNzU2LDIuMjQ2LDQuOTIyYzAuMDk4LDIuMzU4LTAuODMsNC4wMDktMS45NDcsNS4yNA0KCUMxMy4zNzMsMTUuMjMzLDExLjYzOCwxNi4yMTgsOS41MTUsMTYuMzA3eiIvPg0KPC9zdmc+DQo=");
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  top: -11px;
  left: -11px;
  background-size: 100%;
}

.row .\/en-GB\/,
.row .\/en-UK\/,
.row .\/de-DE\/,
.row .\/es-ES\/,
.row .\/cs-CZ\/,
.row .\/fr-FR\/,
.row .\/it-IT\/,
.row .\/nl-NL\/,
.row .\/pl-PL\/,
.row .\/ro-RO\/,
.row .\/tr-TR\/ {
  display: none;
}

#EntityFormPanel,
.crmEntityFormView {
  background-color: transparent !important;
}

#EntityFormPanel td.cell,
.crmEntityFormView td.cell {
  margin-bottom: 20px;
  padding: 0;
}

#EntityFormPanel .field-label,
.crmEntityFormView .field-label {
  font-weight: 400 !important;
  margin-bottom: 0 !important;
}

#EntityFormPanel .form-control,
.crmEntityFormView .form-control {
  border-radius: 2px;
  border-color: var(--greyMid);
}

#EntityFormPanel .actions,
.crmEntityFormView .actions {
  border: none;
  margin: 0 !important;
  padding: 0;
}

#EntityFormPanel .tab[data-name=upload],
#EntityFormPanel .tab[data-name=create],
.crmEntityFormView .tab[data-name=upload],
.crmEntityFormView .tab[data-name=create] {
  margin-bottom: 0;
}

.alert-control {
  color: var(--colorDanger);
  background-color: var(--colorDangerBg);
  border: solid 0px var(--colorDanger);

}

.alert ul {
  margin-left: 24px !important;
}

.alert.alert-danger {
  color: var(--colorDanger);
  background-color: var(--colorDangerBg);
  border: solid 0px var(--colorDanger);
}

.alert.alert-primary {
  color: var(--colorDanger);
  background-color: var(--colorDangerBg);
  border: solid 0px var(--colorDanger);
}

.alert.alert-secondary,
.alert.alert-warning {
  background-color: var(--colorWarningBg);
  border: solid 0px var(--colorWarning);
}

.alert.alert-info {
  background-color: var(--colorInfoBg);
  border: none;
}

.alert.alert-success {
  background-color: var(--colorSuccessBg);
  border: solid 0px var(--colorSuccess);
}

.control .alert-danger {
  background-color: transparent !important;
}

.progress.list-group.top {
  display: flex;
  flex-wrap: nowrap;
  border: solid 0px var(--greyLight);
  box-shadow: none;
  background-color: transparent;
}

.progress.list-group.top .list-group-item {
  flex: 3;
  background: transparent;
  color: var(--greyMid);
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: solid 2px;
  height: 40px;
  padding: 4px 6px 0px 0px;
  line-height: 2;
}

.progress.list-group.top .list-group-item.active {
  color: var(--colorSecond);
  flex: 3;
}

.progress.list-group.top .list-group-item-success {
  color: var(--colorSecond);
  position: relative;
}

.progress.list-group.top .list-group-item-success::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  position: relative;
  top: 5px;
  margin-right: 4px;
}

.progress.list-group.top .list-group-item-success .glyphicon-ok {
  color: var(--colorSecond);
  padding-right: 10px;
  padding-left: 0;
  display: none;
}

.form-control-cell.money .input-group-addon {
  min-width: 48px;
}

.check {
  position: relative;
  width: 20px;
  height: 20px;
}

.check::after {
  content: "";
  width: 12px;
  height: 8px;
  position: absolute;
  top: 3px;
  left: 3px;
  border: 2px solid #4A89DC;
  border-top: none;
  border-right: none;
  transform: rotate(-50deg);
}

#WebFormPanel table .form-control-cell,
#WebFormPanel table .picklist-cell,
#EntityFormPanel table .form-control-cell,
#EntityFormPanel table .picklist-cell,
#EntityFormPanel table .status-cell,
#EntityFormPanel table .state-cell {
  display: flex;
  align-items: flex-start;
}

#WebFormPanel table .form-control-cell[role=radiogroup],
#WebFormPanel table .picklist-cell[role=radiogroup],
#EntityFormPanel table .form-control-cell[role=radiogroup],
#EntityFormPanel table .picklist-cell[role=radiogroup],
#EntityFormPanel table .status-cell[role=radiogroup],
#EntityFormPanel table .state-cell[role=radiogroup] {
  flex-direction: column;
}

#WebFormPanel table .form-control-cell .description,
#WebFormPanel table .form-control-cell .info,
#WebFormPanel table .form-control-cell .control,
#WebFormPanel table .picklist-cell .description,
#WebFormPanel table .picklist-cell .info,
#WebFormPanel table .picklist-cell .control,
#EntityFormPanel table .form-control-cell .description,
#EntityFormPanel table .form-control-cell .info,
#EntityFormPanel table .form-control-cell .control,
#EntityFormPanel table .picklist-cell .description,
#EntityFormPanel table .picklist-cell .info,
#EntityFormPanel table .picklist-cell .control,
#EntityFormPanel table .state-cell .description,
#EntityFormPanel table .state-cell .info,
#EntityFormPanel table .state-cell .control,
#EntityFormPanel table .status-cell .description,
#EntityFormPanel table .status-cell .info,
#EntityFormPanel table .status-cell .control {
  flex: 1;
}

#WebFormPanel table .form-control-cell .description input:focus,
#WebFormPanel table .form-control-cell .description textarea:focus,
#WebFormPanel table .form-control-cell .info input:focus,
#WebFormPanel table .form-control-cell .info textarea:focus,
#WebFormPanel table .form-control-cell .control input:focus,
#WebFormPanel table .form-control-cell .control textarea:focus,
#WebFormPanel table .picklist-cell .description input:focus,
#WebFormPanel table .picklist-cell .description textarea:focus,
#WebFormPanel table .picklist-cell .info input:focus,
#WebFormPanel table .picklist-cell .info textarea:focus,
#WebFormPanel table .picklist-cell .control input:focus,
#WebFormPanel table .picklist-cell .control textarea:focus,
#EntityFormPanel table .form-control-cell .description input:focus,
#EntityFormPanel table .form-control-cell .description textarea:focus,
#EntityFormPanel table .form-control-cell .info input:focus,
#EntityFormPanel table .form-control-cell .info textarea:focus,
#EntityFormPanel table .form-control-cell .control input:focus,
#EntityFormPanel table .form-control-cell .control textarea:focus,
#EntityFormPanel table .picklist-cell .description input:focus,
#EntityFormPanel table .picklist-cell .description textarea:focus,
#EntityFormPanel table .picklist-cell .info input:focus,
#EntityFormPanel table .picklist-cell .info textarea:focus,
#EntityFormPanel table .picklist-cell .control input:focus,
#EntityFormPanel table .picklist-cell .control textarea:focus,
#EntityFormPanel table .state-cell .description input:focus,
#EntityFormPanel table .state-cell .description textarea:focus,
#EntityFormPanel table .state-cell .info input:focus,
#EntityFormPanel table .state-cell .info textarea:focus,
#EntityFormPanel table .state-cell .control input:focus,
#EntityFormPanel table .state-cell .control textarea:focus,
#EntityFormPanel table .status-cell .description input:focus,
#EntityFormPanel table .status-cell .description textarea:focus,
#EntityFormPanel table .status-cell .info input:focus,
#EntityFormPanel table .status-cell .info textarea:focus,
#EntityFormPanel table .status-cell .control input:focus,
#EntityFormPanel table .status-cell .control textarea:focus {
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(0, 0, 0, 0.2);
  border: solid 1px var(--black);
}

#WebFormPanel table .form-control-cell .description input:read-only,
#WebFormPanel table .form-control-cell .description input:disabled,
#WebFormPanel table .form-control-cell .description textarea:read-only,
#WebFormPanel table .form-control-cell .description textarea:disabled,
#WebFormPanel table .form-control-cell .info input:read-only,
#WebFormPanel table .form-control-cell .info input:disabled,
#WebFormPanel table .form-control-cell .info textarea:read-only,
#WebFormPanel table .form-control-cell .info textarea:disabled,
#WebFormPanel table .form-control-cell .control input:read-only,
#WebFormPanel table .form-control-cell .control input:disabled,
#WebFormPanel table .form-control-cell .control textarea:read-only,
#WebFormPanel table .form-control-cell .control textarea:disabled,
#WebFormPanel table .picklist-cell .description input:read-only,
#WebFormPanel table .picklist-cell .description input:disabled,
#WebFormPanel table .picklist-cell .description textarea:read-only,
#WebFormPanel table .picklist-cell .description textarea:disabled,
#WebFormPanel table .picklist-cell .info input:read-only,
#WebFormPanel table .picklist-cell .info input:disabled,
#WebFormPanel table .picklist-cell .info textarea:read-only,
#WebFormPanel table .picklist-cell .info textarea:disabled,
#WebFormPanel table .picklist-cell .control input:read-only,
#WebFormPanel table .picklist-cell .control input:disabled,
#WebFormPanel table .picklist-cell .control textarea:read-only,
#WebFormPanel table .picklist-cell .control textarea:disabled,
#EntityFormPanel table .form-control-cell .description input:read-only,
#EntityFormPanel table .form-control-cell .description input:disabled,
#EntityFormPanel table .form-control-cell .description textarea:read-only,
#EntityFormPanel table .form-control-cell .description textarea:disabled,
#EntityFormPanel table .form-control-cell .info input:read-only,
#EntityFormPanel table .form-control-cell .info input:disabled,
#EntityFormPanel table .form-control-cell .info textarea:read-only,
#EntityFormPanel table .form-control-cell .info textarea:disabled,
#EntityFormPanel table .form-control-cell .control input:read-only,
#EntityFormPanel table .form-control-cell .control input:disabled,
#EntityFormPanel table .form-control-cell .control textarea:read-only,
#EntityFormPanel table .form-control-cell .control textarea:disabled,
#EntityFormPanel table .picklist-cell .description input:read-only,
#EntityFormPanel table .picklist-cell .description input:disabled,
#EntityFormPanel table .picklist-cell .description textarea:read-only,
#EntityFormPanel table .picklist-cell .description textarea:disabled,
#EntityFormPanel table .picklist-cell .info input:read-only,
#EntityFormPanel table .picklist-cell .info input:disabled,
#EntityFormPanel table .picklist-cell .info textarea:read-only,
#EntityFormPanel table .picklist-cell .info textarea:disabled,
#EntityFormPanel table .picklist-cell .control input:read-only,
#EntityFormPanel table .picklist-cell .control input:disabled,
#EntityFormPanel table .picklist-cell .control textarea:read-only,
#EntityFormPanel table .picklist-cell .control textarea:disabled,
#EntityFormPanel table .state-cell .description input:read-only,
#EntityFormPanel table .state-cell .description input:disabled,
#EntityFormPanel table .state-cell .description textarea:read-only,
#EntityFormPanel table .state-cell .description textarea:disabled,
#EntityFormPanel table .state-cell .info input:read-only,
#EntityFormPanel table .state-cell .info input:disabled,
#EntityFormPanel table .state-cell .info textarea:read-only,
#EntityFormPanel table .state-cell .info textarea:disabled,
#EntityFormPanel table .state-cell .control input:read-only,
#EntityFormPanel table .state-cell .control input:disabled,
#EntityFormPanel table .state-cell .control textarea:read-only,
#EntityFormPanel table .state-cell .control textarea:disabled,
#EntityFormPanel table .status-cell .description input:read-only,
#EntityFormPanel table .status-cell .description input:disabled,
#EntityFormPanel table .status-cell .description textarea:read-only,
#EntityFormPanel table .status-cell .description textarea:disabled,
#EntityFormPanel table .status-cell .info input:read-only,
#EntityFormPanel table .status-cell .info input:disabled,
#EntityFormPanel table .status-cell .info textarea:read-only,
#EntityFormPanel table .status-cell .info textarea:disabled,
#EntityFormPanel table .status-cell .control input:read-only,
#EntityFormPanel table .status-cell .control input:disabled,
#EntityFormPanel table .status-cell .control textarea:read-only,
#EntityFormPanel table .status-cell .control textarea:disabled {
  padding-left: 8px;
  background-color: #E9E9E9 !important;
  box-shadow: none;
  border: solid 1px #DDDDDD;
}

#WebFormPanel table .form-control-cell .description input:read-only:focus,
#WebFormPanel table .form-control-cell .description input:disabled:focus,
#WebFormPanel table .form-control-cell .description textarea:read-only:focus,
#WebFormPanel table .form-control-cell .description textarea:disabled:focus,
#WebFormPanel table .form-control-cell .info input:read-only:focus,
#WebFormPanel table .form-control-cell .info input:disabled:focus,
#WebFormPanel table .form-control-cell .info textarea:read-only:focus,
#WebFormPanel table .form-control-cell .info textarea:disabled:focus,
#WebFormPanel table .form-control-cell .control input:read-only:focus,
#WebFormPanel table .form-control-cell .control input:disabled:focus,
#WebFormPanel table .form-control-cell .control textarea:read-only:focus,
#WebFormPanel table .form-control-cell .control textarea:disabled:focus,
#WebFormPanel table .picklist-cell .description input:read-only:focus,
#WebFormPanel table .picklist-cell .description input:disabled:focus,
#WebFormPanel table .picklist-cell .description textarea:read-only:focus,
#WebFormPanel table .picklist-cell .description textarea:disabled:focus,
#WebFormPanel table .picklist-cell .info input:read-only:focus,
#WebFormPanel table .picklist-cell .info input:disabled:focus,
#WebFormPanel table .picklist-cell .info textarea:read-only:focus,
#WebFormPanel table .picklist-cell .info textarea:disabled:focus,
#WebFormPanel table .picklist-cell .control input:read-only:focus,
#WebFormPanel table .picklist-cell .control input:disabled:focus,
#WebFormPanel table .picklist-cell .control textarea:read-only:focus,
#WebFormPanel table .picklist-cell .control textarea:disabled:focus,
#EntityFormPanel table .form-control-cell .description input:read-only:focus,
#EntityFormPanel table .form-control-cell .description input:disabled:focus,
#EntityFormPanel table .form-control-cell .description textarea:read-only:focus,
#EntityFormPanel table .form-control-cell .description textarea:disabled:focus,
#EntityFormPanel table .form-control-cell .info input:read-only:focus,
#EntityFormPanel table .form-control-cell .info input:disabled:focus,
#EntityFormPanel table .form-control-cell .info textarea:read-only:focus,
#EntityFormPanel table .form-control-cell .info textarea:disabled:focus,
#EntityFormPanel table .form-control-cell .control input:read-only:focus,
#EntityFormPanel table .form-control-cell .control input:disabled:focus,
#EntityFormPanel table .form-control-cell .control textarea:read-only:focus,
#EntityFormPanel table .form-control-cell .control textarea:disabled:focus,
#EntityFormPanel table .picklist-cell .description input:read-only:focus,
#EntityFormPanel table .picklist-cell .description input:disabled:focus,
#EntityFormPanel table .picklist-cell .description textarea:read-only:focus,
#EntityFormPanel table .picklist-cell .description textarea:disabled:focus,
#EntityFormPanel table .picklist-cell .info input:read-only:focus,
#EntityFormPanel table .picklist-cell .info input:disabled:focus,
#EntityFormPanel table .picklist-cell .info textarea:read-only:focus,
#EntityFormPanel table .picklist-cell .info textarea:disabled:focus,
#EntityFormPanel table .picklist-cell .control input:read-only:focus,
#EntityFormPanel table .picklist-cell .control input:disabled:focus,
#EntityFormPanel table .picklist-cell .control textarea:read-only:focus,
#EntityFormPanel table .picklist-cell .control textarea:disabled:focus,

#EntityFormPanel table .state-cell .description input:read-only:focus,
#EntityFormPanel table .state-cell .description input:disabled:focus,
#EntityFormPanel table .state-cell .description textarea:read-only:focus,
#EntityFormPanel table .state-cell .description textarea:disabled:focus,
#EntityFormPanel table .state-cell .info input:read-only:focus,
#EntityFormPanel table .state-cell .info input:disabled:focus,
#EntityFormPanel table .state-cell .info textarea:read-only:focus,
#EntityFormPanel table .state-cell .info textarea:disabled:focus,
#EntityFormPanel table .state-cell .control input:read-only:focus,
#EntityFormPanel table .state-cell .control input:disabled:focus,
#EntityFormPanel table .state-cell .control textarea:read-only:focus,
#EntityFormPanel table .state-cell .control textarea:disabled:focus,

#EntityFormPanel table .status-cell .description input:read-only:focus,
#EntityFormPanel table .status-cell .description input:disabled:focus,
#EntityFormPanel table .status-cell .description textarea:read-only:focus,
#EntityFormPanel table .status-cell .description textarea:disabled:focus,
#EntityFormPanel table .status-cell .info input:read-only:focus,
#EntityFormPanel table .status-cell .info input:disabled:focus,
#EntityFormPanel table .status-cell .info textarea:read-only:focus,
#EntityFormPanel table .status-cell .info textarea:disabled:focus,
#EntityFormPanel table .status-cell .control input:read-only:focus,
#EntityFormPanel table .status-cell .control input:disabled:focus,
#EntityFormPanel table .status-cell .control textarea:read-only:focus,
#EntityFormPanel table .status-cell .control textarea:disabled:focus {
  box-shadow: none !important;
  border: solid 1px #DDDDDD !important;
}

#WebFormPanel table .form-control-cell .description select:focus,
#WebFormPanel table .form-control-cell .info select:focus,
#WebFormPanel table .form-control-cell .control select:focus,
#WebFormPanel table .picklist-cell .description select:focus,
#WebFormPanel table .picklist-cell .info select:focus,
#WebFormPanel table .picklist-cell .control select:focus,
#EntityFormPanel table .form-control-cell .description select:focus,
#EntityFormPanel table .form-control-cell .info select:focus,
#EntityFormPanel table .form-control-cell .control select:focus,
#EntityFormPanel table .picklist-cell .description select:focus,
#EntityFormPanel table .picklist-cell .info select:focus,
#EntityFormPanel table .picklist-cell .control select:focus,

#EntityFormPanel table .state-cell .description select:focus,
#EntityFormPanel table .state-cell .info select:focus,
#EntityFormPanel table .state-cell .control select:focus,

#EntityFormPanel table .status-cell .description select:focus,
#EntityFormPanel table .status-cell .info select:focus,
#EntityFormPanel table .status-cell .control select:focus {
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(0, 0, 0, 0.2);
  border: solid 1px var(--black);
}

#WebFormPanel table .form-control-cell .description select:disabled,
#WebFormPanel table .form-control-cell .info select:disabled,
#WebFormPanel table .form-control-cell .control select:disabled,
#WebFormPanel table .picklist-cell .description select:disabled,
#WebFormPanel table .picklist-cell .info select:disabled,
#WebFormPanel table .picklist-cell .control select:disabled,
#EntityFormPanel table .form-control-cell .description select:disabled,
#EntityFormPanel table .form-control-cell .info select:disabled,
#EntityFormPanel table .form-control-cell .control select:disabled,
#EntityFormPanel table .picklist-cell .description select:disabled,
#EntityFormPanel table .picklist-cell .info select:disabled,
#EntityFormPanel table .picklist-cell .control select:disabled,

#EntityFormPanel table .state-cell .description select:disabled,
#EntityFormPanel table .state-cell .info select:disabled,
#EntityFormPanel table .state-cell .control select:disabled,

#EntityFormPanel table .status-cell .description select:disabled,
#EntityFormPanel table .status-cell .info select:disabled,
#EntityFormPanel table .status-cell .control select:disabled {
  padding-left: 8px;
  background-color: #E9E9E9 !important;
  box-shadow: none;
  border: solid 1px #DDDDDD;
}

/* Textarea etc. */
.form-control:focus {
  outline: none !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(0, 0, 0, 0.2) !important;
  border: solid 1px var(--black) !important;
}

#navbar {
  min-height: 0px;
  display: inline-block;
  position: relative;
  top: 10px;
}

.view-pagination .pagination .disabled a {
  color: var(--greyLight) !important;
  background-color: #E9E9E9;
  border-radius: 4px !important;
}

.view-pagination .pagination .disabled a:hover {
  color: var(--greyLight) !important;
  background-color: #E9E9E9;
}

.view-pagination .pagination .active a {
  color: var(--white) !important;
  background-color: var(--blackLight) !important;
  border-radius: 4px !important;
}

.view-pagination .pagination li {
  display: inline-block;
}

.view-pagination .pagination li a {
  height: 32px;
  width: inherit;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px !important;
  white-space: nowrap;
  padding: 5px;
}

.view-pagination .pagination li a:hover {
  color: var(--white) !important;
  background-color: var(--greyMid) !important;
  border-radius: 4px !important;
}

colgroup col {
  width: 0% !important;
}

colgroup col:first-child {
  width: 100% !important;
}

.final-amount {
  display: flex;
}

.final-amount input {
  flex: 7;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.final-amount select {
  flex: 3;
  border-left: none;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.action .dropdown-menu li a {
  border: 0px transparent !important;
}

.action .dropdown-menu li a:focus-visible {
  outline: none !important;
  border: 0px transparent !important;
}

.action .dropdown-menu li a svg[fill=currentColor] {
  overflow: visible;
}

.row.form-custom-actions .col-sm-6.clearfix {
  width: 75%;
  padding-right: 4px;
}

.form-action-container-left {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.form-action-container-left #backBtn {
  margin-right: 5px;
}

#EntityFormPanel .actions .form-action-container-left {
  width: auto;
}

.file-cell {
  display: flex;
  padding: 0 0 24px 0 !important;
}

.file-cell .info,
.file-cell .control {
  flex: 1;
}

.file-cell .info #AttachFileLabel,
.file-cell .control #AttachFileLabel {
  font-weight: 400;
}

.file-cell .info #AttachFile,
.file-cell .control #AttachFile {
  width: 100%;
  cursor: pointer;
  background: transparent;
}

div.tr div.file-cell.cell {
  width: 100%;
}

.msc-note {
  margin-bottom: 0.5rem;
}

/* LOADING ANIMATION */
.fa-spinner {
  display: inline-block;
  animation: loading 1s ease 0s infinite normal none;
  transform-origin: 50% 49%;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* ==============================
    TEMP
============================== */
#content-container.signinpage #content .nav.nav-tabs {
  display: none !important;
}

#local-login-heading {
  display: none !important;
}

dt.col-sm-1 {
  display: none;
}

/* ==============================
    END TEMP
============================== */
.invoice-create #WebFormPanel .tab[data-name=tab_complaintotc],
.invoice-create #WebFormPanel .tab[data-name=creditcorrection],
.invoice-create #WebFormPanel .tab[data-name=create],
.otc-invoice-create #WebFormPanel .tab[data-name=tab_complaintotc],
.otc-invoice-create #WebFormPanel .tab[data-name=creditcorrection],
.otc-invoice-create #WebFormPanel .tab[data-name=create],
.invoice-correction #WebFormPanel .tab[data-name=tab_complaintotc],
.invoice-correction #WebFormPanel .tab[data-name=creditcorrection],
.invoice-correction #WebFormPanel .tab[data-name=create],
.otc-invoice-correction #WebFormPanel .tab[data-name=tab_complaintotc],
.otc-invoice-correction #WebFormPanel .tab[data-name=creditcorrection],
.otc-invoice-correction #WebFormPanel .tab[data-name=create],
.invoice-complaint #WebFormPanel .tab[data-name=tab_complaintotc],
.invoice-complaint #WebFormPanel .tab[data-name=creditcorrection],
.invoice-complaint #WebFormPanel .tab[data-name=create],
.otc-invoice-complaint #WebFormPanel .tab[data-name=tab_complaintotc],
.otc-invoice-complaint #WebFormPanel .tab[data-name=creditcorrection],
.otc-invoice-complaint #WebFormPanel .tab[data-name=create] {
  margin-bottom: 0;
}

.invoice-create #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.invoice-create #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.invoice-create #WebFormPanel .tab[data-name=create] fieldset,
.otc-invoice-create #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.otc-invoice-create #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.otc-invoice-create #WebFormPanel .tab[data-name=create] fieldset,
.invoice-correction #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.invoice-correction #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.invoice-correction #WebFormPanel .tab[data-name=create] fieldset,
.otc-invoice-correction #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.otc-invoice-correction #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.otc-invoice-correction #WebFormPanel .tab[data-name=create] fieldset,
.invoice-complaint #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.invoice-complaint #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.invoice-complaint #WebFormPanel .tab[data-name=create] fieldset,
.otc-invoice-complaint #WebFormPanel .tab[data-name=tab_complaintotc] fieldset,
.otc-invoice-complaint #WebFormPanel .tab[data-name=creditcorrection] fieldset,
.otc-invoice-complaint #WebFormPanel .tab[data-name=create] fieldset {
  margin-bottom: 0;
}

.invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell,
.otc-invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell,
.invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell,
.otc-invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell,
.invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell,
.otc-invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell,
.abrechnung-einmalkunden #WebFormPanel table.section .lookup.form-control-cell,
.abrechnung-kartenkunden #WebFormPanel table.section .lookup.form-control-cell {
  margin-bottom: 0;
}

.invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.otc-invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.otc-invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.otc-invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell .info,
.abrechnung-einmalkunden #WebFormPanel table.section .lookup.form-control-cell .info,
.abrechnung-kartenkunden #WebFormPanel table.section .lookup.form-control-cell .info {
  margin-top: 0;
}

.abrechnung-einmalkunden .crmEntityFormView .tab,
.abrechnung-kartenkunden .crmEntityFormView .tab,
.umfirmierung #EntityFormPanel .tab {
  margin-bottom: 0;
}

.abrechnung-einmalkunden #WebFormPanel .tab fieldset,
.abrechnung-kartenkunden #WebFormPanel .tab fieldset,
.abrechnung-verarbeiten #WebFormPanel .tab fieldset,
.abrechnung-erstellen #WebFormPanel .tab fieldset,
.umfirmierung #EntityFormPanel .tab fieldset,
.invoice-upload #EntityFormPanel .tab fieldset {
  margin-bottom: 0px;
}

#mainContent.col-md-8 .alert.alert-info .btn.btn-info.btn-xs {
  background-color: var(--blackLight);
  border: none;
  line-height: 22px;
  padding: 2px 12px;
}

#mainContent.col-md-8 .alert.alert-info .btn.btn-info.btn-xs:hover {
  background-color: var(--black);
}

#mainContent.col-md-8 .alert.alert-info .btn.btn-info.btn-xs .fa-envelope-o {
  position: relative;
  top: 3px;
}

.weblinks.list-group .weblink.list-group-item[aria-label=Profil] {
  border: none;
}

.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Profil] {
  background-color: var(--blackLight);
  color: var(--white);
}

.list-group.nav-profile a.list-group-item.active {
  background-color: var(--blackLight);
  color: var(--white);
}

.well {
  box-shadow: none;
}

.panel.panel-default.nav-profile {
  border: none;
}

.panel.panel-default.nav-profile .panel-heading {
  padding-left: 0;
}

.panel.panel-default.nav-profile .panel-heading .panel-title .xrm-attribute-value {
  font: 700 1.5rem/1em var(--fontHead) !important;
}

#mainContent.col-md-8 .form-horizontal .control-label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.msc-secondary-nav {
  float: right !important;
  margin-right: -15px;
}

.msc-secondary-nav .navbar-nav {
  float: left;
  margin: 0;
  display: flex;
  align-items: center;
}

.msc-secondary-nav .navbar-nav>li {
  float: left;
}

.msc-secondary-nav .navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}

.msc-secondary-nav .navbar-nav .open .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  background-clip: padding-box;
  right: 0;
  left: inherit;
  position: absolute;
}

.form-actions.two-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.amdin-user-management .modal-form-edit iframe {
  height: 200px;
}

.amdin-user-management .modal-dialog .modal-title .fa-edit {
  display: none;
}

  h2.tab-title + div.tab.clearfix {
    margin-bottom: 1rem!important;
  }



/* ==============================
    MEDIA QUERY
============================== */
/* MAX WIDTH */
@media (max-width: 1470px) {
  .portal-links .picture .my-container {
    justify-content: center;
    display: flex;
    align-items: center;
  }

  .portal-links .picture .my-container .full-width {
    height: inherit;
    flex: 1;
    width: inherit;
  }
}

@media (max-width: 1200px) {

  ul.weblinks li.weblink ul.dropdown-menu .divider,
  ul.weblinks li.dropdown ul.dropdown-menu .divider {
    background-color: var(--greyDark) !important;
  }

  ul.weblinks li.weblink:first-child a,
  ul.weblinks li.dropdown:first-child a {
    padding-left: 15px !important;
  }

  .navbar .msc-full-width .flex-row.align-center {
    flex-direction: column;
    align-items: flex-start;
  }

  .navbar .msc-full-width .flex-row.align-center .navbar-header {
    width: 100%;
  }

  #navbar.collapse {
    display: none;
  }

  #navbar.collapse.in {
    display: inline-block;
  }

  .navbar-toggle {
    margin-right: 0px;
    margin-top: 30px;
  }
}

@media (max-width: 992px) {
  .entitylist-filter .panel-body {
    flex-direction: column;
    align-items: flex-start;
  }

  #content-container.container.wrapper-body[role=main] {
    min-height: 100vh;
  }

  .msc-login-bg {
    background-size: 150%;
    background-position: right top;
  }

  .msc-login-bg .section-login h2 {
    margin: 10vw 0 8vw;
  }

  .acceptance-partner-bg {
    align-items: flex-start;
    min-height: 250px !important;
  }

  .acceptance-partner-bg .container h2 {
    background: #FFF;
    padding: 16px;
    opacity: .8;
    width: auto;
    font-size: 30px !important;
  }

}

@media (max-width: 768px) {

  .msc-max-sm {
    display: block;
  }

  .msc-min-sm {
    display: none;
  }

  .msc-full-width .navbar-header .main-nav__item {
    float: left;
  }

  .msc-full-width .navbar-header .main-nav__item .main-nav__home {
    padding: 0;
    display: inline-block;
  }

  .msc-full-width .navbar-header .main-nav__item .main-nav__home #header-logo {
    width: 160px;
    height: 40px;
    background-repeat: no-repeat;
  }

  .authorization-overview .grid-actions .toolbar-actions a.create-action {
    margin-left: 0px !important;
    margin-top: 10px;
  }

  .authorization-overview .grid-actions .toolbar-actions.pull-right {
    float: none !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #WebFormPanel table .form-control-cell,
  #WebFormPanel table .picklist-cell,
  #EntityFormPanel table .form-control-cell,
  #EntityFormPanel table .picklist-cell {
    display: block !important;
  }

  #WebFormPanel .file-cell,
  #EntityFormPanel .file-cell {
    display: block !important;
  }

  .section-landing-search {
    min-height: 300px !important;
  }

  .section-landing-search .container {
    width: 100%;
  }

  .forgot-password-snippet #mainContent.password-forgot-card {
    margin-top: 15rem;
  }

  .footer-bottom .msc-footer-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .portal-links .msc-flex-row {
    flex-direction: column;
  }

  .portal-links .msc-flex-row .picture {
    flex: 0;
  }

  .small-reverse {
    flex-direction: column-reverse !important;
  }

  .card-application-info .row .number,
  .acceptance-partner-info .row .number {
    margin-top: 1.5rem;
  }

  .entitylist {
    width: 90vw;
  }

  .portal-links .picture .my-container .full-width {
    width: 90vw !important;
  }

  .portal-links .picture .my-container .full-width {
    height: inherit !important;
  }

  .application-servicecard .portal-links .msc-flex-row {
    margin-bottom: 1.5rem;
  }

  #applyAdditionalCardModal #additionalcard-content .flex-row,
  #applyAcceptancePartnerModal #acceptance_partner_content .flex-row {
    flex-wrap: wrap;
  }

}

@media (max-width: 576px) {
  .msc-content-header-image {
    align-items: baseline;
  }

  .section-support .msc-home-card-container {
    margin-bottom: 2rem;
  }

  .section-landing #mainContent.container {
    overflow: hidden;
  }

  .breadcrumb {
    display: flex;
    flex-direction: column;
  }

  .breadcrumb li {
    display: flex;
    flex-direction: row;
  }

  .breadcrumb li a {
    margin-left: 0 !important;
  }

  /* Fix all TDs with empty space */
  .abrechnung-einmalkunden #WebFormPanel table.section tr td:not(.form-control-cell),
  .abrechnung-einmalkunden #WebFormPanel table.section .lookup.form-control-cell,
  .abrechnung-kartenkunden #WebFormPanel table.section tr td:not(.form-control-cell),
  .abrechnung-kartenkunden #WebFormPanel table.section .lookup.form-control-cell,
  .abrechnung-verarbeiten #WebFormPanel table.section tr td:not(.form-control-cell),
  .invoice-create #WebFormPanel table.section tr td:not(.form-control-cell),
  .otc-invoice-create #WebFormPanel table.section tr td:not(.form-control-cell),
  .invoice-correction #WebFormPanel table.section tr td:not(.form-control-cell),
  .otc-invoice-correction #WebFormPanel table.section tr td:not(.form-control-cell),
  .invoice-complaint #WebFormPanel table.section tr td:not(.form-control-cell),
  .otc-invoice-complaint #WebFormPanel table.section tr td:not(.form-control-cell),
  .reklamation #EntityFormPanel table.section tr td:not(.form-control-cell),
  .autorisierungsanfrage-erstellen #WebFormPanel table.section tr td:not(.form-control-cell),
  #content-container.container.wrapper-body[role=main] form #EntityFormPanel table.section tr td:not(.form-control-cell),
  .invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell,
  .otc-invoice-create #WebFormPanel fieldset table.section .lookup.form-control-cell,
  .invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell,
  .otc-invoice-correction #WebFormPanel fieldset table.section .lookup.form-control-cell,
  .invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell,
  .otc-invoice-complaint #WebFormPanel fieldset table.section .lookup.form-control-cell {
    display: table-cell !important;
  }

  .reklamation #EntityFormPanel table.section tr td.picklist-cell,
  #content-container.container.wrapper-body[role=main] form #EntityFormPanel table.section tr td.picklist-cell,
  #content-container.container.wrapper-body[role=main] form #EntityFormPanel table.section tr td.table-striped-cell,
  .invoice-create #WebFormPanel fieldset table.section tr td.picklist-cell,
  .otc-invoice-create #WebFormPanel fieldset table.section tr td.picklist-cell,
  .invoice-correction #WebFormPanel fieldset table.section tr td.picklist-cell,
  .otc-invoice-correction #WebFormPanel fieldset table.section tr td.picklist-cell,
  .invoice-complaint #WebFormPanel fieldset table.section tr td.picklist-cell,
  .otc-invoice-complaint #WebFormPanel fieldset table.section tr td.picklist-cell {
    display: block !important;
  }

  /* END */
  table .info.required,
  table .info {
    margin-top: 0px;
  }

  #notescontrol .entity-timeline .notes .note .row {
    display: block;
  }

  #notescontrol .notes .note .row .content {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }

  #notescontrol .entity-timeline .notes .note .row .content .from {
    display: inherit;
    flex-direction: column;
  }

  .layout-1-column .entity-grid .grid-actions,
  .layout-1-column .entity-grid .grid-actions .toolbar-actions,
  .layout-1-column .entity-grid .grid-actions .toolbar-actions .entitylist-search,
  .abrechnung-erstellen .entity-grid .grid-actions,
  .abrechnung-erstellen .entity-grid .grid-actions .toolbar-actions,
  .abrechnung-erstellen .entity-grid .grid-actions .toolbar-actions .entitylist-search {
    width: 100%;
  }

  #redesign-header-logo.truck,
  #redesign-header-logo.bus,
  #redesign-header-logo.outlet {
    width: 200px !important;
    height: 67px !important;
  }

  .nav>li>a {
    padding: 10px 5px !important;
  }

  h2.home-title {
    top: -20px !important;
  }

  .tabs {
    gap: 0px !important;
  }

  .fuel-charging-card {
    width: 100%;
  }

}

/* MIN WIDTH */
@media (min-width: 768px) {
  .msc-max-sm {
    display: none;
  }

  .msc-min-sm {
    display: block;
  }

  form#content_form #mainContent table.section tbody {
    display: flex;
    flex-direction: column;
    width: 75%;
  }

  form#content_form #mainContent #ProfileFormView table.section tbody {
    /* Fix ProfileFormView */
    display: table !important;
    width: 100%;
  }

  form#content_form #mainContent #ProfileFormView table.section tbody td {
    display: flex;
    margin-bottom: 10px;
  }

  form#content_form #mainContent #ProfileFormView table.section tbody td .info {
    min-width: 170px;
  }

  form#content_form #mainContent #ProfileFormView table.section tbody td .control {
    flex: 1;
  }
}

@media (min-width: 992px) {

  /* Alle Modal muss die Klasse wrapper-body haben! */
  #content-container.container.wrapper-body[role=main] fieldset table.section[data-name=detailview_billingdata] {
    width: 75%;
  }

  #content-container.container.wrapper-body[role=main] fieldset table.section[data-name=detailview_section_4] {
    width: 75%;
  }

  table#printableresult {
    width: 75%;
    margin-right: auto;
  }

  #WebFormPanel .width-small,
  #WebFormPanel div.tr,
  #EntityFormPanel .width-small,
  #EntityFormPanel div.tr {
    width: 75%;
    margin-right: auto;
  }

  #WebFormPanel .width-small .file-cell,
  #WebFormPanel div.tr .file-cell,
  #EntityFormPanel .width-small .file-cell,
  #EntityFormPanel div.tr .file-cell {
    padding: 0 0 24px 0;
  }

  #WebFormPanel .actions,
  #EntityFormPanel .actions {
    width: 75%;
  }

  #WebFormPanel .tab[data-name=dtccsearch],
  #EntityFormPanel .tab[data-name=dtccsearch] {
    width: 75%;
    margin-right: auto;
  }

  form#content_form #mainContent table.section tbody {
    display: flex;
    flex-direction: column;
    width: 75%;
  }

  form#content_form #mainContent #ProfileFormView table.section tbody {
    /* Fix ProfileFormView */
    display: table !important;
    width: 75%;
  }

  h2.tab-title + div.tab.clearfix {
    width: 75%;
  }

  h2.tab-title + div.tab.clearfix[data-name="DETAILS_TAB"] {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .msc-row-with-card {
    display: flex;
    flex-direction: row;
  }

  .msc-row-with-card .left-column {
    flex: 1;
  }

  .msc-row-with-card .right-column {
    /* Add margin top for right column */
    margin-top: 4rem;
    width: 375px;
  }

  .msc-row-with-card .right-column .container-fluid {
    padding: 0;
  }

  #header-logo {
    position: relative;
    left: -20px;
  }

  #navbar {
    position: relative;
  }

  .modal .modal-lg {
    width: 1100px;
  }

  form#content_form #mainContent table.section tbody {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
}

@media (min-width: 1470px) {
  .container {
    width: 1440px;
  }
}

/* 
===============================================
Please add CSS hier, if you edit this CSS file.
===============================================
*/

.msc-knowledge-base-list a {
  margin-top: 10px;
  margin-bottom: 10px;
}

.msc-category-related-list {
  margin-bottom: 10px;
}

.category-details-list {
  margin-bottom: 40px;
}

.category-details-list li {
  margin-bottom: 10px;
}

.collapsible_panel.collapsible_panel_noborder {
  padding: 16px 12px !important;
}

#content-container #mainContent .knowledge-article #found-my-answer-bottom-comments {
  display: none;
}

div.page-heading .container .page-header .pull-right .btn-toolbar .btn-group {
  display: none;
}

.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Profile],
.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Profilo],
.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Perfil],
.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Profiel],
.profile-info+div .weblinks.list-group .weblink.list-group-item[aria-label=Profilul] {
  background-color: var(--blackLight);
  color: var(--white);
}

.knowledge-article-keywords span,
.knowledge-article-keywords a,
.knowledge-article-related a span,
.knowledge-article-related a {
  font-family: var(--fontBody);
  font-size: 15px;
}

.knowledge-article-related {
  background-color: transparent;
  border: none;
}

.knowledge-article-related .list-group .list-group-item {
  margin-bottom: 10px;
}

.knowledge-article-related .list-group .list-group-item a {
  color: var(--colorLink);
}

.knowledge-article-content * {
  font-family: var(--fontBody) !important;
}

.knowledge-article-content .collapsible_panel_title p {
  font: 700 1.125rem/1em var(--fontHead) !important;
}

.knowledge-article-content .collapsible_panel+p {
  margin-bottom: 0;
}

.knowledge-article-content .collapsible_panel .collapsible_panel_body p,
.knowledge-article-content .collapsible_panel .collapsible_panel_body p span {
  font-family: var(--fontBody) !important;
  font-size: 15px !important;
}

.knowledge-article-content .collapsible_panel .collapsible_panel_body p span a,
.knowledge-article-content .collapsible_panel .collapsible_panel_body p a {
  font-family: var(--fontBody) !important;
  font-size: 15px !important;
  color: var(--colorLink);
}

.container.article #mainContent .col-md-12 .alert-danger {
  margin-left: 15px;
}

#Subgrid_new_1.subgrid .sharepoint-grid .sharepoint-empty.message .alert-warning {
  display: none;
}

.table thead th a {
  line-height: 12px;
  display: flex;
  align-items: center;
}

.table tbody tr td {
  line-height: 16px;
}

.handlebars-search-container .loader {
  display: flex;
  justify-content: center;
}

.fa-spin {
  max-width: 100px;
  max-height: 100px;
}

/*Hide Search untill it works correct*/
form[role=search].form-search,
.section-landing-search .container h1.section-landing-heading {
  display: none;
}

.msc-login-bg.redeem.signinpage #mainContent form {
  align-items: flex-start;
}

.msc-login-bg.redeem.signinpage #mainContent form h2.login-heading-section {
  margin: 0px;
  padding: 20px;
  min-height: 110px;
  border-bottom: none;
}

.msc-login-bg.redeem.signinpage #mainContent form .form-horizontal .form-group:last-child {
  margin: 0px 20px;
}

button#submit-redeem-invitation {
  width: 100%;
  margin-top: 10px;
}

input#adx_identity_username,
input#Username.form-control[readonly=readonly] {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding-left: 0;
}

input#adx_identity_username:focus,
input#Username.form-control[readonly=readonly]:focus {
  box-shadow: none !important;
  border: none !important;
}

.register-form-link {
  color: var(--black);
  text-decoration: underline !important;
}

.msc-link-button {
  background-color: var(--blackLight) !important;
  width: 100% !important;
}

.msc-link-button:hover {
  background-color: var(--black) !important;
}

.hide-notes {
  display: none
}

.msc-edit-invoice-dialog {
  min-height: 300px;
}

.msc-edit-invoice-dialog iframe {
  height: 160px !important;
}

/* END */

/* REDESIGN */
.ca-missing-input {
  border: 1px solid #FF5C5C !important;
}

.ca-missing-radio {
  border: 4px solid white !important;
  box-shadow: 0 0 0 1px #FF5C5C;
  appearance: none;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.row.msc-bg-grey {
  background: #707070;
}

.link-container {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  background-color: #707070;
}

.link-container.light-grey {
  background-color: #e6e6e6;
}

.link-container.light-grey .link-title {
  color: #000000;
}

.application-servicecard .msc-flex-row {
  min-height: 360px;
  max-height: 360px;
  overflow: hidden;
}

.link-title {
  font-size: 2.5rem;
  font-family: var(--fontHead);
  color: #ffffff;
  padding: 1.25rem;
}

.link-title nobr {
  font-size: 2.5rem;
}

.link-title-bottom {
  font-size: 1.5rem;
  color: #ffffff;
  padding: 1rem 1.25rem;
  background-color: #707070;
}

.application-servicecard .portal-links:hover .link-title {
  color: #ffffff !important;
}

.msc-flex-row .flex-1 {
  flex: 1;
}

.msc-flex-row .flex-2 {
  flex: 2;
}

.link-underline {
  text-decoration: underline;
}

.content-container.outlets {
  padding-top: 0 !important;
}

#content-container.truck,
#content-container.bus,
#content-container.outlet,
.content-container.outlets,
.content-container.truck,
.content-container.outlet {
  background-color: #e6e6e6;
  padding: 1rem 0;
  max-width: 2200px;
  width: 100%;
}

.content-container.application-servicecard,
.content-container.acceptance-partner-info,
.content-container.card-application-info,
.content-container.card-additional-application-info,
.content-container.card-application-service-info {
  background-color: #ffffff;
  padding: 0;
}

.text-align-right {
  text-align: right;
}

h5.title-link {
  background: #ffffff;
  display: inline-block;
  padding: 0.75rem 2rem 0.75rem 1.25rem;
  margin: 0;
  min-width: 200px;
  text-align: center;
  text-transform: uppercase;
}

#redesign-text-logo,
#redesign-header-logo {
  background-image: url(logo-home.jpg);
  background-size: 100%;
  margin: 0px auto;
  width: 300px;
  height: 100px;
}

.truck #redesign-text-logo,
.bus #redesign-text-logo,
.outlet #redesign-text-logo {
  display: none;
}

#redesign-header-logo.truck,
#redesign-header-logo.bus,
#redesign-header-logo.outlet {
  background-size: 100%;
  width: 300px;
  height: 100px;
}

#redesign-header-logo.truck {
  background-image: url(logo-truck.png);
}

#redesign-header-logo.bus {
  background-image: url(logo-bus.png);
  margin: 15px auto;
}

#redesign-header-logo.outlet {
  background-image: url(logo-outlet.jpg);
}

.navbar-static-top.navbar-inverse-del {
  background-color: #ffffff;
}

.navbar-static-top {
  background-color: #ffffff;
  width: 100%;
  max-width: 2200px;
}

ul.dropdown-menu.login-popup {
  min-width: 400px;
  padding: 16px;
}

button#submit-signin-local {
  width: 100%;
  background-color: var(--black) !important;
}

ul.weblinks li.dropdown.open a.btn.btn-default {
  border: none !important;
  background-color: transparent !important;
  padding: 15px 10px 0px !important;
  text-decoration: underline !important;
}

ul.weblinks li.dropdown.open a.btn.btn-default:hover {
  box-shadow: none !important;
  color: var(--colorHoverLink) !important;
}

ul.weblinks li.dropdown a {
  padding: 3px 20px;
}

ul.weblinks li.dropdown.open a {
  font: 400 1rem var(--fontBody) !important;
  color: var(--colorHoverLink);
  background-color: initial;
  border-color: transparent;
  padding: 3px 20px;
}

ul.weblinks li.dropdown.open a:hover,
ul.weblinks li.dropdown.open a:focus {
  font: 400 1rem var(--fontBody) !important;
  color: var(--colorHoverLink) !important;
  border-color: transparent;
  background-color: var(--light);
  border: none;
}

.navbar-left.menu-bar.msc-pri-nav [class^=msc-fi-] {
  display: none;
}

.msc-footer-container {
  display: flex;
  align-items: center;
}

.msc-footer-container .divider-vertical {
  display: inline-block;
  width: 1px;
  height: 18px;
  background-color: var(--black);
  margin: 1px 20px 0px 20px;
}

.login-note-truck,
.login-note-bus,
.login-note-outlet,
.login-note-outlet2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.login-note-outlet2 .btn.btn-default {
  border: none !important;
  background-color: transparent !important;
  padding: 15px 10px 0px !important;
  text-decoration: underline !important;
}

/** Tabs **/
.tabs {
  display: flex;
  gap: 20px;
  padding: 32px 30px 0px;
  flex-wrap: wrap;
}

.tab {
  /*cursor: pointer;*/
  font-weight: bold;
  color: #707070;
  padding: 10px 15px;
}

.tab.active {
  color: var(--colorPrimeDark) !important;
}

.tab.clearfix {
  padding: 0;
}

.content {
  display: none;
  margin-top: 20px;
}

.note .col-md-9.col-xs-12.content {
  display: inherit;
}

.note .col-md-9.col-xs-12.content .from {
  /*display: none;*/
}

.modal-body {
  padding: 28px 56px !important;
}

.content.active {
  display: block;
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>.divider-vertical {
  margin-top: 0 !important;
}

.crmEntityFormView {
  border: none !important;
}

/** Icon Overwrite **/
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
  position: relative;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjE0LjU3MSIgeT0iMy42NjkiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAyMC4wNzA1IDM3LjY5MDYpIiBmaWxsPSIjMDEwMjAyIiB3aWR0aD0iNi41NDEiIGhlaWdodD0iMjIuMDM5Ii8+DQo8cG9seWdvbiBmaWxsPSIjMDEwMjAyIiBwb2ludHM9IjYuMTE2LDI2LjQxNCAxMS4wODEsMjYuMDc1IDYuNDU1LDIxLjQ1ICIvPg0KPC9zdmc+DQo=);
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 28px;
  top: 4px;
  left: 4px;
}

.fa-lock:before {
  content: "";
  position: relative;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIxNi4xNCA4NTcuNDQ1IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDE2LjE0IDg1Ny40NDUgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTTI0LjY0NSw4ODMuNjc1YzAuMjA0LDEuNDk5LDEuNDgzLDIuNjE0LDIuOTk1LDIuNjE0aDkuODM0YzEuNTEyLDAsMi43OTEtMS4xMTUsMi45OTUtMi42MTRsMS43MDUtMTIuNDk1SDIyLjk0DQoJTDI0LjY0NSw4ODMuNjc1eiBNMzEuNDIzLDg3NS43MTJoMi4yNjd2NC41MzRoLTIuMjY3Vjg3NS43MTJ6IE0yNy45NzgsODYzLjYyM2g5LjE1N2wyLjAxNiw2LjA0NWgzLjAyMmwtMi4zMzMtNi45OTkNCgljLTAuNDEyLTEuMjM0LTEuNTY2LTIuMDY2LTIuODY4LTIuMDY2aC04LjgzMWMtMS4zMDItMC4wMDItMi40NTksMC44MzEtMi44NzEsMi4wNjZsLTIuMzMsNi45OTloMy4wMjJMMjcuOTc4LDg2My42MjN6Ii8+DQo8L3N2Zz4NCg==);
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px;
  top: 2px;
  left: 2px;
}

/*Hide Home Icon*/
.msc-pri-nav .weblinks .weblink:first-child {
  display: none;
}

.entitylist {
  border: none !important;
}


.picture {
  display: block;
  overflow: hidden;
  position: relative;
}

.portal-links .title-link,
.title-link,
.portal-links .picture,
.portal-links .picture img {
  transition: all 300ms ease-out;
}

.picture::before {
  background: linear-gradient(320deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 300ms ease-out;
  width: 100%;
  z-index: 2;
}

.portal-links:hover .picture::before {
  opacity: 1;
}

.portal-links:hover .picture img {
  transform: scale(1.025);
  transition: all 300ms ease-out;
}

.portal-links:hover .title-link,
.title-link:hover {
  background-color: #f7fd09;
  color: var(--black) !important;
  transition: all 300ms ease-out;
}

.application-servicecard .portal-links:hover .title-link,
.application-servicecard .title-link:hover {
  background-color: #707070;
}

.title-link {
  position: relative;
}

.title-link::after,
.title-link::before {
  background: #000;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform-origin: right center;
  transition: all 300ms ease-out;
  width: 4px;
}

.application-servicecard .title-link::after,
.application-servicecard .title-link::before {
  background: #fff;
}

.title-link::before {
  bottom: 50%;
  top: auto;
}

.portal-links:hover .title-link::before,
.title-link:hover::before {
  transform: translate(-12px, 2px) rotate(-45deg);
}

.portal-links:hover .title-link::after,
.title-link:hover::after {
  transform: translate(-12px, -2px) rotate(45deg);
}

.link-title nobr {
  font-family: var(--fontHead);
}

.description-card-products .link-underline {
  font-size: 18px !important;
  text-decoration: underline !important;
}

.navbar-static-top .navbar-brand {
  padding: 0;
}

.background-grey {
  background-color: #e6e6e6;
}

.msc-footer-link {
  color: var(--greyDark) !important;
}

.msc-footer-link:hover,
.msc-footer-link:focus {
  color: var(--black) !important;
}

.truck {
  --fontBody: "MBCorpoSText", Arial, Lucida, sans-serif;
  --fontHead: "MBCorpoSTitle", Arial, Lucida, sans-serif;
}

.truck #modalproviderandprivacy h3,
.truck h1,
.truck h2,
.truck h3,
.truck h4 {
  text-transform: uppercase;
}

.outlet {
  --colorSecond: #666666;
  --colorSecondDark: #444444;
}

#loginNoteContainerBus .btn-primary,
#loginNoteContainerOutlet .btn-primary {
  line-height: 20px !important;
}

.big-description-text {
  font-size: 30px !important;
  margin: auto;
}

.card-application-info .number,
.acceptance-partner-info .number {
  display: flex!important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: var(--greyDark);
  color: var(--white);
  font-size: 20px;
  border-radius: 30px;
  text-align: center;
  margin-bottom: 12px;
}

.card-application-info .number.active,
.acceptance-partner-info .number.active {
  background-color: var(--colorSecond);
}

.card-application-info ul,
.acceptance-partner-info ul {
  list-style: none;
  padding-left: 0;
}

.card-application-info .btn-primary,
.acceptance-partner-info .btn-secondary,
.btn-primary.black {
  line-height: 20px !important;
  background-color: var(--black) !important;
}

.info-sub-title {
  font-family: var(--fontBody) !important;
  font-size: 26px;
  text-transform: initial;
}

#cookies table th,
#cookies table td {
  border: 1px solid var(--colorBorder);
  padding: 4px;
}

.acceptance-partner-bg {
  background-image: url(msc-acceptance-partner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: var(--white) !important;
  min-height: 400px;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

#applyAdditionalCardModal .modal-body,
#applyAcceptancePartnerModal .modal-body {
  padding: 28px !important;
}

#applyAdditionalCardModal .flex-row,
#applyAcceptancePartnerModal .flex-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

#applyAdditionalCardModal .radio,
#applyAcceptancePartnerModal .radio {
  margin-left: 20px;
  font-weight: normal;
}

#applyAdditionalCardModal .flex-row .input-group,
#applyAdditionalCardModal .flex-row textarea,
#applyAcceptancePartnerModal .flex-row .input-group,
#applyAcceptancePartnerModal .flex-row textarea {
  flex: 1;
}

#applyAdditionalCardModal .flex-row textarea::placeholder,
#applyAcceptancePartnerModal .flex-row textarea::placeholder {
  color: var(--colorBorder) !important;
}

#applyAdditionalCardModal .flex-row textarea,
#applyAcceptancePartnerModal .flex-row textarea {
  /*border: solid 1px var(--colorBorder) !important;*/
  padding: 8px 12px;
}

label.radio .btn-link {
  font-size: 15px !important;
}

.success-note,
.error-note {
  display: none;
  padding: 12px;
  margin: 16px auto;
}

.success-note {
  border: solid 1px var(--colorSuccess);
  background-color: var(--colorSuccessBg);
}

.error-note {
  border: solid 1px var(--colorDanger);
  background-color: var(--colorDangerBg);
}

.display-block {
  display: block !important;
}

ul.file-list {
  list-style: none;
  padding-left: 0;
}

ul.file-list li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

i.icon-pdf {
  display: inline-block;
  width: 16px;
  height: 22px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAABChJREFUeNqslk9sVFUUxn/n3jev7bSFNkxAIEGl0BKmjTgrwkKNJiawIYRFgxsxJkBCF8QFGgwGjFITGxewEVwgugBiTDSGGA3WSGoQkFQQ1BgjFWsiM0zbKZ1x5v25x8UAYijl1XiTt3n33Pud853znXtEG/0U7Y17aW7epM0tc1BlVkvVyXhxhNi9QaP/IbeOC5C/gei89Gvx2nUvB7v2wNw2iOPkl4uACObSRfzdO5GrI1tIN72D3gmwfNFo9ZMvFruuFRCE9Y3E3tcv0lQKc+l7Gp/bhPx+ZSvp9CGoAxhtaW3WtnYIAohCCGfx3bSXSgXt7qF6+Ci65OGDVCpbbnlqUHW4BLQYAw0NdVqmW/8CWXqQvypbUTCJqDAGylOYC8Mz21UqaLaH6rtH0Qc73ibFM8kAUinsxe+wg59jvzwJjU0zg6zspjawH+bNeTUZgFPUWtyyTszlC6i5TyUEAdq5Ap3bPi8hRQLpZuz5c9DSmqzCoghU44QROHT+AuzXp4hX9iAuuRhNQrWCtRDH6NJlEEf/L4D6PvbkZ7iFizC//FyvKpE6qLX3Lt1EACJIEGBPfET4wktoWzvm3DfgFCnkkfy1OojnTXvcu6/3TU3YoVNIoQBGkGt/Ys6fxZ47Q7wqh4QB9vAhwmefRxcuric3UQTWgpfCjFwhtX+A+LEnwW/A9TxCuGMnLtuD+W0EFYM5fxYZHZ02Cu9ewpLrBeSnH/BOfAzGEOzdhzhXb4jqiB9/CileR66OUHtzP7rkIahWEwBYixTymB8vo01pZORXgv63kDiGWu0fu1oVnTMHXZWrd9UwSJgDa5GxIvLHKN63Zwh3vIgu74Jy+e5qca7ehWdY3nQyd0uXgUL89Fp0/gNQqcxYirMDuOXcipUYFAlqOEBEMMbgnENVMcYgIqgqzrn/oIMwoFouUyqV8H2fOI6ZmJjAGIPneQRBwNjYGKVSafYRGGOIooj+/n6cc3R3d+N5HkNDQ2QyGfr6+jhy5Aj5fJ5sNktvb+/taBJTFMcxtVqNvr4+BgYGyGQybNy4kXw+z/HjxymXy6xfv55cLnfPy2ekyFrL5OQkBw4cYPXq1WQyGUSEbDZLsVhEVTl27BjDw8N4njf7HMRxTCqVYvv27WzevJkgCCgUCgwODtLZ2Ymqsm3bNtasWUMYhrMDUFVEhFwuRyaTIY5jurq6OH36NL7vs2HDBjo6Okin00TRzK1b3KNd49VPv2rT9va7GpXv+4RhiKrieR4igud51Go1rLVEUTQ9956HjBVpXPfEuCflqSmZGG/TBQvumPluak4VbJ3f6ObvMIrAWBzc3rtrGvN9mJxEyuWKR3HsvdTrr+y6PTrOIJrEI85kCX/fHrg+9r5ok+/T1rCXltZebW5unfXwO90DVS7fYGrqA0rV3X8PALGE6ZEeeY1sAAAAAElFTkSuQmCC);
}

.select-dropdown,
.select-dropdown * {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}

.select-dropdown {
  position: relative;
  background-color: var(--greyLight);
  color: var(--black);
  border: none;
  border-radius: 4px;
  display: inline-block;
}

.select-dropdown select {
  max-width: 100%;
  padding: 8px 24px 8px 10px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-dropdown select:active,
.select-dropdown select:focus {
  outline: none;
  box-shadow: none;
}

.select-dropdown:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid var(--greyDark);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.file-list {
  display: none;
}

.file-list.show {
  display: inherit;
}

.btn-disabled {
  background-color: var(--greyDark) !important;
}

#additionalcard-content label {
  font-weight: inherit !important;
}

.navbar .flex-row.align-center {
  display: flex;
  align-items: center;
  position: relative;
}

.navbar-header.hide,
.navbar-toggle.hide {
  display: none !important;
}

.navbar-brand.show {
  display: block !important;
}

.navbar-brand.show .main-nav__item {
  line-height: 0;
}

#additionalcard-content .cc-radio .btn-link {
  font-size: 1rem !important;
}

table th a:hover,
table th a:focus {
  color: var(--white) !important;
}

.navbar-header {
  margin-right: 1rem;
}