/* Minification failed. Returning unminified contents.
(177,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2342,28): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2348,28): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2351,33): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color-rgb'
(2377,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2383,28): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2396,17): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2503,19): run-time error CSS1039: Token not allowed after unary operator: '-top'
(2524,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(2562,22): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2564,28): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2568,16): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2765,33): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2766,32): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2771,41): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color-rgb'
(2798,37): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2802,38): run-time error CSS1039: Token not allowed after unary operator: '-best-price-color'
(2866,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(2870,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2951,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-icon-color'
(3083,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3086,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3087,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3092,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3095,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3097,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3115,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3120,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3145,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3153,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3232,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(3233,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(3234,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(3236,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(3236,79): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(3237,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(3237,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(3253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3259,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(3264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
.LV_validation_message
{
    margin-top: 20px;
    position: absolute;
    left: 290px;
}
.LV_valid {
    bord:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid limegreen !important;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid red !important;
}

.Image{
    margin-bottom: -3px;
    height: 15px;
    width:20px;
}

.ImageDDL{
    margin-bottom: -2px;
    height: 15px;
    width:20px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-size: 14px;
    font-family: inherit;
}

/*-----------------------------------------------------------------------------------------------------------------*/
/* ui Spinner Styles */

.ui-spinner
{
    height: 28px;
}

    .ui-spinner input
    {
        /*width: 225px;*/
        border: 0 none;
        box-shadow: none;
        padding: 0;
        transition: none;
        -moz-transition: none;
        -webkit-transition: none;
        -o-transition: none;
    }

        .ui-spinner input[type="number"]:focus, .ui-spinner input[type="text"]:focus
        {
            border: none;
            box-shadow: none;
        }

        .input-prepend .ui-spinner
        {
            width: 226px;
        }

/*-----------------------------------------------------------------------------------------------------------------*/
/* ui Autocomplete */

.ui-autocomplete
{
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete
{
    height: 100px;
}

/* ui Datepicker */
.ui-datepicker-title select
{
    width: auto !important;
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*#region Default Screen Width */

/* ReSharper disable once CssBrowserCompatibility */

.broker-colour {
    color: var(--primary-color);
}

.customDatePadding {
    padding-left: 5px;
    padding-right: 5px;
}

.modal-body {
    text-align: left;
}

.btn-default {
    background: none;
    background-color: #fff;
    border: 2px solid #d7d7d7;
    border-radius: 3px;
    font-weight: 600;
    font-size: 16px;
}

    .btn-default:hover, .btn-default:focus {
        background: none;
    }

@media (max-width: 768px) {
    .col-xs-5 {
        text-align: center;
    }
}

#ctl00_MainContent_QuoteResults1_wucPremiumFinancePlan_btnPfpCall:hover {
    color: white;
}

.row.row-vertical-padding-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dateDropdowns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-group-inline .col-xs-6, .form-group-inline .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}

#ctl00_MainContent_AddressLookup_pnlAddressLookup {
    bottom: 10px !important;
    position: absolute !important;
    top: auto !important;
}

.popoverSelectedQuote > .arrow, .popoverSelectedQuote > .arrow:after {
    border-color: rgba(0, 0, 0, 0);
    border-style: none !important;
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

ul li.warning {
    color: #000;
    font-weight: bold;
}

.list-no-style {
    list-style: none outside none;
}

#divVehicleLookupCol1 {
    text-align: right;
}

.regTable {
    float: right;
    border-collapse: separate;
}

.form-control.VehicleRegistration {
    font-size: 30px;
    height: 45px !important;
    width: 250px;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

.input-group .VehicleRegistrationPrepend {
    background-image: url("../../Assets/img/irishEuro.jpg");
    height: 45px !important;
    width: 10px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.input-group .VanRegPrepend {
    background-image: url("../../Assets/img/irishEuro.jpg");
    height: 45px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.VehicleRegistrationImage {
    background-image: url("../../Assets/img/irishEuro.jpg");
    height: 45px !important;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.txtVanReg {
    font-size: 20px;
    height: 45px;
    line-height: 1;
    padding: 4px;
}

.btnVanRegLookup {
    font-size: 18px;
    line-height: 1.33;
    height: 45px;
}

#lnkVanManualLookupSwitch, #lnkVanRegLookupSwitch {
    font-weight: bold;
    text-decoration: underline;
}

.btnVehicleReg {
    border-radius: 6px;
    font-size: 18px;
    height: 45px !important;
    line-height: 1.33;
    padding: 10px 16px !important;
    margin-left: 0 !important;
}

#iSpinner {
    font-size: 40px;
}

#breadcrumbNav a:hover, #breadcrumbNav a:focus {
    outline: medium none;
}

.spacer-xs {
    clear: both;
    height: 10px;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

#ctl00_MainContent_InsuranceCoverRequired1_txtCoverStartTime {
    cursor: pointer;
}

/* ----- Captalization ----- */
/* Motor */
#ctl00_MainContent_MainDriverDetails1_tbYourDetailsForename, #ctl00_MainContent_MainDriverDetails1_tbYourDetailsSurname, #ctl00_MainContent_YourDetails1_tbYourDetailsAdd1,
#ctl00_MainContent_YourDetails1_tbYourDetailsAdd2, #ctl00_MainContent_YourDetails1_tbYourDetailsAdd3, #ctl00_MainContent_YourDetails1_tbYourDetailsAdd4,
#ctl00_MainContent_AddressLookup_tbYourDetailsAdd1, #ctl00_MainContent_AddressLookup_tbYourDetailsAdd2 {
    text-transform: capitalize;
}
/* QQMotor */
#ctl00_MainContent_DriverForename, #ctl00_MainContent_DriverSurname {
    text-transform: capitalize;
}

/* Home */
#ctl00_ContentPlaceHolder1_YourDetails_YourDetails_FirstName, #ctl00_ContentPlaceHolder1_YourDetails_YourDetails_Surname, #ctl00_ContentPlaceHolder1_wucAddressDetails_txtAddressLine1,
#ctl00_ContentPlaceHolder1_wucAddressDetails_txtAddressLine2, #ctl00_ContentPlaceHolder1_wucAddressDetails_txtPostalAddressLine1, #ctl00_ContentPlaceHolder1_wucAddressDetails_txtPostalAddressLine2 {
    text-transform: capitalize;
}
/* QQ Home */
#ctl00_MainContent_txtForename, #ctl00_MainContent_txtSurname {
    text-transform: capitalize;
}

#ctl00_ContentPlaceHolder1_wucYourDetails_txtForename, #ctl00_ContentPlaceHolder1_wucYourDetails_txtSurname {
    text-transform: capitalize;
}

#divCallMeForm input:not(#ctl00_Header1_wucCallMeAnytime_txtEmail) {
    text-transform: capitalize;
}

.input-group-addon {
    top: 0;
}
/* Custom Clearfix div with a specified height */
.clearfix-5 {
    margin-top: 5px;
}

.clearfix-10 {
    margin-top: 10px;
}

.clearfix-20 {
    margin-top: 20px;
}

.offscreen {
    display: none;
    left: -999px;
    position: absolute;
}

.form-control-lg {
    font-size: 16px;
    height: 42px;
    padding: 10px 16px;
}

.control-label-lg {
    font-size: 16px;
    padding-top: 11px !important;
}

.popoverSelectedQuote {
    color: #000;
}

.close-popover {
    margin-top: -30px;
}

.text-small {
    font-size: 85%;
}

.text-smaller {
    font-size: 11px;
    line-height: 1.2 !important;
}

.hr-sm {
    margin-bottom: 5px;
    margin-top: 5px;
}

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

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    background-image: none;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

.container {
    max-width: 1200px;
}

.HideAspNetValidators {
    display: none;
}

#AdminSummary .dropdown-menu {
    padding: 10px;
}

textarea {
    background-color: #F5F5F5 !important;
    resize: vertical;
}

#BrokerLogo {
    height: 50px;
    width: 122px;
    background-image: url("../../Images/RelayLogo.png");
    display: block;
    text-indent: -9999px;
    float: right;
    padding: 0;
}

#ctl00_Header1_lblQuoteRef {
    padding-right: 10px;
}

.DiscountValidator {
    display: none;
}

.btn-current-discounts {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
}

.navbar {
    margin-bottom: 10px;
}

