@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");


/* sidebar css  */

* {
  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;
}

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;
}



/* ==================== header css start ================= */
header {
  border-bottom: 1px solid #CCCCCC;
  padding: 0px;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 999999;
  top: 0;
  left: 0;
  right: 0;
}

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: 200px;
  margin-right: 0;
  padding-right: 10px;
  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: var(--primary);
  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-taskers 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: 5px 10px;
}

.dash-login-bg {
  background: var(--primary);
  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 0px;
}

.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;
  background-color: var(--primary);
}

.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-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: 20px;
  font-weight: 400;
}

.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 {
  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#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,
div.profile_wrapper .dataTables_wrapper div.dataTables_paginate a.paginate_button.current {
  background: transparent;
  background-color: #ff5900;
  color: #fff !important;
  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: 5px;
  display: flex;
  margin-left: 2px;
}

.manage-comp .manage-comp-main li a span {
  width: 26px;
  height: 26px;
  border-radius: 60%;
  background-color: transparent;
  line-height: 26px;
  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, .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:focus:not(:focus-visible) {
  box-shadow: none;
}

.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, .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 */

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

/* Tasker menu css End */

/***************************** 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,
button.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,
.interview-btn a,
.c-status a,
.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,
.interview-btn a,
.c-status a {
  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;
  border: 0;
  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,
button.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 {
  color: #303030;
  /* font-size: 20px; */
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.candidate-bread select,
.interview-btn a,
.c-status a {
  color: #fff;
}

.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 a,
.interview-form form label {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.c-status a {
  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;
}

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

.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;
}

.c-status a,
.add-work a {
  color: #fff;
}

.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 50px 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: 12px 35px;
  margin-bottom: 0;
  color: #fff;
  transition: all .3s;
}

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

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

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

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

.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 30px;
  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.50);
  position: inherit;
  max-width: max-content;
  padding: 0 15px;
}

.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: 40px 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;
}

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


/* Candidate css end */


/* Candidate css end */

