@charset "utf-8";
/** Poppins fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* --- Common Variables Start --- */

:root {
  /* Background Color Variables */
  --bg-green: #043c4b;
  --bg-gray: #454545;
  /* --bg-light-sky-color: #EBFDFF; */

  --bg-light-sky-color: #fff1e3;

  /* Color Variables */
  --primary-color: #fb7800;
  --text-green: #043c4b;
  --text-gray: #454545;
  --text-gray-v2: #797979;
  --text-light-green: #00d6a3;
}

/* --- Common Variables End --- */

/* --- Common Css Start --- */

html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */
  height: 100%;
}

html,
body {
  overflow-x: hidden;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  background: #fafafa;
  height: 100%;
  font-size: 14px;
  color: #686868;
}

.container-fluid {
  max-width: 1920px;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
form,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

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

img {
  border: 0;
}

a {
  text-decoration: none;
  outline: none !important;
  outline-color: transparent !important;
}

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

a:hover {
  color: #fb7800;
}

a,
.btn,
button,
:after,
:before {
  transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

h4.large {
  font-size: 22px;
  line-height: normal;
}

h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #1e2021;
  text-transform: capitalize;
}

h4.small {
  font-size: 18px;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #1e2021;
  text-transform: capitalize;
}

h5.small {
  font-size: 15px;
}

h4 span {
  margin-left: 10px;
}

span + h5 {
  margin-left: 10px;
  line-height: normal;
}

h5 span {
  margin-left: 10px;
}

p {
  font-size: 13px;
  line-height: 22px;
  color: #686868;
  font-weight: 500;
}

p.dark-color {
  color: #1e2021;
}

p.large {
  font-size: 15px;
  line-height: normal;
  color: #1e2021;
  font-weight: 400;
}

hr {
  border-color: #e0e0e0;
  border-width: 2px;
  margin-top: 25px;
  opacity: 1;
  margin-bottom: 25px;
}

select {
  border: solid #e0e0e0 1px;
  background: #ffffff;
  border-radius: 10px;
  min-width: 60px;
  height: 35px;
  padding: 5px 12px;
  line-height: normal;
  font-weight: 500;
  font-size: 13px;
  color: #1e2021;
  outline: none;
}

ul.pagination {
  float: right;
}

ul.pagination li {
  margin-left: 10px;
}

ul.pagination li a {
  background: #ffffff;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e2021;
  border-radius: 10px;
  border: solid #e0e0e0 1px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

ul.pagination li.arrow-list a {
  width: 24px;
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 400;
}

ul.pagination li a:focus,
ul.pagination li a.active {
  border-color: #fb7800;
  color: #fb7800;
}

.hide-extra_content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block !important;
  position: relative;
}

.hide-extra_content.icon_small {
  padding-left: 24px;
  padding-right: 10px;
}

.sky-blue {
  background-color: #f0f8ff;
}

.light-green {
  background-color: #f6fff6;
}

.light-orange {
  background-color: #fff5f3;
}

.light-pink {
  background-color: #fff3ff;
}

.primary-color {
  color: var(--primary-color);
}

.primary-color-bg {
  background-color: var(--primary-color) !important;
}

.blue-color {
  color: #0087de;
}

.green-bg {
  background: #00be0a !important;
}

.green-arrow::after {
  background: #00be0a !important;
}

.blue-bg {
  background: #1e89f7 !important;
}

.dark-blue-bg {
  background: #0087de !important;
}

.orange-bg {
  background: #ee5600 !important;
}

.yellow-bg {
  background: #ff9d09 !important;
}

.yellow-arrow::after {
  background: #ff9d09 !important;
}

.grey-bg {
  background: #a6a6a6 !important;
}

#mainWrapper {
  filter: inherit !important;
}

.form-control {
  font-weight: 500;
  padding-right: 45px;
}

.form-control:not(textarea) {
  height: 50px;
}

.form-control:focus {
  outline-color: var(--bg-light-sky-color);
  box-shadow: none !important;
}

.form-control::placeholder {
  color: var(--text-gray);
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: var(--text-gray);
}

.form-control::-ms-input-placeholder {
  color: var(--text-gray);
}

.ih-btn-common {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var(--text-green);
  background: var(--bg-light-sky-color);
}

.ih-btn-common:hover,
.ih-btn-common:focus {
  background: var(--bg-green) !important;
  color: var(--text-light-green) !important;
}

.dropdown-menu {
  border-color: #e0e0e0;
}

.dropdown-item {
  font-size: 14px;
  color: #686868;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #fb7800;
  background: var(--bg-light-sky-color);
}

.checkbox {
  display: block;
}

.checkbox + a.link {
  display: flex;
  width: 100%;
  line-height: 18px;
}

.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checkbox label {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  color: #686868;
  font-weight: 500;
  line-height: normal;
}

.checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #e0e0e0;
  padding: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}

td .checkbox label:before {
  margin-top: 0;
}

.checkbox input:checked + label:before {
  border-color: #fb7800;
  background-color: #fb7800;
}

.checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 0.294118C13.3 -0.0980392 12.7 -0.0980392 12.3 0.294118L4.8 7.64706L1.7 4.60784C1.3 4.21569 0.7 4.21569 0.3 4.60784C-0.1 5 -0.1 5.58824 0.3 5.98039L4.1 9.70588C4.3 9.90196 4.5 10 4.8 10C5.1 10 5.3 9.90196 5.5 9.70588L13.7 1.66667C14.1 1.27451 14.1 0.686274 13.7 0.294118Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
}

table td .checkbox input:checked + label:after {
  top: 0px;
}

.job-candidates-table table td .checkbox input:checked + label:after {
  top: 1px;
}

.fixed-right {
  position: absolute;
  right: 0;
  top: 0;
}

.fixed-left {
  position: absolute;
  left: 0;
  top: 0;
}

.rightside {
  position: relative;
}

.reco_head .rightside {
  position: inherit;
}

.border-light {
  border-color: #e0e0e0 !important;
}

.kanban_bottom i {
  position: relative;
  top: -1px;
}

.kanban_bottom .leftside ul {
  padding-top: 2px;
}

/* --- Common Css End --- */

/* --- Menu/Sidebar Css Start --- */

.logo {
  width: 100%;
  max-width: 242px;
  border-right: solid #eeeeee 1px;
  min-height: 84px;
}

.logo img {
  max-width: 175px;
  width: 100%;
}

#mainWrapper.toggled {
  padding-left: 242px;
}

#sidebar-wrapper {
  position: fixed;
  width: 0;
  left: 242px;
  height: 100%;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -242px;
  border-right: solid #eeeeee 1px;
  padding-top: 84px;
  background-color: #ffffff;
}

.hdtopbar,
#sidebar-wrapper {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#mainWrapper.toggled #sidebar-wrapper {
  width: 242px;
}

#mainWrapper.toggled {
  padding-left: 242px;
}

#page-content-wrapper {
  width: 100%;
  position: relative;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
  width: 100%;
}

#mainWrapper {
  transition: ease all 0.5s;
}

.sidebar-nav {
  /*position: absolute;*/
  position: relative;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.menu-icon {
  padding: 0;
  background: #fb7800;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-radius: 24px;
  position: absolute;
  right: -12px;
  transition: ease 0.25s;
  z-index: 1;
  cursor: pointer;
}

.menu-icon span.arrow_icon {
  position: relative;
}

.menu-icon span.arrow_icon svg {
  position: relative;
  top: -1px;
}

/* --- Menu/Sidebar Css End --- */

/* --- Topbar Css Start --- */

.hdtopbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  min-height: 84px;
  border-bottom: solid #eeeeee 1px;
  background: #ffffff;
}

ul.topbar_icons {
  list-style: none;
  display: flex;
  align-items: center;
}

header.hdtopbar ul.topbar_icons li {
  margin-right: 25px;
}

.content-topspace {
  padding-top: 70px;
  padding-bottom: 15px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#mainWrapper.toggled .logo::before {
  width: 0;
}

#main-menu {
  width: 242px;
  padding-bottom: 0;
}

.menu-profilebox {
  width: 242px;
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0 18px;
}

.menu-profilebox span {
  display: block;
}

.menu-profilebox a {
  color: #c1c1c1;
  font-size: 13px;
}

.proimg {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid #00d6a3;
  margin-bottom: 10px !important;
}

.proimg img {
  width: 100%;
  height: 100%;
}

