/********* Typography Only *********/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}
h1 {
  font-size: 32px;
  font-weight: 900;
}
h2 {
  font-size: 20px;
    line-height: 24px;
    font-weight: normal;
}

#leftNavigationPane h2, #content-w2w h2.with-help {
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-left: 5px;
    line-height: 24px;
}

.uk-text-primary {
    color: #47649e !important;
}

#content-w2w h2 {
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-left: 0;
    line-height: 24px;
}

#content-w2w h2 > [class*=uk-icon-],#content-w2w h2 + [class*=uk-icon-] {
    font-size: 16px;
    cursor: help;
}

.sub-header h2 {
    margin: 10px 0 8px;
}

h3, h3.uk-vertical-align-middle {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.uk-card-header h3 {
	font-weight: 400;
	font-size: 16px;
}

.qual-panel-title {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 5px;
}

#personSignature h3, #divRepSignature h3, #divPersonSignature h3 {
  font-size: 16px !important;
    /*color: #2d7091 !important;*/
    margin-bottom: 0;
}

h4 {
  font-size: 14px;
    /* color: #787878; */
}
/*
h5, .uk-h5 {
  font-size: 14px;
  line-height: 20px;
  color: #2d7091;
}*/

span.sub-title {
    margin-top: 0;
    margin-left: 7px;
    color: #888;
    font-size: 14px;
}

span.sub-title:before {
    content: "\f105";
    font-family: "Fontawesome";
    margin-right: 3px;
}

h5 {
	font-size: 16px;
	font-weight: 500;
  margin-bottom: 5px;
}
h6 {
  font-size: 13px;
  font-weight: 500;
  text-transform: none
}
p {
  margin-bottom: 1em
}

em {
  color: inherit;
}

.uk-text-muted, .uk-text-muted *:not(.attach-label) {
    color: #999;
}
.uk-text-normal {
  font-weight: 400 !important;
}
.uk-text-default-color {
  color: #444444;
}

.post-details ul, #bodyContent ul:not(.uk-list) {
  list-style: disc;
  padding-left: 30px;
}

.text-normal {
    font-weight: normal;
}
.uk-contrast {
    color: #fff !important;
}
.uppercase {
    text-transform: uppercase;
}
hr:not(.swal2-spacer):not(.uk-grid-divider-dashes):not(.uk-divider-vertical) {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid rgba(140,140,140,0.15);
    /*** border-bottom: 1px solid #fff; #6190 ***/
    border-bottom: 1px solid transparent;
}

hr.uk-grid-divider-thick:not(.swal2-spacer):not(.uk-grid-divider-dashes) {
    margin: 20px 0;
    border: 0;
    border-top: 2px solid rgba(140,140,140,0.15);
    /*** border-bottom: 1px solid #fff; #6190 ***/
    border-bottom: 1px solid transparent;
}

.swal2-spacer {
    margin: 0 0;
}

.uk-panel-box-opacity hr {
    margin: 5px 0 !important;
    border: 0 !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #fff !important;
}

.dashed-hr {
    border-top: 2px dashed #CCC; margin: 10px 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    padding-bottom: 0 !important;
    font-size: 22.5px;
    line-height: 40px;
    color: #7b8a8b;
    border-bottom: 1px solid #ffffff !important;
}

.label, .badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  /* text-shadow: 0 -1px 0 rgba(0,0,0,0.25); */
  white-space: nowrap;
  /* vertical-align: baseline;
  background-color: #b4bcc2 */
}

h3 label {
    font-size: 14px;
    font-weight: normal;
}

.uk-link, a {
    /*color:#75c256;*/
    text-decoration:none;
    cursor:pointer;
}

#employeeNameType {
    font-size: 16px;
    line-height: 26px;
}

#employeeNameType > span {
    font-size: 13px;
}

.name-hdr-side-sticky #employeeNameType.uk-text-large, .name-hdr-side-sticky #employeeNameType.uk-text-lare > span {
    font-size: 20px;
}

.links a, .links a:link, .links a:hover, .links a:visited {
    color: #3377cc;
}

.uk-text-faded {
    color: #DDD;
}

.v-rule {
    border-right: 1px solid #CCC;
    margin: 0 5px 0 3px;
}

.driver-complete-icon {
  color: #e4be00;
  font-size: 16px;
}

h3 + .uk-h5 {
  font-size: 13px;
  line-height: 24px;
  font-weight: normal;
  margin: 0 0 0 5px;
}
@media (max-width: 480px) {
  h3 + .uk-h5 {
    font-size: 13px;
    line-height: 24px;
    font-weight: normal;
    margin: 0 0 0 0;
  }
}

