/* Enterprise Fleet Management efleets */

/*
==========================================================================
OVERVIEW
==========================================================================
This file has been structured to make maintenance of CSS easier. Before adding CSS styles to this document please review the following guidelines.

1. Where possible create re-usable styles that are not page specific, and that do not require classes or IDs. Elements should style themselves as much as possible.

2. Limit use of IDs on elements solely for styling purposes. It's usually prefereable to use a CLASS, because a CLASS can be used multiple times on one page, where an ID can not.

3. Only use page/section designations to override existing styles on a specific page. Do not use them just because a page currently looks unique. When creating new styles whenever possible they should be made to be generic and reusable throughout the site, and not just to be used for one page.

4. Before adding any new style, search the LEGEND OF SECTIONS below to make sure you're not duplicating an existing style. Look for generic styles, object styles, or page specific styles that might suit your purpose before adding more styles.

5. 3rd party styles contain a comment: "3rd-library-name" so that they can be updated more easily in future upgrades. Current library names are as follows: 3rd-foundation, 3rd-angular, 3rd-jquery-ui. Search for those and you will find most everything that overrides a library style.

==========================================================================
SECTION HEADERS & COMMENTS
==========================================================================

MAIN SECTION: ALL CAPS section title, surrounded by double lines. Example above. Main sections should be used to group styles of a major overarching theme, like those used for a specific page, or for styles used in modals & forms.

SUB SECTION: ALL CAPS followed by a long line of single line breaks. After content, an END block should also be specified.

/ SUB SECTION EXAMPLE ------------------------------------------------------/
/  // end sub section example ---------------------------------------------/

Sub sections should be used within a main section to call out grouped pockets of CSS that belong to the larger set of styles. An example might be for a group of styles used within a unique modal used on a uniquely-styled page.

COMMENT BLOCKS: Inline comments should be used inside curly braces { } to explain style-specific information and requirements. Do not place comments outside of the style, as it is easy for the comments to be lost if the related style is moved.

==========================================================================
BREAKPOINT REFERENCE
==========================================================================

small:  min-width: 0 em         max-width: 40.062em
medium: min-width: 40.063em     max-width: 64.062em
large:  min-width: 64.063em     max-width: 90.062em
xlarge: min-width: 90.063em     max-width: 120.062.em
xxlarge:min-width: 120.063em


==========================================================================
LEGEND OF SECTIONS
==========================================================================
The sections listed below are organized by content, but may not appear in the same order within this document. To jump to a specific section, copy the section name, and search for it.

# GENERIC STYLES    // styles that appear throughout the site.
    # BASE PAGE STYLES
    # FORM STYLES
    # ICONS
    # PRINT STYLES
    # TABLES
    # TYPOGRAPHY
    # UTILITY   // styles used to generically modify objects (remove/add margins, padding, etc)

# MULTI-USE OBJECTS     // styles for code groupings that will be reused throughout the site
    # ERROR & WARNING MESSAGING
    # JQUERY MODAL
    # LOADING
    # GADGETS
    # UI-GRIDS
    # REORDER BLOCKS (JQUERY UI-SORTABLE)
    # SEARCH BOXES
    # SELECT CONTROL
    # TABS
    # TOOLTIP
    # TYPEAHEAD
    # SHOW/HIDE

# MENUS     // site menus that appear on most or all pages.
    # ACCOUNT MENU
    # ALERT MENU
    # COMPANY MENU
    # CUSTOMER DETAILS POPUP
    # DISPLAY FLEET BUTTON
    # MAIN NAVIGATION
    # GADGETS PANE SIDE-NAV
    # FOOTER MENU

# PAGE SPECIFIC STYLES      // styles used only for specific pages. these styles should not be used elsewhere
    # ALERTS SUBSCRIPTION PAGE
    # BILLING
    # CASE PAGE
    # CLAIMS PAGE
    # CREATE USER PAGE
    # DASHBOARD
    # DRIVER CHANGE MODAL
    # DRIVER DETAILS PAGE
    # DRIVER ACCOUNT LOG
    # LOGIN PAGE
    # MAINTENANCE SUMMARY
    # MILEAGE SUMMARY
    # PEOPLE PAGE
    # TAXABLE BENEFITS REPORT
    # VEHICLE DETAILS PAGE
    # WHAT'S NEW MODAL
    # DRIVER ACCOUNT LOG


# 3RD PARTY OVERRIDES   // items overriding third party libraries that haven't been categorized yet.

# DEPRECATED    // styles that should no longer be used and will be removed

*/

/* Color Legend

#727A85 - (Cool Gray) Headers
#3E3F41 - (Very Dark Gray) Body Text
#8A8A8A - (Medium Gray) Sub Text, Footer Links
#E1E0E0 - (Light Gray) De-emphasis
#00A661 - (Green) Enterprise Brand
#ffd351 - Standard Warning Color

*/

/* Custom Fonts */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix')
        format('embedded-opentype'), url('fonts/BebasNeue-webfont.woff')
        format('woff'), url('fonts/BebasNeue-webfont.ttf') format('truetype'),
        url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'efm-icons';
    src: url('fonts/efm-icons.eot');
    src: url('fonts/efm-icons.eot?#iefix') format('embedded-opentype'),
        url('fonts/efm-icons.woff') format('woff'), url('fonts/efm-icons.ttf')
        format('truetype'), url('fonts/efm-icons.svg#efm-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
==========================================================================
DEPRECATED
==========================================================================

Do not use these classes. They are either duplicates, unnecessary, or wrong. They will be removed in the future
*/
.text-align-right {/* deprecated */
    text-align: right;
}

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

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

.green-header {
    background-color : #a9e9bb;
}

.success-message-left-align {/* deprecated */
    float: left;
}

.small-italics {/* deprecated */
    font-style: italic;
    font-size: 13px;
}

.bold-italics{
    font-style: italic;
    font-size: 15px;
    font-weight: bold;
}

.font-size-14 {
     font-size: 14px;
}

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

.cov-tabs-banner-text {
    font-size: 14px !important;
    font-weight: 550;
}

.green-text {/* deprecated */
    color: #00A661;
    font-weight: bold;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
}

a.white {/* deprecated */
    color:white;
}

input.date-format {/* deprecated */
    margin-bottom: 0;
}

.error404 h1,.error404 h2,.error404 a {/* deprecated */
    /*color: #FFF;*/
}

input[type="button"].disabled {/* deprecated */
    background-color: #8A8A8A !important; /* already handled by button.disabled selector */
}

.bold-text {/* deprecated */
    font-weight: bold; /* should just be handled by <strong> or <b> tag */
}


input,textarea {/* deprecated */
    background: #FFF; /* foundation handles this already AND overrides it */
}
/*
==========================================================================
BASE PAGE STYLES
==========================================================================
*/
html {
    overflow-y: scroll;
}

span.alt {
    display: none;
}

body {
    font-size: 12px;
    line-height: 1.4;
    color: #3E3F41;
    margin: 0;
}
h1,h2,h3,h4,h5,.panel h1,.panel h2,.panel h3, .panel h4, .panel h5 {
    font-family: 'bebas_neueregular';
    font-weight: 100;
    color: #727A85;
}


h1 small, h2 small{
    font-size: 40%;

}
h3 small, h4 small,  h5 small{
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size:.6em;
    margin-left: .3rem;
}

h1 {
    font-size: 3.4em;
    line-height: .8em;
    margin: 0 0 .6em;
}

h4 {
    margin:0;
}
p {
    margin: 1.6em 0 2em;
}

p.compressed {
    margin: .7em 0 .7em;
}

hr.line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c0c0c0;
    margin: .6em 0;
    padding: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E8E8E8;
    margin: .6em 0;
    padding: 0;
}

a {
    cursor: pointer;
    color: #00A661;
}

a:hover,a:focus {
    color: #33D9A4;
}

p a {
    font-weight: bold;
}
legend{
    display:inline-block;
}
img {
    border: 0;
    vertical-align: middle; /* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
}

ul,ol,dl,p {
    font-size: 100%;
}

html,button,input,select,textarea {
    color: #3E3F41;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

::-moz-selection {
    /* Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate. */
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    /* These selection declarations have to be separate. */
    background: #b3d4fc;
    text-shadow: none;
}


.chromeframe {
    /* Chrome Frame prompt. This allows older browsers to run modern sites. There is an offer to use this for <8 IE in the code */
    margin: 0.2em 0;
    background: #CCC;
    color: #000;
    padding: 0.2em 0;
}

.link-underline {
    text-decoration: underline;
    color: #00A661;
}

.top-section {
    background-color: rgba(240, 138, 36, 0.35);
}

/*
==========================================================================
TYPOGRAPHY & GENERAL STYLES
==========================================================================
*/

h1.page-header {
    vertical-align: middle;
    display:inline-block;
    margin-right:10px;
}

.zebra-stripe {
    background-color: #f2f2f2;
}

.zebraRows .row .columns .zebraRow:nth-child(odd) {
    background-color: #ffffff;
}

.zebraRows .row .columns .zebraRow:nth-child(even) {
    background-color: #f2f2f2;
}

a.delete-x-22 {
    /* creates an X (delete) element) */
    font-size: 22px;
    line-height: 22px;
    color: #D04223;
    float: right;
    pointer: cursor;
    font-weight: BOLD;
}

a.delete-x {
    /* creates an X (delete) element) */
    font-size: 17px;
    line-height: 18px;
    color: #D04223;
    float: right;
    pointer: cursor;
    font-weight: BOLD;
}
a.delete-x:before { content:"\00d7"; /* adds an X type element to the A */  }
a.delete-x-22:before { content:"\00d7"; /* adds an X type element to the A */  }

a.delete-x-24 {
    /* creates an X (delete) element) */
    font-size: 24px;
    color: #D04223;
    pointer: cursor;
    font-weight: BOLD;
}
a.delete-x-24:before {
    content:"\00d7"; /* adds an X type element to the A */
    display: inline-block;
    margin-left: 2px;
    margin-right: -15px;
    border: none;
    float: right;
    }

    a.delete-x-24-margin-bottom {
    /* creates an X (delete) element) */
    font-size: 24px;
    color: #D04223;
    pointer: cursor;
    font-weight: BOLD;
}
a.delete-x-24-margin-bottom:before {
    content:"\00d7"; /* adds an X type element to the A */
    display: inline-block;
    margin-left: 2px;
    margin-right: -15px;
    margin-bottom: -35px;
    border: none;
    float: right;
    }

.single-column hr {
    margin: .6em -1em;
}

.textBlue {
    color:blue;
}
.textOrange {
    color:orange;
}

.textRed {
    color:red;
}

.textRedBold {
    color:red;
    font-weight: bold;
}

.textLightGrey{
    color:#E1E0E0;
}


.textBlueHighlight{
    background-color: #CDE6F7 !important;
}

.text-uppercase{
    text-transform: uppercase;
}

.makeInvisble{
    opacity:0.3;
}

.inline-list{
    margin-bottom:0px;
}

.asterisk:before{
  content: '*';
  color: red
}


.plain-text-16 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    font-size: 16px;
}

.plain-text {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    font-size: 14px;
}

.panel.even, .panel.white {
    background-color: white;
}

.red-link {
    color: red;
}

.red-link:hover,
.red-link:focus {
    color: #EF5F60;
}



==========================================================================
TABLES
==========================================================================
*/

table {
    margin-bottom: 1.25rem;
    border: 0;
    table-layout: fixed;
    width: 100%;
    margin-left: -.5rem;
    /* 3rd-foundation */
}

table tfoot tr td{
    font-size: 18px;
    /* 3rd-foundation */
}

table a{
    text-decoration: underline;
    /* 3rd-foundation */
}
/*
==========================================================================
LOADING
==========================================================================
*/
.loading-img {
    max-width: 82px;
}

.loading-div{
    position:absolute;
    width:100%;
    top:346px;
}
.loading-div .loading-img{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    z-index:999999;
}
.loading-div > div{
    padding-top:82px;
    position:relative;
}

.loading-text {
    text-align:center;
    z-index:999999;
}

/*
==========================================================================
FORM STYLES
==========================================================================
*/
form label {
    display: block;
    font-weight: bold;
    margin: 1.6em 0 .2em;
    font-size: 100%;
}
form .inline-list label{
    margin-bottom:0px;
    margin-top:0px;
}
form .inline-list label input{
    font-weight: normal;
}
form .inline-list label input[type=text]{
    min-width: 15rem;
}

@media only screen and (max-width:64.063em){
    #contact_details_prefix {
        min-width:100%;
    }
}
.form-container{
    margin-top:15px;
}
.form-container .row{
    /* add the form-container class to forms, or divs that contain form elements in ROWs to give the rows some breathing room.*/
    margin-bottom:10px;
}

fieldset {
    /* Remove default fieldset styles. */
    border: 0;
    margin: 0;
    padding: 0;
}

input,select,textarea {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input[type="checkbox"],input[type="radio"] {
    border: 0;
}

input[type="text"],input[type="password"],textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75em .5em .5em;
}

input[type="text"]+em,input[type="password"]+em,.field-container+em {
    font-size: .8em;
    color: #8A8A8A;
    font-style: normal;
}


input[type="text"].has-help-text, input[type="password"].has-help-text,input[type="search"].has-help-text,input[type="email"].has-help-text{
   margin-bottom:.2rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=checkbox]:checked + div i.icon-checked, body.dev input[type=checkbox]:checked + div i.icon-checked {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/check-white.png');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-left: -3px;
    margin-right: 2px;
}
body.dev input[type=checkbox]:checked + div i.icon-checked {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/check-white.png'); /* need fully qualified URL when using locally  */
}

