html {
  line-height: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  background-color: #f5f5f5;
  overflow-x: hidden;
}
html,
body {
  width: 100%;
}

body:before,
body:after {
  content: none !important;
}

a,
input[type="submit"],
input[type="button"],
.btn,
button {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../img/select-angle.svg) !important;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: top 50% right 15px;
  z-index: 9;
}
input {
  box-shadow: none;
  outline: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
section {
  clear: both;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
}

a:hover,
a:focus {
  text-decoration: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
}

b,
strong {
  font-weight: 700 !important;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  max-width: 100%;
  vertical-align: top;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Poppins", sans-serif;
  font-size: 100%;
  line-height: normal;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  outline: none;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  font-family: "Poppins", sans-serif;
}

p {
  color: #363636;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.2px;
  font-family: "Poppins", sans-serif;
}

/* header css starts here */
.header {
  box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: #fff;
}
.header .toggle-wrap {
  display: flex;
  align-items: center;
}
.header .cstm-toggle {
  background: #fd4f00;
  height: 89px;
  width: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header .logo {
  margin-left: 15px;
}
span.toggle-line {
  background: #fff;
  width: 30px;
  height: 3px;
  border-radius: 100px;
  position: relative;
  display: block;
}
span.toggle-line::before {
  position: absolute;
  content: "";
  width: 42px;
  height: 3px;
  background-color: #fff;
  top: -15px;
  left: 0;
  border-radius: 100px;
   -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
}
span.toggle-line::after {
  position: absolute;
  content: "";
  width: 42px;
  height: 3px;
  background-color: #fff;
  bottom: -15px;
  left: 0;
  border-radius: 100px;
   -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
}
.header .inner-wrap {
  height: 50px;
  width: 50px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
}
ul.navbar.top-header-list .profile-drop.show {
  right: 15px !important;
  left: unset !important;
}
a.open_nav {
  background: #fd4f00 !important;
}
a.open_nav p {
  color: #fff !important;
}
a.open_nav img {
  filter: invert(1) brightness(2);
}
.top-header-list {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  background: #fff;
  padding: 0;
  height: 89px;
}
.top-header-list figure {
  width: 62px;
  height: 62px;
  display: inline-block;
  margin-right: 15px;
}
.top-header-list a#navbarDropdown {
  display: flex;
  align-items: center;
}
.top-header-list li {
  margin-right: 20px;
  position: relative;
}
/* .top-header-list li:last-child {
  margin-right: 0;
} */
.top-header-list li .search-input {
  width: 413px !important;
  height: 58px;
  border-radius: 10px;
  border-color: #c9c9c9;
  padding-left: 50px;
  position: relative;
  font-size: 22px;
  font-weight: 300;
}
.top-header-list form {
  position: relative;
}
.top-header-list img.serch-icon {
  position: absolute;
  left: 15px;
}
.top-header-list li a#navbarDropdown figure {
  height: 62px;
  width: 62px;
  border-radius: 100px;
}
.top-header-list .dropdown-item.active,
.top-header-list .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #fd4f00;
}
.top-header-list li a#navbarDropdown p {
  font-size: 18px;
  color: #202020;
  padding-left: 10px;
}
.top-header-list li .profile-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.4em solid #fd4f00;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
  top: 2px !important;
  position: relative;
}
a.nav-link.dropdown-toggle.bell-icon::after {
  display: none !important;
}
a.nav-link.dropdown-toggle.bell-icon {
  padding: 0;
}
.top-header-list li a.bell-icon {
  position: relative;
  display: block;
}
.top-header-list li a.bell-icon img.cstm-bell {
  height: 28px;
  width: 28px;
  position: relative;
}
.top-header-list li a.bell-icon span.count {
  height: 14px;
  width: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fd4f00;
  color: #fff;
  border-radius: 100px;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 0;
}


