* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

:root {
  --primary-color: rgb(23, 44, 66);
  --secondory-color: #78dd5c;
  --black-color: #000;
  --white-color: #fff;
  --content-color: #696969;
  --orange: #FF5900;
}

body {
  font-family: "Konnect";
  background: #cacaca;
}

a {
  text-decoration: none;
  color: var(--black-color);
}

li {
  list-style: none;
}

ul {
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

p {
  font-weight: 400;
  font-size: 16px;
  color: var(--content-color);
}

.cursor-pointer {
  cursor: pointer;
}

.bread-crum-color {
  color: #fd5900;
}

.modal-btn,
.modal-btn:hover,
.modal-btn:not(.btn-check)+.btn:active {
  background-color: #ff5900 !important;
}

.error {
  color: red;
  font-weight: 500;
  font-size: 13px;
  line-height: 23px;
}

/* ==================== header css start ================= */

header {
  border-bottom: 1px solid #cccccc;
  padding: 0px;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  max-width: -webkit-fill-available;
  padding-right: 25px;
  max-width: -moz-available;
}

section#dashboard {
  padding-top: 78px;
}

header .container-fluid,
header nav.navbar .container-fluid .header-logo {
  height: 100%;
}

header .header-logo {
  border-right: 1px solid #cccccc;
}

header .header-logo a.navbar-brand {
  width: 240px;
  margin-right: 0;
  padding-right: 11px;
  padding-block: 0;
  text-align: center;
}

header .header-logo a.navbar-brand img {
  /*width: 100%;*/
  height: 100%;
}

.header-sidebar .navbar-icon {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  border-color: transparent;
  box-shadow: 0px 4px 30px rgb(0 0 0 / 20%);
}

header .header-main {
  flex-grow: 1;
}

.header-sidebar .navbar-icon img {
  position: absolute;
  width: 50%;
}

.header-start {
  padding-inline: 4%;
}

.header-end {
  padding-right: 2%;
}

.header-search {
  width: 70%;
}

.header-search input {
  border-radius: 40px;
  width: 100%;
  padding: 10px;
}

.header-search button {
  right: 6%;
  background: transparent;
}

.header-admin p {
  font-size: 20px;
  color: #000;
}

.header-search button i {
  color: #6f6f6f;
  font-size: 19px;
}

.admin-main {
  width: 50%;
}

.acc-down {
  width: 30%;
}

.acc-down img {
  width: 100%;
}

ul.acc-menu.show li {
  padding: 10px 20px;
}

.acc-down {
  cursor: pointer;
}

.search:focus-visible {
  outline: transparent !important;
}

/* ================== header css start ================ */

/* ================== sidebar menu css start ================ */
.dash-border {
  border-right: 1px solid #ccc;
}

.dataTables_wrapper div.dataTables_length select {
  border: none !important;
  outline: none !important;
  border-bottom: 2px solid #000 !important;
}

.main-dash-bg {
  background-color: #cacaca;
}

ul.dash-sidebar-menu li {
  padding-right: 1rem;
}

.side-inner-menu {
  font-size: 18px;
  background: transparent;
  color: #6f6f6f;
  position: relative;
  border-radius: 0px !important;
  border-top-right-radius: 30px !important;
  padding: 8px 10px;
  border-bottom-right-radius: 30px !important;
  text-align: left !important;
  cursor: pointer;
}

.inr-menu ul li .collaps-inner-menu-active {
  padding-left: 30px !important;
}

/* .side-inner-menu:hover{
    color: #000;
} */
.side-inner-menu img {
  width: 12%;
}

.side-inner-menu a {
  width: 80%;
  padding: 10px 0px;
  padding-left: 2%;
  color: #6f6f6f;
}

.side-inner-menu i {
  font-size: 18px;
  line-height: 10px;
  width: 7%;
  padding-left: 4%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.side-active-menu {
  padding: 0px;
  padding-left: 2%;
  margin-bottom: 10px !important;
}

.side-active-menu.active span {
  color: white;
}

.side-active-menu p {
  font-size: 18px;
}

.side-active-menu.active p {
  color: #f54441;
  font-weight: 500;
}

.side-active-menu.active i {
  color: #fff;
}

.side-active-menu.active {
  background: linear-gradient(180deg, #f3995a 0%, #f54441 100%);
  color: var(--white-color);
}

.side-active-menu.active a {
  color: var(--white-color) !important;
}

.collaps-menu-main ul li a {
  color: #6f6f6f;
}

.collaps-menu-main ul li i {
  padding-left: 7%;
}

.collaps-inner-menu-active.active {
  background: #ffeee5;
  color: #ff5900 !important;
}

.collaps-inner-menu-active.active a {
  color: #ff5900 !important;
}

.collaps-inner-menu-active.active a,
.collaps-inner-menu-active.active i {
  color: #ff5900;
}

div#v-pills-assignments li#manage_company_previous {
  margin-right: 10px;
}

/* ul.dash-sidebar-menu li a.active {
    color: var(--white-color) !important;
} */

/* ================== sidebar menu css end ================ */

/* ================== dashboard css end ================ */
.dash-breadcrumb {
  font-size: 17px;
  color: #303030;
}

.dash-login {
  padding: 8px 15px;
}

.dash-login-bg {
  /* background: linear-gradient(180deg, #f49258 0%, #f55045 100%); */
  background-color: var(--orange);
  border-radius: 8px;
}

.dash-login p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  padding-left: 10px;
}

.dash-login img {
  width: 27px;
}

.dash-main-data {
  padding: 17px 10px;
}

.dash-itm {
  padding-inline: 7px;
  /* width: 20%; */
}

.dash-text {
  display: flex;
  align-items: center;
}

.dash-main-data-bg {
  border: 1px solid #cccccc;
  background: #ffffff;
}

.dash-inner-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dash-inner-img-bg {
  background: #ffffff;
}

.dash-inner-data {
  padding: 10px;
  border-radius: 12px;
  height: 70 px;
  align-items: center;
  cursor: pointer;
}

