@import url(../../styles/normalize.css);
@import	url(../../styles/icons.css);

/* START Roboto Font */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/RobotoCondensed-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/RobotoCondensed-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
/* END Roboto Font */

/* START Adel Font */
@font-face {
  font-family: 'Adel';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Adel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Adel';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Adel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Adel';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Adel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Adel';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Adel-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Adel';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Adel-Regular.ttf') format('truetype');
}
/* END Adel Font */

/* START Amaranth Font */
@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Amaranth-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Amaranth';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Amaranth-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Amaranth-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Amaranth-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Amaranth';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Amaranth-Bold.ttf') format('truetype');
}
/* END Amaranth Font */

/* START Cabin Font */
@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Cabin-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Cabin-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Cabin-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Cabin-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Cabin-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Cabin-Bold.ttf') format('truetype');
}
/* END Cabin Font */

/* START Hind Font */
@font-face {
  font-family: 'Hind';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Hind-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Hind-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Hind-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Hind-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Hind-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Hind-Bold.ttf') format('truetype');
}
/* END Hind Font */

/* START IstokWeb Font */
@font-face {
  font-family: 'IstokWeb';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/IstokWeb-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'IstokWeb';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/IstokWeb-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'IstokWeb';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/IstokWeb-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'IstokWeb';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/IstokWeb-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'IstokWeb';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/IstokWeb-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'IstokWeb';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/IstokWeb-Bold.ttf') format('truetype');
}
/* END IstokWeb Font */

/* START Montserrat Font */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Montserrat-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Montserrat-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Montserrat-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Montserrat-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/Montserrat-Bold.ttf') format('truetype');
}
/* END Montserrat Font */

/* START Nunito Font */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Nunito-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Nunito-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Nunito-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Nunito-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Nunito-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Nunito-Bold.ttf') format('truetype');
}
/* END Nunito Font */

/* START OpenSans Font */
@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/OpenSans-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/OpenSans-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'OpenSans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/OpenSans-Bold.ttf') format('truetype');
}
/* END OpenSans Font */

/* START Raleway Font */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Raleway-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Raleway-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Raleway-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Raleway-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Raleway-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Raleway-Bold.ttf') format('truetype');
}
/* END Raleway Font */

/* START Roboto Font */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Roboto-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Roboto-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Roboto-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Roboto-Bold.ttf') format('truetype');
}
/* END Roboto Font */

/* START SourceSansPro Font */
@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'SourceSansPro';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/SourceSansPro-Bold.ttf') format('truetype');
}
/* END SourceSansPro Font */

/* START Ubuntu Font */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Ubuntu-LightItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Ubuntu-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Ubuntu-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Ubuntu-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Ubuntu-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Ubuntu-Bold.ttf') format('truetype');
}
/* END Ubuntu Font */

/* START Vollkorn Font */
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Vollkorn-MediumItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Vollkorn-Italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Vollkorn-BoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.ehyp.de/fonts/Vollkorn-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.ehyp.de/fonts/Vollkorn-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.ehyp.de/fonts/Vollkorn-Bold.ttf') format('truetype');
}
/* END Vollkorn Font */

/* PRINT*/
@media print {
  html, body {
    min-height: 0px !important;
    height: 0px !important;
  }

  body * {font-size: 1em !important; line-height: 1.5em !important;}

  body, table {
    color: #000;
    background-color: #fff;
    background-image: none !important;
  }

  div#pageHeader, ul.topNavi, #pageFooter, .linkBtn, .btnPrint, .mfp-close, .icoPrint {
    display: none !important;
    height: 0px;
  }
  .conditionsBlockDesc {display: table-row !important;}
  .ui-tabs-panel, .ui-tabs-panel * {margin:0 !important; padding: 0 !important; top: 0 !important;}
  #appSummary {display: none !important;}
}

/* COMMON	*/
html {min-height: 100%;}