.quote-navbar {
    background-image: none;
    background-color: #F5F5F5;
    border-color: #DCDCDC;
    padding-right: 15px;
    padding-left: 15px;
}

.modal {
    overflow-y: auto;
    z-index: 9999;
}

.modal-backdrop.in {
    opacity: 0;
    z-index: 1;
}

#modalAssumptions {
    top: auto;
}

.modal-body {
    padding-top: 10px;
    padding-bottom: 0;
}

    .modal-body .well {
        padding-bottom: 9px;
        padding-top: 9px;
    }

    .modal-body .form-group {
        margin-bottom: 0;
    }

.ModalPenaltyPoints .modal-dialog, .ModalClaim .modal-dialog, .ModalConviction .modal-dialog {
    max-width: 600px;
    width: auto;
}

.ModalClaim, .ModalPenaltyPoints, .ModalConviction {
    top: auto;
}

    .ModalPenaltyPoints .form-group, .ModalClaim .form-group, .ModalConviction .form-group, #modalRetrieveQuote .form-group {
        margin-bottom: 15px;
    }

.modal-dialog-800 {
    width: 800px;
}

#brokerDetails {
    margin-bottom: 0;
}

    #brokerDetails .col-lg-6.control-label {
        padding-top: 0;
    }

.LV_validation_message.LV_invalid {
    display: none;
}

#VehicleRegLookup .form-control.LV_invalid_field {
    border: 1px solid #CCCCCC !important;
}

/*#ManualVehicleSearch .form-control.LV_invalid_field {
    border: 1px solid #CCCCCC !important;
}*/

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

#divCallMeForm .form-control {
    margin-bottom: 10px;
}

#ctl00_Header1_wucCallMeAnytime_txtAdditional {
    resize: none;
    min-height: 60px;
}

#fsClaimDetailsAddPane .well {
    margin-top: 10px;
    margin-bottom: 0;
}

.form-control.VehicleRegistration {
    height: 50px;
    font-size: 30px;
    width: 250px;
}

.input-group .VehicleRegistrationPrepend {
    background-image: url('../../Assets/img/irishEuro.jpg');
    height: 50px;
    width: 10px;
}

.input-group .VehicleRegistrationPrependSmall {
    background-image: url("../../Assets/img/irishEuro.jpg");
    background-size: 24px 32px;
}

#divVehicleLookupCol2 button#SearchWithReg,
#divSecondaryVehicleLookupCol2 button#SecondarySearchWithReg {
    width: 100%;
}

.input-group-addon .fa-lg {
    font-size: 1.15em;
}

.btnVehicleReg {
    border-radius: 6px 6px 6px 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 12px 16px;
    margin-left: 10px;
}

.vehicleSelection {
    font-weight: bold;
}

.VehicleClass {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
}

.SelectedVehicle {
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
}

.muted {
    color: #999999;
}

.well {
    background-image: none;
    border: none;
}

.well-danger {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}

.DeleteClaim {
    float: right;
    margin-right: -20px;
    margin-top: -20px;
    position: absolute;
    right: 0;
}

.assumptionsCheckDiv {
    display: inline-block;
    margin: 0 auto;
}

a:hover, a:focus {
    text-decoration: none;
}

.a-default {
    color: #428BCA !important;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.quote-ref {
    color: #333 !important;
}

label {
    font-weight: normal;
}

.TextBoxCapatcha {
    font-size: 25pt !important;
    margin: 0 auto;
    min-height: 50px;
    text-align: center;
    width: 200px;
}

.table th, .table td {
    text-align: center;
}

.table-hover > tbody > tr:hover > td {
    background-color: #ddd;
    border-color: #ddd;
}

.schemeName {
    font-weight: bolder;
    min-width: 90px;
    padding-left: 5px;
    text-align: left !important;
    font-size: 13px;
}

.popoverLabel {
    border-bottom: 1px dotted;
    cursor: help;
    display: inline;
}

.selectLnk .btn {
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    width: 125px;
}

.ConfigGridLeft, .ConfigGridRight {
    margin-left: 10px;
    width: 98%;
    border: 0;
}

    .ConfigGridLeft td, .ConfigGridLeft th, .ConfigGridRight td, .ConfigGridRight th {
        border: none;
    }

.QuoteSummaryDetails {
    width: 65%;
    text-align: left !important;
}

.QuoteSummaryDesc {
    width: 35%;
    font-weight: bolder;
    text-align: left !important;
}

.Quotes {
    font-size: 13px;
}

    .Quotes ul {
        margin-bottom: 0;
    }

    .Quotes .panel-heading {
        padding-left: 5px;
        padding-right: 5px;
        min-height: 80px;
    }

    .Quotes .panel-title {
        font-size: 13px;
    }

.quote-result-box-xs-hidden .glyphicon {
    font-size: 25px;
}

.quote-result-box-xs-hidden .glyphicon-ok-sign {
    color: #25d025;
}

.quote-result-box-xs-hidden .glyphicon-remove-sign {
    color: #FF0000;
}

.quote-results-list ul {
    margin: 0;
    padding: 0;
}

.quote-results-list li {
    vertical-align: middle;
}

.quote-price {
    font-size: 22px;
    font-weight: bold;
}

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

.no-shadow {
    box-shadow: none;
}

.divMoreDetails {
    margin-top: -5px;
}

.divMoreDetailsLarge {
    position: absolute;
}

.notes-list {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    padding-left: 20px;
}

    .notes-list li {
        margin-left: 10px;
    }

.row-buy-now-only td, .row-accept-only td {
    border-top: none !important;
}

    .row-buy-now-only td:first-child, .row-accept-only td:first-child {
        font-size: 16px !important;
    }

    .row-buy-now-only td:last-child input, .row-accept-only td:last-child input {
        font-size: 16px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

.row-buy-now-only .quote-price, .row-accept-only .quote-price {
    font-size: 18px;
}

.panel-default > .panel-heading {
    background-image: none;
}

.well.panel-default > .panel-heading {
    border: 0;
}

.panel-default > .panel-heading-alternate {
    background-image: none;
    background-color: #e8e8e8;
}

.panel-no-border {
    border: none;
}

.btn-quote-select {
    font-size: 14px;
    min-width: 60px;
    white-space: normal;
}

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

.quote-result-box {
    float: none;
    text-align: center;
}

.quote-product-box {
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

.quote-result-box-xs-hidden {
    font-size: 15px;
    display: none;
    text-align: center;
}

.quote-results-header {
    padding-left: 5px;
}

    .quote-results-header li {
        font-size: 11px;
        vertical-align: middle;
    }

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

.table-quote-payments {
    margin-bottom: 5px;
}

    .table-quote-payments tr td {
        vertical-align: middle !important;
        width: 50%;
    }

    .table-quote-payments tr:first-child td {
        border-top: none !important;
    }

#tableQuotes th {
    font-size: 13px;
}

.selectLnk a span {
    font-size: 18px;
}

.selectLnk a {
    width: 100% !important;
}

.btn.clearfix.btn-base {
    border: 1px solid #CCCCCC;
}

fieldset {
    border: 0 none;
    margin: 0 0 20px;
    padding: 0;
}

#divSpecifiedItems .control-label {
    text-align: left;
}

#breadcrumbHome, #breadcrumbMotor, #breadcrumbSelfService {
    width: 100%;
    margin: 0;
}

    #breadcrumbMotor li, #breadcrumbHome li {
        width: 100%;
        text-align: center;
    }

        #breadcrumbHome li a, #breadcrumbMotor li a {
            cursor: default;
        }

    #breadcrumbHome a:hover, #breadcrumbHome a:focus, #breadcrumbMotor a:hover, #breadcrumbMotor a:focus {
        color: #777777;
    }

    #breadcrumbHome .active a:hover, #breadcrumbHome .active a:focus, #breadcrumbMotor .active a:hover, #breadcrumbMotor .active a:focus {
        color: #3A87AD;
    }

    #breadcrumbHome .complete a:hover, #breadcrumbHome .complete a:focus, #breadcrumbMotor .complete a:hover, #breadcrumbMotor .complete a:focus {
        color: #468847;
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #D9EDF7;
    color: #3A87AD;
}