a.bell-icon.remove-icon  span.count
{
  display:none!important;
}
ul.navbar.top-header-list .popup .content ul li {
  border-bottom: 1px solid #c1c1c1;
  position: relative;
}
ul.navbar.top-header-list .popup .content ul li.latest-notification {
  font-weight: 500;
  color: #000;
}
ul.navbar.top-header-list .popup .content ul li:last-child {
  border:none;
}
ul.navbar.top-header-list .popup .content ul li::after {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  left: -6px;
  top: 12px;
  border-radius: 100px;
  background: #fd4f00;
}
ul.inner-drop-list li a:hover {
  color: #fd4f00;
}
ul.navbar.top-header-list .dropdown-item {
  border-bottom: 1px solid #d9d9d9;
}
ul.navbar.top-header-list .dropdown-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
ul.navbar.top-header-list .dropdown-item:last-child {
  border: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
ul.navbar.top-header-list .popup {
  position: absolute;
  top: 130%;
  right: -10px;
  width: 450px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  display: none;
}
ul.navbar.top-header-list .popup .title {
  text-align: center;
  font-size: 20px;
  padding: 15px;
  border-bottom: 1px solid #eaeaea;
  font-weight: 500;
  color: #363636;
}
ul.navbar.top-header-list .popup .content {
  padding: 15px;
  font-size: 15px;
  color: #757575;
  height: 190px;
  overflow-y: auto;
}
ul.navbar.top-header-list .popup .see_all {
  text-align: center;
  padding: 15px;
  border-top: 1px solid #eaeaea;
  font-size: 18px;
}
ul.navbar.top-header-list .popup::after {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  position: absolute;
  top: -8px;
  right: 16px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}
ul.navbar.top-header-list .popup .content ul li {
  line-height: 24px;
  padding: 5px 0 5px 10px;
  font-size: 16px;
  font-weight: 300;
}
ul.navbar.top-header-list .popup a {
  color: #fd4f00;
}

/* side bar css */
.side-bar {
  width: 320px;
  min-height: 100%;
  /* transition: all .3s ease-in-out; */
  /* -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out; */
  box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
  position: fixed;
  padding-top: 89px;
  background: #fff;
  overflow-y: auto;
  height: 100%;
}

.side-bar ul.cstm-menu li.nav-list > a::after {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
}
.side-bar ul.cstm-menu li > a::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.side-bar ul.cstm-menu {
  padding: 28px 20px;
  display: flex;
  flex-direction: column;
}
ul.cstm-menu > li > a {
  background: #efefef;
  margin-bottom: 15px;
  padding: 15px 25px;
  border-radius: 50px;
  color: #202020;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
  /* transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out; */
  position: relative;
}
ul.cstm-menu > li > a > p {
  font-size: 14px;
  font-weight: 400;
  color: #202020;
}
ul.cstm-menu > li > a::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  right: 24px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 22px;
}
ul.cstm-menu > li.active > a::after,
ul.cstm-menu > li > a:hover::after {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
ul.cstm-menu > li > a:hover > p,
ul.cstm-menu > li.active > a > p {
  color: white !important;
}
ul.cstm-menu > li > a.open_nav::after {
  /* transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg); */
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
ul.cstm-menu > li > a:hover,
ul.cstm-menu > li.active > a {
  background: #fd4f00;
  color: #fff;
}
ul.cstm-menu > li > a:hover img,
ul.cstm-menu > li.active > a img {
  filter: invert(1) brightness(2);
}

ul.cstm-menu > li img {
  margin-right: 15px;
}
.drop-menu {
  display: none;
}
ul.inner-drop-list {
  display: flex;
  flex-direction: column;
}

ul.inner-drop-list {
  display: flex;
  flex-direction: column;
  margin: 0 40px;
  border-left: 2px solid #aaaaaa;
  margin-bottom: 20px;
}
ul.inner-drop-list li a {
  background: transparent;
  margin-bottom: 0;
  padding: 5px 0px 5px 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  color: #aaaaaa;
  cursor: pointer;
  text-transform: capitalize;
}
ul.inner-drop-list li.active a {
  color: #fd4f00;
}

/* content wrap starts here */
.content-wrap {
  margin-left: 320px;
  padding-top: 89px;
  /* transition: all .3s ease-in-out; */
  /* -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out; */
}
.cstm-row {
  margin: 0;
}
.employee-content {
  height: 100%;
}
.actions-wrap {
  height: 100%;
  border-left: 1px solid #c9c9c9;
  padding: 40px 35px;
  background: #fff;
}
.actions-wrap .sub-heading {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.actions-wrap .sub-heading h2,
.leave-heading {
  font-size: 24px;
  font-weight: 500;
  color: #363636;
  margin-left: 20px;
}
.leave-heading {
  margin-left: 0;
  line-height: 34px;
  margin-bottom: 10px;
}
.actions-wrap table {
  border: 1px solid #dee2e6;
  margin-bottom: 35px;
}
.actions-wrap table th {
  font-weight: 500;
}
.actions-wrap .table th {
  background-color: #f5f5f5;
  color: #000;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
  border: none;
}
.actions-wrap .table td {
  color: #828282;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #fff;
}
.actions-wrap .table td,
.actions-wrap .table th {
  border-top: none !important ;
  vertical-align: middle;
  padding: 19px 12px;
}
.chase-icon a {
  height: 30px;
  width: 30px;
  background: #fd4f00;
  /* padding: 10px; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  margin-right: 5px;
}
.chase-icon a:last-child {
  margin-right: 0;
}

.chase-icon a i {
  color: #ffffff;
}

/* content wrap css starts here */
.employee-content {
  padding: 40px 35px;
}
.padd-0 {
  padding: 0;
}
.employee-content .emp_tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px;
  border-bottom: 1px solid #fff;
  min-width:100%;
  height: 108px;
  background: #fd4f00;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  display: flex;
}
.employee-content .emp_tabs li.active p {
  color: #fd4f00;
}
.employee-content .emp_tabs li.active figure img {
  filter: inherit;
}
.employee-content .emp_tabs li figure img {
  filter: contrast(0) brightness(2);
}
.employee-content .emp_tabs li {
  float: left;
  margin: 0;
  /* height: 108px!important;     */
  cursor: pointer;
  padding: 0px 20px;
  line-height: 22px;
  border-top: 1px solid #fd4f00;
  border-left: 1px solid #fd4f00;
  border-bottom: 1px solid #fd4f00;
  background-color: #fd4f00;
  color: #fff;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 168.1px;
}
.employee-content .emp_tabs li p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.employee-content .emp_tabs li:last-child {
  border-top-right-radius: 32px;
}
.employee-content .emp_tabs li:first-child {
  border-top-left-radius: 32px;
}

/* .employee-content .emp_tabs li:hover, */
.employee-content .emp_tabs li.active {
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid #fff;
  display: block;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
}
.employee-content .emp_container {
  border: 1px solid #fff;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  margin-bottom: 40px;
}
.employee-content .emp_content {
  padding: 20px;
  display: none;
  position: relative;
  /* height: 480px; */
  margin-bottom: 30px;
}
.employee-content form {
  margin-bottom: 10px;
}
.employee-content .tab_drawer_heading {
  display: none;
}
a.edit-form {
  display: flex;
  align-items: center;
}
a.edit-form p {
  margin-bottom: 0;
  margin-left: 10px;
  top: 3px;
  position: relative;
  font-size: 20px;
  font-weight: 400;
  color: #fd4f00;
  position: relative;
  top: 0px;
}
.employee-content input,
select.form-control,
select.form-control option,
.profil-modal input {
  height: 55px !important;
  border-radius: 5px;
}
.employee-content label,
.employee-content input,
.employee-content input::placeholder,
select.form-control option,
select.form-control,
.profil-modal label,
.profil-modal input {
  font-size: 17px;
  font-weight: 500;
  color: #6a696b;
  line-height: 26px;
  margin-bottom: 8px;
}
.employee-content input,
.employee-content input::placeholder,
select.form-control,
select.form-control option {
  font-weight: 500;
  color: #000;
  background-color: #fbfbfb;
}
.employee-content input::placeholder,
.profil-modal input::placeholder  {
  color: #202020;
}
figure.profile-img {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  margin: 0 auto;
}
.employee-profile {
  margin-bottom: 35px;
}
.tab-wrap .btn-secondary {
  border: 1px solid #dcdcdc !important;
}
.tab-wrap ul.filter-by.navbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.tab-wrap .tabs-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.tab-wrap ul.filter-by.navbar button#dropdownMenuButton {
  font-size: 18px;
  width: 160px;
}
.tab-wrap .tabs-heading button#dropdownMenuButton {
  padding-right: 0;
}
.tab-wrap .tabs-heading .dropdown-toggle::after {
  display: none;
}
.tabs-heading ul.navbar {
  padding: 0;
}
.tab-wrap ul.filter-by.navbar .dropdown-toggle::after {
  position: absolute;
  right: 12px;
}
.tab-wrap .tabs-heading.leaves-table .dropdown-menu.show {
  right: -10px !important;
}
.actions-wrap.performance-tab .table-wrap,
.actions-wrap.performance-tab .table-wrap table th,
.actions-wrap.performance-tab .table-wrap table td {
  white-space: nowrap;
}

.dropdown-menu.show {
  padding: 0;
}
.tab-wrap .tabs-heading .dropdown-menu.show a:first-child:hover {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tab-wrap .tabs-heading .dropdown-menu.show a:last-child:hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.filter-list ul.sort-by li:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #fd4f00;
}
ul.profile-dtl-list li h4 {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
}
ul.profile-dtl-list li span.desigination,
ul.profile-dtl-list li p,
ul.profile-dtl-list li span {
  font-size: 15px !important;
  font-weight: 400;
  color: #fd4f00 !important;
}
ul.profile-dtl-list li p {
  color: #202020 !important;
  font-weight: 500;
}
ul.profile-dtl-list li span {
  color: #828282 !important;
}
ul.profile-dtl-list {
  display: flex;
  flex-wrap: wrap;
}
ul.profile-dtl-list li:first-child {
  width: 100%;
  margin-bottom: 20px;
  margin-right: 0;
}
ul.profile-dtl-list li {
  margin-right: 30px;
}
ul.profile-dtl-list li:last-child {
  margin-right: 0px;
}

ul.profile-dtl-list.other-dtl li {
  width: 48% !important;
  margin-right: 0 !important;
  margin-bottom: 25px;
}
ul.profile-dtl-list.other-dtl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.edit-tab-icon {
  position: absolute;
  bottom: 0px;
}
.actions-wrap.performance-tab,
.actions-wrap.notes-tab {
  padding: 0;
  border: none;
}
ul.score-list {
  display: flex;
}
ul.score-list li {
  margin-right: 1px !important;
}
ul.score-list li i {
  color: #fd4f00;
}
.score-wrap {
  display: flex;
  align-items: center;
}
.score-wrap p {
  font-size: 16px;
  font-weight: 400;
  color: #828282;
  margin-left: 10px;
}
.form-group.pdf-control {
  display: flex;
  justify-content: space-between;
}
.form-group.pdf-control .inner-group {
  width: 47%;
}
.form-group.pdf-control .inner-group .input-wrap {
  position: relative;
}
a.pdf-link {
  display: block;
  position: absolute;
  top: 13px;
  left: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
a.pdf-link img {
  height: 30px;
  width: 30px;
  margin-right: 4px;
}
.certificate-wrap {
  display: flex;
  flex-wrap: wrap;
  background: #f2f2f2;
  margin-bottom: 15px;
  border-radius: 15px;
  padding: 20px 5px 4px;
}
div#tab2 .edit-tab-icon {
  padding: 0;
}
.notes-table th:nth-child(4) {
  width: 320px;
}

div#tab9 .edit-tab-icon,
div#tab8 .edit-tab-icon {
  padding: 0;
}
.leaves-table .dropdown-toggle::after {
  display: none;
}
.leaves-table ul.navbar {
  padding: 0;
}
.leaves-table .btn {
  background: transparent;
}
.leaves-table .dropdown-menu.show {
  display: block;
  right: 0 !important;
  left: unset !important;
  min-width: 108px !important;
  border-radius: 8px;
  padding: 0;
  top: 45px !important;
}
.leaves-table .dropdown-menu.show a {
  border-bottom: 1px solid #d9d9d9;
}
.leaves-table .dropdown-menu.show a:last-child {
  border-bottom: none;
}
.leaves-table .dropdown-item.active,
.leaves-table .dropdown-item:active,
.leaves-table .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #fd4f00;
}
.employee-content .actions-wrap .table td,
.employee-content .actions-wrap .table th {
  border-top: none !important;
  vertical-align: middle;
  padding: 9px 12px;
}
.leaves-table-wrap {
  overflow-x: inherit;
}

/* .employee page tab css */
ul.doc-list {
  display: flex;
  flex-wrap: wrap;
  background: whitesmoke;
  flex-direction: column;
}
ul.doc-list li .inner-list {
  margin-right: 15px;
  display: flex;
  align-items: center;
}
ul.doc-list li {
  border-bottom: 1px dashed #b4b4b4;
  padding: 9.5px 0;
}
ul.doc-list li:nth-child(5n + 5) {
  margin-right: 0;
}
ul.doc-list li a {
  display: block;
  /* height: 150px; */
}
ul.doc-list li .inner-list p {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  margin-left: 20px;
}
/* shrink nav css */
.shrink-nav ul.cstm-menu li {
  position: relative;
}
.shrink-nav .drop-menu a {
  color: #fff !important;
  width: 100% !important;
  height: auto !important;
}
.shrink-nav .drop-menu {
  position: absolute;
  width: 300px;
  background: #fd4f00;
  left: 90px;
  color: #fff;
  border-radius: 10px;
  top: 0;
  transform: scale(0);
  opacity: 0;
  transition: 0s ease;
}
.shrink-nav ul.cstm-menu li:hover .drop-menu {
  transform: scale(1);
  opacity: 1;
  transition: 0s ease;
  display: block;
}
.shrink-nav ul.cstm-menu > li:hover::after {
  transform: scale(1);
  opacity: 1;
  transition: 0s ease;
}
.shrink-nav ul.cstm-menu li:first-child:hover .drop-menu,
.shrink-nav ul.cstm-menu > li:first-child:hover::after {
  opacity: 0;
}
.shrink-nav ul.inner-drop-list li a {
  border-radius: 0 !important;
}
.shrink-nav ul.inner-drop-list li a:hover {
  background-color: #fff;
  color: #fd4f00 !important;
}
.shrink-nav ul.cstm-menu > li::after {
  position: absolute;
  content: "";
  right: -29%;
  top: 25%;
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fd4f00;
  transform: translateY(-50%);
  transform: scale(0);
  opacity: 0;
  transition: 0s ease;
}
.shrink-nav ul.inner-drop-list {
  display: flex;
  flex-direction: column;
  margin: 10px 0 !important;
  border-left: none;
  margin-bottom: 0;
  border: 2px solid #fd4f00;
  border-radius: 10px;
}

/* tabs css starst here  */
.tab-wrap {
  display: block;
}
.employee-content .emp_tabs li {
  overflow: unset;
  min-width: 130px;
}
/* scroll css  */
#info {
  font-size: 18px;
  color: #555;
  text-align: center;
  margin-bottom: 25px;
}
.scrollbar {
  float: left;
  width: 100%;
  background: #f5f5f5;
  overflow-x: scroll;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}