/* ================== responsive css ================ */
/* ================== min 1440px ================ */
@media (max-width:1440px) {
  .dash-inner-content p {
    font-size: 14px;
  }

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

  .dash-inner-img {
    width: 50px;
    height: 50px;
  }

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

  .emp-wrap {
    max-height: 100%;
  }

  .profile-details {
    padding: 40px;
  }

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

/* ================== min 1536px ================ */
@media (max-width:1536px) {
  .profile-img img {
    max-width: 200px;
  }

  .emp-details {
    padding: 30px 30px 50px 60px;
  }
}

/* ================== min 1700px ================ */
@media (min-width:1700px) {
  /* section#dashboard {
      padding-top: 113px;
  } */

  /* header .header-logo a.navbar-brand {
      width: 190px;
  } */

  .dash-inner-img {
    width: 90px;
    height: 90px;
  }


  /* .dash-inner-data {
      height: 130px;
  } */

  /* .worksheet-date {
      height: 75px;
  } */

  .employee-name span,
  .header-admin p,
  .employee-name,
  .dashboard-table table tbody tr td,
  .employee-name,
  .dash-inner-content p {
    font-size: 22px;
  }

  .dashboard-table .table-top th {
    font-size: 20px;
  }

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

  /* .worksheet-date h3 {
      font-size: 34px;
  } */

  .dash-inner-content {
    padding-left: 10px;
  }

  /* .header-search input {
      padding: 15px;
  } */

  /* .dash-login {
      padding: 10px 15px;
  } */

  /* div#calendar {
      padding-top: 70px !important;
  } */

  /* .weeks {
      margin-bottom: 20px;
  } */

  /* #calendar .table-responsive {
      padding: 55px;
  } */

  .worksheet table.day-sheet tr th {
    padding-bottom: 39px;
  }

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

  /* #calendar .table-responsive {
      padding: 45px;
  } */
}

/* ================== min 1800px ================ */
@media (min-width:1920px) {
  /* header .header-logo a.navbar-brand {
      width: 210px;
  } */

  .dash-inner-img {
    width: 50px;
    height: 50px;
  }

  .employee-name span,
  .header-admin p,
  .employee-name,
  .dashboard-table table tbody tr td,
  .employee-name,
  .dash-inner-content p {
    font-size: 16px;
  }


  /* .header-search input {
      padding: 20px;
  } */

  .dashboard-table .table-top th {
    font-size: 20px;
  }

  .dash-inner-content p:first-child {
    font-size: 24px;
    line-height: 24px;
  }

  .dash-inner-content {
    padding-left: 10px;
  }

  /* .dash-inner-data {
      height: 70px;
  } */

  /* .worksheet-date {
      height: 75px;
  } */

  /* .worksheet-date h3 {
      font-size: 40px;
  } */

  /* .dash-login img {
      width: 35px;
  } */

  /* .dash-login {
      padding: 10px 15px;
  } */

  /* div#calendar {
      padding-top: 70px !important;
  } */

  /* .weeks {
      margin-bottom: 20px;
  } */

  /* #calendar .table-responsive {
      padding: 55px;
  } */
}


/* ================== min 2500px ================ */
@media (min-width:2500px) {
  header {
    height: 190px;
  }

  .header-sidebar .navbar-icon {
    width: 90px;
    height: 90px;
  }

  header .header-logo a.navbar-brand {
    width: 290px;
  }

  .dash-inner-img {
    width: 130px;
    height: 130px;
  }

  .worksheet-date img {
    width: 80px;
  }

  .admin-main {
    width: 122px;
  }

  .acc-down {
    width: 75px;
  }

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

  .dash-inner-data {
    height: 180px;
    padding: 20px;
  }

  .worksheet-date {
    height: 125px;
  }

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

  .admin-main img,
  .header-admin-img img {
    width: 100%;
  }

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

  .side-inner-menu i {
    font-size: 33px;
    width: inherit;
    padding-left: 0%;
  }

  .side-inner-menu img {
    width: 13%;
  }

  .side-inner-menu,
  .employee-name,
  .dashboard-table table tbody tr td,
  .employee-name,
  .dash-inner-content p,
  .worksheet table.day-sheet tr .day-active,
  .header-search button i,
  footer p {
    font-size: 34px;
  }

  .header-admin p,
  .modal-title {
    font-size: 40px;
  }

  .header-search input::placeholder,
  .worksheet table.day-sheet tr th,
  .dash-breadcrumb,
  .dash-login p,
  .dash-inner-data .modal .modal-dialog .modal-header {
    font-size: 32px;
  }

  .header-search input {
    padding: 26px;
  }

  .dashboard-table .table-top th {
    font-size: 38px;
  }

  .employee-name span,
  .weeks ul {
    font-size: 30px;
  }

  .week1 td,
  .week2 td,
  .week3 td,
  .week4 td,
  .week5 td,
  .week6 td {
    height: 100px;
    font-size: 28px;
  }

  .dash-inner-content p:first-child {
    font-size: 48px;
    line-height: 57px;
  }

  .dash-inner-content {
    padding-left: 10px;
  }

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

  div#calendar {
    padding-top: 85px !important;
  }

  .weeks {
    margin-bottom: 40px;
  }

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

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

  .worksheet table.day-sheet tr th {
    padding-bottom: 89px;
  }
}

@media (max-width:1200px) and (min-width:992px) {
  .dash-itm {
    width: 25%;
  }
}

/* ================== max 1366px ================ */
@media (max-width:1366px) {
  .emp-details {
    padding: 30px 30px 50px 50px;
  }
}