.navbar-default .navbar-nav > .complete > a, .navbar-default .navbar-nav > .complete > a:hover, .navbar-default .navbar-nav > .complete > a:focus {
    background-color: #DFF0D8;
    color: #468847;
}

.breadcrumbBorder {
    border-left: none;
}

.radioButtons {
    display: inline-block;
}

    .radioButtons label {
        display: inline-block;
        float: left;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

    .radioButtons td {
        width: 50px;
    }

.AcceptanceWell {
    width: auto;
    text-align: center;
}

.navbar-nav > li > a {
    line-height: 5px;
}

/* Payment */

.PaymentOptionWell {
    background: none;
    background-color: #fff;
}

.PaymentOption {
    margin-top: -20px;
    text-align: center;
}

.RateHolderBase {
    margin-top: -20px;
}

.PaymentInner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 0 5px #CCCCCC inset;
}

.PremiumAmountDiv {
    height: auto;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.AcceptedCardsWell {
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.AcceptedCards {
    line-height: 60px;
    padding-bottom: 0;
    text-align: center;
}

    .AcceptedCards .img-responsive {
        display: inline;
        max-width: 85%;
    }

.PremiumAmount {
    color: #3a87ad;
    font-weight: bold;
}

.realex {
    width: 100%;
    height: 700px;
}

.worldnet {
    width: 100%;
}

.paymentIframeDiv {
    padding: 0;
}

.addonTime {
    color: #fff !important;
    cursor: pointer;
    background-repeat: repeat-x;
    border-color: #2d6ca2;
    background-image: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
}

    .addonTime:hover, .addonTime.hover {
        background-repeat: repeat-x;
        border-color: #215079;
        background-image: linear-gradient(to bottom, #428bca 0, #255a87 100%);
    }

    .addonTime:active, .addonTime.active {
        background-color: #3071a9;
        border-color: #2d6ca2;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0 4px 4px 0;
}

.select2-selection.validation-failure, .validation-failure {
    border: 1px solid #FF0000 !important;
}

.select2-selection.validation-success {
    border: 1px solid #32CD32 !important;
}

.select2-container.form-control {
    text-align: left;
}

/* Motor1 Assumptions Modal */
#ctl00_MainContent_eQuoteFooter1_MotorAssumptions1_pnlModal {
    top: auto;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.float-left {
    float: left;
}

.error-message {
    color: red;
}

.success-message {
    color: green;
}

.btn-RetrieveQuote {
    padding: 0 !important;
    color: #333333;
}

#modalRetrieveQuote .modal-dialog {
    max-width: 350px;
    width: auto;
}

#modalBackButton .modal-dialog {
    max-width: 350px;
    width: auto;
}

.modal-danger {
    color: #B94A48;
}

#ctl00_MainContent_AcceptanceTitle {
    font-size: 18px;
}

.quickquote-orange {
    color: #EB9316;
}

.fullquote-blue {
    color: #2AABD2;
}

.no-margin {
    margin: 0;
}

.alert-hover {
    left: 25%;
    padding-bottom: 5px;
    padding-top: 10px;
    position: fixed;
    top: 0;
    width: 50%;
    z-index: 9999;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.alert-sm {
    padding: 5px 15px;
}

.nav-child.nav-pills > li.active > a, .nav-child.nav-pills > li.active > a:hover, .nav-child.nav-pills > li.active > a:focus {
    background-color: #999;
    color: #FFFFFF;
}

.nav-child.nav-pills > li > a {
    color: #999;
}

#ctl00_BodyContent_wucBrokerDetails_upCreateBroker .form-group {
    margin-bottom: 0;
}

.pointer {
    cursor: pointer;
}

#BicyclePanel {
    padding-left: 0;
    padding-right: 0;
}

#ctl00_BodyContent_txtProductCode {
    text-transform: uppercase;
}

#divQuickQuoteAssumptions table td {
    text-align: left;
}

.table-details-summary {
    background-color: #FFFFFF;
    word-break: break-word;
}

    .table-details-summary td {
        text-align: left;
    }

    .table-details-summary tbody tr td {
        border-top: none;
    }

    .table-details-summary > tbody > tr:nth-child(odd) > td {
        background-color: #E5E5E5;
    }

.icon-list li {
    padding: 0 0 5px 20px;
    display: block;
    position: relative;
}

    .icon-list li:before {
        font-family: 'Glyphicons Halflings';
        position: absolute;
        left: 0;
        top: 0;
        font-size: 80%;
    }

.chevron-right li:before {
    content: '\e080';
}

.checkmark li:before {
    content: '\e067';
}

.arrow-right li:before {
    content: '\e092';
}

.selfservice-green {
    color: #449D44;
}

.crm-blue {
    color: #428bca;
}

/* The following .a-no-style classes are used for removing the default a colouring applied. This is useful for on-page links/bookmarks. */
.a-no-style-legend {
    color: #333333;
}

    .a-no-style-legend:hover, .a-no-style-legend:focus {
        color: #333333;
    }

.btn-margin-top-xs {
    margin-top: 10px;
}

.form-control-static {
    font-weight: bold;
}

#ctl00_MainContent_PolicyHolder .panel-policy {
    border: medium none;
    box-shadow: none;
    margin-bottom: 0;
}

    #ctl00_MainContent_PolicyHolder .panel-policy .panel-body {
        padding-bottom: 0;
    }

.divRenewal p {
    margin: 0;
}

.divAlternativePaymentMethod {
    font-size: 13px;
    font-style: italic;
}

    .divAlternativePaymentMethod .muted {
        font-size: 12px;
        font-style: normal;
    }

.btn-group-boolean {
    width: 100%;
}

    .btn-group-boolean .btn-default {
        background-image: none;
        background-color: #f9f9f9;
    }

    .btn-group-boolean .btn-focused {
        border-color: #1a88ff;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px #1a88ff;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px #1a88ff;
    }

    .btn-group-boolean .btn {
        height: 34px;
        border: 1px solid #ccc;
    }

        .btn-group-boolean .btn label {
            cursor: pointer;
        }

    .btn-group-boolean .col-xs-6 {
        width: 50%;
    }

/*#endregion*/

/*#region Extra small devices (phones, up to 480px) */
@media (max-width: 480px) {
    #ctl00_MainContent_AddressLookup_btnChangeAddressPicked {
        margin-bottom: 5px;
    }

    .txtVanReg {
        font-size: 20px;
    }

    .form-control.VehicleRegistrationAppend {
        font-size: 30px;
        height: 45px;
        width: 100%;
    }

    .spacer-xs {
        clear: both;
        height: 10px;
    }

    .no-padding-left {
        padding-left: 0;
        padding-right: 0;
    }

    .no-padding-right {
        padding-left: 0;
        padding-right: 0;
    }

    .alert-DiscountOffers {
        padding-left: 0;
        padding-right: 0;
    }

    .quote-result-box-xs-hidden {
        display: none !important;
    }

    .col-xs-6 {
        width: 100%;
    }

    .AcceptedCards {
        padding-left: 0;
        padding-right: 0;
    }

        .AcceptedCards .img-responsive {
            max-width: 100%;
        }

        .AcceptedCards .col-xs-3 {
            padding: 5px;
        }

    .realex {
        width: 100%;
    }

    #ctl00_Header1_lblQuoteRef {
        padding-right: 10px;
    }

    .navbar {
        min-height: 0;
    }

    .quote-navbar {
        text-align: center;
    }

    #ctl00_Header1_ctl00_AdditionalREV {
        margin-top: -25px;
    }

    .form-control.VehicleRegistration {
        font-size: 20px;
        height: 50px;
        width: 130px;
    }

    #ctl00_MainContent_wucBankValidation_divBankDetailsToggle .toggle-button {
        height: 85px;
        white-space: pre-wrap;
    }
}

