/* style.css */

/* Fonts */
@font-face {
    font-family: "Quicksand-Light"; /* Usage: font-family:'Quicksand-Light', sans-serif; */
    src: url("/fonts/Quicksand-Light.ttf");
}

@font-face {
    font-family: "Quicksand-Regular";
    src: url("/fonts/Quicksand-Regular.ttf");
}

@font-face {
    font-family: "Quicksand-Medium";
    src: url("/fonts/Quicksand-Medium.ttf");
}

@font-face {
    font-family: "Quicksand-Bold";
    src: url("/fonts/Quicksand-Bold.ttf");
}

/*
Generic centred content rules will override existing layout styles at a high level.
These rules can be activated by adding the class.centred-content to the div#formindent
on any page. They cannot be activated site-wide by adding the class in the tpl_header.tpl
because there are quite a few pages on DFI that would need to be full width.
*/
#formindent.centred-content {
    padding: inherit;
    padding: 50px 0;
}

#formindent.centred-content .box {
    width: inherit;
    background: none;
}

#formindent.centred-content .innercontent {
    padding: inherit;
    width: 1200px;
    margin: 0 auto;
}

/* Generic full screen width styles, usefull for when we need table data on the whole screen. */
#formindent.screen-width {
    padding: inherit;
    padding: 50px 0;
}

#formindent.screen-width .box {
    width: inherit;
    background: none;
}

#formindent.screen-width .innercontent {
    padding: 0 25px;
    width: auto;
}

/*
Generic font styles for updating the font on a given page. These are also activated manually
on each page in the same way by applying the class.quicksand-font to the div#formindent.
*/
#formindent.quicksand-font p {
    font: normal normal 16px/1.5em "Quicksand-Regular", sans-serif;
    margin-top: 0;
}

#formindent.quicksand-font p#opener {
    font-size: 22px;
}

/* Generic centred form styles */
#formindent.centred-form form {
    width: 220px;
    margin: 0 auto;
}

#formindent.centred-form.w580 form {
    width: 580px;
}

#formindent.centred-form.w650 form {
    width: 650px;
}

/* Generic fixed menu */
#formindent.centred-content .fix-it {
    position: fixed;
    top: 80px;
}

/* Generic dropdown menu */
ul li.dropdown-trigger {
    display: block;
    position: relative;
}

ul li.dropdown-trigger:hover {
    cursor: pointer;
}

ul li.dropdown-trigger .menu-container {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
}

ul li.dropdown-trigger ul.dfi-dropdown-menu {
    padding: 14px 25px;
    background: #fff;
    border: 1px solid #aaa;
    border-top: none;
    border-radius: 4px;
}

ul li.dropdown-trigger:hover > .menu-container,
ul li.dropdown-trigger .menu-container:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

ul li.dropdown-trigger ul.dfi-dropdown-menu li {
    width: 100%;
    clear: both;
    text-align: left;
    margin: 0 !important;
    padding: 5px 0 !important;
}

ul li.dropdown-trigger ul.dfi-dropdown-menu li a {
    color: #146faf !important;
}

ul li.dropdown-trigger ul.dfi-dropdown-menu li a:hover {
    text-decoration: underline !important;
}

/* Specific dropdown menu */
#login-bar li.dropdown-trigger.admin .menu-container {
    left: -58px;
    top: 30px;
}

#login-bar li.dropdown-trigger.broker .menu-container,
#login-bar li.dropdown-trigger.insurer .menu-container {
    left: -38px;
    top: 30px;
}

#login-bar li.dropdown-trigger.admin .menu-top {
    height: 8px;
    background: #444 url(/images/icons/dropdown-menu-arrow-admin.png) 0 0 no-repeat;
}

#login-bar li.dropdown-trigger.broker .menu-top,
#login-bar li.dropdown-trigger.insurer .menu-top {
    height: 8px;
    background: #444 url(/images/icons/dropdown-menu-arrow-broker.png) 0 0 no-repeat;
}

#login-bar li.dropdown-trigger.admin ul.dfi-dropdown-menu {
    width: 144px;
}

#login-bar li.dropdown-trigger.broker ul.dfi-dropdown-menu,
#login-bar li.dropdown-trigger.insurer ul.dfi-dropdown-menu {
    width: 110px;
}

/* Generic page errors */
#formindent.centred-content .form-dash {
    margin-top: 0;
}

#formindent.centred-content .header_message {
    margin-top: 0;
}

/* Global */
.clear {
    clear: both;
}

div.bootstrapped {
    color: #333;
}

div.bootstrapped h4 {
    font-weight: normal;
}

div.bootstrapped .dfi-text-center {
    text-align: center !important;
}

div.bootstrapped .btn-right {
    margin-left: 10px;
}

.anchor-spacer {
    position: relative;
}

.anchor-spacer .anchor {
    position: absolute;
    left: 0px;
    top: -50px;
    font-size: 0px;
}
/* End Global */

body {
    margin: 0px;
    padding: 0px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    min-width: 990px;
}

div {
    padding: 0px;
    margin: 0px;
}

td,
th {
    font-size: 12px;
}

select {
    width: 342px;
    height: 28px;
    border: 1px solid #999;
    background: #fff;
    font-family: calibri;
    font-size: 14px;
    color: #999;
    padding-left: 6px;
}

textarea {
    width: 332px;
    border: 1px solid #999;
    background: #fff;
    font-family: calibri;
    font-size: 14px;
    color: #999;
    padding-left: 6px;
    border-radius: 5px;
}

img {
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: none;
}

figure {
    margin: 0;
}

#header {
    height: 66px;
    padding-top: 42px;
    background: white url(/images/menu-background.gif) left 71px repeat-x;
}

#step {
    color: #8a8a8a;
    font-size: 13pt;
    font-weight: bold;
    margin: 20px;
}

#error {
    color: #084c7b;
    font-weight: bold;
    font-size: 13pt;
}

#message {
    color: #0000ff;
    font-size: 13pt;
}

#footer {
    color: #8a8a8a;
    font-size: 8pt;
    margin: 0 45px 60px;
}

#footer a {
    color: #8a8a8a;
    text-decoration: underline;
}

#formindent {
    position: relative;
    font-size: 10pt;
    color: #333;
    padding: 0px 20px;
}

.strike {
    text-decoration: line-through;
}

div.box {
    width: 95%;
    background-color: #ffffff;
    background-image: none;
}

div.uedge {
    background-image: url(/images/darkerbar.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

div.redge {
    background-image: url(/images/form-right.gif);
    background-position: top right;
    background-repeat: repeat-y;
}

div.bedge {
    background-image: url(/images/form-bottom.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    margin-top: 120px;
}

div.ledge {
    background-image: url(/images/form-left.gif);
    background-position: top left;
    background-repeat: repeat-y;
}

div.blcorner {
    background-image: url(/images/form-bottomleft.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

div.brcorner {
    background-image: url(/images/form-bottomright.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

div.innercontent {
    padding-top: 2px;
    padding-bottom: 20px;
    padding-left: 23px;
    padding-right: 23px;
}

div.boxheader {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 23px;
}

#button {
    float: left;
    clear: both;
    width: 300px;
    height: 26px;
    padding: 10px 0 0 10px;
    color: #fff;
    background: #0867a9 url(/images/button-bg.gif) 0 0;
}

#button a {
    color: #fff;
}

#button-cap,
div.menu-button-cap {
    width: 26px;
    height: 36px;
    float: left;
    background: transparent url(/images/button-cap.gif) 0 0;
}

div.button {
    width: 100%;
    text-align: right;
    vertical-align: bottom;
    padding: 6px 0px;
}

div.button2 {
    width: 95%;
    background-color: #ffffff;
    background-image: none;
    text-align: right;
    vertical-align: bottom;
    padding: 6px 0px;
}

#login-bar {
    width: 100%;
    position: fixed;
    z-index: 111;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    background: #444;
    border-bottom: 1px solid #ccc;
}

#login-bar li {
    display: inline-block;
    margin-right: 30px;
    padding: 14px 0;
}

#login-bar li a,
#login-bar li a:active,
#login-bar li a:hover,
#login-bar li a:focus {
    color: #fff;
    text-decoration: none;
}

#nav,
#nav ul {
    /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 5;
}

#nav a {
    display: block;
}

