html {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.i9_abc_list .ordered-list.uk-list {
    padding-left: 0px;
    font-size: 14px;
    line-height: 12px;
}
.i9_label_text_sm {
    font-size: 12px;
}
.i9-section-text {
    font-size: 18px;
    font-weight: 800;
}

.review_answers {
    color: #000000;
}
.uk-grid+.uk-grid:not('uk-margin-top-remove'), .uk-grid>*>.uk-panel+.uk-panel, .uk-grid>.uk-grid-margin {
    margin-top: 15px !important;
}

.eh-next-entry #btnSave {
    border:1px solid rgba(0,0,0,0.35);
    text-shadow: 0px -1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0px 0px 5px -2px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255, .3);
    -moz-box-shadow: inset 0px 0px 5px -2px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255, .3);
    box-shadow: inset 0px 0px 5px -2px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255, .3);
}

@media screen and (max-width: 480px) {
    .mobile-button-tray #btnSave {
        float: none;
    }
}

.grid-over .ui-state-default {
    background: transparent !important;
    border: 0 solid #d3d3d3 !important;
}

.grid-over .ui-widget.ui-widget-content {
    border: 1px solid #999 !important;
    background: #e0e0e0 !important;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
}
.hr_print {
    display: none;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #fff;
}

hr.divider-subtle {
    margin: 15px 0 10px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.075);
    border-bottom: 1px solid #e9e9e9;
}

#leftNavigationPane>.sidenav-adminpad {
    margin-top: 10px;
}

#sidenav .uk-panel-box.progress-box {
    padding: 0px !important;
    border: 1px solid #666 !important;
    border-radius: 0px 0px 0px 4px;
    margin-bottom: 5px;
}

/****************************Grid Override Styling ******************************/

/****************************START Video Page Styling ******************************/

.videoheader {
    background: rgba(214, 213, 213, 0.9);
    margin: -15px -15px -15px -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #aaaaaa;
    border-radius: 4px 4px 0 0;
}
.videoheader2 {
    background: rgba(214, 213, 213, 0.9);
    margin: 0 -15px -15px -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
}
.video-navheader, .tab-navheader {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,c9c9c9+88,adadad+100 */
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(201,201,201,1) 88%, rgba(173,173,173,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
    margin: -25px 0 0 0;
    padding: 10px 15px 0 15px;
    border: 1px solid #999999;
    border-radius: 4px 4px 0 0;
}

.hidden {
    display: none;
    visibility: hidden;
}

#tab-nav .uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0 solid #ddd;
}
#tab-nav .uk-tab>li {
    margin-bottom: -1px !important;
    float: left;
    position: relative;
}
#tab-nav .uk-tab>li>a {
    display: block;
    padding: 8px 12px 8px 12px;
    border-top: 1px solid rgba(170,170,170,0.5);
    border-left: 1px solid rgba(170,170,170,0.5);
    border-right: 1px solid rgba(170,170,170,0.5);
    border-bottom: 1px solid #999999;
    background-color: rgba(255,255,255,0.2);
    color: #444444;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    text-shadow: 0 1px 0 #fff;
}
#tab-nav .uk-tab>li>a:hover {
    background-color: rgba(255,255,255,0.5);
    margin-bottom: -2px !important;
}
#tab-nav .uk-tab>li.uk-active>a {
    background: rgba(231,233,239,1) !important;
    -moz-box-shadow:    0 0 3px 2px #ccc;
    -webkit-box-shadow: 0 0 3px 2px #ccc;
    box-shadow:         0 -2px 2px 1px rgba(173,173,173,0.3);
    border-bottom: 1px solid rgba(231,233,239,1) !important;
}
.tab-navbg {
    padding-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+79,7db9e8+100&1+78,0+100 */
    background: -moz-linear-gradient(top,  rgba(231,233,239,1) 78%, rgba(231,233,239,0.95) 79%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    margin: 0 -23px 0 -23px;
    border-radius: 4px 4px 0 0;
}

.training-mods #tab-nav .uk-tab>li.uk-active>a {
    background: #fafafa !important;
    -moz-box-shadow:    0 0 3px 2px #ccc;
    -webkit-box-shadow: 0 0 3px 2px #ccc;
    box-shadow:         0 -2px 2px 1px rgba(173,173,173,0.3);
    border-bottom: 1px solid #fafafa !important;
}

.training-mods .tab-navbg {
    padding-bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+79,7db9e8+100&1+78,0+100 */
    background: -moz-linear-gradient(top,  rgba(231,233,239,1) 78%, rgba(231,233,239,0.95) 79%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    margin: 30px 0 0;
    border-radius: 4px 4px 0 0;
}
.video-catheader {
    background-color: #888888;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0;
}
.two-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -moz-column-gap: 20px;
}
.panel-dropshadow {
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
}
/*
.sticky-buttons .uk-panel-box.progress-box {
    padding-top: 5px !important;
    border-radius: 0px 0px;
    border-top: transparent !important;
    border-left: none !important;
    border-right: none;
} */

.app-buttons {
    padding-left: 0;
    max-width: 1540px;
    padding-right: 18px;
}

.section-head .app-buttons {
    padding-right: 0;
}

.full-w-content .app-buttons {
    padding-left: 42px;
    padding-right: 30px;
    max-width: 1540px;
    margin: auto;
}

.name-hdr-side-sticky {
    color: #E5E5E5;
    padding: 3px 5px 5px;
    margin-right: -1px;
    border-radius: 0px 0px 0px 2px;
    min-height: 25px;
    position: fixed;
    width: 19%;
    border-bottom: none;
}

/******************************* Form Extra Styling ******************************/

@media screen and (min-width: 1050px) {
    input.extension_box,
    input.extension_box:focus {
        width: 62px;
    }
}
@media screen and (max-width: 1050px) {
    input.extension_box {
        width: 30px;
    }
    input.extension_box:focus {
        width: 62px;
    }
}
.employmentEntry {
    background: #F5F5F5 !important;
    border-bottom: 0 solid #eeeeee !important;
}
.topbox-connect {
    margin-left: -15px !important;
    border-bottom-left-radius: 0px !important;
    border-left: 2px solid #666 !important;
    min-height: 30px;
}
.topbox-connect:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 20px solid #777d85;
    float: left;
    margin: -8px 10px -7px -9px;
}

.agent-content .topbox-connect:before {
    display: none;
}

.topbox-connect-alt {
    margin-left: 0px !important;
    padding-top: 15px !important;
    border-radius: 0px !important;
    /* border-left: 2px solid #666 !important; */
    min-height: 30px;
}
.topbox-connect-alt:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 20px solid #777d85;
    float: left;
    margin: -10px 10px -7px -9px;
}

/******************************* Misc. Styling ******************************/

.attention-drop {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
}

.attention-bg {
    background: url(/images/hash-lines.png);
    background-repeat: repeat-x;
}

.incident-list-labels {
    font-weight: 600;
}

.i9_abc_list .ordered-list.uk-list {
    padding-left: 0;
    font-size: 14px;
    line-height: 12px;
}
#PIaddress-style .uk-form-row+.uk-form-row {
    margin-top: 5px !important;
    text-align: left;
}

.print_logo img {
    max-height: 100px;
    float: left;
}

.modal-content {
    margin-bottom: 60px !important;
}

.fc-unthemed {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.employment-application .bk1 {
    background: rgba(255, 255, 255, 1.0);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21);
    border: 1px solid #C1C3C8 !important;
    padding-top: 20px !important;
}

.hide-icon .uk-icon-edit {
    display: none;
}

.content_columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

#divAddAttachment {
    margin-top: 15px;
}
.uk-sticky-placeholder .uk-panel-box-secondary {
    background-color: rgba(255, 255, 255, 0.9) !important;
}
#map_canvas img, .google-maps img {
    max-width: none
}
#content + .form-actions {
    margin-top: -40px;
    margin-bottom: 40px;
    border-top: 1px solid #DDD;
    padding-top: 25px;
}

#documentcontent + .form-actions hr {
    display: none;
}

#content .select2-container.uk-form-width-small, .uk-form-width-xsmall {
    width: 130px !important;
}


.uk-modal-dialog #frmDocument {
    padding-bottom: 0 !important;
}
.hr_print {
    display: none;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #fff;
}
#menu1 li a {
    font-size: 12px !important;
    text-transform: uppercase;
}

#content .select2-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
}

#content #pagerNavigation .select2-container {
    width: auto !important;
    max-width: 220px;
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #ecf0f1;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit;
}
.hero-unit li {
    line-height: 30px;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.invisible {
    visibility: hidden;
}
.affix {
    position: fixed;
}
.page-header {
    border-bottom: 0;
}
#photo {
    max-width: calc(100% - 10px);
    margin-bottom: -50px;
}

.pw-toggle {
    cursor: pointer !important;
    pointer-events: auto !important;
}

.sticky-fix + .uk-sticky-placeholder {
    margin: -40px 0px 5px;
}

.sticky-buttons > .uk-sticky-placeholder,.sticky-reset > .uk-sticky-placeholder {
    height: 47px;
}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.invisible {
    visibility: hidden;
}
.multiselect {
    border-radius: 10px;
}
.logo-login {
    margin: 0 auto;
    padding-bottom: 35px;
    max-height: 250px;
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
}

.navbar [class*=uk-icon-] {
    font-size: 16px;
}

.navbar #search-toggle [class*=uk-icon-] {
    font-size: 12px;
}

/******************************* END Misc. Styling ******************************/

/******************************* Content Boxes Styles ******************************/

.container {
    margin-right: 0;
    margin-left: 0;
    *zoom:1;
}
.container:before, .container:after {
    display: table;
    line-height: 0;
    content: "";
}

.container:after {
    clear: both;
}
.container.uk-container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100% !important;
    max-width: 1600px;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}

.LoginPage.bg-full .container.uk-container {
    min-height: auto;
}

@media screen and (min-width: 1600px) {
    .container.uk-container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        margin: auto;
    }
}

.bk1 {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8 !important;
    padding: 20px;
    margin-bottom:15px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

#doctemplate .bk1 {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #9e9e9e !important;
}
.bk1_employment {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8;
    padding: 20px;
    margin-bottom: 5px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bk1_even_padding {
    padding: 20px;
    margin-bottom: 5px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.bk1_even_padding.dashboard-signature {
    padding: 10px !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0, 0.0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    border: 0px solid #C1C3C8 !important;
    background: #FFF !important;
    position: relative;
    top: -25px;
    margin: 0 15px;
    height: calc(100vh - 130px);
}

.bk1_even_padding_shareapp {
    padding: 20px;
    margin-bottom: 30px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.bk1_outer_box_application {
    border-bottom:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    padding:10px;
    background-color: #F5F5F5;
    margin-top: 0px !important;
}
.bk1_outer_box_signature {
    border-bottom:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    padding:10px;
    background-color: #F5F5F5;
}

#foobar .bk1_even_padding {
    padding: 0px;
    margin-bottom: 0px;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0px solid #C1C3C8 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.bk1_padding_dv {
    padding: 23px;
    margin-bottom: 30px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#headerContain {
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
    z-index: 1000;
    margin-top: 0;
}

#headerContain.default {
    top: 0;
}


.ui-jqgrid-title {
    font-size: 14px;
}
.ui-jqgrid-titlebar {
    padding: 10px !important;
}

.ui-jqgrid .ui-jqgrid-pager {
    padding: 10px !important;
    height: 33px !important;
}
.bkstatus-history {
    padding: 25px;
    margin-bottom: 5px;
    background: rgba(231, 233, 239, 0.6);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.11);
    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.11);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/******************************* END Header Container Styles *************************/