body,
body.ehyp {
  height:	100%;
  margin:	0;
  background: #999;
  background: linear-gradient(to top, #6d707f 0%, #c4c5c9 100%);
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 24px;
  color: #666;
  text-align:	left;
  text-shadow: 0px 1px 0px #fff;
}

table {font-size: 14px;}

body.rechner, body.popup {padding: 20px 10px 0px 10px}

body:before{
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

body.lightboxIframe {
  background: #fff;
  padding: 20px;
  height: auto;
}

body.lightboxIframe2  {padding-bottom: 0px;}
body.lightboxIframe3  {padding-left:0; padding-right:0}
body.lightboxIframe.lbInputField {background: #fafaf8; height: 100%}

body.lbIframe2 {padding: 10px}
body.lbIframe3 {padding: 0px}

body.noScroll {overflow: hidden}

body.lightboxIframe:before,
body.appModule:before,
body.rechnerIframe:before,
body.submissionIframe:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff;
}

body.rechnerIframe,
body.submissionIframe {
  background: transparent;
  background-image: none;
  padding: 0;
}

body.appModule {overflow: hidden;}

body.submissionIframe table.crd_tab {border: none !important;}
.brokerLogo {
  margin:	0	8px	4px	0;
  float:	left;
}

a {
  color: #368afd !important;
  text-decoration: none;
}

a:hover, ul.topNavi .sub ul li a:hover {
  text-decoration:	none;
  color: #4479ba !important;
}

p {margin:	0	0	10px;}

img	{border: 0;}

h1,	h2,	h3,	h4 {
  font-weight:	700;
  margin:	4px	0;
  color:	#368afd;
}

h1 {font-size:	22px;}
h2 {font-size:	20px;}
h3 {font-size:	18px;}
h4 {font-size:	16px; color: #368afd; margin: 15px 0 3px 0}

ul, ul li,
ol, ol li{
  margin: 0;
  padding: 0px;
}

ul li {
  list-style-type: square;
}

ul, ol {
  padding-left: 20px;
  margin: 10px 0px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

td {padding: 3px 10px;}

td.nowrap {white-space: nowrap;}

.noBorder {border: none !important; width: 100% !important;}

.noBorder tr td {padding: 0px 5px 0px 0px;}

.hidden {display: none;}

input::-ms-clear {
  display: none;
}

.disclaimer, .timeStamp {
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
}

.timeStamp {
  position:absolute;
  right: 20px;
  text-align: right;
}

.smallFonts, .very_smallfonts, .very_smallfonts span.input input {
  font-size: 10px;
}

.smallFonts.providerLogoSpacer {
  line-height: 12px;
  margin-top: 3px;
}

.very_smallfonts span.input {
  height: 10px;
  border: none !important;
  padding: 0;
  display: inline;
}

.markLineCol {background: #ddeafb !important;}

table.buttonRow {
  width: 100%;
  margin-top: 10px !important;
}

table.buttonRow td.crd_input, table.buttonRow td.crd_right {
  text-align: right;
  padding-right: 0;
}

/* ICON SPECIAL FOR EHYP */
.linkico {
  position: relative;
}

.linkico:hover {
  text-decoration: none !important;
}

.linkico *, .linkicoTxt * {
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 24px;
  position: relative;
  top: -3px;
}

.linkicoTxt:before {
  margin-right: 5px;
}

.linkico:after, .linkicoTxt:after {font-family: 'Roboto Condensed', sans-serif;}

#pageFooter .stdico:before,
#tooltip .stdico:before,
#tooltip .linkico:before,
#tooltip .linkicoTxt:before,
.icoPlus:before,
.icoMinus:before {
  font-size: 12px;
}

#productsEhyp4 .linkicoTxt + span {position: relative; top: -3px;}

.boxSection .linkico {
  position: relative;
  top: -3px;
}

.icoSelPage span:before {
  content: "\00BB";
  margin: 0 9px 0 5px;
  font-size: 20px
}

.icoPlus:before, .icoMinus:before {
  position: relative;
  top: -3px;
}

.icoMailin:before {
  background: linear-gradient(bottom, transparent 20%, #93bffb 60%, transparent 80%);
  background: -o-linear-gradient(bottom, transparent 20%, #93bffb 60%, transparent 80%);
  background: -moz-linear-gradient(bottom, transparent 20%, #93bffb 60%, transparent 80%);
  background: -webkit-linear-gradient(bottom, transparent 20%, #93bffb 60%, transparent 80%);
  background: -ms-linear-gradient(bottom, transparent 20%, #93bffb 60%, transparent 80%);
}

span.icoYes:before {color: #08c104}

.icoPdfA:before, .icoPdfF:before, .icoPdfV:before {
  margin-right: -5px;
}

.icoPdfVK:before, .icoPdfUP:before, .icoPdfFV:before {
  margin-right: -10px;
}

.icoEsm:before, .icoDVV:before {
  margin-right: -15px;
}

.icoPdfA:after, .icoPdfVK:after, .icoPdfF:after, .icoPdfV:after, .icoPdfUP:after, .icoEsm:after, .icoDVV:after, .icoPdfFV:after, .icoEsis:after, .icoPdfVA:after, .icoVoranfrage:after, .icoPdfMA:after, .icoConsultingDoc:after, .icoKg:after {
  position: relative;
  left: -10px;
  top: -3px;
  content:'A';
  font-size: 10px;
}

#scoreresult .icoPdfA:after,
#mspresult .icoPdfA:after {
  left: -7px;
}

.icoPdfVK:after {
  content:'VK';
  left: -8px;
}

.icoPdfFV:after {
  content:'FV';
  letter-spacing: -1px;
  left: -7px;
}

.icoPdfVA:after, .icoVoranfrage:after {
  content:'VA';
  letter-spacing: -1px;
  left: -14px;
}

.icoVoranfrage:after {
  font-size: 8px;
  left: -10px;
  top: -1px;
  font-weight: 700;
}

.icoConsultingDoc:after {
  content:'BD';
  left: -14px;
}

.icoPdfMA:after {
  content:'MA';
  letter-spacing: -1px;
  left: 3px;
  top: -27px;
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .icoPdfMA:after {
      left: -15px;
      top: -3px;
    }
}

#appModuleToolNavigContainer.expanded .icoPdfMA:after {
  left: -134px;
  top: -3px;
}

.fccCell .icoPdfFV:after {
  left: -4px;
}

.icoPdfF:after {
  content:'F';
}

.icoPdfV:after {
  content:'V';
  left: -10px;
}

.icoPdfUP:after {
  content:'ÜP';
  left: -8px;
}

.icoEsm:after {
  content:'Esm';
  left: -5px;
  letter-spacing: -1px;
}

.icoEsis:after {
  content:'Esis';
  left: -19px;
  letter-spacing: -1px;
}

.icoKg:after {
  content:'KG';
  left: -17px;
  letter-spacing: -1px;
}

.linkicoTxt.icoEsm:before {
  margin-right: 5px;
}

.linkicoTxt.icoEsm:after {
  left: -99px;
}

.icoDVV:after {
  content:'DVV';
  left: -5px;
  letter-spacing: -1px;
}

.icoDeputyCase:before {content: "\e03c";}

span.icoChefsSuggestion {
  display: inline-block;
  height: 15px;
  width: 15px;
  background-color: #339900 ;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  background-image: none !important;
  padding: 0 !important;
  box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}

span.icoChefsSuggestion:before {
  content: 'E';
  font-family: 'Roboto Condensed', sans-serif !important;
  position: relative;
  top: -2px;
  left: 5px;
  font-size: 10px;
}

/* PRIMARY ACTION */
.greenBtn span {
  font-size: 18px;
  font-weight: 700;
  background: #368afd !important;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #20538D;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  white-space: nowrap;
}

.greenBtn span {
  padding: 5px 10px;
}

:root .greenBtn span {
  padding: 5px 20px;
}

.greenBtn span:before {
  font-family: "iconFont";
  font-size: 20px;
  content: "\e018 ";
  margin-right: 10px;
}

.greenBtn span:hover {
  background: #4479BA !important;
  border: solid 1px #2A4E77;
  text-decoration: none;
}

.greenBtn span:active {
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #2E5481;
  border: solid 1px #203E5F;
}

/* BUTTON */
.linkBtn span {
  font-weight: 700;
  padding: 1px 15px 1px 12px;
  background: #888 !important;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #666;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  white-space: nowrap;
}

.linkBtn:hover {
 cursor: hand;
}

.greenBtn[disabled] span, .greenBtn[disabled] span, .greenBtn[disabled] span:active, .greenBtn[disabled] span:hover,
.linkBtn[disabled] span, .linkBtn[disabled] span:active, .linkBtn[disabled] span:hover {
  background: #ccc !important;
  color: #999;
  border: solid 1px #bbb;
  text-shadow: 0 1px 0 #fff;
}

.linkico[disabled], .linkico[disabled]:before, .linkico[disabled] span {
  color: #999;
  text-shadow: 0 1px 0 #fff;
  cursor: default !important;
}

.linkBtn span:hover {
  background: #666 !important;
  border: solid 1px #444;
  text-decoration: none;
  cursor: pointer !important;
}

.linkBtn span:before, .icoPostout:before {
  font-size: 20px;
  content: "\00BB";
  margin-right: 5px;
}

.icoPostout:before {
  position: relative;
  top: -3px;
  padding-left: 3px;
  margin-right: 10px;
}

.btnAbort span:before,
.btnSave span:before,
.btnDelete span:before,
.btnRefresh span:before,
.btnPrint span:before {
  font-family: 'iconFont';
  font-size: 12px;
}

.btnRefresh span:before {
  content: '\e0ab';
}

.btnPrev span:before {
  content: "\00AB";
}

.btnAbort span:before {
  content: "\e093";
}

.btnSave span:before {
  content: "\e02d";
}

.btnDelete span:before {
  content: "\e060";
}

.btnPrint span:before {
  content: "\e021";
}

.linkBtn span:active {
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  background: #ccc;
  border: solid 1px #666;
}

.linkBtn {position: relative; top: -1px;}

.popup .linkBtn + .linkBtn {padding-left: 10px;}
span.input + .linkBtn, span.input + .linkBtn + .linkBtn, input  + .linkBtn, input[type="hidden"] + .linkBtn {top: -2px;}
span.input + .linkico, span.input + div + .linkico, span.input + .linkico + .linkico, span.select + .linkico {position: relative; top: 3px;}
.btnGo span {padding-right: 4px;}

/* PAGE	*/
#pageRoot {
  border-top:	0;
  min-width: 972px;
  padding-bottom: 20px;
	}
#pageCont {min-width: 1000px; overflow: auto;}
#pageHeader {
  background: #6d707f;
  background: linear-gradient(to top, #6d707f 0%, #c4c5c9 100%);
  height:	89px;
  display: block !important;
  position: relative;
}

.pageHeadSpacer {display: none;}

#pageCont {
  padding: 20px;
  min-height:	500px;
}

#appformContent {
  margin-top: 0px;
  position: relative;
  padding: 0px 60px 20px 20px;
}

#appModuleNavigContainer + #appModuleToolNavigContainer + #appformContent,
#consumerPages #appformContent,
#appModuleNavigContainer + #appformContent {margin-top: 20px;}

#pageCont {
  border-top: 1px solid #fff;
}

#pageCont div.box {
  margin-right: 20px;
}

div.layoutColumn, div.layoutColumnLast {
  float: left;
}

#pageCont div.layoutColumnLast div.box {
  margin-right: 0px;
}

#pageFooter {
  background:	#f5f5f5;
  border-top: 1 px solid #fff;
  color: #333;
  text-align:	right;
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  z-index: 5;
}

.pageFooterContent{padding: 2px 10px	3px	10px;}

td.section,
td.section_mid,
td.subsection,
div.section,
.lightboxIframe table.lightboxCalcTable tr td.section {
  font-weight: 700;
  font-size: 16px;
  color: #368afd;
  text-shadow: 0px 1px 0px #fff;
  padding-top: 15px !important;
  text-transform: uppercase;
}

div.section {background-color: transparent !important; height: 39px;}

td.subsection {
  text-transform: none;
  font-size: 14px;
}

td.help {text-align: right;}
td.help .icoHint {margin-right: 3px}
a.icoHelp:before {color: #888 !important; font-size: 14px !important;}
a.icoHelp:hover {cursor: help;}

/* UPLOAD SORT DOCS */
#positionSelect  {
  border: 1px solid #e0e0e0;
  background-color: #ffffff;
  overflow: auto;
  height: 300px;
  width: 510px;
}

.positionList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.positionList li {
  margin: 0 5px 5px 5px;
}

#currentFormPosition {
  list-style-type: none;
  background: #368afd;
  color: #fff;
  text-shadow: none;
}

/* SuggestPanel */
.suggestPanel {background: #fff; border: 1px solid #aaa; border-top: none;}
.suggestLine, .suggestLineActive {padding: 2px 5px;}
.suggestLineActive {text-shadow: 0.8px 0 0; background: #dbe5f3;}

/* TOPNAVI */
.appModuleNavigContainer {
  background: #6d707f;
  background: linear-gradient(to top, #6d707f 0%, #c4c5c9 100%);
  display: block;
  height: 70px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #fff;
}

ul.topNavi, ul.appModuleNavigRow {
  padding: 0 0 0 20px;
  height: 60px;
  list-style-type: none;
  position: absolute;
  top: 10px;
  margin: 0;
  min-width: 1000px;
}

ul.topNavi {
  height: 35px;
  top: 54px;
}

ul.topNavi li, ul.appModuleNavigRow li {
  position: relative;
  padding: 7px 20px 0 20px;
  float: left;
  margin: 2px;
  list-style-type: none;
}

ul.appModuleNavigRow li,
ul.appModuleNavigRow li span {
  display: inline-block;
}

ul.appModuleNavigRow li,
ul.appModuleNavigRow li.appModuleNavigElemSelect:hover {
  height: 58px;
  padding: 13px 25px 0 25px !important;
}

ul.appModuleNavigRow li:hover {
  padding: 12px 24px 0 24px !important;
}

ul.topNavi > li {
  padding: 6px 19px 0 19px;
  border: 1px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

ul.topNavi > li:hover,
ul.appModuleNavigRow li:hover {
  border: 1px solid #f0f0f0;
  padding: 6px 19px 0 19px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

ul.topNavi li.selMainNavig,
ul.topNavi li.selMainNavig:hover,
ul.appModuleNavigRow li.appModuleNavigElemSelect,
ul.appModuleNavigRow li.appModuleNavigElemSelect:hover {
  border: 1px solid #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  padding: 7px 20px 0 20px;
  background: #999;
  background: linear-gradient(to bottom, #6d707f 0%, #c4c5c9 100%);
  cursor: pointer;
}

ul.appModuleNavigRow li.appModuleNavigElemDisabled.appModuleNavigElemSelect,
ul.appModuleNavigRow li.appModuleNavigElemDisabled.appModuleNavigElemSelect:hover {
  padding: 14px 25px 0 25px !important;
}

ul.appModuleNavigRow li.appModuleNavigElemDisabled,
ul.appModuleNavigRow li.appModuleNavigElemDisabled:hover {
  padding: 13px 25px 0 25px !important;
}

ul.appModuleNavigRow li.appModuleNavigElemDisabled,
ul.appModuleNavigRow li.appModuleNavigElemDisabled:hover,
ul.appModuleNavigRow li.appModuleNavigElemDisabled span,
ul.appModuleNavigRow li.appModuleNavigElemDisabled span:hover,
ul.appModuleNavigRow li.appModuleNavigElemDisabled span:before {
  color: #bcbdc2 !important;
  cursor: default !important;
  border: none !important;
}

#appModuleSubNavigContainer {height: 55px;}

#appModuleSubNavigContainer ul li.topNaviDisabled {
  border: 1px solid #ddd !important;
}

#appModuleSubNavigContainer ul li.topNaviDisabled a,
#appModuleSubNavigContainer ul li.topNaviDisabled a:hover {
  color: #d5d6db !important;
  cursor: default !important;
}

ul.topNavi li ul li {float: none;}

ul.topNavi li	a,
ul.topNavi li a:hover,
ul.appModuleNavigRow li span,
ul.appModuleNavigRow li span:hover {
  font-size: 16px;
  font-weight: 700;
  color: #e6edf7 !important;
  text-shadow: 0px 1px 0px #000;
  text-decoration: none;
  display: inline-block;
  line-height: 16px;
  cursor:	pointer;
  margin:	0	0	0	0;
  color: #368afd;
}

ul.topNavi li	a,
ul.topNavi li a:hover,
ul.topNavi li.selMainNavig > a:hover {
  padding: 0 8px;
  line-height: 26px;
  height:	26px;
}

#pageRoot ul.topNavi > li > a:hover {
  height:	27px;
}

ul.topNavi li	a	span {
  display: none;
}

span.appModuleIcon:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconFont";
  font-size: 30px;
  color: #dedfe4;
  margin-right: 5px;
  position: relative;
}

#navig_appPage span.appModuleIcon:before {content: "\e018";}
#navig_appSummary span.appModuleIcon:before {content: "\e073"; font-size: 39px; top: 10px;}
#navig_consumerCredit span.appModuleIcon:before {content: "\e018";}
#navig_appFinancePlan span.appModuleIcon:before {content: "\e008"; font-size: 31px; top: 8px}
#navig_appFinancePlanMSP span.appModuleIcon:before {content: "\e008"; font-size: 31px; top: 0px}
#navig_appContact span.appModuleIcon:before {content: "\e076";}
#navig_appDocuments span.appModuleIcon:before {content: "\e013"; font-size: 31px; top: 8px}
#navig_appPostBox span.appModuleIcon:before {content: "\e01a"; font-size: 31px; top: 8px}
#navig_appCalc span.appModuleIcon:before {content: "\e075";}

#appModuleSubNavigContainer .appPlausi {display: none;}
#appModuleSubNavigContainer .appPlausi.icoWarn, #appModuleSubNavigContainer .appPlausi.icoWarn:before {display: inline; font-size: 12px;}
#appModuleSubNavigContainer ul {
  position: relative;
  top: 15px;
  left: 25px;
  border: none;
}

#appModuleSubNavigContainer ul li {
  margin: 0px 5px 0px 0px !important;
  padding: 0px 10px !important;
  box-shadow: 0px 0px 2px rgba(0,0,0,.5);
  border: 1px solid #fff;
  border-radius: 0px !important;
  background: #8a8ea1;
  background: linear-gradient(to top, #8a8ea1 0%, #c4c5c9 100%);
}

#appModuleSubNavigContainer ul li.selAppNavig {
  border: 1px solid #ddd;
  background: #f0f0f0;
  background: linear-gradient(to top, #f0f0f0 0%, #fefefe 100%);
}

#appModuleSubNavigContainer ul li a,
#appModuleSubNavigContainer ul li a:hover {
  font-size: 14px;
  font-weight: 500;
  color: #fff !important;
  padding: 0;
  text-shadow: 0px 1px 0px #000;
}

#appModuleSubNavigContainer ul li.selAppNavig a,
#appModuleSubNavigContainer ul li.selAppNavig a:hover {
  color: #368afd !important;
  text-shadow: 0px 1px 0px #fff;
}

#appModuleSubNavigContainer ul li a:hover {
  color: #e6edf7 !important;
}
/* ToolNavi */
#appModuleToolNavigContainer {
  position: absolute;
  min-height: 500px;
  right: -1px;
  top: 72px;
  width: 40px;
  height: 100%;
  background: url(../../styles/img/ehyp4_root/bgToolNavig220.png) repeat-y 0px 0px;
  z-index: 1000;
  border-left: 1px solid #aaa;
}

#appModuleToolNavigContainer ul {
  margin: 0;
  height: 100%;
  padding-left: 13px;
  background: url(../../styles/img/ehyp4_root/bgToolNavig220.png) no-repeat left bottom;
}

.toggleToolNavigLink {
  font-size: 24px;
  line-height: 30px;
  position: relative;
  top: -7px;
  left: 5px;
  color: #a0a0a0 !important;
  display: block;
  cursor: pointer;
}

#appModuleToolNavigContainer ul li {
  list-style-type: none;
  height: 24px;
}

#appModuleToolNavigContainer ul li span {
  width: 10px;
  display: none;
  white-space: nowrap;
}

#appModuleToolNavigContainer ul li span + span {
  width: auto;
}

#appModuleToolNavigContainer ul li#toolNavig_editReq {
  padding-left: 3px;
}

#appModuleToolNavigContainer ul li#toolNavig_editReq a > span {
  width: 13px;
}

#appModuleToolNavigContainer ul li .icoUpload span {
  padding-left: 8px;
}

/* TOPNAVI DROPDOWN */
ul.topNavi li	.sub {
  position:	absolute;
  z-index: 10;
  top: 33px;
  left:	0px;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  float: left;
  display: none;
  border: 1px solid #ddd;
  background:	#f0f0f0;
}

ul.topNavi li	.sub ul {
  list-style:	none;
  margin:	0	0;
  padding: 0 0;
  width: auto;
  float: left;
  width: 185px;
}

ul.topNavi .sub	ul li {
  white-space:	nowrap;
  padding: 0 !important;
  margin: 0;
}

ul.topNavi .sub	ul li	a {
  float: none;
  text-indent: 0;
  text-decoration: none;
  line-height: 20px;
  height:	auto;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #368afd !important;
  text-shadow: 0px 1px 0px #fff;
}