#nav li {
    /* all list items */
    float: left;
}

#nav li ul {
    /* second-level lists */
    position: absolute;
    top: 106px;
    width: 140px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    background: url(/images/submenubg.gif) top left repeat-x;
    background-color: #2184c9;
    border: 2px solid #61a2ce;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    padding: 3px;
    z-index: 111;
}

#nav li ul ul {
    margin: -1em 0 0 7em;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul {
    left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
    /* lists nested under hovered list items */
    left: auto;
}

#nav li li a {
    font-weight: bold;
    text-decoration: none;
    padding: 0.5em 10px;
}

#nav li li a,
#nav li li a:visited {
    color: #fff;
}

#menu li li a:hover {
    color: #b2daf5;
}

#nav .main_nav_items {
    margin: 31px 0 0 8px;
    padding-right: 25px;
    background: url(/images/icons/nav_arrow.gif) no-repeat right 1px;
}

#nav .main_nav_items > a {
    height: 26px;
    padding-top: 8px;
    font: normal normal 14px/1em Arial, Helvetica, sans-serif;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}

h1,
h2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #0867a9;
}

h1 {
    font-size: 11pt;
}

div.buttons {
    width: 80%;
    text-align: left;
    margin: 10px;
}

/* forms */
#date_select {
    margin-bottom: 20px;
}

#date_select select {
    width: auto;
}

div.button2 form {
    margin: 3px 0 0;
}

div.button2 input {
    background: url(/images/darkerbar.gif) top left repeat-x;
    color: #fff;
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    border: 2px double #288ace;
    padding: 2px 3px 2px 3px;
    margin-bottom: 0px;
}

#chkbox_group > ul {
    list-style: none;
    margin: 0 0 10px;
}

#chkbox_group input {
    margin: 0 8px 0 0;
}

.checkbox_group > ul {
    list-style: none !important;
    margin: 0 0 10px !important;
}

.checkbox_group input {
    margin: 0 8px 0 0 !important;
}

/* info box */
.has_info {
    height: 28px;
}

.info_box {
    position: relative;
    width: 360px;
}

.info_box.vrm {
    left: 700px;
    top: 18px;
}

.info_box.exceptions {
    left: 700px;
    top: 45px;
}

.info_box.diary {
    left: 640px;
    top: -30px;
}

.info_box.sub_agent {
    left: 580px;
    top: -60px;
}

.info_top {
    width: 360px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 12px;
    background: transparent url(/images/icons/info_box_top.png) no-repeat 0 0;
}

.info_mid {
    width: 334px;
    text-align: center;
    padding: 12px 12px 0;
    border-left: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    background: #fff;
}

.info_bot {
    width: 360px;
    height: 12px;
    background: #fff url(/images/icons/info_box_bot.png) no-repeat 0 0;
}

#companies_house_information {
    color: #333;
    margin-bottom: 20px;
    width: 277px;
}

#companies_house_information p {
    margin-bottom:8px;
}

div.innercontent a,
div.innercontent a:visited {
    color: #146faf;
    font-weight: bold;
    text-decoration: none;
}

div.innercontent a:hover {
    color: #14afaa;
    text-decoration: underline;
}

div.innercontent td {
    vertical-align: middle;
}

div.innercontent td form {
    margin: 0px;
    border: 1px solid #fff;
}

div.innercontent table.aligntop td {
    vertical-align: top;
}

.smallnote {
    font-size: x-small;
}

/* List icons for PDFs (e.g. Insurer Policy Documentation) */
ul.pdf li {
    list-style-image: url(/images/pdf-icon.gif);
    margin-left: 20px;
}

ul.excel li {
    list-style-image: url(/images/icons/excel-32x32.gif);
    margin-left: 20px;
}

ul.docs > li.pdf {
    list-style-image: url(/images/pdf-icon.gif);
    margin-left: 20px;
}

ul.docs > li.xlsx {
    list-style-image: url(/images/icons/excel-32x32.gif);
    margin-left: 20px;
}

ul.bordereaux-list {
    list-style-type: none;
}

ul.bordereaux-list > li {
    padding: 0.05rem 0 1rem 1.5rem;
    background-image: url("/images/icons/folder_icon.png");
    background-repeat: no-repeat;
}

div.bootstrapped ul.excel2 {
    list-style-type: none;
    margin: 0.5rem 0 0 0.5rem;
}

ul.excel2 > li {
    padding: 0.2rem 0 1rem 2rem;
    background-image: url("/images/icons/excel-32x32.gif");
    background-size: 1.5rem;
    background-repeat: no-repeat;
}

.lotcomment .modifiesterms,
.message .header {
    background-color: #b5d3ef;
}

.message .header {
    font-weight: bold;
}

.lotcomment .adminonly {
    background-color: #f99;
}

.form-error {
    color: red;
}

.bootstrapped #colour_key h4 {
    margin-left: 14px;
}

.bootstrapped #colour_key dl {
    margin: 20px 14px 30px;
}

.bootstrapped #colour_key dl > dt {
    float: left;
    width: 2px;
    height: 18px;
}

.bootstrapped #colour_key dl > dd {
    margin: 0 0 10px 15px;
    white-space: nowrap;
}

.bootstrapped #colour_key #key_white {
    background: #fff;
    border: 1px solid #ccc;
}

.bootstrapped #colour_key #key_red {
    background: #ff2800;
    border: 1px solid #ff2800;
}

.bootstrapped #colour_key #key_light_red {
    background: #ff9c8f;
    border: 1px solid #ff9c8f;
}

.bootstrapped #colour_key #key_orange {
    background: #ffb400;
    border: 1px solid #ffb400;
}

.bootstrapped #colour_key #key_yellow {
    background: #fdff8f;
    border: 1px solid #fdff8f;
}

.bootstrapped #colour_key #key_green {
    background: #00d20f;
    border: 1px solid #00d20f;
}

.bootstrapped #colour_key #key_blue {
    background: #0085e2;
    border: 1px solid #0085e2;
}

.bootstrapped #risk_filters {
    padding-top: 10px;
}

.risk_white {
    background-color: #fff;
}

.risk_red {
    background-color: #ff2800;
}

.risk_light_red {
    background-color: #ff9c8f;
}

.risk_orange {
    background-color: #ffb400;
}

.risk_yellow {
    background-color: #fdff8f;
}

.risk_green {
    background-color: #00d20f;
}

.risk_blue {
    background-color: #0085e2;
}

td.policynumber {
    font-weight: bold;
    text-align: center;
}

input.datefilter {
    border: 0px;
    text-align: center;
    padding: 3px;
    width: 200px;
    background-color: #2c8bcd;
    color: white;
    font-weight: bold;
}

.hide {
    display: none;
}

td.heading {
    font-weight: bold;
    width: 25%;
}

/* 'rowform' tables are ones where each field of data is entered on a separate row */
table.rowform {
    border-collapse: collapse;
    border: none;
}

table.rowform td {
    padding-right: 5px;
}