.dash-inner-data-bg-1 {
  background: linear-gradient(98.87deg, #f2a15c 4.68%, #f53d3f 108.31%);
}

.dash-inner-data-bg-2 {
  background: linear-gradient(97.92deg, #40c9ff 2.24%, #e81cff 100%);
}

.dash-inner-data-bg-3 {
  background: linear-gradient(97.76deg, #ff0f7b 1.79%, #f89b29 97.88%);
}

.dash-inner-data-bg-4 {
  background: linear-gradient(97.41deg, #a26def 1.78%, #e860b1 98.36%);
}

.dash-inner-data-bg-5 {
  background: linear-gradient(97.69deg, #bf0fff 1.18%, #cbff49 100%);
}

.dash-inner-data-bg-6 {
  background: linear-gradient(96.81deg, #432371 0.74%, #faae7b 99.47%);
}

.dash-inner-data-bg-7 {
  background: linear-gradient(97.97deg, #439cfb 1.24%, #f187fb 98.51%);
}

.dash-inner-data-bg-8 {
  background: linear-gradient(96.93deg, #42047e 0.54%, #07f49e 99.42%);
}

.dash-inner-data-bg-9 {
  background: linear-gradient(97.46deg, #7ef29d 0.01%, #0f68a9 99.6%);
}

.dash-inner-data-bg-10 {
  background: linear-gradient(97.83deg, #e9d022 1.25%, #e60b09 100%);
}

.dash-inner-data-bg-11 {
  background: linear-gradient(97.43deg, #ffa8bd 1.66%, #242acf 97.97%);
}

.dash-inner-data-bg-12 {
  background: linear-gradient(97.5deg, #30c5d2 0%, #471069 95.99%);
}

.dash-inner-data-bg-1,
.dash-inner-data-bg-2,
.dash-inner-data-bg-3,
.dash-inner-data-bg-4,
.dash-inner-data-bg-5,
.dash-inner-data-bg-6,
.dash-inner-data-bg-7,
.dash-inner-data-bg-8,
.dash-inner-data-bg-9,
.dash-inner-data-bg-10,
.dash-inner-data-bg-11,
.dash-inner-data-bg-12 {
  border: none;
}

.dash-inner-img img {
  width: 45%;
}

.dash-inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dash-inner-content p:first-child {
  font-size: 28px;
  font-weight: 500;
  line-height: 30px;
}

.dash-inner-content p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.modal {
  z-index: 9999999;
}

.modal-dialog.table-responsive {
  max-width: 800px;
}

/* employee detail start */
.dashboard-table {
  border: 1px solid #cccccc;
}

.dashboard-table table {
  border-bottom: 0px transparent;
  border-inline: 1px solid #ccc;
}

/* .dashboard-table .table>:not(caption)>*>*{
    padding-inline: 1rem;
} */
.employee-name {
  display: flex;
  flex-direction: column;
  font-weight: 500;
  border-inline: 0;
}

.employee-name span {
  font-size: 18px;
  font-weight: normal;
  color: #6f6f6f;
}

.dashboard-table table tbody tr td,
.employee-name {
  font-size: 20px;
}

.table-top {
  border-color: #363636;
  /* height: 70px; */
}

.table-top-bg {
  background: linear-gradient(90deg, #8711c1 0%, #2472fc 95.9%);
}

.dashboard-table .table-top th {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle;
}

/* employee detail end */

/* worksheet detail start */
.worksheet-date {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.worksheet-date-bg {
  background: linear-gradient(90deg, #fc4778 0%, #3952f5 100%);
}

.worksheet-calender-bg {
  background: linear-gradient(90deg, #2cb2ba 0%, #fbb92d 98.77%);
}

.worksheet-date h3 {
  font-size: 21px;
}

.work-border {
  border-right: 2px solid #ff5900;
}

.worksheet table.day-sheet tr th {
  padding-bottom: 50px;
  padding-top: 0;
  vertical-align: top;
}

.worksheet table.day-sheet tr .day-active {
  background: #ffefe6;
  font-size: 20px;
  font-weight: 500;
}

.worksheet table.day-sheet tr th.work-border.day-time-up {
  padding-bottom: 0;
  vertical-align: bottom;
}

.worksheet table.day-sheet tr th.day-time-down {
  padding-block: 50px;
}

.worksheet table.day-sheet tr .day-top {
  padding-top: 20px;
}

.worksheet table.day-sheet tr .time-color {
  color: #ff5900;
}

#calendar .table-responsive {
  padding: 31px;
}

/* MONTH */
/*--------------------------------------*/
.month {
  background: #ff3c31;
  color: #fff;
  height: 45px;
  border-top: solid 10px #cf3128;
}

/* WEEKS */
/*--------------------------------------*/
.weeks {
  background: #ffebe1;
  color: #060606;
  text-align: center;
  /* margin-bottom: 20px; */
  padding-block: 4px;
  font-size: 12px;
}

/* DAYS */
/*--------------------------------------*/
.calendar-text {
  color: #6f6f6f;
}

.week1 td,
.week2 td,
.week3 td,
.week4 td,
.week5 td,
.week6 td {
  height: 50px;
  width: 50px;
}

.days:hover {
  background: #8f8f8f;
  color: #fff;
}

/* worksheet detail end */
/* ================== dashboard css end ================ */

/* ================== footer css start ================ */
footer p {
  font-size: 20px;
  color: #303030;
}

/* ================== footer css end ================ */

/* icon change */
.icon-2 {
  width: 12%;
  display: none;
  margin-right: 0.5rem;
}

.icon-1 {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}

.nav-pills .side-inner-menu.active .icon-2 {
  display: inline;
}

.nav-pills .side-inner-menu.active .icon-1 {
  display: inline;
}

.nav-pills .side-inner-menu.active .icon-1 {
  display: none;
}

.none-icon {
  display: none;
}

/* ================== black theme color ======================= */
:root {
  --bg-black: #000;
  --black-theme: #1c1f26;
  --border-color: #3a3a3a;
}

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

body.bg-black .border-color {
  border: 1px solid var(--border-color) !important;
}

body.bg-black .border-color-right {
  border-right: 1px solid #3a3a3a !important;
}

body.bg-black .black-theme-bg,
body.bg-black .dropdown-menu-dark {
  background: var(--black-theme) !important;
}

body.bg-black .emp-color {
  color: #e8e8e8 !important;
}

body.bg-black .bg-black-weeks {
  background-color: #191b22 !important;
}

body.bg-black .search-place::placeholder {
  color: #fff !important;
}

body.bg-black .nav-icon-bg {
  background: var(--black-theme) !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3) !important;
}

body.bg-black .side-active-menu-bg.active {
  background: linear-gradient(180deg, #b44a00 0%, #bc0f0c 100%);
}

body.bg-black .black-inner-data-bg-1 {
  background: linear-gradient(98.87deg,
      #b75400 4.68%,
      #f53d3f 108.31%) !important;
}

body.bg-black .black-inner-data-bg-2 {
  background: linear-gradient(97.92deg, #008ec6 2.24%, #9a00ab 100%);
}

.black-inner-data-bg-3 {
  background: linear-gradient(97.76deg, #cb005b 1.79%, #ce7200 97.88%);
}

.black-inner-data-bg-4 {
  background: linear-gradient(97.41deg, #4d00bc 1.78%, #7c004a 98.36%);
}

body.bg-black .black-inner-data-bg-5 {
  background: linear-gradient(97.69deg, #9500cb 1.18%, #7daf00 100%);
}

body.bg-black .black-inner-data-bg-6 {
  background: linear-gradient(96.81deg, #32007a 0.74%, #ab4500 99.47%);
}

body.bg-black .black-inner-data-bg-7 {
  background: linear-gradient(97.97deg, #004895 1.24%, #ac00bc 98.51%);
}

.black-inner-data-bg-8 {
  background: linear-gradient(96.93deg, #42047e 0.54%, #007148 99.42%);
}

.black-inner-data-bg-9 {
  background: linear-gradient(97.46deg, #00ba32 0.01%, #004171 99.6%);
}

body.bg-black .black-inner-data-bg-10 {
  background: linear-gradient(97.83deg, #bea600 1.25%, #960100 100%);
}

.black-inner-data-bg-11 {
  background: linear-gradient(97.43deg, #cf0d3c 1.66%, #151bb8 97.97%);
}

body.bg-black .black-inner-data-bg-12 {
  background: linear-gradient(97.5deg, #008c98 0%, #471069 95.99%);
}

body.bg-black .table-top-black-bg {
  background: linear-gradient(90deg, #6e00a5 0%, #003592 95.9%);
}

body.bg-black .worksheet-date-black-bg {
  background: linear-gradient(90deg, #9e002b 0%, #0017af 100%);
}

body.bg-black .worksheet-calender-black-bg {
  background: linear-gradient(90deg, #00757c 0%, #956500 98.77%);
}

.body.bg-black .black-login-bg {
  background: linear-gradient(180deg, #c94b00 0%, #af0f05 100%);
}

.body.bg-black .drop-bg {
  background: var(--black-theme) !important;
  box-shadow: 0px 4px 20px rgb(0 0 0 / 70%);
}

/* .header-bg-black, .side-bg, .dash-data-bg-black, .table-black-bg{
    background: var(--black-theme) !important;
}
#black-theme, .black-main-dash-bg, .black-theme {
    background-color: var(--bg-black) !important;
}


.black-border-bottom{
    border-bottom: 1px solid #3A3A3A !important;
}
.black-search input, .black-search input::placeholder{
    background-color: transparent !important;
    color: #fff !important;
}
.dash-border-black, .side-bg{
    border-right: 1px solid #3A3A3A !important;
}
.header-bg-black,  .header-logo-border, .dash-data-bg-black, .black-border{
    border: 1px solid #3A3A3A;
}
.table-bg-black{
    background: #191C24;
    color: #fff;
    border-color: #3A3A3A;
}
.table-bg-black .employee-name span, .black-side-menu{
    color: #E8E8E8;
}

.table-black-bg, .black-search input{
    border-color: #3A3A3A;
}
.table-black-bg tbody tr td, .black-side-menu:hover{
    color: #fff;
}
.table-black-bg tbody tr td:hover{
    background-color: #fff;
    color: #000;
} */

/* career menu */
.career-table {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #cccccc;
  padding: 20px;
}

.career-table .career-title {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}

.career-table .dash-login.dash-login-bg a {
  padding: 0px 35px;
}

.career-table .dash-login.dash-login-bg a i {
  margin-right: 10px;
}

/* .career-table div#example_length {
    margin-left: 35px;
} */

.career-table div#example_filter {
  margin-bottom: 15px;
  /* display: none; */
}

/* .career-table div#example_wrapper {
    margin-top: 20px;
} */

/* data table css start*/

.career-table table#example thead.data-table-head,
.career-table table#tEmployees thead.data-table-head,
.career-table table#company-marketing thead.data-table-head,
.career-table table#network_part_categories thead.data-table-head,
.career-table table#network_graphic_card thead.data-table-head,
.career-table table#network-allocated thead.data-table-head,
.account-team-data-1,
.career-table table#account-dashboard-table thead.data-table-head {
  background: linear-gradient(90deg, #8711c1 0%, #2472fc 95.9%);
}

.career-table table#examplee thead.data-table-head,
.career-table table#tblmanualleavebalance thead.data-table-head,
.career-table table#employees_leave thead.data-table-head,
.career-table table#company_enquiries thead.data-table-head,
.career-table table#emply_leave thead.data-table-head,
.career-table table#company_enquiries thead.data-table-head,
.career-table table#network_ip_address thead.data-table-head,
.career-table table#network_processor thead.data-table-head,
.career-table table#network-machine-table thead.data-table-head,
.career-table table#account-team-table thead.data-table-head {
  background: linear-gradient(90deg, #fc4778 0%, #3952f5 100%);
}

.career-table table#candidate thead.data-table-head,
.career-table table#emply_leave thead.data-table-head,
.career-table table#company-categories thead.data-table-head,
.career-table table#network_categories thead.data-table-head,
.career-table table#network_installed_software thead.data-table-head,
.career-table table#network_operating_system thead.data-table-head,
.account-team-data-2,
.career-table table#account-dashboard-team thead.data-table-head {
  background: linear-gradient(90deg, #2cb2ba 0%, #fbb92d 98.77%);
}

.career-table table#manage_company thead.data-table-head,
.career-table table#emply_leave thead.data-table-head,
.career-table table#network_part_brand thead.data-table-head,
.career-table table#network_add_size thead.data-table-head,
.account-team-data-3,
.career-table table#network-inventory thead.data-table-head,
.career-table table#subscriber-info thead.data-table-head {
  background: linear-gradient(97.92deg, #40c9ff 2.24%, #e81cff 100%);
}

.bg-d-color {
  background: linear-gradient(97.92deg, #40c9ff 2.24%, #e81cff 100%);
}

.bg-d-color1 {
  background: linear-gradient(90deg, #2cb2ba 0%, #fbb92d 98.77%);
}

.bg-d-color2 {
  background: linear-gradient(90deg, #fc4778 0%, #3952f5 100%);
}

.bg-d-color3 {
  background: linear-gradient(90deg, #8711c1 0%, #2472fc 95.9%);
}

.bg-d-color4 {
  background: linear-gradient(90deg, #98c111 0%, #8c24fc 95.9%);
}

.career-table table.data-collection thead.data-table-head {
  height: 40px;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
}

.career-table table.data-collection thead.data-table-head th.sorting {
  font-weight: 500;
}

.career-table table.dataTable thead>tr>th.sorting:before,
.career-table table.dataTable thead>tr>th.sorting_asc:before,
.career-table table.dataTable thead>tr>th.sorting_desc:before,
.career-table table.dataTable thead>tr>th.sorting_asc_disabled:before,
.career-table table.dataTable thead>tr>th.sorting_desc_disabled:before,
.career-table table.dataTable thead>tr>td.sorting:before,
.career-table table.dataTable thead>tr>td.sorting_asc:before,
.career-table table.dataTable thead>tr>td.sorting_desc:before,
.career-table table.dataTable thead>tr>td.sorting_asc_disabled:before,
.career-table table.dataTable thead>tr>td.sorting_desc_disabled:before,
.career-table table.dataTable thead>tr>th.sorting:after,
.career-table table.dataTable thead>tr>th.sorting_asc:after,
.career-table table.dataTable thead>tr>th.sorting_desc:after,
.career-table table.dataTable thead>tr>th.sorting_asc_disabled:after,
.career-table table.dataTable thead>tr>th.sorting_desc_disabled:after,
.career-table table.dataTable thead>tr>td.sorting:after,
.career-table table.dataTable thead>tr>td.sorting_asc:after,
.career-table table.dataTable thead>tr>td.sorting_desc:after,
.career-table table.dataTable thead>tr>td.sorting_asc_disabled:after,
.career-table table.dataTable thead>tr>td.sorting_desc_disabled:after {
  opacity: 1;
  font-size: 11px;
}

.career-table table.dataTable thead>tr>th.sorting-checkbox.sorting:after,
.career-table table.dataTable thead>tr>th.sorting-checkbox.sorting_asc:after,
.career-table table.dataTable thead>tr>th.sorting-checkbox.sorting:before,
.career-table table.dataTable thead>tr>th.sorting-checkbox.sorting_asc:before {
  display: none;
}

.career-table table.dataTable thead>tr>th.sorting:after,
.career-table table.dataTable thead>tr>th.sorting_asc:after,
.career-table table.dataTable thead>tr>th.sorting_desc:after,
.career-table table.dataTable thead>tr>th.sorting_asc_disabled:after,
.career-table table.dataTable thead>tr>th.sorting_desc_disabled:after,
.career-table table.dataTable thead>tr>td.sorting:after,
.career-table table.dataTable thead>tr>td.sorting_asc:after,
.career-table table.dataTable thead>tr>td.sorting_desc:after,
.career-table table.dataTable thead>tr>td.sorting_asc_disabled:after,
.career-table table.dataTable thead>tr>td.sorting_desc_disabled:after {
  top: 60%;
}

.career-table div#example_paginate ul.pagination li#example_previous a,
.career-table div#examplee_paginate ul.pagination li#examplee_previous a,
.career-table div#candidate_paginate ul.pagination li#candidate_previous a,
.career-table div#employees_leave_paginate ul.pagination li#employees_leave_previous a,
.career-table div#tEmployees_paginate ul.pagination li#tEmployees_previous a,
.career-table div#emply_leave_paginate ul.pagination li#emply_leave_previous a,
.career-table div#manage_company ul.pagination li#tmanage_company_previous a,
.career-table div#company-categories ul.pagination li#company-categories_previous a,
.career-table div#company-marketing ul.pagination li#company-marketing_previous a,
.career-table div#company_enquiries ul.pagination li#company_enquiries_previous a,
.career-table div#network_categories ul.pagination li#network_categories_previous a,
.career-table div#network_part_categories ul.pagination li#network_part_categories_previous a,
.career-table div#network_part_brand ul.pagination li#network_part_brand_previous a,
.career-table div#network_ip_address ul.pagination li#network_ip_address_previous a,
.career-table div#network_installed_software ul.pagination li#network_installed_software_previous a,
.career-table div#network_add_size ul.pagination li#network_add_size_previous a,
.career-table div#network_processor ul.pagination li#network_processor_previous a,
.career-table div#network_graphic_card ul.pagination li#network_graphic_card_previous a,
.career-table div#network_operating_system ul.pagination li#network_operating_system_previous a,
.career-table div#network-inventory ul.pagination li#network-inventory_previous a,
.career-table div#network-machine-table ul.pagination li#network-machine-table_previous a,
.career-table div#network-allocated ul.pagination li#network-allocated_previous a {
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #6f6f6f;
}

.career-table div#example_paginate ul.pagination li#example_next a,
.career-table div#examplee_paginate ul.pagination li#examplee_next a,
.career-table div#candidate_paginate ul.pagination li#candidate_next a,
.career-table div#employees_leave_paginate ul.pagination li#employees_leave_next a,
.career-table div#tEmployees_paginate ul.pagination li#tEmployees_next a,
.career-table div#emply_leave_paginate ul.pagination li#emply_leave_next a,
.career-table div#manage_company_paginate ul.pagination li#manage_company_next a,
.career-table div#company-categories_paginate ul.pagination li#company-categories_next a,
.career-table div#company-marketing_paginate ul.pagination li#company-marketing_next a,
.career-table div#company_enquiries_paginate ul.pagination li#company_enquiries_next a,
.career-table div#network_categories_paginate ul.pagination li#network_categories_next a,
.career-table div#network_part_categories_paginate ul.pagination li#network_part_categories_next a,
.career-table div#network_part_brand_paginate ul.pagination li#network_part_brand_next a,
.career-table div#network_ip_address_paginate ul.pagination li#network_ip_address_next a,
.career-table div#network_installed_software_paginate ul.pagination li#network_installed_software_next a,
.career-table div#network_add_size_paginate ul.pagination li#network_add_size_next a,
.career-table div#network_processor_paginate ul.pagination li#network_processor_next a,
.career-table div#network_graphic_card_paginate ul.pagination li#network_graphic_card_next a,
.career-table div#network_operating_system_paginate ul.pagination li#network_operating_system_next a,
.career-table div#network-inventory_paginate ul.pagination li#network-inventory_next a,
.career-table div#network-machine-table_paginate ul.pagination li#network-machine-table_next a,
.career-table div#network-allocated_paginate ul.pagination li#network-allocated_next a {
  background: #ff5900;
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #fff;
  padding-inline: 35px;
}

.career-table div#example_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#examplee_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#candidate_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#employees_leave_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#tEmployees_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#emply_leave_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#manage_company_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#company-categories_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#company-marketing_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#company_enquiries_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_categories_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_part_categories_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_part_brand_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_ip_address_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_installed_software_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_add_size_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_processor_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_graphic_card_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network_operating_system_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network-inventory_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network-machine-table_paginate ul.pagination li.paginate_button.page-item.active a,
.career-table div#network-allocated_paginate ul.pagination li.paginate_button.page-item.active a {
  background-color: #ff5900;
  border-color: transparent;
  color: #fff;
}

.career-table div#example_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#examplee_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#candidate_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#employees_leave_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#tEmployees_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#emply_leave_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#manage_company_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#company-categories_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#company-marketing_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#company_enquiries_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_categories_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_part_categories_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_part_brand_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_ip_address_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_installed_software_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_add_size_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_processor_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_graphic_card_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network_operating_system_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network-inventory_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network-machine-table_paginate ul.pagination li.paginate_button.page-item a,
.career-table div#network-allocated_paginate ul.pagination li.paginate_button.page-item a {
  color: #000;
  margin-left: 10px;
}

.career-table div#example_wrapper div#example_length label,
.career-table div#examplee_wrapper div#examplee_length label,
.career-table div#candidate_wrapper div#candidate_length label,
.career-table div#employees_leave_wrapper div#employees_leave_length label,
.career-table div#tEmployees_wrapper div#tEmployees_length label,
.career-table div#emply_leave_wrapper div#emply_leave_length label,
.career-table div#manage_company_wrapper div#manage_company_length label,
.career-table div#company-categories_wrapper div#company-categories_length label,
.career-table div#company-marketing_wrapper div#company-marketing_length label,
.career-table div#company_enquiries_wrapper div#company_enquiries_length label,
.career-table div#network_categories_wrapper div#network_categories_length label,
.career-table div#network_part_categories_wrapper div#network_part_categories_length label,
.career-table div#network_part_brand_wrapper div#network_part_brand_length label,
.career-table div#network_ip_address_wrapper div#network_ip_address_length label,
.career-table div#network_installed_software_wrapper div#network_installed_software_length label,
.career-table div#network_add_size_wrapper div#network_add_size_length label,
.career-table div#network_processor_wrapper div#network_processor_length label,
.career-table div#network_graphic_card_wrapper div#network_graphic_card_length label,
.career-table div#network_operating_system_wrapper div#network_operating_system_length label,
.career-table div#network-inventory_wrapper div#network-inventory_length label,
.career-table div#network-machine-table_wrapper div#network-machine-table_length label,
.career-table div#network-allocated_wrapper div#network-allocated_length label {
  color: #6f6f6f;
}

.career-table .dataTables_wrapper .dataTables_paginate a.paginate_button.previous {
  background-color: transparent;
  color: #6f6f6f;
  border: 1px solid #cccccc;
  border-radius: 8px;
  display: inline-block;
  padding: 8px 30px;
  margin-right: 6px;
}

.career-table .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
  background-color: #ff5900;
  color: #fff;
  border-color: transparent;
  border-radius: 8px;
  display: inline-block;
  padding: 8px 30px;
  margin-right: 6px;
}

.career-table .dataTables_wrapper .dataTables_paginate span a.paginate_button {
  background: transparent;
  border-radius: 8px;
  border: 1px solid #6f6f6f;
  color: #000;
  padding: 10px 15px;
  margin-inline: 6px;
}

.career-table .dataTables_wrapper .dataTables_paginate span a.paginate_button.current {
  background: #ff5900;
  border-color: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 10px 15px;
}

table.data-collection tbody {
  vertical-align: middle;
}

.career-table .career-title .data-table-title {
  color: #6f6f6f;
}

/* div.dataTables_wrapper div.dataTables_filter {
    width: 90%;
} */
/* .dataTables_length, div.dataTables_wrapper div.dataTables_filter {
    display: inline-block;
    margin-bottom: 0 !important;
    margin-top: 10px;
} */
/* data table css end  */

.candidate-name {
  color: #1a91ff !important;
}

.candidate-status span {
  color: #ff5900 !important;
  background: rgba(255, 89, 0, 0.1) !important;
  border-radius: 8px;
  padding: 10px;
}

.career-table table.data-collection thead.data-table-head th.sorting.sorting-checkbox {
  cursor: inherit;
}

.custom-checkbox input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.dash-filter a {
  width: 32px;
  height: 32px;
  display: block;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 8px;
  text-align: center;
  line-height: 32px;
}

.data-collection .action-btn a {
  width: 30px;
  height: 30px;
  display: block;
  background: #ffffff;
  border-radius: 28px;
  text-align: center;
  line-height: 30px;
}

.data-collection .action-btn a.action-btn-dlt {
  border: 1px solid #ff0000;
}

.data-collection .action-btn a.action-btn-edit {
  border: 1px solid #cccccc;
}

.data-collection .action-btn a.action-btn-dlt i {
  color: #ff0000;
  font-size: 14px;
}

.action-main a {
  width: 30px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 28px;
  display: block;
  color: #6f6f6f;
  text-align: center;
  margin: 0 auto;
}

td.active-color span {
  color: #229a6f !important;
  background: rgba(34, 154, 111, 0.1) !important;
  border-radius: 8px;
  padding: 10px;
}

.pay-salary-bg {
  background: #646be3;
  border: 1px solid #cccccc;
  border-radius: 8px;
}

.add-emply-bg {
  background: #229a6f;
  border: 1px solid #cccccc;
  border-radius: 8px;
}

.clear-all-bg {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 8px;
}

.clear-all-bg a {
  color: #6f6f6f;
}

.jumbotron button.select-emp-field {
  background: #ff5900;
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #fff;
  padding: 10px;
}

.jumbotron.employee-form .form-group {
  margin-bottom: 30px;
}

.jumbotron.employee-form .form-group select,
.jumbotron.employee-form .form-group input {
  /* background: #FFFFFF; */
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px;
}

.adduser-form {
  color: #ff2121;
}

#addnewuser .modal-dialog.modal-dialog-centered,
div#addnewuser2 .modal-dialog.modal-dialog-centered {
  max-width: 900px;
}

div#addnewuser2 .modal-dialog.modal-dialog-centered .modal-header,
div#addnewuser2 .modal-dialog.modal-dialog-centered .modal-footer {
  justify-content: center;
}

.adduser-close-btn,
.adduser-save-btn {
  width: 131px;
  height: 40px;
  font-size: 17px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  transition: all 0.4s linear;
}

.adduser-close-btn {
  background: #ffffff;
  color: #6f6f6f;
}

.adduser-save-btn,
.bg-primary-btn {
  background: #ff5900;
  color: #fff;
}

.adduser-close-btn:hover {
  background: #ff5900;
  color: #fff;
}

.adduser-save-btn:hover {
  background: transparent;
  color: #000;
  border: 1px solid #ccc;
}

div#addnewuser2 .modal-dialog.modal-dialog-centered .modal-header h5 {
  font-weight: 500;
  font-size: 24px;
}

div#addnewuser2 .modal-dialog.modal-dialog-centered .modal-body p {
  text-align: center;
  font-size: 22px;
  color: #303030;
}

div#addnewuser2 .modal-dialog.modal-dialog-centered .modal-body p a {
  color: #2472fc;
}

.candidate-form-title {
  background: linear-gradient(90deg, #2cb2ba 0%, #fbb92d 98.77%);
  border-radius: 12px 12px 0px 0px;
}

.candidate-form-title p,
.candidate-status-title p {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
}

.candidate-form {
  padding: 20px;
}

.candidate-form label {
  font-size: 20px;
  color: #000;
}

.candidate-status-title {
  background: linear-gradient(97.92deg, #40c9ff 2.24%, #e81cff 100%);
  border-radius: 12px 12px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.candidate-status-title button {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #6f6f6f;
}

.candidate-btn {
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #6f6f6f;
}

.leave-pending-btn button {
  width: 201px;
  height: 48px;
  background: #ff5900;
  border: 1px solid #cccccc;
  border-radius: 8px;
  display: block;
  color: #fff;
}

.candidate-interview {
  margin-bottom: 30px;
}

.candidate-interview select {
  height: 48px;
  color: #ff5900;
}

.interview-model {
  max-width: 850px;
}

.interview-model h5 {
  font-size: 24px;
  font-weight: 500;
}

.interview-model .interview-des {
  font-size: 22px;
  font-weight: 400;
  color: #303030;
}

.interview-model .modal-body label {
  font-size: 20px;
  font-weight: 400;
  color: #000;
}

.interview-model .modal-body select {
  font-size: 18px;
  font-weight: 400;
  color: #6f6f6f;
}

/* company css */
.manage-comp .manage-comp-main li a.active {
  background-image: linear-gradient(to bottom, #79797947 0, #dadada 100%);
  background-repeat: repeat-x;
}

.manage-comp .manage-comp-main li a {
  background-color: #efeded;
  border-radius: 27px;
  color: #000;
  padding: 3px 15px;
  display: flex;
  margin-left: 3px;
}

.manage-comp .manage-comp-main li a span {
  width: 21px;
  height: 21px;
  border-radius: 60%;
  background-color: transparent;
  line-height: 21px;
  text-align: center;
  border: 1px solid #f63 !important;
  color: #f63;
  margin-left: 5px;
}

table#company-categories thead.data-table-head th.sorting.sorting-checkbox.sorting_asc {
  min-width: 1200px;
}

div#v-pills-log-history .card-content.collapse.show .input-group .input-group-prepend span#basic-addon1 {
  height: 100%;
}

div#v-pills-log-history .card-content.collapse.show .input-group input#entryDate {
  background-color: #eceff1;
}

.log-history-main .dash-breadcrumb p.career-title {
  color: #939393;
  font-weight: 400;
  font-size: 17px !important;
}

/* filter button css start */
.filter-btn-main .filter-btn-inner {
  background-color: #0078d8;
  position: relative;
  border-color: transparent;
  border-radius: 30px;
}

.filter-btn-main ul.dropdown-menu {
  left: -200%;
  top: 15px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  width: 450px;
  padding: 10px 15px;
}

.filter-btn-main .filter-btn-inner.dropdown-toggle::after {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
}

.filter-btn-main .filter-btn-inner:first-child:active {
  background-color: #0078d8;
  border-color: #0078d8;
}

/* filter button css end */

#company-add-modal .modal-dialog.modal-dialog-centered {
  max-width: 900px;
}

#company-add-modal .modal-dialog.modal-dialog-centered .modal-body label {
  font-size: 20px;
}

#company-add-modal .modal-dialog.modal-dialog-centered .modal-body input::placeholder {
  color: #cccccc;
}

ul.network-categories li.nav-item button.nav-link {
  background: rgba(255, 89, 0, 0.1);
  color: #ff5900;
  padding: 10px 25px;
}

ul.network-categories li.nav-item button.nav-link.active {
  background-color: #ff5900;
  color: #fff;
}

.data-collection .action-btn a.action-btn-edit.act-btn {
  color: #6f6f6f;
  line-height: 22px;
}

/* inventory css start */
.inventory-part .operate-btn p {
  background: #ff5900;
  border: 1px solid #cccccc;
  border-radius: 8px;
}

/* inventory css end */

/* Network Machine css start */
#v-pills-network-machine .filter-btn-main ul.dropdown-menu {
  width: 1000px;
}

div#network_inventory_modal .modal-dialog.modal-dialog-centered {
  min-width: 1320px;
}

div#v-pills-network-machine .media .media-body h3 {
  margin-bottom: 7px;
  font-size: 23px;
}

/* Network Machine css end */

/* mail css start */
div#v-pills-manage-subscribers .card {
  border: none;
  box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.07);
}

div#v-pills-manage-subscribers .card-body .card-footer {
  background-color: transparent;
  border: none;
}

div#import-subscribers-modal .modal-dialog {
  max-width: 870px;
}

.btn-preview {
  background-color: transparent;
  border: 1px solid #6f6f6f;
  margin-top: 10px;
  margin-right: 10px;
  padding: 10px 25px;
  transition: all 0.4s;
}

.btn-submit {
  background-color: #ff5900;
  color: white;
  border: 1px solid transparent;
  margin-top: 10px;
  padding: 10px 25px;
  transition: all 0.4s;
}

.btn-submit:hover {
  background-color: transparent;
  color: #000;
  border: 1px solid #6f6f6f;
}

.btn-preview:hover {
  background-color: #ff5900;
  color: white;
  border: 1px solid transparent;
}

/* mail css end */

/* Account Menu Css start */
.acc-dash-tab {
  box-shadow: 0 1px 15px 2px rgb(62 57 107 / 15%);
  padding: 10px;
}

.modal-size {
  max-width: 1000px;
}

/* Account Menu Css end */

/* Assignment menu css start */
.assignment-inner {
  box-shadow: 0 1px 15px 1px rgba(62, 57, 107, 0.214);
  padding: 10px;
}

/* Assignment menu css End */

/*========================================= candidate profile page css start ================================== */

/***************************** login page css start  *************************************/

.login-wrap,
.interview_wrapper,
.interview-form,
.candidate-profile,
.action-icon svg:nth-child(2),
.action-icon svg:first-child,
.field-wrap p,
.resume-mail-btns a,
.candidate_details_wrapper .details-wrap,
.c-details .row,
.emp-status,
.emp_table,
.accordion_table,
.candidate_details_wrapper {
  background-color: var(--white-color);
}

a.form-btn:hover,
.candidate-bread select option,
.name-edit h2,
.c-status h3,
.profile-details h3,
.resume-mail-btns a,
.accordion_table table thead th,
.interview-que li,
.interview-que td,
.interview-form form label,
.interview-form form label span,
.interview-form form .form-btns input.cancel-btn,
.emp-details h4,
.emp_table tbody td,
.emp-leaves .field-wrap p,
.interview-form form .form-btns input[type="submit"]:hover,
.interview-form form .form-btns input.cancel-btn {
  color: var(--black-color);
}

.candidate-bread .breadcrumb .active a,
.candidate_details_wrapper h4,
.accordion_heading li,
.accordion-container .accordion-button,
.emp_table table thead th,
.emp-status h4,
.accordion_table .process-status {
  color: #ff5900;
}

.login-wrap form input,
.candidate-bread select,
.c-status span,
.resume-mail-btns a,
.candidate_details_wrapper h4,
.emp-status h4,
.candidate_details_wrapper .details-wrap,
.c-details .row,
.emp-status,
.accordion_table,
.accordion_table thead,
.interview_wrapper,
.interview-form,
.emp_table thead,
.emp_table,
.candidate_details_wrapper {
  border-radius: 20px;
}

.login-wrap,
.grow-wrap {
  box-shadow: 10px 10px 10px 0px #e6dbd1;
}

.form-btn,
.candidate-bread select,
.c-status span.ms-3 {
  background: linear-gradient(180deg, #f3995a 0%, #f54441 100%);
}

.login-page {
  background-color: #fff;
}

.login_wrapper {
  font-family: "Montserrat", sans-serif;
  /* background-image: url(../img/login-animation.gif); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 80%;
  width: 100%;
  height: 100vh;
}

.login-wrap {
  padding: 80px 0;
  border-radius: 12px 0 0 12px;
}

.login_wrapper h2 {
  color: #181818;
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
}

.login-wrap h2 {
  padding: 50px 0 40px 0;
}

.login-wrap form input {
  color: #757575;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  padding: 15px 25px;
  max-width: 380px;
  width: 100%;
  border: 1px solid transparent;
  background-color: #ecf0f3;
  box-shadow: -2px -2px 4px 0px #f9f9f9 inset, 2px 2px 4px 0px #d1d9e6 inset;
}

.forgot-password a {
  color: #757575;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  margin-left: -25%;
}

.form-btn {
  color: #f9f9f9;
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.15px;
  border-radius: 25px;
  box-shadow: -8px -8px 16px 0px #f9f9f9, 8px 8px 16px 0px #d1d9e6;
  padding: 15px 50px;
}

a.form-btn:hover {
  border: 2px solid #f3995a;
  background: transparent;
}

.grow-wrap {
  background-image: url(../img/login-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 0 12px 12px 0;
}

.grow-wrap p {
  color: #a0a5a8;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.25px;
  padding: 0 40px;
}

/* login page css end */

/* Candidate css start  */

.candidate-profile {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 20px;
}

.candidate_wrapper ol.breadcrumb li.breadcrumb-item+li.breadcrumb-item::before {
  content: ">";
}

.candidate-bread .breadcrumb .breadcrumb-item,
.candidate-bread select,
.interview-btn a,
.resume-mail-btns a,
.accordion_table table thead th,
.interview-que li,
.interview-que td,
.emp-details h4,
.add-work a,
.emp_table tbody td,
.field-wrap h5,
.buttonStatus {
  color: #303030;
  /* font-size: 20px; */
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.candidate-bread select,
.interview-btn a,
div.c-status span.text-warning,
div.breadcrumbBtn a i,
a.backPage {
  color: #fff !important;
}

.candidate-bread select:focus-visible,
.login-wrap form input:focus-visible,
.interview-form form input:focus-visible,
.interview-form form select:focus-visible,
table#example input[type="search"]:focus-visible {
  outline: 0;
}

.interview-btn a {
  padding: 6px 15px;
}

.c-status h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.c-status span,
.interview-form form label {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.c-status span.ms-3 {
  padding: 5px 20px;
}

/* .name-edit h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
} */
.name-edit h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  text-transform: capitalize;
}

/* .profile-details h3 {
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
} */
.profile-details h3 {
  /* font-size: 24px; */
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.event-dates h4 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.event-dates h4 span {
  font-weight: 500;
}

.resume-mail-btns a {
  padding: 12px 25px;
}

.candidate_details_wrapper h4,
.accordion_heading li,
.accordion-container .accordion-button,
.emp_table thead th,
.emp-status h4 {
  /* font-size: 24px; */
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.candidate_details_wrapper p,
.accordion_table table tbody td,
.interview-form form .form-btns input[type="submit"] {
  /* font-size: 18px; */
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
}

.candidate_details_wrapper p span {
  font-weight: 600;
}

div.c-status a span,
.add-work a {
  color: #fff !important;
}

.profile-wrap {
  border-radius: 160px 30px 30px 30px;
  background: #ffefe6;
}

.resume-download {
  border-right: 1px solid rgba(0 0 0 / 20%);
}

.profile-details {
  padding: 50px;
}

.event-dates {
  padding: 0 70px 30px 70px;
}

.candidate_details_wrapper h4,
.emp-status h4 {
  border: 1px solid #ccc;
  background: #ffefe6;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 30px;
}

.emp-status h4 {
  border: none;
}

.candidate_details_wrapper .details-wrap,
.c-details .row,
.emp-status {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.c-details .row .col-md-6:first-child {
  border-right: 1px solid #ccc;
}

.candidate_details_wrapper .details-wrap-full {
  border-radius: none;
  background: none;
  box-shadow: none;
}

.candidate_details_wrapper .details-wrap p {
  border-bottom: 1px solid #ccc;
  padding: 18px 30px;
}

.candidate_details_wrapper .details-wrap p:last-child {
  border: 0;
}

.accordion_table {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}

/* .accordion_table table{
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
} */
.accordion_table,
.emp_table {
  overflow-x: auto;
}

.accordion_heading li,
.interview-que li {
  list-style: disc;
}

.accordion_table td,
.accordion_table th {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.accordion_table thead,
.accordion_table table,
.emp_table table,
.emp_table table thead {
  border: hidden;
}

.table {
  margin-bottom: 0;
}

.accordion_table thead {
  background: #ebebeb;
}

.accordion_table thead th,
.accordion_table tbody td,
.emp_table thead tr th,
.emp_table tbody tr td {
  padding: 20px !important;
  text-wrap: nowrap;
}

.accordion_table thead tr th:first-child,
.emp_table thead tr th:first-child {
  border-radius: 20px 0 0 20px;
}

.profile_wrapper table.dataTable thead th,
table.dataTable thead td,
table.dataTable.no-footer {
  border-bottom: none;
}

.profile_wrapper .dataTables_wrapper .dataTables_filter {
  padding-bottom: 40px;
}

.profile_wrapper .dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
  padding-top: 40px;
}

.accordion_table thead tr th:last-child,
.emp_table thead tr th:last-child {
  border-radius: 0 20px 20px 0;
}

div.accordion-container button.accordion-button {
  border-radius: 20px !important;
  border: 1px solid #ccc;
  background: #ffefe6;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.accordion-container .accordion .accordion-item {
  border: none;
}

.accordion_table table .name {
  width: 25%;
}

.accordion_table table .email_id {
  width: 30%;
}

/* .interview-que li{
    display: flex;
    justify-content: space-between;
} */
.interview-que .que-border {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.interview_wrapper .border-right {
  border-right: 1px solid #ccc;
}

.interview_wrapper,
.interview-form {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 5px 20px;
}

.interview-form {
  padding: 25px;
}

.interview-que td {
  padding: 20px 0;
  border: none;
}

.interview-form form label span,
.field-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.interview-form form input,
.interview-form form select {
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 48px;
  padding: 15px 20px 15px 20px;
}

.interview-form form input[type="file"] {
  padding: 6px;
}

/* .interview-form form input.height_full {
    height: 80px;
} */
.interview-form form input.height_full_wrap {
  height: 108px;
}

.interview-form form select option {
  height: 30px;
}

.interview-form form label {
  margin-bottom: 10px;
}

.interview-form form input {
  margin-bottom: 30px;
}

.interview-form form .form-btns input[type="submit"] {
  background-color: #ff5900;
  border-radius: 10px;
  height: auto;
  width: auto;
  padding: 8px 35px;
  margin-bottom: 0;
  color: #fff;
  transition: all 0.3s;
}

.interview-form form .form-btns input.cancel-btn {
  background-color: rgba(255, 89, 0, 0.3);
  color: #000;
}

.interview-form form .form-btns input[type="submit"]:hover {
  border: 1px solid #ff5900;
  background-color: transparent;
}

.action-icon svg:first-child,
.action-icon svg {
  border-radius: 28px;
  border: 1px solid #f00;
  padding: 3px;
  margin-right: 3px;
}

.action-icon .editTable-icon svg,
.editTable-icon svg {
  border: 1px solid #ccc;
}

.action-icon svg:nth-child(2),
.editTable-icon svg {
  border-radius: 28px;
  border: 1px solid #ccc;
  padding: 5px;
}

.accordion_table .w-35 {
  width: 35%;
  text-align: left;
}

.accordion_table .pending-status {
  color: #b0b000;
  /* border-radius: 8px;
    background-color: rgba(255, 255, 0, 0.10); */
}

/* .accordion_table .process-status {
    border-radius: 8px;
    background-color: rgba(255, 89, 0, 0.10);
} */
.emp-details {
  padding: 30px 30px 30px 110px;
}

.emp-details h4 span,
.emp_table tbody td,
.field-wrap h5 {
  font-weight: 400;
}

.add-work a {
  border-radius: 15px;
  background: linear-gradient(90deg, #fc4778 0%, #3952f5 100%);
  padding: 10px 25px;
}

.emp-wrap {
  max-height: 270px;
}

.emp_table thead {
  background-color: rgba(255, 89, 0, 0.1);
}

.emp_table td {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
}

.emp_table {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.field-wrap {
  position: relative;
  padding: 0px 15px;
  margin: 15px 0;
}

.field-wrap:before {
  position: absolute;
  content: "";
  top: 12px;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

/* .field-wrap p {
  margin-left: 20px;
} */
.field-wrap p {
  color: rgba(0, 0, 0, 0.5);
  position: inherit;
  max-width: max-content;
  padding: 0 10px;
}

.emp-status .row {
  padding: 20px;
}

/* .emp-leaves .field-wrap p{
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
} */
.emp-leaves .field-wrap p {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

/* .emp_status .row{
    min-height: 408px;
} */
.profile_wrapper .accordion-body {
  padding: 20px 0 10px 0;
}

.candidate-profile a {
  text-decoration: none;
}

.accordion_table table tbody tr td {
  /* background-color: #fff; */
  box-shadow: unset !important;
}

/* .profile_wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius: 10px;
    background: var(--1, linear-gradient(90deg, #FC4778 0%, #3952F5 100%));
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    border: transparent !important;
} */

/* ############## */
.candidate_details_wrapper h4 {
  border: 0;
  box-shadow: unset;
}

.candidate_details_wrapper .details-wrap,
.c-details .row {
  border-radius: 0 0px 20px 20px;
  box-shadow: unset;
}

.candidate_details_wrapper {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.accordion_table label {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("../img/accrodian.svg");
}

table#example {
  border-radius: 20px !important;
  /* overflow: hidden; */
}

.profile-img img {
  /* max-width: 270px; */
  width: 220px;
  height: 220px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #ff5c00;
  box-shadow: 0px 0px 20px 0px rgb(255 89 0);
}

.resume-mail-btns .emp-code h4 a {
  background-color: inherit;
  padding: 0;
}

div.breadcrumbBtn button,
div.breadcrumbBtn a,
a.backPage,
div.breadcrumbBtn button:hover,
div.breadcrumbBtn button.btn.show,
div.breadcrumbBtn a,
a.backPage:hover,
.interview-btn a {
  background-color: #FF5900;
  border-color: #FF5900;
}

div.breadcrumbBtn .actionDropdown.show,
div.breadcrumbBtn .actionDropdown li button,
div.breadcrumbBtn .actionDropdown li a {
  background-color: var(--white-color);
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus,
.btn:focus-visible,
.btn-check:focus+.btn,
.btn:focus,
.form-control:focus,
.navbar-toggler:focus,
.filter-btn-main .filter-btn-inner:focus:not(:focus-visible) {
  box-shadow: none !important;
}

.interview-btn a:hover svg path {
  fill: #FF5900;
}

div.breadcrumbBtn a:hover i,
button:hover .fa-pencil,
button:hover .fa-trash-o,
a:hover .fa-pencil,
a:hover .fa-trash-o {
  color: #FF5900 !important;
}

/* #########************************************************************************######## */

/* Candidate css end */

/* Candidate css end */

.buttonStatus {
  background-color: #FF5900;
  color: #fff;
  padding: 0 15px;
  border-radius: 8px;
}

.interview-btn a,
.buttonStatus,
.c-status span {
  line-height: normal;
}

/*========================================= candidate profile page css end  ====================================*/

.dash-inner-data {
  height: 100px;
}



/* company page  */

.companyMenu {
  overflow-x: auto;
  white-space: nowrap;
}

.companyMenu .menu {
  width: 100%;
}

.companyMenu .manage-comp-main li a span {
  width: auto;
  max-width: max-content;
  height: 100%;
  padding: 5px 10px;
}

.companyMenu .manage-comp-main li a {
  align-items: center;
  margin: 8px 3px 0;
}

/* table menu icon  */

/* div.bg-black select.black-theme-bg,
.bg-black select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 15.3748L6 9.3748L7.075 8.2998L12 13.2498L16.925 8.3248L18 9.3998L12 15.3748Z' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: 10% !important;
  background-position: right center !important;
  background-color: var(--black-theme) !important;
} */

div.bg-black select.themeChange {
  background-size: 2.5% !important;
}

.bg-black .dropdown-menu select {
  background-size: 7% !important;
}

html body div.dropdown-menu a.dropdown-item:focus,
html body div.dropdown-menu a.dropdown-item:hover {
  background-color: var(--orange) !important;
  color: var(--white-color) !important;
}

.dataTables_wrapper div.dataTables_length select.custom-select {
  background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23464855%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") no-repeat center;
  background-size: 15% !important;
  background-position: 80% 50%;
  border: 1px solid rgb(111 111 111 / 40%) !important;
  padding: 4px 20px 4px 10px !important;
}

div.bg-black .dataTables_wrapper div.dataTables_length select.custom-select {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='25' viewBox='0 0 20 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1666 11.6666L5.83325 11.6666L9.99992 7.49996L14.1666 11.6666Z' fill='white'/%3E%3Cpath d='M5.83341 13.3334L14.1667 13.3334L10.0001 17.5L5.83341 13.3334Z' fill='white'/%3E%3C/svg%3E") !important;
  background-size: 40% !important;
}

.dataTables_length {
  padding-bottom: 10px;
}

/* div.bg-black .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") !important;
  background-size: 20px !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
} */

/* bugzilla  */

.bugzill-media img {
  width: 110px;
  height: 110px;
  margin-right: 15px !important;
}

/* human resource candidate  */

.CandidateSchedule td a.badge {
  color: #212529;
}

a.badge,
.fa-pencil,
.fa-trash-o {
  color: #212529 !important;
}

div.black-theme-bg a.badge,
div.black-theme-bg .fa-pencil,
div.black-theme-bg .fa-trash-o,
div.black-theme-bg .fa-eye,
.black-theme-bg form i {
  color: var(--white-color) !important;
}

body.bg-black .black-theme-bg .dropdown-item:hover {
  color: var(--white-color) !important;
}

.fa-eye {
  color: #000;
}

.candidate_Number {
  max-width: max-content;
  padding: 5px 10px;
  line-height: normal;
  gap: 15px;
}

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: 9px !important;
}

.btn,
.active>.page-link,
.page-link.active {
  color: var(--white-color) !important;
  background: #FF5900 !important;
  border-color: #FF5900 !important;
}

.btn {
  max-height: 33px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: normal;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

.btn:hover {
  color: #FF5900 !important;
  background: transparent !important;
  border-color: #FF5900 !important;
}

.candidate_wrapper .candidate-bread .btn:hover {
  color: #FF5900 !important;
  background: #fff !important;
  border-color: #FF5900 !important;
}

a,
.btn,
button {
  transition: all 0.4s ease 0s;
}

button .fa-pencil,
button .fa-trash-o,
a .fa-pencil,
a .fa-trash-o {
  color: var(--white-color);
}

/* a[title="change status"]:after {
  content: "";
  color: green;
  background-color: red;
  padding: 2px 6px;
  border-radius: 4px;
} */

button.filterIcon {
  background-color: unset !important;
  padding: 0 !important;
}

.interview-btn a {
  border-radius: 8px;
}

.CandidateSchedule td a.badge {
  color: #212529;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.companyWrapper .dash-inner-data-bg-1 {
  background: linear-gradient(98.87deg, #f2a15c 4.68%, #f53d3f 108.31%) !important;
}

.companyWrapper .dash-inner-data-bg-2 {
  background: linear-gradient(97.92deg, #40c9ff 2.24%, #e81cff 100%) !important;
}

.companyWrapper .dash-inner-data-bg-3 {
  background: linear-gradient(97.76deg, #ff0f7b 1.79%, #f89b29 97.88%) !important;
}

.companyWrapper .dash-inner-data-bg-4 {
  background: linear-gradient(97.41deg, #a26def 1.78%, #e860b1 98.36%) !important;
}

/* status css  */

td.active-color a {
  color: #229A6F !important;
  background: rgba(34, 154, 111, 0.1) !important;
  border-radius: 8px;
  padding: 10px;
}

td.candidate-status a {
  color: #FF5900 !important;
  background: rgba(255, 89, 0, 0.1) !important;
  border-radius: 8px;
  padding: 10px;
}

/* status css  */

/* action button */

.dotAction {
  font-size: 15px;
  border: 1px solid #ccc;
  padding: 9px 10px;
  border-radius: 50%;
  color: #6f6f6f !important;
}

.dropdown-toggle.threeDot::after {
  display: none !important;
}

.select_Month {
  border-width: 1px 0px 1px 1px;
  border-radius: 8px 0 0px 8px;
}

.monthExport {
  border-width: 1px 1px 1px 1px;
  border-radius: 0px 8px 8px 0px !important;
}

.manageBtn .btn:hover {
  color: var(--white-color) !important;
}

.companyWrapper a {
  border-radius: 8px !important;
}

.companyWrapper .manageBtn .btn,
.table_Head_btn .btn {
  border-radius: 8px !important;
  padding: 5px 15px;
}

.dropdown-menu .select2-selection {
  display: flex !important;
  align-items: center;
}

.dropdown-menu .select2-selection__arrow {
  top: 8px !important;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 15.3748L6 9.3748L7.075 8.2998L12 13.2498L16.925 8.3248L18 9.3998L12 15.3748Z' fill='black'/%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
}

/* .modal-footer button.btn:first-child,
.adduser-close-btn {
  background-color: transparent !important;
  color: #6f6f6f !important;
  border: 1px solid #ccc !important;
}

.modal-footer button.btn:first-child:hover,
.adduser-close-btn:hover {
  background-color: #FF5900 !important;
  border-color: #FF5900 !important;
  color: var(--white-color) !important;
} */

button.btn.close,
button.close {
  color: var(--black-color) !important;
  background: transparent !important;
  border-color: transparent !important;
  font-size: 25px;
}

/* delete and clear button make red  */

.red-btn {
  color: var(--white-color) !important;
  background-color: #f00 !important;
  border-color: #f00 !important;
  /* width: 100px;
  justify-content: space-between; */
}

.red-btn i {
  margin-right: 8px;
}

.red-btn:hover {
  color: #f00 !important;
  background-color: transparent !important;
  border-color: #f00 !important;
}

main.faultWrapper table.errorTable a.btn,
main.faultWrapper table.errorTable button.btn {
  background-color: unset !important;
  color: unset !important;
  border: unset !important;
}

/* theme css  */

/* div.change-bg * {
  color: #fff !important;
}
body.bg-black * {
  color: #fff !important;
}

body.bg-black .main-dash {
  background-color: var(--black-theme) !important;
} */



/* div.black-theme-bg .career-title,
div.black-theme-bg table tr td,
div.black-theme-bg:not(.dropdown-menu)>select,
div.black-theme-bg table tr td a {
  color: var(--white-color) !important;
} */



div.black-theme-bg .career-title,
div.black-theme-bg table tr td,
div.black-theme-bg table tr td a,
div.black-theme-bg .custom-select,
div.black-theme-bg .faultIndex .fa-eye,
div.black-theme-bg .faultChatting a,
div.black-theme-bg .extra-menu li a {
  color: var(--white-color) !important;
}

div.black-theme-bg .custom-select,
div.black-theme-bg .extra-menu ul {
  color: var(--white-color) !important;
  background-color: var(--black-theme) !important;
}

div.black-theme-bg .faultChatting a:hover,
.faultChatting a:hover,
table a:hover {
  color: var(--orange) !important;
}

table a {
  transition: all 0.4s linear;
}

.siteHyperlink a {
  color: var(--orange) !important;
  transition: all 0.4s linear;
}

.siteHyperlink_hover a *:hover,
.siteHyperlink_hover a:hover {
  color: var(--orange) !important;
}

.userIcon {
  width: 110px;
  height: 110px;
  object-fit: cover;
}

div.black-theme-bg .collaps-menu-main ul li a {
  color: #d4d4d4;
}

div.black-theme-bg .dataTables_processing {
  background-color: var(--orange);
  color: var(--white-color);
  border: 1px solid var(--orange);
}

.form-group .select_Month {
  height: 33px;
}

button.btn .fa-angle-down {
  display: none !important;
}

table tr td .dropdown-menu a.dropdown-item,
table td a.text-info {
  color: #212529 !important;
}

html body.bg-black .dropdown-menu a.dropdown-item,
.dropdown-menu-dark a {
  color: var(--white-color) !important;
}

.profileEdit-icon .btn {
  border-radius: 0px !important;
}

.profileEdit-icon .btn:first-child {
  border-radius: 8px 0 0 8px !important;
}

.profileEdit-icon .btn:last-child {
  border-radius: 0 8px 8px 0 !important;
}

div.black-theme-bg.formTransparent input,
div.black-theme-bg.formTransparent select,
div.black-theme-bg.formTransparent select option,
div.black-theme-bg.formTransparent input::placeholder,
div.black-theme-bg .form-control,
div.black-theme-bg .cke_reset,
div.black-theme-bg.formTransparent span.select2-selection {
  background-color: transparent !important;
  color: var(--white-color) !important;
}

.buttonIcon-dropdown {
  border-radius: 0px 8px 8px 0px !important;
}

.faultAdd-button {
  border-radius: 8px 0 0 8px !important;
}

.fault-media .flexResponsive {
  word-break: break-word;
}

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

.monoBG {
  color: #00ADAD !important;
  background-color: rgb(0 173 173 / 10%) !important;
}

.dataTables_filter {
  margin-bottom: 5px;
}

.select2-container--default .select2-selection--single {
  display: flex !important;
  align-items: center !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 8px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--orange) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--white-color) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--orange) !important;
  border: 1px solid var(--orange) !important;
  color: var(--white-color) !important;
}

#formselectlist .listtext a {
  color: #FF5900;
  background-color: rgb(255 89 0 / 10%);
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0 5px;
}

#formselectlist .listtext .filterClear {
  color: var(--white-color);
  background-color: #f00;
}

#formselectlist .listtext a i {
  margin-left: 3px;
}

#formselectlist {
  display: flex;
  align-items: center;
}

/* .extra-menu li a {
  background-image: var(--orange);
  border-radius: 27px;
  color: var(--white-color);
} */

.networkMachine .card {
  min-height: 118px;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
}

div.card-header,
div.modal-header {
  background: inherit;
}

/* inbox page  */

.mailFilter {
  width: 375px !important;
}

.mailFilter .form-group {
  padding: 8px 15px;
}

.breadSpace {
  padding: 15px;
}

.breadSpace .breadcrumb {
  margin: 0 !important;
}

.inboxButton {
  padding: 20px 0 10px 0 !important;
}

.inboxTo {
  height: 50px;
  border-radius: 0px;
}

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

.inboxWrapper {
  padding: 0 15px 15px;
}

.searchInbox .select2-selection__rendered {
  padding: 5px 10px;
}

.searchInbox li.select2-selection__choice {
  margin: 0 5px !important;
}


/* inbox page  */

/* mail page */

.mailClose {
  border: none !important;
  background: transparent !important;
}

.bulkMail_wrapper select {
  background-image: unset !important;
}

/* .inboxWrapper .card {
  border: transparent !important;
  border-radius: 12px 12px 0px 0px;
}

.inboxWrapper .card-header{
  border-radius: 0 !important;
}

.inboxWrapper .card-body{
  border-radius: 0 0 12px 12px !important;
} */

div.bg-black .breadcrumb-item+.breadcrumb-item::before {
  color: var(--white-color) !important;
}

.form-control:focus {
  border-color: unset;
}

.bg-black select option,
.bg-black .list-group .list-group-item {
  color: #fff !important;
  background-color: var(--black-theme);
}

.btn.companyUpdate {
  line-height: 12px;
}


/********************** extra menu css  ************************/
div.extra-menu ul.menu li a {
  background-color: rgb(255 89 0 / 20%);
  border-radius: 40px;
  color: #FF5900 !important;
  padding: 5px 10px !important;
  margin: 0px 4px;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.4s ease 0s;
}

div.extra-menu ul.menu li a.active {
  background-color: var(--orange) !important;
  color: var(--white-color) !important;
  background-image: unset;
}

.extra-menu li a .fa {
  margin-right: 8px;
  color: var(--orange) !important;
}

.extra-menu li a.active .fa,
div.extra-menu ul.menu li a:hover .fa,
.inboxMenu_Wrapper ul.menu li a:hover span,
.inboxMenu_Wrapper ul.menu li a.active span {
  color: var(--white-color) !important;
}

div.extra-menu ul.menu li a:hover,
.extra-menu .menu-btn:hover {
  background-color: var(--orange) !important;
  color: var(--white-color) !important;
}

.storageButton:hover .fa.fa-ellipsis-v,
.inboxMenu_Wrapper ul.menu li a span {
  color: var(--orange) !important;
}


/********************** extra menu css  ************************/

.dash-breadcrumb a:hover {
  color: var(--orange) !important;
}

.dataTables_paginate ul.pagination li.paginate_button a.page-link {
  color: #6f6f6f !important;
}

.dataTables_paginate ul.pagination li.previous a.page-link {
  background-color: transparent !important;
  color: #6F6F6F !important;
  border: 1px solid #CCCCCC !important;
  border-radius: 8px !important;
}

.dataTables_paginate ul.pagination li.next a.page-link,
.dataTables_paginate ul.pagination li.paginate_button.active a.page-link {
  background-color: var(--orange) !important;
  color: var(--white-color) !important;
  border: 1px solid var(--orange) !important;
  border-radius: 8px !important;
}

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

.bg-black .card {
  border: none !important;
}

/* .bg-black .modal-dialog{
  background-color: var(--black-theme);
  color: var(--white-color);
} */

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--orange) !important;
  color: var(--white-color) !important;
}

.storageButton .fa.fa-ellipsis-v {
  color: var(--white-color) !important;
}

.storageButton:hover {
  background-color: var(--white-color);
  border-color: var(--orange);
}

.btn.btnPopup-bg {
  color: unset !important;
  background: unset !important;
  border-color: unset !important;
  border: none !important;
}

.assignmentReport-search {
  height: 40px !important;
}

.exportButton {
  max-height: 40px;
}

.hrSetting h4 {
  font-size: 22px;
  line-height: normal;
  font-weight: 500 !important;
}

.hrSetting h4 strong {
  font-weight: 500 !important;
}

.hrSetting .card {
  cursor: pointer;
}

.storageWrapper .absolute {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
}

/* popover  */

/* .popover__message {
  text-align: left;
}

.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__wrapper {
  position: relative;
  display: inline-block;
}

.popover_margin {
  margin-left: 40px;
} */
body.black-theme-bg .form-control::placeholder {
  color: #fff !important;
}

.siteLogo {
  max-width: 190px !important;
  height: 70px !important;
  object-fit: cover;
}

.cpWrapper {
  display: flex;
  flex-flow: wrap row;
  padding: 0 15px;
}

.cpWrapper .customerPermission {
  flex: 20% 0 0;
  padding: 15px 0;
}

.cpWrapper .customerPermission .custom-checkbox input {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}

.cpWrapper .customerPermission .custom-control.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
}

.modal .modalClose-icon {
  color: var(--black-color);
}

body.black-theme-bg ::placeholder,
body.modal-open .modal .modalClose-icon {
  color: var(--white-color) !important;
}

body.modal-open .modal .btn-close {
  opacity: 1 !important;
}

.redbg {
  background-color: red;
}

table {
  overflow-x: auto !important;
  /* white-space: nowrap; */
  /* border: solid;
  border-width: 0 1px 1px 0 !important; */
  border-right: 1px solid #d5d5d5 !important;
  border-bottom: 1px solid #d5d5d5 !important;
  border-color: #d5d5d5 !important;
}

/* tbody, td, tfoot, th, thead, tr {
  border-width: 1px !important;
  border-color: #ccc;
} */

/* status color  */

.pending-status {
  background-color: rgba(255, 89, 0, 0.1) !important;
  color: #ff5900 !important;
}

.Telephonic_Interview-status {
  background-color: rgb(173 0 0 / 10%) !important;
  color: #AD0000 !important;
}

.Practical_Interview-status {
  color: #f00 !important;
  background-color: rgb(255 0 0 / 10%) !important;
}

.Offered-status {
  color: #0000AD !important;
  background-color: rgb(0 0 173 / 10%) !important;
}

.Approve-status {
  color: #00ADAD !important;
  background-color: rgb(0 173 173 / 10%) !important;
}

.Disapproved-status {
  color: #5F00AD !important;
  background-color: rgb(95 0 173 / 10%) !important;
}

.Hold-status {
  color: #0092CC !important;
  background-color: rgb(0 146 204 / 10%) !important;
}

/* status color  */

body.black-theme-bg .dateIcon {
  color-scheme: dark;
}

/* .verticalSidebar{
  position: absolute;
  width: auto;
  top: auto;
  left: 0;
  z-index: 99;
} */


/* @media (min-width: 767px){
  
  .mainContent{
    padding-left: 200px !important;
  }
} */



/********************************************** sidebar menu css  ************************************/


.site_Wrapper .content_Wrapper {
  padding-left: 208px;
  /* height: 100vh; */
  /* padding-left: 218px; */
  transition: padding-left 0.3s ease;
  min-height: 100vh;
  position: relative;
  padding-top: 80px;
}

.add-padding-left {
  padding-left: 208px !important;
  /* padding-left: 218px !important; */
}

.site_Wrapper .vertical-navbar {
  width: 208px;
  transition: width 0.3s;
  /* overflow: hidden; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  overflow-y: auto;
  display: inline-block;
  height: auto;
  min-height: 100%;

  /* new  */

  position: fixed;
  display: inline-block;
  /* top: 80px; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* .site_Wrapper .vertical-navbar:hover {
  overflow-y: auto;
} */

.dashboardMenu .header-logo {
  border: 1px solid #ccc;
  padding: 5px;
  /* position: fixed;
  top: 0;
  left: 0;
  width: 208px; */
}

body.bg-black .dashboardMenu .header-logo {
  border: 1px solid #3a3a3a;
}

/* .site_Wrapper .vertical-navbar.collapsed {
  overflow-y: unset !important;
  height: auto;
} */

.site_Wrapper nav.collapsed {
  overflow-y: unset;
}

/* .nav-link {
  display: flex;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  color: white;
  width: 100%;
}  */

.site_Wrapper nav.collapsed {
  width: 50px;
  transition: width 0.3s;
}

.site_Wrapper nav.collapsed:hover {
  width: 208px;
  overflow-y: auto;
}

.site_Wrapper nav.collapsed i.fas.fa-chevron-right {
  display: none;
}

.site_Wrapper .collaps-menu-main {
  transition: all 0.3s ease-in-out;
}

.site_Wrapper nav.collapsed .collapse.show {
  display: none;
}

.site_Wrapper nav.collapsed:hover .collapse.show {
  display: block;
}

.site_Wrapper .navbar-toggler {
  cursor: pointer;
}

.content_Wrapper.collapsed-padding {
  padding-left: 60px;
}

/* .widthCustom{
  max-width: 220px !important;
} */

.content_Wrapper .container-fluid {
  /* padding: 0 15px 0 30px; */
  padding: 0 15px;
}

/* Scrollbar styling */
/* Webkit browsers (Chrome, Safari) */
.vertical-navbar::-webkit-scrollbar {
  width: 5px;
  /* Width of the scrollbar */
}

.vertical-navbar::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Track color */
  border-radius: 10px;
  /* Rounded corners for the track */
}

.vertical-navbar::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  /* Thumb color */
  border-radius: 10px;
  /* Rounded corners for the thumb */
  border: 1px solid #f1f1f1;
  /* Padding around the thumb to create space */
}

.vertical-navbar::-webkit-scrollbar-thumb:hover {
  background-color: #ffcfb6;
  /* Thumb color on hover */
}

/* Firefox */
@-moz-document url-prefix() {
  .vertical-navbar {
    scrollbar-width: 5px;
    /* Width of the scrollbar */
    scrollbar-color: var(--orange) #f1f1f1;
    /* Thumb color and track color */
  }
}


/* For Firefox, the colors are specified directly without needing pseudo-elements */



/********************************************** sidebar menu css  ************************************/

.bg-black .placeColor::placeholder,
.bg-black select {
  color: var(--white-color) !important;
}

.menubarIcon {
  width: 25px;
  margin-right: 10px;
}

.side-active-menu.active .menubarIcon path,
body.bg-black .side-active-menu .menubarIcon path {
  fill: var(--white-color);
}

.dashboard-boxIcon {
  width: 30px;
}

body.bg-black .dark-adminIcon {
  border: 1px solid #fff;
  background: #fff;
  border-radius: 50%;
}

.customer-permission .badge {
  color: var(--white-color);
}

.candidate_wrapper .candidate-profile span.candidateStatus-name {
  color: var(--white-color) !important;
}

.tableWhite-head th {
  color: var(--white-color);
}

/* checkbox  */

/* .custom-control-input {
  position: relative;
  width: 20px;
  height: 20px;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}

.custom-control-input:checked {
  background-color: var(--orange); 
  border-color: var(--orange);
}

.custom-control-input:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background-color: #fff;
  transform: translate(-50%, -50%);
}

.custom-control-input:checked:before {
  background-color: var(--orange); 
} */


html body .modal .modal-footer button.modalFooter-close,
html body .modal button.modalFooter-close,
html body .modal button.button-no,
html body .dropdown-menu button.button-submit,
html body .modal button.modalFooter-cancel {
  order: 2;
  border-color: #FF5900 !important;
  color: #FF5900 !important;
  background: #fff !important;
  font-size: 16px !important;
}

html body .modal .modal-footer button.modalFooter-close:hover,
html body .modal button.modalFooter-close:hover,
html body .modal button.button-no:hover,
html body .dropdown-menu button.button-submit:hover,
html body .modal button.modalFooter-cancel:hover {
  background: #FF5900 !important;
  color: #fff !important;
}

.modalFooter-save {
  order: 1;
}

.text-right {
  text-align: right !important
}

html body .content_Wrapper .orangeText {
  color: var(--orange) !important;
}

html body .content_Wrapper .faultButton-wrap {
  padding: 8px 20px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  border: 2px solid !important;
}

.table.empLeave-table th,
.table.empLeave-table td {
  min-width: 100px;
}

table.empLeave-table td:nth-child(6) {
  min-width: 250px;
}

.black-theme-bg .select2-selection {
  background-color: var(--black-theme) !important;
}

.black-theme-bg .select2-selection span.select2-selection__rendered {
  color: var(--white-color);
}

.black-theme-bg button.btn.close i {
  color: var(--white-color);
}

html body span#totalNotificationCountB {
  background-color: #ff5900 !important;
}

.manage_Projects button.btn .fa-angle-down {
  display: block !important;
}

span.badge.badge-glow.badge-pill.badge-border.border-success.success.pointer {
  color: #000 !important;
}

.dropdown-toggle-none td:last-child .dropdown-toggle::after {
  display: none !important;
}

.fs-20 {
  font-size: 20px !important;
  line-height: 30px;
  font-weight: 500;
}

.tabIcon i {
  color: var(--black-color) !important;
}

.tabIcon .nav-link.active i {
  color: var(--orange) !important;
}

.accordion_table .pending-status {
  background-color: var(--white-color) !important;
}

.Pf_Entries_History table,
.Pf_Entries_History tr,
.Pf_Entries_History td,
.Pf_Entries_History th {
  border: 1px solid #dedede;
  padding: 10px !important;
}




/* review form css  */
.reviewScale .card {
  border: 1px solid #dedede;
  border-radius: 8px;
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.reviewScale .card:hover {
  border-color: var(--orange);
  box-shadow: 0 2px 8px rgba(255, 89, 0, 0.15);
}

.reviewScale .badge {
  background-color: var(--orange);
  color: white;
  border: 2px solid var(--orange) !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
}

.reviewScale .badge:hover {
  background-color: #E64D00;
  border-color: #E64D00;
}

.reviewScale .tag-text {
  font-weight: 500;
  color: #333 !important;
}

.reviewScale .card-body {
  padding: 12px;
}

/* review form css  */

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled),
a.btn {
  gap: 10px;
}

.black-theme-bg .action-icon svg:nth-child(2),
.black-theme-bg .action-icon svg:first-child {
  background-color: var(--black-theme) !important;
}

.black-theme-bg .action-icon .editTable-icon svg,
.black-theme-bg .editTable-icon svg,
.black-theme-bg .action-icon svg:nth-child(2),
.black-theme-bg .editTable-icon svg,
.black-theme-bg .action-icon svg:first-child,
.black-theme-bg .action-icon svg {
  border: 1px solid var(--white-color) !important;
}

.black-theme-bg .action-icon svg path {
  fill: var(--white-color) !important;
}

.black-theme-bg .action-icon button {
  background-color: var(--black-theme) !important;
}


/***************************theme popup dark theme********************************/
.modal-content.modal-dark-mode {
  background-color: #1c1f26 !important;
  color: #ffffff !important;
  border: 1px solid #333 !important;
}

.modal-content.modal-dark-mode .modal-header {
  background-color: #1c1f26 !important;
  border-bottom: 1px solid #444 !important;
}

.modal-content.modal-dark-mode button.btn.close i,
.modal-content.modal-dark-mode button.close i {
  color: #fff !important;
}

.modal-content.modal-dark-mode .modal-footer {
  background-color: #1c1f26 !important;
  border-top: 1px solid #444 !important;
}

.modal-content.modal-dark-mode input,
.modal-content.modal-dark-mode textarea,
.modal-content.modal-dark-mode select {
  background-color: #333 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}

.modal-content.modal-dark-mode select,
body.bg-black .black-theme-bg select {
  background-color: #333 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

body.bg-black .black-theme-bg form ::placeholder {
  color: #888888 !important;
}

.modal-content.modal-dark-mode select option {
  background-color: #333 !important;
  color: #fff !important;
}

.modal-subtitle {
  font-size: 20px;
  margin: 10px;
  letter-spacing: 1px;
}

/***************************theme popup dark theme********************************/

.black-theme-bg .card-header {
  border-bottom: 1px solid #ddd;
}

.monthlySalary-name strong {
  font-size: 22px;
  font-weight: 500 !important;
}

.black-theme-bg i.fa-info-circle {
  color: var(--white-color);
}

.modal .modal-body .row {
  gap: 15px !important;
}

input[type="checkbox"] {
  accent-color: var(--orange);
}