/*#endregion*/
/*#region Custom media query 1 (between phone and tablet size 1) */
@media (min-width: 481px) and (max-width: 600px) {
    #ctl00_MainContent_AddressLookup_btnChangeAddressPicked {
        margin-bottom: 5px;
    }

    .txtVanReg {
        font-size: 35px;
    }

    .spacer-xs {
        clear: both;
        height: 10px;
    }

    .no-padding-left {
        padding-left: 0;
        padding-right: 0;
    }

    .no-padding-right {
        padding-left: 0;
        padding-right: 0;
    }

    .quote-result-box-xs-hidden {
        display: none !important;
    }

    .col-xs-6 {
        width: 100%;
    }

    .AcceptedCards {
        padding-left: 0;
        padding-right: 0;
    }

        .AcceptedCards .img-responsive {
            max-width: 50%;
        }

        .AcceptedCards .col-xs-3 {
            padding: 5px;
        }

    #ctl00_MainContent_wucBankValidation_divBankDetailsToggle .toggle-button {
        height: 70px;
        white-space: pre-wrap;
    }
}
/*#endregion*/
/*#region Custom media query 2 (between phone and tablet size 2) */
@media (min-width: 601px) and (max-width: 767px) {
    #ctl00_MainContent_AddressLookup_btnChangeAddressPicked {
        margin-bottom: 5px;
    }

    .txtVanReg {
        font-size: 35px;
    }

    .spacer-xs {
        clear: none;
        height: 0;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-padding-right {
        padding-right: 0;
    }

    .btn-margin-top-xs {
        margin-top: 0;
    }

    .quote-result-box-xs-hidden {
        display: none !important;
    }

    .AcceptedCards {
        padding-left: 0;
        padding-right: 0;
    }

        .AcceptedCards .img-responsive {
            max-width: 50%;
        }

        .AcceptedCards .col-xs-3 {
            padding: 5px;
        }
}
/*#endregion*/
/*#region  (max-width: 768px) */
@media (max-width: 768px) {
    .regTable {
        float: none;
        margin: 0 auto;
    }

    #VehicleRegistrationAppend {
        margin: 0 auto;
    }

    .input-group-addon.VehicleRegistrationAppend {
        width: 1%;
    }

    .table-quote-monthly-payments.table {
        width: 50%;
    }
}
/*#endregion*/
/*#region (max-width: 767px) */
@media (max-width: 767px) {
    .btnVehicleReg {
        margin-top: 5px;
    }
}
/*#endregion*/
/*#region Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .txtVanReg {
        font-size: 35px;
    }

    .spacer-xs {
        clear: none;
        height: 0;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-padding-right {
        padding-right: 0;
    }

    .btn-margin-top-xs {
        margin-top: 0;
    }

    .notes-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    #Motor .Quotes .col-sm-1 {
        width: 7.5%;
    }

    #Home .Quotes .col-sm-1 {
        width: 9.5% !important;
    }

    .quote-result-box-xs-hidden {
        display: inline-block;
        float: none;
    }

    #breadcrumbHome li {
        text-align: center;
        width: 33.333333%;
    }

        #breadcrumbHome li.items-4 {
            text-align: center;
            width: 25%;
        }

    #breadcrumbMotor li {
        text-align: center;
        width: 33.33%;
    }

        #breadcrumbMotor li.items-4 {
            text-align: center;
            width: 25%;
        }

    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 0;
    }

    .navbar-nav > li > a {
        line-height: 20px;
    }

    .AcceptedCards .img-responsive {
        max-width: 50%;
    }

    .PremiumAmountDiv {
        min-height: 80px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    .breadcrumbBorder {
        border-left: 1px solid #ccc;
    }

    .payment-plan-toggle-container.col-sm-offset-3 {
        margin-left: 25% !important;
    }

    #Home div.Quotes .quote-product-box {
        width: 20%;
    }

    #Home div.Quotes .col-sm-1 {
        width: 8%;
    }

    #Home div.Quotes .col-sm-2 {
        width: 8%;
    }

        #Home div.Quotes .col-sm-2.quote-result-box, .quote-results-header .col-sm-3 {
            width: 20%;
        }

        #Home div.Quotes .col-sm-2.quote-result-buttons {
            width: 15%;
        }
}
/*#endregion*/

/*#region (max-width: 838px) */
@media (max-width: 838px) {
    #ctl00_MainContent_AddressLookup_btnChangeAddressPicked {
        margin-bottom: 5px;
    }

    .input-group-addon.VehicleRegistrationAppend {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: medium none;
        padding: 0;
        width: 1% !important;
    }
}

/*#endregion*/
/*#region (min-width: 839px) and (max-width: 991px)*/
@media (min-width: 839px) and (max-width: 991px) {
    #ctl00_MainContent_AddressLookup_btnChangeAddressPicked {
        margin-bottom: 5px;
    }

    .txtVanReg {
        font-size: 35px;
    }

    /*    .col-sm-offset-1 { //TODO: remove?
        margin-left: 3%;
    }

    .col-md-offset-3 {
        margin-left: 10%;
    }*/
}
/*#endregion*/
/*#region Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .txtVanReg {
        font-size: 35px;
    }

    .spacer-xs {
        clear: none;
        height: 0;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-padding-right {
        padding-right: 0;
    }

    .btn-margin-top-xs {
        margin-top: 0;
    }

    .notes-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    #Motor .Quotes .col-sm-1 {
        width: 7.5%;
    }

    #Home .Quotes .col-sm-1 {
        width: 9.5% !important;
    }

    .quote-result-box-xs-hidden {
        display: inline-block;
        float: none;
    }

    #divSpecifiedItems .control-label {
        text-align: right;
    }

    .AcceptanceWell {
        height: 85px;
        width: 48%;
        line-height: 45px;
    }

    .navbar-nav > li > a {
        line-height: 20px;
    }

    .PremiumAmountDiv {
        min-height: 90px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    #TotalDiv h4, #PremiumDiv h4 {
        font-size: 24px;
    }

    .breadcrumbBorder {
        border-left: 1px solid #ccc;
    }

    #ctl00_Header1_ctl00_AdditionalREV {
        margin-top: -10px;
    }
}
/*#endregion*/
/*#region Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .txtVanReg {
        font-size: 35px;
    }

    .spacer-xs {
        clear: none;
        height: 0;
    }

    .no-padding-left {
        padding-left: 0;
    }

    .no-padding-right {
        padding-right: 0;
    }

    .btn-margin-top-xs {
        margin-top: 0;
    }

    .notes-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    #Motor .Quotes .col-sm-1 {
        width: 7.5%;
    }

    #Home .Quotes .col-sm-1 {
        width: 9.5% !important;
    }

    .quote-result-box-xs-hidden {
        display: inline-block;
        float: none;
    }

    #divSpecifiedItems .control-label {
        text-align: right;
    }

    .AcceptanceWell {
        height: 85px;
        width: 48%;
    }

    .form-horizontal .control-label {
        text-align: right;
    }

    .navbar-nav > li > a {
        line-height: 20px;
    }

    .PremiumAmountDiv {
        min-height: 90px;
        padding-bottom: 5px;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    #TotalDiv h4, #PremiumDiv h4 {
        font-size: 24px;
    }

    .breadcrumbBorder {
        border-left: 1px solid #ccc;
    }

    .form-horizontal .control-label {
        margin-bottom: 5px;
        padding-top: 7px;
    }
}

.helpIcon-clickable {
    cursor: pointer;
}

    .helpIcon-clickable:hover {
        transform: scale(1.1);
    }

.quote-monthly-price {
    text-align: left;
    font-size: 12px;
}

    .quote-monthly-price p {
        margin: 0;
    }

    .quote-monthly-price .quote-monthly-premium {
        font-weight: bold;
        font-size: 16px;
    }

.btn-group-toggle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 100px;
    background-color: #f4f4f4;
    width: 100%;
}

.toggle-button {
    border-radius: 100px !important;
    width: 50%;
    background-color: #f4f4f4;
    margin-left: 0 !important;
}

    .toggle-button:active {
        box-shadow: none !important;
    }

.toggle-button-active {
    background: #1db3e7;
    color: #fff;
    border-radius: 100px !important;
    transition-timing-function: ease;
    transition: 0.5s;
}

    .toggle-button-active:hover, .toggle-button-active:active, .toggle-button-active:focus {
        color: #fff;
    }

.table-quote-monthly-payments {
    margin-bottom: 5px;
}

    .table-quote-monthly-payments tr td {
        text-align: right;
        padding: 0 !important;
    }

        .table-quote-monthly-payments tr td:first-child {
            text-align: left;
        }

.borderless td, .borderless th, .borderless tr {
    border: none !important;
}
/*#endregion*/

#divBankValidation {
    margin-top: 15px;
}

    #divBankValidation #bankDetailsToggleContainer {
        margin-bottom: 25px;
    }