.force-overflow {
  min-height: 450px;
}
#wrapper {
  text-align: center;
  width: 100%;
  margin: auto;
}
#style-3::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}
#style-3::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  background-color: #f5f5f5;
}
#style-3::-webkit-scrollbar-thumb {
  background-color: #fd4f00;
}
/* employee listing */
.main-wrap {
  padding: 30px;
}
a.cstm-btn {
  background-color: #fd4f00;
  display: flex;
  align-items: center;
  min-width: 200px;
  border-radius: 7px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin-right: 10px;
}
a.cstm-btn span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 38px;
}
a.cstm-btn p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  padding: 12px 15px 12px 15px;
  position: relative;
}
a.cstm-btn p::before {
  position: absolute;
  content: "";
  left: 0;
  height: 48px;
  top: 0px;
  bottom: 0;
  border-left: 1px solid #a23e11;
}
a.cstm-btn span::after {
  position: absolute;
  content: "";
  right: 0;
  height: 48px;
  top: 0px;
  bottom: 0;
  border-left: 1px solid #ffa780;
}
.action-btn {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: flex-end;
}
ul.emp-list,
.default-list {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
ul.emp-list li,
.default-list li {
  margin-right: 20px;
  position: relative;
}
ul.emp-list li:last-child {
  border-left: 1px solid #d0d0d0;
  padding-left: 15px;
  margin-right: 15px;
}
ul.emp-list li p,
.default-list li p {
  margin-left: 20px;
}
ul.emp-list li:last-child,
.default-list li:last-child {
  margin-right: 0;
}
ul.emp-list li,
ul.emp-list li a,
.default-list li,
.default-list li a {
  display: flex;
  align-items: center;
}
ul.emp-list li:nth-child(2),
.default-list li:nth-child(2) {
  margin-left: auto;
}
a.view-icon {
  height: 35px;
  width: 35px;
  background: #fd4f00;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
a.view-icon.view-btn {
  width: auto;
  padding: 9.5px 15px;
  height: auto;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.cstm-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.employee-list figure {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.leaves-table .dropdown.show::after {
  position: absolute;
  content: "";
  left: 8px;
  top: 32px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 15px solid #dcdcdc;
}
.leaves-table button#dropdownMenuButton:focus {
  box-shadow: none;
}
.employee-list-wrap .actions-wrap table {
  margin-bottom: 0;
}
.employee-list-data {
  border-radius: 35px;
  border: none;
}
.action-btn a.cstm-btn:last-child {
  margin: 0;
}
.employee-list-wrap .employee-wrap {
  height: 100%;
  padding: 0;
  background: #f5f5f5;
  border-radius: 32px;
  border: none;
}
.employee-list-wrap .employee-wrap .employee-list, .employee-wrap .employee-list th {
  border: none;
  background-color: whitesmoke;
}
.employee-list-wrap .employee-list tr td {
  background: #fff;
}
.employee-list-wrap .employee-list tr td:first-child,
.employee-list-wrap .employee-list tr td:first-child {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.employee-list-wrap .employee-list tr td:last-child,
.employee-list-wrap .employee-list tr td:last-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.employee-list-wrap .employee-list tr {
  border-bottom: 12px solid #f5f5f5;
  border-radius: 100px !important;
  /* box-shadow: 0 6px 10px rgb(0 0 0 / 10%); */
}
button#dropdownMenuButton {
  display: flex;
  align-items: center;
  position: relative;
}

.view-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.view-btn ul {
  display: flex;
  align-items: center;
}
.view-btn li {
  margin-right: 15px;
}
.view-btn li:last-child {
  margin-right: 0;
}
.emp-desigination ul.profile-dtl-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
ul.profile-dtl-list li a {
  color: #fd4f00;
}
div#gridView ul.profile-dtl-list li p.text {
  color: #828282 !important;
  margin: 10px 0;
}
ul.profile-dtl-list li a.custm_btn {
  padding: 8.5px 15px;
  background: #fd4f00;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
}
.emp-desigination ul.profile-dtl-list li {
  margin-right: 0px;
  display: flex;
  align-items: center;
}
.emp-desigination ul.profile-dtl-list li:last-child {
  margin-bottom: 0;
}
.emp-desigination ul.profile-dtl-list li:first-child {
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  position: relative;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fd4f00 !important;
  border: 2px solid #fd4f00;
}
.custom-control-label::after,
.custom-control-label::before {
  width: 21px;
  height: 21px;
}

.custom-control-label::before {
  border: 2px solid #bebebe;
  background: transparent !important;
}

.emp-desigination ul.profile-dtl-list li:first-child::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #fd4f00;
  left: 0;
  bottom: -6px;
}
.emp-desigination ul.profile-dtl-list li:first-child span {
  margin-left: 0;
  font-size: 16px !important;
}
.emp-desigination ul.profile-dtl-list li span {
  color: #828282 !important;
  margin-left: 5px;
}
.emp-desigination ul.profile-dtl-list li h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.emp-list-record .card {
  display: flex;
  flex-direction: row;
  padding: 15px;
  border-radius: 30px;
  box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
  border: none;
  margin-bottom: 20px;
}
.emp-profile figure {
  width: 140px;
  height: 140px;
  border-radius: 20px;
}
p.emp-id {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 2px 15px;
  border-radius: 25px;
  width: 85%;
  font-size: 15px;
  text-align: center;
  color: #fd4f00;
  font-weight: 600;
}
.emp-profile figure img {
  width: 100%;
  height: 100%;
}
.emp-list-record .emp-profile {
  position: relative;
  margin-right: 15px;
}

.emp-desigination {
  position: relative;
  width: 100%;
}
.view-btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
}

.emp-desigination ul.profile-dtl-list li span.desigination,
.emp-desigination ul.profile-dtl-list li p,
.emp-desigination ul.profile-dtl-list li span {
  font-size: 16px !important;
  line-height: 26px;
}
#gridView {
  display: none;
}
.view-btn ul li.active svg {
  fill: #fd4f00;
}
.employee-list figure img {
  border-radius: 100px;
}

.filter-list ul.sort-by {
  display: flex;
  align-items: center;
}
.filter-list ul.sort-by li:first-child {
  background: #fd4f00;
}