/******************************* Page Header Container Styles ******************************/

.document_header_address {
    text-align: right;
    font-size: 13px;
}
.print_logo img {
    max-height: 75px;
}

/******************************* END Page Header Container Styles *************************/

.border-go:after {
    border-bottom: 0 solid #fff !important;
}
.eventEditorContent {
    text-shadow: 0 0 0 rgba(0,0,0,.5) !important;
    color: #2c3e50 !important;
}

.attention-drop {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.10);
}
.print_logo img {
    max-height: 100px;
    float: left;
}
.select2-container:not('.uk-margin-bottom-remove') {
  margin-bottom: 10px !important;
}

.widget-welcome {
    padding: 25px 15px 15px 15px;
}
#interviewQuestions {
    margin-left: -15px !important;
    margin-bottom: 10px !important;
}
.question-header {
    border: 1px solid #dddddd;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: -6px;
    margin-left: 0px !important;
    background-color: #eeeeee;
}

.widget-welcome {
    padding: 25px 15px 15px 15px;
}
/*********************** END Personal information Address Styles ******************************/

@media screen and (max-width: 1500px) {
    .lrg_screen {
        display: none;
    }
    .border-go:after {
        border-bottom: 0px solid #fff !important;
    }
    .fc-unthemed {
        background-color: rgba(255, 255, 255, 0.8) !important;
    }
}

/*********************** END Header Search Box Styles ******************************/

/**************************** START table styles ******************************/

.table, table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
.table th, .table td {
    padding: 6px 4px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 13px;
    border-spacing: 0;
}

.table th {
    font-weight: bold;
}
.table thead th {
    vertical-align: bottom
}
.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}
.table tbody+tbody {
    border-top: 2px solid #ddd
}
.table .table {
    background-color: #fff
}
.table-condensed th, .table-condensed td {
    padding: 4px 5px
}
.table-bordered {
    border: 1px solid #ddd;
    background: rgba(255, 255, 255, 0.2);
    border-collapse:collapse;
    border-left: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}
.table-bordered th, .table-bordered td {
    border-left: 1px solid #ddd
}
.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}
.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child {
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px
}
.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px
}
.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px
}
.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child {
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
}
.table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px
}
.table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: #f5f5f5
}

/**************************** END table styles ******************************/

/**************************** START menu styles ******************************/

.i9_abc_list .ordered-list.uk-list {
    padding-left: 0;
    font-size: 14px;
    line-height: 12px;
}
.review_answers {
    color: #000000;
}
.dropup, .dropdown {
    position: relative;

}
.dropdown-toggle {
*margin-bottom:-3px
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 15px 0 15px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #20282b;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0);
*border-right-width:2px;
*border-bottom-width:2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu.hr-dropdown .dropdown-submenu {
    min-width: 240px;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
*width:100%;
    height: 1px;
    margin: 9px 1px;
*margin:-5px 0 5px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px !important;
    clear: both;
    font-size:14px;
    font-weight: normal;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu li.indent>a {
    padding: 3px 0 3px 37px !important;
    display: block;
    font-size: 14px !important;
    text-transform: none !important;
}
.dropdown-menu>li.disabled>a {
    border-bottom: 1px dashed #888;
    margin: 0 10px;
    padding: 3px 10px 3px !important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background: rgba(167,217,147,1);
    background: -moz-linear-gradient(top, rgba(167,217,147,1) 0%, rgba(148,192,131,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(167,217,147,1)), color-stop(100%, rgba(148,192,131,1)));
    background: -webkit-linear-gradient(top, rgba(167,217,147,1) 0%, rgba(148,192,131,1) 100%);
    background: -o-linear-gradient(top, rgba(167,217,147,1) 0%, rgba(148,192,131,1) 100%);
    background: -ms-linear-gradient(top, rgba(167,217,147,1) 0%, rgba(148,192,131,1) 100%);
    background: linear-gradient(to bottom, rgba(167,217,147,1) 0%, rgba(148,192,131,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c356', endColorstr='#6fb453', GradientType=0 );
    background-repeat: repeat-x;
    outline: 0;
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background: transparent !important;
    background-image: none;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    color: #b4bcc2;
}

.dropdown-submenu {
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
}

.open {
    *z-index:1000;
}
.open>.dropdown-menu {
    display: block;
}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "";
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
.dropdown-submenu>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #080b0e;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}

.nav>li>a {
    display: block;
}
.nav>li>a:hover:not('.page-tabs'), .nav>li>a:focus:not('.page-tabs'),.uk-nav-sub>li>a:hover:not('.page-tabs'), .uk-nav-sub>li>a:focus:not('.page-tabs') {
    text-decoration: none;
    color:#fff!important;
    background-color: #606060;
}
.sidenavbar .uk-nav > li > .uk-nav-sub a:hover {
	opacity: .7;
}
.nav>li>a>img {
    max-width: none;
}
.nav>.pull-right {
    float: right;
}
.nav-header > a {
    display: block;
    padding: 3px 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    /* text-transform: uppercase; */
}

.nav-header > img {
    padding-left: 10px;
}

.nav li+.nav-header {
    margin-top: 9px;
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}
.navbar .nav>li.logo {
    padding-right:0px;
    padding-top:0;
    width: 62px
}
.uk-navbar-nav>li.logo {
    padding-right:10px;
    padding-top:0;
    height: 40px;
}
.navbar .nav>li,.navbar.uk-navbar .nav.uk-navbar-nav>li {
    float: left;
}

.uk-nav>li.logo img {
    padding: 5px 0;
    max-height: 60px;
}

.navbar .nav li.phScreen a:hover, .navbar .nav li.phScreen.active a {
    background:#86868655;
    color:#fff;
}
.navbar .nav>li>a,.navbar.uk-navbar .nav.uk-navbar-nav>li>a, .uk-navbar-nav>li>a {
    float: none;
    text-decoration: none;
    text-shadow: none;
    padding: 0 15px;
    position: relative;
}

.uk-navbar-nav > li.language > div > a,.uk-navbar-nav > li.language > a {
    padding-top: 5px;
    /* line-height: normal !important; */
    padding: 0 15px 9px;
    margin-bottom: -1px;
}
.uk-navbar-nav > li.language > div > a,.uk-navbar-nav > li.language > a {
    text-decoration: none;
}
#menu2.uk-navbar-nav > li.language > div > a,#menu2.uk-navbar-nav > li.language > a {
  padding-top: 1px;
}

.navbar-inner {
    background-color: #20282b;
    background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c3e50', endColorstr='#ff2c3e50', GradientType=0);
    *zoom:1;
}

.navbar-inner:before, .navbar-inner:after {
    display: table;
    line-height: 0;
    content: "";
}
.navbar-inner:after {
    clear: both;
}
.navbar .container {
    width: auto;
    margin: auto;
    max-width: 1600px;
    border-bottom: 1px solid transparent;
}

.search-container {
    margin: auto;
    max-width: 1600px;
    border-bottom: 1px solid transparent;
    height: 100%;
}

#careers .navbar .container {
    border-bottom: 0px solid transparent;
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible;
}
.navbar .brand {
    display: block;
    float: left;
    padding: 15px 20px 15px;
    margin-left: 0px;
    font-size: 20px;
    font-weight: 200;
    color: #fff;
}
.navbar .brand:hover, .navbar .brand:focus {
    text-decoration: none;
    color: #1dd2af;
}
.navbar-text {
    margin-bottom: 0;
    line-height: 50px;
    color: #fff;
}

.navbar-link {
    color: #fff;
}
.navbar-link:hover, .navbar-link:focus {
    color: #1abc9c
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #2c3e50;
    border-left: 1px solid #2c3e50;
}
.navbar .btn, .navbar .btn-group {
    margin-top: 10px;
}
.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn, .navbar .input-prepend .btn-group, .navbar .input-append .btn-group {
    margin-top: 0;
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
}
.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.navbar .nav>li.login>a {
    font-size:13px;
}

.navbar ul.nav {
    padding: 0;
}

/**************************** END menu styles ******************************/

/**************************** START Side Nav ******************************/

#SameAsAbove {
    margin-bottom:25px;
}
 */#leftNavigationPane .nav {
    padding:0% 3% 3% 3%;
}
#leftNavigationPane .nav li {
    line-height:auto !important;
}
.sidenavbar .uk-nav > li > a {
    padding: 5px 15px 5px 20px;
    /* border-top: 1px solid rgba(0, 0, 0, 0.18); */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    cursor: pointer;
}
.sidenavbar .uk-nav > li > a:hover {
    background-blend-mode: darken;
}
#leftNavigationPane .uk-nav li.uk-parent a,#leftNavigationPane .uk-nav li.uk-parent .uk-nav-sub a {
    padding: 7px 15px !important;
}

/**************************** END Side Nav ******************************/

#newSession .forgot-pw a, #newSession .forgot-pw a:active {
    color: #FFF;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(150, 150, 150, 0.5);
    float: right;
}

#newSession .forgot-pw a:hover {
    color: #DDD;
    text-decoration: none;
}

#newSession .uk-form-icon > [class*='uk-icon-'] {
    position: absolute;
    top: 50%;
    width: 30px;
    /* margin-top: -12px; */
}

#newSession .uk-form-width-small {
    width: 140px!important;
}

.uk-form-width-xmini {
    width: 35px;
}


/**************************** START Bootstrap Modal ******************************/

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left:50%;
    z-index: 1050;
    width: 560px;
    max-width: 100%;
    max-width: calc(100% - 20px);
    max-height: 550px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
*border:1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    overflow: auto;
}
.modal.fade {
    top: -25%;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
}
.modal.fade.in {
    top: 5%;
    bottom: 5%;
}
.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}
.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}
.modal-body {
    position: relative;
    padding: 15px;
    overflow-y: auto;
}

.modal-body.uk-modal-dialog {
    opacity: 1 !important;
}

.editSection .select2-container {
  margin-bottom: 0 !important;
}

/*********************** END Personal information Address Styles ******************************

/*********************** Header Search Box Styles ******************************/

.modal-form {
    margin-bottom: 0;
}
.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
*zoom:1;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

.modal-footer:before, .modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}
.modal-footer:after {
    clear: both;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.hidden {
    display: none;
    visibility: hidden;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background: rgba(231, 233, 239, 0.6);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
}
/**************************** END Bootstrap Modal ******************************/

/**************************** START Tooltips ******************************/

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}
.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80);
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}
.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #2c3e50;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #2c3e50;
    border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #2c3e50;
    border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #2c3e50;
    border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #2c3e50;
    border-width: 0 5px 5px;
}
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #2c3e50;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #2c3e50;
    border-bottom: 1px solid #233140;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}
