/*color code for leaves*/
/*color code for employee*/
/*background color codes*/
.page__dialog {
  width: 60%;
  max-width: 600px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.page_employee .page__dialog {
  max-width: 650px;
}
.page-cover__bg {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 25;
  width: 100%;
  height: 100%;
}
.page-cover__wrapper {
  position: relative;
  margin: 110px 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  /*z-index: 30;*/
}
.page-cover__header {
  background-color: #758696;
  color: #ffffff;
  line-height: 56px;
  padding: 0 18px;
  position: relative;
}
.page-cover__header h2,
.page-cover__header h3 {
  display: inline-block;
  margin-bottom: 0px;
  color: #ffffff;
}
.page-cover__content {
  overflow: hidden;
  padding: 0 18px 30px 18px;
  background-color: #ffffff;
}
.page-cover__content .utility .non-editable-secion {
  background-color: #e7eff3;
  margin-bottom: 12px;
  padding: 0px 10px;
}
.page-cover__content .utility .non-editable-secion label {
  line-height: 35px;
}
.page-cover__content .utility .square-image-container .square-image {
  padding: 7px;
  width: 100px;
  text-align: center;
  position: relative;
}
.page-cover__content .utility .square-image-container .square-image img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.page-cover__content .utility .square-image-container .square-image .delete-icon {
  position: absolute;
  top: 2px;
  right: 2px;
}
.page-cover__content .pr-div-entity {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 150px;
}
.page-cover__content .pr-btn-action {
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-cover__content .anchor_select_all {
  color: #11abc5;
}
.page-cover a {
  color: #ffffff;
}
.page-cover .user {
  text-align: center;
  margin-top: 30px;
}
.page-cover.dialog_level2 .page__dialog {
  width: 35%;
}
.page-cover .pr-employee-basic {
  position: relative;
  padding-left: 8px;
  width: 75%;
}
.page-cover .pr-employee-basic .pr-employee-img-box {
  width: 75px;
  height: 75px;
}
.page-cover .pr-employee-basic .pr-employee-img {
  border-radius: 50%;
}
.page-cover .pr-employee-basic .pr-employee-name {
  position: absolute;
  top: 15px;
  right: 215px;
  left: 100px;
  float: left;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  width: 400px;
}
.page-cover .pr-employee-basic .pr-employee-rank {
  position: absolute;
  right: 0;
  bottom: 35px;
  left: 30px;
  padding: 5px 0 5px 70px;
  line-height: 18px;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
}
/*----- Tabs -----*/
.tabs {
  width: 100%;
  display: inline-block;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links {
  line-height: 33px;
  font-weight: bold;
}
.tab-links:after {
  display: block;
  clear: both;
  content: '';
}
.tab-links ul {
  margin: 0;
}
.tab-links li {
  display: inline-block;
  background-color: #e7eff3;
  list-style: none;
}
.tab-links li:not(.tab-collapsible__options_dropdown) {
  border-radius: 7px 7px 0 0;
}
.tab-links li.active {
  background: #6ad1df;
}
.tab-links li.active > a {
  color: #ffffff;
}
.tab-links a {
  display: inline-block;
  padding: 0 21px;
  font-size: 12px;
  color: #758696;
}
.tab-links a.compact {
  padding: 0 12px;
}
.tab-links_expand a {
  padding: 0 34px;
}
.tab-links.list-center {
  display: table;
  margin: 0 auto;
}
.tab-links.list-center a {
  padding: 0 10px;
}
/*----- Content of Tabs -----*/
.tab {
  display: none;
}
.tab__item_basic-update-btn {
  position: relative;
  margin-top: 26px;
  z-index: 11;
}
.tab.active {
  display: block;
}
.registration-success {
  padding-top: 20px;
}
.registration-success h2 {
  margin-bottom: 10px;
}
.registration-success p {
  font-size: 14px;
}
.registration-success ul {
  margin-left: 20px;
  list-style-type: disc;
}
.registration-success__text-item {
  margin-top: 18px;
}
.company-upgrade-container .company-upgrade,
.user-options-container .company-upgrade,
.company-upgrade-container .user-options,
.user-options-container .user-options {
  padding-top: 20px;
}
.company-upgrade-container .company-upgrade h2,
.user-options-container .company-upgrade h2,
.company-upgrade-container .user-options h2,
.user-options-container .user-options h2 {
  margin-bottom: 10px;
  font-family: 'montserrat-regular';
  font-size: 24px;
  color: #29303a;
  font-weight: 600;
}
.company-upgrade-container .company-upgrade h4,
.user-options-container .company-upgrade h4,
.company-upgrade-container .user-options h4,
.user-options-container .user-options h4 {
  color: #29303a;
  font-size: 14px;
  font-weight: bold;
}
.company-upgrade-container .company-upgrade p,
.user-options-container .company-upgrade p,
.company-upgrade-container .user-options p,
.user-options-container .user-options p {
  font-size: 14px;
}
.company-upgrade-container .company-upgrade ul,
.user-options-container .company-upgrade ul,
.company-upgrade-container .user-options ul,
.user-options-container .user-options ul {
  margin-left: 20px;
  list-style-type: disc;
  color: #758696;
}
.company-upgrade-container .company-upgrade__item_compact,
.user-options-container .company-upgrade__item_compact,
.company-upgrade-container .user-options__item_compact,
.user-options-container .user-options__item_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.company-upgrade-container .company-upgrade__item_image,
.user-options-container .company-upgrade__item_image,
.company-upgrade-container .user-options__item_image,
.user-options-container .user-options__item_image {
  width: 35%;
  display: inline-block;
  margin-top: -55px;
  text-align: center;
}
.company-upgrade-container .company-upgrade__item_image img,
.user-options-container .company-upgrade__item_image img,
.company-upgrade-container .user-options__item_image img,
.user-options-container .user-options__item_image img {
  width: 250px;
}
.company-upgrade-container .company-upgrade__item_points,
.user-options-container .company-upgrade__item_points,
.company-upgrade-container .user-options__item_points,
.user-options-container .user-options__item_points {
  width: 65%;
  margin-top: 25px;
  display: inline-block;
}
.company-upgrade-container .company-upgrade .upgrade-scheme,
.user-options-container .company-upgrade .upgrade-scheme,
.company-upgrade-container .user-options .upgrade-scheme,
.user-options-container .user-options .upgrade-scheme {
  width: 400px;
  font-family: 'montserrat-regular';
  text-align: center;
  margin: 0 auto;
}
.company-upgrade-container .company-upgrade .upgrade-scheme__item,
.user-options-container .company-upgrade .upgrade-scheme__item,
.company-upgrade-container .user-options .upgrade-scheme__item,
.user-options-container .user-options .upgrade-scheme__item {
  text-align: center;
  display: inline-block;
  /*margin-top: -50px;*/
}
.company-upgrade-container .company-upgrade .upgrade-scheme__item_right,
.user-options-container .company-upgrade .upgrade-scheme__item_right,
.company-upgrade-container .user-options .upgrade-scheme__item_right,
.user-options-container .user-options .upgrade-scheme__item_right {
  margin-left: 40px;
}
.company-upgrade-container .company-upgrade .upgrade-scheme__amount,
.user-options-container .company-upgrade .upgrade-scheme__amount,
.company-upgrade-container .user-options .upgrade-scheme__amount,
.user-options-container .user-options .upgrade-scheme__amount {
  color: #4ca4af;
  font-size: 44px;
  font-weight: 600;
  line-height: 44px;
}
.company-upgrade-container .company-upgrade .upgrade-scheme__amount_unit,
.user-options-container .company-upgrade .upgrade-scheme__amount_unit,
.company-upgrade-container .user-options .upgrade-scheme__amount_unit,
.user-options-container .user-options .upgrade-scheme__amount_unit {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.company-upgrade-container .company-upgrade .upgrade-scheme__duration,
.user-options-container .company-upgrade .upgrade-scheme__duration,
.company-upgrade-container .user-options .upgrade-scheme__duration,
.user-options-container .user-options .upgrade-scheme__duration {
  color: #758696;
  opacity: 0.6;
}
.company-upgrade-container .company-upgrade .upgrade-scheme__button,
.user-options-container .company-upgrade .upgrade-scheme__button,
.company-upgrade-container .user-options .upgrade-scheme__button,
.user-options-container .user-options .upgrade-scheme__button {
  margin-top: 10px;
}
.company-upgrade-container .company-upgrade__requirement,
.user-options-container .company-upgrade__requirement,
.company-upgrade-container .user-options__requirement,
.user-options-container .user-options__requirement {
  margin-top: 18px;
}
.company-upgrade-container .company-upgrade__requirement label,
.user-options-container .company-upgrade__requirement label,
.company-upgrade-container .user-options__requirement label,
.user-options-container .user-options__requirement label {
  display: block;
  text-align: center;
  color: #29303a;
}
.company-upgrade-container .company-upgrade .plan-statement,
.user-options-container .company-upgrade .plan-statement,
.company-upgrade-container .user-options .plan-statement,
.user-options-container .user-options .plan-statement {
  width: 500px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.company-upgrade-container .company-upgrade .suggest-alternate,
.user-options-container .company-upgrade .suggest-alternate,
.company-upgrade-container .user-options .suggest-alternate,
.user-options-container .user-options .suggest-alternate {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
  color: #29303a;
}
.company-upgrade-container .company-upgrade .anchor,
.user-options-container .company-upgrade .anchor,
.company-upgrade-container .user-options .anchor,
.user-options-container .user-options .anchor {
  color: #11abc5;
  text-decoration: underline;
}
.company-upgrade-container .company-upgrade .upgrade-button,
.user-options-container .company-upgrade .upgrade-button,
.company-upgrade-container .user-options .upgrade-button,
.user-options-container .user-options .upgrade-button,
.company-upgrade-container .company-upgrade .add-cheque-detail-btn,
.user-options-container .company-upgrade .add-cheque-detail-btn,
.company-upgrade-container .user-options .add-cheque-detail-btn,
.user-options-container .user-options .add-cheque-detail-btn,
.company-upgrade-container .company-upgrade .discard-upgrade-btn,
.user-options-container .company-upgrade .discard-upgrade-btn,
.company-upgrade-container .user-options .discard-upgrade-btn,
.user-options-container .user-options .discard-upgrade-btn,
.company-upgrade-container .company-upgrade .submit-goption-button,
.user-options-container .company-upgrade .submit-goption-button,
.company-upgrade-container .user-options .submit-goption-button,
.user-options-container .user-options .submit-goption-button {
  display: block;
  width: 272px;
  margin: 0 auto;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
}
.company-upgrade-container .company-upgrade .update-card-button,
.user-options-container .company-upgrade .update-card-button,
.company-upgrade-container .user-options .update-card-button,
.user-options-container .user-options .update-card-button,
.company-upgrade-container .company-upgrade .add-cheque-detail-btn,
.user-options-container .company-upgrade .add-cheque-detail-btn,
.company-upgrade-container .user-options .add-cheque-detail-btn,
.user-options-container .user-options .add-cheque-detail-btn,
.company-upgrade-container .company-upgrade .discard-upgrade-btn,
.user-options-container .company-upgrade .discard-upgrade-btn,
.company-upgrade-container .user-options .discard-upgrade-btn,
.user-options-container .user-options .discard-upgrade-btn,
.company-upgrade-container .company-upgrade .submit-goption-button,
.user-options-container .company-upgrade .submit-goption-button,
.company-upgrade-container .user-options .submit-goption-button,
.user-options-container .user-options .submit-goption-button {
  display: block;
  width: 272px;
  margin: 0 auto;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
}
.company-upgrade-container .company-upgrade .warning,
.user-options-container .company-upgrade .warning,
.company-upgrade-container .user-options .warning,
.user-options-container .user-options .warning {
  text-align: center;
  margin-top: 20px;
}
.company-upgrade-container .company-upgrade .warning__icon,
.user-options-container .company-upgrade .warning__icon,
.company-upgrade-container .user-options .warning__icon,
.user-options-container .user-options .warning__icon {
  display: inline-block;
  background-color: #ef425f;
  height: 22px;
  line-height: 22px;
  width: 22px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
.company-upgrade-container .company-upgrade .warning__message,
.user-options-container .company-upgrade .warning__message,
.company-upgrade-container .user-options .warning__message,
.user-options-container .user-options .warning__message {
  display: inline-block;
  color: #ef425f;
}
.company-upgrade-container .company-upgrade .warning .anchor,
.user-options-container .company-upgrade .warning .anchor,
.company-upgrade-container .user-options .warning .anchor,
.user-options-container .user-options .warning .anchor {
  color: #ef425f;
}
.company-upgrade-container_flexible h4,
.user-options-container_flexible h4,
.company-upgrade-container_monthly h4,
.user-options-container_monthly h4,
.company-upgrade-container_cheque h4,
.user-options-container_cheque h4,
.company-upgrade-container_centered h4,
.user-options-container_centered h4,
.company-upgrade-container_flexible label:not(.secondary-label):not(.custom-error),
.user-options-container_flexible label:not(.secondary-label):not(.custom-error),
.company-upgrade-container_monthly label:not(.secondary-label):not(.custom-error),
.user-options-container_monthly label:not(.secondary-label):not(.custom-error),
.company-upgrade-container_cheque label:not(.secondary-label):not(.custom-error),
.user-options-container_cheque label:not(.secondary-label):not(.custom-error),
.company-upgrade-container_centered label:not(.secondary-label):not(.custom-error),
.user-options-container_centered label:not(.secondary-label):not(.custom-error) {
  line-height: 35px;
  text-align: center;
}
.company-upgrade-container_flexible .flexible-options,
.user-options-container_flexible .flexible-options,
.company-upgrade-container_monthly .flexible-options,
.user-options-container_monthly .flexible-options,
.company-upgrade-container_cheque .flexible-options,
.user-options-container_cheque .flexible-options,
.company-upgrade-container_centered .flexible-options,
.user-options-container_centered .flexible-options,
.company-upgrade-container_flexible .centered-options,
.user-options-container_flexible .centered-options,
.company-upgrade-container_monthly .centered-options,
.user-options-container_monthly .centered-options,
.company-upgrade-container_cheque .centered-options,
.user-options-container_cheque .centered-options,
.company-upgrade-container_centered .centered-options,
.user-options-container_centered .centered-options {
  width: 250px;
  margin: 10px auto;
}
.company-upgrade-container_flexible .employee-count,
.user-options-container_flexible .employee-count,
.company-upgrade-container_monthly .employee-count,
.user-options-container_monthly .employee-count,
.company-upgrade-container_cheque .employee-count,
.user-options-container_cheque .employee-count,
.company-upgrade-container_centered .employee-count,
.user-options-container_centered .employee-count {
  width: 380px;
  margin: 20px auto;
}
.company-upgrade-container_flexible .employee-count .custom-slider,
.user-options-container_flexible .employee-count .custom-slider,
.company-upgrade-container_monthly .employee-count .custom-slider,
.user-options-container_monthly .employee-count .custom-slider,
.company-upgrade-container_cheque .employee-count .custom-slider,
.user-options-container_cheque .employee-count .custom-slider,
.company-upgrade-container_centered .employee-count .custom-slider,
.user-options-container_centered .employee-count .custom-slider {
  height: 12px;
  border-radius: 2px;
  background-color: #e7eff3;
}
.company-upgrade-container_flexible .employee-count .ui-slider-range,
.user-options-container_flexible .employee-count .ui-slider-range,
.company-upgrade-container_monthly .employee-count .ui-slider-range,
.user-options-container_monthly .employee-count .ui-slider-range,
.company-upgrade-container_cheque .employee-count .ui-slider-range,
.user-options-container_cheque .employee-count .ui-slider-range,
.company-upgrade-container_centered .employee-count .ui-slider-range,
.user-options-container_centered .employee-count .ui-slider-range {
  background-color: #11abc5;
}
.company-upgrade-container_flexible .employee-count .ui-slider-handle,
.user-options-container_flexible .employee-count .ui-slider-handle,
.company-upgrade-container_monthly .employee-count .ui-slider-handle,
.user-options-container_monthly .employee-count .ui-slider-handle,
.company-upgrade-container_cheque .employee-count .ui-slider-handle,
.user-options-container_cheque .employee-count .ui-slider-handle,
.company-upgrade-container_centered .employee-count .ui-slider-handle,
.user-options-container_centered .employee-count .ui-slider-handle {
  position: relative;
  width: 22px;
  height: 22px;
  background-image: radial-gradient(circle at 36% 16%, #535e6c, #29303a);
  border: solid 1px #ffffff;
  border: solid 1px var(--white);
  border-radius: 50%;
}
.company-upgrade-container_flexible .employee-count .slider-count-container,
.user-options-container_flexible .employee-count .slider-count-container,
.company-upgrade-container_monthly .employee-count .slider-count-container,
.user-options-container_monthly .employee-count .slider-count-container,
.company-upgrade-container_cheque .employee-count .slider-count-container,
.user-options-container_cheque .employee-count .slider-count-container,
.company-upgrade-container_centered .employee-count .slider-count-container,
.user-options-container_centered .employee-count .slider-count-container {
  position: absolute;
  bottom: -35px;
  right: -5px;
}
.company-upgrade-container_flexible .employee-count .slider-count-container .slider-count,
.user-options-container_flexible .employee-count .slider-count-container .slider-count,
.company-upgrade-container_monthly .employee-count .slider-count-container .slider-count,
.user-options-container_monthly .employee-count .slider-count-container .slider-count,
.company-upgrade-container_cheque .employee-count .slider-count-container .slider-count,
.user-options-container_cheque .employee-count .slider-count-container .slider-count,
.company-upgrade-container_centered .employee-count .slider-count-container .slider-count,
.user-options-container_centered .employee-count .slider-count-container .slider-count {
  width: 30px;
  position: relative;
  background: #e7eff3;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  color: #303844;
}
.company-upgrade-container_flexible .employee-count .slider-count-container .slider-count__triangle,
.user-options-container_flexible .employee-count .slider-count-container .slider-count__triangle,
.company-upgrade-container_monthly .employee-count .slider-count-container .slider-count__triangle,
.user-options-container_monthly .employee-count .slider-count-container .slider-count__triangle,
.company-upgrade-container_cheque .employee-count .slider-count-container .slider-count__triangle,
.user-options-container_cheque .employee-count .slider-count-container .slider-count__triangle,
.company-upgrade-container_centered .employee-count .slider-count-container .slider-count__triangle,
.user-options-container_centered .employee-count .slider-count-container .slider-count__triangle {
  width: 0;
  height: 0;
  position: absolute;
  top: -8px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 8px solid #e7eff3;
  background-image: linear-gradient(86deg, #f5f8fa, #e7eff3);
}
.company-upgrade-container_flexible .upgrade-scheme__item,
.user-options-container_flexible .upgrade-scheme__item,
.company-upgrade-container_monthly .upgrade-scheme__item,
.user-options-container_monthly .upgrade-scheme__item,
.company-upgrade-container_cheque .upgrade-scheme__item,
.user-options-container_cheque .upgrade-scheme__item,
.company-upgrade-container_centered .upgrade-scheme__item,
.user-options-container_centered .upgrade-scheme__item {
  margin-top: 40px !important;
}
.company-upgrade-container_flexible .upgrade-scheme__amount,
.user-options-container_flexible .upgrade-scheme__amount,
.company-upgrade-container_monthly .upgrade-scheme__amount,
.user-options-container_monthly .upgrade-scheme__amount,
.company-upgrade-container_cheque .upgrade-scheme__amount,
.user-options-container_cheque .upgrade-scheme__amount,
.company-upgrade-container_centered .upgrade-scheme__amount,
.user-options-container_centered .upgrade-scheme__amount {
  color: #11abc5 !important;
}
.company-upgrade-container_discard .plan-statement,
.user-options-container_discard .plan-statement {
  margin-top: 10px;
  margin-bottom: 10px;
}
.company-upgrade-footer {
  padding: 25px;
  background-color: #e7eff3;
  color: #29303a;
}
.company-upgrade-footer a {
  display: block;
  color: #11abc5;
}
.company-upgrade-footer .discard-upgrade {
  color: #758696;
  font-size: 12px;
  margin-top: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.popover {
  width: 388px;
  max-width: 388px;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
  padding: 20px 24px 20px 32px;
}
.popover h3 {
  font-size: 18px;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
  letter-spacing: 0.3px;
  color: #303844;
  background-color: #fff;
  border: none;
  padding: 0;
  margin-bottom: 14px;
}
.popover-content {
  padding: 0;
  margin-bottom: 15px;
}
.popover-content p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-family: 'notosans-regular', Arial, 'Helvetica Neue', sans-serif;
  line-height: 1.6;
  letter-spacing: 0.1px;
  color: #303844;
}
.popover-content_margin {
  margin-bottom: 20px !important;
}
.popover-content-bold {
  font-family: 'notosans-bold', Arial, 'Helvetica Neue', sans-serif;
}
.popover-navigation {
  padding: 0;
}
.popover-indexing {
  display: inline-block;
  vertical-align: middle;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #434f5b;
  margin: 0 10px;
}
.popover .navigator {
  margin-bottom: 20px;
}
.popover .navigator__arrow {
  display: inline-block;
}
.popover .navigator__arrow img {
  max-width: 14px;
  cursor: pointer;
}
.popover .arrow-left,
.popover .arrow-right {
  border-radius: 5px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.popover .end-tour {
  display: inline-block;
  float: right;
}
.popover .end-tour img {
  max-width: 19px;
  cursor: pointer;
}
.popover .btn-group {
  float: right;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
}
.popover .tour-skip {
  margin-right: 20px;
  color: #434f5b;
  letter-spacing: 0.2px;
  display: inline-block;
  float: none !important;
}
.popover .popover-navigation {
  padding: 0 !important;
}
#tab-analytics ul {
  display: inline-block;
  float: right;
}
#tab-analytics ul li {
  display: inline-block;
  color: #6ad1df;
  text-decoration: underline;
  margin-right: 10px;
}
#tab-analytics ul li.active {
  color: #000;
  text-decoration: none;
}
#tab-analytics h3 {
  text-align: center;
  margin-bottom: 15px;
}
.tour-backdrop {
  background-color: #434f5b;
  opacity: 0.6;
}
.tour-step-backdrop {
  background: #29303a;
}
.override-overlay_true {
  z-index: 11;
}
.history-wrapper {
  background: #f4f8fb;
  padding: 30px;
}
.history-wrapper .mb-15 {
  margin-bottom: 15px;
}
.history__item,
.seekApproval__item {
  margin-top: 26px;
  position: relative;
}
.history__item label,
.seekApproval__item label {
  font-size: 12px;
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  color: #87919a;
  display: inline-block;
  padding-left: 6px;
}
.history__item_compact,
.seekApproval__item_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.history__item_left,
.seekApproval__item_left {
  position: relative;
  padding-right: 8px;
}
.history__item_left .g-icon_calendar,
.seekApproval__item_left .g-icon_calendar {
  right: 16px;
}
.history__item_right,
.seekApproval__item_right {
  position: relative;
  padding-left: 8px;
}
.history__item_right .confused__overlay,
.seekApproval__item_right .confused__overlay {
  bottom: 16px;
  right: 9px;
}
.history__data,
.seekApproval__data {
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #e7eff3;
  color: #758696;
}
.history__data label,
.seekApproval__data label {
  font-size: 14px;
}
.history__data_name,
.seekApproval__data_name {
  padding-left: 10px;
}
.history__row,
.seekApproval__row {
  position: relative;
}
.history__row_compact,
.seekApproval__row_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.history__row_left,
.seekApproval__row_left {
  position: relative;
  padding-right: 8px;
}
.history__row_right,
.seekApproval__row_right {
  position: relative;
  padding-left: 8px;
}
.history__element,
.seekApproval__element {
  padding: 0px 20px 20px 20px;
  background: #fff;
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #c7d7df;
}
.history__value,
.seekApproval__value {
  background: #e7eff3;
  border-radius: 5px;
  margin-top: 5px;
  line-height: normal;
  color: #87919a;
}
.history__value_input,
.seekApproval__value_input {
  padding: 0 7px;
  height: 35px;
  line-height: 33px;
}
.history__value_textarea,
.seekApproval__value_textarea {
  overflow: auto;
  vertical-align: top;
  height: auto;
  resize: none;
  padding: 10px;
}
.history .user__details,
.seekApproval .user__details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.history .user__name,
.seekApproval .user__name {
  color: #1aacc6;
}
.history .edit_timestamp,
.seekApproval .edit_timestamp {
  color: #000;
  font-size: 12px;
}
.seekApproval .overlay-form__item {
  margin-top: 10px;
}
.seekApproval .overlay-form__item label {
  margin: 0;
}
.overlay-form li > a.btn {
  font-size: 14px;
  padding: 4px 10px;
}
.replaceUserWrapper .no-border-dropdown {
  width: 90%;
  display: inline-block;
}
.replaceUserWrapper .label-free-row__delete {
  display: inline-block;
}
.replaceUserWrapper .g-icon {
  margin: 0;
}
.leave-history .hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  clear: both;
}
.leave-history__item {
  margin-top: 15px;
  position: relative;
}
.leave-history__item label {
  font-size: 12px;
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  color: #87919a;
  display: inline-block;
  padding-left: 6px;
}
.leave-history__item_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.leave-history__item_left {
  position: relative;
  padding-right: 8px;
}
.leave-history__item_left .g-icon_calendar {
  right: 16px;
}
.leave-history__item_right {
  position: relative;
  padding-left: 8px;
}
.leave-history__item_right .confused__overlay {
  bottom: 16px;
  right: 9px;
}
.leave-history__remark {
  margin-bottom: 10px;
  position: relative;
}
.leave-history__remark label {
  font-size: 12px;
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  color: #87919a;
  display: inline-block;
  padding-left: 6px;
}
.leave-history__remark_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.leave-history__remark_left {
  position: relative;
  padding-right: 8px;
}
.leave-history__remark_left .g-icon_calendar {
  right: 16px;
}
.leave-history__remark_right {
  position: relative;
  padding-left: 8px;
}
.leave-history__remark_right .confused__overlay {
  bottom: 16px;
  right: 9px;
}
.leave-history__data {
  padding: 15px;
  background-color: #fff;
  border-bottom: 1px solid #e7eff3;
  color: #758696;
}
.leave-history__data label {
  font-size: 14px;
}
.leave-history__data_name {
  padding-left: 10px;
}
.leave-history__row {
  position: relative;
}
.leave-history__row_compact {
  width: 50%;
  display: inline-block;
  position: relative;
}
.leave-history__row_left {
  position: relative;
  padding-right: 8px;
}
.leave-history__row_right {
  position: relative;
  padding-left: 8px;
}
.leave-history__element {
  position: relative;
  margin-left: 10px;
  top: -15px;
  width: 90%;
}
.leave-history__element .editLable {
  margin: 10px 0px 10px 5px;
}
.leave-history__element .fs-11 {
  font-size: 11px;
}
.leave-history__value_input {
  padding: 0 7px;
  line-height: 21px;
}
.leave-history__value_textarea {
  overflow: auto;
  vertical-align: top;
  height: auto;
  resize: none;
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  margin-left: 5px;
  border: 1px solid lightgray;
}
.leave-history .user__details {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.leave-history .user__name {
  color: #1aacc6;
}
.leave-history .edit_timestamp {
  color: #000;
  font-size: 12px;
}
.leave-history .user__image {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
  margin-top: 5px;
}