table.rowform td.header {
    font-weight: bold;
}

table.cc td.header {
    width: 300px;
    padding-right: 10px;
}

table.coldisplay {
    border-spacing: 2px;
    border: none;
}

table.coldisplay td,
table.coldisplay th {
    padding: 3px;
}

table.coldisplay tr.darkgrey {
    background-color: #dfdfdf;
}

table.coldisplay tr.lightgrey {
    background-color: #f0f0f0;
}

table.coldisplay td.button {
    background-color: #ffffff;
}

label {
    font-weight: bold;
}

.help {
    color: #0033ff;
}

td.heading .help {
    font-weight: normal;
}

td.currency {
    text-align: right;
}

td.numeric,
td.checkbox,
td.date {
    text-align: center;
}

td.invoicenumber,
td.invoicelink {
    text-align: center;
}

table.fullwidth {
    width: 100%;
}

td.white {
    background-color: #fff;
}

/* Front page styles */
#formindent.centred-content.front-page {
    padding: 0;
}

#formindent.front-page .flex-container {
    height: 550px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#formindent.front-page .flex-item p {
    font-size: 18px;
    margin: 0;
    padding: 20px 50px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
}

#formindent.front-page .innercontent {
    margin-top: 50px;
}

#formindent.front-page a {
    font-weight: normal;
}

#formindent .large-quotes {
    font-size: 24px;
}

#company-logos {
    width: 1200px;
    margin: 100px auto;
}

#company-logos figure {
    float: left;
    margin-right: 100px;
}

#company-logos figure a {
    display: block;
    margin: 0 auto;
}

#company-logos figure a#insuranceawards {
    width: 110px;
}

#company-logos figure a#biba {
    width: 65px;
}

#company-logos figcaption {
    text-align: center;
    margin-bottom: 10px;
    color: #333;
}

/* Login page styles */
.bootstrapped.login section.header_message {
    margin-top: 0;
}

.bootstrapped.login a {
    font-weight: normal;
}

.bootstrapped.login #create-account {
    width: 420px;
    margin: 0 auto;
}

.bootstrapped.login #create-account h4 {
    margin-left: 100px;
}

.bootstrapped.login #create-account p {
    margin-left: 100px;
}

/* List of risks, particularly using DataTables */
.bootstrapped .risk-list th {
    white-space: nowrap;
}

/* Claims styles */
table.display-claim tbody tr td:nth-child(1) {
    width: 20%;
}

div.bootstrapped table.display-claim {
    margin-bottom: 0;
}

div.bootstrapped .form-dash table.display-claim td {
    border-top: none;
}

div.bootstrapped table.tpdetails th {
    white-space: nowrap;
}

input.postcode {
    text-transform: uppercase;
}

/* New business, add vehicles */
#formindent.centred-content.multi-vehicle-form .innercontent {
    width: 1450px;
}

/* Help section */
div.bootstrapped.help-section section {
    margin-top: 40px;
}

div.bootstrapped.help-section section:first-child {
    margin-top: 0;
}

div.bootstrapped.help-section h4 {
    margin-top: 0;
}

div.bootstrapped.help-section ul {
    margin: 0;
    list-style-type: none;
}

div.bootstrapped.help-section li {
    line-height: 25px;
}

div.bootstrapped.help-section a {
    font-weight: normal;
}

div.bootstrapped.help-section.privacy ul {
    margin: 0 0 10px 25px;
    list-style-type: initial;
}

div.bootstrapped.help-section.privacy span.title {
    text-decoration: underline;
}

/* Styles for insurer financial information */
div.bootstrapped .insurer_data th {
    white-space: nowrap;
}

div.bootstrapped .total tr:last-child {
    font-weight: bold;
}

/* Generic overlay */
#overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    opacity: 0.3;
    z-index: 1;
    display: none;
}

#overlay_message {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 200px;
    margin: -175px 0 0 -440px;
    padding: 40px;
    font-size: 24px;
    color: #003580;
    text-align: center;
    background-color: #fff;
    border: 5px solid #007dc5;
    border-radius: 15px;
    z-index: 2;
    display: none;
}

/* Styles for D3.js bar chart on the insurer annual summary page */
#chart {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -250px;
    border: 1px solid #444;
    background: white;
    z-index: 110;
}

#chart_title {
    font: 22px sans-serif;
    color: red;
}

.axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.axis line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

.x.axis path {
    display: none;
}

#chart #close_chart:active,
#chart #close_chart:focus,
#chart #close_chart:hover {
    cursor: pointer;
}

#d3tip {
    white-space: pre-line;
}

div.bootstrapped .checkbox_container {
    width: 20px;
    height: 20px;
    position: relative;
    left: 34px;
}

div.bootstrapped .checkbox_container input[type="checkbox"] {
    display: none;
}

div.bootstrapped .checkbox_container label {
    width: 20px;
    height: 20px;
    background: url(/images/icons/checkbox_off.png) 0 0 no-repeat;
}

div.bootstrapped .checkbox_container label:active,
div.bootstrapped .checkbox_container label:hover,
div.bootstrapped .checkbox_container label:focus {
    background: url(/images/icons/checkbox_over.png) 0 0 no-repeat;
}

div.bootstrapped .checkbox_container input[type="checkbox"]:checked + label {
    background: url(/images/icons/checkbox_on.png) 0 0 no-repeat;
}

div.bootstrapped .checkbox_container input[type="checkbox"]:disabled + label {
    background: url(/images/icons/checkbox_disabled.png) 0 0 no-repeat;
    cursor: default;
}

div.bootstrapped .checkbox_container input[type="checkbox"]:checked:disabled + label {
    background: url(/images/icons/checkbox_on_disabled.png) 0 0 no-repeat;
    cursor: default;
}

/* Broker Reports */
table thead tr > th a.ordering_header {
    padding-right: 15px;
}

table thead tr > th a.ordering_header:active,
table thead tr > th a.ordering_header:focus,
table thead tr > th a.ordering_header:hover {
    text-decoration: none;
}

table thead tr > th a.ordering_header.ordered {
    color: #00ae00;
    background: url(/images/icons/orderby_arrow_on.gif) no-repeat right 4px;
}

table thead tr > th a.ordering_header.ordered:active,
table thead tr > th a.ordering_header.ordered:focus,
table thead tr > th a.ordering_header.ordered:hover {
    color: #00ae00;
}

div.left {
    width: 30%;
    float: left;
}

div#registered_brokers .account-disabled td {
    color: #ccc;
}

div#registered_brokers .account-disabled td a {
    color: #ccc;
    font-weight: normal;
}

/* Pagination */
div.bootstrapped .pagination_container {
    border-top: 1px solid #eee;
    padding: 20px 0;
}

div.bootstrapped .pagination_container {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ededed 50%,
        #dddddd 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        #ffffff 0%,
        #ededed 50%,
        #dddddd 100%
    ); /* Chrome10-25, Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ededed 50%,
        #dddddd 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0); /* IE6-9 */
}

div.bootstrapped .paginator {
    width: 470px;
    margin: 0 auto;
}

div.bootstrapped .paginator ul > li {
    display: inline;
    line-height: 28px;
    margin-right: 3px;
    padding: 6px 0;
    font-weight: bold;
    background: #fff;
}

div.bootstrapped .paginator ul > li#prev {
    margin-right: 15px;
}

div.bootstrapped .paginator ul > li#next {
    margin-right: 0;
    margin-left: 15px;
}

div.bootstrapped .paginator ul > li a {
    color: #747474;
    padding: 5px 15px;
    border: 1px solid #0072c6;
}