/* Secondlevel Nav */
.secondLevelNav {
  position: absolute;
  top: -10px;
  left: 0px;
}

.secondLevelNav li {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.secondLevelNav li span {
  display: none;
}

.secondLevelNav li a {
  text-shadow: none;
  padding: 0px 5px 0 2px;;
  color: #555 !important;
  font-size: 12px;
}

.secondLevelNav li a:hover {
  color: #e6edf7 !important;
}

.secondLevelNav li + li:before {
  content: '|';
  position: relative;
  top: -1px;
  text-shadow: none;
}

/* Tooltips */
div#tooltip, div.tooltip {
  padding: 13px 12px 0 0;
}

div#tooltip table.crd_tab, div.tooltip table.crd_tab {
  border: none !important;
  background: transparent !important;
}

div#tooltip table.crd_tab tr td, div.tooltip table.crd_tab tr td, div.tooltip table tr td {
  padding: 2px 10px 2px 0 !important;
}

div#tooltip table tr td.section {font-size: 13px !important; color: #666}
div#tooltip table tr td.sum {background-color: transparent}
div#tooltip .tooltipIcon:before, div.tooltip .tooltipIcon:before {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10000002;
  background: #fff;
  color: #888;
  font-family: 'iconFont';
  content: '\e08d';
  font-size: 24px;
}

div#tooltip div, div.tooltip div {
  border: 1px solid #ccc !important;
  padding: 10px;
  text-shadow: 0px 1px 0px #fff;
  font-size: 13px;
  font-weight: 300;
  max-width: 600px;
  min-width: 50px;
  line-height: 16px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  background: #f0f0f0;
  background: linear-gradient(to top, #f0f0f0 0%, #fefefe 100%);
}

div#tooltip div[scroll], div.tooltip div[scroll] {
  max-height: 300px;
  overflow-y: auto;
}

div#tooltip div table, div.tooltip div table {
  line-height: 16px;
  font-size: 13px;
}

div#tooltip h1, div.tooltip h1 {
  color: #777;
  font-weight: 400;
  font-size: 18px;
  font-variant: small-caps;
  text-transform: none;
  margin: 0 0 5px 0;
}

div#tooltip div td.header {
  font-weight: 400;
}

div#tooltip h1:first-letter, div.tooltip h1:first-letter {
  text-transform: uppercase;
}

div#tooltip.Hilfe h1, div.tooltip.Hilfe h1 {
  color: #368afd;
}

div#tooltip.Hilfe .tooltipIcon:before, div.tooltip.Hilfe .tooltipIcon:before {
  font-family: 'iconFont';
  content: '\e08c';
  font-size: 24px;
  color: #368afd;
}

div#tooltip.Hilfe div, div.tooltip div.Hilfe {
  border: 1px solid #368afd !important;
  background: #e8f0f6;
  background: linear-gradient(to top, #e8f0f6 0%, #fefefe 100%);
}

#tooltip .scoreHints {
  width: 600px !important;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  padding: 0 10px 0 0;
}

#tooltip .scoreHints div {
  display: block;
  padding-bottom: 0px;
  padding-left: 30px;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
}

#tooltip div.scoreHints div a.linkico,
#tooltip div.scoreHints div a.linkico:before, #tooltip div.scoreHints div a.linkico:hover:before {
  color: #666 !important;
  cursor: default !important;
}

#tooltip .scoreHints div.stdico {
  padding-left: 12px;
}

#tooltip .scoreHints div.scoreHintsProvider {
  font-size: 16px;
  padding: 0px;
}

#tooltip .scoreHints .providerLogoText {
  display: inline-block;
  position: relative;
  top: 2px;
  font-weight: 700;
}

#tooltip .scoreHints img + .providerLogoText {
  padding-left: 10px;
}

#tooltip .scoreHints .stdico {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 3px;
}

#tooltip.green h1, #tooltip.red h1, #tooltip.yellow h1 {
  display: none;
}

#tooltip.green > div {
  //background: linear-gradient(to top, #dcf4dc 0%, #fefefe 100%);
}

#tooltip.yellow > div {
  //background: linear-gradient(to top, #f9f9d7 0%, #fefefe 100%);
}

#tooltip.red > div {
  //background: linear-gradient(to top, #f4ddda 0%, #fefefe 100%);
}

#tooltip .scoreHints div ul {
  margin-top: 0;
  margin-bottom: 5px;
}

#tooltip .scoreHints div.scoreHintsSection {
  height: 0px;
  padding: 0px;
}

#tooltip .scoreHints div.scoreHintsSection:last-child {
  display: none;
}

div[id*="commission"] table tr td {padding: 0px 5px 0px 0px !important;}

/* Box */
.box {
  padding: 10px;
  position: relative;
  background: #f0f0f0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #555;
  margin-bottom: 20px;
}

.box:before, .box:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.box:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

div.box_header {
  display: block;
  height: 25px;
  background: none !important;
  border-bottom: 1px solid #368afd;
  margin: 0px 10px;
}

div.box_content div.box_header {
  display: block;
  height: 25px;
  box-shadow: 0 0 0;
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 0px;
  padding-left: 10px;
  background: #fff !important;
}

div.box_header_left {
  float: left;
}

div.box_content div.box_header_left {
  font-weight: 700;
}

div.box_header_right, div#content div.box_header div.box_header_right * {
  float: right;
  background: none !important;
  padding: 0;
  font-size: 14px;
  position: relative;
  top: 3px;
}

div.box_content div.box_header div.box_header_right {
  padding: 3px 5px 0 0;
}

div.boxHeadline, div.boxSection {
  color: #666;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
}

div.boxSection {
  border-bottom: 1px solid #368afd;
  margin: 20px 0px 10px 0px;
  height: 24px;
}

div.box_content div.boxHeadline {
  color: #368afd;
  font-size: 14px;
}

div.box_content {
  padding: 10px;
  background: #f0f0f0;
}

.overflow_hidden {
  overflow: hidden;
}

#appformContent div.box_content {clear: both;}

.trainingsTable tr td {
  padding: 5px;
}

.trainingsTable tr:first-child td {
  border: 1px solid #ccc !important;
  border-bottom: none !important;
}

.trainingsTable tr td {
  border: 1px solid #ccc !important;
  border-bottom: none !important;
  border-top: none !important;
  padding: 0 10px;
}

.trainingsTable tr:last-child td {
  border: 1px solid #ccc !important;
  border-top: none !important;
  padding-top: 10px;
}

div.box_content div.box_content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

div#pageCont div.box_content div.box {
  padding: 0px;
  margin: 0px;
}

div.box_footer{
  padding: 0px;
}

div.box_content div.box_footer{
  margin-bottom: 10px;
  padding: 0;
}

div.box_footer table.crd_tab {
  border: none !important;
  background: transparent;
}

div.box_footer td.crd_label,
div.box_footer td.crd_input,
div.box_footer td.help {
   padding: 5px 10px;
   background: transparent;
}

div.box_footer td.crd_input {
   padding-left: 12px;
}

div.crd_center a.greenBtn {display: inline-block; margin: 20px;}

.lightboxIframe div.box,
.lightboxIframe div.box_content {background: none; padding: 0;}

.lightboxIframe div.box_header {display: none;}

.lightboxIframe .box:before, .lightboxIframe .box:after {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* dataTables */
table.dataTable {
  line-height: 16px;
}

table.dataTable td {
  padding: 5px 0px 5px 10px !important;
  vertical-align: top;
}

.dataTables_scrollBody .dataTable thead tr td {padding: 0 0 0 10px !important;}

table.dataTable .crd_right {
  text-align: right;
  padding-right: 10px !important;
}

table.dataTable td.dataTableSection, table.dataTable th.dataTableSection {
  display: none
}

table.dataTable thead th.sorting, table.dataTable tr td.sorting,
table.dataTable thead th.sorting_desc, table.dataTable tr td.sorting_desc,
table.dataTable thead th.sorting_asc, table.dataTable tr td.sorting_asc {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

table.dataTable span.icoSort {
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-left: 5px;
    background: url(../../img/page_link_icons.png) no-repeat -470px -3702px;
}

tr td:last-child.crd_header {padding-right: 10px;}

tr.openToggle td.crd_header, tr.openToggle td:last-child.crd_header {
  line-height: 14px;
}

.dataTables_scrollHead {
  background: #cecfd8;
  background: linear-gradient(to bottom, #cecfd8 0%, #ebecee 100%);
}

.dataTables_scrollHeadInner {
  padding: 0;
  background: #cecfd8;
  background: linear-gradient(to bottom, #cecfd8 0%, #ebecee 100%);
}

body.popup table.dataTable thead th, body.popup table.dataTable thead td {
  white-space: normal;
  vertical-align: bottom;
}

.dataTables_scrollHeadInner table.dataTable thead th,
.dataTables_scrollHeadInner table.dataTable thead td,
.lightboxIframe .dataTables_scrollHeadInner table.dataTable thead td {
  border-bottom: none !important;
  background-color: #cecfd8\9 !important;
}

table.dataTable thead th.sorting_desc span.icoSort,
table.dataTable tr td.sorting_desc span.icoSort,
table.dataTable span.icoSortDown {
  background: url(../../img/page_link_icons.png) no-repeat -454px -3719px;
}

table.dataTable thead th.sorting_asc span.icoSort,
table.dataTable tr td.sorting_asc span.icoSort {
  background: url(../../img/page_link_icons.png) no-repeat -438px -3737px;
}

table.dataTable thead th.sorting_disabled {
  cursor: default !important;
  background-color: #cecfd8\9 !important;
  padding-left: 10px\9 !important;
  border-bottom: 1px solid #ccc;
}

table.dataTable thead th.sorting {
  background-color: #cecfd8\9 !important;
  padding-left: 10px\9 !important;
}

table.dataTable thead th.sorting_disabled span.icoSort,
table.dataTable tr td.sorting_disabled span.icoSort {
  background: none;
  display: none;
}

.dataTables_scrollBody {
  overflow-y: scroll !important;
}

.lightboxIframe .dataTables_scrollBody table.crd_tab,
.dataTables_scrollBody table.crd_tab {
  border-top: none;
}

.dataTables_scrollBody thead td {padding: 0 !important;}

.box_header_right .dataTableFilterContainer {
  position: relative;
  top: -3px;
  float: left;
  margin-right: -2px;
}

.box_header_right .linkico {float: right;}

.box_header_right a + .dataTableFilterContainer .dataTables_filter {
  margin-right: 5px
}

.dataTables_paginate a, .dataTables_paginate span a:last-child {
  cursor: pointer;
  margin-right: 10px;
}

.dataTables_paginate a:before {
  position: relative;
  top: 3px;
}

.dataTables_paginate span a {
  padding: 0px 3px;
  margin: 0px 1px;
}

a.paginate_active {
  background: #dddee4;
  border: 1px solid #bbb;
  font-weight: 700;
}

a.paginate_button_disabled {color: #555 !important}

.hasAjaxLoader, .formHasAjaxLoader {
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transform: translateZ(0);
  transform: transale3d(0,0,0);
  background: #ddd url(../../images/ehyp_load.gif) no-repeat center center;
  height: 100%;
}

span.ajaxStub {
  display: inline-block;
  min-width: 40px;
  min-height: 18px;
  margin-top: 2px;
  background: transparent url(../../images/load_mini.gif) no-repeat center center;
}

span.ajaxDownload {
  margin: 2px 0 0 5px;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
}

span.ajaxDownload img {
  display: inline-block;
}

.ajaxDownloadWaiter > span.linkico {
  margin: 0 0 0 5px;
}

.ajaxDownloadWaiter > span.linkico:before {
  font-size: 13px;
}

.hasMiniAjaxLoader {
  -moz-opacity: 0.8;
  opacity: 0.8;
  background: #ddd url(../../images/load_mini.gif) no-repeat center center;
  height: 100%;
}

.hasMiniAjaxLoader span.ajaxStub, span.ajaxStub + span.ajaxStub {display: inline;}

.hasAjaxLoader table,
.hasAjaxLoader div,
.hasAjaxLoader p  {
  visibility: hidden !important;
}

.formHasAjaxLoader {
  position: absolute;
  top: 0;
  text-align: center;
  z-index: 1000000000;
}

.formHasAjaxLoader span {
  position: relative;
}

.formHasAjaxLoader span.negative a {
  cursor: pointer;
  color: red !important;
}

.formHasAjaxLoader span.positive a {
  cursor: pointer;
  color: #08c104 !important;
}

#umUpload {
  overflow: hidden !important;
  padding-right: 5px;
}

#umUpload .formHasAjaxLoader {
  left: 0;
  width: 100%;
}

#umUpload .formHasAjaxLoader span {
  padding: 0 20px;
}

.highlight {
  background-color: yellow;
}

.crd_highlight {
   background: #dbe5f3 !important;
 }

/* INPUT,	SELECT,	FORM, TABLE */
form {
  margin:0;
  padding:0;
}

input[type="radio"] {position: relative; top: 1px;}

.appModule span.input + span.input {
  margin-left: 2px;
}

#interestCheck span.input + span.input, span.input + span.input {
 margin-left: 6px;
}

span.input input,
span.select	select,
span.flat	input,
span.flat select {
  border: none !important;
  background: transparent;
  padding-left: 3px;
  text-shadow: none;
  color: #555 !important;
  font-size: 14px;
}

span.input,
span.select,
span.immutable,
span.multiple,
textarea {
  height:	20px;
  background-color: #fff;
  border: 1px solid rgba(178, 178, 178, 0.8) !important;
  border: 1px solid #ccc\9 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 1px rgba(178, 178, 178, 0.6);
  display: inline-block;
  line-height: 14px;
}

textarea {padding: 3px;}

span.multiple,
span.multiple	select {height: auto;}

span.input {
  padding: 0 20px 0 0;
}

span.clear {padding-right: 0;}
span.mandatorydot {display: none}
td.errorNeutralName span.select,
td.errorNeutralName span.input,
td.errorNeutralName textarea,
span.errorNeutralName,
input[type="checkbox"].errorNeutralName {border: 1px solid red !important;}
.errorNeutralName input[type="radio"] + label {color: red !important;}
.errorNeutralName .crd_input:not(.errorNeutralName) input[type="radio"] + label {color: #555 !important}
input[type="checkbox"].errorNeutralName {
  border: 1px solid red;
  -webkit-box-shadow: 0 0 0 1px red;
  -moz-box-shadow: 0 0 0 1px red;
  -ms-box-shadow: 0 0 0 1px red;
  -o-box-shadow: 0 0 0 1px red;
  box-shadow: 0 0 0 1px red;
}

.icoBlank {
  display: inline-block;
  width: 21px;
}

textarea {
  height: 80px;
  color:	#555;
}

textarea[name='cse.handling.handover.hints']{
  width: 600px !important;
  height: 200px !important;
}

/* ERROR, HINT, POSITIVE, INACTIVE HANDLING */
.negative,
.positive,
.hint,
.warning {
  padding: 5px 5px 5px 0;
}

.negative:before,
.positive:before,
.hint:before,
tr.calchint td:before,
tr.calchint td span:before,
.warning:before {
  font-family: 'iconFont';
  font-size: 18px;
  padding-right: 5px;
  position: relative;
  top: 3px;
}

.negative, .negativeLink, .negativeLink:hover, .negativeWithoutIcon {
  color: red !important;
}

.negativeLink, .negativeLink:hover {
  text-decoration: underline;
}

.negative:before {
  content: '\e092';
}

.positive {
  color: #08c104;
}

.positive:before {
  content: '\e094';
}

.hint,
tr.calchint td {
  color: #999999;
}

.hint:before,
tr.calchint td:before {
  content: '\e08e';
}

.errorTable {
  border: 1px solid red;
}

.errorTable thead tr td {
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid red;
}

.errorTable td {
  padding: 0px 10px !important;
}

/* BudgetCalc */
#budgetInput tr.calchint td:before{
  content:'';
  font-size: 0px;
  padding-right: 0px;
}

#budgetInput tr.calchint td{
  padding: 0px 10px;
}