.popover-title:empty {
    display: none;
}
.popover-content {
    padding: 9px 14px;
}
.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow {
    border-width: 11px;
}
.popover .arrow:after {
    border-width: 10px;
    content: ""
}
.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0;
}
.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #2c3e50;
    border-bottom-width: 0;
}
.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0;
}
.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #2c3e50;
    border-left-width: 0;
}
.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    border-top-width: 0;
}
.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #2c3e50;
    border-top-width: 0;
}
.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25);
    border-right-width: 0;
}
.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #2c3e50;
    border-right-width: 0;
}

/**************************** END tooltips ******************************/

/**************************** START Bootstrap Navbar ******************************/

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .navbar-search .search-query {
    line-height: normal;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .btn-navbar {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar .btn, .navbar .btn-group {
    margin-top: 6px;
}
.navbar-inverse .brand:hover {
    color: #2c3e50;
}
.navbar-inverse .navbar-search .search-query {
    line-height: normal;
    color: #2c3e50;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.navbar-inverse .navbar-search .search-query:focus {
    padding: 4px 14px;
    color: #2c3e50;
}

.pagination ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.pagination ul>li>a {
    color: #fff;
    background-color: #18bc9c;
    border-color: transparent;
}
.pagination ul>li>a:hover {
    background-color: #24e3be;
}
.pagination ul>.active>a, .pagination ul>.active>a:hover {
    color: #2c3e50;
    background-color: #ecf0f1;
}
.pagination ul>.disabled>a, .pagination ul>.disabled>a:hover {
    color: #fff;
    background-color: #24e3be;
}
.pager li>a, .pager li>span {
    color: #fff;
    background-color: #18bc9c;
    border: 0;
}
.pager li>a:hover, .pager li>span:hover {
    background-color: #24e3be;
}
.pager .disabled>a, .pager .disabled>span, .pager .disabled>a:hover, .pager .disabled>span:hover {
    color: #fff;
    background-color: #24e3be;
}
.breadcrumb>li {
    text-shadow: none;
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav>li>a:focus {
    color: #2c3e50
}
.navbar-inverse .brand {
    color: #fff
}
.navbar-inverse .navbar-text {
    color: #fff
}
.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
    color: #2c3e50;
    /* background-color: #696969; * US #6195*/
}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {
    color: #2c3e50;
    /* background-color: #15a589  * US #6195*/
    background-color: #2aba36;
}
.navbar-inverse .navbar-link {
    color: #fff
}
.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
    color: #2c3e50
}
.navbar-inverse .divider-vertical {
    border-right-color: #fff;
    border-left-color: #fff;
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color: #fff;
    /* background-color: #696969; * US #6195*/
}
.navbar-inverse .nav li.dropdown>a:hover .caret, .navbar-inverse .nav li.dropdown>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #fff;
    border-color: #b4bcc2;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color:#95a5a6
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color:#95a5a6
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color:#95a5a6
}
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #7b8a8b;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    box-shadow: 0 0 3px rgba(0,0,0,0.15)
}
.navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #15a589;
*background-color:#15a589;
    background-image: -moz-linear-gradient(top, #15a589, #15a589);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15a589), to(#15a589));
    background-image: -webkit-linear-gradient(top, #15a589, #15a589);
    background-image: -o-linear-gradient(top, #15a589, #15a589);
    background-image: linear-gradient(to bottom, #15a589, #15a589);
    background-repeat: repeat-x;
    border-color: #15a589 #15a589 #0c6251;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff15a589', endColorstr='#ff15a589', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
    color: #fff;
    background-color: #15a589;
*background-color:#128f76
}
.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
    background-color: #0f7864 \9
}
.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0);
    content: ''
}
.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #20282b;
    border-left: 6px solid transparent;
    content: ''
}

.navbar .nav.pull-right>li>.dropdown-menu:after, .navbar #menu2.nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: auto;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #20282b;
    border-left: 6px solid transparent;
    content: ''
}

/**************************** END Bootstrap Navbar ******************************/

.tooltip.in {
    opacity: 1;
}
.popover {
    color: #fff;
}
.popover-title {
    border-bottom: 2px solid rgba(0,0,0,0.2);
}
.modal-header {
    color: #fff;
    background-color: #2c3e50;
    border-bottom: 0;
}
.modal-footer {
    background-color: #ecf0f1;
    border-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.close {
    text-shadow: none;
}

.control-group.survey {
    padding: 12px 0;
    border-bottom: 1px dashed #ced3da;
}


/********** Payroll Edits Oct 2014 ***********/

#frmPayroll .ui-accordion .ui-accordion-content {
    padding: 1em 1em;
    overflow-x: scroll !important;
}

/********** Container Height Overrides Oct 2014 ***********/
.employmentEntry {
    height: auto !important;
}

/********* Form Phone numbers *******************/

input.phonenumareacode,input.phonenumexchange {
    min-width: 40px;
    max-width: 43px !important;
    text-align: center;
}

input.phonenumext{
    min-width: 55px;
    max-width: 58px !important;
    text-align: center;
}

input.phonenumnumber {
    min-width: 50px;
    max-width: 52px !important;
    text-align: center;
}

#divPassword .bar.bar-danger {
  min-width: 25%;
}

/********* Apply Steps *******************/

.steps {
    /*centering
    display: inline-block;*/
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    border-radius: 5px;
    /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
    counter-reset: flag;
    color: #333;
}

.steps h1 {
    font-weight: 400;
    color: #333;
    margin-top: 0 !important;
    padding-top: 10px;
}

.steps p {
    font-weight: 400;
    color: #333;
}

.steps .text-steps {
    position: relative;
}

.steps a {
    text-decoration: none;
    text-align: center;
    outline: none;
    display: block;
    /* float: left; */
    line-height: 30px;
    color: white;
    /*need more margin on the left of links to accomodate the numbers*/
    background: #666;
    background: linear-gradient(#666, #333);
    position: relative;
    box-shadow: 1px 0px 0 1px rgba(0, 0, 0, 0.2), 0px 0px 0 2px rgba(255, 255, 255, 0.1);
    padding: 10px 30px;
    min-height: 80px;
    border: 1px solid #e7e7e7;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.steps a:first-child {

    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.steps a:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.steps a.active, .steps a:hover{
    background: #333;
    background: linear-gradient(#333, #000);
    border: 1px solid #bababa;
}
.steps a.active:after, .steps a:hover:after {
    background: #333;
    background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.steps a:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 50%; /*half of square's length*/
    /*same dimension as the line-height of .breadcrumb a */
    width: 24px;
    height: 24px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's:
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #666;
    background: linear-gradient(135deg, #666, #333);
    /*stylish arrow design using box shadow*/
    box-shadow: 1px 1px 0 1px rgba(0, 0, 0, 0.2), 0px 1px 0 1px rgba(255, 255, 255, 0.1);

    border-radius: 50px 0px 5px 0px;
}
/*we dont need an arrow after the last link*/
.steps a:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/
.steps a:before {
    content: counter(flag);
    counter-increment: flag;
    position: absolute;
    bottom: 0;
    margin-bottom: -14px;
    left: 30px;
    font-size: 96px;
    line-height: 96px;
    color: #E9E9E9;
    height: 96px !important;
}


.flat a, .flat a:after {
    background: white;
    color: black;
    transition: all 0.5s;
}

.flat a:hover, .flat a.active,
.flat a:hover:after, .flat a.active:after{
    background: #c4cece;
}

.closeNoConflict {
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 21px !important;
    float: right;
}

input.date:not(.uk-width-1-1) {
    max-width: 168px !important;
}

.filter-dates input.date:not(.uk-width-1-1) {
    max-width: 158px !important;
}

#repSignature {
    padding-top: 20px;
}

label.sig-date {
    padding-top: 19px;
}

.uk-list-space>li:nth-child(n+2),.uk-list-space>li {
    padding: 10px 5px !important;
    margin-top: 0 !important;
}
.upload-filelist>li ~ li {
    /* padding: 3px 0px !important; */
    margin-top: 3px !important;
}
.uk-button-link:focus {
    outline: none;
}


.uk-list.bullets>li {
    padding: 9px 0 0 30px !important;
}

.uk-list.bullets>li:before {
    content: "\f14a";
    font-family: 'FontAwesome';
    font-size: 12px;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 10px;
    margin-left: -25px;
    left: 0;
}

.careers-location {
    margin: 10px 0 5px -10px !important;
    text-transform: uppercase;
    color: #9e0b0f;
    font-weight: 400;
}

.posting h3 {
    font-size: 17px;
    line-height: 20px;
}

h3.careers-subhdr {
    font-size: 14px;
}

.descrip-expand {
    border-top: 1px solid #CCC;
    padding: 10px !important;
    margin: 7px 0;
}

.uk-button:not('.uk-button-text'), .uk-form input.uk-button:not('.uk-button-text') {
    padding: 0 8px;
    line-height: 24px;
    min-height: 26px;
    border-radius: 4px;
}


.uk-button-small, .uk-button.uk-button-small {
    padding: 0 5px;
    line-height: 20px;
    min-height: 18px;
}

.uk-button-large {
    min-height: 40px;
    padding: 0 15px;
    line-height: 38px;
    font-size: 16px;
    border-radius: 5px;
}
/*** Stacked button group ***/

.uk-button-group.group-stacked > * {
    display: block;
    padding: 0px 10px;
}

.uk-button-group.group-stacked>.uk-button.uk-button-small {
    min-height: 22px;
    line-height: 18px;
}

.uk-button-group.group-stacked>.uk-button:first-child, .uk-button-group.group-stacked>div:first-child .uk-button {
    border-bottom-color: rgba(0,0,0,.1);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.uk-button-group.group-stacked>.uk-button:last-child, .uk-button-group.group-stacked>div:last-child .uk-button {
    border-top-color: rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
}

.uk-button-group.group-stacked.sorter>.uk-button:first-child, .uk-button-group.group-stacked.sorter>div:first-child .uk-button {
    border-bottom-color: rgba(0,0,0,.1);
    border-top-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.uk-button-group.group-stacked.sorter>.uk-button:last-child, .uk-button-group.group-stacked.sorter>div:last-child .uk-button {
    border-top-color: rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0;
}

.uk-button-group.group-stacked>.uk-button:nth-child(n+2), .uk-button-group.group-stacked>div:nth-child(n+2) .uk-button {
    margin-left: 0px;
    margin-top: -1px;
}

.uk-panel-box.uk-panel-box-no-pad {
    padding: 0;
}

.uk-panel-box.uk-panel-box-no-pad .group-stacked {
    margin: -1px -1px -1px 15px;
}

/****************** Careers/Applications section *************/

.rotate {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}

#careers {
    padding: 0;
}

.legend {
    color: #fff;
    line-height: 14px;
    padding: 10px
}

.uk-form fieldset + fieldset {
    margin: 24px 0 0;
}

#careers #content {
    background: #FFF;
    overflow: hidden;
    margin: auto;
}

#careers .uk-panel-box {
    background: #fafafa;
}

#careers .uk-panel-box-primary {
    background: #ebf7fd;
}

#careers .uk-panel-box-secondary {
    background-color: rgba(255,255,255,0.85);
}

