/* Error handling. By BEMA on 26.11.2019 */
/* List error */
ul.icon.bullet.error li {
    color: #F03700;
}

ul.icon.bullet.error li:before {
    content: "\E013";
    color: #F03700;
    font-size: 16px !important;
    position: relative;
    top: 0px;
}

ul.error li{
	font-size: 18px !important;
	font-weight: 700 !important;
}

ul.icon.check.success li {
    color: #86A70C;
}

ul.icon.check.success li:before {
    content: "\E020";
    color: #86A70C;
    font-size: 16px !important;
    position: relative;
    top: 0px;
}

ul.success li{
	font-size: 18px !important;
	font-weight: 700 !important;
}

/* FORM fields (INPUT, SELECT) error */
.form-control.error,
.custom-select.error {
    /*border-color: #F03700;*/
	border: 2px solid #F03700;
    padding-right: 20px;
}
.form-control.success,
.custom-select.success {
    border-color: #DDD9D9;
    padding-right: 20px;
}

/* Error icon for FORM fields (INPUT, SELECT) */
.icon-cross-sm:before {
	/* content: "\E013"; */
}
i.icon-cross-sm.error,
i.icon-correct-sm.success {
    position: absolute;
    height: 48px;
    width: 20px;   
    top: 0px;
    right: 5px;
    display: block;
    font-size: 11px !important;
    color: #F03700;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-top: 15px;
    text-align: center;
}

div.tarif-details-modal { z-index: 3000 !important; }
div.tarif-details-border { border: 1px solid gray !important; }

/* Override character errors from new CSS files from SIGNALFEUER */
.slick-prev:before{content:"\64"}[dir="rtl"] .slick-prev:before{content:"\65"}
.slick-next:before{content:"\65"}[dir="rtl"] .slick-next:before{content:"\64"}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:"gruenwelt";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li button:before{content:"•";width:10px;height:10px;font-size:28px;opacity:1;color:#fff;transition:all 0.3s cubic-bezier(0.29, 1.23, 0.46, 1)}
#counter-spenden.odometer .odometer-inside:after{content:"€";margin-left:4px;position:relative;color:dimgray}

/* Override dt font-weght from new CSS files from SIGNALFEUER */
dt { font-weight: 400 }

/* Overrides for the footnotes section */
.mt-7,.my-7 {margin-top: 1rem !important}
.footnote-left-margin {margin-left:-15px }

/* Override the font-family of dl.list-table */
dl.list-table dt{font-family:"FFDINRoundWebBold"}

/* Override phone number color */
h5.phone a,
p a.phone { color:rgb(75, 75, 75) !important; }

p a.phone { border-bottom: none !important; }
p a.phone:hover { color: red; text-decoration: underline; !important; }

/* Overrides for the primary "outline" button */
.btn-outline-primary2{color:#ffffff;border-color:#ffffff}.btn-outline-primary2:hover{color:#ffffff;background-color:#70b169;border-color:#ffffff}

p.registerBtn {font-family:'FFDINRoundWebProMedium';color:white !important;}

/* Override ERROR text properties */
ul.error li {
   font-size: 16px !important;
   font-weight: 700 !important;
}

/* Correct last ul li item bottom margin */
ul.icon.bullet.error li:last-child,
ul.icon.check.success li:last-child {
    margin-bottom:-15px !important;
} 

/* A fix to center the errormessages in some pages */
.errorDiv { margin: 15px 0 0 -30px; }
.errorDivLogin { margin-top: 15px; }

/* Cursor for disabled FORM elements */
input:disabled:hover, button:disabled:hover {
    cursor:not-allowed
}
 
/* FORM fields (INPUT, SELECT) error */
.custom-control-input.error {
    /*border-color: #F03700;*/
	border: 2px solid #F03700;
}

/* Datepicker */

.datepicker {
    border-bottom: 1px solid #DDD9D9;
    border-color: #DDD9D9;
    padding: 12px !important;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid #DDD9D9 !important;
    
}

.datepicker-switch {
    font-family: FFDINRoundWebBold, sans-serif;
    color: #4f4f4f;
    text-transform: uppercase;
}

.datepicker table thead tr {
    border-bottom: 1px solid #DDD9D9 !important;
    border-top: 1px solid #DDD9D9 !important;
}

.datepicker table thead>tr {
    border-bottom: 1px solid #DDD9D9 !important;
    border-top: 0px solid #DDD9D9 !important;
}

.datepicker table tr td {
    color: #4f4f4f !important;
}

.datepicker .cw {
    color: #89A502 !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background-color: #fff !important;
    background-image: none !important;
    color: #89A502;
    border-radius: 2px;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover,
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background-color: #EBEBDB !important;
    background-image: none !important;
    color: #4f4f4f;
    border-radius: 2px;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled],
.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background-color: #89A502 !important;
    background-image: none;
    color: #CCCCCC !important;
    border-radius: 2px;
}

.datepicker table tr td.today.active:hover {
    color: #fff;    
}

.datepicker table tr td.highlighted {
    background-color: #F9F9F4 !important;
}

.datepicker table tr td.new, .datepicker table tr td.old {
    color: #DDD9D9 !important;
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#CCCCCC !important;cursor:not-allowed !important}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#CCCCCC !important;cursor:not-allowed !important}

/* Service Nav Mods */
.rueckruf-link { font-family: "FFDINRoundWebBold",sans-serif !important; }
.mid-div-corr { margin-top:-24px !important; }
.mid-div-p { margin-bottom:9px !important; }
.rueckruf-p { margin-bottom:20px !important; }
.bestell-hotline-p  { margin-bottom:34px !important; }

/* Service Nav overides */
.services .service-panel .panel-body {
    padding: 0px 20px 16px 20px;
}