/* ================== max 1200px ================ */
@media (max-width:1200px) {
  header .header-logo a.navbar-brand {
    width: 150px;
  }

  .dash-inner-img {
    width: 55px;
    height: 55px;
  }

  .side-inner-menu img {
    width: 15%;
  }

  .worksheet-date img {
    width: 28px;
  }

  .week1 td,
  .week2 td,
  .week3 td,
  .week4 td,
  .week5 td,
  .week6 td {
    height: 45.5px;
    font-size: 14px;
  }

  .dash-inner-content p:first-child {
    line-height: 25px;
  }

  .dash-inner-content p:first-child,
  .worksheet-date h3 {
    font-size: 22px;
  }

  footer p {
    font-size: 17px;
  }

  .side-inner-menu,
  .employee-name span,
  .dash-inner-content p {
    font-size: 15px;
  }

  .side-inner-menu i,
  .dashboard-table table tbody tr td,
  .employee-name,
  .header-admin p,
  .worksheet table.day-sheet tr .day-active {
    font-size: 18px;
  }

  .dashboard-table .table-top th {
    font-size: 19px;
  }

  .header-search button i {
    font-size: 20px;
  }

  .worksheet table.day-sheet tr th {
    padding-bottom: 35px;
  }

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

  .weeks {
    margin-bottom: 10px;
  }

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

  .side-inner-menu {
    padding-inline: 14px;
  }

  div#calendar {
    padding-top: 35px !important;
  }
}

/* ================== max 1024px ================ */
@media (max-width:1024px) {
  header {
    height: 90px;
  }

  .side-inner-menu {
    font-size: 12px;
    padding-block: 15px;
  }

  .side-inner-menu i {
    padding: 0;
  }

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

  .dash-inner-img {
    width: 45px;
    height: 45px;
  }

  .dash-inner-content p:first-child,
  .worksheet-date h3 {
    font-size: 20px;
    line-height: 20px;
  }

  .dash-inner-content p {
    font-size: 12px;
  }

  .dashboard-table .table-top th,
  .dash-login p,
  .dash-breadcrumb {
    font-size: 16px;
  }

  .employee-name span {
    font-size: 13px;
  }

  .employee-name,
  .header-admin p,
  .dashboard-table table tbody tr td,
  .worksheet table.day-sheet tr .day-active {
    font-size: 15px;
  }

  .header-admin {
    padding-inline: 14px !important;
  }

  .acc-down img {
    width: 35px;
    padding-left: 10px;
  }

  .admin-main img {
    width: 50px;
    padding-left: 0;
  }

  header .header-logo a.navbar-brand {
    width: 130px;
  }

  .header-sidebar .navbar-icon {
    width: 40px;
    height: 40px;
  }

  .week1 td,
  .week2 td,
  .week3 td,
  .week4 td,
  .week5 td,
  .week6 td {
    height: 40px;
    font-size: 12px;
  }

  .worksheet-date {
    height: 50px;
  }

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

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

  .worksheet table.day-sheet tr th {
    padding-bottom: 30px;
  }

  .header-search button i {
    font-size: 17px;
  }

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

}

@media (max-width:992px) {
  header {
    height: 100px;
  }

  header .header-logo a.navbar-brand {
    width: 140px;
  }

  .header-sidebar .navbar-icon {
    width: 40px;
    height: 40px;
  }

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

  #dashboard div#v-pills-tab {
    padding-top: 30px !important;
  }

  .dashboard-table .table-top th,
  .dash-login p,
  .dash-breadcrumb {
    font-size: 15px;
  }

  .side-inner-menu {
    padding-inline: 8px;
  }

  .dash-inner-img {
    width: 40px;
    height: 40px;
  }

  .profile-details {
    padding: 20px;
  }

  .profile-img img {
    max-width: 400px;
  }

  .interview_wrapper .border-right,
  .resume-download {
    border-right: none;
  }
}