.filter-list ul.sort-by li {
  padding: 15.5px 15px;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.filter-list ul.sort-by li.active {
  color: #b2b2b2;
  border-right: 1px solid #e5e5e5;
}
.filter-list ul.sort-by li:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
ul.sort-by.sort-view li:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.filter-list ul.sort-by li:hover {
  color: #fff;
  background: #fd4f00;
}
.filter-list ul.sort-by li:hover p
{
  color: #fff;
}
.filter-wrap .filter-list {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 40px;
}
.filter-by-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ul.filter-by.navbar button#dropdownMenuButton {
  background: transparent;
  font-size: 20px;
  color: #000;
  font-weight: 400;
}
ul.filter-by.navbar .btn:focus {
  box-shadow: none;
}
ul.sort-by.sort-view a {
  height: 26px;
  display: block;
}
ul.sort-by.sort-view li {
  padding: 10px;
}
ul.sort-by.sort-view li svg {
  fill: #fd4f00;
  opacity: 0.5;
}
ul.sort-by.sort-view li.active svg {
  fill: #fd4f00;
  opacity: 1;
}
ul.sort-by.sort-view li.active {
  box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
  background: #fff !important;
}
ul.sort-by.sort-view li {
  background: transparent !important;
}
.actions-wrap.employee-wrap.vacancies-wrap ul.sort-by.sort-view li {
  padding: 10px;
}
/* dashboard css starts here */
.dashborad-content {
  padding: 40px 35px;
}
.dashborad-content h2 {
  font-size: 35px;
  font-weight: 500;
  color: #363636;
  margin-bottom: 30px;
}
.dashborad-content .card {
  border-radius: 20px;
  border: none;
  padding: 25px;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.dashborad-content p.card-title {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  line-height: 33px;
  text-align: left;
}
a.go-btn {
  background: #fd4f00;
  border-radius: 7px;
  padding: 10.5px 36px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
}
.dashborad-content .card figure img {
  width: 100%;
}
.dashborad-content .card figure {
  width: 136px;
  height: 136px;
  border-radius: 100px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  margin: 0 auto 20px;
}
.dashborad-content .card figure img {
  width: 88px;
  height: 88px;
}
.dashborad-content .card {
  padding: 30px 20px;
  height: 338px;
}
.custom-card-row {
  padding: 0 10px;
}
.dashborad-content .card-img,
.dashborad-content .card-dtl {
  width: 100%;
}
.dashborad-content a.go-btn {
  background: #fd4f00;
  border-radius: 7px;
  padding: 9.5px 15px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.dashborad-content p.card-title {
  font-size: 22px;
  text-align: center;
  min-height: 66px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
/* employee detail page  */
.outstaand-action {
  table-layout: fixed;
}
.outstaand-action thead tr th:last-child {
  width: 270px;
}
.actions-wrap.employee-wrap table span {
  margin-left: 5px;
}

/* org chart css */
.org-wrap .card {
  padding: 20px;
  border-radius: 25px;
  border: none;
  position: relative;
  height: 125px;
  margin-top: 20px;
}
.prfl-row {
  position: static;
}
/* .org-wrap .profile-picture {
  position: absolute;
  left: -25px;
  top: -20px;
} */
.org-wrap .profile-picture-wrap {
  overflow: auto;
}
.org-wrap .profile-picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 611px;
  width: 1483px;
  margin: 0 auto;
}
.org-wrap .profile-picture img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.org-wrap figure {
  width: 120px;
  height: 120px;
  border-radius: 100px;
  margin: 0 auto;
  border: 5px solid #fd4f00;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.org-wrap figure img {
  width: 105px;
  height: 105px;
}
.org-wrap span.count {
  height: 38px;
  width: 38px;
  background: #fd4f00;
  display: block;
  position: absolute;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  left: -5px;
  top: -10px;
}
.mb-90 {
  margin-bottom: 90px;
}

/* pagination css starts here */
.pagination {
  margin: 25px 0 0;
  width: 100%;
}
.pagination ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.pagination li,
.pagination li a {
  display: block;
}
.pagination li a span {
  font-size: 18px;
  font-weight: 500;
  padding: 12.5px 14px;
  background: white;
  color: #000;
  display: inline-block;
  border-right: 1px solid #e5e5e5;
}

.pagination ul li:first-child span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  color: #b2b2b2;
  border-right: 1px solid #e5e5e5;
}
.pagination ul li:last-child span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination ul li:last-child {
  border-right: none;
}
.pagination ul li.active span,
.pagination ul li:hover span {
  background: #fd4f00;
  color: #fff;
  border-color: #fd4f00;
}
.pagination ul li:hover {
  border-color: #fd4f00;
}

/* custom btn css */
a.custm_btn {
  padding: 8.5px 15px;
  background: #fd4f00;
  border-radius: 6px;
  color: #fff !important;
  font-size: 18px;
  cursor: pointer;
}

/* Request to Recruit css */
.recruit-wrap {
  background: transparent !important;
  border: none !important;
  padding: 0;
}
.recruit-wrap ul.default-list li svg {
  fill: #fd4f00;
}
.employee-recruit {
  border-radius: 35px;
  border: none;
  padding: 20px 25px;
}
.employee-recruit .sub-heading h2 {
  margin-left: 0;
  color: #fd4f00;
  margin-bottom: 5px;
}
.employee-recruit .sub-heading p,
.form-group p {
  font-size: 17px;
}
span.astric {
  position: relative;
  right: -3px;
  color: #fd4f00;
}
.cstm-form textarea.form-control {
  resize: none;
  height: 145px;
  background-color: #fbfbfb;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  line-height: 26px;
  margin-bottom: 8px;
}
.cstm-form input,
input,
label {
  text-transform: capitalize;
}
.cstm-form input,
input {
  background-color: #fbfbfb;
}
.email-heck {
  display: flex;
  margin-bottom: 0;
}
.email-heck label {
  margin-right: 20px;
}
.btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.btn_wrap a,
.btn_wrap button {
  margin-right: 15px;
  padding: 7.5px 20px;
  border-radius: 7px;
  font-size: 18px;
}
.btn_wrap a:focus {
  box-shadow: none !important;
}
.btn_wrap .success-btn {
  background: #fd4f00;
  color: #fff;
}
/* vaccanices page css starts here */
.actions-wrap .vacancies-table td,
.actions-wrap .vacancies-table th {
  padding: 17.5px 12px !important;
}
.text-link,
.text-link:hover {
  color: #fd4f00;
  font-weight: 500;
}
.price-range .inner-wrap label {
  width: 40px !important;
}
.price-range .inner-wrap input,
.price-range input,
.price-range .inner-wrap label {
  height: 55px !important;
}
.price-range input.form-control,
.price-range.date-range input.form-control {
  width: 170px;
}
.price-range select.form-control {
  width: 250px;
  font-weight: 400;
  margin-bottom: 0;
}
.price-range .inner-wrap input.form-control {
  padding-left: 55px;
}
.price-range-wrap {
  display: flex;
  align-items: center;
}
.price-range-wrap .outer-wrap {
  display: flex;
}
.price-range-wrap .price-range + .price-range {
  margin-left: 12.5px;
  padding-left: 12.5px;
  border-left: 2px solid #fd4f00;
}
.price-range-wrap .price-range:last-child,
.price-range-wrap .outer-wrap .form-group:last-child {
  margin-right: 0;
}
.price-range-wrap .form-group {
  margin-right: 15px;
  margin-bottom: 0;
}
.vacancies-wrap .filter-list ul.sort-by {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.vacancies-wrap .filter-list ul.sort-by li {
  padding: 14.5px 10px;
}
.card.vacc-outer {
  padding: 20px 20px;
  border-radius: 35px;
  border: none;
  margin-bottom: 30px;
}
.card.vacc-outer span {
  font-size: 18px;
  color: #797979;
  font-weight: 400;
}
.card.vacc-outer h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.card.vacc-outer p.price {
  font-size: 19px;
  color: #fd4f00;
  font-weight: 500;
  margin-bottom: 20px;
}
.card.vacc-outer p,
.card.vacc-outer .cstm-add span {
  font-size: 16px;
}
.card.vacc-outer span.time-duration {
  font-size: 14px;
  border: 2px solid #fd4f00;
  padding: 1.5px 15px;
  border-radius: 15px;
  background-color: #ffefe8;
  color: #fd4f00;
  font-weight: 500;
  position: absolute;
  right: 15px;
}
.app-contnet {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #a1a1a1;
}
.card.vacc-outer .cstm-add p,
.app-list p {
  font-weight: 500;
}
.address-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.applicabt-list {
  justify-content: flex-end;
  position: relative;
  z-index: 99;
  direction: rtl;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
ul.applicabt-list li:first-child {
  direction: ltr;
  order: -1;
  position: absolute;
  left: 10px;
}
ul.applicabt-list li:first-child span {
  background: #fd4f00;
}
ul.applicabt-list li ~ li {
  z-index: -99;
}
ul.applicabt-list li {
  margin-left: -30px;
  z-index: -9;
}
ul.applicabt-list li span {
  color: #fff !important;
  height: 48px;
  font-weight: 500;
  width: 48px;

  display: block;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.applicabt-list li:last-child {
  margin-left: 0;
}
svg.info-icon {
  position: absolute;
  top: 8px;
  left: -17px;
}
.actions-wrap.recruit-wrap.offer-app ul.default-list {
  margin-left: 17px;
}
.actions-wrap.employee-wrap.vacancies-wrap ul.sort-by.sort-view {
  display: flex;
}
.actions-wrap.employee-wrap.vacancies-wrap ul.sort-by.sort-view li {
  margin-right: 0 !important;
}
.actions-wrap.employee-wrap.vacancies-wrap .table-wrap {
  white-space: nowrap;
}

.actions-wrap.employee-wrap.vacancies-wrap .table-wrap td:last-child {
  min-width: 130px !important;
}

/* Choose file type css */
.file-upload {
  width: 100%;
}
.file-select-button {
  position: absolute;
  right: 0;
}
.file-upload .file-upload-select {
  display: block;
  color: #dbdbdb;
  cursor: pointer;
  text-align: left;
  background: #fbfbfb;
  overflow: hidden;
  position: relative;
  height: 55px;
  border: 1px solid #ced4da;
  border-radius: 6px;
}
.file-upload .file-upload-select:hover .file-select-button {
  background: #ebebeb;
  color: #6a696b;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.file-upload .file-upload-select .file-select-button {
  background: #ebebeb;
  color: #6a696b;
  padding: 15px 10px;
  display: inline-block;
  width: 158px;
  text-align: center;
}
.file-upload .file-upload-select .file-select-name {
  display: inline-block;
  padding: 14px 10px;
  font-weight: 500;
  color: #000;
  font-size: 17px;
}
.file-upload .file-upload-select input[type="file"] {
  display: none;
}
/* all applicant css */
div#myTabContent {
  margin-top: 30px;
}
.applicants-tab,
ul.tabs.Performance-tabs {
  border-bottom: 3px solid #c5c5c5 !important;
}
.applicants-tab li a.nav-link.active {
  background: transparent;
  border: none;
}
.applicants-tab .nav-tabs {
  border-bottom: 0;
}
.applicants-tab .nav-link:hover {
  border: none !important;
}
.applicants-tab li.nav-item a.nav-link,
ul.tabs.Performance-tabs li {
  display: flex;
  align-items: center;
  color: #202020;
  font-size: 17px;
  font-weight: 500;
  border: none;
  padding: 15px 16px;
  position: relative;
  cursor: pointer;
}
.applicants-wrap .sub-heading {
  margin-bottom: 15px;
}
.applicants-tab li.nav-item a.nav-link::after,
ul.tabs.Performance-tabs li::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: -2px;
  left: 0;
  background-color: #fd4f00;
  opacity: 0;
}
ul.tabs.Performance-tabs li::after {
  bottom: -3px;
}
.applicants-tab li a.nav-link.active::after,
ul.tabs.Performance-tabs li.active::after {
  opacity: 1;
}
.applicants-tab li a.nav-link.active span.select-count {
  background: #fd4f00;
}
span.select-count {
  height: 32px;
  width: 32px;
  display: block;
  background: #c5c5c5;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  margin-left: 20px;
}

div#myTabContent ul.profile-dtl-list li:first-child {
  margin-right: 0;
}
div#myTabContent .emp-desigination ul.profile-dtl-list li h4,
div#myTabContent ul.score-list {
  margin-bottom: 7px;
}
div#myTabContent .emp-profile figure {
  width: 140px;
  height: 175px;
  border-radius: 20px;
}

div#myTabContent .emp-profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
div#myTabContent ul.score-list li:first-child::after {
  display: none;
}
div#myTabContent ul.score-list li:first-child {
  margin-bottom: 0 !important;
}
div#myTabContent .emp-list-record .card {
  flex-direction: column;
}
div#myTabContent .inner-card-wrap {
  display: flex;
  align-items: center;
}
ul.dwld-list {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: #f3f3f3;
  margin-top: 15px;
  border: 1px solid #d6d6d6;
}
ul.dwld-list li {
  width: 50%;
  padding: 6px 15px;
}
ul.dwld-list li + li {
  border-left: 1px solid #d6d6d6;
}
ul.dwld-list li a {
  display: flex;
  justify-content: space-between;
}
.chase-icon svg {
  fill: #fff;
}
.actions-wrap.employee-recruit .sub-heading {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: baseline;
}
.inner_text {
  border: 2px solid #fd4f00;
  padding: 18px 25px;
  border-radius: 15px;
  background-color: #ffefe8;
}
ul.dwld-list li p {
  font-size: 17px;
  font-weight: 500;
  color: #000;
}
.inner_text p {
  color: #fd4f00;
}
.actions-wrap.employee-recruit .table-responsive {
  overflow: initial;
}

/* employment-offer css */
ul.field-list {
  display: flex;
}
ul.field-list li {
  margin-right: 10px;
}
ul.field-list li:last-child {
  margin-right: 0;
}
ul.field-list li input.form-control {
  padding-left: 71px;
}
ul.field-list li .inner-wrap,
.price-range .inner-wrap {
  position: relative;
}
ul.field-list li input:focus,
.price-range input:focus {
  box-shadow: none;
  border-color: #ced4da;
}
ul.field-list li .inner-wrap label,
.price-range .inner-wrap label {
  position: absolute;
  width: 49px;
  height: 55px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ced4da;
}
.actions-wrap.employee-recruit .sub-heading.notes-heading {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  flex-direction: row;
  justify-content: space-between;
}
a.emp-offer-btn {
  background: #fd4f00;
  padding: 8px 10px;
  color: #fff;
  border-radius: 7px;
  min-width: 145px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  min-width: 200px;
}
.aggreement-wrap .cstm-form {
  display: flex;
  width: 100%;
}
.aggreement-wrap .cstm-form form {
  width: 100%;
}
.aggreement-wrap {
  align-items: flex-end;
}
.aggreement-wrap .form-group,
.aggreement-wrap select.form-control {
  margin-bottom: 0 !important;
}
.aggreement-wrap a.emp-offer-btn {
  min-width: 100%;
  padding: 14px 7px;
}
.price-range label {
  margin-bottom: 5px;
}

