body{
  background-color: #ffffff !important;
  font-family: 'Objectivity' !important;
}
:root{
  --font-family-sans-serif: "Objectivity",sans-serif !important;
}
.mt-30px{
  margin-top: 30px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Objectivity',sans-serif;
  font-weight: 600;
}
.input-text-uppercase{
  text-transform: uppercase !important;
}
.input-text-uppercase::placeholder{
  text-transform: initial !important;
}
.hcm-sub-title{
  color: #2C2C2C;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.hcm-login-page{
  width: 100%;
  height: 100vh;
}
.hcm-login-page-wrapper{
  display: flex;
  height: 100%;
  overflow: hidden;
}
.hcm-login-page-left{
  width: 55%;
  position: relative;
}
.checkers-top-right{
  position: absolute;
  top:0;
  right: 0;
  height: 40%;
  max-height: 400px;
}
.checkers-bottom-left{
  position: absolute;
  bottom:0;
  left: 0;
  height: 40%;
  max-height: 400px;
}
.login-vector{
  position: absolute;
  top:50%;
  right:20px;
  transform: translateY(-50%);
  max-height: 550px;
  height: 80%;
  z-index: 2;
}
.hcm-login-page-right{
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  background: #ffffff;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.06)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.04));
  position: relative;
  /* z-index: 3; */
}
.hcm-login-page-card{
  /* margin-top: 120px; */
  max-width: 480px;
  width:100%;
}
.hcm-login-page-card-logo{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
  margin-left: 10px;
}
.hcm-login-page-card-logo img{
  width: 80px;
  height: 70px;
  object-fit: contain;
}
.hcm-login-page-card-content{
  display: flex;
  flex-direction: column;
}
.hcm-login-page-card-content-title h1{
  color: #28303F;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
  margin:0;
}
.hcm-login-page-card-content-title p{
  color: #687693;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin:8px 0 0 0;
}
.hcm-login-page-card-content-form{
  margin-top: 30px;
}
.hcm-login-page-card-content-form_1{
  margin-top: 0 !important;
}
.hcm-login-page-card-content-form > form{
  display: flex;
  flex-direction: column;
}
.login-extra-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 14px 0 20px 0;
}
.forgot_password{
  margin-top: 20px;
}
.form-forgotpass{
  color: #2068F3;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.login-extra-actions .custom-control-label{
  color: #687693;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.login-extra-actions .custom-control-input:checked~.custom-control-label::before {
  border-color: #2068F3;
  background-color: #2068F3;
}
.login-signin button.hcm-btn{
  width:100%;
  padding: 14px 20px;
}
.login-copyrights{
  margin-top: 40px;
  text-align: center;
  color: #8897AD;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: Objectivity;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14px */
  margin:40px 0 0 0;
}
.form-floating-field .form-floating-field-input.error{
  border-color: #EB5757;
}
.form-floating-field .form-floating-field-input.error ~ .form-floating-field-label{
  color: #EB5757 !important;
}
.form-floating-field label.error{
  position: absolute;
  bottom:-20px;
  left: 15px;
  font-size: 12px;
  margin:0;
}
input.form-floating-field-input:-internal-autofill-selected {
  background: #ffffff !important;
}
.form-radio-field,
.form-checkbox-field{
  display: flex;
  flex-direction: column;
  position: relative;
}
.form-radio-field-label,
.form-checkbox-field-label{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  margin:0;
}
.form-radio-field-options,
.form-checkbox-field-options{
  margin:6px 0 0 0;
  display: inline-flex;
  align-items: center;
  padding:0;
  list-style-type: none;
}
.form-radio-field-options-item{
  position: relative;
  margin-right: 20px;
}
.form-radio-field-option-input{
  display: none;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.form-radio-field-option-label{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin:0;
  padding-left: 28px;
  position: relative;
  transition: 0.2s all ease-in-out;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  cursor: pointer;
}
.form-radio-field-option-label::before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  width:20px;
  height:20px;
  background-color: #2068F3;
  border-radius: 50%;
}
.form-radio-field-option-label::after{
  content: "";
  position: absolute;
  left:1px;
  top:1px;
  width:18px;
  height:18px;
  background-color: #ffffff;
  border-radius: 50%;
}
.form-radio-field-option-label:hover::after{
  background-color: #DDE9FF;;
}
input[type="radio"]:checked.form-radio-field-option-input ~ .form-radio-field-option-label{
  color: #000;
}
input[type="radio"]:checked.form-radio-field-option-input ~ .form-radio-field-option-label::after{
  left:6px;
  top:6px;
  width:8px;
  height:8px;
}
.form-checkbox-field-options-item .custom-control-label::before,
.form-checkbox-field-options-item .custom-control-label::after{
  width: 20px;
  height: 20px;
  top:0;
}
.form-checkbox-field-options-item .custom-control-input:checked~.custom-control-label::before {
  border-color: #2068F3;
  background-color: #2068F3;
}
.form-checkbox-field-options-item .custom-control-label{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding-left: 5px;
  position: relative;
  transition: 0.2s all ease-in-out;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  cursor: pointer;
}
.form-checkbox-field-options-item .custom-control-input:checked~.custom-control-label {
  color: #000;
}
.form-floating-field .iti{
  width: 100%;
}
.iti.iti--allow-dropdown.iti--separate-dial-code ~ .form-floating-field-label{
  left: 85px;
}
.iti.iti--allow-dropdown.iti--separate-dial-code:has(.form-floating-field-input:focus) ~ .form-floating-field-label,
.iti.iti--allow-dropdown.iti--separate-dial-code:has(.form-floating-field-input:not(:placeholder-shown)) ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
}
.form-floating-field-image-right{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 15px;
  pointer-events: none;
}
.form-floating-field .tox.tox-tinymce.tox-platform-touch{
  border: 1px solid #687693 !important;
  width: 100%;
}
.form-floating-field-cancel{
  position: absolute;
  right: 42px;
  font-size: 18px;
  color: #EB5757;
}
.form-file-upload-label{
  color: #687693;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  transition: 0.2s all ease-in-out;
  margin: 0;
}
.form-file-upload .bootstrap-filestyle.input-group{
  margin-top: 5px;
}
.form-file-upload-hint{
  margin-left: 5px;
  color: #828282;
}
.bootstrap-filestyle.input-group .form-control{
  border: 1px solid #687693;
  background: #FFF;
  padding: 0 3px 0 7px;
  color: #687693;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0;
  outline: 0;
}
.group-span-filestyle.input-group-btn .btn.btn-secondary {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 0;
  border: 1px solid transparent;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  outline: 0;
  box-shadow: none;
  background: #2068F3;
  border-color: #2068F3;
  color: #ffffff;
}
.form-file-upload .pdf_view{
  margin-top: 5px;
}
.form-file-upload .pdf_view .form-file-upload-image[src]{
  width: 100px;
  height: 50px;
  object-fit: contain;
  background-color: #f8f8f8;
  border-radius: 5px;
  padding: 4px;
}
.hcm-add-employee-wrapper{
  display: flex;
}
.hcm-add-employee-menu{
  display: flex;
  border-right: 1px solid #EFF2F9;
  width: 245px;
  padding-right: 20px;
}
.hcm-add-employee-menu-list{
  display: flex;
  flex-direction: column;
  padding:0;
  margin:0;
  list-style: none;
  width: 100%;
}
.hcm-add-employee-form{
  width: calc(100% - 245px);
  padding-left: 20px;
}
.hcm-add-employee-form-title h3{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.hcm-add-employee-menu-item{
  padding: 8px 10px 8px 40px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}
.tox-promotion{
  display: none !important;
}
.hcm-add-employee-menu-item{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 16px */
}
/* .hcm-add-employee-menu-item:hover{
  color: #2068F3;
} */
.hcm-add-employee-menu-item::before{
  content: "";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left:10px;
  top:5px;
  width:20px;
  height: 20px;
  background-color:#F6F7F9;
  border: 1px solid #F6F7F9;;
  border-radius: 50%;
}
.hcm-add-employee-menu-item:nth-child(1) span::after{
  content: "1";
  left: 17px;
}
.hcm-add-employee-menu-item:nth-child(2) span::after{
  content: "2";
}
.hcm-add-employee-menu-item:nth-child(3) span::after{
  content: "3";
}
.hcm-add-employee-menu-item:nth-child(4) span::after{
  content: "4";
}
.hcm-add-employee-menu-item:nth-child(5) span::after{
  content: "5";
}
.hcm-add-employee-menu-item:nth-child(6) span::after{
  content: "6";
}
.hcm-add-employee-menu-item:nth-child(7) span::after{
  content: "7";
}
.hcm-add-employee-menu-item span::after{
  position: absolute;
  left: 16px;
  top: 10px;
  color: #687693;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hcm-add-employee-menu-item.selected span::after{
  color: #2068F3;
}
.hcm-add-employee-menu-item:after{
  content: "";
  position: absolute;
  height: calc(100% - 20px);
  bottom:-15px;
  left: 20px;
  width: 1px;
  background: #D9D9D9;
}
.hcm-add-employee-menu-item:last-child:after{
  display: none;
}
.hcm-add-employee-menu-item.verified::before{
  background-color: #2068F3;
  border-color: #2068F3;
}
.hcm-add-employee-menu-item.selected::before{
  background-color: #DDE9FF;
  border-color: #2068F3;
}
.hcm-add-employee-menu-item.verified span::after{
  content: "";
  width: 9px;
  height: 6px;
  background-image: url('../../../assets/admin/images/checkmark-white.svg');
  background-size: 100%;
  background-position: center;
  left: 16px;
  top: 12px;
}
.hcm-add-employee-menu-item.verified span{
  color: #28303F;
}
.hcm-add-employee-menu-item.selected span{
  color: #2068F3;
}
.select2-results__option{
  padding: 0 !important;
}
.select2-results__option[id]{
  padding: 10px !important;
}
.hcm-sidebar{
  width: 82px;
  height: 100vh;
  padding:0;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #EFF2F9;
  position: fixed;
  left:0;
  top:0;
  background-color: #ffffff;
  z-index: 999;
}
.sidebar-backdrop{
  position: fixed;
  top:0;
  left:0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
  width: 100vw;
  height: 100vh;
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  z-index: 999;
}
.hcm-sidebar.menu-expanded{
  width: 260px;
  border-right: 0;
  z-index: 9999;
}
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}
.no-scroll {
  overflow: hidden;
}
.hcm-sidebar-logo{
    padding: 20px;
}
.hcm-sidebar-logo a{
    display: flex;
    justify-content: center;
    align-items: center;    
}
.hcm-sidebar-logo .company-icon{
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.hcm-sidebar-logo .company-logo{
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  object-fit: contain;
  transition: 0.1s all;
}
.menu-expanded .hcm-sidebar-logo .company-logo{
  width: auto;
  height: auto;
  max-width: 220px;
  max-height: 42px;
  opacity: 1;
  visibility: visible;
}
.menu-expanded .hcm-sidebar-logo .company-icon{
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  object-fit: contain;
}
.hcm-sidebar-menu{
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
}
.menu-expanded .hcm-sidebar-menu{
  height: calc(100vh - 102px);
}
.side-menu-profile-dm{
  border: 1px solid #2068F3;
  box-shadow: 0 0 4px #eaeaea;
  max-width: 210px;
}
.side-menu-profile-dm .dropdown-item{
  white-space: normal;
  font-weight: 500;
  font-size: 12px;
}
.hcm-sidebar-menu-options{
    height: calc(100vh - 201px);
}
.menu-expanded .hcm-sidebar-menu-options{
  height: auto;
  overflow: visible;
}
.hcm-sidebar-menu-options .simplebar-track {
    left: auto;
    right: 0;
}
.hcm-sidebar-menu-options-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0;
    margin:0;
    list-style: none;
}
.hcm-sidebar-menu-options-list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 0 0;
}
.hcm-sidebar-menu-options-list-item-link,
.hcm-sidebar-menu-profile-list-item-link{
  border: 1px solid transparent;
  border-radius: 4px;
}
.hcm-sidebar-menu-options-list-item-link:hover,
.hcm-sidebar-menu-profile-list-item-link:hover{
  color: #2068F3;
  background: #DDE9FF;
}
.hcm-sidebar-menu-options-list-item-link:hover svg path{
  fill: #2068F3;
}
.hcm-sidebar-menu-profile-list-item-link:hover svg path,
.hcm-sidebar-menu-profile-list-item-link.active svg path{
  stroke: #2068F3;
}
.hcm-sidebar-menu-options-list-item-link.active svg path{
  fill: #2068F3;
}
.hcm-sidebar-menu-options-list-item-link:hover svg.stroke-based path{
  fill:unset;
  stroke: #2068F3;
}
.hcm-sidebar-menu-options-list-item-link.active,
.hcm-sidebar-menu-profile-list-item-link.active{
  border-color: #2068F3;
  color: #2068F3;
  background: #DDE9FF;
}
.hcm-sidebar-menu-options-list-item-link.active svg.stroke-based path{
  fill:unset;
  stroke: #2068F3;
}
.hcm-sidebar-menu-options-list-item::before{
    content: "";
    width:300px;
    position: absolute;
    right: 0;
}
.hcm-sidebar-menu-options-list-item:first-child{
    margin: 0;
}
.hcm-sidebar-menu-options-list-item-link{
    width: 42px;
    height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.menu-expanded .hcm-sidebar-menu-options-list-item {
  justify-content: flex-start;
  width: 100%;
}
.menu-expanded .hcm-sidebar-menu-options-list-item-link{
  width: 100%;
  justify-content: flex-start;
  padding: 0 10px 0 20px;
  border-radius: 0;
  position: relative;
}

.hcm-sidebar-menu-options-list-item-link .menu-title{
  font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #28303F;
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
}
/* .hcm-sidebar-menu-options-list-item-link .menu-title{
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #28303F;
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
    bottom: 14px;
    left: 3px;
}
.hcm-sidebar-menu-options-list-item{
  height: 70px;
}
.hcm-sidebar-menu-options-list-item-link{
  height: 74px;
  width: 70px;
} */
.menu-expanded .hcm-sidebar-menu-options-list-item-link .menu-title{
  width: initial;
  height: initial;
  position: unset;
  visibility: visible;
  margin-left: 10px;
  white-space: normal;
  text-align: left;
}
.popover{
  z-index: 999;
}
.menu-expanded .hcm-sidebar-menu-options-list-item-link.active,
.menu-expanded .hcm-sidebar-menu-profile-list-item-link.active{
  border-color: transparent;
  color: #2068F3;
  background: #DDE9FF;
  border-right: 0;
}
.menu-expanded .hcm-sidebar-menu-options-list-item-link.active::after,
.menu-expanded .hcm-sidebar-menu-profile-list-item-link.active::after{
  content: "";
  position: absolute;
  top:0;
  right:0;
  width: 3px;
  height: 100%;
  background-color: #2068F3;
}
.menu-expanded .hcm-sidebar-menu-options-list-item-link.active .menu-title,
.menu-expanded .hcm-sidebar-menu-profile-list-item-link.active .menu-title{
  color: #2068F3;
}
.hcm-sidebar-menu-profile{
    height: 99px;
    width: 100%;
}
.menu-expanded .hcm-sidebar-menu-profile{
  height: auto;
}
.hcm-sidebar-menu-profile-list{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:0;
    margin:0;
    list-style: none;
}
.hcm-sidebar-menu-profile-list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.hcm-sidebar-menu-profile-list-item:first-child{
    margin-top: 0;
}
.hcm-sidebar-menu-profile-list-item-link{
    width: 42px;
    height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.hcm-sidebar-menu-profile-list-item-link-profile img{
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 50%;
}
.sidemenu-expand-button{
  width: 20px;
  height: 20px;
  border: 1px solid #2068F3;
  color:#2068F3;
  background: #ffffff;
  position: absolute;
  top: 33px;
  right: -10px;
  z-index: 1300;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-expanded .sidemenu-expand-button{
  background-color: #2068F3;
  transform: rotate(180deg);
  color: #ffffff;
  border-color: #ffffff;
}
.menu-expanded .hcm-sidebar-menu-profile{
  display: none;
}
.hcm-sidebar-menu-options-list-item.onlyOpenOnExpand{
  display: none;
}
.menu-expanded .hcm-sidebar-menu-options-list-item.onlyOpenOnExpand{
  display: flex;
}
.onlyOpenOnExpand .hcm-sidebar-menu-options-list-item-link.hcm-sidebar-menu-profile-list-item-link-profile{
  height: auto;
}
.hcm-main-content{
    margin-left: 82px;
}
.hcm-page-header{
    display: flex;
    flex-direction: column;
    padding:20px;
}
.hcm-page-header-title{
    color: #28303F;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin:0;
}
.hcm-page-header-menu-list{
    display: flex;
    flex-direction: row !important;
    list-style: none;
    padding: 0;
    margin:10px 0 -21px 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.hcm-page-header-menu-list-item{
    display: inline-flex;
    margin-right: 15px;
}
.hcm-page-header-menu-list-link{
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 500;
    border: 1px solid #2068F3;
    white-space: nowrap;
    color: #2068F3;
    border-radius: 4px;
}
.hcm-page-header-menu-list-link:hover{
    color: #2068F3;
}
.hcm-page-header-menu-list-link.active{
    border-color: #2068F3;
    color: #FFF;
    background-color: #2068F3;
    font-weight: 500;
    border: 2px solid #2068F3;

}
.hcm-page-subheader{
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-btn-right-bottom{
 float: right;
 display: inline-block;
 font-size: 12px;
 font-weight: 500;
 margin-top: 3px;
 color: #2068F3;
}
.hcm-page-subheader-title{
    color: #2C2C2C;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height:28px;
    margin:0;
}
.hcm-page-subheader-title span{
  color: #2068F3;
  font-size: 13px;
}
.popover{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-color: #2F80ED;
  background-color: #DDE9FF;
}
.popover-body{
  color: #2068F3;
  font-size: 14px;
  font-weight: 500;
}
.pop-profile{
  display: flex;
  flex-direction: column;
  margin: -7px -12px;
  background-color: #ffffff;
  padding:5px;
  border-radius: 10px;
}
.pop-profile-title{
  font-family: 'Objectivity' !important;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 5px 0 10px 12px;
}
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {
  border-right-color: #2F80ED;
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {
  border-right-color: #DDE9FF;
}
.popover-menu{
  margin:0;
  padding:0;
  display: flex;
  flex-direction: column;
  list-style: none;
}
.popover-menu li{
  display: inline-flex;
}
.popover-menu li a{
  font-family: 'Objectivity' !important;
  color: #676767;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  border-radius: 4px;
}
.popover-menu li a:hover {
  color: #2F80ED;
  background: #EDF3FF;
}
.hcm-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 0;
    border: 1px solid transparent;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}
.btn-danger{
  font-family: 'Objectivity' !important;
  font-weight: 500;
}
.btn-warning{
  font-family: 'Objectivity' !important;
  font-weight: 500;
}
.hcm-btn.button_disable:hover,
.hcm-btn.button_disable:focus,
.hcm-btn.button_disable{
  cursor: not-allowed;
  background-color: rgb(235,235,228) !important;
  color: #777777 !important;
  border-color: #777777 !important;
}
.hcm-btn-primary,
.hcm-btn-primary:hover{
  font-family: 'Objectivity' !important;
    background: #2068F3;
    border-color: #2068F3;
    color: #ffffff;
    border-radius: 4px;
}
.hcm-btn-danger,
.hcm-btn-danger:hover{
    background: #EB5757;
    border-color: #EB5757;
    color: #ffffff;
    border-radius: 4px;
}
.hcm-btn-secondary,
.hcm-btn-secondary:hover{
    background: #ffffff;
    color: #28303F;
    border-color: #28303F;
}
.hcm-btn-hasicon svg,
.hcm-btn-hasicon img{
    margin-right: 5px;
    width: 16px;
    height: 16px;
}
.hcm-page-subheader-menu{
    padding:0;
    margin:0;
    list-style: none;
    display: flex;
}
.hcm-page-subheader-menu-item{
    display: inline-flex;
    margin-left: 10px;
    align-items: center;
}
.hcm-page-subheader-menu-item .hcm-btn .hcm-btn-text{
  display: block;
}
.hcm-dropdown-icon .hcm-dropdown-button{
    border: 1px solid #28303F;
    background: #FFF;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hcm-dropdown-icon .hcm-dropdown-button:hover{
    border-color: #2068F3;    
}
.hcm-dropdown-icon .hcm-dropdown-button:hover svg path,
.hcm-dropdown-icon.show .hcm-dropdown-button svg path{
    fill: #2068F3;    
}
.hcm-dropdown-icon.show .hcm-dropdown-button{
    background: #EDF3FF;
    border-color: #2068F3;    
}
.hcm-dropdown-icon .dropdown-menu{
    width: auto;
    min-width: auto;
    padding: 6px;
    border: 1px solid #FBFCFF;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06), 0px 0px 16px 0px rgba(0, 0, 0, 0.04);
}
.hcm-dropdown-icon .dropdown-menu .dropdown-item{
    color: #676767;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px;
}
.hcm-dropdown-icon .dropdown-menu .dropdown-item:hover{
    color: #2F80ED;
    background: #EDF3FF;
}
.hcm-expandable-search{
  width: 200px;
}
.expandable-form-group{
  position:relative;
  width:0%;
  min-width:36px;
  height:36px;
  overflow:hidden;
  transition: width 0.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.expandable-search-form{
  display: flex;
  justify-content: flex-end;
}
.expandable-form-group input.expandable-form-control{
  position:absolute;
  top:0;
  right:0;
  outline:none;
  width:100%;
  height:36px;
  margin:0;
  z-index:10;
  border: 1px solid #2068F3;
  padding: 10px;
  font-family: 'Objectivity'!important;
  font-weight: 500;
}
input[type="text"].expandable-form-control{
  -webkit-appearence:none;
  -webkit-border-radius:0;
}
.expandable-form-control-submit,
.expandable-search-label{
  width:36px;
  height:36px;
  border: 1px solid #28303F;
  background: #ffffff;
  position:absolute;
  right:0;
  top:0;
  padding:0;
  margin:0;
  text-align:center;
  cursor:pointer;
  line-height:36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expandable-form-control-submit{
  background:#fff; /*stupid IE*/
  opacity: 0;
  color:transparent;
  border:none;
  outline:none;
  z-index:-1;
}
.expandable-search-label{
  z-index:90;
}

.expandable-form-group.sb-search-open,
.no-js .sb-search-open{
  width:100%;
}
.expandable-form-group.sb-search-open .expandable-search-label,
.no-js .sb-search .expandable-search-label {
    background: #EDF3FF;
    color: #2068F3;
    z-index: 11;
}
.expandable-form-group.sb-search-open .expandable-search-label,
.no-js .sb-search .expandable-search-label{
    border-color: #2068F3;
}
.expandable-form-group.sb-search-open .expandable-search-label svg path,
.no-js .sb-search .expandable-search-label svg path{
    stroke: #2068F3;
}
.expandable-form-group.sb-search-open .expandable-form-control-submit,
.no-js .expandable-form-control .expandable-form-control-submit {
    z-index: 90;
}
.hcm-page-body{
  padding: 0 20px 80px 20px;
}
.hcm-footer{
  position: fixed;
  bottom:0;
  z-index: 99;
}
.hcm-component-table .dataTables_scrollBody{
  min-height: 350px;
}
.hcm-component-table.hcm-component-timesheet-table .dataTables_scrollBody{
  min-height: unset;
}
.hcm-component-table .dataTables_wrapper .table{
  border: 1px solid #EFF2F9;
  width: 100% !important;
}
.hcm-component-table .dataTables_wrapper .dataTables_length,
.hcm-component-table .dataTables_wrapper .dataTables_filter{
  display: none !important;
}
.hcm-component-table .dataTables_wrapper .table th{
  border:0;
  background: #e5eeff;
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.hcm-component-table .dataTables_wrapper .table td{
  border:0;
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  vertical-align: middle;
}
.hcm-component-table .dataTables_wrapper .table tbody tr.odd td{
  background-color: #ffffff;
}
.hcm-component-table .dataTables_wrapper .table tbody tr.even td{
  background-color: #f1f6fd;
}
.table-actions-wrapper{
  display: flex;
  justify-content: center;
}

.hcm-component-table .dataTables_wrapper .table th.dtfc-fixed-left{
  z-index: 9;
  box-shadow: 5px 0px 8px 0px #EEE;
}
.hcm-component-table .dataTables_wrapper .table td.dtfc-fixed-left:after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 5px;
  box-shadow: 5px 0px 8px 0px #EEE;
}
.hcm-component-table .dataTables_wrapper .table td.dtfc-fixed-right:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  box-shadow: -5px 0px 8px 0px #EEE;
}
.hcm-component-table .dataTables_wrapper .table th.dtfc-fixed-right{
  box-shadow: -5px 0px 30px 0px #EEE;
  z-index: 9;
}
.hcm-dropdown-icon.hcm-table-actions-db .dropdown-menu{
  top: 0 !important;
  left: -28px !important;
}
.hcm-component-table .dataTables_paginate .pagination{
  margin-top: 15px !important;
  margin-bottom: 10px !important;
}

.hcm-component-table .dataTables_paginate .pagination .paginate_button .page-link{
  border-radius: 0;
  border: 1px solid #28303F;
  margin-left: 10px;
  color: #28303F;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
  padding: 5px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hcm-component-table .dataTables_paginate .pagination .paginate_button.active .page-link{
  background-color: #2068F3;
  border-color: #2068F3;
  color: #ffffff;
}
.hcm-component-table .dataTables_paginate .pagination .paginate_button.disabled .page-link{
  border-color: #BBC4D2;
  color: #BBC4D2;
}
.hcm-footer{
  background: #FBFCFF;
  width: 100%;
  padding: 20px 0;
}
.hcm-footer p{
  text-align: center;
  margin:0;
}
.datepicker{ 
  z-index:999999 !important; 
}
.Zebra_DatePicker_Icon{
    left: 180px !important;
 }
 .in_cls{
    padding-right: 20px !important;
 }
.hcm-job-posting-info{
  margin-top: 8px;
}
.hcm-job-posting-info-text{
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.hcm-job-posting-info-text img{
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.hcm-job-posting-info-text span{
  color: #687693;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0;
}

.job-position-card-footer-toggle {
  position: relative;
}

.job-position-card-footer-toggle label:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 28px;
  height: 15px;
  background: #BEBEBE;
  border: 0.5px solid #E4E4E4;
  border-radius: 10px;
  cursor: pointer;
}

.job-position-card-footer-toggle label::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 15px;
  width: 11px;
  height: 11px;
  background: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
}

.job-position-card-footer-toggle input[type="checkbox"]:checked+label::before {
  background-color: #1AB900;
}

.job-position-card-footer-toggle input[type="checkbox"]:checked+label::after {
  right: 3px;
}
.hcm-job-position-card{
  display: flex;
  padding: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  border: 1px solid #EFF2F9;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px #F1F1F1;
  margin:10px 0;
}
.hcm-job-position-card-header{
  display: flex;
  align-items: center;
  width: 100%;
}
.hcm-job-position-card-header-logo{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: contain;
}
.hcm-job-position-card-header-info{
  display: inline-flex;
  flex-direction: column;
  padding-left: 10px;
  position: relative;
  width: calc(100% - 30px);
}
.hcm-job-position-card-header-info h4{
  color: #28303F;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0;
}
.hcm-job-position-card-header-info p{
  color: #2068F3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:5px 0 0 0;
}
.hcm-job-position-card-header-info .hcm-dropdown-icon{
  position: absolute;
  top:0;
  right: 0;
}
.hcm-job-position-card-header-info .hcm-dropdown-button{
  width: 24px;
  height: 24px;
  border:0;
}
.hcm-job-posting-card-number{
  padding: 8px 0 15px 0;
}
.hcm-job-posting-card-number ul{
  display: flex;
  justify-content: space-between;
  padding:0;
  margin:0;
  list-style: none;
  flex-wrap: wrap;
}
.hcm-job-posting-card-number ul li{
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F9F9FA;
  width: calc(50% - 7.5px);
}
.hcm-job-posting-card-number ul li span{
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.hcm-job-posting-card-number ul li h2{
  color: #28303F;
  font-size: 12px;
  
  font-style: normal;
  font-weight: 500;
  line-height: 13px; /* 108.333% */
  margin:0;
}
.hcm-job-posting-card-number ul li h2 a{
  color: #2068F3;
  padding: 5px;
}
.hcm-job-posting-card-footer{
  padding: 10px 0 0 0;
  border-top:1px solid #EFF2F9;
}
.hcm-job-posting-card-footer ul{
  padding: 0;
  margin:0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hcm-job-posting-card-footer ul li h6{
  color: #2068F3;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0;
}
.hcm-icon-select{
  position: relative;
}
.hcm-icon-select{
  position: relative;
}
.hcm-icon-select .select2-selection__arrow,
.hcm-icon-select .select2-selection__rendered{
  display: none !important;
}
.hcm-icon-select label{ 
  border: 1px solid #28303F;
  background: #FFF;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0;
}
.hcm-icon-select .select2-container{ 
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
}
.hcm-icon-select .select2-container--open + label{
  background: #EDF3FF;
  border-color: #2068F3;
}
.hcm-icon-select .select2-container--open + label svg path{
  fill: #2068F3;
}
.hcm-icon-select .select2-container:hover + label{
  background: #EDF3FF;
  border-color: #2068F3;
}
.hcm-icon-select .select2-container:hover + label svg path{
  fill: #2068F3;
}
.select2-container .select2-dropdown{
  border: 1px solid #FBFCFF;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06), 0px 0px 16px 0px rgba(0, 0, 0, 0.04);
}
.select2-container .select2-dropdown .select2-results__option{
  color: #676767;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
}
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected="false"]:hover,
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected="false"],
.select2-container .select2-dropdown .select2-results__option[aria-selected="true"],
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected="true"],
.select2-container .select2-dropdown .select2-results__option--highlighted[aria-selected="true"]:hover{
  color: #2F80ED;
  background-color: #EDF3FF;
}
.select2-container .select2-dropdown{
  min-width: 150px;
}
.hcm-jobposting-page-body{
  padding: 0 20px;
}
.asset-view-doc-text{
  white-space: pre-wrap;
  word-break: break-all;
  margin:5px 0;
}
.create-job-post-wrapper{
  display: flex;
  padding:20px;
  align-items: center;
  justify-content: center;
  align-items: center;
}
.create-job-post-card{
  width: 550px;
  display: flex;
  flex-direction: column;
}
.create-job-post-card-head{
  display: flex;
  flex-direction: column;
}
.create-job-post-card-head h4{
  color: #28303F;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin:0;
}
.create-job-post-card-head p{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:5px 0 0 0;
}
.create-job-post-card-body{
  padding: 20px 0;
}
.create-job-post-inti-options-list{
  display: flex;
  flex-direction: column;
  list-style: none;
  margin:0;
  padding:0;
  list-style: none;
}
.create-job-post-inti-options-list-item{
  margin-bottom: 20px;
}
.create-job-post-inti-options-list-item:last-child{
  margin-bottom: 0;
}
.create-job-post-inti-options-list-item input[type="radio"]{
  display: none;
  position: absolute;
  width:0;
  height: 6px;
  visibility: hidden;
  opacity: 0;
}
.create-job-post-inti-options-list-item label{
  border: 1px solid #C4CFDE;
  background: #FFF;
  padding:20px 20px 20px 40px;
  position: relative;
  cursor: pointer;
}
.create-job-post-inti-options-list-item label h6{
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.create-job-post-inti-options-list-item label p{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin:6px 0 0 0;
}

.create-job-post-inti-options-list-item label:before{
  content: "";
  position: absolute;
  top: 20px;
  left: 13px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border: 1px solid #C4CFDE;
}
.create-job-post-inti-options-list-item label:hover{
  border-color: #2068F3; 
}
.create-job-post-inti-options-list-item label:hover::before{
  border-color: #2068F3; 
}
.create-job-post-inti-options-list-item label:after{
  content: "";
  position: absolute;
  top: 25px;
  left: 18px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #2068F3;
  opacity: 0;
}
.create-job-post-inti-options-list-item input[type="radio"]:checked ~ label{
  border-color: #2068F3;
}
.create-job-post-inti-options-list-item input[type="radio"]:checked ~ label::after{
  opacity: 1;
}
.create-job-post-inti-options-list-item input[type="radio"]:checked ~ label::before{
  border-color: #2068F3;
}
.create-job-post-card-foot ul{
  padding:0;
  margin:0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.create-job-post-card-foot ul li{
  margin-left: 10px;
}
.hcm-btn-hasicon-right img{
  margin-left: 10px;
}
.form-floating-field .parsley-errors-list,
.form-checkbox-field .parsley-errors-list,
.form-radio-field .parsley-errors-list,
.radio-tags-list .parsley-errors-list{
  position: absolute;
  bottom: -20px;
  left:0;
}

.form-floating-field{
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.form-floating-field-input{
  border-radius: 8px;
  width: 100%;
  border: 1px solid #687693;
  height: 55px;
  padding: 10px 15px;
  color: #687693;
  font-size: 15px;
  font-weight: 500;
  border-radius: 3px;
  outline: 0;
  transition: 0.2s all ease-in-out;
}
textarea.form-floating-field-input{
  height: auto;
  min-height: 55px;
}
.form-floating-field .select2.select2-container{
  width: 100% !important;
}
.form-floating-field .select2-selection.select2-selection--single{
  border-radius: 8px;
  width: 100% !important;
  border: 1px solid #687693;
  background: #FFF;
  height: 55px;
  padding: 0 3px 0 7px;
  color: #687693;
  font-size: 15px;
  font-weight: 500;
  border-radius: 3px;
  outline: 0;
  transition: 0.2s all ease-in-out;
}
.form-floating-field .select2-selection.select2-selection--multiple{
  border-radius: 8px;
  width: 100% !important;
  border: 1px solid #687693;
  background: #FFF;
  min-height: 55px;
  padding: 0 3px 0 7px;
  color: #687693;
  font-size: 15px;
  font-weight: 500;
  border-radius: 3px;
  outline: 0;
  transition: 0.2s all ease-in-out;
  display: flex;
  align-items: center;
}
.form-floating-field-label{
  color: #687693;
  font-size: 13px;
  font-weight: 500;
  padding: 0 3px;
  display: flex;
  white-space: nowrap;
  position: absolute;
  top: 17px;
  left:15px;
  transition: 0.2s all ease-in-out;
  pointer-events: none;
  margin:0;
}
.form-floating-field-label.has-hint{
  pointer-events: all;
}
.required-star{
  color: #E22A2A;
  margin-left: 2px;
}
.form-floating-field-error{		
  color: #E22A2A !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  position: absolute;
  left: 19px;
  bottom: -24px;
}
.form-floating-field-input:hover,
.form-floating-field-input:focus{
  border-color: #2068F3;
}
.form-floating-field .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon{
  opacity: 0 !important;
}
.form-floating-field .Zebra_DatePicker_Icon_Wrapper .form-floating-field-input:read-only{
  background-color: #ffffff;
  pointer-events: all;
  cursor: pointer;
}
.form-floating-field.focused .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.form-floating-field .bootstrap-tagsinput.focus ~ .form-floating-field-label,
.form-floating-field-input:focus ~ .form-floating-field-label,
.bootstrap-tagsinput + .form-floating-field-input:not(:placeholder-shown) ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.form-floating-field .select2:focus ~ .form-floating-field-label,
.form-floating-field .select2.has-value ~ .form-floating-field-label,
.form-floating-field .select2.select2-container.select2-container--focus ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.form-floating-field .Zebra_DatePicker_Icon_Wrapper:not(.form-floating-field-input:placeholder-shown) ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.form-floating-field-input:focus ~ .form-floating-field-label,
.form-floating-field-input:not(:placeholder-shown) ~ .form-floating-field-label,
.form-floating-field .select2.select2-container.select2-container--focus ~ .form-floating-field-label,
.form-floating-field .bootstrap-tagsinput.focus ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.form-floating-field-input:focus ~ .form-floating-field-label,
.form-floating-field-input:not(:placeholder-shown) ~ .form-floating-field-label,
.form-floating-field .select2.select2-container:has(.select2-selection__rendered[title]) ~ .form-floating-field-label,
.form-floating-field .select2.select2-container:has(.select2-selection__rendered .select2-selection__choice) ~ .form-floating-field-label,
.form-floating-field .select2.select2-container.select2-container--focus ~ .form-floating-field-label,
.form-floating-field .bootstrap-tagsinput.focus ~ .form-floating-field-label,
.form-floating-field .Zebra_DatePicker_Icon_Wrapper:has(.form-floating-field-input:not(:placeholder-shown)) ~ .form-floating-field-label{
  color: #2068F3;
  top: -9px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
}
.select2-selection__placeholder{
  opacity: 0;
}
.form-floating-field .select2.select2-container.select2-container--focus .select2-selection__placeholder{
  opacity: 1;
}

.form-floating-field .select2.select2-container.select2-container--focus .selection .select2-selection{
  border-color: #2068F3;
}
.form-floating-field .select2.select2-container .select2-selection .select2-selection__rendered .select2-search__field{
  opacity: 0;
}
.form-floating-field .select2.select2-container.select2-container--focus .select2-selection .select2-selection__rendered .select2-search__field{
  opacity: 1;
}
.form-floating-field-input.error{
  border-color: #E22A2A;
}
.form-floating-field-input.error ~ .form-floating-field-label{
  color: #717583;
}
.form-floating-field .select2-container .select2-selection--single .select2-selection__arrow{
  left: auto;
  right: 0;
  height: 55px;
}
.form-floating-field .select2-container .select2-selection--single .select2-selection__rendered{
  line-height: 55px;
  font-size: 13px;
}
.form-floating-field-input::placeholder{
  color: transparent !important;
  transition: 0.2s all ease-in-out;
}
.form-floating-field-input:focus::placeholder,
.form-floating-field-input:not(:placeholder-shown)::placeholder{
  color: initial !important;
  opacity: 0.6;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  border: 1px solid #687693 !important;
  border-radius: 3px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:hover,
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border: 1px solid #2068F3 !important;
}
.form-floating-field .select2-container .select2-selection__arrow b{
  border:0;
}
.form-floating-field .select2-container .select2-selection__arrow b::before,
.form-floating-field .select2-container .select2-selection__arrow b::after{
  content:"";
  position: absolute;
  width: 1px;
  height: 8px;
  border-radius: 10px;
  background-color: #687693;
  top:-2px;
}
.form-floating-field .select2-container .select2-selection__arrow b::before{
  left:-2.75px;
  transform: rotate(130deg);
}
.form-floating-field .select2-container .select2-selection__arrow b::after{
  left:2.75px;
  transform: rotate(-130deg);
}
.form-floating-field .select2-container--open .select2-selection--single .select2-selection__arrow b::after{
  transform: rotate(-230deg);
}
.form-floating-field .select2-container--open .select2-selection--single .select2-selection__arrow b::before{
  transform: rotate(230deg);
}

.form-floating-field .form-floating-field-input.hasDatepicker:read-only{
  background-color: initial;
  cursor: initial;
  pointer-events: all;
  font-size: 13px;
}
.form-floating-field .bootstrap-tagsinput{
  border-radius: 8px;
  width: 100%;
  border: 1px solid #687693;
  background: #FFF;
  min-height: 55px;
  padding: 10px 15px;
  color: #687693;
  font-size: 15px;
  font-weight: 500;
  border-radius: 3px;
  outline: 0;
  transition: 0.2s all ease-in-out;
  line-height: 33px;
}
.form-floating-field .bootstrap-tagsinput input::placeholder{
  opacity: 0;
}
.form-floating-field .bootstrap-tagsinput input::-ms-input-placeholder{
  opacity: 0;
}
.form-floating-field .bootstrap-tagsinput.focus input::placeholder{
  opacity: 1;
}
.form-floating-field .bootstrap-tagsinput.focus input::-ms-input-placeholder{
  opacity: 1;
}
.form-floating-field .bootstrap-tagsinput .tag + input::placeholder{
  opacity: 1;
}
.form-floating-field .bootstrap-tagsinput .tag + input::-ms-input-placeholder{
  opacity: 1;
}
.form-floating-field .bootstrap-tagsinput ~ .form-floating-field-label{
  pointer-events: none;
}
.form-floating-field .bootstrap-tagsinput .tag{
  display: inline-flex;
  padding: 3px 3px 3px 5px;
  justify-content: center;
  align-items: center;
  border: 1px solid #2068F3;
  background: #EDF3FF;
  color: #2068F3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:2px 4px 2px 0;

}
.form-floating-field .bootstrap-tagsinput .tag span{
  font-weight: 800;
}
.form-floating-field-input:focus,
.form-floating-field-input:not(:placeholder-shown){
  background-color: #ffffff;
  border-color: #2E3B72;
}

.radio-tags-list{
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.radio-tags-list-item{
  display: inline-flex;
  margin-right: 10px;
}
input[type="radio"].radio-tags-input{
  display: none;
  opacity: 0;
  position: absolute;
  width:0;
  height: 0;
  visibility: hidden;
}
.radio-tags-label{
  border: 1px solid #28303F;
  background: #FFF;
  padding: 6px 10px;
  margin:0;
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}
.radio-tags-label:hover{
  border-color: #2068F3;
  color: #2068F3;
}
input[type="radio"].radio-tags-input:checked ~ .radio-tags-label{
  border-color: #2068F3;
  color: #2068F3;
  background: #EDF3FF;
}
.form-floating-field .select2.parsley-error ~ .select2.select2-container .selection .select2-selection,
.form-floating-field .form-floating-field-input.parsley-error{
  border-color: #EB5757 !important;
}
.form-floating-field .select2.parsley-error ~ .form-floating-field-label,
.form-floating-field-input.parsley-error ~ .form-floating-field-label{
  color: #EB5757 !important;
}
.modal-full{
  width: calc(100% - 40px);
  max-width: 1400px;
}
.modal-header .close{
  font-size: 40px;
  font-weight: normal;
  line-height: 26px;
}
.checks-document{
  width:100%;
  padding: 20px;
  margin-top: 30px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
.checks-document-title{
  display: flex;
  justify-content: space-between;
}
.checks-document-title h4{
  color: #2C2C2C;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
}
.checks-document-title h4 i{
  font-size: 16px;
}
.checks-document-field{
  padding: 10px;
  border: 1px solid #E0E0E0;
  box-shadow: 0 0 4px #eaeaea;
  position: relative;
  border-radius: 4px;
}
.checks-document-field-remove{
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #EB5757;
  color: #ffffff;
  position: absolute;
  top: -8px;
  right: -8px;
  border: 0;
  padding: 0px;
  font-size: 10px;
}
.create-job-rangeslider{
  display: flex;
  flex-direction: column;
}
.create-job-rangeslider-content{
  padding:0;
  margin:0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.create-job-rangeslider-content-item{
  display: inline-flex;
  flex-direction: column;
}
.create-job-rangeslider-content-item p{
  color: #687693;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0 0 5px 0;
}
.create-job-rangeslider-content-item h5{
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0;
}
.hcm-rangeslider-component .irs--round{
  height: 15px !important;
  margin-top: 10px;
}
.hcm-rangeslider-component .irs-single{
  display: none;
  visibility: hidden;
}
.hcm-rangeslider-component .irs--round .irs-min,
.hcm-rangeslider-component .irs--round .irs-max{
  visibility: hidden !important;
}
.hcm-rangeslider-component .irs--round .irs-handle{
  cursor: grab;
  width: 15px;
  height: 15px;
  top: 0;
  border-width: 1px;
  border-color: #2068F3;
  background-color:#ffffff;
  border-radius: 50%;
  box-shadow: unset;
}
.hcm-rangeslider-component .irs--round .irs-handle.state_hover{
  cursor: grabbing;
}
.hcm-rangeslider-component .irs--round .irs-from,
.hcm-rangeslider-component .irs--round .irs-to{
  display: none;
}
.hcm-rangeslider-component .irs--round .irs-bar{
  top: 6px;
  height: 3px;
  background-color: #2068F3;
}
.hcm-rangeslider-component .irs--round .irs-line {
  top: 6px;
  height: 3px;
  background-color: #EFF2F9;
  border-radius: 30px;
}
.hcm-table-btn-danger{
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: #EB5757;
  border:0;
  box-shadow: none;
  outline: 0;
  width: 100%;
  max-width: 150px;
  border-radius: 4px;
}
.hcm-table-btn-success{
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: #09A334;
  border:0;
  box-shadow: none;
  outline: 0;
  width: 100%;
  max-width: 150px;
  border-radius: 4px;
}
.hcm-table-btn-success:hover{
  color: #FFF;
}
.employee-table-profile img{
  width:24px;
  height:24px;
  border-radius: 50%;
  margin-right: 10px;
}
.page-org-height {
  height: calc(100vh - 249px);
}
.hcm-card{
  border: 1px solid #F9F9FA;
  background: #F9F9FA;
  box-shadow: 0px 0px 6px 0px #E9E9EE;
}
.hcm-card-title{
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.form-floating-field-hint{
  pointer-events: all;
  margin-left: 5px;
  position: relative;
}
 @media(min-width:320px) and (max-width:767px) {
 .Zebra_DatePicker_Icon{
 left: 180px;
 }
}
.waves-effect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-right: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0) translate(0, 0);
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-primary .waves-ripple {
  background:rgb(32 104 243 / 40%);
  background: radial-gradient(rgb(32 104 243 / 10%) 0, rgb(32 104 243 / 30%) 40%, rgb(32 104 243 / 40%) 50%, rgb(32 104 243 / 50%) 60%, rgb(32 104 243 / 0) 70%);
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.4);
}

.waves-effect.waves-primary .waves-ripple {
  background-color: rgba(98, 110, 212, 0.4);
}

.waves-effect.waves-success .waves-ripple {
  background-color: rgba(2, 164, 153, 0.4);
}

.waves-effect.waves-info .waves-ripple {
  background-color: rgba(56, 164, 248, 0.4);
}

.waves-effect.waves-warning .waves-ripple {
  background-color: rgba(248, 180, 37, 0.4);
}

.waves-effect.waves-danger .waves-ripple {
  background-color: rgba(236, 69, 97, 0.4);
}
.btn-info, .btn-info:hover{
  background-color: #2068F3;
  border-color: #2068F3;
  font-weight: 500;
}

.avatar-xs {
  height: 2.3rem;
  width: 2.3rem;
}

.avatar-sm {
  height: 3rem;
  width: 3rem;
}

.avatar-md {
  height: 4.5rem;
  width: 4.5rem;
}

.avatar-lg {
  height: 5.5rem;
  width: 5.5rem;
}

.avatar-xl {
  height: 7.5rem;
  width: 7.5rem;
}

.avatar-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #626ed4;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.alert-dismissible .btn-close {
  font-size: 10px;
  padding: 1.125rem 1.25rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

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

.font-size-15 {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.social-list-item {
  height: 2rem;
  width: 2rem;
  line-height: calc(2rem - 2px);
  display: block;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  color: #adb5bd;
  text-align: center;
}

.w-xs {
  min-width: 80px;
}

.w-sm {
  min-width: 95px;
}

.w-md {
  min-width: 110px;
}

.w-lg {
  min-width: 140px;
}

.w-xl {
  min-width: 160px;
}

.mini-stat .mini-stat-img {
  width: 58px;
  height: 58px;
  line-height: 58px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  text-align: center;
}
.mini-stat .mini-stat-img img {
  max-width: 32px;
}
.mini-stat .mini-stat-label {
  position: absolute;
  left: 0;
  top: 18px;
  padding: 2px 32px 2px 10px;
  -webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);
          clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);
  color: #fff;
}

[dir=rtl] .mini-stat-label {
  -webkit-clip-path: polygon(0 0, 94% 0, 76% 50%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 94% 0, 76% 50%, 100% 100%, 0 100%);
}

@media print {
  .vertical-menu,
  .right-bar,
  .page-title-box,
  .navbar-header,
  .footer {
    display: none !important;
  }
  .card-body,
  .main-content,
  .right-bar,
  .page-content,
  body {
    padding: 0;
    margin: 0;
  }
  .card {
    border: 0;
  }
}
.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  right: 0 !important;
  bottom: 0;
  left: 0 !important;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  padding: 0px !important;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: right;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 2px;
  width: 4px;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #a2adb7;
  border-radius: 7px;
  right: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  right: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  right: 2px;
  left: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  left: auto;
  right: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* ==============
  Calendar
===================*/
.fc .fc-toolbar h2 {
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .fc .fc-toolbar .fc-left,
  .fc .fc-toolbar .fc-right,
  .fc .fc-toolbar .fc-center {
    float: none;
    display: block;
    text-align: center;
    clear: both;
    margin: 10px 0;
  }
  .fc .fc-toolbar > * > * {
    float: none;
  }
  .fc .fc-toolbar .fc-today-button {
    display: none;
  }
}
.fc .fc-toolbar .btn {
  text-transform: capitalize;
}

.fc th.fc-widget-header {
  background: #dee2e6;
  color: #343b51;
  line-height: 20px;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 700;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #dee2e6;
}
.fc-unthemed td.fc-today {
  background: #eff1f3;
}

.fc-button {
  background: var(--bs-secondary-bg);
  border-color: #e9ecef;
  color: #343b51;
  text-transform: capitalize;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 6px 12px !important;
  height: auto !important;
}

.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: #626ed4;
  color: #fff;
  text-shadow: none;
}

.fc-event {
  border-radius: 2px;
  border: none;
  cursor: move;
  font-size: 0.8125rem;
  margin: 5px 7px;
  padding: 5px 5px;
  text-align: center;
}

.fc-event,
.fc-event-dot {
  background-color: #626ed4;
}

.fc-event .fc-content {
  color: #fff;
}

.fc-day-header {
  font-weight: 500;
}

.fc-day-grid-event .fc-time {
  font-weight: 500;
}
.fc-day-grid-event.bg-dark {
  background-color: #000 !important;
}

#external-events .external-event {
  text-align: right !important;
  padding: 8px 16px;
}

[dir=rtl] .fc-header-toolbar {
  direction: rtl !important;
}

[dir=rtl] .fc-toolbar > * > :not(:first-child) {
  margin-right: 0.75em;
}

#session-timeout-dialog .close {
  display: none;
}
#session-timeout-dialog .countdown-holder {
  color: #ec4561;
  font-weight: 500;
}
#session-timeout-dialog .btn-default {
  background-color: #fff;
  color: #ec4561;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {
  background: #626ed4 !important;
  font-size: 11px;
}
.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {
  border-top-color: #626ed4;
}
.irs--modern .irs-line {
  background: var(--bs-light);
  border-color: var(--bs-light);
}
.irs--modern .irs-grid-text {
  font-size: 11px;
  color: #ced4da;
}
.irs--modern .irs-min, .irs--modern .irs-max {
  color: #adb5bd;
  background: var(--bs-light);
  font-size: 11px;
}
.irs--modern .irs-handle {
  width: 12px;
  height: 12px;
  top: 37px;
  background-color: var(--bs-secondary-bg) !important;
}
.irs--modern .irs-handle > i:nth-child(1) {
  width: 8px;
  height: 8px;
}

.swal2-container .swal2-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--bs-body-color);
}

.swal2-icon.swal2-question {
  border-color: #38a4f8;
  color: #38a4f8;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #02a499;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(2, 164, 153, 0.3);
}
.swal2-icon.swal2-warning {
  border-color: #f8b425;
  color: #f8b425;
}

.swal2-styled:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.swal2-progress-steps .swal2-progress-step {
  background: #626ed4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #626ed4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: rgba(98, 110, 212, 0.3);
}
.swal2-progress-steps .swal2-progress-step-line {
  background: #626ed4;
}

.swal2-loader {
  border-color: #626ed4 transparent #626ed4 transparent;
}

.swal2-popup {
  background-color: var(--bs-secondary-bg);
}
.swal2-popup .swal2-content {
  color: var(--bs-body-color);
}

.symbol {
  border-color: var(--bs-secondary-bg);
}

.rating-symbol-background, .rating-symbol-foreground {
  font-size: 24px;
}

.rating-symbol-foreground {
  top: 0px;
}

.rating-star > span {
  display: inline-block;
  vertical-align: middle;
}
.rating-star > span.badge {
  margin-right: 4px;
}

.error {
  color: #ec4561;
}

.parsley-error {
  border-color: #ec4561;
}

.parsley-errors-list {
  display: none;
  margin: 0;
  padding: 0;
}
.parsley-errors-list.filled {
  display: block;
}
.parsley-errors-list > li {
  font-size: 12px;
  list-style: none;
  color: #ec4561;
  margin-top: 5px;
}

.sp-container {
  background-color: var(--bs-secondary-bg);
}
.sp-container button {
  padding: 0.25rem 0.5rem;
  font-size: 0.71094rem;
  border-radius: 0.2rem;
  font-weight: 400;
  color: #2a3042;
}
.sp-container button.sp-palette-toggle {
  background-color: #dee2e6;
}
.sp-container button.sp-choose {
  background-color: #02a499;
  margin-right: 5px;
  margin-left: 0;
}

.sp-palette-container {
  border-left: 1px solid #e9ecef;
}

.sp-input {
  background-color: var(--bs-secondary-bg);
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color);
}
.sp-input:focus {
  outline: none;
}

.sp-colorize-container {
  border-width: 0 !important;
}

[dir=rtl] .sp-alpha {
  direction: ltr;
}
[dir=rtl] .sp-original-input-container .sp-add-on {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
[dir=rtl] input.spectrum.with-add-on {
  border: 1px solid var(--bs-border-color);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-left-radius: var(--bs-border-radius);
}

.select2-container .select2-selection--single {
  background-color: var(--bs-secondary-bg);
  border: 1px solid var(--bs-border-color);
  height: 38px;
}
.select2-container .select2-selection--single:focus {
  outline: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-right: 12px;
  color: var(--bs-body-color);
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  left: 3px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #adb5bd transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #adb5bd transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: var(--bs-secondary-bg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--bs-border-color);
  background-color: var(--bs-secondary-bg);
  color: #6c757d;
  outline: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #626ed4;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-secondary-color);
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #626ed4;
  color: #fff;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: var(--bs-border-color);
  background-color: var(--bs-secondary-bg);
  -webkit-box-shadow: var(--bs-box-shadow-sm);
          box-shadow: var(--bs-box-shadow-sm);
}

.select2-search input {
  border: 1px solid var(--bs-border-color);
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 2px 10px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-search__field::-webkit-input-placeholder {
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-search__field::-moz-placeholder {
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-search__field:-ms-input-placeholder {
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-search__field::-ms-input-placeholder {
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-search__field::placeholder {
  color: var(--bs-body-color);
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  padding: 3px 5px;
  justify-content: center;
  align-items: center;
  border: 1px solid #2068F3;
  background: #EDF3FF;
  color: #2068F3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin:1px 5px 1px 0;
}
.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
  margin-right: 4px;
  font-size: 26px;
  line-height: 16px;
  font-weight: 500;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--bs-border-color);
}

/* CSS Switch */
input[switch] {
  display: none;
}
input[switch] + label {
  font-size: 1em;
  line-height: 1;
  width: 56px;
  height: 24px;
  background-color: #ced4da;
  background-image: none;
  border-radius: 2rem;
  padding: 0.16667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  font-weight: 500;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[switch] + label:before {
  color: #2a3042;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  left: 1px;
  margin: 3px;
  top: -2px;
  text-align: center;
  min-width: 1.66667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[switch] + label:after {
  content: "";
  position: absolute;
  right: 3px;
  background-color: #e9ecef;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 2rem;
  height: 20px;
  width: 20px;
  top: 2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
input[switch]:checked + label {
  background-color: #626ed4;
}

input[switch]:checked + label {
  background-color: #626ed4;
}
input[switch]:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  left: auto;
  right: 3px;
}
input[switch]:checked + label:after {
  right: 33px;
  background-color: #e9ecef;
}

input[switch=bool] + label {
  background-color: #ec4561;
}

input[switch=bool] + label:before, input[switch=bool]:checked + label:before,
input[switch=default]:checked + label:before {
  color: #fff;
}

input[switch=bool]:checked + label {
  background-color: #02a499;
}

input[switch=default]:checked + label {
  background-color: #a2a2a2;
}

input[switch=primary]:checked + label {
  background-color: #626ed4;
}

input[switch=success]:checked + label {
  background-color: #02a499;
}

input[switch=info]:checked + label {
  background-color: #38a4f8;
}

input[switch=warning]:checked + label {
  background-color: #f8b425;
}

input[switch=danger]:checked + label {
  background-color: #ec4561;
}

input[switch=dark]:checked + label {
  background-color: #2a3042;
}

.square-switch {
  margin-left: 7px;
}
.square-switch input[switch] + label, .square-switch input[switch] + label:after {
  border-radius: 0px;
}

.datepicker {
  border: 1px solid #f8f9fa;
  padding: 8px;
  z-index: 999 !important;
}
.datepicker table tr th {
  font-weight: 500;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #626ed4 !important;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff !important;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: #e9ecef;
}
.datepicker table tr td.new, .datepicker table tr td.old,
.datepicker table tr td span.new,
.datepicker table tr td span.old {
  color: #adb5bd;
  opacity: 0.6;
}
.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background-color: #dee2e6;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {
  padding: 7px;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left;
}
@media (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
  }
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-right: 0.5em;
  margin-left: 0;
}

.datatable td:focus {
  outline: none;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
  padding-right: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
  padding-left: 0;
}

.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_asc_disabled:before, .table.dataTable thead .sorting_desc_disabled:before {
  right: auto;
  left: 1em;
}
.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_asc_disabled:after, .table.dataTable thead .sorting_desc_disabled:after {
  right: auto;
  left: 0.5em;
}
.table.dataTable thead tr th.sorting_asc, .table.dataTable thead tr th.sorting_desc, .table.dataTable thead tr th.sorting, .table.dataTable thead tr td.sorting_asc, .table.dataTable thead tr td.sorting_desc, .table.dataTable thead tr td.sorting {
  padding-right: 12px;
  padding-left: 30px;
}

.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {
  position: relative;
}
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
  padding-right: 30px;
}
.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
  top: 50%;
  right: 5px;
  height: 14px;
  width: 14px;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 14px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  line-height: 14px;
  content: "+";
  background-color: #626ed4;
}

.table-edits input, .table-edits select {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--bs-border-color);
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  border-radius: var(--bs-border-radius);
}
.table-edits input:focus, .table-edits select:focus {
  outline: none;
  border-color: #b1b7ea;
}

.tox-tinymce {
  border: 1px solid var(--bs-border-color) !important;
}

.tox .tox-menu {
  background-color: var(--bs-white) !important;
  border-color: var(--bs-border-color) !important;
}
.tox .tox-dialog {
  background-color: var(--bs-white) !important;
}
.tox .tox-dialog .tox-dialog__header,
.tox .tox-dialog .tox-dialog__footer,
.tox .tox-dialog .tox-textfield,
.tox .tox-dialog .tox-listbox--select {
  background-color: var(--bs-white) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color-translucent) !important;
}
.tox .tox-dialog .tox-label {
  color: var(--bs-body-color) !important;
}
.tox .tox-dialog .tox-button--naked {
  color: var(--bs-body-color) !important;
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color-translucent) !important;
}
.tox .tox-statusbar {
  border-top: 1px solid var(--bs-border-color) !important;
}
.tox .tox-menubar,
.tox .tox-edit-area__iframe,
.tox .tox-statusbar {
  background-color: var(--bs-secondary-bg) !important;
  background: none !important;
}
.tox .tox-mbtn {
  color: var(--bs-body-color) !important;
}
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-tbtn:hover, .tox .tox-tbtn:focus, .tox .tox-tbtn:active {
  background-color: var(--bs-tertiary-bg) !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary {
  background: var(--bs-tertiary-bg) !important;
}
.tox .tox-tbtn {
  color: var(--bs-body-color) !important;
}
.tox .tox-tbtn svg {
  fill: var(--bs-body-color) !important;
}
.tox .tox-split-button:hover {
  -webkit-box-shadow: 0 0 0 var(--bs-gray-200) !important;
          box-shadow: 0 0 0 var(--bs-gray-200) !important;
}
.tox .tox-split-button:focus {
  background-color: var(--bs-gray-200) !important;
}
.tox .tox-edit-area__iframe {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: #343b51 !important;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-left: 1px solid var(--bs-border-color) !important;
}
.tox .tox-toolbar-overlord .tox-toolbar__primary {
  border-color: var(--bs-border-color) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}
.tox .tox-collection--toolbar .tox-collection__item {
  color: var(--bs-gray-500) !important;
}
.tox .tox-tbtn--enabled {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-collection__item--enabled {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-collection__item--active {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-collection__group-heading {
  background-color: var(--bs-tertiary-bg) !important;
}
.tox .tox-collection__item {
  color: var(--bs-body-color) !important;
}
.tox .tox-collection--list .tox-collection__item--active {
  background-color: var(--bs-secondary-bg) !important;
}
.tox .tox-collection__group {
  border-color: var(--bs-border-color) !important;
}
.tox .tox-split-button:focus, .tox .tox-split-button:active {
  background: var(--bs-secondary-bg) !important;
}

.tox-tinymce-aux {
  z-index: 1000 !important;
}

/* Dropzone */
.dropzone {
  min-height: 230px;
  border: 2px dashed var(--bs-border-color);
  background: var(--bs-secondary-bg);
  border-radius: 6px;
}
.dropzone .dz-message {
  font-size: 24px;
}

.form-wizard-wrapper label {
  font-size: 14px;
  text-align: left;
}

.wizard ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}
.wizard > .steps > ul > li {
  width: 25%;
}
.wizard > .steps .current-info {
  position: absolute;
  right: -999em;
}
.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
  margin: 3px;
  padding: 15px;
  display: block;
  width: auto;
  border-radius: 5px;
}
.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
  background-color: #626ed4;
  color: #fff;
}
.wizard > .steps .current a .number, .wizard > .steps .current a:active .number, .wizard > .steps .current a:hover .number {
  border: 2px solid #fff;
}
.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
  background-color: #daddf5;
  color: #626ed4;
}
.wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number, .wizard > .steps .done a .number, .wizard > .steps .done a:active .number, .wizard > .steps .done a:hover .number {
  border-color: #626ed4;
}
.wizard > .steps .number {
  font-size: 16px;
  padding: 5px;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 38px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  margin-left: 10px;
  background-color: rgba(98, 110, 212, 0.25);
}
.wizard > .content {
  background-color: transparent;
  margin: 0 5px;
  border-radius: 0;
  min-height: 150px;
}
.wizard > .content > .title {
  position: absolute;
  right: -999em;
}
.wizard > .content > .body {
  width: 100%;
  height: 100%;
  padding: 30px 0 0;
  position: static;
}
.wizard > .actions {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
}
.wizard > .actions > ul {
  display: inline-block;
  text-align: left;
}
.wizard > .actions > ul > li {
  display: block;
  margin: 0 0.5em;
}
.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
  background-color: #626ed4;
  border-radius: 4px;
  padding: 8px 15px;
  color: #fff;
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
  opacity: 0.65;
  background-color: #626ed4;
  color: #fff;
  cursor: not-allowed;
}
.wizard > .steps > ul > li, .wizard > .actions > ul > li {
  float: right;
}