.uk-grid + .uk-grid:empty,.uk-grid:empty {
    margin: 0;
}

.divider, .divider:empty {
    border-top: 1px dashed #E9E9E9;
}

#careers #footerContain {
    margin: 0;
    padding: 0;
}

.careersLogo
{
    display: flex;
    margin: auto;
    max-width: 60%;
}

.priority-none,
.uk-table tbody tr.priority-none>td,
.document-index-grid tbody tr.priority-none>td,
#tblPendingApplicants tbody tr.priority-none>td,
#tblActiveCandidates tbody tr.priority-none>td {
    color: #000;
    background-color: #FFF;
}

:hover.priority-none,
.uk-table tbody tr:hover.priority-none>td,
.document-index-grid tbody tr:hover.priority-none>td,
#tblPendingApplicants tbody tr:hover.priority-none>td,
#tblActiveCandidates tbody tr:hover.priority-none>td {
    background-color: #f6f6f6;
}

.priority-low,
.uk-table tbody tr.priority-low>td,
.document-index-grid tbody tr.priority-low>td,
#tblPendingApplicants tbody tr.priority-low>td,
#tblActiveCandidates tbody tr.priority-low>td {
    color: #000;
    background-color: #f7dec5;
}

:hover.priority-low,
.uk-table tbody tr:hover.priority-low>td,
.document-index-grid tbody tr:hover.priority-low>td,
#tblPendingApplicants tbody tr:hover.priority-low>td,
#tblActiveCandidates tbody tr:hover.priority-low>td {
    background-color: #e4c7ab;
}

.priority-medium,
.uk-table tbody tr.priority-medium>td,
.document-index-grid tbody tr.priority-medium>td,
#tblPendingApplicants tbody tr.priority-medium>td,
#tblActiveCandidates tbody tr.priority-medium>td {
    color: #000;
    background-color: #fff6e1;
}

:hover.priority-medium,
.uk-table tbody tr:hover.priority-medium>td,
.document-index-grid tbody tr:hover.priority-medium>td,
#tblPendingApplicants tbody tr:hover.priority-medium>td,
#tblActiveCandidates tbody tr:hover.priority-medium>td {
    background-color: #f5ead0;
}

.priority-high,
.uk-table tbody tr.priority-high>td,
.document-index-grid tbody tr.priority-high>td,
#tblPendingApplicants tbody tr.priority-high>td,
#tblActiveCandidates tbody tr.priority-high>td {
    color: #000;
    background-color: #e3f7e6;
}

:hover.priority-high,
.uk-table tbody tr:hover.priority-high>td,
.document-index-grid tbody tr:hover.priority-high>td,
#tblPendingApplicants tbody tr:hover.priority-high>td,
#tblActiveCandidates tbody tr:hover.priority-high>td {
    background-color: #cee7d1;
}

.priority-online, .document-index-grid tbody tr.priority-online>td {
    color: #000;
    background-color: #dfe4ff;
    border-color: transparent;
}

.priority_labels .priority-none, .document-index-grid tbody tr.priority-none>td {
    color: #000;
    background-color: #FFF;
    border: 1px solid rgb(170, 170, 170) !important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    border-radius: 6px;
    height: 25px;
    vertical-align: middle !important;
    line-height: 25px;
    font-size: 13px;
}
.priority_labels .priority-low, .document-index-grid tbody tr.priority-low>td {
    color: #000;
    background-color: #f7dec5;
    border: 1px solid rgb(170, 170, 170) !important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    border-radius: 6px;
    height: 25px;
    vertical-align: middle !important;
    line-height: 25px;
    font-size: 13px;
}

.priority_labels .priority-medium, .document-index-grid tbody tr.priority-medium>td {
    color: #000;
    background-color: #fff6e1;
    border: 1px solid rgb(170, 170, 170) !important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    border-radius: 6px;
    height: 25px;
    vertical-align: middle !important;
    line-height: 25px;
    font-size: 13px;
}
.priority_labels .priority-high, .document-index-grid tbody tr.priority-high>td {
    color: #000;
    background-color: #e3f7e6;
    border: 1px solid rgb(170, 170, 170) !important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    border-radius: 6px;
    height: 25px;
    vertical-align: middle !important;
    line-height: 25px;
    font-size: 13px;
}

.priority_labels .priority-online, .document-index-grid tbody tr.priority-online>td {
    color: #000;
    background-color: #dfe4ff;
    border: 1px solid rgb(170, 170, 170) !important;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.21)!important;
    border-radius: 6px;
    height: 25px;
    vertical-align: middle !important;
    line-height: 25px;
    font-size: 13px;
}

.headerEntry {
    color: black !important;
}

.spnEntry {
    font-size: 24px;
    border-radius: 50%;
    background: #CCC;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    color: #FFF;
    margin-bottom: -15px !important;
}

.uk-modal .spnEntry {
    font-size: inherit;
    border-radius: 0;
    background: none;
    width: auto;
    height: auto;
    display: inline-block;
    text-align: center;
    line-height: inherit;
    color: inherit;
    margin-bottom: 0 !important;
}

.move-up {
    z-index: 10;
}

.uk-active .panel-shadow {
    -webkit-box-shadow: -1px 10px 12px -7px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 10px 12px -7px rgba(0,0,0,0.15);
    box-shadow: -1px 10px 12px -7px rgba(0,0,0,0.15);
}

.uk-panel-box.progress-box {
    padding: 4px 0 4px 6px !important;
}

html.uk-modal-page .uk-panel-box.progress-box {
    padding: 5px 0px 0px 6px !important;
}

.uk-panel-space-sm {
    padding: 0px 10px;
}

.meter {
    height: 20px;
    position: relative;
    background: #ededed;
    border-radius: 25px;
    padding: 10px;
    -webkit-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.3);
}
.meter ol {
    margin: 0;
    padding: 0;
    display: block;
    height: 100%;
    width: 99%;
    border-radius: 10px;
    background-color: #ddd;
    position: relative;
    list-style: none;
}
.meter ol li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 25%;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
}
.meter ol li span {
    right: -0.5em;
    display: block;
    text-align: center;
}
.meter ol li .step {
    top: -0.4em;
    padding: .2em 0;
    border: 3px solid #ddd;
    z-index: 99;
    font-size: 1.25em;
    color: #ddd;
    width: 1.5em;
    font-weight: 700;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
}
.meter ol li .stage {
    color: #fff;
    font-weight: 700;
    text-align: left !important;
    padding-left: 30px;
    height: 20px;
}
.meter ol li.initialized .step  {
    top: -15px;
    padding: 0 0;
    z-index: 99;
    width: 45px;
    height: 45px;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    background-color: #FFF;
    border-radius: 50%;
    line-height: 40px;
    color: #000;
    border: 3px solid #47b4db;
}
.meter ol li.initialized.active .step  {
    top: -15px;
    padding: 0 0;
    z-index: 99;
    width: 45px;
    height: 45px;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    background-color: #FFF;
    border-radius: 50%;
    line-height: 40px;
    color: #000;
    border: 3px solid #47b4db;
}
.meter ol li.active {
    height: 20px;
    background: #47b4db;
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.25);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 12px, #29a4d0 12px, #29a4d0 24px);
}

.meter ol li.active span.step {
    color: #000;
    border: 3px solid #47b4db;
}

@keyframes progress {
  0% {
    background-position-x: 0px; }

  100% {
    background-position-x: 36px; } }

@-moz-keyframes progress {
  0% {
    background-position-x: 0px; }

  100% {
    background-position-x: 36px; } }

@-webkit-keyframes progress {
  0% {
    background-position-x: 0px; }

  100% {
    background-position-x: 31px; } }

@-ms-keyframes progress {
  0% {
    background-position-x: 0px; }

  100% {
    background-position-x: 36px; } }

@-o-keyframes progress {
  0% {
    background-position-x: 0px; }

  100% {
    background-position-x: 55px; } }

.clear {
    clear: both;
}

h3.uk-accordion-title {
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0px;
}

.no-brdr-hdr h3.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 0px;
    padding: 5px 15px;
    background: transparent;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    border: 0px solid #ddd;
    border-radius: 4px;
}

.repairs .ui-datepicker-trigger, .lube .ui-datepicker-trigger,.tr-repairs .ui-datepicker-trigger, .tr-lube .ui-datepicker-trigger  {
    display: none;
}

.repairs input[type="checkbox"], .lube input[type="checkbox"], .tr-repairs input[type="checkbox"], .tr-lube input[type="checkbox"] {
    margin: 0 5px 0 0;
}

.uk-form select.tires:first-child {
    color: #999;
}

.uk-form select.tires:first-child:focus {
    color: #333;
}

.report-logo {
    max-width: 300px;
}

[id*=EHEquipmentList]:not(.bordered-labels), .grid-list {
    margin: 0 -8px 0 0;
}

[id*=EHEquipmentList] .checkboxlabel, .grid-list .checkboxlabel {
    margin-right: 0;
}

[id*=EHEquipmentList]:not(.bordered-labels) li, .grid-list li {
    padding-left: 22px !important;
}

/**************************** START UIKit framework overrides ******************************/

button:not(.uk-modal-close-default):not([class*="uk-button-"]):not([class*="uk-width-"]):not(.active-btn):hover, button.uk-button:not(.uk-modal-close-default):not([class*="uk-button-"]):not([class*="uk-width-"]):not(.active-btn):hover, a.uk-button:not(.uk-modal-close-default):not([class*="uk-button-"]):not([class*="uk-width-"]):not(.active-btn):hover {
    background: #c3c3c4;
}

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

.uk-button-danger,.uk-button-danger:active,
.uk-badge-danger,.uk-badge-danger:active
{
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}

#Map .uk-button,#EmergencyContactMap.uk-button {
    line-height: 20px;
    min-height: 20px;
    font-size: 11px;
}

.dashcontent-box-profile #Map .uk-button {
    padding: 0 0 !important;
    /*margin: -2px -3px 0 -13px;*/
    line-height: 14px;
    min-height: 14px;
    /*text-align: right;*/
    display: inline-block;
    width: 100%;
}

.uk-panel-box-primary {
  background: rgba(255, 255, 255, 0.4);
  color: #2d7091;
  border-color: rgba(84,84,84,0.3);
}

.uk-panel-box-dark {
  background: rgba(0, 0, 0, 0.15) !important;
  color: #2d7091;
  border-color: rgba(84,84,84,0.2);
}
.uk-form input:not([type]), .uk-form input[type=color], .uk-form input[type=date], .uk-form input[type=datetime-local], .uk-form input[type=datetime], .uk-form input[type=email], .uk-form input[type=month], .uk-form input[type=number], .uk-form input[type=password], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=text], .uk-form input[type=time], .uk-form input[type=url], .uk-form input[type=week], .uk-form select, .uk-form textarea {
    padding: 4px 8px;
}
.uk-nav>li>a,.uk-nav>li>button.uk-button-link,.uk-nav>li>span {
  padding: 5px 15px;
}