select {
    width:auto;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

select.selectYmms {
    width:100% !important;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

select.selectHeaderDropDown {
     margin-bottom: 2px;
}

select.selectHeaderDropDownCustNum {
     margin-bottom: 2px;
     width : 330px;
}

select.slim {
     margin-bottom: 0;
     height: 17px;
     padding-top: 0px;
     padding-bottom: 1px;
}

textarea {
    resize: vertical; /* Allow only vertical resizing of textareas. */
}

button.disabled {
    background-color: #8A8A8A !important;
    cursor: not-allowed;
    pointer-events: none;
}

a.deactivate, .deactivate {
    background-color: #8A8A8A !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity:0.7;
    color:white !important;
}

a.disabled, .disabled {
    background-color: #8A8A8A !important;
    cursor: not-allowed;
    pointer-events: none;
    opacity:0.35;
    color:white !important;
}

.form-buttons {
    margin: 1.6em 0;
    text-align: right;
}

.form-buttons p {
    margin: 0 1em 2em 0;
    float: left;
}

.forgot-password {
     text-decoration: underline;
     color:#C0C0C0;
}

.resend-code {
     text-decoration: underline;
     color:#C0C0C0;
}

.field-container {
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c9c9c9;
}

.field-container input[type="text"],.field-container input[type="password"],.field-container input[type="date"],.field-container input[type="datetime"],.field-container input[type="datetime-local"],.field-container input[type="month"],.field-container input[type="week"],.field-container input[type="email"],.field-container input[type="number"],.field-container input[type="search"],.field-container input[type="tel"],.field-container input[type="time"],.field-container input[type="url"],.field-container input[type="color"],.field-container textarea
{
    margin: 0;
    border: 0;
    outline: 0;
}


.validation-error-flag {
    background: #D04233;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.validation-error-flag i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin: .5em;
    line-height: 20px;
}

.validation-message {
    position: absolute;
    top: 0;
    margin-left: 100%;
    padding-left: 1em;
    width: 12em;
    color: #D04233;
    display: block;
}

/*
==========================================================================
UTILITY
==========================================================================
*/
.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}
.display-block{
    display:block !important;
}
.display-inline{
    display:inline !important;
}
.display-inline-block{
    display:inline-block !important;
}
.display-flex{
    display: flex !important;
}
.vertical-align-bottom{
    vertical-align:bottom;
}
.vertical-align-top{
    vertical-align:top;
}
.vertical-align-middle{
    vertical-align:middle;
}
.vertical-align-baseline{
    vertical-align:baseline;
}
.vertical-align-sub {
    vertical-align: sub;
}

.vertical-align-text-top {
    vertical-align: text-top;
}

.no-bottom-margin {
    margin-bottom: 0;
}
.no-wrap {
    white-space: nowrap;
}
.height-border {
    height:80px;
}

 .width-twoThirds{
    width:67% !important;
}

 .width-twoThirds{
    width:67% !important;
}

.width-60{
    width:60% !important;
}

.width-150{
    width:150px !important;
}

@media only screen and (max-width:64.063em){
    .height-border {
    height:180px;
}

}

@media only screen and (max-width:40.063em){
    .height-border {
    height:420px;
}

}

@media only screen and (max-width:59em){ 
    .message-width div.alert-div{
    	width: 300px !important;
	}
}

@media only screen and (min-width:59em){
    .message-width div.alert-div{
        width: 610px !important;
	}
}

.hidden {
    /* Hide from both screenreaders and browsers: h5bp.com/u */
    display: none !important;
    /* visibility: hidden; */
    opacity: 0;
    z-index: -1;
    max-height: 0;
    width:0px;
    height:0px;
}

.visuallyhidden {
    /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    /* Hide visually and from screenreaders, but maintain layout */
    visibility: hidden;
 }

.clearfix:before,.clearfix:after {
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    /* For IE 6/7 only
    Include this rule to trigger hasLayout and contain floats. */
    *zoom: 1;
}

.ir {
    /* Image replacement */
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.margin-15 {
    margin:15px !important;
}

.margin-left-25 {
    margin-left:25px !important;
}

.margin-top-15-right-0 {
    margin-top: 15px !important;
    margin-right: 0px !important;
}

.margin-15 {
    margin:15px !important;
}

.margin-5 {
    margin:5px !important;
}

.margin-3 {
    margin:3px !important;
}

.margin-1 {
    margin:1px !important;
}


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

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

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

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

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

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

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

.margin-top-negative-12 {
    margin-top:-12px !important;
}

.margin-top-negative-9 {
    margin-top:-9px !important;
}


.margin-left-1 {
    margin-left: 1px !important;
}

.margin-left-2 {
    margin-left: 2px !important;
}

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

.margin-left-3 {
    margin-left:3px !important;
}

.margin-left-negative-10 {
    margin-left:-10px !important;
}

.margin-left-negative-15 {
    margin-left:-15px !important;
}

.margin-left-negative-25 {
    margin-left:-25px !important;
}

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

.margin-top-10 {
    margin-top:10px !important;
}
.margin-top-15 {
    margin-top:15px !important;
}
.margin-left-15 {
    margin-left:15px !important;
}
.margin-left-50 {
    margin-left:50px !important;
}
.margin-left-30 {
    margin-left:30px !important;
}
.margin-left-5 {
    margin-left:5rem !important;
}

.margin-top-20 {
    margin-top:20px !important;
}
.margin-top-25 {
    margin-top:25px !important;
}
.margin-top-84 {
    margin-top:84px !important;
}
.margin-top-positive-30 {
    margin-top:30px !important;
}
.margin-top-7 {
    margin-top:7px;
}
.margin-top-13 {
    margin-top:13px;
}
.margin-top-23 {
    margin-top:23px;
}
.margin-top-34 {
    margin-top:34px;
}
.margin-top-40 {
    margin-top:40px;
}
.margin-top-100 {
    margin-top:100px !important;
}
.margin-top-negative-2 {
    margin-top: -2px !important;
}
.margin-top-negative-5 {
    margin-top:-5px !important;
}

.margin-top-negative-8 {
    margin-top:-8px !important;
}

.checkbox-column-header-grid {
    margin: 9px 0px 0px 6px!important;
}

.margin-top-negative-15 {
    margin-top:-15px !important;
}
.margin-top-negative-2 {
    margin-top:-2px !important;
}
.margin-top-0 {
    margin-top:0px !important;
}
.margin-bottom-0 {
    margin-bottom:0px !important;
}

.margin-bottom-10 {
    margin-bottom:10px !important;
}
.margin-left-0{
    margin-left:0px !important;
}
.margin-left-6 {
    margin-left: 6px !important;
}
.margin-left-10 {
    margin-left: 10px !important;
}
.margin-left-15 {
    margin-left: 15px !important;
}
.margin-left-31 {
    margin-left: 31px !important;
}
.margin-left-77{
    margin-left:77px !important;
}
.margin-right-0{
    margin-right:0px !important;
}
.margin-right-3{
    margin-right:3px !important;
}

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

.margin-right-15 {
    margin-right:15px !important;
}
.margin-right-18 {
    margin-right:18px !important;
}
.margin-right-30 {
    margin-right:30px !important;
}
.margin-right-31 {
    margin-right:31px !important;
}
.margin-right-50{
    margin-right:50px !important;
}
.margin-right-64 {
    margin-right:64px !important;
}
.margin-right-100{
    margin-right: 100px !important;
}
.margin-right-negative-10 {
    margin-right:-10px !important;
}

.margin-bottom-15{
    margin-bottom:15px !important;
}
.margin-bottom-25{
    margin-bottom:25px !important;
}

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

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

.margin-bottom-negative-15 {
    margin-bottom:-15px !important;
}

.height-18-normal {
    height:18px !important;
    font-weight:normal !important;
}

.width-24{
    width:24% !important;
}

.width-25{
    width:25% !important;
}

.pad-width-5 {
    padding-left:.5rem;
    padding-right:.5rem;
}
.pad-width-10 {
    padding-left:1rem;
    padding-right:1rem;
}

.padding-0 {
    padding:0 !important;
}

.pad-125 {
    padding:1.25rem;
}

.pad-width-0 {
    padding-left:0px;
    padding-right:0px;
}

.pad-top-0 {
    padding-top:0px;
}

.pad-top-10 {
    padding-top:10px;
}

.pad-top-20 {
    padding-top:20px;
}

.pad-right-10 {
    padding-right:10px;
}

.pad-left-141 {
    padding-left:141px;
}

.pad-left-191 {
    padding-left:191px;
}

.pad-left-21 {
    padding-left:21px;
}

.pad-left-24 {
    padding-left:24px;
}

.pad-left-25 {
    padding-left:25px;
}

.width-305 {
    width: 305px;
}

.width-476 {
    width:476px;
}

.pad-right-20 {
    padding-right: 20px;
}

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

.pad-right-40 {
    padding-right: 40px;
}

.pad-right-50{
    padding-right:50px !important;
}

.pad-right-93 {
    padding-right: 93px;
}

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

@media only screen and (max-width:1024px){
    .margin-add-entry-button {
    margin-top:10px !important;
    float:right;
    margin-right: 15px;
    }
}

@media only screen and (max-width:641px){
    .margin-add-entry-button {
    margin-top:10px !important;
    float: right;
    margin-right: 15px;
    }
}

.pad-width-125{
    /* add this to row stretch divs to set the content to the width of the nav bars at the top of the page */
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.pad-width-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.pad-width-2 {
    padding: 4px;
}
.fullWidth{
    width:100%;
 }
 .address-name {
    color : #444444 !important;
    font-weight: bold;
}
.address-label-text{
    color: #8a8a8a;
    font-weight: bold;
    font-family: Arial;
    font-size: 16px;
 }
 .note-text{
    color: #6B6360;
    font-family: Arial;
 }
 .address-italic-text{
   color:  #adadad;
   font-style: italic;
 }
/*
==========================================================================
ERROR & WARNING MESSAGING
==========================================================================
*/
.fade-out {
    /* class to add to boxes that should fade out */
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.success {
    padding: 1em;
    background: #d3d3d3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
}
.generic-success-message div.alert-div{
    color: #00AB65;
    border: 1px solid #00AB65;
    border-radius: 0px;
    padding: 15px;
    padding-left: 40px;
    font-size: 14px !important;
    width: 420px;
    left: 50%;
    top: 200px;
    margin-left: -150px;
    position: absolute;
    z-index: 99999;
    line-height: 1.7em;

    background-image:url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_success.png');
    background-color: #d5efdc;
    background-position:1rem 1.1rem;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.generic-action-message div.alert-div{
    color: #1A75B0;
    border: 1px solid #1A75B0;
    border-radius: 0px;
    padding: 15px;
    padding-left: 40px;
    font-size: 14px !important;
    width: 420px;
    left: 50%;
    top: 200px;
    margin-left: -150px;
    position: absolute;
    z-index: 99999;
    line-height: 1.7em;

    background-image:url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_info.png');
    background-color: #d5e8f5 !important;
    background-position:1rem 1.1rem;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-family: Arial;
}
.generic-warning-message div.alert-div{
    color: #fb6d03;
    border: 1px solid #fb6d03;
    border-radius: 0px;
    padding: 15px;
    padding-left: 40px;
    font-size: 14px !important;
    width: 420px;
    left: 50%;
    top: 200px;
    margin-left: -150px;
    position: absolute;
    z-index: 99999;
    line-height: 1.7em;

    background-image:url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_warning.png');
    background-color: #ffddc1;
    background-position:1rem 1.1rem;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-family: Arial;
}

.generic-error-message div.alert-div {
  color: #DE1B1B;
  border: 1px solid #DE1B1B;
  border-radius: 0px;
  padding: 15px;
  padding-left: 40px;
  font-size: 14px !important;
  width: 420px;
  left: 50%;
  top: 200px;
  margin-left: -150px;
  position: absolute;
  z-index: 99999;
  line-height: 1.7em;

  background-image:url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_alert.png');
  background-position:1rem 1.2rem;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-color: #ffd9d9;
  font-family:  Arial;
}
.success-message, .success-message-left-align {
    float:right;
    font-size: .4em;
    color: #00A661;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.error-message {
    float:right;
    font-size: .4em;
    color: red;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.NoDataFound-message {
    float: center;
    font-size: 1.7em;
    color: #00A661;
    margin-bottom: 0;
    font-family: "bebas_neueregular";
}

.notice-div div.alert-div{
    z-index: 99999;
    background-color: #dee9ef;
    color: black;
    border: 2px solid #9abad5;
    padding: 15px;
    font-size: 14px !important;
    font-weight: bold;
    width: 300px;
    left: 50%;
    top: 200px;
    margin-left: -150px;
    position: absolute;
    border-radius: 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 1.7em;
}

#bodyContent {
    min-height: 450px;
}

.error, .login-warning {
    padding: 1em;
    background: #D04233;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     border-radius: 10px;
}
.login-warning {
    background: #ffae00;
}

@media only screen and (max-width: 40.062em) {
    .error {
        border-radius: 0;
    }
}

@media only screen and (min-width: 90.063em)
{
     .xlarge-1 {
      width: 8.33333%; }

    .xlarge-2 {
      width: 16.66667%; }

    .xlarge-3 {
      width: 25%; }

    .xlarge-4 {
      width: 33.33333%; }
}
.error h3, .login-warning h3 {
    color: #FFF;
    margin: 0;
    font-size: 2em;
}

.error+h3, .login-warning+h3 {
    margin-top: 2em;
}

.error p, .login-warning p{
    margin: 0 0 .5em;
}

.error .icon-alert , .login-warning .icon-alert{
    font-size: 3.5em;
    float: left;
    line-height: 1.25;
    margin-right: .5em;
}

.error .icon-header{
    font-size: 1.1em;
    float: left;
    line-height: 1.25;
    margin-right: .5em;
}

.icon-success {
    font-size: 1.2em;
}

.error404 {
    padding: 7em 0;
}

body div .error404 {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/loginVehicles.png') no-repeat;
    background-position: right bottom;
    background-size: 350px;
}

body.dev div .error404 {
    background: url(' https://cdn.efleets.com/fleetweb_static/imgs/loginVehicles.png') no-repeat;/* need fully qualified URL when using locally  */
    background-position: right bottom;
    background-size: 350px;
}

.error404 p{
    font-size: 14px;
}

.error404 .column {
    margin-left: 40%;
}

.white-font {
    float:left;
    font-size: 1em;
    color: white;
    margin-bottom: 0;}

.input-error {
    border:2px solid #FF0000 !important;
}

@media only screen and (max-width: 64.062em) {
    body div .error404 {
        background: none;
    }
}

#covVehicleAppId  input[type=text]{
    width:60%;
}

.addAccountsForm div.ui-grid-cell input[type=text] {
    border: none;
}

.addAccountsForm div.ui-grid-cell input:not(:disabled).ng-invalid {
    border: 2px solid #FF0000;
}

.taxForm div.ui-grid-cell input:not(:disabled).ng-invalid {
    border: 2px solid #FF0000;
}

.taxForm div.ui-grid-header-cell input:not(:disabled).ng-invalid {
    border: 2px solid #FF0000;
}

.pendingTabForm div.ui-grid-cell input:not(:disabled).ng-invalid {
    border: 2px solid #FF0000;
}

.pendingTabForm div.ui-grid-header-cell input:not(:disabled).ng-invalid {
    border: 2px solid #FF0000;
}

.warning-message, .warning-text {
    color: #f08a24;
}
.error-text{
    color: red;
}

.pendingWarning-text {
	color: #FB6D03;
}

.mileageForm input.invalid-input {
    border: 2px solid #FF0000;
}

.addMileageForm input.invalid-input {
    border: 2px solid #FF0000;
}

#mileage-entry-grid input.invalid-input {
    border: 2px solid #FF0000;
}

.invalid-input {
    border: 2px solid #FF0000 !important;
}

.invalid-cell {
    border: solid 2px #DE1B1B;
}



/* FOUNDATION ALERT BOX OVERRIDE ---------------------------------------*/
.alert-box{
    padding: 0.5rem;
    text-align:center;
}
.alert-box p{
    font-size: 12px;
    margin: 0;
    padding:0;
}

.alert-box p.alert-box-title{
    font-size: 18px;
}

.alert-box.info{
    background: #00A661;
    color: #fff;
}

.alert-box.error{
    background: #ffd9d9;
    border: 1px solid #DE1B1B !important;
    border-radius: 0px;
    color: #DE1B1B !important;
    font-family: Arial;
    text-align:center;
}

.alert-box.error p{
    margin: 0;
}

.alert-box.warning{
  color: #fff;
  border: 0;
}
.alert-box .top-banner-menu{
    position:absolute;
    top: 10px;
    right: 10px;
    text-align:right;
}
.alert-box .top-left-banner-menu{
    z-index:1;
    position:absolute;
    top: 10px;
    left: 10px;
    text-align:left;
}

.alert-box .top-left-banner-menu a{
    font-size: 12px;
    color: #FFF;
    text-decoration: underline;
}

.alert-box .top-left-banner-menu .selected{
    font-weight:bold;
    }
.alert-box .top-banner-menu, .alert-box .top-banner-menu a{
    font-size: 12px;
    color: #FFF;
}

.alert-box .close {
    padding: .25rem;
    margin-top: -1.2rem;
    color: white;
    opacity: 1;
    font-size: 12px;
}
.alert-box .close:after{
   content:"\00d7"; /* adds an X type element to the A */
}

.error-message-left {
    float:left;
    font-size: .4em;
    color: red;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

div#commonErrorDiv {
  position: absolute;
  left: 50%;
  top: 200px;
  z-index: 99999;
  background-color: #FFD9D9;
  color: #DE1B1B;
  border: 1px solid #DE1B1B;
  padding: 20px;
  margin-left: -150px;
  width: 300px;
  font-size: 14px !important;
}
/* // end foundation alert box override---------------------------------*/

div#commonErrorDiv.warning {
    background-color: #FFDDC1;
    color: #FB6D03;
    border: 1px solid #FB6D03;
}

div#commonErrorDiv a#errorClose {
  margin-top: -10px;
  margin-right: -10px;
  color: black;
  font-size: 20px;
  padding: 0;
  line-height: normal;
}

.success-message div.alert-div {
  z-index: 99999;
  background-color: floralwhite;
  color: #00A661;
  border: 2px solid #00A661;
  padding: 15px;
  font-size: 14px !important;
  font-weight: bold;
  width: 300px;
  left: 50%;
  top: 200px;
  margin-left: -150px;
  position: absolute;
  border-radius: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.7em;
}

.mileage-update div.alert-div {
    margin-left:-300px !important;
    text-align: center;
}

.success-message div.alert-div a.close-link {
   color: #00A661;
}


div.alert-div {
  z-index: 99999;
  background-color: #ffd351;
  color: black;
  border: 2px solid #ffd351;
  padding: 15px;
  font-size: 14px !important;
  font-weight: bold;
  width: 300px;
  left: 50%;
  top: 200px;
  margin-left: -150px;
  position: absolute;
  border-radius: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.7em;
}

#pageLockoutSpan .alert-div {
     background-color: #D04233 !important;
     color: white;
     z-index: 99999;
     border: 2px solid #D04233;
     font-size: 12px !important;
     font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
     font-weight: normal;
     font-style: normal;
     width: 330px;
}

#pageLockoutSpan .alert-div a.close-link {
  color:white;
  font-size : 15px;
}

div.alert-div a.close-link {
  margin-top: -10px;
  margin-right: -10px;
  color: black;
  font-size: 20px;
  padding: 0;
  line-height: normal;
}

div.inline-alert {
  z-index: 99999;
  background:transparent;
  color: red;
  border: none;
  font-size: 10px !important;
  font-weight: bold;
  margin-top: 5px;
  width:260px;
  margin-left: -270px;
  text-align: right;
  position: absolute;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1em;
}

.margin-top-negative-150 {
    margin-top: -150px !important;
}

div.confirmation-box {
  z-index: 99999;
  background-color: white;
  color: black;
  border: 1px solid black;
  padding: 15px;
  font-size: 14px !important;
  width: 400px;
  text-align: left;
  left: 50%;
  top: 0%;
  position: absolute;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.7em;
}

.border-class {
border: 1.5px solid #d4d4d4;
}

#uploadCOVDivId .alert-div {
     width: auto !important;
     height: auto !important;
     min-width: 300px !important;
}

/*
==========================================================================
TABS
==========================================================================
*/

ul.tabs
{
     margin: 20px;
     background: #fff;
     border-bottom: 1px solid #ddd;
     /* 3rd-foundation */
}

ul.tabs li{
    border: 1px solid #727a85;
    border-top: 1px solid #ddd;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: none;
    list-style-type: none;
    /* 3rd-foundation */
}

ul.tabs li:first-child{
    border-left: 1px solid #ddd;
    border-right:1px solid #ddd;
    /* 3rd-foundation */
}
.tabs .tab-title.active{
    border-bottom: 1px solid #fff;
    margin-bottom: -2px !important;
    /* 3rd-foundation */
}
.tabs:last-child .tab-title.active{
    border-top: 2px solid #00A661;
    /* 3rd-foundation */
 }

.tabs dd.active a, .tabs .tab-title.active a {
    background: #fff;
    color: #727a85;
    text-transform: uppercase;
    font-size: 1em;
    /* 3rd-foundation */
}

.tabs dd>a, .tabs .tab-title>a,.tabs {
    background: #ddd;
    color: #727a85;
    text-transform: uppercase;
    font-size: 1em;
    /* 3rd-foundation */
}
.tabs dd>a:hover, .tabs .tab-title>a:hover {
    background: #b4b4b4;
    color: #fff;
    /* 3rd-foundation */
}
.tabs .tab-title>a{
    padding: .7em 1.2rem;
    /* 3rd-foundation */
}

 ul.tabs .tab-text{
    display:inline-block;
    padding-bottom: 0;
    padding-top: 0.9rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left;
    border: 0;
    text-transform: none;
}

.tabs li.tabs-button{
    padding-left: 1rem;
    list-style: none;
    border: none;
}


/*
==========================================================================
FOOTER MENU
==========================================================================
*/
.footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 10px;
}
.footer .row{
    padding-bottom:10px;
}
.footer span {
    color: #8A8A8A;
}