@media (max-width:768px) {
  header .header-logo a.navbar-brand {
    width: 130px;
  }

  .header-admin-img img {
    width: 100%;
  }

  header .header-admin-img .admin-main {
    width: 40px;
  }

  header .header-admin-img .acc-down {
    width: 30px;
  }

  .header-admin-img img {
    padding-left: 7px;
  }

  .header-search input::placeholder,
  .modal-body,
  .dash-login p,
  .dash-breadcrumb {
    font-size: 13px;
  }

  .header-search button {
    right: 10%;
  }

  .header-search button i,
  .modal-body h4 {
    font-size: 15px;
  }

  .header-admin p,
  .dashboard-table .table-top th,
  .dash-login p,
  .dash-breadcrumb {
    font-size: 14px;
  }

  .header-sidebar .navbar-icon {
    width: 35px;
    height: 35px;
  }

  .header-admin {
    padding-inline: 9px !important;
  }

  .modal {
    top: 15%;
  }

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

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

  .modal-body h4 {
    padding-bottom: 10px;
  }

  .dash-inner-content p:first-child,
  .worksheet-date h3 {
    font-size: 17px;
    line-height: 19px;
  }

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

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

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

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

  .dash-inner-content p,
  .worksheet table.day-sheet tr .day-active {
    font-size: 11px;
  }

  .table-top {
    height: 50px;
  }

  .dashboard-table {
    height: 300px;
    margin-top: 30px !important;
  }

  th.employee-name {
    width: 140px;
  }

  .dashboard-table .table-top th {
    min-width: 80px;
  }

  #dashboard div#v-pills-tab {
    padding-top: 20px !important;
    padding-bottom: 80px;
  }

  .worksheet table.day-sheet tr th {
    padding-bottom: 15px;
    font-size: 13px;
  }

  .worksheet table.day-sheet tr .day-top,
  div#calendar {
    padding-top: 10px !important;
  }

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

  .worksheet .work-tab {
    padding-right: 0;
  }

  .worksheet {
    margin-block: 30px !important;
  }

  .weeks {
    margin-bottom: 0px;
  }

  .week1 td,
  .week2 td,
  .week3 td,
  .week4 td,
  .week5 td,
  .week6 td {
    height: 30px;
    font-size: 10px;
  }

  table.table.table-bordered.bg-white.calendar-main {
    margin: 0;
  }

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

}

@media (min-width:576px) {
  .offcanvas-backdrop.show {
    opacity: 0 !important;
  }
}

@media (max-width:576px) {

  .resume-download {
    margin-bottom: 30px;
  }

  .header-inner-left,
  .header-inner-right {
    width: 100% !important;
  }

  .header-inner-left {
    order: 2;
  }

  .header-inner-right {
    order: 1;
  }

  header {
    height: 115px;
  }

  header .header-main {
    height: 100%;
  }

  .header-inner-right,
  .header-inner-left {
    justify-content: center !important;
  }

  .header-inner-right {
    position: relative;
  }

  .header-sidebar .navbar-icon {
    width: 30px;
    height: 30px;
  }

  .header-inner-right::after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background: #ccc;
    left: 50%;
    top: 118%;
    transform: translateX(-50%);
    margin: 0 auto;
  }

  .header-admin p,
  .worksheet table.day-sheet tr th {
    font-size: 15px;
  }

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

  .offcanvas-backdrop.show {
    opacity: 0.5;
  }

  .dash-inner-data {
    justify-content: center;
  }

  /* offcanvas */
  div#offcanvasheader {
    top: 18%;
    width: 33.33%;
    overflow-y: scroll;
  }

  div#offcanvasheader .offcanvas-body {
    padding-inline: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  div#offcanvasheader .offcanvas-body div#v-pills-tab {
    padding: 0 !important;
  }

  .worksheet .work-tab {
    padding-right: 12px;
  }

  p.footer-text {
    text-align: center !important;
  }

  .dash-login p,
  .dash-breadcrumb {
    font-size: 13px;
  }

  .dash-top {
    margin-top: 15px;
  }

  .dash-inner-img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
  }

  .dash-inner-content p:first-child,
  .worksheet-date h3 {
    font-size: 22px;
    line-height: 20px;
  }

  .dash-inner-content p,
  .worksheet table.day-sheet tr .day-active {
    font-size: 13px;
  }

  .modal {
    top: 20%;
  }

  .side-inner-menu {
    padding-inline: 20px;
  }

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

  .dash-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 12px;
  }

  .dash-breadcrumb {
    margin-bottom: 10px;
  }

  ul.acc-menu.show li {
    padding: 8px 15px;
    font-size: 12px;
  }

  .emp-details {
    padding: 30px 15px 40px 30px;
  }
}