.pro-link {
  background: #313947;
  color: #8ea6d5;
  padding: 10px 12px;
  border-radius: 50%;
}

.mCSB_scrollTools {
  z-index: 1;
}

/* --- Topbar Css End --- */

/* --- Search Bar */

.search_bar_top {
  padding: 0 0 0 30px;
  max-width: 100%;
  width: 100%;
  position: relative;
}

.search_bar_top form {
  width: 100%;
  max-width: 528px;
}

.search_bar_top form fieldset {
  width: 100%;
  position: relative;
}

.search_bar_top input {
  width: 100%;
  background: #fafafa;
  border: solid #e0e0e0 1px;
  height: 44px;
  color: #666666;
  border-radius: 4px;
  font-size: 14px;
  line-height: normal;
  padding: 0 44px 0 16px;
}

.search_bar_top input:hover,
.search_bar_top input:focus {
  box-shadow: none;
  outline: none;
}

.search_bar_top button {
  position: absolute;
  right: 0;
  height: 44px;
  width: 44px;
  border: none;
  z-index: 1;
  top: 0;
  background: transparent;
}

/* --- Search Bar End */

/* --- Close Menu Icon Css Start --- */

.bar1,
.bar2,
.bar3 {
  width: 20px;
  height: 2px;
  background-color: var(--bg-green);
  margin: 7px 0;
  transition: 0.4s;
}

.bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 5px);
}

.bar2 {
  opacity: 0;
}

.bar3 {
  margin-top: 5px;
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -4px);
}

.change .bar1 {
  -webkit-transform: rotate(-180deg) translate(-9px, 6px);
  margin-top: 16px;
  transform: rotate(-180deg) translate(-8px, 6px);
}

.change .bar3 {
  -webkit-transform: rotate(180deg) translate(-8px, -8px);
  transform: rotate(180deg) translate(-8px, 9px);
  margin-bottom: 0;
}

.change .bar2 {
  -webkit-transform: rotate(-180deg) translate(-8px, 8px);
  transform: rotate(-180deg) translate(-8px, 8px);
  opacity: 1;
}

/* --- Close Menu Icon Css End --- */

/* --- Header Css Start --- */

.icondrop > a {
  display: inline-block;
}

.usericonxs {
  padding-right: 15px;
  border-right: solid 1px #c9c9c9;
  margin-top: 3px;
}

.hd-right-icon {
  padding-right: 20px;
  height: 100%;
}

.hd-right-icon a.ih-links {
  color: #6a7969;
}

.dropdown.icondrop {
  margin-right: 35px;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hd-right-icon a:hover,
.hd-right-icon a:focus {
  color: #0087de;
}

.dropdown-toggle::after {
  display: none;
}

.ih-notification-link {
  position: relative;
}

.ih-notification-link span.notifications-count {
  position: absolute;
  top: 0;
  right: -7px;
  width: 15px;
  height: 15px;
  color: #ffffff;
  font-weight: 400;
  border-radius: 50%;
  text-align: center;
  background-color: #ff5151;
  border: solid #ffffff 2px;
  font-size: 0;
}

.hd-right-icon .dropdown-menu {
  padding: 0px !important;
}

.icondrop .user-left {
  margin-right: 0px;
  padding: 0px 0px 3px;
}

.icondrop .dropdown-menu img {
  width: 12px;
  margin-right: 6px;
}

.icondrop .dropdown-menu li {
  border-top: solid 1px #dedede;
}

.icondrop .dropdown-menu li:first-child {
  border-top: 0px;
}

.icondrop .dropdown-menu li a {
  padding: 6px 10px;
}

.icondrop .dropdown-menu li a .user-left h2 {
  max-width: inherit;
  white-space: normal;
  text-overflow: inherit;
}

.icondrop .dropdown-menu li a:hover .user-left h2,
.icondrop .dropdown-menu li a:hover .user-left span {
  color: #fff !important;
}

/* --- Header Css End --- */

/* --- Notification List Css Start --- */

.dropdown .ih-notification {
  border: 0;
  padding-top: 0;
  max-width: 300px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 2px 5px #e2e2e2;
}

.ih-notification-desc {
  max-height: 400px;
}

.ih-notification-head h3 {
  padding: 15px;
  font-size: 14px;
  margin-bottom: 0;
  box-shadow: 0px 1px 2px #e2e2e2;
}

.ih-notification-head h3 a {
  float: right;
  font-size: 12px;
  margin-top: 1px;
  color: #0087de;
  text-transform: capitalize;
}

.ih-notification-head h3 a:hover,
.ih-notification-head h3 a:focus {
  color: var(--text-green);
}

.ih-notification-desc .dropdown-item {
  display: block;
  font-size: 11px;
  line-height: 1.4;
  padding: 12px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.ih-notification-desc .dropdown-item:hover,
.ih-notification-desc .dropdown-item:focus {
  background-color: #f5f5f5;
}

.ih-notification-desc .dropdown-item:last-child {
  border-bottom: 0;
}

.ih-notification-desc .dropdown-item span {
  display: block;
  color: #a5a5a5;
  font-size: 10px;
  padding-top: 5px;
}

.ih-notification-desc .mCSB_inside > .mCSB_container {
  margin-right: 15px;
}

/* --- Notification List Css End --- */

/* --- Profile Css Start --- */

.profile-drop {
  display: flex;
  justify-content: flex-end;
  list-style: none;
}

.profile-drop .item {
  padding: 0;
  position: relative;
}

.profile-main-drop {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.profile-main-drop .img-block img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 42px;
}

.profile-main-drop .profile-content {
  margin-left: 12px;
  text-align: left;
}

.profile-main-drop .profile-content .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #0087de;
  max-width: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.profile-main-drop .profile-content .profile-designation p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #7b7c8a;
  margin: 0;
}

.profile-main-drop .profile-icon {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}

.profile-drop .item ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  width: 200px;
  padding: 0;
  background: #0087de;
  margin-top: 2px;
  border: solid #eeeeee 1px;
  color: #fff;
}

ul.profile-drop.show ul {
  display: block;
}

.profile-drop .item ul li {
  padding: 0 20px 0 20px;
  border-bottom: none;
  height: 42px;
  margin: 0;
  display: flex;
  align-items: center;
  transition: ease all 0.25s;
  justify-content: flex-start;
  width: 100%;
}

.profile-drop .item ul li:hover,
.profile-drop .item ul li:focus {
  background: #fb7800;
}

.profile-drop .item ul li + li {
  border-top: solid rgba(255, 255, 255, 0.15) 1px;
}

.profile-drop .item ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.profile-drop .item ul li a {
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  text-align: left;
}

.profile-drop .item ul li a i {
  font-size: 16px;
  margin-right: 8px;
  position: relative;
  top: 0px;
}

.profile-main-drop .profile-icon img {
  width: 12px;
}

@media (min-width: 500px) {
  .profile-drop .item {
    border: none;
  }
}

/* --- Profile Css End --- */

/* --- Content Css Start --- */

.title-wrpae {
  border-bottom: solid 1px #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
}

.alert-row {
  justify-content: center;
}

.main-title {
  color: var(--bg-light-sky-color);
  font-size: 24px;
  font-weight: 400;
  display: block;
  clear: both;
}

a.export-btn {
  color: #454545;
  font-size: 15px;
  border: 1px solid #dcdcdc;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  padding: 6px 24px;
}

a.export-btn:hover {
  background: #454545;
  color: #fff;
}

.main-title h1 {
  font-size: 24px;
  font-weight: 400;
}

.info-box {
  text-align: center;
  background: #fff;
  padding: 18px 15px;
  border-bottom: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
}

.info-box span {
  color: #454545;
  font-size: 14px;
  display: block;
}

.info-box h2 {
  color: var(--bg-light-sky-color);
  font-size: 35px;
  font-weight: 400;
}

table {
  width: 100%;
}

a.reject {
  margin-left: 50px;
}

.table-style tr th {
  background: #f4f6f9;
  border: 1px solid #d8dbde;
  font-size: 14px;
  color: #454545;
  font-weight: 700;
  padding: 6px 20px;
  white-space: nowrap;
}

.table-style tr td i.far.fa-file-pdf {
  font-size: 20px;
}

.table-style tr td {
  border: 1px solid #d8dbde;
  color: #454545;
  padding: 14px 20px;
  white-space: nowrap;
}