.footer a {
    text-decoration: underline;
 }

.footer a:hover {
    color: #33D9A4;
}

.systemNav{
    font-size: 13px;
}
.version-label {
    font-size:80%;
}


/*
==========================================================================
TOOLTIP
==========================================================================
*/

.has-tip{
    background: url(https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_question_mark.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.has-tip1 {
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.has-tip1:hover, .has-tip1:focus {
    border: none;
}

 .has-tip:hover, .has-tip:focus {
    border: none;
    cursor: pointer;
}
.sortable .has-tip{
    position:relative;
    top:0px;
}

.sortable .has-tip.is-foundation-help-tip{
    position:relative;
    top:-5px;
}
.underlineText{
    text-decoration:underline;
}

.tooltip.ngdialog-tooltip-fix {
    z-index: 10001;
}
==========================================================================
SELECT CONTROL
==========================================================================
*/
.select2-result-single {
    margin: 0;
}
 .select2-results .select2-highlighted {
    background: #00A661;
}

input.ui-select-search.select2-input {
    width: inherit !important;
}

 .ui-select-choices-row:hover, .ui-select-choices-row:focus {
    background-color: #33D9A4;
}
.select2-container .select2-choice{
    border:1px solid #ccc;
}

.select2-disabled {
    background-color: transparent !important;
    color: #8A8A8A !important;
}

/*
==========================================================================
TYPEAHEAD
==========================================================================
*/
div.typeAhead ul {
  height: auto;
  position: absolute;
  width: 400px;
  z-index: 100;
  margin: 0;
  border: 1px solid black;
  padding-left: 5px;
  background-color: white;
  max-height: 200px;
  overflow-y: auto;
}

div.typeAhead li {
  list-style-type: none;
}

div.typeAhead span{
   color:red;
}

div.typeAhead li:hover {
  background-color: #E1E0E0;
}

div.typeAhead textarea {
  margin-bottom: 0;
  max-width: 25rem;
  min-height: 10px;
  height: 35px;
  resize: none;
  overflow: hidden;
}

.contactList div.typeAhead textarea {
  margin-bottom: 17px;
}

.contactList div.typeAhead ul {
    margin-top: -17px;
}

/*
==========================================================================
SHOW/HIDE
==========================================================================
*/

.show-hide-defeat-columns .small-12.columns{
    display:inline;
    width: inherit;
    line-height:10px;
    display:inline-block;
    padding-top: 10px;
    float: none;
}

/*
==========================================================================
3RD PARTY OVERRIDES
==========================================================================
*/

/* FOUNDATION MISSING STYLES ---------------------------------------*/
/* http://foundation.zurb.com/ */
/* Missing Styles:  these styles exist in Foundation 6, but not in the version of Foundation 5 that we use */
label.middle {
     margin: 0 0 1rem;
    padding: 0.5625rem 0;
}

.help-text {
    margin-top: 0rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #333;
}

.row.stretch {
    max-width: 100%;
    /* when using, consider adding .pad-width-125 as well to set initial margins to nav margins */
}

@media only screen and (min-width: 120.063em)
{
     .xxlarge-1 {
      width: 8.33333%; }

    .xxlarge-2 {
      width: 16.66667%; }

    .xxlarge-3 {
      width: 25%; }

    .xxlarge-4 {
      width: 33.33333%; }

    .xxlarge-5 {
      width: 41.66667%; }

    .xxlarge-6 {
      width: 50%; }

    .xxlarge-7 {
      width: 58.33333%; }

    .xxlarge-8 {
      width: 66.66667%; }

    .xxlarge-9 {
      width: 75%; }

    .xxlarge-10 {
      width: 83.33333%; }

    .xxlarge-11 {
      width: 91.66667%; }

    .xxlarge-12 {
      width: 100%; }

     .xxlarge-offset-0 {
      margin-left: 0% !important; }

    .xxlarge-offset-1 {
      margin-left: 8.33333% !important; }

    .xxlarge-offset-2 {
      margin-left: 16.66667% !important; }

    .xxlarge-offset-3 {
      margin-left: 25% !important; }

    .xxlarge-offset-4 {
      margin-left: 33.33333% !important; }

    .xxlarge-offset-5 {
      margin-left: 41.66667% !important; }

    .xxlarge-offset-6 {
      margin-left: 50% !important; }

    .xxlarge-offset-7 {
      margin-left: 58.33333% !important; }

    .xxlarge-offset-8 {
      margin-left: 66.66667% !important; }

    .xxlarge-offset-9 {
      margin-left: 75% !important; }

    .xxlarge-offset-10 {
      margin-left: 83.33333% !important; }

    .xxlarge-offset-11 {
      margin-left: 91.66667% !important; }
}
/* //end foundation missing styles ---------------------------------------*/

/* ANGULAR JS GRID --------------------------------------------------------*/
button.ui-grid-menu-item:hover {
    color:#3E3F41;
    /* 3rd-jquery-ui */
}

button.ui-grid-menu-item {
    margin-bottom:0;
    /* 3rd-jquery-ui */
}

[class^="ui-grid-icon-ok"]:before, [class*=" ui-grid-icon-ok"]:before {
    margin-left: 0;
    font-size: 11px;
    opacity:0;
    /* 3rd-angular */
}

button:not(.ui-grid-menu-item),input[type="button"],input[type="submit"], .ui-selectmenu-button.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default.ui-state-focus,.button
    {
    /* general button styles */
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #00A661;
    text-align: center;
    color: #FFF;
    font-family: 'bebas_neueregular';
    font-weight: 100;
    font-size: 2.2em;
    padding: 0.16em 1em 0.16em 1em;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    vertical-align:text-bottom:
    /* 3rd-jquery-ui */
}

button:not(.ui-grid-menu-item),input[type="button"],input[type="submit"], .ui-selectmenu-button.ui-selectmenu-button-closed, .ui-selectmenu-button.ui-selectmenu-button-open,
         .ui-widget-content .ui-selectmenu-button-closed, .ui-widget-content .ui-selectmenu-button-closed.ui-state-focus,.button {
    /* general button styles */
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #00A661;
    text-align: center;
    color: #FFF;
    font-family: 'bebas_neueregular';
    font-weight: 100;
    font-size: 2.2em;
    padding: 0.16em 1em 0.16em 1em;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    vertical-align:text-bottom:
    /* 3rd-jquery-ui */
}

.ui-menu .ui-menu-item .ui-state-active {
    background: #fdf5ce;
    margin: -4px -14px -4px -6px!important;
    padding: 4px !important;
    border: 1px solid #fbcb09;
    background: #fdf5ce;
    font-weight: bold;
    color: #c77405;
}

.ui-icon, .ui-widget-content .ui-icon {
    margin-right: 4px !important;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ffffff;
    background-image: none;
    margin-top: -2px !important;
    width: auto;
    height: auto;
}

.ui-selectmenu-button.ui-state-default {
    /* sets proper scaling on dropdown */
    padding:0;
    width: 100% !important;
    /* 3rd-jquery-ui */
}

.ui-datepicker-calendar td a.ui-state-default {
    display: block;
    padding: .2em;
    /* 3rd-jquery-ui */
}

#grid-download .ui-selectmenu-button{
    width: 100% !important;
    display: inline-block;
    padding: 0;
    margin-bottom: 5px;
    /* 3rd-jquery-ui */
}

#documents .ui-selectmenu-button {
    width: 100% !important;
    display: inline-block;
    padding: 0 !important;
    margin-bottom: 5px;
}

#markReadUnread .ui-selectmenu-button {
    width: 100% !important;
    display: inline-block;
    padding: 0 !important;
}

#priorBillings .ui-selectmenu-button {
    width: 100% !important;
    display: inline-block;
    padding: 0;
    margin-bottom: 5px;
    height: 36px;
}

.ui-front {
    z-index: 10001 !important;
}

.ui-selectmenu-button span.ui-selectmenu-text{
    /* custom dropdown text style */
    display: inline;
    padding: 0;
    /* 3rd-jquery-ui */
}

.ui-grid-selection-row-header-buttons {
     opacity: 1;
     margin: 2px;
     border: 1px solid #b2b2b2;
     border-radius: 2px;
     width: 1.2em;
     height: 1.2em;
     background: linear-gradient(to bottom, #ededed 23%,#dedede 100%);
     font-size: 11px;
     line-height: 5px;
     box-shadow: 0 1px 0 #eaeaea;
    /* 3rd-angular */
}

div.ui-grid-header-cell input.ng-invalid {
     border: 2px solid #FF0000 !important;
}

div.ui-grid-cell input.ng-invalid {
     border: 2px solid #FF0000 !important;
}

div.ui-grid-cell input[name="expirationDateInsurance"].ng-invalid {
    border: none !important;
}

div.ui-grid-cell input[name="effectiveDateInsurance"].ng-invalid {
    border: none !important;
}

div.ui-grid-cell select.ng-invalid {
     border: 2px solid #FF0000 !important;
}


.alert-list .ui-grid-selection-row-header-buttons.ui-grid-row-selected, .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
    color: #3E3F41;
    /* 3rd-angular */
}

.alert-list .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before {
    opacity: 1; /* required to show checkbox on alerts grid */
}

#lttBulkDownloadList .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before {
    opacity: 1; /* required to show checkbox on alerts grid */
}

#maintCardsList .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before {
    opacity: 1; /* required to show checkbox on alerts grid */
}

#settlementStatementList .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before {
    opacity: 1; /* required to show checkbox on alerts grid */
}


#manualAlertId .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected:before {
    opacity: 1; /* required to show checkbox on alerts grid */
}

.aggregates-with-headers {
    height: 50px !important;
}
/* // end angular.js grid-----------------------------------------------*/


button#searchButton{
    /* custom styles to make search button narrower & removing left rounded edge */
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    padding: 0;
    width: 100%;
    margin-bottom:2px;
    min-height: 2.3125rem;
}


.ui-grid-column-footer {
    padding: 2px 0 0 5px;
    white-space: nowrap;
    line-height: 2;
    /* 3rd-angular */
}

button:hover,.button:hover,input[type="button"]:hover,input[type="submit"]:hover, .ui-state-hover, .ui-widget-content .ui-state-hover,.ui-widget-content .ui-state-default.ui-state-hover
{
    background-color: #22C883;
    border: 0;
    /* 3rd-jquery-ui */
}

button:active,button:focus, .button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="submit"]:active,input[type="submit"]:focus
    {
    background-color: #118441;
    outline: none;
}