#divBankValidationInputs {
    margin-bottom: 25px;
}

    #divBankValidationInputs .form-group {
        margin-bottom: 25px;
    }

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

.margin-top-5 {
    margin-top: 5px
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-30 {
    margin-top: 50px !important;
}

.margin-top-200 {
    margin-top: 200px;
}

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

.margin-bottom-5 {
    margin-bottom: 5px;
}

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

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-left-0 {
    margin-left: 0;
}

.border-radius-0 {
    border-radius: 0;
}

.eircode-label {
    margin-top: 5px;
}

.eircode-input {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    .eircode-input input::-webkit-input-placeholder {
        font-size: 14px;
    }

    .eircode-input input::-moz-placeholder {
        font-size: 14px;
    }

    .eircode-input input:-ms-input-placeholder {
        font-size: 14px;
    }

    .eircode-input input:-moz-placeholder {
        font-size: 14px;
    }
}

#hLinkEircode, #hlinkManualAddress {
    cursor: pointer;
}

/*#endregion*/

.label-driver-qualification {
    margin-bottom: 33px !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

/* ReSharper disable once CssNotResolved */
::placeholder { /* Recent browsers */
    text-transform: none;
}

.divDirectDebit {
    margin-left: 275px;
    margin-top: 35px;
}

.directDebitCheckBox {
    margin-top: 10px;
    text-align: center;
}

.ppsCheckBox {
    text-align: center;
}
/*Breadcrumb*/
.breadcrumb-ul {
    list-style-type: none;
    width: 1000px;
    padding: 0;
}

div.btn-group.btn-breadcrumb {
    width: 100%;
}

.btn-breadcrumb .btn:nth-child(1):nth-last-child(4),
.btn-breadcrumb .btn:nth-child(2):nth-last-child(3),
.btn-breadcrumb .btn:nth-child(3):nth-last-child(2),
.btn-breadcrumb .btn:nth-child(4):nth-last-child(1) {
    width: 25%;
}

.btn-breadcrumb .btn:nth-child(1):nth-last-child(3),
.btn-breadcrumb .btn:nth-child(2):nth-last-child(2),
.btn-breadcrumb .btn:nth-child(3):nth-last-child(1) {
    width: 33.3%;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 10px solid white;
    border-right-width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    border-right-width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:last-child:after {
    display: none !important;
}

.btn-breadcrumb .btn:last-child:before {
    display: none !important;
}

.breadcrumb-section {
    background-image: none !important;
}

.breadcrumb-width {
    width: 25%;
}

/** The Spacing **/
.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}

    .btn-breadcrumb .btn:first-child {
        padding: 15px 6px 6px 10px;
    }

    .btn-breadcrumb .btn:last-child {
        padding: 15px 18px 6px 24px;
    }

.btn-breadcrumb .btn {
    border-radius: 0;
    border-right-width: 1px;
    margin-bottom: 10px;
    padding-top: 15px;
    height: 50px;
}

    .btn-breadcrumb .btn.btn-default {
        border: 1px solid #ccc;
        font-size: 14px;
    }

        .btn-breadcrumb .btn.btn-default:hover {
            background-color: transparent;
            text-decoration: none;
        }

        .btn-breadcrumb .btn.btn-default.disabled {
            opacity: 100;
            color: grey;
        }

.btn-group .btn.btn {
    margin-left: 0;
}

.btn-breadcrumb .btn.btn-default.active {
    background-color: #1db3e7;
    color: white;
    opacity: 100;
    box-shadow: none;
    text-shadow: none;
}

.btn-breadcrumb .btn.btn-default.complete {
    background-color: #f4f4f4;
    color: black;
    opacity: 100;
}

    .btn-breadcrumb .btn.btn-default.complete::after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 10px solid #f4f4f4;
        border-right-width: 2px;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn.btn-default.complete::before {
        color: #f4f4f4;
        border-left: 10px solid grey;
        margin-left: 2px;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 10px solid #ccc;
        border-right-width: 2px;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        left: 100%;
        z-index: 3;
    }

.btn-breadcrumb .active span.hidden-xs {
    display: inline !important;
}

.btn-breadcrumb .btn.btn-default.active::after,
.btn-breadcrumb .btn.btn-default.active::before {
    color: #1db3e7;
    border-left: 10px solid #1db3e7;
}

.btn-breadcrumb .btn:last-child ::after,
.btn-breadcrumb .btn:last-child ::before {
    content: none;
}

@media (max-width: 560px) {
    .btn-breadcrumb .btn.btn-default.active {
        width: 45% !important;
    }

    .btn-breadcrumb .btn:nth-child(1):nth-last-child(4),
    .btn-breadcrumb .btn:nth-child(2):nth-last-child(3),
    .btn-breadcrumb .btn:nth-child(3):nth-last-child(2),
    .btn-breadcrumb .btn:nth-child(4):nth-last-child(1) {
        width: 18.3%;
    }

    .btn-breadcrumb .btn:nth-child(1):nth-last-child(3),
    .btn-breadcrumb .btn:nth-child(2):nth-last-child(2),
    .btn-breadcrumb .btn:nth-child(3):nth-last-child(1) {
        width: 33.3%;
    }

    .btn-breadcrumb .btn:last-child ::after,
    .btn-breadcrumb .btn:last-child ::before {
        content: none;
    }
}

#ctl00_MainContent_lblQuoteResultsText {
    font-size: 16px;
    margin-bottom: 10px;
}

#ctl00_MainContent_btnEditQuote {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#headingQuoteResults {
    color: #000;
}

.QuoteResultText {
    font-size: 16px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.margin-top-15 {
    margin-top: 15px;
}

/* New Quote Results Screen */

#ctl00_MainContent_QuoteCardHolder .col-md-4, #ctl00_MainContent_QuoteResultsMobile_QuoteCardHolderMobile .col-md-4 {
    max-width: 390px;
}

@media(max-width: 991px) {
    #ctl00_MainContent_QuoteCardHolder, #ctl00_MainContent_QuoteResultsMobile_QuoteCardHolderMobile {
        flex-direction: column;
        display: flex !important;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
}

.card-quote {
    display: flex;
    flex-direction: column;
    background: #F2F2F2;
    border: 2px solid #d7d7d7;
    box-sizing: border-box;
    border-radius: 10px;
}

#MobileQuotesDiv .card-quote {
    border: none;
    border-radius: 0;
    background: #fff;
}

    #MobileQuotesDiv .card-quote.alternate-background {
        background: #F2F2F2;
    }

#MobileQuotesDiv #QuoteDiscountInfoDiv, #MobileQuotesDiv #MonthlyCostDiv, #MobileQuotesDiv #PaymentPlanBreakdownDiv {
    display: none !important;
}

#MobileQuotesDiv #AnnualCostDiv {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.card-quote-left {
    border-radius: 10px 0 0 10px;
}

.card-quote-right {
    border-radius: 0 10px 10px 0;
}

.card-quote.best-price {
    border: 2px solid var(--best-price-color);
    border-radius: 10px;
    margin-top: -20px;
}

#MobileQuotesDiv .card-quote.best-price {
    border: 2px solid var(--best-price-color);
    border-radius: 0;
    /* ReSharper disable once ValueShouldHaveUnits */
    background-color: rgba(var(--best-price-color-rgb), 0.1);
}

.card-quote-header {
    margin: 0;
    position: relative;
}

.card-quote-insurer-logo {
    margin-top: 20px;
    margin-bottom: 20px;
}

.card-quote-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
}

.card-quote-footer {
    margin-bottom: 20px;
}

    .card-quote-footer .link-more-info, .table-quotes .link-more-info {
        font-size: 12px;
        color: var(--primary-color);
        border: 0;
        background: none;
    }

.sticker-best-price {
    border: 2px solid var(--best-price-color);
    box-sizing: border-box;
    border-radius: 4px;
    height: 30px;
    width: 88px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
    padding-top: 5px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--best-price-color);
}

.card-quote-banner {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 20px;
    margin-top: -20px;
}

.card-quote-banner-text {
    position: absolute;
    left: 14px;
    top: 6px;
    font-weight: 700;
    font-size: 34px;
    color: #fff;
}

.quote-number-label {
    font-weight: bold;
    font-size: 18px;
}

#NoPaymentPlanDiv {
    height: 60px;
}