.table-style tr td a {
  color: var(--bg-light-sky-color);
  text-decoration: underline;
}

.table-style tr td a:hover {
  text-decoration: none;
}

a.view-all {
  font-size: 15px;
  color: #454545;
  font-weight: 600;
  border: 1px solid #dcdcdc;
  padding: 5px 21px;
  border-radius: 7px;
  max-width: 105px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-bottom: 20px;
}

a.view-all:hover {
  background: #454545;
  color: #fff;
}

a.accordion-box.collapsed:hover {
  color: #000;
}

.accordion-box.collapsed {
  background: #dee6d6 url(../images/arrow-down.png) right 14px top 14px
    no-repeat;
}

.accordion-box {
  background: #dee6d6 url(../images/arrow-up.png) right 14px top 14px no-repeat;
  display: block;
  color: #545454;
  font-size: 20px;
  font-weight: 300;
}

/* --- Content Css End --- */

/* --- Sign In Css Start --- */

.ih-sign-in {
  position: relative;
  z-index: 1;
  padding: 15px;
  height: 100vh;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.ih-sign-in::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.85;
  background: var(--bg-green);
}

.ih-sigin-box {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
}

.ih-sigin-border {
  padding: 24px 10px;
  border-bottom: 1px solid rgba(4, 60, 75, 0.15);
}

.ih-sigin-border img {
  width: 220px;
}

.ih-signin-form {
  padding: 40px;
}

.ih-signin-form h1 {
  line-height: 1;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 30px;
  color: var(--text-green);
  text-decoration: underline;
}

.ih-signin-form .form-group {
  margin-bottom: 25px;
}

.ih-email .form-control {
  background: url('../images/icons/mail.svg') right 15px center no-repeat;
  background-size: 20px;
}

.ih-lock .form-control {
  background: url('../images/icons/password.svg') right 16px center no-repeat;
  background-size: 16px;
}

.ih-forgot-link a {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--text-gray-v2);
  text-decoration: underline;
}

.ih-forgot-link a:first-child {
  color: var(--bg-green);
}

.ih-forgot-link a:hover,
.ih-forgot-link a:focus {
  color: var(--text-light-green);
}

.ih-password-form h1 {
  line-height: 1.5;
  margin-bottom: 70px;
  text-decoration: none;
}

/* --- Sign In Css End --- */

/* --- Custom Checkbox Css Start --- */

.ih-checkbox {
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
  padding-left: 25px;
  -ms-user-select: none;
  color: var(--text-gray);
  -moz-user-select: none;
  -webkit-user-select: none;
}

.ih-checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid rgba(69, 69, 69, 0.5);
}

.ih-checkbox input:checked ~ .checkmark {
  border-color: transparent;
  background-color: var(--bg-green);
}