#menu1.uk-nav>li>a,#menu1.uk-nav>li>button.uk-button-link,#menu2.uk-nav>li>a,#menu2.uk-nav>li>button.uk-button-link {
  padding: 0px 15px;
}

.uk-nav-dropdown>li>a:focus, .uk-nav-dropdown>li>a:hover, .uk-nav-dropdown>li>button.uk-button-link:hover {
  background: #009dd8;
  color: #fff;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.uk-nav-dropdown>li>.uk-button-link, .uk-nav-dropdown>li>.uk-button-link.uk-active, .uk-nav-dropdown>li>.uk-button-link:active, .uk-nav-dropdown>li>.uk-button-link:disabled, .uk-nav-dropdown>li>.uk-button-link:focus, .uk-nav-dropdown>li>.uk-button-link:hover {
    border-color: transparent;
    background: 0 0;
    box-shadow: none;
    text-shadow: none;
    border: none;
    border-radius: 0;
    text-decoration: none;
    font-size: 16px;
}

.uk-grid-small+.uk-grid-small, .uk-grid-small>*>.uk-panel+.uk-panel, .uk-grid-small>.uk-grid-margin {
    margin-top: 5px;
}
.uk-margin-top {
    margin-top: 10px!important;
}

/****** Custom UIKit grid units *****/


/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2), .uk-grid-sm-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
    border-left: 1px solid #cccccc;
  }
}

/*
 * Vertical divider
 */
.uk-grid-divider:empty {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px solid #dddddd;
}
/* Match panels in grids
 ========================================================================== */
.uk-grid-match > * {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*
 * 1. Behave like a block element
 */
.uk-grid-match > * > * {
  /* 1 */
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* Even grid cell widths
 ========================================================================== */
[class*='uk-grid-width'] > * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.uk-grid-width-1-2 > * {
  width: 50%;
}
.uk-grid-width-1-3 > * {
  width: 33.333%;
}
.uk-grid-width-1-4 > * {
  width: 25%;
}
.uk-grid-width-1-5 > * {
  width: 20%;
}
.uk-grid-width-1-6 > * {
  width: 16.666%;
}
.uk-grid-width-1-9 > * {
  width: 11%;
}
.uk-grid-width-1-10 > * {
    width: 10%;
  }
/* Phone landscape and bigger */
@media (min-width: 480px) {
  .uk-grid-width-small-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-small-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-small-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-small-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-small-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-small-1- > * {
    width: 11%;
  }
  .uk-grid-width-small-1-10 > * {
    width: 10%;
  }
}
/* Tablet and bigger */
@media (min-width: 768px) {
  .uk-grid-width-medium-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-medium-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-medium-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-medium-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-medium-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-medium-1-9 > * {
    width: 11%;
  }
  .uk-grid-width-medium-1-10 > * {
    width: 10%;
  }

}
/* Desktop and bigger */
@media (min-width: 960px) {
  .uk-grid-width-large-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-large-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-large-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-large-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-large-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-1-9 > * {
    width: 11%;
  }
  .uk-grid-width-large-1-10 > * {
    width: 10%;
  }
}
/* Large screen and bigger */
@media (min-width: 1220px) {
  .uk-grid-width-xlarge-1-2 > * {
    width: 50%;
  }
  .uk-grid-width-xlarge-1-3 > * {
    width: 33.333%;
  }
  .uk-grid-width-xlarge-1-4 > * {
    width: 25%;
  }
  .uk-grid-width-xlarge-1-5 > * {
    width: 20%;
  }
  .uk-grid-width-xlarge-1-6 > * {
    width: 16.666%;
  }
  .uk-grid-width-xlarge-1-9 > * {
    width: 11%;
  }
  .uk-grid-width-xlarge-1-10 > * {
    width: 10%;
  }
}
.uk-offcanvas-page .filter-open-tab {
    z-index: 0;
}

/**************************** END UIKit framework overrides ******************************/

/******** Charts *********/

.chart-container>div>div, .chart-container>*, .chart-container>svg, .chart-container>div>div>div>svg {
    margin:  0 auto;
    max-width: 100%;
    text-align: center;
}

.responsive-video {
    width: 100% !important;
    height: auto !important;
}

/**************************** START sprites ******************************/

[class^="sprite-"],
[class*=" sprite-"] {
  display: inline-block !important;
  width: 17px;
  height: 16px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("icons/famfamfamicons.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.sprite-stop {background:url("icons/stop.png")no-repeat left top; width: 20px; height: 20px; }

.sprite-stop > img {
    margin-top: -2px;
    padding: 2px;
    background: #FFF;
    width: 20px;
    height: 20px;
}

/**************************** END sprites ******************************/

/********* Sweet Alert *******/

.sweet-alert h2 {
    margin: 30px 0 18px !important;
    line-height: 42px !important;
}

.sweet-alert h3 {
    font-weight: normal;
}

span.validate-divider + span.validate-divider:before {
    content: ' | ';
    color: #E5E5E5;
    padding: 0 6px;
    line-height: 32px;
}

/* Pg. 4 Thank You message - Sweet Alert body */
/* NOTE: Webkit gives us lots of space, but IE/Firefox need us to pare things back a bit */
.sweet-alert .pg4-thank-you
{
    font-size: 0.6em;
    line-height: 1.5em;
    max-height: 250px;
    text-align: left;
    overflow: scroll;
    padding: 1%;
    width: 100%;
}

.sweet-alert .pg4-thank-you hr
{
    margin: 0.5em 0;
}

/***** END Sweet Alert ******/


#templatecontent > #bodyContent > div > div > h2 {
    margin-top: 0;
}

#sidenav .name-hdr-side [class*="uk-icon-"] {
    font-size: 14px;
}

#sidenav .name-hdr-side #employeeNameType {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 0px 3px 4px rgba(0,0,0,0.35);
}

#sidenav .name-hdr-side #employeeNameType > span {
    font-size: 14px;
    text-transform: initial;
    font-weight: normal;
    color: #EEE;
    text-shadow: 2px 2px 2px rgba(0,0,0,0);
}

aside nav #divAlerts {
    border-radius: 0;
    border-left: 1px solid #747474;
    margin-top: 0px;
    -webkit-box-shadow: inset -1px -4px 10px -3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset -1px -4px 10px -3px rgba(0,0,0,0.5);
    box-shadow: inset -1px -4px 10px -3px rgba(0,0,0,0.5);
    background: url('/images/grey-fabric-bg.png') repeat;
}

aside nav #divAlerts a {
    color: #585858 !important;
}

.message-list > li {
    padding-left: 30px;
}

.message-list > li > i {
    margin-left: -30px;
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#notes-nav .uk-navbar-nav>li.uk-active>a {
    background-color: #009dd8;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5);
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5);
    color: #ffffff;
    text-shadow: 0 -1px 0 #4e7b19;
    margin-bottom: -1px !important;
    border-top: 1px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    margin-right: -1px;
    margin-left: 0;
}
.print-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #444;
    text-transform: none;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f7f7f7;
    vertical-align: middle;
    line-height: 40px;
    min-height: 40px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.2);
    border-right: 1px solid rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top,#e3e3e3,#eee);
    background-image: linear-gradient(to bottom,#e3e3e3,#eee);
    border-radius: 0;
    text-shadow: 0 1px 0 #fff;
}
.notes-container {
    border-top: 3px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    background: #F6F6F6;
    padding: 10px 15px !important;
}
.notes-container-over {
    border-top: 3px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    background: #F6F6F6;
    padding: 5px 10px !important;
}
.driver-notes-header {
    color: #454545;
    padding: 0 6px 0 0;
}


.save-alert {
    opacity: 0;
}

.save-alert.uk-active {
    opacity: 1;
}

.save-alert {
    top: auto !important;
    bottom: 0;
    padding: 10px 10px 20px 10px;
    left: 0 !important;
    width: 100% !important;
}

#content.frmDashboard {
    margin-top: 0px;
}

#forms-docs>.bk1>.uk-grid>div.uk-width-1-1:last-child {
    display: none;

}

/* 3793: jGrowl overrides for login page, to ensure jGrowl doesn't interfere with login */
/* 3873: login page lockdown */
/* 3918: hotfix */
body.LoginPage .jGrowl
{
    z-index: 100 !important;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

/*
** 3970: adjusted positioning of "Processing" notification so it fits on screen
** (also put opacity toggles in place, should we want to restore full black)
*/
body.LoginPage .uk-notify
{
    left: 50%;
    margin-left: -175px;
    position: absolute;
    top: 100px;
    width: 350px; /* standard uk-notify size */
    z-index: 12000;
}

body.LoginPage .uk-notify-message,
body.LoginPage .uk-notify-message h3
{
    z-index: 12001;
}

/* 3873: override uk-list-striped for Alerts (hidden items through off CSS) */
#divAlerts ul li.odd
{
    background: #fafafa;
}

#divAlerts ul li.even
{
    background: none;
}

/**************************** START Employment History ******************************/

.eh-legend-dates {
    background-color: #c5eafc;
}
.eh-legend-dates {
    background-color: #c5eafc;
}
.eh-text-pad {
    padding: 5px 5px 1px 20px !important;
}
.eh-text-pad-left-divider {
    border-left: 1px solid #cdd5da;
    padding: 5px;
}
.eh-text-pad-left-divider-buttons {
    border-left: 1px solid #cdd5da;
    padding: 2px 5px 0px 5px;
}
.eh-employment-box {
    background-color: #e6e6e6;
    border: 1px solid #cdd5da;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-dates {
    background-color: rgb(244, 244, 244);
    font-weight: 600;
}

.eh-dates-mobile {
    background-color: rgb(244, 244, 244);
    font-weight: 600;
    margin-left: 0px;
}
.eh-missing-dates-box {
    background-color: #fedad3;
    border: 2px solid rgba(216,80,48,.6);
    border-radius: 3px;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-missing-dates-bg {
    background-color: #fedad3;
    font-weight: 600;
    border-left: 1px solid #f3c1b7;
}
.eh-missing-dates {
    padding: 1px 5px;
}
.eh-missing-dates-left-divider {
    border-left: 1px solid #f3c1b7;
    padding: 1px 5px;
}
.eh-entry-dates-box {
    background-color: #e6e6e6;
    border: 1px solid #cdd5da;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-entry-dates-box-top {
    background-color: #e6e6e6;
    border-top: 8px solid #cdd5da;
    border-bottom: 1px solid #cdd5da;
    border-left: 1px solid #cdd5da;
    border-right: 1px solid #cdd5da;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-entry-dates-bg {
    background-color: #f4f4f4;
    font-weight: 600;
    border-left: 1px solid #cdd5da;
}
.eh-entry-dates {
    padding: 3px 5px;
}

.eh-entry-dates-left-divider {
    border-left: 1px solid #cdd5da;
    padding: 3px 5px;
}
.eh-entry-dates-box {
    background-color: #e6e6e6;
    border: 1px solid #cdd5da;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-entry-dates-box-top {
    background-color: #e6e6e6;
    border-top: 8px solid #cdd5da;
    border-bottom: 1px solid #cdd5da;
    border-left: 1px solid #cdd5da;
    border-right: 1px solid #cdd5da;
    font-size: 14px;
    color: #000000;
    margin-bottom: 3px;
}
.eh-content-divider {
    border-bottom: 4px solid #e8e8e9 !important;
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}
.eh-next-entry {
    /*** changes - #6190 ***/
    background-color: #b9bbbf;
    padding: 14px 20px 10px 20px;
    margin-bottom: -20px !important;
    margin-top: 15px;
    width: calc(100% + 40px);
    margin-left: -20px;
    /*** changes - #6190 ***/
}
.eh-next-entry-bulk {
    background-color: #cdd5da;
    padding: 14px 20px 10px 20px;
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-bottom: -20px;
    margin-top: 15px;
}
.eh-edit-remove-pad-bg {
    background-color: #cdd5da;
    padding-top: 2px;
    margin-left: 0px;
}
.eh-plus-icon-pad {
    padding: 10px 20px 0px 0px;
}

/**************************** END Employment History ******************************/

/******* mobile dashboard *******/

.phone-dash-logo {
    max-width: 50%;
    max-height: 100px;
    margin-top: 15px;
    margin-bottom: 15px
}

/********** Careers **********/

.uk-flex.welcome-msg > div > p {
    margin: 0;
    padding: 0 5% 0 0;
    width: 47%;
    float: left;
}

.uk-flex.welcome-msg > div > p:nth-child(2n) {
    padding: 0 0 0 0;
}
.uk-navbar-nav>li>a[href='#'] {
    cursor: pointer;
}

.hide-welcome {
    display: none;
}

.uk-navbar {
    border: none;
}
.uk-navbar-nav.uk-contrast li a:hover {
    text-decoration: none;
}
.uk-panel-box {
    padding: 15px;
    background: #fafafa;
    color: #444;
    border-bottom: 1px solid #aaaaaa;
    border-radius: 4px;
}

.uk-panel-box.uk-padding-remove {
	padding: 0 0;
}

#panel-box-grid .uk-panel-box, #dashboard-canvas #panel-box-grid .uk-panel-box {
    padding: 15px;
    background: #f2f2f2;
    color: #444;
    border-bottom: 0px solid transparent;
    border: 0 solid transparent;
    border-radius: 4px;
}

.uk-panel-box-secondary {
    background-color: #fff;
    color: #444;
}

.uk-panel-box-tertiary {
    border: 0 solid transparent;
    height: 45px;
}

.uk-panel-text-margin {
    margin-left: -8px;
}

.uk-panel-box-emphasis {
    background-color: #d7dade;
    color: #444;
    border: 2px solid #979797;
    border-radius: 5px;
}

#CandidateUsersNames.uk-panel-box {
    padding: 3px 5px;
    background: #fafafa;
    color: #444;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
}

