/*color code for leaves*/
/*color code for employee*/
/*background color codes*/
/* =============================================================================
   Media queries for different screen sizes
   ========================================================================== */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.page {
  height: 100%;
  min-height: 100%;
  overflow-y: auto;
}
.page-wrapper {
  min-height: 100%;
  min-width: 992px;
  /*.screen-md-min(@wrapper);*/
  overflow: hidden;
  padding-bottom: 25px;
  background-color: #e7eff3;
}
.page .blurred-content {
  color: #c7d7df;
}
.priveheader__logo {
  -webkit-transition: background 0.4s ease-in;
  -moz-transition: background 0.4s ease-in;
  -ms-transition: background 0.4s ease-in;
  -o-transition: background 0.4s ease-in;
}
.leftnav {
  -webkit-transition: width 0.4s ease-in;
  -moz-transition: width 0.4s ease-in;
  -ms-transition: width 0.4s ease-in;
  -o-transition: width 0.4s ease-in;
}
.leftnav__link span {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.leftnav ul {
  overflow-x: hidden;
}
.leftnav ul li {
  width: 255px;
}
.leftnav ul li a {
  -webkit-transition: padding 0.3s ease-in;
  -moz-transition: padding 0.3s ease-in;
  -ms-transition: padding 0.3s ease-in;
  -o-transition: padding 0.3s ease-in;
}
.leftnav ul li .leftnav__link_addons {
  background-color: #434F6C;
}
.leftnav .collapse.in {
  background-color: #627178;
}
.content {
  -webkit-transition: margin 0.4s ease-in;
  -moz-transition: margin 0.4s ease-in;
  -ms-transition: margin 0.4s ease-in;
  -o-transition: margin 0.4s ease-in;
}
.toggle-left-nav {
  cursor: pointer;
  display: block;
  height: 36px;
  position: absolute;
  right: -8px;
  top: 15px;
  width: 25px;
  border-width: 5px;
  border-style: solid;
  border-color: #434f5b;
  border-image: initial;
  border-radius: 4px;
  -webkit-transition: right 0.2s ease-in;
  -moz-transition: right 0.2s ease-in;
  -ms-transition: right 0.2s ease-in;
  -o-transition: right 0.2s ease-in;
}
.toggle-left-nav:hover {
  right: -10px;
}
.leftmenu-open .toggle-left-nav__left {
  display: block;
}
.leftmenu-open .toggle-left-nav__right {
  display: none;
}
.leftmenu-close .leftnav {
  width: 70px;
}
.leftmenu-close .leftnav ul {
  overflow-x: visible;
}
.leftmenu-close .leftnav ul li {
  width: 70px;
}
.leftmenu-close .leftnav ul li a {
  padding: 0px;
}
.leftmenu-close .leftnav li a:not(.g-preventDefault):hover {
  background-color: rgba(171, 205, 111, 0.9);
  color: black;
}
.leftmenu-close .leftnav li a:not(.g-preventDefault):hover span {
  opacity: 0;
  padding-left: 30px;
  font-size: 12px;
}
.leftmenu-close .leftnav li a:not(.g-preventDefault):hover .leftnav__item-alt {
  left: 70px;
  border-radius: 0px 5px 5px 0px;
  box-shadow: 1px 1px 10px #000000 1c;
}
.leftmenu-close .leftnav li a:not(.g-preventDefault):hover .leftnav__icon {
  background-color: rgba(106, 209, 223, 0.8);
}
.leftmenu-close .leftnav__icon {
  margin-left: 0px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
  background-color: #434f5b;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.leftmenu-close .leftnav__icon i {
  margin-left: 0px;
}
.leftmenu-close .leftnav__link span {
  opacity: 0;
  left: 0px;
  color: black;
}
.leftmenu-close .leftnav__item-alt {
  min-width: 120px;
  display: block;
  left: -200px;
  top: 0px;
  padding: 0px 10px;
  line-height: 50px;
  position: absolute;
  font-size: 12px;
  color: black;
  background-color: rgba(171, 205, 111, 0.9);
  z-index: 9;
  -webkit-transition: left 0.2s ease-in;
  -moz-transition: left 0.2s ease-in;
  -ms-transition: left 0.2s ease-in;
  -o-transition: left 0.2s ease-in;
}
.leftmenu-close .priveheader__logo {
  background-color: transparent;
}
.leftmenu-close .content {
  margin-left: 70px;
}
.leftmenu-close .proud-owner {
  width: 100%;
}
.leftmenu-close .toggle-left-nav__left {
  display: none;
}
.leftmenu-close .toggle-left-nav__right {
  display: block;
}
.container-fluid {
  padding: 0;
}
.disabled-row {
  opacity: 0.3;
}
.disabled-row .disable-section input,
.disabled-row .disable-section select,
.disabled-row .disable-section iframe,
.disabled-row .disable-section .custom-simple-drop {
  pointer-events: none;
}
.policies {
  padding: 0 20px;
}
.policies ol {
  margin-left: 15px;
}
.policies ol li {
  padding-left: 10px;
  margin-bottom: 10px;
}
.policies p {
  font-size: 14px;
}
.page_error .container-fluid {
  min-width: 100%;
}
.page_error a {
  color: #1aacc6;
}
.page_error h3 {
  margin-bottom: 120px;
  font-size: 30px;
  line-height: 60px;
  font-weight: normal;
  text-align: center;
  color: #3e4651;
}
.page_error h1 {
  margin-top: 122px;
  font-family: 'lato-bold', Arial, 'Helvetica Neue', sans-serif;
  text-align: center;
  color: #4f5760;
}
.page_error img {
  width: 100%;
}
.page_error .page-wrapper {
  padding: 0;
  min-width: 1024px;
}
.anchor {
  color: #1aacc6;
}
.checkbox-label_no-text {
  height: 15px;
  vertical-align: middle;
}
.input-cover-wrapper {
  position: relative;
  margin-top: 5px;
}
.input-cover-wrapper input {
  margin-top: 0px !important;
}
.input-cover-wrapper_cross .set-zero {
  position: absolute;
  top: 25%;
  right: 5%;
  line-height: 1;
  z-index: 11;
  cursor: pointer;
}
.input-small {
  width: 40px;
  padding: 0 2px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #c7d7df;
  border-radius: 3px;
}
.proud-owner {
  margin-top: -24px;
  width: 255px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 10px;
  background-color: #303844;
  color: #596673;
  z-index: 10;
  position: relative;
}
.proud-owner a {
  color: #fff;
}
.input-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: beige;
  opacity: 0.3;
}
.input-height-label {
  line-height: 35px;
}
.overlay-dropzone {
  width: 155px;
  /*height: 92px;*/
  color: #6ad1df;
  border: 2px dashed #6ad1df;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-align: center;
  /*overflow: hidden;*/
  margin-top: 14px;
  position: relative;
}
.overlay-dropzone_centered {
  margin: 14px auto;
}
.overlay-dropzone_preview {
  border: none;
  border: 1px solid #EDEDED;
}
.overlay-dropzone_preview img {
  max-width: 100%;
  height: 100px;
}
.overlay-dropzone__text {
  width: 93px;
  margin: auto;
  margin-top: 12px;
  font-size: 12px;
}
.overlay-dropzone__text_entity-text {
  width: auto;
  font-size: 12px;
  margin: 0;
  padding: 6px;
}
.overlay-dropzone_entity-logo {
  width: 82px;
  margin-top: 0px;
}
.overlay-dropzone .dz-image {
  width: 100%;
  height: auto;
}
.overlay-dropzone #fileupload {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px;
  opacity: 0;
  height: 100%;
}
.overlay-dropzone .g-icon_cancel-upload,
.overlay-dropzone .g-icon_rejected-req {
  position: absolute;
  top: -10px;
  right: -10px;
}
.doc-dropzone {
  padding: 10px 10px;
  border: 2px dashed #b2b2b2;
  border-radius: 5px;
}
.doc-dropzone__img {
  vertical-align: middle;
  display: inline-block;
}
.doc-dropzone__img img {
  height: 40px;
}
.doc-dropzone__text {
  color: #b2b2b2;
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}
.doc-dropzone__button {
  float: right;
}
.doc-dropzone__button btn {
  vertical-align: middle;
}
.document-list__row {
  margin-bottom: 10px;
}
.document-list__row_top-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}
.document-list__item {
  display: inline-block;
  vertical-align: middle;
}
.document-list__item_img {
  width: 40px;
}
.document-list__item_img img {
  max-height: 30px;
  width: auto;
  max-width: 40px;
}
.document-list__item_input {
  margin-left: 20px;
  width: 80%;
}
.document-list__item_input input {
  margin-top: 0px !important;
}
.document-list__item_delete {
  margin-left: 20px;
  cursor: pointer;
}
.document-list__item_delete img {
  height: 20px;
  width: auto;
}
.document-list__item_tag {
  margin-left: 20px;
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.image_enlarged {
  position: absolute;
  z-index: 15;
  width: 250px;
  height: 250px;
  overflow: hidden;
  top: -200px;
  right: -20px;
  border: 3px solid black;
  border-radius: 50%;
}
.select2-drop .select2-search {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.no-border-dropdown .select2-container .select2-choice {
  padding-left: 10px !important;
  border: none;
}
.no-border-dropdown .select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.no-border-dropdown.px11Font .select2-chosen {
  font-size: 11px;
}
.page_dashboard.content .half-section_right {
  padding-left: 0px;
}
.page_dashboard .content-wrapper {
  /*margin-left:0px;*/
}
.page_dashboard .other-feeds {
  /*padding-left:20px;*/
}
.administrativeAccess,
.administrationNoAccess {
  display: none !important;
}
.user {
  position: relative;
  margin-bottom: .5em;
}
.user_header {
  display: inline-block;
  height: 60px;
  padding-right: 10px;
  line-height: 60px;
  vertical-align: middle;
  margin: auto;
  padding-left: 15px;
}
.user_header .view-user {
  cursor: pointer;
}
.user_inactive {
  position: absolute;
  background: #ef425f;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  line-height: 17px;
  z-index: 12;
  border-radius: 50%;
  left: 24px;
  top: -9px;
  border: 2px solid #fff;
}
.user__profile {
  width: 100%;
  padding: 20px;
  position: absolute;
  top: 70px;
  background-color: #303741;
  color: #FFF;
  z-index: 100;
  text-align: center;
  line-height: 1.5;
}
.user__image {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.user__image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.user__image_large {
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 10;
}
.user__image_roster {
  width: 40px !important;
  height: 40px !important;
}
.user__image-actions {
  margin-top: 17px;
}
.user__image-actions a {
  padding: 8px;
}
.user__image-actions #UserDropzoneClickable {
  position: relative;
}
.user__image-actions #UserDropzoneClickable:hover .user__image-instruction {
  display: block !important;
}
.user__image-instruction {
  display: none;
  font-size: 11px;
  color: #758696;
  position: absolute;
  width: 200px;
  bottom: -15px;
  left: -50px;
}
.user__content {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
  margin-left: 12px;
}
.user__content_header {
  font-size: 13px;
  color: #f4f8fa;
  width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user__content_filterannouncement {
  width: 600px;
}
.user__content .g-icon_header-dropdown {
  margin-left: 8px;
}
.user_staff-view .user__image {
  display: block;
  position: absolute;
}
.user_staff-view .color-cyan-blue {
  border-right: 6px solid #65aeec;
}
.user_staff-view .color-white {
  border-right: 6px solid #ffffff;
}
.user_staff-view .color-dark-red {
  border-right: 6px solid #d52100;
}
.user_staff-view .color-dark-orange {
  border-right: 6px solid #eebf2e;
}
.user_staff-view .color-cyan-green {
  border-right: 6px solid #a5cf5a;
}
.page_announcement .content-section .user__image,
.page_dashboard .content-section_dashboard-announcement .user__image {
  float: left;
}
.page_announcement .content-section .user__content,
.page_dashboard .content-section_dashboard-announcement .user__content {
  display: block;
  margin-left: 50px;
}
.user_small {
  text-align: left;
}
.user_small .user__item {
  display: inline-block;
}
.user_small .user__image {
  width: 25px !important;
  height: 25px !important;
}
.user_small .user__name {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  margin-left: 5px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user_small .user__data {
  line-height: 25px;
  float: right;
}
.user_small.btm-mrg {
  margin-bottom: 3px !important;
}
.announcement {
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.announcement-card_unread {
  font-weight: bold !important;
}
.announcement-btn-group {
  flex-direction: row-reverse;
  display: flex;
}
.announcement-btn-group button#save-announcement {
  position: static;
  margin-left: 10px;
}
.announcement-btn-group button#delete-announcement {
  position: static;
}
.records-listing h3 a {
  float: right;
  font-size: 14px;
  text-decoration: underline;
}
.live-attendance .active-users h4 {
  color: #0E9EB6;
}
.live-attendance .active-users h4 span {
  color: #758696;
}
.live-attendance .active-users .users-count {
  margin-top: 20px;
  margin-bottom: 20px;
}
.live-attendance .active-users .user-listing {
  margin-bottom: 20px;
}
.live-attendance .active-users table {
  border-collapse: collapse;
}
.live-attendance .active-users table thead {
  background-color: #ABE5ED;
  border-radius: 6px;
  -moz-border-radius: 6px;
}
.live-attendance .active-users table thead th:first-child {
  border-radius: 10px 0 0 10px;
}
.live-attendance .active-users table thead th:last-child {
  border-radius: 0 10px 10px 0;
}
.live-attendance .active-users table thead tr th {
  padding: 13px 25px;
  cursor: pointer;
}
.live-attendance .active-users table tbody {
  background-color: #EBF9FB;
}
.live-attendance .active-users table tbody tr td {
  padding: 8px 25px;
  word-break: break-word;
}
.live-attendance .active-users table tbody tr {
  border-bottom: 1pt solid #ABE5ED;
}
.live-attendance .active-users table tbody:before {
  /* This doesn't work because of border-collapse */
  line-height: 1em;
  content: "_";
  background-color: white;
  color: white;
  display: block;
}
.live-attendance .inactive-users h4 {
  color: #919FAB;
}
.live-attendance .inactive-users h4 span {
  color: #758696;
}
.live-attendance .inactive-users .users-count {
  margin-top: 20px;
  margin-bottom: 20px;
}
.live-attendance .inactive-users .user-listing {
  margin-bottom: 20px;
}
.live-attendance .inactive-users table {
  border-collapse: collapse;
}
.live-attendance .inactive-users table thead {
  background-color: #E6E9EC;
  border-radius: 6px;
  -moz-border-radius: 6px;
}
.live-attendance .inactive-users table thead th:first-child {
  border-radius: 10px 0 0 10px;
}
.live-attendance .inactive-users table thead th:last-child {
  border-radius: 0 10px 10px 0;
}
.live-attendance .inactive-users table thead tr th {
  padding: 13px 25px;
  cursor: pointer;
}
.live-attendance .inactive-users table tbody {
  background-color: #F8F9FA;
}
.live-attendance .inactive-users table tbody tr td {
  padding: 8px 25px;
  word-break: break-word;
}
.live-attendance .inactive-users table tbody tr {
  border-bottom: 1pt solid #919FAB;
}
.live-attendance .inactive-users table tbody:before {
  /* This doesn't work because of border-collapse */
  line-height: 1em;
  content: "_";
  background-color: white;
  color: white;
  display: block;
}
.live-attendance-header {
  margin-top: 20px;
  margin-bottom: 20px;
}
.live-attendance-header__filters {
  display: inline-block;
}
.live-attendance-header__filters input {
  width: 250px;
}
.live-attendance-header__filters button {
  margin-left: 10px;
}
.live-attendance-header__datetime {
  float: right;
  display: inline-flex;
  padding-left: 50px;
}
.live-attendance-header__datetime p {
  color: #0E9EB6;
  font-size: 14px;
}
.live-attendance-header__datetime .btn-change-screen-view {
  padding-left: 50px;
  display: -webkit-inline-box;
}
.live-attendance-header__datetime .btn-change-screen-view img {
  padding-right: 4px;
  cursor: pointer;
}
.live-attendance-header__datetime .btn-change-screen-view p {
  color: #919FAB;
  cursor: pointer;
}
.live-attendance .date-separator {
  width: 15px;
  background-color: #819599;
  border-radius: 50%;
  display: inline-block;
}
.gridcard {
  /*padding-right: 10px;*/
}
@media (min-width: 992px) {
  .gridcard {
    padding-right: 10px;
  }
}
@media (max-width: 1199px) {
  .gridcard_staff:nth-child(2n),
  .gridcard_announcement:nth-child(2n) {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .gridcard_staff:nth-child(3n),
  .gridcard_announcement:nth-child(3n) {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .gridcard_outlet:nth-child(2n) {
    padding-right: 0;
  }
}
.gridcard .header-title {
  max-width: 75%;
}
.gridcard .header-title h3 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*
Login page
*/
.page_login header,
.page_forgetpassword header,
.page_manualinvitation header,
.page_clientEngagement header,
.page_resetpassword header,
.page_login footer,
.page_forgetpassword footer,
.page_manualinvitation footer,
.page_clientEngagement footer,
.page_resetpassword footer,
.page_login .proud-owner,
.page_forgetpassword .proud-owner,
.page_manualinvitation .proud-owner,
.page_clientEngagement .proud-owner,
.page_resetpassword .proud-owner {
  display: none;
}
.page_login .page-wrapper,
.page_forgetpassword .page-wrapper,
.page_manualinvitation .page-wrapper,
.page_clientEngagement .page-wrapper,
.page_resetpassword .page-wrapper {
  background-color: #6ad1df;
}
.page_login .login__logo,
.page_forgetpassword .login__logo,
.page_manualinvitation .login__logo,
.page_clientEngagement .login__logo,
.page_resetpassword .login__logo,
.page_login .forgetpassword__logo,
.page_forgetpassword .forgetpassword__logo,
.page_manualinvitation .forgetpassword__logo,
.page_clientEngagement .forgetpassword__logo,
.page_resetpassword .forgetpassword__logo,
.page_login .manual-invite__logo,
.page_forgetpassword .manual-invite__logo,
.page_manualinvitation .manual-invite__logo,
.page_clientEngagement .manual-invite__logo,
.page_resetpassword .manual-invite__logo,
.page_login .resetpassword__logo,
.page_forgetpassword .resetpassword__logo,
.page_manualinvitation .resetpassword__logo,
.page_clientEngagement .resetpassword__logo,
.page_resetpassword .resetpassword__logo {
  margin-bottom: 50px;
}
.page_login input,
.page_forgetpassword input,
.page_manualinvitation input,
.page_clientEngagement input,
.page_resetpassword input {
  width: 360px;
  height: 60px;
  /*line-height: 60px;*/
  padding: 15px;
  color: #FFF;
  font-size: 20px;
  background-color: transparent;
  border: 1px solid #FFF;
}
.page_login textarea,
.page_forgetpassword textarea,
.page_manualinvitation textarea,
.page_clientEngagement textarea,
.page_resetpassword textarea {
  width: 360px;
  padding: 15px;
  color: #FFF;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #FFF;
}
.page_login input,
.page_forgetpassword input,
.page_manualinvitation input,
.page_clientEngagement input,
.page_resetpassword input,
.page_login button,
.page_forgetpassword button,
.page_manualinvitation button,
.page_clientEngagement button,
.page_resetpassword button,
.page_login a,
.page_forgetpassword a,
.page_manualinvitation a,
.page_clientEngagement a,
.page_resetpassword a,
.page_login textarea,
.page_forgetpassword textarea,
.page_manualinvitation textarea,
.page_clientEngagement textarea,
.page_resetpassword textarea {
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.page_login a,
.page_forgetpassword a,
.page_manualinvitation a,
.page_clientEngagement a,
.page_resetpassword a {
  text-align: center;
  font-size: 18px;
  color: #FFF !important;
  display: inline-block;
}
.page_login ::-webkit-input-placeholder,
.page_forgetpassword ::-webkit-input-placeholder,
.page_manualinvitation ::-webkit-input-placeholder,
.page_clientEngagement ::-webkit-input-placeholder,
.page_resetpassword ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #FFF;
}
.page_login :-moz-placeholder,
.page_forgetpassword :-moz-placeholder,
.page_manualinvitation :-moz-placeholder,
.page_clientEngagement :-moz-placeholder,
.page_resetpassword :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #FFF;
  opacity: 1;
}
.page_login ::-moz-placeholder,
.page_forgetpassword ::-moz-placeholder,
.page_manualinvitation ::-moz-placeholder,
.page_clientEngagement ::-moz-placeholder,
.page_resetpassword ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #FFF;
  opacity: 1;
}
.page_login :-ms-input-placeholder,
.page_forgetpassword :-ms-input-placeholder,
.page_manualinvitation :-ms-input-placeholder,
.page_clientEngagement :-ms-input-placeholder,
.page_resetpassword :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #FFF;
}
.page_login .resetpassword-disallow,
.page_forgetpassword .resetpassword-disallow,
.page_manualinvitation .resetpassword-disallow,
.page_clientEngagement .resetpassword-disallow,
.page_resetpassword .resetpassword-disallow {
  color: #758696;
  margin-bottom: 10px;
  padding: 0 5px;
}
.page_login .resetpassword-disallow a,
.page_forgetpassword .resetpassword-disallow a,
.page_manualinvitation .resetpassword-disallow a,
.page_clientEngagement .resetpassword-disallow a,
.page_resetpassword .resetpassword-disallow a {
  text-decoration: underline;
  margin-bottom: 0;
}
.page_login label.error {
  width: 360px;
  margin: auto;
  display: block;
  margin-top: -15px;
  margin-bottom: 15px;
}
.page_login .login__forget {
  margin-bottom: 10px;
}
.page_login .signup-suggestion {
  color: #fff;
}
.page_login .signup-suggestion a {
  text-decoration: underline;
  font-size: 14px;
  margin-bottom: 0px;
}
.tab-content .content-section__header {
  padding: 0px;
}
.tab-content .content-section__header h3 {
  color: #3e4651;
}
.tab-content #attendance-request,
.tab-content #recent-requests {
  border-width: 1px !important;
}
.search-area__link {
  height: 40px;
}
.search-area__link a {
  line-height: 40px;
}
.search-area__link_rmargin {
  margin-right: 10px;
}
.content {
  -webkit-transition: margin 0.4s ease-in;
  -moz-transition: margin 0.4s ease-in;
  -ms-transition: margin 0.4s ease-in;
  -o-transition: margin 0.4s ease-in;
  margin: 0;
  margin-left: 255px;
  padding-bottom: 68px;
  min-height: 850px;
}
.content_static {
  width: 100%;
  margin-left: 0;
}
.content .row {
  margin: 0;
}
.content a {
  color: #1aacc6;
}
.content .announcement-link {
  float: right;
  margin-top: 10px;
}
.content .action-image {
  float: left;
  cursor: pointer;
}
.content .action-image_accept {
  border-right: 1px solid #e7eff3;
}
.content .action-image_accept:hover {
  background-color: #E8FBFF;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.content .action-image_reject {
  border-left: 1px solid #e7eff3;
}
.content .action-image_reject:hover {
  background-color: #FFF5E8;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.content .search-area,
.content .progress-header {
  background-color: #ffffff;
  height: 72px;
  width: 100%;
  padding: 19px 20px 19px 20px;
  border-bottom: 1px solid #e7eff3;
  font-family: 'lato-regular', Arial, 'Helvetica Neue', sans-serif;
}
.content .search-area_hide-search-input .search-bar,
.content .progress-header_hide-search-input .search-bar {
  display: none;
}
.content .search-area_hide-search-input .traverse_options,
.content .progress-header_hide-search-input .traverse_options {
  width: auto !important;
}
.content .search-area_hide,
.content .progress-header_hide {
  display: none;
}
.content .search-area .select2-container .select2-choice,
.content .progress-header .select2-container .select2-choice {
  padding-left: 33px !important;
}
.content .search-area .extra-button,
.content .progress-header .extra-button {
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
}
.content .search-area .btn_disabled,
.content .progress-header .btn_disabled {
  background-color: #EAEAEA;
  color: #B1B1B1;
  border: 1px solid #808080;
  cursor: default;
}
.content .search-area .btn_disabled:hover,
.content .progress-header .btn_disabled:hover {
  box-shadow: none;
}
.content .search-area .traverse_options,
.content .progress-header .traverse_options {
  display: inline-block;
  float: right;
  width: 60%;
  text-align: right;
}
.content .search-area .traverse_border,
.content .progress-header .traverse_border {
  border-right: 1px solid #e7eff3;
}
.content .search-area .traverse__switch,
.content .progress-header .traverse__switch {
  display: inline-block;
}
.content .search-area .traverse__switch_border,
.content .progress-header .traverse__switch_border {
  border-right: 1px solid #e7eff3;
}
.content .search-area .traverse__item,
.content .progress-header .traverse__item {
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 0;
  margin: 0 10px;
  color: gray;
  font-family: 'lato-bold', Arial, 'Helvetica Neue', sans-serif;
}
.content .search-area .traverse__item.active,
.content .progress-header .traverse__item.active {
  color: #1F1F1F;
  border-bottom: 2px solid #303844;
  padding-bottom: 21px;
}
.content .search-area .traverse .btn,
.content .progress-header .traverse .btn {
  margin-left: 10px;
}
.content .search-area .custom-token-field,
.content .progress-header .custom-token-field {
  width: 175px;
  padding: 3px 11px;
}
.content .search-area .custom-simple-drop,
.content .progress-header .custom-simple-drop {
  width: 175px;
  margin-right: 5px;
}
.content .search-area .dialog-top-arrow,
.content .progress-header .dialog-top-arrow {
  position: absolute;
  right: 17px;
  top: -29px;
}
.content .search-area .dialog-top-arrow img,
.content .progress-header .dialog-top-arrow img {
  width: 30px;
}
.content .search-area .pages-dropdown,
.content .progress-header .pages-dropdown {
  width: 140px;
}
.content .search-area .pages-dropdown .select2-chosen,
.content .progress-header .pages-dropdown .select2-chosen {
  font-weight: 600;
}
.content .search-area .select2-arrow,
.content .progress-header .select2-arrow {
  top: 3px !important;
}
.content .search-area .custom-token-field {
  width: 175px;
  padding: 3px 11px;
}
.content .search-area .custom-simple-drop {
  width: 175px;
  margin-right: 5px;
}
.content .search-area .dialog-top-arrow {
  position: absolute;
  right: 17px;
  top: -29px;
}
.content .search-area .dialog-top-arrow img {
  width: 30px;
}
.content .search-area__filter-option {
  font-size: 15px;
  position: relative;
}
.content .search-area__filter-option .image-width {
  width: 15px;
}
.content .search-area__filter-option .filter-toggle-element {
  position: absolute;
  right: -16px;
  top: 50px;
  width: 320px;
  z-index: 13;
}
.content .search-area__filter-option .tokenfield {
  width: 175px;
  margin-right: 5px;
  margin-top: 0px;
}
.content .search-area__filter-option .tokenfield .token-input {
  padding-top: 8px;
}
.content .search-area__filter-option .filter__block {
  padding: 20px 20px 5px;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 5px;
}
.content .search-area__filter-option .filter__text-ellipsisText {
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content .search-area__filter-option .filter__item {
  margin: 10px 0 10px;
}
.content .search-area__filter-option .filter__item .filter-title {
  display: inline-block;
  min-width: 95px;
  font-size: 12px;
  vertical-align: middle;
}
.content .search-area__filter-option .filter__item .filter-dropdown {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.content .search-area__filter-option .filter__item .filter-dropdown .token-label {
  max-width: 140px !important;
}
.content .search-area__filter-option .filter__item .roster-tag-filter {
  width: 175px;
}
.content .search-area__filter-option .filter__item .roster-tag-filter .tokenfield {
  padding: 7px !important;
  height: 60px;
  overflow-x: hidden;
  overflow-y: auto;
}
.content .search-area__filter-option .filter__item .roster-tag-filter .tokenfield::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.content .search-area__filter-option .filter__item .roster-tag-filter .tokenfield .token-input {
  padding-top: 2px !important;
}
.content .search-area__filter-option .filter__item .custom-simple-drop,
.content .search-area__filter-option .filter__item input:not(.token-input) {
  border: 1px solid #c7c3c3;
  border-radius: 6px;
}
.content .search-area__filter-option .filter__item .filter-clear {
  color: #ef425f;
  font-size: 13px;
}
.content .search-area__filter-option .filter__item_buttons {
  margin-top: 20px;
}
.content .search-area__filter-option .filter__item .subfilter {
  height: 20px;
  line-height: 20px;
}
.content .search-area__filter-option .filter__item .subfilter input[type='checkbox'] {
  top: 0px;
}
.content .search-area__filter-option .filter__item .subfilter input[type='checkbox'] ~ label {
  margin: 0 !important;
}
.content .search-area__filter-option .filter__item .subfilter label {
  font-weight: normal;
  margin: 0;
}
.content .search-area__filter-option .filter__item_stick-checkbox {
  margin: 0px;
  height: 20px;
  text-align: right;
}
.content .search-area .pages-dropdown {
  width: 140px;
}
.content .search-area .pages-dropdown .select2-chosen {
  font-weight: 600;
}
.content .search-area .select2-arrow {
  top: 3px !important;
}
.content .search-bar {
  display: inline-block;
  position: relative;
}
.content .search-bar__search {
  padding-left: 30px;
}
.content .search-bar:before {
  background: url('/css/icons.png') no-repeat 0 1px;
  background-position: -123px -134px;
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  z-index: 1;
  top: 12px;
  left: 12px;
}
.content .progress-header {
  padding: 0px 20px;
}
.content .progress-steps {
  display: inline-block;
}
.content .progress-steps__item {
  height: 71px;
  line-height: 71px;
  display: inline-block;
  color: #bfc3c6;
  min-width: 150px;
  text-align: center;
  padding: 0 10px;
  border-right: 1px solid #e7eff3;
}
.content .progress-steps__item_no-border {
  border: none;
}
.content .progress-steps__item.active {
  color: #96c749;
}
.content .progress-steps a .progress-steps__item {
  color: #3e4651 !important;
}
.content .progress-navigate {
  display: table-cell;
  vertical-align: middle;
  padding: 17px 0;
}
.content .progress-navigate a {
  color: #fff;
}
.content-wrapper {
  margin-left: 20px;
  margin-right: 20px;
  min-height: 425px;
}
.content-section {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e7eff3;
  display: inline-block;
  margin-top: 20px;
}
.content-section__header {
  height: 50px;
  line-height: 50px;
  padding-left: 25px;
  padding-right: 18px;
  border-bottom: 1px solid #e7eff3;
}
.content-section__header h3 {
  display: inline-block;
}
.content-section__header_appraisal {
  border-bottom: none;
}
.content-section__header .appraisal-filter__item {
  height: 50px;
}
.content-section__body {
  padding: 20px 17px 25px 25px;
}
.content-section__body_promotion {
  padding: 28px;
}
.content-section__table {
  position: relative;
  padding: 0 17px 0 23px;
  background: #ffffff;
}
.content-section .g-icon_edit,
.content-section .hoverShowText,
.content-section .hoverVisibilityToggle {
  visibility: hidden;
}
.content-section:hover .g-icon_edit,
.content-section:hover .hoverShowText,
.content-section:hover .hoverVisibilityToggle {
  visibility: visible;
}
.content .custom-header__right {
  display: inline-block;
  float: right;
}
.content .custom-header__right .btn_green {
  color: #fff;
}
.content .custom-header__item {
  display: inline-block;
}
.content .custom-header__item_emp-count {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 5px;
  padding-left: 7px;
  border-left: 1px solid #7f8389;
}
.content .custom-header__item_edit-icon {
  float: right;
}
.content .custom-header__item_edit-icon i {
  vertical-align: middle;
}
.content .custom-header__item_day-filter {
  float: right;
  margin-right: 22px;
}
.content .custom-header__item_day-filter li {
  display: inline-block;
  margin-right: 20px;
}
.content .custom-header__item_day-filter li:last-child {
  margin-right: 0px;
}
.content .custom-header__item_day-filter li .add-paygroup {
  color: #FFF;
}
.content .custom-header__item_see-all,
.content .custom-header__item_right {
  font-size: 12px;
  float: right;
}
.content .custom-header__item_button {
  float: right;
  line-height: 46px;
  height: 50px;
}
.content .custom-header__item_set-lang {
  float: right;
}
.content .custom-header__item_set-lang .select2-container.custom-simple-drop {
  width: 150px;
}
.content .custom-header__item_set-lang .select2-container .select2-choice {
  height: 30px;
  line-height: 30px;
}
.content .custom-header__my-request {
  border-left: 1px solid #7f8289;
  margin-left: 5px;
  padding-left: 10px;
}
.content .custom-header__my-request .confused__overlay {
  z-index: 11;
  top: 24px;
  left: 20px;
}
.content .custom-header__tabs {
  position: absolute;
  line-height: 36px;
  height: 36px;
  left: 0;
}
.content .custom-header__tabs a {
  display: inline-block;
  padding: 0 23px;
  font-size: 12px;
  color: #758696;
  font-weight: bold;
}
.content .custom-header__tabs a.leave-tabs {
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
  color: #758696;
  font-weight: bold;
}
.content .custom-header__tabs li {
  float: left;
  border: 1px solid #e7eff3;
  background-color: #f4f8fa;
  list-style: none;
  margin-right: 5px;
  width: auto;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.content .custom-header__tabs li.active {
  background: #fff;
  border-color: #fff;
}
.content .custom-header__tabs li.active a {
  color: #3e4651;
}
.content .half-section {
  padding: 0;
}
.content .half-section > h3 {
  margin-top: 30px;
  padding-left: 25px;
}
.content .half-section_left {
  padding-right: 8px;
}
.content .half-section_right {
  padding-left: 8px;
}
.content .half-section_left-heading {
  padding-left: 28px;
}
.content .half-section_right-heading {
  padding-left: 28px;
}
.content .full-section {
  width: 100%;
}
.content .full-section > h3 {
  margin-top: 30px;
  padding-left: 25px;
}
.content .full-section .tab-content #recent-requests,
.content .full-section .tab-content #attendance-request {
  border-bottom: 2px solid #e7eff3;
}
.content .outlet-logo img {
  width: 75px;
}
.content .search-area .select2-container .select2-choice,
.content .no-border-select .select2-container .select2-choice,
.content .appraisal-header .select2-container .select2-choice {
  padding-left: 10px !important;
  border: none;
}
.content .search-area .select2-container .select2-choice .select2-arrow,
.content .no-border-select .select2-container .select2-choice .select2-arrow,
.content .appraisal-header .select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.content .search-area_w100L .select2-chosen,
.content .no-border-select_w100L .select2-chosen,
.content .appraisal-header_w100L .select2-chosen {
  width: 100px;
  text-align: left;
}
.content .search-area.dull-bg .select2-container .select2-choice,
.content .no-border-select.dull-bg .select2-container .select2-choice,
.content .appraisal-header.dull-bg .select2-container .select2-choice {
  background-color: #f4f8fa;
}
.content .search-area_compressed .select2-container .select2-choice,
.content .no-border-select_compressed .select2-container .select2-choice,
.content .appraisal-header_compressed .select2-container .select2-choice {
  padding-left: 6px !important;
}
.content .search-area_compressed .select2-container .select2-chosen,
.content .no-border-select_compressed .select2-container .select2-chosen,
.content .appraisal-header_compressed .select2-container .select2-chosen {
  font-size: 12px;
  margin-right: 18px;
}
.content .search-area_compressed .select2-container .select2-arrow,
.content .no-border-select_compressed .select2-container .select2-arrow,
.content .appraisal-header_compressed .select2-container .select2-arrow {
  width: 15px;
}
#overlay-addemployee .tab-content {
  max-height: 90vh;
  overflow-y: auto;
}
#overlay-addemployee #tab-inventory {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding: 25px;
}
#overlay-addemployee #tab-inventory .header {
  line-height: 2;
  text-align: left;
  color: #434f5b;
}
#overlay-addemployee #tab-inventory .header.header-main {
  font-size: 21px;
  font-weight: bold;
}
#overlay-addemployee #tab-inventory .header.header-secondary {
  font-size: 18px;
}
#overlay-addemployee #tab-inventory table {
  margin-top: 32px;
}
#overlay-addemployee #tab-inventory table thead tr {
  background-color: #f6f9fa;
}
#overlay-addemployee #tab-inventory table th,
#overlay-addemployee #tab-inventory table td {
  border: none;
  padding: 20px;
  font-size: 15px;
  color: #434f5b;
}
#overlay-addemployee #tab-inventory table th {
  font-weight: bold;
}
#overlay-addemployee #tab-inventory .report-item-btn {
  color: #ffffff;
  border: none;
  padding: 10px 35px 11px 36px;
  font-weight: 600;
  background-color: #1aacc6;
  border-radius: 4px;
  float: right;
}
.bulk-payroll_employees .payroll-history {
  position: absolute;
  top: 27px;
  right: 20px;
}
.bulk-payroll_employees .payroll-history a {
  text-decoration: underline;
}
.bulk-payroll_pay-items .tab-links {
  margin-top: 20px;
}
.bulk-payroll_pay-items .tab-links li {
  background: #e7eff3;
}
.bulk-payroll_pay-items .tab-links li.active {
  background: #fff;
}
.bulk-payroll_pay-items .tab-links li.active a {
  color: #3e4651;
}
.bulk-payroll_pay-items .content-section {
  margin-top: 0px;
  border-top: 0;
  max-height: 75vh;
  overflow-y: auto;
}
.bulk-payroll__period-container {
  margin-top: 15px;
}
.bulk-payroll__period-container .bulk-payroll__input {
  vertical-align: bottom;
}
.bulk-payroll__input {
  position: relative;
  display: inline-block;
  width: 175px;
  margin-right: 20px;
}
.bulk-payroll__input_options {
  vertical-align: middle;
}
.bulk-payroll__input_options .switch {
  vertical-align: middle;
}
.bulk-payroll__input .outer-div {
  width: 260px;
}
.bulk-payroll__input .outer-div lable {
  display: inline-block;
}
.bulk-payroll__input .outer-div .input-div {
  position: relative;
  display: inline-block;
}
.bulk-payroll__input .entity-div {
  display: inline-block;
  width: 70%;
}
.bulk-payroll__employees {
  margin-top: 40px;
}
.bulk-payroll__filter .btn {
  display: inline-block;
  float: right;
  margin-top: 5px;
}
.bulk-payroll__filter_add {
  padding-right: 15px;
}
.bulk-payroll__filter_add .tokenfield {
  width: 80%;
  display: inline-block;
}
.bulk-payroll__filter_add .tokenfield .token-input {
  height: 35px;
  margin: 0px;
}
.bulk-payroll__filter_remove {
  padding-left: 15px;
}
.bulk-payroll__employee-list {
  margin-top: 10px;
  text-align: center;
}
.bulk-payroll__employee-list .employee-container {
  padding: 0 10px;
  border: 1px solid #c7d7df;
}
.bulk-payroll__employee-list_select {
  padding-right: 15px;
}
.bulk-payroll__employee-list_selected {
  padding-left: 15px;
}
.bulk-payroll__employee-list_selected .employee-container {
  background: #f4f8fa;
}
.bulk-payroll__option-input {
  display: block;
  margin-top: 15px;
}
.bulk-payroll__option-input .switch-section {
  margin-right: 15px;
}
.bulk-payroll__option-input .coupled-calendar-container .bulk-payroll__input {
  width: auto !important;
}
.bulk-payroll .g-icon_calendar {
  position: absolute;
  top: 8px;
  right: 11px;
}
.bulk-payroll .top-label-input .g-icon_calendar {
  top: 27px;
}
.bulk-payroll .pay-type {
  color: #1aacc6;
}
.bulk-payroll .employee-checkbox-container {
  position: relative;
  width: 19px;
  height: 17px;
  margin: auto;
}
.bulk-payroll input[type="checkbox"] {
  z-index: 5;
  cursor: pointer;
  left: 0;
}
.bulk-payroll .checkbox-label {
  padding: 0px;
  width: 19px;
  height: 15px;
  position: absolute;
  top: -8px;
  left: 0;
}
.bulk-payroll .component-selector-checkbox-container {
  position: relative;
  width: 125px;
  height: 17px;
  margin: auto;
  margin-top: 6px;
  margin-bottom: 6px;
}
.bulk-payroll .component-selector-checkbox-container .checkbox-label {
  padding-left: 22px;
  width: auto;
  height: 19px;
}
.bulk-payroll .cell-bulk-selector {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #fc4361;
  font-size: 12px;
  cursor: pointer;
}
.bulk-payroll .action img {
  height: 24px;
  width: auto;
}
.bulk-payroll .action_remove-employee img {
  height: 21px;
}
.bulk-payroll .no-employee-selected {
  min-height: 300px;
  padding: 10px 0;
  color: #bfd1da;
  text-align: center;
}
.bulk-payroll .bulk-payroll-employees {
  margin-top: 30px;
}
.bulk-payroll .bulk-payroll-employees .selectAllbtn-wrapper {
  margin-bottom: 15px;
}
.bulk-payroll .bulk-payroll-employees .removeAllbtn-wrapper {
  margin-bottom: 15px;
}
.bulk-payroll .bulk-payroll-employees .employee-action {
  min-width: 14px;
}
.bulk-payroll .column-bulk-selector {
  width: 175px;
  margin: 0 auto;
}
.bulk-payroll .mt-15 {
  margin-top: 15px !important;
}
.bulk-payroll-content {
  padding: 30px 20px;
}
.bulk-payroll-content .holdSalary {
  background-color: #f7e2ef;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head {
  text-align: center;
  width: 16%;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head_compact {
  width: 5%;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head_overtime {
  width: 18% !important;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head_cpf {
  width: 8% !important;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head_moderate {
  width: 11% !important;
}
.bulk-payroll-content_fixed-pay .payroll-payments__item-head_emp-name {
  width: 15% !important;
}
.bulk-payroll-content_additional-pay .payroll-payments__item-head {
  width: 25%;
}
.bulk-payroll-content_additional-pay .payroll-payments__item-head_compact {
  width: 10%;
}
.bulk-payroll-content_postpf .payroll-payments__item-head {
  width: 25%;
}
.bulk-payroll-content_postpf .payroll-payments__item-head_compact {
  width: 20%;
}
.bulk-payroll-content_selector .name-column {
  width: 15%;
}
.bulk-payroll-content_selector .payroll-payments__item-head {
  width: 25%;
}
.bulk-payroll-content_generated .payroll-payments__item-head {
  width: 20%;
  text-align: center;
}
.bulk-payroll-content_generated .payroll-payments__item-head_compact {
  width: 10%;
}
.bulk-payroll-content_generated .payroll-payments__item {
  text-align: center;
}
.bulk-payroll-content_review .export-csv-payslips {
  position: absolute;
  top: 15px;
  right: 25px;
}
.bulk-payroll-content label {
  margin: 0;
}
.bulk-payroll-content .payroll-payments__item {
  padding: 0 10px;
}
.bulk-payroll-content .payroll-payments__item_ovetime input {
  width: 60%;
}
.bulk-payroll-content .payroll-payments__item_ovetime .overtime-hrs::after {
  content: "Hrs";
  vertical-align: middle;
}
.bulk-payroll-content .payroll-payments__item_ovetime .overtime-value::after {
  content: "Amt";
  vertical-align: middle;
}
.bulk-payroll-content .payroll-payments__entity {
  margin-bottom: 5px;
  margin-top: 5px;
}
.bulk-payroll-content .payroll-payments__item-container {
  padding-right: 5px;
}
.bulk-payroll-content .payroll-payments__value-container {
  padding-left: 5px;
}
.bulk-payroll-content .input-cover {
  background: #fff;
  opacity: 0;
}
.bulk-payroll-content .input-cover ~ input {
  background: #e7eff3;
}
.bulk-payroll-content .anchor {
  color: #1aacc6 !important;
}
.bulk-payroll-content .g-icon {
  vertical-align: middle;
}
.bulk-payroll-content .delete-entity {
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.bulk-payroll-content .delete-row {
  text-align: center;
}
.bulk-payroll-content .input-cover-wrapper {
  margin-top: 0;
}
.compensations__table-column_image {
  width: 70px;
  border: none !important;
  max-width: 7% !important;
}
.compensations__table-column_textarea {
  width: 20% !important;
}
.compensations__table-column_textarea-compact {
  width: 15% !important;
}
.compensations__table-column_extra-compact {
  width: 14% !important;
}
.compensations__table-column_action {
  width: 7%;
}
.full-section__table,
.half-section__table {
  width: 100%;
}
.full-section__table td,
.half-section__table td {
  padding: 0;
  height: 90px;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 1px solid #e7eff3;
}
.full-section__table td img,
.half-section__table td img {
  max-width: 100%;
}
.full-section__table_postpf .payroll-payments__item-head,
.half-section__table_postpf .payroll-payments__item-head {
  width: 25%;
}
.full-section__table_postpf .payroll-payments__item-head_compact,
.half-section__table_postpf .payroll-payments__item-head_compact {
  width: 20%;
}
.full-section__table_generated .payroll-payments__item-head,
.half-section__table_generated .payroll-payments__item-head {
  width: 20%;
  text-align: center;
}
.full-section__table_generated .payroll-payments__item-head_compact,
.half-section__table_generated .payroll-payments__item-head_compact {
  width: 10%;
}
.full-section__table_generated .payroll-payments__item,
.half-section__table_generated .payroll-payments__item {
  text-align: center;
}
.full-section__table_review .export-csv-payslips,
.half-section__table_review .export-csv-payslips {
  position: absolute;
  top: 15px;
  right: 25px;
}
.full-section__table label,
.half-section__table label {
  margin: 0;
}
.full-section__table .payroll-payments__item,
.half-section__table .payroll-payments__item {
  padding: 0 10px;
}
.full-section__table .payroll-payments__item_ovetime input,
.half-section__table .payroll-payments__item_ovetime input {
  width: 80%;
}
.full-section__table .payroll-payments__item_ovetime .overtime-hrs::after,
.half-section__table .payroll-payments__item_ovetime .overtime-hrs::after {
  content: "Hrs";
  vertical-align: middle;
}
.full-section__table .payroll-payments__item_ovetime .overtime-value::after,
.half-section__table .payroll-payments__item_ovetime .overtime-value::after {
  content: "Value";
  vertical-align: middle;
}
.full-section__table .payroll-payments__item .doc-list-wrapper,
.half-section__table .payroll-payments__item .doc-list-wrapper {
  font-size: 11px;
}
.full-section__table .payroll-payments__entity,
.half-section__table .payroll-payments__entity {
  margin-bottom: 5px;
  margin-top: 5px;
}
.full-section__table .payroll-payments__item-container,
.half-section__table .payroll-payments__item-container {
  padding-right: 5px;
}
.full-section__table .payroll-payments__value-container,
.half-section__table .payroll-payments__value-container {
  padding-left: 5px;
}
.full-section__table .input-cover,
.half-section__table .input-cover {
  background: #fff;
  opacity: 0;
}
.full-section__table .input-cover ~ input,
.half-section__table .input-cover ~ input {
  background: #e7eff3;
}
.full-section__table .anchor,
.half-section__table .anchor {
  color: #1aacc6 !important;
}
.full-section__table .anchor_disabled,
.half-section__table .anchor_disabled {
  color: #c7d7df !important;
  pointer-events: none;
}
.full-section__table .g-icon,
.half-section__table .g-icon {
  vertical-align: middle;
}
.full-section__table .delete-entity,
.half-section__table .delete-entity {
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.full-section__table .delete-row,
.half-section__table .delete-row {
  text-align: center;
}
.full-section__table .input-cover-wrapper,
.half-section__table .input-cover-wrapper {
  margin-top: 0;
}
.accounts-content__item {
  position: relative;
}
.accounts-content__item .g-icon_edit {
  position: absolute;
  top: 10px;
  right: 10px;
}
.accounts-content__item .hoverShowText {
  cursor: pointer;
  color: #e7eef3;
  font-weight: bold;
  position: absolute;
  width: 10px;
  top: 10px;
}
.accounts-content__item .hoverShowText.account-stats {
  right: 35px;
}
.accounts-content__item .hoverShowText.billing-stats {
  right: 50px;
}
.full-section__table {
  width: 100%;
}
.full-section__table td {
  padding: 0;
  height: 90px;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 1px solid #e7eff3;
}
.full-section__table td img {
  max-width: 100%;
}
.full-section__table th {
  padding: 0;
  height: 60px;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
  border-bottom: 1px solid #e7eff3;
  font-weight: bold;
}
.full-section__table th:first-child {
  text-align: left;
}
.full-section__table th.small-header {
  height: auto;
}
.full-section__table th.no-border {
  border-bottom: 0px;
}
.full-section__table tr:last-child td {
  border-bottom: none;
}
.full-section__table .table-column {
  display: inline-block;
  padding: 0px;
}
.full-section__table .table-column_image {
  min-width: 40px;
  width: 6%;
}
.full-section__table .table-column_requests {
  width: 79px;
  max-width: 7%;
}
.full-section__table .table-column_image-attendance {
  width: 70px;
  border: none !important;
  max-width: 7%;
}
.full-section__table .table-column_photo-attendance {
  width: 70px;
  max-width: 7%;
}
.full-section__table .table-column__data-container {
  line-height: 90px;
}
.full-section__table .table-column_smallest {
  width: 5% !important;
}
.full-section__table_outlet td {
  height: 95px;
  border: none;
}
.full-section__table_outlet .table-column__data-container {
  line-height: 95px;
}
.full-section__table .user a {
  display: inline-block;
  max-width: 135px;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-section__table .user-image {
  width: 62px;
}
.full-section__table .user-image_requests {
  width: 79px;
}
.full-section__table .user-image_attendance {
  width: 70px;
}
.full-section__table .row-action {
  display: inline-block;
  vertical-align: middle;
}
.full-section__table .activity {
  width: 410px;
}
.full-section__table .meta {
  text-align: right;
}
.full-section__table .outlet-logo {
  width: 155px;
}
.full-section__table .outlet-address {
  width: 310px;
}
.full-section__table .outlet-contact {
  width: 160px;
}
.full-section__table .w-40 {
  width: 40%;
}
.full-section__table .request-employee,
.full-section__table .request-textarea {
  min-width: 140px;
  width: 22.5%;
}
.full-section__table .request-employee_compact,
.full-section__table .request-textarea_compact {
  width: 19%;
}
.full-section__table .request-employee_extra-compact,
.full-section__table .request-textarea_extra-compact {
  width: 17%;
}
.full-section__table .request-employee_small,
.full-section__table .request-textarea_small {
  width: 12%;
}
.full-section__table .request-dates {
  min-width: 145px;
  width: 25%;
}
.full-section__table .request-dates_compact {
  width: 22.5%;
}
.full-section__table .request-dates .cancel-approved {
  color: #fc4361;
}
.full-section__table .request-dates .cancel-approved-wrapper {
  color: #fc4361;
}
.full-section__table .request-type {
  min-width: 75px;
  width: 25%;
}
.full-section__table .request-type_compact {
  width: 11.5%;
}
.full-section__table .request-designation {
  min-width: 137px;
  width: 25%;
  text-align: center;
}
.full-section__table .request-designation_compact {
  width: 22.5%;
}
.full-section__table .request-action {
  min-width: 75px;
  width: 30%;
  text-align: center;
}
.full-section__table .request-action .request-action__wrapper {
  display: inline-block;
  margin: 0 auto;
}
.full-section__table .request-action .request-action__wrapper .action-separator {
  padding: 0 2px;
  line-height: 35px;
}
.full-section__table .request-action_leaves {
  width: 11%;
}
.full-section__table .request-action_staff {
  width: 25%;
}
.full-section__table .request-action_compact {
  width: 15%;
}
.full-section__table .request-action_extra-compact {
  width: 12%;
}
.full-section__table .request-action_less-compact {
  width: 20%;
}
.full-section__table .request-in-declined,
.full-section__table .request-out-declined,
.full-section__table .request-out-manual,
.full-section__table .request-in-manual {
  color: #fc4361;
}
.full-section__table .request-in-forced,
.full-section__table .request-out-forced {
  color: #f86b33;
}
.full-section__table_offInLieuLeaves td {
  height: auto !important;
}
.full-section__table .offInLieuLeaves-allocatedDate {
  min-width: 110px;
  width: 15%;
}
.full-section__table .offInLieuLeaves-allocatedDate_compact {
  width: 10%;
}
.full-section__table .offInLieuLeaves-allocated {
  min-width: 110px;
  width: 15%;
  text-align: center;
}
.full-section__table .offInLieuLeaves-left {
  min-width: 110px;
  width: 20%;
  text-align: center;
}
.full-section__table .offInLieuLeaves-left_compact {
  width: 10%;
}
.full-section__table .offInLieuLeaves-taken {
  min-width: 145px;
  width: 25%;
  padding-left: 8px;
  height: auto !important;
}
.full-section__table .offInLieuLeaves-taken_data {
  padding: 10px 40px;
}
.full-section__table .offInLieuLeaves-taken_empty {
  text-align: center !important;
  padding-right: 35px;
}
.full-section__table .offInLieuLeaves-givenBy {
  min-width: 145px;
  width: 25%;
  padding-left: 8px;
}
.full-section__table .offInLieuLeaves-givenBy a {
  max-width: 200px !important;
}
.full-section__table .offInLieuLeaves-givenBy_compact {
  width: 20%;
}
.full-section__table .offInLieuLeaves-expiryDate {
  min-width: 210px;
  width: 20%;
  text-align: left;
}
.full-section__table .offInLieuLeaves-expiryDate .expiry_status {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
}
.full-section__table .offInLieuLeaves-expiryDate .expired {
  color: lightcoral;
}
.full-section__table .offInLieuLeaves-expiryDate .fully_utilized {
  color: steelblue;
}
.full-section__table .offInLieuLeaves .set_new_expiry_date {
  color: #1aacc6;
  vertical-align: middle;
}
.full-section__table .account-logo {
  width: 105px;
  border-right: 1px solid #eef4f7;
}
.full-section__table .account-logo img {
  width: 80px;
}
.full-section__table .account-details {
  padding-left: 20px;
}
.full-section__table .account-details__name {
  height: 25px;
  color: #1aacc6;
}
.full-section__table .account-details__stats_middle {
  height: 25px;
}
.full-section__table .account-details__stats table {
  width: 100%;
}
.full-section__table .account-details__stats td {
  height: 20px;
}
.full-section__table .account-details__stats_staff {
  width: 20%;
  min-width: 100px;
}
.full-section__table .account-details__stats_outlets {
  width: 20%;
  min-width: 100px;
}
.full-section__table .account-details__stats_admin {
  width: 20%;
  min-width: 100px;
}
.full-section__table .account-details__stats_created-date {
  width: 20%;
  min-width: 100px;
}
.full-section__table .account-details__stats_type {
  width: 20%;
  min-width: 100px;
}
.full-section__table .account-details__stats_dummy {
  width: 20%;
  min-width: 100px;
}
.full-section__table .pending-user__name {
  width: 250px;
}
.full-section__table .pending-user__position {
  width: 250px;
}
.full-section__table .pending-user__state {
  text-align: center;
}
.full-section__table .pending-user__state_checkmark {
  width: 16px;
  height: auto;
  margin-right: 10px;
}
.full-section__table .pending-user__state .invitation-text {
  font-family: 'tahoma-bold', Arial, 'Helvetica Neue', sans-serif;
  color: #758696;
}
.full-section__table .pending-user__state .content__meta {
  margin-top: 7px;
}
.full-section__table .attendance-employee {
  min-width: 130px;
  width: 30%;
}
.full-section__table .attendance-employee_compact {
  width: 20%;
}
.full-section__table .attendance-timings {
  min-width: 140px;
  width: 22%;
}
.full-section__table .attendance-timings:not(th) {
  font-size: 12px;
}
.full-section__table .attendance-timings_compact {
  width: 20%;
}
.full-section__table .attendance-timings_compact .check-in-out-time {
  cursor: pointer;
}
.full-section__table .attendance-timings_user {
  display: inline-block;
  min-width: 65px;
}
.full-section__table .attendance-timings_staff {
  width: 33%;
}
.full-section__table .attendance-timings_personal {
  width: 30%;
}
.full-section__table .attendance-timings .content__meta {
  font-size: 11px;
}
.full-section__table .attendance-timings .g-icon {
  vertical-align: middle;
}
.full-section__table .attendance-timings__item {
  display: inline-block;
  position: relative;
}
.full-section__table .attendance-timings__item_date {
  width: 60%;
}
.full-section__table .attendance-timings__item_time {
  width: 33%;
  margin-left: 5px;
}
.full-section__table .attendance-timings .g-icon_calendar {
  position: absolute;
  right: 10px;
  bottom: 35px;
}
.full-section__table .meta-column {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.full-section__table .meta-column_compact {
  line-height: 20px;
}
.full-section__table .meta-column_offInLieuLeaves_expiry_date {
  min-width: 90px !important;
}
.full-section__table .attendance-designation {
  min-width: 130px;
  width: 20%;
  font-size: 12px;
}
.full-section__table .attendance-designation .attendance-meta {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.full-section__table .attendance-edit {
  min-width: 30px;
  width: 10%;
}
.full-section__table .attendance-edit .g-icon_edit {
  visibility: visible;
}
.full-section__table .attendance-edit-bAddPhotoAndRemarks {
  min-width: 30px;
  width: 5%;
}
.full-section__table .row-selector {
  width: 23%;
  min-width: 30px;
  text-align: center;
}
.full-section__table .row-selector-custom {
  width: 15%;
  min-width: 30px;
}
.full-section__table .g-width-30per {
  width: 30% !important;
}
.full-section__table .g-width-28per {
  width: 28% !important;
}
.full-section__table .rowMetaText {
  position: absolute;
  bottom: 0;
  left: 75px;
  min-width: 160px;
}
.full-section__table.full-section__table_paygroups td {
  vertical-align: middle;
  word-break: break-all;
  max-width: 200px;
  height: 50px;
  line-height: 50px;
}
.full-section__table.full-section__table_paygroups .user_image {
  width: 50px;
}
.full-section__table.full-section__table_paygroups .action-image-wrapper img {
  height: 24px;
  width: 24px;
}
.full-section__table.full-section__table_paygroups_add_update .table-column {
  height: 90px;
  width: 25%;
  line-height: 90px;
}
.full-section__table.full-section__table_paygroups_add_update .table-column.small-header {
  height: 50px;
  line-height: 50px;
}
.full-section__table.full-section__table_paygroups_add_update .table-column.user_image {
  width: 50px;
}
.full-section__table.full-section__table_paygroups_add_update .table-column .remove-employee {
  width: 15px;
  cursor: pointer;
}
.full-section__table.full-section__table_worksheet td {
  vertical-align: middle;
  word-break: break-all;
  max-width: 200px;
  height: 40px;
  line-height: 40px;
}
.full-section__table.full-section__table_worksheet .action-image-wrapper img {
  height: 24px;
  width: 24px;
}
.full-section__table.full-section__table_worksheet .worksheet-status {
  min-width: 105px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
}
.full-section__table.full-section__table_worksheet .status_pending {
  color: #d9a20d;
  font-size: 15px;
  background-color: #fffad1;
  padding: 5px 10px;
  border-radius: 5px;
}
.full-section__table.full-section__table_worksheet .status_in_progress {
  color: #758696;
  font-size: 15px;
  background-color: #e8f0f3;
  padding: 5px 10px;
  border-radius: 5px;
}
.full-section__table.full-section__table_worksheet .status_approved {
  color: #1aacc6;
  font-size: 15px;
  background-color: #e9f6f8;
  padding: 5px 10px;
  border-radius: 5px;
}
.full-section__table.full-section__table_worksheet .status_rejected {
  color: #fc4361;
  font-size: 15px;
  background-color: #fff0f3;
  padding: 5px 10px;
  border-radius: 5px;
}
.paygroup-content {
  padding-bottom: 15px;
}
.paygroup-content .content-section__table .group_input_wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.paygroup-content .content-section__table .group_input_wrapper .input-label {
  display: block;
}
.paygroup-content .content-section__table .group_input_wrapper input,
.paygroup-content .content-section__table .group_input_wrapper .select2-container,
.paygroup-content .content-section__table .group_input_wrapper select {
  width: 70%;
}
#attendance-history .attendance-location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  max-width: 98px;
  line-height: 1;
  vertical-align: middle;
}
.attendance-location,
.leave-comment {
  color: #1aacc6;
  cursor: pointer;
}
.attendance-location .outlet-image,
.leave-comment .outlet-image,
.attendance-location .comment-image,
.leave-comment .comment-image {
  width: 12px;
}
.attendance-location .view-outlet,
.leave-comment .view-outlet {
  line-height: 12px;
}
#flashMessage,
#session-flash,
.flash-persistent {
  font-size: 14px;
  min-height: 50px;
  line-height: 50px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0 39px;
  color: rgba(0, 0, 0, 0.4);
}
#flashMessage span,
#session-flash span,
.flash-persistent span {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  max-width: 90%;
}
#flashMessage a,
#session-flash a,
.flash-persistent a {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
#flashMessage .anchor,
#session-flash .anchor,
.flash-persistent .anchor {
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
#flashMessage .array-error,
#session-flash .array-error,
.flash-persistent .array-error {
  line-height: 20px;
}
.close-flash-wrapper {
  display: inline-block;
  float: right;
}
.close-flash,
.close-persistent-flash {
  max-width: 15px;
  color: #000;
  cursor: pointer;
}
.flash-error,
.flash-persistent_error {
  background-color: #fbe796;
}
.flash-success,
.flash-persistent_success {
  background-color: #cef28e;
}
.flash-persistent {
  z-index: 15;
}
.profile-list__content-wrapper {
  padding: 10px;
}
@-webkit-keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loader__spinner > div:nth-of-type(1) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(2) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.41666667s;
  animation-delay: -0.41666667s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(3) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.33333333s;
  animation-delay: -0.33333333s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(4) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(5) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.16666667s;
  animation-delay: -0.16666667s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(6) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.08333333s;
  animation-delay: -0.08333333s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(7) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(8) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.08333333333333337s;
  animation-delay: 0.08333333333333337s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(9) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.16666666666666663s;
  animation-delay: 0.16666666666666663s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(10) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(11) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.33333333333333337s;
  animation-delay: 0.33333333333333337s;
}
.loader__spinner {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
}
.loader__spinner > div:nth-of-type(12) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.41666666666666663s;
  animation-delay: 0.41666666666666663s;
}
.loader__spinner {
  position: relative;
  display: block;
  top: 45%;
  width: 200px;
  height: 1px;
  margin: auto;
  background: none;
}
.confused,
.hidden-dialog {
  display: inline-block;
  position: relative;
  cursor: default;
}
.confused .pink-span,
.hidden-dialog .pink-span {
  background: #fc4361!important;
}
.confused span:not(.no-curve):not(.round),
.hidden-dialog span:not(.no-curve):not(.round) {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-size: 11px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background: #1aacc5;
  width: 15px;
  height: 15px;
  line-height: 14px;
}
.confused .g-italic,
.hidden-dialog .g-italic {
  font-family: initial;
}
.confused__overlay,
.hidden-dialog__overlay,
.confused__el,
.hidden-dialog__el {
  position: absolute;
  display: none;
  padding: 7px;
  right: 0;
  width: 300px;
  height: auto;
  line-height: 18px;
  background: #434f5b;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  z-index: 11;
}
.confused__overlay_roster,
.hidden-dialog__overlay_roster,
.confused__el_roster,
.hidden-dialog__el_roster {
  bottom: 20px;
  right: -200px;
}
.confused__overlay_show-at-left,
.hidden-dialog__overlay_show-at-left,
.confused__el_show-at-left,
.hidden-dialog__el_show-at-left {
  right: 2px;
}
.confused__overlay_show-at-right,
.hidden-dialog__overlay_show-at-right,
.confused__el_show-at-right,
.hidden-dialog__el_show-at-right {
  left: 2px;
}
.confused__overlay_show-at-top,
.hidden-dialog__overlay_show-at-top,
.confused__el_show-at-top,
.hidden-dialog__el_show-at-top {
  bottom: 20px;
}
.confused__overlay_show-at-top30,
.hidden-dialog__overlay_show-at-top30,
.confused__el_show-at-top30,
.hidden-dialog__el_show-at-top30 {
  bottom: 30px;
}
.confused__overlay_small-text,
.hidden-dialog__overlay_small-text,
.confused__el_small-text,
.hidden-dialog__el_small-text {
  width: 130px;
  top: -7px;
}
.confused__overlay_small-text-at-top,
.hidden-dialog__overlay_small-text-at-top,
.confused__el_small-text-at-top,
.hidden-dialog__el_small-text-at-top {
  width: 130px;
  bottom: 32px;
  padding: 10px;
  left: -14px;
}
.confused__overlay_mid-long-text-at-top,
.hidden-dialog__overlay_mid-long-text-at-top,
.confused__el_mid-long-text-at-top,
.hidden-dialog__el_mid-long-text-at-top {
  width: 250px;
  bottom: 32px;
  padding: 10px;
  left: -50px;
}
.confused__overlay_small-text-over-icon,
.hidden-dialog__overlay_small-text-over-icon,
.confused__el_small-text-over-icon,
.hidden-dialog__el_small-text-over-icon {
  color: #fff;
  width: 130px;
  top: -7px;
  width: auto;
  left: -14px;
  min-width: 75px;
}
.confused__overlay_white-bg,
.hidden-dialog__overlay_white-bg,
.confused__el_white-bg,
.hidden-dialog__el_white-bg {
  background: #fff;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
}
.confused__el,
.hidden-dialog__el {
  z-index: 15;
}
.confused__item_optional,
.hidden-dialog__item_optional,
.confused__item_partial,
.hidden-dialog__item_partial {
  /*display: none;*/
}
.confused .seperator,
.hidden-dialog .seperator {
  display: none;
}
.confused_tab .confused__overlay,
.hidden-dialog_tab .confused__overlay,
.confused_tab .hidden-dialog__el,
.hidden-dialog_tab .hidden-dialog__el {
  padding: 5px;
  width: auto;
  line-height: 12px;
  white-space: nowrap;
}
.confused .dialog-bottom-arrow,
.hidden-dialog .dialog-bottom-arrow {
  position: absolute;
  bottom: -22px;
  right: -10px;
}
.confused .dialog-bottom-arrow img,
.hidden-dialog .dialog-bottom-arrow img {
  width: 30px;
}
.confused:hover .confused__overlay,
.hidden-dialog:hover .confused__overlay,
.confused:hover .hidden-dialog__el,
.hidden-dialog:hover .hidden-dialog__el {
  display: block;
}
.meta-info-row td,
.clashing-row td {
  position: relative;
}
.meta-info-row .clashes-container,
.clashing-row .clashes-container,
.meta-info-row .meta-info-container,
.clashing-row .meta-info-container {
  position: absolute;
  text-align: left;
  top: 70px;
  right: 15px;
  display: none;
  padding: 5px 5px;
  width: 300px;
  height: auto;
  line-height: 18px;
  background: #434f5b;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  z-index: 2;
}
.meta-info-row .clashes-container_medium,
.clashing-row .clashes-container_medium,
.meta-info-row .meta-info-container_medium,
.clashing-row .meta-info-container_medium {
  width: 150px;
}
.meta-info-row:hover .clashes-container,
.clashing-row:hover .clashes-container,
.meta-info-row:hover .meta-info-container,
.clashing-row:hover .meta-info-container {
  display: block;
}
.clashing-row td {
  background: #fff9fa;
}
.clashing-row-remark td {
  background-color: white;
}
.overlay-explanation-section .explanation-container {
  position: absolute;
  text-align: left;
  display: none;
  padding: 5px 5px;
  height: auto;
  line-height: 18px;
  background: #434f5b;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  z-index: 10;
}
.overlay-explanation-section .explanation-container_roster {
  top: 2px;
  width: 100%;
  max-width: 150px;
}
.overlay-explanation-section:hover .explanation-container {
  display: block;
}
.staff-view {
  margin-left: 120px;
  height: 100px;
}
.staff-view__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.staff-view__content_top-align {
  position: absolute;
  top: 0;
  right: 20px;
  left: 120px;
}
.staff-view__content_email {
  line-height: 18px;
  height: 18px;
  color: #89a0ab;
}
.staff-view__content_email i {
  vertical-align: middle;
}
.staff-view__content_email a {
  color: #89a0ab;
}
.staff-view__content_bottom-align {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 50px;
  padding: 5px 0 5px 70px;
  background-color: #c7d7df;
  line-height: 18px;
}
.staff-view__content_bottom-align .outlet {
  color: #ffffff;
}
.leave-cancelled {
  color: #fc4361;
  font-size: 12px;
}
.page-tab-header,
.leave-header,
.staff-header {
  position: relative;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #f4f8fa;
}
.staff-header {
  margin-top: 20px;
}
.communications-header {
  position: relative;
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-top: 20px;
  background-color: #e7eff3;
}
.communications-header__tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.communications-search {
  width: 300px;
}
.staff-container {
  background: #fff;
  padding: 0 10px 10px 10px;
}
.leavebalance table {
  font-size: 14px;
}
.leavebalance table th {
  width: 55px;
  text-align: center;
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #758696;
}
.leavebalance table td {
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  padding: 1px 0px;
}
.leavebalance table td:first-child {
  font-size: 12px;
  color: #fff;
  padding-left: 0px;
}
.leavebalance table .no-leave-row td:first-child {
  color: #000;
}
.leavebalance table .enchash-left-leave {
  vertical-align: middle;
}
.leavebalance__name {
  width: 220px !important;
}
.leavebalance__stats {
  margin: 1px 2px;
  background-color: #eef4f7;
}
.leavebalance__stats_name {
  padding-left: 10px;
  min-height: 32px;
}
.leavebalance__stats_name span {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
}
.leavebalance__stats_editable {
  width: 40px;
  margin-top: 0 !important;
  padding: 0px 3px !important;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #c7d7df;
  border-radius: 3px;
}
.leavebalance__stats span {
  display: inline-block;
  line-height: 1.5;
}
.leavebalance_overlay th.leavebalance__name {
  width: 140px !important;
}
.leavebalance_overlay td {
  padding: 1px 2px  !important;
}
.leavebalance_leavetypelisting {
  background: #fff;
  position: absolute;
  bottom: 35px;
  width: max-content;
  left: -161px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  z-index: 12;
}
.leavebalance_leavetypelisting .left-arrow {
  position: absolute;
  right: 100px;
  bottom: -23px;
}
.leavebalance_leavetypelisting .left-arrow img {
  transform: rotate(90deg) scaleX(-1);
}
.leavebalance_leavetypelisting table {
  font-size: 14px;
}
.leavebalance_leavetypelisting table th {
  width: 95px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.leavebalance_leavetypelisting table td {
  padding: 1px 0px;
}
.leavebalance_leavetypelisting table td:first-child {
  font-size: 14px;
  color: #3e4651;
  margin-right: 7px;
}
.leavebalance .leave_type {
  cursor: pointer;
}
.familyleavesexpire .g-icon_calendar {
  position: absolute !important;
  right: 10px !important;
  margin-top: 15px !important;
  top: auto !important;
}
.familyleavesexpire .delete-familyleavesexpire {
  position: relative;
  top: -25px;
  left: 100px;
}
.familyleavesexpire table {
  font-size: 14px;
}
.familyleavesexpire table th {
  width: 55px;
  text-align: center;
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #758696;
}
.familyleavesexpire table td {
  height: 32px;
  line-height: 32px;
  padding: 1px 0px;
}
.familyleavesexpire table td span {
  font-size: 12px;
  color: #ffffff;
}
.familyleavesexpire table td .add-familyleavesexpire {
  margin-top: 15px !important;
}
.familyleavesexpire table .no-familyleavesexpire-row td:first-child {
  color: #000;
}
.familyleavesexpire__name {
  width: 140px !important;
}
.familyleavesexpire__expiredate {
  width: 220px !important;
}
.familyleavesexpire__stats {
  margin: 1px 2px;
  background-color: #eef4f7;
}
.familyleavesexpire__stats_name {
  padding-left: 10px;
  min-height: 32px;
  margin-top: 7px;
}
.familyleavesexpire__stats_name span {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
}
.familyleavesexpire__stats span {
  display: inline-block;
  line-height: 1.5;
}
.familyleavesexpire_overlay th.familyleaveexpire__name {
  width: 140px !important;
}
.familyleavesexpire_overlay td {
  padding: 1px 2px  !important;
}
.faq {
  margin-bottom: 30px;
}
.faq p {
  font-size: 14px;
}
p.faq__question {
  color: #fc4361;
  font-size: 16px;
}
p.faq__note {
  font-weight: bold;
  font-size: 12px;
}
p.faq__note .highlight {
  color: #fc4361;
}
.faq ol {
  margin-left: 15px;
}
/*
Dialog
*/
.dialog,
.loader {
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.dialog_level2,
.loader_level2 {
  z-index: 50;
}
.loader {
  z-index: 51;
}
.dialog {
  overflow: auto;
}
.template-btn {
  display: none;
}
/* Analytics page */
.page_analytics .content-wrapper {
  margin-left: 0px;
}
.page_analytics .template-btn {
  display: block;
  float: right;
  margin-left: 20px;
}
.page_analytics .template-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #3e4651;
  margin: 0px 15px;
  display: inline-block;
  vertical-align: middle;
}
.page_analytics .page-wrapper .btn-primary {
  background: #1aacc6;
  color: #fff;
  border-color: #1aacc6;
  padding: 10px 20px;
}
.page_analytics .report-analytics {
  height: 85px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_analytics .hoverable-div__list {
  border: solid 1px #ddd;
  padding: 10px;
  background: #fff;
}
/* edit report */
.export-reports {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}
.export-reports .breadcrumb {
  padding: 0px;
  background: transparent;
}
.export-reports a {
  color: #1aacc6;
  font-size: 16px;
  font-weight: 400;
}
.export-reports button {
  color: #1aacc6;
  font-size: 16px;
  font-weight: 400;
}
.export-reports .btn-primary {
  background: #1aacc6;
  border-color: #1aacc6;
  color: #fff;
}
.export-reports .col-xs-1,
.export-reports .col-sm-1,
.export-reports .col-md-1,
.export-reports .col-lg-1,
.export-reports .col-xs-2,
.export-reports .col-sm-2,
.export-reports .col-md-2,
.export-reports .col-lg-2,
.export-reports .col-xs-3,
.export-reports .col-sm-3,
.export-reports .col-md-3,
.export-reports .col-lg-3,
.export-reports .col-xs-4,
.export-reports .col-sm-4,
.export-reports .col-md-4,
.export-reports .col-lg-4,
.export-reports .col-xs-5,
.export-reports .col-sm-5,
.export-reports .col-md-5,
.export-reports .col-lg-5,
.export-reports .col-xs-6,
.export-reports .col-sm-6,
.export-reports .col-md-6,
.export-reports .col-lg-6,
.export-reports .col-xs-7,
.export-reports .col-sm-7,
.export-reports .col-md-7,
.export-reports .col-lg-7,
.export-reports .col-xs-8,
.export-reports .col-sm-8,
.export-reports .col-md-8,
.export-reports .col-lg-8,
.export-reports .col-xs-9,
.export-reports .col-sm-9,
.export-reports .col-md-9,
.export-reports .col-lg-9,
.export-reports .col-xs-10,
.export-reports .col-sm-10,
.export-reports .col-md-10,
.export-reports .col-lg-10,
.export-reports .col-xs-11,
.export-reports .col-sm-11,
.export-reports .col-md-11,
.export-reports .col-lg-11,
.export-reports .col-xs-12,
.export-reports .col-sm-12,
.export-reports .col-md-12,
.export-reports .col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.export-reports .row {
  margin-left: -15px;
  margin-right: -15px;
}
.export-reports .mt-10 {
  margin-top: 10px;
}
.export-reports .mt-20 {
  margin-top: 20px;
}
.export-reports .mt-30 {
  margin-top: 30px;
}
.export-reports .mt-40 {
  margin-top: 40px;
}
.export-reports .mb-10 {
  margin-bottom: 10px;
}
.export-reports .mb-20 {
  margin-bottom: 20px;
}
.export-reports .mb-30 {
  margin-bottom: 30px;
}
.export-reports .mb-40 {
  margin-bottom: 40px;
}
.export-reports label {
  font-size: 14px;
  color: #434f5b;
}
.export-reports .edit-report-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: solid 1px #b9d0db;
}
.export-reports .edit-report-list .select-variable {
  width: 30%;
  flex: 0 0 30%;
  padding: 20px;
  height: 400px;
  overflow: auto;
}
.export-reports .edit-report-list .edit-report-table {
  width: 70%;
  flex: 0 0 70%;
  height: 400px;
  overflow: auto;
}
.export-reports .sub-checkbox {
  padding-left: 30px;
}
.export-reports .checkbox-group {
  font-size: 16px;
  padding: 5px 0px;
  position: relative;
}
.export-reports .checkbox-group input[type="checkbox"] {
  position: static;
  opacity: 1;
  display: inline-block;
  float: none;
  vertical-align: middle;
  margin-right: 10px;
}
.export-reports .variable-group .intermediate-check {
  position: relative;
}
.export-reports .variable-group .intermediate-check .intermediate-btn {
  content: '-';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  background: #1675ff;
  left: 0px;
  top: 8px;
  text-align: center;
  color: #fff;
  line-height: 18px;
  font-size: 22px;
}
.export-reports .intermediate-check input[type="checkbox"] {
  position: relative;
  z-index: 1;
  opacity: 0;
}
.export-reports table.report-table {
  width: 100%;
}
.export-reports table.report-table tr th,
.export-reports table.report-table tr td {
  padding: 15px;
  border: solid 1px #b9d0db;
}
.export-reports table.report-table tr {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  line-height: normal;
  height: 50px;
}
.export-reports table.report-table tr th,
.export-reports table.report-table tr td {
  width: 250px;
  flex: 0 0 250px;
  height: 50px;
  margin: 0px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.export-reports table.report-table tr th {
  cursor: move;
}
.export-reports table.report-table tr th:first-child,
.export-reports table.report-table tr td:first-child {
  background: #f7f7f7;
}
.export-reports table.report-table tr th:first-child {
  font-weight: 600;
}
.export-reports .variables .checkbox-group {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* report template */
.reports-template-page {
  padding: 20px;
  margin-top: 20px;
  background: #ffff;
}
.reports-template-page .back-head {
  color: #1aacc6;
  font-size: 16px;
}
.reports-template-page .back-head img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.reports-template-page h2.page-title {
  font-size: 24px;
  color: #434f5b;
  margin-top: 20px;
}
.reports-template-page form.sorting-form {
  display: flex;
  align-items: center;
}
.reports-template-page table.report-template-table {
  margin-top: 20px;
  width: 100%;
  border: solid 1px #e7eff3;
}
.reports-template-page table.report-template-table tr th,
.reports-template-page table.report-template-table tr td {
  border-top: solid 1px #e7eff3;
  font-size: 14px;
  padding: 15px 10px;
  border-bottom: solid 1px #e7eff3;
  vertical-align: middle;
}
.reports-template-page table.report-template-table tr th {
  background: #e7eff3;
  font-weight: 600;
  font-size: 16px;
}
.reports-template-page table.report-template-table .report-title {
  font-weight: 600;
}
.reports-template-page .search-report-list {
  position: relative;
  max-width: 250px;
  width: 100%;
  margin-right: 15px;
}
.reports-template-page .search-report-list img {
  position: absolute;
  left: 10px;
  top: 10px;
}
.reports-template-page .search-report-list input {
  padding-left: 30px;
}
.reports-template-page .sorting-select {
  display: block;
  width: 100%;
  max-width: 300px;
}
.reports-template-page .sorting-select .custom-simple-drop {
  display: inline-block;
  vertical-align: middle;
  max-width: 165px;
  width: 100%;
}
.reports-template-page .sorting-select__sort-text {
  display: inline-table;
}
.reports-template-page .sorting-select > span {
  display: inline-block;
  margin-right: 5px;
  /*cursor: pointer;*/
}
.reports-template-page .btn-secondary {
  background: #434f5b;
  color: #fff;
  border-color: #434f5b;
}
.reports-template-page .btn-primary {
  background: #1aacc6;
  color: #fff;
  border-color: #1aacc6;
}
.reports-template-page .table-radio input[type="radio"] {
  opacity: 1;
  width: 20px;
  height: 20px;
}
.reports-template-page .table-radio {
  text-align: center;
}
.reports-template-page .table-crud-btn-group {
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all 0.4s ease-in-out;
}
.reports-template-page .table-crud-btn-group a img {
  margin-right: 5px;
  vertical-align: middle;
}
.reports-template-page .table-crud-btn-group a {
  color: #434f5b;
}
.reports-template-page .table-crud-btn-group a.delete-btn {
  color: #fc4361;
}
.reports-template-page .table-crud-btn-group {
  opacity: 0;
  visibility: hidden;
}
.reports-template-page table.report-template-table tr:hover .table-crud-btn-group {
  opacity: 1;
  visibility: visible;
}
/* generate report popup */
#generate-mom-report-modal .custom-btn-group,
#generate-report-modal .custom-btn-group {
  padding-bottom: 20px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 20px;
}
#generate-mom-report-modal .custom-btn-group ul.nav.nav-tabs,
#generate-report-modal .custom-btn-group ul.nav.nav-tabs {
  border: none;
}
#generate-mom-report-modal .custom-btn-group li .btn-default,
#generate-report-modal .custom-btn-group li .btn-default {
  background: transparent;
  border: none !important;
  box-shadow: none;
  color: #454545;
  font-weight: 600;
  cursor: pointer;
}
#generate-mom-report-modal .custom-btn-group li.active .btn-default,
#generate-report-modal .custom-btn-group li.active .btn-default,
#generate-mom-report-modal .custom-btn-group li .btn-default:hover,
#generate-report-modal .custom-btn-group li .btn-default:hover {
  background: #deeaf0 !important;
  border-radius: 5px;
}
#generate-report-modal .page-cover__content {
  padding-top: 30px;
}
#generate-report-modal label {
  color: #434f5b;
  font-size: 14px;
}
#generate-report-modal .entity-employee-dropdown {
  display: flex;
  justify-content: space-between;
}
#generate-report-modal .entity-employee-dropdown .form-group {
  width: 49%;
}
#generate-report-modal .select-entity {
  width: 50%;
}
#generate-report-modal .date-rang {
  width: 70%;
}
#generate-report-modal .date-group {
  display: flex;
  width: 100%;
}
#generate-report-modal .date-group .from-to-group {
  width: 50%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#generate-report-modal .date-group .from-to-group > span {
  margin-right: 5px;
}
#generate-report-modal .custom-range button {
  background: #deeaf0;
  border: solid 1px #deeaf0;
  color: #454545;
  font-size: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