div.bootstrapped .paginator ul > li a:active,
div.bootstrapped .paginator ul > li a:focus,
div.bootstrapped .paginator ul > li a:hover {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background: #0072c6;
}

div.bootstrapped .paginator ul > li a.current {
    color: #fff;
    background: #0072c6;
}

div.bootstrapped .paginator ul > li a.paginate-disabled {
    color: #aaa;
    background: #e6e6e6;
    border: 1px solid #ccc;
    cursor: default;
    pointer-events: none;
}

/* Accept Bid page */
.bootstrapped.accept_bid #header_message {
    margin-top: 25px;
    padding: 20px;
    color: #008000;
    border: 1px solid #008000;
    border-radius: 5px;
    background: #e2f3e4;
}

.bootstrapped.accept_bid #header_message p {
    margin: 0;
}

.bootstrapped.accept_bid section {
    margin: 20px 0 0;
}

.bootstrapped.accept_bid section.panel {
    padding: 15px 20px;
    background: #f3f3f3;
    border: 2px solid #d9d9d9;
    border-radius: 10px;
}

.bootstrapped.accept_bid h3 {
    font-size: 14px;
    color: #003580;
    line-height: 20px;
    margin: 0;
}

.bootstrapped.accept_bid label {
    display: inline-block;
}

.bootstrapped.accept_bid input[type="checkbox"] {
    margin-top: -4px;
}

.bootstrapped.accept_bid .panel table tr td {
    vertical-align: text-top;
    padding: 5px 0;
}

.bootstrapped.accept_bid .panel table tr > td:first-child {
    min-width: 160px;
}

.bootstrapped.accept_bid .panel table tr > td:last-child {
    color: #003580;
}

.bootstrapped.accept_bid #schedule table tr th.text-right,
.bootstrapped.accept_bid #schedule table tr td.text-right {
    text-align: right;
}

.bootstrapped.accept_bid #drivers .td_wrapper table tr th {
    padding: 0 8px;
}

.bootstrapped.accept_bid #drivers .td_wrapper table tr td {
    border-top: none;
    padding: 0 8px;
    color: #003580;
}

/* DFI Diary */
.bootstrapped.dfidiary {
    position: relative;
}

.bootstrapped.dfidiary #datepicker {
    float: left;
    margin-right: -260px;
}

.bootstrapped.dfidiary .dashboard {
    float: left;
    margin-left: 280px;
    padding: 25px;
    background: #fde29d;
}

.bootstrapped.dfidiary #ajax_diary h1 {
    position: absolute;
    left: 305px;
    top: 25px;
    font-size: 25px;
    font-weight: normal;
    color: #003580;
    margin: 0;
}

.bootstrapped.dfidiary menu {
    margin: 50px -125px 0 0;
    padding-left: 0;
    float: left;
}

.bootstrapped.dfidiary menu#group_menu {
    margin: 50px 0 0 170px;
    float: left;
}

.bootstrapped.dfidiary menu ul {
    margin: 0;
    list-style-type: none;
}

.bootstrapped.dfidiary menu ul li {
    display: inline-block;
}

.bootstrapped.dfidiary menu ul li a {
    outline: 0;
}

.bootstrapped.dfidiary menu ul li figure {
    margin: 0;
    margin-right: 12px;
}

.bootstrapped.dfidiary menu ul li figure figcaption {
    color: #003580;
}

.bootstrapped.dfidiary menu ul li figure figcaption#day_caption {
    padding-left: 8px;
}

.bootstrapped.dfidiary menu ul li figure figcaption#week_caption {
    padding-left: 4px;
}

.bootstrapped.dfidiary fieldset {
    min-height: 75px;
    border: 2px solid #c6c6c6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bootstrapped.dfidiary fieldset#period {
    padding: 10px 0 10px 10px;
}

.bootstrapped.dfidiary fieldset#user {
    padding: 10px;
}

.bootstrapped.dfidiary fieldset#user ul li {
    margin: 16px 2px 0 0;
}

.bootstrapped.dfidiary fieldset#user ul li:last-child {
    margin-right: 0;
}

.bootstrapped.dfidiary fieldset#user ul > li a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 7px 12px;
    background: #0198ff;
}

.bootstrapped.dfidiary fieldset#user ul li a:active,
.bootstrapped.dfidiary fieldset#user ul li a:focus,
.bootstrapped.dfidiary fieldset#user ul li a:hover {
    background: #da4343;
}

.bootstrapped.dfidiary fieldset#user ul li a.active-user {
    background: #da4343;
}

.bootstrapped.dfidiary legend {
    width: auto;
    padding: 0 4px;
    margin: initial;
    font-size: initial;
    line-height: initial;
    color: #003580;
    border: initial;
}

.bootstrapped.dfidiary .diary-week {
    width: 19%;
    float: left;
    margin-right: 1%;
}

.bootstrapped.dfidiary .diary-day th {
    width: 13%;
}

.bootstrapped.dfidiary .nested-diary {
    width: 100%;
}

/* Overrule the bootstrap zebra on nested table */
.bootstrapped.dfidiary .nested-diary td {
    width: 13%;
    border-top: none;
    background: none !important;
}

.bootstrapped.dfidiary .nested-diary td.no-width {
    width: auto;
}

.bootstrapped.dfidiary .diary-week .nested-diary td {
    height: 40px;
}

.bootstrapped.dfidiary .add_action,
.bootstrapped.dfidiary .edit_action {
    display: inline-block;
}

.bootstrapped.dfidiary .cancelled td {
    color: #ccc;
}

.bootstrapped.dfidiary .form-horizontal .control-label {
    width: 200px;
    padding-top: 0;
    cursor: text;
}

.bootstrapped.dfidiary .form-horizontal .control-label.help_icon {
    cursor: pointer;
    background: url(/images/icons/help.png) no-repeat 180px 0;
}

.bootstrapped.dfidiary .form-horizontal .control-label.help_icon span {
    min-width: 175px;
    display: inline-block;
    margin-right: 30px;
}

.bootstrapped.dfidiary .form-horizontal .controls {
    margin-left: 220px;
}

.bootstrapped.dfidiary .controls {
    line-height: 20px;
}

.bootstrapped.dfidiary textarea {
    resize: vertical;
}

.bootstrapped.dfidiary .form-horizontal .form-actions {
    padding-left: 220px;
}

.bootstrapped.dfidiary .back-to-diary {
    margin-left: 19px;
}

