@charset "UTF-8";
*,
.redactor-in,
.fr-wrapper {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

.redactor-in *,
.fr-wrapper * {
  font-size: inherit;
  font-family: inherit;
}

html,
body {
  min-height: 100%;
}

@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  html,
  body {
    height: 100%;
  }
}
html {
  /* Handle Redactor explicit styling */
  overflow: initial !important;
  padding-right: 0 !important;
}

body {
  overflow-y: scroll;
}

body.compas {
  margin: 0;
  color: #4a4a4a;
}

label {
  color: black;
}

.iframe-body {
  overflow-y: auto;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
  background-color: #ccc;
  width: 0;
  height: 0;
}

::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
  background-color: #ddd;
  border: 1px solid #ccc;
}

::-webkit-scrollbar-thumb:vertical {
  background-color: #aaa;
  border: 1px solid #999;
  -webkit-border-radius: 2px;
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: #ccc;
  border: 1px solid #aaa;
  -webkit-border-radius: 2px;
}

.table-fixed-layout {
  table-layout: fixed;
  word-wrap: break-word;
}

.table-fixed-layout th {
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.compas .header-logo {
  display: inline-block;
  position: relative;
  border-right: solid 1px #ccc;
  background-repeat: no-repeat;
  height: 55px;
  width: 200px;
}

.compas .header-subtabs {
  height: auto;
  background-color: #0070c0;
  -webkit-box-shadow: 0 8px 13px -4px #aaa;
  box-shadow: 0 8px 13px -4px #aaa;
  border-bottom: solid 1px #eee;
  z-index: 6001;
}

.compas .documents-subtabs-accent,
.compas .mycompas-subtabs-accent,
.compas .timesheet-subtabs-accent,
.compas .documents-subtabs-accent,
.compas .reports-subtabs-accent {
  border-top: solid 2px #406fb6;
}

.compas .back-office-subtabs-accent {
  border-top: solid 2px #f82;
}

.compas .applicants-subtabs-accent {
  border-top: solid 2px #3a3;
}

.compas .companies-subtabs-accent,
.compas .jobs-subtabs-accent {
  border-top: solid 2px #3af;
}

.compas .subtabs-collapsed {
  height: 10px;
  z-index: 6001;
  -webkit-animation: subtabs-collapsed 250ms;
  animation: subtabs-collapsed 250ms;
}

.compas .subtabs-collapsed > div {
  display: none;
}

@-webkit-keyframes subtabs-collapsed {
  from {
    height: 40px;
  }
  to {
    height: 10px;
  }
}
@keyframes subtabs-collapsed {
  from {
    height: 40px;
  }
  to {
    height: 10px;
  }
}
.compas .badge-header {
  top: -2px;
  left: 28px;
  position: absolute;
  float: left;
  padding: 2px 5px;
  border: 1px white solid;
}

.compas .container-fluid {
  padding: 0;
}

.compas .compas-main-header .header-row-1 .navbar-form {
  padding: 11px 0 0 0;
}

.compas .sectionheader {
  font-size: large;
}

.compas .sectionsub {
  font-size: medium;
}

.compas .sectionlarge {
  font-size: x-large;
  color: white;
}

/* Taken from pcnet (1.0 -> 2.0 style conversion) - recommend replacing usage with panels */
#jobpostasidecontent .section-heading {
  background-color: #eeeeee;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px 15px;
}

#jobpostasidecontent .section-heading-title {
  font-weight: bold;
  font-size: medium;
}

#jobpostasidecontent .bucketbox {
  border-bottom: #dddddd solid 1px;
  border-left: #dddddd solid 1px;
  border-right: #dddddd solid 1px;
  padding: 10px;
}

/*
    Mobile User Responsive header
*/
.applicant-header-responsive {
  z-index: 6002;
}

.applicant-header-nav {
  background-color: white;
  border-bottom: 8px #444 solid;
  padding: 7px 20px;
  width: 100%;
  position: fixed;
  z-index: 6002;
  top: 0;
}

.applicant-header-nav > i,
.applicant-header-nav > span {
  font-size: 30px;
}

.applicant-header-nav > i {
  padding: 17px;
  margin-left: -20px;
  margin-bottom: -17px;
  margin-top: -17px;
}

.applicant-header-content {
  position: fixed;
  z-index: 6002;
  background: #ffffff;
  width: 80vw;
  max-width: 300px;
  padding-top: 5px;
  border-right: 2px solid #444;
  height: calc(100vh - 57px);
  transition: left ease 0.25s;
}

.applicant-header-content.ng-hide {
  left: -80vw;
}

.applicant-header-content:not(.ng-hide) {
  left: 0;
}

.applicant-menu-items ul {
  padding-left: 0;
  list-style-type: none;
}

.applicant-menu-items .menu-item-separator {
  height: 1px;
  background-color: #ababab;
}

.applicant-menu-items a {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  display: block;
}

.applicant-menu-items a,
.applicant-menu-items a:hover,
.applicant-menu-items a:active,
.applicant-menu-items a:visited {
  color: black;
  text-decoration: none;
}

.applicant-menu-items a > i,
.applicant-menu-items a > span,
.applicant-menu-items span > span {
  font-size: 18px;
  margin-right: 15px;
}

.compas-logo-icon {
  background: url("/app/img/CompasAssets/logo_16.png") center center no-repeat;
  display: inline-block;
  width: 16px;
}

.compas .compas-main-header .header-subtabs li:first-child > a {
  margin-left: 0;
  padding-left: 0;
}

.compas .compas-main-header .header-subtabs .navbar-nav > li > a {
  color: #fff;
}

.compas .compas-main-header .header-row-1 .navbar-nav > li > a {
  /* padding-top: 25px; */
  margin-top: 16px;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  height: 49px;
  margin-bottom: 0;
}

/* remove later */
.compas .compas-main-header .header-row-1 .navbar-nav > li > a:hover {
  background-color: #efefef;
}

.compas .compas-main-header .nav > li > a {
  padding: 10px 7px;
}

.compas .navbar.compas-main-header {
  border-radius: 0;
  border: 0;
  min-width: 1240px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 6002;
}

.compas .navbar-default.compas-main-header {
  background-color: #fff;
  border-bottom: solid 1px #fff;
}

.compas .navbar-default.impersonating.compas-main-header {
  border: 5px solid #FF0000;
}

.compas .compas-main-header .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.compas .compas-main-header .navbar-nav > li > a:hover {
  /*text-shadow: 0 0 20px #555;*/
}

.compas .compas-main-header .header-quicklinks .navbar-nav > li > a {
  margin-bottom: 0;
  height: 49px;
}

.compas .compas-main-header .header-quicklinks .navbar-nav > li > a .header-glyph {
  padding-left: 3px;
  padding-right: 3px;
  color: #4f4f4f;
}
.compas .compas-main-header .header-quicklinks .navbar-nav > li > a .header-glyph .app-nav--action--icon {
  width: 24px;
  height: 24px;
}

.compas .compas-main-header .header-subtabs .navbar-nav > li > a:hover {
  color: #fff;
  text-shadow: 0 0 10px #fff;
  transition: 250ms;
}

.compas .workarea {
  padding: 125px 30px 15px 30px;
  background-color: #f2f2f2;
  min-height: 100vh;
}

.avionte-mobile-app .workarea {
  padding: 0px;
  background-color: #ffffff;
  min-height: 100vh;
}

.compas .navbar-default .navbar-nav .active-tab > a,
.compas .navbar-default .navbar-nav .active-tab > a:focus {
  /* background-color:#e7e7e7; */
  background-color: #0070c0;
  color: white;
}

.compas .navbar-default .navbar-nav .hover-tab > a {
  background-color: #efefef;
}

/* .active-tab{
    margin-top: 25px;
    background-color: #0070c0;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    color: white;
} */
/* 
.compas .active-tab:after{
    display:block;
    position:relative;
    bottom:-2px;
    margin-left:auto;
    margin-right:auto;
    content:"";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #444;
    z-index: 6003;
} */
.compas .active-subtab {
  font-weight: bold;
}

.compas .triangle-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid red;
}

.compas .settingsHeader {
  background: #ccc;
  color: #444;
  font-size: 12pt;
  padding: 5px;
}

.compas .settingsHeader span {
  padding-left: 5px;
}

.compas .settings-menu {
  padding-top: 0;
  padding-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  min-width: 250px;
}

.compas .dropdown-menu.settings-menu {
  z-index: 7000;
  margin-top: 0;
}

.compas .dropdown-menu[id^=typeahead-] {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 480px;
  border-radius: 0;
  padding: 0;
  z-index: 7000;
  margin-top: 0;
}

.compas .dropdown-menu[id^=typeahead-][template-url=searchAllTemplate] {
  width: 20vw;
}

.compas .actionLink {
  width: 100%;
}

.compas .badge {
  margin: 0 5px;
}

.compas .quicklink-icon {
  font-size: 16px;
  top: 5px;
}

.compas .header-avatar {
  width: 30px;
  height: 30px;
  position: relative;
  top: -5px;
  border: 2px solid #555;
  background-color: #555;
  border-radius: 50%;
}

.compas .dropdown-toggle.impersonating:before {
  content: "Impersonating";
  font-weight: bold;
  font-size: 17px;
  color: #F00;
  margin-right: 10px;
  float: left;
}

.compas .dropdown-menu > li > a,
.compas .dropdown-menu > li > .dropdown-item {
  padding: 5px 25px;
}

.compas .snug-dropdown .dropdown-menu > li > a,
.compas .snug-dropdown .dropdown-menu > li > .dropdown-item {
  padding: 5px 15px;
}

.compas .overflow-ellipsis .dropdown-menu > li > a,
.compas .overflow-ellipsis .dropdown-menu > li > .dropdown-item {
  text-overflow: ellipsis;
  overflow: hidden;
}

.compas .dropdown-menu > li > a:hover,
.compas .dropdown-menu > li > .dropdown-item:hover {
  -webkit-box-shadow: none;
  cursor: pointer;
}

.compas .header-quicksearch {
  padding-left: 10px;
}

.compas .header-quicksearch > div {
  padding-left: 10px;
  padding-right: 20px;
}

.compas .header-quicksearch .dropdown-menu > li > a,
.compas .dropdown-menu[id^=typeahead-] > li > a {
  padding: 0;
}

.compas .header-quicksearch .dropdown-menu > li > a:hover,
.compas .header-quicksearch .dropdown-menu > li > a:focus,
.compas .header-quicksearch .dropdown-menu > li > a:active,
.compas .header-quicksearch .dropdown-menu > .active > a,
.compas .dropdown-menu[id^=typeahead-] > li > a:hover,
.compas .dropdown-menu[id^=typeahead-] > li > a:focus,
.compas .dropdown-menu[id^=typeahead-] > li > a:active,
.compas .dropdown-menu[id^=typeahead-] > .active > a {
  color: #333;
}

.compas .header-quicksearch .quickSearchIcon,
.compas .dropdown-menu[id^=typeahead-] .quickSearchIcon {
  font-size: 48px;
  float: left;
}

.compas .header-dropdown-item {
  left: -10px;
  top: 3px;
}

.compas .header-last-10-item {
  margin-left: -10px;
  margin-right: 10px;
}

.compas .header-dropdown-item.fa {
  font-size: 18px;
  position: relative;
}

.compas .settings-menu .dropdown-item .attention-dot:after {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 5px solid red;
  border-radius: 50%;
  margin-left: 5px;
}

.compas .imagelink {
  padding-left: 0 !important;
  text-decoration: none;
  color: #000;
}

.compas .imagelink:hover {
  background-color: #ccc;
}

.compas .search-result-container {
  white-space: nowrap;
  padding: 3px 2px 3px 5px;
  border-top: 1px solid #eee;
  position: relative;
}

.compas .search-result-container img {
  margin-top: 3px;
}

.compas .search-result-container:hover {
  background-color: #eee;
}

.compas .search-result-container span {
  padding-left: 5px;
}

.search-result-container .extra-link {
  position: absolute;
  right: 8px;
  top: 13px;
}

.search-result-container .extra-link:before {
  font-size: 18px;
  color: gray;
}

.compas .numberspan {
  width: 45px;
  text-align: right;
}

.compas .settings-menu .quickstats-item1 {
  border-bottom: none;
}

.compas .bigtext {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: rgb(80, 80, 80);
  display: inline-block;
}

.compas .quickstats-span {
  padding: 5px 5px 5px 15px;
}

.compas .header-quicklinks .dropdown-menu {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 480px;
  width: 275px;
  border-radius: 0;
  padding: 0;
  z-index: 6003;
}

.compas .dropdown-menu {
  z-index: 6003;
}

.compas .search-title {
  background-color: #ccc;
  color: #555;
  padding: 5px;
  margin-top: 0;
  margin-bottom: 3px;
  font-weight: bold;
}

.compas .imgPreview {
  width: 200px;
  height: 55px;
  background-repeat: no-repeat;
  border: 1px solid;
}

.compas .input-group .dropdown-menu:not(.uib-datepicker-popup) {
  overflow-y: auto;
  overflow-x: hidden;
  width: 90%;
  border-radius: 0;
  padding: 0;
  z-index: 6003;
}

.compas .dropdown-menu .dropdown-anchor > a {
  text-decoration: none;
  padding-left: 0 !important;
  color: #000;
}

.compas .dropdown-anchor:hover {
  text-decoration: none;
  padding-left: 0 !important;
  color: #000;
  background-color: #eee !important;
}

.compas .input-group > .dropdown-menu > .active > a,
.compas .dropdown-menu[id^=typeahead-] > .active > a {
  background-color: #eee !important;
}

.compas .dropzoney.hover {
  border: 2px dashed grey;
}

.compas .dropzoney.fade {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  /*noinspection CssUnknownProperty*/
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
}

.compas accordion .panel-title a:hover {
  text-decoration: none;
}

.applicant-accent,
.compas .applicant-accent {
  border-bottom: 4px solid #6eab35;
}

.applicant-color {
  color: #6eab35;
}

.applicant-bg-color {
  background-color: #6eab35;
}

.company-accent,
.compas .company-accent {
  border-bottom: 4px solid #4bf;
}

.company-color {
  color: #4bf;
}

.company-bg-color {
  background-color: #4bf;
}

.import-origin-bg-color {
  background-color: #6eab35;
}

.vendor-accent,
.compas .vendor-accent {
  border-bottom: 4px solid #d35846;
}

.vendor-color {
  color: #d35846;
}

.vendor-bg-color {
  background-color: #d35846;
}

.compas-accent,
.compas .compas-accent {
  border-bottom: 4px solid #406fb6;
}

.compas-color {
  color: #406fb6;
}

.green-flag,
.flag-green {
  color: #5cb85c;
}

.red-flag,
.flag-red {
  color: #d9534f;
}

.yellow-flag,
.flag-yellow {
  color: #f0ad4e;
}

.none-flag,
.flag-none {
  color: #a6a6a6;
}

.blur {
  color: transparent;
  text-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
  font-weight: bold;
}

#divhome {
  padding-left: 15px;
  padding-right: 15px;
}