tr.calchint.optional span {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-left: 5px;
  display: block;
  padding: 3px 10px;
}

.warning {
  color: #999999;
}

.warning:before {
  content: '\e08a';
  color: #ffd218;
}

.hint:before,
tr.calchint td:before {
  content: '\e08d';
  color: #888;
}

.fccCell span.positive:before,
.fccCell span.negative:before,
.fccCell span.warning:before {
  font-size: 16px !important;
  position: relative;
  top: 0px;
}

span.positive + img,
span.negative + img,
span.warning + img,
span.icoListError + img {
  display: none;
}

.box_tabs_content span.icoListError:before,
.box_tabs_content span.positive:before,
.box_tabs_content span.negative:before,
.box_tabs_content span.warning:before {
  font-size: 12px !important;
  position: relative;
  top: 0px;
}

span.value {width: auto !important;}

tr.inactive td,
tr.inactive td * {
  color: #a0a0a0 !important;
}

tr td.isDirect, tr:hover td.isDirect {
 background-image: url("../../img/isDirect.png") !important;
 background-position: right -1px !important;
 background-repeat: no-repeat !important;
}

form[name="fccPlausiForm"] table tr td.crd_input {white-space: nowrap;}

/* CONTEXTMENU */
.context-menu-list {
  margin: 0;
  padding-left: 27px;
  padding-top: 1px;
  padding-bottom: 1px;
  min-width: 250px;
  display: inline;
  position: absolute;
  list-style-type: none;
  border: 1px solid #DDD;
  background: #EEE;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  color: #555;
  z-index: 1000000000000 !important;
}

.context-menu-item {
  padding: 3px 22px 3px 0px;
  border-left: 1px solid #ccc;
  background-color: #EEE;
  -moz-user-select: -moz-none;
  list-style-type: none;
}

.context-menu-item > span {
  position: relative;
  left: -8px;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 12px !important;
}

.context-menu-item.hover, .hoverContextMenuActive {
  cursor: pointer;
  background-color: #dbe5f3;
}


.context-menu-item.disabled {
  color: #666;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
  cursor: default;
  background-color: #EEE;
}

.context-menu-item:before {
  font-size: 15px;
  position: relative;
  left: -22px;
}


/* Rechner */
input + label {margin-left: 3px;}
span.select {position: relative; width: auto !important; top: 1px;}
span.select select {opacity: 0; -moz-opacity: 0; z-index: 10; position: relative;}
span.select:after {
  font-family: 'iconFont';
  content: "\e0a0";
  font-size: 12px;
  right: 2px;
  top: 1px;
  position: absolute;
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}

span.select.multiple:after{content:'';}