@media (max-width: 768px) {
  .wizard > .steps > ul > li {
    width: 50%;
  }
  .form-wizard-wrapper label {
    text-align: right;
  }
}
@media (max-width: 520px) {
  .wizard > .steps > ul > li {
    width: 100%;
  }
}
.table-rep-plugin .btn-toolbar {
  display: block;
}
.table-rep-plugin .table-responsive {
  border: none !important;
}
.table-rep-plugin .btn-group .btn-default {
  background-color: var(--bs-light);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-light);
}
.table-rep-plugin .btn-group .btn-default.btn-primary {
  background-color: #626ed4;
  border-color: #626ed4;
  color: #fff;
  -webkit-box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5);
          box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5);
}
.table-rep-plugin .btn-group.pull-right {
  float: left;
}
.table-rep-plugin .btn-group.pull-right .dropdown-menu {
  left: 0;
  -webkit-transform: none !important;
          transform: none !important;
  top: 100% !important;
}
.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}
.table-rep-plugin .checkbox-row {
  padding-right: 40px;
  color: var(--bs-body-color) !important;
}
.table-rep-plugin .checkbox-row:hover {
  background-color: #eff1f3 !important;
}
.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-right: 5px;
  position: relative;
}
.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid var(--bs-border-color);
  content: "";
  display: inline-block;
  height: 17px;
  right: 0;
  margin-right: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}
