/* Minification failed. Returning unminified contents. (218,1): run-time error CSS1019: Unexpected token, found '@import' (218,9): run-time error CSS1019: Unexpected token, found 'url("../Icons/CarLean_Icons/style.css")' (219,1): run-time error CSS1019: Unexpected token, found '@import' (219,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700")' (350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (353,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (358,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (368,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (382,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5465,1): run-time error CSS1019: Unexpected token, found '@keyframes' (5466,8): run-time error CSS1035: Expected colon, found '{' (6477,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6478,6): run-time error CSS1035: Expected colon, found '{' (6496,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10664,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10665,8): run-time error CSS1035: Expected colon, found '{' (10796,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10804,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12483,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12484,6): run-time error CSS1035: Expected colon, found '{' (12847,61): run-time error CSS1030: Expected identifier, found '-' (12847,61): run-time error CSS1031: Expected selector, found '-' (12847,61): run-time error CSS1025: Expected comma or open brace, found '-' (13708,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13709,6): run-time error CSS1035: Expected colon, found '{' (13970,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13971,6): run-time error CSS1035: Expected colon, found '{' */ /*! ======================================================= VERSION 10.2.1 ========================================================= */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#2e6da4;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-horizontal .tooltip{-ms-transform:translateX(-50%);transform:translateX(-50%)}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-horizontal.slider-rtl .tooltip{-ms-transform:translateX(50%);transform:translateX(50%)}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#2e6da4;border-right-color:#2e6da4;margin-left:0;margin-right:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical .tooltip{-ms-transform:translateY(-50%);transform:translateY(-50%)}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip{pointer-events:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;top:0;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle:hover{cursor:pointer}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;cursor:pointer;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);opacity:1} /*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.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]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.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]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px} .jssocials-shares { margin: 0.2em 0; } .jssocials-shares * { box-sizing: border-box; } .jssocials-share { display: inline-block; vertical-align: top; margin: 0.3em 0.6em 0.3em 0; } .jssocials-share:last-child { margin-right: 0; } .jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em; } img.jssocials-share-logo { width: auto; height: 1em; } .jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 1; } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em; } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; } .jssocials-share-label { padding-left: 0.3em; vertical-align: middle; } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 0.3em; line-height: 1; vertical-align: middle; cursor: default; } .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-share-count { line-height: 1.5em; vertical-align: middle; } .jssocials-share-twitter .jssocials-share-link { background: #00aced; } .jssocials-share-twitter .jssocials-share-link:hover { background: #0087ba; } .jssocials-share-facebook .jssocials-share-link { background: #3b5998; } .jssocials-share-facebook .jssocials-share-link:hover { background: #2d4373; } .jssocials-share-googleplus .jssocials-share-link { background: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link:hover { background: #c23321; } .jssocials-share-linkedin .jssocials-share-link { background: #007bb6; } .jssocials-share-linkedin .jssocials-share-link:hover { background: #005983; } .jssocials-share-pinterest .jssocials-share-link { background: #cb2027; } .jssocials-share-pinterest .jssocials-share-link:hover { background: #9f191f; } .jssocials-share-email .jssocials-share-link { background: #3490F3; } .jssocials-share-email .jssocials-share-link:hover { background: #0e76e6; } .jssocials-share-stumbleupon .jssocials-share-link { background: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link:hover { background: #c93412; } .jssocials-share-whatsapp .jssocials-share-link { background: #29a628; } .jssocials-share-whatsapp .jssocials-share-link:hover { background: #1f7d1e; } .jssocials-share-telegram .jssocials-share-link { background: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link:hover { background: #1c88bd; } .jssocials-share-line .jssocials-share-link { background: #25af00; } .jssocials-share-line .jssocials-share-link:hover { background: #1a7c00; } .jssocials-share-viber .jssocials-share-link { background: #7b519d; } .jssocials-share-viber .jssocials-share-link:hover { background: #61407b; } .jssocials-share-pocket .jssocials-share-link { background: #ef4056; } .jssocials-share-pocket .jssocials-share-link:hover { background: #e9132e; } .jssocials-share-messenger .jssocials-share-link { background: #0084ff; } .jssocials-share-messenger .jssocials-share-link:hover { background: #006acc; } .jssocials-share-vkontakte .jssocials-share-link { background: #45668e; } .jssocials-share-vkontakte .jssocials-share-link:hover { background: #344d6c; } .jssocials-share-link { padding: .5em .6em; color: #fff; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active { color: #fff; } .jssocials-share-count-box { position: relative; height: 2.5em; padding: 0 .3em; margin-left: 0.3em; background: #f5f5f5; -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box:hover { background: gainsboro; } .jssocials-share-count-box:hover:after { border-color: transparent gainsboro transparent transparent; } .jssocials-share-count-box:after { content: ""; display: block; position: absolute; top: 0.85em; left: -0.3em; width: 0; height: 0; border-width: 0.4em 0.4em 0.4em 0; border-style: solid; border-color: transparent #f5f5f5 transparent transparent; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } .jssocials-share-count-box .jssocials-share-count { line-height: 2.5em; color: #444; } @charset "UTF-8"; @import url("../Icons/CarLean_Icons/style.css"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700"); @font-face { font-family: 'vwtext'; font-style: normal; font-weight: normal; src: url("/Content/Fonts/VWTextWeb-Regular.woff2") format("woff2"), url("/Content/Fonts/VWTextWeb-Regular.woff") format("woff"); } @font-face { font-family: 'vwtext'; font-style: normal; font-weight: bold; src: url("/Content/Fonts/VWTextWeb-Bold.woff2") format("woff2"), url("/Content/Fonts/VWTextWeb-Bold.woff") format("woff"); } @font-face { font-family: 'vwhead'; font-style: normal; font-weight: normal; src: url("/Content/Fonts/VWHeadWeb-Bold.woff2") format("woff2"), url("/Content/Fonts/VWHeadWeb-Bold.woff") format("woff"); } @font-face { font-family: 'apexnew-book'; font-style: normal; font-weight: normal; src: url("/Content/Fonts/apexnew-book-webfont-regular.woff"); } @font-face { font-family: 'apexnew-book'; font-style: italic; font-weight: normal; src: url("/Content/Fonts/apexnew-book-webfont-regular-italic.woff"); } @font-face { font-family: 'apexnew-book'; font-style: normal; font-weight: bold; src: url("/Content/Fonts/apexnew-book-webfont-demi.woff"); } @font-face { font-family: 'apexnew-book'; font-weight: bold; font-style: italic; src: url("/Content/Fonts/apexnew-book-webfont-demi-italic.woff"); } @font-face { font-family: 'apexnew-book'; font-style: normal; font-weight: 700; src: url("/Content/Fonts/apexnew-book-webfont-bold.woff"); } @font-face { font-family: 'toyotadisplay'; font-style: normal; font-weight: normal; src: url("/Content/Fonts/toyotadisplay_rg-webfont.woff2") format("woff2"), url("/Content/Fonts/toyotadisplay_rg-webfont.woff") format("woff"); } @font-face { font-family: 'toyotadisplay'; font-style: normal; font-weight: bold; src: url("/Content/Fonts/toyotadisplay_bd-webfont.woff2") format("woff2"), url("/Content/Fonts/toyotadisplay_bd-webfont.woff") format("woff"); } @font-face { font-family: 'gillsans'; font-style: normal; font-weight: normal; src: url("/Content/Fonts/gillsans.woff"); } @font-face { font-family: 'gillsans'; font-style: normal; font-weight: bold; src: url("/Content/Fonts/gillsans_bold.woff"); } /* Toyota Type */ @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-Semibold.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-SemiboldIt.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-SemiboldIt.woff") format("woff"); font-weight: 600; font-style: italic; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-Regular.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-RegularIt.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-RegularIt.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-Book.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-Book.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-BookIt.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-BookIt.woff") format("woff"); font-weight: 500; font-style: italic; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-Light.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: 'ToyotaType'; src: url("/Content/Fonts/ToyotaType/ToyotaType-LightIt.woff2") format("woff2"), url("/Content/Fonts/ToyotaType/ToyotaType-LightIt.woff") format("woff"); font-weight: 300; font-style: italic; } /* Bootstrap V4 overwrites - refer to the original _variables.scss in node_modules to find a complete list of settings. */ /* Refer to: https://getbootstrap.com/docs/4.0/getting-started/theming/ */ /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #E50000; --secondary: #314149; --success: #28a745; --info: #1068B2; --warning: #F9AA25; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --tertiary: #333333; --quaternary: #4B9452; --lightest: #ffffff; --darkest: #000000; --black: #252525; --grey: #f3f3f3; --hybrid: #00a0f0; --ddbh-greyBorder: #e8e8e8; --ddbh-lightGrey: #f3f3f3; --ddbh-lighterGrey: #f7f7f7; --ddbh-darkGrey: #565656; --ddbh-darkerGrey: #343434; --ddbh-darkBlue: #314149; --ddbh-darkerBlue: #25363f; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1900px; --font-family-sans-serif: "toyotadisplay", sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "toyotadisplay", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.8em; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #E50000; text-decoration: none; background-color: transparent; } a:hover { color: #E50000; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } @media (min-width: 1900px) { .container { max-width: 1610px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1170px; } } @media (min-width: 1900px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1610px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } @media (min-width: 1900px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } .order-xxl-first { order: -1; } .order-xxl-last { order: 13; } .order-xxl-0 { order: 0; } .order-xxl-1 { order: 1; } .order-xxl-2 { order: 2; } .order-xxl-3 { order: 3; } .order-xxl-4 { order: 4; } .order-xxl-5 { order: 5; } .order-xxl-6 { order: 6; } .order-xxl-7 { order: 7; } .order-xxl-8 { order: 8; } .order-xxl-9 { order: 9; } .order-xxl-10 { order: 10; } .order-xxl-11 { order: 11; } .order-xxl-12 { order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.66667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333%; } .offset-xxl-5 { margin-left: 41.66667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333%; } .offset-xxl-8 { margin-left: 66.66667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333%; } .offset-xxl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #f8b8b8; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #f17a7a; } .table-hover .table-primary:hover { background-color: #f6a1a1; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #f6a1a1; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #c5cacc; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #949ca0; } .table-hover .table-secondary:hover { background-color: #b7bec0; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #b7bec0; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bcd5e9; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #83b0d7; } .table-hover .table-info:hover { background-color: #a9c9e3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a9c9e3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fde7c2; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fcd38e; } .table-hover .table-warning:hover { background-color: #fcdda9; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fcdda9; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-tertiary, .table-tertiary > th, .table-tertiary > td { background-color: #c6c6c6; } .table-tertiary th, .table-tertiary td, .table-tertiary thead th, .table-tertiary tbody + tbody { border-color: #959595; } .table-hover .table-tertiary:hover { background-color: #b9b9b9; } .table-hover .table-tertiary:hover > td, .table-hover .table-tertiary:hover > th { background-color: #b9b9b9; } .table-quaternary, .table-quaternary > th, .table-quaternary > td { background-color: #cde1cf; } .table-quaternary th, .table-quaternary td, .table-quaternary thead th, .table-quaternary tbody + tbody { border-color: #a1c7a5; } .table-hover .table-quaternary:hover { background-color: #bdd7c0; } .table-hover .table-quaternary:hover > td, .table-hover .table-quaternary:hover > th { background-color: #bdd7c0; } .table-lightest, .table-lightest > th, .table-lightest > td { background-color: white; } .table-lightest th, .table-lightest td, .table-lightest thead th, .table-lightest tbody + tbody { border-color: white; } .table-hover .table-lightest:hover { background-color: #f2f2f2; } .table-hover .table-lightest:hover > td, .table-hover .table-lightest:hover > th { background-color: #f2f2f2; } .table-darkest, .table-darkest > th, .table-darkest > td { background-color: #b8b8b8; } .table-darkest th, .table-darkest td, .table-darkest thead th, .table-darkest tbody + tbody { border-color: #7a7a7a; } .table-hover .table-darkest:hover { background-color: #ababab; } .table-hover .table-darkest:hover > td, .table-hover .table-darkest:hover > th { background-color: #ababab; } .table-black, .table-black > th, .table-black > td { background-color: #c2c2c2; } .table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody { border-color: #8e8e8e; } .table-hover .table-black:hover { background-color: #b5b5b5; } .table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #b5b5b5; } .table-grey, .table-grey > th, .table-grey > td { background-color: #fcfcfc; } .table-grey th, .table-grey td, .table-grey thead th, .table-grey tbody + tbody { border-color: #f9f9f9; } .table-hover .table-grey:hover { background-color: #efefef; } .table-hover .table-grey:hover > td, .table-hover .table-grey:hover > th { background-color: #efefef; } .table-hybrid, .table-hybrid > th, .table-hybrid > td { background-color: #b8e4fb; } .table-hybrid th, .table-hybrid td, .table-hybrid thead th, .table-hybrid tbody + tbody { border-color: #7acef7; } .table-hover .table-hybrid:hover { background-color: #a0dbfa; } .table-hover .table-hybrid:hover > td, .table-hover .table-hybrid:hover > th { background-color: #a0dbfa; } .table-ddbh-greyBorder, .table-ddbh-greyBorder > th, .table-ddbh-greyBorder > td { background-color: #f9f9f9; } .table-ddbh-greyBorder th, .table-ddbh-greyBorder td, .table-ddbh-greyBorder thead th, .table-ddbh-greyBorder tbody + tbody { border-color: #f3f3f3; } .table-hover .table-ddbh-greyBorder:hover { background-color: #ececec; } .table-hover .table-ddbh-greyBorder:hover > td, .table-hover .table-ddbh-greyBorder:hover > th { background-color: #ececec; } .table-ddbh-lightGrey, .table-ddbh-lightGrey > th, .table-ddbh-lightGrey > td { background-color: #fcfcfc; } .table-ddbh-lightGrey th, .table-ddbh-lightGrey td, .table-ddbh-lightGrey thead th, .table-ddbh-lightGrey tbody + tbody { border-color: #f9f9f9; } .table-hover .table-ddbh-lightGrey:hover { background-color: #efefef; } .table-hover .table-ddbh-lightGrey:hover > td, .table-hover .table-ddbh-lightGrey:hover > th { background-color: #efefef; } .table-ddbh-lighterGrey, .table-ddbh-lighterGrey > th, .table-ddbh-lighterGrey > td { background-color: #fdfdfd; } .table-ddbh-lighterGrey th, .table-ddbh-lighterGrey td, .table-ddbh-lighterGrey thead th, .table-ddbh-lighterGrey tbody + tbody { border-color: #fbfbfb; } .table-hover .table-ddbh-lighterGrey:hover { background-color: #f0f0f0; } .table-hover .table-ddbh-lighterGrey:hover > td, .table-hover .table-ddbh-lighterGrey:hover > th { background-color: #f0f0f0; } .table-ddbh-darkGrey, .table-ddbh-darkGrey > th, .table-ddbh-darkGrey > td { background-color: #d0d0d0; } .table-ddbh-darkGrey th, .table-ddbh-darkGrey td, .table-ddbh-darkGrey thead th, .table-ddbh-darkGrey tbody + tbody { border-color: #a7a7a7; } .table-hover .table-ddbh-darkGrey:hover { background-color: #c3c3c3; } .table-hover .table-ddbh-darkGrey:hover > td, .table-hover .table-ddbh-darkGrey:hover > th { background-color: #c3c3c3; } .table-ddbh-darkerGrey, .table-ddbh-darkerGrey > th, .table-ddbh-darkerGrey > td { background-color: #c6c6c6; } .table-ddbh-darkerGrey th, .table-ddbh-darkerGrey td, .table-ddbh-darkerGrey thead th, .table-ddbh-darkerGrey tbody + tbody { border-color: #959595; } .table-hover .table-ddbh-darkerGrey:hover { background-color: #b9b9b9; } .table-hover .table-ddbh-darkerGrey:hover > td, .table-hover .table-ddbh-darkerGrey:hover > th { background-color: #b9b9b9; } .table-ddbh-darkBlue, .table-ddbh-darkBlue > th, .table-ddbh-darkBlue > td { background-color: #c5cacc; } .table-ddbh-darkBlue th, .table-ddbh-darkBlue td, .table-ddbh-darkBlue thead th, .table-ddbh-darkBlue tbody + tbody { border-color: #949ca0; } .table-hover .table-ddbh-darkBlue:hover { background-color: #b7bec0; } .table-hover .table-ddbh-darkBlue:hover > td, .table-hover .table-ddbh-darkBlue:hover > th { background-color: #b7bec0; } .table-ddbh-darkerBlue, .table-ddbh-darkerBlue > th, .table-ddbh-darkerBlue > td { background-color: #c2c7c9; } .table-ddbh-darkerBlue th, .table-ddbh-darkerBlue td, .table-ddbh-darkerBlue thead th, .table-ddbh-darkerBlue tbody + tbody { border-color: #8e969b; } .table-hover .table-ddbh-darkerBlue:hover { background-color: #b4bbbd; } .table-hover .table-ddbh-darkerBlue:hover > td, .table-hover .table-ddbh-darkerBlue:hover > th { background-color: #b4bbbd; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1899.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #ff6666; outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #E50000; border-color: #E50000; } .btn-primary:hover { color: #fff; background-color: #bf0000; border-color: #b20000; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #bf0000; border-color: #b20000; box-shadow: 0 0 0 0.2rem rgba(233, 38, 38, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #E50000; border-color: #E50000; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #b20000; border-color: #a50000; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(233, 38, 38, 0.5); } .btn-secondary { color: #fff; background-color: #314149; border-color: #314149; } .btn-secondary:hover { color: #fff; background-color: #222d32; border-color: #1d262a; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #222d32; border-color: #1d262a; box-shadow: 0 0 0 0.2rem rgba(80, 94, 100, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #314149; border-color: #314149; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #1d262a; border-color: #171f23; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(80, 94, 100, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #1068B2; border-color: #1068B2; } .btn-info:hover { color: #fff; background-color: #0d538f; border-color: #0c4d83; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #0d538f; border-color: #0c4d83; box-shadow: 0 0 0 0.2rem rgba(52, 127, 190, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #1068B2; border-color: #1068B2; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0c4d83; border-color: #0b4678; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 127, 190, 0.5); } .btn-warning { color: #212529; background-color: #F9AA25; border-color: #F9AA25; } .btn-warning:hover { color: #212529; background-color: #f19a07; border-color: #e59206; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #f19a07; border-color: #e59206; box-shadow: 0 0 0 0.2rem rgba(217, 150, 38, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #F9AA25; border-color: #F9AA25; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #e59206; border-color: #d88a06; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(217, 150, 38, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-tertiary { color: #fff; background-color: #333333; border-color: #333333; } .btn-tertiary:hover { color: #fff; background-color: #202020; border-color: #1a1a1a; } .btn-tertiary:focus, .btn-tertiary.focus { color: #fff; background-color: #202020; border-color: #1a1a1a; box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); } .btn-tertiary.disabled, .btn-tertiary:disabled { color: #fff; background-color: #333333; border-color: #333333; } .btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary:not(:disabled):not(.disabled).active, .show > .btn-tertiary.dropdown-toggle { color: #fff; background-color: #1a1a1a; border-color: #131313; } .btn-tertiary:not(:disabled):not(.disabled):active:focus, .btn-tertiary:not(:disabled):not(.disabled).active:focus, .show > .btn-tertiary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); } .btn-quaternary { color: #fff; background-color: #4B9452; border-color: #4B9452; } .btn-quaternary:hover { color: #fff; background-color: #3e7b44; border-color: #3a723f; } .btn-quaternary:focus, .btn-quaternary.focus { color: #fff; background-color: #3e7b44; border-color: #3a723f; box-shadow: 0 0 0 0.2rem rgba(102, 164, 108, 0.5); } .btn-quaternary.disabled, .btn-quaternary:disabled { color: #fff; background-color: #4B9452; border-color: #4B9452; } .btn-quaternary:not(:disabled):not(.disabled):active, .btn-quaternary:not(:disabled):not(.disabled).active, .show > .btn-quaternary.dropdown-toggle { color: #fff; background-color: #3a723f; border-color: #366a3b; } .btn-quaternary:not(:disabled):not(.disabled):active:focus, .btn-quaternary:not(:disabled):not(.disabled).active:focus, .show > .btn-quaternary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(102, 164, 108, 0.5); } .btn-lightest { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-lightest:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-lightest:focus, .btn-lightest.focus { color: #212529; background-color: #ececec; border-color: #e6e6e6; box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-lightest.disabled, .btn-lightest:disabled { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-lightest:not(:disabled):not(.disabled):active, .btn-lightest:not(:disabled):not(.disabled).active, .show > .btn-lightest.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-lightest:not(:disabled):not(.disabled):active:focus, .btn-lightest:not(:disabled):not(.disabled).active:focus, .show > .btn-lightest.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); } .btn-darkest { color: #fff; background-color: #000000; border-color: #000000; } .btn-darkest:hover { color: #fff; background-color: black; border-color: black; } .btn-darkest:focus, .btn-darkest.focus { color: #fff; background-color: black; border-color: black; box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-darkest.disabled, .btn-darkest:disabled { color: #fff; background-color: #000000; border-color: #000000; } .btn-darkest:not(:disabled):not(.disabled):active, .btn-darkest:not(:disabled):not(.disabled).active, .show > .btn-darkest.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-darkest:not(:disabled):not(.disabled):active:focus, .btn-darkest:not(:disabled):not(.disabled).active:focus, .show > .btn-darkest.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-black { color: #fff; background-color: #252525; border-color: #252525; } .btn-black:hover { color: #fff; background-color: #121212; border-color: #0c0c0c; } .btn-black:focus, .btn-black.focus { color: #fff; background-color: #121212; border-color: #0c0c0c; box-shadow: 0 0 0 0.2rem rgba(70, 70, 70, 0.5); } .btn-black.disabled, .btn-black:disabled { color: #fff; background-color: #252525; border-color: #252525; } .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active, .show > .btn-black.dropdown-toggle { color: #fff; background-color: #0c0c0c; border-color: #050505; } .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(70, 70, 70, 0.5); } .btn-grey { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-grey:hover { color: #212529; background-color: #e0e0e0; border-color: #dadada; } .btn-grey:focus, .btn-grey.focus { color: #212529; background-color: #e0e0e0; border-color: #dadada; box-shadow: 0 0 0 0.2rem rgba(212, 212, 213, 0.5); } .btn-grey.disabled, .btn-grey:disabled { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active, .show > .btn-grey.dropdown-toggle { color: #212529; background-color: #dadada; border-color: lightgray; } .btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 212, 213, 0.5); } .btn-hybrid { color: #fff; background-color: #00a0f0; border-color: #00a0f0; } .btn-hybrid:hover { color: #fff; background-color: #0087ca; border-color: #007ebd; } .btn-hybrid:focus, .btn-hybrid.focus { color: #fff; background-color: #0087ca; border-color: #007ebd; box-shadow: 0 0 0 0.2rem rgba(38, 174, 242, 0.5); } .btn-hybrid.disabled, .btn-hybrid:disabled { color: #fff; background-color: #00a0f0; border-color: #00a0f0; } .btn-hybrid:not(:disabled):not(.disabled):active, .btn-hybrid:not(:disabled):not(.disabled).active, .show > .btn-hybrid.dropdown-toggle { color: #fff; background-color: #007ebd; border-color: #0076b0; } .btn-hybrid:not(:disabled):not(.disabled):active:focus, .btn-hybrid:not(:disabled):not(.disabled).active:focus, .show > .btn-hybrid.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 174, 242, 0.5); } .btn-ddbh-greyBorder { color: #212529; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-ddbh-greyBorder:hover { color: #212529; background-color: #d5d5d5; border-color: #cfcfcf; } .btn-ddbh-greyBorder:focus, .btn-ddbh-greyBorder.focus { color: #212529; background-color: #d5d5d5; border-color: #cfcfcf; box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5); } .btn-ddbh-greyBorder.disabled, .btn-ddbh-greyBorder:disabled { color: #212529; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-ddbh-greyBorder:not(:disabled):not(.disabled):active, .btn-ddbh-greyBorder:not(:disabled):not(.disabled).active, .show > .btn-ddbh-greyBorder.dropdown-toggle { color: #212529; background-color: #cfcfcf; border-color: #c8c8c8; } .btn-ddbh-greyBorder:not(:disabled):not(.disabled):active:focus, .btn-ddbh-greyBorder:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-greyBorder.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(202, 203, 203, 0.5); } .btn-ddbh-lightGrey { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-ddbh-lightGrey:hover { color: #212529; background-color: #e0e0e0; border-color: #dadada; } .btn-ddbh-lightGrey:focus, .btn-ddbh-lightGrey.focus { color: #212529; background-color: #e0e0e0; border-color: #dadada; box-shadow: 0 0 0 0.2rem rgba(212, 212, 213, 0.5); } .btn-ddbh-lightGrey.disabled, .btn-ddbh-lightGrey:disabled { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-ddbh-lightGrey:not(:disabled):not(.disabled):active, .btn-ddbh-lightGrey:not(:disabled):not(.disabled).active, .show > .btn-ddbh-lightGrey.dropdown-toggle { color: #212529; background-color: #dadada; border-color: lightgray; } .btn-ddbh-lightGrey:not(:disabled):not(.disabled):active:focus, .btn-ddbh-lightGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-lightGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(212, 212, 213, 0.5); } .btn-ddbh-lighterGrey { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-ddbh-lighterGrey:hover { color: #212529; background-color: #e4e4e4; border-color: #dedede; } .btn-ddbh-lighterGrey:focus, .btn-ddbh-lighterGrey.focus { color: #212529; background-color: #e4e4e4; border-color: #dedede; box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); } .btn-ddbh-lighterGrey.disabled, .btn-ddbh-lighterGrey:disabled { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-ddbh-lighterGrey:not(:disabled):not(.disabled):active, .btn-ddbh-lighterGrey:not(:disabled):not(.disabled).active, .show > .btn-ddbh-lighterGrey.dropdown-toggle { color: #212529; background-color: #dedede; border-color: #d7d7d7; } .btn-ddbh-lighterGrey:not(:disabled):not(.disabled):active:focus, .btn-ddbh-lighterGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-lighterGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(215, 216, 216, 0.5); } .btn-ddbh-darkGrey { color: #fff; background-color: #565656; border-color: #565656; } .btn-ddbh-darkGrey:hover { color: #fff; background-color: #434343; border-color: #3d3d3d; } .btn-ddbh-darkGrey:focus, .btn-ddbh-darkGrey.focus { color: #fff; background-color: #434343; border-color: #3d3d3d; box-shadow: 0 0 0 0.2rem rgba(111, 111, 111, 0.5); } .btn-ddbh-darkGrey.disabled, .btn-ddbh-darkGrey:disabled { color: #fff; background-color: #565656; border-color: #565656; } .btn-ddbh-darkGrey:not(:disabled):not(.disabled):active, .btn-ddbh-darkGrey:not(:disabled):not(.disabled).active, .show > .btn-ddbh-darkGrey.dropdown-toggle { color: #fff; background-color: #3d3d3d; border-color: #363636; } .btn-ddbh-darkGrey:not(:disabled):not(.disabled):active:focus, .btn-ddbh-darkGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-darkGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(111, 111, 111, 0.5); } .btn-ddbh-darkerGrey { color: #fff; background-color: #343434; border-color: #343434; } .btn-ddbh-darkerGrey:hover { color: #fff; background-color: #212121; border-color: #1b1b1b; } .btn-ddbh-darkerGrey:focus, .btn-ddbh-darkerGrey.focus { color: #fff; background-color: #212121; border-color: #1b1b1b; box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); } .btn-ddbh-darkerGrey.disabled, .btn-ddbh-darkerGrey:disabled { color: #fff; background-color: #343434; border-color: #343434; } .btn-ddbh-darkerGrey:not(:disabled):not(.disabled):active, .btn-ddbh-darkerGrey:not(:disabled):not(.disabled).active, .show > .btn-ddbh-darkerGrey.dropdown-toggle { color: #fff; background-color: #1b1b1b; border-color: #141414; } .btn-ddbh-darkerGrey:not(:disabled):not(.disabled):active:focus, .btn-ddbh-darkerGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-darkerGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); } .btn-ddbh-darkBlue { color: #fff; background-color: #314149; border-color: #314149; } .btn-ddbh-darkBlue:hover { color: #fff; background-color: #222d32; border-color: #1d262a; } .btn-ddbh-darkBlue:focus, .btn-ddbh-darkBlue.focus { color: #fff; background-color: #222d32; border-color: #1d262a; box-shadow: 0 0 0 0.2rem rgba(80, 94, 100, 0.5); } .btn-ddbh-darkBlue.disabled, .btn-ddbh-darkBlue:disabled { color: #fff; background-color: #314149; border-color: #314149; } .btn-ddbh-darkBlue:not(:disabled):not(.disabled):active, .btn-ddbh-darkBlue:not(:disabled):not(.disabled).active, .show > .btn-ddbh-darkBlue.dropdown-toggle { color: #fff; background-color: #1d262a; border-color: #171f23; } .btn-ddbh-darkBlue:not(:disabled):not(.disabled):active:focus, .btn-ddbh-darkBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-darkBlue.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(80, 94, 100, 0.5); } .btn-ddbh-darkerBlue { color: #fff; background-color: #25363f; border-color: #25363f; } .btn-ddbh-darkerBlue:hover { color: #fff; background-color: #172127; border-color: #121a1f; } .btn-ddbh-darkerBlue:focus, .btn-ddbh-darkerBlue.focus { color: #fff; background-color: #172127; border-color: #121a1f; box-shadow: 0 0 0 0.2rem rgba(70, 84, 92, 0.5); } .btn-ddbh-darkerBlue.disabled, .btn-ddbh-darkerBlue:disabled { color: #fff; background-color: #25363f; border-color: #25363f; } .btn-ddbh-darkerBlue:not(:disabled):not(.disabled):active, .btn-ddbh-darkerBlue:not(:disabled):not(.disabled).active, .show > .btn-ddbh-darkerBlue.dropdown-toggle { color: #fff; background-color: #121a1f; border-color: #0d1417; } .btn-ddbh-darkerBlue:not(:disabled):not(.disabled):active:focus, .btn-ddbh-darkerBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-ddbh-darkerBlue.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(70, 84, 92, 0.5); } .btn-outline-primary { color: #E50000; border-color: #E50000; } .btn-outline-primary:hover { color: #fff; background-color: #E50000; border-color: #E50000; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #E50000; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #E50000; border-color: #E50000; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.5); } .btn-outline-secondary { color: #314149; border-color: #314149; } .btn-outline-secondary:hover { color: #fff; background-color: #314149; border-color: #314149; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #314149; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #314149; border-color: #314149; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #1068B2; border-color: #1068B2; } .btn-outline-info:hover { color: #fff; background-color: #1068B2; border-color: #1068B2; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(16, 104, 178, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #1068B2; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #1068B2; border-color: #1068B2; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(16, 104, 178, 0.5); } .btn-outline-warning { color: #F9AA25; border-color: #F9AA25; } .btn-outline-warning:hover { color: #212529; background-color: #F9AA25; border-color: #F9AA25; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(249, 170, 37, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #F9AA25; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #F9AA25; border-color: #F9AA25; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(249, 170, 37, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-tertiary { color: #333333; border-color: #333333; } .btn-outline-tertiary:hover { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-tertiary:focus, .btn-outline-tertiary.focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-tertiary.disabled, .btn-outline-tertiary:disabled { color: #333333; background-color: transparent; } .btn-outline-tertiary:not(:disabled):not(.disabled):active, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .show > .btn-outline-tertiary.dropdown-toggle { color: #fff; background-color: #333333; border-color: #333333; } .btn-outline-tertiary:not(:disabled):not(.disabled):active:focus, .btn-outline-tertiary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-tertiary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .btn-outline-quaternary { color: #4B9452; border-color: #4B9452; } .btn-outline-quaternary:hover { color: #fff; background-color: #4B9452; border-color: #4B9452; } .btn-outline-quaternary:focus, .btn-outline-quaternary.focus { box-shadow: 0 0 0 0.2rem rgba(75, 148, 82, 0.5); } .btn-outline-quaternary.disabled, .btn-outline-quaternary:disabled { color: #4B9452; background-color: transparent; } .btn-outline-quaternary:not(:disabled):not(.disabled):active, .btn-outline-quaternary:not(:disabled):not(.disabled).active, .show > .btn-outline-quaternary.dropdown-toggle { color: #fff; background-color: #4B9452; border-color: #4B9452; } .btn-outline-quaternary:not(:disabled):not(.disabled):active:focus, .btn-outline-quaternary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-quaternary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(75, 148, 82, 0.5); } .btn-outline-lightest { color: #ffffff; border-color: #ffffff; } .btn-outline-lightest:hover { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-outline-lightest:focus, .btn-outline-lightest.focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-lightest.disabled, .btn-outline-lightest:disabled { color: #ffffff; background-color: transparent; } .btn-outline-lightest:not(:disabled):not(.disabled):active, .btn-outline-lightest:not(:disabled):not(.disabled).active, .show > .btn-outline-lightest.dropdown-toggle { color: #212529; background-color: #ffffff; border-color: #ffffff; } .btn-outline-lightest:not(:disabled):not(.disabled):active:focus, .btn-outline-lightest:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-lightest.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .btn-outline-darkest { color: #000000; border-color: #000000; } .btn-outline-darkest:hover { color: #fff; background-color: #000000; border-color: #000000; } .btn-outline-darkest:focus, .btn-outline-darkest.focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-darkest.disabled, .btn-outline-darkest:disabled { color: #000000; background-color: transparent; } .btn-outline-darkest:not(:disabled):not(.disabled):active, .btn-outline-darkest:not(:disabled):not(.disabled).active, .show > .btn-outline-darkest.dropdown-toggle { color: #fff; background-color: #000000; border-color: #000000; } .btn-outline-darkest:not(:disabled):not(.disabled):active:focus, .btn-outline-darkest:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darkest.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .btn-outline-black { color: #252525; border-color: #252525; } .btn-outline-black:hover { color: #fff; background-color: #252525; border-color: #252525; } .btn-outline-black:focus, .btn-outline-black.focus { box-shadow: 0 0 0 0.2rem rgba(37, 37, 37, 0.5); } .btn-outline-black.disabled, .btn-outline-black:disabled { color: #252525; background-color: transparent; } .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle { color: #fff; background-color: #252525; border-color: #252525; } .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(37, 37, 37, 0.5); } .btn-outline-grey { color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-grey:hover { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-grey:focus, .btn-outline-grey.focus { box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .btn-outline-grey.disabled, .btn-outline-grey:disabled { color: #f3f3f3; background-color: transparent; } .btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .btn-outline-hybrid { color: #00a0f0; border-color: #00a0f0; } .btn-outline-hybrid:hover { color: #fff; background-color: #00a0f0; border-color: #00a0f0; } .btn-outline-hybrid:focus, .btn-outline-hybrid.focus { box-shadow: 0 0 0 0.2rem rgba(0, 160, 240, 0.5); } .btn-outline-hybrid.disabled, .btn-outline-hybrid:disabled { color: #00a0f0; background-color: transparent; } .btn-outline-hybrid:not(:disabled):not(.disabled):active, .btn-outline-hybrid:not(:disabled):not(.disabled).active, .show > .btn-outline-hybrid.dropdown-toggle { color: #fff; background-color: #00a0f0; border-color: #00a0f0; } .btn-outline-hybrid:not(:disabled):not(.disabled):active:focus, .btn-outline-hybrid:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-hybrid.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 160, 240, 0.5); } .btn-outline-ddbh-greyBorder { color: #e8e8e8; border-color: #e8e8e8; } .btn-outline-ddbh-greyBorder:hover { color: #212529; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-outline-ddbh-greyBorder:focus, .btn-outline-ddbh-greyBorder.focus { box-shadow: 0 0 0 0.2rem rgba(232, 232, 232, 0.5); } .btn-outline-ddbh-greyBorder.disabled, .btn-outline-ddbh-greyBorder:disabled { color: #e8e8e8; background-color: transparent; } .btn-outline-ddbh-greyBorder:not(:disabled):not(.disabled):active, .btn-outline-ddbh-greyBorder:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-greyBorder.dropdown-toggle { color: #212529; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-outline-ddbh-greyBorder:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-greyBorder:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-greyBorder.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(232, 232, 232, 0.5); } .btn-outline-ddbh-lightGrey { color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-ddbh-lightGrey:hover { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-ddbh-lightGrey:focus, .btn-outline-ddbh-lightGrey.focus { box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .btn-outline-ddbh-lightGrey.disabled, .btn-outline-ddbh-lightGrey:disabled { color: #f3f3f3; background-color: transparent; } .btn-outline-ddbh-lightGrey:not(:disabled):not(.disabled):active, .btn-outline-ddbh-lightGrey:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-lightGrey.dropdown-toggle { color: #212529; background-color: #f3f3f3; border-color: #f3f3f3; } .btn-outline-ddbh-lightGrey:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-lightGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-lightGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .btn-outline-ddbh-lighterGrey { color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-ddbh-lighterGrey:hover { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-ddbh-lighterGrey:focus, .btn-outline-ddbh-lighterGrey.focus { box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); } .btn-outline-ddbh-lighterGrey.disabled, .btn-outline-ddbh-lighterGrey:disabled { color: #f7f7f7; background-color: transparent; } .btn-outline-ddbh-lighterGrey:not(:disabled):not(.disabled):active, .btn-outline-ddbh-lighterGrey:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-lighterGrey.dropdown-toggle { color: #212529; background-color: #f7f7f7; border-color: #f7f7f7; } .btn-outline-ddbh-lighterGrey:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-lighterGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-lighterGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); } .btn-outline-ddbh-darkGrey { color: #565656; border-color: #565656; } .btn-outline-ddbh-darkGrey:hover { color: #fff; background-color: #565656; border-color: #565656; } .btn-outline-ddbh-darkGrey:focus, .btn-outline-ddbh-darkGrey.focus { box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.5); } .btn-outline-ddbh-darkGrey.disabled, .btn-outline-ddbh-darkGrey:disabled { color: #565656; background-color: transparent; } .btn-outline-ddbh-darkGrey:not(:disabled):not(.disabled):active, .btn-outline-ddbh-darkGrey:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-darkGrey.dropdown-toggle { color: #fff; background-color: #565656; border-color: #565656; } .btn-outline-ddbh-darkGrey:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-darkGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-darkGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.5); } .btn-outline-ddbh-darkerGrey { color: #343434; border-color: #343434; } .btn-outline-ddbh-darkerGrey:hover { color: #fff; background-color: #343434; border-color: #343434; } .btn-outline-ddbh-darkerGrey:focus, .btn-outline-ddbh-darkerGrey.focus { box-shadow: 0 0 0 0.2rem rgba(52, 52, 52, 0.5); } .btn-outline-ddbh-darkerGrey.disabled, .btn-outline-ddbh-darkerGrey:disabled { color: #343434; background-color: transparent; } .btn-outline-ddbh-darkerGrey:not(:disabled):not(.disabled):active, .btn-outline-ddbh-darkerGrey:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-darkerGrey.dropdown-toggle { color: #fff; background-color: #343434; border-color: #343434; } .btn-outline-ddbh-darkerGrey:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-darkerGrey:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-darkerGrey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 52, 52, 0.5); } .btn-outline-ddbh-darkBlue { color: #314149; border-color: #314149; } .btn-outline-ddbh-darkBlue:hover { color: #fff; background-color: #314149; border-color: #314149; } .btn-outline-ddbh-darkBlue:focus, .btn-outline-ddbh-darkBlue.focus { box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .btn-outline-ddbh-darkBlue.disabled, .btn-outline-ddbh-darkBlue:disabled { color: #314149; background-color: transparent; } .btn-outline-ddbh-darkBlue:not(:disabled):not(.disabled):active, .btn-outline-ddbh-darkBlue:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-darkBlue.dropdown-toggle { color: #fff; background-color: #314149; border-color: #314149; } .btn-outline-ddbh-darkBlue:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-darkBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-darkBlue.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .btn-outline-ddbh-darkerBlue { color: #25363f; border-color: #25363f; } .btn-outline-ddbh-darkerBlue:hover { color: #fff; background-color: #25363f; border-color: #25363f; } .btn-outline-ddbh-darkerBlue:focus, .btn-outline-ddbh-darkerBlue.focus { box-shadow: 0 0 0 0.2rem rgba(37, 54, 63, 0.5); } .btn-outline-ddbh-darkerBlue.disabled, .btn-outline-ddbh-darkerBlue:disabled { color: #25363f; background-color: transparent; } .btn-outline-ddbh-darkerBlue:not(:disabled):not(.disabled):active, .btn-outline-ddbh-darkerBlue:not(:disabled):not(.disabled).active, .show > .btn-outline-ddbh-darkerBlue.dropdown-toggle { color: #fff; background-color: #25363f; border-color: #25363f; } .btn-outline-ddbh-darkerBlue:not(:disabled):not(.disabled):active:focus, .btn-outline-ddbh-darkerBlue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-ddbh-darkerBlue.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(37, 54, 63, 0.5); } .btn-link { font-weight: 400; color: #E50000; text-decoration: none; } .btn-link:hover { color: #E50000; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1900px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #E50000; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #E50000; background-color: #E50000; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ff6666; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #ff9999; border-color: #ff9999; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #E50000; background-color: #E50000; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(229, 0, 0, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(229, 0, 0, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(229, 0, 0, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(229, 0, 0, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #ff6666; outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #ff6666; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #E50000; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #ff9999; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #E50000; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #ff9999; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #E50000; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #ff9999; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #E50000; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (max-width: 1899.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { padding-right: 0; padding-left: 0; } } @media (min-width: 1900px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl { flex-wrap: nowrap; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #E50000; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #E50000; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #E50000; border-color: #E50000; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #E50000; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #b20000; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(229, 0, 0, 0.5); } .badge-secondary { color: #fff; background-color: #314149; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #1d262a; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #1068B2; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0c4d83; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(16, 104, 178, 0.5); } .badge-warning { color: #212529; background-color: #F9AA25; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #e59206; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(249, 170, 37, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .badge-tertiary { color: #fff; background-color: #333333; } a.badge-tertiary:hover, a.badge-tertiary:focus { color: #fff; background-color: #1a1a1a; } a.badge-tertiary:focus, a.badge-tertiary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(51, 51, 51, 0.5); } .badge-quaternary { color: #fff; background-color: #4B9452; } a.badge-quaternary:hover, a.badge-quaternary:focus { color: #fff; background-color: #3a723f; } a.badge-quaternary:focus, a.badge-quaternary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(75, 148, 82, 0.5); } .badge-lightest { color: #212529; background-color: #ffffff; } a.badge-lightest:hover, a.badge-lightest:focus { color: #212529; background-color: #e6e6e6; } a.badge-lightest:focus, a.badge-lightest.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); } .badge-darkest { color: #fff; background-color: #000000; } a.badge-darkest:hover, a.badge-darkest:focus { color: #fff; background-color: black; } a.badge-darkest:focus, a.badge-darkest.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); } .badge-black { color: #fff; background-color: #252525; } a.badge-black:hover, a.badge-black:focus { color: #fff; background-color: #0c0c0c; } a.badge-black:focus, a.badge-black.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(37, 37, 37, 0.5); } .badge-grey { color: #212529; background-color: #f3f3f3; } a.badge-grey:hover, a.badge-grey:focus { color: #212529; background-color: #dadada; } a.badge-grey:focus, a.badge-grey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .badge-hybrid { color: #fff; background-color: #00a0f0; } a.badge-hybrid:hover, a.badge-hybrid:focus { color: #fff; background-color: #007ebd; } a.badge-hybrid:focus, a.badge-hybrid.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 160, 240, 0.5); } .badge-ddbh-greyBorder { color: #212529; background-color: #e8e8e8; } a.badge-ddbh-greyBorder:hover, a.badge-ddbh-greyBorder:focus { color: #212529; background-color: #cfcfcf; } a.badge-ddbh-greyBorder:focus, a.badge-ddbh-greyBorder.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(232, 232, 232, 0.5); } .badge-ddbh-lightGrey { color: #212529; background-color: #f3f3f3; } a.badge-ddbh-lightGrey:hover, a.badge-ddbh-lightGrey:focus { color: #212529; background-color: #dadada; } a.badge-ddbh-lightGrey:focus, a.badge-ddbh-lightGrey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5); } .badge-ddbh-lighterGrey { color: #212529; background-color: #f7f7f7; } a.badge-ddbh-lighterGrey:hover, a.badge-ddbh-lighterGrey:focus { color: #212529; background-color: #dedede; } a.badge-ddbh-lighterGrey:focus, a.badge-ddbh-lighterGrey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(247, 247, 247, 0.5); } .badge-ddbh-darkGrey { color: #fff; background-color: #565656; } a.badge-ddbh-darkGrey:hover, a.badge-ddbh-darkGrey:focus { color: #fff; background-color: #3d3d3d; } a.badge-ddbh-darkGrey:focus, a.badge-ddbh-darkGrey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(86, 86, 86, 0.5); } .badge-ddbh-darkerGrey { color: #fff; background-color: #343434; } a.badge-ddbh-darkerGrey:hover, a.badge-ddbh-darkerGrey:focus { color: #fff; background-color: #1b1b1b; } a.badge-ddbh-darkerGrey:focus, a.badge-ddbh-darkerGrey.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 52, 52, 0.5); } .badge-ddbh-darkBlue { color: #fff; background-color: #314149; } a.badge-ddbh-darkBlue:hover, a.badge-ddbh-darkBlue:focus { color: #fff; background-color: #1d262a; } a.badge-ddbh-darkBlue:focus, a.badge-ddbh-darkBlue.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(49, 65, 73, 0.5); } .badge-ddbh-darkerBlue { color: #fff; background-color: #25363f; } a.badge-ddbh-darkerBlue:hover, a.badge-ddbh-darkerBlue:focus { color: #fff; background-color: #121a1f; } a.badge-ddbh-darkerBlue:focus, a.badge-ddbh-darkerBlue.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(37, 54, 63, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #770000; background-color: #facccc; border-color: #f8b8b8; } .alert-primary hr { border-top-color: #f6a1a1; } .alert-primary .alert-link { color: #440000; } .alert-secondary { color: #192226; background-color: #d6d9db; border-color: #c5cacc; } .alert-secondary hr { border-top-color: #b7bec0; } .alert-secondary .alert-link { color: #050607; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #08365d; background-color: #cfe1f0; border-color: #bcd5e9; } .alert-info hr { border-top-color: #a9c9e3; } .alert-info .alert-link { color: #041b2e; } .alert-warning { color: #815813; background-color: #feeed3; border-color: #fde7c2; } .alert-warning hr { border-top-color: #fcdda9; } .alert-warning .alert-link { color: #553a0c; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .alert-tertiary { color: #1b1b1b; background-color: #d6d6d6; border-color: #c6c6c6; } .alert-tertiary hr { border-top-color: #b9b9b9; } .alert-tertiary .alert-link { color: #020202; } .alert-quaternary { color: #274d2b; background-color: #dbeadc; border-color: #cde1cf; } .alert-quaternary hr { border-top-color: #bdd7c0; } .alert-quaternary .alert-link { color: #162b18; } .alert-lightest { color: #858585; background-color: white; border-color: white; } .alert-lightest hr { border-top-color: #f2f2f2; } .alert-lightest .alert-link { color: #6c6c6c; } .alert-darkest { color: black; background-color: #cccccc; border-color: #b8b8b8; } .alert-darkest hr { border-top-color: #ababab; } .alert-darkest .alert-link { color: black; } .alert-black { color: #131313; background-color: lightgray; border-color: #c2c2c2; } .alert-black hr { border-top-color: #b5b5b5; } .alert-black .alert-link { color: black; } .alert-grey { color: #7e7e7e; background-color: #fdfdfd; border-color: #fcfcfc; } .alert-grey hr { border-top-color: #efefef; } .alert-grey .alert-link { color: #656565; } .alert-hybrid { color: #00537d; background-color: #ccecfc; border-color: #b8e4fb; } .alert-hybrid hr { border-top-color: #a0dbfa; } .alert-hybrid .alert-link { color: #00314a; } .alert-ddbh-greyBorder { color: #797979; background-color: #fafafa; border-color: #f9f9f9; } .alert-ddbh-greyBorder hr { border-top-color: #ececec; } .alert-ddbh-greyBorder .alert-link { color: #606060; } .alert-ddbh-lightGrey { color: #7e7e7e; background-color: #fdfdfd; border-color: #fcfcfc; } .alert-ddbh-lightGrey hr { border-top-color: #efefef; } .alert-ddbh-lightGrey .alert-link { color: #656565; } .alert-ddbh-lighterGrey { color: gray; background-color: #fdfdfd; border-color: #fdfdfd; } .alert-ddbh-lighterGrey hr { border-top-color: #f0f0f0; } .alert-ddbh-lighterGrey .alert-link { color: #676767; } .alert-ddbh-darkGrey { color: #2d2d2d; background-color: #dddddd; border-color: #d0d0d0; } .alert-ddbh-darkGrey hr { border-top-color: #c3c3c3; } .alert-ddbh-darkGrey .alert-link { color: #141414; } .alert-ddbh-darkerGrey { color: #1b1b1b; background-color: #d6d6d6; border-color: #c6c6c6; } .alert-ddbh-darkerGrey hr { border-top-color: #b9b9b9; } .alert-ddbh-darkerGrey .alert-link { color: #020202; } .alert-ddbh-darkBlue { color: #192226; background-color: #d6d9db; border-color: #c5cacc; } .alert-ddbh-darkBlue hr { border-top-color: #b7bec0; } .alert-ddbh-darkBlue .alert-link { color: #050607; } .alert-ddbh-darkerBlue { color: #131c21; background-color: #d3d7d9; border-color: #c2c7c9; } .alert-ddbh-darkerBlue hr { border-top-color: #b4bbbd; } .alert-ddbh-darkerBlue .alert-link { color: #000101; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #E50000; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #E50000; border-color: #E50000; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal .list-group-item.active { margin-top: 0; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md .list-group-item.active { margin-top: 0; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1900px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } .list-group-flush .list-group-item:first-child { border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #770000; background-color: #f8b8b8; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #770000; background-color: #f6a1a1; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #770000; border-color: #770000; } .list-group-item-secondary { color: #192226; background-color: #c5cacc; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #192226; background-color: #b7bec0; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #192226; border-color: #192226; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #08365d; background-color: #bcd5e9; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #08365d; background-color: #a9c9e3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #08365d; border-color: #08365d; } .list-group-item-warning { color: #815813; background-color: #fde7c2; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #815813; background-color: #fcdda9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #815813; border-color: #815813; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .list-group-item-tertiary { color: #1b1b1b; background-color: #c6c6c6; } .list-group-item-tertiary.list-group-item-action:hover, .list-group-item-tertiary.list-group-item-action:focus { color: #1b1b1b; background-color: #b9b9b9; } .list-group-item-tertiary.list-group-item-action.active { color: #fff; background-color: #1b1b1b; border-color: #1b1b1b; } .list-group-item-quaternary { color: #274d2b; background-color: #cde1cf; } .list-group-item-quaternary.list-group-item-action:hover, .list-group-item-quaternary.list-group-item-action:focus { color: #274d2b; background-color: #bdd7c0; } .list-group-item-quaternary.list-group-item-action.active { color: #fff; background-color: #274d2b; border-color: #274d2b; } .list-group-item-lightest { color: #858585; background-color: white; } .list-group-item-lightest.list-group-item-action:hover, .list-group-item-lightest.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-lightest.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-darkest { color: black; background-color: #b8b8b8; } .list-group-item-darkest.list-group-item-action:hover, .list-group-item-darkest.list-group-item-action:focus { color: black; background-color: #ababab; } .list-group-item-darkest.list-group-item-action.active { color: #fff; background-color: black; border-color: black; } .list-group-item-black { color: #131313; background-color: #c2c2c2; } .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus { color: #131313; background-color: #b5b5b5; } .list-group-item-black.list-group-item-action.active { color: #fff; background-color: #131313; border-color: #131313; } .list-group-item-grey { color: #7e7e7e; background-color: #fcfcfc; } .list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus { color: #7e7e7e; background-color: #efefef; } .list-group-item-grey.list-group-item-action.active { color: #fff; background-color: #7e7e7e; border-color: #7e7e7e; } .list-group-item-hybrid { color: #00537d; background-color: #b8e4fb; } .list-group-item-hybrid.list-group-item-action:hover, .list-group-item-hybrid.list-group-item-action:focus { color: #00537d; background-color: #a0dbfa; } .list-group-item-hybrid.list-group-item-action.active { color: #fff; background-color: #00537d; border-color: #00537d; } .list-group-item-ddbh-greyBorder { color: #797979; background-color: #f9f9f9; } .list-group-item-ddbh-greyBorder.list-group-item-action:hover, .list-group-item-ddbh-greyBorder.list-group-item-action:focus { color: #797979; background-color: #ececec; } .list-group-item-ddbh-greyBorder.list-group-item-action.active { color: #fff; background-color: #797979; border-color: #797979; } .list-group-item-ddbh-lightGrey { color: #7e7e7e; background-color: #fcfcfc; } .list-group-item-ddbh-lightGrey.list-group-item-action:hover, .list-group-item-ddbh-lightGrey.list-group-item-action:focus { color: #7e7e7e; background-color: #efefef; } .list-group-item-ddbh-lightGrey.list-group-item-action.active { color: #fff; background-color: #7e7e7e; border-color: #7e7e7e; } .list-group-item-ddbh-lighterGrey { color: gray; background-color: #fdfdfd; } .list-group-item-ddbh-lighterGrey.list-group-item-action:hover, .list-group-item-ddbh-lighterGrey.list-group-item-action:focus { color: gray; background-color: #f0f0f0; } .list-group-item-ddbh-lighterGrey.list-group-item-action.active { color: #fff; background-color: gray; border-color: gray; } .list-group-item-ddbh-darkGrey { color: #2d2d2d; background-color: #d0d0d0; } .list-group-item-ddbh-darkGrey.list-group-item-action:hover, .list-group-item-ddbh-darkGrey.list-group-item-action:focus { color: #2d2d2d; background-color: #c3c3c3; } .list-group-item-ddbh-darkGrey.list-group-item-action.active { color: #fff; background-color: #2d2d2d; border-color: #2d2d2d; } .list-group-item-ddbh-darkerGrey { color: #1b1b1b; background-color: #c6c6c6; } .list-group-item-ddbh-darkerGrey.list-group-item-action:hover, .list-group-item-ddbh-darkerGrey.list-group-item-action:focus { color: #1b1b1b; background-color: #b9b9b9; } .list-group-item-ddbh-darkerGrey.list-group-item-action.active { color: #fff; background-color: #1b1b1b; border-color: #1b1b1b; } .list-group-item-ddbh-darkBlue { color: #192226; background-color: #c5cacc; } .list-group-item-ddbh-darkBlue.list-group-item-action:hover, .list-group-item-ddbh-darkBlue.list-group-item-action:focus { color: #192226; background-color: #b7bec0; } .list-group-item-ddbh-darkBlue.list-group-item-action.active { color: #fff; background-color: #192226; border-color: #192226; } .list-group-item-ddbh-darkerBlue { color: #131c21; background-color: #c2c7c9; } .list-group-item-ddbh-darkerBlue.list-group-item-action:hover, .list-group-item-ddbh-darkerBlue.list-group-item-action:focus { color: #131c21; background-color: #b4bbbd; } .list-group-item-ddbh-darkerBlue.list-group-item-action.active { color: #fff; background-color: #131c21; border-color: #131c21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "toyotadisplay", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "toyotadisplay", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #E50000 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #b20000 !important; } .bg-secondary { background-color: #314149 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #1d262a !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #1068B2 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0c4d83 !important; } .bg-warning { background-color: #F9AA25 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e59206 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-tertiary { background-color: #333333 !important; } a.bg-tertiary:hover, a.bg-tertiary:focus, button.bg-tertiary:hover, button.bg-tertiary:focus { background-color: #1a1a1a !important; } .bg-quaternary { background-color: #4B9452 !important; } a.bg-quaternary:hover, a.bg-quaternary:focus, button.bg-quaternary:hover, button.bg-quaternary:focus { background-color: #3a723f !important; } .bg-lightest { background-color: #ffffff !important; } a.bg-lightest:hover, a.bg-lightest:focus, button.bg-lightest:hover, button.bg-lightest:focus { background-color: #e6e6e6 !important; } .bg-darkest { background-color: #000000 !important; } a.bg-darkest:hover, a.bg-darkest:focus, button.bg-darkest:hover, button.bg-darkest:focus { background-color: black !important; } .bg-black { background-color: #252525 !important; } a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: #0c0c0c !important; } .bg-grey { background-color: #f3f3f3 !important; } a.bg-grey:hover, a.bg-grey:focus, button.bg-grey:hover, button.bg-grey:focus { background-color: #dadada !important; } .bg-hybrid { background-color: #00a0f0 !important; } a.bg-hybrid:hover, a.bg-hybrid:focus, button.bg-hybrid:hover, button.bg-hybrid:focus { background-color: #007ebd !important; } .bg-ddbh-greyBorder { background-color: #e8e8e8 !important; } a.bg-ddbh-greyBorder:hover, a.bg-ddbh-greyBorder:focus, button.bg-ddbh-greyBorder:hover, button.bg-ddbh-greyBorder:focus { background-color: #cfcfcf !important; } .bg-ddbh-lightGrey { background-color: #f3f3f3 !important; } a.bg-ddbh-lightGrey:hover, a.bg-ddbh-lightGrey:focus, button.bg-ddbh-lightGrey:hover, button.bg-ddbh-lightGrey:focus { background-color: #dadada !important; } .bg-ddbh-lighterGrey { background-color: #f7f7f7 !important; } a.bg-ddbh-lighterGrey:hover, a.bg-ddbh-lighterGrey:focus, button.bg-ddbh-lighterGrey:hover, button.bg-ddbh-lighterGrey:focus { background-color: #dedede !important; } .bg-ddbh-darkGrey { background-color: #565656 !important; } a.bg-ddbh-darkGrey:hover, a.bg-ddbh-darkGrey:focus, button.bg-ddbh-darkGrey:hover, button.bg-ddbh-darkGrey:focus { background-color: #3d3d3d !important; } .bg-ddbh-darkerGrey { background-color: #343434 !important; } a.bg-ddbh-darkerGrey:hover, a.bg-ddbh-darkerGrey:focus, button.bg-ddbh-darkerGrey:hover, button.bg-ddbh-darkerGrey:focus { background-color: #1b1b1b !important; } .bg-ddbh-darkBlue { background-color: #314149 !important; } a.bg-ddbh-darkBlue:hover, a.bg-ddbh-darkBlue:focus, button.bg-ddbh-darkBlue:hover, button.bg-ddbh-darkBlue:focus { background-color: #1d262a !important; } .bg-ddbh-darkerBlue { background-color: #25363f !important; } a.bg-ddbh-darkerBlue:hover, a.bg-ddbh-darkerBlue:focus, button.bg-ddbh-darkerBlue:hover, button.bg-ddbh-darkerBlue:focus { background-color: #121a1f !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #E50000 !important; } .border-secondary { border-color: #314149 !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #1068B2 !important; } .border-warning { border-color: #F9AA25 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-tertiary { border-color: #333333 !important; } .border-quaternary { border-color: #4B9452 !important; } .border-lightest { border-color: #ffffff !important; } .border-darkest { border-color: #000000 !important; } .border-black { border-color: #252525 !important; } .border-grey { border-color: #f3f3f3 !important; } .border-hybrid { border-color: #00a0f0 !important; } .border-ddbh-greyBorder { border-color: #e8e8e8 !important; } .border-ddbh-lightGrey { border-color: #f3f3f3 !important; } .border-ddbh-lighterGrey { border-color: #f7f7f7 !important; } .border-ddbh-darkGrey { border-color: #565656 !important; } .border-ddbh-darkerGrey { border-color: #343434 !important; } .border-ddbh-darkBlue { border-color: #314149 !important; } .border-ddbh-darkerBlue { border-color: #25363f !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1900px) { .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1900px) { .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1900px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .vehicleDetail #carDetailContent .carSpecs .carSpec, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1900px) { .m-xxl-0 { margin: 0 !important; } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; } .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; } .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; } .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; } .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; } .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; } .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; } .p-xxl-0 { padding: 0 !important; } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; } .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; } .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; } .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; } .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; } .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; } .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; } .m-xxl-n1 { margin: -0.25rem !important; } .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; } .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; } .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; } .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; } .m-xxl-n2 { margin: -0.5rem !important; } .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; } .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; } .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; } .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; } .m-xxl-n3 { margin: -1rem !important; } .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; } .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; } .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; } .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; } .m-xxl-n4 { margin: -1.5rem !important; } .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; } .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; } .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; } .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; } .m-xxl-n5 { margin: -3rem !important; } .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; } .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; } .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; } .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; } .m-xxl-auto { margin: auto !important; } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; } .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1900px) { .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #E50000 !important; } a.text-primary:hover, a.text-primary:focus { color: #990000 !important; } .text-secondary { color: #314149 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #12181b !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #1068B2 !important; } a.text-info:hover, a.text-info:focus { color: #0a3f6c !important; } .text-warning { color: #F9AA25 !important; } a.text-warning:hover, a.text-warning:focus { color: #cc8206 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-tertiary { color: #333333 !important; } a.text-tertiary:hover, a.text-tertiary:focus { color: #0d0d0d !important; } .text-quaternary { color: #4B9452 !important; } a.text-quaternary:hover, a.text-quaternary:focus { color: #316136 !important; } .text-lightest { color: #ffffff !important; } a.text-lightest:hover, a.text-lightest:focus { color: #d9d9d9 !important; } .text-darkest { color: #000000 !important; } a.text-darkest:hover, a.text-darkest:focus { color: black !important; } .text-black { color: #252525 !important; } a.text-black:hover, a.text-black:focus { color: black !important; } .text-grey { color: #f3f3f3 !important; } a.text-grey:hover, a.text-grey:focus { color: #cdcdcd !important; } .text-hybrid { color: #00a0f0 !important; } a.text-hybrid:hover, a.text-hybrid:focus { color: #006da4 !important; } .text-ddbh-greyBorder { color: #e8e8e8 !important; } a.text-ddbh-greyBorder:hover, a.text-ddbh-greyBorder:focus { color: #c2c2c2 !important; } .text-ddbh-lightGrey { color: #f3f3f3 !important; } a.text-ddbh-lightGrey:hover, a.text-ddbh-lightGrey:focus { color: #cdcdcd !important; } .text-ddbh-lighterGrey { color: #f7f7f7 !important; } a.text-ddbh-lighterGrey:hover, a.text-ddbh-lighterGrey:focus { color: #d1d1d1 !important; } .text-ddbh-darkGrey { color: #565656 !important; } a.text-ddbh-darkGrey:hover, a.text-ddbh-darkGrey:focus { color: #303030 !important; } .text-ddbh-darkerGrey { color: #343434 !important; } a.text-ddbh-darkerGrey:hover, a.text-ddbh-darkerGrey:focus { color: #0e0e0e !important; } .text-ddbh-darkBlue { color: #314149 !important; } a.text-ddbh-darkBlue:hover, a.text-ddbh-darkBlue:focus { color: #12181b !important; } .text-ddbh-darkerBlue { color: #25363f !important; } a.text-ddbh-darkerBlue:hover, a.text-ddbh-darkerBlue:focus { color: #090d0f !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /* Add XXL breakpoint to bootstrap */ @media (min-width: 1900px) { .container { width: container-max-widths(xxl); } } /* Add text colors */ .energyLabel { position: relative; top: -10em; display: inline-block; height: 1.2em; box-sizing: border-box; width: 2.5em; padding-left: 3px; line-height: 1.2em; color: #fff; margin-left: 0px; font-family: Arial, sans-serif; font-size: 0.7em; font-weight: 700; } .energyLabel::after { content: ""; border-left: .6em solid #000; border-top: .6em solid transparent; border-bottom: .6em solid transparent; border-right: 0; position: absolute; height: 1.2em; right: -.6em; top: 0; } .energyLabel.APlusPlusPlus { background-color: #63aa5a; border-color: #63aa5a; } .energyLabel.APlusPlusPlus::after { border-left-color: #63aa5a; } .energyLabel.APlusPlus { background-color: #7bae4a; border-color: #7bae4a; } .energyLabel.APlusPlus::after { border-left-color: #7bae4a; } .energyLabel.APlus { background-color: #bdd342; border-color: #bdd342; } .energyLabel.APlus::after { border-left-color: #bdd342; } .energyLabel.A { background-color: #ffe731; border-color: #ffe731; } .energyLabel.A::after { border-left-color: #ffe731; } .energyLabel.B { background-color: #fdb813; border-color: #fdb813; } .energyLabel.B::after { border-left-color: #fdb813; } .energyLabel.C { background-color: #f36f21; border-color: #f36f21; } .energyLabel.C::after { border-left-color: #f36f21; } .energyLabel.D { background-color: #ed1c24; border-color: #ed1c24; } .energyLabel.D::after { border-left-color: #ed1c24; } .energyLabel.E { background-color: #ed1c24; border-color: #ed1c24; } .energyLabel.E::after { border-left-color: #ed1c24; } .energyLabel.F { background-color: #ed1c24; border-color: #ed1c24; } .energyLabel.F::after { border-left-color: #ed1c24; } .energyLabel.G { background-color: #ed1c24; border-color: #ed1c24; } .energyLabel.G::after { border-left-color: #ed1c24; } .overflow-hidden { overflow: hidden; } a .bticon { color: #E50000; transition: background linear .3s, color linear .3s, border-color linear .3s; } a .bticon.circle { border-color: #E50000; } a .bticon.circle.filled { color: #ffffff; background-color: #E50000; } a:hover .bticon { color: #990000; } a:hover .bticon.circle { border-color: #990000; } a:hover .bticon.circle.filled { color: #ffffff; background-color: #990000; } .cta .bticon { font-size: 1.2em; line-height: 1.6; } .cta .bticon.circle { width: 2.1em; height: 2.1em; margin: 0 0 4px 0; } .cta p { margin-bottom: 0px; font-size: 0.8em; } .img-responsive { width: 100%; display: block; } #content { /*padding-bottom: $grid-gutter-width;*/ } .contentBox { border: solid 2px #e9ecef; } .contentBox.thin { border-width: 1px; } .contentBox.gray { background-color: #f8f9fa; border: solid 1px #e9ecef; } .cta { font-weight: 700; color: #000; } .enableCursorPointer { cursor: pointer !important; } ::selection { background: #E50000; /* WebKit/Blink Browsers */ color: #ffffff; } ::-moz-selection { background: #E50000; /* Gecko Browsers */ color: #ffffff; } html button:focus { outline: 5px auto #E50000 !important; } .collapsedContent { position: relative; overflow: hidden; } .collapsedContent .overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 30%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 30%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .collapseToggle { background-color: #e9ecef; display: block; } .collapseToggle span { font-size: 0.7em; font-weight: 600; } .collapseToggle > span:last-child { display: none; } .collapseToggle.expanded > span:first-child { display: none; } .collapseToggle.expanded > span:last-child { display: initial; } .jssocials-share-link { border-radius: 50%; } #content > div, #content > div > div { background-repeat: no-repeat; background-position: center; background-size: cover; } .fullwidth { overflow: hidden; } .btn { padding: 0.7rem 1.3rem; } @media (max-width: 991.98px) { .grid-content .col, .grid-content .col-12 { flex: none; max-width: 100%; } } /* This style is used both by the frontend and Umbraco backoffice - make sure it only contains text styles. */ /**umb_name:Overskrift 1*/ h1 { font-size: 2.250em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } /**umb_name:Overskrift 2*/ h2 { font-size: 1.625em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; font-size: 2rem; } /**umb_name:Overskrift 3*/ h3 { font-size: 1.250em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } /**umb_name:Overskrift 4*/ h4 { font-size: 1.125em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } /**umb_name:Overskrift 5*/ h5 { font-size: 1em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } /**umb_name:Overskrift 6*/ h6 { font-size: 0.875em !important; line-height: 1.625em !important; margin-bottom: 0.8em; font-family: "toyotadisplay", sans-serif; font-weight: 500; line-height: 1.2; } /**umb_name:Tekst sort*/ p { font-family: "toyotadisplay", sans-serif; font-size: 1em; font-weight: 400; line-height: 1.5; } /**umb_name:Primær farve*/ .text-primary { color: #E50000; } .text-primary .bticon.rounded, .text-primary .bticon.circle { border-color: #E50000; } .text-primary .bticon.rounded.filled, .text-primary .bticon.circle.filled { background-color: #E50000; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Sekundær farve*/ .text-secondary { color: #314149; } .text-secondary .bticon.rounded, .text-secondary .bticon.circle { border-color: #314149; } .text-secondary .bticon.rounded.filled, .text-secondary .bticon.circle.filled { background-color: #314149; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Tertiær farve*/ .text-tertiary { color: #333333; } .text-tertiary .bticon.rounded, .text-tertiary .bticon.circle { border-color: #333333; } .text-tertiary .bticon.rounded.filled, .text-tertiary .bticon.circle.filled { background-color: #333333; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Kvartær farve*/ .text-quaternary { color: #4B9452; } .text-quaternary .bticon.rounded, .text-quaternary .bticon.circle { border-color: #4B9452; } .text-quaternary .bticon.rounded.filled, .text-quaternary .bticon.circle.filled { background-color: #4B9452; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Blå farve*/ .text-blue { color: #337ab7; } .text-blue .bticon.rounded, .text-blue .bticon.circle { border-color: #337ab7; } .text-blue .bticon.rounded.filled, .text-blue .bticon.circle.filled { background-color: #337ab7; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Grøn farve*/ .text-green { color: #5cb85c; } .text-green .bticon.rounded, .text-green .bticon.circle { border-color: #5cb85c; } .text-green .bticon.rounded.filled, .text-green .bticon.circle.filled { background-color: #5cb85c; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Rød farve*/ .text-red { color: #d9534f; } .text-red .bticon.rounded, .text-red .bticon.circle { border-color: #d9534f; } .text-red .bticon.rounded.filled, .text-red .bticon.circle.filled { background-color: #d9534f; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Gul farve*/ .text-yellow { color: #f0ad4e; } .text-yellow .bticon.rounded, .text-yellow .bticon.circle { border-color: #f0ad4e; } .text-yellow .bticon.rounded.filled, .text-yellow .bticon.circle.filled { background-color: #f0ad4e; color: #000000; /* TODO: This should be calculated */ } /**umb_name:Sort farve*/ .text-black { color: #000000; } .text-black .bticon.rounded, .text-black .bticon.circle { border-color: #000000; } .text-black .bticon.rounded.filled, .text-black .bticon.circle.filled { background-color: #000000; color: #ffffff; /* TODO: This should be calculated */ } /**umb_name:Grå farve*/ .text-gray { color: #adb5bd; } .text-gray .bticon.rounded, .text-gray .bticon.circle { border-color: #adb5bd; } .text-gray .bticon.rounded.filled, .text-gray .bticon.circle.filled { background-color: #adb5bd; color: #000000; /* TODO: This should be calculated */ } /**umb_name:Hvid farve*/ .text-white { color: #ffffff; } .text-white .bticon.rounded, .text-white .bticon.circle { border-color: #ffffff; } .text-white .bticon.rounded.filled, .text-white .bticon.circle.filled { background-color: #ffffff; color: #000000; /* TODO: This should be calculated */ } a:hover { text-decoration: none; } a .bticon.rounded, a .bticon.circle { border-color: #E50000; } a .bticon.rounded.filled, a .bticon.circle.filled { background-color: #E50000; color: #ffffff; /* TODO: This should be calculated */ } .categoryName { text-transform: uppercase; color: #adb5bd; } .grid-content ul { list-style-position: inside; } form .form-group .form-control:not(textarea) { height: calc(3rem + 2px); padding: 0.5rem 1rem; color: #000; background-clip: padding-box; border: 1px solid #ced4da; /*border-radius: 0rem;*/ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } form .form-group input[readonly].bg-white { background: #ffffff; } form .form-group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Some browsers will not display the caret when using calc, so we put the fallback first */ background: url("/Icons/br_down.png") white no-repeat 98.5%; /* !important used for overriding all other customisations */ background: url("/Icons/br_down.png") white no-repeat calc(100% - 10px); /* Better placement regardless of input width */ } form .form-group select[disabled] { background: #e9ecef; opacity: 1; } form .form-group .g-recaptcha { transform: scale(0.8) !important; -webkit-transform: scale(0.8) !important; transform-origin: 0 0 !important; -webkit-transform-origin: 0 0 !important; } form .form-group .field-validation-error { color: #dc3545; } form .form-group .input-group-prepend { border: 1px solid #ced4da; padding: 0.5rem 1rem; margin: 0; border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } form .form-group .input-group-prepend .btn { padding: 0; } form .form-group .field-validation-error { flex: 0 0 100%; } form .form-group .field-validation-valid { display: none; } form .umbraco-forms-page fieldset { padding: 1em 0 0 0; } form .umbraco-forms-page .btn-outline-secondary { border-color: #ced4da; } form .umbraco-forms-page .umbraco-forms-navigation { float: right; width: 100%; } form .umbraco-forms-page .umbraco-forms-navigation > div { padding: 0; } form .umbraco-forms-page .umbraco-forms-navigation > div .btn-primary { width: 100%; } form .umbraco-forms-page .checkboxlist label { float: none; } form .umbraco-forms-page .checkbox { padding: 0; } form .form-error { padding: 15px; margin: 0 0 15px 0; border: 1px solid #ff0000; background-color: #fc9393; font-weight: bold; } form .form-error ul { list-style: none; margin: 0; padding: 0; font-weight: normal; } /* IE adds its own dropdown icon */ html.ie form .form-group select { background: none; } #content { /** .image-left { position: relative; left: 0%; } .image-top { position: relative; top: 0%; } .image-center { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .image-right { position: relative; left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .image-middle { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .image-bottom { position: relative; top: 100%; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .image-center.image-middle { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-center.image-bottom { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); } .image-right.image-middle { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .image-right.image-bottom { -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } /**/ } #content img { max-width: 100%; /* this fixes images coming from RTE int their original sizes. */ } #content .zoomHover { /** .image-center { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } .image-right { -webkit-transform: translateX(-100%) scale(1); transform: translateX(-100%) scale(1); } .image-middle { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .image-bottom { -webkit-transform: translateY(-100%) scale(1); transform: translateY(-100%) scale(1); } .image-center.image-middle { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .image-center.image-bottom { -webkit-transform: translate(-50%, -100%) scale(1); transform: translate(-50%, -100%) scale(1); } .image-right.image-middle { -webkit-transform: translate(-100%, -50%) scale(1); transform: translate(-100%, -50%) scale(1); } .image-right.image-bottom { -webkit-transform: translate(-100%, -100%) scale(1); transform: translate(-100%, -100%) scale(1); } /**/ } #content .zoomHover img { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } #content .zoomHover:hover { /** .image-center { -webkit-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } .image-right { -webkit-transform: translateX(-100%) scale(1.1); transform: translateX(-100%) scale(1.1); } .image-middle { -webkit-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } .image-bottom { -webkit-transform: translateY(-100%) scale(1.1); transform: translateY(-100%) scale(1.1); } .image-center.image-middle { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .image-center.image-bottom { -webkit-transform: translate(-50%, -100%) scale(1.1); transform: translate(-50%, -100%) scale(1.1); } .image-right.image-middle { -webkit-transform: translate(-100%, -50%) scale(1.1); transform: translate(-100%, -50%) scale(1.1); } .image-right.image-bottom { -webkit-transform: translate(-100%, -100%) scale(1.1); transform: translate(-100%, -100%) scale(1.1); } /**/ } #content .zoomHover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } /** .ie { #content { .image-top { top: auto; } .image-middle { top: auto; transform: none; } .image-bottom { top: auto; transform: none; } .image-center.image-middle { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .image-center.image-bottom { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } .image-right.image-middle { -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } .image-right.image-bottom { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } .zoomHover { .image-center.image-middle { -webkit-transform: translate(-50%, 0%) scale(1); transform: translate(-50%, 0%) scale(1); } .image-center.image-bottom { -webkit-transform: translate(-100%, 0%) scale(1); transform: translate(-100%, 0%) scale(1); } .image-right.image-middle { -webkit-transform: translate(-50%, 0%) scale(1); transform: translate(-50%, 0%) scale(1); } .image-right.image-bottom { -webkit-transform: translate(-100%, 0%) scale(1); transform: translate(-100%, 0%) scale(1); } &:hover { .image-center.image-middle { -webkit-transform: translate(-50%, 0%) scale(1.1); transform: translate(-50%, 0%) scale(1.1); } .image-center.image-bottom { -webkit-transform: translate(-100%, 0%) scale(1.1); transform: translate(-100%, 0%) scale(1.1); } .image-right.image-middle { -webkit-transform: translate(-50%, 0%) scale(1.1); transform: translate(-50%, 0%) scale(1.1); } .image-right.image-bottom { -webkit-transform: translate(-100%, 0%) scale(1.1); transform: translate(-100%, 0%) scale(1.1); } } } } } /**/ .ar1-1, .ar9-4, .ar2-1, .ar16-9, .ar4-3 { overflow: hidden; height: 0; } .ar1-1 { padding-bottom: 100%; } .ar9-4 { padding-bottom: 44.44%; } .ar2-1 { padding-bottom: 50%; } .ar4-3 { padding-bottom: 75%; } .ar16-9 { padding-bottom: 56.25%; } .zoomHover img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .zoomHover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } div.image-content-position, div.image-content-position > a { display: flex; flex-direction: column; width: 100%; } div.image-content-position > *, div.image-content-position > a > * { width: inherit; } div.image-content-top, div.image-content-top > a { justify-content: flex-start; } div.image-content-middle, div.image-content-middle > a { justify-content: center; } div.image-content-bottom, div.image-content-bottom > a { justify-content: flex-end; } div.image-content-left, div.image-content-left > a { align-items: flex-start; } div.image-content-center, div.image-content-center > a { align-items: center; } div.image-content-right, div.image-content-right > a { align-items: flex-end; } .bt-datetimepicker { text-align: center; } .bt-datetimepicker .datepicker { font-size: .9em; } .bt-datetimepicker .datepicker.datepicker-inline, .bt-datetimepicker .datepicker .table-condensed { width: 100%; } .bt-datetimepicker .datepicker table tr td.active.active, .bt-datetimepicker .datepicker table tr td span.active.active { background: #E50000; color: #ffffff; } .bt-datetimepicker .datepicker table tr td.active.active:hover, .bt-datetimepicker .datepicker table tr td span.active.active:hover { background: #7f0000; } .bt-datetimepicker .datepicker td.day { font-weight: 600; } .bt-datetimepicker .datepicker td.disabled.day { color: #c7c7c7; font-weight: 400; } .bt-datetimepicker .slider.slider-horizontal .slider-track { background: #E50000 !important; } .bt-datetimepicker .bt-date .popover { top: unset !important; left: unset !important; display: block; position: relative; margin: auto; } .bt-datetimepicker .popover-title { background-color: #ec6767 !important; color: #fff; border-bottom: none; } .bt-datetimepicker .popover-content:empty { display: none; } .bt-datetimepicker .slider:not(.slider-disabled) .slider-selection { background: transparent; } .bt-datetimepicker .slider .slider-rangeHighlight.closed { background: #dc3545; } .bt-datetimepicker .slider.slider-disabled .slider-rangeHighlight.closed { background: rgba(0, 0, 0, 0.3); } .bt-datetimepicker .bt-time-value { font-size: 1.6em; font-weight: 900; } .bt-slideshow .bt-slideshow-backgroundImage { position: absolute; right: 0; left: 0; bottom: 0; object-fit: cover; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; } .bt-slideshow .bt-slideshow-slide { padding: 0 10% !important; } .bt-slideshow .bt-slideshow-slide .bt-slideshow-top, .bt-slideshow .bt-slideshow-video .bt-slideshow-top { padding-top: 40px; } .bt-slideshow .bt-slideshow-slide .bt-slideshow-bottom, .bt-slideshow .bt-slideshow-video .bt-slideshow-bottom { padding-bottom: 30px; } .bt-slideshow .bt-slideshow-slide.light h1, .bt-slideshow .bt-slideshow-video.light h1 { color: #fff; text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.5); font-weight: 700; margin-bottom: .2em; } .bt-slideshow .bt-slideshow-slide.light h2, .bt-slideshow .bt-slideshow-video.light h2 { font-size: 1.25rem; color: #fff; background-color: rgba(0, 0, 0, 0.2); display: inline-block; padding: 5px 10px; text-transform: uppercase; border-radius: 0.25rem; } .bt-slideshow .bt-slideshow-slide.light h2:after, .bt-slideshow .bt-slideshow-video.light h2:after { clear: both; } .bt-slideshow .bt-slideshow-slide.light p, .bt-slideshow .bt-slideshow-video.light p { color: #fff; text-shadow: 0 1pt 0.3em rgba(0, 0, 0, 0.9); } .bt-slideshow .bt-slideshow-slide.dark h1, .bt-slideshow .bt-slideshow-video.dark h1 { color: #000; font-weight: 700; margin-bottom: .2em; } .bt-slideshow .bt-slideshow-slide.dark h2, .bt-slideshow .bt-slideshow-video.dark h2 { font-size: 1.25rem; color: #000; background-color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 5px 10px; text-transform: uppercase; } .bt-slideshow .bt-slideshow-slide.dark h2:after, .bt-slideshow .bt-slideshow-video.dark h2:after { clear: both; } .bt-slideshow .bt-slideshow-slide.dark p, .bt-slideshow .bt-slideshow-video.dark p { color: #000; } .ie .bt-slideshow .bt-slideshow-viewport img { position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%); height: auto !important; } #content .bt-slideshow .bt-slideshow-video .lg-sub-html { padding: 0 10% !important; } /* This CSS should follow the structure of the slideshow */ .bt-banner { width: 100%; height: 0px; position: relative; overflow: hidden; padding-bottom: 56.25%; } .bt-banner > div { height: 100%; } .bt-banner > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; } .bt-banner .bt-banner-backgroundImage { position: absolute; right: 0; left: 0; bottom: 0; object-fit: cover; object-position: center; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; } .bt-banner .bt-banner-center { position: relative; top: 50%; transform: translateY(-50%); } .bt-banner .bt-banner-top { position: relative; top: 0; } .bt-banner .bt-banner-bottom { transform: translateY(-100%); top: 100%; position: relative; } .bt-banner.light { background-color: #000; } .bt-banner.light h1 { color: #fff; text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.5); font-weight: 700; margin-bottom: .2em; } .bt-banner.light h2 { font-size: 1.25rem; color: #fff; background-color: rgba(0, 0, 0, 0.8); display: inline-block; padding: 5px 10px; text-transform: uppercase; } .bt-banner.light h2:after { clear: both; } .bt-banner.light p { color: #fff; text-shadow: 0 1pt 0.3em rgba(0, 0, 0, 0.9); } .bt-banner.dark { background-color: rgba(255, 255, 255, 0.5); } .bt-banner.dark h1 { color: #000; font-weight: 700; margin-bottom: .2em; } .bt-banner.dark h2 { font-size: 1.25rem; color: #000; background-color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 5px 10px; text-transform: uppercase; } .bt-banner.dark h2:after { clear: both; } .bt-banner.dark p { color: #000; } .bt-banner.bt-banner-square { padding-bottom: 100%; } .bt-banner.bt-banner-4to3 { padding-bottom: 75%; } .bt-banner.bt-banner-2to1 { padding-bottom: 50%; } .bt-banner.bt-banner-natural { height: unset; padding-bottom: unset; } .bt-banner.bt-banner-natural > div { position: unset; padding: 0; } .bt-banner.bt-banner-natural > div > img { position: relative; top: unset; transform: unset; } .bt-banner.bt-banner-natural > div > div { position: absolute; padding: 30px; /*&.bt-banner-center { transform: translateY(-50%) translateX(-50%); left: 50%; }*/ } .bt-banner.bt-banner-natural.text-left > div > div.bt-banner-center, .bt-banner.bt-banner-natural.text-right > div > div.bt-banner-center { transform: translateY(-50%); } .bt-banner.bt-banner-natural.text-left > div > div { left: 0; } .bt-banner.bt-banner-natural.text-right > div > div { right: 0; } .bt-banner.bt-banner-natural.text-center > div > div.bt-banner-top, .bt-banner.bt-banner-natural.text-center > div > div.bt-banner-bottom { left: 0; right: 0; } .bt-banner.bt-banner-natural.text-center > div > div.bt-banner-center { left: 0; right: 0; /*transform: translateY(-50%) translateX(-50%); left: 50%;*/ } .ie .bt-banner .bt-banner-backgroundImage { height: auto; } .faq__list { list-style: none; padding: 0; margin: 0; display: flex; flex-flow: column nowrap; } .faq__button { position: relative; display: block; width: 100%; text-align: left; border: 0; padding: 10px 10px; /*line-height: 2rem;*/ margin: 0; /*color: theme-color("primary");*/ /*font-size: 1.3rem;*/ /*font-weight: bold;*/ background: transparent; cursor: pointer; outline: none; } .faq__button::before, .faq__button::after { position: absolute; display: block; content: ""; top: 50%; right: 25px; height: 2px; width: 14px; margin: -1px 0 0; padding: 0; background: #252525; transition: transform .3s; } .faq__button::before { transform: translate(-5px, 0) rotate(-40deg); } .faq__button::after { transform: translate(5px, 0) rotate(40deg); } .faq__button:active, .faq__button:focus { outline: none !important; } .faq__container { /*font-size: 1rem;*/ transition: all .3s; overflow: hidden; } .faq__content { padding: 10px 10px 25px 10px; /*color: theme-color("darkest");*/ } .faq__item { list-style: none; padding: 0; margin: 0; flex: 1 1 auto; transition: background .3s; background: #f3f3f3; border-bottom: 1px solid #f3f3f3; } .faq__item:last-child { border-bottom: 0; } .faq__item.-closed { background: transparent; } .faq__item.-closed .faq__button::before { transform: translate(-5px, 0) rotate(40deg); } .faq__item.-closed .faq__button::after { transform: translate(5px, 0) rotate(-40deg); } .faq__item.-closed .faq__container { max-height: 0px !important; } @keyframes BTMenuFadeIn { from { opacity: 0; } to { opacity: 1; } } #main-menu-container { border-bottom: 1px solid #e9ecef; padding: 0 !important; } #main-menu-container .icon-bar { width: 22px; height: 2px; background-color: #B6B6B6; display: block; transition: all 0.2s; margin-top: 4px; } #main-menu-container .navbar-toggler { border: none; outline: 0px auto rgba(255, 255, 255, 0) !important; position: absolute; right: 0; top: 20px; } #main-menu-container .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } #main-menu-container .navbar-toggler .middle-bar { opacity: 0; } #main-menu-container .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } #main-menu-container .navbar-toggler.collapsed .top-bar { transform: rotate(0); } #main-menu-container .navbar-toggler.collapsed .middle-bar { opacity: 1; } #main-menu-container .navbar-toggler.collapsed .bottom-bar { transform: rotate(0); } #main-menu-container .navbar-brand img { max-height: 48pt; } #main-menu-container .navbar-nav .nav-item a { background-color: transparent; transition: background-color .3s ease; color: #000000; font-weight: 500; font-size: 0.9em; padding: 10px; } #main-menu-container .navbar-nav .nav-item.active a, #main-menu-container .navbar-nav .nav-item a:hover { color: #ffffff; background-color: #E50000; } #main-menu-container .dropdown-menu { border-radius: 0; padding: 0; } #main-menu-container .dropdown-menu .dropdown-divider { margin-top: 0; margin-bottom: 0; } #main-menu-container.sticky-top .navbar-brand img { max-height: 38pt; transition: max-height .3s ease-in-out; } #main-menu-container.sticky-top.compressed .navbar-brand img { max-height: 32pt; } #main-menu-container #bt-submenu { border-top: 1px solid #f8f9fa; padding-top: 15px; margin-top: 15px; } #main-menu-container #bt-submenu .nav-link { font-size: .8em; } #main-menu-container #bt-submenu .active { border-bottom: 4px solid transparent; } #main-menu-container #bt-submenu .active a { background-color: #000000; color: white; padding: 10px; } @media (min-width: 992px) { #main-menu-container #main-menu { margin-left: -12.5px; } #main-menu-container .dropdown-menu { left: 12.5px; border: none; border: 1px solid #e9ecef; opacity: 0; animation: BTMenuFadeIn 500ms linear; animation-iteration-count: 1; animation-fill-mode: forwards; border-top: 2px solid #E50000; } #main-menu-container .dropdown-menu a.dropdown-item { padding: 1rem 1.5rem; font-size: .8em; } #main-menu-container .dropdown-menu a.dropdown-item:hover { background-color: #e9ecef; } #main-menu-container .navbar-nav { flex-wrap: wrap; justify-content: flex-start; } #main-menu-container .navbar-nav .nav-item a.nav-link { margin: 0 12.5px; border-bottom: 2px solid transparent; padding: 10px 0 5px 0; } #main-menu-container .navbar-nav .nav-item.dropdown:last-child .dropdown-menu { left: unset; right: 12.5px; } #main-menu-container .navbar-nav .nav-item.active a { border-color: #E50000; background-color: transparent; transition: border-color .3s ease; color: #000000; } #main-menu-container .navbar-nav .nav-item a:hover { background-color: transparent; transition: border-color .3s ease; color: #000000; } #main-menu-container .navbar-nav .nav-item .dropdown-menu a.dropdown-item:hover { background-color: #f8f9fa; } } .slider-handle.round { border: 4px solid #E50000; background-color: #fff; background-image: none; } .slider-disabled .slider-handle.round { border: none !important; } .slider:not(.slider-disabled) .slider-selection { background: #E50000; } .slider.slider-horizontal { width: 100%; margin: auto; } .slider.slider-horizontal .slider-track { height: 5px; margin-top: -2px; box-shadow: none; background: #ced4da !important; } .slider.slider-horizontal .slider-track .slider-selection { box-shadow: none; } @keyframes BTSBPfadeIn { 0% { z-index: unset; opacity: 0; } 100% { opacity: 1; z-index: unset; } } @keyframes BTSBPfadeOut { 0% { z-index: unset; opacity: inherit; } 99% { z-index: unset; opacity: 0; } 100% { z-index: -1; } } #breadcrumbs { background-color: #e9ecef; padding: 15px 0; font-size: 0.8em; font-weight: 500; line-height: 1; letter-spacing: 0.08em; } #breadcrumbs .container { /*padding-right: 15%;*/ } #breadcrumbs ol { margin-bottom: 0; padding: 0; } #breadcrumbs ol li { font-size: .9em; } #breadcrumbs ol li a { color: #6c757d; } #breadcrumbs ol li.active { color: #E50000; } #breadcrumbs .sharingButtons { position: relative; /*margin-right: $grid-gutter-width;*/ } #breadcrumbs .sharingButtons a { margin-left: 15px; } #breadcrumbs .sharingButtons a, #breadcrumbs .sharingButtons a .bticon { color: #6c757d; } #breadcrumbs .sharingButtons .sharingButtonsPlatforms { display: block; white-space: nowrap; position: absolute; opacity: 0; top: 0; z-index: -1; background-color: #e9ecef; height: 1.4em; right: 0; left: 0; } @media (min-width: 992px) { #breadcrumbs .sharingButtons .sharingButtonsPlatforms { right: 0; left: unset; } } #breadcrumbs .sharingButtons .sharingButtonsPlatforms.collapsing { animation: BTSBPfadeOut 1s ease; animation-fill-mode: forwards; animation-iteration-count: 1; } #breadcrumbs .sharingButtons .sharingButtonsPlatforms:not(.collapsed):not(.collapsing) { animation: BTSBPfadeIn 1s ease; animation-fill-mode: forwards; animation-iteration-count: 1; } /* Hide sharing buttons on IE, because the expansion animation doesn't work */ html.ie #breadcrumbs .sharingButtonsExpand { display: none; } body > footer { background-color: #314149; font-size: .9em; } body > footer * { color: #ffffff; } body > footer h1, body > footer h2, body > footer h3, body > footer h4, body > footer h5, body > footer h6 { font-weight: 700; } body > footer ul { padding: 0; margin: 0; } body > footer ul li { list-style: none; margin: 0 0 7.5px 0; } body > footer hr { border-color: #343a40; margin: 15px 0; } .cookiesPopup { position: fixed; background-color: rgba(0, 0, 0, 0.8); padding: 10px 0; bottom: 0; left: 0; right: 0; z-index: 100; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); opacity: 1; transition: opacity .5s linear; font-size: .7em; } .cookiesPopup.fadeOut { opacity: 0; } .cookiesPopup h1, .cookiesPopup h2, .cookiesPopup h3, .cookiesPopup h4, .cookiesPopup h5 { font-size: 1.2em; } .cookiesPopup p > a { font-size: 1em; text-decoration: underline; transition: color .3s linear; } .cookiesPopup p > a:hover { color: #b3b3b3; } .cookiesPopup * { color: #ffffff; } @media (min-width: 768px) { .cookiesPopup { padding: 15px 0; font-size: 1em; } } .vehicleLabel { display: block; font-size: 1em; padding: 3.5px 30px 3.5px 15px; font-weight: 400; background-color: rgba(0, 0, 0, 0.8); margin: 0 3pt 0 0; position: relative; } .vehicleLabel.LabelSold { background-color: #dc3545; color: #ffffff; } .vehicleLabel.LabelDemo { background-color: #f9aa25; color: #ffffff; } .vehicleLabel.LabelNew { background-color: #1068b2; color: #ffffff; } .vehicleLabel.LabelCampaign { background-color: #28a745; color: #ffffff; } .vehicleLabel.LabelReserved { background-color: #f9aa25; color: #ffffff; } .vehicleLabel.LabelLeasing { background-color: #1068b2; color: #ffffff; } .vehicleLabel.LabelFactoryNew { background-color: #000000; color: #ffffff; } .vehicleLabel.LabelHybrid { background-color: #00a0f0; color: #ffffff; } #content .vehicleDetail .vehicleLabelWrapper { position: absolute; top: 15px; z-index: 20; display: block; } .vehicleLabelWrapper { display: block; position: absolute; left: 0; top: 30px; z-index: 1; } .equipmentsList ul.row { padding: 0; list-style: none; } .equipmentsList .equipment .equipmentImage { position: relative; } .equipmentsList .equipment .equipmentImage img { position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%); /*height: 100%;*/ object-fit: cover; } .equipmentsList .equipment a { display: block; background-color: #f8f9fa; text-decoration: none; border: 1px solid #F3F3F3; } .equipmentsList .equipment .equipmentDetails { background-color: #ffffff; color: #000000; border: 1px solid #f8f9fa; } .equipmentsList .equipment .equipmentDetails .equipmentDescription h5 { font-size: 1.15rem; margin-bottom: 0.2em; overflow: hidden; } .equipmentsList .equipment .equipmentDetails .equipmentPrice .value { font-size: 1.8em; color: #E50000; } .equipmentsList .equipment .equipmentDetails .equipmentPrice .label { color: #000000; font-size: 0.8rem; } .equipmentsList--animate .equipment { transition: opacity .2s .1s, transform .3s; opacity: 0; transform: translate(0px, 20px); } .equipmentsList--animate-start .equipment { transition: opacity .3s, transform .4s; opacity: 1; transform: translate(0px, 0px); transition-delay: 10s; } .equipmentsList--animate-start .equipment:nth-child(1) { transition-delay: 0.0s; } .equipmentsList--animate-start .equipment:nth-child(2), .equipmentsList--animate-start .equipment:nth-child(5) { transition-delay: 0.1s; } .equipmentsList--animate-start .equipment:nth-child(3), .equipmentsList--animate-start .equipment:nth-child(6), .equipmentsList--animate-start .equipment:nth-child(9) { transition-delay: 0.2s; } .equipmentsList--animate-start .equipment:nth-child(4) { transition-delay: 0.3s; } .equipmentsList--animate-start .equipment:nth-child(7) { transition-delay: 0.3s; } .equipmentsList--animate-start .equipment:nth-child(10) { transition-delay: 0.3s; } .equipmentsList--animate-start .equipment:nth-child(13) { transition-delay: 0.3s; } .equipmentsList--animate-start .equipment:nth-child(8) { transition-delay: 0.4s; } .equipmentsList--animate-start .equipment:nth-child(11) { transition-delay: 0.4s; } .equipmentsList--animate-start .equipment:nth-child(14) { transition-delay: 0.4s; } .equipmentsList--animate-start .equipment:nth-child(17) { transition-delay: 0.4s; } .equipmentsList--animate-start .equipment:nth-child(12) { transition-delay: 0.5s; } .equipmentsList--animate-start .equipment:nth-child(15) { transition-delay: 0.5s; } .equipmentsList--animate-start .equipment:nth-child(18) { transition-delay: 0.5s; } .equipmentsList--animate-start .equipment:nth-child(21) { transition-delay: 0.5s; } .equipmentsList--animate-start .equipment:nth-child(16) { transition-delay: 0.6s; } .equipmentsList--animate-start .equipment:nth-child(19) { transition-delay: 0.6s; } .equipmentsList--animate-start .equipment:nth-child(22) { transition-delay: 0.6s; } .equipmentsList--animate-start .equipment:nth-child(25) { transition-delay: 0.6s; } .equipmentsList--animate-start .equipment:nth-child(20) { transition-delay: 0.7s; } .equipmentsList--animate-start .equipment:nth-child(23) { transition-delay: 0.7s; } .equipmentsList--animate-start .equipment:nth-child(26) { transition-delay: 0.7s; } .equipmentsList--animate-start .equipment:nth-child(29) { transition-delay: 0.7s; } .equipmentsList--animate-start .equipment:nth-child(24) { transition-delay: 0.8s; } .equipmentsList--animate-start .equipment:nth-child(27) { transition-delay: 0.8s; } .equipmentsList--animate-start .equipment:nth-child(30) { transition-delay: 0.8s; } .equipmentsList--animate-start .equipment:nth-child(33) { transition-delay: 0.8s; } .equipmentsList--animate-start .equipment:nth-child(28) { transition-delay: 0.9s; } .equipmentsList--animate-start .equipment:nth-child(31) { transition-delay: 0.9s; } .equipmentsList--animate-start .equipment:nth-child(34) { transition-delay: 0.9s; } .equipmentsList--animate-start .equipment:nth-child(37) { transition-delay: 0.9s; } .equipmentsList--animate-start .equipment:nth-child(32) { transition-delay: 1s; } .equipmentsList--animate-start .equipment:nth-child(35) { transition-delay: 1s; } .equipmentsList--animate-start .equipment:nth-child(38) { transition-delay: 1s; } .equipmentsList--animate-start .equipment:nth-child(41) { transition-delay: 1s; } .equipmentsList--animate-start .equipment:nth-child(36) { transition-delay: 1.1s; } .equipmentsList--animate-start .equipment:nth-child(39) { transition-delay: 1.1s; } .equipmentsList--animate-start .equipment:nth-child(42) { transition-delay: 1.1s; } .equipmentsList--animate-start .equipment:nth-child(45) { transition-delay: 1.1s; } .equipmentsList--animate-start .equipment:nth-child(40) { transition-delay: 1.2s; } .equipmentsList--animate-start .equipment:nth-child(43) { transition-delay: 1.2s; } .equipmentsList--animate-start .equipment:nth-child(46) { transition-delay: 1.2s; } .equipmentsList--animate-start .equipment:nth-child(49) { transition-delay: 1.2s; } .equipmentsList--animate-start .equipment:nth-child(44) { transition-delay: 1.3s; } .equipmentsList--animate-start .equipment:nth-child(47) { transition-delay: 1.3s; } .equipmentsList--animate-start .equipment:nth-child(50) { transition-delay: 1.3s; } .equipmentsList--animate-start .equipment:nth-child(53) { transition-delay: 1.3s; } .equipmentsList--animate-start .equipment:nth-child(48) { transition-delay: 1.4s; } .equipmentsList--animate-start .equipment:nth-child(51) { transition-delay: 1.4s; } .equipmentsList--animate-start .equipment:nth-child(54) { transition-delay: 1.4s; } .equipmentsList--animate-start .equipment:nth-child(57) { transition-delay: 1.4s; } .equipmentsList--animate-start .equipment:nth-child(52) { transition-delay: 1.5s; } .equipmentsList--animate-start .equipment:nth-child(55) { transition-delay: 1.5s; } .equipmentsList--animate-start .equipment:nth-child(58) { transition-delay: 1.5s; } .equipmentsList--animate-start .equipment:nth-child(61) { transition-delay: 1.5s; } .equipmentsList--animate-start .equipment:nth-child(56) { transition-delay: 1.6s; } .equipmentsList--animate-start .equipment:nth-child(59) { transition-delay: 1.6s; } .equipmentsList--animate-start .equipment:nth-child(62) { transition-delay: 1.6s; } .equipmentsList--animate-start .equipment:nth-child(65) { transition-delay: 1.6s; } .equipmentsList--animate-start .equipment:nth-child(60) { transition-delay: 1.7s; } .equipmentsList--animate-start .equipment:nth-child(63) { transition-delay: 1.7s; } .equipmentsList--animate-start .equipment:nth-child(66) { transition-delay: 1.7s; } .equipmentsList--animate-start .equipment:nth-child(69) { transition-delay: 1.7s; } .equipmentsList--animate-start .equipment:nth-child(64) { transition-delay: 1.8s; } .equipmentsList--animate-start .equipment:nth-child(67) { transition-delay: 1.8s; } .equipmentsList--animate-start .equipment:nth-child(70) { transition-delay: 1.8s; } .equipmentsList--animate-start .equipment:nth-child(73) { transition-delay: 1.8s; } .equipmentsList--animate-start .equipment:nth-child(68) { transition-delay: 1.9s; } .equipmentsList--animate-start .equipment:nth-child(71) { transition-delay: 1.9s; } .equipmentsList--animate-start .equipment:nth-child(74) { transition-delay: 1.9s; } .equipmentsList--animate-start .equipment:nth-child(77) { transition-delay: 1.9s; } .equipmentsList--animate-start .equipment:nth-child(72) { transition-delay: 2s; } .equipmentsList--animate-start .equipment:nth-child(75) { transition-delay: 2s; } .equipmentsList--animate-start .equipment:nth-child(78) { transition-delay: 2s; } .equipmentsList--animate-start .equipment:nth-child(81) { transition-delay: 2s; } .equipmentsList--animate-start .equipment:nth-child(76) { transition-delay: 2.1s; } .equipmentsList--animate-start .equipment:nth-child(79) { transition-delay: 2.1s; } .equipmentsList--animate-start .equipment:nth-child(82) { transition-delay: 2.1s; } .equipmentsList--animate-start .equipment:nth-child(85) { transition-delay: 2.1s; } .equipmentsList--animate-start .equipment:nth-child(80) { transition-delay: 2.2s; } .equipmentsList--animate-start .equipment:nth-child(83) { transition-delay: 2.2s; } .equipmentsList--animate-start .equipment:nth-child(86) { transition-delay: 2.2s; } .equipmentsList--animate-start .equipment:nth-child(89) { transition-delay: 2.2s; } .equipmentsList--animate-start .equipment:nth-child(84) { transition-delay: 2.3s; } .equipmentsList--animate-start .equipment:nth-child(87) { transition-delay: 2.3s; } .equipmentsList--animate-start .equipment:nth-child(90) { transition-delay: 2.3s; } .equipmentsList--animate-start .equipment:nth-child(93) { transition-delay: 2.3s; } .equipmentsList--animate-start .equipment:nth-child(88) { transition-delay: 2.4s; } .equipmentsList--animate-start .equipment:nth-child(91) { transition-delay: 2.4s; } .equipmentsList--animate-start .equipment:nth-child(94) { transition-delay: 2.4s; } .equipmentsList--animate-start .equipment:nth-child(97) { transition-delay: 2.4s; } .equipmentsList--animate-start .equipment:nth-child(92) { transition-delay: 2.5s; } .equipmentsList--animate-start .equipment:nth-child(95) { transition-delay: 2.5s; } .equipmentsList--animate-start .equipment:nth-child(98) { transition-delay: 2.5s; } .equipmentsList--animate-start .equipment:nth-child(101) { transition-delay: 2.5s; } .equipmentsList--animate-start .equipment:nth-child(96) { transition-delay: 2.6s; } .equipmentsList--animate-start .equipment:nth-child(99) { transition-delay: 2.6s; } .equipmentsList--animate-start .equipment:nth-child(102) { transition-delay: 2.6s; } .equipmentsList--animate-start .equipment:nth-child(105) { transition-delay: 2.6s; } .equipmentsList--animate-start .equipment:nth-child(100) { transition-delay: 2.7s; } .equipmentsList--animate-start .equipment:nth-child(103) { transition-delay: 2.7s; } .equipmentsList--animate-start .equipment:nth-child(106) { transition-delay: 2.7s; } .equipmentsList--animate-start .equipment:nth-child(109) { transition-delay: 2.7s; } .equipmentsList--animate-start .equipment:nth-child(104) { transition-delay: 2.8s; } .equipmentsList--animate-start .equipment:nth-child(107) { transition-delay: 2.8s; } .equipmentsList--animate-start .equipment:nth-child(110) { transition-delay: 2.8s; } .equipmentsList--animate-start .equipment:nth-child(113) { transition-delay: 2.8s; } .equipmentsList--animate-start .equipment:nth-child(108) { transition-delay: 2.9s; } .equipmentsList--animate-start .equipment:nth-child(111) { transition-delay: 2.9s; } .equipmentsList--animate-start .equipment:nth-child(114) { transition-delay: 2.9s; } .equipmentsList--animate-start .equipment:nth-child(117) { transition-delay: 2.9s; } .equipmentsList--animate-start .equipment:nth-child(112) { transition-delay: 3s; } .equipmentsList--animate-start .equipment:nth-child(115) { transition-delay: 3s; } .equipmentsList--animate-start .equipment:nth-child(118) { transition-delay: 3s; } .equipmentsList--animate-start .equipment:nth-child(121) { transition-delay: 3s; } .equipmentsList--animate-start .equipment:nth-child(116) { transition-delay: 3.1s; } .equipmentsList--animate-start .equipment:nth-child(119) { transition-delay: 3.1s; } .equipmentsList--animate-start .equipment:nth-child(122) { transition-delay: 3.1s; } .equipmentsList--animate-start .equipment:nth-child(125) { transition-delay: 3.1s; } .equipmentsList--animate-start .equipment:nth-child(120) { transition-delay: 3.2s; } .equipmentsList--animate-start .equipment:nth-child(123) { transition-delay: 3.2s; } .equipmentsList--animate-start .equipment:nth-child(126) { transition-delay: 3.2s; } .equipmentsList--animate-start .equipment:nth-child(129) { transition-delay: 3.2s; } .equipmentsList--animate-start .equipment:nth-child(124) { transition-delay: 3.3s; } .equipmentsList--animate-start .equipment:nth-child(127) { transition-delay: 3.3s; } .equipmentsList--animate-start .equipment:nth-child(130) { transition-delay: 3.3s; } .equipmentsList--animate-start .equipment:nth-child(133) { transition-delay: 3.3s; } .equipmentsList--animate-start .equipment:nth-child(128) { transition-delay: 3.4s; } .equipmentsList--animate-start .equipment:nth-child(131) { transition-delay: 3.4s; } .equipmentsList--animate-start .equipment:nth-child(134) { transition-delay: 3.4s; } .equipmentsList--animate-start .equipment:nth-child(137) { transition-delay: 3.4s; } .equipmentsList--animate-start .equipment:nth-child(132) { transition-delay: 3.5s; } .equipmentsList--animate-start .equipment:nth-child(135) { transition-delay: 3.5s; } .equipmentsList--animate-start .equipment:nth-child(138) { transition-delay: 3.5s; } .equipmentsList--animate-start .equipment:nth-child(141) { transition-delay: 3.5s; } .equipmentsList--animate-start .equipment:nth-child(136) { transition-delay: 3.6s; } .equipmentsList--animate-start .equipment:nth-child(139) { transition-delay: 3.6s; } .equipmentsList--animate-start .equipment:nth-child(142) { transition-delay: 3.6s; } .equipmentsList--animate-start .equipment:nth-child(145) { transition-delay: 3.6s; } .equipmentsList--animate-start .equipment:nth-child(140) { transition-delay: 3.7s; } .equipmentsList--animate-start .equipment:nth-child(143) { transition-delay: 3.7s; } .equipmentsList--animate-start .equipment:nth-child(146) { transition-delay: 3.7s; } .equipmentsList--animate-start .equipment:nth-child(149) { transition-delay: 3.7s; } .equipmentsList--animate-start .equipment:nth-child(144) { transition-delay: 3.8s; } .equipmentsList--animate-start .equipment:nth-child(147) { transition-delay: 3.8s; } .equipmentsList--animate-start .equipment:nth-child(150) { transition-delay: 3.8s; } .equipmentsList--animate-start .equipment:nth-child(153) { transition-delay: 3.8s; } .equipmentsList--animate-start .equipment:nth-child(148) { transition-delay: 3.9s; } .equipmentsList--animate-start .equipment:nth-child(151) { transition-delay: 3.9s; } .equipmentsList--animate-start .equipment:nth-child(154) { transition-delay: 3.9s; } .equipmentsList--animate-start .equipment:nth-child(157) { transition-delay: 3.9s; } .equipmentsList--animate-start .equipment:nth-child(152) { transition-delay: 4s; } .equipmentsList--animate-start .equipment:nth-child(155) { transition-delay: 4s; } .equipmentsList--animate-start .equipment:nth-child(158) { transition-delay: 4s; } .equipmentsList--animate-start .equipment:nth-child(161) { transition-delay: 4s; } .equipmentsList--animate-start .equipment:nth-child(156) { transition-delay: 4.1s; } .equipmentsList--animate-start .equipment:nth-child(159) { transition-delay: 4.1s; } .equipmentsList--animate-start .equipment:nth-child(162) { transition-delay: 4.1s; } .equipmentsList--animate-start .equipment:nth-child(165) { transition-delay: 4.1s; } .equipmentsList--animate-start .equipment:nth-child(160) { transition-delay: 4.2s; } .equipmentsList--animate-start .equipment:nth-child(163) { transition-delay: 4.2s; } .equipmentsList--animate-start .equipment:nth-child(166) { transition-delay: 4.2s; } .equipmentsList--animate-start .equipment:nth-child(169) { transition-delay: 4.2s; } .equipmentsList--animate-start .equipment:nth-child(164) { transition-delay: 4.3s; } .equipmentsList--animate-start .equipment:nth-child(167) { transition-delay: 4.3s; } .equipmentsList--animate-start .equipment:nth-child(170) { transition-delay: 4.3s; } .equipmentsList--animate-start .equipment:nth-child(173) { transition-delay: 4.3s; } .equipmentsList--animate-start .equipment:nth-child(168) { transition-delay: 4.4s; } .equipmentsList--animate-start .equipment:nth-child(171) { transition-delay: 4.4s; } .equipmentsList--animate-start .equipment:nth-child(174) { transition-delay: 4.4s; } .equipmentsList--animate-start .equipment:nth-child(177) { transition-delay: 4.4s; } .equipmentsList--animate-start .equipment:nth-child(172) { transition-delay: 4.5s; } .equipmentsList--animate-start .equipment:nth-child(175) { transition-delay: 4.5s; } .equipmentsList--animate-start .equipment:nth-child(178) { transition-delay: 4.5s; } .equipmentsList--animate-start .equipment:nth-child(181) { transition-delay: 4.5s; } .equipmentsList--animate-start .equipment:nth-child(176) { transition-delay: 4.6s; } .equipmentsList--animate-start .equipment:nth-child(179) { transition-delay: 4.6s; } .equipmentsList--animate-start .equipment:nth-child(182) { transition-delay: 4.6s; } .equipmentsList--animate-start .equipment:nth-child(185) { transition-delay: 4.6s; } .equipmentsList--animate-start .equipment:nth-child(180) { transition-delay: 4.7s; } .equipmentsList--animate-start .equipment:nth-child(183) { transition-delay: 4.7s; } .equipmentsList--animate-start .equipment:nth-child(186) { transition-delay: 4.7s; } .equipmentsList--animate-start .equipment:nth-child(189) { transition-delay: 4.7s; } .equipmentsList--animate-start .equipment:nth-child(184) { transition-delay: 4.8s; } .equipmentsList--animate-start .equipment:nth-child(187) { transition-delay: 4.8s; } .equipmentsList--animate-start .equipment:nth-child(190) { transition-delay: 4.8s; } .equipmentsList--animate-start .equipment:nth-child(193) { transition-delay: 4.8s; } .equipmentsList--animate-start .equipment:nth-child(188) { transition-delay: 4.9s; } .equipmentsList--animate-start .equipment:nth-child(191) { transition-delay: 4.9s; } .equipmentsList--animate-start .equipment:nth-child(194) { transition-delay: 4.9s; } .equipmentsList--animate-start .equipment:nth-child(197) { transition-delay: 4.9s; } .equipmentsList--animate-start .equipment:nth-child(192) { transition-delay: 5s; } .equipmentsList--animate-start .equipment:nth-child(195) { transition-delay: 5s; } .equipmentsList--animate-start .equipment:nth-child(198) { transition-delay: 5s; } .equipmentsList--animate-start .equipment:nth-child(201) { transition-delay: 5s; } .equipmentsList--animate-start .equipment:nth-child(196) { transition-delay: 5.1s; } .equipmentsList--animate-start .equipment:nth-child(199) { transition-delay: 5.1s; } .equipmentsList--animate-start .equipment:nth-child(202) { transition-delay: 5.1s; } .equipmentsList--animate-start .equipment:nth-child(205) { transition-delay: 5.1s; } .equipmentsList--animate-start .equipment:nth-child(200) { transition-delay: 5.2s; } .equipmentsList--animate-start .equipment:nth-child(203) { transition-delay: 5.2s; } .equipmentsList--animate-start .equipment:nth-child(206) { transition-delay: 5.2s; } .equipmentsList--animate-start .equipment:nth-child(209) { transition-delay: 5.2s; } .equipmentsList--animate-start .equipment:nth-child(204) { transition-delay: 5.3s; } .equipmentsList--animate-start .equipment:nth-child(207) { transition-delay: 5.3s; } .equipmentsList--animate-start .equipment:nth-child(210) { transition-delay: 5.3s; } .equipmentsList--animate-start .equipment:nth-child(213) { transition-delay: 5.3s; } .equipmentsList--animate-start .equipment:nth-child(208) { transition-delay: 5.4s; } .equipmentsList--animate-start .equipment:nth-child(211) { transition-delay: 5.4s; } .equipmentsList--animate-start .equipment:nth-child(214) { transition-delay: 5.4s; } .equipmentsList--animate-start .equipment:nth-child(217) { transition-delay: 5.4s; } .equipmentsList--animate-start .equipment:nth-child(212) { transition-delay: 5.5s; } .equipmentsList--animate-start .equipment:nth-child(215) { transition-delay: 5.5s; } .equipmentsList--animate-start .equipment:nth-child(218) { transition-delay: 5.5s; } .equipmentsList--animate-start .equipment:nth-child(221) { transition-delay: 5.5s; } .equipmentsList--animate-start .equipment:nth-child(216) { transition-delay: 5.6s; } .equipmentsList--animate-start .equipment:nth-child(219) { transition-delay: 5.6s; } .equipmentsList--animate-start .equipment:nth-child(222) { transition-delay: 5.6s; } .equipmentsList--animate-start .equipment:nth-child(225) { transition-delay: 5.6s; } .equipmentsList--animate-start .equipment:nth-child(220) { transition-delay: 5.7s; } .equipmentsList--animate-start .equipment:nth-child(223) { transition-delay: 5.7s; } .equipmentsList--animate-start .equipment:nth-child(226) { transition-delay: 5.7s; } .equipmentsList--animate-start .equipment:nth-child(229) { transition-delay: 5.7s; } .equipmentsList--animate-start .equipment:nth-child(224) { transition-delay: 5.8s; } .equipmentsList--animate-start .equipment:nth-child(227) { transition-delay: 5.8s; } .equipmentsList--animate-start .equipment:nth-child(230) { transition-delay: 5.8s; } .equipmentsList--animate-start .equipment:nth-child(233) { transition-delay: 5.8s; } .equipmentsList--animate-start .equipment:nth-child(228) { transition-delay: 5.9s; } .equipmentsList--animate-start .equipment:nth-child(231) { transition-delay: 5.9s; } .equipmentsList--animate-start .equipment:nth-child(234) { transition-delay: 5.9s; } .equipmentsList--animate-start .equipment:nth-child(237) { transition-delay: 5.9s; } .equipmentsList--animate-start .equipment:nth-child(232) { transition-delay: 6s; } .equipmentsList--animate-start .equipment:nth-child(235) { transition-delay: 6s; } .equipmentsList--animate-start .equipment:nth-child(238) { transition-delay: 6s; } .equipmentsList--animate-start .equipment:nth-child(241) { transition-delay: 6s; } .equipmentsList--animate-start .equipment:nth-child(236) { transition-delay: 6.1s; } .equipmentsList--animate-start .equipment:nth-child(239) { transition-delay: 6.1s; } .equipmentsList--animate-start .equipment:nth-child(242) { transition-delay: 6.1s; } .equipmentsList--animate-start .equipment:nth-child(245) { transition-delay: 6.1s; } .equipmentsList--animate-start .equipment:nth-child(240) { transition-delay: 6.2s; } .equipmentsList--animate-start .equipment:nth-child(243) { transition-delay: 6.2s; } .equipmentsList--animate-start .equipment:nth-child(246) { transition-delay: 6.2s; } .equipmentsList--animate-start .equipment:nth-child(249) { transition-delay: 6.2s; } .equipmentsList--animate-start .equipment:nth-child(244) { transition-delay: 6.3s; } .equipmentsList--animate-start .equipment:nth-child(247) { transition-delay: 6.3s; } .equipmentsList--animate-start .equipment:nth-child(250) { transition-delay: 6.3s; } .equipmentsList--animate-start .equipment:nth-child(253) { transition-delay: 6.3s; } .equipmentsList--animate-start .equipment:nth-child(248) { transition-delay: 6.4s; } .equipmentsList--animate-start .equipment:nth-child(251) { transition-delay: 6.4s; } .equipmentsList--animate-start .equipment:nth-child(254) { transition-delay: 6.4s; } .equipmentsList--animate-start .equipment:nth-child(257) { transition-delay: 6.4s; } .equipmentsList--animate-start .equipment:nth-child(252) { transition-delay: 6.5s; } .equipmentsList--animate-start .equipment:nth-child(255) { transition-delay: 6.5s; } .equipmentsList--animate-start .equipment:nth-child(258) { transition-delay: 6.5s; } .equipmentsList--animate-start .equipment:nth-child(261) { transition-delay: 6.5s; } .equipmentsList--animate-start .equipment:nth-child(256) { transition-delay: 6.6s; } .equipmentsList--animate-start .equipment:nth-child(259) { transition-delay: 6.6s; } .equipmentsList--animate-start .equipment:nth-child(262) { transition-delay: 6.6s; } .equipmentsList--animate-start .equipment:nth-child(265) { transition-delay: 6.6s; } .equipmentsList--animate-start .equipment:nth-child(260) { transition-delay: 6.7s; } .equipmentsList--animate-start .equipment:nth-child(263) { transition-delay: 6.7s; } .equipmentsList--animate-start .equipment:nth-child(266) { transition-delay: 6.7s; } .equipmentsList--animate-start .equipment:nth-child(269) { transition-delay: 6.7s; } .equipmentsList--animate-start .equipment:nth-child(264) { transition-delay: 6.8s; } .equipmentsList--animate-start .equipment:nth-child(267) { transition-delay: 6.8s; } .equipmentsList--animate-start .equipment:nth-child(270) { transition-delay: 6.8s; } .equipmentsList--animate-start .equipment:nth-child(273) { transition-delay: 6.8s; } .equipmentsList--animate-start .equipment:nth-child(268) { transition-delay: 6.9s; } .equipmentsList--animate-start .equipment:nth-child(271) { transition-delay: 6.9s; } .equipmentsList--animate-start .equipment:nth-child(274) { transition-delay: 6.9s; } .equipmentsList--animate-start .equipment:nth-child(277) { transition-delay: 6.9s; } .equipmentsList--animate-start .equipment:nth-child(272) { transition-delay: 7s; } .equipmentsList--animate-start .equipment:nth-child(275) { transition-delay: 7s; } .equipmentsList--animate-start .equipment:nth-child(278) { transition-delay: 7s; } .equipmentsList--animate-start .equipment:nth-child(281) { transition-delay: 7s; } .equipmentsList--animate-start .equipment:nth-child(276) { transition-delay: 7.1s; } .equipmentsList--animate-start .equipment:nth-child(279) { transition-delay: 7.1s; } .equipmentsList--animate-start .equipment:nth-child(282) { transition-delay: 7.1s; } .equipmentsList--animate-start .equipment:nth-child(285) { transition-delay: 7.1s; } .equipmentsList--animate-start .equipment:nth-child(280) { transition-delay: 7.2s; } .equipmentsList--animate-start .equipment:nth-child(283) { transition-delay: 7.2s; } .equipmentsList--animate-start .equipment:nth-child(286) { transition-delay: 7.2s; } .equipmentsList--animate-start .equipment:nth-child(289) { transition-delay: 7.2s; } .equipmentsList--animate-start .equipment:nth-child(284) { transition-delay: 7.3s; } .equipmentsList--animate-start .equipment:nth-child(287) { transition-delay: 7.3s; } .equipmentsList--animate-start .equipment:nth-child(290) { transition-delay: 7.3s; } .equipmentsList--animate-start .equipment:nth-child(293) { transition-delay: 7.3s; } .equipmentsList--animate-start .equipment:nth-child(288) { transition-delay: 7.4s; } .equipmentsList--animate-start .equipment:nth-child(291) { transition-delay: 7.4s; } .equipmentsList--animate-start .equipment:nth-child(294) { transition-delay: 7.4s; } .equipmentsList--animate-start .equipment:nth-child(297) { transition-delay: 7.4s; } .equipmentsList--animate-start .equipment:nth-child(292) { transition-delay: 7.5s; } .equipmentsList--animate-start .equipment:nth-child(295) { transition-delay: 7.5s; } .equipmentsList--animate-start .equipment:nth-child(298) { transition-delay: 7.5s; } .equipmentsList--animate-start .equipment:nth-child(301) { transition-delay: 7.5s; } .equipmentsList--animate-start .equipment:nth-child(296) { transition-delay: 7.6s; } .equipmentsList--animate-start .equipment:nth-child(299) { transition-delay: 7.6s; } .equipmentsList--animate-start .equipment:nth-child(302) { transition-delay: 7.6s; } .equipmentsList--animate-start .equipment:nth-child(305) { transition-delay: 7.6s; } .equipmentsList--animate-start .equipment:nth-child(300) { transition-delay: 7.7s; } .equipmentsList--animate-start .equipment:nth-child(303) { transition-delay: 7.7s; } .equipmentsList--animate-start .equipment:nth-child(306) { transition-delay: 7.7s; } .equipmentsList--animate-start .equipment:nth-child(309) { transition-delay: 7.7s; } .equipmentsList--animate-start .equipment:nth-child(304) { transition-delay: 7.8s; } .equipmentsList--animate-start .equipment:nth-child(307) { transition-delay: 7.8s; } .equipmentsList--animate-start .equipment:nth-child(310) { transition-delay: 7.8s; } .equipmentsList--animate-start .equipment:nth-child(313) { transition-delay: 7.8s; } .equipmentsList--animate-start .equipment:nth-child(308) { transition-delay: 7.9s; } .equipmentsList--animate-start .equipment:nth-child(311) { transition-delay: 7.9s; } .equipmentsList--animate-start .equipment:nth-child(314) { transition-delay: 7.9s; } .equipmentsList--animate-start .equipment:nth-child(317) { transition-delay: 7.9s; } .equipmentsList--animate-start .equipment:nth-child(312) { transition-delay: 8s; } .equipmentsList--animate-start .equipment:nth-child(315) { transition-delay: 8s; } .equipmentsList--animate-start .equipment:nth-child(318) { transition-delay: 8s; } .equipmentsList--animate-start .equipment:nth-child(321) { transition-delay: 8s; } .equipmentsList--animate-start .equipment:nth-child(316) { transition-delay: 8.1s; } .equipmentsList--animate-start .equipment:nth-child(319) { transition-delay: 8.1s; } .equipmentsList--animate-start .equipment:nth-child(322) { transition-delay: 8.1s; } .equipmentsList--animate-start .equipment:nth-child(325) { transition-delay: 8.1s; } .equipmentsList--animate-start .equipment:nth-child(320) { transition-delay: 8.2s; } .equipmentsList--animate-start .equipment:nth-child(323) { transition-delay: 8.2s; } .equipmentsList--animate-start .equipment:nth-child(326) { transition-delay: 8.2s; } .equipmentsList--animate-start .equipment:nth-child(329) { transition-delay: 8.2s; } .equipmentsList--animate-start .equipment:nth-child(324) { transition-delay: 8.3s; } .equipmentsList--animate-start .equipment:nth-child(327) { transition-delay: 8.3s; } .equipmentsList--animate-start .equipment:nth-child(330) { transition-delay: 8.3s; } .equipmentsList--animate-start .equipment:nth-child(333) { transition-delay: 8.3s; } .equipmentsList--animate-start .equipment:nth-child(328) { transition-delay: 8.4s; } .equipmentsList--animate-start .equipment:nth-child(331) { transition-delay: 8.4s; } .equipmentsList--animate-start .equipment:nth-child(334) { transition-delay: 8.4s; } .equipmentsList--animate-start .equipment:nth-child(337) { transition-delay: 8.4s; } .equipmentsList--animate-start .equipment:nth-child(332) { transition-delay: 8.5s; } .equipmentsList--animate-start .equipment:nth-child(335) { transition-delay: 8.5s; } .equipmentsList--animate-start .equipment:nth-child(338) { transition-delay: 8.5s; } .equipmentsList--animate-start .equipment:nth-child(341) { transition-delay: 8.5s; } .equipmentsList--animate-start .equipment:nth-child(336) { transition-delay: 8.6s; } .equipmentsList--animate-start .equipment:nth-child(339) { transition-delay: 8.6s; } .equipmentsList--animate-start .equipment:nth-child(342) { transition-delay: 8.6s; } .equipmentsList--animate-start .equipment:nth-child(345) { transition-delay: 8.6s; } .equipmentsList--animate-start .equipment:nth-child(340) { transition-delay: 8.7s; } .equipmentsList--animate-start .equipment:nth-child(343) { transition-delay: 8.7s; } .equipmentsList--animate-start .equipment:nth-child(346) { transition-delay: 8.7s; } .equipmentsList--animate-start .equipment:nth-child(349) { transition-delay: 8.7s; } .equipmentsList--animate-start .equipment:nth-child(344) { transition-delay: 8.8s; } .equipmentsList--animate-start .equipment:nth-child(347) { transition-delay: 8.8s; } .equipmentsList--animate-start .equipment:nth-child(350) { transition-delay: 8.8s; } .equipmentsList--animate-start .equipment:nth-child(353) { transition-delay: 8.8s; } .equipmentsList--animate-start .equipment:nth-child(348) { transition-delay: 8.9s; } .equipmentsList--animate-start .equipment:nth-child(351) { transition-delay: 8.9s; } .equipmentsList--animate-start .equipment:nth-child(354) { transition-delay: 8.9s; } .equipmentsList--animate-start .equipment:nth-child(357) { transition-delay: 8.9s; } .equipmentsList--animate-start .equipment:nth-child(352) { transition-delay: 9s; } .equipmentsList--animate-start .equipment:nth-child(355) { transition-delay: 9s; } .equipmentsList--animate-start .equipment:nth-child(358) { transition-delay: 9s; } .equipmentsList--animate-start .equipment:nth-child(361) { transition-delay: 9s; } .equipmentsList--animate-start .equipment:nth-child(356) { transition-delay: 9.1s; } .equipmentsList--animate-start .equipment:nth-child(359) { transition-delay: 9.1s; } .equipmentsList--animate-start .equipment:nth-child(362) { transition-delay: 9.1s; } .equipmentsList--animate-start .equipment:nth-child(365) { transition-delay: 9.1s; } .equipmentsList--animate-start .equipment:nth-child(360) { transition-delay: 9.2s; } .equipmentsList--animate-start .equipment:nth-child(363) { transition-delay: 9.2s; } .equipmentsList--animate-start .equipment:nth-child(366) { transition-delay: 9.2s; } .equipmentsList--animate-start .equipment:nth-child(369) { transition-delay: 9.2s; } .equipmentsList--animate-start .equipment:nth-child(364) { transition-delay: 9.3s; } .equipmentsList--animate-start .equipment:nth-child(367) { transition-delay: 9.3s; } .equipmentsList--animate-start .equipment:nth-child(370) { transition-delay: 9.3s; } .equipmentsList--animate-start .equipment:nth-child(373) { transition-delay: 9.3s; } .equipmentsList--animate-start .equipment:nth-child(368) { transition-delay: 9.4s; } .equipmentsList--animate-start .equipment:nth-child(371) { transition-delay: 9.4s; } .equipmentsList--animate-start .equipment:nth-child(374) { transition-delay: 9.4s; } .equipmentsList--animate-start .equipment:nth-child(377) { transition-delay: 9.4s; } .equipmentsList--animate-start .equipment:nth-child(372) { transition-delay: 9.5s; } .equipmentsList--animate-start .equipment:nth-child(375) { transition-delay: 9.5s; } .equipmentsList--animate-start .equipment:nth-child(378) { transition-delay: 9.5s; } .equipmentsList--animate-start .equipment:nth-child(381) { transition-delay: 9.5s; } .equipmentsList--animate-start .equipment:nth-child(376) { transition-delay: 9.6s; } .equipmentsList--animate-start .equipment:nth-child(379) { transition-delay: 9.6s; } .equipmentsList--animate-start .equipment:nth-child(382) { transition-delay: 9.6s; } .equipmentsList--animate-start .equipment:nth-child(385) { transition-delay: 9.6s; } .equipmentsList--animate-start .equipment:nth-child(380) { transition-delay: 9.7s; } .equipmentsList--animate-start .equipment:nth-child(383) { transition-delay: 9.7s; } .equipmentsList--animate-start .equipment:nth-child(386) { transition-delay: 9.7s; } .equipmentsList--animate-start .equipment:nth-child(389) { transition-delay: 9.7s; } .equipmentsList--animate-start .equipment:nth-child(384) { transition-delay: 9.8s; } .equipmentsList--animate-start .equipment:nth-child(387) { transition-delay: 9.8s; } .equipmentsList--animate-start .equipment:nth-child(390) { transition-delay: 9.8s; } .equipmentsList--animate-start .equipment:nth-child(393) { transition-delay: 9.8s; } .equipmentsList--animate-start .equipment:nth-child(388) { transition-delay: 9.9s; } .equipmentsList--animate-start .equipment:nth-child(391) { transition-delay: 9.9s; } .equipmentsList--animate-start .equipment:nth-child(394) { transition-delay: 9.9s; } .equipmentsList--animate-start .equipment:nth-child(397) { transition-delay: 9.9s; } .equipmentsList--animate-start .equipment:nth-child(392) { transition-delay: 10s; } .equipmentsList--animate-start .equipment:nth-child(395) { transition-delay: 10s; } .equipmentsList--animate-start .equipment:nth-child(398) { transition-delay: 10s; } .equipmentsList--animate-start .equipment:nth-child(401) { transition-delay: 10s; } .equipmentsList--animate-start .equipment:nth-child(396) { transition-delay: 10.1s; } .equipmentsList--animate-start .equipment:nth-child(399) { transition-delay: 10.1s; } .equipmentsList--animate-start .equipment:nth-child(402) { transition-delay: 10.1s; } .equipmentsList--animate-start .equipment:nth-child(405) { transition-delay: 10.1s; } .ie .equipmentsList .equipmentImage { position: relative; } .ie .equipmentsList .equipmentImage img { position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%); height: auto !important; } body.-lock-scroll, html.-lock-scroll { overflow: hidden; } .modal, .modal__container, .modal__container::before { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .modal { z-index: 999999; overflow: hidden; } .modal__container::before { content: ""; background: #000; z-index: 1; opacity: 0; transform: scale(0.97); transition: transform .3s .3s, opacity .3s .3s; } .modal__container .umbraco-forms-navigation { float: none !important; margin-left: 0 !important; margin-right: 0 !important; } .modal__back { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; margin: 0; padding: 0; } .modal__main { position: absolute; top: 50%; left: 50%; width: 100%; z-index: 4; height: auto; width: 100%; max-height: 100%; border-radius: 5px; overflow: auto; box-shadow: 2px 2px 10px -3px #000; opacity: 0; background: #fff; transform: translate(-50%, -65%); transition: transform .3s .2s, opacity .3s .2s; } @media (min-width: 576px) { .modal__main { max-width: 95%; max-height: 95%; } } @media (min-width: 1200px) { .modal__main { max-width: 50%; max-height: 90%; } } .modal__main .container { max-width: 100%; } .modal__close { position: absolute; display: block; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; margin: 0; padding: 0; z-index: 3; opacity: 0; transition: transform .3s, opacity .3s; } .modal__close::before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3px; box-shadow: 1px 2px 6px -1px #343a40; transition: transform .3s, opacity .3s; transform: scale(0.75); opacity: 0; } .modal__close:hover::before { transform: scale(1); opacity: 1; } .modal__close-btn { display: block; width: inherit; height: inherit; z-index: 2; background: #E50000; border-radius: 3px; opacity: 0; transition: opacity .3s .3s; } .modal__close-btn::before, .modal__close-btn::after { position: absolute; top: 50%; left: 0; content: ""; display: block; width: 30px; height: 2px; margin: -1px 5px 0; transition: transform .2s, opacity .1s; background: #ffffff; opacity: 0; } .modal__close-btn::before { transform: rotate(67deg) translate(-2px, -2px); } .modal__close-btn::after { transform: rotate(-22deg) translate(2px, -2px); } .modal__content { position: relative; z-index: 2; } .modal__checkbox { position: absolute; left: -9999px; } .modal__checkbox:checked + .modal__container { pointer-events: all; } .modal__checkbox:checked + .modal__container::before { opacity: .4; transform: scale(1); transition: transform .3s .0s, opacity .3s .0s; } .modal__checkbox:checked + .modal__container .modal__back, .modal__checkbox:checked + .modal__container .modal__back-btn, .modal__checkbox:checked + .modal__container .modal__main, .modal__checkbox:checked + .modal__container .modal__close, .modal__checkbox:checked + .modal__container .modal__close-btn { pointer-events: all; transform: translate(0%, 0); opacity: 1; } .modal__checkbox:checked + .modal__container .modal__main { transform: translate(-50%, -50%); transition: transform .3s .3s, opacity .3s .3s; } .modal__checkbox:checked + .modal__container .modal__close { transition: opacity .2s .4s; } .modal__checkbox:checked + .modal__container .modal__close-btn { opacity: 1; transition: opacity .2s .0s; } .modal__checkbox:checked + .modal__container .modal__close-btn::before { transform: rotate(45deg) translate(0px, 0px); opacity: 1; transition: transform .2s .5s, opacity .1s .5s; } .modal__checkbox:checked + .modal__container .modal__close-btn::after { transform: rotate(-45deg) translate(0px, 0px); opacity: 1; transition: transform .2s .5s, opacity .1s .5s; } .vehicleDetail { padding-top: 30px; /*.vehicleDetailCarMakeModel { @include media-breakpoint-down(sm) { font-size: 1.5em; } }*/ } .vehicleDetail .vehicleDetailCarMakeModel { font-size: 1.9rem; } .vehicleDetail .vehicleDetailCarVariant { font-size: 1rem; } .vehicleDetail .vehicleDetailPrice { background-color: #E50000; padding: 0.5rem 1rem; } .vehicleDetail .vehicleDetailPrice .bticon { font-size: 2em; } @media (max-width: 1899.98px) { .vehicleDetail .vehicleDetailPrice { font-size: 0.9em; } } .vehicleDetail .vehicleDetailPrice, .vehicleDetail .vehicleDetailPrice * { color: #ffffff; } .vehicleDetail .vehicleDetailPrice .emphasized { font-size: 1.8em; font-weight: 500; } .vehicleDetail .vehicleDetailPrice .price-label { font-size: 0.8em; } .vehicleDetail .vehicleDetailPrice .priceDetails { font-size: 0.8em; } @media (max-width: 575.98px) { .vehicleDetail .vehicleDetailPrice { font-size: 1em; } .vehicleDetail .vehicleDetailPrice .bticon { font-size: 2.5em; } .vehicleDetail .vehicleDetailPrice .emphasized { font-size: 2.1em; } } .vehicleDetail .socialMediaAndPrint { font-size: 2em; text-align: right; color: #E50000; } .vehicleDetail .socialMediaAndPrint #share { font-size: 0.5em !important; } .vehicleDetail #carDetailSidebar p.cta-label { color: #E50000; margin-bottom: 0px !important; } .vehicleDetail #carDetailSidebar .similarCars .similarCar { line-height: 1.4; } .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarMakeModel { font-size: 0.8em; } .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarVariant { font-size: 0.6em; } @media (min-width: 1900px) { .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarVariant { font-size: 0.7em; } } .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarPrice span { color: #28a745; } .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarDetails { font-size: 0.6em; } @media (min-width: 1900px) { .vehicleDetail #carDetailSidebar .similarCars .similarCar .similarCarDetails { font-size: 0.8em; } } .vehicleDetail #carDetailSidebar .departmentAddress p { font-size: .8em; font-weight: 500; } .vehicleDetail #carDetailContent .carSlideshow { margin-bottom: 30px; } .vehicleDetail #carDetailContent .extraCarCTAMobileContainer .cta p { font-size: 0.6em; } .vehicleDetail #carDetailContent .extraCarCTAMobileContainer .extraCarCtas { /*padding-bottom: 0px !important; padding-top: 0px !important;*/ } .vehicleDetail #carDetailContent .carQuickSpecs { margin-bottom: 30px; } .vehicleDetail #carDetailContent .carQuickSpecs .bticon { font-size: 2em; position: absolute; display: inline-block; width: 2rem; margin-left: -3rem; margin-top: -.4em; } .vehicleDetail #carDetailContent .carQuickSpecs .quickSpecLabel { color: #6c757d; font-size: 0.7em; margin-bottom: .5em; } .vehicleDetail #carDetailContent .carQuickSpecs .quickSpecValue { margin-bottom: 30px; font-weight: 500; } @media (min-width: 576px) { .vehicleDetail #carDetailContent .carQuickSpecs .quickSpecValue { margin-bottom: 15px; } } .vehicleDetail #carDetailContent .carQuickSpecs p { margin-left: 3rem; } .vehicleDetail #carDetailContent .carDescription { margin-bottom: 30px; } .vehicleDetail #carDetailContent .carDescription h5 { font-size: 1em; font-weight: 600; } .vehicleDetail #carDetailContent .carDescription p { line-height: 2.0; } .vehicleDetail #carDetailContent .carEquipment { margin-bottom: 30px; } .vehicleDetail #carDetailContent .carEquipment h5 { font-size: 1em; font-weight: 600; } .vehicleDetail #carDetailContent .carEquipment ul { padding: 0; } .vehicleDetail #carDetailContent .carEquipment ul li { font-size: .8em; list-style: none; margin-bottom: .5em; } .vehicleDetail #carDetailContent .carEquipment ul li > span { padding-left: 2em; display: block; } .vehicleDetail #carDetailContent .carEquipment ul li > span .bticon { color: #E50000; position: absolute; margin-left: -2em; } .vehicleDetail #carDetailContent .carSpecs h5 { font-size: 1em; font-weight: 600; } .vehicleDetail #carDetailContent .carSpecs .bticon { font-size: 2em; } .vehicleDetail #carDetailContent .carSpecs .carSpec span { color: grey; font-size: 0.7em; } .vehicleDetail .specificationsGroup { padding-bottom: 30px; } .vehicleDetail .specificationsGroup h5 { padding-top: .5em; padding-bottom: .5em; } .vehicleDetail .specificationsGroup .iconColumn { position: absolute; } .vehicleDetail .specificationsGroup .iconColumn .bticon { font-size: 2em; } .vehicleDetail .specificationsGroup .contentColumn { position: relative; margin-left: 3em; } .vehicleSearch { background-color: #f8f9fa; } .vehicleSearch .vehicleSearchCounter { color: #E50000; } .vehicleSearch button[name="ResetButton"] { background-color: transparent !important; background: none !important; border: none; } .vehicleSearch button[name="ResetButton"] .icon-Reset { display: block; transition: 0.5s; } .vehicleSearch button[name="ResetButton"] .icon-Reset:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /*transition: all .3s ease;*/ } .vehicleSearch .vehicleCount span { color: #E50000; } .vehicleSearch .rangeSliderLabel { display: block; font-weight: bold; font-size: .9em; } .vehicleSearch .rangeSliderLabel .disabled { color: #adb5bd; } .vehicleList .vehicleImage { position: relative; } .vehicleList .vehicleImage img { position: absolute; right: 0; left: 0; top: 0; height: 100%; object-fit: cover; } .vehicleList .vehicleImage.play-icon::after { background-color: transparent; background-position: 50%; background-repeat: no-repeat; background-image: url("/Icons/play-icon.svg"); background-size: 35%; cursor: pointer; height: 100%; opacity: 0.5; position: absolute; top: 0; left: 0; width: 100%; content: ""; } .vehicleList .vehicleImage.play-icon:hover:after { opacity: 0.75; } .vehicleList a { display: block; text-decoration: none; border: 1px solid #F3F3F3; } .vehicleList .vehicleCount span { color: #E50000; } .vehicleList .vehicleDetails { background-color: #ffffff; color: #000000; border: 1px solid #f8f9fa; } .vehicleList .vehicleDetails .modelMake h5 { margin-bottom: 0.2em; } .vehicleList .vehicleDetails .variant { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: auto; margin-bottom: 0.3em; padding: 0 15px; font-size: 0.8rem; min-height: 1.1rem; } .vehicleList .vehicleDetails .price .value { font-size: 1.8em; color: #E50000; } .vehicleList .vehicleDetails .price .label { color: #000000; font-size: 0.8rem; } .vehicleList .vehicleDetails .quickDetails { font-size: 0.83333em; font-weight: 600; } .vehicleList .vehicleDetails .quickDetails span { font-size: 0.76923em; color: #adb5bd; font-weight: 500; } .departmentDetail { padding-top: 30px; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee { text-align: center; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee .employeeOccupation { font-size: 0.8em; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee .employeeImage img { border-radius: 50%; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee .bticon { font-size: 1.2em; line-height: 1.3; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee .bticon.circle { width: 2em; height: 2em; margin: 0; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeePhone, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeMobilePhone, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeEmail { margin: 0px; padding: 0px; } .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeePhone .bticon.circle.filled, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeePhone .bticon.rounded.filled, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeMobilePhone .bticon.circle.filled, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeMobilePhone .bticon.rounded.filled, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeEmail .bticon.circle.filled, .departmentDetail .departmentContentWrapper .departmentDetailEmployee.departmentDetailEmployeeRedo .employeeEmail .bticon.rounded.filled { background-color: transparent; color: #E50000; display: inline; } .departmentDetail .departmentDetailContact p { font-size: 0.8em; } .departmentDetail .departmentDetailContact .departmentOpeningHours { font-size: 0.8em; } .departmentDetail .departmentDetailContact .cta-label { font-size: 0.7em; font-weight: 500; display: inline-block; line-height: 0.7; color: #E50000; } .employees { max-height: 0px; opacity: 0; overflow: hidden; transition: opacity .3s; } .employees--visible { max-height: none; opacity: 1; } .employees h3 { font-weight: bold; } .departments { padding-top: 30px; } .departments h1 { font-size: 1.78571rem; } .departments h3 { font-size: 1.4em; font-weight: 500; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper { position: absolute; right: 0; left: 0; bottom: 0; transition: all .2s ease-in-out; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); color: #ffffff; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .departmentsDetail { float: left; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper h3 { font-size: 1.2rem; text-shadow: 0 0 2px #000000; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper p { font-size: 0.75rem; text-shadow: 0 0 2px #000000; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .departmentsCTA { right: 20px; position: absolute; bottom: 20px; /*font-size: 2em;*/ transition: all .2s ease-in-out; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper * { margin-bottom: 0px; color: #ffffff; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .bticon { font-size: 2em; padding: .1em; line-height: .5em; border-color: #ffffff; transition: background linear .5s; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .bticon:before { font-size: .5em; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .bticon:hover { background-color: #ffffff; color: #E50000; } .departments .departmentsWrapper .departmentImage:hover .departmentsDetailWrapper, .departments .departmentsWrapper .departmentImage:hover .departmentsCTA { transition: all .2s ease; padding-bottom: 30px; } .campaigns { padding-top: 30px; } .campaigns h1 { font-size: 1.78571rem; } .campaigns .campaignLink { color: #000000; overflow: hidden; } .campaigns .campaignLink p { position: absolute; bottom: 10px; } .campaigns a { border: 2px solid #e9ecef; } .campaigns h3 { font-size: 1.25em; font-weight: 500; margin-bottom: 0.2em; } .campaigns p { margin-bottom: 0px; font-size: 0.7em; font-weight: 500; } .campaigns .contentBox h2 { overflow: hidden; text-overflow: ellipsis; } @media (max-width: 991.98px) { .campaigns h2 { font-size: 1.2em; } } .campaigns .campaignsImage { position: relative; margin-top: -2px; margin-left: -2px; margin-right: -2px; } .campaign { padding-top: 30px; } .campaign h1.campaignTitle { margin-bottom: 0em; font-weight: 600; } .campaign p.campaignTitle { font-size: 0.8em; } .campaign .campaignsRelated .campaignRelated a { color: #000000; } .newsArticles { padding-top: 30px; } .newsArticles h1 { font-size: 1.78571rem; } .newsArticles .newsArticlesImage { display: block; position: relative; } .newsArticles .newsArticlesImage .newsArticlesDetailWrapper { position: absolute; right: 0; left: 0; bottom: 0; transition: all .2s ease-in-out; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); color: #ffffff; } .newsArticles .newsArticlesImage:hover .newsArticlesDetailWrapper { transition: all .2s ease; padding-bottom: 30px; } .newsArticles a { border: 2px solid #e9ecef; } .newsArticles h3 { font-size: 1.4em; font-weight: 500; text-shadow: 0em 0em 0.3em rgba(0, 0, 0, 0.95); margin-bottom: 0.2em; } .newsArticles p { margin-bottom: 0px; font-size: 0.7em; font-weight: 500; } @media (max-width: 991.98px) { .newsArticles h2 { font-size: 1.2em; } } .newsArticle { padding-top: 30px; } .newsArticle .newsArticleImage { position: relative; } .newsArticle .newsArticleImage img { position: absolute; right: 0; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover; width: 100%; height: 100%; } .newsArticle .newsArticleImage .newsArticleImgOverlay { position: absolute; right: 0; left: 0; bottom: 0; transition: all .2s ease-in-out; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black); color: #ffffff !important; } .newsArticle .newsArticleImage .newsArticleImgOverlay h1 { margin-bottom: .2em; font-size: 1.78571rem; } .newsArticle .newsArticleImage .newsArticleImgOverlay h1, .newsArticle .newsArticleImage .newsArticleImgOverlay p { text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.5); } .newsArticle .newsArticleImage .newsArticleImgOverlay p { margin-bottom: 0px; } .newsArticle .contentBox { overflow: hidden; text-overflow: ellipsis; } @media (max-width: 991.98px) { .newsArticle h2 { font-size: 1.2em; } } /* TODO: Refactor to SASS structure */ .santanderWidget .santander-wrapper { /*font-family: 'Open sans', sans-serif;*/ position: relative; font-size: 1em; z-index: 1; margin: 0 0 30px 0; } @media (max-width: 767px) { .santanderWidget .santander-wrapper { margin: -40px 0 30px 0; } } .santanderWidget .santander-wrapper .santander-wrapper-inner { border: 1px solid #9D9D9D; background: #fff; /*.santander-header-pricetag { display: block; font-size: 16px; text-align: left; letter-spacing: 2px; }*/ /*kommer senere*/ /*.santander-marker20 { position: absolute; left: 25%; top: 0; width: 1px; height: 30px; z-index: 10000; border-left: 2px dashed #ff0000; margin-top: -8px; } .santander-marker20-text { position: absolute; left: 25%; bottom: 0; height: 30px; z-index: 10000; margin-bottom: -32px; margin-left: -11px; font-size: 16px; color: #ff0000; font-weight: bold; } .santander-cta { color: #2fdc8c !important; } .santander-cta-button { background: #29c37c !important; padding: 10px 20px; color: #fff !important; display: inline-block; } .santander-cta-button .glyphicon { color: #2f7364 !important; }*/ } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-spinner-wrapper { position: absolute; width: 100%; height: 100%; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-spinner-wrapper .santander-spinner-overlay { position: absolute; width: 100%; height: 100%; background: #000; z-index: 100000; opacity: 0.4; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-spinner-wrapper .santander-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border-radius: 50%; border: 12px solid #E50000; border-top-color: #ff1919; animation: santander-spinner .8s linear infinite; z-index: 1000000; } @keyframes santander-spinner { to { transform: rotate(360deg); } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper { background: #595959; letter-spacing: .1em; /*font-size: $baseline-font-size * 1.70;*/ } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header { color: #fff; padding: 30px 15px 15px 15px; text-align: center; position: relative; } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header { text-align: center; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-pricetag { display: none; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header:nth-of-type(1) { padding-top: 30px; padding-bottom: 30px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header:nth-of-type(4) { padding: 0; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-background-light { position: absolute; width: calc(100% + 30px); height: 100%; margin: -30px; background: #9D9D9D; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-value { display: block; font-size: 1.7em; font-weight: 600; margin-top: -8px; /*letter-spacing: 5px;*/ position: relative; } @media (min-width: 768px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-value { /*font-size: 44px;*/ margin-top: -6px; } } @media (min-width: 992px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-value { /*font-size: 40px;*/ margin-top: -15px; } } @media (min-width: 1200px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-value { /*font-size: 44px;*/ margin-top: -15px; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-description { display: block; /*font-size: 16px;*/ text-align: center; /*letter-spacing: 2px;*/ } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header .santander-header-description { text-align: center; /*font-size: 13px;*/ } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header-cta { bottom: 15px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header-cta .santander-calculator-cta { padding: 20px; background: #E50000; text-align: center; color: #fff; /*font-size: 20px;*/ font-weight: 600; cursor: pointer; width: 100%; /*letter-spacing: 2px;*/ } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header-cta .santander-calculator-cta { /*font-size: 20px;*/ } } @media (min-width: 992px) and (max-width: 1199px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header-cta .santander-calculator-cta { /*font-size: 18px;*/ } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-header-wrapper .santander-header-cta .santander-calculator-cta.disabled { background: #acacac; cursor: default; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator { background: #fff; min-height: 100px; } @media (max-width: 767px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator { padding: 0 15px; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options { /*letter-spacing: 1px;*/ margin: 20px 0 20px 0; font-size: 24px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-slider-wrapper { margin: 44px 0 0 0; font-size: 18px; } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-slider-wrapper { font-size: 16px; margin: 20px 0 0 0; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-slider-wrapper .santander-slider-text { font-weight: 600; /*letter-spacing: 2px;*/ } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-slider-wrapper .santander-slider-text div { padding: 0 15px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .slider.slider-horizontal { width: 100%; margin-top: 5px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .slider .slider-track { height: 4px; background-image: linear-gradient(to bottom, #f5f5f5 0, #f5f5f5 100%); } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .slider .slider-selection { height: 4px; background-image: linear-gradient(to bottom, #E50000 0, #E50000 100%); background-color: #E50000; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .slider .slider-handle { margin-top: -3px; border: 4px solid #E50000; background-color: #fff; background-image: none; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-calculator-headline { display: block; /*font-weight: 600;*/ /*letter-spacing: 2px;*/ font-size: 1em; text-align: center; } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-options .santander-calculator-headline { /*font-size: 24px;*/ margin-bottom: 40px; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details { margin: 15px 0; padding: 10px 20px 1px 20px; background: #f2f2f2; font-size: 0.8em; /*font-size: 14px;*/ } @media (max-width: 575.98px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details { font-size: 0.66667em; padding: 10px 0px; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details > .row > div { margin-bottom: 10px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details .santander-calculator-details-price { text-align: right; padding-left: 0; } @media (min-width: 992px) and (max-width: 1199px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details .santander-calculator-details-price { /*font-size: 12px;*/ } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details .row { margin: 8px -15px; } @media (max-width: 767px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-calculator .santander-calculator-details .row { margin: 8px 0; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-terms { background: #fff; font-size: 10px; margin-bottom: 15px; } @media (max-width: 991px) { .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-calculator-wrapper .santander-terms { padding: 0 15px !important; } } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-error { background: #c42525; color: #fff; padding: 15px 30px; text-align: center; margin-bottom: -1px; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-error span { display: block; } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-error span:nth-child(1) { /*font-size: 14px;*/ } .santanderWidget .santander-wrapper .santander-wrapper-inner .santander-error span:nth-child(2) { /*font-size: 14px;*/ } .siteSearch { padding-top: 30px; } .bambora input[type=submit] { display: block; width: 100%; } .bambora label { display: block; font-size: 0.875em; font-weight: bold; } /* These styles are assignable to grid elements by using Umbraco backoffice */ .predefined-style-primary { background-color: #E50000; } .predefined-style-primary, .predefined-style-primary p, .predefined-style-primary h1, .predefined-style-primary h2, .predefined-style-primary h3, .predefined-style-primary h4, .predefined-style-primary h5, .predefined-style-primary h6, .predefined-style-primary a { color: #ffffff; } .predefined-style-secondary { background-color: #314149; } .predefined-style-secondary, .predefined-style-secondary p, .predefined-style-secondary h1, .predefined-style-secondary h2, .predefined-style-secondary h3, .predefined-style-secondary h4, .predefined-style-secondary h5, .predefined-style-secondary h6, .predefined-style-secondary a { color: #ffffff; } .predefined-style-tertiary { background-color: #dc3545; } .predefined-style-tertiary, .predefined-style-tertiary p, .predefined-style-tertiary h1, .predefined-style-tertiary h2, .predefined-style-tertiary h3, .predefined-style-tertiary h4, .predefined-style-tertiary h5, .predefined-style-tertiary h6, .predefined-style-tertiary a { color: #ffffff; } /* Global */ #breadcrumbs { background: #eaeaea; } h1 { font-size: 2.250em !important; } h2 { font-size: 1.625em !important; } h3 { font-size: 1.250em !important; } h4 { font-size: 1.125em !important; } h5 { font-size: 1em !important; } h6 { font-size: 0.875em !important; } #content .btn-primary { color: #ffffff !important; } #content .btn-primary, #content .btn-quaternary, #content .btn-outline-secondary { text-shadow: none; } #content .bt-slideshow-slide h1, #content .bt-slideshow-video h1 { font-size: calc(min(2.250em, 4vw)) !important; } #content .bt-slideshow-slide h2, #content .bt-slideshow-video h2 { font-size: calc(min(1.625em, 3vw)) !important; } #content .bt-slideshow-slide p, #content .bt-slideshow-video p { font-size: calc(min(1em, 3vw)); margin-bottom: calc(min(1.5rem, 3vw)) !important; } #content .bt-slideshow-slide a.btn, #content .bt-slideshow-video a.btn { font-size: calc(min(1rem, 2.5vw)); padding: calc(min(0.7rem, 1.5vw)) calc(min(1.3rem, 2vw)); } .ddbh-header { width: 100%; position: relative; display: flex; justify-content: flex-start; } .ddbh-header .ddbh-main-menu { flex-grow: 1; position: relative; } .ddbh-header .ddbh-main-menu .navbar-brand { padding-top: 0.6em; padding-bottom: 0.6em; max-height: 90px; } @media (max-width: 991.98px) { .ddbh-header .ddbh-main-menu .navbar-brand { max-width: 60%; padding-left: 12px; } } @media (min-width: 1200px) { .ddbh-header .ddbh-main-menu #main-menu { position: absolute; bottom: 0px; } .ddbh-header .ddbh-main-menu #main-menu .navbar-nav .nav-item a { font-size: 0.9em; } } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader { white-space: nowrap; position: relative; height: 40px; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader button { background-color: #ced4da; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader > a, .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader > input { position: absolute; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader > a:last-child { right: 0; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader form { display: block; width: auto; margin: 0 30%; } @media (min-width: 768px) { .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader { top: 15px; right: 50px; position: absolute; height: auto; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader > a, .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader > input { position: relative; } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader form { display: inline-block; margin: 0 15px; } } @media (min-width: 992px) { .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader { right: 30px; } } .ddbh-header .ddbh-main-menu .ddbh-webshopAndSearchHeader .btn-primary { color: #ffffff; } .ddbh-header .ddbh-makes { width: 135px; height: 135px; margin-right: auto; white-space: nowrap; border-collapse: collapse; position: relative; margin-top: -3pt; margin-bottom: -4pt; border-bottom-left-radius: 5pt; border-bottom-right-radius: 5pt; box-shadow: 0 1pt 1pt rgba(0, 0, 0, 0.5); z-index: 100; background-color: #ffffff; border: 1px solid #e9ecef; overflow: hidden; } @media (min-width: 992px) { .ddbh-header .ddbh-makes { min-height: 80pt; } } .ddbh-header .ddbh-makes > div { margin-right: -1px; height: 100%; } .ddbh-header .ddbh-makes > div > div { width: 50%; height: 50%; position: relative; float: left; text-align: center; overflow: hidden; object-position: center; border-top: 1px solid #e9ecef; border-right: 1px solid #e9ecef; } .ddbh-header .ddbh-makes > div > div.singleMake { width: 100%; height: 100%; float: right; } .ddbh-header .ddbh-makes > div > div .logo { object-fit: contain; position: relative; top: 50%; transform: translateY(-50%); max-height: 100%; max-width: 100%; padding: 6px; } .ddbh-header .ddbh-makes > div .singleMake { display: block; position: relative; text-align: center; overflow: hidden; object-position: center; border-top: 1px solid #e9ecef; border-right: 1px solid #e9ecef; width: 100%; height: 100%; float: right; } .ddbh-header .ddbh-makes > div .singleMake__text { font-family: 'ToyotaType', sans-serif; font-size: .8em; position: absolute; top: 7px; left: 0; width: 100%; text-align: center; z-index: 1; color: #000; } .ddbh-header .ddbh-makes > div .singleMake__text img { display: inline-block; width: 12px; padding-bottom: 3px; } .ddbh-header .ddbh-makes > div .singleMake__text .--container { display: inline-block; padding-left: 5px; } .ddbh-header .ddbh-makes > div .singleMake .logo { object-fit: contain; position: relative; top: 50%; transform: translateY(-50%); max-height: 100%; max-width: 100%; padding: 6px; } /*Tables*/ .tableScroll { position: relative; width: 100%; max-width: 100%; z-index: 1; margin: auto; overflow: auto; } /*Tables End*/ /*Vehicle Search*/ .vehicleSearch { border: 1px solid #e8e8e8; } .vehicleSearch .vehicleSearchCounterText { font-size: 0.750em; } .vehicleSearch form .form-group .form-control { font-size: 1em; } .vehicleSearch form .form-group .form-control:not(textarea) { border: 1px solid #e8e8e8; } .vehicleSearch form .form-group label { font-size: 1em; } .vehicleSearch form .form-group #fuelConsumptionRange, .vehicleSearch form .form-group #priceRange { color: #252525; } .vehicleSearch form .form-group #resetButton, .vehicleSearch form .form-group #searchButton, .vehicleSearch form .form-group #searchButtonEmpty { font-size: 1em; border-radius: 2em; } .vehicleSearch form .form-group .fullTextSearchValue { font-size: 1.25em; } @media (min-width: 576px) { .vehicleSearch form .slider.slider-horizontal { margin: 0 10px; display: block; width: auto; } } .vehicleSearch .advancedSearch__button { color: #6f6f6f; position: absolute; left: -9999px; } .vehicleSearch .toyotaPlusCheckbox { font-size: 1em; font-weight: 400; } .vehicleSearch .toyotaPlusCheckbox input { position: absolute; opacity: 0; height: 0; width: 0; } .vehicleSearch .toyotaPlusCheckbox input:checked ~ .checkmark { background-color: #d8d8d8; } .vehicleSearch .toyotaPlusCheckbox input:checked ~ .checkmark:after { display: block; } .vehicleSearch .toyotaPlusCheckbox .checkmark:after { left: 0.3125rem; top: 0.125rem; width: 0.5rem; height: 0.625rem; border: solid #343a40; border-width: 0 0.125rem 0.125rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .vehicleSearch .toyotaPlusCheckbox img { margin-left: 2rem; } .vehicleSearch .checkmark { cursor: pointer; position: absolute; top: 1.725rem; left: 0.875rem; height: 1.375rem; width: 1.375rem; border: 0.125rem solid #979797; background-color: #d8d8d8; } .vehicleSearch .checkmark:after { content: ""; position: absolute; display: none; } .vehicleSearch .headline h2 { display: inline-block; margin-right: 0.5rem; font-size: 32px !important; font-weight: bold; } .vehicleSearch .headline p { display: inline-block; } input[type="checkbox"] { cursor: pointer; width: 100%; height: 0; margin: 0; border: 0 none; padding: 0; } input[type="checkbox"]:after { content: url("../../Icons/arrowRightGray.png"); } input[type="checkbox"]:before { content: "Udvidet søgning"; margin-right: 8px; } input[type="checkbox"]:checked:after { content: url("../../Icons/arrowUpGray.png"); } .advancedSearch__label { padding: 0; margin: 15px 0 0; color: #6f6f6f; cursor: pointer; font-size: 1em; } .advancedSearch__label::after { content: url(../../Icons/arrowRightGray.png); margin: 0 0 0 10px; } .advancedSearch__button::before, .advancedSearch__button::after { content: ""; display: none; } .advancedSearch__button:checked::before, .advancedSearch__button:checked::after { content: ""; display: none; } .advancedSearch__button:checked + .advancedSearch__label::after { content: url(../../Icons/arrowUpGray.png); } /*Vehicle List*/ .vehicleList .vehicleCount { font-size: 1em !important; } .vehicleList .vehicle .modelMake { font-size: 1.188em; font-weight: 500; } .vehicleList .vehicle .modelMake h5 { margin-bottom: 0.3em; } .vehicleList .vehicle .variant { font-size: 0.813em; margin-bottom: 0.6em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vehicleList .vehicle .modelMake, .vehicleList .vehicle .variant { color: #000000; } .vehicleList .vehicleDetails { border: 1px solid #e8e8e8; } .vehicleList .vehicleDetails .price .value { font-size: 1.913em; font-weight: 500; margin-top: 0.4rem; } .vehicleList .vehicleDetails .price .label { color: #343434; font-size: 0.750em; font-weight: 700; } .vehicleList .vehicleDetails .quickDetails { font-size: 0.813em; font-weight: 500; line-height: 18px; } .vehicleList .vehicleDetails .quickDetails span { font-size: 0.688em; color: #565656; } .vehicleList .vehicleDetails.py-3 { padding-bottom: 0.4rem !important; padding-top: 0.4rem !important; } /*Vehicle Detail*/ .vehicleDetail #carDetailSidebar .carQuickSpecs .quickSpecValue { font-size: 0.813em; } .vehicleDetail #carDetailSidebar .vehicleDetailPrice { margin-top: -1.7em; } .vehicleDetail .contentBox.gray { background-color: #f7f7f7; border: solid 1px #e8e8e8; } .vehicleDetail .vehicleDetailCarMakeModel { letter-spacing: 0.01px; } .vehicleDetail .vehicleDetailCarVariant { font-size: 0.750em; letter-spacing: 0.66px; } .vehicleDetail .carCTAButtons button { font-size: 0.750em; letter-spacing: 1.14px; width: 100%; padding: 0.495rem 0.75rem; border-radius: 0.50rem; } .vehicleDetail .vehicleDetailPrice { background: none; padding: 0px; } .vehicleDetail .vehicleDetailPrice * { color: #E50000; } .vehicleDetail .vehicleDetailPrice .emphasized { font-size: 1.688em; } .vehicleDetail .vehicleDetailPrice .price-label { font-size: 0.625em; letter-spacing: 1px; } .vehicleDetail .carQuickSpecs .carQuickSpec span { color: #314149; font-size: 0.65em; letter-spacing: 1.41px; } .vehicleDetail .carQuickSpecs .carQuickSpec .quickSpecValue { color: #314149; font-size: 0.938em; letter-spacing: 1px; } .vehicleDetail .carInformationCTAContainer .extraCarCtas .cta { font-size: 0.7em; color: #E50000; } @media (max-width: 780px) { .vehicleDetail #carDetailSidebar { padding-right: 0px; padding-left: 0px; } } .vehicleDetail #carDetailSidebar .departmentAddress p { font-size: 0.688em; font-weight: 500; line-height: 1.7; letter-spacing: 1px; } .vehicleDetail #carDetailContent h5 { letter-spacing: 1.09px; } .vehicleDetail #carDetailContent .carDescription p { font-size: 0.875em; letter-spacing: 1px; line-height: 1.5em; } .vehicleDetail #carDetailContent .carEquipment span { font-size: 0.875em; line-height: 27px; letter-spacing: 1px; } .vehicleDetail #carDetailContent .carSpecs h6 { font-size: 0.875em; } .vehicleDetail #carDetailContent .carSpecs .carSpec span { font-size: 0.688em; letter-spacing: 1.41px; } .vehicleDetail #carDetailContent .collapseToggle { background-color: #e8e8e8; padding-bottom: 5px; } .vehicleDetail #carDetailContent .collapseToggle span { font-size: 0.688em; color: #252525; letter-spacing: 1px; font-weight: bold; } .vehicleDetail #carDetailContent .collapsedContent .overlay { background: none; } .vehicleDetail .toyotaPlusContainer { font-size: .875em; font-weight: 600; background: #f8f9fa; } .vehicleDetail .toyotaPlusContainer h5 { font-weight: 700; margin-bottom: .5em; font-size: 1.5em !important; letter-spacing: normal !important; font-family: 'ToyotaType', sans-serif; } .vehicleDetail .toyotaPlusContainer .col { flex-basis: 0; flex-grow: 1; max-width: 100%; display: grid; font-family: 'ToyotaType', sans-serif; } .vehicleDetail .toyotaPlusContainer .col img { margin-left: auto; margin-right: auto; height: 4rem; } .vehicleDetail .hybridDescription h5 { font-size: 1.25rem !important; line-height: 1.25rem !important; margin-bottom: .8em !important; font-weight: 700 !important; line-height: 1.2 !important; color: #000000 !important; font-family: 'ToyotaType', sans-serif !important; } .vehicleDetail .hybridDescription h6 { font-size: 1rem !important; line-height: 1rem !important; margin-bottom: .8em !important; font-weight: 500 !important; line-height: 1.2 !important; color: #000000 !important; font-family: 'ToyotaType', sans-serif !important; } /*Department list*/ .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .departmentsDetail p { font-size: 0.750em; } .departments .departmentsWrapper .departmentImage .departmentsDetailWrapper .departmentsCTA { right: 15px; position: absolute; bottom: 3px; transition: all .2s ease-in-out; } /* Department Detail */ .departmentDetail .departmentSidebarWrapper .contentBox { border: solid 1px #e8e8e8; background: #f7f7f7; } .departmentDetail .departmentSidebarWrapper .contentBox h3 { letter-spacing: 1.22px; font-weight: bold; } .departmentDetail .departmentSidebarWrapper .contentBox .departmentDetailContact .departmentAddress p { font-size: 0.8em; font-weight: 700; line-height: 1.7; letter-spacing: 1px; } .departmentDetail .departmentSidebarWrapper .contentBox .departmentDetailContact .bticon { font-size: 1em; } .departmentDetail .departmentSidebarWrapper .contentBox .departmentDetailContact .cta-label { font-size: 0.8em; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .departmentDetail .departmentSidebarWrapper .contentBox .departmentDetailContact .openingHours { font-size: 0.9em; line-height: 45px; letter-spacing: 1.02px; } .departmentDetail .departmentContentWrapper h4 { font-size: 1.438em; letter-spacing: 1.22px; } .departmentDetail .departmentContentWrapper p { font-size: 1.000em; line-height: 26px; letter-spacing: 1.22px; } /* Employee Card */ .departmentDetailEmployee img { border: solid 1px #e8e8e8; } .departmentDetailEmployee p.employeeName { font-size: 0.875em; } .departmentDetailEmployee p.employeeOccupation { color: #909090; font-size: 0.750em; } .departmentDetailEmployee a.employeePhone, .departmentDetailEmployee a.employeeEmail, .departmentDetailEmployee a.employeeMobilePhone { color: #333; font-size: 0.750em; display: block; } .departmentDetailEmployee .employeeContactDetailsWrapper .bticon.rounded, .departmentDetailEmployee .employeeContactDetailsWrapper .bticon.circle { border-color: #909090; } .departmentDetailEmployee .employeeContactDetailsWrapper .bticon.rounded.filled, .departmentDetailEmployee .employeeContactDetailsWrapper .bticon.circle.filled { background-color: #909090; color: #ffffff; /* TODO: This should be calculated */ } .departmentDetailEmployee .employeeContactDetailsWrapper .employeePhone { margin-right: -10px; } .departmentDetailEmployee .employeeContactDetailsWrapper .employeeEmail { margin-left: -10px; } .departmentDetailEmployee .employeeContactDetailsWrapper .employeeLinkedIn { margin-left: -10px; } .departmentDetailEmployee .employeeContactDetailsWrapper .employeeIcons { margin-left: 0.2em !important; margin-right: 0.2em !important; } /* Forms */ .umbraco-forms-page .umbraco-forms-field label { font-size: 0.875em; font-weight: bold; } html { } html > body, html p, html h1, html h2, html h3, html h4, html h5, html h6, html .h1, html .h2, html .h3, html .h4, html .h5, html .h6 { font-family: 'ToyotaType', sans-serif; } html.fiat, html.fiat-professional, html.mitsubishi, html.jeep { font-family: 'ToyotaType', sans-serif; /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');*/ } html.fiat > body, html.fiat p, html.fiat h1, html.fiat h2, html.fiat h3, html.fiat h4, html.fiat h5, html.fiat h6, html.fiat .h1, html.fiat .h2, html.fiat .h3, html.fiat .h4, html.fiat .h5, html.fiat .h6, html.fiat-professional > body, html.fiat-professional p, html.fiat-professional h1, html.fiat-professional h2, html.fiat-professional h3, html.fiat-professional h4, html.fiat-professional h5, html.fiat-professional h6, html.fiat-professional .h1, html.fiat-professional .h2, html.fiat-professional .h3, html.fiat-professional .h4, html.fiat-professional .h5, html.fiat-professional .h6, html.mitsubishi > body, html.mitsubishi p, html.mitsubishi h1, html.mitsubishi h2, html.mitsubishi h3, html.mitsubishi h4, html.mitsubishi h5, html.mitsubishi h6, html.mitsubishi .h1, html.mitsubishi .h2, html.mitsubishi .h3, html.mitsubishi .h4, html.mitsubishi .h5, html.mitsubishi .h6, html.jeep > body, html.jeep p, html.jeep h1, html.jeep h2, html.jeep h3, html.jeep h4, html.jeep h5, html.jeep h6, html.jeep .h1, html.jeep .h2, html.jeep .h3, html.jeep .h4, html.jeep .h5, html.jeep .h6 { font-family: 'ToyotaType', sans-serif; /*font-family: 'Open Sans', Arial, sans-serif;*/ } html.alfa-romeo > body, html.alfa-romeo p { font-family: 'ToyotaType', sans-serif; /*font-family: 'apexnew-book', sans-serif;*/ } html.alfa-romeo h1, html.alfa-romeo h2, html.alfa-romeo h3, html.alfa-romeo h4, html.alfa-romeo h5, html.alfa-romeo h6, html.alfa-romeo .h1, html.alfa-romeo .h2, html.alfa-romeo .h3, html.alfa-romeo .h4, html.alfa-romeo .h5, html.alfa-romeo .h6, html.alfa-romeo .ddbh-main-menu .nav-item { font-family: 'ToyotaType', sans-serif; /*font-family: 'apexnew-book', sans-serif;*/ /*font-weight: 700;*/ } html.alfa-romeo .btn-primary { background-color: #8f0c25; border-color: #8f0c25; color: #ffffff; } html.alfa-romeo .btn-outline-primary { border-color: #8f0c25; color: #ffffff; } html.alfa-romeo .btn-outline-primary:hover { color: #ffffff; background-color: #8f0c25; } html.alfa-romeo #top-menu-container { background-color: #8f0c25; } html.alfa-romeo #main-menu-container .navbar-nav .nav-item.active a { border-color: #8f0c25; } html.alfa-romeo #breadcrumbs ol li.active, html.alfa-romeo > footer .text-secondary { color: #8f0c25 !important; } html.alfa-romeo #main-menu-container .navbar-nav .nav-item.active a { background-color: #8f0c25; color: #ffffff; } @media (min-width: 992px) { html.alfa-romeo #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #8f0c25; } } html.alfa-romeo #content a, html.alfa-romeo a.cta, html.alfa-romeo .departmentDetail .departmentDetailContact .cta-label, html.alfa-romeo .departmentDetail .departmentDetailContact .bticon { color: #8f0c25; } html.alfa-romeo #content a .bticon.rounded, html.alfa-romeo #content a .bticon.circle, html.alfa-romeo a.cta .bticon.rounded, html.alfa-romeo a.cta .bticon.circle, html.alfa-romeo .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.alfa-romeo .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.alfa-romeo .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.alfa-romeo .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #8f0c25; } html.alfa-romeo #content a .bticon.rounded.filled, html.alfa-romeo #content a .bticon.circle.filled, html.alfa-romeo a.cta .bticon.rounded.filled, html.alfa-romeo a.cta .bticon.circle.filled, html.alfa-romeo .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.alfa-romeo .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.alfa-romeo .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.alfa-romeo .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #8f0c25; color: #ffffff; /* TODO: This should be calculated */ } html.toyota > body, html.toyota p, html.toyota h1, html.toyota h2, html.toyota h3, html.toyota h4, html.toyota h5, html.toyota h6, html.toyota .h1, html.toyota .h2, html.toyota .h3, html.toyota .h4, html.toyota .h5, html.toyota .h6, html.toyota .ddbh-main-menu .nav-item { font-family: 'ToyotaType', sans-serif; } html.toyota .btn-primary { background-color: #e50000; border-color: #e50000; color: #ffffff; } html.toyota .btn-outline-primary { border-color: #e50000; color: #ffffff; } html.toyota .btn-outline-primary:hover { color: #ffffff; background-color: #e50000; } html.toyota #top-menu-container { background-color: #e50000; } html.toyota #main-menu-container .navbar-nav .nav-item.active a { border-color: #e50000; } html.toyota #breadcrumbs ol li.active, html.toyota > footer .text-secondary { color: #e50000 !important; } html.toyota #main-menu-container .navbar-nav .nav-item.active a { background-color: #e50000; color: #ffffff; } @media (min-width: 992px) { html.toyota #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #e50000; } } html.toyota #content a, html.toyota a.cta, html.toyota .departmentDetail .departmentDetailContact .cta-label, html.toyota .departmentDetail .departmentDetailContact .bticon { color: #e50000; } html.toyota #content a .bticon.rounded, html.toyota #content a .bticon.circle, html.toyota a.cta .bticon.rounded, html.toyota a.cta .bticon.circle, html.toyota .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.toyota .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.toyota .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.toyota .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #e50000; } html.toyota #content a .bticon.rounded.filled, html.toyota #content a .bticon.circle.filled, html.toyota a.cta .bticon.rounded.filled, html.toyota a.cta .bticon.circle.filled, html.toyota .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.toyota .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.toyota .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.toyota .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #e50000; color: #ffffff; /* TODO: This should be calculated */ } html.fiat .btn-primary, html.fiat-professional .btn-primary { background-color: #ad0c33; border-color: #ad0c33; color: #ffffff; } html.fiat .btn-outline-primary, html.fiat-professional .btn-outline-primary { border-color: #ad0c33; color: #ffffff; } html.fiat .btn-outline-primary:hover, html.fiat-professional .btn-outline-primary:hover { color: #ffffff; background-color: #ad0c33; } html.fiat #top-menu-container, html.fiat-professional #top-menu-container { background-color: #ad0c33; } html.fiat #main-menu-container .navbar-nav .nav-item.active a, html.fiat-professional #main-menu-container .navbar-nav .nav-item.active a { border-color: #ad0c33; } html.fiat #breadcrumbs ol li.active, html.fiat > footer .text-secondary, html.fiat-professional #breadcrumbs ol li.active, html.fiat-professional > footer .text-secondary { color: #ad0c33 !important; } html.fiat #main-menu-container .navbar-nav .nav-item.active a, html.fiat-professional #main-menu-container .navbar-nav .nav-item.active a { background-color: #ad0c33; color: #ffffff; } @media (min-width: 992px) { html.fiat #main-menu-container .navbar-nav .nav-item.active a, html.fiat-professional #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #ad0c33; } } html.fiat #content a, html.fiat a.cta, html.fiat .departmentDetail .departmentDetailContact .cta-label, html.fiat .departmentDetail .departmentDetailContact .bticon, html.fiat-professional #content a, html.fiat-professional a.cta, html.fiat-professional .departmentDetail .departmentDetailContact .cta-label, html.fiat-professional .departmentDetail .departmentDetailContact .bticon { color: #ad0c33; } html.fiat #content a .bticon.rounded, html.fiat #content a .bticon.circle, html.fiat a.cta .bticon.rounded, html.fiat a.cta .bticon.circle, html.fiat .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.fiat .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.fiat .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.fiat .departmentDetail .departmentDetailContact .bticon .bticon.circle, html.fiat-professional #content a .bticon.rounded, html.fiat-professional #content a .bticon.circle, html.fiat-professional a.cta .bticon.rounded, html.fiat-professional a.cta .bticon.circle, html.fiat-professional .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.fiat-professional .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.fiat-professional .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.fiat-professional .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #ad0c33; } html.fiat #content a .bticon.rounded.filled, html.fiat #content a .bticon.circle.filled, html.fiat a.cta .bticon.rounded.filled, html.fiat a.cta .bticon.circle.filled, html.fiat .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.fiat .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.fiat .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.fiat .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled, html.fiat-professional #content a .bticon.rounded.filled, html.fiat-professional #content a .bticon.circle.filled, html.fiat-professional a.cta .bticon.rounded.filled, html.fiat-professional a.cta .bticon.circle.filled, html.fiat-professional .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.fiat-professional .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.fiat-professional .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.fiat-professional .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #ad0c33; color: #ffffff; /* TODO: This should be calculated */ } html.mitsubishi .btn-primary { background-color: #e51412; border-color: #e51412; color: #ffffff; } html.mitsubishi .btn-outline-primary { border-color: #e51412; color: #ffffff; } html.mitsubishi .btn-outline-primary:hover { color: #ffffff; background-color: #e51412; } html.mitsubishi #top-menu-container { background-color: #e51412; } html.mitsubishi #main-menu-container .navbar-nav .nav-item.active a { border-color: #e51412; } html.mitsubishi #breadcrumbs ol li.active, html.mitsubishi > footer .text-secondary { color: #e51412 !important; } html.mitsubishi #main-menu-container .navbar-nav .nav-item.active a { background-color: #e51412; color: #ffffff; } @media (min-width: 992px) { html.mitsubishi #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #e51412; } } html.mitsubishi #content a, html.mitsubishi a.cta, html.mitsubishi .departmentDetail .departmentDetailContact .cta-label, html.mitsubishi .departmentDetail .departmentDetailContact .bticon { color: #e51412; } html.mitsubishi #content a .bticon.rounded, html.mitsubishi #content a .bticon.circle, html.mitsubishi a.cta .bticon.rounded, html.mitsubishi a.cta .bticon.circle, html.mitsubishi .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.mitsubishi .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.mitsubishi .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.mitsubishi .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #e51412; } html.mitsubishi #content a .bticon.rounded.filled, html.mitsubishi #content a .bticon.circle.filled, html.mitsubishi a.cta .bticon.rounded.filled, html.mitsubishi a.cta .bticon.circle.filled, html.mitsubishi .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.mitsubishi .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.mitsubishi .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.mitsubishi .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #e51412; color: #ffffff; /* TODO: This should be calculated */ } html.iveco > body, html.iveco p, html.iveco h1, html.iveco h2, html.iveco h3, html.iveco h4, html.iveco h5, html.iveco h6, html.iveco .h1, html.iveco .h2, html.iveco .h3, html.iveco .h4, html.iveco .h5, html.iveco .h6 { font-family: 'ToyotaType', sans-serif; /*font-family: 'gillsans', sans-serif;*/ } html.iveco .btn-primary { background-color: #00336f; border-color: #00336f; color: #ffffff; } html.iveco .btn-outline-primary { border-color: #00336f; color: #ffffff; } html.iveco .btn-outline-primary:hover { color: #ffffff; background-color: #00336f; } html.iveco #top-menu-container { background-color: #00336f; } html.iveco #main-menu-container .navbar-nav .nav-item.active a { border-color: #00336f; } html.iveco #breadcrumbs ol li.active, html.iveco > footer .text-secondary { color: #00336f !important; } html.iveco #main-menu-container .navbar-nav .nav-item.active a { background-color: #00336f; color: #ffffff; } @media (min-width: 992px) { html.iveco #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #00336f; } } html.iveco #content a, html.iveco a.cta, html.iveco .departmentDetail .departmentDetailContact .cta-label, html.iveco .departmentDetail .departmentDetailContact .bticon { color: #00336f; } html.iveco #content a .bticon.rounded, html.iveco #content a .bticon.circle, html.iveco a.cta .bticon.rounded, html.iveco a.cta .bticon.circle, html.iveco .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.iveco .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.iveco .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.iveco .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #00336f; } html.iveco #content a .bticon.rounded.filled, html.iveco #content a .bticon.circle.filled, html.iveco a.cta .bticon.rounded.filled, html.iveco a.cta .bticon.circle.filled, html.iveco .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.iveco .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.iveco .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.iveco .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #00336f; color: #ffffff; /* TODO: This should be calculated */ } html.volkswagen > body, html.volkswagen p { font-family: 'ToyotaType', sans-serif; /*font-family: 'vwtext', sans-serif;*/ } html.volkswagen h1, html.volkswagen h2, html.volkswagen h3, html.volkswagen h4, html.volkswagen h5, html.volkswagen h6, html.volkswagen .h1, html.volkswagen .h2, html.volkswagen .h3, html.volkswagen .h4, html.volkswagen .h5, html.volkswagen .h6, html.volkswagen .ddbh-main-menu .nav-item { font-family: 'ToyotaType', sans-serif; /*font-family: 'vwhead', sans-serif;*/ } html.volkswagen .btn-primary { background-color: #0099da; border-color: #0099da; color: #ffffff; } html.volkswagen .btn-outline-primary { border-color: #0099da; color: #ffffff; } html.volkswagen .btn-outline-primary:hover { color: #ffffff; background-color: #0099da; } html.volkswagen #top-menu-container { background-color: #0099da; } html.volkswagen #main-menu-container .navbar-nav .nav-item.active a { border-color: #0099da; } html.volkswagen #breadcrumbs ol li.active, html.volkswagen > footer .text-secondary { color: #0099da !important; } html.volkswagen #main-menu-container .navbar-nav .nav-item.active a { background-color: #0099da; color: #ffffff; } @media (min-width: 992px) { html.volkswagen #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #0099da; } } html.volkswagen #content a, html.volkswagen a.cta, html.volkswagen .departmentDetail .departmentDetailContact .cta-label, html.volkswagen .departmentDetail .departmentDetailContact .bticon { color: #0099da; } html.volkswagen #content a .bticon.rounded, html.volkswagen #content a .bticon.circle, html.volkswagen a.cta .bticon.rounded, html.volkswagen a.cta .bticon.circle, html.volkswagen .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.volkswagen .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.volkswagen .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.volkswagen .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #0099da; } html.volkswagen #content a .bticon.rounded.filled, html.volkswagen #content a .bticon.circle.filled, html.volkswagen a.cta .bticon.rounded.filled, html.volkswagen a.cta .bticon.circle.filled, html.volkswagen .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.volkswagen .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.volkswagen .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.volkswagen .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #0099da; color: #ffffff; /* TODO: This should be calculated */ } html.jeep .btn-primary { background-color: #0c6cec; border-color: #0c6cec; color: #ffffff; } html.jeep .btn-outline-primary { border-color: #0c6cec; color: #ffffff; } html.jeep .btn-outline-primary:hover { color: #ffffff; background-color: #0c6cec; } html.jeep #top-menu-container { background-color: #0c6cec; } html.jeep #main-menu-container .navbar-nav .nav-item.active a { border-color: #0c6cec; } html.jeep #breadcrumbs ol li.active, html.jeep > footer .text-secondary { color: #0c6cec !important; } html.jeep #main-menu-container .navbar-nav .nav-item.active a { background-color: #0c6cec; color: #ffffff; } @media (min-width: 992px) { html.jeep #main-menu-container .navbar-nav .nav-item.active a { background-color: transparent; color: #0c6cec; } } html.jeep #content a, html.jeep a.cta, html.jeep .departmentDetail .departmentDetailContact .cta-label, html.jeep .departmentDetail .departmentDetailContact .bticon { color: #0c6cec; } html.jeep #content a .bticon.rounded, html.jeep #content a .bticon.circle, html.jeep a.cta .bticon.rounded, html.jeep a.cta .bticon.circle, html.jeep .departmentDetail .departmentDetailContact .cta-label .bticon.rounded, html.jeep .departmentDetail .departmentDetailContact .cta-label .bticon.circle, html.jeep .departmentDetail .departmentDetailContact .bticon .bticon.rounded, html.jeep .departmentDetail .departmentDetailContact .bticon .bticon.circle { border-color: #0c6cec; } html.jeep #content a .bticon.rounded.filled, html.jeep #content a .bticon.circle.filled, html.jeep a.cta .bticon.rounded.filled, html.jeep a.cta .bticon.circle.filled, html.jeep .departmentDetail .departmentDetailContact .cta-label .bticon.rounded.filled, html.jeep .departmentDetail .departmentDetailContact .cta-label .bticon.circle.filled, html.jeep .departmentDetail .departmentDetailContact .bticon .bticon.rounded.filled, html.jeep .departmentDetail .departmentDetailContact .bticon .bticon.circle.filled { background-color: #0c6cec; color: #ffffff; /* TODO: This should be calculated */ } @media (min-width: 768px) { .ddbh-webshopAndSearchHeader.mobileSearch { display: none; } .ddbh-webshopAndSearchHeader.mobileSearch form { margin: 0 !important; } } @media (max-width: 991.98px) { .ddbh-webshopAndSearchHeader.mobileSearch form { margin: 0 !important; } } #main-menu-container .icon-bar { background-color: #E50000; } .video-wrapper { text-align: center; } .video-wrapper iframe { max-width: 100%; } footer { overflow: hidden; } footer h5, footer p { margin-bottom: 0; } .vehicleLabel::after { border-right: 13px solid transparent; border-top: 31px solid transparent; bottom: 0; content: ''; height: 0; position: absolute; right: -13px; width: 0; } .vehicleLabel.LabelSold::after { border-top-color: #dc3545; } .vehicleLabel.LabelDemo::after { border-top-color: #f9aa25; } .vehicleLabel.LabelNew::after { border-top-color: #1068b2; } .vehicleLabel.LabelCampaign::after { border-top-color: #28a745; } .vehicleLabel.LabelReserved::after { border-top-color: #f9aa25; } .vehicleLabel.LabelLeasing::after { border-top-color: #1068b2; } .vehicleLabel.LabelFactoryNew::after { border-top-color: black; } .vehicleLabel.LabelHybrid::after { border-top-color: #00a0f0; } .topscroll { position: fixed; display: block; bottom: 85px; right: 0; transform: translate(110%, 0px); transition: transform .3s; border: 0; margin: 0; padding: 20px 0 0; cursor: pointer; background: #E50000; color: #ffffff; box-shadow: 1px 1px 6px -2px #000; outline: 0; overflow: hidden; z-index: 99; } .topscroll.-is-visible { transform: translate(0%, 0px); } .topscroll::before { content: "ꜛ"; display: block; line-height: 30px; text-align: center; font-size: 2rem; width: 50px; margin: 0; padding: 0; } #content [class^="col-"] > .contentItem-wrapper, #content [class^="col-"] > .contentItem { height: 100%; } .bt-slideshow-video.light > div { color: #ffffff; } .bt-slideshow-video.light > div > * { text-shadow: 0px 0px 3px #000000; } .tooltip-inner { padding: 1.5rem; max-width: 350px; background-color: #000000; } @media print { @page { margin: 0; /* this affects the margin in the printer settings */ } body { -webkit-print-color-adjust: exact; } a[href]:after { content: none !important; } #top-menu, #main-menu, #breadcrumbs, body > footer { display: none !important; } } @media print { .auws-engagement-widget, .topscroll { display: none !important; } .vehicleDetail .bt-slideshow-prev, .vehicleDetail .bt-slideshow-next, .vehicleDetail .bt-slideshow-controls, .vehicleDetail .carInformationCTAContainer, .vehicleDetail .overlay, .vehicleDetail .vehicleList, .vehicleDetail .collapseToggle, .vehicleDetail .primaryCTAs, .vehicleDetail .Terratype, .vehicleDetail iframe, .vehicleDetail .carCTAButtons, .vehicleDetail .equipmentsList, .vehicleDetail #Coi-Renew, .vehicleDetail #jyskeFinansDetailsError, .vehicleDetail .inline-gallery-container, .vehicleDetail .carSpecs .iconColumn, .vehicleDetail .jyskeFinans-header-wrapper, .vehicleDetail .jyskeFinans-calculator, .vehicleDetail .santander-header-cta, .vehicleDetail #santanderWidget .slider, .vehicleDetail #santanderWidget .santander-calculator-headline, .vehicleDetail .hybridDescription img { display: none !important; } .vehicleDetail .bt-slideshow-viewport { display: block !important; } .vehicleDetail .bt-slideshow-viewport > img:first-of-type { display: block !important; opacity: 1 !important; z-index: 3 !important; } .vehicleDetail .hybridDescription { padding-bottom: 20px !important; } .vehicleDetail .hybridDescription .col-12 { margin-bottom: 0 !important; } .vehicleDetail .hybridDescription .col-6 { flex: 0 0 100%; max-width: 100%; padding-bottom: 0 !important; padding-right: 0 !important; padding-left: 0 !important; } .vehicleDetail .hybridDescription .col-6 h6 { text-align: left !important; padding: 0 !important; margin: 0 0 5px !important; font-size: 0.8em !important; } .vehicleDetail .hybridDescription .col-6 h6::before { content: "\E00E"; font-family: "bticons"; display: inline-block; width: 30px; height: 10px; color: #E50000; } .vehicleDetail .col-md-6, .vehicleDetail .col-lg-8, .vehicleDetail .col-lg-4 { flex: 0 0 50%; max-width: 50%; } .vehicleDetail .contentBox.gray { background-color: #fff !important; } .vehicleDetail .carInformationDesktopContainer { order: 1; } .vehicleDetail #carDetailContent { order: 2; } .vehicleDetail #carDetailContent .carEquipment span { line-height: 1.5; } .vehicleDetail #carDetailContent .carSpecs { page-break-before: always; margin-left: -107%; margin-top: 30px; } .vehicleDetail #carDetailContent .carSpecs .col-6 { flex: 0 0 33%; max-width: 33%; margin: 0; } .vehicleDetail #carDetailContent .carSpecs .carSpec span { display: inline-block; line-height: 1.2; } .vehicleDetail .jyskeFinans-calculator-details { margin-top: 0 !important; } .vehicleDetail .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner { border: 1px solid #e9ecef; } .vehicleDetail .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-terms { background: transparent; } .vehicleDetail #santanderWidget .santander-calculator-options .santander-slider-wrapper, .vehicleDetail #carDetailContent .carEquipment ul li, .vehicleDetail #carDetailContent .carSpecs .carSpec, .vehicleDetail #carDetailContent .carSpecs .contentColumn, .vehicleDetail #carDetailContent .carSpecs .contentColumn h6 { margin: 0px !important; } .vehicleDetail #santanderWidget .santander-calculator { min-height: auto !important; } .vehicleDetail .collapsedContent { height: unset !important; } } @media print and (min-width: 768px) { .vehicleDetail .collapsedContent .collapsedContentWrap .row li { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media print { .newsArticle aside { display: none; } } @media print { .campaigns { display: none; } } .jyskeFinansWidget .jyskeFinans-wrapper { /*font-family: 'Open sans', sans-serif;*/ position: relative; font-size: 1em; z-index: 1; margin: 0 0 30px 0; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner { border: 1px solid #9D9D9D; background: #fff; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper { position: absolute; width: 100%; height: 100%; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper .jyskeFinans-spinner-overlay { position: absolute; width: 100%; height: 100%; background: #000; z-index: 100000; opacity: 0.4; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper .jyskeFinans-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border-radius: 50%; border: 12px solid #E50000; border-top-color: #ff1919; animation: jyskeFinans-spinner .8s linear infinite; z-index: 1000000; } @keyframes jyskeFinans-spinner { to { transform: rotate(360deg); } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper { background: #595959; letter-spacing: .1em; /*font-size: $baseline-font-size * 1.70;*/ } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header { color: #fff; padding: 30px 15px 15px 15px; text-align: center; position: relative; } @media (max-width: 991px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header { text-align: center; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-pricetag { display: none; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) { padding-top: 30px; padding-bottom: 30px; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(4) { padding: 0; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-background-light { position: absolute; width: calc(100% + 30px); height: 100%; margin: -30px; background: #9D9D9D; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { display: block; font-weight: 600; margin-top: -8px; /*letter-spacing: 5px;*/ position: relative; } @media (min-width: 768px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { /*font-size: 44px;*/ margin-top: -6px; } } @media (min-width: 992px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { /*font-size: 40px;*/ margin-top: -15px; } } @media (min-width: 1200px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { /*font-size: 44px;*/ margin-top: -15px; } } @media (max-width: 991px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { text-align: center; font-size: 27px; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description { display: block; } @media (max-width: 991px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description { text-align: center; font-size: 16px; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper { padding: 2rem 2rem 1rem 2rem; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator { background: #fff; min-height: 100px; } @media (max-width: 767px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator { padding: 0 15px; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider.slider-horizontal { width: 100%; margin-top: 5px; margin-left: 0px !important; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track { height: 4px; background-image: linear-gradient(to bottom, #f5f5f5 0, #f5f5f5 100%); } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track .slider-selection { height: 4px; background-image: linear-gradient(to bottom, #E50000 0, #E50000 100%); background-color: #E50000; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track .slider-rangeHighlight.jyskeFinans-invalidRange { background: #ff0000; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-handle { border: 4px solid #E50000; background-color: #fff; background-image: none; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details { margin: 15px 0; padding: 10px 20px 1px 20px; background: #f2f2f2; font-size: 0.8em; /*font-size: 14px;*/ } @media (max-width: 575.98px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details { font-size: 0.66667em; padding: 10px 0px; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details > .row > div { margin-bottom: 10px; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details .jyskeFinans-calculator-details-price { text-align: right; padding-left: 0; } @media (min-width: 992px) and (max-width: 1199px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details .jyskeFinans-calculator-details-price { /*font-size: 12px;*/ } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details .row { margin: 8px -15px; } @media (max-width: 767px) { .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-calculator-details .row { margin: 8px 0; } } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-terms { background: #fff; font-size: 12px; margin-bottom: 15px; padding: 0 2rem; text-align: center; /*@media (max-width: 991px) { padding: 0 15px !important; }*/ } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error { background: #c42525; color: #fff; padding: 15px 30px; text-align: center; margin-bottom: -1px; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error span { display: block; } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error span:nth-child(1) { /*font-size: 14px;*/ } .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error span:nth-child(2) { /*font-size: 14px;*/ } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner { width: 100%; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper { display: flex; justify-content: start; flex-wrap: wrap; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) { width: 50%; padding: 0px; padding-left: 10px; padding-top: 10px; background-color: #595959; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) .jyskeFinans-header-description { padding: 0px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) .jyskeFinans-header-value { padding: 0px; line-height: 40px; padding-top: 5px; padding-bottom: 5px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) { width: 100%; background-color: #929292; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) .jyskeFinans-header-value { line-height: 50px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header-cta { width: 100%; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-headline { display: block; font-size: 24px; } @media (max-width: 991px) { .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-headline { text-align: center; margin-bottom: 2rem; } } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper { display: flex; justify-content: start; flex-wrap: wrap; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator { width: 100%; padding: 0px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-slider-text { font-size: 18px; font-weight: bold; margin-top: 10px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details { display: flex; justify-content: start; flex-wrap: wrap; width: 100%; padding-top: 10px; padding-bottom: 10px; background-color: #f2f2f2; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .jyskeFinans-calculator-details-text { width: 60%; font-size: 14px; line-height: 30px; text-align: left; padding-left: 20px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .jyskeFinans-calculator-details-price { width: 40%; font-size: 14px; line-height: 30px; text-align: right; padding-right: 20px; } @media (min-width: 990px) { .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper { flex-wrap: nowrap; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-calculator { width: 100%; padding: 0px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-calculator .jyskeFinans-slider-wrapper { margin-bottom: 20px; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) { width: 33.33%; background-color: #595959; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) .jyskeFinans-header-description { padding: 0px; padding-left: 10px; font-size: 16px; text-align: left; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value, .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) .jyskeFinans-header-value { padding: 0px; padding-left: 10px; font-size: 38px; line-height: 60px; padding-top: 10px; padding-bottom: 5px; text-align: left; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header-rent { background-color: #929292; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper { flex-wrap: nowrap; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator { width: 66.66%; } .jyskeFinansDealerFinance .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details { width: 33.33%; margin-right: 0px; margin-left: 30px; } } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper { position: relative; font-size: 1em; z-index: 1; margin: 0 0 30px 0; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner { width: 100%; border: 1px solid #9D9D9D; background: #fff; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper { position: absolute; width: 100%; height: 100%; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper .jyskeFinans-spinner-overlay { position: absolute; width: 100%; height: 100%; background: #000; z-index: 100000; opacity: 0.4; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-spinner-wrapper .jyskeFinans-spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; border-radius: 50%; border: 12px solid #E50000; border-top-color: #ff1919; animation: jyskeFinans-spinner .8s linear infinite; z-index: 1000000; } @keyframes jyskeFinans-spinner { to { transform: rotate(360deg); } } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper { display: flex; justify-content: start; flex-wrap: wrap; background: #595959; letter-spacing: .1em; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header { color: #fff; padding: 20px 0 5px 0; text-align: center; position: relative; text-align: center; width: 50%; background-color: #595959; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description { padding: 0px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-pricetag { display: none; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(1) { width: 100%; background-color: #929292; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header:nth-of-type(4) { padding: 0; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-background-light { position: absolute; width: calc(100% + 30px); height: 100%; margin: -30px; background: #9D9D9D; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-value { display: block; font-weight: 600; margin-top: -6px; position: relative; font-size: 24px; padding: 0px; line-height: 40px; padding-top: 5px; padding-bottom: 5px; text-align: center; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header .jyskeFinans-header-description { display: block; text-align: center; font-size: 16px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-header-wrapper .jyskeFinans-header-cta { width: 100%; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper { padding: 2rem 1rem 0 1rem; display: flex; justify-content: start; flex-wrap: wrap; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator { background: #fff; min-height: 100px; width: 100%; padding: 0 15px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-slider-text { font-size: 18px; font-weight: bold; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider.slider-horizontal { width: 100%; margin-top: 5px; margin-left: 0px !important; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track { height: 4px; background-image: linear-gradient(to bottom, #f5f5f5 0, #f5f5f5 100%); } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track .slider-selection { height: 4px; background-image: linear-gradient(to bottom, #000000 0, #000000 100%); background-color: #000000; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-track .slider-rangeHighlight.jyskeFinans-invalidRange { background: #ff0000; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .slider .slider-handle { border: 4px solid #000000; background-color: #fff; background-image: none; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-cta-wrapper { margin-top: -.5rem; margin-bottom: 1rem; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator .jyskeFinans-cta-wrapper .jyskeFinans-cta { display: block; width: 100%; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details { margin: 15px 0; padding: 10px 20px 10px 20px; font-size: 0.66667em; padding: 10px 0px; display: flex; justify-content: start; flex-wrap: wrap; width: 100%; background-color: #f2f2f2; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details > .row > div { margin-bottom: 10px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .jyskeFinans-calculator-details-price { text-align: right; padding-left: 0; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .row { margin: 8px -15px; } @media (max-width: 767px) { .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .row { margin: 8px 0; } } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .jyskeFinans-calculator-details-text { width: 60%; font-size: 14px; line-height: 30px; text-align: left; padding-left: 20px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-wrapper .jyskeFinans-calculator-details .jyskeFinans-calculator-details-price { width: 40%; font-size: 14px; line-height: 30px; text-align: right; padding-right: 20px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-terms { background: #fff; font-size: 12px; margin-bottom: 15px; padding: 0 1rem; text-align: center; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error { background: #c42525; color: #fff; padding: 15px 30px; text-align: center; margin-bottom: -1px; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-error span { display: block; } .jyskeFinansDealerFinance .jyskeFinansWidget .jyskeFinans-wrapper .jyskeFinans-wrapper-inner .jyskeFinans-calculator-headline { display: block; font-size: 24px; text-align: center; margin-bottom: 2rem; } .jyskeFinans-brandLogo { max-width: 240px !important; display: inline-block; margin: 0 auto 15px auto; } /* Do not add any custom SCSS code here - edit or create and import a new file instead. */