td.activeRow span.select:after, span.select:hover:after,
td.activeRow .ui-datepicker-trigger:before, span.date:hover .ui-datepicker-trigger:before, .ui-datepicker-trigger:hover:before {color: #368afd !important;}

span.select.disabled:after, span.select.disabled:hover:after,
span.select.disabled span:after, span.select.disabled span:hover:after,
.ui-datepicker-trigger[disabled]:before, span.date:hover .ui-datepicker-trigger[disabled]:before, .ui-datepicker-trigger[disabled]:hover:before {
  color: #999 !important;
}

span.select select + span {position: absolute; left: 3px; top: -1px; line-height: 20px;}

span.select, span.input, textarea {background: #fafaf8;}
td.crd_label span[id*="labelText_"] {display: inline-block; line-height: 16px;}
td.crd_label span#labelText_broker\.providerList {padding: 0 0 0 16px;}
.rechner td.crd_label span[id*="labelText_"] {width: 95%;}
span.plausiProlog {display: inline-block; line-height: 16px; padding-right: 5px;}
span.plausiProlog + span {width: 90%;}
span.plausiProlog, span.plausiProlog + span {float: left;}

td.crd_label span.very_smallfonts {display: inline-block; line-height: 12px;}
tr#colgroupForcer td {padding: 0px; height: 0px;}
body.rechnerIframe .box,
body.rechnerIframe .box:before,
body.rechnerIframe .box:after,
body.submissionIframe .box,
body.submissionIframe .box:before,
body.submissionIframe .box:after {
  padding: 0 !important;
  box-shadow: none !important;
}

body.rechnerIframe .box_content,
body.submissionIframe .box_content {padding: 0;}
body.rechnerIframe .box_header,
body.submissionIframe .box_header {display: none;}
body.submissionIframe .box_content {background: #fff;}
body.rechnerIframe .box_footer table.crd_tab tr td.crd_input {padding-left: 10px;}
#buttonRowTable, #buttonRowTable tr td {background: none; border: none;}

span.rate{background:	#fafaf8 url(../../img/input-texture.png) no-repeat right -287px;}
span.crcy{background: #fafaf8 url(../../img/input-texture.png) no-repeat right -328px;}
span.plz{background: #fafaf8 url(../../img/input-texture.png)	no-repeat	right	-307px;}
span.mail{background: #fafaf8 url(../../img/input-texture.png) no-repeat right -211px;}
span.pass{background: #fafaf8 url(../../img/input-texture.png) no-repeat right -230px;}
span.phone{background:	#fafaf8 url(../../img/input-texture.png)	no-repeat	right	-249px;}
span.square{background: #fafaf8 url(../../img/input-texture.png) no-repeat right -173px;}
span.cubic{background:	#fafaf8 url(../../img/input-texture.png)	no-repeat	right	-192px;}
span.qmprice{background:	#fafaf8 url(../../img/input-texture.png)	no-repeat	right	-154px;}
span.km{background:	#fff url(../../img/input-texture.png) no-repeat right -1971px;}
span.time{background:	#fafaf8 url(../../img/input-texture.png)	no-repeat	right	-135px;}
span.month{background:	#fafaf8 url(../../img/input-texture.png)	no-repeat	right	-73px;}
span.year{background: #fafaf8 url(../../img/input-texture.png)	no-repeat	right	-0.5px;}

span.crcy input, span.rate input, span.calcFieldValue {text-align: right;}
span.calcFieldValue {width: 200px !important;}
span.calcFieldUnit + a {margin-left: 7px;}
.rechnerIframe span.calcFieldValue,
.lightboxIframe span.calcFieldValue,
body.rechner span.calcFieldValue {width: 90px !important;}

table.crd_tab, .lightboxIframe table.dataTable {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
}

table.crd_tab tr td.crd_header, #fcc_table tr.openToggle td.crd_header  {
  background-color: #cecfd8\9 !important;
  background: linear-gradient(to bottom, #cecfd8 0%, #ebecee 100%) !important;
}

table + table,
table.crd_tab + form > table,
table + .dataTables_wrapper > table {
  margin-top: 20px;
}

tr.mandatory td.crd_label {font-weight: normal}

td.activeRow.crd_label,
td.activeRow.loanLabel {
  text-shadow: 0.8px 0 0;
}

td.activeRow span.input,
td.activeRow span.select,
textarea:focus,
img.docThumb:hover,
img.docChk {
  border: 1px solid rgba(82, 168, 236, 0.8) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.errorNeutralName.activeRow span.select,
.errorNeutralName.activeRow span.input,
.errorNeutralName.activeRow textarea,
tr.errorNeutralName td.activeRow span.input.errorNeutralName,
td.activeRow.errorNeutralName span.input.errorNeutralName,
td.activeRow.errorNeutralName span.select.errorNeutralName {
  border: 1px solid red !important;
  box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 8px rgba(255, 51, 51, 0.6);
}

td.crd_label,
tr td.help,
tr td.crd_input {
  border: none !important;
}

.crd_right {text-align: right !important;}

.crd_center {text-align: center !important;}

tr.mid_sum td, td.mid_sum, td.boldScore {
  font-weight: 700;
  background: #f0f1f7;
}

td.criticalScore {
  font-weight: 700;
  background: #f0f1f7;
  color: red;
}

tr.sum td, td.sum, tr.fin_sum td, td.separatorScore {
  font-weight: 700;
  background: #dddee4;
}

.lightboxIframe .ui-tabs-panel .box_tabs_content table.crd_tab td.separatorScore {
  padding-top: 1px !important;
}

td.crd_toggle {
  padding-left: 0px;
}

tr.openToggle td {
  background: transparent url("../../img/bgOptional.png") no-repeat left 8px;
  padding-bottom: 0px;
}

tr.openToggle td:last-child {
  background: transparent url("../../img/bgOptional.png") no-repeat right 8px;
  padding-bottom: 0px;
}

.togglelink {
  padding-left: 25px !important;
  padding-right: 10px !important;
  display: inline-block;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.togglelink:before {
  font-family: 'iconFont';
  content: "\e098";
  margin-right: 5px;
  font-size: 12px;
  position: absolute;
  left: 10px;
}

.togglelink.open:before {
  font-family: 'iconFont';
  content: "\e0a0";
  margin-right: 5px;
  font-size: 12px;
}

.togglelink.open.down:before,
#pageRoot .togglelink.down:before,
.rechner .togglelink.down:before,
.rechnerIframe .togglelink.down:before {
  font-family: 'iconFont';
  content: "\e0a0";
  margin-right: 5px;
  font-size: 12px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 10px;
}

#fcc_table .togglelink.open.down:before,
#mspTable .togglelink.open.down:before {
  left: -2px;
}

#mspTable th {padding-left: 10px;}

#fcc_table .togglelink.open:before,
#mspToggleLink .togglelink:before {
  left: 0px;
}

#fcc_table .togglelink, #fcc_table .togglelink.open.down,
#mspToggleLink .togglelink, #mspTable .togglelink.open.down {
  padding-left: 15px !important;
}

#mspTable #mspresult_wrapper,
#addMortSavingsPlanWrapper {
  overflow: auto
}

#addMortSavingsPlanWrapper #mspOverview {
  box-sizing: border-box;
}

.openToggle a {
  background: #fff url("../../img/bgTogglelink.png") -30px 0px !important;
  padding: 0px 5px;
  position: relative;
}

.openToggle a + a {
  background: none !important;
}

.togglelink.down {
  background: #fff url("../../img/bgTogglelink.png") left 5px !important;
  padding-left: 25px !important;
}

.togglelink.down:before {
  font-family: 'iconFont';
  content: "\e097";
  margin-right: 5px;
}

#pageRoot .togglelink:before,
.rechner .togglelink:before,
.rechnerIframe .togglelink:before {
  font-family: 'iconFont';
  content: "\e0a0";
  margin-right: 5px;
}


td.toggleSection a.togglelink.down.open:before {
  border: none;
  position: absolute;
  top: 4px;
  left: -19px;
  padding: 0px 7px 0px 10px;
  line-height: 14px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 0px;
}

:root *> td.toggleSection a.togglelink.down.open:before {
  border: 1px solid #ccc;
  border-top: none;
}
.togglelink.open.down .icoTrash {position: relative; top: 3px; padding:0;}

.section .togglelink.down, .crd_header .togglelink, .dataTable th .togglelink {
  background: #fff url("https://www.ehyp.de/styles/ehyp50.css") left 5px !important;
}

.crd_header .togglelink, .dataTable th .togglelink {
  background: transparent !important;
  padding-left: 0 !important;
}

tr.optional td.crd_label,
tr.optional td.crd_input,
tr.optional td.help {
  background: transparent url("../../img/bgOptional.png") no-repeat -20px -20px !important;
}

tr.optional td.crd_label:first-child{
  background: transparent url("../../img/bgOptional.png") no-repeat left -20px !important;
  padding-left: 26px;
}

.lightboxIframe .lightboxCalcTable tr.optional td.crd_label:first-child {
  padding-left: 26px !important;
}

tr.optional td.crd_input:last-child,
tr.optional td.help:last-child {
  background: transparent url("../../img/bgOptional.png") no-repeat right -20px !important;
  padding-right: 20px;
}

tr.optional a.togglelink {padding-left: 15px !important;}
tr.optional a.togglelink:before {left: 0px !important;}

tr.optional.lastOptional td span {
  display: none !important;
}

tr.nopadding + tr.lastOptional, tr.mid_sum + tr.lastOptional, tr.section + tr.lastOptional, tr.nopadding.lastOptional {
  display: none !important;
}

.lightboxCalcTable tr.optional.lastOptional td:first-child,
tr.optional.lastOptional td:first-child {
  background: transparent url("../../img/bgOptional.png") no-repeat left bottom !important;
  padding-bottom: 17px !important;
}

.lightboxCalcTable tr.optional.lastOptional td,
tr.optional.lastOptional td {
  background: transparent url("../../img/bgOptional.png") no-repeat -20px bottom !important;
  padding-bottom: 17px !important;
}
.lightboxCalcTable tr.optional.lastOptional td:last-child,
tr.optional.lastOptional td:last-child {
  background: transparent url("../../img/bgOptional.png") no-repeat right bottom !important;
  padding-right: 20px;
}

tr.optional_nopadding td:first-child {padding-left: 20px;}
tr.optional_nopadding td:first-child:before {content: '-';}
#body_tenantCalcElem table tr td,
div[id^="body_tenantCalcElem"] table.lightboxCalcTable tr td {padding-right: 0px !important;}

table.dataTable tr td,
td.logDesc,
td.logDescRadio,
#financePlanTable tr td {
  border-bottom: 1px dashed #eee !important;
}

table.dataTable tbody tr:last-child td:not(.crd_header),
dataTables_scrollBody table.dataTable thead tr td,
#brokerApplistPipeline.dataTable thead tr th,
#financePlanTable tr:last-child td {
  border-bottom: none !important;
}

table.dataTable thead tr th, table.dataTable thead tr td, tr td.crd_header,
tr.openToggle td.crd_header, tr.openToggle td:last-child.crd_header,
#financePlanTable tr td.crd_header {
  background: #cecfd8;
  background: linear-gradient(to bottom, #cecfd8 0%, #ebecee 100%);
  text-align: left;
  padding: 3px 0px 3px 10px;
  font-weight: 700;
  border-bottom: 1px solid #ccc !important;
  white-space: nowrap;
}

/* TEXTEDITOR */
div.hteFrame {
  border: 1px solid #ccc;
}

div.hteBar {
  background-color: #ccc;
}

.lightboxIframe table td.hteLabel, td.hteLabel  {
  background-color: #f5f5f5;
  color: #555;
  padding-left: 5px !important;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 2px;
}

td.hteLabel table{
  width: 100%;
}

td.hteLabel a:before {
  font-size: 14px;
}

div.hteInput {
  padding: 5px;
  background-color: white;
  border-top: 1px solid #ccc;
  min-height: 153px;
}

/* BASE MODULE */
/* Login */
#loginBox table tr td a.linkicoTxt span {top: 0;}
/* Konditionen */
#conditionsOverview #news .box_content table tr td {padding: 0; padding-right: 10px;}
#conditionsOverview #news .box_content table tr td a.linkicoTxt:before {top: 0;}
#conditionsOverview #news .box_content table tr td a.linkicoTxt span {top: 0;}
#conditionsOverview .box_footer table tr td.crd_label {padding-left: 10px;}
#conditionsOverview .icoBlank {width: 17px;}

#news, #links, #condsTable, #topRateConds {height: 290px}

#newsCenter table.search {
  background-color: transparent;
  border: 0;
}

#newsCenter .newNews {
  font-weight:bold !important;
}

#newsCenter .newsScroll {
  overflow: hidden;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ccc;
}

#newsCenter .newsScroll table.crd_tab {
  border: 0;
}

#newsCenter tr.providerInfoNews__item > td {
  border-top: 1px dashed #eee;
}

#newsCenter tr.providerInfoNews__item.firstVisible > td,
#newsCenter tr.providerInfoNews__item:first-child > td {
  border-top: 0;
}

#newsCenter tr.providerInfoNews__item .stdico.icospinner-5 {
  font-size: 7px;
}

#newsCenter tr.providerInfoNews__item .stdico:before {
  font-size: 12px;
}

#newsCenter tr.providerInfoNews__item .icoHiprio:before {
  font-size: 17px;
  top: 0;
}

#newsCenter td.logDesc {
  border-bottom: 0 !important;
}

#newsCenter .providerInfoNews__item .stdico {
  position: relative;
  top: -3px;
}

#newsCenter .providerInfoNews__item .providerInfoNews__subject .icoattachment:before {
  color: #888 !important;
  font-size: 12px !important;
}

#newsCenter .providerInfoNews__item .providerInfoNews__subject .icoattachment {
  top: 1px;
  cursor: help !important;
}

#newsCenter .icoRefresh {
  font-size: 12px !important;
  position: relative;
  top: -3px;
}

#newsCenter .providerLogoSpacer {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0;
}

.newsScroll a.linkicoTxt span {
  display: inline-block !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  position: relative;
  top: 3px;
}

#providerNewsSearchForm .linkBtn.btnRefresh span {
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
}

#labelText_broker\.profile\.subscribedToB2BProviderNews {
  text-shadow: none;
}


.conditionsBlockDesc {display: none}

/* WORKPLACE */
.todoList {
  position: absolute;
  top: -90px;
  width: 360px;
  height: 100px;
  line-height: 20px;
  padding: 7px 10px 7px 10px;
  background: #d6d6da;
  background: linear-gradient(to top, #d6d6da 0%, #fff 100%);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  z-index: 1001;
}

.slideBtn, .slideBtn:hover {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #a0a0a0 !important;
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 3px;
}

div#todos a:visited {color: #999 !important;}
div#todos .icoList:before {position: relative; top: 0px; font-size: 11px !important;}

div#mails {min-height: 48px;}


#pageRoot table.dataTable, form[name="searchMortSavingsPlans"] table.dataTable {border: none !important;}
#pageRoot .dataTables_scrollBody, #pageRoot .dataTables_scrollHead,
form[name="searchMortSavingsPlans"] .dataTables_scrollBody, form[name="searchMortSavingsPlans"] .dataTables_scrollHead {border: 1px solid #ccc !important;}
#pageRoot .dataTables_scrollBody,
form[name="searchMortSavingsPlans"] .dataTables_scrollBody {border-top: none !important;}



#workplace #interestChartImg {min-height: 156px;}

a .taskSubject {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
  a .taskSubject {width: 120px;}
}

@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  a .taskSubject {width: 160px;}
}

@media only screen and (min-width: 1601px) {
  a .taskSubject {width: 250px;}
}

#recallDeputiesForm table,
#bapForm table {
  border: none;
  background: transparent;
}

#bapForm td,
#extSearchForm td {
  padding-left: 0;
  padding-right: 5px;
}

#recallDeputiesForm, #vkrConfirmForm, #deputySettingBtn {
  position: absolute;
  top: auto;
  bottom: 15px;
  right: 20px;
}

#recallDeputiesForm table,
#vkrConfirmForm table {
  background: transparent;
  border: none;
  width: auto;
}

#deputySettingForm {
  position: absolute;
  top: 40px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
}

#deputySettingForm table {
  border: none;
}

#bapForm .crd_tab {
  width: auto;
}

#bapForm .dataTableFilterContainer input {
  width: 305px;
}

#bapForm #listTypeSelect,
#bapForm #searchbrkSelect,
#bapForm #searchbrkSelectOrgaSelect {
  width: 325px;
}

#brokerApplistPipeline select {max-width: 150px;}
#workplace table.dataTable.hasAjaxLoader {border: 1px solid #ccc !important;}
#brokerApplistPipeline tbody tr td {min-height: 24px;}
#brokerApplistPipeline tr td:last-child {min-width: 40px;}
#preLoader + #brokerApplistPipeline {border: none !important;;}

.caseInfoTable {width: 150px  !important;}
.caseInfoTable td {white-space: nowrap;}
.caseInfoTable tr.ownNoteText td {white-space: normal;}

.pipelineSeperator {
  border-top: 1px solid #ccc;
  width: 100%;
  position: absolute;
}

#pipelineSeperator td {
  padding: 10px 0px;
}

.closeBtn {
  position: absolute;
  right: 5px;
  top: 3px;
}

.closeBtn:before {
  font-family: 'iconFont';
  font-size: 16px;
  content: "\e093";
}

.followUp, .tvoFollowUp, .followUpName, .tvoFollowUpName {
  display: inline-block;
}

.followUp, .tvoFollowUp {
  width: 50px;
}

body#workplace table.dataTable a {
  color: #555 !important;
}


body#workplace table.dataTable tr.inactive a {
  color: #a0a0a0 !important;
}

body#workplace table.dataTable a:hover,
body#workplace table.dataTable tr.inactive a:hover,
body#workplace table.dataTable tr.inactive a span:hover {
  color: #368afd !important;
}

table.dataTable tr.hover,
#financePlanTable tr:hover {
  background: #dbe5f3 !important;
}

tr:hover td.crd_header {
  background: #cecfd8 !important;
  background: linear-gradient(to bottom, #cecfd8 0%, #ebecee 100%) !important;
}

body#workplace div#newAppBox table.crd_tab {
  border: none;
  background: transparent;
  padding: 0px;
}

body#workplace div#newAppBox td.crd_label {
  padding-left: 0;
}

body#workplace div#newAppBox #selectBrokerNewAppAction {width: 235px;}

body#workplace div#newAppBox div.box_content table.crd_tab tr td.crd_input {
  padding: 0;
}

body#workplace div#newAppBox div.box_footer table.crd_tab tr td.crd_input,
body#workplace div#newAppBox div.box_footer table.crd_tab tr td.crd_label {
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 15px;
}

.flipContainer {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

.flipContainer, #frontSide, #backSide {
  width: 100%;
}

.flipHolder {
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d;
  position: relative;
}

#frontSide, #backSide {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;

  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;

  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;

  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;

  transition: 0.6s;
  transform-style: preserve-3d;

  position: absolute;
  top: 0;
  left: 0;
}

.linkico + .linkico {
  margin-right: 5px;
}

.fccCell .linkico + .linkico {
  margin-right: 0px;
}