#topbar-logo {
    -webkit-transition: all 200ms ease-out .4s;
    -moz-transition: all 200ms ease-out .4s;
    -o-transition: all 200ms ease-out .4s;
    transition: all 200ms ease-out .4s;
}

.fade-it {
    opacity: 0.2;
}

.nav-careers .navbar-inner {
    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.5),inset 0px -4px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.5),inset 0px -4px 7px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.5),inset 0px -4px 7px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 3px 40px 10px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 3px 40px 10px rgba(0,0,0,0.28);
    box-shadow: 0px 3px 40px 10px rgba(0,0,0,0.28);
    background-image: url('/images/login_footer_bg2.png');
    background-repeat: no-repeat;
    background-position: left;
    background-color: rgba(32,40,43, 0.85) !important;
    padding: 15px 20px;
/*    border-bottom: 1px solid #616262;*/
}

.dropdown-submenu > li.indent a:before {
    content: "\f138";
    font-family: "Fontawesome";
    font-size: 12px;
    margin-left: -17px;
    margin-right: 5px;
    color: #AAA;
}

.dropdown-submenu > li.indent a:hover:before {
    color: #E9E9E9;
}

.list-hover li:hover > .uk-panel {
    background: #f4f4f4;
}

.list-selected {
    background: #e7e9ef !important;
}

.list-hover strong {
    color: #000000;
}

.uk-panel-space-sm {
    padding: 10px !important;
}

.uk-panel-space-sm.uk-padding-top-remove {
    padding-top: 0 !important;
}
.uk-panel-space-sm.uk-padding-bottom-remove {
    padding-bottom: 0 !important;
}

.posting {
    border-left: 3px solid #DDD;
}

.post-items {
    display: block;
    line-height: 22px;
    margin-top: 3px;
    font-size: 14px;
}

.post-items > strong {
    color: #777;
}

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

.post-details > .expanded-details {
    border: 1px solid #DDD;
    border-radius: 0 0 4px 4px;
    margin-top: 15px;
    padding: 15px;
    background: #FFF;
}

.post-details > .expanded-details {
    border: 1px solid #DDD;
    border-radius: 0 0 4px 4px;
    margin-top: 15px;
    padding: 15px;
    background: #FFF;
}

#careers #widget-panel {
    z-index: 100;
    -webkit-box-shadow: 0px 9px 25px -2px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 9px 25px -2px rgba(0,0,0,0.32);
    box-shadow: 0px 9px 25px -2px rgba(0,0,0,0.32);
    padding: 0px;
    background: #f4f5f5;
    /* margin: -10px 0 0; #6802 */
    margin: -10px 0 15px;
}
h2.org-hdr > .uk-h3 {
    text-transform: none;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
}

.dad-success-ad-button {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #ffffff;
    background: rgba(255,255,255,0.3);
    margin: 30px 0 50px 0;
}
.bk1_dad_signin_box {
    padding: 25px;
    margin-bottom: 0;
    background: rgba(231, 233, 239, 0.6);
    border: 1px solid #dadfe7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
}
h2.org-hdr {
    margin-bottom: 5px;
    border-radius: 4px 4px 0px 0px;
    padding: 2px 10px;
    border-bottom: 1px solid #999;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #9e0b0f;
    background: #ddd;

}
h3.post-title {
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
}
h3.post-title + h4 {
    color: #777;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 400;
}

.dad-ad-container {
    margin: 0 30px 30px 30px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.cell-phone {
    position: absolute;
    bottom: 0;
    left: 0;
}
.bk1_dad_ad_box1 {
    position: relative;
    padding: 20px 25px;
    margin-bottom: 5px;
    background: rgba(231, 233, 239, 0.6);
    border: 1px solid #888888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
}
.bk1_dad_ad_box {
    padding: 25px;
    margin: 0;
    background: rgba(231, 233, 239, 0.6);
    border: 1px solid #888888;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
}
.post-title-container {
    padding: 0 0 0 10px;
    border-left: 0px solid #DDD;
}

/******* Recruitment Positions Page Styles *******/

.header-no-top-margin {
    margin-top: 0px !important;
}

/********* General *******************/

.toolbar-tbl + div + div + div + table.dataTable, .dataTables_length + div + div + .dataTables_scroll table.dataTable {
    border-top: 3px double #DDD;
}

.border-error
{
    border: 3px solid #e74c3c;
}

.driver-notes-doc-ver {
    border: 1px solid #cccccc;
    color: #454545;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;

}

.question-container {
    margin: 20px 0;
}


/********* #4979 - Careers Filter *******************/

#careers.uk-offcanvas-page {
    position: relative;
    margin-left: 0 !important;
    height: 100% !important;
    min-height: 100vh;
}
#careers {
    max-width: 1184px;
    margin: auto;
    background-color: #fafafa;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    min-height: 100vh;
}

#careers #navmain .navbar-inner {
    min-height: 40px;
}

.contractor-link-tab {
    background: #f26522;
    margin: -10px -25px -10px 0;
    -webkit-box-shadow: inset 4px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 4px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: none;
}

.continue-alert {
    background: #4c6a88;
    color: #FFF;
    margin: -15px -15px 0;
    padding: 10px 0 10px 15px;
}

.continue-alert h2, .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
    color: #FFF !important;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0 !important;
    font-size: 18px;
}

.continue-alert h2:hover, .continue-alert a.uk-button.uk-button-link:hover {
    text-decoration: none;
    color: #D5D5D5 !important;
}
.continue-alert h2:focus, .continue-alert a.uk-button.uk-button-link:focus {
    color: #D5D5D5 !important;
    outline: none;
    text-decoration: none;
}

.tab-navbg_dad {
    padding-bottom: 1px;
    background-color: rgba(231,233,239,1);
    margin: 0 -15px 0 -15px;
    border-radius: 4px 4px 0 0;
}
.page_infobg_dad {
    padding: 0 15px 10px 25px;
    background-color: rgba(231,233,239,1);
    margin: -5px -15px 0 -15px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #c2c3c7;
}

.filter-open-tab a.uk-button.uk-button-link.uk-button-filter {
    background: transparent;
    color: #FFF !important;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 25px;
    text-align: right;
    border: none;
    border-radius: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-left: none;
}

.filter-open-tab a.uk-button.uk-button-link.uk-button-filter:hover {
    background: transparent;
    color: #FFF !important;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
}

.uk-text-right-mobile {
    text-align: right;
}

.hdr-bar-txt {
    font-size: 14px;
}

.screen-dbl-hr, hr.screen-dbl-hr {
    border-top: 3px double #999;
    padding-top: 15px;
    margin-top: 10px;
    border-bottom: none;
}

.screen-dbl-hr-muted, hr.screen-dbl-hr-muted {
    border-top: 3px double #d9d9d9;
    padding-top: 5px;
    margin-top: 10px;
    border-bottom: none;
}

.cell-phone {
    position: absolute;
    bottom: 0;
    left: 0px;
}

.secondary_nav_dad {
    padding: 0 15px;
    min-height: 40px;
    background-color: #e9e9e9;
    margin: 0 -15px 0 -15px;
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c3c7;
}

.uk-panel-box.tour-panel {
    background: #414D52;
}

.bottom_gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,000000+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(233,233,233,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(233,233,233,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(233,233,233,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e9e9e9', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    margin: 0 -15px 0 -15px;
    border-top: 1px solid #ffffff;
    height: 20px;
}
#notes-nav .uk-navbar-nav {
    padding: 0;
    list-style: none;
    border-bottom: 0 solid #ddd;
}
#notes-nav .uk-navbar-nav>li {
    margin-bottom: -1px !important;
    float: left;
    position: relative;
}
#notes-nav .uk-navbar-nav>li>a {
    display: block;
    border-left: 1px solid rgba(170,170,170,0.5);
    border-right: 1px solid rgba(170,170,170,0.5);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid rgba(170,170,170,0.5);
    background-color: #e2e2e2;
    color: #444444;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    border-radius: 0;
    height: 42px;
}
#notes-nav .uk-navbar-nav>li>a:hover {
    background-color: rgba(255,255,255,0.5);
    margin-bottom: -2px !important;
}