#generate-report-modal .custom-range {
  margin-top: 10px;
  color: #1aacc6;
  font-weight: 600;
}
#generate-report-modal .custom-range img {
  max-width: 20px;
  vertical-align: top;
}
#generate-report-modal .custom-range.active img {
  transform: rotate(90deg);
}
#generate-report-modal .single-checkbox-group input[type="checkbox"],
#generate-report-modal .single-radio-group input[type="radio"] {
  position: static;
  opacity: 1;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
}
#generate-report-modal .single-checkbox-group,
#generate-report-modal .single-radio-group {
  padding: 8px 15px;
}
#generate-report-modal .select-export-option .single-checkbox-group,
#generate-report-modal .select-export-option .single-radio-group {
  background: #f7f7f7;
}
#generate-report-modal .select-export-option .checkbox-group-all-list .single-checkbox-group,
#generate-report-modal .select-export-option .radio-group-all-list .single-radio-group {
  max-width: 90%;
  margin: 0px auto;
  background: #ffff;
}
#generate-report-modal .single-radio-group input[type="radio"] {
  margin-top: 0;
  width: 15px;
  height: 15px;
}
#generate-report-modal .select-export-option {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px #ddd;
}
#generate-report-modal .submit-btn .btn-primary {
  background: #9ccd45;
  border: solid 1px #9ccd45;
  padding: 8px 10px;
  font-size: 16px;
  text-shadow: none;
  font-weight: 600;
}
#generate-report-modal .input-date {
  width: 65%;
  position: relative;
  margin-left: 5px;
}
#generate-report-modal .input-date i.g-icon {
  position: absolute;
  right: 8px;
  top: 8px;
}
#generate-report-modal .submit-btn {
  text-align: right;
}
#generate-report-modal .radio-group input[type='radio'] {
  opacity: 1;
  position: static;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
}
#generate-report-modal .radio-group {
  margin-bottom: 10px;
}
#generate-report-modal .close-popup {
  position: absolute;
  right: 15px;
  top: 0;
  cursor: pointer;
}
#generate-report-modal .report-table .custom-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}
#generate-report-modal .report-table .custom-label span {
  font-size: 14px;
  font-weight: 600;
  color: #434f5b;
}
#generate-report-modal .report-table .report-sorting {
  display: flex;
  align-items: center;
  cursor: pointer;
}
#generate-report-modal .report-table .report-sorting img {
  height: 10px;
  margin-right: 5px;
}
#generate-report-modal .report-table .report-sorting span {
  color: #1aacc6;
  margin-left: 5px;
}
#generate-report-modal .report-table table {
  width: 100%;
}
#generate-report-modal .report-table table tr th {
  padding: 10px;
  background: #f6f9fa;
  font-weight: 600;
}
#generate-report-modal .report-table table tr td {
  font-size: 14px;
  padding: 10px;
}
#generate-report-modal .report-table table input[type='radio'] {
  opacity: 1;
  width: 15px;
  height: 15px;
}
/* generate mom report popup */
#generate-mom-report-modal .close-popup {
  position: absolute;
  right: 15px;
  top: 0;
  cursor: pointer;
}
.dragtable-sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
}
.dragtable-sortable li {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 1em;
  background: white;
}
.dragtable-sortable th,
.dragtable-sortable td {
  border-left: 0px;
}
.dragtable-sortable li:first-child th,
.dragtable-sortable li:first-child td {
  border-left: 1px solid #CCC;
}
.ui-sortable-helper {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.ui-sortable-placeholder {
  -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
  -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
  box-shadow: 4px 5px 4px #C6C6C6 inset;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background: #EFEFEF !important;
  visibility: visible !important;
}
.ui-sortable-placeholder * {
  opacity: 0.0;
  visibility: hidden;
}
.stats {
  text-align: center;
}
.stats__item {
  border: 1px solid #fff;
  border-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.stats__item.relative-leaves:hover .leave-request {
  display: block;
}
.stats__item.hover-show-stats-list:hover .stats-list {
  display: block;
}
.stats__item.on-leave-block:hover .user-leaves {
  display: block;
}
.stats_small .stats__item {
  padding-top: 25px;
  padding-bottom: 25px;
}
.stats_small .stats-list {
  top: 138px !important;
}
.stats__item-num {
  font-family: 'oswald-light', Arial, 'Helvetica Neue', sans-serif;
  font-size: 70px;
  line-height: 1;
  color: #3e4651;
}
.stats__item-label {
  font-size: 12px;
  color: #677787;
}
.stats .stats-list .user__name,
.stats .stats-list .user__data {
  font-size: 12px;
  line-height: 1;
  max-width: 100%;
  vertical-align: top;
}
.chart {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: white;
}
.chart__state-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 92px;
  font-family: 'oswald-light', Arial, 'Helvetica Neue', sans-serif;
}
.chart__state-wrapper .chart__state-label {
  font-family: 'tahoma', Arial, 'Helvetica Neue', sans-serif;
  font-size: 12px;
}
.chart__active-count,
.chart__inactive-count {
  font-size: 55px;
  line-height: 60px;
}
.chart__hover-active:hover .user-list_active {
  display: block;
}
.chart__hover-inactive:hover .user-list_inactive {
  display: block;
}
.chart__user-seperator {
  font-size: 55px;
  line-height: 60px;
}
.chart .custom-simple-drop,
.chart .custom-complex-drop {
  width: 140px;
  display: block;
}
.chart #chart-canvas {
  display: block;
  margin: auto;
  margin-top: 20px;
}
.chart .select2-chosen,
.chart .select2-result-label {
  font-size: 11px !important;
}
.chart .select2-container .select2-choice {
  border: none;
  line-height: 30px;
  height: 30px;
  padding-left: 10px;
  color: #677787;
}
.chart .select2-container-active .select2-choice {
  border: 1px solid #DEDEDE;
}
.chart .select2-container .select2-choice .select2-arrow {
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  .chart__user-state {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .chart__user-outlets,
  .chart__user-state {
    padding-left: 50px;
  }
}
.chart__user-state h3 {
  /*padding-left:50px;*/
}
.chart__user-state .custom-simple-drop {
  /*margin-left:50px;*/
}
.chart-outlet {
  margin-top: 16px;
}
.chart-outlet__item {
  margin-bottom: 15px;
}
.chart-outlet__name {
  width: 124px;
  font-size: 12px;
  line-height: 20px;
}
.chart-outlet__bar {
  width: 185px;
  height: 14px;
  padding: 1px;
  margin-top: 5px;
  background-color: #EEF1F7;
  border-radius: 50px;
}
.chart-outlet__bar > span {
  position: absolute;
  left: 14px;
  font-size: 10px;
  line-height: 11px;
  color: #FFF;
}
.chart-outlet__bar:hover .outlet-user-list {
  display: block;
}
.chart-outlet__state {
  height: 100%;
  border-radius: 50px;
}
.chart-outlet__total {
  display: inline-block;
  margin-left: 5px;
  margin-top: 2px;
  font-size: 10px;
  line-height: 20px;
}
.chart .color-light-purple {
  background-color: #B5A2BF;
}
.chart .color-dark-purple {
  background-color: #907E9A;
}
.chart .color-dark-blue {
  background-color: #5EB1EB;
}
.chart .color-orange {
  background-color: #F29853;
}
.chart .color-blue {
  background-color: #5EB1EB;
}
.chart .color-light-red {
  background-color: #EA8086;
}
.chart .color-indigo {
  background-color: #3D86BA;
}
.chart__link {
  padding: 0 10px;
}
.entity-progress__bar {
  width: 100%;
  height: 5px;
  background-color: #FEF1F0;
  border-radius: 50px;
}
.entity-progress__completed {
  height: 100%;
  background-color: #f7736c;
  border-radius: 50px;
}
.paging {
  text-align: right;
  padding-bottom: 20px;
  min-width: 749px;
  margin-left: 255px;
  text-align: center;
}
.paging span {
  display: inline-block;
  padding: 0 5px;
  margin-bottom: -3px;
}
.paging span a {
  display: inline-block;
}
.paging .prev,
.paging .next {
  cursor: pointer;
  margin-left: 0px;
  display: inline;
}
.paging .prev:hover,
.paging .next:hover {
  color: #639;
}
.paging .prev.disabled,
.paging .next.disabled {
  color: gray;
  cursor: auto;
}
.paging .prev.disabled {
  color: gray;
  cursor: auto;
}
.paging .next.disabled {
  color: gray;
  cursor: auto;
}
.paging a {
  color: #337AB7;
}
.page_employee .content-section__body,
.page_announcement .content-section__body {
  position: relative;
  padding: 20px 17px 10px 25px;
}
.page_employee .content-section .hoverShowText,
.page_announcement .content-section .hoverShowText,
.page_employee .content-section .g-icon_edit,
.page_announcement .content-section .g-icon_edit {
  position: absolute;
  top: 5px;
  right: 27px;
}
.page_employee .content-section .announcement-table-dropdown,
.page_announcement .content-section .announcement-table-dropdown,
.page_employee .content-section .announcement-table-actions,
.page_announcement .content-section .announcement-table-actions {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  opacity: 100!important;
}
.page_employee .content-section .bulk_delete_checkbox,
.page_announcement .content-section .bulk_delete_checkbox {
  visibility: hidden;
  position: absolute;
  right: 30px;
  top: 8px;
  opacity: 100!important;
}
.page_employee .content-section:hover .announcement-table-dropdown,
.page_announcement .content-section:hover .announcement-table-dropdown {
  visibility: visible;
}
.page_employee .content-section:hover .announcement-table-actions,
.page_announcement .content-section:hover .announcement-table-actions {
  visibility: visible;
}
.page_employee .content-section:hover .bulk_delete_checkbox,
.page_announcement .content-section:hover .bulk_delete_checkbox {
  visibility: visible;
}
.page_employee .content-section .bulk_delete_checkbox:checked,
.page_announcement .content-section .bulk_delete_checkbox:checked {
  visibility: visible;
}
.page_announcement .full-section .user {
  margin-bottom: 15px;
}
.page_announcement .activityStatContainer {
  display: inline-block;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
.page_announcement .activityStatContainer .seen-stats,
.page_announcement .activityStatContainer .acknowledge-stats.accepted {
  margin-right: 10px;
}
.page_announcement .activityStatContainer .seen-stats {
  padding-top: 4px;
  padding-bottom: 4px;
}
.page_announcement .activityStatContainer .seen-stats img {
  width: 21px;
  vertical-align: initial;
}
.page_announcement .activityStatContainer .acknowledge-stats img {
  width: 18px;
  vertical-align: initial;
}
.page_announcement .activityStatContainer .stats-section__title img {
  margin-left: 10px;
  width: 20px;
}
.page_announcement .activityStatContainer .seen-stats,
.page_announcement .activityStatContainer .acknowledge-stats {
  position: relative;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats-container,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats-container,
.page_announcement .activityStatContainer .seen-stats .acknowledge-stats-container,
.page_announcement .activityStatContainer .acknowledge-stats .acknowledge-stats-container {
  position: absolute;
  top: 30px;
  width: 315px;
  left: -60px;
  z-index: 10;
  box-shadow: 2px 2px 14px 2px rgba(0, 0, 0, 0.1);
}
.page_announcement .activityStatContainer .seen-stats .top-arrow,
.page_announcement .activityStatContainer .acknowledge-stats .top-arrow {
  position: absolute;
  top: -18px;
  left: 60px;
  z-index: 11;
}
.page_announcement .activityStatContainer .seen-stats .activity-dialog,
.page_announcement .activityStatContainer .acknowledge-stats .activity-dialog {
  position: relative;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats {
  padding: 10px 8px;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats hr,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats hr {
  margin: 10px 0;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section {
  font-size: 12px;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__title,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__title {
  color: #758696;
  font-size: 13px;
  margin-bottom: 8px;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__row,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__row {
  margin-bottom: 5px;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__row .user,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__row .user {
  margin: 0;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__row .user__image,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__row .user__image {
  width: 25px;
  height: 25px;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__row .user__name,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__row .user__name {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__meta,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__meta {
  color: #bcc7d1;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_announcement .activityStatContainer .seen-stats .activity-stats .stats-section__title,
.page_announcement .activityStatContainer .acknowledge-stats .activity-stats .stats-section__title {
  font-weight: bold;
  display: flex;
}
button#save-announcement {
  position: absolute;
  right: 10px;
  top: -20px;
}
button#delete-announcement {
  position: absolute;
  top: -9px;
}
p.seek_acknowledgement {
  margin-top: 5px;
}
#seek_acknowledgement-accept {
  position: absolute;
  right: 10px;
  top: 1px;
  width: 73px;
}
#seek_acknowledgement-reject {
  position: absolute;
  right: 100px;
  width: 73px;
  margin-top: 1px;
}
button#save-announcement {
  position: absolute;
  right: 10px;
  top: -18px;
}
.content-tabs .tab-links {
  display: inline-block !important;
  vertical-align: bottom;
}
.content-tabs .tab-links li {
  background-color: #fff;
}
.tab-save {
  margin-top: 20px;
}
.content-section_card:hover,
.content-section_clickable:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.content-section_staff-view,
.content-section_clickable {
  cursor: pointer;
}
.content-section_leave {
  border: none;
}
.content-section_leave .custom-header__item_day-filter a {
  color: #bcc7d1;
}
.content-section_leave .custom-header__item_day-filter li.active {
  border-bottom: 1px solid #303844;
}
.content-section_leave .custom-header__item_day-filter li.active a {
  color: #303844;
}
.content-section_leave:hover {
  box-shadow: none;
}
.content-section.settings {
  margin-top: 0px;
}
.content-section_recruit .p-5 {
  padding: 5px;
}
.content-section_recruit .delete-job {
  width: 18px;
  height: 20px;
}
.content-section_recruit .copy_job_form_url {
  width: 24px;
  height: 22px;
}
.content-section_recruit .recruitForm_title {
  width: 37%;
}
.content-section_recruit .recruitForm_meta {
  width: 15%;
}
.content-section_recruit .recruitForm_action {
  width: 5%;
  text-align: center;
}
.content-section_recruit .recruitCandidate_title {
  width: 40%;
}
.content-section_recruit .recruitCandidate_meta {
  width: 15%;
}
.content-section_recruit .recruitTemplate_title {
  width: 69%;
}
.content-section_recruit .recruitTemplate_meta {
  width: 15%;
}
.content-section_recruit .back-to-recruit {
  vertical-align: middle;
}
.content-section_recruit .job-form-edit-save img.job-form-edit {
  width: 18px !important;
  height: 16px !important;
}
.content-section_recruit .job-form-edit-save img.job-form-save {
  width: 20px !important;
  height: 21px !important;
}
.content-section_recruit .job-form-edit-save img.job-form-cancel {
  width: 18px !important;
  height: 20px !important;
  margin-left: 5px;
}
.content-section_recruit .job_url {
  font-size: 13px;
  font-weight: 600;
  color: #1aacc6;
}
.content-section_recruit .link_separation {
  border-left: 1px solid #7f8289;
  margin-left: 5px;
  padding-left: 5px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.content-section_recruit .text-align-left {
  text-align: left;
}
.content-section_recruit .text-align-justify {
  text-align: justify;
}
.content-section_recruit .custom-simple-drop {
  border-radius: 5px;
  background-color: #ffffff;
  border: 1px solid #c7d7df;
}
.content-section_recruit .recruit__content-wrapper {
  padding: 25px;
}
.content-section_recruit .recruit__content-wrapper .mb-20 {
  margin-bottom: 20px;
}
.content-section_recruit .recruit__content-wrapper .label-text {
  font-weight: bold;
  color: #758696;
}
.content-section_recruit .recruit__applicants-list .applicant-name {
  width: 30%;
}
.content-section_recruit .recruit__applicants-list .applied-date {
  width: 30%;
}
.content-section_recruit .recruit__applicants-list .applicant-status {
  width: 20%;
}
.content-section_recruit .recruit__applicants-list .applicant-status .applicant-status-dd-size {
  width: 65%;
}
.content-section_recruit .recruit__applicants-list .applicant-more-data {
  width: 18%;
  padding-top: 25px;
}
.content-section .filter-el__filter-option {
  font-size: 15px;
  position: relative;
}
.content-section .filter-el__filter-option .image-width {
  width: 15px;
}
.content-section .filter-el__filter-option .filter-toggle-element {
  left: -10px;
  width: 375px;
  border: 1px solid lightgrey;
  background: white;
  padding: 0 5px;
  position: absolute;
  z-index: 10;
}
.content-section .filter-el__filter-option .filter__item {
  margin: 10px 0 10px;
}
.content-section .filter-el__filter-option .filter__item .filter-title {
  display: inline-block;
  min-width: 95px;
  font-size: 12px;
  vertical-align: middle;
}
.content-section .filter-el__filter-option .filter__item .filter-dropdown {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 182px;
}
.content-section .filter-el__filter-option .filter__item .filter-dropdown .token-label {
  max-width: 140px !important;
}
.content-section .filter-el__filter-option .filter__item .custom-simple-drop,
.content-section .filter-el__filter-option .filter__item input:not(.token-input) {
  border: 1px solid #c7c3c3;
  border-radius: 6px;
}
.content-section .filter-el .dialog-top-arrow {
  position: absolute;
  left: 20px;
  top: -29px;
}
.content-section .filter-el .dialog-top-arrow img {
  width: 30px;
}
.account-settings {
  margin-top: 20px;
}
.account-settings .content-section {
  margin-top: 0;
}
.account-settings .plan-details__item {
  margin-top: 20px;
}
.account-settings .plan-details__item .plan-detail-column {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.account-settings .plan-details__item .plan-detail-column_bold {
  font-weight: bold;
  padding-left: 0px;
}
.account-settings .plan-details__item .plan-detail-column_current-plan {
  width: 230px;
}
.account-settings .plan-details__item .plan-detail-column_available-plan {
  width: 20%;
}
.account-settings .plan-details__item .plan-detail-column_bills {
  width: 19%;
}
.account-settings .due-date {
  margin-bottom: 30px;
}
.account-settings .cancel-plan {
  font-size: 12px;
}
.account-settings .anchor {
  color: #16a7ba;
}
.account-settings .extra-buttons {
  float: right;
  margin-top: -2px;
}
.account-settings .extra-buttons a.btn {
  margin-left: 10px;
  color: #fff;
}
#overlay-setting-log-list .page-cover__content {
  padding: 0px;
}
#overlay-setting-log-list .page__dialog {
  max-width: 658px;
}
#overlay-setting-log-list .setting-log h2 {
  color: #434f5b!important;
  margin-bottom: 0.75em;
}
#overlay-setting-log-list .setting-log .filter-right {
  width: 358px;
  display: inline-block;
  padding: 14px 0px 14px 4px;
}
#overlay-setting-log-list .setting-log .filter-right select,
#overlay-setting-log-list .setting-log .filter-right filter-right input[type="text"] {
  width: 200px;
  border-radius: 2px;
  border: 1px solid #889fab;
  background-color: #e7eff3;
}
#overlay-setting-log-list .setting-log .filter-right .main__label {
  font-size: 15px;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
  padding-right: 6px;
  font-weight: 100;
}
#overlay-setting-log-list .setting-log .filter-left-date {
  width: 267px;
  display: inline-block;
  padding: 14px 0px 14px 44px;
  position: relative;
}
#overlay-setting-log-list .setting-log .filter-left-date .main__label {
  font-size: 15px;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
  padding-right: 6px;
  font-weight: 100;
}
#overlay-setting-log-list .setting-log .filter-left-date input[type="text"] {
  width: 152px;
  border-radius: 2px;
  border: 1px solid #889fab;
  background-color: #e7eff3;
}
#overlay-setting-log-list .setting-log .filter-left-date .g-icon.g-icon_calendar {
  position: absolute;
  right: 33px;
  top: 21px;
}
#overlay-setting-log-list .dialog-pagination {
  margin: 15px 0px 0px 0px;
  min-width: auto;
}
#overlay-setting-log-list .dialog-pagination span {
  cursor: pointer;
}
#overlay-setting-log-list .dialog-pagination span:hover,
#overlay-setting-log-list .dialog-pagination span.active {
  color: #1aacc6;
}
#overlay-setting-log-list .filter-left-date,
#overlay-setting-log-list .filter-right {
  padding: 14px !important;
}
#overlay-setting-log-list .filter-left-date input {
  width: 190px !important;
}
#overlay-setting-log-list form#setting-log-filter-form {
  display: flex;
  justify-content: space-around;
  padding: 15px 0px;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0px 5px;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date .group {
  width: 130px;
  margin-left: 10px;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date .group i.g-icon {
  position: absolute;
  right: 20px;
  top: 8px;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date select {
  width: 150px;
  margin: 0px 10px;
  background: #fff;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date input {
  width: 100%;
}
#overlay-setting-log-list form#setting-log-filter-form .filter-date label {
  font-size: 14px;
  margin: 0px;
}
#overlay-setting-log-list .main-box-cover {
  max-height: 400px;
}
/*
	Compensation Filters
*/
.compensation-filter__input {
  width: 175px !important;
}
.compensation-filter__button {
  text-align: center;
}
/*
    confirmation alert
*/
div#dlg-alertPrompt-userRole .dlg-success {
  width: 550px !important;
  min-height: 239px;
  margin-top: -115px;
  margin-left: -277px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFF;
}
.dlg-success {
  width: 464px;
  min-height: 239px;
  margin-top: -115px;
  margin-left: -232px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFF;
}
.dlg-success p {
  margin-bottom: 25px;
  font-size: 14px;
}
.dlg-success h3 {
  color: #FFF;
  background-color: #758696;
}
.dlg-success__content-wrapper {
  padding-top: 25px;
  padding-bottom: 30px;
  background-color: #FFF;
}
.dlg-success h3,
.dlg-success__content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.dlg-success a {
  color: #1aacc6;
}
.dlg-success #btn-cancel,
.dlg-success #btn-cancel-role-alert {
  color: #000;
}
.dlg-success #btn-cancel,
.dlg-success #btn-cancel-role-alert:hover {
  color: #000;
  background-color: #ddd;
}
.dlg-success .dlg-footer {
  float: right;
  padding-right: 10px;
  padding-bottom: 10px;
}
.dlg-success .btn-cancel-alert-icon {
  position: absolute;
  top: 0px;
  right: 8px;
  z-index: 30;
  width: 12px;
  height: 12px;
}
.dlg-success .btn-cancel-alert-icon img {
  max-width: 100%;
  cursor: pointer;
}
.dlg-success .dlg-success__header {
  position: relative;
}
/*
    Error Dialog
*/
.dlg-error,
.dlg-content {
  width: 464px;
  min-height: 239px;
  margin-top: -115px;
  margin-left: -232px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.dlg-error__generic,
.dlg-content__generic {
  margin-left: -175px;
  width: 350px;
}
.dlg-error__generic .btn_cancel,
.dlg-content__generic .btn_cancel {
  margin-left: 5px;
}
.dlg-error__info,
.dlg-content__info {
  color: #468847;
  min-height: inherit;
  margin-top: 0px;
  top: -100px;
}
.dlg-error__info .dlg-error__content,
.dlg-content__info .dlg-error__content {
  margin: auto;
}
.dlg-error__info .dlg-error__content-wrapper,
.dlg-content__info .dlg-error__content-wrapper {
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  padding: 10px;
}
.dlg-error .coordinates,
.dlg-content .coordinates {
  text-align: center;
}
.dlg-error .coordinates .anchor,
.dlg-content .coordinates .anchor {
  color: #1aacc6;
}
.dlg-error .coordinates__current-location,
.dlg-content .coordinates__current-location {
  text-align: center;
  margin-bottom: 10px;
}
.dlg-error .coordinates__remote-location,
.dlg-content .coordinates__remote-location {
  margin-top: 10px;
}
.dlg-error .coordinates__remote-location span,
.dlg-content .coordinates__remote-location span {
  width: 100%;
}
.dlg-error .coordinates__remote-location .tt-dropdown-menu,
.dlg-content .coordinates__remote-location .tt-dropdown-menu {
  background-color: #fff;
  max-height: 150px;
  padding: 10px 5px;
  overflow: auto;
  -webkit-box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 4px 3px rgba(0, 0, 0, 0.3);
}
.dlg-error .coordinates__remote-location .tt-dropdown-menu .tt-suggestion p,
.dlg-content .coordinates__remote-location .tt-dropdown-menu .tt-suggestion p {
  text-align: left;
  margin-bottom: 0;
  padding: 3px 2px;
  cursor: pointer;
}
.dlg-error .coordinates__remote-location .tt-dropdown-menu .tt-suggestion.tt-cursor,
.dlg-content .coordinates__remote-location .tt-dropdown-menu .tt-suggestion.tt-cursor {
  background-color: rgba(0, 0, 0, 0.3);
}
.dlg-error .coordinates__values,
.dlg-content .coordinates__values {
  text-align: left;
  margin-top: 10px;
}
.dlg-error p,
.dlg-content p {
  margin-bottom: 25px;
  font-size: 14px;
}
.dlg-error h3,
.dlg-content h3 {
  color: #FFF;
  line-height: 55px;
  background-color: #EB5C4D;
}
.dlg-error__content-wrapper,
.dlg-content__content-wrapper {
  padding-top: 25px;
  padding-bottom: 30px;
  background-color: #FFF;
}
.dlg-error h3,
.dlg-content h3,
.dlg-error__content-wrapper,
.dlg-content__content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}
.dlg-error a,
.dlg-content a {
  color: #1aacc6;
}
.dlg-content {
  top: 30%;
}
.dlg-content h3 {
  background-color: #758696;
}
.dlg-content_update btn_default {
  margin-top: 20px;
}
.dlg-content .input-cover {
  background: #e7eff2;
}
.dlg-content .flexible-options {
  margin-bottom: 30px;
}
.dlg-content .btn_default {
  margin-top: 20px;
}
.dialog_wrapper-to {
  top: 0px;
}
.overlay-form .image-enhance:hover {
  cursor: pointer;
}
.overlay-form__notify {
  width: 50%;
  padding: 5px;
  margin-top: 32px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
  font-size: 10px;
  background-color: #FFFFCF;
  float: right;
}
.overlay-form__error {
  color: #fc4361;
  font-size: 11px;
  margin-top: 7px;
}
.overlay-form .broadcast_layer {
  margin-top: 26px!important;
  padding-bottom: 26px!important;
  border-bottom: 1px solid #e7eff3;
}
.overlay-form .settings__time_from {
  text-align: center;
}
.overlay-form .no-border-select .select2-container .select2-choice {
  padding-left: 10px !important;
  border: none;
}
.overlay-form .no-border-select .select2-container .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.overlay-form .no-border-select.dull-bg .select2-container .select2-choice {
  background-color: #f4f8fa;
}
.overlay-form .no-border-select_compressed .select2-container .select2-choice {
  padding-left: 6px !important;
}
.overlay-form .no-border-select_compressed .select2-container .select2-chosen {
  font-size: 12px;
  margin-right: 18px;
}
.overlay-form .no-border-select_compressed .select2-container .select2-arrow {
  width: 15px;
}
.page_settings .search-area,
.page_start-screen .search-area,
.page_appraisal-form .search-area,
.page_appraisals .search-area {
  display: none;
}
.page_analytics .chart,
.page_default-content .chart {
  margin-left: 0px !important;
}
.page_analytics .search-area .search-bar,
.page_default-content .search-area .search-bar {
  display: none;
}
.page_analytics .chart-outlet__name,
.page_analytics .chart__state-label {
  cursor: pointer;
}
.page_analytics .resetAnalyticsFilter {
  padding: 5px;
}
.userworkday__time,
.userbreak__time,
.wtSalaryTiming__time {
  text-align: left;
  width: 220px;
  padding-left: 8px;
}
.userworkday__time-row,
.userbreak__time-row,
.wtSalaryTiming__time-row {
  margin-top: 10px;
}
.userworkday__time > span,
.userbreak__time > span,
.wtSalaryTiming__time > span {
  margin-right: 5px;
}
.userworkday__time input,
.userbreak__time input,
.wtSalaryTiming__time input {
  margin: 0 !important;
}
.userworkday__time-interval,
.userbreak__time-interval,
.wtSalaryTiming__time-interval {
  text-align: right;
  display: inline-block;
}
.userworkday__time-interval label,
.userbreak__time-interval label,
.wtSalaryTiming__time-interval label {
  color: #bcc7d1 !important;
  padding-left: 0px;
}
.userworkday__time-interval label span,
.userbreak__time-interval label span,
.wtSalaryTiming__time-interval label span {
  margin-right: 5px !important;
}
.userworkday__time-interval input:checked + label,
.userbreak__time-interval input:checked + label,
.wtSalaryTiming__time-interval input:checked + label {
  color: #434f5b !important;
}
.userworkday__time_from,
.userbreak__time_from,
.wtSalaryTiming__time_from,
.userworkday__time_to,
.userbreak__time_to,
.wtSalaryTiming__time_to,
.userworkday__time_total,
.userbreak__time_total,
.wtSalaryTiming__time_total {
  width: 55px;
}
.userworkday__time_single-label,
.userbreak__time_single-label,
.wtSalaryTiming__time_single-label {
  width: 180px;
}
.userworkday__time_single-label .secondary-label_middle,
.userbreak__time_single-label .secondary-label_middle,
.wtSalaryTiming__time_single-label .secondary-label_middle {
  margin-right: 5px;
}
.userworkday .floating-label-container input[type='checkbox'] ~ label,
.userbreak .floating-label-container input[type='checkbox'] ~ label,
.wtSalaryTiming .floating-label-container input[type='checkbox'] ~ label {
  width: 100px;
}
.userworkday .floating-label-container_short-label input[type='checkbox'] ~ label,
.userbreak .floating-label-container_short-label input[type='checkbox'] ~ label,
.wtSalaryTiming .floating-label-container_short-label input[type='checkbox'] ~ label {
  width: 90px;
}
.wtSalaryTiming .text-container,
.userBreakRow .text-container,
.userbreak .text-container {
  width: 125px;
}
.wtSalaryTiming__time,
.userBreakRow__time,
.userbreak__time {
  width: 180px;
}
.wtSalaryTiming__time_auto,
.userBreakRow__time_auto,
.userbreak__time_auto {
  width: auto;
}
.wtSalaryTiming .hours-text,
.userBreakRow .hours-text,
.userbreak .hours-text,
.wtSalaryTiming .break-hours,
.userBreakRow .break-hours,
.userbreak .break-hours {
  width: 65px;
}
.wtSalaryTiming .name-container,
.userBreakRow .name-container,
.userbreak .name-container {
  width: 125px;
}
.wtSalaryTiming .label-free-row__delete,
.userBreakRow .label-free-row__delete,
.userbreak .label-free-row__delete {
  width: 3% !important;
}
.wtSalaryTiming input[type='radio'] + label,
.userBreakRow input[type='radio'] + label,
.userbreak input[type='radio'] + label {
  margin-left: -5px;
}
.settings__content,
.employment__content {
  padding-top: 15px;
  padding-bottom: 50px;
  padding-right: 62px;
}
.settings__content .warning,
.employment__content .warning {
  margin-bottom: 15px;
}
.settings__time-assigned,
.employment__time-assigned {
  margin-bottom: 20px;
}
.settings__time,
.employment__time {
  text-align: left;
  width: 255px;
  padding-left: 8px;
}
.settings__time_no-radio,
.employment__time_no-radio {
  width: 175px;
}
.settings__time-row,
.employment__time-row {
  margin-top: 10px;
}
.settings__time-box,
.employment__time-box {
  height: 35px;
  line-height: 35px;
  background: #eef4f7;
  padding: 0 10px;
  display: inline-block;
}
.settings__time-box-hrs,
.employment__time-box-hrs {
  padding: 5px;
  display: inline-block;
}
.settings__time > span,
.employment__time > span {
  margin-right: 5px;
}
.settings__time_from,
.employment__time_from,
.settings__time_to,
.employment__time_to,
.settings__time_total,
.employment__time_total {
  width: 65px;
}
.settings__time_weekly,
.employment__time_weekly {
  width: 72px;
}
.settings__time-interval,
.employment__time-interval {
  text-align: right;
  display: inline-block;
}
.settings__time-interval label,
.employment__time-interval label {
  color: #bcc7d1 !important;
  padding-left: 0px;
}
.settings__time-interval label span,
.employment__time-interval label span {
  margin-right: 5px !important;
}
.settings__time-interval input:checked + label,
.employment__time-interval input:checked + label {
  color: #434f5b !important;
}
.settings__time-interval .select2-chosen,
.employment__time-interval .select2-chosen {
  color: #4dbcd1;
}
.settings__time_width,
.employment__time_width {
  width: 224px;
}
.settings__time_company-hours,
.employment__time_company-hours {
  display: inline-block;
  width: 130px;
  line-height: 35px;
}
.settings__time_hours-container,
.employment__time_hours-container {
  width: 115px;
}
.settings__time > span,
.employment__time > span {
  margin-right: 5px;
}
.settings__date,
.employment__date {
  text-align: left;
  padding-left: 8px;
}
.settings__date_from,
.employment__date_from,
.settings__date_to,
.employment__date_to,
.settings__date_total,
.employment__date_total {
  width: 150px;
}
.settings .communicate-notification,
.employment .communicate-notification {
  margin-bottom: 20px;
}
.settings .settings__selector,
.employment .settings__selector {
  margin-right: 10px;
}
.settings .settings__selector .selector-input,
.employment .settings__selector .selector-input {
  margin-left: 5px;
}
.settings .employment-dropzone-container,
.employment .employment-dropzone-container {
  margin: 12px;
  width: 80%;
}
.settings .appraisal-document .document-list,
.employment .appraisal-document .document-list {
  margin: 12px;
}
.settings .appraisal-document .preview,
.employment .appraisal-document .preview {
  margin: 12px;
}
.settings .appraisal-document .doc-dropzone,
.employment .appraisal-document .doc-dropzone {
  margin: 12px;
}
.settings .appraisal-document__row,
.employment .appraisal-document__row,
.settings .appraisal-comment__row,
.employment .appraisal-comment__row,
.settings .leave-types__row,
.employment .leave-types__row,
.settings .emp-rank__row,
.employment .emp-rank__row,
.settings .connected-accounts__row,
.employment .connected-accounts__row,
.settings .emp-holidays__row,
.employment .emp-holidays__row,
.settings .template-builder__row,
.employment .template-builder__row {
  margin-top: 15px;
}
.settings .appraisal-document__row .account-switch,
.employment .appraisal-document__row .account-switch,
.settings .appraisal-comment__row .account-switch,
.employment .appraisal-comment__row .account-switch,
.settings .leave-types__row .account-switch,
.employment .leave-types__row .account-switch,
.settings .emp-rank__row .account-switch,
.employment .emp-rank__row .account-switch,
.settings .connected-accounts__row .account-switch,
.employment .connected-accounts__row .account-switch,
.settings .emp-holidays__row .account-switch,
.employment .emp-holidays__row .account-switch,
.settings .template-builder__row .account-switch,
.employment .template-builder__row .account-switch {
  vertical-align: middle;
  position: relative;
  top: 4px;
}
.settings .appraisal-document__row_withBorder,
.employment .appraisal-document__row_withBorder,
.settings .appraisal-comment__row_withBorder,
.employment .appraisal-comment__row_withBorder,
.settings .leave-types__row_withBorder,
.employment .leave-types__row_withBorder,
.settings .emp-rank__row_withBorder,
.employment .emp-rank__row_withBorder,
.settings .connected-accounts__row_withBorder,
.employment .connected-accounts__row_withBorder,
.settings .emp-holidays__row_withBorder,
.employment .emp-holidays__row_withBorder,
.settings .template-builder__row_withBorder,
.employment .template-builder__row_withBorder {
  margin: 0px;
  padding: 7px 0;
  border-bottom: 1px solid #F0F0F0;
}
.settings .appraisal-document__row_withBorder:last-child,
.employment .appraisal-document__row_withBorder:last-child,
.settings .appraisal-comment__row_withBorder:last-child,
.employment .appraisal-comment__row_withBorder:last-child,
.settings .leave-types__row_withBorder:last-child,
.employment .leave-types__row_withBorder:last-child,
.settings .emp-rank__row_withBorder:last-child,
.employment .emp-rank__row_withBorder:last-child,
.settings .connected-accounts__row_withBorder:last-child,
.employment .connected-accounts__row_withBorder:last-child,
.settings .emp-holidays__row_withBorder:last-child,
.employment .emp-holidays__row_withBorder:last-child,
.settings .template-builder__row_withBorder:last-child,
.employment .template-builder__row_withBorder:last-child {
  border: none;
}
.settings .appraisal-document__item,
.employment .appraisal-document__item,
.settings .appraisal-comment__item,
.employment .appraisal-comment__item,
.settings .leave-types__item,
.employment .leave-types__item,
.settings .emp-rank__item,
.employment .emp-rank__item,
.settings .connected-accounts__item,
.employment .connected-accounts__item,
.settings .emp-holidays__item,
.employment .emp-holidays__item,
.settings .template-builder__item,
.employment .template-builder__item {
  display: inline-block;
  width: 20%;
  text-align: left;
}
.settings .appraisal-document__item:last-child,
.employment .appraisal-document__item:last-child,
.settings .appraisal-comment__item:last-child,
.employment .appraisal-comment__item:last-child,
.settings .leave-types__item:last-child,
.employment .leave-types__item:last-child,
.settings .emp-rank__item:last-child,
.employment .emp-rank__item:last-child,
.settings .connected-accounts__item:last-child,
.employment .connected-accounts__item:last-child,
.settings .emp-holidays__item:last-child,
.employment .emp-holidays__item:last-child,
.settings .template-builder__item:last-child,
.employment .template-builder__item:last-child {
  text-align: right;
}
.settings .appraisal-document__item_name,
.employment .appraisal-document__item_name,
.settings .appraisal-comment__item_name,
.employment .appraisal-comment__item_name,
.settings .leave-types__item_name,
.employment .leave-types__item_name,
.settings .emp-rank__item_name,
.employment .emp-rank__item_name,
.settings .connected-accounts__item_name,
.employment .connected-accounts__item_name,
.settings .emp-holidays__item_name,
.employment .emp-holidays__item_name,
.settings .template-builder__item_name,
.employment .template-builder__item_name {
  font-weight: bold;
  width: 25%;
}
.settings .appraisal-document__item_meta,
.employment .appraisal-document__item_meta,
.settings .appraisal-comment__item_meta,
.employment .appraisal-comment__item_meta,
.settings .leave-types__item_meta,
.employment .leave-types__item_meta,
.settings .emp-rank__item_meta,
.employment .emp-rank__item_meta,
.settings .connected-accounts__item_meta,
.employment .connected-accounts__item_meta,
.settings .emp-holidays__item_meta,
.employment .emp-holidays__item_meta,
.settings .template-builder__item_meta,
.employment .template-builder__item_meta {
  min-width: 600px;
  vertical-align: top;
}
.settings .appraisal-document__item_meta .meta-item,
.employment .appraisal-document__item_meta .meta-item,
.settings .appraisal-comment__item_meta .meta-item,
.employment .appraisal-comment__item_meta .meta-item,
.settings .leave-types__item_meta .meta-item,
.employment .leave-types__item_meta .meta-item,
.settings .emp-rank__item_meta .meta-item,
.employment .emp-rank__item_meta .meta-item,
.settings .connected-accounts__item_meta .meta-item,
.employment .connected-accounts__item_meta .meta-item,
.settings .emp-holidays__item_meta .meta-item,
.employment .emp-holidays__item_meta .meta-item,
.settings .template-builder__item_meta .meta-item,
.employment .template-builder__item_meta .meta-item {
  min-width: 195px;
}
.settings .appraisal-document__item_action,
.employment .appraisal-document__item_action,
.settings .appraisal-comment__item_action,
.employment .appraisal-comment__item_action,
.settings .leave-types__item_action,
.employment .leave-types__item_action,
.settings .emp-rank__item_action,
.employment .emp-rank__item_action,
.settings .connected-accounts__item_action,
.employment .connected-accounts__item_action,
.settings .emp-holidays__item_action,
.employment .emp-holidays__item_action,
.settings .template-builder__item_action,
.employment .template-builder__item_action {
  color: #c7d7df;
}
.settings .appraisal-document__item_action_fixedWidth125,
.employment .appraisal-document__item_action_fixedWidth125,
.settings .appraisal-comment__item_action_fixedWidth125,
.employment .appraisal-comment__item_action_fixedWidth125,
.settings .leave-types__item_action_fixedWidth125,
.employment .leave-types__item_action_fixedWidth125,
.settings .emp-rank__item_action_fixedWidth125,
.employment .emp-rank__item_action_fixedWidth125,
.settings .connected-accounts__item_action_fixedWidth125,
.employment .connected-accounts__item_action_fixedWidth125,
.settings .emp-holidays__item_action_fixedWidth125,
.employment .emp-holidays__item_action_fixedWidth125,
.settings .template-builder__item_action_fixedWidth125,
.employment .template-builder__item_action_fixedWidth125 {
  width: 125px !important;
}
.settings .appraisal-document__item_button,
.employment .appraisal-document__item_button,
.settings .appraisal-comment__item_button,
.employment .appraisal-comment__item_button,
.settings .leave-types__item_button,
.employment .leave-types__item_button,
.settings .emp-rank__item_button,
.employment .emp-rank__item_button,
.settings .connected-accounts__item_button,
.employment .connected-accounts__item_button,
.settings .emp-holidays__item_button,
.employment .emp-holidays__item_button,
.settings .template-builder__item_button,
.employment .template-builder__item_button {
  vertical-align: top;
}
.settings .appraisal-document__item .blurred-content_days,
.employment .appraisal-document__item .blurred-content_days,
.settings .appraisal-comment__item .blurred-content_days,
.employment .appraisal-comment__item .blurred-content_days,
.settings .leave-types__item .blurred-content_days,
.employment .leave-types__item .blurred-content_days,
.settings .emp-rank__item .blurred-content_days,
.employment .emp-rank__item .blurred-content_days,
.settings .connected-accounts__item .blurred-content_days,
.employment .connected-accounts__item .blurred-content_days,
.settings .emp-holidays__item .blurred-content_days,
.employment .emp-holidays__item .blurred-content_days,
.settings .template-builder__item .blurred-content_days,
.employment .template-builder__item .blurred-content_days {
  display: inline-block;
  width: 40px;
}
.settings .appraisal-document__item .blurred-content_docs,
.employment .appraisal-document__item .blurred-content_docs,
.settings .appraisal-comment__item .blurred-content_docs,
.employment .appraisal-comment__item .blurred-content_docs,
.settings .leave-types__item .blurred-content_docs,
.employment .leave-types__item .blurred-content_docs,
.settings .emp-rank__item .blurred-content_docs,
.employment .emp-rank__item .blurred-content_docs,
.settings .connected-accounts__item .blurred-content_docs,
.employment .connected-accounts__item .blurred-content_docs,
.settings .emp-holidays__item .blurred-content_docs,
.employment .emp-holidays__item .blurred-content_docs,
.settings .template-builder__item .blurred-content_docs,
.employment .template-builder__item .blurred-content_docs {
  display: inline-block;
  width: 125px;
}
.settings .appraisal-document__item .edit-link,
.employment .appraisal-document__item .edit-link,
.settings .appraisal-comment__item .edit-link,
.employment .appraisal-comment__item .edit-link,
.settings .leave-types__item .edit-link,
.employment .leave-types__item .edit-link,
.settings .emp-rank__item .edit-link,
.employment .emp-rank__item .edit-link,
.settings .connected-accounts__item .edit-link,
.employment .connected-accounts__item .edit-link,
.settings .emp-holidays__item .edit-link,
.employment .emp-holidays__item .edit-link,
.settings .template-builder__item .edit-link,
.employment .template-builder__item .edit-link {
  cursor: pointer;
  font-weight: bold;
}
.settings .appraisal-document__item_email,
.employment .appraisal-document__item_email,
.settings .appraisal-comment__item_email,
.employment .appraisal-comment__item_email,
.settings .leave-types__item_email,
.employment .leave-types__item_email,
.settings .emp-rank__item_email,
.employment .emp-rank__item_email,
.settings .connected-accounts__item_email,
.employment .connected-accounts__item_email,
.settings .emp-holidays__item_email,
.employment .emp-holidays__item_email,
.settings .template-builder__item_email,
.employment .template-builder__item_email {
  word-break: break-all;
}
.settings .appraisal-document__item_primary,
.employment .appraisal-document__item_primary,
.settings .appraisal-comment__item_primary,
.employment .appraisal-comment__item_primary,
.settings .leave-types__item_primary,
.employment .leave-types__item_primary,
.settings .emp-rank__item_primary,
.employment .emp-rank__item_primary,
.settings .connected-accounts__item_primary,
.employment .connected-accounts__item_primary,
.settings .emp-holidays__item_primary,
.employment .emp-holidays__item_primary,
.settings .template-builder__item_primary,
.employment .template-builder__item_primary {
  width: 8%;
}
.settings .appraisal-document__item .delete-link,
.employment .appraisal-document__item .delete-link,
.settings .appraisal-comment__item .delete-link,
.employment .appraisal-comment__item .delete-link,
.settings .leave-types__item .delete-link,
.employment .leave-types__item .delete-link,
.settings .emp-rank__item .delete-link,
.employment .emp-rank__item .delete-link,
.settings .connected-accounts__item .delete-link,
.employment .connected-accounts__item .delete-link,
.settings .emp-holidays__item .delete-link,
.employment .emp-holidays__item .delete-link,
.settings .template-builder__item .delete-link,
.employment .template-builder__item .delete-link {
  cursor: pointer;
  color: #EF4661;
  font-weight: bold;
  width: 20px;
}
.settings .emp-rank__item,
.employment .emp-rank__item {
  width: 12%;
}
.settings .emp-rank__item_label,
.employment .emp-rank__item_label {
  font-weight: bold;
  vertical-align: middle;
}
.settings .emp-rank__item_rank,
.employment .emp-rank__item_rank {
  width: 20%;
  vertical-align: middle;
}
.settings .emp-rank__item_action,
.employment .emp-rank__item_action {
  vertical-align: middle;
}
.settings .emp-holidays__item:last-child,
.employment .emp-holidays__item:last-child {
  text-align: center;
}
.settings .emp-holidays__item_label,
.employment .emp-holidays__item_label,
.settings .emp-holidays__item .add-on,
.employment .emp-holidays__item .add-on {
  font-weight: bold;
}
.settings .emp-holidays__item_date,
.employment .emp-holidays__item_date {
  width: 10%;
  text-align: center;
}
.settings .leave-policies .mt-0,
.employment .leave-policies .mt-0,
.settings .overtime-policies .mt-0,
.employment .overtime-policies .mt-0,
.settings .undertime-policies .mt-0,
.employment .undertime-policies .mt-0,
.settings .attendance-remarks .mt-0,
.employment .attendance-remarks .mt-0,
.settings .company-settings .mt-0,
.employment .company-settings .mt-0 {
  margin-top: 0px;
}
.settings .leave-policies .mb-10,
.employment .leave-policies .mb-10,
.settings .overtime-policies .mb-10,
.employment .overtime-policies .mb-10,
.settings .undertime-policies .mb-10,
.employment .undertime-policies .mb-10,
.settings .attendance-remarks .mb-10,
.employment .attendance-remarks .mb-10,
.settings .company-settings .mb-10,
.employment .company-settings .mb-10 {
  margin-bottom: 10px;
}
.settings .leave-policies__row,
.employment .leave-policies__row,
.settings .overtime-policies__row,
.employment .overtime-policies__row,
.settings .undertime-policies__row,
.employment .undertime-policies__row,
.settings .attendance-remarks__row,
.employment .attendance-remarks__row,
.settings .company-settings__row,
.employment .company-settings__row {
  margin-top: 10px;
}
.settings .leave-policies__row_50-50 .leave-policies__item,
.employment .leave-policies__row_50-50 .leave-policies__item,
.settings .overtime-policies__row_50-50 .leave-policies__item,
.employment .overtime-policies__row_50-50 .leave-policies__item,
.settings .undertime-policies__row_50-50 .leave-policies__item,
.employment .undertime-policies__row_50-50 .leave-policies__item,
.settings .attendance-remarks__row_50-50 .leave-policies__item,
.employment .attendance-remarks__row_50-50 .leave-policies__item,
.settings .company-settings__row_50-50 .leave-policies__item,
.employment .company-settings__row_50-50 .leave-policies__item,
.settings .leave-policies__row_50-50 .company-settings__item,
.employment .leave-policies__row_50-50 .company-settings__item,
.settings .overtime-policies__row_50-50 .company-settings__item,
.employment .overtime-policies__row_50-50 .company-settings__item,
.settings .undertime-policies__row_50-50 .company-settings__item,
.employment .undertime-policies__row_50-50 .company-settings__item,
.settings .attendance-remarks__row_50-50 .company-settings__item,
.employment .attendance-remarks__row_50-50 .company-settings__item,
.settings .company-settings__row_50-50 .company-settings__item,
.employment .company-settings__row_50-50 .company-settings__item {
  float: left;
  width: 50% !important;
}
.settings .leave-policies__row_75-25 .leave-policies__item,
.employment .leave-policies__row_75-25 .leave-policies__item,
.settings .overtime-policies__row_75-25 .leave-policies__item,
.employment .overtime-policies__row_75-25 .leave-policies__item,
.settings .undertime-policies__row_75-25 .leave-policies__item,
.employment .undertime-policies__row_75-25 .leave-policies__item,
.settings .attendance-remarks__row_75-25 .leave-policies__item,
.employment .attendance-remarks__row_75-25 .leave-policies__item,
.settings .company-settings__row_75-25 .leave-policies__item,
.employment .company-settings__row_75-25 .leave-policies__item,
.settings .leave-policies__row_75-25 .company-settings__item,
.employment .leave-policies__row_75-25 .company-settings__item,
.settings .overtime-policies__row_75-25 .company-settings__item,
.employment .overtime-policies__row_75-25 .company-settings__item,
.settings .undertime-policies__row_75-25 .company-settings__item,
.employment .undertime-policies__row_75-25 .company-settings__item,
.settings .attendance-remarks__row_75-25 .company-settings__item,
.employment .attendance-remarks__row_75-25 .company-settings__item,
.settings .company-settings__row_75-25 .company-settings__item,
.employment .company-settings__row_75-25 .company-settings__item {
  float: left;
}
.settings .leave-policies__row_75-25 .leave-policies__item_label,
.employment .leave-policies__row_75-25 .leave-policies__item_label,
.settings .overtime-policies__row_75-25 .leave-policies__item_label,
.employment .overtime-policies__row_75-25 .leave-policies__item_label,
.settings .undertime-policies__row_75-25 .leave-policies__item_label,
.employment .undertime-policies__row_75-25 .leave-policies__item_label,
.settings .attendance-remarks__row_75-25 .leave-policies__item_label,
.employment .attendance-remarks__row_75-25 .leave-policies__item_label,
.settings .company-settings__row_75-25 .leave-policies__item_label,
.employment .company-settings__row_75-25 .leave-policies__item_label,
.settings .leave-policies__row_75-25 .company-settings__item_label,
.employment .leave-policies__row_75-25 .company-settings__item_label,
.settings .overtime-policies__row_75-25 .company-settings__item_label,
.employment .overtime-policies__row_75-25 .company-settings__item_label,
.settings .undertime-policies__row_75-25 .company-settings__item_label,
.employment .undertime-policies__row_75-25 .company-settings__item_label,
.settings .attendance-remarks__row_75-25 .company-settings__item_label,
.employment .attendance-remarks__row_75-25 .company-settings__item_label,
.settings .company-settings__row_75-25 .company-settings__item_label,
.employment .company-settings__row_75-25 .company-settings__item_label {
  width: 75% !important;
}
.settings .leave-policies__row_75-25 .leave-policies__item_inputs,
.employment .leave-policies__row_75-25 .leave-policies__item_inputs,
.settings .overtime-policies__row_75-25 .leave-policies__item_inputs,
.employment .overtime-policies__row_75-25 .leave-policies__item_inputs,
.settings .undertime-policies__row_75-25 .leave-policies__item_inputs,
.employment .undertime-policies__row_75-25 .leave-policies__item_inputs,
.settings .attendance-remarks__row_75-25 .leave-policies__item_inputs,
.employment .attendance-remarks__row_75-25 .leave-policies__item_inputs,
.settings .company-settings__row_75-25 .leave-policies__item_inputs,
.employment .company-settings__row_75-25 .leave-policies__item_inputs,
.settings .leave-policies__row_75-25 .company-settings__item_inputs,
.employment .leave-policies__row_75-25 .company-settings__item_inputs,
.settings .overtime-policies__row_75-25 .company-settings__item_inputs,
.employment .overtime-policies__row_75-25 .company-settings__item_inputs,
.settings .undertime-policies__row_75-25 .company-settings__item_inputs,
.employment .undertime-policies__row_75-25 .company-settings__item_inputs,
.settings .attendance-remarks__row_75-25 .company-settings__item_inputs,
.employment .attendance-remarks__row_75-25 .company-settings__item_inputs,
.settings .company-settings__row_75-25 .company-settings__item_inputs,
.employment .company-settings__row_75-25 .company-settings__item_inputs {
  width: 25% !important;
}
.settings .leave-policies__row_diffSection,
.employment .leave-policies__row_diffSection,
.settings .overtime-policies__row_diffSection,
.employment .overtime-policies__row_diffSection,
.settings .undertime-policies__row_diffSection,
.employment .undertime-policies__row_diffSection,
.settings .attendance-remarks__row_diffSection,
.employment .attendance-remarks__row_diffSection,
.settings .company-settings__row_diffSection,
.employment .company-settings__row_diffSection {
  border-top: 1px solid #b9d0db;
  padding-top: 20px;
}
.settings .leave-policies__item,
.employment .leave-policies__item,
.settings .overtime-policies__item,
.employment .overtime-policies__item,
.settings .undertime-policies__item,
.employment .undertime-policies__item,
.settings .attendance-remarks__item,
.employment .attendance-remarks__item,
.settings .company-settings__item,
.employment .company-settings__item {
  display: inline-block;
}
.settings .leave-policies__item_label,
.employment .leave-policies__item_label,
.settings .overtime-policies__item_label,
.employment .overtime-policies__item_label,
.settings .undertime-policies__item_label,
.employment .undertime-policies__item_label,
.settings .attendance-remarks__item_label,
.employment .attendance-remarks__item_label,
.settings .company-settings__item_label,
.employment .company-settings__item_label {
  font-weight: bold;
  width: 50%;
}
.settings .leave-policies__item_inputs,
.employment .leave-policies__item_inputs,
.settings .overtime-policies__item_inputs,
.employment .overtime-policies__item_inputs,
.settings .undertime-policies__item_inputs,
.employment .undertime-policies__item_inputs,
.settings .attendance-remarks__item_inputs,
.employment .attendance-remarks__item_inputs,
.settings .company-settings__item_inputs,
.employment .company-settings__item_inputs {
  vertical-align: top;
  width: 45%;
  margin-left: 20px;
}
.settings .leave-policies__item_inputs .checkbox-label,
.employment .leave-policies__item_inputs .checkbox-label,
.settings .overtime-policies__item_inputs .checkbox-label,
.employment .overtime-policies__item_inputs .checkbox-label,
.settings .undertime-policies__item_inputs .checkbox-label,
.employment .undertime-policies__item_inputs .checkbox-label,
.settings .attendance-remarks__item_inputs .checkbox-label,
.employment .attendance-remarks__item_inputs .checkbox-label,
.settings .company-settings__item_inputs .checkbox-label,
.employment .company-settings__item_inputs .checkbox-label {
  margin-top: 0;
}
.settings .leave-policies__item_inputs .custom-tagging-drop,
.employment .leave-policies__item_inputs .custom-tagging-drop,
.settings .overtime-policies__item_inputs .custom-tagging-drop,
.employment .overtime-policies__item_inputs .custom-tagging-drop,
.settings .undertime-policies__item_inputs .custom-tagging-drop,
.employment .undertime-policies__item_inputs .custom-tagging-drop,
.settings .attendance-remarks__item_inputs .custom-tagging-drop,
.employment .attendance-remarks__item_inputs .custom-tagging-drop,
.settings .company-settings__item_inputs .custom-tagging-drop,
.employment .company-settings__item_inputs .custom-tagging-drop {
  min-width: 170px;
  max-width: 275px;
}
.settings .leave-policies__box,
.employment .leave-policies__box,
.settings .overtime-policies__box,
.employment .overtime-policies__box,
.settings .undertime-policies__box,
.employment .undertime-policies__box,
.settings .attendance-remarks__box,
.employment .attendance-remarks__box,
.settings .company-settings__box,
.employment .company-settings__box {
  position: relative;
  width: 65%;
  padding: 20px 30px;
  border-radius: 5px;
  border: solid 1.5px #b9d0db;
}
.settings .leave-policies__box .leave-policies__item_label,
.employment .leave-policies__box .leave-policies__item_label,
.settings .overtime-policies__box .leave-policies__item_label,
.employment .overtime-policies__box .leave-policies__item_label,
.settings .undertime-policies__box .leave-policies__item_label,
.employment .undertime-policies__box .leave-policies__item_label,
.settings .attendance-remarks__box .leave-policies__item_label,
.employment .attendance-remarks__box .leave-policies__item_label,
.settings .company-settings__box .leave-policies__item_label,
.employment .company-settings__box .leave-policies__item_label,
.settings .leave-policies__box .company-settings__item_label,
.employment .leave-policies__box .company-settings__item_label,
.settings .overtime-policies__box .company-settings__item_label,
.employment .overtime-policies__box .company-settings__item_label,
.settings .undertime-policies__box .company-settings__item_label,
.employment .undertime-policies__box .company-settings__item_label,
.settings .attendance-remarks__box .company-settings__item_label,
.employment .attendance-remarks__box .company-settings__item_label,
.settings .company-settings__box .company-settings__item_label,
.employment .company-settings__box .company-settings__item_label {
  width: 25%;
}
.settings .leave-policies__box .leave-policies__item_inputs,
.employment .leave-policies__box .leave-policies__item_inputs,
.settings .overtime-policies__box .leave-policies__item_inputs,
.employment .overtime-policies__box .leave-policies__item_inputs,
.settings .undertime-policies__box .leave-policies__item_inputs,
.employment .undertime-policies__box .leave-policies__item_inputs,
.settings .attendance-remarks__box .leave-policies__item_inputs,
.employment .attendance-remarks__box .leave-policies__item_inputs,
.settings .company-settings__box .leave-policies__item_inputs,
.employment .company-settings__box .leave-policies__item_inputs,
.settings .leave-policies__box .company-settings__item_inputs,
.employment .leave-policies__box .company-settings__item_inputs,
.settings .overtime-policies__box .company-settings__item_inputs,
.employment .overtime-policies__box .company-settings__item_inputs,
.settings .undertime-policies__box .company-settings__item_inputs,
.employment .undertime-policies__box .company-settings__item_inputs,
.settings .attendance-remarks__box .company-settings__item_inputs,
.employment .attendance-remarks__box .company-settings__item_inputs,
.settings .company-settings__box .company-settings__item_inputs,
.employment .company-settings__box .company-settings__item_inputs {
  width: 50%;
}
.settings .leave-policies__box_small,
.employment .leave-policies__box_small,
.settings .overtime-policies__box_small,
.employment .overtime-policies__box_small,
.settings .undertime-policies__box_small,
.employment .undertime-policies__box_small,
.settings .attendance-remarks__box_small,
.employment .attendance-remarks__box_small,
.settings .company-settings__box_small,
.employment .company-settings__box_small {
  width: 55%;
  padding: 15px 22px;
  margin-bottom: 5px;
}
.settings .leave-policies__box_small .leave-policies__item_label,
.employment .leave-policies__box_small .leave-policies__item_label,
.settings .overtime-policies__box_small .leave-policies__item_label,
.employment .overtime-policies__box_small .leave-policies__item_label,
.settings .undertime-policies__box_small .leave-policies__item_label,
.employment .undertime-policies__box_small .leave-policies__item_label,
.settings .attendance-remarks__box_small .leave-policies__item_label,
.employment .attendance-remarks__box_small .leave-policies__item_label,
.settings .company-settings__box_small .leave-policies__item_label,
.employment .company-settings__box_small .leave-policies__item_label,
.settings .leave-policies__box_small .company-settings__item_label,
.employment .leave-policies__box_small .company-settings__item_label,
.settings .overtime-policies__box_small .company-settings__item_label,
.employment .overtime-policies__box_small .company-settings__item_label,
.settings .undertime-policies__box_small .company-settings__item_label,
.employment .undertime-policies__box_small .company-settings__item_label,
.settings .attendance-remarks__box_small .company-settings__item_label,
.employment .attendance-remarks__box_small .company-settings__item_label,
.settings .company-settings__box_small .company-settings__item_label,
.employment .company-settings__box_small .company-settings__item_label {
  width: 29%;
}
.settings .leave-policies__box_small .leave-policies__item_inputs,
.employment .leave-policies__box_small .leave-policies__item_inputs,
.settings .overtime-policies__box_small .leave-policies__item_inputs,
.employment .overtime-policies__box_small .leave-policies__item_inputs,
.settings .undertime-policies__box_small .leave-policies__item_inputs,
.employment .undertime-policies__box_small .leave-policies__item_inputs,
.settings .attendance-remarks__box_small .leave-policies__item_inputs,
.employment .attendance-remarks__box_small .leave-policies__item_inputs,
.settings .company-settings__box_small .leave-policies__item_inputs,
.employment .company-settings__box_small .leave-policies__item_inputs,
.settings .leave-policies__box_small .company-settings__item_inputs,
.employment .leave-policies__box_small .company-settings__item_inputs,
.settings .overtime-policies__box_small .company-settings__item_inputs,
.employment .overtime-policies__box_small .company-settings__item_inputs,
.settings .undertime-policies__box_small .company-settings__item_inputs,
.employment .undertime-policies__box_small .company-settings__item_inputs,
.settings .attendance-remarks__box_small .company-settings__item_inputs,
.employment .attendance-remarks__box_small .company-settings__item_inputs,
.settings .company-settings__box_small .company-settings__item_inputs,
.employment .company-settings__box_small .company-settings__item_inputs {
  width: 70%;
}
.settings .leave-policies__box .box-action,
.employment .leave-policies__box .box-action,
.settings .overtime-policies__box .box-action,
.employment .overtime-policies__box .box-action,
.settings .undertime-policies__box .box-action,
.employment .undertime-policies__box .box-action,
.settings .attendance-remarks__box .box-action,
.employment .attendance-remarks__box .box-action,
.settings .company-settings__box .box-action,
.employment .company-settings__box .box-action {
  position: absolute;
  top: 5px;
  right: 10px;
}
.settings .leave-policies__box .box-action__item,
.employment .leave-policies__box .box-action__item,
.settings .overtime-policies__box .box-action__item,
.employment .overtime-policies__box .box-action__item,
.settings .undertime-policies__box .box-action__item,
.employment .undertime-policies__box .box-action__item,
.settings .attendance-remarks__box .box-action__item,
.employment .attendance-remarks__box .box-action__item,
.settings .company-settings__box .box-action__item,
.employment .company-settings__box .box-action__item {
  color: #1aacc6;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  margin-left: 5px;
  line-height: 15px;
}
.settings .leave-policies__box.box-open .box-synopsis,
.employment .leave-policies__box.box-open .box-synopsis,
.settings .overtime-policies__box.box-open .box-synopsis,
.employment .overtime-policies__box.box-open .box-synopsis,
.settings .undertime-policies__box.box-open .box-synopsis,
.employment .undertime-policies__box.box-open .box-synopsis,
.settings .attendance-remarks__box.box-open .box-synopsis,
.employment .attendance-remarks__box.box-open .box-synopsis,
.settings .company-settings__box.box-open .box-synopsis,
.employment .company-settings__box.box-open .box-synopsis,
.settings .leave-policies__box.box-open .box-action__item_show,
.employment .leave-policies__box.box-open .box-action__item_show,
.settings .overtime-policies__box.box-open .box-action__item_show,
.employment .overtime-policies__box.box-open .box-action__item_show,
.settings .undertime-policies__box.box-open .box-action__item_show,
.employment .undertime-policies__box.box-open .box-action__item_show,
.settings .attendance-remarks__box.box-open .box-action__item_show,
.employment .attendance-remarks__box.box-open .box-action__item_show,
.settings .company-settings__box.box-open .box-action__item_show,
.employment .company-settings__box.box-open .box-action__item_show {
  display: none;
  transition: opacity 1s linear;
}
.settings .leave-policies__box.box-closed .box-content,
.employment .leave-policies__box.box-closed .box-content,
.settings .overtime-policies__box.box-closed .box-content,
.employment .overtime-policies__box.box-closed .box-content,
.settings .undertime-policies__box.box-closed .box-content,
.employment .undertime-policies__box.box-closed .box-content,
.settings .attendance-remarks__box.box-closed .box-content,
.employment .attendance-remarks__box.box-closed .box-content,
.settings .company-settings__box.box-closed .box-content,
.employment .company-settings__box.box-closed .box-content,
.settings .leave-policies__box.box-closed .box-action__item_minimize,
.employment .leave-policies__box.box-closed .box-action__item_minimize,
.settings .overtime-policies__box.box-closed .box-action__item_minimize,
.employment .overtime-policies__box.box-closed .box-action__item_minimize,
.settings .undertime-policies__box.box-closed .box-action__item_minimize,
.employment .undertime-policies__box.box-closed .box-action__item_minimize,
.settings .attendance-remarks__box.box-closed .box-action__item_minimize,
.employment .attendance-remarks__box.box-closed .box-action__item_minimize,
.settings .company-settings__box.box-closed .box-action__item_minimize,
.employment .company-settings__box.box-closed .box-action__item_minimize {
  display: none;
  transition: opacity 1s linear;
}
.settings .leave-policies__box .box-synopsis__item,
.employment .leave-policies__box .box-synopsis__item,
.settings .overtime-policies__box .box-synopsis__item,
.employment .overtime-policies__box .box-synopsis__item,
.settings .undertime-policies__box .box-synopsis__item,
.employment .undertime-policies__box .box-synopsis__item,
.settings .attendance-remarks__box .box-synopsis__item,
.employment .attendance-remarks__box .box-synopsis__item,
.settings .company-settings__box .box-synopsis__item,
.employment .company-settings__box .box-synopsis__item {
  display: inline-block;
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings .leave-policies .policy-input,
.employment .leave-policies .policy-input,
.settings .overtime-policies .policy-input,
.employment .overtime-policies .policy-input,
.settings .undertime-policies .policy-input,
.employment .undertime-policies .policy-input,
.settings .attendance-remarks .policy-input,
.employment .attendance-remarks .policy-input,
.settings .company-settings .policy-input,
.employment .company-settings .policy-input {
  width: 50px;
  padding: 0px 5px;
  text-align: center;
  display: inline-block;
}
.settings .leave-policies .policy-input_date,
.employment .leave-policies .policy-input_date,
.settings .overtime-policies .policy-input_date,
.employment .overtime-policies .policy-input_date,
.settings .undertime-policies .policy-input_date,
.employment .undertime-policies .policy-input_date,
.settings .attendance-remarks .policy-input_date,
.employment .attendance-remarks .policy-input_date,
.settings .company-settings .policy-input_date,
.employment .company-settings .policy-input_date {
  width: 250px;
  position: relative;
}
.settings .leave-policies .policy-input_date .g-icon_calendar,
.employment .leave-policies .policy-input_date .g-icon_calendar,
.settings .overtime-policies .policy-input_date .g-icon_calendar,
.employment .overtime-policies .policy-input_date .g-icon_calendar,
.settings .undertime-policies .policy-input_date .g-icon_calendar,
.employment .undertime-policies .policy-input_date .g-icon_calendar,
.settings .attendance-remarks .policy-input_date .g-icon_calendar,
.employment .attendance-remarks .policy-input_date .g-icon_calendar,
.settings .company-settings .policy-input_date .g-icon_calendar,
.employment .company-settings .policy-input_date .g-icon_calendar {
  position: absolute;
  top: 7px;
  right: 16px;
}
.settings .leave-policies .inline-select-container,
.employment .leave-policies .inline-select-container,
.settings .overtime-policies .inline-select-container,
.employment .overtime-policies .inline-select-container,
.settings .undertime-policies .inline-select-container,
.employment .undertime-policies .inline-select-container,
.settings .attendance-remarks .inline-select-container,
.employment .attendance-remarks .inline-select-container,
.settings .company-settings .inline-select-container,
.employment .company-settings .inline-select-container {
  display: inline-block;
}
.settings .leave-policies .inline-select-container__item,
.employment .leave-policies .inline-select-container__item,
.settings .overtime-policies .inline-select-container__item,
.employment .overtime-policies .inline-select-container__item,
.settings .undertime-policies .inline-select-container__item,
.employment .undertime-policies .inline-select-container__item,
.settings .attendance-remarks .inline-select-container__item,
.employment .attendance-remarks .inline-select-container__item,
.settings .company-settings .inline-select-container__item,
.employment .company-settings .inline-select-container__item {
  margin-left: 10px;
}
.settings .leave-policies .inline-select-container__item .secondary-label,
.employment .leave-policies .inline-select-container__item .secondary-label,
.settings .overtime-policies .inline-select-container__item .secondary-label,
.employment .overtime-policies .inline-select-container__item .secondary-label,
.settings .undertime-policies .inline-select-container__item .secondary-label,
.employment .undertime-policies .inline-select-container__item .secondary-label,
.settings .attendance-remarks .inline-select-container__item .secondary-label,
.employment .attendance-remarks .inline-select-container__item .secondary-label,
.settings .company-settings .inline-select-container__item .secondary-label,
.employment .company-settings .inline-select-container__item .secondary-label {
  margin-right: 3px;
}
.settings .leave-policies .delimeter,
.employment .leave-policies .delimeter,
.settings .overtime-policies .delimeter,
.employment .overtime-policies .delimeter,
.settings .undertime-policies .delimeter,
.employment .undertime-policies .delimeter,
.settings .attendance-remarks .delimeter,
.employment .attendance-remarks .delimeter,
.settings .company-settings .delimeter,
.employment .company-settings .delimeter {
  font-weight: bold;
  margin: 0 10px;
}
.settings .leave-policies .manage-rate-input,
.employment .leave-policies .manage-rate-input,
.settings .overtime-policies .manage-rate-input,
.employment .overtime-policies .manage-rate-input,
.settings .undertime-policies .manage-rate-input,
.employment .undertime-policies .manage-rate-input,
.settings .attendance-remarks .manage-rate-input,
.employment .attendance-remarks .manage-rate-input,
.settings .company-settings .manage-rate-input,
.employment .company-settings .manage-rate-input {
  width: 70px;
  margin-right: 10px;
}
.settings .input-row__label,
.employment .input-row__label {
  height: 35px;
  line-height: 35px;
}
.settings .setting-content__item,
.employment .setting-content__item,
.settings .company-country__item,
.employment .company-country__item,
.settings .company-bank__item,
.employment .company-bank__item,
.settings .company-identity__item,
.employment .company-identity__item,
.settings .cost-centres__item,
.employment .cost-centres__item,
.settings .departments__item,
.employment .departments__item,
.settings .suppliers__item,
.employment .suppliers__item,
.settings .company-commissions__item,
.employment .company-commissions__item {
  margin-top: 15px;
}
.settings .setting-content__item .error,
.employment .setting-content__item .error,
.settings .company-country__item .error,
.employment .company-country__item .error,
.settings .company-bank__item .error,
.employment .company-bank__item .error,
.settings .company-identity__item .error,
.employment .company-identity__item .error,
.settings .cost-centres__item .error,
.employment .cost-centres__item .error,
.settings .departments__item .error,
.employment .departments__item .error,
.settings .suppliers__item .error,
.employment .suppliers__item .error,
.settings .company-commissions__item .error,
.employment .company-commissions__item .error {
  display: block;
}
.settings .setting-content__item_CompanyDropzone,
.employment .setting-content__item_CompanyDropzone,
.settings .company-country__item_CompanyDropzone,
.employment .company-country__item_CompanyDropzone,
.settings .company-bank__item_CompanyDropzone,
.employment .company-bank__item_CompanyDropzone,
.settings .company-identity__item_CompanyDropzone,
.employment .company-identity__item_CompanyDropzone,
.settings .cost-centres__item_CompanyDropzone,
.employment .cost-centres__item_CompanyDropzone,
.settings .departments__item_CompanyDropzone,
.employment .departments__item_CompanyDropzone,
.settings .suppliers__item_CompanyDropzone,
.employment .suppliers__item_CompanyDropzone,
.settings .company-commissions__item_CompanyDropzone,
.employment .company-commissions__item_CompanyDropzone {
  width: 155px;
  margin: auto;
}
.settings .setting-content__item_CompanyDropzone .overlay-dropzone,
.employment .setting-content__item_CompanyDropzone .overlay-dropzone,
.settings .company-country__item_CompanyDropzone .overlay-dropzone,
.employment .company-country__item_CompanyDropzone .overlay-dropzone,
.settings .company-bank__item_CompanyDropzone .overlay-dropzone,
.employment .company-bank__item_CompanyDropzone .overlay-dropzone,
.settings .company-identity__item_CompanyDropzone .overlay-dropzone,
.employment .company-identity__item_CompanyDropzone .overlay-dropzone,
.settings .cost-centres__item_CompanyDropzone .overlay-dropzone,
.employment .cost-centres__item_CompanyDropzone .overlay-dropzone,
.settings .departments__item_CompanyDropzone .overlay-dropzone,
.employment .departments__item_CompanyDropzone .overlay-dropzone,
.settings .suppliers__item_CompanyDropzone .overlay-dropzone,
.employment .suppliers__item_CompanyDropzone .overlay-dropzone,
.settings .company-commissions__item_CompanyDropzone .overlay-dropzone,
.employment .company-commissions__item_CompanyDropzone .overlay-dropzone {
  margin-top: 9px;
}
.settings .setting-content__name-container,
.employment .setting-content__name-container,
.settings .company-country__name-container,
.employment .company-country__name-container,
.settings .company-bank__name-container,
.employment .company-bank__name-container,
.settings .company-identity__name-container,
.employment .company-identity__name-container,
.settings .cost-centres__name-container,
.employment .cost-centres__name-container,
.settings .departments__name-container,
.employment .departments__name-container,
.settings .suppliers__name-container,
.employment .suppliers__name-container,
.settings .company-commissions__name-container,
.employment .company-commissions__name-container,
.settings .setting-content__address-container,
.employment .setting-content__address-container,
.settings .company-country__address-container,
.employment .company-country__address-container,
.settings .company-bank__address-container,
.employment .company-bank__address-container,
.settings .company-identity__address-container,
.employment .company-identity__address-container,
.settings .cost-centres__address-container,
.employment .cost-centres__address-container,
.settings .departments__address-container,
.employment .departments__address-container,
.settings .suppliers__address-container,
.employment .suppliers__address-container,
.settings .company-commissions__address-container,
.employment .company-commissions__address-container,
.settings .setting-content__item-container,
.employment .setting-content__item-container,
.settings .company-country__item-container,
.employment .company-country__item-container,
.settings .company-bank__item-container,
.employment .company-bank__item-container,
.settings .company-identity__item-container,
.employment .company-identity__item-container,
.settings .cost-centres__item-container,
.employment .cost-centres__item-container,
.settings .departments__item-container,
.employment .departments__item-container,
.settings .suppliers__item-container,
.employment .suppliers__item-container,
.settings .company-commissions__item-container,
.employment .company-commissions__item-container,
.settings .setting-content__leave-name-container,
.employment .setting-content__leave-name-container,
.settings .company-country__leave-name-container,
.employment .company-country__leave-name-container,
.settings .company-bank__leave-name-container,
.employment .company-bank__leave-name-container,
.settings .company-identity__leave-name-container,
.employment .company-identity__leave-name-container,
.settings .cost-centres__leave-name-container,
.employment .cost-centres__leave-name-container,
.settings .departments__leave-name-container,
.employment .departments__leave-name-container,
.settings .suppliers__leave-name-container,
.employment .suppliers__leave-name-container,
.settings .company-commissions__leave-name-container,
.employment .company-commissions__leave-name-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.settings .setting-content__name-cover,
.employment .setting-content__name-cover,
.settings .company-country__name-cover,
.employment .company-country__name-cover,
.settings .company-bank__name-cover,
.employment .company-bank__name-cover,
.settings .company-identity__name-cover,
.employment .company-identity__name-cover,
.settings .cost-centres__name-cover,
.employment .cost-centres__name-cover,
.settings .departments__name-cover,
.employment .departments__name-cover,
.settings .suppliers__name-cover,
.employment .suppliers__name-cover,
.settings .company-commissions__name-cover,
.employment .company-commissions__name-cover,
.settings .setting-content__leave-name-cover,
.employment .setting-content__leave-name-cover,
.settings .company-country__leave-name-cover,
.employment .company-country__leave-name-cover,
.settings .company-bank__leave-name-cover,
.employment .company-bank__leave-name-cover,
.settings .company-identity__leave-name-cover,
.employment .company-identity__leave-name-cover,
.settings .cost-centres__leave-name-cover,
.employment .cost-centres__leave-name-cover,
.settings .departments__leave-name-cover,
.employment .departments__leave-name-cover,
.settings .suppliers__leave-name-cover,
.employment .suppliers__leave-name-cover,
.settings .company-commissions__leave-name-cover,
.employment .company-commissions__leave-name-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: beige;
  opacity: 0.3;
}
.settings .setting-content__name,
.employment .setting-content__name,
.settings .company-country__name,
.employment .company-country__name,
.settings .company-bank__name,
.employment .company-bank__name,
.settings .company-identity__name,
.employment .company-identity__name,
.settings .cost-centres__name,
.employment .cost-centres__name,
.settings .departments__name,
.employment .departments__name,
.settings .suppliers__name,
.employment .suppliers__name,
.settings .company-commissions__name,
.employment .company-commissions__name,
.settings .setting-content__address,
.employment .setting-content__address,
.settings .company-country__address,
.employment .company-country__address,
.settings .company-bank__address,
.employment .company-bank__address,
.settings .company-identity__address,
.employment .company-identity__address,
.settings .cost-centres__address,
.employment .cost-centres__address,
.settings .departments__address,
.employment .departments__address,
.settings .suppliers__address,
.employment .suppliers__address,
.settings .company-commissions__address,
.employment .company-commissions__address,
.settings .setting-content__leave-name,
.employment .setting-content__leave-name,
.settings .company-country__leave-name,
.employment .company-country__leave-name,
.settings .company-bank__leave-name,
.employment .company-bank__leave-name,
.settings .company-identity__leave-name,
.employment .company-identity__leave-name,
.settings .cost-centres__leave-name,
.employment .cost-centres__leave-name,
.settings .departments__leave-name,
.employment .departments__leave-name,
.settings .suppliers__leave-name,
.employment .suppliers__leave-name,
.settings .company-commissions__leave-name,
.employment .company-commissions__leave-name {
  width: 170px;
}
.settings .setting-content__leave-allotment,
.employment .setting-content__leave-allotment,
.settings .company-country__leave-allotment,
.employment .company-country__leave-allotment,
.settings .company-bank__leave-allotment,
.employment .company-bank__leave-allotment,
.settings .company-identity__leave-allotment,
.employment .company-identity__leave-allotment,
.settings .cost-centres__leave-allotment,
.employment .cost-centres__leave-allotment,
.settings .departments__leave-allotment,
.employment .departments__leave-allotment,
.settings .suppliers__leave-allotment,
.employment .suppliers__leave-allotment,
.settings .company-commissions__leave-allotment,
.employment .company-commissions__leave-allotment {
  width: 45px;
  margin-left: 20px;
}
.settings .setting-content__value,
.employment .setting-content__value,
.settings .company-country__value,
.employment .company-country__value,
.settings .company-bank__value,
.employment .company-bank__value,
.settings .company-identity__value,
.employment .company-identity__value,
.settings .cost-centres__value,
.employment .cost-centres__value,
.settings .departments__value,
.employment .departments__value,
.settings .suppliers__value,
.employment .suppliers__value,
.settings .company-commissions__value,
.employment .company-commissions__value {
  width: 170px;
  display: inline-block;
  vertical-align: top;
}
.settings .setting-content__entity-logo,
.employment .setting-content__entity-logo,
.settings .company-country__entity-logo,
.employment .company-country__entity-logo,
.settings .company-bank__entity-logo,
.employment .company-bank__entity-logo,
.settings .company-identity__entity-logo,
.employment .company-identity__entity-logo,
.settings .cost-centres__entity-logo,
.employment .cost-centres__entity-logo,
.settings .departments__entity-logo,
.employment .departments__entity-logo,
.settings .suppliers__entity-logo,
.employment .suppliers__entity-logo,
.settings .company-commissions__entity-logo,
.employment .company-commissions__entity-logo {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: 20px;
}
.settings .setting-content__entity-logo .overlay-dropzone_preview,
.employment .setting-content__entity-logo .overlay-dropzone_preview,
.settings .company-country__entity-logo .overlay-dropzone_preview,
.employment .company-country__entity-logo .overlay-dropzone_preview,
.settings .company-bank__entity-logo .overlay-dropzone_preview,
.employment .company-bank__entity-logo .overlay-dropzone_preview,
.settings .company-identity__entity-logo .overlay-dropzone_preview,
.employment .company-identity__entity-logo .overlay-dropzone_preview,
.settings .cost-centres__entity-logo .overlay-dropzone_preview,
.employment .cost-centres__entity-logo .overlay-dropzone_preview,
.settings .departments__entity-logo .overlay-dropzone_preview,
.employment .departments__entity-logo .overlay-dropzone_preview,
.settings .suppliers__entity-logo .overlay-dropzone_preview,
.employment .suppliers__entity-logo .overlay-dropzone_preview,
.settings .company-commissions__entity-logo .overlay-dropzone_preview,
.employment .company-commissions__entity-logo .overlay-dropzone_preview {
  line-height: 35px;
  border: none;
}
.settings .setting-content__entity-logo .dz-filename,
.employment .setting-content__entity-logo .dz-filename,
.settings .company-country__entity-logo .dz-filename,
.employment .company-country__entity-logo .dz-filename,
.settings .company-bank__entity-logo .dz-filename,
.employment .company-bank__entity-logo .dz-filename,
.settings .company-identity__entity-logo .dz-filename,
.employment .company-identity__entity-logo .dz-filename,
.settings .cost-centres__entity-logo .dz-filename,
.employment .cost-centres__entity-logo .dz-filename,
.settings .departments__entity-logo .dz-filename,
.employment .departments__entity-logo .dz-filename,
.settings .suppliers__entity-logo .dz-filename,
.employment .suppliers__entity-logo .dz-filename,
.settings .company-commissions__entity-logo .dz-filename,
.employment .company-commissions__entity-logo .dz-filename,
.settings .setting-content__entity-logo .image-enhance-container,
.employment .setting-content__entity-logo .image-enhance-container,
.settings .company-country__entity-logo .image-enhance-container,
.employment .company-country__entity-logo .image-enhance-container,
.settings .company-bank__entity-logo .image-enhance-container,
.employment .company-bank__entity-logo .image-enhance-container,
.settings .company-identity__entity-logo .image-enhance-container,
.employment .company-identity__entity-logo .image-enhance-container,
.settings .cost-centres__entity-logo .image-enhance-container,
.employment .cost-centres__entity-logo .image-enhance-container,
.settings .departments__entity-logo .image-enhance-container,
.employment .departments__entity-logo .image-enhance-container,
.settings .suppliers__entity-logo .image-enhance-container,
.employment .suppliers__entity-logo .image-enhance-container,
.settings .company-commissions__entity-logo .image-enhance-container,
.employment .company-commissions__entity-logo .image-enhance-container {
  max-width: 85px;
  white-space: nowrap;
}
.settings .setting-content__entity-logo .dz-filename .entity-logo-cancel,
.employment .setting-content__entity-logo .dz-filename .entity-logo-cancel,
.settings .company-country__entity-logo .dz-filename .entity-logo-cancel,
.employment .company-country__entity-logo .dz-filename .entity-logo-cancel,
.settings .company-bank__entity-logo .dz-filename .entity-logo-cancel,
.employment .company-bank__entity-logo .dz-filename .entity-logo-cancel,
.settings .company-identity__entity-logo .dz-filename .entity-logo-cancel,
.employment .company-identity__entity-logo .dz-filename .entity-logo-cancel,
.settings .cost-centres__entity-logo .dz-filename .entity-logo-cancel,
.employment .cost-centres__entity-logo .dz-filename .entity-logo-cancel,
.settings .departments__entity-logo .dz-filename .entity-logo-cancel,
.employment .departments__entity-logo .dz-filename .entity-logo-cancel,
.settings .suppliers__entity-logo .dz-filename .entity-logo-cancel,
.employment .suppliers__entity-logo .dz-filename .entity-logo-cancel,
.settings .company-commissions__entity-logo .dz-filename .entity-logo-cancel,
.employment .company-commissions__entity-logo .dz-filename .entity-logo-cancel,
.settings .setting-content__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .setting-content__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .company-country__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .company-country__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .company-bank__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .company-bank__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .company-identity__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .company-identity__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .cost-centres__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .cost-centres__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .departments__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .departments__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .suppliers__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .suppliers__entity-logo .image-enhance-container .entity-logo-cancel,
.settings .company-commissions__entity-logo .image-enhance-container .entity-logo-cancel,
.employment .company-commissions__entity-logo .image-enhance-container .entity-logo-cancel {
  top: 2px;
  right: -2px;
}
.settings .setting-content__entity-logo .dz-filename .image-enhance,
.employment .setting-content__entity-logo .dz-filename .image-enhance,
.settings .company-country__entity-logo .dz-filename .image-enhance,
.employment .company-country__entity-logo .dz-filename .image-enhance,
.settings .company-bank__entity-logo .dz-filename .image-enhance,
.employment .company-bank__entity-logo .dz-filename .image-enhance,
.settings .company-identity__entity-logo .dz-filename .image-enhance,
.employment .company-identity__entity-logo .dz-filename .image-enhance,
.settings .cost-centres__entity-logo .dz-filename .image-enhance,
.employment .cost-centres__entity-logo .dz-filename .image-enhance,
.settings .departments__entity-logo .dz-filename .image-enhance,
.employment .departments__entity-logo .dz-filename .image-enhance,
.settings .suppliers__entity-logo .dz-filename .image-enhance,
.employment .suppliers__entity-logo .dz-filename .image-enhance,
.settings .company-commissions__entity-logo .dz-filename .image-enhance,
.employment .company-commissions__entity-logo .dz-filename .image-enhance,
.settings .setting-content__entity-logo .image-enhance-container .image-enhance,
.employment .setting-content__entity-logo .image-enhance-container .image-enhance,
.settings .company-country__entity-logo .image-enhance-container .image-enhance,
.employment .company-country__entity-logo .image-enhance-container .image-enhance,
.settings .company-bank__entity-logo .image-enhance-container .image-enhance,
.employment .company-bank__entity-logo .image-enhance-container .image-enhance,
.settings .company-identity__entity-logo .image-enhance-container .image-enhance,
.employment .company-identity__entity-logo .image-enhance-container .image-enhance,
.settings .cost-centres__entity-logo .image-enhance-container .image-enhance,
.employment .cost-centres__entity-logo .image-enhance-container .image-enhance,
.settings .departments__entity-logo .image-enhance-container .image-enhance,
.employment .departments__entity-logo .image-enhance-container .image-enhance,
.settings .suppliers__entity-logo .image-enhance-container .image-enhance,
.employment .suppliers__entity-logo .image-enhance-container .image-enhance,
.settings .company-commissions__entity-logo .image-enhance-container .image-enhance,
.employment .company-commissions__entity-logo .image-enhance-container .image-enhance {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings .setting-content__select-container,
.employment .setting-content__select-container,
.settings .company-country__select-container,
.employment .company-country__select-container,
.settings .company-bank__select-container,
.employment .company-bank__select-container,
.settings .company-identity__select-container,
.employment .company-identity__select-container,
.settings .cost-centres__select-container,
.employment .cost-centres__select-container,
.settings .departments__select-container,
.employment .departments__select-container,
.settings .suppliers__select-container,
.employment .suppliers__select-container,
.settings .company-commissions__select-container,
.employment .company-commissions__select-container {
  display: inline-block;
  vertical-align: top;
  width: 170px;
}
.settings .setting-content__select-container .custom-error,
.employment .setting-content__select-container .custom-error,
.settings .company-country__select-container .custom-error,
.employment .company-country__select-container .custom-error,
.settings .company-bank__select-container .custom-error,
.employment .company-bank__select-container .custom-error,
.settings .company-identity__select-container .custom-error,
.employment .company-identity__select-container .custom-error,
.settings .cost-centres__select-container .custom-error,
.employment .cost-centres__select-container .custom-error,
.settings .departments__select-container .custom-error,
.employment .departments__select-container .custom-error,
.settings .suppliers__select-container .custom-error,
.employment .suppliers__select-container .custom-error,
.settings .company-commissions__select-container .custom-error,
.employment .company-commissions__select-container .custom-error {
  margin-left: 20px;
}
.settings .setting-content__error,
.employment .setting-content__error,
.settings .company-country__error,
.employment .company-country__error,
.settings .company-bank__error,
.employment .company-bank__error,
.settings .company-identity__error,
.employment .company-identity__error,
.settings .cost-centres__error,
.employment .cost-centres__error,
.settings .departments__error,
.employment .departments__error,
.settings .suppliers__error,
.employment .suppliers__error,
.settings .company-commissions__error,
.employment .company-commissions__error {
  margin-top: 10px;
  color: red;
}
.settings .setting-content__field,
.employment .setting-content__field,
.settings .company-country__field,
.employment .company-country__field,
.settings .company-bank__field,
.employment .company-bank__field,
.settings .company-identity__field,
.employment .company-identity__field,
.settings .cost-centres__field,
.employment .cost-centres__field,
.settings .departments__field,
.employment .departments__field,
.settings .suppliers__field,
.employment .suppliers__field,
.settings .company-commissions__field,
.employment .company-commissions__field {
  margin: auto;
}
.settings .setting-content__key,
.employment .setting-content__key,
.settings .company-country__key,
.employment .company-country__key,
.settings .company-bank__key,
.employment .company-bank__key,
.settings .company-identity__key,
.employment .company-identity__key,
.settings .cost-centres__key,
.employment .cost-centres__key,
.settings .departments__key,
.employment .departments__key,
.settings .suppliers__key,
.employment .suppliers__key,
.settings .company-commissions__key,
.employment .company-commissions__key {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 7px;
}
.settings .setting-content__margin-container,
.employment .setting-content__margin-container,
.settings .company-country__margin-container,
.employment .company-country__margin-container,
.settings .company-bank__margin-container,
.employment .company-bank__margin-container,
.settings .company-identity__margin-container,
.employment .company-identity__margin-container,
.settings .cost-centres__margin-container,
.employment .cost-centres__margin-container,
.settings .departments__margin-container,
.employment .departments__margin-container,
.settings .suppliers__margin-container,
.employment .suppliers__margin-container,
.settings .company-commissions__margin-container,
.employment .company-commissions__margin-container {
  margin-left: 20px;
}
.settings .setting-content__margin-container_small,
.employment .setting-content__margin-container_small,
.settings .company-country__margin-container_small,
.employment .company-country__margin-container_small,
.settings .company-bank__margin-container_small,
.employment .company-bank__margin-container_small,
.settings .company-identity__margin-container_small,
.employment .company-identity__margin-container_small,
.settings .cost-centres__margin-container_small,
.employment .cost-centres__margin-container_small,
.settings .departments__margin-container_small,
.employment .departments__margin-container_small,
.settings .suppliers__margin-container_small,
.employment .suppliers__margin-container_small,
.settings .company-commissions__margin-container_small,
.employment .company-commissions__margin-container_small {
  margin-left: 10px;
}
.settings .setting-content__margin-container input,
.employment .setting-content__margin-container input,
.settings .company-country__margin-container input,
.employment .company-country__margin-container input,
.settings .company-bank__margin-container input,
.employment .company-bank__margin-container input,
.settings .company-identity__margin-container input,
.employment .company-identity__margin-container input,
.settings .cost-centres__margin-container input,
.employment .cost-centres__margin-container input,
.settings .departments__margin-container input,
.employment .departments__margin-container input,
.settings .suppliers__margin-container input,
.employment .suppliers__margin-container input,
.settings .company-commissions__margin-container input,
.employment .company-commissions__margin-container input,
.settings .setting-content__margin-container select,
.employment .setting-content__margin-container select,
.settings .company-country__margin-container select,
.employment .company-country__margin-container select,
.settings .company-bank__margin-container select,
.employment .company-bank__margin-container select,
.settings .company-identity__margin-container select,
.employment .company-identity__margin-container select,
.settings .cost-centres__margin-container select,
.employment .cost-centres__margin-container select,
.settings .departments__margin-container select,
.employment .departments__margin-container select,
.settings .suppliers__margin-container select,
.employment .suppliers__margin-container select,
.settings .company-commissions__margin-container select,
.employment .company-commissions__margin-container select {
  margin-left: 0px !important;
}
.settings .setting-content .small-width-container,
.employment .setting-content .small-width-container,
.settings .company-country .small-width-container,
.employment .company-country .small-width-container,
.settings .company-bank .small-width-container,
.employment .company-bank .small-width-container,
.settings .company-identity .small-width-container,
.employment .company-identity .small-width-container,
.settings .cost-centres .small-width-container,
.employment .cost-centres .small-width-container,
.settings .departments .small-width-container,
.employment .departments .small-width-container,
.settings .suppliers .small-width-container,
.employment .suppliers .small-width-container,
.settings .company-commissions .small-width-container,
.employment .company-commissions .small-width-container {
  width: 85px;
}
.settings .company-bank__value,
.employment .company-bank__value,
.settings .company-bank__select-container,
.employment .company-bank__select-container,
.settings .company-bank__name-container,
.employment .company-bank__name-container {
  width: 180px;
}
.settings .leave-holidays__item,
.employment .leave-holidays__item,
.settings .checkbox-selector__item,
.employment .checkbox-selector__item {
  margin-top: 15px;
}
.settings .leave-holidays__name,
.employment .leave-holidays__name,
.settings .checkbox-selector__name,
.employment .checkbox-selector__name {
  width: 135px;
}
.settings .leave-holidays__date,
.employment .leave-holidays__date,
.settings .checkbox-selector__date,
.employment .checkbox-selector__date {
  width: 135px;
  margin-left: 20px;
  background-color: #ffffff !important;
}
.settings .leave-holidays__date_to,
.employment .leave-holidays__date_to,
.settings .checkbox-selector__date_to,
.employment .checkbox-selector__date_to {
  margin-left: 0px;
}
.settings .leave-holidays__entities,
.employment .leave-holidays__entities,
.settings .checkbox-selector__entities,
.employment .checkbox-selector__entities,
.settings .leave-holidays__toggler,
.employment .leave-holidays__toggler,
.settings .checkbox-selector__toggler,
.employment .checkbox-selector__toggler {
  margin-left: 20px;
  display: inline-block;
  width: 140px;
  height: 35px;
  line-height: 35px;
  color: #1aacc6;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  /*vertical-align: -webkit-baseline-middle !important;*/
}
.settings .leave-holidays__entities:hover .entity-lists,
.employment .leave-holidays__entities:hover .entity-lists,
.settings .checkbox-selector__entities:hover .entity-lists,
.employment .checkbox-selector__entities:hover .entity-lists,
.settings .leave-holidays__toggler:hover .entity-lists,
.employment .leave-holidays__toggler:hover .entity-lists,
.settings .checkbox-selector__toggler:hover .entity-lists,
.employment .checkbox-selector__toggler:hover .entity-lists,
.settings .leave-holidays__entities:hover .item-lists,
.employment .leave-holidays__entities:hover .item-lists,
.settings .checkbox-selector__entities:hover .item-lists,
.employment .checkbox-selector__entities:hover .item-lists,
.settings .leave-holidays__toggler:hover .item-lists,
.employment .leave-holidays__toggler:hover .item-lists,
.settings .checkbox-selector__toggler:hover .item-lists,
.employment .checkbox-selector__toggler:hover .item-lists {
  display: inline-block;
}
.settings .leave-holidays__hiddenCB,
.employment .leave-holidays__hiddenCB,
.settings .checkbox-selector__hiddenCB,
.employment .checkbox-selector__hiddenCB {
  display: none;
  width: 300px;
  position: absolute;
  top: 30px;
  left: 25px;
  padding: 10px;
  border: 1px solid #c7d7df;
  border-radius: 3px;
  background-color: white;
  z-index: 5;
}
.settings .leave-holidays__hiddenCB h3,
.employment .leave-holidays__hiddenCB h3,
.settings .checkbox-selector__hiddenCB h3,
.employment .checkbox-selector__hiddenCB h3 {
  text-align: center;
  margin-bottom: 5px;
}
.settings .leave-holidays__hiddenCB div,
.employment .leave-holidays__hiddenCB div,
.settings .checkbox-selector__hiddenCB div,
.employment .checkbox-selector__hiddenCB div {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings .leave-holidays__hiddenCB input[type="checkbox"],
.employment .leave-holidays__hiddenCB input[type="checkbox"],
.settings .checkbox-selector__hiddenCB input[type="checkbox"],
.employment .checkbox-selector__hiddenCB input[type="checkbox"] {
  display: none;
}
.settings .leave-holidays__hiddenCB label,
.employment .leave-holidays__hiddenCB label,
.settings .checkbox-selector__hiddenCB label,
.employment .checkbox-selector__hiddenCB label {
  padding: 2px 8px;
  line-height: 190%;
  outline-style: none;
  transition: all .6s;
  cursor: pointer;
  background-image: none !important;
  border: 1px solid #c7d7df;
  border-radius: 16px;
  margin: 5px 2px 5px 0px;
}
.settings .leave-holidays__hiddenCB input[type="checkbox"] + label:hover,
.employment .leave-holidays__hiddenCB input[type="checkbox"] + label:hover,
.settings .checkbox-selector__hiddenCB input[type="checkbox"] + label:hover,
.employment .checkbox-selector__hiddenCB input[type="checkbox"] + label:hover {
  background: rgba(106, 209, 223, 0.8);
}
.settings .leave-holidays__hiddenCB input[type="checkbox"]:checked + label,
.employment .leave-holidays__hiddenCB input[type="checkbox"]:checked + label,
.settings .checkbox-selector__hiddenCB input[type="checkbox"]:checked + label,
.employment .checkbox-selector__hiddenCB input[type="checkbox"]:checked + label {
  background: rgba(106, 209, 223, 0.5);
}
.settings .leave-holidays__hiddenCB input[type="checkbox"]:checked + label:hover,
.employment .leave-holidays__hiddenCB input[type="checkbox"]:checked + label:hover,
.settings .checkbox-selector__hiddenCB input[type="checkbox"]:checked + label:hover,
.employment .checkbox-selector__hiddenCB input[type="checkbox"]:checked + label:hover {
  background: rgba(106, 209, 223, 0.7);
}
.settings .company-country__item-delete,
.employment .company-country__item-delete,
.settings .leave-holidays__item-delete,
.employment .leave-holidays__item-delete {
  margin-left: 15px;
}
.settings .add-on,
.employment .add-on {
  padding: 0 4px;
}
.settings .carry-forward-settings__item,
.employment .carry-forward-settings__item {
  display: inline-block;
  width: 150px;
  /*&_select {*/
  margin-left: 20px;
  /*}*/
}
.settings .work-shifts__name,
.employment .work-shifts__name,
.settings .break-hours__name,
.employment .break-hours__name {
  width: 200px;
  margin-right: 25px;
}
.settings .work-shifts .settings__time-interval label,
.employment .work-shifts .settings__time-interval label,
.settings .break-hours .settings__time-interval label,
.employment .break-hours .settings__time-interval label {
  margin-left: 0 !important;
}
.settings .work-shifts__row,
.employment .work-shifts__row,
.settings .break-hours__row,
.employment .break-hours__row {
  margin-top: 15px;
}
.settings .setting-delete,
.employment .setting-delete {
  display: inline-block;
  line-height: 35px;
}
.settings .inline-input,
.employment .inline-input {
  display: inline-block;
  width: 150px;
}
.settings .inline-input_small,
.employment .inline-input_small {
  width: 110px;
}
.settings .small-text,
.employment .small-text {
  font-size: 11px;
}
.settings .language-handler,
.employment .language-handler {
  display: inline-block;
  vertical-align: middle;
}
.settings .language-handler_small-text,
.employment .language-handler_small-text {
  max-width: 40px;
}
.settings .label-height-span,
.employment .label-height-span {
  display: inline-block;
  line-height: 18px;
}
.settings .advance-settings,
.employment .advance-settings {
  position: relative;
  width: 220px;
}
.settings .advance-settings-link,
.employment .advance-settings-link {
  text-align: center;
  width: 100%;
  border: 1px solid #e7eff3;
}
.settings .advance-settings-link:before,
.employment .advance-settings-link:before {
  background: url(/css/icons.png) no-repeat 0 1px;
  background-position: -169px -147px;
  content: " ";
  position: absolute;
  width: 16px;
  height: 4px;
  z-index: 1;
  top: 11px;
  left: 10px;
}
.settings .advance-settings-toggler,
.employment .advance-settings-toggler {
  cursor: pointer;
}
.settings .advance-settings-wrapper,
.employment .advance-settings-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  border: 1px solid #e7eff3;
  z-index: 12;
  background: #fff;
  padding: 0 5px;
}
.settings .advance-settings__header,
.employment .advance-settings__header {
  font-weight: bold;
  height: 40px;
  line-height: 35px;
  background: #fff;
  border-bottom: 1px solid #e7eff3;
  padding-left: 30px;
}
.settings .advance-settings__header:before,
.employment .advance-settings__header:before {
  background: url(/css/icons.png) no-repeat 0 1px;
  background-position: -30px -79px;
  content: " ";
  position: absolute;
  width: 15px;
  height: 7px;
  z-index: 1;
  top: 18px;
  left: 10px;
}
.settings .advance-settings__content,
.employment .advance-settings__content {
  padding: 5px 0;
}
.settings .advance-settings__row,
.employment .advance-settings__row {
  margin-bottom: 5px;
}
.settings .advance-settings__row .settings__time,
.employment .advance-settings__row .settings__time {
  width: auto;
  padding: 0;
}
.settings .advance-settings__row .settings__time .settings__time_from,
.employment .advance-settings__row .settings__time .settings__time_from {
  padding: 0 5px;
}
.settings .advance-settings_open .advance-settings-wrapper,
.employment .advance-settings_open .advance-settings-wrapper {
  display: block;
}
.settings .seperator-label,
.employment .seperator-label {
  font-size: 13px;
  margin-left: 35px;
}
.template-builder__item .view-link {
  cursor: pointer;
  font-weight: bold;
}
.template-builder__item .edit-link {
  color: #1aacc6;
}
.template-builder__item_title {
  font-weight: bold;
  width: 25%;
}
.template-builder__item_action {
  text-align: right;
}
.template-builder__row .template-builder__view {
  margin-top: 10px;
}
.template-builder__row .template_outlet__input {
  position: relative;
  display: inline-block;
  width: 30%;
  margin-right: 20px;
}
.template-builder__row .template_outlet__input .select2-container.custom-simple-drop {
  width: 75%;
}
.template-builder__row .template_title__input {
  position: relative;
  display: inline-block;
  width: 25%;
  margin-right: 20px;
}
.template-builder__row .template_title__input input {
  width: 85%;
}
.template-builder__row .template_buttons__input {
  float: right;
}
.template-builder__row .template-builder__template_wrap {
  margin-top: 20px;
}
.template-builder__template_wrap {
  position: relative;
}
.template-builder__template_wrap .btn-group .btn {
  color: #c7d7df;
  margin-top: 5px;
  border-radius: 1px;
  box-shadow: unset;
  background: none;
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.template-builder__template_wrap .btn-group .dropdown-menu {
  top: 4px;
  left: 65px;
}
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu {
  position: relative;
}
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: 0!important;
  left: 100%!important;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu:hover > .dropdown-menu,
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu:focus > .dropdown-menu {
  display: block;
}
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.template-builder__template_wrap .btn-group .dropdown-menu .dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul {
  margin: 0px;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.numbers {
  background: url("../img/icon-numbers.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.text {
  background: url("../img/icon-text.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.staff-list {
  background: url("../img/icon-staff.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.shift {
  background: url("../img/ic_alarm_24px@2x.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.row-icon {
  background: url("../img/table-row-down.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li.column-icon {
  background: url("../img/table-row-right.png") no-repeat;
  background-position: left;
  background-position-x: 10px;
  background-size: 12%;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li {
  padding: 5px 35px;
  font-size: 13px;
  cursor: pointer;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li:hover {
  background-color: #CFD9E0;
}
.template-builder__template_wrap .btn-group .dropdown-menu ul li a {
  color: #3e4651;
}
.template-builder__template_wrap .btn-group.open .btn {
  background-color: #C7D7DF;
  color: #fff;
}
.template-builder__template_wrap input {
  height: 20px;
  text-align: center;
}
.template-builder__template_wrap input.small-input {
  height: 35px;
  width: 50px;
}
.template-builder__template_wrap .swiper-container {
  overflow: visible !important;
}
.template-builder__template_wrap .container-fluid {
  overflow: visible !important;
}
.template-builder__template_wrap .custom-menu {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0;
}
.template-builder__template_wrap .custom-menu li {
  padding: 8px 12px;
  cursor: pointer;
  list-style-type: none;
  transition: all .3s ease;
  user-select: none;
}
.template-builder__template_wrap .custom-menu li:hover {
  background-color: #DEF;
}
.template-builder__form_wrap .select2-container {
  border-radius: 5px;
}
.template-builder__form_wrap .select2-container-multi .select2-choices {
  border: 1px solid #dce2e6;
  border-radius: 5px;
}
.template-builder__form_wrap .select2-container-multi .select2-choices .select2-search-choice:first-child {
  margin-left: 5px;
}
.claim-variety {
  margin-bottom: 5px;
}
.claim-variety .meta-data-toggle {
  margin: 0;
}
.claim-variety .meta-data-toggle_hide {
  float: right;
}
.claim-variety .inline-input {
  width: 90px;
}
.claim-variety .add-claim-sub {
  width: 70%;
  text-align: right;
}
.setting-meta-block {
  width: 70%;
  padding: 15px 20px;
  background-color: rgba(215, 225, 231, 0.16);
  border-radius: 10px;
  margin: 5px 0;
}
.setting-meta-block_sub {
  margin-top: 10px;
}
.setting-meta-block_total {
  background-color: rgba(26, 172, 198, 0.16);
}
.setting-meta-block_total .setting-meta-block__header .claim-with-limit {
  color: #1aacc6;
}
.setting-meta-block__content {
  margin-top: 10px;
}
.setting-meta-block .toggle-swicth-container {
  margin-right: 30px;
}
.setting-meta-block .limit-el-toggle {
  cursor: pointer;
}
.setting-meta-block .header-title_sub {
  position: relative;
  padding-left: 10px;
}
.setting-meta-block .header-title .dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #1aacc6;
  position: absolute;
  top: 14px;
  left: 0px;
}
.setting-meta-block .hearder-input {
  border: none;
  background-color: inherit;
}
.weekdays-checkbox {
  display: inline-block;
}
.weekdays-checkbox label {
  text-align: center;
  background-position: top center !important;
  padding-left: 0px !important;
  padding-top: 20px;
  width: 45px;
}
.start-screen,
.background-msg {
  border: none;
  background: none;
  color: #bfd1da;
  font-family: 'notosans-regular', Arial, 'Helvetica Neue', sans-serif;
}
.start-screen__content-wrapper,
.background-msg__content-wrapper {
  width: 485px;
  margin: 0 auto;
}
.start-screen__content,
.background-msg__content {
  text-align: left;
  margin-top: 85px;
}
.start-screen__content h2,
.background-msg__content h2 {
  color: #bfd1da;
  font-size: 24px;
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
}
.start-screen__content ol,
.background-msg__content ol {
  margin-left: 15px;
  font-size: 15px;
}
.start-screen__content ol li,
.background-msg__content ol li {
  margin-bottom: 10px;
}
.start-screen__content img,
.background-msg__content img {
  width: 60px;
  height: auto;
}
.start-screen__content .text-montserrat,
.background-msg__content .text-montserrat {
  font-family: 'montserrat-regular', Arial, 'Helvetica Neue', sans-serif;
}
.start-screen__content a,
.background-msg__content a {
  color: #bfd1da;
  border-bottom: 1px dashed #bfd1da;
}
.start-screen__content p,
.background-msg__content p {
  font-size: 18px;
}
.start-screen__content p.small-text,
.background-msg__content p.small-text {
  font-size: 14px;
}
.start-screen__content_manager,
.background-msg__content_manager {
  text-align: center;
}
.start-screen__content_manager h2,
.background-msg__content_manager h2 {
  text-align: center;
}
.super-admin-announcement {
  background: none;
  border: none;
  font-family: 'notosans-regular', Arial, 'Helvetica Neue', sans-serif;
}
.super-admin-announcement__item {
  margin-bottom: 10px;
  margin-top: 5px;
}
.super-admin-announcement textarea {
  height: 200px;
}
.background-msg {
  margin: auto;
}
.color-purple {
  background-color: #7e57c2;
}
.color-pink {
  background-color: #e91e63;
}
.color-indigo {
  background-color: #523a71;
}
.color-lightgreen {
  background-color: #289976;
}
.color-darkgreen {
  background-color: #117254;
}
.color-lightblue {
  background-color: #5ba1f0;
}
.color-darkblue {
  background-color: #1565c0;
}
.color-red {
  background-color: #ad2404;
}
.color-orange {
  background-color: #eebf2e;
}
.color-yellow {
  background-color: #f9a825;
}
.color-lightpurple {
  background-color: #9370db;
}
.color-lightpink {
  background-color: #ffb6c1;
}
.color-lightseagreen {
  background-color: #20b2aa;
}
.color-brown {
  background-color: #8b4513;
}
.color-khakhi {
  background-color: #bdb76b;
}
.color-lightred {
  background-color: #cd5c5c;
}
.color-palegolden {
  background-color: #eee8aa;
}
.color-turquoise {
  background-color: #40e0d0;
}
.color-slategray {
  background-color: #708090;
}
.color-mediumturquoise {
  background-color: #48d1cc;
}
.color-rosybrown {
  background-color: #bc8f8f;
}
.color-chocolate {
  background-color: #d2691e;
}
.color-skyblue {
  background-color: #87ceeb;
}
.color-olivedrab {
  background-color: #6b8e23;
}
.color-orchid {
  background-color: #da70d6;
}
.color-peachpuff {
  background-color: #ffdab9;
}
.color-coral {
  background-color: #ff7f50;
}
.color-salmon {
  background-color: #fa8072;
}
.color-gadgetblue {
  background-color: #5f9ea0;
}
.color-tan {
  background-color: #d2b48c;
}
.bg-red {
  background-color: #fc4361;
}
.text-red {
  color: #fc4361;
}
.bg-non-editable {
  background-color: #d3d8cc;
}
.page-cover__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  /*background-image: url('transparent_pixel.png');*/
  z-index: 10;
}
.imageLargeWidth {
  height: 100% !important;
  width: auto !important;
}
.imageLargeHeight {
  width: 100% !important;
  height: auto !important;
}
.logoLargeWidth {
  height: auto !important;
  width: 100% !important;
}
.logoLargeHeight {
  width: auto !important;
  height: 100% !important;
}
.g-preventDefault {
  cursor: default;
}
.view-none {
  cursor: default;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #bbc1c6;
}
.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #bbc1c6;
}
.filter-link {
  float: right;
  font-size: 14px;
  text-decoration: underline;
  margin-top: 10px;
}
.home-link {
  float: right;
  font-size: 14px;
  text-decoration: underline;
}
.users-component {
  margin-top: 10px;
}
.users-component__item {
  float: left;
}
.users-component__item_limit {
  width: 70%;
}
.users-component__item_rate {
  width: 30%;
  text-align: right;
}
.users-component__input {
  width: 70%;
}
.users-component__meta-data {
  margin-top: 10px;
  font-size: 10px;
  color: #b1b5be;
}
.billing-component {
  margin-top: 10px;
}
.billing-component__item {
  float: left;
  width: 50%;
}
.billing-component__label {
  line-height: 35px;
}
.billing-component__value {
  margin-top: 0 !important;
}
.billing-component__meta-data {
  margin-top: 10px;
  font-size: 10px;
  color: #b1b5be;
}
.disc-list ul {
  list-style-type: disc !important;
}
.disc-list ul li {
  margin-left: 20px;
}
.account-settings {
  margin-top: 20px;
}
.appraisal-section__item {
  max-width: 700px;
}
.appraisal-section__row-container {
  font-size: 13px;
  margin-bottom: 15px;
}
.appraisal-section__row-container .edit-btn {
  cursor: pointer;
  float: right;
  color: #c7d7df;
  font-weight: bold;
}
.appraisal-section__row-container .edit-btn .edit-img {
  width: 20px;
}
.appraisal-section__row-container .edit-btn .edit-img img {
  width: 100%;
}
.appraisal-section__row-container .disc-list {
  margin: 0px !important;
}
.appraisal-section__row-container .disc-list li {
  color: #c7d7df !important;
}
.appraisal-section__row-container .date-input {
  margin-top: -10px;
}
.appraisal-section__row-header {
  margin-bottom: 10px;
}
.appraisal-section .dates-section__date-container {
  max-width: 100px;
  float: right;
}
.tokenfield {
  padding: 0 7px;
  margin-top: 5px;
  line-height: normal;
  min-height: 35px;
}
.tokenfield .token {
  vertical-align: top;
  margin-top: 5px;
  background-color: #758696;
  color: #fff;
}
.tokenfield .token .close {
  line-height: inherit;
  vertical-align: initial;
}
.ui-menu.ui-widget {
  background: #fff;
}
.collapsible {
  margin-top: 20px;
}
.collapsible-section {
  margin-bottom: 5px;
}
.collapsible__item {
  position: relative;
}
.collapsible__item:before {
  background: url('/css/icons.png') no-repeat 0 1px;
  background-position: -30px -79px;
  content: " ";
  position: absolute;
  width: 15px;
  height: 7px;
  z-index: 1;
  top: 18px;
  left: 10px;
}
.collapsible__item.collapsed .see-more-link {
  visibility: hidden;
  transition: visibility 350ms;
}
.collapsible__item.collapsed .collapsible__header-action {
  display: none;
}
.collapsible__item.twin-action-view .collapsible__header-action {
  display: none;
}
.collapsible__item.twin-action-view.collapsed .collapsible__header-action {
  display: block;
}
.collapsible__item.collapsed:before {
  background-position: -169px -147px;
  width: 16px;
  height: 4px;
}
.collapsible__header {
  color: #758696;
  cursor: pointer;
  font-weight: bold;
  height: 40px;
  line-height: 35px;
  background: #fff;
  border: 1px solid #e7eff3;
  padding-left: 30px;
}
.collapsible__header-action {
  float: right;
  line-height: 35px;
  margin-right: 10px;
  color: #1aacc6;
  font-weight: normal;
  cursor: pointer;
}
.collapsible__header-action_disabled {
  color: #c8d6e3;
  cursor: default;
}
.collapsible__content {
  padding: 10px 20px;
  background: #fff;
}
.collapsible .half-section__table td {
  height: 70px;
}
.collapsible .dashboard-announcement {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e7eff3;
}
.collapsible .dashboard-announcement:last-child {
  border-bottom: none;
}
.collapsible .clickable-block {
  cursor: pointer;
}
.collapsible .clickable-block:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.collapsible .clickable-block__selector {
  position: relative;
  float: right;
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
  /* The slider */
}
.switch_inline-with-box {
  margin-top: 10px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #6ad1df;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch_two-side-enabled .slider {
  background-color: #9ccd45;
}
.switch_two-side-enabled input:checked + .slider {
  background-color: #fcba39;
}
.switch_small {
  width: 33px;
  height: 14px;
}
.switch_small .slider:before {
  height: 12px;
  width: 12px;
}
.switch_no-margin {
  margin: 0px;
}
.floating-label-container {
  float: left;
}
.floating-label-container label {
  float: left;
}
#company-working-days .checkbox-label {
  min-width: 125px;
}
.dialog.page-cover .close-icon-wrapper {
  display: none;
  position: absolute;
  top: 4px;
  right: 8px;
  /*z-index: 30;*/
  width: 12px;
  height: 12px;
}
.dialog.page-cover .close-icon-wrapper img {
  max-width: 100%;
  cursor: pointer;
}
.dialog.page-cover.dblClickDlgClose .page__dialog {
  position: relative;
}
.dialog.page-cover.dblClickDlgClose .page__dialog .close-icon-wrapper {
  display: block;
}
.dialog.page-cover .close-icon-wrapper-profile {
  display: none;
  position: absolute;
  top: 4px;
  right: 8px;
  /*z-index: 30;*/
  width: 12px;
  height: 12px;
}
.dialog.page-cover .close-icon-wrapper-profile img {
  max-width: 100%;
  cursor: pointer;
}
.dialog.page-cover.dblClickDlgClose .page__dialog {
  position: relative;
}
.dialog.page-cover.dblClickDlgClose .page__dialog .close-icon-wrapper-profile {
  display: block;
}
.flex-centered {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-items: center;
}
.ql-picker-options {
  max-height: 200px;
  overflow-y: auto;
}
.dashboard-leave-meta {
  width: 50%;
}
.dashboard-roster-meta {
  width: 45%;
}
.pending-attendances__data {
  width: 25%;
}
.pending-attendances__text {
  font-size: 15px;
}
.pending-attendances__outlet-image {
  width: 11px;
}
.sm-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.sm-margin-top {
  margin-top: 30px;
}
.bulk-payroll {
  margin-top: 20px;
}
.set-dropdown {
  width: 150px;
}
.on-filters,
.hidden-rows {
  background: #fff;
  min-height: 40px;
  line-height: 40px;
  padding: 0 22px;
}
.on-filters .current-filters__filter-div,
.hidden-rows .current-filters__filter-div,
.on-filters .small-tags__filter-div,
.hidden-rows .small-tags__filter-div,
.on-filters .current-filters__tag-div,
.hidden-rows .current-filters__tag-div,
.on-filters .small-tags__tag-div,
.hidden-rows .small-tags__tag-div {
  display: inline-block;
  width: auto;
  height: 27px;
  line-height: 27px;
  background: #f1eeee;
  padding: 0 8px;
  margin-right: 5px;
}
.on-filters .current-filters__content,
.hidden-rows .current-filters__content,
.on-filters .small-tags__content,
.hidden-rows .small-tags__content {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
}
.on-filters .current-filters .remove-filter,
.hidden-rows .current-filters .remove-filter,
.on-filters .small-tags .remove-filter,
.hidden-rows .small-tags .remove-filter,
.on-filters .current-filters .remove-tag,
.hidden-rows .current-filters .remove-tag,
.on-filters .small-tags .remove-tag,
.hidden-rows .small-tags .remove-tag {
  cursor: pointer;
  margin-right: 5px;
}
.on-filters .small-tags,
.hidden-rows .small-tags {
  font-size: 12px;
}
.on-filters .small-tags__tag-div,
.hidden-rows .small-tags__tag-div {
  height: 22px;
  line-height: 22px;
}
.on-filters_no-color,
.hidden-rows_no-color {
  background: #f4f8fa;
}
.on-filters-ot {
  padding: 5px 22px 5px;
  border-bottom: 1px solid #e7eff3;
}
.see-more-link {
  position: absolute;
  right: 20px;
  line-height: 40px;
}
.emp-filter .emp-filter-clickable {
  font-family: 'lato-bold', Arial, 'Helvetica Neue', sans-serif;
  cursor: pointer;
}
.emp-filter .emp-filter-clickable__item {
  display: inline-block;
}
.emp-filter .emp-filter-clickable__icon img {
  width: 15px;
}
.emp-filter .emp-filter-clickable .down-arrow-img {
  padding-left: 10px;
}
.emp-filter .emp-filter-clickable_ongoing-task {
  color: #9ccd45;
}
.emp-filter .emp-filter-clickable_pending-approvals {
  color: #F78F1E;
}
.emp-filter .emp-filter-clickable_pending-approvals .pending-count {
  background: #F78F1E;
}
.emp-filter .emp-filter-clickable_declined-task .denied-count {
  background: #434F5B;
}
.emp-filter_options {
  display: inline-block;
  float: right;
  margin-right: 10px;
  height: 40px;
  line-height: 40px;
}
.emp-filter_options .small-height-text {
  line-height: 20px;
  font-size: 13px;
}
.emp-filter_border-options {
  padding-right: 10px;
  border-right: 1px solid #e7eff3;
  padding-left: 10px;
  border-left: 1px solid #e7eff3;
}
.emp-filter__switch {
  max-width: 200px;
}
.user-list,
.outlet-user-list {
  background: #ffffff;
  position: absolute;
  height: auto;
  width: 186px;
  text-align: left;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  padding: 10px;
  z-index: 1;
  font-family: 'lato-regular', Arial, 'Helvetica Neue', sans-serif;
  max-height: 170px;
  overflow-y: auto;
}
.user-list_active,
.outlet-user-list_active {
  left: -168px;
  bottom: 52px;
  display: none;
}
.user-list_inactive,
.outlet-user-list_inactive {
  right: -168px;
  bottom: 52px;
  display: none;
}
.user-list_users,
.outlet-user-list_users {
  left: 154px;
  bottom: 13px;
  display: none;
}
.user-list .active,
.outlet-user-list .active {
  margin-bottom: 10px;
}
.user-list .active_chart,
.outlet-user-list .active_chart {
  margin: 0px;
}
.user-list .inactive,
.outlet-user-list .inactive {
  margin-bottom: 5px;
}
.user-list .inactive_chart,
.outlet-user-list .inactive_chart {
  margin: 0px;
}
.leave-request,
.user-leaves,
.stats-list {
  display: none;
  top: 188px;
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  background: white;
  z-index: 1;
  height: auto;
  max-height: 160px;
  overflow-y: auto;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  padding: 8px;
}
.leave-request__row,
.user-leaves__row,
.stats-list__row {
  display: block;
  margin-bottom: 5px;
}
.leave-request__info,
.user-leaves__info,
.stats-list__info {
  display: inline-block;
  width: 50%;
  text-align: left;
}
.leave-request__dates,
.user-leaves__dates,
.stats-list__dates {
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  width: 50%;
}
.leave-request__user-name,
.user-leaves__user-name,
.stats-list__user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.job-title-efllipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
  margin: 0 auto;
}
.declined-color {
  color: #434F5B;
}
.pending-color {
  color: #F78F1E;
}
.unapproved-rosters__meta {
  text-align: center;
}
#company-identity {
  position: absolute;
  top: 0;
  right: 20px;
  width: 240px;
  padding-top: 20px;
}
.naked-select2 .select2-choice {
  border: none;
}
.naked-select2 .select2-choice .select2-arrow {
  background: transparent;
  border: none;
}
.departments__item,
.devices__item {
  display: block;
  margin-top: 13px;
}
.departments__item .g-section,
.devices__item .g-section {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}
.sub-department_for_department__name-container {
  min-width: 220px;
}
.down-arrow-transformed-left {
  transform: rotate(90deg);
  margin-left: -7px;
}
.small-box {
  width: 50px;
  text-align: center;
}
.small-box_big {
  width: 75px;
}
.miniature-box {
  width: 45px;
  height: 20px;
  padding: 0 5px;
  text-align: center;
}
.hr-small {
  width: 80%;
}
.holiday-dropdown {
  width: 120px;
  position: absolute;
  top: 1%;
  right: 4%;
}
.workdayRow .working-time-error {
  vertical-align: top;
  margin-top: 12px;
}
.collapsible-appraisal-settings .collapsible__content {
  padding: 0px 20px;
}
.collapsible-appraisal-settings .collapsible__content .clubbed-items {
  margin-top: 0px !important;
}
.no-doc-text {
  margin: 0 10px;
}
.roster_modifiers {
  position: absolute;
  right: 27px;
  top: 4px;
}
.apprail-setting-clear {
  top: 55px;
  left: 650px;
  cursor: pointer;
  color: #1aacc6;
}
.hoverable-div {
  cursor: pointer;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .75rem;
  font-weight: normal;
  position: relative;
  float: right;
  padding-right: 35px;
  height: 43px;
  width: 185px;
}
.hoverable-div__placeholder {
  color: #000;
  line-height: 2.6875rem;
  margin-left: 5px;
  margin-right: 5px;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  font-size: 13px;
  font-weight: bold;
}
.hoverable-div__placeholder:after {
  background: url('/css/icons.png') no-repeat 0 1px;
  background-position: -30px -79px;
  content: " ";
  position: absolute;
  width: 15px;
  height: 7px;
  z-index: 1;
  top: 15px;
  right: -10px;
}
.hoverable-div__list {
  display: none;
  position: absolute;
  width: 100%;
  top: 3rem;
  height: auto;
  z-index: 10;
}
.hoverable-div__option {
  text-align: left;
  width: 100%;
  background: #ffffff;
  cursor: pointer;
  padding: 0 8px;
  font-size: 14px;
  text-transform: uppercase;
}
.hoverable-div__option a {
  display: block;
  line-height: 24px !important;
  border: none;
  color: #000000;
}
.hoverable-div__option a:hover {
  color: #ffffff;
}
.hoverable-div__option:hover {
  background: #3875d7;
}
.hoverable-div:hover .hoverable-div__list,
.hoverable-div:focus .hoverable-div__list {
  display: block;
}
select.custom-tagging-drop {
  display: none !important;
}
.save-changes-btn {
  position: absolute;
  right: 20px;
  bottom: 2px;
}
.save-changes-btn a {
  color: #ffffff !important;
  padding: 3px 9px !important;
}
.tab-box-container {
  line-height: 1;
  font-size: 12px;
  text-align: center;
  width: 99%;
}
.tab-box-container .tab-box {
  display: inline-block;
  padding: 4px 10px;
  margin-right: 4px;
  background: #e7eff3;
  border-radius: 10px;
}
.tab-box-container .tab-box:last-child {
  margin-right: none;
}
.tab-box-container .tab-box a {
  color: #758696 !important;
}
.tab-box-container .tab-box:not(.g-preventActive).active {
  background: #6ad1df;
}
.tab-box-container_top-alligned {
  margin-top: 15px;
}
.profile-documents .overview-section {
  padding: 8px 5px;
  border: 1px solid #b2b2b2;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.profile-documents .profile-documents__item:last-child {
  margin-bottom: 20px;
}
.faq {
  margin-bottom: 30px;
}
.faq p {
  font-size: 14px;
}
p.faq__question {
  color: #fc4361;
  font-size: 16px;
}
p.faq__note {
  font-weight: bold;
  font-size: 12px;
}
p.faq__note .highlight {
  color: #fc4361;
}
.faq ol {
  margin-left: 15px;
}
.stats {
  text-align: center;
}
.stats__item {
  border: 1px solid #fff;
  border-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.stats__item.relative-leaves:hover .leave-request {
  display: block;
}
.stats__item.hover-show-stats-list:hover .stats-list {
  display: block;
}
.stats__item.on-leave-block:hover .user-leaves {
  display: block;
}
.stats_small .stats__item {
  padding-top: 25px;
  padding-bottom: 25px;
}
.stats_small .stats-list {
  top: 138px !important;
}
.stats__item-num {
  font-family: 'oswald-light', Arial, 'Helvetica Neue', sans-serif;
  font-size: 70px;
  line-height: 1;
  color: #3e4651;
}
.stats__item-label {
  font-size: 12px;
  color: #677787;
}
.stats .stats-list .user__name,
.stats .stats-list .user__data {
  font-size: 12px;
  line-height: 1;
  max-width: 100%;
  vertical-align: top;
}
.tab-collapsible-container_dropdown {
  position: relative;
}
.tab-collapsible-wrapper_dropdown {
  display: none;
  position: absolute;
  z-index: 15;
}
.tab-collapsible__options_dropdown {
  display: block !important;
  border-bottom: 1px solid #c5cbd1;
  border-left: 1px solid #758696;
  border-right: 1px solid #758696;
}
.tab-collapsible__options_dropdown a {
  vertical-align: middle;
  line-height: 1.4;
}
.tab-collapsible__options_dropdown:first-child {
  border-top: 1px solid #758696;
}
.tab-collapsible__options_dropdown:last-child {
  border-bottom: 1px solid #758696;
}
.tab-collapsible__options_dropdown:hover {
  background-color: #c5cbd1 !important;
}
.tab-collapsible:hover .tab-collapsible-wrapper,
.tab-collapsible:active .tab-collapsible-wrapper,
.tab-collapsible.active .tab-collapsible-wrapper {
  display: block !important;
}
.data-card {
  text-align: center;
  width: 200px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  margin: 5px;
}
.data-card__item {
  margin-top: 5px;
}
.data-card__item:first-child {
  margin-top: 0px;
}
.data-card__outlet {
  white-space: nowrap;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-card .link-action {
  margin-left: 3px;
  cursor: pointer;
}
.data-card .link-action img {
  width: 20px;
}
.offline-data-card {
  text-align: center;
  width: 200px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  margin: 5px;
}
.offline-data-card__item {
  margin-top: 5px;
}
.offline-data-card__item:first-child {
  margin-top: 0px;
}
.offline-data-card .link-action {
  margin-left: 3px;
  cursor: pointer;
}
.offline-data-card .link-action img {
  width: 20px;
}
.sample-payslip-options label {
  min-width: 120px;
}
.hidden-db-data-section {
  display: none;
}
.label-switch .switch {
  margin: 0;
  vertical-align: middle;
  line-height: 35px;
}
/**
Media queries
**/
@media only screen and (min-width: 1020px) and (max-width: 1340px) {
  .reports-template-page .sorting-select .custom-simple-drop {
    max-width: 122px;
  }
  .reports-template-page .sorting-select .custom-simple-drop .select2-choice {
    padding: 0px 0px 0px 2px;
  }
  .reports-template-page .sorting-select > span {
    font-size: 12px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1100px) {
  .reports-template-page .search-report-list {
    max-width: 135px;
    margin-right: 5px;
  }
  .reports-template-page .search-report-list input {
    padding-right: 0px;
  }
}
@media (max-width: 1185px) {
  .content .search-bar {
    width: 150px;
  }
}
/**
Desktops
**/
@media (min-width: 768px) {
  /**
    Analytics
    **/
  .chart {
    margin-left: -20px !important;
  }
  .chart__state-wrapper {
    padding-right: 50px;
  }
}
.roster__view__switch .switch {
  vertical-align: middle;
  margin: 0px;
}
.roster__view__switch .switch input:checked + .slider {
  background-color: #F89A33;
}
.roster__view__switch .switch .slider {
  background-color: #6ad1df;
}
.roster__view__switch__right {
  float: right;
}
.roster__template__select {
  width: 250px;
  margin-right: 10px;
}
.roster__template__select .select2-container {
  width: 75%;
}
.roster__template__select select {
  width: 75%;
}
.stafflist-details .add-staff-label {
  width: 100%;
  font-size: 15px;
}
.stafflist-details .m-left-6 {
  margin-left: 6px;
}
.stafflist-details .overlay-form__item_compact {
  width: 100%;
}
.seperator_small-gap {
  margin-top: 15px;
}
.seperator_small-gap hr {
  margin-top: 12px;
  margin-bottom: 12px;
}
.seperator_noLRmargin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.view-users-with-device {
  margin-left: 25px;
}
.template-title .template-toggle {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
  text-align: right;
}
.template-title .template-wish {
  width: 245px;
  padding-right: 30px;
  padding-right: 10px;
}
@media (min-width: 992px) {
  .gridcard {
    padding-right: 10px;
  }
}
@media (max-width: 1199px) {
  .gridcard_staff:nth-child(2n) {
    padding-right: 0;
  }
  .gridcard_announcement:nth-child(2n) {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .gridcard_staff:nth-child(3n) {
    padding-right: 0;
  }
  .gridcard_announcement:nth-child(3n) {
    padding-right: 0;
  }
  .gridcard_outlet:nth-child(2n) {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .chart__user-state {
    padding-left: 50px;
  }
  .chart {
    margin-left: -20px !important;
  }
  .chart__state-wrapper {
    padding-right: 50px;
  }
}
@media (max-width: 991px) {
  .chart__user-outlets {
    padding-left: 50px;
  }
  .chart__user-state {
    padding-left: 50px;
  }
}
@media (min-width: 1185px) {
  .content .search-bar {
    width: 170px;
  }
}
@media (max-width: 1185px) {
  .content .search-bar {
    width: 150px;
  }
}
@media (max-width: 768px) {
  .content-wrapper {
    margin-left: 0px;
    margin-right: 0px;
  }
  .chart {
    padding-left: 20px;
    padding-right: 20px;
  }
  .chart__user-outlets {
    margin-top: 30px;
  }
}
@media (max-width: 370px) {
  .page_login input {
    width: 300px;
  }
  .page_forgetpassword input {
    width: 300px;
  }
  .page_manualinvitation input {
    width: 300px;
  }
  .page_resetpassword input {
    width: 300px;
  }
}
#all_rooms_header {
  padding-top: 35px;
  height: 92px;
}
#all_rooms_header .custom-header__tabs {
  height: 70px;
}
#all_rooms_header .custom-header__tabs a {
  font-size: 15px;
  padding: 10px 23px;
}
#all_rooms_section {
  margin-top: 0px;
}
#btn-addOnlineMettingRoom {
  padding: 10px 25px;
}
#mySearch {
  width: 300px;
}
#search_meet {
  padding-left: 30px;
}
.search_section {
  width: 300px;
  margin-bottom: 20px;
}
.search_section:before {
  background: url(/css/icons.png) no-repeat 0 1px;
  background-position: -123px -134px;
  content: " ";
  position: absolute;
  height: 12px;
  width: 12px;
  z-index: 1;
  top: 20px;
  left: 12px;
}
.online_dialog {
  overflow: auto;
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.all_rooms {
  height: 25px;
  font-family: Tahoma;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: right;
  color: #1aacc6;
}
.meeting_content {
  align-items: center;
}
.meeting_content .data-card {
  cursor: pointer;
}
.meeting_content .inline-container .g-bold-weight {
  width: 175px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.meeting_content .inline-container:nth-child(2) {
  margin-top: 15px;
}
.meeting_content .inline-container p {
  width: 61px;
  height: 22px;
  font-family: Tahoma;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #758697;
}
body ul.switch-accounts__links {
  overflow: hidden;
}
body ul.switch-accounts__links li {
  display: block;
  padding: 5px 0px !om;
  float: none;
}
body ul.switch-accounts__links li a {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
.form-group.labourTypeTarget {
  margin-top: 10px;
}
div#carousel {
  text-align: center;
  background: #fff;
}
canvas#pdf-canvas {
  width: 100%;
}
.content-section__body:hover .announcement-duplication-event {
  visibility: visible;
}
.announcement-duplication-event {
  position: absolute;
  top: 5px;
  right: 50px;
  width: 17px;
  height: 17px;
  color: darkgrey;
  visibility: hidden;
}
.edit-icon-style {
  right: 28px !important;
}
.checkbox-style {
  right: 4px !important;
}
.next-prev-btn button {
  text-decoration: none;
  display: inline-block;
  padding: 0px 11px 4px;
  border: 0px;
  font-size: 29px;
  line-height: 33px;
}
.next-prev-btn a:hover {
  background-color: #ddd;
  color: black;
}
.round {
  background-color: #f1f1f1;
  color: black;
  border-radius: 50%;
}
.next-prev-btn {
  display: flex;
  margin-left: 10px;
}
.next-prev-btn form#SearchOutletRosterFilterForm {
  margin-right: 5px;
}
.reports-template-page .table-column {
  text-align: center;
  min-width: 270px;
  max-width: 270px;
}
.reports-template-page .table-column_small {
  min-width: 80px;
  max-width: 80px;
}
.reports-template-page .table-column-child {
  text-align: center;
  min-width: 90px;
  max-width: 90px;
  line-height: 12px;
  vertical-align: middle !important;
  padding: 0 2px !important;
  word-break: break-word;
}
.roster-outlet-div {
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 15px;
  width: 275px;
}
.emp-filter-clickable__item_roster {
  font-weight: 700;
}
.reports-template-page table.nested-roster-outlet-table tr td {
  font-size: 11px;
  border-right: solid 1px #e7eff3;
  border-left: solid 1px #e7eff3;
}
.roster-outlet-page-table table.report-template-table tr th,
.reports-template-page table.report-template-table tr td {
  border: solid 1px #c1d6df;
  padding: 15px 10px;
  vertical-align: top;
  text-align: center;
}
.reports-template-page table.report-template-table tr td {
  font-size: 11px;
}
table.nested-roster-outlet-table {
  margin: -15px -11px -15px -10px;
}
.roster-outlet-page-table table.report-template-table tr th {
  color: white;
  font-weight: 300;
  font-size: 13px;
}
table.nested-roster-outlet-table tr.nested-hdr td {
  color: black;
  font-weight: 600;
  padding-bottom: 2px;
}
table.nested-roster-outlet-table tr td.nested-tbl-body {
  background-color: white;
}
table.nested-roster-outlet-table tr.nested-body-tr td {
  font-family: "Montserrat", sans-serif;
  color: #434f5b;
  font-weight: 400;
  padding-bottom: 0px;
  width: 33%;
}
table.nested-roster-outlet-table tr.nested-body-tr {
  height: 65px;
}
.roster-outlet-pdf {
  margin-right: 10px;
}
.page_ot-compensation {
  overflow-y: initial;
}
.page_ot-compensation .payroll-list_otcompensation .line-height-initial {
  line-height: initial;
}
.page_ot-compensation .payroll-list_otcompensation .content-section__header {
  height: auto;
  padding: 25px 20PX 15px;
}
.page_ot-compensation .payroll-list_otcompensation .content-section__header h3 {
  color: #434f5b;
}
.page_ot-compensation .payroll-list_otcompensation .content-section__header a {
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 14px;
}
.page_ot-compensation .payroll-list_otcompensation .content-section__header a.disabled {
  color: #434f5b;
  font-weight: bold;
  border: none;
  font-size: 14px;
  background-color: lightgray;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data th {
  font-size: 14px;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data .text-align-left {
  text-align: left;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data .text-align-center {
  text-align: center;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data .text-align-right {
  text-align: right;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data .checkbox-label.checkbox-label_no-text.disabled {
  cursor: not-allowed;
}
.page_ot-compensation .payroll-list_otcompensation .ot_compensation_data .badge_ot_pending {
  background-color: #ef425f;
  font-weight: normal;
  padding: 3px 5px;
  margin-bottom: 3px;
}
.page_ot-compensation .payroll-list_otcompensation .eye_view_icon {
  width: 10px;
  height: 8px;
}
.page_ot-compensation .payroll-list_otcompensation .ot_status_icon {
  width: 25px;
  height: 25px;
}
.page_ot-compensation a.go-to-team-compensation-page {
  margin-top: 10px;
  color: #758696;
  text-decoration: none;
  font-weight: bold;
}
.page_ot-compensation a.go-to-team-compensation-page img.redirect-icon {
  margin-left: 5px;
}
.page_ot-compensation a.export-all-compensation-data {
  margin-top: 10px;
  color: #758696;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}
.page_ot-compensation a.export-all-compensation-data img.download-icon {
  margin-left: 7px;
  margin-right: 10px;
  width: 12px;
}
.page_ot-compensation a.export-all-compensation-data.disabled {
  cursor: not-allowed;
}
.page_ot-compensation-weekly-break-down {
  overflow-y: initial;
}
.page_ot-compensation-weekly-break-down .text-date-center {
  text-align: center;
  padding-top: 5px;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .line-height-initial {
  line-height: initial;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .content-section__header {
  height: auto;
  padding: 25px 20PX 0px;
  border-bottom: none;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .content-section__header h3 {
  color: #434f5b;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .content-section__header a {
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 14px;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .content-section__header a.disabled {
  color: #434f5b;
  font-weight: bold;
  border: none;
  font-size: 14px;
  background-color: lightgray;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .text-align-left {
  text-align: left;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .text-align-center {
  text-align: center;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .text-align-right {
  text-align: right;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .ot_compensation_weekly_break_down_data table,
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .ot_compensation_weekly_break_down_data th,
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .ot_compensation_weekly_break_down_data td {
  border: 1px solid #ebebeb;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .ot_compensation_weekly_break_down_data tr.bg_color {
  background-color: #f4f4f4;
}
.page_ot-compensation-weekly-break-down .payroll-list_otcompensation .ot_compensation_weekly_break_down_data th {
  font-size: 14px;
}
.page_ot-compensation-weekly-break-down .back-to-ot-compensation-page {
  width: 200px;
  display: inline-block;
  position: relative;
}
.page_ot-compensation-weekly-break-down .back-to-ot-compensation-page a {
  text-decoration: none;
  font-weight: bold;
}
.page_ot-compensation-weekly-break-down .back-to-ot-compensation-page a .back-to-icon {
  height: 30px;
}
.page_ot-compensation-weekly-break-down .back-to-ot-compensation-page .back-to-ot-compensation-title {
  margin-left: 10px;
  color: #434f5b;
}
.page_ot-compensation-weekly-break-down .badge_ot_pending_div {
  border-left: 1px solid #e7eff3;
  height: 35px;
  padding-left: 10px;
  padding-top: 5px;
}
.page_ot-compensation-weekly-break-down .badge_ot_pending_div .badge_ot_pending {
  background-color: #ef425f;
  font-weight: normal;
  padding: 3px 5px;
  margin-left: 5px;
}
.page_ot-weekly-compensation {
  overflow-y: initial;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .text-align-left {
  text-align: left;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .text-align-center {
  text-align: center;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .text-align-right {
  text-align: right;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .line-height-initial {
  line-height: initial;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header {
  height: auto;
  padding: 25px 20PX 15px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header h3 {
  color: #434f5b;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header .date-range-selected {
  color: #434f5b;
  font-size: 16px;
  width: auto;
  float: left;
  font-weight: bold;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header .date-range-from-to-div {
  float: right;
  width: auto;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header a {
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 14px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header a.disabled {
  color: #434f5b;
  font-weight: bold;
  border: none;
  font-size: 14px;
  background-color: lightgray;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .content-section__header .btn_proceed_div {
  border-left: 1px solid #e7eff3;
  float: right;
  margin-right: 30px;
  padding-left: 15px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data th,
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data td {
  font-size: 14px;
  padding: 5px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data .text-align-left {
  text-align: left;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data .checkbox-label.checkbox-label_no-text.disabled {
  cursor: not-allowed;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data .badge_ot_pending {
  background-color: #ef425f;
  font-weight: normal;
  padding: 3px 5px;
  margin-bottom: 3px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_compensation_data .no_proceed_record_found {
  font-weight: bold;
  color: #228b22;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .eye_view_icon {
  width: 10px;
  height: 8px;
}
.page_ot-weekly-compensation .payroll-list_otweeklycompensation .ot_status_icon {
  width: 25px;
  height: 25px;
}
.page_ot-weekly-compensation a.go-to-attendance-page {
  margin-top: 10px;
  color: #758696;
  text-decoration: none;
  font-weight: bold;
}
.page_ot-weekly-compensation a.go-to-attendance-page img.redirect-icon {
  margin-left: 5px;
}
.page_ot-weekly-compensation a.export-all-attendance-summary {
  margin-top: 10px;
  color: #758696;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}
.page_ot-weekly-compensation a.export-all-attendance-summary img.download-icon {
  margin-left: 7px;
  margin-right: 10px;
  width: 12px;
}
.page_ot-weekly-compensation a.export-all-attendance-summary.disabled {
  cursor: not-allowed;
}
.page_ot-weekly-compensation .hoverable-div {
  width: 250px;
}
.page_ot-weekly-compensation-break-down {
  overflow-y: initial;
}
.page_ot-weekly-compensation-break-down .ml30 {
  margin-left: 30px;
}
.page_ot-weekly-compensation-break-down .mt5 {
  margin-top: 5px;
}
.page_ot-weekly-compensation-break-down .widthAuto {
  width: auto;
}
.page_ot-weekly-compensation-break-down .text-date-center {
  text-align: center;
  padding-top: 5px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .line-height-initial {
  line-height: initial;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .content-section__header {
  height: auto;
  padding: 25px 20PX 0px;
  border-bottom: none;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .content-section__header h3 {
  color: #434f5b;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .content-section__header a {
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 14px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .content-section__header a.disabled {
  color: #434f5b;
  font-weight: bold;
  border: none;
  font-size: 14px;
  background-color: lightgray;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .content-section__header .btn_reject {
  padding: 0px 24px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .text-align-left {
  text-align: left;
  padding-right: 5px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .text-align-center {
  text-align: center;
  padding-right: 5px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .text-align-right {
  text-align: right;
  padding-right: 5px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data table,
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data th,
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data td {
  border-top: 1px solid #ebebeb;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data tr.bg_color {
  background-color: #f4f4f4;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data th {
  font-size: 14px;
  padding: 5px !important;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data td {
  font-size: 14px;
  padding: 5px !important;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data .checkbox-label.checkbox-label_no-text.disabled {
  cursor: not-allowed;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data .action_td {
  min-width: 70px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data a .action-image {
  height: 30px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data a .img-undo {
  width: 15px;
  height: 15px;
  margin: 8px 5px 5px 10px;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data a .disabled {
  cursor: not-allowed;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data .no_proceed_record_found {
  font-weight: bold;
  color: #228b22;
}
.page_ot-weekly-compensation-break-down .payroll-list_otweeklycompensation .ot_weekly_compensation_break_down_data .select2-container .select2-choice .select2-arrow {
  border-left: none;
  background: none;
}
.page_ot-weekly-compensation-break-down .back-to-ot-compensation-page {
  width: 200px;
  display: inline-block;
  position: relative;
}
.page_ot-weekly-compensation-break-down .back-to-ot-compensation-page a {
  text-decoration: none;
  font-weight: bold;
}
.page_ot-weekly-compensation-break-down .back-to-ot-compensation-page a .back-to-icon {
  height: 30px;
}
.page_ot-weekly-compensation-break-down .back-to-ot-compensation-page .back-to-ot-compensation-title {
  margin-left: 10px;
  color: #434f5b;
}
.page_ot-weekly-compensation-break-down .ot_status_div {
  border-left: 1px solid #e7eff3;
  height: 35px;
  padding-left: 5px;
  padding-top: 5px;
  float: right;
  margin-right: 20px;
}
.page_ot-weekly-compensation-break-down .ot_status_div .ot_status_pending {
  font-weight: normal;
  padding: 10px 15px;
  margin-left: 10px;
  color: orange;
  border-radius: 3px;
  font-weight: bold;
  background-color: cornsilk;
}
.page_ot-weekly-compensation-break-down .ot_status_div .ot_status_processed {
  font-weight: normal;
  padding: 10px 15px;
  margin-left: 10px;
  color: #0e9eb6;
  border-radius: 3px;
  font-weight: bold;
  background-color: aliceblue;
}
.page_ot-weekly-compensation-break-down .ot_date_range_div {
  border-left: 1px solid #e7eff3;
  height: 35px;
  padding-left: 5px;
  float: right;
  margin-right: 20px;
}
.page_ot-weekly-compensation-break-down .ot_date_range_div .btn_date_range_search_area {
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 14px;
}
.btn_selected {
  background-color: #758697;
  color: #fff !important;
  cursor: default;
}
.btn_selected:hover {
  box-shadow: none;
}
.btn_not-selected {
  background-color: #E7EFF3;
  color: #000 !important;
  cursor: default;
}
.btn_not-selected:hover {
  box-shadow: none;
}
.disabled-tabs {
  pointer-events: none;
  opacity: 0.6;
}
.balanceTable {
  height: 133px;
  margin-top: 18px;
  margin-bottom: 18px;
  margin-left: 40px;
  border-bottom: none !important;
}
.balanceTableTd {
  font-weight: 800;
  width: 300px;
}
.balanceHeadTd {
  height: 50px !important;
  border-bottom: 1px solid #e7eff3 !important;
  font-weight: 800;
  color: #758696;
}
.sortName {
  margin-left: 40px;
}
.leave-dropdown {
  position: relative;
  display: inline-block;
  top: -3px;
}
.leave-dropdown__leave-dropbtn {
  background-color: #ffffff;
  color: black;
  padding: 9px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  opacity: 0.5;
}
.leave-dropdown__leave-dropbtn:hover {
  font-size: 17px;
}
.leave-dropdown__leave-dropbtn.active {
  font-weight: 500;
  font-size: 17px;
  display: block;
}
.leave-dropdown__content {
  padding-top: 4px;
  max-height: 140px;
  overflow-y: auto;
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 135px;
  box-shadow: 2px 15px 12px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 8px;
}
.leave-dropdown__content_leave-button {
  margin: 12px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.leave-dropdown__content_leave-button .btn_confirm-button {
  font-size: 14px;
  padding: 2px 15px;
  border-bottom-width: 3px;
}
.leave-dropdown__content .chek-box-container {
  padding-top: 6px;
  height: 37px;
  padding-left: 18px;
  cursor: pointer;
  overflow: hidden;
}
.leave-dropdown__content .chek-box-container label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(94%);
}
.leave-dropdown__content .chek-box-container input[type='checkbox'] {
  cursor: pointer;
}
.leave-dropdown__content .chek-box-container input[type='checkbox'] ~ label {
  margin-top: -15px;
}
.yearSelect {
  background-color: #ffffff !important;
  width: 82px;
}
.sortNameChild {
  margin-left: 20px;
  color: #70cbdb;
}
.user__image {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.m-t-5 {
  margin-top: 5px;
}
.card {
  background: #fff;
  margin-bottom: 30px;
  transition: .5s;
  border: 0;
  border-radius: .1875rem;
  display: inline-block;
  position: relative;
  width: 100%;
  box-shadow: none;
}
.card .body {
  font-size: 14px;
  color: #424242;
  padding: -10px;
  font-weight: 400;
}
.profile-page .profile-header {
  position: relative;
}
.profile-page .profile-header .profile-image img {
  border-radius: 50%;
  width: 140px;
  border: 3px solid #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.profile-page .profile-header .social-icon a {
  margin: 0 5px;
}
.profile-page .profile-sub-header {
  min-height: 60px;
  width: 100%;
}
.profile-page .profile-sub-header ul.box-list {
  display: inline-table;
  table-layout: fixed;
  width: 100%;
  background: #eeeeee;
}
.profile-page .profile-sub-header ul.box-list li {
  border-right: 1px solid #e0e0e0;
  display: table-cell;
  list-style: none;
}
.profile-page .profile-sub-header ul.box-list li:last-child {
  border-right: none;
}
.profile-page .profile-sub-header ul.box-list li a {
  display: block;
  padding: 15px 0;
  color: #424242;
}
.profile-page {
  padding-right: 870px;
  padding-left: -22px;
  margin-right: auto;
  margin-left: 10px;
  height: 89px;
  margin-top: 20px;
}
.backtoLeave {
  color: #615f5f !important;
  background-color: white;
  border: none;
  font-size: 17px;
  margin-left: -11px;
}
.leavebalance__not_editable {
  width: 48px;
  margin-top: 1px !important;
  padding: 0px 5px !important;
  text-align: center;
  background-color: #ede9e9;
  /* border: 1px solid #c7d7df; */
  border-radius: 3px;
}
.leavebalance__not_edit {
  margin: 1px 0px;
  background-color: #eef4f7;
  min-height: 32px;
}
.profileBalance {
  margin-top: 20px;
}
.profilePagePadd {
  padding-right: 0 !important;
}
@media only screen and (min-width: 1204px) and (max-width: 1600px) {
  .profileBalance {
    padding-left: 50px !important;
  }
  .profile-page {
    padding-right: 0px !important;
  }
}
.employeeColumn {
  border-left: none !important;
  border-top: none !important;
  min-width: 198px !important;
  max-width: 198px !important;
}
.employeeColumnOne {
  border-left: none !important;
  border-top: none !important;
  min-width: 198px !important;
  max-width: 198px !important;
}
.employeeColumnTwo {
  border-top: none !important;
  min-width: 153px !important;
  max-width: 153px !important;
}
.employeeColumnThree {
  border-top: none !important;
  border-right: none !important;
  min-width: 246px !important;
  max-width: 245px !important;
}
.rowColumn {
  border-bottom: none !important;
  border-right: solid 3px #c1d7df !important;
}
.taskColumn {
  background-color: #eaf5f7;
}
.reports-template-page .table-column {
  text-align: center;
  min-width: 600px;
  max-width: 600px;
}
.reports-template-page .table-column_small {
  min-width: 190px;
  max-width: 190px;
}
.reports-template-page .table-column-child {
  text-align: center;
  min-width: 198px;
  max-width: 198px;
  line-height: 12px;
  vertical-align: middle !important;
  padding: 0 2px !important;
  word-break: break-word;
}
.reports-template-page table.report-template-table tr td {
  font-size: 13px;
}
.returnRoster {
  font-size: 13px !important;
  color: #646a73 !important;
  font-weight: bold !important;
}
.redirectRoster {
  height: 12px;
  position: relative;
  left: 4px;
  top: -1px;
}
.roster-outlet-page-table table.report-template-table tr th,
.reports-template-page table.report-template-table tr td {
  border: solid 1px #c1d6df;
  padding: 15px 10px;
  vertical-align: top;
  text-align: left;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.closeTD {
  border: none !important;
  text-align: left !important;
}
.rowColumnClosed {
  border-bottom: none !important;
  border-right: solid 3px #c1d7df !important;
  text-align: center !important;
  vertical-align: middle !important;
  background-color: #f2f2f2 !important;
  position: relative !important;
}
.closedColumn {
  border: none !important;
  text-align: center !important;
  color: #7a8792 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}
.outletView:hover {
  cursor: pointer;
}
td.nested-tbl-body.table-column-child.employeeColumn {
  padding: 10px 0 10px 10px !important;
}
.positionTop {
  position: absolute !important;
  top: 0 !important;
}
.tableBorderRight {
  position: relative;
  border: none !important;
}
.tableBorderRight::before {
  /* ::after works too */
  content: "";
  position: absolute;
  right: 0;
  /* Change direction for a different side*/
  z-index: 100;
  width: 1px;
  /* Thickness */
  height: 20px;
  background: #fff;
  /* Color */
}
.tableBorderRight:last-child::before {
  height: 0 !important;
}
.rowColumnClosed:last-child {
  border-right: solid 1px #c1d7df !important;
}
.custom-edit-link {
  color: #1aacc6;
  font-style: normal;
  cursor: pointer;
}
.pay-group-btn {
  display: block;
  float: right;
}
.pay-group-btn a {
  font-size: 16px;
  color: #3e4651;
  margin: 0px 15px;
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
}
.worksheet-list .add-worksheet {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
}
.worksheet_rate_wrapper {
  width: 50%;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item {
  margin-top: 10px;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item label {
  font-size: 14px;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item .worksheet_rate__title {
  width: 100px;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item .worksheet_rate__type {
  width: 80px;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item .worksheet_rate__input {
  width: 80px;
  text-align: center;
}
.worksheet_rate_wrapper .worksheet_rate_wrapper__item .worksheet_rate__unit {
  margin-left: 10px;
}
.worksheet-page {
  margin-top: 20px;
}
.worksheet-page .search-bar:before {
  top: 20px;
}
.worksheet-page .progress-header .progress-steps .progress-steps__item {
  cursor: pointer;
}
.worksheet-page .worksheet-content {
  padding: 30px 20px;
}
.worksheet-page .worksheet-content.step1 .worksheet-info {
  margin-top: 30px;
}
.worksheet-page .worksheet-content.step1 .worksheet-info .second-title {
  margin-bottom: 15px;
}
.worksheet-page .worksheet-content.step1 .worksheet-info .worksheet-date-wrapper .g-icon_calendar {
  position: absolute;
  right: 10px;
  top: 33px;
}
.worksheet-page .worksheet-content.step1 .worksheet-info .total-emp-count-wrapper {
  line-height: 60px;
}
.worksheet-page .worksheet-content.step1 .worksheet-info .total-emp-count-wrapper span {
  font-weight: bold;
}
.worksheet-page .worksheet-content.step1 .worksheet-info .working-emp-count-wrapper {
  line-height: 60px;
  color: #1aacc6;
}
.worksheet-page .worksheet-content.step1 .employee-list {
  margin-top: 50px;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column {
  width: 20%;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column.user_image {
  width: 50px;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column .remove-employee {
  width: 15px;
  cursor: pointer;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column .emp-status-wrapper {
  width: 60%;
  display: inline-block;
  margin-right: 10px;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column .tick {
  width: 20px;
}
.worksheet-page .worksheet-content.step1 .employee-list .table-column .remove-employee-wrapper .remove-employee {
  cursor: pointer;
}
.worksheet-page .worksheet-content.step2 .worklist-header h3 {
  display: inline-block;
}
.worksheet-page .worksheet-content.step2 .worklist-header .created-by-title {
  float: right;
}
.worksheet-page .worksheet-content.step2 .worklist-header .created-by-title .created-by-name {
  color: #1aacc6;
}
.worksheet-page .worksheet-content.step2 .group-summary .title {
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list {
  margin-top: 20px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details {
  margin-top: 15px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .info {
  margin: 20px 0;
  line-height: 25px;
  font-size: 14px;
  color: #707070;
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-heading-row .title-wrapper {
  margin-top: 10px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-heading-row .title-wrapper .detail-header-label {
  display: inline-block;
  width: 150px;
  color: #758697;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-heading-row .title-wrapper .detail-header-label-value {
  color: #444444;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-seprate-row {
  background: #f6f9fa;
  padding: 10px 0;
  font-weight: bold;
  margin: 20px 0px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-row td {
  padding-right: 8px;
  padding-top: 8px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-row .table-input {
  border: 1px solid #d7e1e7;
  padding: 10px;
  border-radius: 5px;
  display: block;
  text-align: center;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-row .table-input.small-input {
  height: 37px;
  min-width: 60px;
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-row .table-input.medium-input {
  height: 37px;
  min-width: 87px;
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-row .border-div {
  border-bottom: 1px solid #e7eff3;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-total-row .table-input.small-input {
  height: 37px;
  min-width: 60px;
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-total-row .table-input.medium-input {
  height: 37px;
  min-width: 87px;
  display: block;
  font-weight: 600;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-total-show-row {
  background: #f6f9fa;
  padding: 20px 0;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-total-show-row span {
  display: block;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-calc-total-show-row span.total-amount {
  font-weight: 600;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-pay-row {
  padding: 20px 0;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .detail-pay-row .person-amount {
  font-weight: 600;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .store-work-detail-row {
  background: #f6f9fa;
  padding: 20px 0;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .store-work-detail-row span {
  color: #002748;
}
.worksheet-page .worksheet-content.step2 .paper-list .paper-details .store-work-detail-row input {
  display: inline;
  width: 85px;
  text-align: center;
  margin: 0 15px;
}
.worksheet-page .worksheet-content.step2 .total-payment-wrapper {
  margin-top: 30px;
}
.worksheet-page .worksheet-content.step3 .header .tab-btn {
  margin: 20px 0;
}
.worksheet-page .worksheet-content.step3 .header .tab-btn a {
  margin-left: 10px;
  padding: 10px;
}
.worksheet-page .worksheet-content.step3 .header .tab-btn a.active {
  background: #e7eff3;
  display: inline-block;
  border-radius: 4px;
  color: #434f5b;
  font-weight: 600;
}
.worksheet-page .worksheet-content.step3 .header .rejection-reason-wrapper {
  background-color: #f6f9fa;
  padding: 10px;
  margin-top: 20px;
}
.worksheet-page .worksheet-content.step3 .header .rejection-reason-wrapper span {
  display: block;
}
.worksheet-page .worksheet-content.step3 .header .rejection-reason-wrapper span.rejection-reason-title {
  color: #758697;
  font-weight: bold;
}
.worksheet-page .worksheet-content.step3 .header .rejection-reason-wrapper span.rejection-reason-text {
  color: #434f5b;
  margin-top: 10px;
}
.worksheet-page .worksheet-content.step3 .summary-header {
  margin-bottom: 10px;
}
.worksheet-page .worksheet-content.step3 .summary-header .col-md-12 {
  background: #f6f9fa;
  padding: 17px 0;
}
.worksheet-page .worksheet-content.step3 .summary-header .col-md-12 .summary-header-title {
  color: #444444;
  font-size: 15px;
  font-weight: bold;
  margin-right: 20px;
}
.worksheet-page .worksheet-content.step3 .detail-table .view-paper-detail img {
  width: 20px;
  margin-right: 5px;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status {
  padding: 6px 16px;
  border-radius: 3px;
  display: inline-block;
  width: 120px;
  text-align: center;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status.present {
  background-color: #e9f6f8;
  color: #1aacc6;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status.on_cource {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status.mc {
  background-color: #fffad1;
  color: #d9a224;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status.home_leave {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .worksheet-content.step3 .detail-table .full-section__table_individual .status.off {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .worksheet-content.worksheet-view .header h3 {
  display: inline-block;
}
.worksheet-page .worksheet-content.worksheet-view .header .created-by-title {
  float: right;
}
.worksheet-page .worksheet-content.worksheet-view .header .created-by-title .created-by-name {
  color: #1aacc6;
}
.worksheet-page .worksheet-content.worksheet-view .tab-btn {
  margin: 20px 0;
}
.worksheet-page .worksheet-content.worksheet-view .tab-btn a {
  margin-left: 10px;
  padding: 10px;
}
.worksheet-page .worksheet-content.worksheet-view .tab-btn a.active {
  background: #e7eff3;
  display: inline-block;
  border-radius: 4px;
  color: #434f5b;
  font-weight: 600;
}
.worksheet-page .worksheet-content.worksheet-view .group-summary .title {
  display: block;
}
.worksheet-page .worksheet-content.worksheet-view .summary-header {
  margin-bottom: 10px;
}
.worksheet-page .worksheet-content.worksheet-view .summary-header .col-md-12 {
  background: #f6f9fa;
  padding: 17px 0;
}
.worksheet-page .worksheet-content.worksheet-view .summary-header .col-md-12 .summary-header-title {
  color: #444444;
  font-size: 15px;
  font-weight: bold;
  margin-right: 20px;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .view-paper-detail img {
  width: 20px;
  margin-right: 5px;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status {
  padding: 6px 16px;
  border-radius: 3px;
  display: inline-block;
  width: 120px;
  text-align: center;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status.present {
  background-color: #e9f6f8;
  color: #1aacc6;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status.on_cource {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status.mc {
  background-color: #fffad1;
  color: #d9a224;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status.home_leave {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .worksheet-content.worksheet-view .detail-table .full-section__table_individual .status.off {
  background-color: #e8f0f3;
  color: #758696;
}
.worksheet-page .delete-worksheet-btn {
  background-color: #fc4361;
  color: #FFF;
  border-color: #fc4361;
}
.worksheet-page .blue-text {
  color: #1bacc6;
}
#overlay-paperDetail .job-row-table .pl-10 {
  padding-left: 10px;
}
#overlay-paperDetail .job-row-table .compact-input {
  width: 130px;
}
#overlay-paperDetail .job-row-table .small-input {
  width: 70px;
  padding-left: 10px;
}
#overlay-paperDetail .job-row-table .small-input input {
  text-align: center;
}
#overlay-paperDetail .job-row-table .extra-small-input {
  width: 50px;
  padding-left: 10px;
}
#overlay-paperDetail .job-row-table .extra-small-input input {
  text-align: center;
}
#overlay-paperDetail .job-row-table .remove-job-row {
  line-height: 40px;
}
#overlay-paperDetail .add-job-row {
  color: #56c2d5;
  font-weight: 400;
}
#overlay-paperDetail .store-work-row {
  background: #f6f9fa;
  padding: 20px 0;
}
#overlay-paperDetail .store-work-row span {
  color: #002748;
}
#overlay-paperDetail .store-work-row input {
  display: inline;
  width: 85px;
  text-align: center;
  margin: 0 15px;
}
#overlay-paperDetail .invalid-input {
  border: 1px solid red;
}
#overlay-paperDetail .delete-paper {
  color: #fc4361;
  font-weight: 500;
  line-height: 35px;
}
#overlay-paperDetail .delete-paper .delete-paper-img {
  width: 16px;
  height: 16px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .detail-heading-row {
  padding: 20px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .detail-heading-row .title-wrapper {
  margin-top: 8px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .detail-heading-row .detail-header-label {
  display: inline-block;
  width: 100px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-seprate-row {
  background-color: #f6f9fa;
  padding: 12px 18px;
  font-weight: bold;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .row.detail-calc-row {
  padding: 0 18px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .row.detail-calc-row .erection-div {
  border-right: 1px solid #e7eff3;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-calc-total-show-row {
  padding: 18px;
  background-color: #f6f9fa;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-calc-total-show-row span {
  display: block;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-calc-total-show-row .total-erection-pay {
  margin-top: 5px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-calc-total-show-row .total-dismantle-pay {
  margin-top: 7px;
  display: block;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-calc-total-show-row .total-erection-wrapper {
  padding-right: 15px;
  border-right: 1px solid #e7eff3;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-pay-row {
  padding: 0 18px;
  margin-top: 20px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-pay-row .confused label {
  color: #FFF;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper .detail-pay-row .confused .confused__overlay {
  width: 250px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper.job-type-store_work-detail .store-work-detail-row-wrapper {
  background: #f6f9fa;
  padding: 20px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper.job-type-store_work-detail .store-work-detail-row-wrapper input {
  display: inline;
  width: 85px;
  text-align: center;
  margin: 0 15px;
}
#overlay-paperDetail .paper-details.view-detail .job-detail-information .job-type-detail-wrapper.job-type-store_work-detail .confused-label {
  display: inline-block;
}
#overlay-paperDetail .paper-details.view-detail .action-wrapper {
  margin-top: 20px;
}
#overlay-paperDetail .paper-details.view-detail .action-wrapper .back-to-review-btn {
  float: left;
  background-color: #89ba34;
  padding: 8px 15px;
  border-radius: 4px;
  color: #FFF;
}
#overlay-paperDetail .paper-details.view-detail .action-wrapper .border-btn {
  float: right;
  color: #1aacc6;
}
.border-btn {
  color: #1aacc6;
  border: 1px solid #1aacc6;
  padding: 6px 15px;
  background-color: white;
  border-radius: 5px;
}
.worksheet-status-back-to-worksheet {
  width: 200px;
  display: inline-block;
  position: relative;
}
.worksheet-status-back-to-worksheet.emp-filter_options {
  width: 80px;
}
.worksheet-status-back-to-worksheet a {
  display: inline-block;
  vertical-align: middle;
}
.worksheet-status-back-to-worksheet .worksheet-link {
  display: block;
  padding: 8px 13px;
  line-height: 20px;
}
.worksheet-status-back-to-worksheet .worksheet-link.active {
  background-color: #e7eff3;
  border-radius: 4px;
}
.search-area-worksheet_status .status {
  border-radius: 5px;
  display: inline-block;
  width: 120px;
  text-align: center;
  font-size: 15px;
  margin-left: 10px;
}
.search-area-worksheet_status .status.pending {
  color: #d9a20d;
  background-color: #fffad1;
}
.search-area-worksheet_status .status.in_progress {
  color: #758696;
  background-color: #e8f0f3;
}
.search-area-worksheet_status .status.approved {
  color: #1aacc6;
  background-color: #e9f6f8;
}
.search-area-worksheet_status .status.rejected {
  color: #fc4361;
  background-color: #fff0f3;
}
.search-area-worksheet_status .worksheet-btn {
  padding: 10px 35px;
  border-radius: 4px;
  margin-right: 12px;
}
.search-area-worksheet_status .worksheet-btn.worksheet-edit-btn {
  border: 1px solid #349bba;
  color: #1aacc6;
}
.search-area-worksheet_status .worksheet-btn.worksheet-reject-btn {
  background-color: #fc4361;
  color: #ffffff;
}
.search-area-worksheet_status .worksheet-btn.worksheet-approve-btn {
  background-color: #9ccd45;
  color: #ffffff;
}
.search-area-worksheet_status .worksheet-btn.worksheet-rollback-btn {
  border: 1px solid #349bba;
  color: #1aacc6;
}
.common-dialog .paygroup-list {
  margin-top: 20px;
}
.common-dialog .paygroup-list #filter_paygroup {
  width: 50%;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info-title {
  margin-top: 15px;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info {
  margin-top: 10px;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info .vessel-detail input {
  display: inline-block;
  width: 60%;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info .job-id-info {
  padding-top: 10px;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info .job-id-info .job-id {
  width: 60%;
  display: inline-block;
  border-left: 1px solid #eef4f7;
  padding: 10px 0 10px 10px;
  margin-left: 5%;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info .job-id-info .job-id input {
  width: 91%;
  display: inline-block;
}
.common-dialog .vessel-list .vessel-list-wrapper .vessel-info .job-id-info .job-id .add-job-id {
  color: #1aacc6;
}
.common-dialog .vessel-list .add-vessel-wrapper {
  margin-top: 15px;
}
.common-dialog .vessel-list .add-vessel-wrapper .add-vessel {
  color: #1aacc6;
}
.common-dialog .recruitNewJob .job_url {
  font-size: 13px;
  font-weight: 600;
  color: #1aacc6;
}
.row_width_50 {
  width: 50% !important;
}
.fl {
  float: left;
}
.ph-input,
.non-input {
  width: 50px;
  padding: 0px 5px;
  text-align: center;
  display: inline-block;
}
.ot-salary-rate-diff-day-type-div .set-ot-rates-section,
.ot-hourly-rate-diff-day-type-div .set-ot-rates-section {
  display: inline-block;
  margin-left: 10px;
}
.ph-group-base-compensation {
  width: 100%;
  float: left;
}
.ph-group-base-compensation .leave-policies__row {
  float: left;
  width: 80%;
}
.ph-group-base-compensation .leave-policies__row .title {
  color: #a8b3be;
  font-weight: 500;
  margin: 0px 5px;
}
.ph-group-base-compensation .leave-policies__row .width_10 {
  float: left;
  width: 10%;
}
.ph-group-base-compensation .leave-policies__row .width_25 {
  float: left;
  width: 25%;
}
.ph-group-base-compensation .leave-policies__row .width_30 {
  float: left;
  width: 30%;
}
.ph-group-base-compensation .leave-policies__row .width_35 {
  float: left;
  width: 35%;
}
.ph-group-base-compensation .leave-policies__row .action span {
  color: #63c7d7;
  font-weight: bold;
  cursor: pointer;
}
.ph-group-base-compensation .add-compensation-type {
  color: #63c7d7;
  cursor: pointer;
  clear: both;
  float: left;
}
.overlaycompensationTypeDetail .mt0 {
  margin-top: 0px;
}
.overlaycompensationTypeDetail .mt20 {
  margin-top: 20px;
}
.overlaycompensationTypeDetail .fontWeightBold {
  font-weight: bold;
}
.overlaycompensationTypeDetail .fontWeightNormal {
  font-weight: normal;
}
.overlaycompensationTypeDetail .label_radio_option {
  padding: 0px;
}
.overlaycompensationTypeDetail .label_ct_title {
  padding: 0px;
  color: #434f5b;
  font-weight: bold;
  font-size: 14px;
}
.overlaycompensationTypeDetail .label_dd_title {
  color: #758696;
  font-size: 12px;
  font-weight: bold;
}
.overlaycompensationTypeDetail .seperator hr {
  margin-top: 15px;
  margin-bottom: 15px;
}
.non-group-base-compensation {
  width: 100%;
  float: left;
}
.non-group-base-compensation .leave-policies__row {
  float: left;
  width: 80%;
}
.non-group-base-compensation .leave-policies__row .title {
  color: #a8b3be;
  font-weight: 500;
  margin: 0px 5px;
}
.non-group-base-compensation .leave-policies__row .width_10 {
  float: left;
  width: 10%;
}
.non-group-base-compensation .leave-policies__row .width_25 {
  float: left;
  width: 25%;
}
.non-group-base-compensation .leave-policies__row .width_30 {
  float: left;
  width: 30%;
}
.non-group-base-compensation .leave-policies__row .width_35 {
  float: left;
  width: 35%;
}
.non-group-base-compensation .leave-policies__row .action span {
  color: #63c7d7;
  font-weight: bold;
  cursor: pointer;
}
.non-group-base-compensation .add-compensation-type-non {
  color: #63c7d7;
  cursor: pointer;
  clear: both;
  float: left;
}
.aqua-circle {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #69c8d5;
  display: inline-block;
  margin-right: 5px;
}
.ediv {
  width: 100% !important;
  margin-top: 21px;
}
.exportResult {
  margin-top: 10px !important;
}
.poll-result-export-pdf {
  margin-right: 17px !important;
}
#tab-assets .form-fields_editable {
  margin-top: 25px;
}
#tab-assets .assets-header-secondary {
  margin-top: 5px;
}
#tab-assets .hr_seperator {
  margin: 10px -18px 0 -18px;
}
#tab-assets hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
#tab-assets .assigned-items,
#tab-assets .assets-items {
  display: flex;
  width: 100%;
}
#tab-assets .assets-items {
  margin-bottom: 5px;
}
#tab-assets .assets-items:last-child {
  margin-bottom: 0px;
}
#tab-assets .assigned-items.captions {
  margin-top: 25px;
}
#tab-assets .assigned-items .assigned-item {
  flex-grow: 1;
  flex-basis: 33.3%;
}
#tab-assets .assigned-items .assigned-item > div {
  width: 100%;
}
#tab-assets .assigned-items .assigned-item > div > .assets-duration-drop {
  max-width: 100%;
}
#tab-assets .assigned-items .assigned-item .view-user {
  color: #19acc6;
}
#tab-assets .assigned-items .assigned-item-left {
  margin-left: 10px;
}
#tab-assets .assigned-items .assigned-item-left > div {
  position: relative;
}
#tab-assets .assigned-items .assigned-item-right {
  margin-right: 10px;
}
#tab-assets .assigned-items .assigned-item-both {
  padding: 0 10px;
}
#tab-assets .assigned-items .assigned-item-header {
  font-size: 14px;
  font-family: 'tahoma-bold', Arial, 'Helvetica Neue', sans-serif;
  font-weight: bold;
  color: #434f5b;
  padding-left: 6px;
}
#tab-assets .assigned-items .disabled {
  cursor: not-allowed;
}
#tab-assets .icon-action {
  width: 20px;
  height: 17px;
  vertical-align: text-top;
  margin-right: 5px;
}
.content-section-wrapper-table {
  background-color: white;
  margin-top: 20px;
  padding: 20px;
}
.btn-cpf-dialog,
.btn-payslip-export {
  float: right;
  color: #20AEC8;
  border: none;
  padding: 6px 15px;
  font-weight: normal;
  background-color: white;
}
.btn-save-changes {
  float: right;
  color: #20AEC8;
  border: 1px solid #2CAEC6;
  padding: 6px 15px;
  font-weight: bold;
  background-color: white;
  border-radius: 3px;
  margin-left: 15px;
}
.table-scroll {
  margin-top: 20px !important;
  position: relative;
  margin: auto;
}
.table-wrap {
  width: 100%;
  overflow: auto;
}
.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}
.table-scroll th {
  padding: 5px 10px;
  background: #E7EFF3 !important;
  white-space: nowrap;
  vertical-align: top;
  font-weight: 600;
}
.table-scroll td {
  padding: 5px 50px 10px 5px;
  border: 1px solid #E7EFF3 !important;
  background: #fff !important;
  white-space: nowrap;
  vertical-align: top;
  position: relative;
}
.table-scroll td input {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  height: 100% !important;
  width: 100%;
  border-radius: 0 !important;
  border: none;
  padding: 10px;
  box-sizing: border-box;
  background: #fff !important;
}
.table-scroll thead,
.table-scroll tfoot {
  background: #fff;
}
#edit-pay-items,
#review-tab {
  cursor: pointer;
}
.user-field {
  pointer-events: none;
}
.ratingSection {
  margin-top: 70px;
}
.ratingSection .top-banner {
  width: 247px;
  margin-top: 30px;
}
.ratingSection .first-line {
  text-align: center;
  color: #434f5b;
}
.ratingSection .second-line {
  text-align: center;
  margin-top: 10px;
  display: block;
}
.ratingSection .rate-btn-wrapper {
  margin-top: 32px;
  margin-bottom: 18px;
}
.ratingSection .rate-btn-wrapper .rate-btn-google {
  display: inline-block;
  border: 1px solid #1fafc6;
  border-radius: 4px;
  padding: 10px 10px;
  background-color: #1fafc6;
  cursor: pointer;
}
.ratingSection .rate-btn-wrapper .rate-btn-google img {
  width: 20px;
  height: 20px;
}
.ratingSection .rate-btn-wrapper .rate-btn-google span {
  color: #FFF;
  font-weight: 500;
}
.ratingSection .bottom-link {
  color: #1fafc6;
  cursor: pointer;
  font-weight: 500;
}
.ratingSection .done-link {
  margin-left: 10px;
  border-left: 1px solid #1fafc6;
  padding-left: 10px;
}
.ratingSection .dont-ask-link {
  margin-left: 10px;
  border-left: 1px solid #1fafc6;
  padding-left: 10px;
}
.announcement_from_filter span {
  margin-left: 8px;
  vertical-align: middle;
}
.announcement_from_filter .rostering__tags {
  display: inline-block;
}
.announcement_from_filter .rostering__tags .tag {
  margin-top: 0;
  padding-right: 8px !important;
  margin-bottom: 5px;
}
.filter-employee-multiple-id,
.filter-leaves-multiple-id {
  line-height: 0;
}
.filter-employee-multiple-id .select2-choices,
.filter-leaves-multiple-id .select2-choices {
  border: none !important;
}
.filter-employee-multiple-id input,
.filter-leaves-multiple-id input {
  width: 175px !important;
  border: none !important;
}
.user-border-overwrite .select2-container-multi .select2-choices {
  background-color: transparent !important;
  background-image: none !important;
  font-size: 14px;
  padding-left: 5px;
}
.text-word-wrap {
  max-width: 180px;
  overflow: hidden;
  word-wrap: break-word;
}
.delete-single-worksheet-btn {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.delete-pay-grp-btn {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.fc-license-message {
  display: none;
}
.password-row {
  position: relative;
  width: 360px;
}
.toggle_password {
  overflow: hidden;
  display: inline-block;
  width: 22px;
  cursor: pointer;
  right: 15px;
  top: 1.5em;
  position: absolute;
  z-index: 2;
}
.history-dropdown .tab-box {
  background: transparent;
}
.history-dropdown .tab-box a {
  padding: 0 !important;
  color: #3e4651 !important;
}
.history-dropdown .tab-box.active {
  background: transparent !important;
}
.history-dropdown .tab-box.active a {
  background: transparent;
}
.mt-10 {
  margin-top: 10px;
}
.mt-10-i {
  margin-top: 10px !important;
}
.btnLoginWithTANDA a,
.btnLogoutFromTANDA a {
  color: #fff !important;
}
.multiple-line-dropdowns .label-for-switch,
.multiple-line-dropdowns .switch-section {
  vertical-align: text-bottom;
}
.multiple-line-dropdowns .coupled-dropdown {
  width: 85%;
}
.multiple-line-dropdowns .second-row-item {
  margin-top: 5px;
}
.edit_roster_custom_dates_block {
  margin-top: 15px !important;
}
.custom-roster-delete-options {
  display: inline-block !important;
  width: 225px !important;
}
.custom-roster-delete-options label {
  font-weight: bold !important;
  margin-right: 15px !important;
}
.custom-roster-delete-options .custom-roster-delete-options-switch-toggle {
  vertical-align: middle;
  margin-top: 5px;
}
.mom-survey-template-options label {
  font-weight: bold !important;
  margin-right: 15px !important;
}
.mom-survey-template-options .mom-survey-template-options-switch-toggle {
  position: relative !important;
  top: 10px !important;
}
.leaves-projections-tab .pr-10,
.off-in-lieu-leaves-tab .pr-10 {
  padding-right: 10px !important;
}
.leaves-projections-tab .pr-25,
.off-in-lieu-leaves-tab .pr-25 {
  padding-right: 25px !important;
}
.leaves-projections-tab .text-center,
.off-in-lieu-leaves-tab .text-center {
  text-align: center;
}
.leaves-projections-tab__date-input,
.off-in-lieu-leaves-tab__date-input {
  display: inline-block;
  position: relative;
  vertical-align: -webkit-baseline-middle;
}
.leaves-projections-tab__date-input input,
.off-in-lieu-leaves-tab__date-input input {
  position: relative;
}
.leaves-projections-tab__date-input:after,
.off-in-lieu-leaves-tab__date-input:after {
  content: "";
  position: absolute;
  background: url("icons.png") no-repeat;
  width: 16px;
  height: 19px;
  background-position: -169px -95px;
  right: 10px;
  bottom: 15px;
  pointer-events: none;
}
.leaves-projections-tab__date-input .custom-error,
.off-in-lieu-leaves-tab__date-input .custom-error {
  position: absolute;
}
.leaves-projections-tab .row-2,
.off-in-lieu-leaves-tab .row-2 {
  border-bottom: 1px solid #e7eff3;
  padding-bottom: 15px;
}
.leaves-projections-tab .row-2 .user__image,
.off-in-lieu-leaves-tab .row-2 .user__image {
  margin-top: 10px;
  border-radius: 92%;
  width: 60px;
  height: 60px;
}
.leaves-projections-tab .row-2 .user_name_designation,
.off-in-lieu-leaves-tab .row-2 .user_name_designation {
  margin-top: 20px;
  padding-left: 35px !important;
  line-height: 21px;
}
.leaves-projections-tab .row-3,
.off-in-lieu-leaves-tab .row-3 {
  margin-bottom: 20px;
  border-bottom: 1px solid #e7eff3;
  padding-bottom: 20px;
}
.leaves-projections-tab .leavebalance table th,
.off-in-lieu-leaves-tab .leavebalance table th {
  font-size: 14px !important;
}
.leaves-projections-tab .leavebalance table td,
.off-in-lieu-leaves-tab .leavebalance table td {
  font-size: 14px !important;
}
.leaves-projections-tab .leavebalance .no-leave-row td:first-child,
.off-in-lieu-leaves-tab .leavebalance .no-leave-row td:first-child {
  color: #000 !important;
  font-size: 14px !important;
}
.leaves-projections-tab .leavebalance .leavebalance__stats_assigned,
.off-in-lieu-leaves-tab .leavebalance .leavebalance__stats_assigned {
  background-color: #ffffff;
  border: 1px solid #c7d7df;
  border-radius: 3px;
}
#overlay-export-leaves-projections-stats .page-cover__header {
  line-height: 58px !important;
}
#overlay-export-leaves-projections-stats .page-cover__content {
  width: 100% !important;
}
#overlay-export-leaves-projections-stats .leaves-projections-tab__date-input::after {
  bottom: 8px !important;
}
.export-leaves-projections-stats-btn-group {
  flex-direction: row-reverse;
  display: flex;
}
.export-leaves-projections-stats-btn-group button#btn-export-leaves-projections-stats {
  position: static;
  margin-left: 10px;
}
.collapsible-advertisement .collapsible-section {
  margin: 0;
}
.collapsible-advertisement .collapsible__header {
  height: 18px;
  line-height: 13px;
  font-size: 8px;
  background: #5ef35e;
}
.collapsible-advertisement .collapsible__header label {
  color: #281d1d;
  cursor: pointer;
}
.collapsible-advertisement .collapsible__item:before {
  top: 6px;
}
.collapsible-advertisement .collapsible__content {
  border-bottom: 1px solid #281d1d;
  background-color: #b9ffb9;
  color: #000;
}
.collapsible-advertisement .collapsible__content-column {
  float: left;
  width: 50%;
}
.page_clientEngagement .page-wrapper {
  background-image: url('/img/landing/industry/event@2x.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.page_clientEngagement .client-engagement {
  max-width: 600px;
  padding: 25px 10px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  margin: auto;
}
.compact-date-input input {
  width: 125px;
}
.coupled-calendar-container .compact-date-input {
  display: inline-block;
}
.page_job-opportunity .content {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.page_job-opportunity h1 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.1;
}
.page_job-opportunity .jobOpportunityFormVerified {
  margin: 0px -20px -10px -20px;
  padding: 0px 20px 10px 20px;
  background: rgba(184, 180, 180, 0.1);
  pointer-events: none;
}
.page_job-opportunity .jobOpportunityFormVerified input {
  background: #f4f4f4 !important;
}
.page_job-opportunity .jobOpportunityFormVerified textarea {
  background: #f4f4f4;
}
.page_job-opportunity .jobOpportunityFormVerified select {
  background: #f4f4f4;
}
.page_job-opportunity .jobOpportunityFormSubmit {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 10px 20px;
  border: 1px solid lightgrey;
}
.page_job-opportunity .candidateEmailVerification p {
  margin: 10px 0 10px 0;
  color: #000;
  font-weight: 500;
}
.page_job-opportunity .candidateEmailVerification input {
  margin-bottom: 26px;
}
.page_job-opportunity .text-align-center {
  text-align: center;
}
.page_job-opportunity .p-0 {
  padding: 0px;
}
.page_job-opportunity .p-20 {
  padding: 20px;
}
.page_job-opportunity .p-25 {
  padding: 25px;
}
.page_job-opportunity .pr-5 {
  padding-right: 5px;
}
.page_job-opportunity .pl-5 {
  padding-left: 5px;
}
.page_job-opportunity .p-15100 {
  padding: 15px 10px 0;
}
.page_job-opportunity .mt-5 {
  margin-top: 5px !important;
}
.page_job-opportunity .mt-10 {
  margin-top: 10px !important;
}
.page_job-opportunity .mt-15 {
  margin-top: 15px;
}
.page_job-opportunity .mt-20 {
  margin-top: 20px;
}
.page_job-opportunity .mb-2 {
  margin-bottom: 2px !important;
}
.page_job-opportunity .mb-3 {
  margin-bottom: 3px !important;
}
.page_job-opportunity .mb-10 {
  margin-bottom: 10px;
}
.page_job-opportunity .mb-15 {
  margin-bottom: 15px;
}
.page_job-opportunity .mtb-20 {
  margin: 20px 0;
}
.page_job-opportunity .float-right {
  float: right;
}
.page_job-opportunity .seperator {
  margin: 20px -18px 0 -18px;
}
.page_job-opportunity .label-text-thin {
  color: #758696;
  font-size: 14px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
}
.page_job-opportunity .label-text {
  color: #758696;
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.page_job-opportunity .que-block {
  border: 1px solid lightblue;
  padding: 15px 15px 20px;
  border-radius: 5px;
  background-color: #f1f6f7;
}
.page_job-opportunity .checklist {
  position: relative;
  min-height: 1px;
}
.page_job-opportunity .error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  text-align: center;
}
.page_job-opportunity .error-box {
  background-color: #f9e9ea;
  color: #721c24;
  padding: 20px 40px 30px;
  border-radius: 10px;
  width: 60%;
  font-size: 24px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.page_job-opportunity .error-box h1 {
  color: #721c24;
  font-weight: bold;
  text-align: center;
  line-height: 0.5;
}
.page_job-opportunity .error-box p {
  font-size: 16px;
  line-height: 1.6;
}
.page_candidate-profile-details .content {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.page_candidate-profile-details h1 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.1;
}
.page_candidate-profile-details .candidateProfileDetailsFormSubmit {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 10px 20px;
  border: 1px solid lightgrey;
}
.page_candidate-profile-details .text-align-center {
  text-align: center;
}
.page_candidate-profile-details .p-0 {
  padding: 0px;
}
.page_candidate-profile-details .p-20 {
  padding: 20px;
}
.page_candidate-profile-details .p-25 {
  padding: 25px;
}
.page_candidate-profile-details .pr-5 {
  padding-right: 5px;
}
.page_candidate-profile-details .pl-5 {
  padding-left: 5px;
}
.page_candidate-profile-details .pr-15 {
  padding-right: 15px;
}
.page_candidate-profile-details .pl-15 {
  padding-left: 15px;
}
.page_candidate-profile-details .p-15100 {
  padding: 15px 10px 0;
}
.page_candidate-profile-details .mt-5 {
  margin-top: 5px !important;
}
.page_candidate-profile-details .mt-10 {
  margin-top: 10px !important;
}
.page_candidate-profile-details .mt-15 {
  margin-top: 15px;
}
.page_candidate-profile-details .mt-20 {
  margin-top: 20px;
}
.page_candidate-profile-details .mb-2 {
  margin-bottom: 2px !important;
}
.page_candidate-profile-details .mb-3 {
  margin-bottom: 3px !important;
}
.page_candidate-profile-details .mb-5 {
  margin-bottom: 5px !important;
}
.page_candidate-profile-details .mb-10 {
  margin-bottom: 10px;
}
.page_candidate-profile-details .mb-15 {
  margin-bottom: 15px;
}
.page_candidate-profile-details .mtb-20 {
  margin: 20px 0;
}
.page_candidate-profile-details .ml-15 {
  margin-left: 15px;
}
.page_candidate-profile-details .float-right {
  float: right;
}
.page_candidate-profile-details .seperator {
  margin: 20px -18px 0 -18px;
}
.page_candidate-profile-details .label-text-thin {
  color: #758696;
  font-size: 12px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.page_candidate-profile-details .label-text {
  color: #758696;
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.page_candidate-profile-details .positionRelative {
  position: relative;
}
.page_candidate-profile-details .g-icon_calendar_position {
  top: 33px;
  position: absolute;
}
.page_candidate-profile-details .positionLeft_210 {
  left: 210px;
}
.page_candidate-profile-details .positionLeft_333 {
  left: 333px;
}
.page_candidate-profile-details .positionLeft_337 {
  left: 337px;
}
.page_candidate-profile-details .textarea-height {
  height: 100px !important;
  resize: none;
}
.page_candidate-profile-details .error-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  text-align: center;
}
.page_candidate-profile-details .error-box {
  background-color: #f9e9ea;
  color: #721c24;
  padding: 20px 40px 30px;
  border-radius: 10px;
  width: 60%;
  font-size: 24px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.page_candidate-profile-details .error-box h1 {
  color: #721c24;
  font-weight: bold;
  text-align: center;
  line-height: 0.5;
}
.page_candidate-profile-details .error-box p {
  font-size: 16px;
  line-height: 1.6;
}
.page_recruiter .ml-65 {
  margin-left: 65px;
}
.page_recruiter #jobFormTemplate .answer-mandatoey-div,
.page_recruiter #jobFormTemplate .file-request-div {
  position: relative;
  vertical-align: middle;
}
.page_recruiter #jobFormTemplate .answer-mandatoey-label,
.page_recruiter #jobFormTemplate .file-request-label {
  position: absolute;
  top: 5px;
}
.page_recruiter #jobFormTemplate .answer-mandatoey,
.page_recruiter #jobFormTemplate .file-request {
  position: absolute;
  top: 15px;
  right: 1px;
}
.page_recruiter .applied {
  background-color: #ffffff;
}
.page_recruiter .shortlisted {
  background-color: #ffff66;
}
.page_recruiter .hired {
  background-color: #90ee90;
}
.page_recruiter .rejected {
  background-color: #ff9999;
}
.page_recruiter .copy-container {
  position: relative;
  display: inline-block;
}
.page_recruiter .copy-icon {
  font-size: 12px;
  cursor: pointer;
}
.page_recruiter .copy-tooltip {
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 2px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  width: 100px;
  font-size: 13px !important;
}
.page_recruiter .copy-container:hover .copy-tooltip {
  visibility: visible;
  opacity: 1;
}
.page_recruiter #overlay-applicant-profile .page__dialog {
  max-width: 700px;
}
.page_recruiter .applicantProfileData {
  margin-bottom: 20px !important;
}
.page_recruiter .applicantProfileData .text-align-center {
  text-align: center;
}
.page_recruiter .applicantProfileData .text-align-justify {
  text-align: justify;
}
.page_recruiter .applicantProfileData .p-0 {
  padding: 0px;
}
.page_recruiter .applicantProfileData .p-20 {
  padding: 20px;
}
.page_recruiter .applicantProfileData .p-25 {
  padding: 25px;
}
.page_recruiter .applicantProfileData .pr-5 {
  padding-right: 5px;
}
.page_recruiter .applicantProfileData .pl-5 {
  padding-left: 5px;
}
.page_recruiter .applicantProfileData .pr-15 {
  padding-right: 15px;
}
.page_recruiter .applicantProfileData .pl-15 {
  padding-left: 15px;
}
.page_recruiter .applicantProfileData .mt-10 {
  margin-top: 10px;
}
.page_recruiter .applicantProfileData .mt-15 {
  margin-top: 15px;
}
.page_recruiter .applicantProfileData .mt-20 {
  margin-top: 20px;
}
.page_recruiter .applicantProfileData .mb-2 {
  margin-bottom: 2px !important;
}
.page_recruiter .applicantProfileData .mb-3 {
  margin-bottom: 3px !important;
}
.page_recruiter .applicantProfileData .mb-5 {
  margin-bottom: 5px !important;
}
.page_recruiter .applicantProfileData .mb-10 {
  margin-bottom: 10px;
}
.page_recruiter .applicantProfileData .mb-15 {
  margin-bottom: 15px;
}
.page_recruiter .applicantProfileData .mtb-20 {
  margin: 20px 0;
}
.page_recruiter .applicantProfileData .ml-15 {
  margin-left: 15px;
}
.page_recruiter .applicantProfileData .float-right {
  float: right;
}
.page_recruiter .applicantProfileData .seperator {
  margin: 20px -18px 0 -18px;
}
.page_recruiter .applicantProfileData .label-text-thin {
  color: #758696;
  font-size: 12px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.page_recruiter .applicantProfileData .label-text {
  color: #758696;
  font-size: 14px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.page_recruiter .applicantProfileData .positionRelative {
  position: relative;
}
.page_recruiter .applicantProfileData .g-icon_calendar_position {
  top: 33px;
  position: absolute;
}
.page_recruiter .applicantProfileData .positionLeft_185 {
  left: 185px;
}
.page_recruiter .applicantProfileData .positionLeft_300 {
  left: 300px;
}
.page_recruiter .applicantProfileData .positionLeft_295 {
  left: 295px;
}
.page_recruiter .applicantProfileData .textarea-height {
  height: 100px !important;
  resize: none;
}
.empNewProfile .row {
  margin: 0px;
}
.empNewProfile .mt-30 {
  margin-top: 30px;
}
.empNewProfile .btn_extra_large {
  height: 40px;
  line-height: 35px;
  padding: 0px 15px;
  font-size: 16px;
}
#attendanceImageModal .modal-body {
  position: relative;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
#attendanceImageModal .modal-body img#modalImage {
  width: 475px;
  height: 350px;
}
#attendanceImageModal .nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 55px;
  color: #1aacc6;
  background: transparent;
  border: none;
  cursor: pointer;
}
#attendanceImageModal .nav-btn:disabled {
  color: grey;
  cursor: not-allowed;
}
#all_requests_for_profile_update .badge,
#all_requests_for_profile_update_dialog .badge {
  background-color: #ef425f;
  position: relative;
  right: -15px;
  padding: 12px 6px;
  font-size: 11px;
  font-weight: bold;
  color: white;
  line-height: 1;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}
#all_requests_for_profile_update .badge {
  top: -40px;
}
#all_requests_for_profile_update_dialog .badge {
  top: -35px;
}
#tab-accounting .header_section {
  padding: 15px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tab-accounting .header_section_title {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  color: #758697;
}
#tab-accounting .header_section .mb_h4 {
  margin-bottom: 7.8px;
}
#tab-accounting .header_section .mb_p {
  margin-bottom: 23.5px;
}
#tab-accounting .header_section .tab_section {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#tab-accounting .header_section .tab_section .tab_btn {
  padding: 7.8px 21px 7.2px;
  border-radius: 5px;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: left;
  margin-right: 2px;
}
#tab-accounting .header_section .tab_section .activebtn {
  background-color: #758697;
  color: #ffffff;
}
#tab-accounting .header_section .tab_section .deactivebtn {
  background-color: #e7eff3;
  color: #3e4651 !important;
}
#tab-accounting .tab_content_section {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 25px;
}
#tab-accounting .tab_content_section,
#tab-accounting .tab_content_section tr,
#tab-accounting .tab_content_section td {
  border-collapse: collapse;
  text-align: left;
  vertical-align: middle;
}
#tab-accounting .tab_content_section tr {
  border-bottom: 1px solid #e7eff3 !important;
}
#tab-accounting .tab_content_section thead tr th {
  padding: 5px 0px 15px 25px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1.17;
  letter-spacing: normal;
  color: #3e4651;
  vertical-align: middle !important;
}
#tab-accounting .tab_content_section tbody tr {
  height: 50px;
}
#tab-accounting .tab_content_section tbody tr:last-child {
  border: 0 !important;
  color: #3e4651;
  font-weight: bold !important;
}
#tab-accounting .tab_content_section tbody td {
  font-size: 14px !important;
  line-height: 1.21;
  letter-spacing: normal;
  color: #3e4651;
  padding: 0px 0px 0px 25px !important;
  border: 0 !important;
}
#tab-accounting .tab_content_section tbody td .content__meta {
  line-height: 21px !important;
}
#tab-accounting .tab_content_section tbody td .table-column__data-container {
  margin: 4px 0px;
}
/* Embossed warning text box */
.embossed-warning-text {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  color: #b22222;
  background-color: #fdecea;
  border-radius: 10px;
  padding: 12px 24px;
  text-shadow: 1px 1px 2px #ffffff, -1px -1px 2px #ffb3b3;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), inset 0 -1px 3px rgba(255, 0, 0, 0.2), 0 0 10px rgba(255, 0, 0, 0.2);
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  transform-origin: center;
}
/* Background + scale (zoom in/out) pulsing */
@keyframes warningPulse {
  0% {
    background-color: #fdecea;
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
  }
  50% {
    background-color: #f8d7da;
    transform: scale(1.07);
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.35);
  }
  100% {
    background-color: #fdecea;
    transform: scale(1);
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
  }
}
/* Add glowing + pulsing animation */
.embossed-warning-text.glow {
  animation: warningPulse 1s infinite ease-in-out;
}