#frontSide {
  z-index: 2;
}

#backSide {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: 0;
}

#extSearchForm table.crd_tab {background: #f0f0f0; border: none;}

.flipContainer.flip #backSide {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 2;
}

.flipContainer.flip #frontSide {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 0;
}

/* Einstellungen Zinssuche */
#directSettings table.crd_tab:first-child {border-bottom: none;}
#directSettings table.crd_tab:last-child {border-top: none;}
div#customCommissionTable {
  padding-left: 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
}

div#customCommissionTable table.customCommissionTable {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

table.customCommissionTable tr td.subsection {
  padding-left: 10px;
}

/* Mein Feedback */
#feedbackTab .ui-tabs-panel {min-height: 370px;}
#feedbackTab .ui-tabs-panel .box_header {display: none;}
#feedbackTab .ui-tabs-panel .box_content {clear: both;}

/* Meine Zahlen */
div#statsVolume .box_content,
div#statsQuota .box_content,
div#statsSuper .box_content {
  min-height: 335px;
}

.popup #simpleList table.dataTable,
.popup #volumeList table.dataTable {
  font-size: 12px;
}

.popup #simpleList table.dataTable td,
.popup #volumeList table.dataTable td {
  padding: 3px 5px 3px 5px !important;
}

/* Multifile Upload */
.files_droparea {
  clear: both;
  border: 1px dotted #ccc;
  width: 247px;
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
  padding: 2px 4px;
  overflow-y: auto;
  height: 50px;
}

div.files_droparea.dragover {
  border: 1px solid #999;
  box-shadow: inset 0px 0px 5px #999;
  background: #f6f6f6;
}

div.files_droparea.dragover:before {
  content: attr(title);
  position: absolute;
  top: 0px;
  float: left;
}

div.files_droparea .invalid {
  color: red;
}

div.files_droparea .invalid span {
  text-decoration: line-through !important;
}

div.files_droparea .icoNo:before {
	color: red;
	font-size: 10px;
	margin-left: 5px;
}
/* Meine Tickets */
.styledSelectValue {
  color: #555;
  font-size: 14px !important;
  font-weight: normal !important;
  text-transform: none !important;
}

/* Konfiguration eHyp */
form[name="personalElementsForm"] {overflow-x: hidden !important;}
form[name="personalElementsForm"] div.box_content table tr td.crd_input {line-height: 30px;}
form[name="personalElementsForm"] div.box_content table tr td.crd_input span,
form[name="personalElementsForm"] div.box_footer table tr td.crd_input span {line-height: 14px;}
form[name="personalElementsForm"] div.box_content table tr td.crd_input span.styledSelectValue {line-height: 20px;}

#allLogosDelete {margin-bottom: 10px;}

div#quickLinkProfile div.box_content div.box_content {height: 220px;}
div#quickLinkProfile div#quickLinks div.box_content {height: auto;}
div#logoProfile div.box_content div.box_content {height: 250px;}
div#furtherEducation div.box_content div.box_content {height: 230px;}
div#colorSelection div.box_content div.box_content {height: 220px;}
div#quickLinkProfile > div.box_content, div#colorSelection > div.box_content {padding-bottom: 0px;}

div#previewImage {
  width: 300px;
  height: 191px;
  display: block;
}

#pipelineProfile .box_content td.crd_input {text-align: left}
#pipelineProfile .align-left .box_content td.crd_input {text-align: left}
#pipelineProfile .box_content select#defaultListTypeSelect {max-width: 280px !important;}
#pipelineProfile .box_content table {height: 92px;}
#pipelineProfile .box_content table td {vertical-align: top;}
/* Einstellungen VKR */
#vkrSettings #leafletUpload2 {display: block;}
/* Profilmanager */
.logDescRadio, .logText, .logDesc {
  padding-bottom: 0px;
  line-height: 16px;
  vertical-align: top;
}

.logDesc {padding-top: 5px; padding-bottom: 5px;}

.logDescRadio {padding-top: 7px; padding-right: 0px !important; width: 10px;}

#assignBrokers .box_content, #assignedBrokers .box_content{height: 500px; overflow-y: auto;}

#consultationRecordFormTable input + label {
  position: absolute;
  left: 30px;
}
/* So funktioniert's */
div#processOnline div.box_content,
div#processOffline div.box_content {
  min-height: 545px;
}

tr td.lexmultiple #lexlist {
  width: 520px;
  height: 160px !important;
  overflow-y: auto;
}

/* KUNDENBERATUNG */
div#newAppBox td {white-space: nowrap;}
form[name="budgetCalcForm"] tr td div input {width: 100%}
form[name="budgetCalcForm"] tr td.crd_label {padding-top: 6px;}
form[name="interestDisplayForm"] tr td.app {padding-left: 0;}
div.sliderResult {
  font-weight: 700;
  white-space: nowrap;
  margin-bottom: 13px;
}

div#result_value {
  font-size: 34px;
  text-align: right;
  color: #368afd;
  text-shadow: 0px 1px 0px #000;
}

body.consult table.crd_tab {
  background: transparent;
  border: none;
}

body.consult .togglelink.down {
  background: #f0f0f0 url("../../img/bgTogglelink.png") -10px 5px !important;
}

body.consult .togglelink {
  padding-left: 15px !important;
}

body.consult .togglelink:before {
  left: -1px !important;
}

body.consult td.crd_input,
body.consult td.crd_label {
  padding: 3px 10px 3px 0px;
}

body.consult td.crd_toggle {
  padding-bottom: 0px;
}

body.consult td.crd_input {
  padding-right: 0px;
}

body.consult tr.optional td.crd_label {
  padding-left: 16px !important;
}

body.consult tr.optional td.crd_label:first-child {
  background: transparent url("../../img/bgOptional.png") no-repeat -10px -20px !important;
}

body.consult tr.lastOptional td.crd_label:first-child {
  background: transparent url("../../img/bgOptional.png") no-repeat -10px bottom !important;
}


body.consult tr.lastOptional td.crd_input,
body.consult tr.lastOptional td.crd_label {
  padding-bottom: 20px;
}

form[name="interestCheckForm"] span.crcy + span.select select,
#interestCheck form[name="appform"] span.crcy + span.select select {width: 115px !important;}
#interestCheck span.calcFieldValue {width: 100px !important;}
#interestCheck .box_content {overflow-y: hidden !important;}
#interestCheck table.crd_tab {border: none;}
span.select + a.greenBtn {padding-left: 10px;}
#interestCheck table.dataTable th {min-width: 50px;}
#interestCheck table#calc_table tr td.crd_label {width: 60px !important;}
#interestCheck table.crd_tab tr td.loanLabel {width: 94px !important;}
#interestCheck table#calc_table tr td.help {width: 0px !important;}
div.ui-slider .ui-slider-handle,
.ui-slider-handle .ui-btn-inner {background-image: url("https://www.ehyp.de/img/partner/thumb.gif");}

div.ui-slider, div.ui-slider .ui-slider-bg {background-image: url("../../styles/img/ehyp4_root/track-bg.png") !important;}

div.valueLabel {min-width: 70px; line-height: 18px; font-size: 14px !important; font-weight: normal !important; white-space: nowrap;}
div.sliderMin, div.sliderMax {width: 50%; display: inline-block; float: left;}
div.sliderMax {text-align: right;}

/* Profilmanager */
#profileListTable .crd_right {white-space: nowrap;}
input[id$='.percentageValue'], input[id$='.absoluteValue'] {width: 90px !important}

/* FORMULARCENTER */
#formCenter .box_content .box_header {height: 1px;}
#formCenter .box_content table.crd_tab {border: none;}
#formCenter .box_content table.crd_tab td {padding: 3px 0;}
#formCenter .box, #formCenter .box_content .box_content {max-width: 600px;}
#formCenter table.crd_tab tr:hover {background-color: #dbe5f3;}
#formCenter table.crd_tab tr:hover td.section {background-color: #fff;}

.docsCaption { margin-top: 20px;}
.docsCaption td {vertical-align: top;}
#profileTable td {padding-left: 10px !important;}

.lightboxIframe #formCenterLeft,
.lightboxIframe #formCenterRight {padding: 0px}

/* UNTERLAGEN QUICKLIST */
#quickList table {max-width: 1200px;}
#quickList table.crd_tab td.crd_label {line-height: 16px;}
#quickList table.crd_tab td.crd_input {vertical-align: top; min-height: 24px;}
#quickList table.crd_tab tr:hover {background-color: #dbe5f3;}
#quickList table.crd_tab tr:hover td.section, #quickList table.crd_tab tr:hover td.subsection {background-color: #fff;}

/* Lexikon */
td.lexmultiple #lexlist a {display: block;}

/* KONDITIONEN UND CHARTS */
table.b2bmcr,
table.list {
  border:	1px	solid	#ccc;
  width: 100%;
  margin:	0;
  clear: both;

}

.b2bmcrHeader,
.b2bmcrData,
.b2bmcrLabel,
table.list td.header {
  background:	#f5f5f5;
  padding: 2px 4px 2px 4px;
  white-space: nowrap;
  text-align:	center	!important;
  font-weight: 700;
}

table.list tr.header + tr.header td {
  border-top: none !important;
}

.b2bmcrData,
table.list td {
  background: #fff;
  padding: 2px 4px 2px 4px;
  text-align: center	!important;
  font-weight: normal;
}

#chartBox select {top: 0;}
#chartBox td.calccontent {text-align: left !important;}
#chartBox span.input + .linkBtn {top: -1px;}

/* DATEPICKER */
span.date {
  padding-right: 0px;
}

.ui-datepicker-trigger {
  cursor: pointer;
  width: 20px;
  border: none;
  vertical-align: top;
  background: transparent;
  padding-top: 1px;
}

.ui-datepicker-trigger:before {
  font-family: "iconFont";
  content: '\e076';
  color: #555;
  background-color: #fafaf8;
}

.ui-datepicker {
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  border: 1px solid #368afd;
  display: none;
  z-index: 2147483647 !important;
}

.ui-datepicker-header {
  background: #f0f0f0;
  padding: 2px;
}

.ui-datepicker-prev, .ui-datepicker-next {
  text-align: center;
  display: inline-block;
  width: 100px;
  cursor: pointer;
}

.ui-datepicker-title select {width: 100px;}
.ui-datepicker-calendar td {padding: 2px 4px;}
.ui-datepicker-calendar td  a{padding: 2px;}
.ui-datepicker-calendar td.ui-datepicker-current-day a,
.ui-datepicker-calendar td.ui-datepicker-today a {
  background-color: #368afd !important;
  color: #fff !important;
  padding: 2px 4px;
  text-shadow: none;
}

.ui-dialog .ui-dialog-content {
  background: linear-gradient(to top, #d6d6da 0%, #fff 100%);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

/* LIGHTBOX */
.mfp-content {
  min-width: 200px;
}

.mfp-content table.buttonRow td {
  vertical-align: bottom !important;
}

.lightboxIframe table.lightboxCalcTable td:not(.crd_toggle),
.mfp-content table.lightboxCalcTable td {
  padding: 3px 10px !important;
}

.lightboxIframe table.lightboxCalcTable span.date {
  white-space: nowrap;
}

.lightboxIframe table.lightboxCalcTable,
.mfp-content table.lightboxCalcTable,
#appPages .mfp-content table.lightboxCalcTable {
  border: 1px solid #ccc !important;
}

#addMortSavingsPlanBox {
  border: 1px solid #ccc ;
}

#addMortSavingsPlanWrapper table.lightboxCalcTable {
  border: none !important;
}

#addMortSavingsPlanCalcRow {
  padding: 5px 0px 5px 10px;
}

#ehypMailerSendButtonArea {
  line-height: 50px;
}

.lightboxIframe form[name="ehypMailerForm"] table span.input input {
  min-width: 440px !important;
}

.mfp-content table.lightboxCalcTable tr.lightboxCalcTableHeader td {
  line-height: 14px !important;
}

.mfp-content table.lightboxCalcTable td.section_mid {
  padding-left: 0px !important;
}

.mfp-content table.lightboxCalcTable td.errorNeutralName {
  color: red;
}

.lightboxIframe table td.crd_header {
  border-bottom: 1px solid #ccc !important;
}

.lightboxIframe table.dataTable td {
  padding-left: 10px !important;
}

.rechner .mfp-inline-holder .mfp-content {
  max-width: 100% !important;
}

.mfp-close {
  top: -40px !important;
  color: white !important;
  text-align: right !important;
}

.lightboxIframe table,
.lightboxIframe table td {
  padding-left: 0 !important;
  border: 0 !important;
}

.xlarge.contentIframe .mfp-content {
  height: 92% !important;
}