@media (max-width:426px) {
  header .header-logo a.navbar-brand {
    width: 120px;
    padding: 0;
  }

}

@media (max-width:400px) {
  .header-admin p {
    font-size: 14px;
  }

  header .header-admin-img .admin-main {
    width: 35px;
  }

  header .header-admin-img .acc-down {
    width: 24px;
  }

  .header-search input::placeholder {
    font-size: 12px;
  }

  ul.dash-sidebar-menu li {
    padding-right: 5px;
  }

  .side-inner-menu {
    padding-inline: 6px;
  }

  div#offcanvasheader {
    width: 40%;
  }

  .header-inner-right::after {
    top: 130%;
  }
}

@media (max-width:376px) {
  header .header-logo a.navbar-brand {
    width: 100px;
  }

  div#offcanvasheader {
    width: 44%;
  }

  .header-search input {
    padding: 5px;
    margin: 0 !important;
  }

  .header-search input::placeholder {
    font-size: 11px;
    padding-left: 5px;
  }

  .header-search button i {
    font-size: 14px;
  }

  .header-admin p,
  .worksheet table.day-sheet tr .day-active {
    font-size: 11px;
  }

  .header-sidebar .navbar-icon {
    width: 26px;
    height: 26px;
  }
}

@media (max-width:321px) {
  .header-search input::placeholder {
    font-size: 11px;
  }

  .header-admin p {
    font-size: 10px;
  }

  .header-sidebar .navbar-icon {
    width: 28px;
    height: 28px;
  }

  .header-admin {
    padding-inline: 5px !important;
  }

  header .header-admin-img .acc-down {
    width: 18px;
  }

  .header-admin-img img {
    padding-left: 3px;
  }

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

  header .header-admin-img .admin-main {
    width: 30px;
  }

  .header-search {
    width: 80%;
  }

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

  .header-search input::placeholder {
    font-size: 10px;
  }

  .header-search input {
    padding: 2px;
  }

  header .header-logo a.navbar-brand {
    width: 90px;
  }
}


/* new css added for pages */

:root {
  --black: #000;
  --white: #fff;
  --primary: #f274f2;
  --secondary: #0963c2;
}

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

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

a {
  text-decoration: none;
  transition: all 0.4s ease 0s;
}

img {
  max-width: 100%;
  height: auto;
}

div {
  border: 0;
  outline: 0;
  font-size: 100%;
}

select:focus-visible,
input:focus-visible {
  outline: 0;
}

h1 {
  font-size: 46px;
  line-height: 56px;
  font-weight: 700;
}

h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}

h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
}

h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}

p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 0;
}

/* .container {
  max-width: 1440px;
} */

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

.login-wrap {
  background-color: var(--white);
}

.login-wrap form input {
  border-radius: 20px;
}

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

.form-btn {
  background: var(--primary);
}

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

.login_wrapper {
  /* background-image: url(../img/login-animation.gif); */
  background-color: #f274f242;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 80%;
  width: 100%;
  height: 100vh;
}

.login_wrapper .form-field {
  padding: 10px 0;
}

.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: 12px 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: var(--white);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1.15px;
  border-radius: 25px;
  /* box-shadow: -8px -8px 16px 0px #f9f9f9, 8px 8px 16px 0px #d1d9e6; */
  padding: 15px 50px;
  transition: all 0.4s ease 0s;
  border: 2px solid var(--primary);
}