.card-quote-insurer-logo img {
    height: 30px;
}

#NoPaymentPlanDiv p {
    font-size: 12px;
}

.card-quote-premium {
    font-weight: 700;
    color: #000;
}

    .card-quote-premium .small-price {
        font-size: 22px;
    }

    .card-quote-premium .large-price {
        font-size: 68px;
        line-height: 1;
    }

#MobileQuotesDiv .large-price {
    font-size: 28px;
}

#MobileQuotesDiv .small {
    font-size: 12px;
}

.QuoteBenefitsDiv {
    padding: 10px;
}

#NoBenefitsLabel {
    margin-top: 30px;
}

.label-benefit {
    font-weight: 600;
    font-size: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.02em;
    color: #000;
}

.card-quote-subtext {
    font-size: 10px;
    color: #000;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.div-premium-before-discount {
    display: flex;
}

#MobileQuotesDiv .div-premium-before-discount.invisible {
    display: none;
}

.strike-through {
    position: relative;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

    .strike-through:before {
        position: absolute;
        content: "";
        width: 100%;
        top: var(--top, 42%);
        right: 0;
        border-top: 5px solid;
        border-color: inherit;
        -webkit-transform: skewY(-174deg);
        -moz-transform: skewY(-175deg);
        transform: skewY(-174deg);
        color: #EE2B52;
    }

#MobileQuotesDiv .strike-through, .table-quotes .strike-through {
    padding: 0;
}

    #MobileQuotesDiv .strike-through:before, .table-quotes .strike-through:before {
        border-top: 3px solid;
    }

.cover-badge {
    align-items: center;
    padding: 5px 10px;
    background: var(--secondary-color);
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.02em;
    font-variant: small-caps;
    color: #fff;
}

.discount-details, .payment-plan-details {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #000;
}

.btn-buy-now {
    padding: 10px 30px;
    width: 260px;
    background: #fff;
    border-radius: 3px;
    font-weight: 600;
    font-size: 16px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000;
    border: 2px solid #d7d7d7;
    border-radius: 3px !important;
}

    .btn-buy-now.btn-sm {
        padding: 5px 15px;
        font-size: 14px;
    }

.best-price .btn-buy-now {
    background: var(--best-price-color);
    color: #fff;
    border: 2px solid var(--best-price-color);
}

.card-quote svg path, #BestPriceBannerDiv svg path {
    fill: var(--best-price-color);
}

/* END Quote Results Screen */

/*SideBar*/

.modal.sidebar .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.sidebar .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.sidebar .modal-header {
    background-color: #ffffff;
    border-bottom: 0;
}

.modal.sidebar .modal-body {
    padding: 15px 15px 80px;
}

.modal.sidebar.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.sidebar.fade.in .modal-dialog {
    right: 0;
}

.modal-insurer-logo {
    margin-top: 45px;
    color: black;
    font-size: 16px;
}

.sidebar-policy-notes-body {
    font-size: 16px;
    line-height: 30px;
}

    .sidebar-policy-notes-body .notes-list {
        columns: 1 !important;
    }

.close-modal {
    color: black !important;
    margin-right: 15px;
    margin-top: 15px;
    width: 42px;
    height: 42px;
    left: calc(50% - 42px/2 + 214px);
    top: calc(50% - 42px/2 - 1184.5px);
    background: #F2F2F2 !important;
}

.btn-OpenDocument {
    border: 2px solid #D7D7D7;
    background: #ffffff;
    box-sizing: border-box;
    font-size: 16px !important;
    color: #000000;
    margin-top: 20px;
    border-radius: 3px;
}

.logo-download {
    margin-left: 5px;
}

@media(max-width: 425px) {
    .modal.sidebar .modal-dialog {
        width: 100%;
    }

    .modal-insurer-logo {
        margin-left: 10px;
    }

    .sidebar-policy-notes-header {
        margin-left: 10px;
    }
}

.sidebar-quote-number {
    font-size: 20px;
    font-weight: bold;
}

.sidebar-policy-notes-header {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.notes-list {
    columns: 1;
    color: black;
    font-size: 16px;
    line-height: 30px;
}
/*END SIDEBAR*/

.opacity-50 {
    opacity: 0.5;
}

.lblAssumptionsHeader {
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
    color: #3D3D40;
    margin-bottom: 15px;
    margin-top: 20px;
}

.lblAssumptionsBody {
    font-size: 14px;
    line-height: 16px;
    color: #3D3D40;
    margin-bottom: 25px;
}

input[type="checkbox"] {
    width: 22px;
    height: 22px;
}

    input[type="checkbox"].checkbox-invalid {
        outline: 1px solid red;
    }

.form-inline.form-recalculation-control .form-control, .form-inline.form-recalculation-control .btn {
    width: 100%;
}

.form-inline.form-recalculation-control .btn-group-boolean {
    display: inline-flex;
}

.form-recalculation-control .btn {
    height: 34px;
    line-height: 1.3;
}

/* Table Quotes */
.table-quotes {
    border-left: none;
    border-right: none;
}

    .table-quotes .large-price {
        font-size: 22px;
        font-weight: 700;
        vertical-align: middle !important;
    }

    .table-quotes thead tr td {
        font-size: 12px;
        word-break: break-word;
    }

    .table-quotes td {
        vertical-align: middle !important;
    }

    .table-quotes img {
        height: 25px;
    }

    .table-quotes .btn {
        width: auto;
    }

    .table-quotes .small {
        font-size: 10px;
    }

    .table-quotes dl {
        margin: 0;
    }

    .table-quotes .quote-table-row.best-price {
        outline: 2px solid var(--best-price-color);
        border: 2px solid var(--best-price-color);
    }

        .table-quotes .quote-table-row.best-price td {
            /* ReSharper disable once ValueShouldHaveUnits */
            background-color: rgba(var(--best-price-color-rgb), 0.1);
            border-top: none;
            border-bottom: none;
        }

    .table-quotes .quote-table-row td {
        border-bottom: none;
        border-top: none;
        padding: 15px 5px;
    }

        .table-quotes .quote-table-row td:nth-child(2), .table-quotes thead tr td:first-child, .table-quotes thead tr td:last-child,
        .table-quotes quote-table-row td:nth-child(2) {
            border-left: none;
            border-right: none;
        }

        .table-quotes .quote-table-row td:last-child {
            border-right: none;
        }

        .table-quotes .quote-table-row td:nth-child(3) {
            border-left: none;
            padding: 15px;
        }

    .table-quotes .quote-table-row.best-price td:nth-child(2) {
        border-left: 3px solid var(--best-price-color);
    }

    .table-quotes .quote-table-row.best-price td:last-child {
        border-right: 2px solid var(--best-price-color);
    }

    .table-quotes dl dt, .table-quotes dl dd {
        font-size: 12px;
    }

    .table-quotes dl .large {
        font-size: 16px;
    }

    .table-quotes.table-bordered > thead > tr > th, .table-quotes.table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

    .table-quotes .card-quote-banner {
        padding-left: 10px;
        top: 0;
        left: 0;
        margin-top: -15px;
        margin-left: 0;
    }

    .table-quotes .card-quote-banner-text {
        font-size: 16px;
        left: 16px;
        top: 4px;
    }

    .table-quotes .quote-number-label {
        font-weight: bold;
        font-size: 14px;
    }

    .table-quotes td.insurer-logo {
        position: relative;
    }

#MobileQuotesDiv dl .large {
    font-size: 16px;
}

dl.dl-grid {
    display: grid;
    grid-template-columns: max-content auto;
}

    dl.dl-grid dt {
        grid-column-start: 1;
        text-align: left;
    }

    dl.dl-grid dd {
        grid-column-start: 2;
        text-align: right;
    }

#MobileQuotesDiv dl.dl-grid {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 0;
}

.success-colour {
    color: var(--success);
}

.danger-colour {
    color: var(--danger);
}

.font-weight-light {
    font-weight: 400;
}

.bold {
    font-weight: 700;
}

.notification-well-info {
    border: 2px solid #E4BE29;
}

    .notification-well-info i.notification-icon {
        color: #E4BE29;
    }

    .notification-well-info .notification-circle {
        stroke: #E4BE29;
    }