/* add employee page css */
.actions-wrap.employee-recruit .sub-heading.add-list {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
a.add,
.delet {
  height: 55px;
  min-width: 55px;
  background: #28a745;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  border-radius: 6px;
  cursor: pointer;
}
.delet {
  background: #fc4646;
}
.doc-wrap {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ddd;
  width: 100%;
}
.doc-wrap:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
input[type="date"] {
  text-transform: lowercase;
}
button.btn.btn-dark {
  background: #202020;
}

/* ul.cstm-menu li span {
  display: none !important;
} */
body.shrink-nav ul.cstm-menu > li > a:hover span,
body.shrink-nav ul.cstm-menu > li > a:focus span,
body.shrink-nav ul.cstm-menu > li > a.active span {
  transform: scale(1);
  opacity: 1;
}
/* all cases managment css  */
.table-responsive.case-manage .table-wrap table th {
  white-space: nowrap;
}
.table-responsive.case-manage .table-wrap table th:last-child {
  width: 130px;
}
.all_cases_wrap {
  white-space: nowrap;
}
.all_cases_wrap table tr td:last-child {
  min-width: 130px;
}

/* performance-tabs css starts here */
ul.tabs.Performance-tabs {
  display: flex;
  margin-bottom: 20px;
}
ul.tabs.Performance-tabs li {
  padding: 20px;
}
ul.ed-dtl {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
ul.ed-dtl li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.ed-dtl li p {
  width: 15%;
  font-size: 16px;
  color: #6a696b;
}
ul.ed-dtl li span {
  width: 85%;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
.co-list p,
.perfor_tabs p {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}
ul.co-list {
  list-style-type: disc;
  padding-left: 20px;
}
.add-field-wrap,
.add-field-wrap .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
}
.add-field-wrap label {
  margin-right: 20px;
  color: #000;
  margin-bottom: 0;
}
.add-field-wrap select {
  width: 200px;
  margin-bottom: 0;
}
.add-field-wrap {
  padding: 20px;
  background: #fd4f00;
  border-radius: 8px;
  border: 2px solid #fd4f00;
  padding: 8.5px 25px;
  background-color: #ffefe8;
  margin-bottom: 30px;
}
p.sub-text {
  font-weight: 600;
}
div#tab2 ul.co-list {
  display: flex;
}
div#tab2 ul.co-list li {
  padding-right: 20px;
  margin: 10px 0;
}
div#tab2 ul.co-list li:last-child {
  padding-right: 0px;
}
div#tab2 ul.co-list li {
  padding-right: 40px;
}
.tab_container.perfor_tabs .employee-list-wrap {
  height: calc(100% - 30px);
}
.tab_container.perfor_tabs .pagination {
  margin-top: 0;
}
.tab_container.perfor_tabs .pagination ul {
  justify-content: flex-start;
}
.tab_container.perfor_tabs .pagination ul li span {
  width: 45px;
  text-align: center;
}
.tab_container.perfor_tabs .pagination ul li.active span,
.tab_container.perfor_tabs .pagination ul li:hover span {
  background: #212121;
  color: #fff;
  border-color: #212121;
}
.tab_container.perfor_tabs .pagination li a span {
  background: #f1f1f1;
}
div#tab3 .form-group {
  position: relative;
}
.textarea-label {
  position: absolute;
  top: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  background: #fd4f00;
  border-radius: 5px;
  padding: 17.5px 20px;
  color: #fff !important;
  font-weight: 500;
}
div#tab3 textarea.form-control {
  position: relative;
  padding-top: 70px;
  height: 545px !important;
}
div#tab3 textarea.form-control:focus {
  box-shadow: none;
  border-color: #ced4da !important;
}
ul.co-list.ar-list {
  padding-left: 0;
}
ul.co-list.ar-list li {
  display: flex;
  justify-content: space-between;
}
ul.co-list.ar-list li p {
  width: 35%;
}
ul.co-list.ar-list li span {
  width: 60%;
}
/* modal css starts here */
div#exampleModal a.dlt-icon {
  height: 82px;
  width: 82px;
  background: #fc4646;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-bottom: 15px;
}
div#exampleModal .modal-content {
  border-radius: 20px;
}
div#exampleModal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 40px 0 50px;
}
div#exampleModal h4 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 15px;
}
div#exampleModal .modal-header {
  position: relative;
  padding: 16px 16px;
  height: 68px;
}
div#exampleModal button.close {
  position: absolute;
  right: 45px;
  top: 40px;
  padding: 0;
}
div#exampleModal button.close:focus,
button.close:focus {
  outline: none;
}
.modal-bg {
  position: absolute;
  top: -40px;
  left: 0;
  width: 500px;
}
/* coming soon page css  */
.coming-soon-wrap {
  height: auto;
}
.coming-soon-wrap h2 {
  text-align: center;
}
.heading-center h2 {
  display: block;
  width: 100%;
  font-size: 28px !important;
}
.actions-wrap.employee-recruit.coming-soon-wrap.heading-center {
  height: calc(100vh - 150px);
}
ul.cstm-menu li:first-child a::after {
  display: none;
}

.btn_wrap button:last-child {
  margin-right: 0px !important;
}
.employee-list-wrap.performance_wrap .price-range input.form-control {
  width: 200px;
}
ul.cstm-menu > li > a > span {
  display: none !important;
}
body.shrink-nav .side-bar {
  overflow: scroll;
}

body.shrink-nav .drop-menu {
  display: block !important;
}

/* custom select css starts here */
.container {
  height: 34px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.actions-wrap.employee-wrap.job-vaccency-wrap .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.actions-wrap.employee-wrap.job-vaccency-wrap .form-group {
  height: 34px;
  width: 100%;
  margin-bottom: 0;
}
.actions-wrap.employee-wrap.job-vaccency-wrap
  .dropdown-menu
  .form-group:first-child
  .checkmark {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.actions-wrap.employee-wrap.job-vaccency-wrap
  .dropdown-menu
  .form-group:last-child
  .checkmark {
  border-bottom: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.actions-wrap.employee-wrap.job-vaccency-wrap .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 34px;
  width: 100%;
  padding: 0 15px;
  background-color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  border-bottom: 1px solid gainsboro;
}
.actions-wrap.employee-wrap.job-vaccency-wrap
  .leaves-table
  .dropdown-menu.show {
  display: block;
  right: 0 !important;
  left: unset !important;
  min-width: 210px !important;
  padding: 0;
  top: 45px !important;
}
.actions-wrap.employee-wrap.job-vaccency-wrap
  .container:hover
  input
  ~ .checkmark,
.actions-wrap.employee-wrap.job-vaccency-wrap
  .container
  input:checked
  ~ .checkmark {
  background-color: #fd4f00;
  color: #fff;
}
.actions-wrap.employee-wrap.job-vaccency-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.actions-wrap.employee-wrap.job-vaccency-wrap
  .container
  input:checked
  ~ .checkmark:after {
  display: block;
}
.actions-wrap.employee-wrap.job-vaccency-wrap .container .checkmark:after {
  top: 0px;
  left: 0px;
  height: 34px;
  width: 100%;
  background: transparent;
}

p.status {
  text-transform: capitalize;
}
p.info,
p.status.alert-success {
  font-size: 16px;
  border: 2px solid #28a745;
  padding: 0.5px 8px;
  border-radius: 15px;
  background-color: #d8eedd;
  color: #28a745;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
}
p.warning {
  font-size: 16px;
  border: 2px solid #fd4f00;
  padding: 0.5px 8px;
  border-radius: 15px;
  background-color: #ffefe8;
  color: #fd4f00;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width:210px;
}
p.danger {
  font-size: 16px;
  border: 2px solid #dc3545;
  padding: 0.5px 8px;
  border-radius: 15px;
  background-color: #fddcdf;
  color: #dc3545;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width:210px;
}

.add-field-wrap label {
  white-space: nowrap;
}

/* add new employee css starst here */
div#certification a.delet,
#training-wrap a.delet,
div#timesheet-wrap a.delet {
  position: relative;
  top: 34px;
}
form.cert-form .delet,
form.training-form a.delet,
.perf-form a.delet,
.timesheet-form a.delet,
.notes-form a.delet {
  display: none;
}
.pay-tabs-wrap.timesheet-tab-wrap p.status {
  width: 140px;
}

/* dash leaves starts here */
.user-filter span.select2.select2-container.select2-container--default.select2-container--below,
.user-filter span.select2.select2-container.select2-container--default {
  width: 350px!important;
}
.user-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fd4f00;
  border: 1px solid #fd4f00;  
  color: white;
}
.user-filter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff; 
}
.user-filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-right: 2px;
}


