/* 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-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 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;
 }

.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;
}

#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;
}

.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;
}
.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-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_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%;
}


.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-completed-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-completed-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-completed-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 .icon {
    position: absolute;
    top: 10px;
    right: 10px;
}

#insuranceAddCardProcessing .right.close-link {
    display: none;
}

.italicsAndBold {
    font-style: italic;
    font-weight: bold;
    color: gray;
}

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