.notification-well-danger {
    border: 2px solid #E42929;
}

    .notification-well-danger i.notification-icon {
        color: #E42929;
    }

    .notification-well-danger .notification-circle {
        stroke: #E42929;
    }

.notification-well {
    position: relative;
}

    .notification-well svg {
        position: absolute;
        top: 0;
        left: 50%;
        margin-top: -30px;
        margin-left: -30px;
    }

        .notification-well svg path {
            background: #fff;
        }

i.notification-icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -20px;
    margin-left: -5px;
}

    i.notification-icon.fa-warning {
        left: 48.87%;
    }

#AssumedRiskDiv td {
    text-align: left;
    border: none;
}

#AssumedRiskDiv .table-striped > tbody > tr:nth-child(even) > td {
    background-color: #fff;
}

#AssumedRiskDiv .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: #f5f5f5;
}

#PaymentPlanDisplayDiv dl.dl-grid dt {
    font-weight: normal;
}

.warning-icon {
    color: var(--warning-icon-color);
}

@media(max-width: 425px) {
    div[id*="AdditionalDriver"] div[id$="convictionsControl_divAddConviction"] div.col-lg-9,
    div[id*="AdditionalDriver"] div[id$="convictionsControl_divAddConviction"] label.col-lg-3,
    div[id*="AdditionalDriver"] div[id$="convictionsControl_divAddConviction"] div.col-xs-6 {
        padding: 0;
    }

    div[id*="AdditionalDriver"] div[id$="convictionsControl_divAddConviction"] .well {
        padding: 4px;
    }
}

.optional-label {
    font-size: 10px;
}

#divCloseButton {
    z-index: 1;
    position: sticky;
    top: 0;
}

.close {
    opacity: 1 !important;
    border-radius: 3px;
}

@media screen and (max-width: 767px) {
    .table-responsive > .table > tbody > tr > td {
        white-space: initial !important;
    }
}

@supports (-webkit-touch-callout: none) {
    .well {
        background-color: var(--ios-well-background-color) !important;
    }

    #MobileQuotesDiv .card-quote.alternate-background {
        background: var(--ios-well-background-color) !important;
    }
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.pr-5 {
    padding-right: 5px;
}

#QuoteResultsVehicleRegDiv {
    position: relative;
}

#QuoteResultsVehicleRegIconSvg {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    width: 65px !important;
}

    #QuoteResultsVehicleRegIconSvg svg path {
        background: #fff;
    }

i#QuoteResultsVehicleRegIcon {
    position: absolute;
    top: -5px;
    left: 50%;
    margin-top: -20px;
    margin-left: -5px;
    color: #E4BE29;
}

.vehicle-reg-heading {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}

.form-control.QuoteResultsVehicleRegistration {
    height: 45px;
    font-size: 30px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

#QuoteResultsSearchWithReg {
    border-radius: 4px;
}

#QuoteResultsVehicleRegDiv {
    margin-top: 30px !important;
}

#SelfService .panel-no-policy {
    padding: 5px !important;
}

/* Calendar Styles */
.form-group-calendar .col-xs-3 {
    padding: 0 5px;
}

    .form-group-calendar .col-xs-3 .form-control[readonly] {
        cursor: pointer;
    }

.form-group-calendar {
    margin-bottom: 0;
}

    .form-group-calendar .calendarButtonDiv {
        padding-right: 0;
    }

    .form-group-calendar .date > div:nth-child(1) {
        padding-left: 0;
    }

.calendarButtonDiv .btn-primary {
    color: #fff !important;
    background-color: var(--primary-color);
    background-image: none;
    background-repeat: repeat-x;
    border-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

    .calendarButtonDiv .btn-primary:hover, .calendarButtonDiv .btn-primary:focus, .calendarButtonDiv .btn-primary:active, .calendarButtonDiv .btn-primary.active, .calendarButtonDiv .btn-primary.disabled, .calendarButtonDiv .btn-primary[disabled] {
        color: #fff;
        background-color: var(--primary-color);
        background-image: none;
        background-position: 0;
        border-color: var(--primary-color);
        filter: brightness(90%);
        border: 1px solid var(--primary-color);
    }

.datepicker-days .day {
    padding: 10px 12px;
}

@media (max-width: 480px) {
    .datepicker-days .day {
        padding: 8px 10px;
    }
}

.datepicker table tr td.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active:hover {
    background-image: none;
    background-color: var(--primary-color);
}

.datepicker table tr td.day:hover {
    opacity: 0.8;
    background-color: var(--primary-color);
    background-image: none;
    color: #fff;
}

.datepicker table tr td.day.disabled,
.datepicker table tr td.day.disabled:hover {
    opacity: 0.5;
    color: inherit;
    background: none;
}

.datepicker table tr td.day.new.disabled,
.datepicker table tr td.day.old.disabled {
    opacity: 0.3;
    color: inherit;
}

.datepicker .datepicker-switch:hover {
    background: none;
    cursor: default;
}

.datepicker .prev,
.datepicker .next {
    background-color: var(--primary-color);
    color: #fff;
    line-height: 0;
}

    .datepicker .prev:hover,
    .datepicker .next:hover {
        opacity: 0.8;
        background-color: var(--primary-color);
    }

.datepicker-days {
    margin: 10px;
    font-size: 16px;
}

    .datepicker-days th {
        text-align: center;
    }

/* END Calendar Styles */

#ctl00_QuoteRetrievalAlert_InvalidPolicyStartDateAlertDiv {
    text-align: center;
}

.ui-autocomplete-loading {
    background: url(../img/spinner.svg) no-repeat right center;
}

.address-lookup-autocomplete {
    padding-right: 5px;
}

#btChangeVehicle {
    color: white !important;
}

.flex-container {
    display: flex;
}

.flex-align-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-column {
    display: flex;
    justify-content: center;
}

@media (max-width: 480px) {
    #AccidentalDamageFilterDiv .flex-container {
        display: block;
    }

    #AccidentalDamageFilterDiv .flex-column {
        justify-content: left;
        margin-top: 10px;
    }
}

#AccidentalDamageFilterDiv input[type="checkbox"] {
    margin: 0 10px 0 !important;
}

.quote-warning {
    color: #FF5F15;
    font-size: 12px;
    font-weight: bold;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.spinner-grow,
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s;
    }
}

.recaptchaDiv {
    padding: 20px;
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}

@media only screen and (max-width: 375px) {
    .g-recaptcha {
        transform: scale(0.75);
        transform-origin: 25% 50%;
    }
}
.font-size-12px {
    font-size: 12px !important;

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

#divCloseButton > button {
    margin: 10px;
}
/*!
 * Select2 Bootstrap Theme v0.1.0-beta.10 (https://select2.github.io/select2-bootstrap-theme)
 * Copyright 2015-2017 Florian Kissling and contributors (https://github.com/select2/select2-bootstrap-theme/graphs/contributors)
 * Licensed under MIT (https://github.com/select2/select2-bootstrap-theme/blob/master/LICENSE)
 */