button.remove {
    background-color: #D04233;
    width:80%;
    display: block;
    font-size:1.3em;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

button.remove:hover {
    background-color: #A01000;
}

button.more-settings {
    background-color: #00A661;
    width:80%;
    display: block;
    margin-top: 4px;
    font-size:1.3em;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

button.more-settings:hover {
    background-color: #008739;
}

button.tiny, .tiny.button {
    padding: .1rem;
    font-size: 12px;
    padding-right: 0.75rem;
    margin-top: 5px;
    padding-left: 0.75rem;
    margin-bottom: 5px;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    /* 3rd-foundation */
}
button.small, .small.button {
    padding-top: 0.575rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5375rem;
    padding-left: 0.75rem;
    font-size: 1.25rem;
    font-family: "bebas_neueregular";
    /* 3rd-foundation */
}

.small-font-size.button {
    font-size: 1.6em !important;
}

.secondary-button-normal-font{
    border:  solid 1px #CCCCCC !important;
    border-radius: 2px !important;
    background-color: #FAFAFA !important;
    color: #3E3F41 !important;
    font-weight: normal !important;
    font-size: 12px !important;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.secondary-button{
    border:  solid 1px #CCCCCC !important;
    border-radius: 2px !important;
    background-color: #FAFAFA !important;
    color: #3E3F41 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    box-shadow: 0 1px #e9e7e3;
}

.secondary-button:hover {
    background-color: #f3f3f3 !important;
    border-color: #999999;
}

.secondary-button:active {
    background-color: #f3f3f3 !important;
    border-color: #999999;
    transform: translateY(1px);
}

.dialog-box .ngdialog-content{
    background: #ffffff !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-close{
    color: #8a8a8a !important;
}

.consistent-padding .ngdialog-content {
    padding: 0 !important;
}

.ngdialog-overlay {
    right: 15px !important;
}

/*
==========================================================================
MILEAGE SUMMARY BULK CERTIFY TAB
==========================================================================
*/

.mileage-summary-bulk-certify-dialog p {
    margin: 0 0 .5em;
}

.mileage-summary-bulk-certify-dialog-adjustments {
    padding: 1em !important;
}

.mileage-summary-bulk-certify-dialog div button.small, .small.button {
    padding-top: 0.375rem;
}

.dialog-text {
	font-size: small;
}

/*
==========================================================================
VEHICLE DETAILS PAGE
==========================================================================
*/

.vehicle-details-dialog-adjustments {
    padding: 1em !important;
}

.vehicle-details h1 {
    padding-bottom: 0;
    margin: 0;
    font-size: 32px;
}
.vehicle-details h1 small{
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.vehicle-details .tabs{
    margin-left: 0;
    margin-right:0;
}

.vehicle-details-header .tiny.button {
    margin-bottom:0;
}
.driverName a{
    text-decoration:underline;
}

.vehicle-details h1 em {
    color: #C5C5C5;
    font-style: normal;
}

.vehicle-details h2 {
    font-family: 'bebas_neueregular';
    margin-bottom: 0;
}

.fleet-info { 
    font-size: 16px; 
    line-height: 1.4; 
    color: #3E3F41; 
}
 
.vehicle-details .tabs{
    margin-bottom:12px !important;
}
.vehicle-details section.vehicle-name div span {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
        sans-serif;
    margin-top: 3px;
}
.vehicle-details .tiny.button {
    padding: .1rem;
    padding-right:.4rem;
    padding-left: .4rem;
    margin-left: rem;
     margin-right: .2rem;
}
.vehicle-details .panel{
    padding-left:0;
    padding-right:0;
}
.vehicle-details .panel.row.collapse{
    margin-bottom:12px;
    padding-bottom:0;
    padding-top:.7rem;
}

.vehicle-details .minimized-box {
     padding-top: .4rem;
     padding-bottom:.3rem;
     margin-bottom:.4rem;
     text-transform: uppercase;
}
.vehicle-details .minimized-box .columns {
     padding-right:0;
    padding-left:.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}
.vehicle-details .minimized-box .small-1.columns {
     padding-right:.9375rem;
     padding-left:0;
     overflow: visible;
}
minimize-section > .columns{
    padding-right: .4rem;
    padding-left: 0;
}

.minimized-box.license-plate-warning {
    background-color: #ffd351;
    min-height: inherit;
    line-height: inherit;
    margin-bottom: inherit;
}

@media only screen and (max-width: 64.063em) {
    .vehicle-details .minimized-box .columns {
        font-size:9px;
    }
 }

.vehicle-details input.add-cust-vehicle-id {
     margin-bottom:0px;
    float:left;
    width:70%;
    height:2.3em;
    padding: .5em .5em .5em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;


}
.vehicle-details h2,.vehicle-details h3, .new-user-row h3 {
    font-size: 2em;
    color: #3E3F41;
    padding-bottom: .3em;
    font-weight: normal;
}

.vehicle-details h4{
    font-size:1.5rem;
    padding-right: .8rem;
    vertical-align:middle;
}
.vehicle-details h4 img{
    margin-right:10px;
}


.cust-vehicle-id{
    color: #3E3F41;
    padding-bottom: .3em;
    font-weight: normal;
    padding-right:0;
    padding-left:0;
}


.vehicle-details .label-container .descriptor-value select {
    color: #3E3F41;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
     sans-serif;
    margin-bottom: 0;
    height: 17px;
    padding-top:0px;
    padding-bottom:1px;
}

.vehicle-descriptor-overlay .label-container {
  margin-bottom: 15px;
}

.vehicle-details section.vehicle-name .cust-vehicle-id .descriptor-expansion {
  margin-top: -7px;
  margin-right: -15px;
  font-size: 1.6em;
}
.vehicle-details section.vehicle-name .cust-vehicle-id .descriptor-expansion i {
    display: inline-block;
}

.vehicle-details section.vehicle-name .cust-vehicle-id .descriptor-expansion i.active {
    transform: rotate(-45deg);
}

.vehicle-details h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
        sans-serif;
    font-size: 1.5em;
    margin-bottom: 1.5em;
    border-bottom: 2px solid #E1E0E0;
}

.vehicle-details-leasetype {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
        sans-serif;
    font-size: 3em !important;
    margin-bottom: 1em;
    color:#727A85 !important;
}

.vehicle-details section .row {
    margin-bottom: .75em;
}

.vehicle-descriptor-modal form button{
    font-size: 2em;
}

.cost-code-modal, .add-mileage-modal, .driver-change-modal, .garage-change-modal, .vd-delete-confirm-adjustments, .admin-vehicle-descriptors-modal, .mileage-summary-bulk-certify-dialog {
    margin-top: 25px !important;
    background: inherit !important;
}

.admin-vehicle-descriptors-modal div.alert-div {
    top: 25px;
}

section.vehicle-name div.assigned-driver {
    border-left: #727A85 1px solid;
}

 @media only screen and (max-width: 40.062em)
{
    section.vehicle-name div.cust-vehicle-header {
        border: 0;
    }
}

.vehicle-details .topPanel {
    min-height: 84px;
    background-color: #E1E0E0;
}

.vehicle-details .topPanel h2 {
    padding-bottom:0;
}

.vehicle-details-dropdown {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 6px;
    whitespace: pre;
    z-index: 1;
}

.vehicle-details-dropdown.select2-container.select2-dropdown-open {
    width: 90% !important;
}

.vehicle-details-dropdown-placeholder {
    font-weight: bold;
    font-size: 13px;
}

.vehicle-assignment-dropdown {
    z-index: 1;
}

.vehicle-assignment-dropdown.select2-container.select2-dropdown-open {
    width: 350% !important;
}

.driver-details section .row {
    margin-bottom: 0 !important;
}

.driver-details section .assigned-vehicles .row {
    margin-bottom: 0 !important;
}

.driver-details section .assigned-vehicles .maintenance {
   padding-left: 0.9375rem;
}

.driver-details #editMileage {
  display: inline-block;
  height: 16px;
  font-size: 10px;
  padding-left: 2px;
  padding-bottom: 4px;
  width: 37%;
  margin-top: 0;
  margin-bottom: 0;
}
.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-6 {
    margin-bottom:6px !important;
}
.driver-details .mileage-section a {
    font-size:11px !important;
}

.driver-details .contact-info input {
    height: 30px;
    padding-top: .5em;
    margin-bottom: 13px;
}

.update-contact h1 em {
    color: #C5C5C5;
    font-style: normal;
}

.driver-details .contact-info input.driver-phone {
    width: 153px;
    display: inline;
}

.driver-details .contact-info input.driver-ext {
    width: 80px;
    display: inline;
}

.vehicle-details-tab-content p.email-note{
    font-weight: 500;
    font-size: 11px;
    margin-top:-7px;
    padding-bottom:10px;
}


.driver-details .form-error {
  color: red;
  margin-top: -21px;
  font-size: 11px;
  font-weight: bold;
}

.driver-details .delete-not-allowed {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 5px;
}

.driver-details-modal-small-text {
    font-size: 0.8125rem;
}

.vehicle-details section .row {margin-bottom: .75em;}
.vehicle-details section .row h3 {margin-top: 1.5em;}

.vehicle-details p {
    margin: 0 0 .5em;
}

.vehicle-details span a.edit,
.vehicle-details h3 a.edit {font-size: .8rem; line-height: 2;}
.vehicle-details h2 span a.edit {font-size: .8rem; line-height: 2;}

.vehicle-details span a.edit {
    margin-left: 3px;
}

.vehicle-details span a.disabled {
    color: #00A661;
    cursor: default;
    font-size: .8rem;
    line-height: 2;
}

section.vehicle-name .typeAhead textarea {
  width: 275px;
  display: inline;
  font-size: 18px;
  padding-top: 4px;
  vertical-align: top;
}

section.vehicle-name .typeAhead {
  display: inline;
}

section.vehicle-name .typeAhead span {
  font-size: 12px;
  display: block;
  margin-top: -3px !important;
  margin-left: 28px;
}

.vehicle-details .vehicle-details-tab-content {margin-top: 2em;}

.vehicle-details p strong, .vehicle-details strong {
    color: #8A8A8A;
}

.veh-details-def-strong-color strong {
    color: #3E3F41;
}

.vehicle-details h2.driverLabel,.vehicle-details h2.driverText  {
    text-align:left;
}

.vehicle-details h2.driverText {
    margin-top: -1px;
}

.vehicle-details h3 a.edit {
    font-size: .8rem;
    float: right;
    line-height: 2;
}

.vehicle-details .vehicle-details-tab-content {
    margin-top: 2em;
}

.vehicle-details .tabs button {
    font-size: 1.4em !important;
    margin: 0;
    margin-top: .25rem;
}
.empty-mileage {
    display: inline-block;
    padding: .13em .25em;
    background: #E1E0E0;
    color: #E1E0E0;
    margin-right: .1em;
    transition: all 0.25s ease;
}

.mileage-digit {
    display: inline-block;
    padding: .13em .25em;
    background: #E1E0E0;
    margin-right: .05em;
    transition: all 0.25s ease;
    font-weight: bold;
}


.mileageTabs dl>input,.mileageTabs .mileage-title>input,.mileageTabs dl.active input,.mileageTabs .mileage-title.active input {
    font-size: 0.875rem;
    color: #00A661;
    background: white;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding: 0.3em 1.3em;
}

.mileageTabs dl.active input,.mileageTabs .mileage-title.active input {
    font-size: 0.875rem;
    background: #E1E0E0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding: 0.3em 1.3em;
}

.mileageTabs dl>input:hover,.mileageTabs .mileage-title>input:hover, .mileageTabs dl.active input,.mileageTabs .mileage-title.active input:hover  {
    background: #727A85;
    color: #FFF;
    padding: 0.3em 1.3em;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 0.875rem
}



h3.current-mileage {
    margin-bottom: 2px;
}

.mileage-entry-label-value {
    margin-bottom: 10px;
}

.vehicle-details section .row.garage-location{
    border-bottom: 2px solid #E1E0E0;
    margin-bottom: 10px;
}
.vehicle-details section .row.garage-location h3 {
    border-bottom:0;
    margin-bottom:inherit;
    margin-top:0;
}
.license-plate {
    background-color: #F7F7F7;
    min-height: 3em;
    line-height: 2;
    margin-bottom: 2em;
}
.license-plate-warning{
    background-color: #ffd351;
    min-height: 3em;
    line-height: 2;
    margin-bottom: 2em;
}
.license-plate-warning-message{
    font-size: 1.1em;
    padding-left: 1em;
    padding-bottom: 1em;
    padding-top: .6em;
}
 .license-plate-warning-message p{
    line-height: 1.35em;
 }

.license-plate-warning p strong {
     color: #000;
}
.license-plate label {
    margin-top: 2em;
    font-size: .4em;
    line-height: 0;
}

.mileage a:hover .mileage-digit {color: #FFF;}
.mileage a:hover .mileage-digit {background-color: #00A661;}
.vehicle-details .mileage a {font-size: 1.9em; color: #3E3F41;}

.mileage input {
    width: 57%;
    padding: .05em .25em;
    margin-bottom: 0;
    height: 38px;
    font-size: 2em;
}

.mileage em {
    color: #5c5c5c;
    display: block;
    font-size: 0.9em;
    font-style: normal;
    margin-top: 1em;
}

.card {
    background-color: #9099A2;
    padding: .1em .5em;
    display: inline-block;
    -webkit-border-radius: .1em;
    -moz-border-radius: .1em;
    border-radius: .1em;
    font-size: 2.5em;
    color: #FFF;
    text-align: center;
    line-height: 0;
    transition: all 0.25s ease;
}

a:hover .card {
    background-color: #00A661;
}

.vehicle-details .fuel-card .card,.vehicle-details .maint-card .card {
    float: left;
    margin-right: .5em;
}

.vehicle-details .fuel-card strong,.vehicle-details .maint-card strong {
    display: block;
    color: #3E3F41;
    font-size: 1.25em;
    line-height: 1.25em;
}

.vehicle-details .fuel-card .request-card {
    float: right;
}

#editMileageSpan .edit {
    padding-right: .1em;
}
#editMileageSpan .disable {
    pointer-events: none;
    anchor.href = null;
    cursor: default;
    background-color: white;
    color: #484848;
}

.mpg-estimate {
    background-color: #F7F7F7;
    text-align: center;
    font-size: 2em;
    min-height: 3em;
    line-height: 2;
    margin-bottom: 2em;
}

.mpg-estimate label {
    font-size: .4em;
    line-height: 0;
}

.lease-details h3 {
    border: 0;
    margin-bottom: 0;
}

.mileage-lifetime,.maint-lifetime,.trade-in-date {
    padding-left: 30px;
    float: right;
}


select.custVehIdList{
     font-size: .8em;
     margin-bottom: 0;
     height: 3em;
}

.custVehHeader {
    font-size: 12px;
 }

.custVehHeaderGrey {
    font-size: 12px;
    color:#8a8a8a;
 }
 
 .viewInsuranceCardGrey {
    font-size: 14px;
    color:#8a8a8a;
 }

.viewInsuranceCardNotesGrey {
    font-size: xx-small;
    color:#8a8a8a;
}

.viewInsuranceCardNotesRed {
    font-size: xx-small;
    color:red;
}

.viewInsuranceCardCalendarHeight {
    height: 40px !important;
}

.text-ellipsis {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#vehicleAppId .single-gadget-slot {
    margin-top:2rem;
    height:100%;
    min-height: 450px;
    width: 90%;
}

#vehicleAppId .gadget {
    height:100%;
    min-height: 450px;
    width: 100%;
    margin-left: 0;
}

#vehicleAppId .chart-container {
    height:100%;
    min-height: 450px;
    width: 100%;
}

.vehicleDetailsGadget{
    margin:auto;
    top: 50%;
    position: relative;
    height:100%;
    min-height: 450px;
    width: 100%;
}

#vehicleDetailsClaimsLegend {
    margin-left: 0rem !important;
    list-style-type: none;
    line-height: normal;
}

.overflow-scroll {
    max-height: 500px;
    overflow-y: scroll;
}

.margin-right-46 {
    margin-right: 46px !important;
}

.vehicle-sales {
    color: #8a8a8a;

}
.vehicle-sales strong {
    color: #727A85;

}

.vehicle-sales section .row{
    margin-bottom: .65em;
 }
.vehicle-sales .selling-fees table{
    margin-top:7px;
    margin-left:10px;
    margin-bottom:7px;
    background:none;
    width:auto;
}
.vehicle-sales .selling-fees table tr,.vehicle-sales .selling-fees table tr td{
    padding:0;
    color:#8a8a8a;
    font-size:10px;
    background:none;
    padding-right:8px;
}
.vehicle-sales .small-text{
    font-size:10px;
}


.edge-eom-message{
    text-align:center;
    font-size:15px;
    background-color: #ffd351;
    min-height: 3em;
    line-height: 2;
    margin-bottom: 2em;
    padding-top: 0.7em;
}
/* MILEAGE MODAL ----------------------------------------------- */
input.personal-miles {
    width:65px;
    display:inline;

}

.mileage-update-modal .error-message {
  font-size: 0.5em;
  font-weight:bold;
  margin-top: 11px;
  display: inline-block;
}


.mileage-update-modal-margin {
    margin-bottom: .5em !important;
    margin-top: 0em !important;
}
/* // end mileage modal --------------------------------------- */


/* VEHICLE CONDITION REPORT TAB ------------------------------- */

.condition-report-description-text {
	margin-left: 4px;
	margin-top: 6px;
	color:#00356B;
}

.condition-report-vehicleIssueThumbnails-modal {
    width: 350px;
    height: 240px;
    display: flex !important;
    flex-wrap: wrap;
    padding: 8px 8px 8px 8px;
    background-color: white !important;
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
}

.condition-report-vehicleIssueThumbnails-button-container {
    padding-left: 165px;
    padding-right: 165px;
}

.condition-report-vehicleIssueThumbnails-text {
	margin-left: 4px;
	margin-top: 6px;
	color: #00A661;
}

.condition-report-problem-text {
	margin-left: 4px;
	margin-top: 6px;
	font-weight: bold;
	color: #FF0000;
}

.condition-report-normal-text {
	margin-left: 4px;
	margin-top: 6px;
}

.icon-button.condition-report-grid {
	margin-bottom: 3px;
}

/* // END VEHICLE CONDITION REPORT TAB ------------------------ */

/* VEHICLE DESCRIPTOR LABEL ------------------------------------ */

#descriptor-label, #descriptor-label-value {

    list-style-type: none;
    margin: 0;
    padding: 0;
}

#descriptor-label li, #descriptor-label-value li {
    background-color: #e6e6e6;
    margin: 0 3px 3px 3px;
    padding: 0.2em .2em .2em 1em;
    height: 40px;
    color: #727A85;
    text-align: left;
    border: 1px solid #d3d3d3;
    display: block;
    cursor: default;
}

#descriptor-label li div, #descriptor-label-value li dev {
      padding: .3em .5em;
}
/* // end vehicle descriptor label ------------------------------ */

/*
==========================================================================
DRIVER DETAILS PAGE
==========================================================================
*/
 .driver-details h3{
    margin-bottom: 1rem;
}


/*
==========================================================================
MILEAGE SUMMARY
==========================================================================
*/
 .mileage-entry-row {
    padding-left: 0em;
    padding-right: 0em;
}
 .mileage-entry-buttons {
    padding-right: 0em;
}
/*
==========================================================================
GADGETS
==========================================================================
*/
div.gadgetSettings div.buttons {
    max-width:211px;
    margin: 0 auto;
}

div.gadgetSettings div.buttons button {
    margin-bottom: 0;
}

.gadgets .panel {
    background: #F7F7F7;
    border-color: #DFDFDF;
    border-left: 0;
    border-right: 0;
    padding: 1rem;
    margin-bottom: 0;
    padding-bottom: 2em;
    position: relative;
}

.gadget-holder {
    position: relative;
}

.gadget-library .panel {
    border-top: 0;
}

.gadget-library .categoryEmpty {
    margin: 10px 10px;
    font-size: 14px;
    font-weight: bold;
}

.gadget {
    height: 330px;
    background: #FFF;
    border: 1px solid #DDD;
    padding: 1em;
    margin-bottom: 15px;
}

.gadget-slot.empty a {
    display: block;
    height: 330px;
    border: 1px solid #DDD;
    background: #FFF;
    text-align: center;
    color: #C4CDD4;
    text-transform: uppercase;
    transition: all 200ms ease;
    margin-bottom:15px;
}

@media only screen and (max-width: 90.062em) {
    .empty.gadget-add-xlarge-up
    {
        display: none !important;
    }
}

@media only screen and (max-width: 64.062em) {
    .gadget{
        height: 330px;
    }
    .gadget-slot.empty a{
        height: 330px;
    }
}

@media only screen and (max-width: 50.062em) {
    .gadget{
        height: 270px;
    }
    .gadget-slot.empty a{
        height: 268px;
    }
    .gadget-slot.empty .icon-circle {
        margin: 60px auto .1em !important;
    }
}

@media only screen and (max-width: 40.062em) {
    .gadget{
        height: 210px;
    }
    .gadget-slot.empty a{
        height: 208px;
    }
    .empty.gadget-add-medium-up
    {
        display: none !important;
    }
    .gadget-slot.empty .icon-circle {
        margin: 40px auto .1em !important;
    }
}

.gadget-slot.empty .icon-circle {
    border: 8px solid #C4CDD4;
    -moz-border-radius: 53px;
    -webkit-border-radius: 53px;
    border-radius: 53px;
    display: block;
    margin: 100px auto .1em;
    font-family: 'bebas_neueregular';
    font-size: 116px;
    font-style: normal;
    font-weight: bold;
    height: 90px;
    line-height: 76px;
    text-align: center;
    width: 90px;
    transition: border-color 200ms ease;
}

.gadget-slot.empty a:hover,.gadget-slot.empty a:hover .icon-circle {
    color: #00A661;
    border-color: #00A661;
}

.single-gadget-slot .gadget {
    height: 260px;
    background: #FFF;
    border: 1px solid #DDD;
    padding: 1em;
    width: 40%;
    margin-left: 30%;
}

.gadgets .btn-gadget-library {
    position: absolute;
    left: -webkit-calc(50% - 24px);
    left: -moz-calc(50% - 24px);
    left: calc(50% - 24px);
    bottom: -2em;
}

.gadgets .add-gadget {
    position: relative;
    height: 2em;
    width: 2em;
    z-index: 1;
}

.gadgets .add-gadget .icon-circle.filled {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    height: 1em;
    width: 1em;
    font-family: 'bebas_neueregular';
    line-height: 1em;
    background: #F7F7F7;
    transition: all 300ms;
}

.gadgets .add-gadget .icon-semicircle {
    color: #DDD;
}

.gadgets .add-gadget,.gadgets .add-gadget i {
    display: block;
    margin: 0 auto;
    color: #cecfd0;
    font-size: 2em;
    line-height: 0;
}

.gadgets .add-gadget i {
    position: absolute;
    bottom: 0;
}

.gadgets .add-gadget:hover .icon-circle {
    color: #22C883;
}

.gadgets .add-gadget.active .icon-circle {
    transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
}

i.icon-circle.filled {
    color: #00A661;
}

.gadgets .add-gadget i.alt { /* For IE8 */
    display: none;
    background: #FDFDFD;
    bottom: 8px;
    left: 5px;
    top: 5px;
    padding: 2px;
    line-height: .75;
}

.gadgets .add-gadget.active i.alt {
    display: block;
}

.single-gadget .gadget-list-main{
    font-size: 120%;
}


@media only screen and (min-width: 40.063em) {
    #gadgetAppId{
        display:table;
        width: 100%;

    }

    #gadgetLibraryDiv >.columns {
      display: table-cell;
      float:none;
    }
}

.gadget-library {
    border-bottom: 1px solid #DDD;
    background: #F7F7F7;
    position: relative;
    /*min-height: 30em;*/
}


.gadget-library .categories {
    background: #6E7681;
}
@media only screen and (max-width: 40.062em) {
    .gadget-library .categories {
        min-height: initial;
        position: relative; /* setting it relative keeps the contents from overlapping on mobile views. */
    }
}
 .gadget-library .categories h3 {
    padding: 1.25rem;
    color: #FFF;
    margin: 0;
}
@media only screen and (max-width: 40.062em) {
    .gadget-library .categories h3 {
        padding-bottom: 0;
        padding-left: 1rem;
    }
}

.gadget-library .categories dl.tabs.vertical {
    margin: 0;
    width: auto;
    max-width: none;
    float: none;
}

.gadget-library .panel,.list .panel {
    background: none;
    border: 0;
}

.gadget-library .gadget {
    min-height: 85px;
    background: none;
    border: 0;
    padding: 0 0 1.5em;
    display:inline-block;
    position: relative;
}

.gadget-library .gadget a {
    padding: 0 1em;
    display: block;
    color: #575C62;
    cursor: default; /* until this does something */
}

.gadget-library .gadget-list {
    list-style: none;
    margin: 3rem 0;
}

.gadget-library .gadget-list .gadget span.description {
    line-height: 1.5;
}

.gadget-library .gadget-list button {
    padding: 0.1em 0.5em;
    margin: 8px 0 0;
}

.gadget-library .gadget strong {
    display: block;
    color: #22262A;
    margin-bottom: .3em;
}

ul.gadget-list li {
    display: block;
    height: auto;
    min-height: 2.5em;
    padding-top: 0.35em;
    vertical-align: text-top;
}