.bootstrapped a.title_tip.in_progress {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/icons/progress_icon.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.paused {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/icons/paused_icon.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.complete {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/icons/complete_icon.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.cancelled {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/images/icons/cancelled_icon.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.in_progress:active,
.bootstrapped a.title_tip.in_progress:focus,
.bootstrapped a.title_tip.in_progress:hover {
    background: url(/images/icons/progress_icon_on.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.paused:active,
.bootstrapped a.title_tip.paused:focus,
.bootstrapped a.title_tip.paused:hover {
    background: url(/images/icons/paused_icon_on.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped a.title_tip.complete:active,
.bootstrapped a.title_tip.complete:focus,
.bootstrapped a.title_tip.complete:hover {
    background: url(/images/icons/complete_icon_on.gif) no-repeat 0 0 / 16px 16px;
}

.bootstrapped #pre_defined_action,
.bootstrapped #manual_entry {
    display: none;
}

.bootstrapped.dfidiary #rollover section {
    display: none;
    height: 30px;
}

.bootstrapped.dfidiary #rollover section div {
    float: left;
    line-height: 30px;
    margin-right: 20px;
}

/* Generic file download icon */
.bootstrapped a.download {
    padding-right: 18px;
    background: transparent url(/images/icons/download_icon.png) no-repeat right 2px;
}

/* Generic nested table data panel */
div.bootstrapped .nested_data_container {
    position: relative;
}

div.bootstrapped .nested_data_container:hover {
    cursor: pointer;
}

div.bootstrapped .nested_data {
    visibility: hidden;
    opacity: 0;
    display: none;
    position: absolute;
    bottom: 32px;
    z-index: 10;
    white-space: nowrap;
}

div.bootstrapped .nested_data.broker {
    left: 8px;
}

div.bootstrapped .nested_data.bids {
    left: -150px;
}

div.bootstrapped .nested_data_container:hover > .nested_data,
div.bootstrapped .nested_data:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

div.bootstrapped .nested_data tr {
    background-color: inherit;
}

div.bootstrapped .nested_data td {
    color: #fff;
    border: #3e454d;
    background-color: #3e454d;
}

div.bootstrapped .nested_data.bids td {
    min-width: 150px;
}

div.bootstrapped .nested_data tr:first-child td {
    padding: 16px 8px 8px;
}

div.bootstrapped .nested_data tr:last-child td {
    padding: 8px 8px 16px;
}

div.bootstrapped .nested_data tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

div.bootstrapped .nested_data tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

div.bootstrapped .nested_data tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}

div.bootstrapped .nested_data tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

/* Generic image title attribute */
.bootstrapped a.title_tip:hover {
    position: relative;
    text-decoration: none;
}

.bootstrapped a.title_tip[data-title]:hover:after {
    content: attr(data-title);
    padding: 6px 10px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 150%;
    z-index: 20;
    white-space: nowrap;
    background: #3e454d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 2px 3px 0px #999;
    -webkit-box-shadow: 0px 2px 3px 0px #999;
    box-shadow: 0px 2px 3px 0px #999;
}

/* Styles for adding fleet risk form steps */
.bootstrapped #form_progress {
    display: flex;
    justify-content: center;
    height: 80px;
    margin-bottom: 40px;
}

.bootstrapped #form_progress .step {
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: #003580;
}

.bootstrapped #form_progress .step {
    background: transparent url(/images/form-steps/the_line.png);
    background-repeat: repeat-x;
    background-position: center calc(50% + 8px);
}

.bootstrapped #form_progress .step:first-child {
    background: transparent url(/images/form-steps/the_line.png);
    background-repeat: no-repeat;
    background-size: 50% 3px;
    background-position: left 100% top calc(50% + 8px);
}

.bootstrapped #form_progress .step:last-child {
    background: transparent url(/images/form-steps/the_line.png);
    background-repeat: no-repeat;
    background-size: 50% 3px;
    background-position: right 100% top calc(50% + 8px);
}

.bootstrapped #form_progress .step span {
    display: inline-block;
    margin-bottom: 12px;
}

.bootstrapped #form_progress .step img {
    margin: 0 auto;
}

/* Generic form information dashboard */
.bootstrapped .form-dash {
    margin: 25px 0 0;
    padding: 20px;
    background: #f3f3f3;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}

.bootstrapped .form-dash h3 {
    font-size: 14px;
    color: #003580;
    line-height: 20px;
    margin: 0;
}

.bootstrapped .form-dash p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.bootstrapped .form-dash table th {
    text-align: left;
    padding: 8px 15px 8px 0;
}

.bootstrapped .form-dash table td {
    vertical-align: text-top;
    padding: 5px 40px 5px 0;
    color: #003580;
}

/* Generic form success/error message */
.bootstrapped section.header_message {
    margin-top: 25px;
    padding: 20px;
    border-radius: 5px;
}

.bootstrapped section.header_message.status {
    color: #008000;
    border: 1px solid #008000;
    background: #e2f3e4;
}

.bootstrapped section.header_message.warning {
    color: #ff7700;
    border: 1px solid #ff7700;
    background: #fde9d1;
}

.bootstrapped section.header_message.error {
    color: #b94a48;
    border: 1px solid #b94a48;
    background: #ffcbca;
}

.bootstrapped section.header_message p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

/* Claims Experience Form */
.bootstrapped .claims-experience th {
    white-space: nowrap;
}

.bootstrapped table.claims-experience td {
    vertical-align: middle;
    text-align: center;
    padding: 8px 0;
}

.bootstrapped .claims-experience input[type="text"] {
    width: 70px;
}

.bootstrapped .claims-experience input.dfi-input-small {
    width: 30px;
}

.bootstrapped .claims-experience input.insurer {
    width: 136px;
}

.bootstrapped .claims-experience select {
    width: 150px;
}

/* Claims Breakdown */
table#claims_breakdown_table thead tr > th {
    white-space: nowrap;
}

/* Log payments */
.bootstrapped table#payments th {
    white-space: nowrap;
    padding-right: 16px;
}

/* Styles for registering a new client */
.bootstrapped #termsandconditions {
    display: none;
    margin: 10px 0 40px;
}

/* Summary of Cover page */
.bootstrapped.summary_of_cover #menus {
    width: 300px;
    float: left;
}

.bootstrapped.summary_of_cover #menus menu {
    margin: 25px 0 0;
    padding: 0;
    border: 1px solid #0198ff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bootstrapped.summary_of_cover #menus span {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 1em;
    display: block;
    margin: 0;
    padding: 15px;
    background: #0198ff;
}

.bootstrapped.summary_of_cover #menus ul {
    margin: 20px 15px 20px 15px;
    list-style: none;
}

.bootstrapped.summary_of_cover #menus ul li {
    line-height: 30px;
    padding-left: 22px;
    background: transparent url(/images/icons/menu_bullet.gif) no-repeat 0 7px;
}

.bootstrapped.summary_of_cover #menus ul li a.trigger {
    cursor: pointer;
}

.bootstrapped.summary_of_cover #menus table {
    margin: 10px 15px;
}

.bootstrapped.summary_of_cover #menus table tr td {
    padding: 4px 0;
    vertical-align: text-top;
}

.bootstrapped.summary_of_cover #menus table tr td:first-child {
    min-width: 150px;
}

.bootstrapped.summary_of_cover #menus table tr td:last-child {
    color: #003580;
}

.bootstrapped.summary_of_cover #main_content {
    margin-left: 350px;
}

.bootstrapped.summary_of_cover #main_content #header_functions {
    margin-top: 25px;
}

.bootstrapped.summary_of_cover #main_content #header_functions .function {
    display: inline-block;
    margin-right: 60px;
}

.bootstrapped.summary_of_cover #main_content #header_functions form {
    margin: 0;
}

.bootstrapped.summary_of_cover #main_content .header_message {
    margin-top: 25px;
    padding: 20px;
    border-radius: 5px;
}

.bootstrapped.summary_of_cover #main_content .header_message.status {
    color: #008000;
    border: 1px solid #008000;
    background: #e2f3e4;
}

.bootstrapped.summary_of_cover #main_content .header_message.error {
    color: #b94a48;
    border: 1px solid #b94a48;
    background: #ffcbca;
}

.bootstrapped.summary_of_cover #main_content .header_message p {
    margin: 0;
}