.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.ih-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.ih-checkbox .checkmark::after {
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  height: 9px;
  margin: auto;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* --- Custom Checkbox Css End --- */

/* -- Extra Css **/

.content_wrapper {
  position: relative;
  padding: 115px 18px 20px;
}

h3 {
  font-size: 20px;
  color: #1e2021;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 30px;
}

h3.page_title {
  margin-bottom: 24px;
}

h3.page_title span {
  margin-left: 10px;
}

.white_section {
  background: #ffffff;
  border: solid #e0e0e0 1px;
  border-radius: 20px;
  padding: 30px;
  height: 100%;
  min-height: 120px;
}

.light_grey_bg {
  background-color: #fafafa;
}

.border-light {
  border: solid #e0e0e0 1px;
  border-radius: 20px;
}

.white_section.with_section_head {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

.column {
  background: #ffffff;
  border: solid #e0e0e0 1px;
  border-radius: 20px;
  padding: 30px;
}

.column.top {
  border-radius: 20px 20px 0 0;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.column.top.candidates-head {
  padding-bottom: 20px;
}

.column.bottom {
  border-radius: 0 0 20px 20px;
  padding-bottom: 0;
  min-height: 70%;
}

label.form_label {
  font-size: 15px;
  font-weight: 600;
  color: #1e2021;
  line-height: 20px;
  width: 100%;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.form_field {
  /* background: #ffffff; */
  border: solid #e0e0e0 1px;
  width: 100%;
  border-radius: 5px;
  height: 45px;
  font-size: 14px;
  color: #686868;
  font-weight: 400;
  padding: 5px 15px;
  line-height: 24px;
}

select.form_field {
  height: 50px !important;
}

textarea.form_field {
  height: 140px;
  padding: 15px;
  margin-bottom: -7px;
}

.field_list {
  height: auto;
  padding: 15px;
}

.field_list ul {
  list-style: disc;
  padding-left: 20px;
}

.field_list ul li + li {
  margin-top: 5px;
}

.form_field:hover,
.form_field:focus {
  box-shadow: none;
  outline: none;
}

.candidate_details_form .field {
  margin-top: 20px;
}

.candidate_details_form form {
  margin-top: 5px;
}

.field + .field {
  margin-top: 20px;
}

.field + .field.submit_btn {
  margin-top: 24px;
}

input[type='file'] {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 45px;
  border-radius: 4px; /* Rounded corners */
  padding: 0;
  cursor: pointer;
}

input[type='file']::file-selector-button {
  padding: 15px 25px;
  height: 50px;
  border: none;
  cursor: pointer;
}

button.form_btn {
  background: #0087de;
  border: none;
  color: #ffffff;
  height: 45px;
  padding: 0 35px;
  border-radius: 45px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
}

button.form_btn:hover,
button.form_btn:focus {
  background: #fb7800;
}

.main_btn {
  background: #0087de;
  border: none;
  color: #ffffff;
  min-height: 45px;
  padding: 10px 20px;
  border-radius: 45px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
}

.main_btn.v2 {
  background: #fb7800;
}

.main_btn.v2:hover,
.main_btn.v2:focus {
  background: #0087de;
}

.main_btn span {
  margin-left: 10px;
  margin-top: -1px;
}

.main_btn:hover,
.main_btn:focus {
  background: #fb7800;
  color: #ffffff;
}

/* --- Close and Menu Icon Css Start --- */

.menu-icon.change {
  transform: rotate(180deg);
}

#sidebar-wrapper .hdtopbar {
  left: 0px;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
  left: 0px;
  width: auto;
}

/* --- Close and Menu Icon Css End --- */

nav#main-nav {
  height: 100%;
  overflow: auto;
  width: 100%;
  overflow-x: hidden;
}

.table-resposive {
  width: 100%;
  overflow-x: auto;
}

.table-resposive.with-hover-tr {
  width: inherit;
  margin: 0 -30px;
}

table.table {
  border-color: #e0e0e0;
  margin-bottom: 0;
  height: 100%;
}

table.table tbody tr {
  transition: ease all 0.5s;
}

.table-resposive.with-hover-tr table.table tbody tr:hover,
.table-resposive.with-hover-tr table.table tbody tr:focus {
  background-color: #f6feff;
}

table.table tr:last-child td {
  border-bottom: transparent;
}

table.table th {
  font-size: 14px;
  line-height: 24px;
  color: #1e2021;
  font-weight: 600;
  white-space: nowrap;
}

table.table td {
  font-size: 13px;
  line-height: normal;
  color: #686868;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 15px;
}

table.table td a.link {
  color: #0087de;
  display: flex;
  align-items: center;
  line-height: 18px;
}

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

table.table td.name {
  white-space: nowrap;
}

table.table th,
table.table td {
  padding-right: 30px;
}

table.table th:first-child,
table.table td:first-child {
  padding-left: 0;
}

table.table th:last-child,
table.table td:last-child {
  padding-right: 0;
}

.table-resposive.with-hover-tr table.table tr th:first-child,
.table-resposive.with-hover-tr table.table tr td:first-child {
  padding-left: 30px;
}

.table-resposive.with-hover-tr table.table tr th:last-child,
.table-resposive.with-hover-tr table.table tr td:last-child {
  padding-right: 30px;
}

table.table th {
  border-bottom-width: 2px;
  padding-top: 0;
  padding-bottom: 20px;
  height: auto;
}

table.table td {
  height: 50px;
}

table.table th,
table.table td {
  vertical-align: middle;
}

span.green_check {
  color: #00be0a;
  font-size: 25px;
}


span.red_cross {
  color: #ff5151;
  font-size: 25px;
}


table th .c-icon-down-arrow:before {
  padding-top: 24px;
}

.table_btn {
  background: #0087de;
  border: none;
  color: #ffffff;
  height: 25px;
  padding: 0 12px;
  border-radius: 28px;
  font-size: 13px;
  line-height: normal;
  font-weight: 400;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
}

a.table_btn {
  text-decoration: underline;
}

.table_btn:hover,
.table_btn:focus {
  background: #fb7800;
  color: #ffffff;
}

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

button.table_btn.primary_color {
  text-decoration: none;
  background: #fb7800;
}

button.table_btn.primary_color:hover,
button.table_btn.primary_color:focus {
  background: #0087de;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  background: transparent;
  z-index: 9999;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  background: transparent;
  height: 100%;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  background: #dddddd;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #dddddd !important;
  border-radius: 0;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  height: calc(100% - 85px);
  margin-top: 85px;
  width: 4px;
  background: transparent;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}

/* -- New Css --*/

.graph {
  margin-top: 30px;
}

.border-left {
  border-left: solid #e0e0e0 1px;
}

.border-left .graph_section {
  padding-left: 30px;
}

.graph_section {
  margin-top: 25px;
}

.head_column {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  align-items: center;
}

.link {
  color: #fb7800;
  line-height: 24px;
}

.link:hover,
.link:focus {
  text-decoration: underline;
  color: #fb7800;
}

.link_s2 {
  color: #fb7800;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.link_s2:hover,
.link_s2:focus {
  color: #0087de;
}

.column-list {
  width: 100%;
}

.column-activities,
.column-activities > ul {
  width: 100%;
}

.column-activities > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.column-activities > ul > li {
  display: flex;
  align-items: center;
}

.column-activities > ul > li + li {
  justify-content: space-between;
}

.column-activities > ul > li > span.activities-name {
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 1px;
}

.column-list {
  font-size: 14px;
  color: #686868;
  font-weight: 400;
  line-height: normal;
}

.dropdown.dots button {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.dropdown.dots button:after {
  display: none;
}

.dropdown.dots {
  display: flex;
  align-items: center;
}

.column-activities .dropdown.dots {
  margin-left: 8px;
}

.dropdown.round-btn {
  border: solid #e0e0e0 1px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
}

.dropdown.round-btn .dropdown-toggle {
  transform: rotate(90deg);
}

.round-btn span.c-icon-dots::before {
  font-size: 14px;
}

.column-activities > ul > li a.eye {
  margin-left: 10px;
}

.list-dot {
  position: relative;
  padding-left: 12px;
}

.column-activities > ul > li > span + span {
  margin-left: 10px;
}

.list-dot:before {
  width: 4px;
  height: 4px;
  background: #686868;
  content: '';
  border-radius: 4px;
  display: block;
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
}

.column-activities {
  padding: 20px;
  border-radius: 20px;
  border: solid #e0e0e0 1px;
}

.column-activities + .column-activities {
  margin-top: 20px;
}

.candidates-column {
  margin-top: 14px;
}

.candidates-profile-img img {
  border-radius: 42px;
  height: 42px;
  width: 42px;
  object-fit: cover;
}

.candidates-profile-img {
  text-align: center;
  margin-bottom: -21px;
}

.candidates-profile-content {
  background: #fafafa;
  border: solid #e0e0e0 1px;
  border-radius: 20px;
  padding: 30px 12px 15px;
}

.candidates-profile-content > span {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  width: 100%;
  line-height: normal;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

.candidates-profile-content > span + span {
  font-size: 12px;
  color: #686868;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}

.filter-section ul {
  list-style: none;
}

.filter-section ul li + li {
  margin-left: 20px;
}

span.date,
span.time {
  white-space: nowrap;
}

.list_buttons button {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
}

.filter-list > li {
  margin-left: 15px;
}

.filter-list > li:last-child {
  margin-right: 0;
}

.filter-list > li > a {
  border: solid 1px #e0e0e0;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #ffffff;
}

.filter-list > li > a:focus {
  box-shadow: 0 0px 15px -10px #fb7800;
  border-color: #fb7800;
  background-color: var(--bg-light-sky-color);
}

td.team-column span {
  display: flex;
}

td.team-column span img {
  border-radius: 45px;
  margin-right: -10px;
  box-shadow: 0 0 0 2px #ffffff;
  width: 45px;
  height: 45px;
}

.status-info {
  position: relative;
  padding-left: 22px;
  padding-right: 20px;
}

.status-info:before {
  width: 11px;
  height: 11px;
  display: block;
  background: black;
  content: '';
  border-radius: 11px;
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
}

.status-info.blue:before {
  background: #0087de;
}

.status-info.green:before {
  background: #4eaf53;
}

.status-info.yellow:before {
  background: #e0a100;
}

.status-info.red:before {
  background: #f64238;
}

.status-info + a {
  color: #686868;
  line-height: normal;
  padding-top: 2px;
}

span.more_profile {
  background: #0087de;
  color: #ffffff;
  width: 45px;
  height: 45px;
  border-radius: 45px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px #ffffff;
  display: flex;
}

.candidates-status-column {
  padding: 20px 15px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.candidates-status-column .status-labels ul li {
  margin-right: 0;
}

.profile-icon-large img {
  border-radius: 70px;
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.count-no ul li {
  position: relative;
}

.status-labels ul {
  flex-wrap: wrap;
  justify-content: center;
}

.status-labels.extra-large ul {
  justify-content: flex-start;
  margin-left: -5px;
}

.status-labels ul li {
  width: auto;
  padding: 5px;
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-right: 0;
}

.status-labels .tag {
  font-size: 12px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  border-radius: 22px;
  background: #ccc;
  padding: 0 10px;
  white-space: nowrap;
  font-weight: 500;
  position: relative;
  background: #fafafa;
}

.status-labels .tag.blue-basic {
  background: #f5faff;
  border: solid #e0e0e0 1px;
  color: #0087de;
  display: flex;
  white-space: nowrap;
}

.status-labels.large .tag {
  font-size: 13px;
  height: 28px;
  background: #fff;
  color: #686868;
  padding: 2px 10px;
}

.status-labels.large .tag i {
  font-size: 10px;
}

.status-labels.extra-large .tag {
  font-size: 13px;
  background: #fafafa;
  color: #0087de;
  padding: 2px 10px;
  line-height: normal;
  border: solid #e0e0e0 1px;
  height: 32px;
}

.status-labels.extra.extra-large .tag {
  height: 45px;
  border-radius: 45px;
  padding-left: 10px;
  padding-right: 15px;
  font-size: 14px;
  line-height: normal;
  position: relative;
  top: 0;
}

.tag.active {
  background-color: #f5faff !important;
}

.tag.active_green {
  background-color: #f5fff0 !important;
}

.status-labels.extra-large .tag i {
  font-size: 10px;
}

a.tag.paige-img {
  padding-left: 25px;
}

.tag.paige-img img {
  width: 22px;
  height: 22px;
  border: solid #fff 2px;
  object-fit: cover;
  border-radius: 22px;
  position: absolute;
  left: 0px;
  transform: scale(1.025);
}

.count-no ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.count-no ul li + li {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  margin-left: 30px;
}

.count-no ul li input.counter {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: normal;
  outline: none;
  position: relative;
  z-index: 1;
}

.count-no ul li h5 {
  color: #686868;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  margin-top: 10px;
  text-align: center;
}

/** canditent style 2 */

.candidate_v2 .dark-blue-bg .candidates-status-column {
  background: rgba(255, 255, 255, 15%);
  border-color: transparent !important;
}

.candidate_v2 .profile-icon-large img {
  border-color: #ffffff !important;
  border-width: 2px;
}

.candidate_v2 .kanban-head-section ul#pills-tab {
  white-space: inherit;
  justify-content: inherit;
  flex-wrap: wrap;
}

.candidate_v2 .kanban-head-section ul#pills-tab li.nav-item a.nav-link {
  width: auto;
  height: 36px;
  padding: 5px 10px;
  border-radius: 36px;
  color: #1e2021;
  font-weight: 600;
  font-size: 13px;
}

.candidate_v2 .kanban-head-section ul#pills-tab li {
  margin-right: 18px;
}

.candidate_v2 .kanban-head-section ul#pills-tab li + li {
  margin-left: 0;
}

.candidate_v2 .kanban-head-section ul.nav-pills [class*='c-icon-']:before {
  font-size: 16px;
  margin-right: 8px;
}

.candidate_v2 span.notifications {
  top: -1px;
  right: 0;
  margin-left: 10px;
  position: relative;
}

.candidate_v2 .kanban-head-section ul#pills-tab li.nav-item a.nav-link.active {
  color: #fff;
}

.candidate_v2
  .kanban-head-section
  ul#pills-tab
  li.nav-item
  a.nav-link.active::after {
  display: none;
}

.candidate_v2 .kanban-head-section ul#pills-tab li {
  margin: 10px !important;
}

.candidate_v2 .column.top {
  border-radius: 20px 20px 0 0;
  padding-top: 14px;
  padding-bottom: 14px;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}

/** canditent style end 2 */

/* Tabbar section CSS */

.kanban-head-section {
  width: 100%;
}

.kanban-head-section ul#pills-tab {
  justify-content: space-between;
  white-space: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

.kanban-head-section ul#pills-tab li {
  width: auto;
  margin-bottom: 0 !important;
}

.kanban-head-section ul#pills-tab li + li {
  margin-left: 25px;
}