.alertsGadgetContainer {
    height: 144px;
    position: relative;
}

.allAlerts {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 4px;
}

.alertsGadgetContainer .icon-alert {
    font-size: 3em;
}

.alertsGadgetContainer ul.gadget-list {
    margin-left:0;
}

.alertsGadgetContainer .alertExtraInfo{
    padding-left:0;
    background: inherit
}

.alertsGadgetContainer .gadget-alert-list {
    margin-left: 0;
    max-height: 127px;
    overflow-y: auto;
}

.alertsGadgetContainer .gadget-alert-list li {
    display: block;
    border-top: 1px solid #E8E8E8;
    height: auto;
    min-height: 2.5em;
    padding-top: 0.35em;
    cursor: pointer;
    vertical-align: text-top;
}

.alertsGadgetContainer .gadget-alert-list li.lastAlert {
    border-bottom: 1px solid #E8E8E8;
}

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

.noAlerts {
    text-align: center;
}

.dummyGadgetImage {
    width: 535px;
}

#monthlyFuelSummaryByGradeGadget .text-left-padding {
    padding-left: 3em;
}

.gadget-list-data-row div {
    padding: .4em 0 0 0;
    padding-left:4px;
    padding-right:4px;
}

.gadget-list-header-row {
    border-width: 1px 0;
    border-color: #C9C9C9;
    border-style: solid;
    font-weight: bold;
    background-color: #E1E0E0;
}

.monthly-fuel-summary-bygrade-avg-data {
    font-weight: bold;
    background-color: #E1E0E0;
}

.monthly-fuel-summary-bygrade-avg {
	border-style: solid;
	border-width: 2px 2px;
	border-color: #C9C9C9;
}

.gadget-list-header-row div {
    padding-right: 4px;
    padding-left: 4px;
}

.gadget-list-header-row, .gadget-list-data-row { font-size: .8em; }

.gadget-list-main {
     clear: both;
}

.gadget-list-main div.gadget-table-rows {
    overflow-y:auto;
    height:108px;
}

.gadget-list-data-row div.columns.text-align-right.end{
    padding-right:5px;
}
.gadget-list-header-row div.columns.text-align-right.end{
    padding-right:5px;
}
.gadget-list-header-column {
    font-weight: bold;
    padding-left: 10em;
}

.align-right-pad-right {
    text-align: right;
    padding-right: 11em;
}

.align-right-pad2-right {
    text-align: right;
    padding-right: 2px !important;
}

.gadget-list-main hr {
    padding: 0 11em 0 10em;
}

select.gadget-dropdown {
    float: right;
    height: 1.75em;
    margin-bottom: .3rem;
    padding-top: 0;
    padding-bottom: 0;
}

select.raised-dropdown {
 margin-top: -1.8em;
}

.gadgets .see-more-data {
    position: absolute;
    bottom: 8px;
    right: 13px;
    font-weight:bold;
    font-size:11px;
}

.gadgets .footer-data {
    position: absolute;
    bottom: 8px;
    font-size:9px;
}
.gadgets .see-more-data a{
    color:#3166ce;
}

.single-gadget .see-more-data {
    display: none;
}

.single-gadget .longDescr {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
        sans-serif;
    font-size: 13px;
    padding : 10px;
}

#monthlyFuelSummaryByGradeGadget {
    margin-top: -1em;
}

#monthlyFuelSummaryByGradeGadget .NoDataFound-message{
    margin-top: 1em;
}

#recalls-by-lease-expiration-date-gadget g g rect {
    cursor: pointer;
}
#recalls-by-notification-date-gadget g g rect {
    cursor: pointer;
}

#recalls-by-lease-expiration-date-gadget svg > g:nth-child(3) g g text {
    cursor: pointer;
    color: #00A661;
    text-decoration: underline;
}
#recalls-by-notification-date-gadget svg > g:nth-child(3) g g text {
    cursor: pointer;
    color: #00A661;
    text-decoration: underline;
}

#vehicleSalesSummaryTableGadget .gadget-list-main div.gadget-table-rows
{
    height:auto;
    height: initial;
}
/*
==========================================================================
GADGETS PANE SIDE-NAV
==========================================================================
*/
.side-nav li a:not(.button) {
  color: white;
  font-size: 1rem;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  background: rgba(203, 203, 203,0.2);
  color: white;
}

.side-nav li.active > a:first-child:not(.button) {
  color: white;
  background: #B1B0B0;
}

/*
==========================================================================
CONTACT INFO PANELS
==========================================================================
*/

.contact-info-panel1 {
    font-size: 12px;
    color: #1b1f24;
}
.contact-info-panel2 {
    font-size: 11px;
    color: #7b7b7b;
}

/*
==========================================================================
ICONS
==========================================================================
*/
[data-icon]:before {
    content: attr(data-icon);
}

[data-icon]:before,.icon-edit:before,.icon-alert:before,.error-icon-alert,.icon-chart-bar:before,.icon-clock:before,.icon-driver:before,.icon-fuel:before,.icon-maintenance:before,.icon-search:before,.icon-semicircle:before,.icon-settings:before,.icon-settings-done:before,.icon-user:before,.icon-x:before,.icon-header:before
    {
    display: inline-block;
    font-family: "efm-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.icon-edit:before {
    content:"\f112";
    font-size: 0.75rem;
}

.icon-alert:before {
    content: "\f109";
}

.icon-header:before {
    content: "\f109";
    margin-right:5px;
}

.error-icon-alert:after {
    content: "\f109";
     color: #D04223;
}

.icon-chart-bar:before {
    content: "\f10a";
}

.icon-clock:before {
    content: "\f107";
}

.icon-driver:before {
    content: "\f10b";
}

.icon-fuel:before {
    content: "\f10c";
}

.icon-maintenance:before {
    content: "\f106";
}

.icon-search:before {
    content: "\f10e";
}

.icon-semicircle:before {
    content: "\f108";
}

.icon-settings:before {
    content: "\f10f";
}

.icon-settings-done:before {
    content: "\f110";
}

.icon-user:before {
    content: "\f10d";
}

.icon-x:before {
    content: "\f111";
}

i.gadget-icon {
    position: absolute;
    bottom: 100%;
    right: 0;
    color: #E1E0E0;
    background-color: #727A85;
    font-size: 1.5em;
    padding: .25em .5em;
    cursor: pointer;
}

i.gadget-icon:hover {
    color: #FFF;
}

h2 i[class ^="icon"] {
    color: #8A8A8A;
}

button .icon-x {
    font-size: .8em;
    margin-right: .25em;
    vertical-align: middle;
}

.gadgets .icon-circle {
    border: 8px solid #fff;
    border-radius: 53px;
    display: inline-block;
    font-size: 86px;
    font-style: normal;
    font-weight: bold;
    height: 90px;
    line-height: 67px;
    text-align: center;
    width: 90px;
}

.icon-circle.filled {
    border: 0;
}

.icon-circle.maintenance {
    background: #FFC333;
}

/*
==========================================================================
JQUERY MODAL
==========================================================================
*/
.ui-dialog {
    -moz-box-shadow: 0 0 4em rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4em rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 4em rgba(0, 0, 0, 0.4);
    /* 3rd-jquery-ui */
}

.ui-dialog.ui-widget-content,.ui-dialog .ui-widget-content {
    border: 0;
    background: #FFF;
    /* 3rd-jquery-ui */
}

.ui-dialog-titlebar.ui-widget-header {
    background: none;
    border: 0;
    color: #727A85;
    font-family: 'bebas_neueregular';
    font-weight: 100;
    /* 3rd-jquery-ui */
}

.ui-dialog .ui-dialog-title {
    font-size: 2.5em;
    /* 3rd-jquery-ui */
}

.ui-dialog p:first-child {
    margin: 0;
    /* 3rd-jquery-ui */
}

.ui-dialog-content em{
    color: #727A85;
    font-size: .9em;
    /* 3rd-jquery-ui */
}

#costcode-entry-grid p {
    margin-top: 0.5em;
    margin-right: 2em;
    line-height: 0.2em;

}

input.new-cost-code {
    width:210px;
    display:inline;
}

/*
==========================================================================
REORDER BLOCKS (JQUERY UI-SORTABLE)
==========================================================================
*/
.ui-sortable .ui-state-default{
    /* style used in reorder-blocks of vehicle descriptor labels */
    display:block;
    white-space: inherit;
    /* 3rd-jquery-ui */
}

.ui-widget-content .ui-state-default.ui-state-focus, .ui-widget-content .ui-state-default
{
    background-image: none;
    padding: .1em .5em;
    font-size: 1.5em;
    color: #FFF;
    /* 3rd-jquery-ui */
}

.ui-state-default,.ui-widget-content .ui-state-default {
    background-color: #727A85;
    /* 3rd-jquery-ui */
}

/*
==========================================================================
UI-GRIDS
==========================================================================
*/
 .grid-container h3{
     display:inline;
     vertical-align: middle;
     margin-right:10px;
     /* 3rd-jquery-ui */
  }

  .ui-grid-pinned-container-right .text-align-right{
    padding-right: 15px;
  }
@media only screen and (max-width: 40.062em)
{
    .grid-container h3 {
        display:block;
        /* 3rd-jquery-ui */
    }
}

.ui-grid-header-canvas {
    background-color: #F7F7F7;
    /* 3rd-angular */
}

.ui-grid {
    border-color: #E0DFDF;
    clear: both;
    /* 3rd-angular */
}

.ui-grid-top-panel {
    background: #FFF;
    /* 3rd-angular */
}

.ui-grid-header-cell:hover {
    background: #E0DFDF;
    /* 3rd-angular */
}

.ui-grid-cell {
    height: 36px;
    border-right: 0;
    border-bottom: 1px solid #E0DFDF;
    /* 3rd-angular */
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #F7F7F7;
    /* 3rd-angular */
}

.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #FFF;
    /* 3rd-angular */
}

.ui-grid-column-menu-button {
    top: 5px;
    visibility: hidden;
    /* 3rd-angular */
}

.ui-grid-header-cell:not (:last-child ) .ui-grid-vertical-bar {
    display: none;
    /* 3rd-angular */
}

.ui-grid-header-cell:hover .ui-grid-column-menu-button {
    visibility: visible;
    /* 3rd-angular */
}

.rowSelectionfeature .ui-grid-row:hover .ui-grid-cell {
  border-top: 1px solid #90a3d7;
  border-bottom: 1px solid #90a3d7;
}

.rowSelectionfeature .ui-grid-disable-selection{
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
   user-select: text;
}

.rowSelectionfeature .ui-grid-row-selected .ui-grid-cell{
     border-top: 1px solid #90a3d7;
     border-bottom: 1px solid #90a3d7;
}

.rowSelectionfeature .ui-grid-row-selected.ui-grid-row:nth-child(odd) .ui-grid-cell,
.rowSelectionfeature .ui-grid-row-selected.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: initial ;
}



.alert-list .ui-grid-pinned-container .left {
    box-shadow:none;
    /* 3rd-angular */
}

.alert-list .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: none;
    /* 3rd-angular */
}

.movingColumn {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
    margin: -2px 0 0 -2px;
    background-color: #FFF;
    z-index: 999;
}

.ui-grid .empty {
    display: block;
    text-align: center;
    color: #8A8A8A;
    /* 3rd-angular */
}

.grid-height{
    padding-top : 15px;
}

.totals-grid-height {
    padding-top: 20px;
}

.disclaimer-height {
    padding-top: 15px;
}

.blankGrid {
    height: 400px !important;
}

.driverChangeGrid {
    height: 375px !important;
}

.taxLocationGrid{
     height: 320px !important;
}

.ui-grid .empty .icon-search {
    font-size: 3em;
    display: block;
    color: #DDD;
    /* 3rd-angular */
}
.ui-grid-pager-panel{
    min-height: 2.385rem; /* height set for IE overlap problem */
    /* 3rd-angular */
}
.ui-grid-pager-count-container {
    position: absolute;
    left: .5rem;
    bottom: .4rem;
    /* 3rd-angular */
}

.ui-grid-pager-container {
    position:absolute;
    right: .7rem;
    bottom: .2rem;
    /* 3rd-angular */
}

.ui-grid-pager-container input[type="number"] {
    display: inline;
    width: 50px;
    margin: 0;
    /* 3rd-angular */
}

.ui-grid-pager-container input[type="number"],.ui-grid-pager-container select
    {
    padding: 0 0 0 0.5rem;
    height: 25px;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #C9C9C9;
    /* 3rd-angular */
}

.ui-grid-pager-max-pages-number {
    margin-right: 1em;
    /* 3rd-angular */
}

.ui-grid-pager-container button {
    padding: 0;
    background-color: #FFF;
    margin: 0;
    font-size: 2em;
    line-height: 0;
    vertical-align: middle;
    border: 1px solid #C9C9C9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* 3rd-angular */
}

.ui-grid-pager-container button:hover,.ui-grid-pager-container button:focus
{
    background-color: #00A661;
    /* 3rd-angular */
}

.ui-grid-pager-container button[disabled] {
    background-color: #F3F3F3;
    color: #484848;
    /* 3rd-angular */
}

.ui-grid-pager-control .first-triangle,.ui-grid-pager-control .next-triangle,.ui-grid-pager-control .prev-triangle,.ui-grid-pager-control .last-triangle
{
    margin: 0 auto;
    /* 3rd-angular */
}

.ui-grid-pager-container input[type="number"],.ui-grid-pager-row-count-picker
{
    margin-left: 1em;
    /* 3rd-angular */
}

.ui-grid-pager-row-count-picker select {
    width: auto;
    /* 3rd-angular */
}

div.add-column-grid {
    width: 18px;
    height: 28px;
    float: right;
    display: inline;
    font-size: 18px;
    padding-left: 3.5px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 5px;
    background-color: #00A661;
    position: absolute;
    right: -18px;
    top: -1px;
    /* 3rd-angular */
}

ul.add-column-popover {
    background: #E1E0E0;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.15);
    width: 200px;
    border: #00A661 solid 1px;
    max-height:250px;
    overflow-y:auto;
    right: -18px;
    /* 3rd-angular */
}

.popover, ul.add-column-popover {
    position: absolute;
    z-index: 1;
    box-shadow: 0px 1px 2px 2px rgb(0 0 0 / 15%);
    text-align: left;
    width: 200px;
    margin-top: -1px;
    margin-left: -220px;
}

.popover {
    opacity: 1;
    transition: all 0.25s ease;
}

.standardized-grid-header-style {
	height: 35px;
}

ul.add-column-popover li.header-text {
    color:black;
    padding: 2px 5px;
    font-weight: bold;
    min-height: 0px;
    /* 3rd-angular */
}

 ul.add-column-popover li>a {
    border-top: 1px solid #00A661;
    display: block;
    padding: .9em;
    height: auto;
    min-height: 38px;
    cursor: pointer;
}

ul.add-column-popover li>span {
    border-top: 1px solid #00A661;
    display: block;
    padding: .9em;
    height: auto;
    min-height: 38px;
    cursor: default;
}

.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
    pointer-events: all !important;
}
 .ui-grid-cell-contents {
    padding-top:6px;
     /* 3rd-angular */
 }
 
 .vehicle-details.ui-dialog {
    font-size: 0.9em !important;
 }

 .ui-grid-cell-contents-secondary {
    color:gray;
 }

 .ui-grid-button-cell-contents {
    padding-left:5px;
    padding-top:2px;
 }

.ui-grid-cell-contents input[type="radio"].left {
    width: 30px;
    background:none;
    margin-top: 2px;
}

.highlight {
    background-color: #FFFFCE !important;
}

.highlight-font {
    color: #FFE07A !important;
    font-weight: bold;
}

.mileage-dimmed-font {
    color: #ADB5BD !important;
}

.pending-highlight {
    background-color: #dddcda !important;
}

.pending-highlight-font {
    color: #dddcda !important;
    font-weight: bold;
}

.invalid-vin {
    border: 2px solid #FF0000 !important;
}

.wex-highlight {
    background-color: orange !important;
}

.search-highlight:first-line {
    background: #97caff !important;
}

 .ui-grid-cell-contents .highlight{
    padding-bottom:7px;
 }

/*
==========================================================================
SEARCH BOXES
==========================================================================
*/

/* CUSTOMER SEARCH ------------------------------------------------------*/
@media only screen and (max-width: 40.062em)
{
    .search{
        margin-top:10px;
    }
}

.searchError {
    text-align: left;
}


.searchLeft input[type="text"] {
    margin: 0;
    display: inline-block;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    vertical-align: middle;
    min-height: 38px;
}

.searchLeft input[type="text"]+button {
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .1em .4em;
    margin: 0;
    min-height: 38px;
    vertical-align: middle;
}

.customer-search-message {
    color: #6E6E6E;
    line-height: 5px;
    font-size: 12px;
    text-indent: .25em;
}

/* //end customer search------------------------------------------------*/

 .sales-list .search {
    margin: -.5em 0em 1em;
}

.search input[type="text"] {
    margin: 0;
    display: inline-block;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    vertical-align: middle;
    min-height: 2.3125rem;
}

.search input[type="text"]+button {
    display: inline-block;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: .1em .4em;
    margin: 0;
    min-height: 38px;
    vertical-align: middle;
}

.ui-selectmenu-button span.ui-icon{
    right: .1em;
}
#grid-download button:not(.ui-grid-menu-item)
    {
    padding: inherit;
 }

.search {
    position: relative;
    display: inline-block;
    width: 100%;

}
.search > input {
    padding: 8px 42px 8px 8px;
     border: 1px solid #ccc;
}
.search > span {
    position: absolute;
    top: 0;
    right: 2em;
    padding: 6px 8px;
    font-size: 1.85em;
    color: #a5a5a5;
    border-left: 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    width: 33px;
    z-index: 1;
}

#resetSpan{
    margin-top: -28px;
    margin-right: 10px;
    display: block;
    font-size: 16px;
}