#notes-nav .uk-navbar-nav {
    padding: 0;
    list-style: none;
    border-bottom: 0px solid #ddd;
}
#notes-nav .uk-navbar-nav>li {
    margin-bottom: -1px !important;
    float: left;
    position: relative;
}
#notes-nav .uk-navbar-nav>li>a {
    display: block;
    border-left: 1px solid rgba(170,170,170,0.5);
    border-right: 1px solid rgba(170,170,170,0.5);
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid rgba(170,170,170,0.5);
    background-color: #e2e2e2;
    color: #444444;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    border-radius: 0;
    height: 42px;
}
#notes-nav .uk-navbar-nav>li>a:hover {
    background-color: rgba(255,255,255,0.5);
    margin-bottom: -2px !important;
}
#notes-nav .uk-navbar-nav>li.uk-active>a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cc14d+0,689e27+100 */
    /*background: rgb(140,193,77) !important; /* Old browsers */
    /*background: -moz-linear-gradient(top,  rgba(140,193,77,1) 0%, rgba(104,158,39,1) 100%) !important; /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  rgba(140,193,77,1) 0%,rgba(104,158,39,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  rgba(140,193,77,1) 0%,rgba(104,158,39,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc14d', endColorstr='#689e27',GradientType=0 ) !important; /* IE6-9 */
    background-color: #009dd8;
    background-image: -webkit-linear-gradient(top,#00b4f5,#008dc5);
    background-image: linear-gradient(to bottom,#00b4f5,#008dc5);
    color: #ffffff;
    text-shadow: 0 -1px 0 #4e7b19;
    margin-bottom: -1px !important;
    border-top: 1px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
    margin-right: -1px;
    margin-left: 0;
}

.page-tabs > .video-navheader,.page-tabs > .tab-navheader {
    padding: 10px 15px 0 15px;
    border: 1px solid #999999;
    border-radius: 4px 4px 0 0;
    margin-top: 0;
    margin-bottom: -1px;
    border-bottom: 1px solid #999999;
    position: relative;
    z-index: 2;background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(201,201,201,1) 88%, rgba(173,173,173,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
}
.print-button {
    -webkit-appearance: none;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: #444;
    text-transform: none;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    background: #f7f7f7;
    vertical-align: middle;
    line-height: 40px;
    min-height: 40px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    border-left: 1px solid rgba(0,0,0,.2);
    border-right: 1px solid rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.3);
    background-origin: border-box;
    background-image: -webkit-linear-gradient(top,#e3e3e3,#eee);
    background-image: linear-gradient(to bottom,#e3e3e3,#eee);
    border-radius: 0;
    text-shadow: 0 1px 0 #fff;
}
.notes-container {
    border-top: 3px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    background: #F6F6F6;
    padding: 10px 15px !important;
}
.notes-container-over {
    border-top: 3px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.21);
    background: #F6F6F6;
    padding: 5px 10px !important;
}
.driver-notes-header {
    color: #454545;
    padding: 0 6px 0 0;
}
.driver-notes-header a {
    color: #454545;
}
.driver-notes-header a:hover {
    color: #454545;
    text-decoration: none;
}
.driver-notes-panel {
    background-color: #E9E9E9;
}

.alert-styles {
    padding: 3px 5px !important;
    vertical-align: middle !important;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
}
.driver-notes-name {
    font-size: 20px;
}
.driver-notes-over-name {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}
.notes-over-bottom-border {
    border-bottom: 1px solid #cccccc;
}

.notes-over-bottom-border-light {
    border-bottom: 1px solid #f3f3f3;
}
.notes-over-container-top {
    border: 1px solid #cccccc;
    padding: 0;
    background-color: #ffffff;
}
.notes-over-container {
    border: 1px solid #cccccc;
    padding: 0;
    margin-top: -1px !important;
}
.doc-ver-box-over-top {
    border-left: 1px solid #cccccc;
    margin-right: -10px;
    background-color: #ffffff;
}
.doc-ver-box {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    background-color: #ffffff;
}

.adminbar-container {
    padding: 15px 15px 10px;
    border-top: 1px solid #CCC;
    margin-top: 15px;
}

.question-container {
    margin: 20px 0;
}
.driver-notes-doc-ver {
    border: 1px solid #cccccc;
    color: #454545;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
}
.driver-notes-doc-ver a {
    color: #454545;
}
.driver-notes-doc-ver a:hover {
    color: #454545;
    text-decoration: underline;
}
.driver-notes-employer {
    border-bottom: 1px solid #cccccc;
    color: #454545;
    padding: 5px 6px 5px 0;
}
.driver-notes-employer a {
    color: #454545;
}
.driver-notes-employer a:hover {
    color: #454545;
    text-decoration: underline;
}
.driver-notes-employer-name {
    font-size: 14px;
    font-weight: 400;
}
.doc-ver-box-employer {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background-color: #ffffff;
    color: #454545;
}
.driver-fullfilled-header {
    color: #454545;
    padding: 0 0 0 0;

}
.driver-fullfilled-documents {
    color: #454545;
    margin: 10px 0px;
}
.driver-fullfilled-employer-name {
    font-size: 14px;
    font-weight: 600;
    padding-left: 0 !important;
}
.driver-fullfilled-employer {
    border-bottom: 1px solid #cccccc;
    color: #454545;
    padding: 3px 0 3px 0;
}
.verified-doc .uk-button {
    color: #2993d9 !important;
    font-weight: 600;
}
.verified-doc a {
    color: #2993d9  !important;
    font-weight: 400;
}
.verified-doc a:hover {
    color: #2993d9  !important;
    font-weight: 400;
}
.column-labels {
    border-radius: 0 0 0 0;
    padding: 5px 0;
    border-bottom: 1px solid #858383;
    border-top: 1px solid #858383;
    font-weight: 600    ;
}
.legend-text {
    font-size: 12px;
    line-height: 14px;
}

/******************************* START COMPLIANCE VIOLATIONS Styling ******************************/

.violation-notes-box {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background-color: #ffffff;
    color: #454545;
}

.violation-note-style {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.violation-note-style:last-child {
    border-bottom: 0px solid #e2e2e2;
    margin-bottom: 0px;
    padding-bottom: 0px;
}



/******************************* END COMPLIANCE VIOLATIONS Styling ******************************/

.tabs-lvl2 .uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0 solid #ddd;
}

.page-tabs {
    background: -moz-linear-gradient(top,  rgba(231,233,239,1) 78%, rgba(231,233,239,0.95) 79%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(231,233,239,1) 78%,rgba(231,233,239,0.95) 79%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
        border-bottom: none;
    border-radius: 4px 4px 0 0;
}

.tabs-lvl2 {
    background: rgb(237,237,237);
    background: -moz-linear-gradient(top, rgba(231,233,239,1) 0%,#c2c8ce 88%,rgba(185, 187, 195,1) 100%);
    background: -webkit-linear-gradient(top, rgba(231,233,239,1) 0%,#c2c8ce 88%,rgba(185, 187, 195,1) 100%);
    background: linear-gradient(to bottom, rgba(231,233,239,1) 0%,#c2c8ce 88%,rgba(185, 187, 195,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#adadad',GradientType=0 );
    margin: -25px -26px 0 -26px;
    padding: 10px 15px 0 15px;
    border-bottom: 1px solid #999999;
    border-radius: 0 0 0 0;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    position: relative;
    z-index: 2;
}

.bk1-tabs {
    padding: 25px;
    margin-bottom: 15px;
    background: rgba(231,233,239,1);
    background: -moz-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(231,233,239,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,233,239,1)), color-stop(100%, rgba(231,233,239,0.6)));
    background: -webkit-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(231,233,239,0.6) 100%);
    background: -o-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(231,233,239,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(231,233,239,1) 0%, rgba(231,233,239,0.6) 100%);
    background: linear-gradient(to bottom, rgba(231,233,239,1) 0%, rgba(231,233,239,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e9ef', endColorstr='#e7e9ef', GradientType=0 );
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.21);
    border: 1px solid #C1C3C8 !important;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius:  0 0 4px 4px;
    border-radius:  0 0 4px 4px;
}

.video-navheader {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,c9c9c9+88,adadad+100 */
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(201,201,201,1) 88%, rgba(173,173,173,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(201,201,201,1) 88%,rgba(173,173,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
    margin: -25px 0 0 0;
    padding: 10px 15px 0 15px;
    border-bottom: 1px solid #999999;
    border-radius: 4px 4px 0 0;
}
#tab-nav .uk-tab, .tab-nav .uk-tab {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 0 solid #ddd;
}
#tab-nav .uk-tab>li, .tab-nav .uk-tab>li {
    margin-bottom: -1px !important;
    float: left;
    position: relative;
}
#tab-nav .uk-tab>li>a, .tab-nav .uk-tab>li>a {
    display: block;
    padding: 8px 12px 8px 12px;
    border-top: 1px solid rgba(170,170,170,0.5);
    border-left: 1px solid rgba(170,170,170,0.5);
    border-right: 1px solid rgba(170,170,170,0.5);
    border-bottom: 1px solid transparent;
    background-color: rgba(255,255,255,0.2);
    color: #444444;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    text-shadow: 0 1px 0 #fff;
}
#tab-nav .uk-tab>li>a:hover, .tab-nav .uk-tab>li>a:hover {
    background-color: rgba(255,255,255,0.5);
    margin-bottom: -2px !important;
    padding: 8px 12px 8px 12px;
}
#tab-nav .uk-tab>li.uk-active>a, .tab-nav .uk-tab>li.uk-active>a {
    background: rgba(231,233,239,1) !important;
    -moz-box-shadow: 0 0 3px 2px #ccc;
    -webkit-box-shadow: 0 0 3px 2px #ccc;
    box-shadow: 0 -2px 2px 1px rgba(173,173,173,0.3);
    border-bottom: 1px solid rgba(231,233,239,1) !important;
}


/************************ Log In Form Customization *******************************/


/************************ END Login Form Customization *******************************/

/******************************* START Responsive Styling ******************************/

@media screen and  (max-width: 59.9em) {
    .continue-alert h2, .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
        font-size: 16px;
/*      text-align: center !important;*/
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .text-center-mobile {
        text-align: center !important;
    }
    .topbox-connect {
        margin-left: 0px !important;
        padding-top: 15px !important;
        border-bottom-left-radius: 0px !important;
    }
    .navbar .nav>li>a,.navbar.uk-navbar .nav.uk-navbar-nav>li>a, .uk-navbar-nav>li>a {
        float: none;
        color: #fff;
        text-decoration: none;
        text-shadow: none;
        padding: 0 7px !important;
    }
    aside nav #divAlerts {
        margin-top: 15px;
    }
    #leftNavigationPane .nav {
        padding: 0 5px 5px 15px !important;
    }
    #sidenav .header {
        margin: 10px 10px 10px 15px !important;
        border-radius: 3px;
        margin-top: 15px;
    }

    #leftNavigationPane .nav {
        padding: 0 5px 5px 15px !important;
    }
    #sidenav .header {
        margin: 10px 10px 10px 15px !important;
    }

    .name-hdr-side-sticky {
        border-bottom: 1px solid transparent;
    }
    .full-w-content .app-buttons {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 1540px;
        margin: auto;
    }
}

@media screen and  (min-width: 1200px) {
    .name-hdr-side-sticky {
        border-bottom: 1px solid transparent;
    }
}