.table-rep-plugin .checkbox-row label::after {
  color: #e9ecef;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  right: 0;
  margin-right: -20px;
  padding-right: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}
.table-rep-plugin .checkbox-row input[type=checkbox] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label {
  opacity: 0.65;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:disabled + label::before {
  background-color: #f8f9fa;
  cursor: not-allowed;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::before {
  background-color: #626ed4;
  border-color: #626ed4;
}
.table-rep-plugin .checkbox-row input[type=checkbox]:checked + label::after {
  color: #fff;
}
.table-rep-plugin .fixed-solution .sticky-table-header {
  top: 70px !important;
  background-color: #626ed4;
}
.table-rep-plugin .fixed-solution .sticky-table-header table {
  color: #fff;
}

.editable-input .form-control {
  display: inline-block;
}

.editable-buttons {
  margin-right: 7px;
}
.editable-buttons .editable-cancel {
  margin-right: 7px;
}

.morris-charts text {
  font-family: "Sarabun", sans-serif !important;
  fill: #adb5bd;
}

.morris-hover {
  position: absolute;
  z-index: 10;
}
.morris-hover.morris-default-style {
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  padding: 10px 12px;
  background: rgba(var(--bs-white-rgb), 0.8);
  color: var(--bs-dark);
  border: 2px solid var(--bs-border-color);
  font-family: var(--bs-font-sans-serif);
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
  font-family: "Sarabun", sans-serif;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
  color: #fff;
}

.ct-golden-section:before {
  float: none;
}

.ct-chart {
  max-height: 300px;
}
.ct-chart .ct-label {
  fill: #adb5bd;
  color: #adb5bd;
  font-size: 12px;
  line-height: 1;
}

.ct-chart.simple-pie-chart-chartist .ct-label {
  color: #fff;
  fill: #fff;
  font-size: 16px;
}

.ct-grid {
  stroke: rgba(var(--bs-dark-rgb), 0.1);
  stroke-width: 1px;
  stroke-dasharray: 3px;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #626ed4;
}
.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice-donut {
  stroke: #02a499;
}
.ct-chart .ct-series.ct-series-c .ct-bar,
.ct-chart .ct-series.ct-series-c .ct-line,
.ct-chart .ct-series.ct-series-c .ct-point,
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
  stroke: #f8b425;
}
.ct-chart .ct-series.ct-series-d .ct-bar,
.ct-chart .ct-series.ct-series-d .ct-line,
.ct-chart .ct-series.ct-series-d .ct-point,
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
  stroke: #2a3042;
}
.ct-chart .ct-series.ct-series-e .ct-bar,
.ct-chart .ct-series.ct-series-e .ct-line,
.ct-chart .ct-series.ct-series-e .ct-point,
.ct-chart .ct-series.ct-series-e .ct-slice-donut {
  stroke: #38a4f8;
}
.ct-chart .ct-series.ct-series-f .ct-bar,
.ct-chart .ct-series.ct-series-f .ct-line,
.ct-chart .ct-series.ct-series-f .ct-point,
.ct-chart .ct-series.ct-series-f .ct-slice-donut {
  stroke: #ec4561;
}
.ct-chart .ct-series.ct-series-g .ct-bar,
.ct-chart .ct-series.ct-series-g .ct-line,
.ct-chart .ct-series.ct-series-g .ct-point,
.ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #f8f9fa;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-pie {
  fill: #626ed4;
}

.ct-series-b .ct-area,
.ct-series-b .ct-slice-pie {
  fill: #f8b425;
}

.ct-series-c .ct-area,
.ct-series-c .ct-slice-pie {
  fill: #2a3042;
}

.ct-series-d .ct-area,
.ct-series-d .ct-slice-pie {
  fill: #02a499;
}

.ct-area {
  fill-opacity: 0.33;
}

.chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 10px;
  padding: 2px 10px;
  border-radius: 3px;
  background: #2a3042;
  color: #dee2e6;
  text-align: center;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.chartist-tooltip.tooltip-show {
  opacity: 1;
}

.ct-line {
  stroke-width: 3px;
}

.ct-point {
  stroke-width: 7px;
}

.apex-charts {
  min-height: 10px !important;
}
.apex-charts text {
  font-family: var(--bs-font-sans-serif) !important;
  fill: #adb5bd;
}
.apex-charts .apexcharts-canvas {
  margin: 0 auto;
}

.apexcharts-tooltip-title,
.apexcharts-tooltip-text {
  font-family: var(--bs-font-sans-serif) !important;
}

.apexcharts-tooltip {
  background-color: var(--bs-card-bg) !important;
  border: 1px solid var(--bs-border-color) !important;
  -webkit-box-shadow: var(--bs-box-shadow) !important;
          box-shadow: var(--bs-box-shadow) !important;
}

.apexcharts-tooltip-title {
  background-color: rgba(var(--bs-light-rgb), 0.75) !important;
  border-bottom: 1px solid var(--bs-border-color) !important;
}

.apexcharts-legend-series {
  font-weight: 500;
}

.apexcharts-gridline {
  pointer-events: none;
  stroke: var(--bs-border-color);
}

.apexcharts-legend-text {
  color: #6c757d !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-size: 13px !important;
}

.apexcharts-pie-label {
  fill: #fff !important;
}

.apexcharts-yaxis text,
.apexcharts-xaxis text {
  font-family: var(--bs-font-sans-serif) !important;
  fill: #adb5bd;
}

.apexcharts-xaxistooltip {
  background: var(--bs-secondary-bg) !important;
  border-color: var(--bs-border-color) !important;
}

/* Flot chart */
.flot-charts-height {
  height: 320px;
}

.flotTip {
  padding: 8px 12px;
  background-color: rgba(var(--bs-dark-rgb), 0.9);
  z-index: 100;
  color: var(--bs-white);
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
  border-radius: 4px;
}

.legendLabel {
  color: #adb5bd;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: auto !important;
  height: auto !important;
  background-color: var(--bs-dark) !important;
  -webkit-box-shadow: var(--bs-box-shadow);
          box-shadow: var(--bs-box-shadow);
  padding: 5px 10px !important;
  border-radius: 3px;
  border-color: var(--bs-dark) !important;
}

.jqsfield {
  color: var(--bs-white) !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: var(--bs-font-sans-serif) !important;
  font-weight: 500 !important;
}

.gmaps, .gmaps-panaroma {
  height: 300px !important;
  background: #f8f9fa;
  border-radius: 3px;
}

.gmaps-overlay {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  background: #626ed4;
  border-radius: 4px;
  padding: 10px 20px;
}

.gmaps-overlay_arrow {
  right: 50%;
  margin-right: -16px;
  width: 0;
  height: 0;
  position: absolute;
}
.gmaps-overlay_arrow.above {
  bottom: -15px;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-top: 16px solid #626ed4;
}
.gmaps-overlay_arrow.below {
  top: -15px;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-bottom: 16px solid #626ed4;
}

.account-pages .logo-admin {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0px auto;
  width: 74px;
  height: 74px;
  line-height: 74px;
  background: var(--bs-secondary-bg);
  border-radius: 50%;
  border-bottom: 2px solid #02a499;
}

.accountbg {
  position: absolute;
  background-size: cover;
  height: 100%;
  width: 100%;
  top: 0;
}

.account-page-full {
  right: 0;
  position: absolute;
  height: 100%;
  margin: 0;
  width: 420px;
  background-color: var(--bs-secondary-bg);
}
.account-page-full .card {
  border: none;
}

.account-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.home-btn {
  position: absolute;
  top: 15px;
  left: 25px;
}

.maintenance-img img {
  max-width: 320px;
}
.coming-soon-search-form input {
  padding: 15px 20px;
  width: 100%;
  color: #343a40;
  border: 2px solid #e9ecef;
  outline: 0 !important;
  padding-right: 180px;
  padding-left: 30px;
  border-radius: 30px;
  background-color: #fff;
}

.coming-soon-search-form button {
  position: absolute;
  top: 7px;
  right: 8px;
  outline: 0 !important;
  border-radius: 30px;
  padding: 9px 30px;
}