.actions-wrap.dash-leave {
  background: transparent !important;
  border: none !important;
  padding: 0;
}
.actions-wrap.dash-leave h2 {
  margin-left: 0;
  margin-bottom: 0;
}
.outer-wrap.dash-area .dashborad-content p.card-title {
  min-height: auto;
}
.outer-wrap.dash-area .dashborad-content p.card-total {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  /* margin: 25px 0; */
  display: block;
  color: #000;
  line-height: 38px;
}
.update-wrap.leave_wrap {  
  justify-content: flex-end;
}
.outer-wrap.dash-area .dashborad-content .card {
  height: auto;
}
.outer-wrap.dash-area table.table.employee-list.leaves-table th,
.outer-wrap.dash-area table.table.employee-list.leaves-table td {
  border-top: none !important;
  vertical-align: middle;
  padding: 19px 12px;
}
.outer-wrap.dash-area table.table.employee-list.leaves-table th
{
  background-color:#f5f5f5!important;
}
.outer-wrap.dash-area table.table.employee-list.leaves-table tr {
  border-bottom: 12px solid #f5f5f5;
  border-radius: 100px !important;
}
.outer-wrap.dash-area table.table.employee-list.leaves-table td {
  background: #fff;
}
.dash-area .actions-wrap.employee-wrap.job-vaccency-wrap {
  border: none !important;
  padding: 0;
  background: transparent;
}
.dash-area .actions-wrap.employee-wrap.job-vaccency-wrap table {
  border: none;
}
.dash-area .actions-wrap.employee-wrap.job-vaccency-wrap .table-wrap {
  white-space: nowrap;
}
.dash-area .pagination {
  margin-top: 0;
}
.outer-wrap.dash-area table.table.employee-list.leaves-table th:nth-child(6) {
  width: 250px !important;
}
.fc-button:focus
{outline: none!important;}
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable.fc-allow-mouse-resize,
a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable {
  background: #fd4f00 !important;
  border-color: #fd4f00 !important;
  color: #FFF!important;
}
.fc-button-group button,
.fc-left button {
  background: #fd4f00 !important;
  border-color: #fd4f00 !important;
  margin-left: 2px !important;
  opacity: 1 !important;
}
.append,
.add_leave_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
  align-items: flex-end;
  margin-bottom: 15px;

}
.append .form-group, 
.append select.form-control,
.append  input.form-control, 
.add_leave_row  .form-group, 
.add_leave_row  select.form-control,
.add_leave_row   input.form-control{
  margin-bottom: 0;
}
.append .form-group:first-child,
.add_leave_row .form-group:first-child
{
  margin-right: 15px;
}
.append .form-group,
.add_leave_row .form-group
{
  width: 46%;
  margin-bottom: 0;  
}
form#append-leave-form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 15px;
  flex-direction: column;
}
.add_leave_row .append {
  padding: 0;
}
.add_leave_row {
  flex-direction: column;
}

/* mobile-warp css starts here */

.mobile-warp h4 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}
.mobile-warp .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.mobile-warp .modal-content {
  height: 380px;
}
.mobile-warp .modal-content,
.email-warp .modal-content {
  border-radius: 20px;
}
.mobile-warp button.close {
  position: absolute;
  right: 45px;
  top: 40px;
  padding: 0;
}
.mobile-warp button:focus,
.email-warp button:focus {
  box-shadow: none;
  outline: none;
}
.mobile-warp .modal-header {
  position: relative;
  padding: 16px 16px;
  height: 68px;
}
.email-warp .modal-body p {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
}
.email-warp .modal-body span {
  font-weight: 400;
  color: #828282;
  font-size: 16px;
}
.email-warp .modal-body textarea {
  height: 110px;
  resize: none;
}
.send-wrap {
  margin: 20px 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ck.ck-content.ck-editor__editable.ck-rounded-corners {
  min-height: 150px;
}
/* .ck ol {
  list-style-type: decimal;
  padding-left: 15px;
}
.ck ul {
  list-style-type: disc;
  padding-left: 15px;
}
.ck h2 {
  font-size: 32px;
}
.ck h3 {
  font-size: 24px;
}
.ck h4 {
  font-size: 18px;
}
.ck i {
  font-style: italic; */
}
div#sent-popup .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
span.tick-icon {
  margin-bottom: 30px;
}
span.tick-icon i {
  font-size: 65px;
  color: #82ce34;
}
div#sent-popup h4 {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 15px;
}

.outer-wrap.dash-area ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 290px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.outer-wrap.dash-area ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  border-radius: 20px;
  height: 31px;
  line-height: 31px;
  color: #ccc;
  overflow: hidden;
  position: relative;
  height: 290px;
  width: 32%;
  margin-right: 30px;
}
.outer-wrap.dash-area ul.tabs li:last-child {
  margin-right: 0 !important;
}
.outer-wrap.dash-area ul.tabs li:hover {
  background-color: #ccc;
  color: #333;
  border-radius: 20px;
}
.pay-tabs-wrap ul.tabs li:hover {
  background: transparent!important;
}
.outer-wrap.dash-area ul.tabs li.active .card,
.outer-wrap.dash-area ul.tabs li:hover .card {
  background: #fd4f00;
  color: #fff;
  border-bottom: 1px solid #fff;
  display: block;
  border-radius: 20px;
}
.outer-wrap.dash-area ul.tabs li.active .card p,
.outer-wrap.dash-area ul.tabs li:hover .card p {
  color: #fff !important;
}
.outer-wrap.dash-area .tab_container {
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
  margin: 0 0 30px;
}
.outer-wrap.dash-area .tab_content {
 
  display: none;
}
.outer-wrap.dash-area .tab_drawer_heading {
  display: none;
}
.outer-wrap.dash-area table {
  margin-bottom: 0;
}

.outer-wrap.dash-area p.status {
  text-transform: capitalize;
  text-align: center;
}
div#email-popup .modal-dialog {
  max-width: 1000px;
}
/* .recruit-dtl page */

.recruit-content ul.rr-list
{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
ul.pd-list
 {
    display: flex;
    flex-direction: column;
   
}
.recruit-content ul.rr-list li,
ul.pd-list li {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.recruit-content ul.rr-list li:last-child,
ul.pd-list li:last-child
{
  margin-bottom: 0;
}
.recruit-content ul.rr-list li p{
 
  font-size: 17px;
  font-weight: 500;
  color: #6a696b;
  line-height: 26px;    
}
ul.pd-list li p{
  width:32%;
  font-size: 17px;
  font-weight: 500;
  color: #6a696b;
  line-height: 26px;    
}
.recruit-content ul.rr-list li span
{
 
  font-weight: 500;
    color: #000;
    font-size: 17px;
  line-height: 26px;  
}
ul.pd-list li span
{
  
  font-weight: 500;
    color: #000;
    font-size: 17px;
  line-height: 26px;  
}
.recruit-content ul.ad-list li p
{
  width: 37%;
}
.recruit-content ul.ad-list li span
{
  width: 62%;
}
.recruit-content ul li.full-width {
  flex-direction: column;
}

ul.rr-list li.full-width span{
  width: 100%;
}
.main-height {
  height: calc(100% - 30px);
}

/* policy and procedure css starts here */
.policy-content p{
  margin-bottom: 10px;
}
.update-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  width: 100%;
}
.add-policy div#cke_1_contents {
  min-height: 435px;
}
/* modal calender css starts here */
#click_Event_Modal .modal-dialog {
  min-width: 700px;
}
#click_Event_Modal .modal-header.main-color {
  background: #fd4f00;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#click_Event_Modal .modal-title {
  font-size: 24px;
  font-weight: 500;
}
#click_Event_Modal ul
{   display: flex;
  flex-direction: column;
}
#click_Event_Modal ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
#click_Event_Modal ul li p
{
  width: 20%;
  font-size: 17px;
  font-weight: 500;
  color: #6a696b;
  line-height: 26px;
}
#click_Event_Modal ul li span
{
  width: 80%;
  font-weight: 500;
  color: #000;
  font-size: 17px;
  line-height: 26px;
}
#click_Event_Modal .modal-content {
  border-radius: 20px;
}
#click_Event_Modal .send-wrap {
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* profile page css starst here */
figure.profile-pic {
  height:220px;
  width: 220px;
  margin: 0 auto 15px; 
  position: relative;
}
figure.profile-pic img{
  height: 100%;
  width: 100%;
  border-radius: 100%;
}