.bootstrapped.summary_of_cover #main_content #dashboard {
    height: 100px;
    margin-top: 25px;
    padding: 8px;
    background: #eee;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul {
    margin: 0;
    list-style: none;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li {
    float: left;
    position: relative;
    width: 20%;
    height: 100px;
    overflow: hidden;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li:last-child {
    margin-right: 0;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.red {
    background: #f44435;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.green {
    background: #28b779;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.blue {
    background: #0198ff;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.purple {
    background: #86299b;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.orange {
    background: #ffc569;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li.grey {
    background: #777;
    pointer-events: none;
    cursor: default;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li a {
    width: 100%;
    height: 100px;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    outline: none;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li a:active,
.bootstrapped.summary_of_cover #main_content #dashboard ul li a:focus,
.bootstrapped.summary_of_cover #main_content #dashboard ul li a:hover {
    text-decoration: none;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li span {
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: 16px;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li h5 {
    position: absolute;
    right: 0;
    bottom: -26px;
    width: 100%;
    margin: 0;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 26px;
    text-align: right;
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
}

.bootstrapped.summary_of_cover #main_content #dashboard ul li a:active h5,
.bootstrapped.summary_of_cover #main_content #dashboard ul li a:focus h5,
.bootstrapped.summary_of_cover #main_content #dashboard ul li a:hover h5 {
    bottom: 0;
    opacity: 1;
    transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
}

.bootstrapped.summary_of_cover #main_content #drivers_vehicles {
    width: 700px;
    min-width: 510px;
    float: left;
    margin: 25px 0 0 0;
}

.bootstrapped.summary_of_cover #main_content #drivers_vehicles input[type="checkbox"]:hover {
    cursor: default;
}

.bootstrapped.summary_of_cover #main_content #insurer_panel {
    width: 700px;
    min-width: 510px;
    float: left;
    margin: 25px 0 0 0;
}

.bootstrapped.summary_of_cover #main_content #insurer_panel form {
    margin: 0;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel th {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel th span {
    display: inline-block;
    padding: 10px 15px;
    background: #0198ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel #table_head td {
    font-weight: bold;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel .checkbox_container {
    display: inline-block;
    position: static;
    left: 0;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip.comment {
    width: 20px;
    height: 18px;
    display: inline-block;
    text-align: left;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip.comment.yellow {
    background: transparent url(/images/icons/comment_icon_yellow.gif) no-repeat 0 0;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip.comment.red {
    background: transparent url(/images/icons/comment_icon_red.gif) no-repeat 0 0;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip[data-title]:hover:after {
    font-weight: normal;
    padding: 0 10px;
    color: #3e454d;
    left: -300px;
    white-space: pre-line;
    background: #eee;
    border: 1px solid #3e454d;
    border-radius: 4px;
    -moz-box-shadow: 0px 2px 3px 0px #999;
    -webkit-box-shadow: 0px 2px 3px 0px #999;
    box-shadow: 0px 2px 3px 0px #999;
    max-width: 600px;
    min-width: 600px;
}

.bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip.comment.red[data-title]:hover:after {
    padding: 30px 10px;
}

.bootstrapped.summary_of_cover #main_content #contacts {
    margin: 25px 0 0 775px;
}

.bootstrapped.summary_of_cover #main_content #contacts.full_width {
    margin: 25px 0 0 0;
}

.bootstrapped.summary_of_cover #main_content #contacts div {
    margin-bottom: 25px;
    padding: 25px 25px 15px;
    background: #eee;
    border-radius: 5px;
}

.bootstrapped.summary_of_cover #main_content #contacts h2 {
    font-size: 18px;
    font-weight: normal;
    color: #003580;
    line-height: 12px;
    margin: 0;
}

.bootstrapped.summary_of_cover #main_content #contacts h2 a {
    font-weight: normal;
    color: #003580;
    padding-right: 22px;
    background: transparent url(/images/icons/edit_icon.png) no-repeat right 3px / 16px 16px;
}

.bootstrapped.summary_of_cover #main_content #contacts h2 a:active,
.bootstrapped.summary_of_cover #main_content #contacts h2 a:focus,
.bootstrapped.summary_of_cover #main_content #contacts h2 a:hover {
    text-decoration: none;
}

.bootstrapped.summary_of_cover #main_content #contacts table {
    margin: 10px 0 0;
}

.bootstrapped.summary_of_cover #main_content #contacts table tr td {
    padding: 6px 0;
    vertical-align: text-top;
}

.bootstrapped.summary_of_cover #main_content #contacts table tr td:first-child {
    min-width: 150px;
}

.bootstrapped.summary_of_cover #main_content #contacts table tr td:last-child {
    color: #003580;
}

.bootstrapped.summary_of_cover #main_content #comments {
    width: 100%;
    margin-top: 15px;
}

.bootstrapped.summary_of_cover #main_content #comments h3 {
    font-size: 18px;
    font-weight: normal;
    color: #003580;
}

.bootstrapped.summary_of_cover #main_content #comments h5 {
    font-size: 14px;
    color: #003580;
}

.bootstrapped.summary_of_cover #main_content #comments form {
    margin: 0 0 25px;
}

.bootstrapped.summary_of_cover #main_content #comments textarea {
    width: 495px;
    resize: vertical;
}

.bootstrapped.summary_of_cover #main_content #comments label {
    display: inline;
}

.bootstrapped.summary_of_cover #main_content #comments input[name="filedescription"] {
    width: 425px;
}

@media screen and (max-width: 1700px) {
    .bootstrapped.summary_of_cover #main_content #header_functions .function {
        margin-bottom: 20px;
    }

    .bootstrapped.summary_of_cover #main_content #insurer_panel {
        width: auto;
        float: none;
    }

    .bootstrapped.summary_of_cover #main_content #contacts {
        min-width: 510px;
        margin: 25px 0 0 0;
    }

    .bootstrapped.summary_of_cover #main_content .insurer_panel a.title_tip[data-title]:hover:after {
        left: -600px;
    }
}

/* Print Lot Page */
#print_lot_page table.cover_details {
    border-collapse: collapse;
    border-spacing: 0;
}

#print_lot_page .cover_details td {
    padding: 4px 15px 4px 4px;
    line-height: 14px;
    text-align: left;
    vertical-align: top;
}

#print_lot_page table.driver_details {
    border-collapse: collapse;
    border-spacing: 0;
}

#print_lot_page .driver_details th {
    padding: 8px;
    line-height: 20px;
    text-align: left;
}

#print_lot_page .driver_details td {
    padding: 4px 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
}

/* Schedule Adjustments */
.bootstrapped.adjustments #adjustments_tabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #0198ff;
}

.bootstrapped.adjustments #adjustments_tabs ul {
    margin: 0;
    list-style-type: none;
    padding-left: 10px;
}

.bootstrapped.adjustments #adjustments_tabs ul li {
    display: inline-block;
    margin: -1px;
    background: #0198ff;
    border: 1px solid #0198ff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.bootstrapped.adjustments #adjustments_tabs ul li.active-tab {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.bootstrapped.adjustments #adjustments_tabs ul li.active-tab a {
    color: #08c;
}

.bootstrapped.adjustments #adjustments_tabs ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    outline: none;
}

.bootstrapped.adjustments #adjustments_tabs ul li a:active,
.bootstrapped.adjustments #adjustments_tabs ul li a:focus,
.bootstrapped.adjustments #adjustments_tabs ul li a:hover {
    text-decoration: none;
}

.bootstrapped.adjustments #adjustments_tabs ul li a.has_toba {
    background: transparent url(/images/icons/tick_icon_white_bg.png) no-repeat right 0 / 16px 16px;
}

.bootstrapped.adjustments table thead tr > th {
    white-space: nowrap;
}

/* Vehicle Schedule */
.bootstrapped.schedule table.vehicles thead tr > th {
    white-space: nowrap;
}

.bootstrapped.schedule table.vehicles tbody tr td.schedule-buttons {
    width: 117px;
    padding: 8px 0;
    background: #fff;
    border-top: none;
}