.coming-soon-search-form form {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.search-box .form-control {
  border-radius: 30px;
  padding-left: 40px;
}

.search-box .search-icon {
  font-size: 16px;
  position: absolute;
  left: 13px;
  top: 0;
  line-height: 38px;
}

.product-list li a {
  display: block;
  padding: 4px 0;
  color: #5b626b;
}

.product-view-nav.nav-pills .nav-item {
  margin-left: 4px;
}

.product-view-nav.nav-pills .nav-link {
  width: 36px;
  height: 36px;
  font-size: 16px;
  padding: 0;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
}

.product-ribbon {
  position: absolute;
  right: 0;
  top: 0;
}

.product-detai-imgs .nav .nav-link {
  margin: 7px 0;
}

.product-detai-imgs .nav .nav-link.active {
  background-color: #dee2e6;
}

.product-color a {
  display: inline-block;
  text-align: center;
  color: #5b626b;
}

.product-color a .product-color-item {
  margin: 7px;
}

.product-color a.active,
.product-color a:hover {
  color: #1372a2;
}

.product-color a.active .product-color-item,
.product-color a:hover .product-color-item {
  border-color: #1372a2 !important;
}

.visa-card .visa-logo {
  line-height: 0.5;
}

.visa-card .visa-pattern {
  position: absolute;
  font-size: 385px;
  color: rgba(255, 255, 255, 0.05);
  line-height: 0.4;
  right: 0;
  bottom: 0;
}

.checkout-tabs .nav-pills .nav-link {
  margin-bottom: 24px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
  box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
}

.checkout-tabs .nav-pills .nav-link.active {
  background-color: #1372a2;
}

.checkout-tabs .nav-pills .nav-link .nav-icon {
  font-size: 36px;
}

.email-leftbar {
  width: 236px;
  float: left;
  padding: 20px;
  border-radius: 5px;
}

.email-rightbar {
  margin-left: 260px;
}

.chat-user-box p.user-title {
  color: #343a40;
  font-weight: 500;
}

.chat-user-box p {
  font-size: 12px;
}

@media (max-width: 767px) {
  .email-leftbar {
      float: none;
      width: 100%;
  }
  .email-rightbar {
      margin: 0;
  }
}

.mail-list a {
  display: block;
  color: #6c757d;
  line-height: 24px;
  padding: 8px 5px;
}

.mail-list a.active {
  color: #ec4561;
  font-weight: 500;
}

.message-list {
  display: block;
  padding-left: 0;
}

.message-list li {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  cursor: default;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.message-list li a {
  color: #6c757d;
}

.message-list li:hover {
  background: #e9ecef;
  -webkit-transition-duration: 0.05s;
  transition-duration: 0.05s;
}

.message-list li .col-mail {
  float: left;
  position: relative;
}

.message-list li .col-mail-1 {
  width: 320px;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail,
.message-list li .col-mail-1 .dot,
.message-list li .col-mail-1 .star-toggle {
  display: block;
  float: left;
}

.message-list li .col-mail-1 .dot {
  border: 4px solid transparent;
  border-radius: 100px;
  margin: 22px 26px 0;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
}

.message-list li .col-mail-1 .checkbox-wrapper-mail {
  margin: 15px 10px 0 20px;
}

.message-list li .col-mail-1 .star-toggle {
  margin-top: 18px;
  margin-left: 5px;
}

.message-list li .col-mail-1 .title {
  position: absolute;
  top: 0;
  left: 110px;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.message-list li .col-mail-2 {
  position: absolute;
  top: 0;
  left: 320px;
  right: 0;
  bottom: 0;
}

.message-list li .col-mail-2 .date,
.message-list li .col-mail-2 .subject {
  position: absolute;
  top: 0;
}

.message-list li .col-mail-2 .subject {
  left: 0;
  right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.message-list li .col-mail-2 .date {
  right: 0;
  width: 170px;
  padding-left: 80px;
}

.message-list li.active,
.message-list li.active:hover {
  -webkit-box-shadow: inset 3px 0 0 #1372a2;
  box-shadow: inset 3px 0 0 #1372a2;
}

.message-list li.unread {
  background-color: #e9ecef;
  font-weight: 500;
  color: #292d32;
}

.message-list li.unread a {
  color: #292d32;
  font-weight: 500;
}

.message-list .checkbox-wrapper-mail {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  display: inline-block;
  -webkit-box-shadow: inset 0 0 0 1px #ced4da;
  box-shadow: inset 0 0 0 1px #ced4da;
  border-radius: 1px;
}

.message-list .checkbox-wrapper-mail input {
  opacity: 0;
  cursor: pointer;
}

.message-list .checkbox-wrapper-mail input:checked~label {
  opacity: 1;
}

.message-list .checkbox-wrapper-mail label {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  cursor: pointer;
  opacity: 0;
  margin-bottom: 0;
  -webkit-transition-duration: 0.05s;
  transition-duration: 0.05s;
  top: 0;
}

.message-list .checkbox-wrapper-mail label:before {
  content: "\F12C";
  font-family: "Material Design Icons";
  top: 0;
  height: 20px;
  color: #292d32;
  width: 20px;
  position: absolute;
  margin-top: -16px;
  left: 4px;
  font-size: 13px;
}

@media (max-width: 575.98px) {
  .message-list li .col-mail-1 {
      width: 200px;
  }
}

.project-list-table {
  border-collapse: separate;
  border-spacing: 0 12px;
}

.project-list-table tr {
  background-color: #fff;
}

.contact-links a {
  color: #5b626b;
}

.profile-user-wid {
  margin-top: -26px;
}

.counter-number {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  color: #1372a2;
}

.counter-number span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  padding-top: 7px;
  color: #6c757d;
}

.coming-box {
  float: left;
  width: 21%;
  padding: 14px 7px;
  margin: 0 12px 24px 12px;
  background-color: #fff;
  border-radius: calc(0.25rem - 0);
  -webkit-box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
  box-shadow: 0 0 13px 0 rgba(236, 236, 241, 0.44);
}

@media (max-width: 991.98px) {
  .coming-box {
      width: 40%;
  }
}

.timeline {
  padding-left: 60px;
  padding-right: 60px;
}

.timeline .timeline-list {
  position: relative;
  padding: 60px;
  border-left: 3px dashed #e9ecef;
  border-bottom: 3px dashed #e9ecef;
}

.timeline .timeline-list .cd-timeline-content {
  border-radius: 7px;
  background: #f8f9fa;
}

.timeline .timeline-list .cd-timeline-content .date {
  position: absolute;
  top: 60px;
  left: -39px;
  padding: 24px;
  color: #fff;
  border-radius: 7px;
}

.timeline .timeline-list.right {
  border-left: 0;
  border-right: 3px dashed #e9ecef;
  border-bottom: 3px dashed #e9ecef;
}

.timeline .timeline-list.right .cd-timeline-content {
  float: right;
  text-align: right;
}

.timeline .timeline-list.right .cd-timeline-content .date {
  right: -39px;
  left: inherit !important;
}

.timeline .timeline-list.right:last-child {
  border-bottom: 0;
}

@media only screen and (min-width: 1025px) {
  #cd-timeline {
      margin-bottom: 3em;
      margin-top: 3em;
  }
  .cd-timeline-content {
      width: 56%;
  }
}

@media (max-width: 768px) {
  .timeline {
      padding-left: 15px;
      padding-right: 15px;
  }
  .timeline .timeline-list {
      padding: 15px;
  }
  .timeline .timeline-list .date {
      top: 18px !important;
      left: -30px !important;
      padding: 14px !important;
  }
  .timeline .timeline-list.right .date {
      right: -30px !important;
  }
}

.plan-box .plan-btn {
  position: relative;
}

.plan-box .plan-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #dee2e6;
  left: 0;
  right: 0;
  top: 12px;
}

.social-links li a {
  margin-bottom: 6px;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
  text-align: center;
}

.faq {
  position: relative;
}

.faq .card-header {
  border: none;
  background: 0 0;
  padding: 22px 20px;
}

.accordion .card {
  border-bottom: 1px solid #e9ecef !important;
  border-radius: 4px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.faq[data-toggle="collapse"].collapsed:before {
  content: "\F419";
}

a.faq[data-toggle="collapse"]:before {
  content: "\F377";
  display: block;
  font-family: "Material Design Icons";
  font-size: 20px;
  color: #6c757d;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.overlay-container {
  position: relative;
}

.project-item {
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 30px;
}

.project-item img.gallery-thumb-img {
  display: block;
  width: 100%;
  height: auto;
}

.project-item-overlay {
  background: none repeat scroll 0 0 #2a3142;
  position: absolute;
  transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.project-item-overlay h4 {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
  position: absolute;
  top: 7%;
  left: 7%;
  margin: 0;
  text-overflow: ellipsis;
}

.project-item-overlay p {
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  color: #fff;
  position: absolute;
  overflow: hidden;
  bottom: 7%;
  left: 7%;
  text-overflow: ellipsis;
  margin: 0;
}

.overlay-container:hover .project-item-overlay {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}


/*# sourceMappingURL=app.min.css.map */

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
  vertical-align: middle !important;
}

.banner_image_set {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 8px;
  padding: 3px;
  border: 1px solid #e8e8e8;
}

.banner_image_set2 {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 8px;
  padding: 3px;
  margin-top: 10px;
  border: 1px solid #e8e8e8;
}

.top-ad-logo span.logo-sm img {
  background-color: #fff;
  padding: 5px;
  border-radius: 10px;
  height: 50px;
}

.top-ad-logo span.logo-lg img {
  height: 58px;
}

.table td {
  vertical-align: middle;
}

.prod-selt-set {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.adng_nw_prd_plc {
  width: 100%;
  float: left;
  border-top: 1px solid #ececec;
  padding: 15px 0;
}

.add_prods_sete {
  width: 100%;
  float: left;
  text-align: right;
  padding: 15px 0 0 0;
  border-top: 1px solid #ececec;
}

.remove_btn_her {
  width: 100%;
  float: left;
  text-align: right;
}

.btm_btns_set {
  width: 100%;
  float: left;
  padding: 20px;
}

.abt-cnt-pdset {
  width: 100%;
  float: left;
}

.product_mes_id {
  width: 100%;
  float: left;
}

.prd_cmbo_set {
  width: 100%;
  float: left;
  padding: 20px;
  border-bottom: 1px solid #ececec;
}

.cmbo_add_sec {
  width: 100%;
  float: left;
  padding: 0 0 20px 20px;
  text-align: right;
}

.ajx_prd_cmbo {
  width: 100%;
  float: left;
}

.ajx_prd_cmbo .select2-container {
  width: 100% !important;
}

.btn-icon {
  width: 18px;
  margin-right: 6px;
}

.metismenu .sub-menu li.mm-active a.mm-active {
  color: #fff !important;
  stroke: #fff !important;
  background-color: #002668;
}

.app-access-roles-table {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 30px;
  -webkit-box-shadow: 0 0 13px 0 rgb(236 236 241 / 44%);
  box-shadow: 0 0 13px 0 rgb(236 236 241 / 44%);
}

.app-access-roles-table-tablehead {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
}

.app-access-roles-table-tablehead li {
  padding: 4px 0;
  font-weight: 500;
  color: #404040;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #d5dcee;
}

.app-access-roles-table-tablehead .head-main-cell {
  color: #DF5C26;
  border-bottom: 1px solid #DF5C26;
  text-align: left;
}

.permissions-cell {
  width: 74%;
}

.access-cell {
  width: 13%;
}

.permissions-heading {
  font-weight: 600;
  color: #0c48af;
  font-size: 16px;
  text-align: left;
  padding: 0;
  margin: 15px 0 10px 0;
}

.app-access-roles-table-tablebody {
  width: 100%;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #d5dcee;
}

.app-access-roles-table-tablebody:first-child {
  border-top: 1px solid #d5dcee;
}

.app-access-roles-table-tablebody li {
  display: flex;
  padding: 10px 0;
  margin: 0;
  list-style: none;
  color: #404040;
  font-size: 12px;
}

.app-access-roles-table-tablebody li.access-cell {
  position: relative;
  justify-content: center;
  align-items: center;
}

.access-toggle-btn input.access-toggle-input {
  display: none !important;
  visibility: none !important;
  width: 0;
  height: 0;
  position: absolute;
}

.access-toggle-btn label {
  color: #c0adad;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  user-select: none !important;
  transition: .3s;
}

.access-toggle-btn label.access-toggle-label-no {
  margin-right: 5px;
}

.access-toggle-label-yes {
  padding-left: 55px;
  position: relative;
}

.access-toggle-label-yes::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 28px;
  border-radius: 24px;
  background-color: #e7e7e7;
  border: 1px solid rgb(214 214 214 / 50%);
  left: 0;
  top: -5px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 4px 0px rgb(214 214 214 / 50%);
  -moz-box-shadow: 0px 0px 4px 0px rgb(214 214 214 / 50%);
  box-shadow: 0px 0px 4px 0px rgb(214 214 214 / 50%);
}

.access-toggle-label-yes::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  top: -2px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:not(:checked)+.access-toggle-label-no+.access-toggle-label-yes::after {
  left: 4px;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:not(:checked)+.access-toggle-label-no+.access-toggle-label-yes::before {
  background-color: #fb7474;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:checked+.access-toggle-label-no+.access-toggle-label-yes::before {
  background-color: #4bb543;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:checked+.access-toggle-label-no+.access-toggle-label-yes::after {
  left: 24px;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:not(:checked)+.access-toggle-label-no {
  color: #ec4561;
}

.access-toggle-btn input.access-toggle-input[type="checkbox"]:checked+.access-toggle-label-no+.access-toggle-label-yes {
  color: #4BB543;
}

.app-dashboard-bg {
  background-color: #ECF0FF;
  border-radius: 10px;
}

.app-dashboard-bg .page-title-box {
  border-bottom: 1px solid #D3DEF0;
}

.app-dashboard-cards-wrapper {
  margin-top: 20px;
}

.app-dashboard-card {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(0, 38, 104, 0.04);
  border-radius: 10px;
  padding: 20px 15px;
}

.app-dashboard-card h6 {
  
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  display: flex;
  color: #404040;
  margin-bottom: 15px;
}

.app-dashboard-card h1 {
  
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  color: #404040;
  margin: 0;
}

.app-job-positions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 20px 0;
}

.app-job-positions h1 {
  font-weight: 600;
  font-size: 24px;
  color: #2A2A2A;
  margin: 0;
}

.app-job-positions-actions {
  display: flex;
  align-items: center;
}

.app-job-positions-action-search {
  position: relative;
}

.app-job-positions-action-search img {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.app-job-positions-action-search i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.app-job-positions-action-search i:hover {
  color: #DF5C26;
}

.app-job-positions-action-search input {
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
  box-shadow: 0px 0px 50px #ECECEC;
  border-radius: 23px;
  padding: 10px 20px 10px 50px;
  min-width: 400px;
}

.app-job-positions-actions-list {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.app-job-positions-actions-list li {
  margin-left: 20px;
}

.app-job-positions-actions-list li .form-group {
  margin: 0;
}

.sort-select .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  background-image: url('../images/sortby-icon.svg');
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: -6px;
}

.filter-select .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0 !important;
  background-image: url('../images/filter-icon.svg');
  width: 13px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: -6px;
}

.btn-new {
  border-radius: 5px;
  padding: 10px 15px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
}

.btn-primary-new {
  background: linear-gradient(270deg, #0085DA 0%, #1E54D6 100%);
  color: #FFFFFF;
}

.btn-primary-new:hover {
  color: #f8f2f2;
}

.job-position-card-section {
  margin-top: 5px;
  margin-bottom: 80px;
}

.job-position-card {
  background: #F9F9F9;
  border: 1px solid #E4E4E4;
  box-shadow: 0px 0px 50px #ECECEC;
  border-radius: 10px;
  padding: 20px 20px 0 20px;
  margin: 15px 0;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
}

.job-position-card:hover {
  box-shadow: 0px 0px 70px #ECECEC;
  transform: scale(1.03);
  border-color: #0085DA;
}

.job-position-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.job-position-card-title h4 {
  font-weight: 600;
  font-size: 14px;
  color: #2A2A2A;
  margin: 0;
}

.job-position-card-body {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.job-position-card-count {
  display: flex;
  align-items: center;
  padding: 20px 0;
}

.job-position-card-count-bg {
  width: 70px;
  height: 70px;
  background: linear-gradient(270deg, #0085DA 0%, #1E54D6 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.job-position-card-count-bg span {
  width: 67px;
  height: 67px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1E54D6;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 500;
}

.job-position-card-applicants {
  display: flex;
  justify-content: flex-end;
}

.job-position-card-applicants ul {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  list-style: none;
}

.job-position-card-applicants ul li {
  margin: 3px 0;
}

.job-position-card-applicants ul li p {
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #2A2A2A;
  margin: 0;
}

.job-position-card-footer {
  border-top: 1px solid #E4E4E4;
  padding: 12px 0;
}

.job-position-card-footer ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.job-position-card-footer h6 {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #DF5C26;
  margin: 0;
}

.job-position-card-footer-toggle {
  position: relative;
}

.job-position-card-footer-toggle label:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 28px;
  height: 15px;
  background: #BEBEBE;
  border: 0.5px solid #E4E4E4;
  border-radius: 10px;
  cursor: pointer;
}

.job-position-card-footer-toggle label::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 15px;
  width: 11px;
  height: 11px;
  background: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  cursor: pointer;
}

.job-position-card-footer-toggle input[type="checkbox"]:checked+label::before {
  background-color: #1AB900;
}

.job-position-card-footer-toggle input[type="checkbox"]:checked+label::after {
  right: 3px;
}

.delivery-manager-wrapper {
  width: 100%;
  padding: 10px 0 0 0;
}

.delivery-manager-kanban-row {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  height: calc(100vh - 244px);
}

.delivery-manager-kanban-column {
  width: 100%;
  min-width: 375px;
  max-width: 375px;
  margin-right: 30px;
}

.delivery-manager-kanban-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.delivery-manager-kanban-card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
  -webkit-box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
  background-color: #fff;
  border: 1px solid #EFF2F9;
}

.delivery-manager-kanban-card-header {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E4E4E4;
}

.delivery-manager-kanban-card-header h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #0085DA;
  margin: 0 0 0 10px;
}

.delivery-manager-kanban-card-header ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.kanban-card-action button {
  background: transparent;
  color: #8C8B8E;
  font-size: 16px;
  border: 0;
  outline: 0;
  box-shadow: none;
  padding: 0;
}

.kanban-card-count {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(0 133 218 / 10%);
  color: #0085DA;
  font-size: 16px;
  font-weight: 500;
  margin-left: 10px;
}

.delivery-manager-kanban-card-body {
  padding: 10px;
  width: 100%;
}

.delivery-manager-kanban-card-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}

.delivery-manager-kanban-card-item {
  display: flex;
  align-items: flex-start;
  background: #fafafa;
  box-shadow: 0px 0px 5px #E2E2E2;
  border-radius: 2px;
  padding: 15px;
  margin: 5px 0;
}

.kanban-card-item-profile {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
}

.delivery-manager-kanban-card-content {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  width: calc(100% - 35px);
}

.delivery-manager-kanban-card-content-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.kanban-card-content-title-info {
  display: flex;
  flex-direction: column;
}

.kanban-card-content-title-info h4 {
  font-weight: 600;
  font-size: 16px;
  color: #2A2A2A;
  margin-bottom: 0;
}

.kanban-card-content-title-info p {
  font-weight: 400;
  font-size: 12px;
  color: #8C8B8E;
  margin-bottom: 0;
}

.delivery-manager-kanban-card-content-title .dropdown button {
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
  color: #8C8B8E;
  font-size: 16px;
}

.delivery-manager-kanban-card-content-info {
  display: flex;
  flex-direction: column;
}

.kanban-card-content-ratings {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kanban-card-content-ratings p {
  font-weight: 400;
  font-size: 13px;
  color: #2A2A2A;
  margin: 0;
}

.rating-stars {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.rating-stars li {
  margin-left: 3px;
}

.rating-stars li i {
  font-size: 12px;
  color: #8C8B8E;
}

.rating-stars li i.fas.fa-star {
  color: #FCC546;
}

.kanban-card-content-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kanban-card-content-date p {
  font-size: 13px;
  color: #2A2A2A;
  margin: 0;
}

.kanban-card-content-date span {
  font-size: 12px;
  color: #8C8B8E;
}

.plain-btn {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.app-recruitment-cadidate-profile-image {
  width: 80px;
  height: 80px;
}

.app-recruitment-cadidate-profile-image img {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

.app-recruitment-cadidate-profile-detail {
  width: calc(100% - 80px);
  padding-left: 20px;
  position: relative;
}

.app-recruitment-cadidate-profile-title ul li:not(:last-child) {
  margin-right: 15px;
}

.app-recruitment-cadidate-profile-title ul li {
  margin-right: 20px;
}

.app-recruitment-cadidate-profile-title ul li i {
  margin-right: 1px;
}

.app-recruitment-cadidate-profile-title ul li span {
  color: #6c757d;
  font-size: 14px;
}

.app-recruitment-cadidate-profile-title ul li span a {
  color: inherit;
  transition: 0.2s all ease-in-out;
}

.app-recruitment-cadidate-profile-title ul li span a:hover {
  color: #DF5C26;
}

.list-style-none {
  list-style: none;
}

.profile-share-btn img {
  width: 18px
}

.cadidate-status-strip {
  position: absolute;
  top: 0;
  right: -20px;
}

.cadidate-status-strip span {
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 20px 0 0 20px;
  color: #fff;
}

.cadidate-status-applied {
  background-color: #54cc96;
}

.app-recruitment-cadidate-skills {
  margin: 20px 0 0 0;
}

.app-recruitment-cadidate-skills li {
  background-color: #f5f5f5;
  padding: 4px 8px;
  font-size: 10px;
  color: #16181b;
  font-weight: normal;
  margin-right: 8px;
  border-radius: 4px;
}

.skill-overflow-btn button {
  padding: 0;
  font-size: 10px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  color: #16181b;
  box-shadow: none;
  outline: 0;
  background-color: transparent;
}

.skill-overflow-btn .dropdown-menu {
  min-width: 280px;
  max-width: 280px;
}

.skill-overflow-btn .dropdown-menu ul li {
  background-color: #f5f5f5;
  padding: 4px 8px;
  font-size: 10px;
  color: #16181b;
  font-weight: normal;
  margin-right: 8px;
  border-radius: 4px;
  min-width: 40px;
}

.candidate-action-btn {
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  outline: 0;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.candidate-action-btn i {
  margin-right: 6px;
  font-size: 12px;
}

.candidate-profile-actions li {
  display: flex;
}

.candidate-schedule-btn {
  border-color: #002668;
  color: #002668;
}

.candidate-hire-btn {
  border-color: rgb(0 78 214 / 12%);
  color: #002668;
  background-color: rgb(0 78 214 / 12%);
}

.candidate-reject-btn {
  border-color: rgb(251 116 116 / 12%);
  color: #FB7474;
  background-color: rgb(251 116 116 / 12%);
}

.candidate-move-btn {
  border-color: rgb(84 204 150 / 14%);
  color: #54cc96;
  background-color: rgb(84 204 150 / 14%);
}

.required-star {
  color: #ff0000;
  font-size: 12px;
  vertical-align: top;
}

.app-recruitment-create-heading {
  font-size: 20px;
  margin-bottom: 15px;
}

.app-recruitment-create-heading i {
  font-size: 14px;
}

.app-recruitment-create-header {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #eaeaea;
}

.app-recruitment-create-header ul {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
}

.app-recruitment-create-header ul li {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 20px;
  position: relative;
}

.app-recruitment-create-header ul li:not(:last-child)::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #1370A2;
  border-bottom: 5px solid transparent;
  position: absolute;
  top: 20px;
  right: -46px;
}

.app-recruitment-create-header ul li a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.app-recruitment-create-header ul li a.active h3,
.app-recruitment-create-header ul li a:hover h3 {
  color: #DF5C26;
}

.preview-job-dialog-content {
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
}

.preview-job-dialog-heading {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
}

.preview-job-dialog-body-left {
  width: calc(100% - 200px);
}

.preview-job-dialog-body-right {
  width: 200px;
  border-left: 1px solid #eaeaea;
}

.preview-job-dialog-skills {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}

.preview-job-dialog-skills li {
  font-size: 12px;
  color: #16181b;
  padding: 5px 8px;
  background: #f8f8f8;
  margin-top: 5px;
  margin-right: 5px;
}

.app-application-form-actions {
  border: 1px solid #eaeaea;
  border-radius: 5px;
}

.app-application-form-actions-heading {
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
}

.app-application-form-actions-content {
  padding: 20px;
}

.app-recruitment-create {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
}

.app-radio-btn-group .app-radio-btn {
  margin-left: 10px;
}

.app-radio-btn-group .app-radio-btn label {
  margin-bottom: 0;
  color: #1372a2;
  background-color: rgb(19 114 162 / 10%);
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.app-radio-btn-group .app-radio-btn label:hover {
  color: #1372a2;
  background-color: #ffffff;
  border: 1px solid #1372a2;
}

.app-radio-btn-group .app-radio-btn input[type="radio"]:checked+label {
  color: #ffffff;
  background-color: #1372a2;
  border: 1px solid #1372a2;
}

.app-application-form-field {
  border-radius: 5px;
  border: 1px solid #eaeaea;
}

.app-application-form-fields-group-title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
}

.form-group.select-conainer-100 .select2-container {
  width: 100% !important;
}

.custom_date_field {
  position: relative;
}

.custom_date_field img {
  position: absolute;
  top: 7px;
  right: 10px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  pointer-events: none;
}
.payslip-search-month{
  display: flex;
  flex-direction: column;
}
.payslip-search-month label{
  border: 0;
  background: #F6F9FF;
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
.payslip-search-month-input{
  display: flex;
  align-items: center;
}
.payslip-search-month-input .form-control{
  height: 38px;
  border-radius: 0;
  border-right: 0;
}
.payslip-search-month .Zebra_DatePicker_Icon_Wrapper .Zebra_DatePicker_Icon{
  display: none;
}
.payrun-dashbrd-card.card {
  box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
  -webkit-box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
  background-color: #fff;
  border: 1px solid #EFF2F9;
}

.payrun-tree-numbrs {
  display: flex;
  justify-content: center;
  margin: 10px 0 30px 0;
}

.payrun-tree-numbrs ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  position: relative;
}

.payrun-tree-numbrs ul::before {
  width: 67%;
  height: 4px;
  background: #eaeaea;
  content: "";
  position: absolute;
  top: 13px;
  z-index: -1;
}

.payrun-tree-numbrs ul li {
  margin: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.payrun-tree-numbrs ul li p {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1372a2;
  border: 1px solid #1372a2;
  display: flex;
  justify-content: center;
  background-color: #fff;
  font-weight: 600;
  color: #2068F3;
  margin-bottom: 8px;
  line-height: 32px;
  box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
  -webkit-box-shadow: 0 0 13px 0 rgb(236 236 241 / 45%);
}

.payrun-tree-numbrs ul li span {
  text-align: center;
  color: #74788d;
  font-size: 12px;
}

.payrun-tree-numbrs ul li.active p {
  background-color: #2068F3;
  color: #fff;
  border: 1px solid #2068F3;
}

.payrun-tree-numbrs ul li.active span {
  color: #2068F3;
  font-weight: 500;
}
.payroll-ot-calc{
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.payroll-ot-field{
  display: flex;
  flex-direction: column;
}
.payroll-ot-field label{
  color: #687693;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
  margin: 0 0 4px 0;
}
.payroll-ot-input,
.payroll-mutliply-sym,
.ot-calc-price{
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payroll-mutliply-sym{
  margin: 0 8px;
}
.payroll-mutliply-sym i{
  font-size: 10px;
  color: #687693;
}
.payroll-ot-input input{
  height: 100%;
  width: 60px;
  padding: 4px 6px;
  border-radius: 0;
  border-color: #2068F3;
}
.ot-calc-price p{
  color: #2C2C2C;
  font-size: 12px;
  font-weight: 600;
  padding: 0;
  margin:  0;
}
.mobile-extension-append select.form-control {
  max-width: 100px;
}

.form-wizard-wrapper.form-wizard-wrapper-custom label {
  text-align: left !important;
}

.dashboard-background {
  background: #ECF0FF;
}

.app-new-count-card-item {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(0, 38, 104, 0.04);
  border-radius: 10px;
  padding: 25px 20px;
  position: relative;
  height: 100%;
}

.app-new-count-card-item h5 {
  font-weight: 400;
  font-size: 20px;
  color: #404040;
  margin-bottom: 10px;
  
}

.app-new-count-card-item h1 {
  font-weight: 400;
  font-size: 38px;
  color: #404040;
  margin: 0;
  
}

.app-new-count-card-item img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
}

.app-new-dashboard-graphs {
  margin-top: 20px;
}

.app-new-dashboard-attendance {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgba(0, 38, 104, 0.04);
  border-radius: 10px;
  padding: 20px;
}

.app-new-dashboard-attendance h4 {
  
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #404040;
  margin-bottom: 20px;
}

.app-new-dashboard-attendance-content {
  display: flex;
  align-items: center;
}

.app-new-dashboard-attendance-chart {
  width: 50%;
  max-width: 220px;
  position: relative;
}

.app-new-dashboard-attendance-chart-count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.app-new-dashboard-attendance-chart-count h5 {
  
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #404040;
  margin-bottom: 5px;
}

.app-new-dashboard-attendance-chart-count h3 {
  
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  color: #404040;
  margin: 0;
}

.app-new-dashboard-attendance-info h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #404040;
}

.app-new-dashboard-attendance-info ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.app-new-dashboard-attendance-info ul li {
  display: flex;
  align-items: center;
  margin: 3px 0;
}

.app-new-dashboard-attendance-info ul li span {
  width: 30px;
  height: 10px;
  border-radius: 30px;
  margin-right: 10px;
}

.app-new-dashboard-attendance-info ul li p {
  font-weight: 400;
  font-size: 16px;
  color: #404040;
  margin: 0;
}

.attendance-chart-color1 {
  background-color: #f8b425;
}

.attendance-chart-color2 {
  background-color: #1372a2;
}

.attendance-chart-color3 {
  background-color: #02a499;
}

.app-new-dashboard-salary,
.app-new-dashboard-leave {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgb(0 38 104 / 4%);
  border-radius: 10px;
  padding: 20px;
}

.app-new-dashboard-salary h4,
.app-new-dashboard-leave h4 {
  
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #404040;
  margin-bottom: 20px;
}

.ct-series-a .ct-area,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-slice-pie {
  fill: #1372a2 !important;
}

.app-new-dashboard-salary-chart {
  width: 100%;
  margin-top: 20px;
}

.app-new-dashboard-salary-chart-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.app-new-dashboard-salary-chart-item-pie {
  position: relative;
  display: flex;
  justify-content: center;
}

.chart-item-pie-count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
  font-size: 12px;
  color: #404040;
  margin: 0;
  text-align: center;
  line-height: 14px;
}

.chart-item-pie-count p {
  font-weight: 500;
  font-size: 14px;
  color: #404040;
  margin: 0;
}

.app-new-dashboard-salary-chart-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.app-new-dashboard-salary-chart-item-info h6 {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #404040;
  margin-bottom: 4px;
  text-align: center;
}

.app-new-dashboard-salary-chart-item-info h3 {
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  color: #404040;
  margin: 0;
}

.app-new-dashboard-leave {
  margin-top: 15px;
}

.app-new-dashboard-leave-content {
  width: 100%;
}

.app-new-dashboard-leave-actions-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.app-new-dashboard-leave-actions-list li {
  margin: 2px 0;
}

.app-new-dashboard-leave-actions-list li a {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #002668;
}

.app-new-dashboard-more-info {
  margin-top: 15px;
}

.app-new-dashboard-inbox,
.app-working-status,
.app-dashboard-holidays {
  background: #FFFFFF;
  box-shadow: 0px 0px 40px rgb(0 38 104 / 4%);
  border-radius: 10px;
  padding: 20px;
  position: relative;
}

.app-new-dashboard-inbox-content {
  margin-top: 25px;
  max-height: 70px;
}

.app-new-dashboard-inbox-content .simplebar-content-wrapper {
  max-height: 100% !important;
}

.app-new-dashboard-more-info-title {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #404040;
  margin-bottom: 10px;
}

.app-new-dashboard-inbox-content h6 {
  font-size: 14px;
  font-weight: 600;
  color: #404040;
  margin-bottom: 2px;
}

.app-new-dashboard-inbox-content p {
  font-weight: 400;
  font-size: 14px;
  color: #404040;
  margin: 0;
}

.app-new-dashboard-inbox img,
.app-working-status img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.app-working-status-content {
  margin-top: 15px;
}

.app-working-status-content p {
  font-weight: 400;
  font-size: 12px;
  color: #404040;
  margin: 0;
}

.app-dashboard-holidays {
  margin-top: 15px;
}

.app-dashboard-holidays-view-all {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #404040;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 9;
}

.app-dashboard-holidays-chevron {
  position: absolute;
  top: 70%;
  right: 15px;
  transform: translateY(-50%);
  width: 100px;
}

.app-dashboard-holidays-content {
  margin-top: 20px;
}

.app-dashboard-holidays-content h4 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #404040;
  margin-bottom: 6px;
}

.app-dashboard-holidays-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #404040;
}

:root {
  --font-family-sans-serif: 'Rubik', sans-serif;
}

.time-sheet-modal-card {
  width: 100%;
}

.time-sheet-modal-card ul {
  width: 100%;
  padding: 0;
  margin: 5px 0;
  display: flex;
  list-style: none;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #d5d5d5;
}

.time-sheet-modal-card ul li {
  width: calc(25% - 40px);
  margin: 0 20px;
}

.time-sheet-modal-card ul li.time-sheet-modal-card-comments {
  width: calc(50% - 40px);
}

.btn-excel {
  color: #fff !important;
  background-color: #1D6F42 !important;
  border-color: #1D6F42 !important;
}

.no-data-image {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.no-data-image .no-data {
  max-width: 400px;
  width: 100%;
  object-fit: contain;
}

.ck-edtir-form .ck-content.ck-editor__editable {
  min-height: 250px;
}

.app-reviews-card {
  width: 100%;
  display: flex;
  padding: 10px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  margin-top: 20px;
  box-shadow: 0 0 4px #eaeaea;
}

.app-reviews-card-content ul {
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

.app-reviews-card-content ul li {
  display: flex;
  margin: 3px 0;
}

.app-reviews-card-content ul li p {
  color: #6c757d;
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  min-width: 120px;
}

.app-reviews-card-content ul li span {
  color: #343a40;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 400;
}

.app-reviews-card-count {
  margin-top: 4px;
}

.app-new-supplier {
  display: flex;
}

.app-new-supplier .btn.new-supplier {
  margin-left: 4px;
}

.rate.custom-app-rate {
  float: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.new-back-button {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.new-app-date {
  display: block;
}

.new-app-date-2 span {
  margin-bottom: 2px;
}

.new-app-date-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px 0px 5px 0px;
}

.new-app-comment-symbol {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.new-app-div-interview-box {
  position: relative;
}

.new-app-submit {
  display: flex;
  width: 200px;
  height: 39px;
  align-items: center;
  margin: 25px 0px 0px 0px;
}

.new-app-job-position-content,
.new-app-job-position {
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-app-job-position-content h1 {
  margin-right: 20px;
}

.app-new-asset-content {
  display: flex;
  justify-content: space-between;
}

.app-new-card-asset .app-new-qr-scan-image img {
  width: 80px;
}

.app-new-asset-details {
  background-color: #F3F3F3;
  width: 200px;
  margin-right: 10px;
  border-radius: 10px;
}

.app-new-asset-details,
.app-new-asset-details-2 {
  padding: 0px;
  margin: 0px;
}

.app-new-asset-details li,
.app-new-asset-details-2 li {
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  padding: 0px 0px 20px 0px;
}

.app-new-asset-details li {
  font-weight: 600;
  color: #000;
  margin-left: 10px;
}

.app-new-asset-details-2 li {
  margin-left: 10px;
}

.app-new-asset-details-image img {
  width: 100%;
  display: flex;
  justify-content: center;
}

.south-africa-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sa-logo img,
.sa-logo-2 img {
  width: 50px;
  height: 50px;
}

.app-new-logo-text {
  position: absolute;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  top: 12px;
  left: -40px;
}

.login-header-box {
  position: relative;
}

.sa-logo {
  position: absolute;
  right: 0px;
  top: 0px;
}

.sa-logo-2 {
  position: absolute;
  right: 0px;
  top: 0px;
}

.app-new-employee-button {
  margin-top: 10px;
}

.app-new-settings-logo .app-new-group-settings {
  display: flex !important;
  justify-content: center !important;
}

.app-new-sittings-card-body .app-new-sittings-input .form-control {
  padding-bottom: 33px !important;
  border-radius: 5px;
}

.app-new-sittings-card-body .app-new-sittings-input .parsley-errors-list>li {
  margin: 0 0 0 5px;
}

.app-new-sittings-card-body .app-new-sittings-input .parsley-errors-list.filled {
  display: flex;
  align-items: center;
}

.app-new-sitting-form-group {
  margin-top: 40px !important;
}

.app-new-sitting-submit {
  margin-top: 20px;
}

.setting-pop-up {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 40px;
}

.app-new-logo-lg img {
  width: 120px;
  height: 120px;
}

.time-sheet-signature .time-sheet-signature-input {
  margin-bottom: 5px;
  padding-bottom: 33px;
}
.overflow-x-auto{
  overflow-x: auto;
}
.leaves-applied-status{
  display: flex;
  align-items: center;
}
.leaves-applied-status h4{
  margin:0;
  color: #687693;
  font-size: 14px;
  font-weight: 500;
}
.leaves-applied-status h4 span{
  color: #2C2C2C;
}
.nav-tabs-custom .nav-item .nav-link.active{
  color: #2068F3;
}
.nav-tabs-custom .nav-item .nav-link::after{
  background: #2068F3;
}
.hcm-asset-details{
  padding:0;
  margin:0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
}
.hcm-asset-details li{
  padding:10px;
  margin:10px 0;
  border-radius: 10px;
  background-color: #fafafa;
  width: calc(25% - 30px);
}
.hcm-asset-details li p{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0 0 10px 0;
}
.hcm-asset-details li h6{
  border: 0;
  color: #28303F;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin:0;
}
.payroll-subheader{
  border-bottom: 1px solid #EFF2F9;
}
@media(min-width:320px) and (max-width:767px) {
  .app-new-logo-text {
      font-size: 15px;
      top: 12px;
      left: -30px;
  }
  .app-new-dashboard-attendance-chart-count h5 {
      font-size: 15px;
  }
  .app-new-dashboard-salary-graph {
      overflow-x: auto;
  }
  .app-new-dashboard-inbox {
      margin-bottom: 10px;
  }
  .app-new-view-asset-button {
      margin-bottom: 20px;
  }
  .app-new-asset-content h2 {
      font-size: 30px;
  }
  .app-new-asset-content p {
      font-size: 15px;
  }
  .app-new-dashboard-salary-chart-item {
      margin-bottom: 20px;
      margin-top: 20px;
  }
  .app-new-dashboard-salary {
      margin-top: 20PX;
  }
  .app-new-employee-button-2 {
      margin-top: 10px;
  }
  .app-new-create-button-2 {
      margin-top: 10px;
      margin-left: 10px;
  }
  .app-new-creat-job-form-group {
      margin-bottom: 10px;
  }
  .new-app-job-position {
      display: block;
  }
  .new-app-job-position-content {
      display: block;
  }
  .app-job-positions-actions-list li {
      margin: 0px;
  }
  .app-job-positions-actions-list.new-app-positions-actions-list {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      margin-top: 10px;
  }
  .new-app-job-position-content h1 {
      margin-bottom: 10px;
      display: flex;
      justify-content: center;
      margin-right: 0px;
  }
  .new-app-form-group-filter-select span,
  .new-app-form-group-filter-select span {
      width: 230px;
      margin-bottom: 5px;
  }
  .new-app-positions-actions-list .new-app-create-job-button {
      margin: 10px 0px 15px 0px;
  }
  .new-app-positions-actions-list-2 {
      display: flex;
  }
  .new-form-group-filter-select-2 span {
      width: 225px;
  }
  .new-app-candidate-status-button .app-new-candidate-button {
      margin: 20px 0px 0px 0px;
  }
  .app-job-positions-action-search input {
      min-width: 100%;
  }
  .app-job-positions-action-search img {
      top: 22px;
  }
  .app-new-asset-details-image {
      margin-top: 20px;
  }
  #page-header-user-dropdown span {
      max-width: 100px;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      overflow: hidden;
  }
  .app-recruitment-cadidate-profile-title ul li:not(:last-child) {
      margin: 0px 10px 10px 0px;
  }
  .new-app-candidate-profile-actions {
      display: flex;
      flex-direction: column;
      justify-content: flex-start !important;
      padding: 0px;
  }
  .candidate-profile-actions li {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0px 0px 10px 0px;
  }
  .cadidate-status-strip {
      top: -80px;
      right: -10px;
  }
  .app-reviews-card-content ul li {
      display: flex;
      flex-direction: column;
  }
  .mobile-overflow-wrapper {
      width: 100%;
      overflow-x: auto;
  }
  .mobile-overflow-wrapper .app-access-roles-table.roles_table {
      min-width: 600px;
  }
  .mobile-overflow-wrapper .permissions-cell {
      width: 40%;
  }
  .mobile-overflow-wrapper .access-cell {
      width: 30%;
  }
  .head-main-cell.permissions-cell {
      width: 40%;
  }
  .permissions-cell {
      width: 40%;
  }
  .app-access-roles-table {
      overflow-x: auto;
  }
  .app-access-roles-table-tablehead {
      width: 100%;
  }
  .access-cell {
      width: 30%;
  }
  /* .app-new-rpa-time-sheet{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  } */
  .new-app-employee-table {
      overflow-y: auto;
  }
  .hcm-page-body .sm_reports_field{
    margin-bottom: 20px !important;
   }

}

@media(min-width:320px) and (max-width:399px) {
  .app-new-dashboard-attendance-chart-count {
      top: 40px;
  }
  #page-header-user-dropdown span {
      max-width: 50px;
  }
  .header-item {
      margin-left: 0;
  }
}

@media (min-width:320px) and (max-width:991px) {
  .delivery-manager-kanban-card-item {
      display: flex;
      flex-direction: column;
  }
  .delivery-manager-kanban-card-content {
      margin-left: 0px;
  }
  .kanban-card-item-profile {
      margin-bottom: 10px;
  }
  .new-app-recruitment-cadidate-profile {
      display: flex;
      flex-direction: column;
  }
  .app-recruitment-cadidate-profile-detail {
      padding-left: 0px;
      width: 100%;
  }
  .app-recruitment-cadidate-profile-image img {
      width: 50px;
      height: 50px;
  }
  .new-add-earning-card {
      overflow-x: auto;
  }
}

@media (min-width:320px) and (max-width:1124px) {
  .app-new-employee-button {
      margin-bottom: 10px;
  }
}

@media (min-width:400px) and (max-width:425px) {
  .app-new-dashboard-attendance-chart-count {
      top: 120px;
  }
  #page-header-user-dropdown span {
      max-width: 50px;
  }
  .header-item {
      margin-left: 0;
  }
}


/* EMPLOYE */

@media (min-width:769px) and (max-width:1252px) {
  .wizard>.steps a {
      height: 100px;
  }
  .wizard>.steps .disabled a {
      font-size: 15px;
  }
  .head-main-cell.permissions-cell {
      width: 40%;
  }
  .app-access-roles-table,
  .new-app-employee-card {
      overflow-x: auto;
  }
  .app-access-roles-table-tablehead {
      width: 100%;
  }
  .access-cell {
      width: 30%;
  }
  .permissions-cell {
      width: 40%;
  }
}

@media (min-width:768px) and (max-width:919px) {
  .app-new-dashboard-attendance-chart-count h5 {
      font-size: 15px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .mobile-overflow-wrapper .permissions-cell {
      width: 40%;
  }
  .mobile-overflow-wrapper .access-cell {
      width: 30%;
  }
}

@media (min-width:768px) and (max-width:1439px) {
  .new-add-earning-card {
      overflow-x: auto;
  }
  .new-app-job-position-content h1 {
      margin-right: 10px;
  }
  .app-job-positions-action-search input {
      min-width: 300px;
  }
  .app-job-position-new {
      display: flex;
      justify-content: center;
  }
  .new-app-job-position {
      display: block;
      justify-content: center;
  }
  .new-app-positions-actions-list {
      display: flex;
      justify-content: center;
      margin: 20px 0px 0px 0px;
  }
}

@media (min-width:993px) and (max-width:1161px) {
  .app-new-count-card-item {
      height: 160px;
  }
  .app-new-count-card-item h5 {
      margin-bottom: 40px;
  }
}

@media (min-width:1024px) and (max-width:2559px) {
  .app-job-positions-action-search input {
      min-width: 350px;
  }
}

@media (min-width:768px) and (max-width:823px) {
  .app-new-employe-portal-count-card-item h5 {
      min-height: 60px;
  }
}

@media (min-width:993px) and (max-width:1144px) {
  .app-new-payrun-dashcard {
      min-height: 120px;
  }
}

@media (min-width:768px) and (max-width:1273px) {
  .new-app-rpa-time-sheet {
      margin-bottom: 10px;
  }
}


/* employee  */

@media (min-width:768px) and (max-width:1299px) {
  .app-new-employe-portal-count-card-item-2 {
      min-height: 150px;
  }
}

.Zebra_DatePicker_Icon_Wrapper {
  width: 100% !important;
}

.delivery-manager-kanban-card .no-data-image .no-data {
  width: 240px;
}
.all-items {
  background-color: unset;
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 30px;
  box-shadow: unset;
}

.all-items:focus {
  box-shadow: unset;
  outline: unset;
}

.item-table table {
  border-collapse: collapse;
  width: 100%;
}

.item-table th {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  padding-left: 30px !important;
  padding: 10px;
}

.item-table td {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 30px !important;
  padding: 20px;
}

.item-table td,
th {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: left;
}

.app-new-items-main-content {
  overflow: unset;
}
.app-form-check .type p {
  margin: 0px;
}

.app-form-check .type {
  display: flex;
  align-items: center;
}

.app-form-check .type .type-tooltip {
  background: unset;
  box-shadow: unset;
  padding: 0;
}

.new-item-content .app-form-check {
  display: flex;
  align-items: center;
}

.new-item-content .app-new-form-inputs label {
  margin-right: 30px;
  font-weight: 400;
}

.name-form {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.name-form label {
  white-space: nowrap;
  color: #e54643;
  margin: 0;
}

.name-form label sup {
  top: -03px;
}
.reference input {
  margin-left: 80px;
}

.name-form .unit {
  display: flex;
  align-items: center;
}

.name-form .unit p {
  margin: 0;
}

.name-form .unit span button {
  box-shadow: unset;
  padding: 0px;
}
.information {
  margin: 80px 0px 30px 0px;
}

.sales-information label {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 5px;
  margin-left: 05px;
}

.sales-information .form-check {
  display: flex;
  align-items: center;
  margin: 0;
}

.sales-information .form-check input {
  width: 15px;
  height: 15px;
}

.selling-price {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.selling-price .form-group {
  margin: 0;
}

.selling-price label {
  margin: 0;
}

.selling-price .input-group {
  /* width: 270px; */
  margin-left: 60px;
}

.selling-price .selling-btn button {
  box-shadow: unset;
  white-space: nowrap;
  padding: 0px;
  font-size: 13px;
}

.selling-price .app-new-form-group {
  display: flex;
  align-items: center;
}

.selling-price .app-new-form-group label {
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
}

.selling-price .app-new-form-group textarea {
  margin-left: 80px;
  width: 320px;
  font-size: 12px;
}

.app-new-selling-price .input-group {
  margin-left: 20px;
  font-size: 12px;
}

.app-new-selling-price .selling-btn button {
  border: unset;
}

.selling-price .app-new-input-group {
  margin-left: 60px;
}

.app-new-selling-pricing .input-group {
  margin-left: 85px;
}


/* .selling-price-text .app-new-form-group textarea{
  margin-left: 78px;
} */

.app-new-sales-information .input-group-2 {
  margin-left: 70px;
}

.selling-price .app-new-form-group-2 textarea {
  margin-left: 68px !important;
  width: 330px;
}

.enable-inventory {
  border-top: 1px solid #969696;
}

.enable-inventory p {
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0px 0px 0px;
}

.attach-file p {
  font-size: 12px;
  line-height: 22px;
  margin: 0px 0px 03px 03px;
}

.save-edit-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: flex-end;
}

.edit-btn {
  background-color: #f8f9fa;
  color: #000;
  padding: 05px 20px;
}

.save-btn {
  background-color: #002668;
  color: #fff;
  padding: 5px 20px;
  margin-right: 10px;
}

.app-form-check .new-customer-type {
  margin-right: 55px;
}

.new-customer-name-form {
  display: flex;
  align-items: center;
}

.new-customer-name-form input {
  width: 220px;
  margin-left: 40px;
}

.customer-unit-select .form-control {
  width: 220px;
  margin: 0 0 0 27px;
}

.customer-unit-select {
  display: flex;
  align-items: center;
}

.customer-unit-select p {
  white-space: nowrap;
  margin: 0;
}

.customer-unit-select .btn {
  box-shadow: unset;
  white-space: nowrap;
  padding: 0px;
  font-size: 13px;
}

.customer-display-unit-select .form-control {
  margin-left: 33px;
  width: 220px;
}

.customer-display-name p {
  width: 120px;
}

.app-new-new-customer-name-form {
  margin-top: 20px;
}

.app-new-new-customer-name-form input {
  width: 330px;
}

.new-customer-name-form label {
  font-weight: 400;
  margin-right: 10px;
}

.customer-display-unit-select .form-control {
  width: 330px;
}

.other-details {
  margin-top: 50px;
}

.customer-tab-content .form-group {
  display: flex;
  align-items: center;
}

.customer-tab-content .form-group label {
  white-space: nowrap;
  margin: 0;
  font-weight: 400;
}

.customer-tab-content .form-group input {
  width: 360px;
  margin-left: 101px;
}

.customer-tab-content .currency .form-control {
  width: 360px;
  margin-left: 90px;
}

.customer-tab-content .opening-balance .input-group {
  width: 360px !important;
  margin-left: 40px;
}

.customer-tab-content .opening-balance {
  display: flex;
  align-items: center;
}

.opening-balance label {
  margin: 0;
  font-weight: 400;
}

.customer-tab-content .payment-terms input {
  margin-left: 50px;
}

.customer-tab-content .portal-language input {
  margin-left: 90px;
}

.customer-tab-content .website input {
  margin-left: 65px;
}

.customer-tab-content .department input {
  margin-left: 65px;
}

.customer-tab-content .app-new-payment-terms .form-control {
  margin-left: 49px;
  width: 360px;
}

.customer-tab-content .app-new-payment-terms-1 .form-control {
  margin-left: 43px;
  width: 360px;
}

.customer-tab-content .pan .btn {
  box-shadow: unset;
  padding: 0px;
  font-size: 13px;
}

.customer-tab-content .customer-owner {
  margin-top: 40px;
  border-top: 1px solid #dddddd;
}

.customer-owner p {
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  padding: 10px 0px 0px 0px;
  text-align: center;
}

#work_experience .address-tab {
  width: 100%;
}
.billing-address-content {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.billing-address-content label {
  margin: 0px 0px 10px 0px;
  font-weight: 600;
}
.billing-address-content-phone .form-control {
  margin-left: 95px;
}
.contact-person .table,
.contact-person th,
.contact-person td {
  border: 1px solid black;
  border-collapse: collapse;
}

.contact-person table,
td {
  padding: 20px;
}

.contact-person th {
  padding: 10px;
  font-weight: 500;
  background-color: #F1F1F1;
}

.contact-person .add-more {
  margin-top: 40px;
}

.contact-person .add-more a {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}

.custom-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
}

.custom-field p {
  width: 767px;
  text-align: center;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
.sales-order img {
  width: 300px;
}
.sales-order {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 30px 0px;
}
.sales-order-content {
  padding: 6px;
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);
}
.sales-activities {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sales-activities h4 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 500;
  margin: 0px 0px 10px 0px;
}

.sales-activities p {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  margin: 0;
}

.create-sales {
  margin-top: 30px;
}

.create-sales a {
  background-color: #002668;
  color: #fff;
  font-size: 15px;
  padding: 15px 30px;
  border-radius: 10px;
}

.payment-order {
  margin: 60px 0px;
}

.life-customer-payment {
  margin-top: 70px;
}

.life-customer-payment-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.life-customer-payment-content h2 {
  font-size: 25px;
  line-height: 35px;
  font-weight: 400;
  margin: 0;
}

.customer-payment-image {
  margin: 20px;
  border-bottom: 1px solid #dddddd;
}

.customer-payment-image img {
  margin-bottom: 20px;
}

.payments-received-section {
  margin: 30px 0px;
}

.payments-received-section-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.payments-received-section-content h4 {
  font-size: 23px;
  line-height: 30px;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.payments-received-section-content ul {
  margin: 0;
  padding: 0;
}

.payments-received-section-content ul li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
  list-style: none;
  position: relative;
}

.payments-received-section-content ul li::before {
  content: '';
  position: absolute;
  background-image: url('../images/small/correct.png');
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 5px;
  left: -20px;
}

.page-content .customer-name {
  display: flex;
  align-items: center;
  margin: 20px 0px 30px 0px;
  padding: 0px 20px;
}

.page-content .customer-name label {
  margin: 0;
  font-weight: 600;
}
.new-quotes .name-form label {
  font-weight: 400;
  color: #5b626b;
}

.page-content .new-quotes .new-item-content .app-new-quote-date,
.page-content .new-quotes .new-item-content .app-new-quote-date-2 {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.page-content .new-quotes .new-item-content .app-new-quote-date label,
.page-content .new-quotes .new-item-content .app-new-quote-date-2 label {
  margin: 0;
  font-weight: 400;
}

.page-content .new-quotes .new-item-content .app-new-quote-date input {
  margin-left: 101px;
}

.page-content .new-quotes .new-item-content .app-new-quote-date-2 input {
  margin-left: 40px;
}

.page-content .new-quotes .new-item-content .app-new-quote-date img,
.page-content .new-quotes .new-item-content .app-new-quote-date-2 img {
  top: 9px;
}

.page-content .new-quotes .sales-person {
  margin: 30px 0px 0px 0px!important;
  border-top: 1px solid #dddddd;
  padding: 30px 0px;
}

.page-content .new-quotes .sales-person .unit-select .form-control {
  margin-left: 77px;
}

.page-content .new-quotes .sales-person .project-name .form-control {
  margin-left: 69px;
}

.page-content .new-quotes .subject {
  border-top: 1px solid #dddddd;
  padding: 30px 0px;
  border-bottom: 1px solid #dddddd;
}

.page-content .new-quotes .subject .name-form {
  margin: 0;
}

.page-content .new-quotes .subject .unit-select .form-control {
  margin-left: 84px;
  width: 480px;
}

.page-content .new-quotes .items-details-table .item-table tr .first-child {
  width: 320px;
}

.page-content .new-quotes .items-details-table .item-table tr th:not(:last-child),
.page-content .new-quotes .items-details-table .item-table tr td:not(:last-child) {
  border-right: 1px solid #dddddd;
}

.page-content .new-quotes .items-details-table .item-table tr td.drop-down-menu {
  padding: 0px !important;
}

.page-content .new-quotes .items-details-table .drop-down-menu .dropdown {
  width: 100%;
  height: 100%;
}

.page-content .new-quotes .items-details-table .drop-down-menu .dropdown:hover {
  background-color: unset;
  border: 1px solid #dddddd;
  border-radius: 10px;
  width: 100%;
  height: 60px;
}

.page-content .new-quotes .items-details-table .drop-down-menu .dropdown .btn:hover {
  background-color: unset;
  border: 1px solid #dddddd;
  border-radius: 10px;
  width: 100%;
  height: 60px;
  padding: 05px 0px;
}

.page-content .new-quotes .items-details-table .drop-down-menu .dropdown .btn {
  background-color: unset;
  border: unset;
  width: 100%;
  height: 50px;
}

.page-content .new-quotes .items-details-table .dropdown-menu {
  background-color: #FFF;
  padding: 20px 10px;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 220px;
}

.page-content .new-quotes .items-details-table .dropdown-menu .dropdown-item span p {
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}

.page-content .new-quotes .items-details-table .dropdown-item:focus,
.page-content .new-quotes .items-details-table .dropdown-item:hover {
  background-color: #002668;
  color: #FFF;
  border-radius: 10px;
}

.page-content .new-quotes .items-details-table td:not(:first-child) {
  padding: 10px 10px 20px 20px;
  text-align: right;
}

.total-shipping-charges {
  background-color: #F7F8FC;
  padding: 20px;
  border-radius: 10px;
}

.total-shipping-charges .sipping-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.total-shipping-charges .sipping-content h5,
.total-shipping-charges .sipping-content p,
.shipping-charges-content h5 {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
}

.shipping-charges-content {
  width: 70%;
  display: flex;
  align-items: center;
}

.shipping-charges {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.shipping-charges-input input {
  width: 100%;
}

.shipping-charges-input {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.shipping-charges-input span .btn {
  box-shadow: unset;
  padding: 0;
  margin-left: 5px;
}

.shipping-mini-content p {
  font-size: 13px;
  line-height: 23px;
  font-weight: 400;
  margin: 0;
  white-space: nowrap;
}

.adjustment .form-control {
  width: 104px;
  border: 1px dashed #dddddd;
}

.shipping-chargers-2 .form-control {
  margin: 0px;
  width: 195px;
}

.customer-notes .name-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.customer-notes .unit-select textarea {
  margin: 5px 0;
}

.customer-notes .form-check input {
  margin: 0;
  left: 3px;
  top: 2px;
}

.main-subject {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.terms-conditions {
  margin: 40px 0px;
}

.terms-conditions-form-content .form-group {
  margin: 0;
}

.terms-conditions-form-content label {
  font-weight: 400;
  font-size: 13px;
}

.terms-conditions-form-content .form-control {
  width: 600px;
}

.terms-conditions .attach-file {
  margin-top: 20px;
}

.attach-file .custom-file label {
  width: 240px !important;
}

.attach-file .custom-file p {
  font-size: 12px;
  margin: 4px 0px 0px 5px;
  font-weight: 400;
}

.sales-order table td {
  font-size: 12px;
  line-height: 20px;
  padding: 15px;
  padding-left: 10px !important;
}

.sales-order table th {
  padding-left: 12px !important;
  font-size: 11px;
  line-height: 20px;
  padding: 5px;
}

.sales-order table td input {
  margin-top: 0 !important;
}

.new-sales-order .expected-shipment input {
  width: 360px !important;
  margin-left: 27px !important;
}

.new-sales-order .sales-new-form input {
  margin-left: 116px !important;
  width: 329px !important;
}

.new-sales-order-content .name-form .unit p {
  white-space: nowrap;
}

.new-sales-order-content .name-form .unit-select .form-control {
  width: 310px !important;
  margin-left: 90px;
}

.app-new-sales-order .sales-orders input {
  margin-left: 73px;
}

.new-invoices .order-number input {
  margin-left: 66px;
}

.new-invoices .app-new-quote-date input {
  margin-left: 108px !important;
}

.new-invoices .app-new-quote-date-2 input {
  margin-left: 50px !important;
}

.invoices-table table th:not(:first-child) {
  text-align: right;
}

.invoices-sipping-content h5,
.invoices-sipping-content p {
  color: #000;
  font-weight: 500;
  font-size: 20px !important;
}

.tds-tcs {
  display: flex;
  align-items: center;
  margin-right: 05px;
}

.tds-tcs .tdc,
.tds-tcs .tcs {
  display: flex;
  align-items: center;
  margin-right: 0px;
}

.tds-tcs .tcs input,
.tds-tcs label {
  margin: 0;
  font-weight: 400;
}

.tds-tcs .tdc input,
.tds-tcs label {
  margin: 0;
  margin-right: 5px;
  font-weight: 400;
}

.payment-received .item-table table tr td:last-child {
  text-align: right;
}

.recurring-invoices .item-table table tr .expired {
  color: #879697;
}

.payment-received .name-form .input-group input {
  margin: 0;
}

.payment-received .name-form .input-group {
  margin-left: 42px;
}

.payment-received .order-number .form-control {
  margin-left: 26px;
}

.payment-received .app-new-quote-main-date .app-new-quote-date .form-control {
  margin-left: 73px !important;
}

.payment-received .app-new-quote-date label {
  white-space: nowrap;
}

.app-new-quote-main-date .payment-order .form-control {
  margin-left: 97px;
}

.app-new-quote-main-date .payment-order {
  margin: 30px 0px 0px 0px;
}

.payment-mode .unit {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.payment-mode .unit p {
  margin: 0;
}

.payment-mode .unit .form-control {
  margin-left: 106px;
  width: 398px;
}

.deposit .unit .form-control {
  margin-left: 116px;
}

.payment-order .form-control {
  margin-left: 95px !important;
}

.app-new-quote-date .app-new-new-sales-form {
  margin-left: 70px;
}

.tax-deducted {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.tax-deducted-content {
  display: flex;
  align-items: center;
}

.tax-deducted label {
  margin: 0;
  font-weight: 400;
}

.tax-deducted-content {
  margin-left: 80px;
}

.tax-deducted-content-mini {
  display: flex;
  align-items: center;
}

.tax-deducted-content-mini:not(:first-child) {
  margin-left: 40px;
}

.tax-deducted-content-mini input {
  margin-right: 6px;
}

.app-new-sales-order-picker input {
  margin-left: 80px !important;
}

.recurring-invoices .app-new-recurring-invoices input {
  margin-left: 0px;
}

.recurring-invoices .app-new-recurring-invoices {
  margin-left: 70px;
}

.recurring-invoices .recurring-invoices-form input {
  margin-left: 66px;
}

.recurring-invoices .recurring-invoices-method .form-control {
  margin-left: 70px;
  width: 406px;
}

.payable-box {
  background-color: #FFF;
  border: 1px solid #dddddd;
  border-radius: 10px;
}

.payable-top-content ul {
  padding: 15px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dddddd;
  background-color: #f9f9fb;
  border-radius: 10px;
}

.payable-top-content ul li {
  list-style: none;
}

.payable-top-content ul li .btn {
  box-shadow: unset;
  padding: 0;
}

.payable-top-content ul li .dropdown button {
  display: flex;
  align-items: center;
}

.payable-top-content ul li .dropdown i {
  background-color: #002668;
  border-radius: 50%;
  color: #FFF;
  padding: 4px;
  font-size: 6px;
}

.total-invoice-unpaid {
  padding: 15px;
  border-bottom: 1px solid #dddddd;
}

.total-invoice-unpaid-content p {
  margin: 0;
  font-size: 12px;
}

.unpaid-box {
  background-color: #4BB543;
  width: 100%;
  height: 10px;
  margin-top: 4px;
}

.unpaid-box-1 {
  background-color: #4BB543;
  width: 100%;
  height: 10px;
  margin-top: 4px;
  position: relative;
}

.unpaid-box-2 {
  background-color: #FB7474;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.current-overdue-content {
  width: 100%;
  display: flex;
}

.current-overdue-content ul {
  padding: 0;
  margin: 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  background-color: unset;
  border-radius: unset;
  border-bottom: unset;
}

.current-overdue-content ul:not(:last-child) {
  border-right: 1px solid #dddddd;
  margin-right: 10px;
}

.current-overdue {
  padding: 15px;
  background-color: unset;
}

.current-overdue-content .current li:not(:last-child) {
  font-size: 10px;
  margin: 0 0 0 0;
  color: #4BB543;
}

.current-overdue-content .current li,
.current-overdue-content .overdue li {
  color: #000;
  font-size: 20px;
  margin: 0;
}

.current-overdue-content .overdue li:not(:last-child) {
  font-size: 10px;
  margin: 0;
  color: #f76831;
}

.payable-top-content .dropdown .dropdown-menu .dropdown-item {
  border: unset !important;
}

.payable-top-content .dropdown .dropdown-menu .dropdown-item.active,
.payable-top-content .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #002668;
  color: #FFF;
  border: unset;
}

.payable-top-content .dropdown .dropdown-menu-2 {
  left: -150px !important;
}

.new-item-content .pan-card {
  display: flex;
  margin: 20px 0 0 0;
}

.app-new-pan-card .form-control {
  margin-left: 100px;
  width: 330px
}

.new-item-content .pan-card label {
  font-weight: 400;
}

.new-item-content .pan-card .btn {
  box-shadow: unset;
  padding: 0;
}

.new-quotes .sales-person .new-sales-person-delivery p {
  white-space: nowrap;
}

.new-quotes .sales-person .new-sales-person-delivery .form-control {
  margin-left: 53px !important;
}

.page-title-box .dropdown-item:focus,
.page-title-box .dropdown-item:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #002668;
}

.page-title-box .dropdown-menu {
  width: 260px;
  height: 300px;
  overflow-y: scroll;
}

.page-title-box .dropdown-item {
  padding: 12px !important;
}

.user-select-none.svg-container {
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.modebar.modebar--hover.ease-bg {
  display: none;
}

.payroll-table-input-list__new {
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}

.payroll-table-input-list__item {
  border: 1px solid #2068F3;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
}

.payroll-table-input-list__item p {
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 4px 10px;
}

.v-align-top {
  vertical-align: top !important;
}

.payroll-table-input-list__item .payroll-rupee-input input {
  color: #2c2c2c;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  padding: 3px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  outline: 0;
}

.payroll-table-input-add {
  margin: 0;
  color: #1372a2;
  font-weight: 500;
  cursor: pointer;
}

.payroll-table-input-add:hover {
  text-decoration: underline;
}

.earnings_ded_checklist {
  margin: 0 0 10px 0;
  width: 100%;
}

.earnings_ded_checklist_box {
  display: flex;
  flex-direction: column;
}

.earnings_ded_checklist_box input {
  -moz-appearance: textfield;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 14px;
  width: 100%;
  margin-top: 3px;
  outline: 0 !important;
}

.earnings_ded_checklist_box input::-webkit-outer-spin-button,
.earnings_ded_checklist_box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.payroll-table-input__delete {
  font-weight: 500;
  position: absolute;
  font-size: 14px;
  color: #ff0000;
  top: 0px;
  right: 5px;
  cursor: pointer;
}

.payroll-table-input__delete {
  font-weight: 500;
  position: absolute;
  font-size: 14px;
  line-height: 10px;
  color: #7777;
  top: 4px;
  right: 4px;
  cursor: pointer;
}

.payroll-table-input__delete {
  color: #ff0000;
}

.set-min-width-310px {
  min-width: 310px;
}

.people-page-search {
  position: relative;
  width: 100%;
  max-width: 300px;
}

.people-page-search input {
  background: #ffffff;
  border: 1px solid #E4E4E4;
  box-shadow: 0px 0px 50px #ECECEC;
  border-radius: 23px;
  padding: 10px 20px 10px 50px;
  outline: 0 !important;
  width: 100%;
  transition: 0.2s all ease-in-out;
}

.people-page-search i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.people-page-search input:hover,
.people-page-search input:focus {
  border-color: #002668;
}

.people-page-search img {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.peoplecard {
  box-shadow: 0px 0px 20px 0px #E9E9EE;  
  background: #F9F9FA;
  border: 1px solid #E7EFFF;
  padding: 15px;
  margin: 10px 0;
  transition: 0.2s all ease-in-out;
  cursor: pointer;
  height: 100%;
}

.peoplecard-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.peoplecard-title-left {
  display: flex;
}

.peoplecard-title-left img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  object-fit: cover;
}

.peoplecard-title-left h3 {
  font-weight: 600;
  font-size: 18px;
  color: #2A2A2A;
  margin: 0;
}

.peoplecard-title-left p {
  font-size: 14px;
  color: #838383;
  margin: 0;
}

.peoplecard-title-right {
  margin-left: 5px;
}

.peoplecard-title-right span {
  padding: 4px 8px;
  background-color: #DDE9FF;
  font-size: 12px;
  font-weight: 500;
  color: #2068F3;
}

.peoplecard-info {
  margin-top: 10px;
}

.peoplecard-info p {
  display: flex;
  align-items: center;
  margin: 3px 0 0 0;
}

.peoplecard-info p a {
  font-size: 14px;
  color: #404040;
  word-break: break-all;
}

.peoplecard-info p img {
  width: 15px;
  margin-right: 8px;
}

.peoples-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 20px;
  width: 100%;
}


/*  */

.Billing-address p{
  margin: 20px 0px;
  font-weight: 600;
}
.sales-person .form-group{
  margin-bottom: 0px ;
}
.radio-button-tax{
  width: 15px;
}
/* employee */
.leaves-balances{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}
.leaves-balances .leaves-list{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-right: 1px solid rgba(0,0,0,.1)!important;
  width: 120px;
}
/* .leaves-balances .leaves-list:not(:first-child){
  margin-left: 10px;
} */
.leaves-balances .leaves-list span:not(:last-child){
  color: #002668;
}
.leaves-balances .leaves-list span:not(:first-child){
  font-size: 18px;
  font-weight: 600 !important;
  color: #000;
}
.employee-app-new-dashboard-salary-chart-item h2{
  font-size:20px;
  line-height: 30px;
}
.payable .total-employees-card{
  width: 50%;
  margin-right: 10px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
}
.payable .total-employes{
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
}
.payable .total-employes .total-customers-title{
  margin-left: 20px;
}
.total-employees-card .icon{
  background-color: #6658dd1a;
  font-size: 25px;
  padding: 15px 20px;
  border-radius: 50%;
  color: #6658dd;
}
.total-employees-card .icon2{
  color: #1abc9c;
  background-color:#1abc9c12;
}
.payable .total-employes .total-customers-title p{
  font-size: 16px;
  margin: 0;
  color: #838383;
  font-weight: 500;

}
.payable .total-employes .total-customers-title h5{
  margin: 0;
  font-size: 25px;
  color: #262626;
  font-weight: 600;
}
.reset-remember{
  margin-top:20px;
}
.reset-remember-content{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
}
.reset-remember-content span{
  color: #2068F3;
}
.role-access-select{
  min-width: 200px;
}
.hcm-component-timesheet-table .dataTables_empty{
  display: none   !important;
}
.hcm-component-table.hcm-component-timesheet-table .dataTables_wrapper .table th{
  min-width: 94px !important;
}
.hcm-component-table.hcm-component-timesheet-table .dataTables_wrapper .table td.dtfc-fixed-left,
.hcm-component-table.hcm-component-timesheet-table .dataTables_wrapper .table td.dtfc-fixed-right{
  background-color: #ffffff;
}
@media (min-width:320px) and (max-width:767px) {
  .contact-person{
      overflow: scroll;
  }
  .contact-person table{
      width: 100%;
  }
  .contact-person th{
      white-space: nowrap;
  }
  .total-shipping-charges{
      margin-top: 20px;
  }
  .items-details-table .item-table.invoices-table{
      overflow: scroll;
  }
  .item-table th{
      white-space: nowrap;
  }
  .terms-conditions-form-content .form-control{
      width: 100%;
  }
  .save-edit-buttons{
      display: flex;
      flex-direction: column;
  }
  .save-edit-buttons .btn{
      margin: 10px 0px 0px 0px;
  }
  .employee-app-new-dashboard-salary-chart-item h2{
      font-size: 20px;
      line-height: 30px;
  }
  .leaves-balances .leaves-list span:not(:last-child){
      white-space: nowrap;
      width: 150px;
  }
  .leaves-balances .leaves-list{
      align-items: flex-start;
  }
  .leaves-balances .leaves-list:not(:first-child){
      margin:0px 20px;
  }

}
@media (min-width:768px) and (max-width:991px) {
  .total-shipping-charges{
      margin-top: 20px;
  }
  .employee-app-new-dashboard-salary-chart-item h2{
      font-size: 20px;
      line-height: 30px;
  }
  .leaves-balances .leaves-list span:not(:last-child){
      white-space: nowrap;
      width: 150px;
  }
  .leaves-balances .leaves-list{
      align-items: flex-start;
  }
  .leaves-balances .leaves-list:not(:first-child){
      margin:0px 20px;
  }
}
@media (min-width:992px) and (max-width:1399px) {
  .leaves-balances .leaves-list:not(:first-child){
      margin:0px 20px;
  }
  .leaves-balances .leaves-list span:not(:last-child){
      white-space: nowrap;
      width: 150px;
  }
}
.custom_date_field .app-new-regularization-from{
  height: calc(1.5em + .75rem + 2px);
}
.app-new-qualification-menu .dropdown-menu{
  top: 37px !important;
  left: -100px !important;
} 
.app-new-time-sheet-modal-card ul{
  padding-top: 25px;
  display: block;
  border-radius: 0.25rem;
}
.app-new-time-sheet-modal-card ul li{
  width:unset;
}
/* .app-new-time-sheet-modal-card ul{
  display: flex;
  flex-direction: column;
} */

@media (min-width:1304px) and (max-width:1500px) {

  .app-new-qualification-menu .dropdown-menu{
      top: 40px !important;
      left: -120px !important;
  }
}
/* ADMIN IT DECLARATION */

.it-declaration{
  margin-top: 0px !important;
}
.it-main-declaration-box-content{
  margin-top: 20px;
}
.it-main-declaration-box-content .it-main-declaration-bg{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  padding: 20px;
  border-radius: 10px;
}
.it-main-declaration-box-content .it-main-declaration-bg p{
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
.others-details-main-box{
  margin-bottom: 60px;
}
.it-release .release-lock{
  margin-top: 20px;
}
.it-release .release-lock{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.it-release .locked-status ul{
  display: flex;
  padding: 0;
  margin: 0;
}
.it-release .locked-status ul li:not(:first-child){
  margin-left: 20px;
}
.it-release .locked-status ul li{
  list-style: none;
}
.it-release .locked-status ul li .dropdown .btn{
  border: 1px solid #66676d;
  border-radius: 5px;
}
.it-release .locked-status ul li .dropdown .btn:focus{
  box-shadow: unset;
}
.release-table .release-table-main table th,
.release-table .release-table-main table td{
  text-align: center;
}

.release-table .release-table-main table tr:nth-child(even) {
  background-color: #D6EEEE;
}
.release-box  .release-box-content h3{
  font-size: 13px;
  line-height: 23px;
  font-weight: 500;
  margin: 0px;
}
.release-box-content-inputs{
  display: flex;
  align-items: center;
}
.release-box-content-inputs .form-group:not(:first-child){
  margin-left: 10px;
}
.release-box-list-2{
  margin-top: 10px;
}
.release-box .incometax-lock{
  padding: 5px 0px 20px 0px;
}
.release-all-employee .release-box-content h3{
  width: 350px;
  margin-bottom: 10px;
}
.release-box .incometax-lock h4{
  font-size: 13px;
  line-height: 23px;
  font-weight: 500;
  margin: 0;
}
.release-box-content-inputs .form-group select{
  width: 160px;
}
.table-main-buttons{
  margin-top: 60px;
}
.table-main-buttons .buttons{
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-main-buttons .buttons .btn{
  padding: 10px 30px;
}
.table-main-buttons .buttons .btn:not(:first-child){
  margin-left: 20px;
}
.table-main-buttons .buttons .btn{
  border: 1px solid #66676d;
}
.table-main-buttons .buttons .btn:hover{
  background-color: #002668;
  color: #FFF;
}
.table-main-buttons .buttons .btn.active{
  background-color: #002668;
  color: #FFF;
}
.poi-overview .poi-overview-content .nav-tabs-custom{
  border-bottom: unset;
}
.poi-overview .poi-overview-content .nav-tabs-custom li{
  border: 1px solid #66676d;
  width: 200px;
}
.poi-overview .poi-overview-content .nav-tabs-custom li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.filter-regime{
  margin-top: 30px;
}
.filter-regime .form-group{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.filter-regime .form-group label{
  margin-bottom: 10px;
}
.filter-regime .form-group .form-control{
  width: 210px;
}
.filter-regime .check-boxs{
  display: flex;
  margin-top: 20px;
}
.check-boxs .form-check:not(:first-child){
  margin-left: 10px;
}

/* EMPLOYEE IT DECLARATION */
.employee-it-declaration-prev{
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.employee-it-declaration-prev .prev a{
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  color: #6c757d;
}
.employee-it-declaration-prev .month p{
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.house-rent-allowance-box {
  margin-top: 10px;
  border: 1px solid #cbd5e1;
  width: 100%;
}
.house-rent-allowance-box .list-1{
  background-color: #F7F8FC;
  padding: 10px;
  border-bottom: 1px solid #cbd5e1;
}
.house-rent-allowance-box .list-1 h3{
  font-size: 13px;
  line-height: 23px;
  margin: 0px;
  color: #7f8fa4;
}
.house-rent-allowance-box .list-2{
  display: flex;
  justify-content: space-between;
}
.house-rent-allowance-box .list-2{
  padding: 10px;
  border-bottom: 1px solid #cbd5e1;
}
.house-rent-allowance-box .list-2 h3{
  font-size: 13px;
  line-height: 23px;
  margin: 0px;
  color: #7f8fa4;
}
.house-rent-allowance-box .list-2 h4{
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  margin: 0px;
}
.house-rent-allowance-box .list-3{
  padding: 10px;
}
.house-rent-allowance-box .list-3 .from-date h3{
  font-size: 13px;
  line-height: 23px;
  margin: 0px;
  color: #7f8fa4;
}
.house-rent-allowance-box .list-3 .from-date h5{
  font-size: 15px;
  line-height: 26px;
  margin: 0px;
  font-weight: 500;
  color: #3b4452;
}
.declaration-status-box{
  background-color:#ffffe8;
  padding: 20px;
}
.declaration-status-box-main{
  display: flex;
  justify-content: space-between;
}
.declaration-content h3{
  font-size: 13px;
  line-height: 23px;
  margin: 0px 0px 10px 0px;
}
.declaration-content h3 span{
  color: #5bc67e;
}
.declaration-status-box-main .hide a{
  font-size: 13px;
  line-height: 23px;
}
.main-declaration-status-box{
  margin-top: 30px;
}
.declaration-status-box-main2{
  display: flex;
  flex-direction: column;
}
.declaration-status-box-main2 .hide{
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.declaration-status-box-main2 .hide .btn{
  padding: 05px 30px;
  border: 1px solid #cbd5e1;
  background-color: #F7F8FC;
  color: #0085DA;
}
.declaration-status-box-main2 .hide .btn:focus{
  box-shadow: unset;
}
.declaration-status-box p{
  margin: 0;
  font-size: 12px;
  line-height: 22px;
}
.edit-add-declaration-box-content .btn{
  box-shadow: unset;
  background-color: unset;
  color: #002668;
}
.edit-add-declaration-box-content .tooltip{
  box-shadow: unset;
  height: 120px;
  overflow-y: scroll;
}
.edit-add-declaration-box-content h6{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}
.tooltip-inner {
  max-height: 250px !important;
  overflow-y: scroll !important;
}
.edit-add-declaration-box{
  background-color: #FFF;
  border: 2px dashed #cbd5e1;
  padding: 20px;
  height: 100%;
}
.sec-ee .five-years-deposit .five-years-deposit-content .rupee{
  bottom: 31px;
}
.sec-ee .max-limit{
  margin-top: 5px;
}
.sec-ee .max-limit p{
  margin: 0;
  font-size: 12px;
  line-height: 22px;
}
.max-limit p span{
  color: #3b4452;
}
.edit-add-declaration-box:hover{
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border: 1px solid #cbd5e1;
}
.edit-add-declaration-box-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.edit-add-declaration-box-content img{
  margin-bottom: 10px;
}
.edit-add-declaration-box-content p{
  font-size: 13px;
  line-height: 26px;
  margin: 0px 0px 0px 0px;
}
.edit-add-declaration-box-content button{
  padding: 0px;
  color: #002668;
  font-weight: 500;
}
.edit-add-declaration-box-content button:hover{
 text-decoration: underline;
}
.sec-c-box{
  border: 1px solid #cbd5e1;
  margin: 20px;
  border-radius: 05px;
}
.sec-c-box .sec-c-box-title{
  display: flex;
}
.sec-c-box-title .total-declared{
  border-right: 1px solid #cbd5e1;
  padding: 10px;
}
.sec-c-box-title  .max-limit{
  padding: 10px;
}
.sec-c-box-title h5{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  color: #7f8fa4;
  font-weight: 500;
}
.sec-c-box-title span{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  color: #7f8fa4;
  font-weight: 400;
}
.five-years-deposit{
  border-top: 1px solid #cbd5e1;
  padding: 40px 20px;
  height: 400px;
  overflow-y: scroll;
}
.five-years-deposit .five-years-deposit-content h4{
  color: #7f8fa4;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  margin: 0px 0px 10px 0px;
}
.five-years-deposit .five-years-deposit-content h4 span{
  color: #000000;
  font-weight: 600;
}
.five-years-deposit .five-years-deposit-content input{
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  height: 30px;
}
.five-years-deposit .five-years-deposit-content input::placeholder{
  padding-left: 30px;
}
.five-years-deposit .five-years-deposit-content input{
 position: relative; 
}
.five-years-deposit .five-years-deposit-content .rupee{
  position: absolute;
  left: 20px;
  bottom: 3px;
}
.five-years-deposit .five-years-deposit-content .rupee p{
  font-size: 12px;
  line-height: 22px;
  margin: 0;
  padding-right: 10px;
  border-right: 1px solid #cbd5e1;
}
.preview-next {
  margin-top: 30px;
}
.preview-next .preview-next-content{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.preview-next .preview-next-content ul{
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
}
.preview-next .preview-next-content ul li{
  list-style: none;
}
.preview-next .preview-next-content ul li:not(:first-child){
  margin-left: 20px;
}
.preview-next .preview-next-content ul li .nex{
  background-color: #0085DA;
  padding: 10px 30px;
  border-radius: 5px;
  color: #FFF;
}
.preview-next .preview-next-content ul li .pre{
  font-size: 13px;
  line-height: 23px;
  color: #002668;
  font-weight: 600;
}
.regime-content-box-1 h4{
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
.regime-content-box{
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  display: flex;
}
.regime-content-box-1{
  width: 50%;
  border-right: 1px solid #cbd5e1;
  padding: 20px;
}
.regime-content-box-1 .tax{
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-right: 10px;
}
.regime-content-box-1 .taxable-income p,
.regime-content-box-1 .taxable-income-cost p{
  margin: 0;
}
.regime-content .additional-benefit{
  background-color: #ffffe8;
  padding: 10px;
  margin-top: 10px;
}
.regime-content .additional-benefit p{
  margin: 0;
  font-size: 13px;
  line-height: 23px;
}
.compare-old-new-regime{
  margin-top: 40px;
}
.compare-old-new-regime-title h3{
  font-size: 16px;
  line-height:26px;
  margin: 0;
  font-weight: 600;
}
.compare-table{
  margin-top: 20px;
}
.compare-table .section-eighty-c .list-one{
  display: flex;
  flex-direction: column;
}
.compare-table .section-eighty-c .list-one span{
  margin-top: 20px;
}
.notification-info-box{
  border: 1px solid #cbd5e1;
  padding: 10px;
  border-radius: 5px;
}
.notification-info{
  width: 658px;
}
.notification-info-box p{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}
.notification-info{
  margin-bottom: 40px;
}
.business-income {
  margin-top: 30px;
}
.business-income .release-box-content h3{
  font-size: 13px;
  line-height: 24px;
  margin: 0;
  color: #7f8fa4;
}
.income-tax-regime{
  margin-top: 20px;
}
.income-tax-regime-content label{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  color: #7f8fa4;
}
.income-tax-regime .form-group select{
  width: 220px;
}
.acknowledge{
  margin-top: 20px;
}
.acknowledge .form-check label{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
  font-weight: 400;
  white-space: nowrap;
}
#Add_Declaration .modal-footer,
#Other_Chapter .modal-footer{
  display: flex !important;
  justify-content: center !important;
}
.edit-add-declaration-box-edit{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cbd5e1;
}
.edit-add-declaration-box-edit .edit-pen .btn{
  box-shadow: unset;
}
.edit-add-declaration-box .rent-allowance p{
  margin: 0;
  font-size: 13px;
  line-height: 23px;
}
.house-rent-allowance .house-box .house-box-content .btn{
  box-shadow: unset;
}
.house-rent-allowance .house-box .house-box-content h4{
  font-size: 13px;
  line-height: 23px;
  margin: 0;
}
.house-rent-allowance .house-box .house-box-content{
  display: flex;
  flex-direction: column;
} 

@media (min-width:1304px) and (max-width:1500px) {

  .app-new-qualification-menu .dropdown-menu{
      top: 40px !important;
      left: -120px !important;
  }
}

.hcm-timesheet-controls{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.hcm-timesheet-date-controls{
  display: flex;
}
.timesheet-date-controls-wrapper{
  display: flex;
  align-items: center;
}
.timesheet-date-controls-data{
  display: flex;
  height: 100%;
}
.hcm-icon-btn{
display: flex !important;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 0;
border: 1px solid transparent;
outline: 0;
box-shadow: none;
}
.hcm-icon-btn svg{
width: 16px;
height: 16px;
}
.timesheet-date-controls-data input{
  height: 100%;
  border-radius: 0;
}
.timesheet-th-date{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 4px;
  display: block;
}
.timesheet-th-currentdate{
  background: #EDF3FF !important;
  color: #2068F3 !important;
}
.timesheet-th-currentdate span{
  color: #2068F3 !important;
}
.timesheet-add-project-hrs{
  width: inherit;
}
.timesheet-add-project-hrs input{
  width: inherit;
  max-width: 70px;    
  height: 30px;
  padding: 3px 5px;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
}
.timesheet-add-project-hrs input:hover,
.timesheet-add-project-hrs input:focus
{
  border-color: #2068F3;
  background-color: #ffffff;
  outline: 0;
}
.timesheet-table-total{
  display: flex;
  align-items: center;
}
.timesheet-table-total > span{
  margin-right: 10px
}
.timesheet-table-total > .dropdown > button{
  background-color: transparent;
  border:0;
}
#ui-datepicker-div{
  z-index: 99999 !important;
}
.timesheet-addmore > .dropdown > button{
  color: #2068F3;
  background-color: transparent;
  border:0;
}
.hcm-component-table table th{
  vertical-align: middle;
}
td.timesheet-table-td-ooo{
  background: repeating-linear-gradient( -47deg,#fff 1%,#fff 2%,#dfe1e6 3%,#fff 4%,#fff 5% ) !important;
}
.hcm-component-timesheet-table .dataTables_info{
  display: none;
}
.hcm-reports-card{
  display: flex;
  flex-direction: column;
}
.hcm-reports-card-title{
  color: #28303F;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.hcm-reports-list{
  display: flex;
  flex-direction: column;
  list-style: none;
  padding:0;
  margin:0;
}
.hcm-reports-list-item{
  margin: 12px 0 0 0;
}
.hcm-reports-list-item a{
  padding: 10px;
  border: 1px solid #2068F3;
  background-color: #ffffff;
  display: flex;
  width:100%;
  justify-content: space-between;
  align-items: center;
  color:#2068F3;
  font-weight: 500;
  font-size: 15px;
}
.hcm-reports-list-item a i{
  margin-left: 5px;
}


.hcm-dashboard-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.hcm-dashboard-header-left{
  display: flex;
  flex-direction: column;
}
.hcm-dashboard-header-left h4{
  display: flex;
  justify-content: flex-start;
  color: #262D3F;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin:0;
}
.hcm-dashboard-header-left h4 span{
  font-weight: 700;
  margin-left: 4px;
}
.hcm-dashboard-header-left p{
  color: #5C6878;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin:10px 0 0 0;
}
.hcm-period-select{
  position: relative;
  min-width: 150px;
}
.hcm-period-select-icon{
  position: absolute;
  right:10px;
  top:12px;
  width:14px;
  height:14px;
  pointer-events: none;
}
.hcm-period-select .select2-container{
  background: #F6F7F9;
  min-width: 150px;
}
.hcm-period-select .select2-container .select2-selection .select2-selection__arrow{
  display: none;
}
.hcm-period-select .select2-container .select2-selection--single .select2-selection__rendered{
  padding-right: 25px !important;
  color: #212121;
  font-feature-settings: 'salt' on, 'liga' off;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
}
.hcm-dashboard-title{
  display: flex;
  padding: 10px 20px;
}
.hcm-dashboard-title h3{
  color: #28303F;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.hcm-dashboard-card{
  border: 1px solid #F4F4F4;
  background: #FFF;
  box-shadow: 0px 15px 30px 0px #F5F5F5;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
}
.hcm-dashboard-card-body{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.hcm-dashboard-card-icon{
  display: flex;
  padding: 5px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 3px;
  width: fit-content;
  width: -moz-fit-content;
}
.hcm-dashboard-card-icon svg{
  width:26px;
  height:26px;
}
.hcm-dashboard-card-icon-blue{
  background-color: #F6FAFF;
}
.hcm-dashboard-card-icon-blue svg path{
  fill: #2F80ED;
}
.hcm-dashboard-card-icon-yellow{
  background-color: #FFF8EE;
}
.hcm-dashboard-card-icon-yellow svg path{
  fill: #FF7A00;
}
.hcm-dashboard-card-icon-purple{
  background-color: #F4F2FF;
}
.hcm-dashboard-card-icon-purple svg path{
  fill: #6C51FF;
}
.hcm-dashboard-card-icon-green{
  background-color: #F4FFF7;
}
.hcm-dashboard-card-icon-green svg path{
  fill: #09A334;
}
.hcm-dashboard-card-info{
margin:10px 0;
}
.hcm-dashboard-card-info p{
  color: #687693;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin:0;
}
.hcm-dashboard-card-info h4{
  color: #28303F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin:0;
}
.hcm-dashboard-card-footer{
  display: flex;
  justify-content: space-between;
  width:100%;
}
.hcm-dashboard-card-footer p{
  display: flex;
  align-items: center;
  margin:0;
  color: #687693;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.hcm-dashboard-card-footer p span{
  display: flex;
  padding: 3px 5px;  
  gap: 10px;
  border-radius: 3px;
  margin-right:5px;
}
.hcm-dashboard-card-footer p span.text-danger{
  background: #FFF4F4;
  color: #EB5757;
}
.hcm-dashboard-card-footer p span.text-success{
  background: #ecfff1;
  color: #5CBF74;
}
.hcm-dashboard-card-footer p span.text-warning{
  background: #fff9eb;
  color: #f8b425;
}
.hcm-dashboard-card-footer h5{
  display: flex;
  margin:0;
}
.hcm-dashboard-card-footer h5{
  color: #FF4F79;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  align-items: center;
}
.hcm-dashboard-card-footer h5 img{
  margin-right: 5px;
}
.hcm-dashboard-box{
  padding:20px;
border: 1px solid #F4F4F4;
background: #FFF;
box-shadow: 0px 15px 30px 0px #F5F5F5;
}
.hcm-dashboard-box-header-title{
  color: #28303F;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin:0;
}
.hcm-dashboard-box-content{
  margin-top: 20px;
}
/* .hcm-dashboard-box-notification{
  height: 100%;
} */
.hcm-dashboard-box-notification-list{
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hcm-dashboard-box-notification-list-item{
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-bottom: 1px solid #F3F3F3;
}
.hcm-dashboard-box-notification-list-item h6{
  color: #28303F;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin:0 0 5px 0;
}
.hcm-dashboard-box-notification-list-item p{
  color: #687693;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 19px; /* 158.333% */
  margin:0;
  width: 600px;
  /* word-break: break-all;
  text-align: justify; */
}
.hcm-dashboard-box-header-link{
  color: #2068F3;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.app-dashboard-holidays-image{
  width: 38px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #E4EDF9;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-dashboard-holidays-image img{
  width: 20px;
  height: 20px;
}
.hcm-dashboard-holidays-content{
  display: flex;
  align-items: center;
  background: #F6FAFF;
  padding: 15px;
}
.app-dashboard-holidays-info{
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.app-dashboard-holidays-info h4{
  color: #212121;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin:0 0 7px 0;
}
.app-dashboard-holidays-info p{
  color: #656565;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin:0;
}
.hcm-dashboard-box-notification-content{
  max-height: 410px;
}
.hcm-dashboard-checkin-timer{
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #687693;
}
.hcm-dashboard-checkin-timer span{
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
}
.hcm-check-time{
  border-width:1px;
  border-style: solid;
  padding:6px 10px;
  margin:0;
  display: flex;
  align-items: center;
}
.hcm-check-time p{
  font-family: 'Objectivity' !important;
  margin:0;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
}
.hcm-check-time span{
  font-weight: 600;
}
.hcm-checkin.hcm-check-time{
  border-color:#09A334;
  background: rgb(9 163 52 / 20%);
  color: #09A334;
  margin-right: 15px;
}
.hcm-checkout.hcm-check-time{
  border-color:#EB5757;
  background: rgb(235 87 87 / 20%);
  color: #EB5757;
}
.hcm-dashboard-check-log{
  display: flex;
  margin: 20px 0 0 0;
}
.hcm-checkin-btn{
  padding: 10px 15px;
  color: #ffffff;
  border: 1px solid #09A334;
  background-color: #09A334;
  font-family: 'Objectivity' !important;
  font-weight: 500;
  font-size: 13px;
  margin-left: 10px;
}
.hcm-checkout-btn{
  padding: 10px 15px;
  color: #ffffff;
  border: 1px solid #EB5757;
  background-color: #EB5757;
  font-weight: 500;
  font-size: 13px;
}
.hcm-dashboard-box-leaves-content{
  margin-bottom: 20px;
}
.hcm-dashboard-box-leaves span{
  color: #5C6878;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.hcm-dashboard-box-leaves-content:last-child{
  margin-bottom: 0;
}
.hcm-dashboard-box-leaves-period{
  color: #687693;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 5px 0;
}
.hcm-dashboard-box-leaves-table{
  width: 100%;
  border: 1px solid #DDE9FF;
}
.hcm-dashboard-box-leaves-table th,
.hcm-dashboard-box-leaves-table td{
  border:0;
  padding:8px 10px;
  font-size: 12px;
  font-weight: 600;
}
.hcm-dashboard-box-leaves-table th{
  color: #2068F3;
  background: #DDE9FF;
}
.hcm-dashboard-box-leaves-table td{
  color: #28303F;
}
.hcm-dashboard-box-leaves-table tbody tr:nth-child(even){
  background-color: #fafafa;
}
.cked-form .tox.tox-tinymce{
  border: 1px solid #687693 !important;
  width:100%;
}
.hcm-template-actions ul{
  display: flex;
  list-style: none;
  margin:10px -10px 0 -10px;
  padding:0;
}
.hcm-template-actions ul li{
  margin: 0 10px;
}
.hcm-template-actions ul li a.hcm-btn{
  padding: 5px 8px;
}
.hcm-template-actions ul li p:nth-child(2){
  font-size: 12px;
  line-height: 23px;
  font-weight: 600;
  color: #0085DA;
  margin: 0px 0px 0px 10px 0px;
}
.hcm-template-actions ul li p{
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #2C2C2C;
  margin: 0px 0px 0px 10px 0px;
}
.support-embeed-btn{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
}

.support-embeed-btn .MuiButtonBase-root{
  width:42px;
  height: 42px;
  overflow: hidden;
  color: transparent;
  border:0 !important;
}
.menu-expanded .support-embeed-btn .MuiButtonBase-root{
  width:100%;
}
.esign-draw-canvas{
  display: flex;
  justify-content: center;
}
.esign-draw-canvas canvas{
  height: 154px;
}
.draw-sign-disclaim p{
  font-size: 14px;
  text-align: center;
}
.esign-cursive-text{
  display: flex;
  justify-content: center;
}
.esign-cursive-text input{
  width: 375px;
  height: 152px;
  text-align: center;
  font-family: 'Cedarville Cursive', cursive !important;
  color: #000000;
  font-size: 46px;
}
.esign-cursive-text input::placeholder{
  font-family: 'Objectivity' !important;
  font-size: 20px;
}
.esign-cursive-text input::-ms-input-placeholder { /* Edge 12-18 */
  font-family: 'Objectivity' !important;
  font-size: 20px;
}
.add-employee-heading{
  border-bottom: 1px solid #dde9ff;
  margin-bottom: 20px;
}
.noof-resources h4{
  color: #2C2C2C;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 15px;
}
.hcm-upload-sign-box{
  display: flex;
}
.hcm-upload-sign-box a{
  border: 1px solid #eaeaea;
}
.form-bs-multi-select{
  position: relative;
}
.form-bs-multi-select .multiselect-native-select,
.form-bs-multi-select .multiselect-native-select .btn-group{
  width: 100% !important;
}
.form-bs-multi-select .multiselect-native-select .btn-group .multiselect.btn.btn-default{
  border-radius: 8px;
  width: 100%;
  border: 1px solid #687693;
  height: 55px;
  padding: 10px 15px;
  border-radius: 3px;
  outline: 0 !important;
  transition: 0.2s all ease-in-out;
  text-align: left;
  box-shadow: none !important;
  white-space: normal;
}
.form-bs-multi-select .multiselect-native-select .btn-group .multiselect.btn.btn-default:hover,
.form-bs-multi-select .multiselect-native-select .btn-group .multiselect.btn.btn-default:focus{
  border: 1px solid #687693;
}
.form-bs-multi-select .multiselect-native-select .btn-group .multiselect.btn.btn-default .multiselect-selected-text{
  color: #687693;
  font-size: 15px;
  font-weight: 500;
}
.form-bs-multi-select .form-bs-multi-select-label{
  color: #2068F3;
  top: -9px;
  left: 20px;
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 500;
  padding: 0 3px;
  display: flex;
  white-space: nowrap;
  position: absolute;
  transition: 0.2s all ease-in-out;
  pointer-events: none;
  margin: 0;
  z-index: 9;
}
.form-bs-multi-select .multiselect-container.dropdown-menu{
  border: 1px solid #FBFCFF;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.06), 0px 0px 16px 0px rgba(0, 0, 0, 0.04);
  padding: 10px 0;
}
.form-bs-multi-select .multiselect-container .input-group{
  margin:0 0 10px 0;
}
.form-bs-multi-select .multiselect-container.dropdown-menu .multiselect-item.multiselect-filter{
  padding: 0 15px;
}
.form-bs-multi-select .multiselect-container.dropdown-menu .multiselect-item.multiselect-filter .input-group-btn{
  display: none;
}
.form-bs-multi-select .multiselect-container.dropdown-menu li a label{
  padding: 10px 15px;
  width: 100%;
  display: flex;
  align-items: center;
  color: #676767;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.form-bs-multi-select .multiselect-container.dropdown-menu li a label:hover{
  color: #2F80ED;
  background-color: #EDF3FF;
}
.form-bs-multi-select .multiselect-container.dropdown-menu li a label input[type="checkbox"]{
  margin:0 10px 0 0;
}
.form-bs-multi-select .multiselect-container.dropdown-menu li a{
  width: 100%;
  display: block;
}
/* <=======================> */
.template_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hcm-template-actions{
  width: 100%;
}
.hcm-template-actions ul{
  width: 100%;
}

.modal-header-layout{
  margin-left: 10px !important;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: #0085DA;
}
.modal-footer-layout{
  margin-right: 10px !important;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: #0085DA;
}
.modal-header{
 display: flex;
 align-items: center; 
}
.template_documents_form .create-job-post-card{
  width: 80%;
  margin-top: 30px;
}
.template_job-position-card-section{
  margin-bottom: 20px;
}
.template_job-position-card-section .hcm-job-position-card{
  margin: 0 0 10px 0;
}
.profile__pic .btn{
  border-radius: unset !important;
  font-weight: 500;
  font-family: 'Objectivity' !important;
}
.template_edit_btn{
  display: flex;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
}
.template_edit_btn .hcm-template-actions {
  width: unset !important;
}
.template_edit_btn .hcm-template-actions .edit__btn .dropdown-menu.show{
  top: 20px !important;
  left: -160px !important;
}
.template_edit_btn .hcm-template-actions .edit__btn .dropdown-menu a{
  color: #676767;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 10px;
  border: unset !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.template_edit_btn .hcm-template-actions .edit__btn .dropdown-menu a:hover{
  color: #0085DA !important;
  background-color: #DDE9FF !important;
  border: unset !important;

}
.template_edit_btn .hcm-template-actions .edit__btn button:focus{
  box-shadow: unset !important;
}
.template__list_new, .simplebar-mask{
  overflow: visible !important;
}
.template__list_new .simplebar-content-wrapper{
  overflow: visible !important;
}
.employee_packages_details-box{
  padding:20px;
  border: 1px solid #F4F4F4;
  background: #FFF;
  box-shadow: 0px 15px 30px 0px #F5F5F5;
}
/* .employee_packages_details-box-item{
  overflow-x: scroll;
} */
.employee_packages_details-box h3{
  color: #28303F;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  margin: 0;
}
.employee_packages_details-box-item ul{
  padding: 0;
  margin: 20px 0px 0px 0px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.employee_packages_details-box ul li{
    color: #28303F;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    width: 20%;
}
.employee_packages_details-box-item ul li span.start-date{
  color: #09A334;
}
.employee_packages_details-box-item ul li span.end-date{
  color: #EB5757;
}
.employee_packages_details-box ul li span.employee-count{
  color: #0085DA;
}
.employee_packages_details-box ul li:not(:last-child){
  margin-right: 30px;
}
.employee_packages_details-box ul li:nth-child(4){
  margin-right: 0 !important;
}
.employee_packages_details-box-item ul li:last-child{
  margin-top: 30px;
}
.employee_packages_details-box-item ul li span{
    color: #687693;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}
.employee_packages_details-box-item ul li .per-person{
  color: #0085DA;
  font-size: 10px;
  line-height: 20px;
}
.working-days{
  margin-top: 40px;
}
.working-title p{
  color: #28303F;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.working-title .work_flow{
  color: #687693;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}
.working-days-list{
  margin-top: 15px;
}
.workingday-btns-list{
  display: flex;
  padding:0;
  margin:0;
  flex-wrap: wrap;
  list-style: none;
}
.workingday-btns-list-item:not(:last-child){
  margin-right:20px;
  margin-bottom: 10px;
}
.custom-checkbtn-input{
  position: absolute;
  width:0;
  height: 0;
  visibility: hidden;
  display: none;
}
.custom-checkbtn-label{
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border: 1px solid #2E3B72;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  user-select: none;
  width: 180px;
}

.checkbtn-title{
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  color: #28303F;
  margin-top: 2px;
}
.checkbtn-title-leave{
  font-size: 14px !important;
}
.checkbtn-mark{
  width:18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid #28303F;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.checkbtn-mark i{
  opacity: 0;
  color: #ffffff;
  font-size: 10px;
  line-height: 9px;
}
.custom-checkbtn-input[type="checkbox"]:checked + label.custom-checkbtn-label{
  border-color: #002668;
  background-color: #DDE9FF;
}
.custom-checkbtn-input[type="checkbox"]:checked + label.custom-checkbtn-label .checkbtn-mark{
  background-color: #2068F3;
  border-color: #2068F3;
}
.custom-checkbtn-input[type="checkbox"]:checked + label.custom-checkbtn-label .checkbtn-mark i{
  opacity: 1;
}
.custom-checkbtn-input[type="checkbox"]:checked + label.custom-checkbtn-label .checkbtn-title{
  color: #2068F3;
}
.finance_reports_main{
  padding-top: 0;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

@media (min-width:320px) and (max-width:767px) {
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-left,
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-right{
    position: relative !important;
  }
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-left,
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-right,
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-left::after,
  .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-right::after{
    box-shadow: none !important;
  }
  .hcm-login-page-left{
    display: none;
  }
  .hcm-login-page-right{
    width: 100%;
  }
  .hcm-login-page-card-logo{
    margin-bottom: 30px;
  }
  .hcm-dashboard-title h3{
    font-size: 20px;
    margin-bottom: 0;
  }
  .hcm-dashboard-box-header-title{
    font-size: 16px;
    line-height: 26px;
  }
  .hcm-dashboard-box-header{
    display: flex;
    align-items: center;
  }
  .hcm-dashboard-box-header-link{
    white-space: nowrap;
  }
  .hcm-dashboard-card {
    margin-bottom: 10px;
  }
  .hcm-dashboard-box{
    margin-bottom: 20px;
    overflow-x: scroll !important;
  }
  .hcm-page-body #myTab{
    flex-wrap: nowrap;
    overflow-x: scroll !important;
  }
  .hcm-page-body #myTab .nav-item .nav-link span{
    white-space: nowrap;
  }
  .hcm-page-header-title{
    font-size:18px;
    line-height:28px;
  }
  .hcm-page-subheader-title{
    font-size: 16px;
    line-height: 26px;
  }
  .hcm-page-subheader{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .expandable-form-group{
    width: 100% !important;
  }
  .hcm-page-subheader-menu{
    display: flex;
    flex-wrap: wrap;
  }
  .hcm-btn-hasicon svg{
    margin-right: 0px !important;
  }
  .hcm-page-subheader-menu-item .hcm-btn .hcm-btn-text{
    display: none;
  }
  .hcm-page-subheader-menu-item:nth-child(1){
    margin-top: 0px !important;
  }
  div.dataTables_wrapper div.dataTables_paginate .pagination{
    overflow-x: scroll;
  }
  .page-org-height .oc-export-btn{
    top:25px !important;
    right: 10px !important;
  }
  .resignation-subheader{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .hcm-add-employee-wrapper{
    display: flex;
    flex-direction: column;
  }
  .hcm-add-employee-menu{
    width: 100%;
    padding-right: 0px;
    border: unset;
  }
  .hcm-add-employee-form{
    width: 100%;
    padding-left: 0px;
  }
  .hcm-add-employee-menu-list{
    display: flex;
    flex-direction: row;
    overflow-x: scroll !important;
    margin-bottom: 20px;
  }
  .hcm-add-employee-menu-item:after{
    background-color: unset !important;
  }
  .hcm-add-employee-menu-item span{
    white-space: nowrap;
  }
  .hcm-add-employee-menu-item{
    margin-bottom: 0px;
  }
  .hcm-component-table{
    width: 100%;
    overflow-x: scroll;
  }
  .waves-light .leaves{
    margin-right: 0px !important;
  }
  .hcm-subheader-back{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
 .create-job-content-title h4{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}
  .hcm-subheader-back-1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .hcm-page-subheader-title{
    font-size: 16px;
    line-height: 26px;
  }
  .hcm-job-posting-card-number-sm ul{
    display: flex;
    flex-direction: column;
  }
  .hcm-job-posting-card-number-sm li{
    width: 100% !important;
  }
  .hcm-job-posting-card-number-sm li:not(:first-child){
    margin-top: 10px;
  }
  .hcm-footer{
    position: unset !important;
  }
  .hcm-component-table .dataTables_wrapper .table tbody tr td,
  .hcm-component-table .dataTables_wrapper .table th{
      white-space: nowrap;
  }
  .form-floating-field .form-floating-field-label{
      white-space: normal;
  }
  .modal-full{
    width: calc(100% - 15px) !important;
  }
  .upload-files-list .upload-files-listbutton, .upload-files-list .upload-files-listbutton .MuiButtonBase-root{
    width: 100% !important;
  }
  .create-job-content-form-group .job_position_radio-tags-list{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .create-job-post-card{
    width: 100% !important;
  }
  .create-job-content-form-group .job_position_radio-tags-list li:not(:first-child){
    margin: 10px 0px 0px 0px;  
  }
  .create-job-content-form-group .job_position_radio-tags-list li{
    width: 100%;    
    text-align: center;
  }
  .create-job-content-form-group .job_position_radio-tags-list li label{
      width: 100%;    
  }

  /* Employee */
  .employee-hcm-dashboard-box-content{
    overflow-x: scroll;
    width: 100%;
  }
  .hcm-dashboard-box-leaves-table th, .hcm-dashboard-box-leaves-table td{
    white-space: nowrap;
  }
  .employee-hcm-dashboard-header-left h4{
    display: flex;
    flex-direction: column;
  }
  .employee-hcm-dashboard-header-left h4 span{
    font-size: 14px;
    line-height: 24px;
  }
  .employee-attendance{
    margin-top:0px !important;
  }
  .local_contact_ph_code-1 .form-floating-field-label{
    left: 05px !important;
  }
  .hcm-timesheet-controls{
    display: flex;
    flex-direction: column;
  }
  .fill-detailed-timesheet .modal-footer{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .fill-detailed-timesheet .modal-body{
    padding: 0px !important;
  }
  .peoplecard-title-left h3{
    font-size: 16px !important; 
    line-height: 26px !important;
  }
  .peoplecard-title-left p{
    font-size: 12px;
    line-height: 22px;
  }
  .custom-checkbtn-label{
    width: 200px;
  }
  .new_error_code .page_not_found{
      width: 200px;
  }
  .new_error_code h2{
   font-size: 25px !important;
  line-height: 35px !important;
   margin: 0px 0px 10px 0px;
  } 
  .new_error_code p{
    width: auto !important;
  }
  .employee_packages_details-box-item ul{
    display: flex;
    flex-direction: column;
  }
  .employee_packages_details-box ul li{
    width: auto;
  }
  .employee_packages_details-box ul li:not(:last-child){
    margin: 0px 0px 20px 0px !important;
  }
  .employee_packages_details-box ul li:last-child{
    margin: 0px !important;
  }
  .hcm-login-page-card-logo_sm{
    display: block !important;
  }
  .attendance_main .hcm-component-table table tr td{
    width:auto!important;
  }
  .attendance_main .attendance_table table tr th.sorting, .attendance_main .attendance_table table tr th.sorting_asc{
   position: unset !important;
  }
  .attendance_main .attendance_table table tr th.dtfc-fixed-right{
    position: relative;
    top: 0;
    left: 0;
    z-index: -99999;
  }
  .attendance_main .hcm-component-table table tr .dtfc-fixed-right{
    position: unset !important;
  }
  .attendance_main .hcm-component-table table tr td.sorting_1{
    position: unset !important;
  }
  .hcm-icon-select .select2-container{
    width: 20px !important;
  }
  .hcm-login-page-card-logo_sm{
    margin-bottom: 10px;
  }
  .hcm-login-page-card-logo_sm img{
    width: 70px !important;
  }
  .rate_calculator_config .hcm-page-subheader-menu .hcm-page-subheader-menu-item{
    margin-top: 10px !important;
  }
  .candidate_based_config ul{
    margin-top: 10px;
   }
   .employee-leaves .hcm-component-table .dataTables_wrapper .table tbody tr.odd td:nth-child(6){
    white-space: nowrap;
    word-break: normal;
   }
}
@media (min-width:378px) and (max-width:767px){
  /* .select2-container--open .select2-dropdown{
    top: 10px;
    left:-120px ;
  } */
  .sm-report-body{
    padding-top: 20px;
   }
   /* .add_employee_leaves .form-floating-field .select2-dropdown{
    left: 223px !important;
   } */

}
  @media (min-width:320px) and (max-width:378px) {
    .hcm-page-subheader-menu-item:nth-child(2){
      margin-top: 05px !important;
    }
    .payrun_hcm_content .hcm-page-subheader-menu-item:nth-child(3){
      margin-top: 05px !important;
    }
    .job-postion .hcm-page-subheader-menu-item:nth-child(3){
      margin-top: 05px !important;
    }
    .job-postion .hcm-page-subheader-menu-item:nth-child(4){
      margin-top: 05px !important;
    }
    .job-postion .hcm-page-subheader-menu-item:nth-child(5){
      margin-top: 05px !important;
    }
    .job-postion .hcm-page-subheader-menu-item:nth-child(6){
      margin-top: 05px !important;
    }
    .reports-list .hcm-page-subheader-menu-item:nth-child(2){
      margin-top: 05px !important;
    }
    .reports-list .hcm-page-subheader-menu-item:nth-child(3){
      margin-top: 05px !important;
    }
    .employee-management-hcm .hcm-page-subheader-menu-item:nth-child(3){
      margin-top: 05px !important;
    }
    .employee-management-hcm .hcm-page-subheader-menu-item:nth-child(4){
      margin-top: 05px !important;
    }
    .main-leave .hcm-page-subheader-menu-item:nth-child(3){
      margin-top: 05px !important;
    }
    .save-cancel-save-new{
      display: flex !important;
      flex-direction: column !important;
      margin-top:0px;
    }
    .save-cancel-save-new-1{
      margin-top: 20px !important;
    }
    .save-cancel-save-new a{
      margin: 0px 0px 10px 0px !important;
    }
    .save-cancel-save-new .save-1{
      margin:0px 0px 10px 0px !important;
    }
    .employee_compensation_1 ul li:nth-child(1){
      margin-top: 05px !important;
    }
    .employee_compensation_main .hcm-page-subheader-menu .hcm-page-subheader-menu-item:first-child{
      margin-left: 0 !important;
    }
    

  }
  @media (min-width:320px) and (max-width:348px) {
    .peoplecard-title{
      display: flex;
      flex-direction: column;
    }
    .peoplecard-title-right{
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      width: 100%;
    }
  }
  @media (min-width:320px) and (max-width:378px) {
    .employee_compensation_main ul li{
      margin-top: 5px !important;
    }

  }
  @media (min-width:320px) and (max-width:490px) {
    
    .save-cancel-save-new{
      display: flex !important;
      flex-direction: column !important;
      margin-top:0px;
    }
    .save-cancel-save-new-1{
      margin-top: 20px !important;
    }
    .save-cancel-save-new a{
      margin: 0px 0px 10px 0px !important;
    }
    .save-cancel-save-new .save-1{
      margin:0px 0px 10px 0px !important;
    }
    .save-cancel-save-new .edit_update_button{
      margin: 0px 0px 10px 0px !important;
    }
    .app-page-userform__cardbody {
      display: flex !important;
      flex-direction: column !important;
    }
    .app-page-userform__cardbody .MuiButtonBase-root.MuiButton-textPrimary{
      margin: 0px 0px 10px 0px !important;
    }
    #demo-simple-select{
      min-width: 120px !important;
    }
    .create-job-post-card-foot ul{
      display: flex !important;
      flex-direction: column !important;
      margin-top:0px;
    }
    .create-job-post-card-foot ul li{
      width: 100%;
      margin: 0px;
    }
    .create-job-post-card-foot ul li:not(:first-child){
      margin-top: 10px;
      
    }
    .create-job-post-card-foot ul li a, .create-job-post-card-foot ul li button{
      width: 100%;
    }
    .modal-dialog .modal-body .embed_code .embed_code_content xmp{
      word-break: break-all;
    }
    .modal-dialog .modal-body .embed_code .embed_code_content xmp{
      margin-top: 20px !important;
    }
    .submit_attendance{
      margin: 0px 0px 10px 0px !important;
    }
    .employee_compensation_main_save .hcm-btn-primary{
      margin: 0px 0px 10px 0px !important;
    }
  }

  @media (min-width:320px) and (max-width:533px) {

    .form-checkbox-field-options{
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
    }
    .form-checkbox-field-options li:not(:first-child){
      margin-top: 10px;
    }
  }
  @media (min-width:320px) and (max-width:600px) {
    
    .hcm-dashboard-check-log{
      display: flex;
      flex-direction: column;
    }
    .hcm-checkin.hcm-check-time{
      margin: 0px 0px 10px 0px !important;
    }
  }

    @media (min-width:480px) and (max-width:767px) {
      .attendance-subheader{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
      .hcm-subheader-back-2{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
      .employee_compensation_main ul li{
        margin-top: 5px !important;
      }
      
    }

    @media (min-width:379px) and (max-width:424px) {

      .hcm-page-subheader-menu-item:nth-child(2){
        margin-top: 0px !important;
      }
      .hcm-page-subheader-menu-item:nth-child(3){
        margin-top: 05px !important;
      }
      .hcm-page-subheader-menu-item:nth-child(4){
        margin-top: 05px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(3){
        margin-top: 0px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(4){
        margin-top: 05px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(5){
        margin-top: 05px !important;
      }
      .employee_compensation_1 ul li:nth-child(3){
        margin-top: 0px !important;
      }
      .employee_compensation_1 ul{
        margin-top: 05px;
      }
    }

    @media (min-width:425px) and (max-width:471px) {

      .hcm-page-subheader-menu-item:nth-child(2){
        margin-top: 0px !important;
      }
      .hcm-page-subheader-menu-item:nth-child(3){
        margin-top: 0px !important;
      }
      .hcm-page-subheader-menu-item:nth-child(4){
        margin-top: 05px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(3){
        margin-top: 0px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(4){
        margin-top: 0px !important;
      }
      .job-postion .hcm-page-subheader-menu-item:nth-child(5){
        margin-top: 05px !important;
      }
    }
    @media (min-width:378px) and (max-width:517px) {
      .job-postion .hcm-page-subheader-menu-item:nth-child(6){
        margin-top: 05px !important;
      }
    }

  @media (min-width:530px) and (max-width:767px) {
    .hcm-subheader-back-3{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }
  @media (min-width:536px) and (max-width:767px) {
    .hcm-subheader-back-4{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }  
  @media (min-width:320px) and (max-width:600px) {
    .hcm-checkin-btn{
      margin-top: 10px !important;
      margin-left: 0;
    }
    .hcm-check-time p{
      text-align: center;
    }
    .hcm-checkout.hcm-check-time{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
  @media (min-width:601px) and (max-width:767px) {
    .hcm-checkin-btn{
      margin-left: 10px !important;
    }
  }
  @media (min-width:768px) and (max-width:900px) {
    .hcm-dashboard-check-log{
      display: flex;
      flex-direction: column;
    }
    .hcm-check-time p{
      text-align: center;
    }
    .hcm-checkin-btn{
      margin-top: 10px !important;
      margin-left: 0;
    }
    .hcm-checkout.hcm-check-time{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
@media (min-width:768px) and (max-width:991px) {
  .hcm-login-page-card-logo_sm{
    display: block !important;
  }
  .hcm-login-page-left{
    display: none;
  }
  .hcm-login-page-right{
    width: 100%;
  }
  .hcm-login-page-card-logo{
    margin-bottom: 30px;
  }
  .hcm-dashboard-title h3{
    font-size: 20px;
  }
  .hcm-dashboard-card {
    margin-bottom: 10px;
  }
  .hcm-dashboard-box-header-link{
    white-space: nowrap;
  }
  .hcm-dashboard-box{
    overflow-x: scroll;
  }
  .hcm-page-subheader-menu-item .hcm-btn .hcm-btn-text{
    white-space: nowrap;
  }
  .create-job-content-title h4{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .hcm-page-subheader-title{
    font-size: 16px;
    line-height: 26px;
  }
  .hcm-page-subheader-title{
    font-size: 16px;
    line-height: 26px;
  }
  .hcm-component-table .dataTables_wrapper .table tbody tr td,
  .hcm-component-table .dataTables_wrapper .table th{
      white-space: nowrap;
  }
  .upload-files-list .upload-files-listbutton, .upload-files-list .upload-files-listbutton .MuiButtonBase-root{
    width: 100% !important;
  }
  .iti.iti--allow-dropdown.iti--separate-dial-code ~ .form-floating-field-label{
    white-space: normal !important;
  }
  /* Employee */
  .local_contact_ph_code-1 .form-floating-field-label{
    left: 05px !important;
  }
  .peoplecard-title-left h3{
    font-size: 16px !important; 
    line-height: 26px !important;
  }
  .peoplecard-title-left p{
    font-size: 12px;
    line-height: 22px;
  }
  .sorting_1{
    position: relative;
    z-index: -999;
  }
  /* .dtfc-fixed-left{
    position: relative !important;
    z-index: 9999 !important;
  }
  .dataTables_scrollBody .odd, .dataTables_scrollBody .even{
    z-index: -99999;
  }
  .dataTables_scrollBody .odd:last-child, .dataTables_scrollBody .even:last-child{
    z-index: 99999 !important;
  } */
  .hcm-login-page-card-logo_sm{
    margin-bottom: 10px;
  }
  .hcm-login-page-card-logo_sm img{
    width: 70px !important;
  }
  .hcm-component-table{
    width: 100%;
    overflow-x: scroll;
  }
  .employee_dashboard .hcm-dashboard-box-notification-content{
    max-height: auto;
  }
}
  @media (min-width:768px) and (max-width:780px) {
    .local_contact_ph_code-1 .form-floating-field-label{
      left: 05px !important;
    }
  }
  @media (min-width:768px) and (max-width:890px) {
    .peoplecard-title {
      display: flex;
      flex-direction: column;
    }
    .peoplecard-title-right{
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      width: 100%;
    }
  }
  @media (min-width:768px) and (max-width:1300px) {

  }
  @media (min-width:992px) and (max-width:1250px) {
    .employee_packages_details-box ul li{
      width: auto;
    }
    .employee_packages_details-box-item ul{
      display: flex;
      flex-wrap: nowrap;
      overflow-x: scroll;
    }
    .employee_packages_details-box ul li:nth-child(4){
      margin-right: 30px !important;
    }
    .employee_packages_details-box-item ul li:last-child{
      margin: 0px 0px 0px 0px;
    }
    /* .dtfc-fixed-left{
      position: relative;
      z-index: 9999;
    } */
    .hcm-component-table{
      width: 100%;
      overflow-x: scroll;
    }
  }
  @media (min-width:992px) and (max-width:1250px) {
  .local_contact_ph_code-1 .form-floating-field-label{
      left: 05px !important;
  }
  .employee-hcm-dashboard-box-content {
    overflow-x: scroll;
    width: 100%;
  }
  .login-vector{
    width: 100%;
    max-height: 452px;
  }
  }
  @media (min-width:992px) and (max-width:1299px) {
    .hcm-component-table .dataTables_wrapper .table tbody tr td,
    .hcm-component-table .dataTables_wrapper .table th{
        white-space: nowrap;
  }
  }
  @media (min-width:1251px) and (max-width:1399px){
    .login-vector{
      width: 100%;
      max-height: 467px;
      top: 53%;
    }
    }
  .new_error_code{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .new_error_code img{
    margin-bottom: 40px;
    position: relative;
  }
  .new_error_code h2{
    color: #28303F;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    margin: 0px 0px 10px 0px;
  } 
  .new_error_code p{
    color: #687693;
    text-align: center;
    font-size: 20px;
    font-family: 'Objectivity'!important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0px 0px 0px 0px;
    width: 700px;
  } 
  .new_error_code_button{
    margin-top: 30px;
  }
  .new_error_code_button a{
    background: #2068F3 !important;
    border-radius: unset !important;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 10px 20px;
    color:  #FFF;
}
.new_error_code_button a:hover{
  color:  #FFF;
}
.new_error_code_button a img{
  margin: -4px 05px 0px 0px;
}
.attendance-subheader #datatable td .btn{
  font-family: 'Objectivity' !important;
}
.login_play_app_store{
  margin-top: 80px;
}
.login_play_app_store .app_store{
  margin-right: 10px;
}
.login_play_terms_privacy{
  margin-top: 15px;
}
.login_play_app_store p{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: hsla(0, 0%, 63%, 1);
  margin: 0;
}
.login_play_app_store p a{
  color: #2068F3;
}
.hcm-login-page-card-logo_sm{
  width: 100%;
  display: none;
}
.hcm-login-page-card-logo_sm img{
  width: 120px;
}
.attendance_main .hcm-component-table table tr td{
  width: 33.3% !important;
}
/* .attendance_main .attendance_table table tr th.sorting, .attendance_main .attendance_table table tr th.sorting_asc{
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 999 !important;
} */
.attendance_main .attendance_table table tr th.dtfc-fixed-right{
  position: unset !important;
  z-index: -99999;
}
.attendance_main .hcm-component-table table tr .dtfc-fixed-right{
  position: unset !important;
}
/* .attendance_main .hcm-component-table table tr td.sorting_1{
  position: sticky !important;
  top: 0;
  left: 0;
} */
.attendance_list_info{
  margin-bottom: 40px;
}
.attendance_list_info ul{
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}
.attendance_list_info ul li:not(:first-child){
  margin-left: 40px;
}
.attendance_list_info ul li{
  list-style: none;
}
.attendance_list_info ul .o{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #EF4938;
  cursor: pointer;
  position: relative;
  border-radius: 50px;
}
.attendance_list_info ul .o::before{
  content: '';
  position: absolute;
  background-color: rgb(239 73 56);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.attendance_list_info ul .p{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #459D53 !important;
  cursor: pointer;
  position: relative;
}
.attendance_list_info ul .p::before{
  content: '';
  position: absolute;
  background-color: rgb(69 157 83);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.attendance_list_info ul .h{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #0066FF !important;
  cursor: pointer;
  position: relative;
}
.attendance_list_info ul .h::before{
  content: '';
  position: absolute;
  background-color: rgb(0 102 255);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.attendance_list_info ul .wfh{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #f8b425 !important;
  cursor: pointer;
  position: relative;
}
.attendance_list_info ul .wfh::before{
  content: '';
  position: absolute;
  background-color:rgb(248 180 37) !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.attendance_list_info ul .rd{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color: #2c2c2c96 !important;
  cursor: pointer;
  position: relative;
}
.attendance_list_info ul .rd::before{
  content: '';
  position: absolute;
  background-color:rgb(44 44 44 / 59%) !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.attendance_list_info ul .l{
  font-size: 15px;
  line-height: 25px;
  font-weight: 500;
  color:#FF7A00 !important;
  cursor: pointer;
  position: relative;
}
.attendance_list_info ul .l::before{
  content: '';
  position: absolute;
  background-color:rgb(255 122 0);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 5px;
  left: -15px;
}
.job-postion .hcm-page-subheader-menu .hcm-page-subheader-menu-item .embed .embed_button{
  border: 1px solid #28303F;
    background: #FFF;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.job-postion .hcm-page-subheader-menu .hcm-page-subheader-menu-item .embed .embed_button:hover{
  background-color: #DDE9FF;
  border-color: #2068F3;
}
.job-postion .hcm-page-subheader-menu .hcm-page-subheader-menu-item .embed .embed_button:hover img{
  filter: unset;
}
.job-postion .hcm-page-subheader-menu .hcm-page-subheader-menu-item .embed .embed_button img{
  width: 20px !important;
  filter: grayscale();
}
.job-postion .hcm-page-subheader-menu .hcm-page-subheader-menu-item .embed .embed_button img:hover{
  filter: unset;
}
.modal-dialog .emded_head .modal-header h5{
  color: #242424;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0px 0px 0px 0px;
}
.modal-dialog .modal-body .embed_code .embed_code_content{
  background-color: #DDE9FF;
  padding: 10px;
  border-radius: 4px;
  position: relative;
}
.modal-dialog .modal-body .embed_code .embed_code_content .copy_embed{
  position: absolute;
  top: 5px;
  right: 5px;

}
.modal-dialog .modal-body .embed_code .embed_code_content .copy_embed button{
  border: unset;
  background-color: unset;
}
.modal-dialog .modal-body .embed_code .embed_code_content .copy_embed button img{
  width: 20px !important;
}
.embed_code_content_2{
  margin-top: 20px;
}
.modal-dialog .modal-body .embed_code .embed_code_content xmp{
  font-size: 12px;
  white-space: normal;
}
.embed_code p{
  color: #28303F;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin: 0px 0px 2px 0px;
}
.div-timesheet-approved-btn_emp_id_172 a:hover{
  color:  #fff;
}
.office_timings{
  display: flex;
  align-items: center;
}
.office_timings_list h3{
  color:#28303F;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
}
.office_timings_field{
  display: flex;
  align-items: center;
}
.office_timings_field input{
  cursor: pointer;
}
.office_timings_field_list{
  padding: 05px 10px;
  display: flex;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
  background-color: #DDE9FF;
  border-radius: 3px;
}
.office_timings_field label{
  color:#28303F;
  font-size: 12px;
  line-height: 22px;
  font-weight: 600;
  margin: 0px 0px 0px 05px !important;
  cursor: pointer;
  color: #2068F3;
}
.next_button_cadidate_profile{
  display: flex;
  justify-content: flex-end;
}
.next_button_cadidate_profile .hcm-btn-save{
  padding: 10px 20px;
}
.resignation_table .hcm-component-table table tr td select{
  font-family: 'Objectivity',sans-serif;
  padding: 10px 0px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  border: 1px solid #f1f6fd;
}
.resignation_table .hcm-component-table table tr td select:focus-visible{
  outline: unset !important;
}
.resignation_table .hcm-component-table table tr td select option{
  font-family: 'Objectivity',sans-serif;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
}

.resignation_modal_pop_up .modal-footer .hcm-btn-primary{
  padding: 5px 20px;
  border-radius: unset !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.resignation_modal_pop_up .modal-footer .hcm-btn-primary:hover{
  background-color: #2068F3;
}
.resignation_modal_pop_up .modal-footer .hcm-btn-primary:focus{
  box-shadow: unset;
}
.resignation_modal_pop_up .modal-footer .hcm-btn-danger{
  padding: 5px 20px;
  border-radius: unset !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}
.resignation_modal_pop_up .modal-footer .hcm-btn-danger:focus{
  background: #EB5757;
  border-color: #EB5757;
  color: #ffffff;
  box-shadow: unset !important;
}
.div-emails-existed_2{
  margin-top: 0px;
}
.div-emails-existed_2 p{
  color: #28303F;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin: 0px 0px 05px 0px;
}
.div-emails-existed_2 .consumer{
  margin-right: 10px;
}
.div-emails-existed_2 span{
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  position: relative;
  top: -2px;
  left: 2px;
}
.add_payrun .form-bs-multi-select .multiselect-container.dropdown-menu{
  height: 330px !important;
  overflow-y: scroll !important;  
}
.configuration_support_menu a{
  border-color: #2068F3;
  color: #FFF;
  background-color: #2068F3;
  font-weight: 500;
  border: 2px solid #2068F3;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
  border-radius: 3px;
}
.dashboard-header{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
}
.create_teamplate_modal .modal-content{
  height: 500px;
  overflow-y: scroll;
}
/* .employee-management-hcm .hcm-dropdown-icon .dropdown-menu {
  left: -44px !important;
  top: 36px !important;
} */
.hcm-component-table .submit_finance{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.profile_status_main{
  padding:10px 20px 20px 20px !important;
}
.profile_status_main_content{
  background-color:#DDE9FF;
  padding: 10px;
  border-radius: 4px;
}
.profile_status_main_content h3 , .leaves_details h3{
  color: #2C2C2C;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
}
.profile_status_main_content ul{
  margin: 20px 0px 0px 0px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile_status_main_content ul li{
  color: #2068F3;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  list-style: none;
  margin-bottom: 10px;
  width: 33.3%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items:flex-start;
}
.profile_status_main_content ul li span{
  width: 100%;
}
.profile_status_main_content ul li .progress{
  width: 100% !important;
  margin-top: 10px !important;
  height: 13px !important;
  border-radius: 4px !important;
}
.profile_status_main_content ul li .progress-bar{
  background-color: #0066FF;
}
.profile_status_main_content ul li:nth-child(2){
  margin-left: 15px;
}
.profile_status_main_content ul li:nth-child(3){
  margin-left: 15px;
}
.add_payrun_modal .modal-body ul{
  padding: 0px 0px 0px 10px;
}
.add_payrun_modal .modal-body ul li{
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
}
.add_payrun_modal .modal-body ul li:not(:last-child){
  margin-bottom: 10px;
}
.xlsx_form_field{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 45px !important;
}
.xlsx_form_field input{
  width: 40px;
  height: 20px;
}
.xlsx_form_field label{
  margin-bottom: 10px;
  top: -20px !important;
  left: 4px;
}
.attendance_table .dataTables_wrapper .table th:nth-child(1){
  text-align: left;
}
.attendance_table .dataTables_wrapper .table td:nth-child(1){
  text-align: left;
}
.attendance_table .dataTables_wrapper .table th{
  text-align: center !important;
}
.attendance_table .dataTables_wrapper .table td{
  text-align: center !important;
}
.working-title h3{
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #28303F;
  margin: 20px 0px 0px 0px;
}
.leave_policies{
  padding: 20px;
  margin-top: 20px;
}
.main_import_employees .alert-info{
  padding: 20px;
  background-color: #dde9ff;
}
.main_import_employees .alert-info h2{
  font-size: 20px;
  line-height: 30px;
  color: #28303F;
  margin-bottom: 10px;
}
.main_import_employees .alert-info ul{
  padding: 0 0 0 15px;
}
.main_import_employees .alert-info ul li{
  color: #5b626b;
  font-size: 14px;
  line-height: 24px;
}
.main_import_employees .alert-info ul li:not(:first-child){
  margin-top: 10px;
}
.main_import_employees .alert-info h6{
  color: #28303F;
}
.main_import_employees .alert-info span b{
  color: #5b626b;
}
.employee_import_form .col-form-label{
  color: #28303F;
  font-weight: 600;
}
.employee_import_form option{
  white-space: normal !important;
}
/* .attendance_main .hcm-component-table.attendance_table table tr td:nth-child(1){
  position: sticky !important;
  top: 0;
  left: 0;
  width: 120px !important;
}
.attendance_main .hcm-component-table.attendance_table table tr th:nth-child(1){
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 120px !important;
}
.attendance_main .hcm-component-table.attendance_table table tr td:nth-child(2){
  position: sticky !important;
  top: 0;
  left: 0;
  width: 120px !important;
}
.attendance_main .hcm-component-table.attendance_table table tr th:nth-child(2){
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  width: 120px !important;
}
.attendance_main .hcm-component-table.attendance_table table tr th:nth-child(2){
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9999999 !important;
  width: 120px !important;
} */
 .hcm-component-table.template_documents .table tbody tr td .btn-danger {
  width: 100% !important;
  max-width: 150px;
 }
 .attendance_admin{
  margin: 0 !important;
 }
 .notification_main .hcm-component-table .dataTables_wrapper .table .dtfc-fixed-right{
  position: relative !important;
  box-shadow: unset !important;
}
.notification_main .hcm-component-table .dataTables_wrapper .table td.dtfc-fixed-right:after{
  box-shadow: unset !important;
}
/* .esign-draw-canvas{
} */
.esign-draw-canvas canvas{
  width: 375px;
  height: 152px;
  text-align: center;
  color: #000000;
  font-size: 46px;
  border: 1px solid #ced4da !important;
  border-radius: .25rem;
}
.work_orders .hcm-component-table .table .dtfc-fixed-right{
  position: relative !important;
  box-shadow: unset !important;
}
.work_orders .hcm-component-table .table .dtfc-fixed-right::after{
  box-shadow: unset !important;
}
.work_orders .hcm-component-table .table tr th{
  text-align: center !important;
}
.work_orders .hcm-component-table .table tr td{
  text-align: center !important;
}
.tox .tox-menu{
  background-color: #FFF !important;
}
.tox .tox-edit-area__iframe,
.tox .tox-dialog{
  background-color:#fff !important;
}
.hcm-table-btn-progress{
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: #2068F3;
  border:0;
  box-shadow: none;
  outline: 0;
  width: 100%;
  max-width: 150px;
  border-radius: 4px;
}
.hcm-table-btn-progress:hover{
  color: #FFF;
}
.employee-leaves .hcm-component-table table th{
  white-space: nowrap;
}
.employee-leaves .hcm-component-table .dataTables_wrapper .table tbody tr td{
  white-space: nowrap;
}
.employee-leaves .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(6){
  word-break: break-all !important;
  white-space: normal !important;
}
.employee-leaves .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(5){
  word-break: break-all !important;
  white-space: normal !important;
}
.employee_leaves_list .hcm-component-table .dataTables_wrapper .table  tr th:nth-child(7){
  width: 200px !important;
}
.employee_leaves_list .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(7){
  width: 200px !important;
  word-break: break-all !important;
  white-space: normal !important;
}
.regularization .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(3){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.regularization .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(3){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.regularization .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(5){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.regularization .hcm-component-table .dataTables_wrapper .table tr th:nth-child(5){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.employee_regularization .hcm-component-table .dataTables_wrapper .table tr th:nth-child(4){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.employee_regularization .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(4){
  word-break: break-all !important;
  white-space: normal !important;
  width: 300px;
}
.addpayrun_employee .parsley-errors-list.filled{
  position: absolute;
  bottom: -45px;
}
.action-type .select2 .select2-search{
  display: none;
}
.leaves-type-table .delete-btn{
  padding: 0 !important;
}
.leaves-type-table .delete-btn:focus{
  box-shadow: unset !important;
}
.employee_dashboard .hcm-dashboard-box-notification-content{
    max-height: 310px;
    overflow-y: auto;
}
.setting-new .hcm-btn{
  cursor: pointer !important;
}
.claims_main .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(8){
  white-space: normal !important;
  line-height: 18px;
}
.claims_main .hcm-component-table .dataTables_wrapper .table tr th:nth-child(8){
  white-space: normal !important;
  text-align: center;
}
.claims_main #rejected .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(10){
  white-space: normal !important;
  line-height: 18px;
}
.claims_main #rejected .hcm-component-table .dataTables_wrapper .table tr th:nth-child(10){
  white-space: normal !important;
  text-align: center;
}

.employee_claims_main .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(7){
  word-break: break-all !important;
  white-space: normal !important;
}
.resignation_modal .modal-body{
  word-break: break-all !important;
  white-space: normal !important;
}
.employee_leaves_list .hcm-component-table .dataTables_wrapper .table tbody tr td{
  white-space: nowrap;
}
.employee_leaves_list .hcm-component-table .dataTables_wrapper .table tr th{
  white-space: nowrap;
}
.employee_leaves_list .hcm-component-table .dataTables_wrapper .table tbody tr td:nth-child(6){
  white-space: normal !important;
  word-break: break-all !important;
}












@media (min-width:320px) and (max-width:767px) {
  .attendance_end_date{
    margin-top: 10px;
  }
  #allAddLeaves .save-cancel-save-new .hcm-btn-danger{
    margin: 0 0 5px 0 !important;
  }
  .office_timings{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .profile_status_main_content ul{
    margin: 0px 0px 10px 0px  !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .profile_status_main_content ul li{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px 0px 0px 0px !important;
  }
  .profile_status_main_content ul li span{
    width: 100%;
  }
  .profile_status_main_content ul li .progress{
    width: 100% !important;
    margin: 10px 0px 0px 0px !important;
  }
  .profile_status_main_content ul li:nth-child(2){
    margin-left: 0 !important;
  }
  .main_import_employees .alert-info h2{
    font-size: 18px;
    line-height: 26px;
    color: #28303F;
    margin-bottom: 10px;
  }
  .office_timings_field_list{
    margin-left: 0;
    margin-top: 5px;
  }
  .new_form_file_upload .form-control{
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
   .attendance_main .hcm-component-table.attendance_table table tr th:nth-child(2){
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    z-index: unset !important;
    width: 120px !important;
  }
  .hcm-sidebar-menu-options {
    height: calc(100vh - 258px);
}
}
@media (min-width:320px) and (max-width:499px) {
  .attendance_list_info ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .attendance_list_info ul li:not(:first-child){
    margin: 10px 0px 0px 0px !important;
  }
  .save-cancel-save-new .submit_1{
    margin: 0px 0px 10px 0px !important;
  }
  .new_form_file_upload .filestyle{
    width: 0 !important;
  }

  
}
@media (min-width:500px) and (max-width:767px) {
  .profile_status_main_content ul{
    display: flex;
    flex-wrap: wrap !important;
    flex-direction: row;
  }
  .profile_status_main_content ul li{
    width: 50% !important;
  }
   .profile_status_main_content ul li:nth-child(2){
    margin-left: 10px !important;
    width: 47% !important;
   }
}
@media (min-width:500px) and (max-width:830px) {
  .attendance_list_info{
    overflow-x: scroll;
    margin-bottom: 20px;
  }
  .attendance_list_info ul{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .attendance_list_info ul li:not(:first-child){
    margin: 0px 0px 10px 30px !important;
  }
  .attendance_list_info ul li span{
    white-space: nowrap;
  }

}
@media (min-width:320px) and (max-width:575px) {
  .attendance_sm_mb{
    margin-top: 25px !important;
  }
}

@media (min-width:320px) and (max-width:991px) {
  .timesheet_employee_client{
    width: 100%;
    overflow-x: scroll;
  }
  
}
@media (min-width:320px) and (max-width:1199px) {
  .hcm-login-page-card{
    margin: 0;
  }
  .login_play_app_store{
    margin-top: 40px;
  }
  .attendance_admin{
    margin: 16px 0px 0px 0px !important;
   }

}
@media (min-width:320px) and (max-width:1400px) {

  .employee_profile .hcm-dropdown-icon.hcm-table-actions-db .dropdown-menu.show{
      z-index: 999999;
      position: relative;
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .profile_status_main_content ul{
    margin: 20px 0px 0px 0px  !important;
  }
  .profile_status_main_content ul li{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;   
    margin: 0px 0px 0px 0px !important;
  }
  .profile_status_main_content ul li span{
    width: 100%;
  }
  .profile_status_main_content ul li .progress{
    width: 100% !important;
    margin: 10px 0px 0px 0px !important;
  }
  .profile_status_main_content ul li:nth-child(2){
    margin:0px 10px 0px 10px !important;
  }
}

@media (min-width:992px) and (max-width:1270px) {
  .payroll_main .hcm-page-body .form-floating-field_2{
    overflow: visible !important;
  }
  .form-floating-field{
    overflow: hidden;
  }
  .form-floating-field-label{
    font-size: 12px !important;
  }
  .form-floating-field-input:focus ~ .form-floating-field-label, .form-floating-field-input:not(:placeholder-shown) ~ .form-floating-field-label, .form-floating-field .select2.select2-container:has(.select2-selection__rendered[title]) ~ .form-floating-field-label, .form-floating-field .select2.select2-container:has(.select2-selection__rendered .select2-selection__choice) ~ .form-floating-field-label, .form-floating-field .select2.select2-container.select2-container--focus ~ .form-floating-field-label, .form-floating-field .bootstrap-tagsinput.focus ~ .form-floating-field-label, .form-floating-field .Zebra_DatePicker_Icon_Wrapper:has(.form-floating-field-input:not(:placeholder-shown)) ~ .form-floating-field-label{
    top: -2px !important;
    left: auto;
  }
  .iti.iti--allow-dropdown.iti--separate-dial-code:has(.form-floating-field-input:focus) ~ .form-floating-field-label, .iti.iti--allow-dropdown.iti--separate-dial-code:has(.form-floating-field-input:not(:placeholder-shown)) ~ .form-floating-field-label{
    left: auto;
    top: -3px !important;
  }
  .tab-content .address_feild .form-floating-field-label{
      top: -3px !important;
      left: auto;  
  }
  .tab-content .work_link .form-floating-field-label{
    top: -3px !important;
    left: auto;
  }
  .xlsx_form_field{
    overflow: visible !important;
    margin-top: 0;
  }
  .xlsx_form_field .form-floating-field-label{
    top: -6px !important;
  }
  .xlsx_form_field input{
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -7px;
  }

}
@media (min-width:320px) and (max-width:599px) {
  .dashboard-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .configuration_support_menu{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
  }  
  .configuration_support_menu a{
    padding: 05px 20px;
    text-align: center;

  }
  .configuration_support_menu .config{
    margin-bottom: 05px;
  }
}
@media (min-width:600px) and (max-width:767px) {
  .hcm-dashboard-header-left p{
    width: 305px;
  }
  .configuration_support_menu a{
    padding: 05px 20px;
    text-align: center;
  }
  .configuration_support_menu .config{
    margin-bottom: 5px;
  }
  .configuration_support_menu{
    display: flex;
    flex-direction: column;
  }
  
}
@media (min-width:768px) and (max-width:1010px) {
  .hcm-dashboard-header-left p{
    width: 305px;
  }

}
@media (min-width:1300px) and (max-width:1600px) {
  .employee_notification .hcm-component-table .table tbody tr td:nth-child(3){
    white-space: nowrap;
  }
  .employee_notification .hcm-component-table .table tbody tr td:nth-child(4){
    word-break: break-all;
  }
  .employee_notification .hcm-component-table .table tbody tr td:nth-child(5){
    word-break: break-all;
  }


}
@media (min-width:768px) and (max-width:1450px) {
  .employee_management_hcm_table .dataTable th:nth-child(1){
    position: unset !important;
  }
  .employee_management_hcm_table .dataTable td:nth-child(1){
    position: unset !important;
  }
  .employee_management_hcm_table .dataTable th:last-child{
    position: unset !important;
  }
  .employee_management_hcm_table .dataTable td:last-child{
    position: unset !important;
  }
  .employee_management_hcm_table .table td.dtfc-fixed-left:after{
    box-shadow: unset !important;
  }
  .hcm-component-table .dataTables_wrapper .table td.dtfc-fixed-right:after{
    box-shadow: unset  !important;
  }
}