div.rowCount{
    padding-bottom:4px;
    font-size:11px;
    padding-right: 0;
}

.grid-tools .compressed {
    display:inline-block;padding-top:12px;
    }
.settlement-disclaimer .compressed {
	display:inline-block;padding-top:1px;
}

/*
==========================================================================
TAXABLE BENEFITS REPORT PAGE
==========================================================================
*/

.new-user-row {
    max-width: 75rem;
}

.new-user-row div.columns {
    padding-left: 0;
}

.new-user-row input {
    max-width: 25rem;
}

.new-user-row h1 {
    margin:0;
}

.new-user-row hr {
    margin:1.2em 0;
}

.new-user-row p {
    margin: 1em 0 1em;
}

.date-input-field {
    box-sizing: border-box;
    padding: .75em .75em .75em;
    font-size:1.1em;
}

#taxBenefitsGrid .ui-grid-header-cell .ui-grid-cell-contents,
#taxBenefitsGrid .ui-grid-footer-cell .ui-grid-column-footer  {
     height: auto;
     text-align:center !important;
     white-space: normal;
     -ms-text-overflow: clip;
     -o-text-overflow: clip;
     text-overflow: clip;
}


#taxBenefitsGrid .ui-grid-footer-aggregates-row,
#taxBenefitsGrid .ui-grid-footer-cell .ui-grid-column-footer {
    height: 40px;
    line-height: 1.4;
}

#taxBenefitsGrid .ui-grid-header-cell.text-align-left .ui-grid-cell-contents,
#taxBenefitsGrid .ui-grid-footer-cell.text-align-left .ui-grid-column-footer {
    text-align: left !important;
}

#taxBenefitsGrid label{
    font-size: .75rem;
    display:inline-block;
    margin-right: .5rem;
}

#taxBenefitsGrid div.ui-grid-cell input[type="checkbox"] {
    margin: 3px 0 0 3px;
}

#taxBenefitsGrid .ui-grid-header-cell input[type="checkbox"] {
    margin: 8px 0 0 7px;
}

#column_header_help{
    font-size: 11px;
}
.taxBenefitsGridCheckBox {
    margin: 10px 3px 0 0 !important;
}

#taxBenefitsGrid div.ui-grid-cell input[type="checkbox"]:focus{
    outline: auto;
    color:#b3d4fc;
}
/*
==========================================================================
PRINT STYLES
==========================================================================
*/
@media print {
    * {
        /*    Inlined to avoid required HTTP connection: h5bp.com/ */
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,a[href ^="javascript:"]:after,a[href ^="#"]:after {
        /* Don't show links for images, or javascript/internal links */
        content: "";
    }
    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }
    h2,h3 {
        page-break-after: avoid;
    }
}

/*
==========================================================================
MFA Login Screens
==========================================================================
*/

.mfaLogin{
    color:white;
}

.mfaLoginButtons{
    width:5px;
    height:auto;
    display:inline-block;
}

#verificationCodeId{
    margin: 0 2px -9px 0;
    position: relative;
    bottom: 1px;
    color:#FFF;
    font-weight: normal;
}

.mfaLogin select {
    width: 100%;
    margin: 0;
}
/*
==========================================================================
WHAT'S NEW MODAL
==========================================================================
*/
#whatsnew-modal.ui-dialog-content{
    padding:0;
    overflow:auto;
}

.whatsnew-modal .ui-dialog-titlebar {
    background:#e9e7e3;
}

#whatsnew-modal .sub-nav {
    margin: 0;
    padding:0;
    padding-left: 2.5rem;
    padding-top: .2rem;
    border-bottom: 1rem solid #00a665;
    background:#e9e7e3;
    margin-bottom:20px
}
#whatsnew-modal .sub-nav dd  {
     margin-bottom: 0;
     margin-left:0;
}
#whatsnew-modal .sub-nav dd a{
    font-size: 24px;
    padding: 0;
    padding-right: 2rem;
}
#whatsnew-modal .sub-nav dd.active a {
    background: none;
    color:#00a563;
}
#whatsnew-modal .modal-content {
    color: #70625a;
    padding-left: 2.5rem;
}

#whatsnew-modal h3 small  {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #70625a;
}
#whatsnew-modal h3 {
    color: #70625a;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #e9e7e3;
    margin-right: 2.5rem;
    margin-bottom: 1rem;
}
#whatsnew-modal ul{
    margin-bottom:.6rem;
    margin-left: .2rem;
}
#whatsnew-modal ul li {
    color: #70625a;
    padding-bottom: 16px;
    padding-right: 1.4rem;
    list-style: none;
    padding-left: 1rem;
    text-indent: -1.2rem;
}

#whatsnew-modal ul li:before {
    /* steering wheel icon */
    font-family: "efm-icons";
    content: "\f10b";
    color:#00A661;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    padding-right: .4rem;
}


/*
==========================================================================
DISPLAY FLEET BUTTON
==========================================================================
*/
#displayEntireFleet {
    margin-top: 5px;
    display: inline-block;
    color: #FFF;
    font-style: italic;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}
#displayEntireFleetId{
    margin: 0 2px -9px 0;
    position: relative;
    bottom: 1px;
    color:#FFF;
    font-weight: normal;
}

/*
==========================================================================
PEOPLE PAGE
==========================================================================
*/

.user-dropdown {
    width: 100%;
    float:left;
    margin-top: 2px;
    margin-right: 6px;
}

#peopleLegend {
    margin-left: 0rem !important;
    list-style-type: none;
    line-height: normal;
}

#peopleShowDriversFilter {
    font-size: 12px !important;
    color: #3E3F41;
}

/*
==========================================================================
ALERTS SUBSCRIPTION PAGE
==========================================================================
*/

form .alert-subscription label {
    margin: 0;
}

.alert-subscription h3 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.5em;
    margin-bottom: 1.0em;
}

.alert-subscription h3 a {
    font-size: 0.7em;
}
.vehicledetail-update{
    font-size: 1.4em !important;
    margin:0 0 0 0;
}



.alert-subscription h4 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.4em;
    margin-bottom: .8em;
}

.alert-subscription .rowPad {
    padding-bottom: 1.5em;
}

.alert-subscription p{
    padding-top: 0;
    margin-top:0;
    margin-bottom: 1.1em;
}

.alert-severity input[type=checkbox] {
        display:none;
}

.alert-severity input[type=checkbox] + div label {
        color: #3E3F41;
}

.alert-severity input[type=checkbox] + div {
        display:inline-block;
        min-width: 100px;
        margin:-2px;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        text-shadow: 0 1px 1px rgba(255,255,255,0.75);
        vertical-align: middle;
        cursor: pointer;
        background-color:#D0D0D0;
        border: 1px solid #ccc;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
        border-bottom-color: #b3b3b3;
    }

.alert-severity   input[type=checkbox]:checked + div{
       display:inline-block;
        background-image: none;
        outline: 0;
        background-color: #3E3F41;
    }

.alert-severity   input[type=checkbox]:checked + div label {
    display:inline-block;
    color: white;
}

.alert-severity div.panel {
    background-color:#f5f5f5;
}

#alertSubscriptionId div.pull-right {
    float: right;
    padding-right: 0.9375rem;
}

.alert-description-modal p span {
    font-weight: bold;
}

.alert-subscription hr{
    border-top: 1px solid #bcbcbc;
}
/*
==========================================================================
BILLING PAGE
==========================================================================
*/

#billing-statevoice-title {
    color: #c0c0c0;
    padding-right: 10px;
}

#billing-statevoice-amount-due {
    font-size: 16px;
}

#billing-statevoice-summary thead tr th  {
    border: 1px solid #d4d4d4 !important;
    color: #3e3f41;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

#billing-statevoice-summary tbody tr td {
    border: 1px solid #d4d4d4 !important;
    color: #3e3f41;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 3px;
    padding-top: 3px;
}

#billing-statevoice-summary tbody tr td {
    border-left: none !important;
    border-right: none !important;
}

#billing-statevoice-summary thead tr th:nth-child(n+3),
#billing-statevoice-summary tbody tr td:nth-child(n+3) {
    text-align: right;
}

#billing-statevoice-summary thead tr th:nth-child(2) {
    width: 75px;
}

#billing-statevoice-payment-options {
    padding-bottom: 10px;
    padding-top: 10px;
}

#billing-statevoice-payment-options ul {
    padding-top: 1.25rem;    
}

#billing-statevoice-payment-options ul li {
    color: #7f7f7f;
    font-size: 11px;
}

#billing-statevoice-payment-title {
    color: #000000;
    font-weight: bold;
}

.fine-print p {
   margin: 0 0 0.8em;
}

.statevoice-section-title {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.fine-print .statevoice-section-title {
    margin-bottom: 1px;
}

#statevoice-section-monthly-invoice .tabs {
    margin: 0;
}
#statevoice-section-out-of-cycle-invoices .tabs {
    margin: 0;
}

#statevoice-monthly-invoice-summary table {
    border: none !important;
    margin-bottom: 0.5625rem;
    margin-top: 0.5625rem;
}

#statevoice-monthly-invoice-summary table tbody tr td {
    text-align: right;
}

#statevoice-monthly-invoice-summary table tbody tr th,
#statevoice-monthly-invoice-summary table tbody tr td {
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    font-size: 11px;
}

#statevoice-monthly-invoice-summary .new-balance-label {
    color: #868686;
    font-size: 11px;
    padding-right: 0.625rem;
}

#statevoice-monthly-invoice-summary .new-balance {
    font-size: 12px;
    font-weight: bold;
    padding-right: 0.625rem;
}

.disclaimer{
    margin-left: 20px;
    margin-right: 20px;
}

/* change bill-to menu */

.groupedSelect a.menu-open {
    z-index: 2;
}

.addCostCode-margin-left {
    margin-left: -1.2em
   
    
}
.addCostCode-margin-right {
    margin-right: -0.5em !important
}

.groupedSelect {
    display: inline-block;
    list-style:none;
    margin-left:0;
    margin-bottom:0;
    padding-right: 1.2rem;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.15);
    margin-left:.5rem;

}

.groupedSelect .groupedMenuWrapper{
    border-bottom:1px solid #E8E8E8;
}

.groupedSelect .groupedMenuWrapper:hover{
    background-color:#f9f9f9;
}

.groupedSelect .groupedMenuWrapper.selected {
    background-color: #F2F5A9;
}

.groupedSelect>li {
    position: relative;
    margin-left:0;

 }

.groupedSelect li>a {
    color: #6A6A6A;
    position: relative;
    display: inline-block;
    padding-left: .5rem;
    padding-right: 3rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }

.groupedSelect .popover {
    position: absolute;
    z-index: 2;
    background: #FFF;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.15);
    text-align: left;
    width: 400px;
    margin-left: 0;
    margin-top: -20px;
}

.groupedSelect .popover li>span, .groupedSelect .popover li>a{
    display: block;
    padding: .9em;
    padding-top:.5em;
    padding-bottom:.5em;
    height: auto;
    min-height: 38px;
    cursor: pointer;
}

.groupedSelect .popover li {
    margin: 0;
    display: block;
}

.groupedSelect .popover li:first-child {
    border: 0;
}

.groupedSelect a {
    position: relative;
    display: inline-block;
    line-height:1;
 }

 .groupedSelect a:hover {
     color: #00A661;
}
.change-billto-company:after {
    border-color: black transparent transparent transparent;
    border-width: 0.375rem;
    right: -1rem;
    margin-top: -0.15625rem;
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    top: 45%;
}

.groupedSelect ul li ul {
    margin-left: 0;

}

/* // end change bill-to company menu */

.contactus-form {
	padding-left: 25px;
	height: auto !important;
    overflow: visible !important;
    background: #FFFFFF !important;
}
/* // end close button positioning--------------------------------------*/

/*
==========================================================================
DRIVER CHANGE MODAL
==========================================================================
*/
.driver-change-modal i.icon-driver {
    font-size: 22px;
    color: #8A8A8A;
}

.driver-change-modal .icon-search:before {
    min-height: 1.4rem;
    max-height: 1.4rem;
    font-size: 25px;
}

.driver-change-modal .row{
    margin-bottom: .4em;
}

.driver-change-modal .selectTaxLocation,
.garage-change-modal .selectTaxLocation {
    margin-bottom: 0;
}

.driver-change-modal .optimize-margins, .garage-change-modal .optimize-margins {
    margin-top: 10px;
    margin-bottom: 10px;
}

.driver-change-modal .search input[type="text"], .garage-change-modal .search input[type="text"] {
    margin-top: 2px;
    min-height: 1.8rem;
    max-height: 1.8rem;
}

.driver-change-modal button#searchButton, .garage-change-modal button#searchButton {
    margin-top: 2px;
    min-height: 1.8rem;
    max-height: 1.8rem;
}

.driver-change-modal .tax-location-message,
.garage-change-modal .tax-location-message{
    font-size: 11px;
    margin:0;
    line-height: 1;
}

.driver-change-modal label{
    padding-bottom: 10px;
}

.driver-change-modal .radio{
    display: block;
    min-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.driver-change-modal .radio label{
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    padding-bottom: 0;
    line-height: 1.4em;
}

 .driver-change-modal .radio input[type="radio"]{
  float: left;
  margin-left: -20px;
}

.driver-change-modal > div {
  float: left;
  margin-top: 10px;
}

.driver-change-modal .radio + .radio {
  margin-top: -5px;
}

.driver-change-modal label .heading,
.garage-change-modal .heading {
    font-weight: 100;
    font-size: 1.4em;
    color: #3E3F41;
    padding-bottom: .3em;
    font-weight: normal;
}

.driver-change-modal small{
        font-size: 80%;
        display:block;
        padding-top:10px;
}
/*
==========================================================================
CREATE USER PAGE
==========================================================================
*/

#saveCreateUser:disabled, #cancelCreateUser:disabled {
    background: #00A661;
}

li.appendListItem {
    border-top:1px solid black;
    font-weight: bold;
}

.createUserContainer {
    float: left;
    margin: 1em 3em;
    padding-right: 1em;
}

span.inline span.ui-selectmenu-button {
	display: inline !important;
}

span.inline span.ui-selectmenu-text {
	margin-left: 45px !important;
	margin-right: 45px !important;
	line-height: 1.4em;
}

.inlineBlock {
    display:inline-block;
}

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

.padding-left-240 {
    padding-left: 15rem;
}

.padding-right-240 {
    padding-right: 15rem;
}

.padding-left-3 {
    padding-left: 3px;
}

.padding-left-25 {
	padding-left: 25px;
}

.padding-left-27 {
	padding-left: 27px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-left-39 {
    padding-left: 39px;
}

.padding-left-120 {
    padding-left: 120px;
}

.padding-left-80 {
    padding-left: 80px !important;
}

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

.leftAlign {
    float: left !important;
}

#create_user_work_phone {
    width:auto;
    display:inline;
}

#create_user_work_phone_ext {
    width:auto;
    display:inline;
    min-width: auto;
    margin-right: 50px;
}

#create_user_mobile_phone {
    width:auto;
    display:inline;
}

ul.create_user_roles li input[type="checkbox"]{
    margin-right:.2rem;
    margin-bottom:0;
}
ul.create_user_roles li strong{
    display:inline-block;
}
.user_role_description{
    margin-top:.7rem;
}
/*
=========================================================================
CLIENT_OWNED
=========================================================================
*/

#fleet-filters-pending{
    display:inline-block;
    vertical-align: middle;

}

#fleet-filters-pending span{
    font-size: .9em;
    vertical-align: top;
    padding-left: 3px;

}

#fleet-filters-pending input{
    margin-bottom:0;
}

#fleet-filters-renewals{
    display:inline-block;
    vertical-align: middle;
    
}

#fleet-filters-renewals span{
    font-size: .9em;
    vertical-align: top;
    padding-left: 3px;

}

#fleet-filters-renewals input{
    margin-bottom:0;
}

#fleet-filters-renewals-completed {
    display:inline-block;
    vertical-align: middle;
    padding-left: 30px;
    
}

#fleet-filters-renewals-completed span {
    font-size: .9em;
    vertical-align: top;
    padding-left: 3px;

}

#fleet-filters-renewals-completed input {
    margin-bottom:0;
}

.uploadFleetParagraphMargin {
     margin: 0.1em 0 0.1em !important;
}

.unassigndriverParagraphMargin {
     margin: 1.5em 0 0 4em !important;
}

.uploadFleetUnderline{
    border-bottom: 1px solid #00A661;
}

.uploadFleetUploadIcon{
    width:25px;
    height:25px;
}

.uploadFileText{
    font-size: 1.3em !important;
    color: #FFF;
    font-family: 'bebas_neueregular';
    font-weight: 100;
    background-color: #118441 !important;
    width:28%;
    padding:5px;
    border-radius: 3px;
}

.uploadInsuranceFileText{
    font-weight: 100;
    width:28%;
    padding:5px;
    border-radius: 3px;
    border:  solid 1px #CCCCCC !important;
    border-radius: 2px !important;
    background-color: #FAFAFA !important;
    color: #3E3F41 !important;
    font-weight: normal !important;
    font-size: 12px !important;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}



.ssoParagraphMargin {
     margin: 0.1em 0 0.1em !important;
}

.vinlookptextwidth {
    width : 44% !important;
}

.vinlookupbtnmargin {
    margin-right: 1.5em !important;
}

.customervehicleidbtnmargin {
    margin-left: 1.5em !important;
}

.driver-detailsbtnmargin {
    margin-left: 1.5em !important;
    margin-top: 0.3em !important;
}

.driverAddBtn {
    margin: 7px 0 0 15px !important;
}

.green-header.ui-grid-header-cell:hover{
    background: #74ca8c !important;
}

#clientOwnedDivId div.ui-grid-cell select {
    border-radius: inherit;
    padding: 0;
    width: 100%;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
}

#insuranceId div.ui-grid-cell select {
    border-radius: inherit;
    padding: 0;
    width: 100%;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
}