.bootstrapped.schedule table.vehicles tbody tr td.all-certificates {
    text-align: right;
}

.bootstrapped.schedule table tbody > tr.vehaddfuture > td {
    background-color: #ffc;
}

.bootstrapped.schedule table tbody > tr.vehiclehighlight > td {
    background: #cfc;
}

.bootstrapped.schedule table tbody > tr.vehicle_claim > td {
    background-color: #fcc;
}

.bootstrapped.schedule button.schedule {
    min-width: 100%;
    border: 1px solid #0000ff;
    padding: 4px;
    background: #006dcc;
    color: #fff;
    background-image: linear-gradient(to bottom, #08c, #04c);
}

/* Driver Schedule */
.bootstrapped.schedule #schedule_tabs {
    margin-bottom: 30px;
    border-bottom: 1px solid #0198ff;
}

.bootstrapped.schedule #schedule_tabs ul {
    margin: 0;
    list-style-type: none;
    padding-left: 10px;
}

.bootstrapped.schedule #schedule_tabs ul li {
    display: inline-block;
    margin: -1px;
    background: #0198ff;
    border: 1px solid #0198ff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.bootstrapped.schedule #schedule_tabs ul li.active-tab {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.bootstrapped.schedule #schedule_tabs ul li.active-tab a {
    color: #08c;
}

.bootstrapped.schedule #schedule_tabs ul li a {
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    outline: none;
}

.bootstrapped.schedule #schedule_tabs ul li a:active,
.bootstrapped.schedule #schedule_tabs ul li a:focus,
.bootstrapped.schedule #schedule_tabs ul li a:hover {
    text-decoration: none;
}

.bootstrapped.schedule section {
    margin: 20px 0 0;
}

.bootstrapped.schedule section.header_message {
    margin-top: 25px;
    padding: 20px;
    border-radius: 5px;
}

.bootstrapped.schedule section.header_message.status {
    color: #008000;
    border: 1px solid #008000;
    background: #e2f3e4;
}

.bootstrapped.schedule section.header_message p {
    margin: 0;
}

.bootstrapped.schedule table.drivers tbody tr td.schedule-buttons {
    width: 117px;
    padding: 8px 0;
    background: #fff;
    border-top: none;
}

.bootstrapped.schedule table.drivers thead tr > th {
    white-space: nowrap;
}

/* Assign Vehicle Premiums */
.bootstrapped.vehicle-premiums table tbody > tr.vehicle_claim > td {
    background-color: #fcc;
}

/* Search Drivers */
.bootstrapped.search_drivers table thead tr > th {
    white-space: nowrap;
}

/* Lot Documents */
.bootstrapped.lot_documents #file_upload .control-group {
    margin-bottom: 5px;
}

.bootstrapped.lot_documents #file_upload label {
    width: 0;
    font-size: 12px;
}

.bootstrapped.lot_documents #file_upload label.error {
    display: inline;
    padding-left: 20px;
}

.bootstrapped.lot_documents #file_upload .controls {
    margin-left: 105px;
}

.bootstrapped.lot_documents #file_upload #description {
    width: 230px;
}

.bootstrapped.lot_documents section.header_message {
    margin: 10px 0 40px;
    padding: 20px;
    border-radius: 5px;
}

.bootstrapped.lot_documents section.header_message.status {
    color: #008000;
    border: 1px solid #008000;
    background: #e2f3e4;
}

.bootstrapped.lot_documents section.header_message p {
    margin: 0;
}

.bootstrapped.lot_documents .remove {
    text-align: center;
}

.bootstrapped.lot_documents .remove button {
    width: 14px;
    height: 14px;
    border: none;
    padding: 0;
    cursor: pointer;
    background: transparent url(/images/icons/minus_icon.png) no-repeat 0 0 / 14px 14px;
}

/* Plant-i */
.bootstrapped.planti .d3chart path.grey {
    fill: #ddd;
}

.bootstrapped.planti .d3chart path.green {
    fill: #00c76e;
}

.bootstrapped.planti .d3chart path.greeny {
    fill: #7ebc57;
}

.bootstrapped.planti .d3chart path.yellow {
    fill: #ffc300;
}

.bootstrapped.planti .d3chart path.orange {
    fill: #ffa500;
}

.bootstrapped.planti .d3chart path.red {
    fill: #d7423e;
}

.bootstrapped.planti h3 {
    font-size: 20px;
    color: #003580;
}

.bootstrapped.planti h4 {
    margin-top: 0;
}

.bootstrapped.planti #file_upload label {
    width: 0;
    font-size: 12px;
    white-space: nowrap;
}

.bootstrapped.planti #file_upload label.error {
    display: inline;
    padding-left: 20px;
}

.bootstrapped.planti #file_upload .controls {
    margin-left: 105px;
}

.bootstrapped.planti #summary tr > th {
    text-transform: uppercase;
    font-weight: normal;
}

.bootstrapped.planti #summary tr > td {
    text-align: center;
    font-weight: bold;
}

.bootstrapped.planti #telemetry {
    margin-top: 30px;
}

.bootstrapped.planti #telemetry article {
    margin-bottom: 20px;
}

.bootstrapped.planti #telemetry article span {
    display: inline-block;
    width: 135px;
    height: 35px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #0198ff;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.bootstrapped.planti #telemetry article table {
    margin-bottom: 0;
}

.bootstrapped.planti #telemetry article table tr > th {
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #0198ff;
    background: #f3f3f3;
}

.bootstrapped.planti #telemetry article table tr th:last-child {
    text-align: left;
}

.bootstrapped.planti #telemetry article table tr > td {
    text-align: center;
    border-top: 0;
    background: #f3f3f3;
}

.bootstrapped.planti #telemetry article table tr td:last-child {
    text-align: left;
}

.bootstrapped.planti #telemetry article table tr:first-child td {
    font-size: 24px;
    color: #003580;
}

.bootstrapped.planti #telemetry article table tr td.report-date {
    font-size: 12px;
    color: #333;
}

.bootstrapped.planti #telemetry article table tr td.previous-toggle {
    text-align: left;
    padding-left: 40px;
}

.bootstrapped.planti #telemetry article table tr.previous-scores {
    display: none;
}

.bootstrapped.planti #telemetry article table tr.previous-scores > td {
    font-size: 18px;
}

.bootstrapped.planti #telemetry article table tr.previous-scores td:last-child {
    font-size: 12px;
    text-align: left;
}

.bootstrapped.planti #telemetry article table tr.previous-scores td:first-child {
    color: #003580;
}

.bootstrapped.planti #telemetry article table tr.previous-scores:last-child > td {
    padding-bottom: 15px;
}

/* FCA Registration Data */
.bootstrapped.fca-registration table tr td:last-child {
    color: #003580;
}

.bootstrapped.fca-registration .permission_block {
    display: none;
    border: 1px solid #444;
    margin: 15px 0;
    padding-bottom: 15px;
}

.bootstrapped.fca-registration .permission_block h3 {
    font-weight: normal;
    font-size: 14px;
    color: #003580;
    margin: 0;
    padding: 0 10px;
    background: #eee;
}

.bootstrapped.fca-registration .permission_block p {
    font-weight: bold;
    margin: 0;
    padding: 15px 10px 10px;
}

.bootstrapped.fca-registration .permission_block ul {
    margin: 0;
    padding: 0 10px;
    list-style-type: none;
}

.bootstrapped.fca-registration .permission_block ul > li {
    color: #333;
}

.bootstrapped.fca-registration #comments {
    width: 100%;
    margin-top: 15px;
}

.bootstrapped.fca-registration #comments h3 {
    font-size: 18px;
    font-weight: normal;
    color: #003580;
}