@media screen and  (max-width: 767px) {
    .continue-alert h2, .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
        color: #FFF !important;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
    }
    .full-w-content .app-buttons {
        padding-left: 0;
    }
    aside nav #divAlerts {
        margin-top: 15px;
    }

    .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
        padding-bottom: 10px;
    }

    .contractor-link-tab {
        background: #f26522;
        margin: 0px -25px -10px 0 !important;
        -webkit-box-shadow: inset 4px 0px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 4px 0px 5px 0px rgba(0,0,0,0.25);
        box-shadow: inset 3px 0px 2px 0px rgba(0,0,0,0.25);
    }

    .filter-open-tab a.uk-button.uk-button-link.uk-button-filter {
        font-size: 14px;
        color: #FFF !important;
        text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: right;
        border-radius: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-left: none;
    }

    .continue-alert {
        color: #FFF;
        margin: -20px -30px 0;
        padding: 10px 0 10px 0px !important;
    }
    .topbox-connect {
        margin-left: 0px !important;
        padding-top: 15px !important;
        border-bottom-left-radius: 0 !important;
    }
}

@media screen and  (max-width: 480px) {

    aside nav #divAlerts {
        margin-top: 15px;
    }

    #sidenav .header {
        margin: 10px 10px 10px 15px !important;
    }

    #leftNavigationPane .nav {
        padding: 0 5px 5px 15px !important;
    }

    .uk-hidden-xsmall {
        display: none;
    }

    .uk-text-right-mobile {
        text-align: left !important;
    }

    .fade-it {
        opacity: 1;
    }

    #welcomeMessage p {
        margin-top: 9px !important;
        margin-bottom: 5px;
    }

    #welcomeMessage p + p  {
        margin-top: 5px !important;
    }

    .continue-alert {
        background: #4c6a88;
        color: #FFF;
        margin: -10px -10px 0;
        padding: 10px 0px;
    }

    .continue-alert h2, .continue-alert a.uk-button.uk-button-link {
        color: #FFF !important;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
        text-align: center !important;
    }

    .continue-alert h2, .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
        color: #FFF !important;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
    }

    .continue-alert a.uk-button.uk-button-link:not(.uk-button-filter) {
        padding-bottom: 10px;
    }

    .filter-open-tab a.uk-button.uk-button-link.uk-button-filter {
        font-size: 14px;
        color: #FFF !important;
        text-shadow: 0 1px 0 rgba(0,0,0, 0.3);
        padding-top: 0px;
        padding-bottom: 12px;
        text-align: right;
        border-radius: 0 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-left: none;
    }

    .contractor-link-tab {
        margin: 0 -25px -10px 0;
    }
    body {
        margin: -1px 0 0 0;
        font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 20px;
        color: #2c3e50;
        background-color: #cdccd2;
        min-height: 100%;
        background:  url(/images/bg-body.jpg) no-repeat;
        background-size: cover;
        background-attachment: center;
        border-top: 1px solid transparent;
    }

    .login-logo img {
        margin-top: 0px;
    }

    .login-logo-padding {
        text-align: center;
        padding-left: 0px !important;
    }

    #PIaddress-style .uk-form-row+.uk-form-row {
        margin-top: 5px;
        text-align: left;
   }

    #login-drawer, #login-drawer.open {
        margin-top: 20px;
        height: 240px;
    }

    .login-title h1 {
        margin: 10px 0 8px;
        font-size: 24px;
    }

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

    .uk-hidden-xsmall {
        display: none;
    }
    .login-panel {
        width: 310px;
        margin-top: -128px;
    }

    .sticky-fix {
        display: none !important;
    }

    #headerContain {
        z-index: 1000;
        width: 100% !important;
    }
    .name-hdr-mobile {
        display: none;
    }

    .mobile-margin {
        margin-top: -40px !important;
    }

    .move-up-ext {
        top: 0px;
        display: block;
    }
    .move-up-ext .uk-active {
        top: 52px !important;
        display: block;
    }
}

@media screen and (max-width: 968px) {
}
@media screen and (max-width: 479px) {
    .spnEntry {
        font-size: 18px;
        border-radius: 50%;
        background: #CCC;
        width: 24px;
        height: 24px;
        display: inline-block;
        text-align: center;
        line-height: 24px;
        color: #FFF;
        margin-left: -7px;
    }
}

@media screen and (max-width: 1080px) and (min-width: 960px) {
    input[type="text"].phonenumext {
        min-width: 55px;
        max-width: 58px !important;
        text-align: center;
        display: block;
        clear: both;
        margin: 5px 0 0 8px;
    }
}
@media (max-width:767px) {
    div.subnav .nav>li:first-child>a, div.subnav .nav>li+li>a {
        border-color: transparent;
    }
    div.subnav .nav>li:first-child>a:hover, div.subnav .nav>li+li>a:hover {
        background-color: #cfd9db;
    }
    div.subnav .nav>li:last-child>a {
        border-radius: 0 0 4px 4px;
    }
    .input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn {
        padding: 5px;
    }
    body {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .top-bar .btn-group {
        margin-top: 10px;
    }

}

@media (max-width:979px) {
    .navbar .nav-collapse .nav>li>a {
        color: #fff
    }
    .navbar .nav-collapse .nav>li>a:hover {
        background-color: #18bc9c
    }
    #headerContain .input-xlarge {
        width: 120px;
    }
    #menu2 {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1080px) {

    #headerContain .input-xlarge {
        width: 120px;
    }
    .navbar .nav>li.login>a {
        font-size: 13px;
        padding: 15px 8px 15px;
        max-width: 92px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}


@media only screen and (max-width: 1345px) and (min-width: 768px) {

    .navbar .nav>li>a {
        float: none;
        padding: 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        text-shadow: 0 1px 0 #2c3e50;
    }
}


.hidden {
    display: none;
    visibility: hidden;
}

/************** END 4606 **********/

.lms-specific-modal .uk-modal-dialog .modal-content {
    margin: 0 -20px;
    margin-bottom: 0 !important;
}

.lms-specific-modal .uk-modal-dialog .uk-modal-header {
    margin-bottom: 1px !important;
}

/**************************** START US#5831 ******************************/

table.cfdump_wddx, table.cfdump_xml, table.cfdump_struct, table.cfdump_varundefined, table.cfdump_array, table.cfdump_query, table.cfdump_cfc, table.cfdump_object, table.cfdump_binary, table.cfdump_udf, table.cfdump_udfbody, table.cfdump_udfarguments,table.cfdump_wddx td, table.cfdump_xml td, table.cfdump_struct td, table.cfdump_varundefined td, table.cfdump_array td, table.cfdump_query td, table.cfdump_cfc td, table.cfdump_object td, table.cfdump_binary td, table.cfdump_udf td, table.cfdump_udfbody td, table.cfdump_udfarguments td {
    font-size: xx-small;
    font-family: verdana, arial, helvetica, sans-serif;
    max-width: 800px;
    cell-spacing: 2px;
    word-wrap: break-word;
}
table.cfdump_wddx td, table.cfdump_xml td, table.cfdump_struct td, table.cfdump_varundefined td, table.cfdump_array td, table.cfdump_query td, table.cfdump_cfc td, table.cfdump_object td, table.cfdump_binary td, table.cfdump_udf td, table.cfdump_udfbody td, table.cfdump_udfarguments td {
    overflow-x: auto;
}

/**************************** END US#5831 ******************************/

/**************************** START US#7175 ******************************/

h4:empty,h4:blank, h3.post-title + h4:blank, h3.post-title + h4:empty {
    display: none !important;
    margin-top: 0 !important;
}

/**************************** END US#7175 ******************************/

/**************************** START US#7425 LOGIN QUICKAPP ******************************/

.quick-app-styling {
    padding: 0;
}
.quick-app-styling > div > iframe {
    max-width: 465px;
    width: calc(100% + 20px);
}

@media (max-width: 480px) {
    .mobile-login-container {
        padding: 0 !important;
    }
}

.consent-row {
    cursor: pointer;
}

/**************************** END US#7425 LOGIN QUICKAPP ******************************/

/**************************** START US#7843 POST CAMPAIGN ENHANCMENTS ******************************/

table.dataTable thead .sorting {
    background-image: none!important;
}

table.dataTable thead .sorting:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-size: 11px;
    float: right;
    margin-left: 5px;
    color: #CCC;
}

table.dataTable thead .sorting_asc {
    background-image: none !important;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    font-size: 11px;
    float: right;
    margin-left: 5px;
    color: #444;
}

table.dataTable thead .sorting_desc {
    background-image: none !important;
}

table.dataTable thead .sorting_desc.gateway-color-column:after,table.dataTable thead .sorting_asc.gateway-color-column:after,table.dataTable thead .sorting.gateway-color-column:after {
    float: right;
    margin-right: 7px;
}

.dataTables_scrollBody table.dataTable thead .sorting:after,.dataTables_scrollBody table.dataTable thead .sorting_asc:after,.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    display: none !important;
}

/**************************** END US#7843 POST CAMPAIGN ENHANCMENTS ******************************/

/**************************** #8331 UIKIT 3 ******************************/
/* Microsoft Edge  Login Page*/
input::-ms-reveal {
    display:none !important;
}
input::-ms-clear {
    display: none !important;
}
#careers .quickAppContainer .uk-panel-box {
    border-bottom: none;
}
#careers .question-extrainfo {
    background-color: #ffffff;
}
#careers .quickAppContainer .uk-select {
    margin-top: 8px;
}
.language .uk-navbar-dropdown {
    top: 42px !important;
}
#phonescreen .custom-select-outlined > select.error , .custom-select-outlined > select.error + label::before, .custom-select-outlined > select.error + label::after {
    border-color: #C01F24 !important;
}
/*
#phonescreen input:not(.error):not(select):not(hover):not(focus):not(before):not(after):not(label), #phonescreen select:not(.error):not(hover):not(focus):not(before):not(after):not(label) {
    border-color: #ccc;
}
#phonescreen input:focus, #phonescreen input:hover, #phonescreen input:not(label) select:focus, #phonescreen select:hover {
     border-color: #999 !important;
}
#phonescreen .custom-textfield-outlined > input:focus, #phonescreen .custom-select-outlined > select:focus, #phonescreen .custom-select-outlined > select.valid {
    border-top-color: #ffffff !important;
} */
#phonescreen .truckright-quickapp-right-column .customInput {
    padding-top: 0px;
}
.analyticsDaysMonthsYears .custom-select-outlined > .select2-container > a > [class^="select2-chosen"] {
    line-height: 16px;
}
/*** Main Navigation Colors***/
/*.navbar .nav li.phScreen:not(.active) a {
    background-color: rgba(255,255,255,.25) !important;
}
.navbar .nav li.phScreen:hover a {
    background-color: rgba(255,255,255,.5) !important;
}*/
/*.navbar .nav li.active > a, .navbar .nav li.phScreen.active a {
    background-color: rgba(255,255,255,0.5) !important;
}*/

/**************************** END #8331 UIKIT 3 ******************************/
/************************* #9336 ACTION CENTER ACTIVITY LOG *********************/
.gatewayAC .user-file-link {
    padding-right: 2.5px;
}