#insuranceId div.ui-grid-cell input.input-error {
    border: 2px solid red !important;
    color: red;
}

#wexCardViewCardDivId div.ui-grid-cell select {
    border-radius: inherit;
    padding: 0;
    width: 100%;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
}

#clientOwnedDivId .disabledRow {
    background-color: #dddddd;
    cursor: default;
}

.disabled-row {
    pointer-events: none;
    opacity: 0.4;
}

.covfixErrorText {
    color: orange;
    font-size: 14px;
    font-weight: bold;
}

.covFieldErrorMessage {
    display: block !important;
}

.cov-state-field-error {
    border: 1px solid #DE1B1B !important;
    margin-bottom: 0px !important;
    border-radius: 4px;
}

.cov-footer-notes-list {
    list-style: none;
    margin-left: 0;
}

.cov-nonVehicle-desc-one {
    height: 20px !important;
    margin-bottom: 0px !important;
}

.cov-nonVehicle-desc-two {
    margin-bottom: 20px !important;
    margin-top: 0px !important;
}

.cov-nonVehicle-addCustVehId-div {
    padding-left: 5px;
}

.cov-nonVehicle-addCustVehId-btn {
    margin-left: 0px !important;
    margin-top: 12px !important;
}

/*
==========================================================================
DASHBOARD
==========================================================================
*/

#asOfDate{
    margin-bottom:0;
}
#fleet-filters{
    display:inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

#fleet-filters-telematics {
    display:inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width:350px;
}

#fleet-filters-telematics span {
    font-size: .9em;
    vertical-align: top;
    padding-left: 3px;
}

#fleet-filters-telematics input {
    margin-bottom:0;
}

#fleet-filters span{
    font-size: .9em;
    vertical-align: top;
    padding-left: 3px;
}

#fleet-filters input{
    margin-bottom:0;
}


/*
==========================================================================
 DRIVER ACCOUNT LOG
==========================================================================
*/

.log-error{
    color: #D04223;
    font-weight: bold;
}
.log-error .icon-alert{
    padding-right: .5em;
}
.log-success {
    color: #00A661;
    font-weight: bold;
}
.log-success .icon-success{
    padding-right: .3em;
}

/*
==========================================================================
 CLAIMS CHARTS
==========================================================================
*/

.claims-accident-cause-gadget-footer{
     font-size: 9px
}

.claims-accident-cause-gadget-table{
     height:105px !important;
}

.chart-disclaimer-link {
    margin-top: -19px;
    font-size: .9em;
    color: #00A661;
    font-weight: bold;
    text-decoration: underline;
    cursor:pointer;
}

.disclaimer-modal h2 {
    line-height:1em;
}

.disclaimer-modal p {
   margin: 0 0 1em;
}

/*
==========================================================================
 CLAIMS PAGE
==========================================================================
*/


table#claims_summary_table tr td, table#claims_summary_table tr th {
    font-size:inherit;
    padding-top:6px;
    border-bottom: 1px solid #E0DFDF;
    padding-bottom: 5px;
    min-height: 30px;
}
 table#claims_summary_table tr th {
    padding-top:4px;
    padding-bottom: 4px;
    min-height: 30px;
}
table#claims_summary_table tr:nth-of-type(even){
    background: #f7f7f7;
}
table#claims_summary_table tr th{
    text-align:center;
}
 table#claims_summary_table{
    table-layout:auto; /* important. if not set to auto, widths can't be set if first row has colspan applied*/
}
table#claims_summary_table tr td:nth-child(2), table#claims_summary_table tr th:nth-child(2){
    width:25%;
    text-align:right;
}
table#claims_summary_table{
    margin-left:initial;
    background: #fff;
    border: 1px solid #E0DFDF;
    border-right: 2px solid;

}

 /* this class prevent auto scrolling on any grid in chrome (IE doesnt have this problem*/
.ui-grid-viewport {
    overflow-anchor: none;
}

.claimsPanel {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #d8d8d8 !important;
    background: #f2f2f2 !important;
}

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


/*
=========================================================================
CLAIMS DETAILS, ORDER STATUS, PENDING VEHICLE SALES
=========================================================================
*/
.notification-text {
	color: '#00A969';
}

/*
=========================================================================
 VEHICLE TRACKER
=========================================================================
*/

.vehicle-tracker-header {
    color: rgb(128, 128, 128) !important;
    font-size: 24px;
}

.vehicle-tracker-label {
    padding-bottom: 5px;
    color: rgb(128, 128, 128) !important;
    font-size: 16px;
    font-weight: bold;
}

.vehicle-tracker-text {
    padding-top: 5px;
    color: rgb(128, 128, 128) !important;
    font-size: 16px;
}

 /*
==========================================================================
 MILEAGE ADD ENRY DIALOGE
==========================================================================
*/

@media only screen and (min-width: 64.063em){
  .cust-large-1 {
    width: 8.33333%;
    padding-left: 3px !important;
    padding-right: 3px !important;
    }

  .cust-large-2 {
    width: 16.66667%;
    padding-left: 3px !important;
    padding-right: 3px !important;
    }

  .cust-large-3 {
    width: 25%;
    padding-left: 3px !important;
    padding-right: 3px !important;
     }

    .cust-large-4 {
    width: 33.33333%;
    padding-left: 3px !important;
    padding-right: 3px !important;
     }

  .cust-large-8 {
    width: 66.66667%;
    padding-left: 3px !important;
    padding-right: 3px !important;
     }
}

.addAlertButton {
    padding-left: 31px;
    padding-right: 28px;
}

/*
==========================================================================
 MANUAL ALERT
==========================================================================
*/
.confirm{
    padding-left:10px;
}

.confirm-yes{
    background: url('//cdn.efleets.com/fleetweb_static/imgs/icons/icon_check.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
    border: none;
    color: transparent;
}
span.confirm:hover{
    color: #00A661;
    text-decoration: underline;
    cursor: pointer;
}

.confirm-no{
    background: url('//cdn.efleets.com/fleetweb_static/imgs/icons/icon_cancel.png');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 4px;
    border: none;
    color: transparent;
}

.padding-right-38 {
    padding-right:38px;
}

.padding-right-41 {
    padding-right:41px;
}

.padding-right-28 {
    padding-right:28px;
}

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

.padding-top-6 {
    padding-top:6px;
}

.padding-top-8 {
    padding-top:8px;
}

.padding-8{
    padding:8px 8px 8px 8px;
}

.padding-10 {
    padding:10px !important;
}

.padding-15 {
    padding:15px !important;
}

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

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

#fuel-filters{
    display:inline-block;
    margin-left: 20px;
}

#wex-exclusion-message{
    display:inline-block;
    margin-left: 2px;
    color:orange;
}

#fuel-filters3{
    float:right;
    display:inline-block;
    margin-left: 2px;
    color: #FFE07A !important;
}

#fuel-filters4{
    float:left;
    display:inline-block;
    margin-left: -14px;
    color: orange;
    margin-top:30px;
}

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

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

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

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

.margin-top-negative-15 {
    margin-top:-15px !important;
}

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

#fuel-filters span{
    vertical-align: top;
    padding-left: 3px;
}


#fuel-filters input{
    margin-bottom:0;
}

.fuelDialogbg .ngdialog-content{
    background-color: white !important;
}

.buttonbackground{
    background-color: #727A85 !important;
}

.smallGrid, .smallGrid div[ui-grid]{
    height: 346px !important;
}

.fiveRowGrid, .fiveRowGrid div[ui-grid]{
    height: 225px !important;
}

.dashboardGrid, .dashboardGrid div[ui-grid]{
    height: 825px !important;
}

.tallGrid, .tallGrid div[ui-grid]{
    height: 1575px !important;
}

.costCodeWarning{
    color:orange;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}
.deactivateCostcode{
    color: gray;
}
@keyframes fadeIn{
    0% {
    opacity:1;
        }
  50% {
    opacity:1;
     }
  100% {
    opacity:0;
  }

}
.fade-In
{
    animation:fadeIn 5s;
}

.customerVehicleIdWidth {
    width:210px;
}

.insuranceCardWidth {
    width:510px;
    height: 100px;
}

.suucessProgressbar{
    background: #43ac6a !important;
}

#progressBarDivID{
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    border-style: solid;
    border-color:rgb(21, 154, 90);
    border-width:2px;
    z-index:99;
}
#progressBarDivID.bgcolor{
    background: lightgray;
    opacity: .9;
    padding-top:10px;
    padding-bottom:6px;
    color:black;
    font-weight: bold;
}

.userEnterAddress {
    margin-right:5px !important;
    width:90% !important;
    display:inline !important;
}

.warning-dialog-title{
    text-align: left;
    background-color: #FFF4EB !important;
    font-family: Arial;
    font-weight: bold;
    font-size: 13px !important;
    color: #FB6D03 !important;
    border: 2px solid #FB6D03 !important;
    border-radius: 4px 4px 0px 0px !important;
    padding: 10px !important;
}

.address-line1 {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	color: #333333;
}

.address-line2 {
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #333333;
}

.address-label {
    color: #333333;
    font-weight: bold;
    font-family: Arial;
    font-size: 17px;
    padding-bottom: 2px;
 }
 
 .address-entered-recommended {
    padding-bottom: 2px;
 }

.confirmation-dialog .ngdialog-content {
	padding: 0em !important;
	border-radius: 4px !important;
}

.confirmation-dialog .primary-dialog-button {
	width: 180px;
	font-family: Arial;
}

.confirmation-dialog .secondary-dialog-button {
	width: 100px;
	font-family: Arial;
}

.confirmation-dialog .secondary-dialog-button.wider {
	width: 150px;
	font-family: Arial;
}

.secondary-dialog-button.width-110 {
	width: 110px;
	font-family: Arial;
}

.secondary-dialog-button.bebas {
	font-family: bebas_neueregular;
}

/* .editButtonAddressWidth {
    width:8% !important;
    font-size: 8%;
} */

.postalCodeUserAddressWidth {
    width:40% !important;
    display:inline !important;
}

.zipPlusFourUserAddressWidth {
    width:25% !important;
    display:inline !important;
}

.insuranceCardFileWidth {
    width:60% !important;
    display:inline !important;
}


#tax-location-home::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#tax-location::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#title-lien-address::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#corporate-address::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#in-state-business-address::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

#mailto-address::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.italics {
    font-style: italic;
}

.floatNone {
    float:none !important;
}


#pendingGrid .ui-grid-header-cell {
     height: 66px !important;
}

#covActiveGrid .ui-grid-header-cell {
     height: 66px !important;
}

#taxBenefitsGridHeader .ui-grid-header-cell {
     height: 112px !important;
}
#lttRenewalsPendingApproval .ui-grid-header-cell {
     height: 66px !important;
}

.lttPanel {
     border-style: solid !important;
     border-width: 1px !important;
     border-color: #d8d8d8 !important;
     background: #f2f2f2 !important;
 }

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

.registration-renewal-details .panel{
    padding-left:0;
    padding-right:0;
}

.registration-renewal-details .panel.row.collapse{
    margin-bottom:12px;
    padding-bottom:0;
    padding-top:.7rem;
}

.registration-renewal-details section .row {
    margin-bottom: .75em;
}

.validation-error-message div.alert-div {
  z-index: 99999;
  background-color: #fe8080;
  color: #ffffff;
  border: 4px solid #DE1B1B;
  padding: 15px;
  font-size: 14px !important;
  font-weight: bold;
  width: 420px;
  left: 50%;
  top: 200px;
  margin-left: -150px;
  position: absolute;
  border-radius: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.7em;
}

.validation-error-message div.alert-div a.close-link {
   color: #ffffff;
}

#corporateDetails .panel {
    padding-left: 20px;
}

#inStateBusinessAddress .panel {
    padding-left: 20px;
}

#registrationRenewalGrid .ui-grid-header-cell-checkbox-row {
    padding-left:11px;
    height: 15px;
 }
.licenseRequestGrid {
     height: 200px !important;
}

.vehicleLicenseQuestionMark
{
    width:15px;
    margin:4px;
}

/*
==========================================================================
 LOG IN PREFERENCES FOR SSO
==========================================================================
*/

.onoffswitchLabel
{
    float: left;
    margin-top: 22px;
    padding-left: 10px;
    line-height: 25px;
    vertical-align: middle;
}

.onoffswitchFloat
{
    float: left;
}

.onoffswitchPosition
{
      position: relative;
      top: -25px;
}

div.switch input:checked + label
{
    background: #00a664;
}

.geotabDatabase {
    height: 24px;
}

.requiredIndicator{
    border-color: #ff0000 !important;
}

.menu-item{
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
}

.uppercase {
 text-transform: uppercase;
}

.registrationDetailsMarginAndFont {
    margin-top: -2em !important;
    font-size: 11px !important;
}

.panel-white {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  }

.fieldErrorRedClr {
    color: red;
    display: inline-block;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 16px;
}

.padding-selection-error {
    padding-left: 5px;
    padding-right: 3px;
}

 .fieldErrorHighlight {
    border: 1px solid #DE1B1B !important;
    margin-bottom: 0px !important;
    
}

 .costCodefieldError {
    border: 1px solid #DE1B1B !important;
    font-size: 14px;
    color: red;
    background-color: #FFD9D9 !important;
    padding: 5px 5px 5px 5px !important;
    display: block !important;
}

 .fieldErrorHighlight-2 {
    border: 2px solid #FF0000 !important;
}

.fieldError {
    color: #DE1B1B;
    display: inline-block;
    font-size: 14px;
    font-family: Arial;
    line-height: 10px;
    margin-bottom: 16px;
    padding-top: 2px;
}
.fieldError2 {
    color: #DE1B1B;
    display: inline-block;
    font-size: 12px;
    font-family: Arial;
    line-height: 10px;
    padding-top: 2px;
}

.fieldWarning{
    color: orange;
    display: inline-block;
    font-size: 14px;
    font-family: Arial;
    line-height: 10px;
    margin-bottom: 16px;
    padding-top: 2px;
}


.has-tooltip .tooltip-text {
        visibility: hidden;
        position: absolute;
        margin-top: 25px;
        border: 1px solid #878585;
}

.has-tooltip:hover .tooltip-text {
        visibility: visible;
        z-index: 999999;
        background: #FFFFFF;
}

.tooltip {
 max-width: 400px;
 font-size: 12px;
}

.wrap-normal{
    white-space : normal !important;
}

.lttVehicleRequest-success {
    background-color: #D5EFDC;
    background-repeat: no-repeat;
    text-align: center;
    border: 1px solid #00AB65  !important;
    font-family: Arial;
}

.lttVehicleRequest-success-text {
    color: #00AB65 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
}

.close-link{
    cursor: pointer !important;
    font-size: 20px;
    /* margin-top: 10px; */
    margin-right: 10px;
    padding: 0;
    line-height: normal;
    color: black;
}

.success-banner {
    background-color: #D5EFDC !important;
    background-repeat: no-repeat;
    text-align: center;
    border: 1px solid #00AB65  !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.success-banner .close-link {
    color: #00AB65 !important;
}

.confirmation-dialog.close-link {
	margin-top: 12px;
	color: #8a8a8a;
}

.success-banner-text {
    color: #00AB65 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.warning-banner {
    background-color: #FFDDC1 !important;
    background-repeat: no-repeat;
    border: 1px solid #FB6D03 !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.warning-banner .close-link {
    color: #FB6D03 !important;
}

.warning-banner-sso {
    background-color: #FFDDC1 !important;
    background-repeat: no-repeat;
    border: 1px solid #FB6D03 !important;
    font-family: Arial;
    padding: 5px 10px 5px 10px !important;
    margin-bottom: 20px;
}

.warning-banner-text {
    color:  #FB6D03 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.warning-banner-link {
    color:  #FB6D03 !important;
    text-decoration: underline;
    cursor: pointer;
}

.error-banner {
    background-color: #FFD9D9 !important;
    background-repeat: no-repeat;
    border: 1px solid #DE1B1B  !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.error-banner-text {
    color: #DE1B1B !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.error-banner-link {
    color: #DE1B1B !important;
    text-decoration: underline;
    cursor: pointer;
}

.error-banner .close-link {
    color: #DE1B1B !important;
}

.information-banner {
    background-color: #DEEBF7 !important;
    background-repeat: no-repeat;
    border: 1px solid #1A75B0 !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.information-banner .close-link {
    color: #1A75B0 !important;
}


.sso-banner {
    background-color: #ffffff!important;
    background-repeat: no-repeat;
    border: 1px solid #400040!important;
    font-family: Arial;
    padding: 15px 15px 20px 20px !important;
}
.information-banner-text {
    color: #1A75B0 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.margin-left-22 {
    margin-left: 22px !important;
}

.margin-left-23 {
    margin-left: 23px !important;
}

.margin-left-24 {
    margin-left: 24px !important;
}

.margin-left-28 {
    margin-left: 28px !important;
}