.contentIframe .mfp-content, .noPadding .mfp-content {
  padding: 0 !important;
}

#closeAppModuleDialog table td {
  vertical-align: middle;
  width: 200px;
}

.mfp-iframe-scaler {
  overflow: visible;
}

/* APPMODULE Lightbox Style */
.mfp-appModule.mfp-bg {
  background: transparent;
}

.mfp-appModule.mfp-wrap {
  overflow-y: hidden !important;
}

.mfp-appModule .mfp-container {
  padding: 35px 0 0 0;
}

.mfp-appModule .mfp-s-ready .mfp-content {
  padding: 0px;
}

.mfp-appModule .mfp-close {
  opacity: 1;
  -moz-opacity: 1;
  text-align: left;
  right: auto !important;
  height: 40px !important;
  width: 100% !important;
  background: none rgb(57, 57, 57)\9 !important;
  background: rgba(57, 57, 57, 0.8) !important;
}

.mfp-appModule .mfp-close:active {top: -40px;}

.mfp-appModule .mfp-iframe-holder .mfp-content {
  width: 100%;
  height: 100%;
}

.mfp-appModule .mfp-iframe-scaler {
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transform: translateZ(0);
  transform: transale3d(0,0,0);
  background: #c4c5c9 url(../../images/ehyp_load.gif) no-repeat center center;
}

.mfp-appModule .mfp-iframe-scaler iframe {
  opacity: 0.01;
  -moz-opacity: 0.01;
}

.mfp-appModule .mfp-close span.caseInfo {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 8px;
  border: 1px solid #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
  padding: 3px 35px 4px 20px;
  background: #6d707f;
  background: linear-gradient(to bottom, #6d707f 0%, #c4c5c9 100%);
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 24px;
  color: #e6edf7;
  text-align:	left;
  text-shadow: 0px 1px 0px #000;
  opacity: 1;
  -moz-opacity: 1;
}

.mfp-appModule .mfp-close span.caseInfo span.mfp-close-icn {
  text-align: left;
  font-size: 28px;
  font-family: Arial;
  display: inline-block;
  position: absolute;
  top: 3px;
  right: 8px;
  opacity: 0.65;
  -moz-opacity: 0.65;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}

.mfp-appModule .mfp-close span.caseInfo span.mfp-close-icn:hover {
  color: #000;
  text-shadow: 0px 1px 0px #fff;
}

.manualBidAssistant table tr td {
  width: 350px !important;
}

.manualBidAssistant table tr td:first-child {
  width: 280px !important;
}

.manualBidAssistant table tr td:last-child {
  width: auto !important;
}

.manualBidAssistant table:not(.lightboxCalcTable) tr td:last-child {
  padding-left: 10px !important;
}

.manualBidAssistant table tr td input[name="bidman.acceptdate"],
.manualBidAssistant table tr td input[name="bidman.accepttime"] {
  min-width: 94px !important;
  width: 94px !important;
}

/* appModule */
/* Antrag */
.appPageClose {display: none;}

.appPageClose#submissionClose,
.appPageClose#directSubmissionClose {
  text-align: left;
  font-family: Arial;
  line-height: 14px;
  display: inline;
  opacity: 0.65;
  -moz-opacity: 0.65;
  color: #fff;
  padding-left: 5px;
  text-shadow: 0px 1px 0px #000;
  position: relative;
  top: -1px;
}

.selAppNavig .appPageClose {
  color: #c4c5c9 !important;
  opacity: 1 !important;
}

.appPageClose#submissionClose:hover,
.appPageClose#directSubmissionClose:hover {
  color: #000;
  opacity: 1;
  -moz-opacity: 1;
  text-shadow: 0px 1px 0px #fff;
  cursor: pointer;
  top: 0;
}

.selAppNavig .appPageClose#submissionClose:hover,
.selAppNavig .appPageClose#directSubmissionClose:hover {
  color: #000 !important;
  opacity: 1 !important;
}

.appPageClose:before {
  font-size: 10px !important;
}

table.fixed {table-layout: fixed !important;}
.lightboxIframe table.fixed, .mfp-content table.fixed {table-layout: auto !important;}
#appPages table, #appPage table + table {margin: 0px; border: 0px;}
#appPages form[name="appform"], #interestCheck form[name="appform"] {border: 1px solid #ccc;}
#appPages form[name="appform"] td.help {padding: 0;}
#appPages form[name="appform"] td.crd_input {padding-right: 0;}
.toggleSection {border-top: 1px solid #ccc;}
td.toggleSection {padding-left: 0px; background: none !important; padding-right: 0px; padding-top: 3px !important;}
td.toggleSection a.togglelink {height: 28px; position: relative;font-size: 16px !important; display: block; padding-left: 10px !important;border-bottom: 1px solid #ccc; padding-bottom: 3px;}
td.toggleSection a.togglelink.down {border-bottom: none !important; z-index: 80;}
a[id="togglelinkcse.mainApplicantOldAddress"].togglelink.down + a {z-index: 70;}
td.toggleSection a.togglelink:before {
  content: '\e0a0';
  left: -11px;
  top: -4px;
  position: absolute;
  background: #fff;
  border: none;
  padding: 3px 2px 3px 2px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

:root *> td.toggleSection a.togglelink:before {
  border: 1px solid #ccc;
  border-right: none;
}

span[id^="cse.origin.brkTeamMembers"] {
  text-align: left;
  width: 215px !important;
}

a[id="togglelinkcse.mainApplicantOldAddress"], a[id="togglelinkcse.addApplicantOldAddress"] {float:left}
a[id="togglelinkcse.mainApplicantOldAddress"] + a,
a[id="togglelinkcse.addApplicantOldAddress"] + a {display: block; height: 28px;}
a[id="togglelinkcse.mainApplicantOldAddress"].togglelink + a,
a[id="togglelinkcse.addApplicantOldAddress"].togglelink + a {border-bottom: 1px solid #ccc}

a[id="togglelinkcse.mainApplicantOldAddress"].togglelink.down + a,
a[id="togglelinkcse.addApplicantOldAddress"].togglelink.down + a {border-bottom: none !important;}

span.input input:disabled {color: #999 !important; -webkit-text-fill-color: #999;}
span.select select[disabled] + span {color: #999 !important;}

span[id="labelText_cse.addApplicant.sameHousehold"] {width: 200px;}

/* Zinssuche */
form[name="fccPlausiForm"] .section, form[name="bidPlausiForm"] .section {display: inline-block;}
.providerLogoSpacer {display: block; margin-left: 28px;}
.providerLogoText {white-space: nowrap;}
span.fccCell a, span.fccCell span.stdico, #scoreresult span.stdico {cursor: pointer !important;}

.loanCell:last-child {width: 50px;}
#fcc_table .icoHint:before {font-size: 14px; margin-left: 5px;position: relative; top: 1px;}
.loanCell, #fcc_table td.crd_header {
  white-space: nowrap;
  padding-left: 0px;
}

#fcc_table tr.openToggle td, #fcc_table tr.optional td, #fcc_table tr.lastOptional td {
  background: none !important;
}

#fcc_table tr.optional.mid_sum td {
  background: #f0f1f7 !important;
  padding-top: 7px;
}

#fcc_table span.calcFieldSum {
  display: inline-block;
  text-align: right;
}

#fcc_table span.calcFieldValue {padding-left: 7px; display: inline-block;}
#fcc_table span.calcFieldValue2 {width: 75px !important; display: inline-block; text-align: right;}
#fcc_table td.loanCell input {
  text-align: right;
}

#fcc_table tr.optional td.loanCell:first-child,
#fcc_table td.crd_header:first-child,
#fcc_table tr.optional td.crd_label:first-child {
  padding-left: 10px !important;
}

#fcc_table tr.lastOptional td {
  padding-bottom: 7px !important;
}

#fccSummary span.calcFieldValue {width: auto !important;}

#scoreresult .commissionPercentSpan {display: none;}

#scoreResultTable {width: 100%;}

#scoreResultTable .icoBlank {
  display: inline-block;
  width: 18px;
  min-width: 18px !important;
}

#scoreResultTable th,
.mspSearch table thead td {vertical-align: bottom;}

.context-menu-item.disabled {color: #666;}

.context-menu-input.hover, .context-menu-item.disabled.hover {
  cursor: default;
}

.plausiImage {display: inline-block; margin: 3px 5px 0 0; vertical-align: top;}

.plausiImage.icoWarn:before,
.plausiImage.icoAlert:before,
.plausiImage.icoHelp:before {
  font-family: 'iconFont';
  font-size: 14px;
  padding-right: 5px;
  position: relative;
  top: 3px;
}

.plausiImage.icoHelp:before {
  content: "\e08d";
}

.plausiHintGroup {display: block; margin-top: 5px; font-weight: 700}

.plausiHint {display: inline-block; margin: 10px 0 0 0; width: 92%;}

form[name="assistantForm"] table td img, .submissionPopup table tr td img {display: none;}

.inner .tabDataList, .inner .separatorScore, .inner .boldScore, form[name="assistantForm"] table td img +span {
  font-size: 12px;
  line-height: 16px;
  vertical-align: top;
}

form[name="assistantForm"] table td img +span {vertical-align: middle;}

.lightboxIframe .ui-tabs-panel .box_tabs_content table.crd_tab td.tabDataList,
.lightboxIframe .ui-tabs-panel .box_tabs_content table.crd_tab td.tabDataList table.inner {
  vertical-align: top;
  padding-top: 10px !important;
}

.lightboxIframe .ui-tabs-panel .box_tabs_content table.crd_tab td.tabDataList table.inner{
  padding-top: 5px !important;
}

.lightboxIframe .inner.crd_tab td {padding: 3px 10px !important;}

.context-menu-item.disabled {
  padding-right: 0px;
}

.context-menu-item.disabled > span, .context-menu-item.disabled:before {
  color: #bbb;
}

.context-menu-item.disabled div {
  padding: 7px 3px;
  font-style: italic;
  line-height: 14px;
  border-top: 1px solid #ccc;
  position: relative;
  left: -17px;
  background: #eee;
  color: #888;
}

/* Bausparer */
.mspSearch {overflow:hidden !important;}

#mspOverview td.crd_right {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

#mspresult td:first-child {white-space:nowrap;}

#mspPages #appPage table.crd_tab {border: none;}

/* Angebote/Details*/
.tabDataLabel {width: 30%;}
#financePlanTable .icoCheckbox:before, #financePlanTable .icoNo:before {font-size: 14px; position: relative; top: -2px; margin-right: 9px;}
#financePlanTable .icoNext:before {position: relative; left: -3px; margin-right: 5px;}

/* Termine Notizen */
#appContactNavig, #documentNavig {display: none;}

/* Unterlagen */
.linkico img, .linkicoTxt img, .stdico img {display: none;}

.docPreviewTable {padding: 0; vertical-align: top;}

.docPreviewTable img {border: 1px solid #ccc;}

.docPreviewTable table td:first-child,
.docPreviewTable table td:last-child {padding: 0;}

.docPreviewTable table tr:last-child td:first-child,
.docPreviewTable table tr:last-child td:last-child {padding: 3px 10px;}

ul.docTabs {clear: both; padding-left: 0px; display: block; margin: 0}

ul.docTabs li {
  display: inline-block;
  list-style-type: none;
  padding: 3px 15px;
  border: 1px solid #fff;
  background: #e0e0e0;
}

ul.docTabs li a {
  padding: 3px 15px;
  display: inline-block;
  line-height: 16px;
}

ul.docTabs li.acv {
  background: #c3c4c8;
  position: relative;
  top: -3px;
  padding-top: 6px;
  border-bottom: 1px solid #c3c4c8;
  z-index: 2;
  -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2), -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2), -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -1px 2px rgba(195, 196, 200, 1), -1px 0px 2px rgba(195, 196, 200, 1), 1px 0px 2px rgba(195, 196, 200, 1);

}

ul.docTabs li.acv a {
  color: #fff !important;
  text-shadow: 0px 1px 0px #333;
  font-weight: 700;
  padding: 3px 13px;
}

form[name="docForm"] .ui-tabs-panel {padding: 15px;}

.docTabsTable > tbody > tr > td {padding-top: 10px !important;}

/* Übersicht */
#acceptedBidsDetailsTable {border: none; background: transparent !important;}
#acceptedBidsDetailsTable tr td.section {padding-bottom: 0px !important; padding-top: 15px !important;}
#acceptedBidsDetailsTable tr td.crd_header {border-top: 1px solid #ccc !important;}
#acceptedBidsDetailsTable tr td.crd_header:first-child {border-left: 1px solid #ccc;}
#acceptedBidsDetailsTable tr td.crd_header:last-child {border-right: 1px solid #ccc;}
#acceptedBidsDetailsTable tr td.crd_label {border-left: 1px solid #ccc !important; background: #fff;}
#acceptedBidsDetailsTable tr td.crd_input {background: #fff;}
#acceptedBidsDetailsTable tr td.crd_input:last-child {border-right: 1px solid #ccc !important;}
#acceptedBidsDetailsTable tr:first-child td {border: none; padding-top: 0;}
#acceptedBidsDetailsTable tr:last-child td {border-bottom: 1px solid #ccc !important;}