.action-icons [class*=uk-icon-], .action-icons a,.action-icons [class^=icon-] {
    font-size: 16px;
    line-height: 25px !important;
    margin-top: 7px !important;
    display: inline-block;
}

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

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

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.svg?41977597#fontello') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
/*  margin-left: .2em;*/

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-video-help-fr-ca:before { content: '\e801';width: 1.5em; } /* 'î €' */
.icon-video-help-en-ca:before, .icon-video-help-en-us:before { content: '\e805';width: 1.5em; } /* 'î €' */
.icon-video-help-fr-ca.uk-icon-small, .icon-video-help-en-ca.uk-icon-small, .icon-video-help-en-us.uk-icon-small  { font-size: 125%; width: 45px; }

.uk-button-secondary > .icon-user-file { color: #777; }
.uk-button.allowCloseSlideout .icon-user-file {
  line-height: 16px;
}
.icon-app-icons-police:before { content: '\e800'; } /* '' */
.icon-video-help-icon-fr:before { content: '\e801'; } /* '' */
.icon-app-icons-tow-truck:before { content: '\e802'; } /* '' */
.icon-outlook-seeklogo.com:before { content: '\e803'; } /* '' */
.icon-compliance-triangle-icon:before { content: '\e804'; } /* '' */
.icon-video-help-icon-en:before { content: '\e805'; } /* '' */
.icon-google-calendar-icon:before { content: '\e806'; } /* '' */
.icon-user-file:before {     content: '\e807';
    width: 1.35em;
    margin-right: 0;
    margin-left: -.25em; } /* '' */
.icon-doc-reviewed:before { content: '\e80a'; } /* '' */
.icon-tasks-checked:before { content: '\e80b'; } /* '' */
.icon-toggle-unchecked:before { content: '\e80c'; } /* '' */
.icon-toggle-checked:before { content: '\e80d'; } /* '' */
.icon-icon-gateway:before { content: '\e80e'; } /* '' */
.icon-icon-recruiting:before { content: '\e80f'; } /* '' */
.icon-book-legend-icon:before { content: '\e812'; width: 1.5em; } /* '' */
.icon-review-icon:before { content: '\e813'; } /* '' */
.icon-cra-shield:before { content: '\e814'; } /* '' */
.icon-tasks-completed-icon:before { content: '\e815'; } /* '' */
.icon-tasks-icon:before { content: '\e816'; } /* '' */
.icon-new-u-turn-icon:before { content: '\e817'; } /* '' */
.icon-canned-notes:before { content: '\e818'; font-size: 125%; } /* '' */
.icon-note-checked:before { content: '\e900'; } /* '' */
.icon-note-checked2:before { content: '\e901'; } /* '' */
.icon-document-checked:before { content: '\e904'; } /* '' */
.icon-document-checked2:before { content: '\e905'; } /* '' */
.icon-handshake-o:before { content: '\f2b5'; } /* '' */
.icon-add-pic-icon:before { content: '\e819'; } /* '' */
.icon-ignite-owl:before {
    content: '\e81c';
    width: 1.5em!important;
}
.icon-doc-group:before { content: '\e81d'; } /* '' */
.icon-military-rank2:before { content: '\e81e'; font-size: 1.2em; } /* '' */
.icon-ver-x:before { content: '\e81b'; } /* '' */
.uk-icon-large-custom {
  font-size: 30px;
  vertical-align: middle;
}
.icon-next-action:before { content: '\e820'; } /* '' */

#tblRecuiting .icon-next-action:before { color: #51C1F4; } /* '' */

em {
    color: #444;
}

.icon-list .icon-new-u-turn-icon, .status-retake.icon-new-u-turn-icon {
  font-size: 18px;
}

.sprite-arrow_redo.icon-new-u-turn-icon {
  font-size: 16px;
}
.quicklinks-slide .icon-ignite-owl {
  font-size: 25px;
}

@font-face {
  font-family: 're-sign';
  src: url('fonts/re-sign.eot?55344932');
  src: url('fonts/re-sign.eot?55344932#iefix') format('embedded-opentype'),
       url('fonts/re-sign.woff2?55344932') format('woff2'),
       url('fonts/re-sign.woff?55344932') format('woff'),
       url('fonts/re-sign.ttf?55344932') format('truetype'),
       url('fonts/re-sign.svg?55344932#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?55344932#fontello') format('svg');
  }
}
*/
 .icon-re-sign:before,.icon-re-sign-no-txt:before,.signature-icon:before {
  font-family: "re-sign";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.action-icons .icon-re-sign {
  font-size: 23px;
  display: block;
  line-height: 30px;
}
.icon-re-sign:before { content: '\e800'; width: 1em; margin-left: 2px; } /* '' */
.icon-re-sign-no-txt:before,.signature-icon:before { content: '\e801'; width: 1em; margin-left: 2px; } /* '' */