a.form-btn:hover,
button.form-btn:hover {
  border: 2px solid var(--primary);
  background: transparent;
  color: var(--primary);
}

.grow-wrap {
  /* background-image: url(../images/login-bg.png); */
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  border-radius: 0 12px 12px 0;
  background: #fff;
  border-left: 1px solid #d7d7d7;
}

.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  *************************************/

/* form css */

/* .form-wrapper, .list-data{
  padding: 80px 0;
} */

.form-wrapper {
  /* padding: 30px 0 15px; */
  padding: 0 0 15px;
}

.list-data {
  /* padding: 15px 0 30px; */
  padding: 0 0 30px;
}

.seo-form {
  width: 100%;
  max-width: 98%;
  margin: 0 auto;
  background-color: var(--white);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 30px 20px;
}

.seo-form form .form-field input,
.seo-form form .form-field select {
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  width: 100%;
  padding: 5px 15px;
}

.seo-form form .form-field {
  padding: 15px 0 5px;
}

.seo-form form .form-field input::placeholder {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #696969;
}

.seo-form form .form-field input[type=submit] {
  background-color: var(--primary);
  color: var(--white);
  padding: 10px;
  transition: all 0.4s ease 0s;
  border-radius: 8px;
}

.seo-form form .form-field input[type=submit]:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: var(--white);
}

.statusBox {
  display: flex;
  align-items: center;
}

.approve,
.pending {
  width: 100px;
  display: flex;
  align-items: center;
}

.seo-form form .form-field input[type="checkbox"] {
  height: 15px;
}

/* list data css  */

.listData-wrapper {
  width: 100%;
  /* max-width: 75%; */
  margin: 0 auto;
  background-color: var(--white);
  box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
}

.listData-wrapper table thead {
  background-color: var(--primary);
}

.listData-wrapper table thead tr th {
  background-color: var(--primary) !important;
}

.listData-wrapper table thead tr th {
  color: var(--white);
  padding-top: 15px;
}

/* bar chart  */

.chartMenu {
  width: 100vw;
  height: 40px;
  background: #1A1A1A;
  color: rgba(54, 162, 235, 1);
}

.chartMenu p {
  padding: 10px;
  font-size: 20px;
}

.chartCard {
  /* width: 100vw;
  height: calc(100vh - 40px);
  background: rgba(54, 162, 235, 0.2); */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px !important;
}

.chartBox {
  /* width: 700px; */
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  border: solid 3px var(--primary);
  background: white;
}

.chartBox button {
  background: var(--primary);
  color: #fff;
  padding: 10px 30px;
  text-align: center;
  border: 1px solid var(--primary);
  border-radius: 8px;
  transition: all 0.4s ease 0s;
}

.chartBox button:hover {
  background: #fff;
  color: var(--primary);
  border: 1px solid var(--primary);
}

table tbody tr td input {
  text-align: center;
}