.kanban-head-section ul#pills-tab li.nav-item a.nav-link {
  background: #fafafa;
  border: solid #e0e0e0 1px;
  width: 55px;
  height: 55px;
  padding: 5px;
  border-radius: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.kanban-head-section ul#pills-tab li.nav-item a.nav-link.active {
  background-color: #0087de;
  border-color: #0087de;
}

.kanban-head-section ul#pills-tab li.nav-item a.nav-link:hover,
.kanban-head-section ul#pills-tab li.nav-item a.nav-link:focus {
  border-color: #0087de;
}

span.notifications {
  background: #00be0a;
  position: absolute;
  top: -2px;
  right: -7px;
  min-width: 25px;
  height: 17px;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  line-height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  color: #ffffff;
}

.kanban-section {
  width: 100%;
}

.kanban-section .tab-content {
  width: 100%;
}

.kanban-section .tab-content .tab-pane {
  width: 100%;
}

.kanbar_columns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.kanban_blog {
  width: 25%;
  padding: 10px;
}

.kanban_blog + .kanban_blog {
  border-left: solid #e0e0e0 2px;
}

.kanban_heading h5 {
  color: #0087de;
  width: calc(100% - 50px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.kanban_heading span.notifications-count {
  background: #fb7800;
  color: #ffffff;
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 21px;
  font-size: 10px;
  font-weight: 600;
  margin-right: 10px;
}

.kanban_candidate_column {
  border: solid #e0e0e0 1px;
  padding: 10px;
  border-radius: 6px;
}

.kanban_heading {
  margin-bottom: 8px;
}

.kanban_candidate_column + .kanban_candidate_column {
  margin-top: 10px;
}

.kanban_candidate_profile_img img {
  width: 55px;
  height: 55px;
  object-fit: cover;
  border: solid #ffffff 3px;
  position: relative;
  border-radius: 55px;
}

.kanban_candidate_info {
  padding-left: 10px;
  width: calc(100% - 90px);
  padding-top: 2px;
  align-items: center;
}

.kanban_candidate_info h5,
.kanban_candidate_info p {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  line-height: normal;
}

.candidate_changes_count {
  height: 20px;
  width: 46px;
  background: #ccc;
  border-radius: 20px;
  font-size: 13px;
  line-height: 25px;
  color: #fff;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: -6px;
  position: relative;
  font-weight: 500;
}

.kanban_bottom {
  flex-wrap: wrap;
}

.kanban_bottom > div {
  margin-top: 5px;
}

.kanban_bottom ul li span.c-icon-doller_v2 {
  margin-right: -5px;
}

.kanban_bottom ul li + li {
  margin-left: 10px;
}

.kanban_bottom p {
  font-size: 12px;
  display: flex;
  align-items: center;
  line-height: 12px;
  white-space: nowrap;
}

.kanban_bottom i {
  color: #b2b2b2;
  font-size: 15px;
  margin-right: 5px;
}

.gradiant {
  background: rgb(246, 246, 246);
  background: -moz-linear-gradient(
    90deg,
    rgba(246, 246, 246, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(246, 246, 246, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: linear-gradient(
    90deg,
    rgba(246, 246, 246, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6", endColorstr="#ffffff", GradientType=1);
}

.gradiant.light-red {
  background: rgb(255, 243, 242);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 243, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 243, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 243, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff3f2", endColorstr="#ffffff", GradientType=1);
}

.light-red .candidate_changes_count {
  background-color: #e4350e;
}

.gradiant.light-green {
  background: rgb(243, 255, 242);
  background: -moz-linear-gradient(
    90deg,
    rgba(243, 255, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(243, 255, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: linear-gradient(
    90deg,
    rgba(243, 255, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3fff2", endColorstr="#ffffff", GradientType=1);
}

.light-green .candidate_changes_count {
  background-color: #adc131;
}

.light-green .candidate_changes_count.v2 {
  background-color: #3da900;
}

.gradiant.light-orange {
  background: rgb(255, 249, 242);
  background: -moz-linear-gradient(
    90deg,
    rgba(255, 249, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(255, 249, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  background: linear-gradient(
    90deg,
    rgba(255, 249, 242, 1) 0%,
    rgba(255, 255, 255, 1) 85%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f2", endColorstr="#ffffff", GradientType=1);
}

.light-orange .candidate_changes_count {
  background-color: #e4680e;
}

.kanban_candidate_info .status-labels {
  width: 100%;
  margin-top: 2px;
}

.kanban_candidate_info .status-labels ul {
  width: 100%;
}

.kanban_candidate_info .status-labels ul li {
  width: 100%;
}

.kanban_candidate_info .status-labels ul li a.tag {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  line-height: 22px;
}

.package_column {
  padding: 30px 20px 0px;
  position: relative;
  margin-bottom: 20px;
}

.package_column .right_arrow_btn {
  margin-bottom: -20px;
}

.package_column span.large {
  opacity: 5%;
  position: absolute;
  right: 20px;
  top: 20px;
}

.right_arrow_btn {
  background: #0087de;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
}

.package_column:hover .right_arrow_btn,
.package_column:focus .right_arrow_btn {
  background-color: #fb7800;
  box-shadow: 0px 0px 30px 0px rgba(12, 187, 120, 0.3);
  transition: ease all 0.5s;
}

.add_comment_section {
  padding: 25px 20px;
}

.package_column p {
  max-width: 370px;
}

.kanban-head-section ul#pills-tab li.nav-item a.nav-link.active::after {
  background: #0087de;
  content: '';
  width: 14px;
  position: absolute;
  bottom: -6px;
  height: 14px;
  transform: rotate(45deg);
  border-radius: 0 0 3px 0;
}

/* recognition CSS */

.reco_head {
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.reco_section .status-labels.extra-large a.tag {
  height: 36px;
  border-radius: 36px;
  color: #1e2021;
}

.tag.active {
  color: #0087de !important;
}

.tag.active_green {
  color: #3da900 !important;
}

.reco_head .leftside {
  max-width: 640px;
  width: 100%;
}

.reco_bottom .leftside {
  max-width: 560px;
  width: 100%;
}

.reco_bottom {
  border-top: solid #e0e0e0 2px;
  padding: 25px 20px;
}

.hidden-search-box {
  display: none;
}

.reco-search-checkbox {
  position: relative;
  margin-bottom: 20px;
}

.reco-list-column {
  position: relative;
  display: flex;
  padding-left: 50px;
  align-items: flex-end;
}

.checkbox_column {
  position: absolute;
  left: 0;
  top: 0;
}

.kanban_candidate_profile_img.large img {
  width: 102px;
  height: 102px;
  border-radius: 102px;
}

.kanban_candidate_profile_img.large span.candidate_changes_count {
  width: 70px;
  height: 22px;
  margin-top: -8px;
}

.checkbox_column {
  display: flex;
  height: 100%;
  align-items: center;
}

.reco_end {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.reco_end .kanban_candidate_info {
  padding-left: 20px;
}

.pro-small-img img {
  width: 22px;
  height: 22px;
  border-radius: 22px;
  object-fit: cover;
}

.candidates-info {
  margin-left: 5px;
}

.candidates-info > li {
  margin-left: 15px;
}

.backgroun-bg-none {
  background-color: transparent;
}

.info-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-bottom: 5px;
}

.info-list > div {
  width: 50%;
  margin-top: 10px;
}

.reco_section .status-labels a.tag span::before,
.reco_section .status-labels a.tag i {
  font-size: 16px;
  color: #b2b2b2;
}

.reco_section .status-labels a.tag.active i {
  color: #0087de;
}

.reco_section .status-labels a.tag span.c-icon-arrow-down-angle::before {
  font-size: 12px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6L13 1' stroke='%23B2B2B2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.reco_section .status-labels a.tag.active span.c-icon-arrow-down-angle::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6L13 1' stroke='%230087DE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.reco-list-column .rightside .status-labels ul {
  justify-content: flex-end;
  margin-right: -10px;
}

.number-count {
  background: #3da900;
  color: #fff;
  width: 21px;
  height: 21px;
  border-radius: 21px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 21px;
  font-size: 12px;
  font-weight: 500;
}

.extra .number-count {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-size: 14px;
  line-height: 12px;
}

.basic_tabs_section ul#pills-tab {
  border-bottom: solid #e0e0e0 2px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

.basic_tabs_section ul#pills-tab li {
  width: 100%;
  text-align: center;
  margin: 0 !important;
}

.basic_tabs_section ul#pills-tab li button {
  border: none;
  background: transparent;
  width: 100%;
  color: #686868;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  padding: 20px 10px;
  position: relative;
  height: 100%;
}

.basic_tabs_section ul#pills-tab li button.active {
  color: #0087de;
}

.basic_tabs_section ul#pills-tab li:hover button,
.basic_tabs_section ul#pills-tab li:focus button {
  color: #0087de;
}

.basic_tabs_section ul#pills-tab li button::after {
  width: 100%;
  height: 2px;
  background: transparent;
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
}

.basic_tabs_section ul#pills-tab li button.active::after {
  background: #0087de;
}

.basic_tabs_section .tab-content {
  padding: 5px 20px 25px 20px;
}

.pipeline_blog {
  text-align: center;
  padding: 30px 20px 0;
  margin-bottom: 45px;
  margin-top: 20px;
}

.pipeline_blog h4.small {
  line-height: normal;
}

.pipeline_info {
  background: #fff;
  padding: 15px 15px;
  max-width: 375px;
  margin: 30px auto -45px;
  width: 100%;
  min-height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pipeline_info p {
  line-height: normal;
  margin: 0;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.pipeline_info p span.small {
  font-size: 14px;
  color: #686868;
  font-weight: 500;
  margin-left: 10px;
  text-transform: capitalize;
}

.candidate_details_form {
  padding: 25px 20px;
}

.skills-tags-label {
  margin-top: 20px;
}

.skills-tags-label ul li {
  margin-right: 5px;
}

ul.menu-style-list {
  font-size: 14px;
  font-weight: 500;
  border-bottom: solid #e0e0e0 2px;
  padding-bottom: 24px;
  margin-bottom: 20px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 15px;
  margin-top: -5px;
}

ul.menu-style-list li {
  margin-right: 45px;
}

ul.menu-style-list li:last-child {
  margin-right: 0;
}

ul.menu-style-list li a {
  color: #686868;
  display: flex;
  align-items: center;
  padding: 5px 0;
}

ul.menu-style-list li a i {
  color: #b2b2b2;
  font-size: 15px;
}

ul.menu-style-list li a:hover,
ul.menu-style-list li a:focus,
ul.menu-style-list li.active a {
  color: #0087de;
}

ul.menu-style-list li a:hover i,
ul.menu-style-list li a:focus i,
ul.menu-style-list li.active a i {
  color: #0087de;
}

/* recognition CSS end */

/* Tabbar section CSS End */

.candidates-name img {
  width: 45px;
  height: 45px;
  margin-right: 10px;
}

.sort-dropdown a.dropdown-toggle {
  color: #686868;
}

.boards-column {
  display: flex;
  width: 100%;
  padding: 20px;
}

.boards-column + .boards-column {
  margin-top: 20px;
}

.boards-logo {
  max-width: 130px;
  width: 100%;
  height: 140px;
  background-color: #ffffff;
  margin-right: 20px;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 10px 10px;
}

.boards-logo img {
  max-width: 95px;
}

.boards-content h4 + p {
  max-width: 520px;
  width: 100%;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.content-with-icon li {
  margin-right: 15px;
}

.boards-content ul li {
  position: relative;
  font-size: 12px;
  color: #686868;
  line-height: normal;
}

ul.dot-list li::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #b2b2b2;
  display: flex;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: calc(50% - 3px);
}

ul.dot-list li + li {
  margin-left: 8px;
  padding-left: 14px;
}

ul.dot-list li.dot-hide::before {
  display: none;
}

ul.dot-list {
  margin-top: 10px;
}

ul.dot-list li {
  white-space: nowrap;
}

.boards-action-buttons {
  float: right;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.boards-action-buttons > a.main_btn {
  width: 150px;
}

.boards-content {
  width: 100%;
  margin-right: 20px;
}

.boards-action-buttons a.main_btn + a.main_btn {
  margin-top: 15px;
}

.jobs-list-column {
  padding: 20px;
  background: #fafafa;
  display: flex;
  justify-content: space-between;
  height: 100%;
}

.jobs-list-column a.tag {
  min-width: 72px;
}

.job-list-description ul li span::before {
  font-size: 16px;
}

.job-list-description ul li i {
  color: #b2b2b2;
  font-size: 16px;
}

.job-list-description ul li b {
  font-weight: 500;
  margin-right: 4px;
}

.small_count .count-no ul {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.small_count .count-no ul li {
  margin-left: 0;
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  position: relative;
}

.count-no ul li.arrow-bottom::after {
  width: 14px;
  height: 14px;
  background: #a6a6a6;
  content: '';
  position: absolute;
  left: calc(50% - 7px);
  transform: rotate(45deg);
  border-radius: 0 0px 2px 0;
  z-index: 0;
  top: 51px;
}

.count-no ul li.arrow-right::after {
  width: 12px;
  height: 12px;
  background: #a6a6a6;
  content: '';
  position: absolute;
  left: 42px;
  transform: rotate(45deg);
  border-radius: 0 2px 0 0;
  z-index: 0;
  top: 19px;
}

.small_count .count-no ul li + li {
  margin-top: 10px;
}

.small_count .count-no ul li input.counter {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-size: 18px;
}

.small_count .count-no ul li h5 {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin-top: 0;
  text-align: left;
  height: 100%;
  white-space: nowrap;
  padding-left: 12px;
}

.jobs-list-column .leftside {
  padding-right: 10px;
}

h4 span.job-heading {
  margin-left: 0;
}

.jobs-list-column h4 span.small {
  font-size: 14px;
}

.job-list-blogs > div.row > div {
  margin-top: 20px;
}

.job-list-blogs {
  padding-top: 10px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-radius: none;
}

/* -- Extra Css End **/

/* --- Responsive Css Start --- */

@media (max-width: 1400px) {
  .c-icon-doller_v2:before,
  .c-icon-list_v2:before,
  .c-icon-eye_v2:before {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1280px) {
  .count-no ul li input.counter {
    width: 55px;
    height: 55px;
    border-radius: 55px;
    font-size: 20px;
  }

  .count-no ul li h5 {
    font-size: 14px;
  }

  .count-no ul li.arrow-bottom::after {
    top: 46px;
  }
}

@media only screen and (max-width: 1199px) {
  .candidates-status-column {
    margin-bottom: 20px;
  }

  .kanban_bottom i {
    font-size: 13px;
  }

  .reco-list-column.bottom_section {
    display: flex;
    flex-wrap: wrap;
  }

  .reco-list-column.bottom_section .rightside {
    margin-top: 10px;
  }

  .reco_bottom .leftside {
    max-width: 100%;
    width: 100%;
  }

  h4 {
    line-height: normal;
    font-size: 18px;
  }

  h4.small {
    font-size: 16px;
  }

  .reco_end {
    flex-wrap: wrap;
  }

  .reco_end .rightside {
    position: absolute;
    right: 0;
    top: -45px;
  }

  .reco_end .rightside.sticky {
    top: -10px;
    right: 0;
  }

  .reco-list-column .rightside .status-labels ul {
    justify-content: flex-start;
    margin-right: 0;
  }

  .reco-list-column {
    padding-left: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .jobs-list-column {
    flex-flow: column;
  }

  .jobs-list-column .rightside {
    margin-top: 20px;
  }

  .jobs-list-column .rightside .count-no {
    width: 100%;
  }

  .jobs-list-column .rightside .count-no ul {
    flex-flow: nowrap;
    justify-content: space-between;
  }

  .jobs-list-column .rightside .count-no ul li + li {
    margin-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .right_drowpspace {
    padding-right: 60px;
  }

  .boards-column {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .boards-content {
    width: calc(100% - 150px);
    margin-right: 0;
  }

  .boards-action-buttons {
    flex-flow: nowrap;
    margin-top: 15px;
  }

  .boards-action-buttons a.main_btn + a.main_btn {
    margin-top: 0;
    margin-left: 15px;
  }
}

@media only screen and (min-width: 414px) {
  #mainWrapper.toggled #page-content-wrapper .hdtopbar {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .search_bar_toggle {
    display: none;
  }
}

@media only screen and (min-width: 1100px) {
  h3 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1400px) {
  table.table th + th,
  table.table td + td {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 1800px) {
  table.table th + th,
  table.table td + td {
    padding-right: 50px;
  }
}

@media only screen and (max-width: 992px) {
  h3.page_title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .search_bar_top {
    width: calc(100% - 24px);
    position: absolute;
    top: 70px;
    left: 12px;
    background: #ffffff;
    padding: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: none;
  }

  .search_bar_top.show {
    display: block;
  }

  .search_bar_top form {
    max-width: 100%;
  }

  ul.pagination {
    float: right;
    width: 100%;
    justify-content: center;
  }

  ul.pagination li {
    margin: 0 5px;
  }

  .count-no {
    margin-top: 15px;
  }

  .fixed-right {
    position: relative;
    right: 0;
    top: 0;
    justify-content: flex-end;
  }

  .fixed-right .dropdown.dots {
    margin-left: 0;
    float: right;
    margin-bottom: 15px;
    margin-top: 0;
  }

  .reco_end .kanban_candidate_info {
    padding-left: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .filter-list > li > a {
    width: 40px;
    height: 40px;
  }

  .candidates-info {
    margin-left: 0;
    flex-wrap: wrap;
  }

  .candidates-info > li {
    margin-right: 15px;
    margin-left: 0;
    margin-top: 10px;
  }

  .boards-column {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .boards-content {
    width: calc(100% - 130px);
    margin-right: 0;
  }

  .boards-action-buttons {
    flex-flow: nowrap;
    margin-top: 15px;
  }

  .boards-content p.large {
    font-size: 14px;
  }

  .boards-action-buttons a.main_btn + a.main_btn {
    margin-top: 0;
    margin-left: 15px;
  }

  ul.content-with-icon {
    flex-wrap: wrap;
  }

  .content-with-icon li + li {
    margin-top: 8px;
  }

  .boards-content h4 + p {
    -webkit-line-clamp: 3;
  }

  .boards-logo {
    max-width: 110px;
    height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  /* --- Close and Menu Icon Css Start --- */
  .bar1,
  .bar2,
  .bar3 {
    opacity: 1;
    margin: 5px 0;
    transform: rotate(0) translate(0);
    -webkit-transform: rotate(0) translate(0);
  }

  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 3px);
  }

  .change .bar2 {
    opacity: 0;
  }

  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-7px, -6px);
  }

  /* --- Close and Menu Icon Css End --- */

  .content_wrapper {
    position: relative;
    padding: 90px 10px 20px;
  }

  .white_section {
    padding: 20px;
  }

  .job-list-blogs {
    padding-top: 0;
  }

  .form_field {
    height: 42px;
  }

  .field_list {
    height: auto;
  }

  textarea.form_field {
    height: 90px;
  }
}

@media only screen and (min-width: 768px) {
  .user-left {
    margin-left: 53px;
  }

  .arrow_box {
    margin-top: 3px;
  }

  /* --- Menu Css Start --- */

  #mainWrapper {
    padding-left: 242px;
  }

  #mainWrapper.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    width: 242px;
  }

  #mainWrapper.toggled #sidebar-wrapper {
    width: 0;
  }

  #mainWrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }

  /* --- Menu Css End --- */
}

@media only screen and (max-width: 1366px) {
}

@media only screen and (max-width: 1024px) {
  .table-style-white table,
  .role-permission .form-group,
  .user-type,
  .left-search.m-admin.block-search,
  .Ingredients-search .left-search,
  .search-icon.r-approval .left-search,
  .search-icon.r-approval input[type='search'],
  .form-group.title-style,
  .invoice-type,
  .search-icon.full-widht input[type='search'],
  .left-search.full-width,
  .invoice-search select,
  .cs .left-search,
  .calender-view select,
  .ccl .left-search,
  .left-d select {
    width: 100%;
  }

  .profile-main-drop .profile-content .title {
    font-size: 13px;
    line-height: 18px;
    max-width: 60px;
  }

  .navbar-right {
    margin-left: 10px;
  }

  .profile-drop .item ul li a {
    font-size: 14px;
  }

  .profile-drop .item ul li {
    height: 42px;
  }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 640px) {
  a.back-arrow i.fas.fa-arrow-left {
    font-size: 20px;
    top: 7px;
  }

  .hd-right-icon small {
    display: none;
  }

  .current-cookdate li.nav-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  li.nav-item {
    width: 100%;
    margin-bottom: 10px !important;
  }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 575px) {
  .ih-signin-form {
    padding: 20px 15px;
  }

  .ih-sigin-border img {
    width: 150px;
  }

  .form-control,
  .ih-checkbox {
    font-size: 14px;
  }

  .ih-forgot-link a {
    display: block;
  }

  header.hdtopbar ul.topbar_icons li {
    margin-right: 20px;
  }

  label.form_label {
    font-size: 14px;
  }

  .search_bar_top input {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .logo img {
    max-width: 105px;
    position: relative;
    top: 2px;
  }

  .logo {
    max-width: 190px;
    min-height: 70px;
  }

  .logo {
    justify-content: left;
    padding: 0 15px;
  }

  .hdtopbar {
    min-height: 70px;
  }

  .hd-right-icon {
    padding-right: 0;
  }

  .dropdown.icondrop {
    margin-right: 20px;
  }

  #mainWrapper.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    padding-top: 70px;
  }

  .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    height: calc(100% - 70px);
    margin-top: 70px;
  }

  #mainWrapper.toggled #sidebar-wrapper {
    width: 190px;
  }

  #main-menu {
    width: 190px;
  }

  .sm-blue a {
    padding: 12px 15px 12px 15px;
    font-size: 13px;
  }

  .sm-blue a span {
    margin-right: 12px;
  }

  .search_bar_top {
    top: 60px;
  }

  .menu-icon {
    transform: rotate(180deg);
  }

  .menu-icon.change {
    transform: rotate(0deg);
  }
}

/* --- Responsive Css End --- */

/* --- 001 Responsive Css New ---*/

@media (min-width: 1200px) {
  .reco-list-column .status-labels {
    margin-top: -15px;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .kanban_blog {
    width: 50%;
    padding: 10px;
  }

  .kanban_blog:nth-child(3),
  .kanban_blog:nth-child(4) {
    border-top: solid #e0e0e0 2px;
  }

  .kanban_blog:nth-child(3) {
    border-left: none;
  }
}

@media (max-width: 575px) {
  .column-activities > ul {
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
  }

  .column-activities > ul > li {
    width: 100%;
  }

  .column-activities > ul > li + li {
    justify-content: space-between;
    margin-top: 10px;
  }

  .column {
    padding: 15px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .column.top {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .filter-list > li {
    margin: 10px 5px 0;
  }

  table.table th {
    font-size: 13px;
  }

  table.table th {
    padding-top: 0;
    padding-bottom: 15px;
  }

  table.table th,
  table.table td {
    padding-right: 20px;
  }

  table.table td {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  td.team-column span img,
  span.more_profile {
    border-radius: 40px;
    width: 40px;
    height: 40px;
  }

  .table-resposive.with-hover-tr {
    width: inherit;
    margin: 0 -15px;
  }

  .table-resposive.with-hover-tr table.table tr th:first-child,
  .table-resposive.with-hover-tr table.table tr td:first-child {
    padding-left: 15px;
  }

  .table-resposive.with-hover-tr table.table tr th:last-child,
  .table-resposive.with-hover-tr table.table tr td:last-child {
    padding-right: 15px;
  }

  .page-count-no {
    justify-content: center;
  }

  .count-no ul li + li {
    margin-left: 15px;
  }

  .count-no ul li h5 {
    font-size: 14px;
    font-weight: 500;
  }

  span + h5 {
    line-height: 20px;
  }

  .kanban_blog {
    width: 100%;
    padding: 10px;
  }

  .kanban_blog + .kanban_blog {
    border-top: solid #e0e0e0 2px;
    border-left: none;
    margin-top: 5px;
  }

  .kanban-head-section ul#pills-tab li + li {
    margin-left: 20px;
  }

  .kanban-head-section
    ul#pills-tab
    li.nav-item
    a.nav-link
    span[class*='c-icon-']:before {
    font-size: 21px;
  }

  .kanban-head-section ul#pills-tab li.nav-item a.nav-link {
    width: 50px;
    height: 50px;
    border-radius: 50px;
  }

  p.large {
    font-size: 14px;
  }

  .reco_head {
    flex-flow: column;
    align-items: center;
  }

  .reco_end .rightside {
    top: -60px;
    right: -10px;
  }

  .reco_end .rightside.sticky {
    top: -20px;
    right: 0;
  }

  .pipeline_info p {
    font-size: 25px;
    text-align: center;
    flex-flow: column;
  }

  .pipeline_info {
    margin-top: 20px;
  }

  .basic_tabs_section ul#pills-tab {
    flex-wrap: wrap;
  }

  .basic_tabs_section ul#pills-tab li {
    width: 50%;
  }

  .basic_tabs_section ul#pills-tab li button {
    padding: 10px 10px;
  }

  .status-labels.extra.extra-large .tag {
    height: 36px;
    border-radius: 36px;
    padding-left: 10px;
    padding-right: 15px;
    font-size: 13px;
  }

  .extra .number-count {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    font-size: 12px;
    line-height: 13px;
  }

  ul.menu-style-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .flex-column-xs {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  ul.menu-style-list li {
    margin-right: 15px;
  }

  .boards-logo img {
    max-width: 95px;
    width: 100%;
  }

  .boards-content {
    width: 100%;
    margin-top: 5px;
  }

  .boards-action-buttons {
    flex-flow: column;
    margin-top: 15px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .boards-action-buttons a.main_btn + a.main_btn {
    margin-top: 10px;
    margin-left: 0;
  }

  ul.dot-list li {
    white-space: wrap;
    margin-right: 10px;
  }

  ul.dot-list {
    margin-top: 10px;
    flex-flow: wrap;
  }

  ul.dot-list li + li {
    margin-left: 0;
    padding-left: 14px;
  }

  .jobs-list-column {
    flex-flow: column;
  }

  .jobs-list-column .rightside {
    margin-top: 20px;
  }

  .jobs-list-column .rightside .count-no {
    width: 100%;
  }

  .jobs-list-column .rightside .count-no {
    margin-top: 0;
  }

  .jobs-list-column .rightside .count-no ul {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .jobs-list-column .rightside .count-no ul li {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .jobs-list-column .rightside .count-no ul li:last-child {
    margin-bottom: 0;
  }

  .small_count .count-no ul li {
    min-width: 140px;
  }
}

@media (max-width: 480px) {
  .info-list > div {
    width: 100%;
  }

  .reco_end .kanban_candidate_info {
    padding-left: 0;
    margin-top: 10px;
    width: 100%;
  }

  .reco_bottom .leftside {
    flex-flow: column;
    align-items: flex-start;
  }
}

/* --- Responsive Css End ---*/

span.voice_command {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

span.voice_command input.form_field {
  padding-right: 50px;
}

.voice_icon {
  position: relative;
  right: 0;
  height: 65px;
  width: 65px;
  border-radius: 100px;
  border: none;
  background: #dddddd;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  cursor: pointer;
  transition: ease all 0.01s;
  border: solid #fff 3px;
  box-shadow: 0 0 0 5px #dddddd;
}

span.voice_icon.active {
  background: transparent;
  font-size: 28px;
}

.c-icon-voice-active {
  display: none;
}

.voice_icon.active .c-icon-voice-active {
  display: flex;
  justify-content: center;
}

.voice_icon.active > i {
  color: #fff;
}

.voice_icon i.fas.fa-microphone {
  position: absolute;
}

.login_signup input.form_field {
  height: 40px;
}

/** login page **/

/* @media (min-width: 991px) {
  .login_signup {
    height: 100%;
  }
} */

.login_signup {
  height: 100vh;
}

.form_page {
  max-width: 520px;
  margin: 20px auto;
  width: 100%;
  background: #ffffff;
  padding: 30px 40px;
  box-shadow: 0 20px 50px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.top_title h3.page_title {
  font-size: 32px;
  text-align: center;
  color: #0087de;
  margin-bottom: 5px;
}

.top_title h4 {
  text-align: center;
  font-size: 21px;
  line-height: normal;
  color: #fb7800;
}

.form_section {
  margin-top: 40px;
}

.login_signup label.form_label {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.form_section p {
  font-weight: 400;
}

.login_signup {
  display: flex;
  align-items: center;
  justify-content: center;
}

.field span {
  position: relative;
  width: 100%;
}

.form_section .field span i,
.icon-view i {
  position: absolute;
  right: 0;
  font-size: 14px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  border: solid #e0e0e0 1px;
  border-radius: 0 5px 5px 0;
  color: #1e2021;
}

.main-password {
  position: relative;
}

.form_section input.form_field {
  padding-right: 55px;
}

body.white_bg {
  background: #ffffff;
}

/** login page end **/

@media (max-width: 768px) {
  .top_title h3.page_title {
    font-weight: 600;
    font-size: 21px;
  }

  .form_section {
    margin-top: 30px;
  }

  .form_section .form_field {
    height: 45px;
  }
}

body .login_signup {
  background-image: url(../images/login_bg.svg);
  background-size: cover;
  background-position: center center;
}

div#root {
  height: 100%;
}

.interview_section {
  position: relative;
  padding-bottom: 16px;
}

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

.heading_with_timer h3 {
  margin-bottom: 0;
  width: calc(100% - 75px);
}

span.timer {
  width: 65px;
  background: #ffffff;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 65px;
  font-size: 25px;
  font-weight: 600;
  color: #1e2021;
  border: solid #ddd 1px;
}

.interview_section .progress {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-radius: 16px;
  background: #ddd;
}

.interview_section .progress .progress-bar {
  background-color: #fb7800;
}

.full_inter_column img,
.full_inter_column canvas,
.full_inter_column video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

.full_inter_column {
  height: calc(100vh - 315px);
  min-height: 200px;
  background: #fff;
  margin-top: 20px;
  border: solid #ddd 1px;
  padding: 15px;
  border-radius: 20px;
}

.progress-bar {
  font-weight: 700;
}

.pie {
  width: 65px;
  height: 65px;
  display: block;
  position: relative;
  border-radius: 65px;
  background-color: #fb7800;
  border: solid #ddd 1px;
  float: left;
}

.pie .block {
  position: absolute;
  background: #ffffff;
  height: 55px;
  width: 55px;
  display: block;
  border-radius: 63px;
  top: 4px;
  left: 4px;
}

#time {
  font-size: 25px;
  position: absolute;
  top: 4px;
  left: 4px;
  color: #333;
  width: 55px;
  height: 55px;
  border-radius: 55px;
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.degree {
  /*90 + ( 360 * .1 )*/
  background-image: linear-gradient(90deg, transparent 50%, white 50%),
    linear-gradient(90deg, white 50%, transparent 50%);
}

.hover-underline:hover {
  text-decoration: underline;
}
.cursor-pointer {
  cursor: pointer;
}

.job-candidates-table table.table {
  min-width: 1500px;
}

.category-score-table table.table td {
  padding: 10px 20px;
  height: auto;
}
.question-answer .bg-warning {
  background: #ff9d09;
}
.accordion-button:focus {
  box-shadow: none;
  border: none;
}
.question-answer .accordion-button {
  color: #1e2021;
}
.text-blue {
  color: #007bce;
}
.que-ans-list ul {
  margin: 0;
}
.que-ans-list ul li {
  border-top: solid 1px #e0e0e0;
  margin-top: 20px;
  padding-top: 20px;
}
.que-ans-list ul li:first-child {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}
.category-score-table {
  margin-top: 30px;
}
@media (min-width: 992px) {
  .category-score-table {
    margin-top: 0px;
  }
}