.profile-outer-wrap {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background: #fff;
  border-radius: 35px;
}
.profile-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}
.profile-cont p {
  font-weight: 500;
  color: #000;
  font-size: 22px;
}
.profile-cont span {
  font-weight: 500;
  color: #fd4f00;
  font-size: 14px;
  margin-top: 5px;
}
.profile-cont .file-select-name
{
  opacity: 0;
}
.profile-cont .file-upload .file-upload-select .file-select-button  i{
   color:#fff}
.profile-cont .file-upload .file-upload-select .file-select-button {
    background: #fd4f00;
  color: #6a696b;
  padding: 15px 10px;
  display: inline-block;
  width: 50px;
  text-align: center;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.profile-cont .file-upload {
  position: absolute;
  bottom: 10px;
  right: 0;
}
.profile-cont .file-upload .file-upload-select
{
  border: none;
}
.profile-cont .file-upload .file-upload-select {
  display: block;
  color: #dbdbdb;
  cursor: pointer;
  text-align: left;
  background:transparent;
  overflow: hidden;
  position: relative;
  height: 50px;
  border: none;
  border-radius: 6px;
  width: 50px;
  margin-left: auto;
}
.profile-outer-wrap .employee-profile
{
  margin-bottom: 0!important;
}
.profile-outer-wrap .employee-content
{
  padding-bottom:0!important;
  padding-left:50px!important;

}
ul.pers-info {
  display: flex;
  flex-direction: column;
}
ul.pers-info li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
ul.pers-info li p {
  width: 33%;
  font-size: 17px;
  font-weight: 500;
  color: #6a696b;
  line-height: 26px;
}
ul.pers-info li span {
  width: 65%;
  font-weight: 500;
  color: #000;
  font-size: 17px;
  line-height: 26px;
}
ul.bank-dtl li p 
{
  width:55%;
}
ul.bank-dtl li span
{
  width:55%;
}
.prof-row .actions-wrap.employee-recruit .sub-heading {
  flex-direction: row;
  justify-content: space-between;
}
a.edit_icon {
  background: #fd4f00;
    
    padding: 15px 10px;
    /* display: inline-block; */
    width: 50px;
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
a.edit_icon i {
  color: #fff;
  margin-left: 5px;
}

/* profile modal css */
.profil-modal .modal-dialog {
  max-width: 850px;
}
.profil-modal  input
{
  background: #fbfbfb;
}
.profil-modal .modal-header
{
  background: #fd4f00;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.profil-modal .modal-content
{
  border-radius: 20px;
  background: transparent;
}
.profil-modal .modal-body
{
  background: #fff;
}
.profil-modal h2
{
  font-size: 24px;
    font-weight: 500;
    color: #fff;
}
.profil-modal .update-wrap { 
  margin: 15px 0;
}
.profil-modal button.close:focus {
outline: none;
}
.profil-modal button.close {
  opacity: 1!important;
}
.actions-wrap.outstanding-wrap {
  padding: 40px 10px;
}
.actions-wrap.outstanding-wrap .table td,
.actions-wrap.outstanding-wrap .table th
{
  font-size: 12px;
}

/* notification css starts here */
.content-wrap {
  position: relative;
}
.outer-wrap.dashborad-wrap  .actions-wrap.outstanding-wrap  
{
  position: absolute;
  right: -100%;
  top: 0;
  transition: all .5s ease-in-out; 
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  padding-top: 133px;
  z-index: 99;
  min-height: 100vh;
  min-height: 100vh;
  

}
.actions-wrap.outstanding-wrap h2 {
  margin-bottom: 0!important;
}
.actions-wrap.outstanding-wrap {
  box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
  border: none;
}
.outer-wrap.dashborad-wrap  .actions-wrap.outstanding-wrap  table.table.table-striped
{
  margin-bottom: 0;
}
.show-notification  .outer-wrap.dashborad-wrap .actions-wrap.outstanding-wrap 
{ 
  right: 0px;
}
.inner-scroll-wrap {
  overflow-y: auto;
  height: 100%;
}

/* report page css starts here */

.keynumber-wrap .card {
  margin-bottom: 45px;
  padding: 15px 20px;
  border: none;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.keynumber-wrap .card-cont p {
  color: #202020;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.keynumber-wrap .card-cont h2.title-count{
  font-size: 32px;
  color: #fd4f00;
  font-weight: 600;
}
.keynumber-wrap .card_img figure {
  width: 65px;
  height:65px;
}
.keynumber-wrap .card_img figure img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.headcount-wrap .card {
  height: calc(100% - 30px);
  border: none;
  border-radius: 20px;
  margin-bottom: 30px;
}
.headcount-wrap .card .heading {
  margin-bottom: 45px;
  display: flex;
  
  border-bottom: 1px solid #B7B7B7;
}
.headcount-wrap .card .heading h2 {
  font-size: 22px;
  padding: 15px 20px;
  color: #fd4f00;
  font-weight: 500;
  line-height: 35px;
  width: 100%;
}
.headcount-wrap .card  img.report-img{
  padding: 15px 0px 15px 20px;
}
.map-wrap {
  padding: 5px 20px 15px;
  height: 330px;
  width: 490px;
}
.map-wrap  iframe{
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.headcount-wrap .recruit_list {
  border-radius: 15px;
  border: 1px solid #b7b7b7;
  margin: 5px 20px;
}
.headcount-wrap .recruit_list ul {
  display: flex;
  align-items: center;
}
.headcount-wrap .recruit_list ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px 15px;
 width:16.6%;
  border-right: 1px solid #b7b7b7;
}
.headcount-wrap .recruit_list ul li:last-child {
  
  border-right:none;
}
.headcount-wrap .recruit_list ul li figure {
  height: 100px;
  width: 100px;
}
.headcount-wrap .recruit_list ul li figure img
{height: 100%;
  width: 100%;

}
.headcount-wrap .recruit_list ul li h2 {
  font-size: 78px;
  font-weight: 500;
  line-height: 117px;
  color:#202020;
}
.headcount-wrap .recruit_list ul li p {
  font-size:16px;
  font-weight: 500;
  line-height: 25px;
  color:#202020;
}

ul.gender-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  height: 100%;
}
ul.gender-list li{
  width: 48%;
}
.repotr-wrap .actions-wrap.employee-wrap {
  background: #f9f9f9;
}

/* leave modal css */
div#applyLeaveModal textarea.form-control
{
    resize: none;
    height: 120px;
    background-color: #fbfbfb;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    line-height: 26px;
    margin-bottom: 8px;
}
.filter-list ul.sort-by li.active a p {
  color: #fff!important;
}
.actions-wrap.employee-wrap.all-cases .filter-list ul.sort-by li {
  margin-right: 0!important;
}
/* all casees my team css  */
.actions-wrap.employee-wrap.all-cases ul.default-list {
  justify-content: space-between;
}
.actions-wrap.employee-wrap.all-cases ul.default-list li ul{
  justify-content: space-between;
}

.actions-wrap.employee-wrap.all-cases ul.default-list li ul.inner_view_list {
  display: flex;
  flex-direction: row;
}

/* calender user filter css */
.user-filter select {
  width: 300px;
  margin-bottom: 15px;
}
.user-filter {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: flex-end;
}
.sub-heading.history-heading {
  margin-top: 25px;
}

/* interview  css starts here */
.actions-wrap.recruit-wrap.interview-wrap {
  height: auto;
}
.actions-wrap.recruit-wrap.interview-wrap  table.table.employee-list.leaves-table
{
  border: none;
}
.actions-wrap.recruit-wrap.interview-wrap  table.table.employee-list.leaves-table th,
.actions-wrap.recruit-wrap.interview-wrap  table.table.employee-list.leaves-table td{
    border-top: none !important;
    vertical-align: middle;
    padding: 19px 12px;
}
.actions-wrap.recruit-wrap.interview-wrap  table.table.employee-list.leaves-table td{
  background: #fff;
}
.actions-wrap.recruit-wrap.interview-wrap  table.table.employee-list.leaves-table tr {
  border-bottom: 12px solid #f5f5f5;
  border-radius: 100px !important;
  /* box-shadow: 0 6px 10px rgb(0 0 0 / 10%); */
}

/* offers table css starts here */
.offers-tabs ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:60px;
	width: 100%;
}
.offers-tabs ul.tabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  margin-right: 20px;
  padding: 10px 50px;
  height: 60px;
  font-size: 20px;
  line-height: 31px;
  border: 2px solid #333;
  background-color: #fff;
  color: #000;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offers-tabs .tab_last { border-right: 1px solid #333; }


.offers-tabs ul.tabs li.active,
.offers-tabs ul.tabs li:hover {
  background-color: #ffefe8;
  color: #fd4f00;
  border: 2px solid #fd4f00; 
  
}

.offers-tabs .tab_container {
  border: 1px solid #f5f5f5;
  border-top: none;
  clear: both;
  float: left;
  width: 100%;
  background: #fff;
  overflow: auto;
  margin-top: 40px;
}

.offers-tabs  .tab_content {

	display: none;
}

.offers-tabs  .tab_drawer_heading { 
  display: none; 
}
table.table.employee-list.leaves-table.offers-table {
  white-space: nowrap;
}

.actions-wrap.recruit-wrap.interview-wrap table.table.employee-list.leaves-table tbody td:nth-child(6)  {
  min-width:200px !important;
  white-space: normal;
}


/* profile image upload css */
.profile-wrap .logoContainer {
  text-align: center;
  line-height: 120px;
  height: 220px;
  width: 220px;
  margin: 0 auto 15px;
  position: relative;
}
.profile-wrap .logoContainer img{
	max-width:100%;
}
.profile-wrap .fileContainer { 
  width: 50px;
  height:50px;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 31px;
  position: absolute;
  right: 0;
  bottom: -45px;  
  border-radius: 100%;
  margin: 0 auto 60px auto;
  cursor: pointer !important;
 background: #fd4f00;
  color: #6a696b;
  padding: 0 10px; 
  display: flex;
  align-items: center;
  justify-content: center;   
}
.profile-wrap .fileContainer i
{
  color:#fff;
}
.profile-wrap .fileContainer span{
	overflow:hidden;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor: pointer;
}
.profile-wrap .fileContainer input[type="file"]{
	opacity:0;
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	position: absolute;
	cursor: pointer;
}
/* offer modal css starst here  */

div#offer_Modal .input-wrap {
  position: relative;
}
div#offer_Modal .input-wrap input
{
  padding-left: 30px;
}
div#offer_Modal .input-wrap span {
  position: absolute;
  top: 0;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

input[type=number]::-webkit-inner-spin-button {
  opacity: 0
}
div#offer_Modal a.custm_btn {
  min-width: 120px;
  text-align: center;
  margin-right: 15px;
}

/* induction css starts here */
div#imModal .form-group {
  display: flex;
  align-items: center;
}
div#imModal  .custom-control-label::before {
  top: 3px;
}
.offers-tabs .induction_container a.view-icon.view-btn
{
  display: block!important;
}
.offers-tabs a.view-icon.view-btn {
  visibility: hidden;
}

.offers-tabs.induction-tabs a.view-icon.view-btn {
  visibility:unset;
}

.cstm-action.hide_cta a.view-icon.view-btn {
  visibility: visible;
}
/* assign modal */
.assign-task .form-group {
  margin-bottom: 5px;
}
.assign-task .inner_cstm_wrap {
  width: 100%;
  position: relative;
}
.assign-task  .induction-btn-wrap {
  
    margin: 15px 0px;
}
.assign-task .add-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
div#imModal {
  padding-right: 0!important;
}
.tab_container.induction_container .update-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 0 30px 0;
  width: 100%;
  margin: 0;
  background: whitesmoke;
}
/* body.view-offer .offers-tabs a.view-icon.view-btn {
  display:block;
} */
body.shrink-nav span.toggle-line::before
{  
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
  top: -10px;
  left: 5px;
}
body.shrink-nav span.toggle-line
{
  background: #fd4f00;
}
body.shrink-nav span.toggle-line::after
{
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);        
  bottom: -12px;
  left: 5px;
       
}
/* pay pahe css starts here */
table.table.employee-list.leaves-table.pay-table {
  table-layout: fixed;
}