td input {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.active>.page-link,
.page-link.active {
  color: var(--bs-pagination-active-color);
  background-color: var(--primary);
  border-color: var(--primary);
}

.page-link {
  color: var(--black);
}

.login-wrap img {
  max-width: 350px;
}

.dash-sidebar-menu li a {
  padding: 8px 5px;
  color: #6f6f6f;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  width: 100%;
}

.breadWrapper {
  padding: 0;
}

.titleWrapper h3 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.titleWrapper a {
  background-color: #f274f2;
  color: #fff;
  padding: 10px 30px;
  border: 1px solid #f274f2;
  transition: 0.4s ease-in-out;
  border-radius: 8px;
}

.titleWrapper a:hover {
  background-color: #fff;
  color: #f274f2;
  border: 1px solid #f274f2;
}

.titleWrapper button {
  background-color: #f274f2;
  color: #fff;
  padding: 10px 30px;
  border: 1px solid #f274f2;
  transition: 0.4s ease-in-out;
}

.titleWrapper button:hover {
  background-color: #fff;
  color: #f274f2;
  border: 1px solid #f274f2;
}

.seo-form h2 {
  font-size: 28px;
  line-height: 38px;
  font-weight: 600;
}

.icon-1,
.icon-2 {
  width: 24px;
  height: 24px;
}

.btn-pink {
  background-color: var(--primary);
  color: var(--white);
  padding: 10px;
  transition: all 0.4s ease 0s;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  width: 100%;
}



.btn-pink:hover {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: var(--white);
}

.btntooltip:hover .btntooltip-span ,.btntooltip-left:hover .btntooltip-span-left{
  display: block;
}

.btntooltip {
  height: 40px;
  width: 100px;
}

.btntooltip-span {
  top: -5px;
  left: 100px;
  display: none;
  /* height: 50px; */
  background-color: #f00;
  color: white;
  border: 1px solid #f00;
  border-radius: 15px;
  padding: 10px 20px;
  text-wrap: wrap;
}


.btntooltip-span-left {
  top: -5px;
  left: -400px;
  display: none;
  width: 400px;
  /* height: 50px; */
  background-color: #f00;
  color: white;
  border: 1px solid #f00;
  border-radius: 15px;
  padding: 10px 20px;
  text-wrap: wrap;
}

/* new css  */

.breadWrapper a:hover,
.forgot-password a:hover,
footer a:hover {
  color: var(--primary) !important;
}

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

.dash-inner-content p,
.dash-inner-content a {
  font-size: 18px !important;
  line-height: 28px !important;
}

/* footer{
  position: absolute;
  bottom: 0;
  width: 100%;
} */

.seoIcon {
  color: var(--primary);
  font-size: 28px;
}

.black-theme-bg table * {
  color: var(--white-color) !important;
}

.black-theme-bg .chartBox {
  background: inherit !important;
}

.black-theme-bg .dropdown-menu {
  background: #000 !important;
}

.black-theme-bg input[type=search], .black-theme-bg input, .black-theme-bg select {
  background-color: transparent;
  color: var(--white-color);
}

.login-form-btn button {
  height: 49.2px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

#particles-js {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  position: fixed;
  top: 0px;
  z-index: 1;
}

.login_wrapper {
  position: relative;
  /* z-index: 2; */
  /* background-color: #ffe3da; */
}

.login_wrapper .row {
  z-index: 999;
  position: relative;
}

html,
body {
  height: 100%;
  margin: 0;
}

.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

footer {
  margin-top: auto;
}

/* alertbox */
.error-container {
  position: absolute;
  bottom: 0;
  right: 20px;
}

.jq-toast-single {
  font-size: 19px !important;
  line-height: 42px ! important;
}

.close-jq-toast-single {
  font-size: 38px !important;
  top: 8px !important;
  right: 10px !important;
}

.dateFilter button {
  padding: 5px 30px;
  border-radius: 8px;
}

.selectDate {
  padding: 3px;
  width: 220px;
}

.form-control:focus, .form-select:focus {
  box-shadow: none !important;
}

.black-theme-bg ul.dash-sidebar-menu li a {
  color: #fff;
}

.black-theme-bg input.selectDate {
  border: 1px solid #fff;
}

.black-theme-bg select{
  background-color: #212529 !important;
  color: var(--white) !important;
}

.black-theme-bg .table-responsive select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")  !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 14px !important;
}

body.bg-black form.header-search input.border-color {
  border: 1px solid #fff !important;
}

/* .black-theme-bg select.iconTheir{
  background-image: unset !important;
} */

button.addKeyword {
  background-color: #f274f2;
  border: 1px solid #f274f2;
  color: #fff;
  padding: 5px 15px;
}

.keyword-entry i {
  margin-left: 10px;
}

.keyword-entry {
  background-color: #f274f2 !important;
}