.select2-container--bootstrap {
    display: block;
    /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
    /**
   * Search field in the Select2 dropdown.
   */
    /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
    /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
    /**
   * Clear the selection.
   */
    /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
    /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
    /**
   * Dropdown border color and box-shadow.
   */
    /**
   * Limit the dropdown height.
   */
    /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
    /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
    /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
    /* 1 */
    /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/
}

    .select2-container--bootstrap .select2-selection {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555;
        font-size: 14px;
        outline: 0;
    }

        .select2-container--bootstrap .select2-selection.form-control {
            border-radius: 4px;
        }

    .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555555;
        font-size: 14px;
    }

    .select2-container--bootstrap .select2-search__field {
        outline: 0;
        /* Firefox 18- */
        /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */
    }

        .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
            color: #999;
        }

        .select2-container--bootstrap .select2-search__field:-moz-placeholder {
            color: #999;
        }

        .select2-container--bootstrap .select2-search__field::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
            color: #999;
        }

    .select2-container--bootstrap .select2-results__option {
        padding: 6px 12px;
        /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
        /**
     * Hover state.
     */
        /**
     * Selected state.
     */
    }

        .select2-container--bootstrap .select2-results__option[role=group] {
            padding: 0;
        }

        .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
            color: #777777;
            cursor: not-allowed;
        }

        .select2-container--bootstrap .select2-results__option[aria-selected=true] {
            background-color: #f5f5f5;
            color: #262626;
        }

    .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
        background-color: #337ab7;
        color: #fff;
    }

    .select2-container--bootstrap .select2-results__option .select2-results__option {
        padding: 6px 12px;
    }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
            padding-left: 0;
        }

        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -12px;
            padding-left: 24px;
        }

            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -24px;
                padding-left: 36px;
            }

                .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -36px;
                    padding-left: 48px;
                }

                    .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -48px;
                        padding-left: 60px;
                    }

                        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                            margin-left: -60px;
                            padding-left: 72px;
                        }

    .select2-container--bootstrap .select2-results__group {
        color: #777777;
        display: block;
        padding: 6px 12px;
        font-size: 12px;
        line-height: 1.42857143;
        white-space: nowrap;
    }

    .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
        border-color: #66afe9;
    }

    .select2-container--bootstrap.select2-container--open {
        /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
        /**
     * Handle border radii of the container when the dropdown is showing.
     */
    }

        .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
            border-color: transparent transparent #999 transparent;
            border-width: 0 4px 4px 4px;
        }

        .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-color: transparent;
        }

        .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            border-top-color: transparent;
        }

    .select2-container--bootstrap .select2-selection__clear {
        color: #999;
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

        .select2-container--bootstrap .select2-selection__clear:hover {
            color: #333;
        }

    .select2-container--bootstrap.select2-container--disabled .select2-selection {
        border-color: #ccc;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection,
    .select2-container--bootstrap.select2-container--disabled .select2-search__field {
        cursor: not-allowed;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection,
    .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
        background-color: #eeeeee;
    }

    .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
    .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
        display: none;
    }

    .select2-container--bootstrap .select2-dropdown {
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        border-color: #66afe9;
        overflow-x: hidden;
        margin-top: -1px;
    }

    .select2-container--bootstrap .select2-dropdown--above {
        -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
        margin-top: 1px;
    }

    .select2-container--bootstrap .select2-results > .select2-results__options {
        max-height: 200px;
        overflow-y: auto;
    }

    .select2-container--bootstrap .select2-selection--single {
        height: 34px;
        line-height: 1.42857143;
        padding: 6px 24px 6px 12px;
        /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */
    }

        .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            position: absolute;
            bottom: 0;
            right: 12px;
            top: 0;
            width: 4px;
        }

            .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
                border-color: #999 transparent transparent transparent;
                border-style: solid;
                border-width: 4px 4px 0 4px;
                height: 0;
                left: 0;
                margin-left: -4px;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 0;
            }

        .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
            color: #555555;
            padding: 0;
        }

        .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
            color: #999;
        }

    .select2-container--bootstrap .select2-selection--multiple {
        min-height: 34px;
        padding: 0;
        height: auto;
        /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
        /**
     * Minus 2px borders.
     */
        /**
     * Clear the selection.
     */
    }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            line-height: 1.42857143;
            list-style: none;
            margin: 0;
            overflow: hidden;
            padding: 0;
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
            color: #999;
            float: left;
            margin-top: 5px;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            color: #555555;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            cursor: default;
            float: left;
            margin: 5px 0 0 6px;
            padding: 0 6px;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            background: transparent;
            padding: 0 12px;
            height: 32px;
            line-height: 1.42857143;
            margin-top: 0;
            min-width: 5em;
        }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
            color: #999;
            cursor: pointer;
            display: inline-block;
            font-weight: bold;
            margin-right: 3px;
        }

            .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #333;
            }

        .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 6px;
        }

    .select2-container--bootstrap .select2-selection--single.input-sm,
    .input-group-sm .select2-container--bootstrap .select2-selection--single,
    .form-group-sm .select2-container--bootstrap .select2-selection--single {
        border-radius: 3px;
        font-size: 12px;
        height: 30px;
        line-height: 1.5;
        padding: 5px 22px 5px 10px;
        /* 2 */
    }

        .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
        .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
        .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
            margin-left: -5px;
        }

    .select2-container--bootstrap .select2-selection--multiple.input-sm,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
        min-height: 30px;
        border-radius: 3px;
    }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            font-size: 12px;
            line-height: 1.5;
            margin: 4px 0 0 5px;
            padding: 0 5px;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            padding: 0 10px;
            font-size: 12px;
            height: 28px;
            line-height: 1.5;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
        .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
        .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 5px;
        }

    .select2-container--bootstrap .select2-selection--single.input-lg,
    .input-group-lg .select2-container--bootstrap .select2-selection--single,
    .form-group-lg .select2-container--bootstrap .select2-selection--single {
        border-radius: 6px;
        font-size: 18px;
        height: 46px;
        line-height: 1.3333333;
        padding: 10px 31px 10px 16px;
        /* 1 */
    }

        .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
        .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
        .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
            width: 5px;
        }

            .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
            .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
            .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
                border-width: 5px 5px 0 5px;
                margin-left: -5px;
                margin-left: -10px;
                margin-top: -2.5px;
            }

    .select2-container--bootstrap .select2-selection--multiple.input-lg,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
        min-height: 46px;
        border-radius: 6px;
    }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
            font-size: 18px;
            line-height: 1.3333333;
            border-radius: 4px;
            margin: 9px 0 0 8px;
            padding: 0 10px;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
            padding: 0 16px;
            font-size: 18px;
            height: 44px;
            line-height: 1.3333333;
        }

        .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
        .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
        .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
            margin-top: 10px;
        }

    .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
        /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
    }

        .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #999 transparent;
            border-width: 0 5px 5px 5px;
        }

.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
}

    .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #999 transparent;
        border-width: 0 5px 5px 5px;
    }

.select2-container--bootstrap[dir="rtl"] {
    /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
    /**
     * Multiple Select2
     */
}

    .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
        padding-left: 24px;
        padding-right: 12px;
    }

        .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
            padding-right: 0;
            padding-left: 0;
            text-align: right;
            /* 1 */
        }

        .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
            float: left;
        }

        .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
            left: 12px;
            right: auto;
        }

            .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
                margin-left: 0;
            }

    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-search--inline {
        float: right;
    }

    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
        margin-left: 0;
        margin-right: 6px;
    }

    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
        margin-left: 2px;
        margin-right: auto;
    }

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
    border-color: #8a6d3b;
}

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    border-color: #66512c;
}

.has-warning.select2-drop-active {
    border-color: #66512c;
}

    .has-warning.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #66512c;
    }

.has-error .select2-dropdown,
.has-error .select2-selection {
    border-color: #a94442;
}

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    border-color: #843534;
}

.has-error.select2-drop-active {
    border-color: #843534;
}

    .has-error.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #843534;
    }

.has-success .select2-dropdown,
.has-success .select2-selection {
    border-color: #3c763d;
}

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    border-color: #2b542c;
}

.has-success.select2-drop-active {
    border-color: #2b542c;
}

    .has-success.select2-drop-active.select2-drop.select2-drop-above {
        border-top-color: #2b542c;
    }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * @see http://getbootstrap.com/components/#input-groups
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
/**
 * Reset rounded corners
 */
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child) + .select2-container--bootstrap:not(:last-child) > .selection > .select2-selection.form-control {
    border-radius: 0;
}

.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection,
.input-group > .select2-hidden-accessible:not(:first-child):not(:last-child) + .select2-container--bootstrap:last-child > .selection > .select2-selection.form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.input-group > .select2-container--bootstrap {
    display: table;
    table-layout: fixed;
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0;
    /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
    /**
   * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
   * Multi Select2's height which - depending on how many elements have been selected -
   * may grow taller than its initial size.
   *
   * @see http://getbootstrap.com/components/#input-groups
   */
}

    .input-group > .select2-container--bootstrap > .selection > .select2-selection.form-control {
        float: none;
    }

    .input-group > .select2-container--bootstrap.select2-container--open, .input-group > .select2-container--bootstrap.select2-container--focus {
        z-index: 3;
    }

    .input-group > .select2-container--bootstrap,
    .input-group > .select2-container--bootstrap .input-group-btn,
    .input-group > .select2-container--bootstrap .input-group-btn .btn {
        vertical-align: top;
    }

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
}

/**
 * Display override for inline forms
 */
@media (min-width: 768px) {
    .form-inline .select2-container--bootstrap {
        display: inline-block;
    }
}