.icon-download {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_download.png');
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon-download-white {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_download_white.png');
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon-upload-white {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_upload_white.png');
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon-upload-dark {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/uploadicon.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: middle;
    border: none;
    }

.icon-info {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_info.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon-info-gray {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_info_gray.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_success {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_success.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_success_17 {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_success.png');
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 4px;
    margin-top: 4px;
    border: none;
    color: transparent;
}

.icon_warning {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_warning.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_warning.invert {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.icon_warning_invert {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_warning_16.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_error {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_alert.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_exclamation_red {
    background: url('https://cdn.efleets.com/fleetweb_static/imgs/icons/icon_exclamation_red.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    color: transparent;
}

.icon_error.bigger {
 background-size: 16px 16px;
 height: 16px;
 width: 16px;
}

div.alert-div a.close-link-action {
  color: #1A75B0;
}


div.alert-div a.close-link-success {
  color: #00ab65;
}


div.alert-div a.close-link-warning {
  color: #FB6D03;
}

.centerCheckbox {
    margin: 0 0 16px 0 !important;
}

.filterCheckbox {
    margin-top: 15px !important;
    margin-left: 0px !important;
    display: block !important;
}

.statusInfoList li {
    list-style-type: none;
}

.statusLineHeightMargin {
    line-height: 2 !important;
    margin-left: 0rem !important;
}

.leftMargin_Zero {
    margin-left: 0rem !important;
}

#upload_instruction {
    margin-left: 0.8rem !important;
}

.contacts-driver-email {
    width: auto !important;
    display: inline !important;
    min-width : 20rem;
}

.whitePanelBackground{
    background-color: white !important;
}

.height-160{
    height: 160px !important;
}

.height-230{
    height: 230px !important;
}

.height-width-15 {
    height: 15px !important;
    max-width : 15px !important;
}

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

.minimum-height-105{
    min-height: 105px;
}

.width-35 {
    width: 35%;
}

.width-90 {
    width: 90% !important;
}


.width-100 {
    width: 100%;
}

.width-200 {
	width: 200px;
}

.width-630 {
    width: 630px;
}

.contactus-send-success>banner>div {
    margin-bottom: 0px !important;
    width: 350px !important;
    height: 30px !important;
    margin-top: -10px !important;
}

.contactus-info {
	height: 31px;
}

.contactus-send {
	margin: 0 0 1rem !important;
}

.contactus-send-message-to {
	font-size: 13px;
}

.contactus-send-message-to-hint {
	font-style: italic;
	font-size: 13px;
}

.contactus-line1 {
	font-size: 13px;
}

.contactus-line2 {
	font-size: 16px;
}

.contactus-textarea {
	width: 630px;
	height: 105px;
	resize: none !important;
}

.contactus-background>.ngdialog-content {
	background: #FFFFFF !important;
}

.contactus-category {
	color: #7F7F7F;
	font-size: 13px;
}

.pad-left-3-right-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.pad-left-3-right-6 {
    padding-left: 3px;
    padding-right: 6px;
}

.marginLeft-22 {
    margin-left: 22px;
}

.icon-warning-invert {
    color: orange;
    font-weight: bold;
}

.icon-warning-invert img {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.icon-warning-invert-blue {
    color: blue;
    font-weight: bold;
}

.icon-warning-invert-blue img {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.black-bold-font {
    color: black;
    font-weight: bold;
}
.black-font {
    color: black !important;
}
.red-bold-font {
    color: red;
    font-weight: bold;
}

.green-check-mark {
    color: green;
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
    line-height: 20px;
}

.green-check-mark-14 {
    color: green;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.black-check-mark {
    color: black;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
}

#auto-expand-grid [ui-grid-row] {
    display: table-row;
}

 #auto-expand-grid .ui-grid-row, .ui-grid-cell {
         height: auto;
 }
 #auto-expand-grid .ui-grid-cell {
         float: none;
         display: table-cell;
 }
 #auto-expand-grid .ui-grid-cell-contents {
         white-space: normal;
         padding: 6px 5px 5px 5px;
         word-break: break-word;
         min-height: 28px;
 }
#auto-expand-grid .ui-grid-header-cell .ui-grid-cell-contents {
         white-space: nowrap !important;
         -ms-text-overflow: clip;
         -o-text-overflow: clip;
         text-overflow: clip;
 }

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

.registration-county-label {
    white-space: nowrap;
}
#taxable-benfits-disclaimer-link{
     color: orange !important;
}
#taxable-benfits-disclaimer-link:hover,taxable-benfits-disclaimer-link:focus{
    color: orange !important;
}

#maintenance-schedule-table, th, td {
    border:1px solid black !important;
}

.maintenance-schedule-table-header{
  background-color: #00A661 !important ;
  align:center !important;
}
.maintenance-schedule-table-row{
     text-align:center;
     color: #FFF !important;
     font-size: 20px !important;
}
.users-Left-With-NoRoles-table {
background-color: rgba(0, 0, 0, 0) !important ;
    text-align:center;
     width:auto;
}
    
#users-Left-with-NoRoles tr td {
    border:none !important;
    background-color: rgba(0, 0, 0, 0) !important ;
    text-align:center;
    color: #DE1B1B !important;
   
}
#users-Left-with-NoRoles th {
    border:none !important;
    background-color: rgba(0, 0, 0, 0) !important ;
    text-align:center;
    color: #DE1B1B !important;
    width:auto;
    font:bold;
}

#maintenance-schedule-table-headings{
     font-size: 20px;
}


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

.user-grid-view-link {
    margin-right: 10px;
    cursor: pointer;
}

.user-grid-view-link:hover, .user-grid-view-link:focus {
    color: #fff;
}

.user-grid-view-link.edit-link {
    color: #fff !important;
}

.user-grid-view-link.right {
    float: right !important;
}

.user-grid-view-link.left {
    float: left !important;
}

.user-grid-view-label {
    font-size: 1em;
    font-weight: bold;
}

.user-grid-view-note-margin {
    margin-right: 103px;
    margin-top: 5px;
}
@media only screen and (min-width: 64.063em){
    #grid-view-preferences-dropdown {
        border-left: 1px solid #E8E8E8;
        border-right: 1px solid #E8E8E8;
        display: inline-block;
    }
}

.user-grid-view-add-new {
    background-color: white !important;
    color: black !important;
    padding-left: 1.5rem !important;
}

.height-dropdown {
    height : 2.25rem !important;
    line-height : 2.25rem !important;
}

.font-size-11 {
    font-size: 11px;
}

ul li ul, ul li ol.ui-grid-view-margin-left-0 {
    margin-left: 0px !important;
}

.width-232 {
    width: 14.5rem;
}

.pad-width-16 {
    padding-left:1rem !important;
    padding-right:1rem !important;
}

.padding-margin-none {
    border-bottom: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.pad-right-24 {
    padding-right: 1.5rem !important;
}

.pad-right-0 {
    padding-right: 0rem !important;
}

.add-vehicle-home-address{
    color: #dddddd;
    cursor: default;
}
.add-vechicle-address-section{
    display: inline-block;
    margin-left: 25px;
}

.dialog-ok-button {
    font-size: 1rem !important;
    font-family: 'bebas_neueregular';
    box-shadow: 0 4px #e9e7e3;
}

.dialog-ok-button:hover {
    background-color: #00a563;
}

.dialog-ok-button:active {
    background-color: #00a563;
    transform: translateY(2px);
}
.min-width-auto-input-text {
    min-width: auto !important;
}

#mfaPreferencesPage {
    max-width: 100%;
    padding-right: 2rem;
    padding-left: 1rem;
}

#mfaPreferencesPage #phoneNumber select {
    width: 100%;
    margin: 0;
}

#mfaPhoneError {
    background-color: #D04233;
    color: #fff;
    margin-top: 4em;
    margin-bottom: -4em;
    padding: 1em;
    border-radius: 10px;
    text-align: center;
}

#insuranceSelect {
     width: 120px;
}

#mfaPhoneErrorCloseLink {
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    line-height: normal;
    color: #fff;
    font-size: 16px;
}

.width-50 {
    width: 50% !important;
}

.borderForContainer {
    border : 1px solid #d8d8d8 !important;
}

.button.round.radio_checked{
    display: table;
}

.button.round.radio_unchecked{
    display: table;
    background-color: #fff;
}

.button.round.radio_unchecked:active, .button.round.radio_unchecked:hover{
    background-color: #E1E0E0;
}

.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    verticle-align: middle;

}

.checkmark_circle {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 11px;
    border: solid 1px #8A8A8A;
    left: 0;
    top: 0;
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: #00A661;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #00A661;
    left: 8px;
    top: 12px;
}

.checked_label{
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    padding-left: 7px;
    padding-bottom: 2px;
    font-size:15px;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.unchecked_label{
    display: table-cell;
    color: #8A8A8A !important;
    vertical-align: middle;
    padding-left: 7px;
    padding-bottom: 2px;
    font-size:15px;
    font-family:"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
    padding: 0.5em 1.5em;
    background-color: #727A85;
    font-size: 1.5em;
}

.ui-dialog .ui-dialog-buttonpane button:focus{
    background-color: #00A661;
    border: 0;
}

.ui-dialog .ui-dialog-buttonpane button:hover{
    background-color: #22C883;
    border: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    padding: 0.5em 0em 3.6em 1em;
    overflow: initial;
}

#vehdesc-modal-update.ui-dialog-content {
    position: relative;
    padding: 0.5em 1em;
    overflow: auto;
}

.notes-history-textarea {
	width: 630px;
	height: 235px;
}

.costcodes-textarea {
    width: 500px;
}

.notes-new-textarea {
	width: 630px;
	height: 100px;
	resize: none;
}

.notes-edit-textarea {
	height: 100px;
	resize: none;
}

.notes-diclamer {
	font-size: 10px;
	line-height: 10px;	
}

.vehicle-details-dialog-label {
	font-size: 28px;
	color: #AAAAAA;
	font-family: 'bebas_neueregular'
}

.vehicle-number-dialog-label {
	font-size: 28px;
	color: #7F7F7F;
	font-family: 'bebas_neueregular'
}

.ymms-dialog {
	font-size: 13px;
	color: #AAAAAA;
	font-family: 'bebas_neueregular'
}

.new-text-parent {
	height: 53px;
	position: relative;
}

.new-text-content-parent {
	bottom: 0px;
	right: 30px;
	position: absolute;
}

.primary-dialog-button {
	width: 70px;
	height: 30px;
	background-color: #00AB65 !important;;
	color: #FFFFFF !important;;
	font-size: 16px !important;
}

.secondary-dialog-button {
	width: 70px;
	height: 30px;
	background-color: #FFFFFF !important;
	color: #3E3F41 !important;
	font-size: 16px !important;
}

.with-border {
	border: 1px solid #999999 !important;
}


.certified-mileage-hr {
	border-top : 1px solid #d4d4d4 !important;
}

#mileageCertificationForm.ng-dirty input.ng-invalid {
    border: 2px solid #DE1B1B !important;
}

.mileage-edit-row {
	margin-top: 0px !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.mileage-entry-dialog-grid-button {
	width: 63px;
	margin-top: 0px !important;
}

.success-alert {
    background-color: #D5EFDC !important;
    background-repeat: no-repeat;
    border: 1px solid #00AB65  !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.success-alert .close-link {
    color: #00AB65 !important;
}

.success-alert-text {
    color: #00AB65 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.warning-alert {
    background-color: #FFDDC1 !important;
    background-repeat: no-repeat;
    border: 1px solid #FB6D03 !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.warning-alert .close-link {
    color: #FB6D03 !important;
}

.warning-alert-text {
    color:  #FB6D03 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.warning-alert-link {
    color:  #FB6D03 !important;
    text-decoration: underline;
    cursor: pointer;
}

.error-alert {
    background-color: #FFD9D9 !important;
    background-repeat: no-repeat;
    border: 1px solid #DE1B1B  !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.error-alert-text {
    color: #DE1B1B !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

.error-alert-link {
    color: #DE1B1B !important;
    text-decoration: underline;
    cursor: pointer;
}

.error-alert .close-link {
    color: #DE1B1B !important;
}

.information-alert {
    background-color: #DEEBF7 !important;
    background-repeat: no-repeat;
    border: 1px solid #1A75B0 !important;
    font-family: Arial;
    padding: 5px 0 0 0 !important;
}

.information-alert .close-link {
    color: #1A75B0 !important;
}

.information-alert-text {
    color: #1A75B0 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",sans-serif;
    margin: 0.7em !important;
    margin-right: 2.5em !important;
}

div.alertbox-div {
  z-index: 99999;
  color: black;
  font-size: 14px !important;
  border-radius: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.7em;
  width: 420px;
  left: 50%;
  top: 200px;
  margin-left: -150px;
  position: absolute;
}

.note-header {
	color: #AAAAAA;
}

.note-text-view-mode {
	word-wrap: break-word;
	white-space: pre-wrap;	
}

 .icon-button:hover, .icon-button:focus {
    border: none;
    cursor: pointer;
}

.disabled-img {
	filter: grayscale(100%); 
	pointer-events: none;
}

/* Fix for google places autocomplete on garage change modal */
div.pac-container {
    z-index: 999999 !important;
}

.contact-us-link {
	color:#00A661 !important;
	text-decoration: underline;
	cursor: pointer;
}

#fleet-filters-statevoice {
	display:inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width:450px;
}

abbr[title] {
    text-decoration: auto;
    border-bottom: 0px;
}

.timeline {
    border: none;
    background: inherit;
}

.timeline tr:nth-child(even) th{
  background: none;
}

.timeline tr th:nth-child(1) {
    width: 24px;
    position: relative;
}

.timeline tr th:nth-child(2) {
    padding-left: 5px;
    width: 29px;
}

.timeline tr th:nth-child(3) {
    padding-left: 5px;
}

.timeline tr th {
    border: none !important;
    padding: 0px;
    vertical-align: baseline;
}

.timeline .vertical-line {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 6px;
    border-left: 2px solid lightgreen;
    border-right: 2px solid lightgreen;
    left: calc(50% - 3px);
}

.timeline img.completed-status {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/tracker-check.png");
    position: absolute;
    top: 0px;
    z-index: 2;
}

.timeline img.in-progress-status {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/tracker-vehicle.png");
    position: absolute;
    top: 0px;
    z-index: 2;
}

.timeline img.not-started-status {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/tracker-map.png");
    position: absolute;
    top: 0px;
    z-index: 2;
}

.timeline .completed-status img.clipboard {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-green.png");
}

.timeline .in-progress-status .clipboard {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-blue.png");
}

.timeline .not-started-status .clipboard {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-gray.png");
}

.timeline .completed-status .calendar {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/calendar-green.png");
}

.timeline .in-progress-status .calendar {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/calendar-blue.png");
}

.timeline .not-started-status .calendar {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/calendar-gray.png");
}

.timeline .completed-status .building {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/building-green.png");
}

.timeline .in-progress-status .building {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/building-blue.png");
}

.timeline .not-started-status .building {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/building-gray.png");
}

.timeline .completed-status .truck {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/truck-green.png");
}

.timeline .in-progress-status .truck {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/truck-blue.png");
}

.timeline .not-started-status .truck {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/truck-gray.png");
}

.timeline .completed-status .clipboard-check {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-check-green.png");
}

.timeline .in-progress-status .clipboard-check {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-check-blue.png");
}

.timeline .not-started-status .clipboard-check {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/clipboard-check-gray.png");
}

.timeline .completed-status .warehouse {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/warehouse-green.png");
}

.timeline .in-progress-status .warehouse {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/warehouse-blue.png");
}

.timeline .not-started-status .warehouse {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/warehouse-gray.png");
}

.timeline .completed-status .home {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/home-green.png");
}

.timeline .in-progress-status .home {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/home-blue.png");
}

.timeline .not-started-status .home {
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/home-gray.png");
}

.timeline table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: inherit;
}

.timeline .completed-status {
    font-weight: bold;
    color: green;
}

.timeline .completed-status-desc {
    font-weight: normal;
    font-size: 11px;
    color: green;
}

.timeline .in-progress-status {
    font-weight: bold;
    color: blue;
}

.timeline .in-progress-status-desc {
    font-weight: normal;
    font-size: 11px;
    color: blue;
}

.timeline .not-started-status {
    font-weight: bold;
    color: gray;
}

.timeline .not-started-status-desc {
    font-weight: normal;
    font-size: 11px;
    color: gray;
}

.timeline li {
    list-style-type: none;
}

.timeline ul {
    margin-left: 0px;
}

.insurance-add-card-dropdown {
    vertical-align: top;
    margin-top: 2px;
    margin-right: 6px;
    whitespace: pre;
    z-index: 1;
}

.insurance-add-card.select2-container.select2-dropdown-open {
    width: 100% !important;
}

.insurance-add-card-dropdown-placeholder {
    font-weight: bold;
    font-size: 13px;
}

.icon-calendar-gray {
    pointer-events: none;
    content: url("https://cdn.efleets.com/fleetweb_static/imgs/icons/calendar-date.png");
    width: 20px;
}

.input-icon {
    position: relative;
    display: inline-block;
}

.input-icon-wrapper  {
  position: relative;
  display: inline-block;
}

.input-with-icon {
  padding-right: 32px; /* space for icon */
  height: 32px;
  
}

.calendar-icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-90%);
  width: 20px;
  height: 20px;
 } 

.input-icon .icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

.input-icon .wexCalendar {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 15px;
}

#insuranceAddCardProcessing .right.close-link {
    display: none;
}

#insuranceEditCardWarningDiv .right.close-link {
    display: none;
}

#insuranceEditCardWarningDiv banner[banner-type="warning"] .margin-bottom-25 {
    margin-bottom: 0 !important;
}

.italicsAndBold {
    font-style: italic;
    font-weight: bold;
    color: gray;
}

.width-64px {
    width: 64px !important;
}

#customerList {
    width: 100%;
    height: 100px;
    overflow-y: auto;
}

.selectInGrid {
    height: 20px !important;
    padding: 0px !important;
    width: 100% !important;
    font-size: inherit;
}

#terminateActiveDriverSuccessDialog .success-banner-text, #activateTerminatedDriverSuccessDialog .success-banner-text, #addDriverSuccessDialog .success-banner-text, #editDriverSuccessDialog .success-banner-text, #cardStatusChangeSuccessDialog .success-banner-text, #terminateCardSuccessDialog .success-banner-text, #cardMultiActionSuccessDialog .success-banner-text {
    text-align: left !important;
    margin-right: 0.5em !important;
}

#wex-add-vehicle select {
    padding: 0px 0px 0px 10px !important;
    height: 26px !important;
}

#wex-add-vehicle input {
    padding: 0px 0px 0px 10px !important;
    height: 26px !important;
}

#wex-issue-new-driver-prompt-id .success-banner-text {
    text-align: left !important;
}

#wex-issue-new-driver-prompt-id .error-banner-text {
    text-align: left !important;
}

#wex-issue-new-driver-prompt-id input {
    padding: 0px 0px 0px 10px !important;
    height: 26px !important;
}