.bootstrap .tags {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* Overrides tags-input invalid; should not be necessary. */
/* .bootstrap .tags.focused {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
} */
.bootstrap .tags .tag-item {
  background: #428bca;
  border: 1px solid #357ebd;
  border-radius: 4px;
  color: #fff;
}

.bootstrap .tags .tag-item.selected {
  background: #d9534f;
  border: 1px solid #d43f3a;
  border-radius: 4px;
  color: #fff;
}

.bootstrap .autocomplete {
  border-radius: 4px;
}

.bootstrap .autocomplete .suggestion-item.selected {
  color: #262626;
  background-color: #e9e9e9;
}

.bootstrap .autocomplete .suggestion-item em {
  font-weight: normal;
  background-color: #ffff00;
}

.bootstrap .autocomplete .suggestion-item.selected em {
  color: #262626;
  background-color: #ffff00;
}

@media only screen and (min-device-width: 320px) and (max-width: 1241px) {
  html > body {
    margin-top: 0;
  }
  .compas .workarea {
    padding: 5px 15px 15px 15px;
  }
  .avionte-mobile-app .workarea {
    padding: 0px;
  }
  .compas .navbar.navbar-default.compas-main-header {
    position: static;
  }
  .compas .navbar.navbar-default .subtabs-collapsed {
    height: auto;
    z-index: 6001;
    -webkit-animation: none;
    animation: none;
  }
  .compas .navbar.navbar-default .subtabs-collapsed > div {
    display: block;
  }
  .applicant-header-responsive {
    margin-bottom: 60px;
  }
}
.ui-timepicker-wrapper.jqtimepicker {
  width: 14.5em;
}

.compas tags-input .host {
  margin: 0;
}

.obscure {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.widget, .widget > div {
  height: 100%;
  width: 100%;
}

/* ui-grid's animate drastically slows down the grid
   and does not appear to display anything, disabling */
.ui-grid-animate-spin {
  -webkit-animation: none !important;
  animation: none !important;
}

.nya-bs-select .dropdown-header {
  width: 100%;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.compas .button-loading-img {
  width: 22px;
  padding-right: 10px;
}

.nav > .dropdown {
  cursor: pointer;
}

.compas-white-default-label {
  border: 1px solid lightgray;
  color: black !important;
}

/* Profile 2.0 editable styling */
.profile-widget-container .editable-text,
.profile-widget-container .editable-textarea {
  width: 100%;
}

.profile-widget-container .editable-control {
  height: 34px;
}

.profile-widget-container .editable-label {
  padding-top: 9px;
}

.profile-widget-container .editable-control [editable-text],
.profile-widget-container .editable-control [editable-select] {
  font-size: 14px;
  padding-top: 9px;
  padding-left: 13px;
  display: inline-block;
}

.profile-widget-container .editable-textarea textarea {
  height: 100px;
  width: 74%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.profile-widget-container [class^=col-] {
  margin-bottom: 8px;
}

.compas-global-alerts {
  z-index: 7000;
  position: fixed;
  right: 15px;
  top: 67px;
}

.compas-global-alerts > div {
  width: 375px;
  box-shadow: 5px 6px 10px -3px #000;
  transition: all ease-in 2s;
  opacity: 1;
  max-height: 200px;
}

.compas-global-alerts > div.alert-dismissible.alert-dismissible-add {
  opacity: 1;
}

.compas-global-alerts > div.alert-dismissible:not(.alert-dismissible-add) {
  opacity: 0;
}

.compas-global-alerts > div.alert-dismissible.ng-leave {
  max-height: 0;
  padding: 0;
  margin-bottom: 0;
  visibility: hidden;
}

/* .compas-global-alerts > div {
    -webkit-animation-duration: 6s;
    -webkit-animation-name: fade-in-and-out;
    -webkit-animation-iteration-count: 1;

    animation-duration: 6s;
    animation-name: fade-in-and-out;
    animation-iteration-count: 1;
}

@-webkit-keyframes fade-in-and-out {
    0%{opacity: 0;max-height: 0;}
    1% {opacity: 0;max-height: 200px;}
    15% {opacity: 1;}
    75% {opacity: 1;}
    90% {opacity: 1;max-height: 200px;}
    100% {max-height: 0;}
}

@keyframes fade-in-and-out {
    0%{opacity: 0;max-height: 0;}
    1% {opacity: 0;max-height: 200px;}
    15% {opacity: 1;}
    75% {opacity: 1;}
    90% {opacity: 1;max-height: 200px;}
    100% {max-height: 0;}
} */
.highlight {
  -webkit-animation: yellow-fade 2s ease-in 1;
  animation: yellow-fade 2s ease-in 1;
}

.compas-global-alerts > div > .close {
  border: 0;
  background: transparent;
  margin-right: -15px;
  margin-top: -9px;
  padding-left: 10px;
  padding-right: 10px;
}

.compas-global-alerts > div > .close > span:first-child {
  font-size: 29px;
}

.compas-global-alerts > div > div {
  margin-right: 20px;
}

document-web-view,
document-web-view > div {
  height: 100%;
  width: 100%;
}

document-web-view > div {
  overflow: hidden;
}

/* Handle sortable tabs */
/* Remove :hover style. Doesn't play well with
   moving DOM from under mouse when in :hover */
.sortable-tabs-tabset .nav-tabs > li:hover > a {
  background: transparent;
  border-color: transparent;
}

.sortable-tabs-tabset .nav-tabs > li.hover > a {
  background: #eeeeee;
}

.sortable-tabs-tabset .nav-tabs > li.dragging {
  opacity: 0.5;
}

/* ng-sortable placeholder for  */
.as-sortable-placeholder {
  border: 2px dotted #777;
  border-radius: 8px;
  background: #eeeeee;
}

/* ng-sortable item dragging class */
i.as-sortable-item-handle {
  cursor: move;
}

.compas-carousel {
  margin-bottom: 55px;
}

.compas-carousel .carousel-control.left,
.compas-carousel .carousel-control.right {
  background-image: none;
  height: 90px;
}

.compas-carousel .carousel-inner .carousel-inner {
  margin-bottom: 60px;
}

.compas-carousel .carousel-indicators {
  bottom: -50px;
}

.compas-carousel .carousel-indicators .active {
  background-color: black;
}

.compas-carousel .carousel-indicators li {
  border-color: black;
}

.compas-carousel .carousel-control .glyphicon-chevron-left,
.compas-carousel .carousel-control .glyphicon-chevron-right,
.compas-carousel .carousel-control .icon-prev,
.compas-carousel .carousel-control .icon-next {
  margin-top: 12px;
  margin-left: -4px;
  top: 35px;
  color: #676767;
  visibility: hidden;
}

.compas-carousel:hover .carousel-control .glyphicon-chevron-left,
.compas-carousel:hover .carousel-control .glyphicon-chevron-right,
.compas-carousel:hover .carousel-control .icon-prev,
.compas-carousel:hover .carousel-control .icon-next {
  visibility: visible;
}

.compas-carousel .carousel-control .glyphicon-chevron-left,
.compas-carousel .carousel-control .icon-prev {
  left: 0;
}

.compas-carousel .carousel-control .glyphicon-chevron-right,
.compas-carousel .carousel-control .icon-next {
  right: 0;
}

/*** Redactor Overrides ***/
.compas .redactor-toolbar {
  background-color: #eee;
}

.compas .redactor-toolbar li a.redactor-act,
.compas .redactor-toolbar li a:active {
  background-color: #ccc;
}

.compas #redactor-droparea-placeholder input {
  display: inline-block;
}

.compas .redactor-box-fullscreen {
  z-index: 8051;
}

.compas .redactor-air,
.compas .redactor-dropdown {
  z-index: 8052;
}

.compas #redactor-modal,
.compas #redactor-modal-box,
.compas #redactor-modal-overlay {
  z-index: 8053;
}

.compas .redactor-modal-tab > img {
  margin-right: 10px;
  margin-bottom: 10px;
}

.compas .redactor-in,
.compas .redactor-editor,
.compas .fr-wrapper,
.compas .fr-view {
  min-height: 150px !important;
}

.compas .fr-overlay {
  z-index: 9998;
}

body.compas .fr-modal {
  z-index: 9999;
}

body > .fr-popup {
  z-index: 10000 !important;
}

body > .fr-tooltip {
  z-index: 10005 !important;
}

/* remove delete option from image list - should be implemented later */
.fr-desktop div.fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img {
  display: none;
}

/* Component Loader CSS */
.is-loading {
  opacity: 0.3;
}

.component-loading {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.happy-loader {
  /* requires .component-loader */
  padding-top: 40px;
}

.component-loader,
.component-loader:before,
.component-loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: componentLoadingKeyframe 1.8s infinite ease-in-out;
  animation: componentLoadingKeyframe 1.8s infinite ease-in-out;
}

.component-loader {
  color: #4a80bb;
  font-size: 10px;
  margin: 160px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.component-loader:before,
.component-loader:after {
  content: "";
  position: absolute;
  top: 0;
}

.component-loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.component-loader:after {
  left: 3.5em;
}

@-webkit-keyframes componentLoadingKeyframe {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes componentLoadingKeyframe {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.mentionPic {
  border-radius: 50%;
  width: 20px;
  border: 1px solid grey;
}

.job-header-logo {
  float: left;
  margin-right: 15px;
}

.company-logo {
  width: 128px;
  height: 128px;
  background-repeat: no-repeat;
}

.company-logo-default {
  font-size: 105px;
  color: rgb(255, 255, 255);
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 6px;
  margin: 0 auto;
}

.job-header-title-text {
  font-size: 28px;
}

.job-header-sub-title {
  font-size: 18px;
}

.compas .btn.btn-round {
  border-radius: 16px;
}

.compas .label.lbl-round {
  border-radius: 16px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.icon-14 {
  font-size: 14px !important;
}

.icon-right {
  margin-left: 5px;
}

.lil-blue-label {
  padding: 5px;
  background-color: #dcf0fe;
  border-radius: 2px;
  font-size: x-small;
  margin: 5px;
}

.pipe-orange {
  color: #e6bb0f;
}

.nom-green {
  color: #70ad47;
}

.resume-blue {
  color: #0070c0;
}

.remove-red {
  color: #6F1309;
}

.av-blue {
  color: #0070c0;
}

.av-blue-tag {
  background-color: #0070c0;
}

.profile-pane-shadow {
  box-shadow: 0px 0 5px -2px #616161;
}

.compas .av-btn {
  padding: 4px 10px 4px 10px;
}

.compas .av-berry-label {
  background: white;
  border: 1px solid #AD1457;
  border-radius: 4px;
  color: #AD1457;
  font-weight: bold;
  padding: 3px;
  white-space: nowrap;
}

.compas .widget-header-icon {
  font-size: 20px;
  cursor: pointer;
}

.compas .large-icon {
  font-size: 21px;
}

.compas .ats-switch.switch-success span.switch-left {
  background-color: #AD1457;
}

.compas tags-input .tags .tag-item {
  background: white;
  border: 1px solid #AD1457;
  border-radius: 4px;
  color: #AD1457;
  font-weight: bold;
}

.compas .color-danger-2 {
  color: #d62828;
}

.compas .color-warning-2 {
  color: #f82;
}

.compas .success-2 {
  color: #3a3;
}

.compas .btn {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.nya-bs-select .btn {
  box-shadow: none;
}

.compas .btn.btn-warning {
  box-shadow: none;
}

.compas .compas-ui-grid .ui-grid-header-cell .ui-grid-column-menu-button i.ui-grid-icon-angle-down {
  font-size: 16px;
  color: #0070c0;
}

.compas .btn-warning:hover {
  background-color: #D1ECFF;
}

.compas .dropdown-menu > li > a:hover {
  background-color: #FCE4EC;
  color: #AD1457;
  box-shadow: none !important;
}

.compas .ui-grid-menu-items > li :hover {
  background-color: #FCE4EC;
  color: #AD1457;
}

.compas .ui-grid-menu .ui-grid-menu-inner ul li button:hover, .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  box-shadow: none;
}

.uib-tab.hover {
  background-color: #D1ECFF;
}

.sortable-tabs-tabset .nav-tabs > li.hover > a {
  background-color: #D1ECFF;
}

.section-title {
  font-size: 17px;
  color: #BDBDBD;
}

.ui-grid-selection-row-header-buttons {
  padding-bottom: 7px;
}

.ui-grid-column-menu-button {
  top: 7px !important;
}

.compas .popover-inner .panel-heading {
  color: #4a4a4a !important;
}

.compas .btn-primary.light {
  color: #1b1b1b;
  background-color: #FFFFFF;
}

.compas .btn-primary.light.active {
  color: #FFFFFF;
  background-color: #0070c0;
}

.compas .utilities-header {
  display: flex;
  justify-content: left;
  align-items: baseline;
  padding: 1em 0;
}

.compas .utility .sub-card-title {
  display: flex;
  justify-content: left;
  align-items: baseline;
  padding-bottom: 1em;
}

.compas .utility .emailTemplate {
  display: flex;
  justify-content: space-between;
  vertical-align: top;
}

.compas .aviErrorRed {
  color: #D62828;
}

.compas .btn--no-shadow {
  box-shadow: none;
}

.compas av-toggle-enabled {
  display: inherit;
}

.compas .formFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.compas .display--flexStartAlign {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.compas .display--flexStartAlign-vertical {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.compas .modal-xlg {
  width: 1200px;
}

.compas table.fr-alternate-rows tr:nth-child(2n) {
  background: #f5f5f5;
}

.compas table.fr-dashed-borders td,
.compas table.fr-dashed-borders th {
  border: 2px dashed #ddd;
}

.compas table tr td.fr-thick,
.compas table tr th.fr-thick {
  border: 3px solid #444;
}

.compas table tr td.fr-highlighted,
.compas table tr th.fr-highlighted {
  background-color: rgb(247, 218, 100);
}

.compas .warning-info-block {
  border: #e6bb0f;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
}

.compas .warning-info-block-element {
  color: #e6bb0f;
}

.compas .disabled-div {
  cursor: not-allowed;
  pointer-events: none;
}

.textConsentOptionGroup fieldset ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.textConsentOptionGroup fieldset li {
  padding: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.textConsentOptionGroup fieldset label {
  cursor: pointer;
  margin-left: 30px;
  font-weight: normal !important;
}

.textConsentOptionGroup fieldset input {
  min-width: 30px;
}

.pintagChain {
  color: #AD1457;
  margin-left: 5px;
  font-size: 1.3em;
}

.pintagThumb {
  color: #AD1457;
  margin-left: 5px;
}

@font-face {
  font-family: "avionte-inter";
  src: url("/app/app/fonts/avionte-inter.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avionte-icon-font";
  src: url("/app/app/fonts/avionte-icon-font.eot");
  src: url("/app/app/fonts/avionte-icon-font.eot?#iefix") format("embedded-opentype"), url("/app/app/fonts/avionte-icon-font.woff") format("woff"), url("/app/app/fonts/avionte-icon-font.ttf") format("truetype"), url("/app/app/fonts/avionte-icon-font.svg#avionte-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "avionte-icon-font";
  content: attr(data-icon);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
}

@media aural {
  [class^=av-icon-], [class*=" av-icon-"] {
    speak: none;
  }
}
[class^=av-icon-]:before,
[class*=" av-icon-"]:before {
  font-family: "avionte-icon-font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 18px;
}

.compas .btn > [class^=av-icon-]:before,
.compas .btn > [class*=" av-icon-"]:before {
  font-size: 13px;
}

.compas .btn.av-btn > [class^=av-icon-]:before,
.compas .btn.av-btn > [class*=" av-icon-"]:before {
  font-size: 17px;
}

.compas .header-last-10-item[class^=av-icon-]:before,
.compas .header-last-10-item[class*=" av-icon-"]:before {
  font-size: 26px;
}

.compas .btn.btn-xs > [class^=av-icon-]:before,
.compas .btn.btn-xs > [class*=" av-icon-"]:before {
  font-size: 12px;
}

.compas .av-button.btn-xs > [class^=av-icon-]:before,
.compas .av-button.btn-xs > [class*=" av-icon-"]:before {
  font-size: 12px;
}

.compas .btn.btn-xs.av-btn > [class^=av-icon-]:before,
.compas .btn.btn-xs.av-btn > [class*=" av-icon-"]:before {
  font-size: 17px;
}

.av-icon-1-user:before {
  content: "a";
}

.av-icon-arrow-down:before {
  content: "b";
}

.av-icon-battery:before {
  content: "c";
}

.av-icon-cast:before {
  content: "d";
}

.av-icon-circle:before {
  content: "e";
}

.av-icon-compass:before {
  content: "f";
}

.av-icon-credit-card:before {
  content: "g";
}

.av-icon-eye-on:before {
  content: "h";
}

.av-icon-forward:before {
  content: "i";
}

.av-icon-layout:before {
  content: "j";
}

.av-icon-maximize-2:before {
  content: "k";
}

.av-icon-more-horizontal:before {
  content: "l";
}

.av-icon-phone-forwarded:before {
  content: "m";
}

.av-icon-printer:before {
  content: "n";
}

.av-icon-search:before {
  content: "o";
}

.av-icon-star-filled:before {
  content: "p";
}

.av-icon-toggle-left:before {
  content: "q";
}

.av-icon-user-minus:before {
  content: "r";
}

.av-icon-x:before {
  content: "s";
}

.av-icon-x-circle:before {
  content: "t";
}

.av-icon-x-square:before {
  content: "u";
}

.av-icon-zap:before {
  content: "v";
}

.av-icon-zoom-in:before {
  content: "w";
}

.av-icon-zoom-out:before {
  content: "x";
}

.av-icon-voicemail:before {
  content: "y";
}

.av-icon-video-on:before {
  content: "z";
}

.av-icon-video-off:before {
  content: "A";
}

.av-icon-user-x:before {
  content: "B";
}

.av-icon-user-plus:before {
  content: "C";
}

.av-icon-toggle-right:before {
  content: "D";
}

.av-icon-trash-1:before {
  content: "E";
}

.av-icon-trash-2:before {
  content: "F";
}

.av-icon-trending-down:before {
  content: "G";
}

.av-icon-triangle:before {
  content: "H";
}

.av-icon-twitter:before {
  content: "I";
}

.av-icon-volume-0:before {
  content: "J";
}

.av-icon-volume-1:before {
  content: "K";
}

.av-icon-type:before {
  content: "L";
}

.av-icon-umbrella:before {
  content: "M";
}

.av-icon-volume-2:before {
  content: "N";
}

.av-icon-volume-x:before {
  content: "O";
}

.av-icon-unlock:before {
  content: "P";
}

.av-icon-up:before {
  content: "Q";
}

.av-icon-watch:before {
  content: "R";
}

.av-icon-wifi:before {
  content: "S";
}

.av-icon-wind:before {
  content: "T";
}

.av-icon-user-check:before {
  content: "U";
}

.av-icon-upload:before {
  content: "V";
}

.av-icon-thumbs-up:before {
  content: "W";
}

.av-icon-thumbs-down:before {
  content: "X";
}

.av-icon-thermometer:before {
  content: "Y";
}

.av-icon-tasks:before {
  content: "Z";
}

.av-icon-target:before {
  content: "0";
}

.av-icon-tag:before {
  content: "1";
}

.av-icon-tablet:before {
  content: "2";
}

.av-icon-sunset:before {
  content: "3";
}

.av-icon-sunrise:before {
  content: "4";
}

.av-icon-sun:before {
  content: "5";
}

.av-icon-stop-circle:before {
  content: "6";
}

.av-icon-star-outlined:before {
  content: "7";
}

.av-icon-server:before {
  content: "8";
}

.av-icon-settings:before {
  content: "9";
}

.av-icon-share-1:before {
  content: "!";
}

.av-icon-share-2:before {
  content: '"';
}

.av-icon-shield:before {
  content: "#";
}

.av-icon-shuffle:before {
  content: "$";
}

.av-icon-sidebar:before {
  content: "%";
}

.av-icon-slack:before {
  content: "&";
}

.av-icon-slash:before {
  content: "'";
}

.av-icon-smartphone:before {
  content: "(";
}

.av-icon-speaker:before {
  content: ")";
}

.av-icon-square:before {
  content: "*";
}

.av-icon-scissors:before {
  content: "+";
}

.av-icon-radio:before {
  content: ",";
}

.av-icon-recent-search:before {
  content: "-";
}

.av-icon-referral:before {
  content: ".";
}

.av-icon-refresh-ccw:before {
  content: "/";
}

.av-icon-refresh-cw:before {
  content: ":";
}

.av-icon-repeat:before {
  content: ";";
}

.av-icon-rewind:before {
  content: "<";
}

.av-icon-rotate-ccw:before {
  content: "=";
}

.av-icon-rotate-cw:before {
  content: ">";
}

.av-icon-save:before {
  content: "?";
}

.av-icon-scale:before {
  content: "@";
}

.av-icon-power:before {
  content: "[";
}

.av-icon-pocket:before {
  content: "]";
}

.av-icon-plus-square:before {
  content: "^";
}

.av-icon-plus-circle:before {
  content: "_";
}

.av-icon-plus:before {
  content: "`";
}

.av-icon-play-circle:before {
  content: "{";
}

.av-icon-play:before {
  content: "|";
}

.av-icon-pie-chart:before {
  content: "}";
}

.av-icon-phone-outgoing:before {
  content: "~";
}

.av-icon-phone-off:before {
  content: "\\";
}

.av-icon-phone-missed:before {
  content: "\e000";
}

.av-icon-phone-incoming:before {
  content: "\e001";
}

.av-icon-more-vertical:before {
  content: "\e002";
}

.av-icon-move:before {
  content: "\e003";
}

.av-icon-music:before {
  content: "\e004";
}

.av-icon-navigation-1:before {
  content: "\e005";
}

.av-icon-navigation-2:before {
  content: "\e006";
}

.av-icon-octagon:before {
  content: "\e007";
}

.av-icon-package:before {
  content: "\e008";
}

.av-icon-pause:before {
  content: "\e009";
}

.av-icon-pause-circle:before {
  content: "\e00a";
}

.av-icon-percent:before {
  content: "\e00b";
}

.av-icon-phone:before {
  content: "\e00c";
}

.av-icon-phone-call:before {
  content: "\e00d";
}

.av-icon-moon:before {
  content: "\e00e";
}

.av-icon-monitor:before {
  content: "\e00f";
}

.av-icon-minus-square:before {
  content: "\e010";
}

.av-icon-minus-circle:before {
  content: "\e011";
}

.av-icon-minus:before {
  content: "\e012";
}

.av-icon-minimize-2:before {
  content: "\e013";
}

.av-icon-minimize-1:before {
  content: "\e014";
}

.av-icon-mic-on:before {
  content: "\e015";
}

.av-icon-mic-off:before {
  content: "\e016";
}

.av-icon-message-square:before {
  content: "\e017";
}

.av-icon-message-circle:before {
  content: "\e018";
}

.av-icon-menu:before {
  content: "\e019";
}

.av-icon-life-buoy:before {
  content: "\e01a";
}

.av-icon-link-1:before {
  content: "\e01b";
}

.av-icon-link-2:before {
  content: "\e01c";
}

.av-icon-linkedin:before {
  content: "\e01d";
}

.av-icon-loader:before {
  content: "\e01e";
}

.av-icon-lock:before {
  content: "\e01f";
}

.av-icon-log-in:before {
  content: "\e020";
}

.av-icon-log-out:before {
  content: "\e021";
}

.av-icon-mail:before {
  content: "\e022";
}

.av-icon-map:before {
  content: "\e023";
}

.av-icon-map-pin:before {
  content: "\e024";
}

.av-icon-maximize-1:before {
  content: "\e025";
}

.av-icon-layers:before {
  content: "\e026";
}

.av-icon-instagram:before {
  content: "\e027";
}

.av-icon-info:before {
  content: "\e028";
}

.av-icon-inbox:before {
  content: "\e029";
}

.av-icon-image:before {
  content: "\e02a";
}

.av-icon-home:before {
  content: "\e02b";
}

.av-icon-heart:before {
  content: "\e02c";
}

.av-icon-headphones:before {
  content: "\e02d";
}

.av-icon-hash:before {
  content: "\e02e";
}

.av-icon-grid:before {
  content: "\e02f";
}

.av-icon-globe:before {
  content: "\e030";
}

.av-icon-github:before {
  content: "\e031";
}

.av-icon-facebook:before {
  content: "\e032";
}

.av-icon-fast-forward:before {
  content: "\e033";
}

.av-icon-feather:before {
  content: "\e034";
}

.av-icon-file:before {
  content: "\e035";
}

.av-icon-file-minus:before {
  content: "\e036";
}

.av-icon-file-plus:before {
  content: "\e037";
}

.av-icon-file-text:before {
  content: "\e038";
}

.av-icon-files:before {
  content: "\e039";
}

.av-icon-film:before {
  content: "\e03a";
}

.av-icon-filter:before {
  content: "\e03b";
}

.av-icon-flag:before {
  content: "\e03c";
}

.av-icon-folder:before {
  content: "\e03d";
}

.av-icon-eye-off:before {
  content: "\e03e";
}

.av-icon-external-link:before {
  content: "\e03f";
}

.av-icon-edit-3:before {
  content: "\e040";
}

.av-icon-edit-2:before {
  content: "\e041";
}

.av-icon-edit-1:before {
  content: "\e042";
}

.av-icon-droplet:before {
  content: "\e043";
}

.av-icon-download:before {
  content: "\e044";
}

.av-icon-dollar:before {
  content: "\e045";
}

.av-icon-disc:before {
  content: "\e046";
}

.av-icon-delete:before {
  content: "\e047";
}

.av-icon-currency:before {
  content: "\e048";
}

.av-icon-crosshair:before {
  content: "\e049";
}

.av-icon-contact-book:before {
  content: "\e04a";
}

.av-icon-copy:before {
  content: "\e04b";
}

.av-icon-corner-down-left:before {
  content: "\e04c";
}

.av-icon-corner-down-right:before {
  content: "\e04d";
}

.av-icon-corner-left-down:before {
  content: "\e04e";
}

.av-icon-corner-left-up:before {
  content: "\e04f";
}

.av-icon-corner-right-down:before {
  content: "\e050";
}

.av-icon-corner-right-up:before {
  content: "\e051";
}

.av-icon-corner-up-left:before {
  content: "\e052";
}

.av-icon-corner-up-right:before {
  content: "\e053";
}

.av-icon-cpu:before {
  content: "\e054";
}

.av-icon-create:before {
  content: "\e055";
}

.av-icon-cloud-upload:before {
  content: "\e056";
}

.av-icon-company:before {
  content: "\e057";
}

.av-icon-command:before {
  content: "\e058";
}

.av-icon-cloud-snow:before {
  content: "\e059";
}

.av-icon-cloud-rain:before {
  content: "\e05a";
}

.av-icon-cloud-off:before {
  content: "\e05b";
}

.av-icon-cloud-lightning:before {
  content: "\e05c";
}

.av-icon-cloud-download:before {
  content: "\e05d";
}

.av-icon-cloud-drizzle:before {
  content: "\e05e";
}

.av-icon-cloud:before {
  content: "\e05f";
}

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

.av-icon-clipboard:before {
  content: "\e061";
}

.av-icon-check:before {
  content: "\e062";
}

.av-icon-check-circle:before {
  content: "\e063";
}

.av-icon-check-square:before {
  content: "\e064";
}

.av-icon-chevron-2-down:before {
  content: "\e065";
}

.av-icon-chevron-2-left:before {
  content: "\e066";
}

.av-icon-chevron-2-right:before {
  content: "\e067";
}

.av-icon-chevron-2-up:before {
  content: "\e068";
}

.av-icon-chevron-down:before {
  content: "\e069";
}

.av-icon-chevron-left:before {
  content: "\e06a";
}

.av-icon-chevron-right:before {
  content: "\e06b";
}

.av-icon-chevron-up:before {
  content: "\e06c";
}

.av-icon-chrome:before {
  content: "\e06d";
}

.av-icon-camera-off:before {
  content: "\e06e";
}

.av-icon-camera:before {
  content: "\e06f";
}

.av-icon-calendar:before {
  content: "\e070";
}

.av-icon-burger:before {
  content: "\e071";
}

.av-icon-briefcase:before {
  content: "\e072";
}

.av-icon-box:before {
  content: "\e073";
}

.av-icon-bluetooth:before {
  content: "\e074";
}

.av-icon-bell-on:before {
  content: "\e075";
}

.av-icon-bell-off:before {
  content: "\e076";
}

.av-icon-battery-charging:before {
  content: "\e077";
}

.av-icon-arrow-down-right:before {
  content: "\e078";
}

.av-icon-arrow-left:before {
  content: "\e079";
}

.av-icon-arrow-right:before {
  content: "\e07a";
}

.av-icon-arrow-up:before {
  content: "\e07b";
}

.av-icon-arrow-up-left:before {
  content: "\e07c";
}

.av-icon-book:before {
  content: "\e07d";
}

.av-icon-bookmark:before {
  content: "\e07e";
}

.av-icon-arrow-up-right:before {
  content: "\e07f";
}

.av-icon-arrrow-down-left:before {
  content: "\e080";
}

.av-icon-at-sign:before {
  content: "\e081";
}

.av-icon-award:before {
  content: "\e082";
}

.av-icon-back:before {
  content: "\e083";
}

.av-icon-bar-chart-1:before {
  content: "\e084";
}

.av-icon-bar-chart-2:before {
  content: "\e085";
}

.av-icon-aperture:before {
  content: "\e086";
}

.av-icon-anchor:before {
  content: "\e087";
}

.av-icon-align-right:before {
  content: "\e088";
}

.av-icon-align-left:before {
  content: "\e089";
}

.av-icon-align-justify:before {
  content: "\e08a";
}

.av-icon-align-center:before {
  content: "\e08b";
}

.av-icon-alert-octagon:before {
  content: "\e08c";
}

.av-icon-alert-triangle:before {
  content: "\e08d";
}

.av-icon-alert-circle:before {
  content: "\e08e";
}

.av-icon-airplay:before {
  content: "\e08f";
}

.av-icon-activity:before {
  content: "\e090";
}

.av-icon-2-users:before {
  content: "\e091";
}

/*noinspection CssUnknownTarget*/
@font-face {
  font-family: "icomoon";
  src: url("/app/app/fonts/icomoon.eot?ozc3dj");
  src: url("/app/app/fonts/icomoon.eot?#iefixozc3dj") format("embedded-opentype"), url("/app/app/fonts/icomoon.ttf?ozc3dj") format("truetype"), url("/app/app/fonts/icomoon.woff?ozc3dj") format("woff"), url("/app/app/fonts/icomoon.svg?ozc3dj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media aural {
  [class^=icon-], [class*=" icon-"] {
    speak: none;
  }
}
[class^=icon-], [class*=" icon-"] {
  /*noinspection CssNoGenericFontName*/
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  position: relative;
  top: 1px;
  display: inline-block;
  cursor: pointer;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  /*noinspection CssUnknownProperty*/
  -moz-osx-font-smoothing: grayscale;
}

.icon-CreditCard:before {
  content: "\e904";
}

.icon-arrow-up-right:before {
  content: "\e903";
}

.icon-documents:before {
  content: "\e902";
}

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

.icon-CostCenter:before {
  content: "\ea0a";
}

.icon-Department:before {
  content: "\eaff";
}

.icon-Manager:before {
  content: "\eb0d";
}

.icon-Division:before {
  content: "\eb10";
}

.icon-CompanyBranch:before {
  content: "\ec64";
}

.icon-ReportsTo:before {
  content: "\ec66";
}

.icon-ChangeStage:before {
  content: "\ed77";
}

.icon-Hide-View:before {
  content: "\e647";
}

.icon-smile:before {
  content: "\e60e";
}

.icon-EEO:before {
  content: "\e642";
}

.icon-Close1:before {
  content: "\e638";
}

.icon-Close2:before {
  content: "\e639";
}

.icon-chrome:before {
  content: "\e641";
}

.icon-VerticalDots:before {
  content: "\e640";
}

.icon-Cancel:before {
  content: "\e63f";
}

.icon-Print:before {
  content: "\e63c";
}

.icon-CallList:before {
  content: "\e63a";
}

.icon-Save:before {
  content: "\e637";
}

.icon-Chevron-Up:before {
  content: "\e636";
}

.icon-Flag:before {
  content: "\e635";
}

.icon-Search:before {
  content: "\e634";
}

.icon-Chevron-Down:before {
  content: "\e633";
}

.icon-Previous:before {
  content: "\e631";
}

.icon-Start:before {
  content: "\e632";
}

.icon-Merge:before {
  content: "\e630";
}

.icon-Activity:before {
  content: "\e62f";
}

.icon-Forward:before {
  content: "\e62e";
}

.icon-Edit:before {
  content: "\e62d";
}

.icon-MapTo:before {
  content: "\e62c";
}

.icon-Convert:before {
  content: "\e62b";
}

.icon-Flickr:before {
  content: "\e629";
}

.icon-GitHub:before {
  content: "\e62a";
}

.icon-Next:before {
  content: "\e627";
}

.icon-End:before {
  content: "\e628";
}

.icon-Tags:before {
  content: "\e626";
}

.icon-Calendar:before {
  content: "\e625";
}

.icon-ListView:before {
  content: "\e624";
}

.icon-Send:before {
  content: "\e622";
}

.icon-Rank-Half:before {
  content: "\e61f";
}

.icon-Rank-Full:before {
  content: "\e620";
}

.icon-Rank-Empty:before {
  content: "\e621";
}

.icon-Import:before {
  content: "\e61e";
}

.icon-Add:before {
  content: "\e61d";
}

.icon-WebMeeting:before {
  content: "\e61c";
}

.icon-HTMLEmail:before {
  content: "\e61b";
}

.icon-Task:before {
  content: "\e61a";
}

.icon-Tearsheet:before {
  content: "\e619";
}

.icon-Hotlist:before {
  content: "\e618";
}

.icon-Accept:before {
  content: "\e617";
}

.icon-Pipeline:before {
  content: "\e616";
}

.icon-Resume:before {
  content: "\e615";
}

.icon-Deny:before {
  content: "\e613";
}

.icon-Nominate:before {
  content: "\e614";
}

.icon-google:before {
  content: "\e611";
}

.icon-twitter:before {
  content: "\e610";
}

.icon-facebook:before {
  content: "\e60f";
}

.icon-View:before {
  content: "\e60d";
}

.icon-Move-Copy:before {
  content: "\e60c";
}

.icon-Download:before {
  content: "\e60b";
}

.icon-miscellaneous:before {
  content: "\e60a";
}

.icon-excel:before {
  content: "\e609";
}

.icon-pdf:before {
  content: "\e608";
}

.icon-image:before {
  content: "\e607";
}

.icon-movie:before {
  content: "\e604";
}

.icon-word:before {
  content: "\e606";
}

.icon-binoculars:before {
  content: "\e1b5";
}

.icon-FullSite:before {
  content: "\e47d";
}

.icon-Talent:before {
  content: "\e605";
}

.icon-Company:before {
  content: "\e603";
}

.icon-Applicant:before {
  content: "\e623";
}

.icon-LearningCenter:before {
  content: "\e63b";
}

.icon-Contact:before {
  content: "\e63e";
}

.icon-User:before {
  content: "\e670";
}

.icon-UserAccounts:before {
  content: "\e671";
}

.icon-Utilities:before {
  content: "\e68e";
}

.icon-UserManager:before {
  content: "\e6f8";
}

.icon-LogOut:before {
  content: "\e704";
}

.icon-TableEditor:before {
  content: "\e74b";
}

.icon-lock2:before {
  content: "\e689";
}

.icon-unlocked:before {
  content: "\e68a";
}

.icon-remove2:before {
  content: "\e6a8";
}

.icon-share:before {
  content: "\e75e";
}

.icon-Warning:before {
  content: "\e646";
}

.icon-like:before {
  content: "\e645";
}

.icon-Money:before {
  content: "\e644";
}

.icon-navigation:before {
  content: "\e600";
}

.icon-chevron-right:before {
  content: "\e602";
}

.icon-Last10:before {
  content: "\e643";
}

.icon-message:before {
  content: "\e901";
}

.icon-Dot:before {
  content: "\e63d";
}

.icon-arrow-right:before {
  content: "\e601";
}

.icon-LinkedIn:before {
  content: "\e612";
}

.icon-Job:before {
  content: "\f0b1";
}

.icon-PartnerIntegrations:before {
  content: "\f12e";
}

.icon-LinkedAccount:before {
  content: "\e671";
}

.icon-Opportunity:before {
  content: "\e1b5";
}

.icon-info:before {
  content: "\e6f8";
}

.header-quicklinks .icon-Last10 {
  font-size: 20px;
}

:not(.btn) > .icon-remove2 {
  color: darkred;
}

:not(.btn) > .icon-Pipeline {
  color: #e28f0f;
}

.chatBar {
  z-index: 900;
  position: fixed;
  bottom: 0px;
  right: 20px;
  vertical-align: bottom;
  pointer-events: none;
}

.chats1 {
  border: 0px solid green;
  display: inline-block;
}

.myStatus {
  padding: 0px;
  border-bottom: 1px solid #ccc;
  background: rgb(206, 206, 206); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(206, 206, 206) 1%, rgb(255, 255, 255) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(206, 206, 206)), color-stop(100%, rgb(255, 255, 255))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(206, 206, 206) 1%, rgb(255, 255, 255) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(206, 206, 206) 1%, rgb(255, 255, 255) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(206, 206, 206) 1%, rgb(255, 255, 255) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(206, 206, 206) 1%, rgb(255, 255, 255) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cecece", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */
}

.myStatus > img {
  margin: 5px 0px 0px 5px;
}

.myStatus > span {
  position: relative;
  /*bottom: 12px;*/
  left: 2px;
}

.myStatus > span > select {
  width: 130px;
}

.chatWindow {
  background-color: #ccc;
  border: 1px solid #333;
  display: inline-block;
  vertical-align: bottom;
  width: 250px;
  margin-left: 5px;
  position: relative;
  pointer-events: auto;
  background: rgb(237, 237, 237); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjViNWI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, rgb(237, 237, 237) 0%, rgb(181, 181, 181) 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgb(237, 237, 237)), color-stop(100%, rgb(181, 181, 181))); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, rgb(237, 237, 237) 0%, rgb(181, 181, 181) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, rgb(237, 237, 237) 0%, rgb(181, 181, 181) 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, rgb(237, 237, 237) 0%, rgb(181, 181, 181) 100%); /* IE10+ */
  background: radial-gradient(ellipse at center, rgb(237, 237, 237) 0%, rgb(181, 181, 181) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ededed", endColorstr="#b5b5b5",GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  border-bottom: 1px solid #555;
}

.contactList {
  min-width: 250px;
  background-color: whitesmoke;
  border: 1px solid #333;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  pointer-events: auto;
}

.contactListContents {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

.contactListContents > ul {
  padding: 0px;
  margin: 0px;
}

.contactListContents > ul > li {
  background-color: #ECF0FF;
  list-style: none;
  height: 40px;
  width: 100%;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  background: rgb(255, 255, 255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(249, 249, 249))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(249, 249, 249) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f9f9f9",GradientType=0 ); /* IE6-8 */
  border-bottom: 1px solid #eee;
}

.contactListContents > ul > li:hover {
  background-color: #C9CEDD;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECF0FF), color-stop(50%, #c9cedd), color-stop(100%, #ECF0FF));
  background: -webkit-linear-gradient(top, #ECF0FF 0%, #c9cedd 50%, #ECF0FF 100%);
  background: -o-linear-gradient(top, #ECF0FF 0%, #c9cedd 50%, #ECF0FF 100%);
  background: -ms-linear-gradient(top, #ECF0FF 0%, #c9cedd 50%, #ECF0FF 100%);
  background: linear-gradient(to bottom, #ECF0FF 0%, #c9cedd 50%, #ECF0FF 100%);
}

.contactListContents > ul > li:active {
  background-color: #B9BECD;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e5e9), color-stop(50%, #c9cedd), color-stop(100%, #e4e5e9));
  background: -webkit-linear-gradient(top, #e4e5e9 0%, #c9cedd 50%, #e4e5e9 100%);
  background: -o-linear-gradient(top, #e4e5e9 0%, #c9cedd 50%, #e4e5e9 100%);
  background: -ms-linear-gradient(top, #e4e5e9 0%, #c9cedd 50%, #e4e5e9 100%);
  background: linear-gradient(to bottom, #e4e5e9 0%, #c9cedd 50%, #e4e5e9 100%);
}

.contactImage {
  padding: 3px 0px 0px 5px;
}

.Online:after {
  position: absolute;
  display: block;
  bottom: 10px;
  right: 10px;
  content: "•";
  color: #0c0;
  font-size: 16px;
}

.Offline:after {
  position: absolute;
  display: block;
  bottom: 10px;
  right: 10px;
  content: "•";
  color: #555;
  font-size: 16px;
}

.Away:after {
  position: absolute;
  display: block;
  bottom: 10px;
  right: 10px;
  content: "•";
  color: #f83;
  font-size: 16px;
}

.contactName {
  position: absolute;
  top: 35%;
  left: 45px;
  overflow: hidden;
}

.chatTitle {
  background-color: #444;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 6px;
  cursor: pointer;
}

.lit {
  background-color: #4169e1;
}

.minimize {
  height: 8px;
  width: 12px;
  float: right;
  border-bottom: 2px solid white;
}

.restore {
  height: 8px;
  width: 12px;
  float: right;
  border: 2px solid white;
}

.chatInput {
  position: relative;
  padding: 0px;
  border: 0px;
  top: 3px;
}

.chatInput > textarea {
  background-color: white;
  width: 100%;
  height: 36px;
  resize: none;
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
}

.chatInput > textarea:disabled {
  background-color: #ccc;
}

.chatLog {
  position: relative;
  width: 100%;
  height: 260px;
  text-wrap: normal;
  overflow-y: auto;
  overflow-x: hidden;
  top: 1px;
}

.smsLog {
  position: relative;
  width: 100%;
  height: 100%;
  text-wrap: normal;
  overflow-y: auto;
  overflow-x: hidden;
  top: 1px;
}

.closeWindowButton {
  float: right;
  top: -5px;
  position: relative;
  vertical-align: baseline;
  left: 5px;
  background: no-repeat url(/sonar/content/button-images.png) 0px 0px;
  height: 24px;
  width: 24px;
  border: 0px;
  cursor: pointer;
}

.minimizeWindowButton {
  float: right;
  top: -5px;
  position: relative;
  vertical-align: baseline;
  left: 5px;
  background: no-repeat url(/sonar/content/button-images.png) -65px -170px;
  height: 24px;
  width: 24px;
  border: 0px;
  cursor: pointer;
}

.timestamp {
  text-align: right;
  padding: 5px 0px 0px 0px;
  font-size: 9px;
  font-weight: bold;
}

.myChat {
  text-align: right;
  float: right;
  clear: both;
  margin-right: 3px;
}

.theirChat {
  text-align: left;
  float: left;
  clear: both;
  margin-left: 3px;
}

.chat {
  width: 400px;
}

.bubble {
  background-color: #F2F2F2;
  border-radius: 5px;
  box-shadow: 0 0 6px #B2B2B2;
  display: inline-block;
  padding: 8px 8px;
  position: relative;
  vertical-align: top;
}

.bubble::before {
  background-color: #F2F2F2;
  content: " ";
  display: block;
  height: 10px;
  position: absolute;
  top: 0px;
  width: 16px;
  z-index: 9;
}

.them {
  float: left;
  margin: 5px 25px 5px 20px;
  padding: 8px 8px 8px 18px;
  left: 11px;
  background-color: #DAE0EB;
}

.them > span {
  display: block;
  max-width: 170px;
  word-wrap: break-word;
}

.them::before {
  box-shadow: -2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  left: -5px;
  transform: rotate(0deg) skew(45deg);
  -moz-transform: rotate(0deg) skew(45deg);
  -ms-transform: rotate(0deg) skew(45deg);
  -o-transform: rotate(0deg) skew(45deg);
  -webkit-transform: rotate(0deg) skew(45deg);
  background-color: #DAE0EB;
}

.me {
  float: right;
  margin: 5px 20px 5px 25px;
  padding: 8px 18px 8px 8px;
  right: 11px;
}

.me > span {
  display: block;
  max-width: 170px;
  word-wrap: break-word;
}

.me::before {
  box-shadow: 2px -2px 2px 0 rgba(178, 178, 178, 0.4);
  right: -5px;
  transform: rotate(0deg) skew(-45deg);
  -moz-transform: rotate(0deg) skew(-45deg);
  -ms-transform: rotate(0deg) skew(-45deg);
  -o-transform: rotate(0deg) skew(-45deg);
  -webkit-transform: rotate(0deg) skew(-45deg);
}

.avatar-me {
  float: left;
  position: absolute;
  right: -26px;
  top: 0px;
}

.avatar-them {
  float: right;
  position: absolute;
  left: -26px;
  top: 0px;
}

html,
body {
  min-height: 100%;
}

.humane,
.humane-libnotify {
  position: fixed;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 100000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.humane,
.humane-libnotify {
  font-family: Ubuntu, Arial, sans-serif;
  text-align: center;
  font-size: 15px;
  top: 10px;
  right: 10px;
  opacity: 0;
  width: 150px;
  color: #fff;
  padding: 10px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAANElEQVQYlWNgYGB4ysTAwMDAxMjICCUQXDQWAwMDAxMTExMedcRyB6d5CAMQ5hGrjSrmAQBQdgIXlosSTwAAAABJRU5ErkJggg==");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.9)), color-stop(1, rgba(50, 50, 50, 0.9))) no-repeat;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
  background: linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(50, 50, 50, 0.9) 100%) no-repeat;
  *background-color: #000;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 4px 4px -4px #000;
  box-shadow: 0 4px 4px -4px #000;
  -moz-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}

.humane p,
.humane-libnotify p,
.humane ul,
.humane-libnotify ul {
  margin: 0;
  padding: 0;
}

.humane ul,
.humane-libnotify ul {
  list-style: none;
}

.humane.humane-libnotify-info,
.humane-libnotify.humane-libnotify-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgYDB6ysTAwMDAxMDACCcYUFkMDEwMDEwMBNVhkxg65jGhmke6M6hgHgBSdgHnpZwADwAAAABJRU5ErkJggg==");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 50, 0.9)), color-stop(1, rgba(0, 0, 100, 0.9))) no-repeat;
  background: -moz-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
  background: linear-gradient(top, rgba(0, 0, 50, 0.9) 0%, rgba(0, 0, 100, 0.9) 100%) no-repeat;
  *background-color: #030;
}

.humane.humane-libnotify-success,
.humane-libnotify.humane-libnotify-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAYAAADYxx/bAAAABmJLR0QA/wD/AP+gvaeTAAAAMUlEQVQYlWNgMGJ4ysTAwMDAxMAIJxhQWQwMDEwMTKgS2NRhkxg65jGhmke6M6hhHgBS2QHn2LzhygAAAABJRU5ErkJggg==");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 50, 0, 0.9)), color-stop(1, rgba(0, 100, 0, 0.9))) no-repeat;
  background: -moz-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
  background: linear-gradient(top, rgba(0, 50, 0, 0.9) 0%, rgba(0, 100, 0, 0.9) 100%) no-repeat;
  *background-color: #030;
}

.humane.humane-libnotify-error,
.humane-libnotify.humane-libnotify-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAABmJLR0QA/wD/AP+gvaeTAAAAPklEQVQokWMwYmB4ysTAwMCATjASFsOmBBvBRJ7x+O0g0wCS7CDTH/RwH7X9MVDuwyaG032D2M2UeIYO7gMAqt8C19Bn7+YAAAAASUVORK5CYII=");
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(50, 0, 0, 0.9)), color-stop(1, rgba(100, 0, 0, 0.9))) no-repeat;
  background: -moz-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
  background: -webkit-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
  background: linear-gradient(top, rgba(50, 0, 0, 0.9) 0%, rgba(100, 0, 0, 0.9) 100%) no-repeat;
  *background-color: #300;
}

.humane.humane-animate,
.humane-libnotify.humane-libnotify-animate {
  opacity: 1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.humane.humane-animate:hover,
.humane-libnotify.humane-libnotify-animate:hover {
  opacity: 0.2;
}

.humane.humane-animate,
.humane-libnotify.humane-libnotify-js-animate {
  opacity: 1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.humane.humane-animate:hover,
.humane-libnotify.humane-libnotify-js-animate:hover {
  opacity: 0.2;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}

/**components/person.html styles**/
.person-component {
  display: inline-block;
  vertical-align: middle;
}

.person-component .person-name {
  vertical-align: middle;
}

.person-picture {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid lightgrey;
}

span.person-picture,
div.person-picture {
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
}

/**End of person styles**/
/**components/auditLog.html styles**/
.audit-log {
  width: 100%;
  height: 100%;
}

.audit-log .audit-items-container {
  overflow: auto;
  height: calc(100% - 19px);
}

.audit-log .item-container {
  width: calc(100% - 25px);
  padding-bottom: 20px;
}

.audit-log .item-container > .panel {
  margin-bottom: 0;
}

.audit-log .filter-input-container {
  margin-top: -5px;
  margin-bottom: 15px;
}

.audit-log .filter-input {
  width: 220px;
  margin-left: calc(100% - 245px);
}

/**End of auditLog styles**/
/**components/auditItem.html styles**/
.audit-item .profilePic {
  border-radius: 50%;
  width: 15px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 3px;
}

.audit-item .section-item {
  margin: 10px;
}

.audit-item .person-component {
  margin-left: 5px;
  margin-right: 5px;
}

.audit-item .bold {
  font-weight: bold;
}

.audit-item .line-item-container {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.audit-item .meta-name {
  width: calc(100% - 605px);
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}

.audit-item .meta-name + span {
  display: inline-block;
  max-width: calc(100% - 150px);
}

.audit-item .user-container {
  margin: 0px;
  display: inline-block;
}

.audit-item .audit-date {
  vertical-align: bottom;
  margin-left: 30px;
}

.audit-item .audit-major-user,
.audit-item .audit-major-action,
.audit-item .audit-major-category,
.audit-item .audit-major-date,
.audit-item .audit-major-version {
  display: inline-block;
  font-size: large;
}

.audit-item .audit-major-user {
  margin-right: 5px;
}

.audit-item .audit-major-category,
.audit-item .audit-major-action {
  float: right;
  margin-right: 5px;
}

.audit-item .audit-major-content {
  width: 100%;
}

.audit-item .audit-major-content-details {
  display: inline-block;
  margin-left: 10px;
}

.audit-item .audit-item-container {
  margin-top: 25px;
  margin-bottom: 25px;
}

.audit-item .person-picture {
  height: 15px;
  width: 15px;
}

/**End of auditItem styles**/
/**components/approval.html styles**/
.approval-component {
  display: inline-block;
}

.approval-component > manager,
.approval-component > hcm-user,
.approval-component > span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 150px;
}

.approval-component .company {
  width: 110px;
}

.approval-component .status {
  width: 80px;
}

.approval-component .resend-email {
  width: 25px;
}

.approval-component .status-date {
  width: 100px;
}

.approval-component .profile-pic {
  border-radius: 50%;
  width: 45px;
  vertical-align: middle;
  margin: 5px;
  display: inline-block;
}

.approval-component .main-container {
  width: 250px;
}

/**End of approval.html styles**/
.compas .whats-new-item {
  position: relative;
}

.compas .whats-new-item .wn-read-toggle {
  position: absolute;
  right: 0;
}

.compas .whats-new-item .wn-title {
  margin-top: 4px;
}

.compas .whats-new-item .wn-content {
  text-align: justify;
}

.compas .whats-new-item .wn-date {
  font-size: 12px;
  font-weight: bold;
  color: darkgrey;
}

.compas .whats-new-item .wn-link {
  margin-top: 15px;
}

.froala-texteditor-error .gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {
  border: solid 2px #d62828;
}

.fr-box.gray-theme.fr-basic.fr-top.fr-fullscreen {
  z-index: 9999 !important;
}

.entityAccessDenied {
  display: block;
  text-align: center;
  align-content: center;
}

@media (min-width: 767px) {
  .entityAccessDenied {
    margin-top: 50px;
  }
}
.av-aside {
  padding-top: 40px;
  background-color: #ffffff;
}

@media (min-width: 560px) {
  .av-aside {
    padding-top: 20px;
    border-right: 1px solid #d3d3d3;
  }
}
.checkboxItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.checkboxItem__action {
  width: 30px;
}

.checkboxItem__content {
  flex: 1;
}

.checkboxItem--hd .checkboxItem__content {
  display: none;
}

.checkboxItem--sizeSm.checkboxItem--hd .checkboxItem__content {
  display: block;
}

/**
 * EQ Grid
 *
 * This grid is different from our standard grid implementation. The
 * difference is that our standard grid is relative to the page width,
 * but this grid is relative to it's parent container.
 *
 * @section
 * @page Layout
 */
/**
 * Standard EQ Grid
 *
 * The standard grid columns can be extended to take up a specified
 * amount of space in the grid. They can be extended using a class
 * like `grid__col--size6of12` just like our normal grid. The key
 * difference is that you need to use the `data-av-responsive-observer`
 * directive and supply it with a list of classes and sizes. There are
 * 3 classes you can use. `eqGrid--sizeSm`, `eqGrid--sizeMd`, and
 * `eqGrid--sizeLg`. To use them, you put them in like this:
 *
 * `data-av-responsive-observer-bps='{"eqGrid--sizeMd":500}'`
 *
 * That will wait until the parent container becomes 500px or wider
 * and it will apply the `eqGrid--sizeMd` extension class to the grid.
 *
 * @section
 * @sectionof EQ Grid
 *
 * @example {html}
 * <div class="eqGrid" data-av-responsive-observer data-av-responsive-observer-bps='{"eqGrid--sizeMd":500}'>
 *     <div class="eqGrid__col eqGrid__col--size12of12 eqGrid__col--size6of12@minMd">
 *         <div class="sg-box">6 of 12 @ 500px wide</div>
 *     </div>
 * </div>
 */
.eqGrid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.eqGrid__col {
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}

.eqGrid--smallSpacing {
  margin-top: -10px;
  margin-left: -10px;
}
.eqGrid--smallSpacing > .eqGrid__col {
  padding-top: 10px;
  padding-left: 10px;
}

.eqGrid--largeSpacing {
  margin-top: -20px;
  margin-left: -20px;
}
.eqGrid--largeSpacing > .eqGrid__col {
  padding-top: 20px;
  padding-left: 20px;
}

.eqGrid--noVerticalSpacing {
  margin-top: 0;
}
.eqGrid--noVerticalSpacing > .eqGrid__col {
  padding-top: 0;
}

.eqGrid__col--hidden {
  position: absolute;
  left: -9999px;
}

.eqGrid__col--hidden\@maxSm,
.eqGrid__col--hidden\@maxMd,
.eqGrid__col--hidden\@maxLg {
  position: absolute;
  left: -9999px;
}

.eqGrid--sizeSm > .eqGrid__col--hidden\@maxSm,
.eqGrid--sizeMd > .eqGrid__col--hidden\@maxMd {
  position: static;
  left: 0;
}

.eqGrid--paddedSm {
  padding: 4px;
}

.eqGrid__col--paddedSm {
  padding: 4px;
}

.eqGrid--alignMiddle {
  align-items: center;
}

.eqGrid--alignBottom {
  align-items: flex-end;
}

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

.eqGrid__col--centerAlign {
  text-align: center;
}

.eqGrid__col--rightAlign {
  text-align: right;
}

.eqGrid--sizeSm > .eqGrid__col--leftAlign\@minSm {
  text-align: left;
}

.eqGrid--sizeSm > .eqGrid__col--centerAlign\@minSm {
  text-align: center;
}

.eqGrid--sizeSm > .eqGrid__col--rightAlign\@minSm {
  text-align: right;
}

.eqGrid--sizeMd > .eqGrid__col--leftAlign\@minMd {
  text-align: left;
}

.eqGrid--sizeMd > .eqGrid__col--centerAlign\@minMd {
  text-align: center;
}

.eqGrid--sizeMd > .eqGrid__col--rightAlign\@minMd {
  text-align: right;
}

.eqGrid--sizeLg > .eqGrid__col--leftAlign\@minLg {
  text-align: left;
}

.eqGrid--sizeLg > .eqGrid__col--centerAlign\@minLg {
  text-align: center;
}

.eqGrid--sizeLg > .eqGrid__col--rightAlign\@minLg {
  text-align: right;
}

.eqGrid__col--size1of5 {
  width: 20%;
}

.eqGrid__col--size1of12 {
  width: 0.0833333333;
}

.eqGrid__col--rightMargin1of12 {
  margin-right: 0.0833333333;
}

.eqGrid__col--size2of12 {
  width: 0.1666666667;
}

.eqGrid__col--rightMargin2of12 {
  margin-right: 0.1666666667;
}

.eqGrid__col--size3of12 {
  width: 0.25;
}

.eqGrid__col--rightMargin3of12 {
  margin-right: 0.25;
}

.eqGrid__col--size4of12 {
  width: 0.3333333333;
}

.eqGrid__col--rightMargin4of12 {
  margin-right: 0.3333333333;
}

.eqGrid__col--size5of12 {
  width: 0.4166666667;
}

.eqGrid__col--rightMargin5of12 {
  margin-right: 0.4166666667;
}

.eqGrid__col--size6of12 {
  width: 0.5;
}

.eqGrid__col--rightMargin6of12 {
  margin-right: 0.5;
}

.eqGrid__col--size7of12 {
  width: 0.5833333333;
}

.eqGrid__col--rightMargin7of12 {
  margin-right: 0.5833333333;
}

.eqGrid__col--size8of12 {
  width: 0.6666666667;
}

.eqGrid__col--rightMargin8of12 {
  margin-right: 0.6666666667;
}

.eqGrid__col--size9of12 {
  width: 0.75;
}

.eqGrid__col--rightMargin9of12 {
  margin-right: 0.75;
}

.eqGrid__col--size10of12 {
  width: 0.8333333333;
}

.eqGrid__col--rightMargin10of12 {
  margin-right: 0.8333333333;
}

.eqGrid__col--size11of12 {
  width: 0.9166666667;
}

.eqGrid__col--rightMargin11of12 {
  margin-right: 0.9166666667;
}

.eqGrid__col--size12of12 {
  width: 1;
}

.eqGrid__col--rightMargin12of12 {
  margin-right: 1;
}

.eqGrid--sizeSm > .eqGrid__col--size1of5\@minSm {
  width: 20%;
}
.eqGrid--sizeSm > .eqGrid__col--size1of12\@minSm {
  width: 0.0833333333;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin1of12\@minSm {
  margin-right: 0.0833333333;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size2of12\@minSm {
  width: 0.1666666667;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin2of12\@minSm {
  margin-right: 0.1666666667;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size3of12\@minSm {
  width: 0.25;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin3of12\@minSm {
  margin-right: 0.25;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size4of12\@minSm {
  width: 0.3333333333;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin4of12\@minSm {
  margin-right: 0.3333333333;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size5of12\@minSm {
  width: 0.4166666667;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin5of12\@minSm {
  margin-right: 0.4166666667;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size6of12\@minSm {
  width: 0.5;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin6of12\@minSm {
  margin-right: 0.5;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size7of12\@minSm {
  width: 0.5833333333;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin7of12\@minSm {
  margin-right: 0.5833333333;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size8of12\@minSm {
  width: 0.6666666667;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin8of12\@minSm {
  margin-right: 0.6666666667;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size9of12\@minSm {
  width: 0.75;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin9of12\@minSm {
  margin-right: 0.75;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size10of12\@minSm {
  width: 0.8333333333;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin10of12\@minSm {
  margin-right: 0.8333333333;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size11of12\@minSm {
  width: 0.9166666667;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin11of12\@minSm {
  margin-right: 0.9166666667;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeSm > .eqGrid__col--size12of12\@minSm {
  width: 1;
}
.eqGrid--sizeSm > .eqGrid__col--rightMargin12of12\@minSm {
  margin-right: 1;
}
.eqGrid--sizeSm > .eqGrid__col--hidden\@minSm {
  position: absolute;
  left: -9999px;
}

.eqGrid--sizeMd > .eqGrid__col--size1of5\@minMd {
  width: 20%;
}
.eqGrid--sizeMd > .eqGrid__col--size1of12\@minMd {
  width: 0.0833333333;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin1of12\@minMd {
  margin-right: 0.0833333333;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size2of12\@minMd {
  width: 0.1666666667;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin2of12\@minMd {
  margin-right: 0.1666666667;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size3of12\@minMd {
  width: 0.25;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin3of12\@minMd {
  margin-right: 0.25;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size4of12\@minMd {
  width: 0.3333333333;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin4of12\@minMd {
  margin-right: 0.3333333333;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size5of12\@minMd {
  width: 0.4166666667;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin5of12\@minMd {
  margin-right: 0.4166666667;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size6of12\@minMd {
  width: 0.5;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin6of12\@minMd {
  margin-right: 0.5;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size7of12\@minMd {
  width: 0.5833333333;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin7of12\@minMd {
  margin-right: 0.5833333333;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size8of12\@minMd {
  width: 0.6666666667;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin8of12\@minMd {
  margin-right: 0.6666666667;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size9of12\@minMd {
  width: 0.75;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin9of12\@minMd {
  margin-right: 0.75;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size10of12\@minMd {
  width: 0.8333333333;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin10of12\@minMd {
  margin-right: 0.8333333333;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size11of12\@minMd {
  width: 0.9166666667;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin11of12\@minMd {
  margin-right: 0.9166666667;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeMd > .eqGrid__col--size12of12\@minMd {
  width: 1;
}
.eqGrid--sizeMd > .eqGrid__col--rightMargin12of12\@minMd {
  margin-right: 1;
}
.eqGrid--sizeMd > .eqGrid__col--hidden\@minMd {
  position: absolute;
  left: -9999px;
}

.eqGrid--sizeLg > .eqGrid__col--size1of5\@minLg {
  width: 20%;
}
.eqGrid--sizeLg > .eqGrid__col--size1of12\@minLg {
  width: 0.0833333333;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin1of12\@minLg {
  margin-right: 0.0833333333;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size2of12\@minLg {
  width: 0.1666666667;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin2of12\@minLg {
  margin-right: 0.1666666667;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size3of12\@minLg {
  width: 0.25;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin3of12\@minLg {
  margin-right: 0.25;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size4of12\@minLg {
  width: 0.3333333333;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin4of12\@minLg {
  margin-right: 0.3333333333;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size5of12\@minLg {
  width: 0.4166666667;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin5of12\@minLg {
  margin-right: 0.4166666667;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size6of12\@minLg {
  width: 0.5;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin6of12\@minLg {
  margin-right: 0.5;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size7of12\@minLg {
  width: 0.5833333333;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin7of12\@minLg {
  margin-right: 0.5833333333;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size8of12\@minLg {
  width: 0.6666666667;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin8of12\@minLg {
  margin-right: 0.6666666667;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size9of12\@minLg {
  width: 0.75;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin9of12\@minLg {
  margin-right: 0.75;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size10of12\@minLg {
  width: 0.8333333333;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin10of12\@minLg {
  margin-right: 0.8333333333;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size11of12\@minLg {
  width: 0.9166666667;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin11of12\@minLg {
  margin-right: 0.9166666667;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeLg > .eqGrid__col--size12of12\@minLg {
  width: 1;
}
.eqGrid--sizeLg > .eqGrid__col--rightMargin12of12\@minLg {
  margin-right: 1;
}
.eqGrid--sizeLg > .eqGrid__col--hidden\@minLg {
  position: absolute;
  left: -9999px;
}

.eqGrid--sizeXl > .eqGrid__col--size1of5\@minXl {
  width: 20%;
}
.eqGrid--sizeXl > .eqGrid__col--size1of12\@minXl {
  width: 0.0833333333;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin1of12\@minXl {
  margin-right: 0.0833333333;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size2of12\@minXl {
  width: 0.1666666667;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin2of12\@minXl {
  margin-right: 0.1666666667;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size3of12\@minXl {
  width: 0.25;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin3of12\@minXl {
  margin-right: 0.25;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size4of12\@minXl {
  width: 0.3333333333;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin4of12\@minXl {
  margin-right: 0.3333333333;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size5of12\@minXl {
  width: 0.4166666667;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin5of12\@minXl {
  margin-right: 0.4166666667;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size6of12\@minXl {
  width: 0.5;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin6of12\@minXl {
  margin-right: 0.5;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size7of12\@minXl {
  width: 0.5833333333;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin7of12\@minXl {
  margin-right: 0.5833333333;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size8of12\@minXl {
  width: 0.6666666667;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin8of12\@minXl {
  margin-right: 0.6666666667;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size9of12\@minXl {
  width: 0.75;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin9of12\@minXl {
  margin-right: 0.75;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size10of12\@minXl {
  width: 0.8333333333;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin10of12\@minXl {
  margin-right: 0.8333333333;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size11of12\@minXl {
  width: 0.9166666667;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin11of12\@minXl {
  margin-right: 0.9166666667;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}
.eqGrid--sizeXl > .eqGrid__col--size12of12\@minXl {
  width: 1;
}
.eqGrid--sizeXl > .eqGrid__col--rightMargin12of12\@minXl {
  margin-right: 1;
}
.eqGrid--sizeXl > .eqGrid__col--hidden\@minXl {
  position: absolute;
  left: -9999px;
}

.av-masonGrid {
  column-gap: 10px;
}

.av-masonGrid > * {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.av-masonGrid--2up {
  column-count: 2;
  column-width: 50%;
}

.av-masonGrid--3up {
  column-count: 3;
  column-width: 33.3333333%;
}

.av-maxHeightScroller {
  overflow-y: auto;
}

.av-maxHeightScroller--250 {
  max-height: 250px;
}

.av-maxHeightScroller--510 {
  max-height: 510px;
}

.av-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.av-grid {
  margin-top: -10px;
  margin-left: -10px;
}
.av-grid > .av-grid__col {
  padding-top: 10px;
  padding-left: 10px;
}

.av-grid--alignBottom {
  align-items: flex-end;
}

.av-grid--alignMiddle {
  align-items: center;
}

.av-grid--rightJustify {
  justify-content: flex-end;
}

.av-grid--centerJustify {
  justify-content: center;
}

.av-grid--largeSpacing {
  margin-top: -20px;
  margin-left: -20px;
}
.av-grid--largeSpacing > .av-grid__col {
  padding-top: 20px;
  padding-left: 20px;
}

.av-grid--noSpacing {
  margin-top: 0;
  margin-left: 0;
}
.av-grid--noSpacing > .av-grid__col {
  padding-top: 0;
  padding-left: 0;
}

.av-grid--noVerticalSpacing {
  margin-top: 0;
}
.av-grid--noVerticalSpacing > .av-grid__col {
  padding-top: 0;
}

.av-grid--noVerticalSpacingOnChildren {
  margin-top: 10px;
}
.av-grid--noVerticalSpacingOnChildren > .av-grid__col {
  padding-top: 0;
}

.av-grid--stretchChildren {
  align-items: stretch;
}
.av-grid--stretchChildren > .av-grid__col {
  display: flex;
  flex-direction: column;
}
.av-grid--stretchChildren > .av-grid__col > * {
  flex-grow: 1;
}

.av-grid--stretchGrandChildren {
  align-items: stretch;
}
.av-grid--stretchGrandChildren > .av-grid__col {
  display: flex;
  flex-direction: column;
}
.av-grid--stretchGrandChildren > .av-grid__col > * {
  display: flex;
  flex-grow: 1;
}

.av-grid__col {
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}

.av-grid__col--hidden {
  position: absolute;
  left: -9999px;
}

.av-grid__col--alignBottom {
  align-self: flex-end;
}

.av-grid__col--hidden\@maxPhab,
.av-grid__col--hidden\@maxTab,
.av-grid__col--hidden\@maxDesk {
  position: absolute;
  left: -9999px;
}

.av-grid__col--size1of5 {
  width: 20%;
}

.av-grid__col--size1of12 {
  width: 8.3333333333%;
}

.av-grid__col--rightMargin1of12 {
  margin-right: 0.0833333333;
}

.av-grid__col--size2of12 {
  width: 16.6666666667%;
}

.av-grid__col--rightMargin2of12 {
  margin-right: 0.1666666667;
}

.av-grid__col--size3of12 {
  width: 25%;
}

.av-grid__col--rightMargin3of12 {
  margin-right: 0.25;
}

.av-grid__col--size4of12 {
  width: 33.3333333333%;
}

.av-grid__col--rightMargin4of12 {
  margin-right: 0.3333333333;
}

.av-grid__col--size5of12 {
  width: 41.6666666667%;
}

.av-grid__col--rightMargin5of12 {
  margin-right: 0.4166666667;
}

.av-grid__col--size6of12 {
  width: 50%;
}

.av-grid__col--rightMargin6of12 {
  margin-right: 0.5;
}

.av-grid__col--size7of12 {
  width: 58.3333333333%;
}

.av-grid__col--rightMargin7of12 {
  margin-right: 0.5833333333;
}

.av-grid__col--size8of12 {
  width: 66.6666666667%;
}

.av-grid__col--rightMargin8of12 {
  margin-right: 0.6666666667;
}

.av-grid__col--size9of12 {
  width: 75%;
}

.av-grid__col--rightMargin9of12 {
  margin-right: 0.75;
}

.av-grid__col--size10of12 {
  width: 83.3333333333%;
}

.av-grid__col--rightMargin10of12 {
  margin-right: 0.8333333333;
}

.av-grid__col--size11of12 {
  width: 91.6666666667%;
}

.av-grid__col--rightMargin11of12 {
  margin-right: 0.9166666667;
}

.av-grid__col--size12of12 {
  width: 100%;
}

.av-grid__col--rightMargin12of12 {
  margin-right: 1;
}

@media (min-width: 480px) {
  .av-grid__col--size1of5\@minMob {
    width: 20%;
  }
  .av-grid__col--size1of12\@minMob {
    width: 8.3333333333%;
  }
  .av-grid__col--rightMargin1of12\@minMob {
    margin-right: 0.0833333333;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size2of12\@minMob {
    width: 16.6666666667%;
  }
  .av-grid__col--rightMargin2of12\@minMob {
    margin-right: 0.1666666667;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size3of12\@minMob {
    width: 25%;
  }
  .av-grid__col--rightMargin3of12\@minMob {
    margin-right: 0.25;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size4of12\@minMob {
    width: 33.3333333333%;
  }
  .av-grid__col--rightMargin4of12\@minMob {
    margin-right: 0.3333333333;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size5of12\@minMob {
    width: 41.6666666667%;
  }
  .av-grid__col--rightMargin5of12\@minMob {
    margin-right: 0.4166666667;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size6of12\@minMob {
    width: 50%;
  }
  .av-grid__col--rightMargin6of12\@minMob {
    margin-right: 0.5;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size7of12\@minMob {
    width: 58.3333333333%;
  }
  .av-grid__col--rightMargin7of12\@minMob {
    margin-right: 0.5833333333;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size8of12\@minMob {
    width: 66.6666666667%;
  }
  .av-grid__col--rightMargin8of12\@minMob {
    margin-right: 0.6666666667;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size9of12\@minMob {
    width: 75%;
  }
  .av-grid__col--rightMargin9of12\@minMob {
    margin-right: 0.75;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size10of12\@minMob {
    width: 83.3333333333%;
  }
  .av-grid__col--rightMargin10of12\@minMob {
    margin-right: 0.8333333333;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size11of12\@minMob {
    width: 91.6666666667%;
  }
  .av-grid__col--rightMargin11of12\@minMob {
    margin-right: 0.9166666667;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size12of12\@minMob {
    width: 100%;
  }
  .av-grid__col--rightMargin12of12\@minMob {
    margin-right: 1;
  }
  .av-grid__col--hidden\@minMob {
    position: absolute;
    left: -9999px;
  }
}
@media (min-width: 560px) {
  .av-grid__col--size1of5\@minPhab {
    width: 20%;
  }
  .av-grid__col--size1of12\@minPhab {
    width: 8.3333333333%;
  }
  .av-grid__col--rightMargin1of12\@minPhab {
    margin-right: 0.0833333333;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size2of12\@minPhab {
    width: 16.6666666667%;
  }
  .av-grid__col--rightMargin2of12\@minPhab {
    margin-right: 0.1666666667;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size3of12\@minPhab {
    width: 25%;
  }
  .av-grid__col--rightMargin3of12\@minPhab {
    margin-right: 0.25;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size4of12\@minPhab {
    width: 33.3333333333%;
  }
  .av-grid__col--rightMargin4of12\@minPhab {
    margin-right: 0.3333333333;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size5of12\@minPhab {
    width: 41.6666666667%;
  }
  .av-grid__col--rightMargin5of12\@minPhab {
    margin-right: 0.4166666667;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size6of12\@minPhab {
    width: 50%;
  }
  .av-grid__col--rightMargin6of12\@minPhab {
    margin-right: 0.5;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size7of12\@minPhab {
    width: 58.3333333333%;
  }
  .av-grid__col--rightMargin7of12\@minPhab {
    margin-right: 0.5833333333;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size8of12\@minPhab {
    width: 66.6666666667%;
  }
  .av-grid__col--rightMargin8of12\@minPhab {
    margin-right: 0.6666666667;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size9of12\@minPhab {
    width: 75%;
  }
  .av-grid__col--rightMargin9of12\@minPhab {
    margin-right: 0.75;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size10of12\@minPhab {
    width: 83.3333333333%;
  }
  .av-grid__col--rightMargin10of12\@minPhab {
    margin-right: 0.8333333333;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size11of12\@minPhab {
    width: 91.6666666667%;
  }
  .av-grid__col--rightMargin11of12\@minPhab {
    margin-right: 0.9166666667;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size12of12\@minPhab {
    width: 100%;
  }
  .av-grid__col--rightMargin12of12\@minPhab {
    margin-right: 1;
  }
  .av-grid__col--hidden\@minPhab {
    position: absolute;
    left: -9999px;
  }
}
@media (min-width: 767px) {
  .av-grid__col--size1of5\@minTab {
    width: 20%;
  }
  .av-grid__col--size1of12\@minTab {
    width: 8.3333333333%;
  }
  .av-grid__col--rightMargin1of12\@minTab {
    margin-right: 0.0833333333;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size2of12\@minTab {
    width: 16.6666666667%;
  }
  .av-grid__col--rightMargin2of12\@minTab {
    margin-right: 0.1666666667;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size3of12\@minTab {
    width: 25%;
  }
  .av-grid__col--rightMargin3of12\@minTab {
    margin-right: 0.25;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size4of12\@minTab {
    width: 33.3333333333%;
  }
  .av-grid__col--rightMargin4of12\@minTab {
    margin-right: 0.3333333333;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size5of12\@minTab {
    width: 41.6666666667%;
  }
  .av-grid__col--rightMargin5of12\@minTab {
    margin-right: 0.4166666667;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size6of12\@minTab {
    width: 50%;
  }
  .av-grid__col--rightMargin6of12\@minTab {
    margin-right: 0.5;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size7of12\@minTab {
    width: 58.3333333333%;
  }
  .av-grid__col--rightMargin7of12\@minTab {
    margin-right: 0.5833333333;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size8of12\@minTab {
    width: 66.6666666667%;
  }
  .av-grid__col--rightMargin8of12\@minTab {
    margin-right: 0.6666666667;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size9of12\@minTab {
    width: 75%;
  }
  .av-grid__col--rightMargin9of12\@minTab {
    margin-right: 0.75;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size10of12\@minTab {
    width: 83.3333333333%;
  }
  .av-grid__col--rightMargin10of12\@minTab {
    margin-right: 0.8333333333;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size11of12\@minTab {
    width: 91.6666666667%;
  }
  .av-grid__col--rightMargin11of12\@minTab {
    margin-right: 0.9166666667;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size12of12\@minTab {
    width: 100%;
  }
  .av-grid__col--rightMargin12of12\@minTab {
    margin-right: 1;
  }
  .av-grid__col--hidden\@minTab {
    position: absolute;
    left: -9999px;
  }
}
@media (min-width: 980px) {
  .av-grid__col--size1of5\@minDesk {
    width: 20%;
  }
  .av-grid__col--size1of12\@minDesk {
    width: 8.3333333333%;
  }
  .av-grid__col--rightMargin1of12\@minDesk {
    margin-right: 0.0833333333;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size2of12\@minDesk {
    width: 16.6666666667%;
  }
  .av-grid__col--rightMargin2of12\@minDesk {
    margin-right: 0.1666666667;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size3of12\@minDesk {
    width: 25%;
  }
  .av-grid__col--rightMargin3of12\@minDesk {
    margin-right: 0.25;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size4of12\@minDesk {
    width: 33.3333333333%;
  }
  .av-grid__col--rightMargin4of12\@minDesk {
    margin-right: 0.3333333333;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size5of12\@minDesk {
    width: 41.6666666667%;
  }
  .av-grid__col--rightMargin5of12\@minDesk {
    margin-right: 0.4166666667;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size6of12\@minDesk {
    width: 50%;
  }
  .av-grid__col--rightMargin6of12\@minDesk {
    margin-right: 0.5;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size7of12\@minDesk {
    width: 58.3333333333%;
  }
  .av-grid__col--rightMargin7of12\@minDesk {
    margin-right: 0.5833333333;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size8of12\@minDesk {
    width: 66.6666666667%;
  }
  .av-grid__col--rightMargin8of12\@minDesk {
    margin-right: 0.6666666667;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size9of12\@minDesk {
    width: 75%;
  }
  .av-grid__col--rightMargin9of12\@minDesk {
    margin-right: 0.75;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size10of12\@minDesk {
    width: 83.3333333333%;
  }
  .av-grid__col--rightMargin10of12\@minDesk {
    margin-right: 0.8333333333;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size11of12\@minDesk {
    width: 91.6666666667%;
  }
  .av-grid__col--rightMargin11of12\@minDesk {
    margin-right: 0.9166666667;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
  .av-grid__col--size12of12\@minDesk {
    width: 100%;
  }
  .av-grid__col--rightMargin12of12\@minDesk {
    margin-right: 1;
  }
  .av-grid__col--hidden\@minDesk {
    position: absolute;
    left: -9999px;
  }
}
.workareaExpander {
  min-height: calc(100vh - 107px);
  margin-top: -18px;
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: -15px;
}

.workareaExpander > * {
  min-height: calc(100vh - 107px);
}

.workareaExpander__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  min-height: calc(100vh - 107px);
}

.workareaExpander__grid__col {
  display: flex;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-direction: column;
}

.workareaExpander__grid__col > * {
  flex-grow: 1;
}

@media screen and (min-width: 560px) {
  .workareaExpander__grid__col--sidebar {
    width: 33.3333333%;
    max-width: 300px;
  }
  .workareaExpander__grid__col--main {
    width: 66.6666666%;
  }
}
@media screen and (min-width: 767px) {
  .workareaExpander__grid__col--sidebar {
    width: 25%;
  }
  .workareaExpander__grid__col--main {
    width: 75%;
  }
}
@media only screen and (max-width: 1241px) and (min-device-width: 320px) {
  .workareaExpander {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.av-wrapper {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 560px) {
  .av-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.resultItem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.resultItem__content {
  flex: 1;
}

.resultItem--hd .checkboxItem__content {
  display: none;
}

.resultItem--sizeSm.resultItem--hd .resultItem__content {
  display: block;
}

.av-additiveDropdown {
  position: relative;
  padding-right: 28px;
}

.av-additiveDropdown__bd {
  width: 100%;
  padding-right: 36px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.av-additiveDropdown__results {
  margin-top: 14px;
}

.av-additiveDropdown__bd__text {
  width: 100%;
  height: 35px;
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #4f4f4f;
  border: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.av-additiveDropdown__bd__button {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.av-additiveDropdown__bd__desc {
  padding-top: 7px;
  color: #4f4f4f;
  font-size: 12px;
}

.av-additiveDropdown__bd__button_text {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.av-additiveDropdown__bd__button__icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  fill: #0070c0;
  padding: 6px;
  border-left: 1px solid #cccccc;
}

.av-additiveDropdown__bd__add {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  line-height: 0;
}

button.av-additiveDropdown__bd__add {
  line-height: 0;
}

.av-additiveDropdown__bd__button__icon > svg {
  width: 24px;
  height: 24px;
  overflow: visible;
}

.av-checkboxGroup__bd {
  position: relative;
  padding-left: 2px;
}

.av-checkboxGroup__bd__desc {
  padding-top: 7px;
  color: #4f4f4f;
  font-size: 12px;
}

legend.av-checkboxGroup__label {
  border-bottom: 0;
  margin-bottom: 5px;
}

.av-checkbox {
  display: flex;
}

label.av-checkbox {
  margin-bottom: 0;
}

.av-checkbox__input {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.av-checkbox__input:disabled ~ .av-checkbox__btn,
.av-checkbox__input:disabled ~ .av-checkbox__label {
  opacity: 0.5;
  cursor: default;
}

.av-checkbox__btn {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 4px;
  flex: 0 1 auto;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  transition: border-color 0.15s;
}

.av-checkbox__btn:before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ad1457;
  border-radius: 4px;
  transform: scale(0) translate(-50%, -50%);
  transition: all 0.075s;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
}

.av-checkbox__input:focus ~ .av-checkbox__btn,
.av-checkbox__input:hover ~ .av-checkbox__btn {
  border-color: #ad1457;
}

.av-checkbox__input:checked ~ .av-checkbox__btn {
  border-color: #ad1457;
  background-color: #ad1457;
}

.av-checkbox__input:checked ~ .av-checkbox__btn:before {
  background-image: url("images/icons/check.svg");
  transform: scale(1) translate(-50%, -50%);
}

.av-checkbox__input:disabled:hover ~ .av-checkbox__btn {
  border-color: #888888;
}

.av-checkbox__label {
  font-weight: normal;
  padding-left: 6px;
  flex: 1 0 0px;
  vertical-align: middle;
  align-self: center;
  color: #4f4f4f;
  font-size: 12px;
  line-height: 1.83;
  cursor: pointer;
}

.compas .aside .aside-dialog .aside-body label.av-checkbox {
  padding-top: 0;
}

.av-checkbox__label.isRequired {
  font-weight: bold;
}

.av-checkbox-modifier {
  margin-left: 30px;
}

.av-input,
input.av-input,
select.av-input {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #4f4f4f;
  border-radius: 4px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

select.av-input {
  height: 36px;
  padding-top: 5px;
  padding-bottom: 6px;
}

input[type=number].av-input::-webkit-inner-spin-button,
input[type=number].av-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].av-input_squential-number::-webkit-inner-spin-button,
input[type=number].av-input_squential-number::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  margin: 0;
}

.av-input.ng-dirty.ng-invalid {
  padding: 7px;
  border: 2px solid #d62828;
}

.av-input-nya-select.ng-dirty.ng-invalid button {
  border: 2px solid #d62828;
}

form.ng-submitted .av-input.ng-invalid {
  border: 2px solid #d62828;
}

select.av-input.ng-dirty.ng-invalid {
  padding-top: 4px;
  padding-bottom: 5px;
  border: 2px solid #d62828;
}

.av-input:focus,
.av-input.ng-dirty.ng-invalid:focus {
  padding: 7px;
  border: 2px solid #ad1457;
  outline: none;
}

select.av-input:focus,
select.av-input.ng-dirty.ng-invalid:focus {
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 6px;
}

.av-input:disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.av-checkbox__input:disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}

tags-input.av-input {
  padding: 2px;
}
tags-input.av-input div.tags {
  border: none;
  box-shadow: none;
}
tags-input.av-input .ng-dirty.ng-invalid {
  padding: 7px;
  border: 2px solid #d62828;
}
tags-input.av-input .av-input-tag--focused,
tags-input.av-input .ng-dirty.ng-invalid.av-input-tag--focused {
  border: 2px solid #ad1457;
  outline: none;
}
tags-input.av-input .ng-dirty.ng-invalid.av-input-tag--focused {
  border: 2px solid #ad1457;
  outline: none;
}
tags-input.av-input :disabled {
  cursor: not-allowed;
  background-color: #eeeeee;
}

form.ng-submitted tags-input.av-input.ng-invalid {
  border: 2px solid #d62828;
}

.av-inputError {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #d62828;
}

.av-input + .av-inputError {
  display: none;
}

.av-input.ng-invalid.ng-dirty + .av-inputError {
  display: inherit;
}

form.ng-submitted .av-input.ng-invalid + .av-inputError {
  display: inherit;
}

.av-label,
label.av-label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.25;
  color: #4f4f4f;
}

.av-label--white,
label.av-label--white {
  color: #ffffff;
}

.av-label.isRequired,
label.av-label.isRequired {
  font-weight: bold;
}

legend.av-label {
  margin-bottom: 6px;
  border-bottom: 0;
  font-size: 12px;
}

.nya-bs-select.brn-group .dropdown-menu-open.dropup {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
  z-index: 10000;
}

.av-radioGroup__bd {
  position: relative;
  padding-left: 2px;
}

.av-radioGroup__bd__desc {
  padding-top: 7px;
  color: #4f4f4f;
  font-size: 12px;
}

legend.av-radioGroup__label {
  border-bottom: 0;
  margin-bottom: 5px;
}

.av-radio {
  display: flex;
}

.av-radio__input {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.av-radio__input:disabled ~ .av-radio__btn,
.av-radio__input:disabled ~ .av-radio__label {
  opacity: 0.5;
  cursor: default;
}

.av-radio__btn {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  flex: 0 1 auto;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  transition: border-color 0.15s;
}

.av-radio__btn:before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #ad1457;
  border-radius: 50%;
  transform: scale(0) translate(-50%, -50%);
  transition: all 0.075s;
}

.av-radio__input:focus ~ .av-radio__btn,
.av-radio__input:hover ~ .av-radio__btn {
  border-color: #ad1457;
}

.av-radio__input:checked ~ .av-radio__btn {
  border: 2px solid #ad1457;
}

.av-radio__input:checked ~ .av-radio__btn:before {
  transform: scale(1) translate(-50%, -50%);
}

.av-radio__input:disabled:hover ~ .av-radio__btn {
  border-color: #4f4f4f;
}

.av-radio__label {
  padding-left: 6px;
  flex: 1 0 0px;
  vertical-align: middle;
  align-self: center;
  color: #4f4f4f;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
}

.av-searchDropdown {
  position: relative;
  padding-right: 28px;
}

fieldset.av-searchDropdown {
  padding-right: 28px;
}

legend.av-searchDropdown__label {
  border-bottom: 0;
  margin-bottom: 5px;
}

.av-searchDropdown__label {
  margin-top: 7px;
}

.av-searchDropdown__bd {
  width: 100%;
  padding-right: 36px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
}

.av-searchDropdown__bd__text {
  width: 100%;
  height: 35px;
  padding: 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #4f4f4f;
  border: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.av-searchDropdown__bd__button {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.av-searchDropdown__bd__desc {
  padding-top: 7px;
  color: #4f4f4f;
  font-size: 12px;
}

.av-searchDropdown__bd__button_text {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.av-searchDropdown__bd__button__icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  fill: #0070c0;
  padding: 6px;
  border-left: 1px solid #cccccc;
}

.av-searchDropdown__bd__add {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  line-height: 0;
}

button.av-searchDropdown__bd__add {
  line-height: 0;
}

.av-searchDropdown__bd__button__icon > svg {
  width: 24px;
  height: 24px;
  overflow: visible;
}

.av-searchDropdown__bd__button--isOpen .av-searchDropdown__bd__button__icon > svg {
  transform: rotate(-180deg);
}

.av-searchDropdown__results {
  width: 100%;
  margin-top: -37px;
  background-color: #ffffff;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.av-searchDropdown__results__search {
  position: relative;
}

.av-searchDropdown__results__search__input {
  width: 100%;
  padding: 8px 36px 8px 8px;
  border: 0;
  border-bottom: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #4f4f4f;
}

.av-searchDropdown__results__search__input:focus {
  padding: 7px 35px 7px 7px;
  border: 2px solid #ad1457;
  outline: none;
}

.av-searchDropdown__results__search__close {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  width: 36px;
  height: 36px;
  padding: 6px;
  position: absolute;
  fill: #0070c0;
  top: 0;
  right: 0;
}

button.av-searchDropdown__results__search__close {
  line-height: 0;
}

.av-searchDropdown__results__select {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #4f4f4f;
  border: 0;
}

.av-searchDropdown__tags {
  margin-top: 20px;
}

.toggle {
  display: flex;
  cursor: pointer;
  align-items: center;
}

.toggle--taskAdmin {
  padding: 10px 5px;
}

.toggle--taskAdminSelected,
.toggle--taskAdminActionable:hover {
  background-color: #fce4ec;
}

.toggle__input {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.toggle__label {
  flex: 1;
  order: -1;
  font-weight: normal;
  color: #4f4f4f;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

.toggle__btn {
  display: block;
  outline: 0;
  width: 94px;
  height: 30px;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  background: #c9c9c9;
  transition: all 0.4s ease;
}

.toggle__btn--enabled {
  width: 200px;
}

label.toggle__btn {
  margin-bottom: 0;
}

.toggle__btn:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  border-radius: 2px;
  background-color: #ffffff;
  transition: all 0.2s ease;
  color: #4f4f4f;
  border: 1px solid #c9c9c9;
  z-index: 10;
}

.toggle__btn__status:before,
.toggle__btn__status:after {
  display: block;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 14px;
  text-align: center;
  transform: translateY(-50%);
  font-weight: normal;
  z-index: 0;
}

.toggle__btn__status:before {
  content: "On";
  color: #ffffff;
}

.toggle__btn__status:after {
  content: "Off";
  left: 50%;
}

.toggle__btn__status__enabled:before {
  content: "Enabled";
  color: #ffffff;
}

.toggle__btn__status__enabled:after {
  content: "Not Enabled";
  left: 50%;
}

.toggle__input:checked + .toggle__btn {
  background-color: #ad1457;
  color: #ffffff;
}

.toggle__input:checked + .toggle__btn:after {
  left: 50%;
}

label.toggle {
  display: flex;
  margin-bottom: 0;
}

.toggleBtn {
  display: inline-block;
  height: 24px;
  cursor: pointer;
}

.m-toggleBtn--full {
  width: 100%;
}

.toggleBtn__input {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.toggleBtn__btn {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  border: 1px solid #4f4f4f;
  border-radius: 3px;
  background-color: #ffffff;
  color: #4f4f4f;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  transition: border 0.15s, background-color 0.075s, color 0.075s;
}

.toggleBtn__btn:hover,
.toggleBtn__input:focus + .toggleBtn__btn {
  border-color: #0070c0;
}

.toggleBtn__input:checked + .toggleBtn__btn {
  border-color: #70ad47;
  background-color: #70ad47;
  color: #ffffff;
}

.av-accordion {
  overflow: hidden;
}

.av-accordion__trigger {
  position: relative;
  cursor: pointer;
}

.av-accordion__trigger__text {
  padding: 15px 40px 15px 0;
  display: flex;
  align-items: center;
}

.accordion__dropdown__toggle {
  margin-left: 40px;
}

.av-accordion__trigger__expand {
  height: 18px;
  width: 18px;
  font-size: 18px;
  line-height: 18px;
  padding: 13px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  box-sizing: content-box;
  transition: transform 0.5s;
  color: #0070c0;
}

.accordion_toggle__btn {
  vertical-align: middle;
  margin-left: 32px;
}

.av-accordion__target {
  overflow: hidden;
  height: auto;
  max-height: 2000px;
  transition: max-height 0.25s ease-out;
}

.av-accordion__target__container {
  padding-bottom: 15px;
}

.av-accordion--isOpen .av-accordion__trigger__expand {
  transform: rotate(-180deg) translateY(50%);
}

.av-accordion--isClosed .av-accordion__target {
  max-height: 0;
  margin-bottom: 0;
}

.av-accordion--isDark {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #444444;
}
.av-accordion--isDark .av-accordion__trigger {
  background-color: #444444;
}
.av-accordion--isDark .av-accordion__trigger__text {
  padding-top: 10px;
  padding-left: 15px;
  padding-bottom: 10px;
  color: #ffffff;
}
.av-accordion--isDark .av-accordion__trigger__expand {
  color: #ffffff;
}
.av-accordion--isDark .av-accordion__target__container {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

.box {
  border-radius: 2px;
}

.box--button {
  display: inline-block;
  width: 100%;
  padding: 20px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  text-align: center;
  border: 0;
}

.box--button:hover {
  background-color: #d1ecff;
}

.box--shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.box--white {
  background-color: #ffffff;
}

.box--lightGrey {
  background-color: #f2f2f2;
}

.box--grey {
  background-color: #4f4f4f;
}

.box--border {
  border: 1px solid #c9c9c9;
}

.box--padded5 {
  padding: 5px;
}

.box--padded10 {
  padding: 10px;
}

.box--padded {
  padding: 20px;
}

.box--padTop {
  padding-top: 20px;
}

.box--padRight {
  padding-right: 20px;
}

.box--padLeft {
  padding-left: 20px;
}

.box--padBottom {
  padding-bottom: 20px;
}

.av-button {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  background-color: #0070c0;
  color: #ffffff;
  padding: 6px 8px 7px 8px;
  border-radius: 3px;
  min-width: 100px;
  text-align: center;
  border: 1px solid transparent;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  font-size: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.av-button:hover {
  background-color: #003e6b;
}

.av-button--super {
  vertical-align: super;
}

.av-button--naked {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  background-color: transparent;
  font-size: 12px;
  border-radius: 0;
  min-width: 0;
  text-align: left;
  border: 0;
  box-shadow: none;
}

.av-button--naked--blue {
  color: #0070c0;
}

.av-button--naked--small {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.av-button--naked--full {
  width: 100%;
}

.compas .av-button--naked--margin {
  margin: 0 20px;
}

.av-button--naked:hover {
  background-color: #d1ecff;
}

.av-button--primary {
  padding: 6px 8px 7px 8px;
  background-color: #0070c0;
  color: #ffffff;
  border-radius: 3px;
  border: 1px solid transparent;
}

.av-button--primary:hover {
  background-color: #003e6b;
}

.av-button--secondary {
  background-color: #ffffff;
  color: #0070c0;
  border-color: #0070c0;
  border-radius: 3px;
  border: 1px solid #0070c0;
  padding: 6px 8px 7px 8px;
}

.av-button--secondary:hover {
  border-color: #003e6b;
  color: #0070c0;
  background-color: #D1ECFF;
}

.av-button--tertiary {
  padding: 6px 8px 7px 8px;
  background-color: #ad1457;
  color: #ffffff;
  border-radius: 3px;
  border: 1px solid transparent;
}

/** black and white button mix of custom style and btn-default **/
.av-button--default {
  background-color: #ffffff;
  color: #4f4f4f;
  border-color: #c2c2c2;
  border-radius: 4px;
  border: 1px solid #c2c2c2;
  padding: 6px 8px 7px 8px;
}

.av-button--green {
  background-color: #70ad47;
  color: #FFFFFF;
}

.av-button--green:hover {
  background-color: #4c8228;
}

.av-button--default .av-icon {
  fill: #4f4f4f;
}

.av-button--default:hover {
  color: #333;
  background-color: #c2c2c2;
}

.av-button--default:hover .av-icon {
  fill: #333;
}

.av-button--tertiary:hover {
  background-color: #720d43;
}

.av-button--pill {
  width: 100%;
  padding: 4px 14px;
  background-color: #ffffff;
  color: #0070c0;
  border-radius: 12px;
  border: 2px solid #0070c0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.av-button--pill:hover {
  background-color: #eeeeee;
}

.av-button--red {
  padding: 6px 8px 7px 8px;
  background-color: #d62828;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid transparent;
}

.av-button--red:hover {
  background-color: #e77d7d;
}

.av-button--icon {
  padding: 6px 40px 7px 14px;
  position: relative;
}

.av-button--icon > .av-icon:last-child {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.btn--singleLine {
  line-height: 1;
}

.av-button--mobMenu {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  background-color: #0070c0;
  padding: 0 0 0 53px;
  font-size: 18px;
  border-radius: 0;
  min-width: 0;
  text-align: left;
  border: 0;
}

.av-button:disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

button.av-button,
button.av-button--primary,
button.av-button--red,
button.av-button--tertiary,
button.av-button--mobMenu,
button.av-button--default {
  color: #ffffff;
  font-size: 16px;
}

button.av-button--naked--grey {
  color: #c9c9c9;
}

a.av-button,
a.av-button--primary,
a.av-button--red,
a.av-button--tertiary,
a.av-button--mobMenu,
a.av-button--default {
  color: #ffffff;
  font-size: 16px;
}

a.av-button--primary:hover,
a.av-button--tertiary:hover {
  color: #ffffff;
  text-decoration: none;
}

a.av-button--primary {
  background-color: #0070c0;
}

a.av-button--tertiary {
  background-color: #ad1457;
}

button.av-button--secondary,
a.av-button--secondary,
button.av-button--naked--blue,
a.av-button--naked--blue {
  color: #0070c0;
  font-size: 16px;
}

button.av-button--naked--small,
a.av-button--naked--small {
  font-size: 12px;
  font-weight: bold;
}

button.av-button--naked--large,
a.av-button--naked--large {
  font-size: 24px;
  font-weight: bold;
}

button.av-button--pill,
a.av-button--pill {
  color: #0070c0;
  font-size: 14px;
  overflow: hidden;
}

button.av-button:disabled {
  cursor: not-allowed;
}

.av-buttonRow--right {
  display: flex;
  justify-content: flex-end;
}

button.av-button--mini {
  line-height: 1em;
  font-size: 13px;
  padding: 5px;
  min-width: 65px;
}

.card__hd {
  padding: 10px 15px;
  margin-bottom: 15px;
  background-color: #4f4f4f;
  color: #ffffff;
}

.card__bd {
  padding: 0 15px 15px 15px;
}

.confirmModal {
  text-align: center;
}

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

.confirmModal__hd {
  padding: 0 20px;
  margin-bottom: 20px;
  margin-bottom: 10px;
  color: #333333;
  font-size: 24px;
  line-height: 1.17;
}

.confirmModal--large .confirmModal__hd {
  padding-left: 0;
}

.confirmModal--completedTask .confirmModal__hd {
  color: #70ad47;
}

.confirmModal__icon {
  margin-bottom: 20px;
}

.confirmModal__bd {
  margin-bottom: 28px;
  color: #4f4f4f;
  font-size: 14px;
}

.confirmModal__bd > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.29;
}

.confirmModal__bd > p + p {
  margin-top: 20px;
}

.confirmModal__ft {
  text-align: center;
}

.confirmModal__ft__list,
ul.confirmModal__ft__list,
ol.confirmModal__ft__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.confirmModal__ft__list > * + * {
  margin-top: 16px;
}

.confirmModal--large .confirmModal__ft__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.confirmModal--large .confirmModal__ft__list,
.confirmModal--large ul.confirmModal__ft__list,
.confirmModal--large ol.confirmModal__ft__list {
  margin-top: -24px;
  margin-left: -24px;
}
.confirmModal--large .confirmModal__ft__list > *,
.confirmModal--large ul.confirmModal__ft__list > *,
.confirmModal--large ol.confirmModal__ft__list > * {
  padding-top: 24px;
  padding-left: 24px;
}

.confirmModal--large .confirmModal__ft__list > *:first-child {
  order: 1;
}

.confirmModal--large .confirmModal__ft__list > * + * {
  margin-top: 0;
}

.av-contentNav > .nav.nav-tabs {
  margin-bottom: 20px;
}
.av-contentNav > .nav.nav-tabs:before, .av-contentNav > .nav.nav-tabs:after {
  content: " ";
  display: table;
}
.av-contentNav > .nav.nav-tabs:after {
  clear: both;
}

.counter {
  border-left: 1px solid #c9c9c9;
  padding: 6px 16px;
  position: relative;
  overflow: hidden;
}

.counter__hd {
  margin-bottom: 8px;
  color: #828282;
  font-weight: 600;
  font-size: 10px;
}

.counter__count__number {
  font-size: 28px;
  color: #cccccc;
  cursor: pointer;
}

.counter--green .counter__count__number {
  color: #70ad47;
}

.counter--red .counter__count__number {
  color: #d72828;
}

.counter--yellow .counter__count__number {
  color: #e6bb0f;
}

.counter:not(.filtered):after {
  content: "";
  width: 100%;
  height: 6px;
  background-color: #cccccc;
  position: absolute;
  bottom: 0;
  left: 0;
}

.counter--green:not(.filtered):after {
  background-color: #70ad47;
}

.counter--red:not(.filtered):after {
  background-color: #d62828;
}

.counter--yellow:not(.filtered):after {
  background-color: #e6bb0f;
}

.av-dropzone {
  width: 100%;
  padding: 0 20px;
  border-color: #cccccc;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  border-width: 3px;
  border-style: dashed;
}

.av-dropzone--content {
  display: block;
}

.extendedStatus {
  padding: 10px 20px;
  border-left: 1px solid #979797;
  margin: 0 50px 20px 50px;
}

.global-error-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it's above other content */
}

.global-error-content {
  position: relative;
  padding: 20px;
  background: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  max-width: 70vw;
  min-width: 500px;
}

.global-error-message {
  color: #d62828;
}

.global-error-header {
  display: flex;
  justify-content: space-between;
}

#GlobalError .av-icon-x {
  position: absolute;
  top: 0px;
  right: 5px;
  cursor: pointer;
}

.av-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.av-icon > svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.av-icon-pointer {
  cursor: pointer;
}

.av-icon--block {
  display: block;
}

.av-icon--white {
  fill: #ffffff;
}

.av-icon--black {
  fill: #000000;
}

.av-icon--red {
  fill: #d62828;
}

.av-icon--primary {
  fill: #0070c0;
}

.av-icon--secondary {
  fill: #ad1457;
}

.av-icon--orange {
  fill: #ed7d31;
}

.av-icon--grey {
  fill: #c9c9c9;
}

button.av-icon--grey:hover {
  fill: #003e6b;
}

.av-icon--xs {
  width: 10px;
  height: 10px;
}

.av-icon--sm {
  width: 14px;
  height: 14px;
}

.av-icon--md {
  width: 20px;
  height: 20px;
}

.av-icon--lg {
  width: 40px;
  height: 40px;
}

.av-icon--xl {
  width: 50px;
  height: 50px;
}

@media (min-width: 480px) {
  .av-icon--xs\@minmob {
    width: 10px;
    height: 10px;
  }
  .av-icon--sm\@minmob {
    width: 14px;
    height: 14px;
  }
  .av-icon--md\@minmob {
    width: 20px;
    height: 20px;
  }
  .av-icon--lg\@minmob {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 560px) {
  .av-icon--xs\@minphab {
    width: 10px;
    height: 10px;
  }
  .av-icon--sm\@minphab {
    width: 14px;
    height: 14px;
  }
  .av-icon--md\@minphab {
    width: 20px;
    height: 20px;
  }
  .av-icon--lg\@minphab {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 767px) {
  .av-icon--xs\@mintab {
    width: 10px;
    height: 10px;
  }
  .av-icon--sm\@mintab {
    width: 14px;
    height: 14px;
  }
  .av-icon--md\@mintab {
    width: 20px;
    height: 20px;
  }
  .av-icon--lg\@mintab {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 980px) {
  .av-icon--xs\@mindesk {
    width: 10px;
    height: 10px;
  }
  .av-icon--sm\@mindesk {
    width: 14px;
    height: 14px;
  }
  .av-icon--md\@mindesk {
    width: 20px;
    height: 20px;
  }
  .av-icon--lg\@mindesk {
    width: 30px;
    height: 30px;
  }
}
.loader--isLoading {
  min-height: 100px;
  position: relative;
}

.loader--isLoading > * {
  opacity: 0.4;
  filter: blur(4px);
  pointer-events: none;
}

.loader__img {
  display: none;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader--isLoading .loader__img {
  display: block;
  opacity: 1;
  filter: blur(0);
}

.loadingModal {
  text-align: center;
  line-height: 0;
}

.mobNavItem {
  position: relative;
}

.mobNavItem__icon {
  width: 22px;
  height: 22px;
  margin-right: 15px;
  font-size: 22px;
  line-height: 22px;
}

.mobNavItem__icon > .fa {
  width: 22px;
  text-align: center;
}

.mobNavItem__expand {
  width: 18px;
  height: 18px;
  padding: 13px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  box-sizing: content-box;
}

.mobSubNavItemList {
  background-color: #0070c0;
}

.applicant-menu-items a span.mobNavItem__icon {
  font-size: 22px;
  margin-right: 12px;
}

.applicant-menu-items a.mobNavItem {
  font-weight: 600;
}

.applicant-menu-items .mobNavItem__isOpen {
  background-color: #0070c0;
  color: #fff;
}

.applicant-menu-items a span.mobNavItem__expand,
.applicant-menu-items a span.mobNavItem__expand span {
  margin-right: 0;
}

.mobNavItem__subItem {
  color: #fff;
  font-size: 18px;
  margin-left: 40px;
}

.av-mobileContainer {
  margin: 4px;
  padding: 10px;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 2px 2px #cfcccc;
}

/* ----------------------------------------------------------------------------
Modal
---------------------------------------------------------------------------- */
.body--modalIsOpen > .main-container {
  filter: blur(3px);
  opacity: 0.6;
  overflow: hidden;
}

.av-modalSneezeGuard {
  min-width: 100%;
  background-color: #999999;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000; /* stack higher than existing code items */
}

.av-modalSneezeGuard--unfix {
  position: absolute;
}

.av-modalSneezeGuard__inner {
  max-width: 300px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.av-modalSneezeGuard--large .av-modalSneezeGuard__inner {
  max-width: 678px;
}

.av-modalSneezeGuard--90percent .av-modalSneezeGuard__inner {
  max-width: 90%;
  min-width: 250px;
}

.av-modal {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: #ffffff;
  transform: translateY(-50%);
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
}

.av-modalSneezeGuard--unfix .av-modal {
  top: 20px;
  transform: none;
}

.av-modal__close {
  width: 24px;
  height: 24px;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1002;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  line-height: 1;
  background-color: transparent;
}

.av-modalSneezeGuard--hideCloseBtn .av-modal__close {
  display: none;
}

.av-modal__close__text {
  position: absolute;
  top: -9999px;
}

.av-modal__close__icon {
  font-size: 0;
  background-size: 100% 100%;
  fill: #0070c0;
}

.av-modal__close__icon > svg {
  width: 100%;
  height: 100%;
}

.av-modal__close:hover .av-modal__close__icon {
  fill: #000000;
}

.av-modal__bd {
  padding: 20px;
}

.av-experienceTextArea {
  resize: none;
  height: 113px;
}

.profilePicture {
  height: 125px;
  width: 125px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.profilePicture--default {
  font-size: 150px;
  border-radius: 50%;
  border: 3px solid #fff;
}

.profilePicture__img {
  display: inline-block;
  height: 125px;
  width: 125px;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #979797;
  overflow: hidden;
}

.profilePicture__img > img {
  width: 100%;
  height: 100%;
}

.statusTag {
  display: inline-block;
  width: 92px;
  padding: 8px;
  border: 1px solid #cccccc;
  color: #4f4f4f;
  font-size: 12px;
  line-height: 1;
  border-radius: 3px;
  background-color: #ffffff;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.statusTag--actionReq {
  background-color: #e6bb0f;
  border: 0;
}

.statusTag--complete {
  background-color: #70ad47;
  color: #ffffff;
  border: 0;
}

.statusTag--workflowtask-incomplete {
  background-color: #740D0D;
  color: #ffffff;
  width: 110px;
  border: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 39px;
}

.statusTag--workflowtask-complete {
  background-color: #0D7443;
  color: #ffffff;
  width: 110px;
  border: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 39px;
}

.statusTag--rejected {
  background-color: #d62828;
  color: #ffffff;
  border: 0;
}

.statusTag--full {
  width: 100%;
}

.av-tab,
a.av-tab,
button.av-tab {
  display: inline-block;
  padding: 10px 15px;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #828282;
}

.av-tab:hover,
a.av-tab:hover,
button.av-tab:hover {
  text-decoration: none;
  color: #828282;
}

.av-tab.isActive,
a.av-tab.isActive,
button.av-tab.isActive {
  border-bottom: 2px solid #0070c0;
  color: #4f4f4f;
  font-weight: 600;
}

.av-tag {
  padding: 2px 30px 2px 8px;
  border: 1px solid #ad1457;
  border-radius: 3px;
  color: #ad1457;
  position: relative;
}

.av-tag--full {
  width: 100%;
}

.av-tag__name {
  color: #ad1457;
  font-size: 12px;
}

.av-tag__icon {
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  color: inherit;
  text-decoration: inherit;
  text-align: left;
  cursor: pointer;
  padding: 2px 5px;
  fill: #ad1457;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -1px;
  transform: translateY(-50%);
  line-height: 0;
}

button.av-tag__icon {
  line-height: 0;
}

.widgetCount__number {
  margin-right: 10px;
  font-size: 24px;
  color: #0070c0;
  cursor: pointer;
  text-decoration: none;
}
.widgetCount__number:hover {
  color: #004374;
  text-decoration: underline;
}

.widgetCount__text {
  font-size: 16px;
}

.enabledIndicator__label {
  position: relative;
  bottom: 2px;
}

.masking {
  display: flex;
  align-items: center;
  padding-right: 10px;
  gap: 5px;
  background-color: white !important;
  border: 1px solid beige;
  justify-content: space-between;
}

.maskingStyleA {
  display: flex;
  flex: 1;
  align-items: center;
  padding-right: 10px;
  justify-content: flex-end;
}

.maskingStyleMin {
  display: flex;
  flex: 1;
  align-items: center;
  padding-right: 10px;
  justify-content: space-between;
  gap: 5px;
}

.gridMaskStyle {
  background-color: "#FFFF" !important;
  opacity: 0.9;
  color: transparent !important;
  text-shadow: 0 0 5px black;
  padding-left: 6px;
}

.gridUnMaskStyle {
  color: black !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.text-white {
  color: #FFF;
}

.replaceClass {
  position: relative;
  display: block;
}

.iconClassFUll {
  position: absolute;
  top: 4px;
  cursor: pointer;
  display: flex !important;
}

.maskIconWrapper {
  display: none;
  cursor: pointer;
}

.iconStyle {
  color: black !important;
}

.d-none {
  display: none !important;
}

.w-100 {
  width: 100%;
}

.aPointer {
  cursor: pointer;
}

.span-css {
  display: flex;
  width: 100%;
}

.contact-mask-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  gap: 6px;
}

.aCss {
  display: block;
  margin-right: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.gridMask {
  display: flex;
  width: inherit;
}

.hList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

ul.hList,
ol.hList {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.hList--centerJustify {
  justify-content: center;
}

.hList--rightJustify {
  justify-content: flex-end;
}

.hList--vAlignCenter {
  align-items: center;
}

.hList--vAlignBottom {
  align-items: flex-end;
}

.hList--spacedSmall,
ul.hList--spacedSmall,
ol.hList--spacedSmall {
  margin-top: -6px;
  margin-left: -6px;
}
.hList--spacedSmall > *,
ul.hList--spacedSmall > *,
ol.hList--spacedSmall > * {
  padding-top: 6px;
  padding-left: 6px;
}

.hList--spaced,
ul.hList--spaced,
ol.hList--spaced {
  margin-top: -12px;
  margin-left: -12px;
}
.hList--spaced > *,
ul.hList--spaced > *,
ol.hList--spaced > * {
  padding-top: 12px;
  padding-left: 12px;
}

.hList--spaced2x,
ul.hList--spaced2x,
ol.hList--spaced2x {
  margin-top: -24px;
  margin-left: -24px;
}
.hList--spaced2x > *,
ul.hList--spaced2x > *,
ol.hList--spaced2x > * {
  padding-top: 24px;
  padding-left: 24px;
}

.hList--separated > * + * {
  margin-left: 12px;
  position: relative;
}

.hList--separated > * + *:before {
  content: "";
  height: 12px;
  margin-top: -6px;
  width: 0;
  border-left: 1px solid #cccccc;
  top: 50%;
  left: calc(12px / 2 * -1);
  position: absolute;
}

.hList--divided {
  align-items: center;
  justify-content: space-between;
}

/**
 * Vertical List
 *
 * `.vList` is great for handling all things listed vertically.
 * `.vList` doesn't care about its contents either, so you can
 * use text in it, sure. But it really shines when you put
 * other components in side it as list items. If you've got
 * of items that you need spaced, divided, etc. you've come
 * to the right place.
 *
 * @section
 * @page Repeaters
 */
/**
 * Standard vList
 *
 * @section
 * @sectionof Vertical List
 *
 * @example {html}
 * <ul class="vList">
 *     <li>List Item One</li>
 *     <li>List Item Two</li>
 *     <li>List Item Three</li>
 * </ul>
 */
.vList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.vList--divided--topAndBottom {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.vList--toplined > * {
  border-top: 1px solid #cccccc;
}

.vList--underlined > * {
  border-bottom: 1px solid #cccccc;
}

.vList--striped > *:nth-child(2n+2) {
  background-color: #f8f8f8;
}

/**
 * Standard vList with spacing
 *
 * You can space the vertical list in 2px increments. It goes all the
 * way from `.vList--1x` (2px of spacing) to `.vList--20x` (40px of spacing).
 *
 * @section
 * @sectionof Vertical List
 *
 * @example {html}
 * <ul class="vList vList--10x">
 *     <li>List Item One</li>
 *     <li>List Item Two</li>
 *     <li>List Item Three</li>
 * </ul>
 */
.vList--divided > * + * {
  border-top: 1px solid #cccccc;
}

/**
 * Standard vList with spacing and divider
 *
 * @section
 * @sectionof Vertical List
 *
 * @example {html}
 * <ul class="vList vList--10x vList--divided">
 *     <li>List Item One</li>
 *     <li>List Item Two</li>
 *     <li>List Item Three</li>
 * </ul>
 */
.vList--1x > * {
  padding-bottom: 2px;
}

.vList--1x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--1x > * {
  padding-top: 2px;
}

.vList--underlined.vList--1x > * {
  padding-bottom: 2px;
}

.vList--divided--topAndBottom.vList--1x > *:first-child {
  padding-top: 2px;
}

.vList--divided--topAndBottom.vList--1x > *:last-child {
  padding-bottom: 2px;
}

.vList--divided.vList--1x > * + * {
  padding-top: 2px;
}

.vList--2x > * {
  padding-bottom: 4px;
}

.vList--2x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--2x > * {
  padding-top: 4px;
}

.vList--underlined.vList--2x > * {
  padding-bottom: 4px;
}

.vList--divided--topAndBottom.vList--2x > *:first-child {
  padding-top: 4px;
}

.vList--divided--topAndBottom.vList--2x > *:last-child {
  padding-bottom: 4px;
}

.vList--divided.vList--2x > * + * {
  padding-top: 4px;
}

.vList--3x > * {
  padding-bottom: 6px;
}

.vList--3x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--3x > * {
  padding-top: 6px;
}

.vList--underlined.vList--3x > * {
  padding-bottom: 6px;
}

.vList--divided--topAndBottom.vList--3x > *:first-child {
  padding-top: 6px;
}

.vList--divided--topAndBottom.vList--3x > *:last-child {
  padding-bottom: 6px;
}

.vList--divided.vList--3x > * + * {
  padding-top: 6px;
}

.vList--4x > * {
  padding-bottom: 8px;
}

.vList--4x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--4x > * {
  padding-top: 8px;
}

.vList--underlined.vList--4x > * {
  padding-bottom: 8px;
}

.vList--divided--topAndBottom.vList--4x > *:first-child {
  padding-top: 8px;
}

.vList--divided--topAndBottom.vList--4x > *:last-child {
  padding-bottom: 8px;
}

.vList--divided.vList--4x > * + * {
  padding-top: 8px;
}

.vList--5x > * {
  padding-bottom: 10px;
}

.vList--5x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--5x > * {
  padding-top: 10px;
}

.vList--underlined.vList--5x > * {
  padding-bottom: 10px;
}

.vList--divided--topAndBottom.vList--5x > *:first-child {
  padding-top: 10px;
}

.vList--divided--topAndBottom.vList--5x > *:last-child {
  padding-bottom: 10px;
}

.vList--divided.vList--5x > * + * {
  padding-top: 10px;
}

.vList--6x > * {
  padding-bottom: 12px;
}

.vList--6x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--6x > * {
  padding-top: 12px;
}

.vList--underlined.vList--6x > * {
  padding-bottom: 12px;
}

.vList--divided--topAndBottom.vList--6x > *:first-child {
  padding-top: 12px;
}

.vList--divided--topAndBottom.vList--6x > *:last-child {
  padding-bottom: 12px;
}

.vList--divided.vList--6x > * + * {
  padding-top: 12px;
}

.vList--7x > * {
  padding-bottom: 14px;
}

.vList--7x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--7x > * {
  padding-top: 14px;
}

.vList--underlined.vList--7x > * {
  padding-bottom: 14px;
}

.vList--divided--topAndBottom.vList--7x > *:first-child {
  padding-top: 14px;
}

.vList--divided--topAndBottom.vList--7x > *:last-child {
  padding-bottom: 14px;
}

.vList--divided.vList--7x > * + * {
  padding-top: 14px;
}

.vList--8x > * {
  padding-bottom: 16px;
}

.vList--8x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--8x > * {
  padding-top: 16px;
}

.vList--underlined.vList--8x > * {
  padding-bottom: 16px;
}

.vList--divided--topAndBottom.vList--8x > *:first-child {
  padding-top: 16px;
}

.vList--divided--topAndBottom.vList--8x > *:last-child {
  padding-bottom: 16px;
}

.vList--divided.vList--8x > * + * {
  padding-top: 16px;
}

.vList--9x > * {
  padding-bottom: 18px;
}

.vList--9x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--9x > * {
  padding-top: 18px;
}

.vList--underlined.vList--9x > * {
  padding-bottom: 18px;
}

.vList--divided--topAndBottom.vList--9x > *:first-child {
  padding-top: 18px;
}

.vList--divided--topAndBottom.vList--9x > *:last-child {
  padding-bottom: 18px;
}

.vList--divided.vList--9x > * + * {
  padding-top: 18px;
}

.vList--10x > * {
  padding-bottom: 20px;
}

.vList--10x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--10x > * {
  padding-top: 20px;
}

.vList--underlined.vList--10x > * {
  padding-bottom: 20px;
}

.vList--divided--topAndBottom.vList--10x > *:first-child {
  padding-top: 20px;
}

.vList--divided--topAndBottom.vList--10x > *:last-child {
  padding-bottom: 20px;
}

.vList--divided.vList--10x > * + * {
  padding-top: 20px;
}

.vList--11x > * {
  padding-bottom: 22px;
}

.vList--11x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--11x > * {
  padding-top: 22px;
}

.vList--underlined.vList--11x > * {
  padding-bottom: 22px;
}

.vList--divided--topAndBottom.vList--11x > *:first-child {
  padding-top: 22px;
}

.vList--divided--topAndBottom.vList--11x > *:last-child {
  padding-bottom: 22px;
}

.vList--divided.vList--11x > * + * {
  padding-top: 22px;
}

.vList--12x > * {
  padding-bottom: 24px;
}

.vList--12x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--12x > * {
  padding-top: 24px;
}

.vList--underlined.vList--12x > * {
  padding-bottom: 24px;
}

.vList--divided--topAndBottom.vList--12x > *:first-child {
  padding-top: 24px;
}

.vList--divided--topAndBottom.vList--12x > *:last-child {
  padding-bottom: 24px;
}

.vList--divided.vList--12x > * + * {
  padding-top: 24px;
}

.vList--13x > * {
  padding-bottom: 26px;
}

.vList--13x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--13x > * {
  padding-top: 26px;
}

.vList--underlined.vList--13x > * {
  padding-bottom: 26px;
}

.vList--divided--topAndBottom.vList--13x > *:first-child {
  padding-top: 26px;
}

.vList--divided--topAndBottom.vList--13x > *:last-child {
  padding-bottom: 26px;
}

.vList--divided.vList--13x > * + * {
  padding-top: 26px;
}

.vList--14x > * {
  padding-bottom: 28px;
}

.vList--14x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--14x > * {
  padding-top: 28px;
}

.vList--underlined.vList--14x > * {
  padding-bottom: 28px;
}

.vList--divided--topAndBottom.vList--14x > *:first-child {
  padding-top: 28px;
}

.vList--divided--topAndBottom.vList--14x > *:last-child {
  padding-bottom: 28px;
}

.vList--divided.vList--14x > * + * {
  padding-top: 28px;
}

.vList--15x > * {
  padding-bottom: 30px;
}

.vList--15x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--15x > * {
  padding-top: 30px;
}

.vList--underlined.vList--15x > * {
  padding-bottom: 30px;
}

.vList--divided--topAndBottom.vList--15x > *:first-child {
  padding-top: 30px;
}

.vList--divided--topAndBottom.vList--15x > *:last-child {
  padding-bottom: 30px;
}

.vList--divided.vList--15x > * + * {
  padding-top: 30px;
}

.vList--16x > * {
  padding-bottom: 32px;
}

.vList--16x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--16x > * {
  padding-top: 32px;
}

.vList--underlined.vList--16x > * {
  padding-bottom: 32px;
}

.vList--divided--topAndBottom.vList--16x > *:first-child {
  padding-top: 32px;
}

.vList--divided--topAndBottom.vList--16x > *:last-child {
  padding-bottom: 32px;
}

.vList--divided.vList--16x > * + * {
  padding-top: 32px;
}

.vList--17x > * {
  padding-bottom: 34px;
}

.vList--17x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--17x > * {
  padding-top: 34px;
}

.vList--underlined.vList--17x > * {
  padding-bottom: 34px;
}

.vList--divided--topAndBottom.vList--17x > *:first-child {
  padding-top: 34px;
}

.vList--divided--topAndBottom.vList--17x > *:last-child {
  padding-bottom: 34px;
}

.vList--divided.vList--17x > * + * {
  padding-top: 34px;
}

.vList--18x > * {
  padding-bottom: 36px;
}

.vList--18x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--18x > * {
  padding-top: 36px;
}

.vList--underlined.vList--18x > * {
  padding-bottom: 36px;
}

.vList--divided--topAndBottom.vList--18x > *:first-child {
  padding-top: 36px;
}

.vList--divided--topAndBottom.vList--18x > *:last-child {
  padding-bottom: 36px;
}

.vList--divided.vList--18x > * + * {
  padding-top: 36px;
}

.vList--19x > * {
  padding-bottom: 38px;
}

.vList--19x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--19x > * {
  padding-top: 38px;
}

.vList--underlined.vList--19x > * {
  padding-bottom: 38px;
}

.vList--divided--topAndBottom.vList--19x > *:first-child {
  padding-top: 38px;
}

.vList--divided--topAndBottom.vList--19x > *:last-child {
  padding-bottom: 38px;
}

.vList--divided.vList--19x > * + * {
  padding-top: 38px;
}

.vList--20x > * {
  padding-bottom: 40px;
}

.vList--20x > *:last-child {
  padding-bottom: 0;
}

.vList--toplined.vList--20x > * {
  padding-top: 40px;
}

.vList--underlined.vList--20x > * {
  padding-bottom: 40px;
}

.vList--divided--topAndBottom.vList--20x > *:first-child {
  padding-top: 40px;
}

.vList--divided--topAndBottom.vList--20x > *:last-child {
  padding-bottom: 40px;
}

.vList--divided.vList--20x > * + * {
  padding-top: 40px;
}

.compas label.cor_label-block {
  display: block;
}

.compas .form-control.cor_form-control_add,
.compas .av-input.cor_form-control_add {
  display: inline-block;
  width: 80%;
  margin-right: 10px;
}

.compas span.tag-token-berry.tag-token__fluid {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
}

.compas ul.vList {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.compas h2.u-noMargin {
  margin: 0;
}

h1.u-hdgMarginReset,
h2.u-hdgMarginReset,
h3.u-hdgMarginReset,
h4.u-hdgMarginReset,
h5.u-hdgMarginReset,
h6.u-hdgMarginReset {
  margin: 0;
}

p.u-pMarginReset {
  margin: 0;
}

.u-fontSize--10,
h1.u-fontSize--10,
h2.u-fontSize--10,
h3.u-fontSize--10,
h4.u-fontSize--10,
h5.u-fontSize--10,
h6.u-fontSize--10 {
  font-size: 10px;
}

.u-fontSize--12,
h1.u-fontSize--12,
h2.u-fontSize--12,
h3.u-fontSize--12,
h4.u-fontSize--12,
h5.u-fontSize--12,
h6.u-fontSize--12 {
  font-size: 12px;
}

.u-fontSize--14,
h1.u-fontSize--14,
h2.u-fontSize--14,
h3.u-fontSize--14,
h4.u-fontSize--14,
h5.u-fontSize--14,
h6.u-fontSize--14 {
  font-size: 14px;
}

.u-fontSize--16,
h1.u-fontSize--16,
h2.u-fontSize--16,
h3.u-fontSize--16,
h4.u-fontSize--16,
h5.u-fontSize--16,
h6.u-fontSize--16 {
  font-size: 16px;
}

.u-fontSize--18,
h1.u-fontSize--18,
h2.u-fontSize--18,
h3.u-fontSize--18,
h4.u-fontSize--18,
h5.u-fontSize--18,
h6.u-fontSize--18 {
  font-size: 18px;
}

.u-fontSize--20,
h1.u-fontSize--20,
h2.u-fontSize--20,
h3.u-fontSize--20,
h4.u-fontSize--20,
h5.u-fontSize--20,
h6.u-fontSize--20 {
  font-size: 20px;
}

.u-fontSize--22,
h1.u-fontSize--22,
h2.u-fontSize--22,
h3.u-fontSize--22,
h4.u-fontSize--22,
h5.u-fontSize--22,
h6.u-fontSize--22 {
  font-size: 22px;
}

.u-fontSize--24,
h1.u-fontSize--24,
h2.u-fontSize--24,
h3.u-fontSize--24,
h4.u-fontSize--24,
h5.u-fontSize--24,
h6.u-fontSize--24 {
  font-size: 24px;
}

.u-fontSize--28,
h1.u-fontSize--28,
h2.u-fontSize--28,
h3.u-fontSize--28,
h4.u-fontSize--28,
h5.u-fontSize--28,
h6.u-fontSize--28 {
  font-size: 28px;
}

.u-fontSize--36,
h1.u-fontSize--36,
h2.u-fontSize--36,
h3.u-fontSize--36,
h4.u-fontSize--36,
h5.u-fontSize--36,
h6.u-fontSize--36 {
  font-size: 36px;
}

.u-fontWeight--bold {
  font-weight: bold;
}

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

.u-fontWeightMedium {
  font-weight: 500;
}

.u-fontWeightBold,
h1.u-fontWeightBold,
h2.u-fontWeightBold,
h3.u-fontWeightBold,
h4.u-fontWeightBold,
h5.u-fontWeightBold,
h6.u-fontWeightBold {
  font-weight: bold;
}

.u-color--lightGrey,
h1.u-color--lightGrey,
h2.u-color--lightGrey,
h3.u-color--lightGrey,
h4.u-color--lightGrey,
h5.u-color--lightGrey,
h6.u-color--lightGrey {
  color: #c4c4c4;
}

.u-color--error {
  color: #d62828;
}

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

.u-alignCenter {
  text-align: center;
}

.u-alignRight {
  text-align: right;
}

.u-bold-label .av-label {
  font-weight: bold;
}

@media (min-width: 480px) {
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
  .u-alignLeft\@minMob {
    text-align: left;
  }
  .u-alignCenter\@minMob {
    text-align: center;
  }
  .u-alignRight\@minMob {
    text-align: right;
  }
}
@media (min-width: 560px) {
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
  .u-alignLeft\@minPhab {
    text-align: left;
  }
  .u-alignCenter\@minPhab {
    text-align: center;
  }
  .u-alignRight\@minPhab {
    text-align: right;
  }
}
@media (min-width: 767px) {
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
  .u-alignLeft\@minTab {
    text-align: left;
  }
  .u-alignCenter\@minTab {
    text-align: center;
  }
  .u-alignRight\@minTab {
    text-align: right;
  }
}
@media (min-width: 980px) {
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
  .u-alignLeft\@minDesk {
    text-align: left;
  }
  .u-alignCenter\@minDesk {
    text-align: center;
  }
  .u-alignRight\@minDesk {
    text-align: right;
  }
}
.u-isHidden {
  display: none !important;
}

.u-hideSvgs {
  position: absolute;
  top: -9999px;
  width: 0;
  height: 0;
}

.u-isVisuallyHidden {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.u-isVisuallyHiddenUnlessFocused:not(:focus):not(:active) {
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap;
}

.u-link {
  font-weight: bold;
  cursor: pointer;
}

.u-overflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-padding--5,
ul.u-padding--5,
ol.u-padding--5 {
  padding: 5px;
}

.u-paddingTop--5,
ul.u-paddingTop--5,
ol.u-paddingTop--5 {
  padding-top: 5px;
}

.u-paddingRight--5,
ul.u-paddingRight--5,
ol.u-paddingRight--5 {
  padding-right: 5px;
}

.u-paddingBottom--5,
ul.u-paddingBottom--5,
ol.u-paddingBottom--5 {
  padding-bottom: 5px;
}

.u-paddingLeft--5,
ul.u-paddingLeft--5,
ol.u-paddingLeft--5 {
  padding-left: 5px;
}

.u-padding--10,
ul.u-padding--10,
ol.u-padding--10 {
  padding: 10px;
}

.u-paddingTop--10,
ul.u-paddingTop--10,
ol.u-paddingTop--10 {
  padding-top: 10px;
}

.u-paddingRight--10,
ul.u-paddingRight--10,
ol.u-paddingRight--10 {
  padding-right: 10px;
}

.u-paddingBottom--10,
ul.u-paddingBottom--10,
ol.u-paddingBottom--10 {
  padding-bottom: 10px;
}

.u-paddingLeft--10,
ul.u-paddingLeft--10,
ol.u-paddingLeft--10 {
  padding-left: 10px;
}

.u-padding--15,
ul.u-padding--15,
ol.u-padding--15 {
  padding: 15px;
}

.u-paddingTop--15,
ul.u-paddingTop--15,
ol.u-paddingTop--15 {
  padding-top: 15px;
}

.u-paddingRight--15,
ul.u-paddingRight--15,
ol.u-paddingRight--15 {
  padding-right: 15px;
}

.u-paddingBottom--15,
ul.u-paddingBottom--15,
ol.u-paddingBottom--15 {
  padding-bottom: 15px;
}

.u-paddingLeft--15,
ul.u-paddingLeft--15,
ol.u-paddingLeft--15 {
  padding-left: 15px;
}

.u-padding--20,
ul.u-padding--20,
ol.u-padding--20 {
  padding: 20px;
}

.u-paddingTop--20,
ul.u-paddingTop--20,
ol.u-paddingTop--20 {
  padding-top: 20px;
}

.u-paddingRight--20,
ul.u-paddingRight--20,
ol.u-paddingRight--20 {
  padding-right: 20px;
}

.u-paddingBottom--20,
ul.u-paddingBottom--20,
ol.u-paddingBottom--20 {
  padding-bottom: 20px;
}

.u-paddingLeft--20,
ul.u-paddingLeft--20,
ol.u-paddingLeft--20 {
  padding-left: 20px;
}

.u-padding--30,
ul.u-padding--30,
ol.u-padding--30 {
  padding: 30px;
}

.u-paddingTop--30,
ul.u-paddingTop--30,
ol.u-paddingTop--30 {
  padding-top: 30px;
}

.u-paddingRight--30,
ul.u-paddingRight--30,
ol.u-paddingRight--30 {
  padding-right: 30px;
}

.u-paddingBottom--30,
ul.u-paddingBottom--30,
ol.u-paddingBottom--30 {
  padding-bottom: 30px;
}

.u-paddingLeft--30,
ul.u-paddingLeft--30,
ol.u-paddingLeft--30 {
  padding-left: 30px;
}

.u-backgroundColor--pink {
  background-color: #fce4ec;
}

.u-maxWidth--60 {
  max-width: 60px;
}

.u-maxWidth--100 {
  max-width: 100px;
}

.u-maxWidth--200 {
  max-width: 200px;
}

.u-maxWidth--430 {
  max-width: 430px;
}

.u-maxWidth--678 {
  max-width: 678px;
}

.u-maxWidth--710 {
  max-width: 710px;
}

.u-marginAuto {
  margin: 0 auto;
}

.u-marginLeft--10 {
  margin-left: 10px;
}

.u-marginLeft--20 {
  margin-left: 20px;
}

.u-marginRight--10 {
  margin-right: 10px;
}

.u-marginRight--20 {
  margin-right: 20px;
}

.u-marginBottom--10 {
  margin-bottom: 10px;
}

.u-marginBottom--20 {
  margin-bottom: 20px;
}

.u-marginTop--10 {
  margin-top: 10px;
}

.u-marginTop--20 {
  margin-top: 20px;
}

.u-vr--1x,
ul.u-vr--1x {
  margin-bottom: 2px;
}

.u-vr--divider.u-vr--1x {
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--2x,
ul.u-vr--2x {
  margin-bottom: 4px;
}

.u-vr--divider.u-vr--2x {
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--3x,
ul.u-vr--3x {
  margin-bottom: 6px;
}

.u-vr--divider.u-vr--3x {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--4x,
ul.u-vr--4x {
  margin-bottom: 8px;
}

.u-vr--divider.u-vr--4x {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--5x,
ul.u-vr--5x {
  margin-bottom: 10px;
}

.u-vr--divider.u-vr--5x {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--6x,
ul.u-vr--6x {
  margin-bottom: 12px;
}

.u-vr--divider.u-vr--6x {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--7x,
ul.u-vr--7x {
  margin-bottom: 14px;
}

.u-vr--divider.u-vr--7x {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--8x,
ul.u-vr--8x {
  margin-bottom: 16px;
}

.u-vr--divider.u-vr--8x {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--9x,
ul.u-vr--9x {
  margin-bottom: 18px;
}

.u-vr--divider.u-vr--9x {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--10x,
ul.u-vr--10x {
  margin-bottom: 20px;
}

.u-vr--divider.u-vr--10x {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--11x,
ul.u-vr--11x {
  margin-bottom: 22px;
}

.u-vr--divider.u-vr--11x {
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--12x,
ul.u-vr--12x {
  margin-bottom: 24px;
}

.u-vr--divider.u-vr--12x {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--13x,
ul.u-vr--13x {
  margin-bottom: 26px;
}

.u-vr--divider.u-vr--13x {
  margin-bottom: 26px;
  padding-bottom: 26px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--14x,
ul.u-vr--14x {
  margin-bottom: 28px;
}

.u-vr--divider.u-vr--14x {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--15x,
ul.u-vr--15x {
  margin-bottom: 30px;
}

.u-vr--divider.u-vr--15x {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--16x,
ul.u-vr--16x {
  margin-bottom: 32px;
}

.u-vr--divider.u-vr--16x {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--17x,
ul.u-vr--17x {
  margin-bottom: 34px;
}

.u-vr--divider.u-vr--17x {
  margin-bottom: 34px;
  padding-bottom: 34px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--18x,
ul.u-vr--18x {
  margin-bottom: 36px;
}

.u-vr--divider.u-vr--18x {
  margin-bottom: 36px;
  padding-bottom: 36px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--19x,
ul.u-vr--19x {
  margin-bottom: 38px;
}

.u-vr--divider.u-vr--19x {
  margin-bottom: 38px;
  padding-bottom: 38px;
  border-bottom: 1px solid #cccccc;
}

.u-vr--20x,
ul.u-vr--20x {
  margin-bottom: 40px;
}

.u-vr--divider.u-vr--20x {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}

.u-vrTop--1x {
  padding-top: 2px;
}

.u-vrTop--2x {
  padding-top: 4px;
}

.u-vrTop--3x {
  padding-top: 6px;
}

.u-vrTop--4x {
  padding-top: 8px;
}

.u-vrTop--5x {
  padding-top: 10px;
}

.u-vrTop--6x {
  padding-top: 12px;
}

.u-vrTop--7x {
  padding-top: 14px;
}

.u-vrTop--8x {
  padding-top: 16px;
}

.u-vrTop--9x {
  padding-top: 18px;
}

.u-vrTop--10x {
  padding-top: 20px;
}

.u-vrTop--11x {
  padding-top: 22px;
}

.u-vrTop--12x {
  padding-top: 24px;
}

.u-vrTop--13x {
  padding-top: 26px;
}

.u-vrTop--14x {
  padding-top: 28px;
}

.u-vrTop--15x {
  padding-top: 30px;
}

.u-vrTop--16x {
  padding-top: 32px;
}

.u-vrTop--17x {
  padding-top: 34px;
}

.u-vrTop--18x {
  padding-top: 36px;
}

.u-vrTop--19x {
  padding-top: 38px;
}

.u-vrTop--20x {
  padding-top: 40px;
}

.av-buttonImageStyle {
  font-size: 16px;
  color: #428bca;
  align-items: center;
}

.av-buttonStyle {
  margin: 5px;
  color: #428bca;
  border-color: #428bca;
}

/** Placement Availability Status Type **/
av-app-placement-availability {
  display: block;
}

.placementAvailability .placement-icon {
  display: inline-block;
  vertical-align: middle;
}

.placementAvailability .placement-text {
  display: inline-block;
}

.applicantPlacementAvailability .placed {
  color: #838383;
}

.applicantPlacementAvailability .activeContractor {
  color: #0070c0;
}

.applicantPlacementAvailability .notActiveContractor {
  color: #70ad47;
}

.applicantPlacementAvailability .permPlaced {
  color: #7335B1;
}

/** Placement Status Type **/
.placeTags {
  width: 90%;
  margin: 0 5%;
}
.placeTags .placementStatus {
  margin: 2px 0;
  font-size: 15px;
  font-weight: normal;
  width: 100%;
  display: inline-block;
  height: 34px;
  line-height: 29px;
  text-overflow: ellipsis;
  border-style: none;
  cursor: default;
}
.placeTags .placementStatus.unplaced {
  background-color: #70ad47;
  color: #FFFFFF;
}
.placeTags .placementStatus.placed {
  background-color: #70ad47;
  color: #FFFFFF;
}
.placeTags .placementStatus.activeContractor {
  background-color: #0070c0;
  color: #FFFFFF;
}
.placeTags .placementStatus.formerContractor {
  background-color: #7aadd9;
  color: #FFFFFF;
}
.placeTags .placementStatus.permPlaced {
  background-color: #7335B1;
  color: #FFFFFF;
}
.placeTags .placementStatus.previouslyNominated {
  background-color: #b7b7b7;
  color: #FFFFFF;
}
.placeTags .placementStatus.currentlyNominated {
  background-color: #999;
  color: #FFFFFF;
}
.placeTags .placementStatus.previouslyPipelined {
  background-color: #f4c583;
  color: #FFFFFF;
}
.placeTags .placementStatus.currentlyPipelined {
  background-color: #f0ad4e;
  color: #FFFFFF;
}

.jobDetails {
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

.jobDetails:first-of-type {
  padding-top: 0;
}

.jobDetails:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.appCertificationVerificationAside h4.select-package-header {
  margin-top: 20px;
}
.appCertificationVerificationAside .col-md-6 {
  min-height: 69px;
}
.appCertificationVerificationAside .new-package-row div[class^=col-md-] {
  margin-bottom: 10px;
}
.appCertificationVerificationAside label.av-label.isRequired::after {
  content: " *";
}
.appCertificationVerificationAside .certificationVerificationAsideContent {
  width: 600px;
}

.compas .certification-verification-package {
  margin-bottom: 15px;
  padding-left: 20px;
}
.compas .certification-verification-package .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .certification-verification-package .col-md-2 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .certification-verification-package .col-md-1 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .certification-verification-package .icon-col-noLabel {
  padding-top: 2em;
}

.certification-verification-package-row div[class^=col-md-] {
  margin-bottom: 10px;
}

.flex-row--spaceBetween {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.onboardingAside .aside-body > div {
  height: 100%;
}
.onboardingAside .aside-body > div div.asideContainer {
  height: 100%;
}
.onboardingAside .aside-body > div div.asideContainer .loader {
  height: 100%;
}
.onboardingAside .aside-body > div div.asideContainer .loader .loader__bd {
  height: 100%;
}
.onboardingAside .prefillAside {
  width: 950px;
  height: 100%;
}
.onboardingAside .onboardingAsideContent {
  height: 100%;
  min-width: 678px;
}
.onboardingAside .confirmModal__hd {
  margin-top: 12px;
  padding: 0px;
}
.onboardingAside .confirmModal__bd {
  margin-top: 18px;
}
.onboardingAside .prefillWarningLarge {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 23px;
}
.onboardingAside .prefillWarningSmall {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
}
.onboardingAside .prefillDocName {
  font-size: 13px;
  font-weight: 700;
}
.onboardingAside .prefillFooter {
  width: 960px;
}

#applicant-screenings .header.row {
  margin-top: 40px;
}
#applicant-screenings .cancel-button {
  margin-left: 5px;
}
#applicant-screenings #screening-list-filter select, #applicant-screenings #screening-list-filter button {
  display: inline-block;
  margin-right: 20px;
}
#applicant-screenings #screening-list-filter select {
  width: 180px;
}
#applicant-screenings .recruiter-review-column .loading-image-container {
  text-align: center;
}
#applicant-screenings .recruiter-review-column .loading-image {
  height: 30px;
}

.appScreeningsAside .screenings-remove {
  color: #d62828;
  cursor: pointer;
}
.appScreeningsAside h4.select-package-header {
  margin-top: 20px;
}
.appScreeningsAside .col-md-6 {
  min-height: 69px;
}
.appScreeningsAside .new-package-row div[class^=col-md-] {
  margin-bottom: 10px;
}
.appScreeningsAside label.av-label.isRequired::after {
  content: " *";
}
.appScreeningsAside .screeningAsideContent {
  width: 600px;
}

.appScreeningsDetailsAside .cancel-button {
  margin-right: 20px;
}
.appScreeningsDetailsAside #backgroundCheckExpirationDate.invalid {
  border: 2px solid #d62828;
}

.accountList {
  width: 100%;
  /*display: inline-block;*/
}

.paymentAccountPanel {
  margin-top: 20px;
  /*width: 550px;
  display: inline-block;*/
}

.accountStyle {
  font-size: larger;
  font-weight: bold;
}

.down25 {
  padding-top: 25px;
}

.rowBuffer {
  margin-top: 10px;
  margin-bottom: 5px;
}

.av-icon--textGroup {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex-row--start {
  display: flex;
  justify-content: flex-start;
  align-items: end;
}

.btnTopText {
  font-size: 0.7em;
}

av-app-certifications-search-options .flex-row--start {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: flex-start;
  gap: 10px 20px;
}
av-app-certifications-search-options .flex-row--start .flex-firstCol {
  max-width: 300px;
  padding-right: 10px;
  border-right: solid 1px #ddd;
}
av-app-certifications-search-options .flex-twoCol--start {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: start;
  align-items: flex-start;
  gap: 10px 20px;
}
av-app-certifications-search-options .flex-row--start .summary {
  padding-right: 5px;
  overflow-y: auto;
  max-height: 100%;
  max-width: 400px;
}
av-app-certifications-search-options .summary .tag-item-multiline {
  height: fit-content;
  width: 100%;
}
av-app-certifications-search-options .form-group > .summary > .tag-item {
  max-width: 525px;
  word-break: break-all;
  height: auto;
}
av-app-certifications-search-options .form-group .certificates-buttons {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 10px;
}
av-app-certifications-search-options .bootstrap .tags .tag-item-preview {
  background: #e0e0e0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  color: #000000;
}
av-app-certifications-search-options .truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
av-app-certifications-search-options .navbar-collapse.in {
  overflow-y: hidden;
}

.faPadding .fa {
  padding: 10px;
}

.compas .aside .aside-dialog .aside-header {
  top: 0;
}

.aside-content > av-start-sheet-aside > form {
  height: 100%;
  overflow: hidden;
}

.invalid-recipient-list {
  columns: 150px 2;
}
.invalid-recipient-list li {
  font-size: 12px;
}

.optional-custom-placeholders {
  columns: 150px 2;
}
.optional-custom-placeholders li {
  font-size: 12px;
}

.flex--row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.massAppScreeningsAside {
  width: 678px;
  height: 100%;
}
.massAppScreeningsAside .sub-heading {
  margin-top: 20px;
}
.massAppScreeningsAside h4.applicant-data-updates-header,
.massAppScreeningsAside h4.final-confirmation {
  color: #ad1457;
  font-weight: bold;
}
.massAppScreeningsAside select.form-control.ng-dirty.ng-empty[required] {
  border: 2px solid #d62828;
}
.massAppScreeningsAside .applicant-data .col-md-6 {
  min-height: 69px;
}
.massAppScreeningsAside .response-applicant-header {
  font-size: 16px;
  font-weight: bold;
}

.audit-log-container {
  height: 100%;
  width: 100%;
  /* overflow: auto; */
}

.audit-items-container {
  overflow: auto;
  height: calc(100% - 50px);
}

.audit-log-container .audit-cards {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.audit-log-container .audit-cards > div {
  height: 100%;
}

.audit-log-container .loading-image {
  height: 25px;
  width: 25px;
  margin-right: 10px;
}

.audit-major-date {
  margin-right: 5px;
}

#screening-list {
  margin-top: 20px;
}
#screening-list .adverseAction select {
  padding-left: 6px;
  padding-right: 6px;
}
#screening-list .glyphicon-paperclip:hover,
#screening-list .background-check-icon:hover,
#screening-list .glyphicon-paperclip,
#screening-list .background-check-icon {
  cursor: pointer;
  font-size: 24px;
  text-decoration: none;
}
#screening-list .background-check-icon:hover,
#screening-list .background-check-icon {
  font-family: "avionte-icon-font";
}
#screening-list .background-check-icon::before {
  content: "\e038";
}
#screening-list .check-square-active:before {
  content: "\e064";
  color: #fff;
  border: solid 1px #70ad47;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
  background-color: #70ad47;
}
#screening-list .x-square-active:before {
  content: "u";
  color: #fff;
  border: solid 1px #d62828;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
  background-color: #d62828;
}
#screening-list .eye-off-active:before {
  content: "\e03e";
  color: #fff;
  border: solid 1px #4f4f4f;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
  background-color: #4f4f4f;
}
#screening-list .check-square-inactive:before {
  content: "\e064";
  color: #70ad47;
  border: solid 1px #70ad47;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
}
#screening-list .x-square-inactive:before {
  content: "u";
  color: #d62828;
  border: solid 1px #d62828;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
}
#screening-list .eye-off-inactive:before {
  content: "\e03e";
  color: #4f4f4f;
  border: solid 1px #4f4f4f;
  border-radius: 2px;
  padding: 0px 6px 4px 6px;
}
#screening-list .background-check-icon {
  font-family: "avionte-icon-font";
  font-style: normal;
  position: relative;
  cursor: pointer;
}
#screening-list .background-check-icon-buttons-size:hover,
#screening-list .background-check-icon-buttons-size {
  font-size: 16px;
  text-decoration: none;
}
#screening-list .background-check-icon-file-size {
  font-size: 24px;
}
#screening-list .recruiter-review-column {
  position: relative;
  left: -20px;
  text-align: right;
  width: 11em;
}
#screening-list .recruiter-review-column .recruiter-review-btn {
  margin-left: 8px;
  text-decoration: none;
}
#screening-list .glyphicon-paperclip {
  border-right: 1px solid;
  width: 45px;
  padding-left: 5px;
}
#screening-list .compas-table > tbody > tr > td, #screening-list .compas-table > thead > tr > th {
  padding: 8px 10px 8px 0px;
}
#screening-list .date-column {
  max-width: 95px;
}
#screening-list tr > .large-column {
  min-width: 100px;
  max-width: 200px;
}
#screening-list tr > .med-column {
  min-width: 80px;
  max-width: 150px;
}
#screening-list tr > .small-column {
  width: 75px;
}
@media all and (max-width: 1600px) {
  #screening-list .date-column {
    width: 60px;
  }
  #screening-list tr > .small-column {
    width: 50px;
  }
  #screening-list tr > .large-column {
    min-width: 85px;
  }
  #screening-list .recruiter-review-column .recruiter-review-btn {
    margin-left: 4px;
  }
}
#screening-list .compas-table tr.rowHasError {
  background-color: #fff0f2 !important;
}
#screening-list .no-data-message {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

av-aside .noShowAside {
  display: none;
  width: 48px;
}

a.recruiter-review-btn:hover,
a.recruiter-review-btn:focus,
a.view-results:hover,
a.view-results:focus {
  text-decoration: none;
}

.filled-job-background-check-requirements input[type=radio].av-input {
  display: inline-block;
  width: 40px;
}
.filled-job-background-check-requirements .days-until-expires {
  width: 50px;
}
.filled-job-background-check-requirements .background-check-custom-job-filled-requirement {
  margin-top: 10px;
}
.filled-job-background-check-requirements .tooltip-inner {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 350px;
}
.filled-job-background-check-requirements i.av-icon-plus-circle.av-blue {
  cursor: pointer;
}
.filled-job-background-check-requirements div.tooltip-paragraph {
  margin-bottom: 10px;
}

.right-icon {
  float: right;
}

.screenings-remove.av-icon-trash-2 {
  color: #d62828;
  cursor: pointer;
}

.screenings-remove {
  fill: #d62828;
}

.screenings-remove .icon-Cancel {
  color: #d62828;
  cursor: pointer;
}

.background-check-added-package-row div[class^=col-md-] {
  margin-bottom: 10px;
}

.mass-background-check-success .col-md-1,
.mass-background-check-error .col-md-1 {
  text-align: right;
}

.flex-row--spaceBetween {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

.twoCol {
  width: 48%;
}

.compas .bgiPackage {
  margin-bottom: 15px;
  padding-left: 20px;
}
.compas .bgiPackage .col-md-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .bgiPackage .col-md-2 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .bgiPackage .col-md-1 {
  padding-left: 5px;
  padding-right: 5px;
}
.compas .bgiPackage .icon-col-noLabel {
  padding-top: 2em;
}

av-background-check-search-selector .hasBackgroundCheckToggle .toggle__btn {
  width: 100%;
}
av-background-check-search-selector .form-group > .controls {
  width: 350px;
  float: left;
  border-right: solid 1px #ddd;
  padding-right: 10px;
  margin-right: 10px;
}
av-background-check-search-selector .form-group > .controls .date-range-input {
  margin-bottom: 10px;
}
av-background-check-search-selector .form-group > .controls label.control-label {
  display: block;
}
av-background-check-search-selector .form-group > .summary {
  padding-right: 5px;
  overflow-y: auto;
  max-height: 100%;
  min-height: 500px;
}
av-background-check-search-selector .toggle__btn__status:before {
  content: "Has";
}
av-background-check-search-selector .toggle__btn__status:after {
  content: "Has Not";
}
av-background-check-search-selector .tag-item {
  height: auto !important;
  max-width: 380px;
  margin-top: 6px;
  position: relative;
}
av-background-check-search-selector tags-input .tags .tag-item {
  margin-top: 6px;
}
av-background-check-search-selector .tag-item span.icon-Close1 {
  position: absolute;
  top: -6px;
  right: -7px;
  background-color: white;
}
av-background-check-search-selector ol.nya-bs-select {
  width: 100%;
}
av-background-check-search-selector .nya-bs-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.tcc-survey {
  background-color: #FFFFFF;
  margin: auto;
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 10px;
  border-radius: 4px;
  max-height: 650px;
  overflow-y: auto;
}

.tcc-survey-row {
  margin-bottom: 15px;
}

.taxCreditQuestions {
  background-color: #FFFFFF;
  margin: auto;
  padding: 30px;
  padding-top: 0px;
  border-radius: 4px;
  overflow-y: auto;
}

.taxCreditQuestions.question > div {
  margin-bottom: 5px;
}

.taxCreditQuestions > div {
  margin-bottom: 15px;
}

.taxCreditQuestions input[type=radio] {
  transform: scale(1.5);
}

.taxCreditQuestions input {
  max-width: 50%;
}

.taxCreditQuestions select {
  max-width: 50%;
}

.required-label {
  color: #e00000;
}

.featureManagement .apiAuthInput {
  width: 200px;
}
.featureManagement .phased-feature-release-data {
  min-width: 850px;
}
.featureManagement .phased-feature-release-data tr > td {
  padding-left: 1px;
}
.featureManagement .flex-row--space {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.featureManagement .flex--row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.featureManagement #PhasedReleaseFeatures th {
  padding-right: 15px;
}
.featureManagement #PhasedReleaseFeatures .gray-header {
  color: #818181;
}

av-background-check-setup-integration .modal-body {
  min-height: 350px;
}
av-background-check-setup-integration .flex--row {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 20px;
}
av-background-check-setup-integration .flex--row .av-label {
  display: inline-block;
}
av-background-check-setup-integration .flex--row :first-child.flex--row-col-2 {
  width: 47%;
}
av-background-check-setup-integration .av-label {
  color: #000000;
  font-size: 13px;
}
av-background-check-setup-integration button.av-button span {
  font-size: 16px;
}
av-background-check-setup-integration button.av-button .btnLoadingSymbol {
  width: 22px;
  padding-right: 10px;
}
av-background-check-setup-integration .av-buttonRow {
  width: 100%;
  min-width: 275px;
}
av-background-check-setup-integration .consentTypeToggle {
  width: 250px;
}
av-background-check-setup-integration .consentTypeToggle .switch-animate span {
  line-height: 2em;
  height: 34px;
}
av-background-check-setup-integration .ui-grid-row-dirty .ui-grid-cell {
  color: #FFFFFF;
  background-color: #AD1457;
}

#integrationPartnerEnvironmentToggle {
  width: 250px;
}
#integrationPartnerEnvironmentToggle .switch-animate span {
  line-height: 2em;
  height: 34px;
}

.compas .marketplace-modal .modal-content {
  background: none;
}

.compas .marketplace-modal .modal-body {
  background: #FFFFFF;
  padding: 5px 20px 40px 20px;
  max-height: 475px;
  overflow-y: auto;
}

.compas .marketplace-modal .modal-footer {
  background: #FFFFFF;
  margin-top: 0;
  display: block;
}

.gridCol-btns {
  width: 100%;
  display: inline-flex;
  justify-content: space-evenly;
  vertical-align: -webkit-baseline-middle;
  overflow: hidden;
}
.gridCol-btns .av-button--mini {
  line-height: 0.8em;
}

.ui-grid-cell-contents input.av-input {
  height: 20px;
}

.fade-out {
  animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
av-partner-locations-grid .ui-grid-filter-container {
  padding: 0 10px 5px 2px;
}
av-partner-locations-grid input.ui-grid-filter-input::-webkit-input-placeholder {
  /* Edge */
  color: #C8C8C8;
  font-weight: normal;
}
av-partner-locations-grid input.ui-grid-filter-input:-ms-input-placeholder {
  /* Internet Explorer */
  color: #C8C8C8;
  font-weight: normal;
}
av-partner-locations-grid input.ui-grid-filter-input::placeholder {
  color: #C8C8C8;
  font-weight: normal;
}

av-bold-sms-phone-number-purchase .col-md-6,
av-bold-shared-sms-phone-number-purchase .col-md-6 {
  padding-bottom: 15px;
}
av-bold-sms-phone-number-purchase .alert,
av-bold-shared-sms-phone-number-purchase .alert {
  margin-top: 15px;
  margin-bottom: 15px;
  clear: both;
}
av-bold-sms-phone-number-purchase .modal-footer,
av-bold-shared-sms-phone-number-purchase .modal-footer {
  padding: 20px 20px 0px 20px !important;
}

av-bold-sms-phone-number-management tr,
av-bold-shared-sms-phone-number-management tr {
  width: 100%;
}
av-bold-sms-phone-number-management .table-container,
av-bold-shared-sms-phone-number-management .table-container {
  max-height: 550px;
  min-height: 355px;
  overflow-y: auto;
  width: 100%;
}
av-bold-sms-phone-number-management .btn.btn-sm > [class^=av-icon-]:before,
av-bold-sms-phone-number-management .btn.btn-sm > [class*=" av-icon-"]:before,
av-bold-shared-sms-phone-number-management .btn.btn-sm > [class^=av-icon-]:before,
av-bold-shared-sms-phone-number-management .btn.btn-sm > [class*=" av-icon-"]:before {
  font-size: 17px;
}
av-bold-sms-phone-number-management button:hover .av-icon-slash,
av-bold-shared-sms-phone-number-management button:hover .av-icon-slash {
  filter: brightness(40%);
}
av-bold-sms-phone-number-management .compas-table,
av-bold-shared-sms-phone-number-management .compas-table {
  border-collapse: collapse;
  width: 100%;
}
av-bold-sms-phone-number-management .compas-table thead th,
av-bold-shared-sms-phone-number-management .compas-table thead th {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
  font-weight: bold;
  border-bottom: 2px solid #E0E0E0;
}
av-bold-sms-phone-number-management .table-container .compas-table tbody tr td:last-child button,
av-bold-shared-sms-phone-number-management .table-container .compas-table tbody tr td:last-child button {
  padding: 2px 6px;
}
av-bold-sms-phone-number-management .fixedWidthSelect,
av-bold-shared-sms-phone-number-management .fixedWidthSelect {
  max-width: 220px;
  min-width: 220px;
}
av-bold-sms-phone-number-management .left-align-tooltip .tooltip-inner,
av-bold-shared-sms-phone-number-management .left-align-tooltip .tooltip-inner {
  text-align: left;
}
av-bold-sms-phone-number-management #smsSearch,
av-bold-shared-sms-phone-number-management #smsSearch {
  margin-top: 15px;
  margin-bottom: 15px;
}
av-bold-sms-phone-number-management input[type=text],
av-bold-shared-sms-phone-number-management input[type=text] {
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 4px;
  box-shadow: none;
  transition: border-color 0.3s, box-shadow 0.3s;
}
av-bold-sms-phone-number-management input[type=text][name=forwardingNumber].ng-valid.ng-dirty,
av-bold-shared-sms-phone-number-management input[type=text][name=forwardingNumber].ng-valid.ng-dirty {
  box-shadow: 0 0 5px green;
}
av-bold-sms-phone-number-management input[type=text][name=forwardingNumber].ng-invalid.ng-dirty,
av-bold-shared-sms-phone-number-management input[type=text][name=forwardingNumber].ng-invalid.ng-dirty {
  box-shadow: 0 0 5px red;
}
av-bold-sms-phone-number-management .fa,
av-bold-shared-sms-phone-number-management .fa {
  font-size: 18px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
av-bold-sms-phone-number-management .fa-check.success,
av-bold-shared-sms-phone-number-management .fa-check.success {
  color: mediumseagreen;
}
av-bold-sms-phone-number-management .fa-exclamation-triangle,
av-bold-shared-sms-phone-number-management .fa-exclamation-triangle {
  color: goldenrod;
}

av-bold-sms-campaign-registration input,
av-bold-sms-campaign-registration select {
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 4px;
  box-shadow: none;
  transition: border-color 0.3s, box-shadow 0.3s;
}
av-bold-sms-campaign-registration input[required].ng-invalid {
  box-shadow: 0 0 5px red;
}
av-bold-sms-campaign-registration select[required].ng-invalid {
  box-shadow: 0 0 5px red !important;
}
av-bold-sms-campaign-registration .alert.alert-danger {
  padding: 15px 15px 15px 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
}
av-bold-sms-campaign-registration h4 {
  margin-top: 15px;
  padding-left: 15px;
}
av-bold-sms-campaign-registration div[class^=col-md-] {
  padding-bottom: 10px;
}
av-bold-sms-campaign-registration .form-group.row {
  display: block;
  clear: both;
  margin-bottom: 15px;
}
av-bold-sms-campaign-registration .section-border {
  border-top: 1px solid #e5e5e5;
}
av-bold-sms-campaign-registration .status-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: middle;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease-in-out;
}
av-bold-sms-campaign-registration .status-icon:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
av-bold-sms-campaign-registration .status-icon.not-started {
  background-color: gray;
}
av-bold-sms-campaign-registration .status-icon.in-progress {
  background-color: #3871fc;
}
av-bold-sms-campaign-registration .status-icon.failed {
  background-color: red;
}
av-bold-sms-campaign-registration .status-icon.completed {
  background-color: mediumseagreen;
}
av-bold-sms-campaign-registration .progress-list {
  margin-top: 15px;
  padding-left: 15px;
}

#integrationAuditLog .integrations-left {
  width: 300px;
  position: relative;
  top: -20px;
  padding-top: 20px;
  left: -20px;
  vertical-align: top;
  height: 350px;
  padding-left: 20px;
  padding-right: 20px;
}

#integrationAuditLog .integrations-content {
  width: calc(100% - 310px);
  height: calc(100vh - 230px);
  overflow: auto;
  display: inline-block;
}

.flex-row--start {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: flex-end;
}
.flex-row--start .av-label {
  display: inline-block;
}
.flex-row--start div.four-col {
  max-width: 25%;
}

.flex-row--space {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.flex-row--space .av-label {
  display: inline-block;
}

.flex--twoColumn {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
}
.flex--twoColumn .twoCol {
  width: 45%;
}
.flex--twoColumn .twoCol:nth-child(odd) {
  margin-right: 5%;
}

.apiAuthInput {
  width: 200px;
}

.consentTypeToggle {
  width: 250px;
}
.consentTypeToggle .switch-animate span {
  line-height: 2em;
  height: 34px;
}

.employerPartnerAuthList {
  display: block;
  border-top: 1px solid #C8C8C8;
  padding: 10px 0px;
}

button.av-button span {
  font-size: 16px;
}
button.av-button .btnLoadingSymbol {
  width: 22px;
  padding-right: 10px;
}

#integrations-migrate .integrations-left {
  width: 300px;
  position: relative;
  top: -20px;
  padding-top: 20px;
  left: -20px;
  vertical-align: top;
  height: 350px;
  padding-left: 20px;
  padding-right: 20px;
}
#integrations-migrate .intLeftItem {
  margin-bottom: 50px;
}
#integrations-migrate .integrations-content {
  width: calc(100% - 310px);
  overflow-x: auto;
  display: inline-block;
}
#integrations-migrate .batch-details-table {
  min-width: 700px;
  text-align: left;
}
#integrations-migrate .batch-details-table tr th {
  padding-left: 10px;
}
#integrations-migrate .batch-summary--left {
  max-width: 70%;
}
#integrations-migrate .flex--row-StartTop {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: flex-start;
  gap: 20px;
}
#integrations-migrate .flex--row-SpaceBetween {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#integrations-migrate .flex--row-SpaceBetween .twoCol {
  width: 45%;
}
#integrations-migrate .flex--row-SpaceBetween .twoCol:nth-child(odd) {
  margin-right: 5%;
}
#integrations-migrate .migration-stat-table {
  width: 300px;
}
#integrations-migrate .av-checkbox--noLabel {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 4px;
  flex: 0 1 auto;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  vertical-align: middle;
  cursor: pointer;
  transition: border-color 0.15s;
}
#integrations-migrate .currentItemPage {
  text-decoration: underline;
}
#integrations-migrate .compas-table {
  padding-top: 10px;
}
#integrations-migrate .compas-table thead tr td {
  padding-left: 10px;
  border-bottom: 1px solid #000000;
}

.migrationItemAside {
  width: 850px;
}

#invoiceSearchContainer #invoicesearchform {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
#invoiceSearchContainer #invoicesearchform form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#invoiceSearchContainer #invoicesearchform form .form-group {
  min-width: 300px;
}
#invoiceSearchContainer .date-fields {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#invoiceSearchContainer .date-fields input {
  min-width: 125px;
}
#invoiceSearchContainer .ui-grid-cell-contents div.large-icon {
  cursor: pointer;
  margin-top: -5px;
}

.av-modalSneezeGuard--large .av-modal {
  max-width: 400px;
  width: 95%;
  background-image: url(/app/img/CompasAssets/bg-confirm-modal.svg) !important;
  background-repeat: no-repeat;
  background-size: 38%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.av-modalSneezeGuard--large .av-modal .av-modal__close__icon {
  fill: rgba(128, 128, 128, 0.6);
}

.av-modal__bd .av-button--primary {
  width: 150px;
  border-radius: var(--radius-lg, 10px);
}
.av-modal__bd .av-button--naked--blue {
  width: 150px;
  border-radius: var(--radius-lg, 10px);
  border: 1px solid var(--Component-colors-Components-Buttons-Secondary-button-secondary-border, #D0D5DD);
  background: var(--Component-colors-Components-Buttons-Secondary-button-secondary-bg, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: black;
  padding: 6px 8px 7px 8px;
  text-align: center;
}
.av-modal__bd .confirmModal__bd {
  display: flex;
  flex-direction: column;
}
.av-modal__bd .confirmModal__ft__list {
  justify-content: space-between;
}
.av-modal__bd .bld-merged-invoices-container .bld-merged-invoices-container--bg-img {
  position: absolute;
  top: 10px;
  left: 12px;
}
.av-modal__bd .bld-merged-invoices-container .bld-merged-invoices-container--bg-img img {
  float: left;
  margin-right: 10px;
}
.av-modal__bd .bld-merged-invoices-container label,
.av-modal__bd .bld-merged-invoices-container span {
  font-size: 14px;
  font-weight: normal;
}
.av-modal__bd .bld-merged-invoices-container label .label-bold,
.av-modal__bd .bld-merged-invoices-container span .label-bold {
  font-size: 18px;
  font-weight: 600px;
}
.av-modal__bd .bld-merged-invoices-container .merged-invoice-radio {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
  align-items: baseline;
  padding: 5px 8px;
}
.av-modal__bd .bld-merged-invoices-container .merged-invoice-radio .av-radio__btn:before {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: var(--radius-full, 9999px);
  background: var(--Colors-Foreground-fg-white, #FFF);
}
.av-modal__bd .bld-merged-invoices-container .merged-invoice-radio .av-radio__input:checked ~ .av-radio__btn {
  width: 16px;
  height: 16px;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-full, 9999px);
  background: var(--Colors-Background-bg-brand-solid, #0066AF);
  border: none;
}
.av-modal__bd .bld-merged-invoices-container .merged-invoice-radio .av-radio__btn {
  width: 16px;
  height: 16px;
  border-radius: var(--radius-full, 9999px);
  border: 1px solid var(--Colors-Border-border-primary, #D0D5DD);
}

.dashboard-card {
  min-height: 300px;
}

av-talent-pay-checks .section-heading h3 {
  margin-top: 10px;
  margin-bottom: 30px;
}
av-talent-pay-checks .connect-table {
  width: 100%;
  display: table;
}
av-talent-pay-checks .connect-table .table-head {
  display: table-header-group;
}
av-talent-pay-checks .connect-table .table-head .table-header {
  display: table-cell;
  font-size: 11px;
  font-weight: 1000;
  color: gray;
  border-bottom: 1px solid lightgray;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 20px;
  position: relative;
}
av-talent-pay-checks .connect-table .table-head .table-header span {
  font-size: 13px;
  cursor: pointer;
  position: absolute;
  right: 20px;
}
av-talent-pay-checks .connect-table .table-head .table-header span.inactive-sort {
  color: #cccccc;
}
av-talent-pay-checks .connect-table .table-head .table-header span.last-header {
  right: 10px;
}
av-talent-pay-checks .connect-table .table-row:nth-child(2n+2) {
  background-color: #fbfbfb;
}
av-talent-pay-checks .connect-table .table-row {
  display: table-row;
}
av-talent-pay-checks .connect-table .table-row .table-cell {
  display: table-cell;
  padding: 20px;
}
av-talent-pay-checks .connect-table .table-row .table-cell .direct-deposit {
  color: lightgray;
}
av-talent-pay-checks .connect-table .table-row:last-child .table-cell {
  border-bottom: 1px solid lightgray;
}
av-talent-pay-checks .pager {
  height: 40px;
  margin-bottom: 0px;
}
av-talent-pay-checks .pager .pager-info {
  margin-top: 10px;
}

av-talent-w2 .section-heading h3 {
  margin-top: 10px;
  margin-bottom: 30px;
}
av-talent-w2 .connect-table {
  width: 100%;
  display: table;
}
av-talent-w2 .connect-table .table-head {
  display: table-header-group;
}
av-talent-w2 .connect-table .table-head .table-header {
  display: table-cell;
  font-size: 9px;
  font-weight: 1000;
  color: gray;
  border-bottom: 1px solid lightgray;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  padding-right: 20px;
  position: relative;
}
av-talent-w2 .connect-table .table-head .table-header span {
  font-size: 11px;
  cursor: pointer;
  position: absolute;
  right: 20px;
}
av-talent-w2 .connect-table .table-head .table-header span.inactive-sort {
  color: #cccccc;
}
av-talent-w2 .connect-table .table-head .table-header span.last-header {
  right: 10px;
}
av-talent-w2 .connect-table .table-row:nth-child(2n+2) {
  background-color: #fbfbfb;
}
av-talent-w2 .connect-table .table-row {
  display: table-row;
}
av-talent-w2 .connect-table .table-row .table-cell {
  display: table-cell;
  padding-left: 8px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
av-talent-w2 .connect-table .table-row .table-cell a {
  cursor: pointer;
}
av-talent-w2 .connect-table .table-row .table-cell .download {
  font-size: 24px;
}
av-talent-w2 .connect-table .table-row:last-child .table-cell {
  border-bottom: 1px solid lightgray;
}

.w2DetailsDialog .card__hd {
  min-height: 40px;
}
.w2DetailsDialog .card__bd {
  margin-right: 10px;
  padding-bottom: 0px;
}
.w2DetailsDialog .av-modal__close {
  top: 5px;
}
.w2DetailsDialog .w2Col1 {
  padding-left: 20px;
  padding-right: 20px;
}
.w2DetailsDialog .smLabel {
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 5px;
}
.w2DetailsDialog .smContent.col-md-11 {
  padding-left: 20px;
  padding-right: 0px;
}
.w2DetailsDialog .smContent.col-md-1 {
  padding-left: 5px;
  padding-right: 2px;
}
.w2DetailsDialog .smContent {
  font-size: 11px;
  text-align: right;
}
.w2DetailsDialog .row div.smContent {
  margin-bottom: 5px;
}
.w2DetailsDialog .col-md-6.smContent div:last-child::after {
  content: " ";
}
.w2DetailsDialog .mycheck {
  position: relative;
  top: 3px;
}

.bootstrapDisplay .av-button--default {
  color: #333;
  fill: #333;
  background-color: #ffffff;
  border-color: #cccccc;
  line-height: 1.428;
  font-size: 14px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.bootstrapDisplay .av-button--default .av-icon {
  height: 18px;
}
.bootstrapDisplay .av-button--default:hover {
  color: #333;
  fill: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

#startSheetEditorTemplates table {
  width: 100%;
}

#startSheetEditorTemplates .th-actions {
  width: 80px;
}

#startSheetEditorTemplates .th-actions-3 {
  width: 240px;
}

#startSheetEditorTemplates .panel-body > div,
#startSheetEditorTemplates .panel-body > div > div {
  margin-bottom: 30px;
}

#startSheetEditorTemplates h3 {
  margin-bottom: 15px;
}

#startSheetEditorTemplates h3 > button {
  margin-left: 10px;
}

#startSheetEditorTemplates th {
  padding: 10px;
}

button.checkButton {
  vertical-align: middle;
  border: none;
  background: none;
}

.fade-out {
  animation: fadeOut 1s forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
div.dashboard-popover {
  min-width: 400px;
  max-width: 500px;
}
div.dashboard-popover .nya-bs-select {
  min-width: 400px;
}

.compas-widget .widgetContentShow {
  width: 100%;
  height: 95%;
  overflow: auto;
}

.compas-widget .widgetContentHide {
  display: none;
}

.compas-widget .widgetCountLabel {
  line-height: 1.3em;
  font-size: 1.2em;
}

.compas-widget .widgetCountValue {
  line-height: 1.3em;
  font-size: 1.2em;
}

#user-match-modal-component {
  background-image: url("/app/img/CompasAssets/bg-confirm-modal.svg");
  background-repeat: no-repeat;
}
#user-match-modal-component .body-container {
  flex-direction: column;
  gap: 16px;
  display: flex;
  min-height: 125px;
}
#user-match-modal-component .body-container .cursor {
  cursor: pointer;
}
#user-match-modal-component .body-container .title-icon {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
}
#user-match-modal-component .body-container .content-text {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
#user-match-modal-component .body-container .content-text .text-header {
  font-size: 18px;
  font-weight: 600;
}
#user-match-modal-component .body-container .content-text .text-msg {
  font-size: 14px;
  line-height: 20px;
}
#user-match-modal-component .body-container .content-text .text-msg-bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
#user-match-modal-component .actions-btn {
  width: 100%;
  display: flex;
  gap: 12px;
  height: 40px;
  cursor: pointer;
}
#user-match-modal-component .actions-btn .create-btn {
  flex: 1 1 0;
  border-radius: 10px;
  border: 1px #D0D5DD solid;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
}
#user-match-modal-component .actions-btn .merge-btn {
  flex: 1 1 0;
  background: #0066AF;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: white;
  font-size: 14px;
  font-weight: 600;
}
#user-match-modal-component .modal-footer {
  border: unset !important;
}

#user-create-component .user-create-form > div {
  margin-top: 15px;
}

#user-create-component .user-create-form > div > div {
  display: inline-block;
  width: 250px;
  margin-right: 40px;
}

#user-create-component .actions {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

#user-create-component .actions > button {
  width: 70px;
}

#user-create-component ol.nya-bs-select {
  margin-bottom: 0;
}

#user-create-component #user-create-office-access > .dropdown-menu,
#user-create-component #user-create-user-groups > .dropdown-menu {
  width: 330px;
}

#user-create-component #user-create-office-access,
#user-create-component #user-create-user-groups {
  width: 100%;
}

#user-create-component #send-welcome-email {
  display: block;
}

#user-create-component #resource-warning {
  width: 540px;
}

#user-create-component #resource-message {
  margin-bottom: 0px;
  display: flex;
  border: 1px solid rgba(238, 221, 238, 0.8666666667);
  width: 700px;
}

#user-create-component #resource-message .div-message-icon {
  align-items: center;
  padding: 0px 10px 10px 0px;
}

#user-create-component #resource-message .div-message-text {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}

#user-create-component #resource-message > div > div {
  display: flex;
  width: 30px;
  height: 30px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 7px;
  border: 1px solid #D0D5DD;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

#back-office-user-update-modal-component {
  background-image: url("/app/img/CompasAssets/bg-confirm-modal.svg");
  background-repeat: no-repeat;
}
#back-office-user-update-modal-component .body-container {
  flex-direction: column;
  gap: 16px;
  display: flex;
  min-height: 125px;
}
#back-office-user-update-modal-component .body-container .cursor {
  cursor: pointer;
}
#back-office-user-update-modal-component .body-container .title-icon {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
}
#back-office-user-update-modal-component .body-container .content-text .text-header {
  font-size: 18px;
  font-weight: 600;
}
#back-office-user-update-modal-component .body-container .content-text .text-msg {
  font-size: 14px;
  line-height: 20px;
}
#back-office-user-update-modal-component .body-container .content-text .text-msg-bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
#back-office-user-update-modal-component .actions-btn {
  width: 100%;
  display: flex;
  gap: 12px;
  height: 40px;
  cursor: pointer;
}
#back-office-user-update-modal-component .actions-btn .create-btn {
  flex: 1 1 0;
  border-radius: 10px;
  border: 1px #D0D5DD solid;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
}
#back-office-user-update-modal-component .actions-btn .connect-btn {
  flex: 1 1 0;
  background: #0066AF;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: white;
  font-size: 14px;
  font-weight: 600;
}
#back-office-user-update-modal-component .modal-footer {
  border: unset !important;
}

#user-confirmation-modal-component {
  background-image: url("/app/img/CompasAssets/bg-confirm-modal.svg");
  background-repeat: no-repeat;
}
#user-confirmation-modal-component .body-container {
  flex-direction: column;
  gap: 16px;
  display: flex;
  min-height: 125px;
}
#user-confirmation-modal-component .body-container .cursor {
  cursor: pointer;
}
#user-confirmation-modal-component .body-container .title-icon {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
}
#user-confirmation-modal-component .body-container .content-text {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
#user-confirmation-modal-component .body-container .content-text .text-header {
  font-size: 18px;
  font-weight: 600;
}
#user-confirmation-modal-component .body-container .content-text .text-msg-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#user-confirmation-modal-component .body-container .content-text .text-msg-container .line {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
}
#user-confirmation-modal-component .body-container .content-text .text-msg {
  font-size: 14px;
  line-height: 20px;
}
#user-confirmation-modal-component .body-container .content-text .text-msg-bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
#user-confirmation-modal-component .actions-btn {
  width: 100%;
  display: flex;
  gap: 12px;
  height: 40px;
  cursor: pointer;
}
#user-confirmation-modal-component .actions-btn .cancel-btn {
  flex: 1 1 0;
  border-radius: 10px;
  border: 1px #D0D5DD solid;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
}
#user-confirmation-modal-component .actions-btn .connect-btn {
  flex: 1 1 0;
  background: #0066AF;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: white;
  font-size: 14px;
  font-weight: 600;
}
#user-confirmation-modal-component .modal-footer {
  border: unset !important;
}

.bld-pop-up-modal-component {
  background-image: url("/app/img/CompasAssets/bg-confirm-modal.svg");
  background-repeat: no-repeat;
}
.bld-pop-up-modal-component--modal-body--body-container {
  flex-direction: column;
  gap: 16px;
  display: flex;
  min-height: 128px;
}
.bld-pop-up-modal-component--modal-body--body-container--icon {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
}
.bld-pop-up-modal-component--modal-body--body-container--icon--cancel {
  cursor: pointer;
  margin-top: 8px;
}
.bld-pop-up-modal-component--modal-body--body-container--text {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.bld-pop-up-modal-component--modal-body--body-container--text--header {
  font: 600 18px/28px "asc-MonaSans", "Arial";
}
.bld-pop-up-modal-component--modal-body--body-container--text--body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bld-pop-up-modal-component--modal-body--body-container--text--body--text {
  font: 400 14px/20px "asc-MonaSans", "Arial";
}
.bld-pop-up-modal-component--modal-footer {
  border-top: unset !important;
}
.bld-pop-up-modal-component--modal-footer--action-btns {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 12px;
  height: 40px;
  cursor: pointer;
}
.bld-pop-up-modal-component--modal-footer--action-btns--btn {
  background: #0066af;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #ffffff;
  font: 600 14px/20px "asc-MonaSans", "Arial";
  padding: 12px;
}