#tileCaseTable tr td {vertical-align: top; line-height: 18px !important;}

/* Mailer */
#mailboxTable.dataTable tr th {
  width: 50px !important;
}

#mailboxTable.dataTable {
  table-layout: fixed;
}

#mailboxTable.dataTable thead tr td.sorting_disabled {cursor: pointer !important;}

form[name="ehypMailerForm"] table + table {margin-top: 0;}
.mailDoc {
  line-height: 16px;
  padding: 3px 3px 3px 0px;
}

#ehypMailerAreaContent {overflow: auto;}

#mailDocsElement table + table {margin: 0px;}

/* TABBOX */
.box_tabs {background: transparent;}

.box_tabs:after, .box_tabs:before {box-shadow: none; background: transparent;}

.box_tabs ul {
  padding-left: 0;
  position: relative;
  display: block;
  margin: 0
}

.popup .box_tabs ul {
  top: 2px;
}

.lightboxIframe .ui-tabs-panel .box_tabs_content table.crd_tab td {padding: 0 10px !important;}
.lightboxIframe .ui-tabs-panel .box_tabs_content table.dataTable td {padding: 3px 10px !important;}
.lightboxIframe .ui-tabs-panel .box_tabs_content table td.section {padding: 15px 10px 0 10px !important;}

.box_tabs ul li {
  list-style-type: none;
  padding: 3px 15px;
  background: #e0e0e0;
  border: 1px solid #fff;
  display: inline-block
}

.box_tabs #topicsTree ul li {
  display: block
}

.box_tabs ul li a {
  padding: 3px 14px;
}

.ui-tabs-panel {
  background: #c3c4c8;
  padding: 15px;
  -webkit-box-shadow: 0 1px 4px rgba(100,100,100,1);
  -moz-box-shadow: 0 1px 4px rgba(100,100,100,1);
  box-shadow: 0 0 4px rgba(100,100,100,1);
  border: 1px solid #fff;
  position: relative;
}

.ui-tabs-panel .box_tabs_content {
  clear: both;
  position: relative;
  background: #fff;
}

.popup .ui-tabs-panel .box_tabs_content {
  top: 0px;
  margin: 10px 0px;
}

.box_tabs_content ul li {padding: 0px; background: transparent none !important; float: none; list-style-type: square;}
.box_tabs_content ul {padding-left: 20px; position: static;}

.lightboxIframe .box_tabs ul li {padding: 3px 0;}

.box_tabs ul li.ui-state-active {
  background: #c3c4c8;
  position: relative;
  top: -2px;
  padding-top: 5px;
  border-bottom: 1px solid #c3c4c8;
  z-index: 2;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2), -1px 0px 2px rgba(0, 0, 0, 0.2), 1px 0px 2px rgba(0, 0, 0, 0.2);

}

.box_tabs ul li.ui-state-active a {
  color: #fff !important;
  text-shadow: 0px 1px 0px #333;
  font-weight: 700;
  padding: 3px 13px;
}

.ui-tabs-hide {
  display: none;
}

/* STEPS */
div.stepContainer {
  display: table;
  width: 100%
}

div.step {
  display: table-cell;
  padding: 2px 10px 4px 10px;
  background: #e0e0e0;
  margin-bottom: 5px;
  font-weight: 700;
  color: #a0a0a0;
  border-right: 1px solid #eee;
  text-align: center;
}

div.step:last-child {
  border-right: 0px;
}

div.step.finished {
  color: #555;
}

div.step:after {
  font-size: 20px;
  content: "\00BB";
}

div.step.finished:after {
  color: #368afd;
}

div.step .count {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #dddee4;
  line-height: 18px;
  color: #fff;
  text-shadow: none;
  text-align: center;
}

div.step.finished .count {
  background: #9c9ea7;
}

#divHeaderBrokerLogo.bgLogo {
  display: none;
}

#divHeaderBrokerLogo.bgLogoDiba {
  background: url(../../img/diba/ing_logo_234x96.png);
  height: 96px;
  width: 234px;
  position: absolute;
  right: 20px;
  top: 6px;
  display: block;
}

/* COLORPICKER */
.farbtastic	{position: relative;}
.farbtastic	*	{
  position: absolute;
  cursor: crosshair;
}

.farbtastic, .farbtastic .wheel	{
  width:	195px;
  height: 195px;
}

.farbtastic	.color,	.farbtastic	.overlay {
  top: 47px;
  left: 47px;
  width:	101px;
  height: 101px;
}

.farbtastic	.wheel {
  background:	url(../../styles/img/ehyp4_root/wheel.png)	no-repeat; width:	195px; height: 195px;
}

.farbtastic	.overlay {
  background:	url(../../styles/img/ehyp4_root/mask.png) no-repeat;
}

.farbtastic	.marker	{
  width: 17px;
  height:	17px;
  margin:	-8px 0 0 -8px;
  overflow:	hidden;
  background:	url(../../styles/img/ehyp4_root/marker.png) no-repeat;
}

.colorwell {
  text-align:	center;
  width: 135px;
}

body .colorwell-selected {font-weight:	bold;}

/* Providerinfos */
div#topicTabBox {padding: 10px 0;}
div#topicTabBox ul, div#topicTabBox .ui-tabs-panel .box_tabs_content {position: static !important;}

div#topicTabBox .ui-tabs-panel {padding: 15px; top: -5px;}
div.treeView ul.dynatree-container {line-height: 14px !important; padding: 20px 0 !important;}
div.treeView ul.dynatree-container li {float: none;  padding-bottom: 3px !important; font-size: 14px;}
div.treeView ul {overflow: visible !important;}

ul.dynatree-container a {padding: 0px !important; color: #555 !important}
div#topicDetails {overflow-y: auto;}
div#topicDetails table tr td {border-bottom: 1px dotted #ccc !important;}
div#topicDetails table tr:last-child td {border-bottom: none;}
div#topicDetails ul{margin-top: 0;}
div#topicDetails ul li {background: none; float: none; list-style-type: square; margin: 0; margin-left: 20px; padding: 0; line-height: 14px;}
div#topicDetails ul li a {padding: 0;}
.factHeadTable tr td {padding: 0px;}
.section + .factHeadTable {padding-top: 15px;}
.factContent, .searchTopic {border: 1px solid #ccc; padding: 3px 10px;}
.factContentSearch {margin-bottom: 10px; padding: 3px 10px;  border: 1px solid #ccc;}
.factContentSearch table tr td:first-child {width: 200px;}
.factContentSearch table tr td {padding-left: 0px; border: none;}
.searchTopic > div {padding-left: 23px;}
.searchTopic {border-bottom: none; border-top: 1px dotted #ccc;}
.searchResult .section + .searchTopic {border-top: 1px solid #ccc;}
.searchResult .searchTopic:last-child {border-bottom: 1px solid #ccc;}
.searchResult {padding: 10px;}
.searchResult > .disclaimer {padding: 0 10px;  border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-bottom: 10px}
span.searchTopicNumber {display: inline-block; width: 20px;}
div.disclaimer span.searchTopicNumber {width: 25px;}
td.alignTop {vertical-align: top; padding-left: 0px;}
a.dynatree-title {white-space: normal !important; width:90%}
span.dynatree-icon {background-image: none !important; font-size: 12px !important; padding-top: 2px;}
span.dynatree-icon:before, span.dynatree-ico-c span.dynatree-icon:before {font-size: 14px !important; color: #368afd;}
.box_header_right .providerLogoImage {position: relative; top: -5px;}
.box_header_right .providerLogoImage + span {position: relative; top: -2px;}

input[type='file'] {float:left; margin-right: 5px;margin-bottom: 5px;}
input[type='file'] + .linkBtn {top: -3px;}

/* consumer */
iframe + form[name="appform"] {border: none !important;}
#consumerFrame {overflow-y: scroll !important;}
#consumerPages #appformContent, #consumerPages #appformContent .box_content {overflow-y: hidden !important;}
#consumerPages #appformContent .box_content {padding-left: 0 !important; padding-right: 0 !important;}
#consumerPages .box_header_right .icoFon:before, #consumerPages .box_header_right .icoFon + span {color: #555 !important; font-size: 14px !important;}

input[type='submit'] {padding: 1px 5px;}

#followUpLine, #creationLine, #proloLine{display: none;}

/* Chrome, Safari and Edge */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .mfp-appModule > .mfp-iframe-holder > .mfp-content > .mfp-iframe-scaler {padding-top: 50%;}
  ul.docTabs {margin: 5px 0px;}
  input[type='file'] {float:left; color: transparent !important; overflow: hidden; margin-right: 5px; font-size: 12px;}
  input[type='file'] + .linkBtn {top: -4px;}
  .mfp-parent-bg {top: -35px;}
  #appformContent {padding-bottom: 0px;}
}

/* Firefox */
@-moz-document url-prefix() {
  input[type='file'] {float:left; width: 115px; overflow: hidden; margin-right: 5px;}
  input[type='file'] + .linkBtn {top: -2px;}
  .box_header_right .providerLogoImage {position: relative; top: -9px;}
  .mfp-parent-bg {top: -35px;}
  .icoToggle, .icoToggleDown {position: absolute;}
}

/* IE 8 */
@media \0screen\,screen\9 {
  .appModule span.input + span.input {margin-left: -1px;}
  #interestCheck span.input + span.input, span.input + span.input {margin-left: 3px;}
  .layoutColumnLast .box:first-child {border-bottom-width: 0px; border-top-width: 0px;}
}

/* Edge */
@supports (-ms-accelerator:true) {
  #frontSide {
    z-index: 0;
  }

  .flipContainer.flip #backSide {
    z-index: 0;
  }

  /* FADE ANIMATION, overlay at start */
  .mfp-fade.mfp-bg {
    transition: none;
  }

  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
    transition: none;
  }
}

.fcc_table_consumer_credit .usageTypeLabelConsumerCredit {
  width: 180px;
}

.fcc_table_consumer_credit .usageTypeConsumerCredit span {
  text-align: left;
}

.fcc_table_consumer_credit .linkBtn span {
  background: #368afd !important;
}

.fcc_table_consumer_credit .greenBtn[disabled] span {
  background: #ccc !important;
}

.fcc_table_consumer_credit #startAutoReloadBtn {
  display: none !important;
}

.fcc_table_consumer_credit #searchBtn {
  margin-left: 5px;
}

.scoreResultTable20 a {
  cursor: pointer;
}

.scoreResultTable20 .linkico {
  top: 5px;
  margin-left: 5px;
}

.scoreResultTable20 .linkico:before {
  font-size: 14px;
}

.scoreResultTable20 .icoYes {
  color: #08c104 !important;
}

.scoreResultTable20 tr th:first-child .icoSort {
  position: relative;
  top: 4px;
}

#force_products_consumer_credit .crd_header {
  padding: 5px 10px 0 0;
  text-align: right;
}

#forceproductsHighslide .forceProductsHighslide_listbox {
  margin-bottom: 10px;
}

#forceproductsHighslide .linkBtn {
  margin-right: 5px;
}

.scoreHints20 .icowarning:before {
  color: #666;
}

#searchinterestrate_error table.crd_tab td {
  width: 100%;
}

.newAppBox hr.newAppBoxSep {
  margin: 10px 10px 12px 0;
  background: #999;
  height: 1px;
  border: 0;
}

.newAppBox  a.greenBtn span:before {
  content:'' !important;
}
@media only screen and (min-width: 1675px) {
  .newAppBox hr.newAppBoxSep {
    width: 0px;
    display: inline;
  }
}

.no-border {
  border: none !important;
}

/* vertical TabBox */
.ui-tabs-vertical {
  width: 90%;
}

.ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 15%;
}

.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
  display:block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
  padding: 1em;
  float: left;
  width: 70%;
  margin: 5px;
  border: none;
  background: transparent
}

div.dot-grey {
  width: 12px;
  height: 12px;
  background: grey;
  border-radius: 50%
}

div.dot-red {
  width: 12px;
  height: 12px;
  background: red;
  border-radius: 50%
}

div.dot-yellow {
  width: 12px;
  height: 12px;
  background: yellow;
  border-radius: 50%
}

div.dot-green {
  width: 12px;
  height: 12px;
  background: #2cb432;
  border-radius: 50%
}