.pay-dtl ul.rr-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay-dtl ul.rr-list li{
  width: 32%;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.pay-dtl ul.rr-list li p
{
  font-size: 17px;
    font-weight: 500;
    color: #6a696b;
    line-height: 26px;
    width: 40%;
}
.pay-dtl ul.rr-list li span
  {
    font-weight: 500;
    color: #000;
    font-size: 17px;
    line-height: 26px;
    width: 60%;
}

.recruit-content ul.rr-list li span {
  font-weight: 500;
  color: #000;
  font-size: 17px;
  line-height: 26px;
  /* width: 75%; */
  margin-left:10px;
}
.recruit-content ul.rr-list li p {
    font-size: 17px;
    font-weight: 500;
    color: #6a696b;
    line-height: 26px;
    /* width: 35%; */
    white-space: nowrap;
}
.recruit-content ul.rr-list
{
  align-items: flex-start;
}
ul.rr-list.main-rr i
{
  margin-right: 8px;
}
ul.rr-list.main-rr span.time-duration {
  margin-left:8px!important;
}
.recruit-content ul.rr-list li {
  width: 33.3%;
  display: flex;
  margin-bottom: 20px;
  align-items: center;
}
.recruit-content ul.rr-list li.full-width {
  flex-direction: column;
  width: 100%!important;
  align-items: flex-start;
}
.recruit-content ul.rr-list li.full-width span
{
  margin-left: 0;
}

.card.vacc-outer i {
  color: #000;
  margin-right: 8px;
}
.card.vacc-outer i,
span.dtl-page-icon i {
  color: #000;
  margin-right: 8px;
}
.card.vacc-outer  span.dollor i
{
  color: #fd4f00;
}

/* benefit wrap */
.benefit-wrap {
  display: flex;
  flex-wrap: wrap;
}
.benefit-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.benefit-wrap ul.tabs
{
  width: 20%!important;
  display: flex;
  flex-direction: column;
  height: 100%!important;
}
.benefit-wrap ul.tabs li {
  width: 100%!important;
  height:auto!important;
  margin-bottom:20px!important;
  overflow:unset!important;
  border:none!important;
}
/* .benefit-wrap ul.tabs li:last-child {
  margin-bottom: 0!important;
} */
.benefit-wrap ul.tabs li:hover
{
  background: #fd4f00!important;
  color: #fff;
  border:none!important;
  display: block;
  border-radius: 20px;
}
.benefit-wrap ul.tabs li .card
{
  height: auto!important;
  padding: 15px;
  margin-bottom: 0!important;
}
.benefit-wrap .tab_container {
  width: 78%!important;
  min-height: 630px;
  border-radius: 20px;
}
.dashborad-content .benefit-wrap .card figure {
  width: 90px;
  height: 90px;
}
.dashborad-content  .benefit-wrap .card figure img {
  width: 50px;
  height: 50px;
}
.benefit-wrap .tab_content
{
  padding:15px;
  position: relative;
}
.benefit-wrap .tab_content h2 {
  margin-bottom: 15px;
  font-size: 26px;
}
.benefit-wrap .tab_content p{
  margin-bottom: 10px;
  font-size: 16px;
  line-height:24px;
}
.benefit-wrap .tab_content p:last-child{
  margin-bottom: 0px;
  
}
.outer-wrap.dash-area .benefit-wrap .tab_container 
{
  overflow: unset;
}
.edit-icon {
  right: 30px;
  top: -20px;
  position: absolute;
  height: 40px;
  width: 40px;
  background: #fd4f00;
  border-radius: 100px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
}
.edit-icon a
{
  color: #fff;
}
.benefit-wrap ul.tabs {
  position: relative;
}
/* .add-new-benef a {
  right: 30px;
  top: -20px;
  position: absolute;
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
} */
.add-new-benef a i{
  color:#fff;
  margin-right: 5px;
}
/* benefit modal */
div#edit-cont-popup .modal-dialog
{
  max-width: 800px;

}
div#add-benefit-popup  .modal-dialog
 {
  max-width: 1000px;
}
div#add-benefit-popup  figure.profile-pic {
  height: 160px;
  width: 160px;
  margin: 0 auto 15px;
  position: relative;
}

div#edit-cont-popup  .modal-header h2,
div#add-benefit-popup  .modal-header h2 {
  font-size: 26px;
  font-weight: 500;
  color: #fd4f00;
  line-height: 24px;
  text-transform: capitalize;
}
div#add-benefit-popup h4 {
  font-size: 20px;
  font-weight: 500;
  color: #363636;
  line-height: 24px;
  padding-bottom: 10px;
}
div#add-benefit-popup figure.profile-pic img {
  height: 160px;
  width: 100px;
  border-radius: 100%;
  object-fit: contain;
}
div#add-benefit-popup  .profile-wrap .logoContainer {
  text-align: center;
  line-height: 120px;
  height: 160px;
  width: 160px;
  margin: 0 auto 15px;
  position: relative;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}
div#add-benefit-popup  .profile-wrap .fileContainer {
  width: 40px;
  height: 40px;
  right: -10px;
}
div#edit-cont-popup label,
div#add-benefit-popup  label
 {
  margin-bottom: 10px;
}
/* notification css  */
.actions-wrap.outstanding-wrap table.table td, .actions-wrap.outstanding-wrap table.table th {
  padding: 10px 5px;
}

/* table css  */

/* span.dollor{
  color: #fd4f00;
} */
.sallary,
p.title ,
.bold
{
  font-weight: 600;  
}
p.title 
{  
  margin-bottom: 5px;
}
span.time-duration {
  font-size: 14px;
  border: 2px solid #fd4f00;
  padding: 1.5px 15px;
  border-radius: 15px;
  background-color: #ffefe8;
  color: #fd4f00;
  font-weight: 500;
  margin-left: 0!important;
}
p.apllicant,
p.team,
.case-icon {
  display: inline-flex;
  align-items: center;
}
p.apllicant i,
p.team i,
p.mail i,
.phone i,
p.bold i,
.case-icon img{
  height: 20px;
  width: 20px;
  margin-right:8px;
  color: #363636;
  
}
span.dollor i,
.profile-icon i {
  height: 20px;
  width: 10px;
  margin-right:5px;
  margin-left: 0;
  color: #363636;
  display: inline;
}
.phone i ,
i.fas.fa-phone {
  transform: rotate(90deg);
}
ul.pd-list.off-list span.dtl-page-icon i {
  margin-right: 0;
}
.case-icon
{
  white-space: nowrap;
}
 /* Upload policy css */
 h4.upload-heading {
  font-size: 25px;
  font-weight: 500;
  color: #363636;
  margin:25px 0;
}
.upload-policy label {
  margin-bottom:10px;
}

.pay-wrap .pagination {
  padding: 25px 0 0;
  width: 100%!important;
  background: whitesmoke!important;
}
.pay-wrap .update-wrap.leave_wrap {
  background: whitesmoke;
  margin: 0;
  padding: 15px 0;
}

.update-wrap.leave_wrap.pay-filter-wrap {
    justify-content: space-between;
}
.pay-select .form-group
{
  margin-bottom: 0;
}
.pay-select  {
display: flex;
align-items: center;
}
.pay-select select {
  background-color: #ffffff;
  color: #fff;
  width: 230px;
  padding: 9px 15px;
  border-radius: 6px;
  color: #000 !important;
  font-size: 18px;
  cursor: pointer;
  margin-right: 15px;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}
.pay-select select:focus
{
  outline: none;
}
.pay-select select option {
    text-transform: capitalize;
}
.side-bar ::-webkit-scrollbar {
    display: none;
}
.timesheet-table-wrap {
  white-space: nowrap;
}
.table-wrap.timesheet-table-wrap p.status.danger,
.table-wrap.timesheet-table-wrap p.status.info {
  width: 170px;
}
.timesheet-table tbody tr td:last-child {
  width: 130px;
}
table#DataTables_Table_0 {
  margin-top: 0!important;
}
.timesheet-tab-wrap .pay-select input {
  width: 250px;
  height: 48px;
  border: 1px solid #ced4da;
  background-color: #fbfbfb;
  border-radius: 5px;
  margin: 0 25px;
}
/*datatable-css*/
.table_white{
  margin:30px 0 0 0;
  padding:0px;
  background: transparent;
  border-radius: 10px;
}
table.display{margin-top: 30px;}
table.display thead {
    background: var(--primary);
    border-radius: 10px;
}
table.display thead th {
    padding: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    text-transform: capitalize;
    border-bottom: none;
}
table.display tbody td {
    padding: 18px;
    vertical-align: middle;
    border-bottom: #f2f2ff solid 2px;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff;
    border:none;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: url(../images/icon-awesome-chevron-down.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    content: "";
    background-size: 10px;
    background-position: center;
    border: none;
    box-shadow: none;
    left: 10px;
}
table.display {
  margin-top: 0;
}
div#DataTables_Table_0_length {
    margin-bottom: 20px;
    margin-top: 10px;
}
div#DataTables_Table_0_filter {margin-top: 10px;}
div#DataTables_Table_0_info, div#DataTables_Table_0_paginate {
    margin-top: 15px;
}
table.dataTable.no-footer{border-bottom: none;}
div.dt-buttons{display: none;}
table ul.dtr-details {
    width: 100%;
}
table ul.dtr-details li {
    display: inline-block;
    margin-right: 18px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom: none;}
.dataTables_wrapper .dataTables_filter input {
    border: #ccc solid thin;
    height: 32px;
}
.dataTables_wrapper .dataTables_filter input:focus{outline: none;}
#DataTables_Table_0_length select {
    border: #ccc solid thin;
    padding: 5px;
}
/*table-css-end*/
.form-control:disabled, .form-control[readonly] {
  background: #fff!important;
}
ul.doc-list img {
  height: 42px;
  width: 42px;
}

/* policy heading wrap */
.heading_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.heading_wrap h2 {margin-bottom: 0;
}
.upload-policy {
  width: 100%;
  margin: 0 0 20px 0;

}
div#update-popup h4.upload-heading {
  font-size: 26px;
  font-weight: 500;
  color: #fd4f00;
  line-height: 24px;
  text-transform: capitalize;
  margin: 0;
}
.policy-update .modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  min-height: 200px;
}
.policy-update .modal-content {
  height: 280px;
}
.policy-update .modal-content
{
  border-radius: 20px;
}
ul.navbar p.status.alert-success, 
ul.navbar p.status.danger {
  width: 150px;
}

/* sticky notification on dashboard */

.outer-wrap.dashborad-wrap.sticky-notification .actions-wrap.outstanding-wrap {
  position: relative!important;
  padding-top: 50px!important;
  right: 0!important;
}
.responsive-view
{
display:none;
}