.bootstrapped.fca-registration #comments h5 {
    font-size: 14px;
    color: #003580;
}

.bootstrapped.fca-registration #comments form {
    margin: 0 0 25px;
}

.bootstrapped.fca-registration #comments textarea {
    width: 495px;
    resize: vertical;
}

.bootstrapped.fca-registration #comments label {
    display: inline;
}

.bootstrapped.fca-registration #comments input[name="filedescription"] {
    width: 425px;
}

.bootstrapped.fca-registration #comments .comment_wrapper {
    padding: 22px 0;
    border-top: 1px solid #ddd;
}

.bootstrapped.fca-registration #comments .comment_wrapper:last-child {
    padding: 22px 0 0;
}

.bootstrapped.fca-registration #comments .commenter {
    color: #003580;
    padding-right: 15px;
}

.bootstrapped.fca-registration #comments .comment_date_time {
    display: block;
    color: #7c7c7c;
    margin-top: 3px;
}

.bootstrapped.fca-registration #comments .comment_string {
    padding: 12px 0;
}

.bootstrapped.fca-registration #comments .comment_footer ul {
    min-height: 25px;
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: none;
    background: transparent url(/images/icons/attachment_icon.gif) no-repeat 0 0;
}

/* Generic comments section */
.bootstrapped.page-comments #comments {
    width: 100%;
    margin-top: 15px;
}

.bootstrapped.page-comments #comments h3 {
    font-size: 18px;
    font-weight: normal;
    color: #003580;
}

.bootstrapped.page-comments #comments h5 {
    font-size: 14px;
    color: #003580;
}

.bootstrapped.page-comments #comments form {
    margin: 0 0 25px;
}

.bootstrapped.page-comments #comments textarea {
    width: 495px;
    resize: vertical;
}

.bootstrapped.page-comments #comments label {
    display: inline;
}

.bootstrapped.page-comments #comments input[name="filedescription"] {
    width: 425px;
}

.bootstrapped.page-comments #comments .comment_wrapper {
    padding: 22px 0;
    border-top: 1px solid #ddd;
}

.bootstrapped.page-comments #comments .comment_wrapper:last-child {
    padding: 22px 0 0;
}

.bootstrapped.page-comments #comments .modifiesterms .commenter {
    background: transparent url(/images/icons/blue_dot.gif) no-repeat right 5px;
}

.bootstrapped.page-comments #comments .adminonly .commenter {
    background: transparent url(/images/icons/red_dot.gif) no-repeat right 5px;
}

.bootstrapped.page-comments #comments .commenter {
    color: #003580;
    padding-right: 15px;
}

.bootstrapped.page-comments #comments .comment_date_time {
    display: block;
    color: #7c7c7c;
    margin-top: 3px;
}

.bootstrapped.page-comments #comments .comment_string {
    padding: 12px 0;
}

.bootstrapped.page-comments #comments .comment_footer ul {
    min-height: 25px;
    margin: 0 0 10px;
    padding-left: 20px;
    list-style: none;
    background: transparent url(/images/icons/attachment_icon.gif) no-repeat 0 0;
}

/* Lot Correspondence Comments */
.column-search {
    width: 140px !important;
    margin-right: 10px !important;
}

#pinned_comments,
#comments_history,
#complaints {
    width: 100% !important;
}

.icon-blue {
    color: #0198ff;
}

/* Generic top of page scroll icon */
.bootstrapped #top_of_page_trigger {
    display: none;
    position: fixed;
    bottom: 105px;
    left: 0;
    cursor: pointer;
}

.bootstrapped #bottom_of_page_trigger {
    display: none;
    position: fixed;
    bottom: 60px;
    left: 0;
    cursor: pointer;
}

/* Companies House */
.bootstrapped.companies-house .company {
    margin-bottom: 10px;
    padding: 10px 0 0 10px;
    border: 2px solid #fff;
}

.bootstrapped.companies-house .company:active,
.bootstrapped.companies-house .company:hover,
.bootstrapped.companies-house .company:focus {
    border: 2px solid #444;
    cursor: pointer;
}

/* Skinny form, first used in private motor */
.bootstrapped .form-horizontal.skinny .control-label {
    width: 160px;
}

.bootstrapped .form-horizontal.skinny .controls {
    margin-left: 180px;
}

.bootstrapped .form-horizontal.skinny input.money_int {
    width: 180px;
}

.bootstrapped.page-comments #comments .view_claim_file ul {
    min-height: 25px;
    margin: 0 0 10px;
    list-style: none;
}

div.bootstrapped .transfer-btn {
    margin: 0px 0px 10px 15px;
}

div.bootstrapped .Return-btn {
    padding: 0px;
    background-color: #04c;
}

div.bootstrapped .Return-btn a {
    color: #ffffff;
    padding: 4px 12px;
    line-height: 30px;
    text-decoration: none;
}

.transfer-success-message {
    position: fixed;
    top: 202px;
    right: 20px;
    background-color: #2a5718;
    border: 1px solid #d6e9c6;
    color: #ffffff;
    padding: 20px 30px;
    border-radius: 4px;
    font-size: 15px;
    z-index: 9999;
}

.overlay-active {
    position: relative;
}

.overlay-active::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.bootstrapped.cue-search .title-bar {
    background-color: #F3F3F3;
}

.bootstrapped.cue-search .title-bar,
.bootstrapped.cue-search .sub-title {
    padding: 1rem 0.4rem;
}

.bootstrapped.cue-search .title-bar span,
.bootstrapped.cue-search .sub-title span {
    font-size: 0.9rem;
    font-weight: bold;
}

.bootstrapped.cue-search .table.cue-metadata tr > td:first-child,
.bootstrapped.cue-search .table.searched-subject tr > td:first-child {
    width: 120px;
}

.bootstrapped.cue-search .table.matching-incident tr > td:first-child {
    width: 250px;
}

.bootstrapped.cue-search .table.claim-payments tr > td:first-child,
.bootstrapped.cue-search .table.policy-holders tr > td:first-child,
.bootstrapped.cue-search .table.driver tr > td:first-child,
.bootstrapped.cue-search .table.third-parties tr > td:first-child,
.bootstrapped.cue-search .table.witnesses tr > td:first-child {
    width: 150px;
}

/* Skinny form for account tracker private motor */
.bootstrapped .form-horizontal.skinny.account_tracker .control-label {
    width: 170px;
}

.bootstrapped .form-horizontal.skinny.account_tracker .controls {
    margin-left: 190px;
}

.bootstrapped .form-horizontal.skinny.account_tracker input.money_int {
    width: 190px;
}

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

.claimsexperience tr td .vehicleYears {
    width: 4.2em;
}

.claimsexperience tr td .ce-claims {
    width: 3em;
}

.claimsexperience tr td .ce-adpaid,
.claimsexperience tr td .ce-ftpaid,
.claimsexperience tr td .ce-tppaid,
.claimsexperience tr td .ce-tppaid,
.claimsexperience tr td .ce-ados,
.claimsexperience tr td .ce-ftos,
.claimsexperience tr td .ce-tpos,
.claimsexperience tr td .ce-position {
    width: 4.7em;
}

/* Imported from old stylesheet html/css/cci/style.css */
.form {
    width: 100%;
    float: left;
    padding: 0 0% 1% 0%;
    font-family: calibri;
    font-size: 14px;
    color: #333;
}

#ui-id-1,
#ui-id-2,
#ui-id-3 {
    display: none;
    height: auto;
    max-height: 250px;
    left: 257.65px;
    overflow: scroll;
    top: 472.417px;
    width: 694px;
}