body {
  margin: 0 auto;
  padding: 0px;
  font-family: "Open Sans", sans-serif;
}

.form-control:focus {
  color: #223345 !important;
}

.dateCss {
  display: block;
}

.fixTableHead {
  overflow-x: auto;
  height: 550px;
  /* table-layout-y: auto; */
  table-layout: auto;
  overflow: fixed;
}

.fixTableHead thead th {
  position: sticky;
  top: 0;
  background: #fff;
}

table {
  width: 100%;
}

.table-responsive {
  overflow-x: scroll;
  /* height: 550px; */
}

.scrollTableHead tbody {
  display: block;
}

.scrollTableHead thead {
  display: block;
}

.add-border {
  border: 1px solid #2b6fa1 !important;
}

.scrollTableHead tbody {
  height: 550px;
  overflow: scroll;
  overflow: auto;
}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
}

.first-col {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  left: 0px;
}

.second-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 100px;
}

.table tbody tr td img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.search_sec {
  width: 20% !important;
  float: right;
}

.user_sec .form-group {
  width: 100%;
  margin: 0px;
  padding-top: 15px;
  padding-right: 26px;
}

.c-switch-slider::before {
  top: 1px !important;
  left: 2px !important;
  height: 16px !important;
  width: 16px !important;
}

.c-switch {
  width: 38px !important;
  height: 20px !important;
  padding-top: 5px;
}

.action_dot {
  position: relative;
}

.actn_btn {
  position: absolute;
  width: 135px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  white-space: normal;
  left: -41px;
  opacity: 0;
  top: 10px;
  box-shadow: 8px 10px 9px -6px rgb(143 143 143 / 75%);
  -webkit-box-shadow: 8px 7px 8px -7px rgb(143 143 143 / 75%);
  -moz-box-shadow: 8px 10px 9px -6px rgba(143, 143, 143, 0.75);
}

.leave_history_sticky {
  height: 500px;
  overflow: auto;
}

.leave_history_sticky table thead {
  position: sticky;
  z-index: 9999;
  top: 0px;
}

.leave_history_sticky .leave_inn {
  margin-top: 0px;
  border-top: 0px !important;
}

.actn_btn .btn {
  width: 100%;
  margin: 5px 0 0 0 !important;
}

.action_dot:hover .actn_btn {
  opacity: 1;
  z-index: 9;
}

.grs-apply {
  font-size: 14px;
  padding: 6px 10px;
}

.wrapper-class {
  padding: 0px;
  border: 1px solid #7f9fb6;
  border-radius: 5px;
}

.rdw-editor-toolbar {
  border: none !important;
}

.editor-class {
  background-color: lightgray;
  padding: 1rem;
  border: 1px solid #ccc;
}

.toolbar-class {
  border: 1px solid #ccc;
}

.fixed-header thead th {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
}

.scroll__container {
  /* display: flex; */
  overflow-x: auto;
}

/* Payslip css */
.payslip_head {
  background: #ea5545;
  color: #fff;
  width: 100%;
  float: left;
  padding: 15px;
}

.payslip_head .logo {
  float: left;
}

.address {
  float: left;
}

.address p {
  margin: 0;
  font-size: 14px;
}

.address b {
  font-weight: 500;
  font-size: 14px;
}

.header_div h1,
h2 {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  margin: 0;
  border: 1px solid #dee2e6;
  border-top: none;
  font-family: sans-serif;
}

/*05.12.2022*/
.main_hed h2 {
  width: 100%;
  font-weight: 700;
  margin: 0px;
  color: #000;
}

.main_hed1 h5 {
  padding: 5px 0;
  margin: 0px;
  color: #000;
}

.mid_sec .table {
  width: 100%;
  margin: 0px;
}

.table tr td {
  height: 46px;
}

.location_sec {
  padding-top: 12px;
}

.table {
  color: #000 !important;
}

.inputStyle {
  width: 4rem !important;
  height: 4rem;
  margin: 0 1rem;
  font-size: 2rem;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.error {
  border: 1px solid red !important;
}

/*20.12.2022*/
.log_back {
  /*background: #f05050 !important;*/
  background: -webkit-linear-gradient(left, #f05050 0%, #ff6565 100%);
}

.login_logo h5 {
  margin: 0px;
  font-size: 25px;
  text-align: center;
  padding-top: 20px;
}

.login_logo img {
  width: 100px;
}

.btn_back {
  background: #f05050 !important;
  opacity: 1 !important;
  border-radius: 25px !important;
  border: none;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.clear_back {
  background: #1b72e2 !important;
  opacity: 1 !important;
  color: #fff !important;
  font-size: 16px !important;
  border-radius: 25px !important;
  padding: 7px !important;
}

.c-sidebar {
  background: #18203f !important;
  width: 207px;
}

/*
.c-wrapper{margin-left: 200px !important;} */
/*----------*/

/* html:not([dir=rtl]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
html:not([dir=rtl]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
  margin-left: 200px;
} */

/*---------*/
.c-sidebar-nav-dropdown-toggle:hover {
  background: transparent linear-gradient(270deg, #e5e5e5 0%, #394ea1e8 100%) 0% 0% no-repeat padding-box !important;
}

.c-sidebar-nav-link:hover {
  /* background: transparent linear-gradient(270deg, #e5e5e5 0%, #394ea1e8 100%) 0% 0% no-repeat padding-box !important; */
  background: none !important;
  font-weight: 700;
  color: #efe5a9 !important;
}

.table-responsive thead tr th {
  white-space: nowrap;
}

.table-responsive tbody tr td {
  white-space: nowrap;
  /* padding: 10px 20px; */
}

.user_prfl_top {
  width: 100%;
  background: #fff;
  padding: 15px;
}

.user_prfl_lt {
  width: 100%;
}

.user_lt_logo {
  width: 20%;
  float: left;
}

.user_lt_logo img {
  width: 120px;
  height: 120px;
  float: left;
  border-radius: 50%;
}

.user_lt_txt {
  width: 100%;
}

.user_lt_txt h3 {
  font-size: 24px;
  color: #333333;
  margin: 0px;
  font-weight: 600;
}

.user_lt_txt h6 {
  font-size: 12px;
  color: #8e8e8e;
  margin: 0px;
}

.user_lt_txt small {
  padding-top: 8px;
  font-size: 12px;
  color: #8e8e8e;
  margin: 0px;
  display: inline-block;
}

.staff_id {
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  color: #222;
}

.staff_doj {
  font-size: 12px;
  color: #8e8e8e;
  margin: 0px;
}

.user_prfl_rt {
  width: 100%;
  border-left: 2px dashed #cccccc;
  padding-left: 20px;
  position: relative;
}

.user_prfl_rt .title {
  color: #333333;
  float: left;
  font-weight: 500;
  margin-right: 30px;
  width: 20%;
}

.user_prfl_rt ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.user_prfl_rt ul li {
  margin-bottom: 10px;
}

.c-datatable-filter input[type="text"] {
  width: auto;
}

.avatar-box img {
  width: 50px;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.avatar_link {
  margin-top: 10px;
  display: inline-block;
}

.employ_list_sec {
  position: relative;
}

.filter_sec {
  position: absolute;
}

.btn_back .btn-square {
  border: none !important;
  color: #fff;
  padding: 6px 16px;
}

.btn_back .btn-square:hover {
  background: #a32424;
  border-radius: 25px;
  padding: 6px 16px;
}

.btn_back .btn-square:active {
  border-radius: 25px;
  padding: 6px 16px;
  background: #a32424 !important;
}

.filter_btn .btn_back {
  border: none;
  padding: 6px 16px;
  font-size: 15px !important;
}

.filter_btn .clear_back {
  border: none;
  padding: 6px 16px !important;
  font-size: 15px !important;
}

.main_filter {
  width: auto;
  float: right;
  margin-right: 8px;
}

.main_filter button {
  border-radius: 25px;
  border: none;
  background: #1b72e2;
  padding: 7px 16px;
  color: #fff;
}

.main_filter button:focus {
  outline: none;
}

.card-header-actions .btn_back {
  float: right;
  background: #a32424;
  border-radius: 25px;
  padding: 6px 16px;
  font-size: 15px !important;
  border: none;
  margin-left: 0px !important;
}

.card-header-actions .main_filter button {
  padding: 7px 15px;
}

.leave_filter .btn_back {
  background: #f05050 !important;
  padding: 6px 19px;
  border-radius: 25px !important;
  border: none;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.leave_filter .btn_back:hover {
  background: #a32424 !important;
}

.history_sec .btn_back {
  background: #f05050 !important;
  padding: 6px 19px;
  border-radius: 25px !important;
  border: none;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.history_sec .btn_back:hover {
  background: #a32424 !important;
}

.page-item.active .page-link {
  background: #5473ff !important;
  color: #fff !important;
  border: 1px solid #5473ff;
}

.page-link:hover {
  color: #5473ff !important;
}

.pagination {
  margin-top: 5px;
}

.page-link {
  color: #5473ff !important;
}

.atten_sec .clear_back {
  font-size: 15px !important;
  padding: 6px 18px !important;
  margin-right: 8px;
  border: none;
}

.emp_atten .btn_back {
  background: #f05050 !important;
  padding: 6px 19px;
  border-radius: 25px !important;
  border: none;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.emp_atten .btn_back:hover {
  background: #a32424 !important;
}

.loan_sec .btn_back {
  margin-right: 8px;
}

.holiday_sec .main_filter button {
  border-radius: 25px;
  border: none;
  background: #1b72e2;
  padding: 7px 16px;
  color: #fff;
}

.holiday_sec .btn_back {
  padding: 6px 19px;
  border-radius: 25px !important;
  border: none;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.day_sec {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.day_inner label {
  width: auto;
  text-align: center;
  color: #222;
  padding: 8px 10px;
  border-radius: 5px;
  margin: 0px;
  word-break: break-all;
}

.day_inner input[type="checkbox"] {
  width: 100%;
  position: relative;
  margin: 10px 0 0 !important;
}

.edit_sec {
  position: absolute;
  right: 2px;
  top: -11px;
}

.edit_sec img {
  width: 20px;
}

.day_inner {
  width: 10%;
  height: 86px;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #c3c7cd;
  box-shadow: 3px 4px 5px -1px rgba(122, 122, 122, 0.75);
  -webkit-box-shadow: 3px 4px 5px -1px rgba(122, 122, 122, 0.75);
  -moz-box-shadow: 3px 4px 5px -1px rgba(122, 122, 122, 0.75);
}

.work_btn {
  text-align: center;
}

.work_btn .clear_back {
  padding: 10px 19px !important;
  border-radius: 25px !important;
  border: none;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.start_sec {
  margin: 5px 0 0;
}

.nav-link {
  color: #1b72e2;
}

.border-danger .card-body {
  text-align: center;
}

.basic_lt .form-group {
  width: 100%;
}

.basic_lt h6 {
  margin: 0px;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.basic_rt .form-group {
  width: 100%;
}

.basic_rt h6 {
  margin: 0px;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.atten_sec .btn_back {
  float: none;
}

.add_emplo .clear_back {
  padding: 9px 12px !important;
}

.ht_sec .table-responsive {
  height: auto;
}

.user_filter .btn_back {
  font-size: 14px !important;
  margin-top: -1px;
}

.atten_sec1 .clear_back {
  padding: 9px 12px !important;
  font-size: 16px !important;
}

.atten_sec1 .clear_back {
  padding: 10px 12px !important;
  font-size: 16px !important;
}

.loan_sec .main_filter {
  float: left;
}

.sal_con {
  font-size: 15px !important;
  padding: 5px 12px !important;
}

.acct_sec {
  background: #1b72e2 !important;
}

.acct_sec strong {
  color: #fff;
}

/* .actn_btn button{background: #1b72e2;} */
/* .c-sidebar {
background: -webkit-linear-gradient(left, #9c0e0e 0%, #ff6565 100%) !important;
} */

.c-sidebar-nav-link {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 1) !important;
  font-weight: 600;
}

.c-sidebar .c-sidebar-nav-link.c-active {
  background: transparent linear-gradient(270deg, #c5bdbd 0%, #192c78e8 100%) 0% 0% no-repeat padding-box !important;
  border-right: 7px solid #5473ff;
  font-weight: 400;
  opacity: 1 !important;
}

.basic_lt {
  width: 100%;
  /* border: 1px solid #ddd; */
  padding: 15px;
  height: 100%;
  background: #fff;
  border-radius: 8px;
}

.basic_rt {
  width: 100%;
  /* border: 1px solid #ddd; */
  padding: 10px 15px;
  height: 100%;
  background: #fff;
  border-radius: 8px;
}

.c-sidebar-nav-dropdown-toggle {
  font-weight: 600;
}

.personal-info li .text {
  float: right;
  width: 70%;
}

.personal-info li {
  padding: 1px 0;
  width: 100%;
  display: inline-block;
  margin-bottom: 5px !important;
}

.personal-info .avatar_link {
  margin-top: 0px;
}

.table thead tr th {
  text-align: center;
}

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

.title {
  color: #333333;
}

.text {
  color: #888888;
}

.day_inner input[type="checkbox"] {
  float: right;
  width: 58%;
}

.leave_inn .table {
  height: auto;
  margin: 0px;
}

/* .leave_inn .table-responsive {
  height: auto;
} */

.leave_inn .table th {
  border-top: none;
}

.date_sec {
  width: 100%;
  height: 35px;
  border: 1px solid #ddd;
  padding: 0px 5px;
}

.date_sec:focus-visible {
  outline: none;
}

.dropdown-menu.show {
  display: inline-block;
  width: 138px;
}

.noti_dropdown .dropdown-menu.show {
  display: inline-block;
  width: unset !important;
}

.dropdown-menu.show a {
  width: 100%;
  display: inline-block;
}

.dropdown_btn .btn {
  width: 100%;
  margin: 5px 0 0 0 !important;
}

.dropdown_btn .dropdown-item {
  padding: 0px !important;
  margin-bottom: 5px;
}

.dropdown_btn .dropdown-item .btn {
  margin: 0px !important;
}

.dropdown_btn .dropdown-menu {
  padding: 0px;
}

/* drive part */
.back_btn {
  padding: "2px 10px";
  background: #f05050 !important;
  color: #fff !important;
  border-radius: 25px !important;
  border: none;
}

.breadcrumbItem {
  cursor: pointer;
  color: blue !important;
}

.breadcrumbItem:last-child {
  color: grey !important;
  pointer-events: none;
}

.modal_button_design_yes {
  padding: 7px 10px;
  width: 30%;
  background: linear-gradient(to right, tomato, red);
  color: white;
  border: none;
}

.modal_button_design_no {
  padding: 7px 10px;
  width: 30%;
}

.footer_design {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 25px;
  border: none;
}

.modal_header {
  border: none;
  display: flex;
  justify-content: flex-start !important;
  align-items: center;
  font-size: 17px;
}

.header_icon {
  color: #f05050;
  padding: 5.9px;
  font-size: 17px;
}

.modal_heading {
  padding-top: 3px;
  font-size: 17px;
  font-weight: 550;
}

.form_body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.detail_form_body {
  padding: 15px;
}

.form_size {
  width: 96%;
  padding: 2px;
}

.detail_input_style {
  border: none;
  margin: 0px 0px;
  background: #f5f5f5;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  padding: 10px;
  width: 100%;
}

.detail_label_style {
  border: none;

  padding-left: 3px;
  font-weight: 550;
}

.modal_button_design_yes:hover {
  background: linear-gradient(rgb(255, 42, 34), rgb(255, 74, 42));
  border: none;
  color: rgb(255, 255, 255);
}

.header_border {
  border: none;
}

.folder_section {
  width: 100%;
  padding: 23px 15px;
  overflow: visible;
}

.file_section {
  width: 100%;
  padding: 23px 15px;
  overflow: visible;
}

.each_folder {
  position: relative;
  width: 100%;
  border: 1px solid #dadce0;
  margin: 0 0 15px;
  overflow: visible;
  border-radius: 5px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all 0.5s;
}

.folder_card_link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 87%;
  height: 100%;
  padding: 15px 8px;
}

.folder_card_body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.folder_three_dot {
  width: 25px;
  height: 25px;
  /* display: flex;
justify-content: center;
align-items: center; */
  border-radius: 50%;
  float: right;
}

.action_dot {
  position: relative;
}

.actn_btn {
  position: absolute;
  width: 100px;
  background: #fff;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  border: none;
  border-radius: 5px;
  left: -60px;
  display: none;
  overflow: visible;
  top: 15px;
  box-shadow: rgb(231, 231, 231) 1px 1px 1px 0px inset,
    1px 2px 2px rgb(193, 193, 193);
}

/* .each_folder:hover {
box-shadow: -1px -1px 2px rgb(255, 170, 170), 1px 2px 2px rgb(255, 177, 177);
transform: scale(1.05);
} */
.folder_three_dot:hover .actn_btn {
  display: block;
  z-index: 9;
}

.actn_btn .btn {
  width: 100%;
  margin: 5px 0 0 0 !important;
  border: none;
}

.three_dot_dropdown_rename:hover {
  background-color: rgb(0, 240, 160);
  border: none;
  color: white;
}

.three_dot_dropdown_delete:hover {
  background-color: rgb(255, 48, 41);
  border: none;
  color: white;
}

.three_dot_dropdown_share:hover {
  background-color: rgb(0, 81, 255);
  border: none;
  color: white;
}

.three_dot_dropdown_detail:hover {
  background-color: rgb(0, 240, 156);
  border: none;
  color: rgb(255, 255, 255);
}

.three_dot_dropdown_email:hover {
  background-color: rgb(255, 119, 0);
  border: none;
  color: rgb(255, 255, 255);
}

.folder_design {
  color: #5f6368;
  font-size: 30.5px;
  padding-right: 10px;
}

.folder_name_div,
.file_name_div {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 77%;
  height: 100%;
}

.folder_name_design,
.file_name_design {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(47, 52, 88);
  width: 95%;
  font-weight: 550;
}

.three_dot_dropdown_rename,
.three_dot_dropdown_delete,
.three_dot_dropdown_detail,
.three_dot_dropdown_share {
  border: none;
}

.empty_folder {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  padding: 15px 10px;
}

.empty_folder_icon {
  /* border: 1px solid red; */
  width: 50px;
  height: 50px;
}

.each_file {
  width: 100%;
  height: auto;
  border: none;
  margin: 0px 0px;
  box-shadow: rgb(231, 231, 231) 1px 1px 1px 0px inset,
    1px 2px 2px rgb(193, 193, 193);
  border-radius: 5px;
  transition: all 0.5s;
}

/* .each_file:hover {
box-shadow: -1px -1px 2px rgb(255, 170, 170), 1px 2px 2px rgb(255, 177, 177);
transform: scale(1.05);
} */
.each_file:hover>.each_file_viewer {
  background-color: rgb(255, 241, 241);
}

.file_hed {
  border-top: 1px solid #d8dbe0;
  padding-top: 5px;
}

.each_file_header {
  width: 100%;
  border: none;
  /* display: flex;
justify-content: space-around;
align-items: center; */
  display: inline-block;
}

.file_card_header_one {
  /* display: flex;
align-items: center;
justify-content: center; */
  width: 87%;
  height: 100%;
  padding: 15px 8px;
  float: left;
}

.each_file_viewer {
  width: 100%;
  height: 184px;
  cursor: pointer;
  overflow: hidden;
  background-color: rgb(236, 236, 236);
  transition: all 0.2s;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.each_file_viewer_img {
  width: 100%;
  height: 184px;
  cursor: pointer;
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  object-fit: cover;
}

.file_icon_design {
  height: 100%;
  color: #f05050;
  font-size: 28px;
  padding-right: 10px;
  /* display: flex;
align-items: center;
justify-content: center; */
  float: left;
}

.each_file {
  margin-bottom: 15px;
}

.file_icon_design2 {
  font-size: 45px;
  position: absolute;
  top: 20%;
  margin: 0 auto;
  left: 0px;
  color: #f05050;
  right: 0px;
  width: 35px;
}

.all_file_icons {
  border-top: 1px solid rgb(207, 207, 207);
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 22%;
}

.file_name_div {
  width: 80%;
  padding-left: 8px;
}

.file_card_header_one {
  padding: 12px 5px;
  width: 82%;
}

.file_icon_design {
  padding-right: 0px;
}

.react-datepicker-popper {
  z-index: 9 !important;
}

/* drive part end*/

@media (min-width: 1400px) and (max-width: 1599px) {
  .user_lt_logo {
    width: 27%;
  }

  .user_lt_logo img {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .user_lt_logo {
    width: 30%;
  }

  .user_lt_logo img {
    width: 100px;
    height: 100px;
  }

  .day_inner label {
    font-size: 12px;
  }

  .file_card_header_one {
    width: 85%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .user_lt_logo {
    width: 32%;
    float: left;
  }
}

@media only screen and (max-width: 1198) {
  .inputStyle {
    width: 1rem !important;
    height: 1rem;
    margin: 0 5px;
    font-size: 1rem;
  }
}

@media only screen and (max-width: 600px) {
  .user_lt_logo img {
    width: 85px;
    height: 85px;
  }

  .user_lt_logo {
    width: 31%;
  }

  .user_prfl_rt {
    width: 100%;
    padding-left: 0;
    margin-top: 12px;
    position: relative;
    border: none;
  }

  .basic_rt {
    margin-top: 12px;
  }

  .nav-link {
    display: block;
    padding: 8px 13px;
  }

  .day_inner {
    width: 22%;
    margin-bottom: 12px;
  }
}

.myself {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/*10.01.2023*/
.leave_blog_sec {
  width: 100%;
  padding: 10px 0;
  display: inline-block;
  margin: 15px 0;
  border: 1px solid #ddd;
  position: relative;
  -webkit-box-shadow: 1px 1px 6px 0px rgb(169 169 169);
  -moz-box-shadow: 1px 1px 6px 0px rgb(169 169 169);
  box-shadow: 1px 1px 6px 0px rgb(169 169 169);
}

.leave_mid {
  width: 16.5%;
  float: left;
  text-align: center;
  position: relative;
  padding: 10px 15px;
}

.leave_mid p {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 600;
}

.leave_mid span {
  font-size: 15px;
}

.leave_mid::after {
  content: "";
  width: 1px;
  height: 30px;
  background: rgb(99, 97, 97);
  position: absolute;
  right: 0px;
  top: 20px;
}

.leave_mid:nth-child(6)::after {
  background: none;
}

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

.loader_z_index {
  z-index: 9999;
}

.color_sec {
  width: 22px;
  height: 16px;
  background: #f7f7d9;
  float: left;
  /* border: 1px solid #ddd; */
  margin-right: 8px;
  font-family: "Open Sans", sans-serif;
}

.color_box {
  width: 100%;
  padding-left: 22px;
}

.light_yellow {
  width: 100%;
  display: inline-block;
}

.pink {
  width: 100%;
}

.pink .color_sec {
  background: #f7e3d9;
}

.monthly_search {
  width: 40% !important;
}

.pending .color_sec {
  /* background: #ffc107; */
  background: #ffbf00;
}

.approve .color_sec {
  background: #2eb85c;
}

.reject .color_sec {
  background: #ff0000;
}

.status_pending {
  /* color: #ffc107; */
  color: #ffbf00;
}

.status_approve {
  color: #2eb85c;
}

.status_reject {
  color: #ff0000;
}

.view_dwn_sec {
  width: 100%;
  display: inline-block;
  padding: 0 10px;
}

.view {
  float: left;
}

.dwnload {
  float: right;
}

.folder_three_dot:hover {
  background: none !important;
}

.expire_date {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #f05050;
}

.dropdown-item {
  padding: 10px 0 10px 8px !important;
}

.c-header-nav .dropdown-item {
  min-width: auto !important;
}

.acct_sec {
  background: #1b72e2 !important;
}

.tax-table.table-bordered th,
.tax-table.table-bordered td {
  border: 1px solid;
  border-color: #757f8f;
}

/* For Sales */

.proposal_btn {
  margin-top: 15px;
}

.pro_name .form-group label {
  font-size: 13px;
}

.pro_name .form-group {
  padding-right: 0px;
}

.edit_sec_lead {
  position: absolute;
  right: 33px;
  top: 17px;
}

.edit_sec_lead img {
  width: 20px;
}

.user_sec .form-group {
  width: 100%;
  margin: 0px;
  padding-top: 15px;
  padding-right: 26px;
}

.btn_sec {
  width: 100%;
  display: inline-block;
}

/* For Sales */

.tooltip {
  width: 500px;
}

.back_verification_sec {
  width: 100%;
  /* border: 1px solid #ddd; */
  padding: 10px 15px;
  margin: 0px 0;
  position: relative;
  height: auto;
}

.c-main {
  padding-bottom: 30px;
}

.back_verification_sec h6 {
  margin: 0px;
  padding: 2px 0 12px;
  font-size: 20px;
  font-weight: 600;
  color: #222;
}

.document_sec .nav-link {
  background: #fff;
  color: #222;
  padding: 16px 30px 20px;
  font: 500 14px/18px "Open Sans", sans-serif;
  border-radius: 5px;
}

.document_sec .nav-link.active {
  background: #5473ff !important;
  color: #fff;
}

.document_sec .nav-item {
  margin-bottom: 3px;
}

.document_sec .tab-content {
  border: 1px solid #ddd;
  padding: 15px;
}

.document_inner .tab-pane {
  width: 100%;
}

.document_inner .tab-pane h6 {
  margin: 0px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}

.document_inner .tab-pane p {
  padding-top: 15px;
  margin: 10px 0 0;
}

.document_inner .tab-pane .fa-file-pdf-o {
  font-size: 90px;
  padding-top: 15px;
}

.docu_pdf {
  width: 100%;
  text-align: center;
  display: inline-block;
}

.org-card {
  position: relative;
  padding-top: 50px;
  /* width: 300px; */
}

.org-card .image {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
  z-index: 100;
}

.org-card .image img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 13px solid #96f6b7;
}

.org-card .card-body {
  background: #e79f9f;
  /* height: 77px; */
  text-align: center;
  width: 300px;
  padding-top: 39px;
  border-radius: 16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.org-card .card-body h2 {
  font-weight: 600;
  line-height: 20px;
}

.org-card .card-body p {
  line-height: 20px;
  font-size: small;
}

.org-card .card-footer {
  padding: 3px;
  background: #96f6b7;
  text-align: center;
  bottom: 0;
  position: relative;
  width: 295px;
  border-radius: 16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%);
}

.org-card .card-footer img {
  width: 25px;
  margin: 5px;
}

/*new design*/

.new_user_logo img {
  width: 157px;
  border-radius: 50%;
  padding: 0px;
  background: none;
  border: 4px solid #fff;
}

/*16.06.2023*/
.rounded-top {
  background: #5473ff;
  height: 150px;
  position: relative;
}

.new_user_logo {
  position: absolute;
  left: 25px;
  bottom: -53px;
}

.location_txt {
  position: absolute;
  right: 12px;
  top: 5px;
  font-family: "Open Sans", sans-serif;
}

.location_txt p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.user_designation {
  padding: 78px 25px 15px 25px;
}

.verified_sec {
  background: none;
  width: 100%;
  position: absolute;
  bottom: 56px;
  left: 138px;
}

.user_designation h6 {
  margin: 0px;
  font: 700 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.user_designation p {
  margin: 0px;
  padding-top: 4px;
  font: 500 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.user_designation span {
  margin: 0px;
  /* padding-top: 15px; */
  font: 500 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
  display: inline-block;
}

/*19.06.2023*/
.verified_inn {
  width: 100%;
}

.verified_inn img {
  width: 28px;
  float: left;
  margin-right: 5px;
  background: #fff;
}

.verified_inn p {
  margin: 0px;
  font-size: 14px;
  padding-top: 5px;
  padding-left: 5px;
}

.resume_sec {
  width: 100%;
  background: #eceef1;
  padding: 9px;
  border-radius: 4px;
}

.resume_lt {
  width: 100%;
}

.resume_lt h6 {
  margin: 0px;
  font: 500 14px/18px "Open Sans", sans-serif;
}

/*20.06.2023*/
.resume_lt p {
  margin: 0px;
  font: 400 12px/16px "Open Sans", sans-serif;
  color: #223345;
  padding-top: 4px;
}

.resume_btn {
  background: #17ba77;
  padding: 4px 16px 6px;
  width: auto;
  margin-top: 28px;
  display: inline-block;
  color: #fff;
  font: 500 13px/18px "Open Sans", sans-serif;
  border-radius: 5px;
}

.resume_btn:hover {
  background: #14af01;
  color: #fff;
}

.emp_atten button:hover {
  background: #14af01;
  color: #fff;
}

.head_clock_in button:hover {
  background: #14af01;
  color: #fff;
}

.password_sec a:hover {
  color: #14af01;
}

.screen_search button:hover {
  background: #ad2524;
  color: #fff !important;
}

.leave_top_sec .cancel button:hover {
  background: #ad2524 !important;
  color: #fff !important;
}

.leave_top_sec .atten_sec button:hover {
  background: #14af01;
  color: #fff;
}

.asset_in .cancel:hover {
  background: #ad2524 !important;
  color: #fff !important;
}

.asset_in button:hover {
  background: #14af01;
  color: #fff;
}

.filter_btn button:hover {
  background: #14af01;
  color: #fff;
}

.team_member button:hover {
  background: #ad2524 !important;
  color: #fff !important;
}

.exportbtn button:hover {
  background: none !important;
}

.screen_search button:hover {
  background: #ad2524 !important;
  color: #fff !important;
}

.recruit_top_sec .atten_sec button:hover {
  background: #14af01;
  color: #fff;
}

.resume_rt {
  width: 100%;
  padding-top: 15px;
}

.resume_rt img {
  width: 70%;
}

.user_designation_inn {
  margin-bottom: 23px;
}

.profile_complete_sec {
  width: 100%;
  background: #e7eefe;
  padding: 9px 14px 20px;
  margin-top: 15px;
  border-radius: 4px;
  display: inline-block;
}

.profile_complete_sec h6 {
  margin: 0px 0 25px;
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.profile_complete_sec .progress-xs {
  height: 12px;
}

.profile_complete_sec .progress-bar {
  background: #5473ff;
}

.profile_complete_sec .progress {
  background: #bdbdbd;
}

.profile_complete_sec .progress-xs {
  width: 70%;
  float: left;
}

.profile_complete_sec .total_percent {
  width: 25%;
  float: right;
  text-align: right;
  margin-top: -5px;
}

.profile_complete_sec p {
  margin: 0px;
  font: 400 12px/16px "Open Sans", sans-serif;
  color: #171f2d;
  display: inline-block;
  padding-top: 10px;
}

.password_sec {
  width: 50%;
  padding-top: 15px;
}

.password_sec a {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #5473ff;
}

.hed_txt {
  margin: 0px;
  padding: 0 0 12px 0;
  font-size: 16px;
  line-height: 24px;
  /* font-weight: 600; */
  color: #223345;
}

.c-main {
  background: #f3f4f7;
}

.brdr {
  border-bottom: 1px solid rgb(241 239 239 / 75%);
  padding: 12px 0;
}

.brdr label {
  margin-bottom: 0px;
}

.brdr .title {
  color: #577081;
  font-size: 14px;
  font-weight: 400;
}

.brdr .text {
  color: #223345;
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

/*21.06.2023*/
.c-header {
  border-bottom: 1px solid #5473ff !important;
}

.c-subheader {
  display: none !important;
}

.c-header-nav li a {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d !important;
}

.today_txt {
  width: 100%;
}

.week_drop_sec .custom-select {
  border: none;
  background: none;
  width: 56%;
  padding-right: 0px;
  z-index: 2;
  position: relative;
}

.week_drop_sec .fa-angle-down {
  position: absolute;
  right: 18px;
  top: 10px;
  z-index: 1;
}

.week_drop_sec .custom-select:focus {
  border: none;
  box-shadow: none;
}

.days_sec {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-top: 1px solid #f1efef;
  padding-top: 8px;
}

.today_txt {
  width: 100%;
}

.today_txt h5 {
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.small_txt span {
  color: #7f9fb6;
  font: 600 12px/16px "Open Sans", sans-serif;
  padding-right: 20px;
}

.small_txt {
  color: #171f2d !important;
  font-size: 12px;
}

.log_txt {
  color: #7f9fb6;
  font: 600 12px/16px "Open Sans", sans-serif;
  width: 100%;
  display: inline-block;
}

.avg_time {
  width: 100%;
  padding: 24px 24px;
  background: #e7eefe;
  border-radius: 8px;
  height: 100%;
}

.avg_time_inn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.avg_time_inn_lt h5 {
  font: 600 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
  margin: 0px;
}

.avg_time_inn_lt p {
  padding-top: 15px;
  font: 700 20px/24px "Open Sans", sans-serif;
  color: #223345;
}

.grey_bck {
  background: #eceef1;
}

.time_sec_panel {
  width: 100%;
  padding-right: 25px;
  border-right: 1px solid #7f9fb6;
}

/*my document*/
.document_lt_inn {
  width: 100%;
  background: #f1efef;
  padding: 18px 10px !important;
}

.document_lt_inn .nav-item {
  margin-bottom: 10px;
}

.document_card {
  border: none;
  box-shadow: 0px 3px 6px #7f9fb633;
  border: 1px solid #e3eff8;
  border-radius: 8px;
  padding: 32px 10px 37px;
  text-align: center;
}

.document_sec .document_inner {
  border: none;
  padding: 15px 0 0;
}

.document_card .card-header {
  background: none;
}

.document_card_mid {
  width: 100%;
  padding-top: 18px;
}

.document_card_mid h6 {
  margin: 0px !important;
  font: 600 16px/20px "Open Sans", sans-serif;
  color: #171f2d !important;
  border: none !important;
  padding-bottom: 2px !important;
}

.document_card_mid p {
  margin: 0px !important;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 0px !important;
}

.document_card .password_sec {
  margin-top: 15px;
  display: inline-block;
}

.user_sec.card {
  border: none;
}

.user_sec .hed_txt {
  color: #5473ff;
  padding: 20px 22px 15px;
}

.document_main {
  padding: 0 10px 10px;
}

.document_sec {
  border-top: 1px solid #5473ff;
}

.kra_sec {
  width: 100%;
}

.kra_sec h4 {
  margin: 0px 0 10px;
  padding: 12px 30px;
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
  background: #e7eefe;
}

.kra_sec ul {
  margin: 0px 0 30px;
  padding: 0px 0 0 25px;
  list-style-type: none;
}

.kra_sec ul li {
  font: 500 14px/20px "Open Sans", sans-serif;
  color: #171f2d;
  width: 100%;
  padding-bottom: 10px;
}

/* .kra_sec ul li{margin-right: 8px; display: inline-block;font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
-webkit-font-smoothing: antialiased;}
.kra_sec ul li:before{ content: "\f00c";} */
.policy_sec .document_card {
  margin-top: 15px;
}

/*22.06.2023*/
.password_modal .modal-header {
  width: 100%;
  display: inline-block;
  justify-content: center;
  align-items: center;
  border: none;
}

.modal-header .close {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px !important;
}

.password_modal .modal-header h5 {
  text-align: center;
  font: 600 25px/30px "Open Sans", sans-serif;
  color: #171f2d;
}

.password_modal .modal-body {
  padding: 50px 55px;
}

.password_modal .modal-body label {
  font: 500 14px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.password_modal .modal-body input[type="password"] {
  width: 100%;
  height: 38px;
  padding: 12px 18px;
  color: #171f2d;
  border: 1px solid #c2d5e2;
  border-radius: 6px;
}

.modal_footer .close_btn {
  width: 100%;
  background: #e6302f;
  font: 500 16px/20px "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}

.modal_footer .submit_btn {
  width: 100%;
  background: #17ba77;
  font: 500 16px/20px "Open Sans", sans-serif;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}

.modal_footer {
  margin-top: 35px;
}

/*23.06.2023*/
.leave_top_sec {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  padding: 12px;
  border-radius: 8px;
}

.leave_top_sec .hed_txt {
  color: #5473ff;
}

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

.leave_top_sec .atten_sec {
  width: 110px;
  margin-right: 0px !important;
}

.leave_top_sec .atten_sec button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
}

.year_dropdown .custom-select {
  padding: 7px 15px 7px 10px;
}

.head_sec {
  min-height: 0px !important;
}

.head_sec ul li {
  padding: 0 18px;
}

.head_sec ul li a {
  padding: 15px 0 !important;
  border-bottom: 5px solid #fff;
}

.head_sec ul li a.active {
  border-bottom: 6px solid #5473ff;
}

.head_sec .c-header-nav {
  min-height: 0px !important;
}

.leave_inn thead tr {
  background: #5473ff;
}

.leave_inn thead tr th {
  border: none;
  font: 500 12px/16px "Open Sans", sans-serif;
  color: #fff;
}

.leave_inn {
  margin-top: 11px;
}

.leave_top_sec p {
  font: 400 12px/14px "Open Sans", sans-serif;
  color: #5473ff;
  margin: 0px;
}

.leave_dwn_sec {
  width: 100%;
  /* border-radius: 8px; */
  background: #fff;
  padding: 12px;
}

.leave_dwn_sec ul {
  margin: 0px;
  list-style-type: none;
}

.leave_dwn_sec ul li {
  padding: 0 20px;
}

.leave_dwn_sec ul li a.active {
  color: #5473ff;
}

.leave_dwn_sec ul li a {
  padding: 0px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #223345;
}

.margin_end {
  margin-right: 5px;
}

.margin_top {
  margin-top: -22px;
}

/*25.06.2023*/
.main_payslip_sec {
  width: 100%;
}

.main_payslip_sec .payslip_year {
  padding: 15px 12px;
  background: #e7eefe;
  border-bottom: 1px solid #7f9fb6;
}

.main_payslip_sec .payslip_year h6 {
  color: #171f2d;
  font: 700 14px/16px "Open Sans", sans-serif;
  margin: 0px;
}

.payslip_month {
  width: 100%;
  background: #f8f9fb;
  padding: 30px 10px;
}

.payslip_box {
  width: 100%;
  text-align: center;
  padding: 16px 0;
  border: 1px solid #7f9fb6;
  border-radius: 5px;
  position: relative;
}

.payslip_inn p {
  margin: 0px;
  font: 600 12px/16px "Open Sans", sans-serif;
  color: #171f2d;
  padding-top: 3px;
}

.pay_dwnload {
  width: 100%;
  position: absolute;
  background: #5473ff;
  opacity: 0;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100%;
}

.pay_dwnload p {
  margin: 0px;
  font: 600 12px/16px "Open Sans", sans-serif;
  color: #fff;
}

.payslip_box:hover .pay_dwnload {
  opacity: 0.9;
  text-align: center;
  padding-top: 29px;
}

.avg_time_inn_rt {
  width: 175px;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #00cddd !important;
}

.week_drop_sec {
  width: 100%;
  text-align: right;
  position: relative;
}

.attendance_log {
  width: 100%;
  background: #fff;
  padding: 10px 8px;
}

.attendance_log ul {
  margin: 0px;
  padding: 0px;
}

.attendance_log ul li a {
  padding: 6px 18px;
  color: #223345;
  font: 700 16px/20px "Open Sans", sans-serif;
}

.month_sec {
  width: 100%;
}

.month_sec label {
  width: auto;
  float: left;
  padding-top: 9px;
  margin: 0px;
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
}

.month_sec select {
  width: 71%;
  float: right;
  border: 1px solid rgb(127 159 182 / 40%);
}

.emp_atten {
  width: 100%;
}

.emp_atten button {
  background: #17ba77;
  border-radius: 4px;
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #fff !important;
  text-align: center;
  width: 100%;
  padding: 8px 0;
}

.attendance_log ul li a.active {
  color: #5473ff;
}

.attendance_list_sec {
  padding: 15px;
  border-radius: 8px;
  background: #fff;
}

.attendance_top_rt {
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.c-sidebar-nav-link {
  font: 300 14px/16px "Open Sans", sans-serif;
  color: #fff;
  opacity: 0.9 !important;
  padding: .8445rem 1rem !important;
}

.c-sidebar-brand-full {
  margin-bottom: 30px;
}

/*27.06.2023*/
.team_leave_txt {
  width: 100%;
  padding: 15px 15px 0;
  background: #fff;
}

.team_leave_txt h6 {
  font: 700 16px/18px "Open Sans", sans-serif;
  color: #171f2d !important;
  margin: 0px;
  border-bottom: 1px solid #7f9fb6;
  padding-bottom: 14px;
}

.team_leave_inn {
  width: 100%;
  padding: 15px;
}

.team_member select {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
}

.team_member label {
  width: 100%;
}

.team_member button {
  background: #e6302f;
  border-radius: 6px;
  font: 500 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
  margin-top: 5px;
  padding: 8px 0;
}

.team_category_sec {
  width: 100%;
  padding: 0px 15px 15px;
}

.team_category_sec_inn {
  border-top: 1px solid rgb(127 159 182 / 40%);
  padding-top: 7px;
}

.mainsalary_sec {
  width: 100%;
  padding: 15px;
  border: none !important;
  margin: 0px;
}

.mainsalary_sec table thead tr th {
  padding: 0.75rem;
}

.salary_sec .hed_txt {
  padding-bottom: 0px;
}

.inner_salary tr th {
  padding: 12px;
  border: 1px solid #223345 !important;
}

.inner_salary {
  border: 1px solid #223345 !important;
}

.inner_salary tr td {
  border: 1px solid #223345 !important;
}

.history_sec .fa-angle-down {
  font-size: 15px;
}

.inner_salary .table-striped tbody tr:nth-of-type(odd) {
  background: none !important;
}

.team_category_sec table thead tr th {
  padding: 12px;
  background: #5473ff;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #fff;
}

.mainsalary_sec table tbody tr {
  border-bottom: 1px solid rgb(127 159 182 / 40%);
}

.mainsalary_sec table thead tr {
  border-bottom: 1px solid #a3b7fa;
}

.mainsalary_sec table td {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #262525;
  height: 0px;
  vertical-align: middle;
  border: none;
}

.apply_comp_sec {
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 6px;
  position: relative;
}

.apply_comp_sec .hed_txt {
  color: #5473ff;
  font: 700 16px/18px "Open Sans", sans-serif;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  padding-bottom: 15px;
  width: 100%;
}

.comp_inner_sec {
  width: 100%;
  padding: 15px 0;
}

.comp_off_inn {
  width: 100%;
  margin-bottom: 12px;
}

.comp_off_inn label {
  width: 100%;
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.comp_off_inn input[type="text"],
input[type="email"],
input[type="time"],
input[type="password"] {
  width: 100% !important;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px !important;
  border-radius: 5px;
  opacity: 0.6;
  padding: 0 13px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.comp_off_inn .datePicker {
  width: 100%;
}

.comp_off_inn input[type="file"] {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px;
  border-radius: 5px;
  opacity: 0;
  padding: 0 13px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.comp_off_inn textarea {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px;
  border-radius: 5px;
  opacity: 0.6;
  padding: 10px 13px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.comp_off_inn textarea {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px;
  border-radius: 5px;
  opacity: 0.6;
}

.comp_off_inn button {
  width: 110px;
  background: #17ba77;
  color: #fff;
  font: 700 12px/16px "Open Sans", sans-serif;
  padding: 7px 0;
}

.comp_off_inn button:hover {
  background: #14af01;
  color: #fff;
}

.comp_off_inn .atten_sec1 {
  text-align: end;
  padding-top: 10px;
}

.comp_off_inn .cancel {
  background: #e6302f;
}

.comp_off_inn .cancel:hover {
  background: #ad2524;
  color: #fff !important;
}

.comp_off_inn .plain {
  background: #a1ada8;
}

.comp_off_inn .plain:hover {
  background: #6d7270;
  color: #fff !important;
}

.comp_off_inn .attach .guZdik {
  border: 1px solid rgb(127 159 182 / 40%);
}

.comp_off_inn .emp_atten {
  margin-top: 5px;
}

.comp_inner_sec .leave_inn thead tr th {
  padding: 12px;
}

.apply_comp_sec .modal-header {
  border: 0px;
  padding: 0px;
}

.fa-sitemap {
  opacity: 0.5;
  font-size: 15px;
  margin-right: 19px;
  padding-left: 5px;
}

.docu_por {
  width: 100%;
  display: inline-block;
  margin-bottom: 8px;
}

.docu_por:hover {
  background: #5473ff;
  border-radius: 6px;
}

.docu_por h6 {
  margin: 0px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.docu_por img {
  float: left;
  margin-right: 15px;
}

.docu_por p {
  margin: 0px;
  font: 500 12px/16px "Open Sans", sans-serif;
  color: #acc6d7;
}

.my_leave_sec {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid rgb(241 239 239 / 75%);
}

.emp_atten button {
  background: #e6302f;
}

.day-circle {
  color: #fff;
  cursor: pointer;
  background: #5473ff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  padding: 4px 0;
  text-align: center;
}

.team_member label {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
}

.team_category_sec input[type="text"] {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  font: 500 14px/16px "Open Sans", sans-serif;
}

.inner_salary tr:hover {
  background: none !important;
}

.month_pop_main {
  width: 620px;
  position: absolute;
  right: 0px;
  background: #fff;
  padding: 10px 15px 15px;
  border-radius: 8px;
  z-index: 1;
  box-shadow: 0px 3px 9px #5473ff38;
}

.month_pop_main h6 {
  margin: 0px;
  font: 700 16px/18px "Open Sans", sans-serif;
  color: #171f2d;
  border-bottom: 1px solid #f1efef;
  padding-bottom: 5px;
}

.month_pop_in {
  width: 100%;
  margin-top: 8px;
}

.month_pop_in label {
  width: 100%;
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #1d195b;
  margin-bottom: 4px;
}

.month_pop_in input[type="text"] {
  background: #e7eefe;
  border-radius: 5px;
  padding: 0 14px;
  border: none;
  width: 100%;
  height: 38px !important;
  font-size: 14px;
}

.emp_atten button {
  width: 100%;
  background: #17ba77;
  color: #fff;
  font: 700 12px/16px "Open Sans", sans-serif;
}

.month_pop_in .datePicker {
  width: 100%;
}

.team_leave_inn_top {
  width: 100%;
  background: #fff;
  margin-bottom: 15px;
}

.comp_off_inn select {
  border: 1px solid rgb(127 159 182 / 40%);
  font: 500 14px/16px "Open Sans", sans-serif;
  opacity: 0.6;
}

.exception_sec {
  width: 100%;
  background: #fff;
  padding: 15px;
  margin-top: 15px;
}

.exception_table {
  background: #fff;
  padding: 1px 15px 15px;
}

.exception_table table tr th {
  padding: 12px;
  background: #5473ff;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #fff;
}

.tracker_sec h6 {
  background: #5473ff;
  color: #fff !important;
}

.screen_cap {
  width: 100%;
}

.screen_cap h6 {
  margin: 0px;
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #5473ff;
  background: none;
}

.screen_inner {
  width: 100%;
  padding: 12px 0 30px;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
}

.screen_cap p {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.screen_cap p span {
  font-weight: 500;
}

.logout_sec {
  color: #5473ff;
  font: 500 14px/18px "Open Sans", sans-serif;
}

.logout_sec img {
  margin-right: 4px;
}

.note_sec {
  width: 100%;
  padding: 7px 0 10px;
  display: inline-block;
}

.note_sec p {
  font: 500 12px/18px "Open Sans", sans-serif;
  color: #fd0013;
  margin: 0px;
  text-align: center;
}

.exception_hed {
  font: 500 14px/18px "Open Sans", sans-serif;
  margin: 0px;
  padding: 10px 0 0;
}

.exception_table input[type="text"] {
  border: 1px solid #7f9fb6;
}

.excep_modal .hed_txt {
  width: 100%;
}

.month_pop_in .custom-select {
  background: #e7eefe;
  border: none;
}

.kFhUBM {
  font-size: 14px !important;
  color: #768192 !important;
  opacity: 0.6 !important;
  font-weight: 500 !important;
  font-family: "Open Sans", sans-serif;
}

.no_file_txt {
  color: #171f2d;
  font: 500 14px/18px "Open Sans", sans-serif;
}

.holiday_sec .comp_off_inn {
  border-bottom: 1px solid rgb(127 159 182 / 40%);
}

.react-datepicker__navigation--previous {
  background: none !important;
}

.react-datepicker__navigation--next {
  background: none !important;
}

.leave_history {
  border: 1px solid #7f9fb6 !important;
}

.leave_history td {
  border: 1px solid #7f9fb6 !important;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #262525;
}

.leave_history td a {
  color: #24b97b;
}

.holiday_inn label {
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.holiday_inn input[type="text"] {
  border: 1px solid rgb(127 159 182 / 40%);
  height: 36px !important;
  font-size: 15px;
}

.holiday_inn select {
  border: 1px solid rgb(127 159 182 / 40%);
}

.holiday_inn tbody tr:nth-of-type(odd) {
  background-color: #e7eefe;
}

.holiday_inn tbody tr td {
  border: none !important;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #223345;
  vertical-align: middle;
}

.attach {
  width: 100%;
  background: #e7eefe;
}

.mainsalary_sec thead tr {
  background: #e7eefe;
}

.mainsalary_sec thead tr th {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.mainsalary_sec .table-striped tbody tr:nth-of-type(odd) {
  background: #f8f9fb;
}

.holiday_inn tbody tr td span {
  padding: 5px;
  font: 500 12px/16px "Open Sans", sans-serif;
  width: 100%;
}

.show_sec {
  background: #35b762 !important;
  color: #fff !important;
  padding: 4px 10px !important;
}

.leave_top_sec .cancel button {
  background: #e6302f;
}

.document_card img {
  width: 13%;
}

.edit_btn button {
  background: #5473ff;
  border-radius: 6px;
  font: 500 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
  margin-top: 5px;
  padding: 8px 0;
}

.badge-primary {
  background: #5473ff !important;
}

.btn-secondary {
  background: #24b97b !important;
  color: #fff !important;
  border: none !important;
}

.myteam_attendence tbody tr td {
  border-top: 1px solid rgb(127 159 182 / 40%);
  /* border: none; */
}

.myteam_attendence .badge {
  padding: 5px;
  font: 500 14px/18px "Open Sans", sans-serif;
  /* width: 10%; */
  margin: 8px 0;
  width: 100px;
}

.inner_new_table {
  border: 2px solid #46779b;
}

.myteam_attendence {
  margin: 0px;
}

.myteam_attendence .badge-warning {
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 8px 0;
}

.color_chk {
  margin-bottom: 8px;
}

.filter_btn button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 500 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
  border: none;
}

.screen_dos {
  width: 100%;
  text-align: center;
}

.screen_pad {
  padding: 24px 20px;
  background: #eceef1;
  border-radius: 8px;
}

.screen_pad .avg_time_inn_lt {
  padding-left: 0px;
}

.screen_pad .avg_time_inn_rt {
  padding-right: 20px;
}

.react-datepicker__navigation-icon--next {
  left: 36px !important;
}

.react-datepicker__navigation-icon--previous {
  right: 40px !important;
}

.team_member .react-datepicker__navigation-icon--next {
  left: 50px !important;
}

.team_member .react-datepicker__navigation-icon--previous {
  right: 50px !important;
}

.team_member input[type="text"] {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px !important;
  border-radius: 5px;
  opacity: 0.6;
  padding: 0 13px;
  font-size: 15px;
}

.team_member .react-datepicker-wrapper {
  display: inline;
}

.screen_search button {
  background: #e6302f;
  margin-top: 5px;
}

.border-bottom-0 tr:last-child td {
  border-bottom: 0px !important;
}

.border-bottom-0 tr:last-child {
  border-bottom: 0px !important;
}

.myteam_attendence tbody tr td {
  word-break: break-all;
  padding: 7px 0;
}

.myteam_attendence tbody tr th {
  text-align: left;
}

.exportbtn button {
  width: 100%;
  margin-top: 6px;
}

/*signin*/
.signin_sec {
  width: 100%;
  background: #171f2d;
  position: relative;
  padding: 25px 0 70px;
  height: 100vh;
}

.login_left_sec {
  width: 400px;
  padding-top: 70px;
}

.login_sec {
  width: 100%;
  background: #ffffff;
  padding: 60px 25px;
  border-radius: 8px;
  margin-top: 20px;
}

.login_left_sec h2 {
  margin: 0px;
  font: 700 35px/40px "Open Sans", sans-serif;
  color: #fff;
  border: none;
}

.login_left_sec h2 span {
  font-size: 25px;
  line-height: 35px;
}

.login_left_sec img {
  width: 100%;
  padding-top: 40px;
}

.login_sec .commentForm h6 {
  text-align: center;
  margin: 0px 0 60px;
  font: 600 30px/40px "Open Sans", sans-serif;
  color: #223345;
}

.login_inner {
  width: 100%;
  margin-bottom: 30px;
}

.login_inner label {
  font: 600 16px/20px "Open Sans", sans-serif;
  color: #223345;
  padding-bottom: 10px;
  margin: 0px;
}

.login_inner input[type="email"],
.login_inner input[type="password"],
.login_inner input[type="text"] {
  border: 1px solid #c2d5e2;
  font: 400 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 0px 20px;
  height: 38px;
  background: none;
}

.hidden_eye {
  position: absolute;
  right: 14px;
  top: 19px;
  z-index: 9;
  width: 16px;
  height: 16px;
}

.fa-eye {
  position: absolute;
  right: 14px;
  top: 19px;
  z-index: 9;
  width: 16px;
}

.forgot_pass {
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #5473ff !important;
  padding: 0px !important;
  text-decoration: none;
}

.login_btn {
  width: 100%;
  background: #17ba77 !important;
  padding: 15px 0 !important;
  text-align: center;
  font: 500 16px/20px "Open Sans", sans-serif;
  margin-top: 30px;
  color: #fff !important;
  border: 0px;
  border-radius: 6px;
}

:focus {
  box-shadow: none !important;
}

:focus-visible {
  outline: none !important;
}

.overlay_sec {
  position: absolute;
  top: 0px;
  right: 0px;
}

.overlay_sec img {
  width: 1440px;
  height: 540px;
}

.logo {
  width: auto;
  padding-left: 85px;
}

.logo img {
  width: 110px;
}

.commentForm p {
  font: 600 16px/18px "Open Sans", sans-serif;
  color: #223345;
  margin: 0px;
  text-align: center;
  padding: 0px;
}

.verify_box .verify_box_inner input[type="text"] {
  width: 36px !important;
  height: 30px;
  text-align: center;
  border: none;
  border-bottom: 1px solid #5473ff;
  border-radius: 0px;
  padding-bottom: 6px;
  font: 600 16px/18px "Open Sans", sans-serif;
  color: #223345;
  padding: 0 12px;
}

.verify_main {
  width: 100%;
  text-align: center;
}

.verify_box {
  width: auto !important;
  display: inline-block !important;
  padding-top: 35px;
}

.otp_btm {
  width: 100%;
  text-align: center;
  padding-top: 35px;
}

.otp_btm p {
  font: 600 16px/18px "Open Sans", sans-serif;
  color: #223345;
}

.countdown-text p {
  width: 100%;
  font: 600 16px/18px "Open Sans", sans-serif;
  color: #223345;
}

.countdown-text p span {
  color: #5473ff;
}

.countdown-text {
  width: 100%;
  padding: 5px 0;
}

.otp_btm p span a {
  color: #5473ff;
}

.otp_btm .atten_sec1 .cancel {
  width: 100%;
  font: 500 16px/18px "Open Sans", sans-serif;
  color: #fff;
  padding: 15px 0;
}

.otp_btm .atten_sec1 .save {
  width: 100%;
  font: 500 16px/18px "Open Sans", sans-serif;
  color: #fff;
  padding: 15px 0;
}

.mat-5 {
  margin-top: 30px;
}

.for_txt {
  font: 600 16px/18px "Open Sans", sans-serif;
  color: #223345;
  text-align: center;
}

.forgot_pass {
  width: 100%;
  text-align: right !important;
}

.forgot_pass .atten_sec1 .cancel {
  width: 100%;
  font: 500 16px/18px "Open Sans", sans-serif;
  color: #fff;
  padding: 15px 0;
}

.forgot_pass .atten_sec1 .save {
  width: 100%;
  font: 500 16px/18px "Open Sans", sans-serif;
  color: #fff;
  padding: 15px 0;
}

/*10.06.2023*/
.salary_inn_table table tr td {
  height: 41px;
}

.recruit_top_sec {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  padding: 12px;
  /* border-radius: 8px; */
}

.recruit_top_sec .atten_sec {
  width: 115px;
  margin-right: 0px !important;
}

.recruit_top_sec .atten_sec button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
}

.recruit_top_sec .hed_txt {
  color: #5473ff;
  padding: 0px;
}

.recruitment_sec {
  background: #fff;
  width: 100%;
  background: #fff;
  padding: 0 12px 12px;

}

.recruitment_sec .leave_inn {
  margin-top: 0px;
  border-top: 1px solid rgb(127 159 182 / 40%);
}

.comp_off_inn .css-13cymwt-control {
  /* height: 35px; */
  height: auto;
  border: 1px solid #7f9fb6;
  opacity: 0.6;
}

.comp_off_inn .css-qbdosj-Input {
  height: 35px;
  margin: 0px;
  padding: 0px;
}

.comp_off_inn .css-1fdsijx-ValueContainer {
  padding: 0 10px;
}

/* .comp_off_inn .css-1u9des2-indicatorSeparator{display: none;} */
.css-qbdosj-Input {
  font: 500 14px/16px "Open Sans", sans-serif;
  opacity: 0.6;
}

.btn-close {
  background: none;
  border: none;
  padding: 0px;
}

.btn-close:after {
  content: "\2715";
  position: relative;
  left: -3px;
  top: -3px;
}

button:focus {
  outline: none;
}

.exportbtn {
  width: 100%;
  text-align: right;
  padding-top: 5px;
  margin: 0px;
}

.exportbtn .btn {
  background: none;
  padding: 0px;
  margin: 0px;
  text-align: right;
}

.exportbtn .btn img {
  width: 33px;
  border-radius: 5px;
}

/*choose file*/
/* .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
} */

.btn-custom {
  border: none;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
  width: auto;
  float: left;
}

.comp_off_inn .upload-btn-wrapper input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 70%;
  float: right;
}

.choose_file {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  background: #e7eefe;
  font: 500 14px/16px "Open Sans", sans-serif;
  height: 42px;
  border-radius: 6px;
  padding-left: 12px;
}

.choose_file button {
  background: #7f9fb6;
  padding: 8px 0;
  margin-top: 4px;
  margin-right: 10px;
}

.choose_file p {
  margin: 0px;
  font: 500 14px/16px "Open Sans", sans-serif;
  padding-top: 11px;
}

.holiday_inn .fa-eye {
  position: relative;
  top: 0px;
}

/*12.07.2023*/
.filter_txt {
  width: 100%;
  padding: 0px 12px;
  background: #fff;
}

.filter_txt h6 {
  border-top: 1px solid rgb(127 159 182 / 40%);
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
}

.asset_sec {
  width: 100%;
  padding: 12px;
}

.asset_in {
  width: 100%;
  display: inline-block;
}

.asset_in label {
  width: 100%;
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
}

.asset_in select {
  width: 100%;
  border: 1px solid rgb(127 159 182 / 40%);
  height: 35px;
  font: 400 14px/16px "Open Sans", sans-serif;
  color: #7f9fb6;
}

.asset_in button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
  margin-top: 5px;
}

.asset_in.atten_sec {
  width: 110px;
  float: right;
}

.asset_in .cancel {
  background: #e6302f;
}

.asset_table {
  padding: 12px;
  width: 100%;
  height: 500px;
}

.assigned_assets input[type="text"] {
  width: auto;
  height: 38px !important;
  font: 400 15px/20px "Open Sans", sans-serif;
  padding: 0 12px;
}

.filter_txt_inn .team_leave_txt {
  padding: 0px;
}

.filter_txt_inn .team_leave_txt h6 {
  border: none;
}

.filter_txt_inn {
  border-top: 1px solid rgb(127 159 182 / 40%);
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  padding: 10px 0;
}

.bg-white {
  background: #fff;
  padding-bottom: 0px;
}

.unassign_sec {
  width: 100%;
  background: #fff;
  padding: 1px 0 0;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
}

.assignred_btn {
  margin-left: 40px;
  background: #e6302f !important;
  color: #fff !important;
}

.job_export .btn {
  padding: 0px;
  margin-left: 5px;
}

.job_export .btn img {
  border-radius: 5px;
  width: 33px;
}

.asset_in .css-13cymwt-control {
  min-height: 33px;
  border: none;
}

.asset_in .css-t3ipsp-control {
  box-shadow: none;
  border: none;
  min-height: 35px;
}

.asset_in .css-1fdsijx-ValueContainer {
  height: 33px;
}

.asset_in .css-qbdosj-Input {
  height: 33px;
  margin: 0px;
  padding: 0px;
}

.asset_in .css-b62m3t-container {
  border: 1px solid rgb(127 159 182 / 40%);
  border-radius: 5px;
}

.asset_in .css-1xc3v61-indicatorContainer {
  padding: 6px;
}

.sales_sec {
  width: 100%;
  border-top: 1px solid rgb(127 159 182 / 40%);
  padding-top: 10px;
}

.btn-outline-primary:hover {
  background: #5473ff !important;
  border: 1px solid #5473ff !important;
}

.sales_lt_up h6 {
  margin: 0px;
  font: 700 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.sales_lt_up p {
  margin: 0px;
  padding-top: 0px;
  font: 500 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.sales_lt_up p strong {
  padding-right: 2px;
}

.sales_lt_up {
  padding: 10px 0;
}

.sales_lt_sec {
  padding: 68px 25px 15px 25px;
}

.sales_sec .atten_sec1 {
  padding-top: 0px;
}

/*14.07.2023*/
.notes_sec {
  width: 100%;
  background: #fff;
  padding: 12px;
}

.notes_txt {
  width: 100%;
  padding: 0px 12px 12px;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  margin-bottom: 16px;
}

.notes_txt h6 {
  font: 700 14px/16px "Open Sans", sans-serif;
  margin: 0px;
  color: #171f2d;
}

.notes_box {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid rgb(127 159 182 / 40%);
  border-radius: 5px;
  margin-bottom: 20px;
}

.comment_time {
  float: right;
  width: auto;
}

.editable_icon {
  width: auto;
  position: absolute;
  left: 0;
  top: 0px;
  width: auto;
}

.fa-pencil {
  font-size: 15px;
  color: #1b72e2;
  margin-right: 7px;
}

.fa-envelope {
  font-size: 15px;
  color: #1b72e2;
  margin-right: 7px;
}

.fa-trash-o {
  font-size: 15px;
  color: #1b72e2;
}

.editable_icon .fa-copy {
  font-size: 15px;
  color: #1b72e2;
}

.editable_icon .fa-arrow-right {
  font-size: 15px;
  color: #1b72e2;
  margin-right: 7px;
}

.sample_note {
  width: 100%;
  padding: 10px 0 10px 12px;
}

.reply_list {
  width: 100%;
  padding: 8px 0px 10px 9px;
}

.sample_note p {
  margin: 0px;
  font: 400 15px/17px "Open Sans", sans-serif;
  color: #223345;
  padding-left: 12px;
}

.sample_email p {
  padding-left: 0px;
}

.sample_email_icon {
  padding-left: 15px;
}

.comment_person {
  width: 100%;
}

.comment_person img {
  width: 30px;
}

.comment_bar {
  width: 100%;
  padding: 12px 0px;
}

.comment_bar p {
  margin: 0px;
  font: 400 15px/17px "Open Sans", sans-serif;
  color: #223345;
}

.sales_person_note {
  padding-left: 0px;
  font: 600 16px/17px "Open Sans", sans-serif;
  color: #171f2d;
  cursor: pointer;
}

.sales_person_note_tickets {
  padding-left: 0px;
  font: 600 16px/17px "Open Sans", sans-serif;
  color: #171f2d;
  font-size: 15px;
}

.sales_person_note .fa-angle-down {
  padding-right: 10px;
}

.sales_person_note .fa-angle-right {
  padding-right: 10px;
  width: 24px !important;
}

.comment_sec .comment_time {
  padding-right: 0px;
}

.comment_time {
  padding-right: 19px;
}

.hide_note {
  padding-left: 40px;
  padding-top: 10px;
}

.present_brdr .comp_off_inn {
  border-bottom: 1px solid #f1efef;
}

.present_brdr .comp_off_inn label {
  color: #7f9fb6;
}

.present_brdr .comp_off_inn p {
  font: 700 15px/17px "Open Sans", sans-serif;
  color: #223345;
  padding: 0px;
  margin: 0px;
}

.line_thorw {
  opacity: 0.5;
  text-decoration: line-through;
}

.person_text_place {
  width: 100%;
  padding-top: 15px;
}

.comment_sec {
  width: 100%;
  margin-top: 12px;
  padding: 0 17px 0 22px;
}

.comment_sec textarea {
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #7f9fb6;
  font: 400 15px/17px "Open Sans", sans-serif;
  color: #223345;
}

.add_comment {
  width: 100%;
  font: 500 15px/17px "Open Sans", sans-serif;
  color: #5473ff;
  padding-left: 21px;
  cursor: pointer;
}

.add_comment_tickets {
  width: 100%;
  font: 500 15px/17px "Open Sans", sans-serif;
  color: #5473ff;
  font-size: 14px;
  padding-left: 21px;
}


.task_modal_sec {
  width: 100%;
  padding: 20px 0 0;
}

.task_name {
  width: 100%;
}

.task_name label {
  color: #171f2d;
  font: 500 15px/17px "Open Sans", sans-serif;
}

.task_name input[type="text"] {
  border: 1px solid rgb(127 159 182 / 40%);
  height: 38px !important;
  font: 400 16px/20px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 0px 20px;
  background: none;
  opacity: 0.6;
}

.create_date_btn {
  width: 100% !important;
  background: none !important;
}

.create_date_btn:after {
  position: absolute;
  right: 7px;
  top: 6px;
}

.asset_in .datePicker {
  padding: 0px 10px !important;
  font-size: 12px !important;
  height: 36px !important;
  border: 1px solid #7f9fb6;
  border-radius: 5px;
  margin-top: 5px;
  width: 100%;
}

.login_sec .login_inner input[type="email"],
.login_sec .login_inner input[type="password"],
.login_sec .login_inner input[type="text"] {
  width: 100%;
  height: 58px !important;
}

.asset_in .react-datepicker-wrapper {
  display: block;
}

.head_clock_in button {
  background: #17ba77;
  padding: 4px 16px 6px;
  width: auto;
  display: inline-block;
  color: #fff;
  font: 700 13px/18px "Open Sans", sans-serif;
  border-radius: 5px;
}

.head_clock_out button {
  background: #e6302f;
}

.fa-arrow-right {
  margin: 0px !important;
}

.fa-arrow-left {
  margin: 0px !important;
}

.head_top_time {
  padding: 10px;
}

.head_top_time p {
  margin: 0px;
  font: 400 14px/16px "Open Sans", sans-serif;
}

/*24.07.2023*/
.organization_sec {
  width: 100%;
  background: #fff;
  padding: 12px;
  border-radius: 8px;
}

.organization_sec .exportbtn img {
  width: 30px;
}

.organization_sec .exportbtn button {
  float: right;
  width: 40px;
}

.orgchart {
  background: none !important;
}

.contactDetails input[type="text"] {
  height: 35px !important;
  font-size: 14px;
}

/*25.07.2023*/
.inner_salary thead tr th {
  background: rgb(84, 115, 255);
  color: #fff;
}

.organization_sec .head_clock_in {
  width: 50%;
  float: left;
  margin-top: 13px;
}

.organization_sec .head_clock_in button {
  width: 100%;
}

/*26.07.2023*/
.assets_list_table {
  margin: 0px;
}

.assets_list_table .badge-success {
  padding: 5px 8px;
  font: 500 13px/18px "Open Sans", sans-serif;
}

.assets_list_table {
  margin: 0px;
}

.assets_list_table .badge-success {
  padding: 5px 8px;
  font: 500 13px/18px "Open Sans", sans-serif;
}

.cross_main {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0px;
  top: 7px;
}

.cross_btn {
  font-size: 15px;
  color: #171f2d;
}

.resume_rt .fa-download {
  font-size: 70px;
  color: #b2b8bf;
}

.resume_rt .fa-download:hover {
  color: #5378fa;
}

.resume_rt svg:hover path {
  fill: #223345;
}

/*27.07.2023*/
.contact_edit {
  color: #5473ff;
  width: 100%;
  text-align: left;
  display: inline-block;
  font: 500 13px/18px "Open Sans", sans-serif;
  padding: 3px 0;
}

.contact_edit:hover {
  color: #5473ff;
}

.contact_delete {
  color: #e55353;
  width: 100%;
  text-align: right;
  display: inline-block;
  font: 500 13px/18px "Open Sans", sans-serif;
  padding: 3px 0;
}

.contact_delete:hover {
  color: #e55353;
}

.org-node-container {
  border: 2px solid rgba(217, 83, 79, 0.8);
  padding: 10px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 60px;
  min-width: 50px;
}

.export_icon_sec .exportbtn {
  padding-top: 0px;
}

.update_date_sec {
  width: 100%;
}

.update_date_sec p {
  font: 500 15px/18px "Open Sans", sans-serif;
  margin: 0px;
  padding: 20px 13px 0 0;
  text-align: right;
}

.sales_person_note strong {
  font-weight: 700;
}

.history_sec .fa-angle-up {
  font-size: 20px;
}

.history_sec .fa-angle-down {
  font-size: 20px;
}

.total_percent {
  position: relative;
  cursor: pointer;
}

.profile_incomp_sec {
  width: 210px;
  background: #fff;
  border-radius: 5px;
  padding: 8px 8px 20px;
  position: absolute;
  top: 18px;
  z-index: 2;
  left: 0px;
  right: auto;
  margin: 0 auto;
  opacity: 0;
  box-shadow: 4px 6px 11px 0px rgba(217, 217, 217, 0.75);
  -webkit-box-shadow: 4px 6px 11px 0px rgba(217, 217, 217, 0.75);
  -moz-box-shadow: 4px 6px 11px 0px rgba(217, 217, 217, 0.75);
  display: none;
}

.profile_incomp_sec h6 {
  color: #5473ff;
  font: 500 15px/18px "Open Sans", sans-serif;
  margin: 0px 0 8px;
  text-align: center;
}

.profile_incomp_sec ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style-type: none;
}

.profile_incomp_sec ul li .fa-long-arrow-right {
  rotate: 320deg;
  padding: 4px 5px 0 6px;
  height: 18px;
  float: left;
}

.profile_incomp_sec ul li {
  color: #171f2d;
  font: 500 12px/15px "Open Sans", sans-serif;
  text-align: left;
  padding: 0 0 6px;
  width: 100%;
  display: inline-block;
}

.total_percent:hover .profile_incomp_sec {
  opacity: 1;
  display: block;
}

.total_percent strong:hover {
  color: #5473ff;
}

.pagination li {
  padding: 0px !important;
}

.pagination li a {
  padding: 0.5rem 0.75rem !important;
}

.holiday_export .emp_atten {
  width: 78%;
  float: left;
}

.holiday_export .exportbtn {
  width: 20%;
  float: right;
  padding-top: 0px;
}

.calender_sec {
  width: 100%;
  padding-top: 20px;
}

/*31.07.2023*/
.condition_text {
  line-height: 1.5em;
  height: 3.2em;
  overflow: hidden;
}

.team_member .react-datepicker button {
  width: 48%;
}

button:focus {
  outline: none !important;
}

.dive_top_rt {
  width: 100%;
  text-align: right;
}

.dive_top_rt .dropdown {
  background: #24b97b;
  border-radius: 5px;
  font: 500 12px/15px "Open Sans", sans-serif;
  color: #fff;
}

.dive_top_rt .dropdown button {
  color: #fff;
}

.dive_top_rt .dropdown-menu {
  padding: 0px;
  border: 1px solid #7f9fb6;
}

.drive_folder_sec {
  width: 100%;
  padding: 0px 16px;
}

.drive_folder_sec h6 {
  padding: 15px 0;
  border-top: 1px solid #7f9fb6;
  color: #171f2d;
  font: 700 16px/17px "Open Sans", sans-serif;
  margin: 0px;
}

.drive_folder_inn {
  width: 100%;
}

.drive_folder_inn .each_folder {
  width: 100%;
  border-radius: 15px;
  border: 1px solid #7f9fb6;
  padding: 20px;
  display: inline-block;
}

.drive_folder_inn .each_folder .folder_design {
  color: #5473ff;
  font-size: 50px;
}

.drive_folder_inn .each_folder .folder_card_link {
  padding: 0px;
}

.file_name {
  width: 100%;
  padding-top: 20px;
}

.file_name h6 {
  margin: 0px;
  font: 700 15px/18px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 8px 0 0;
  border: none;
}

.file_name p {
  padding-top: 5px;
  font: 600 15px/18px "Open Sans", sans-serif;
  color: #577081;
  margin: 0px;
}

.each_folder_inn {
  width: 100%;
  display: inline-block;
}

.folder_card_link {
  float: left;
}

.drive_folder_inn .each_folder {
  width: 100%;
  border-radius: 15px;
  border: 1px solid #7f9fb6;
  padding: 20px;
  display: inline-block;
}

.each_folder .folder_three_dot {
  width: 10%;
}

.each_folder .folder_three_dot .actn_btn {
  padding: 0px 0 0 4px;
  margin: 0px !important;
}

.drive_files_sec {
  width: 100%;
  padding: 25px 15px 0px;
}

.drive_files_sec p {
  margin: 0px;
  border-bottom: 1px solid #7f9fb6;
  color: #171f2d;
  font: 700 15px/17px "Open Sans", sans-serif;
  padding-bottom: 10px;
}

.dive_file_inn {
  width: 100%;
  padding: 0 15px;
  margin-top: 25px;
}

.dive_file_inn .each_file {
  padding: 15px;
  border: 1px solid #7f9fb6;
  border-radius: 15px;
}

.dive_file_inn .each_file_viewer {
  border-radius: 15px;
}

.dive_file_inn .each_file_header .file_name_design {
  color: #171f2d;
  font: 700 15px/17px "Open Sans", sans-serif;
}

.files_updated_month {
  width: 100%;
  padding-top: 15px;
}

.files_updated_month p {
  color: #577081;
  margin: 0px;
  padding-bottom: 5px;
  font: 700 15px/17px "Open Sans", sans-serif;
}

.files_updated_month span {
  color: #e6302f;
  font: 400 12px/15px "Open Sans", sans-serif;
}

.dive_file_inn .each_file_header .file_name_div {
  padding-left: 0px;
}

.each_file_header .action_dot:hover .actn_btn {
  background: #fff;
  z-index: 99999999;
  box-shadow: 0px 3px 9px #7d7d7d29;
}

.each_file_header .action_dot:hover .three_dot_dropdown_share {
  background: none;
  color: #000;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.each_file_header .action_dot:hover .three_dot_dropdown_detail {
  background: none;
  color: #171f2d;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.each_file_header .action_dot:hover .three_dot_dropdown_delete {
  background: none;
  color: #000;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.each_file_header .folder_three_dot {
  width: 14px;
}

.each_file_header .folder_three_dot .fa-ellipsis-v {
  font-size: 20px;
}

.dive_file_inn .each_file_header .fa-eye {
  position: relative;
  right: 0px;
  top: 0px;
  color: #577081;
}

.dive_file_inn .each_file_header .fa-download {
  color: #577081;
}

.dive_file_inn .each_file_header .dwnload {
  float: left;
  margin-left: 10px;
}

.action_dot:hover .actn_btn {
  background: #fff;
  z-index: 99999999;
  box-shadow: 0px 3px 9px #7d7d7d29;
}

.action_dot:hover .three_dot_dropdown_delete {
  background: none;
  color: #000;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.folder_three_dot .fa-ellipsis-v {
  font-size: 20px;
}

.folder_three_dot .actn_btn {
  padding-top: 0px;
  padding-bottom: 0px;
}

/*01.08.2023*/
.screen_inner h6 {
  color: #5473ff !important;
  margin: 0px;
  padding-bottom: 0px;
  font: 700 15px/17px "Open Sans", sans-serif;
  background: none;
}

.drive_file_upload_sec .nav-tabs {
  padding-top: 15px;
  border-bottom: none;
}

.drive_file_upload_sec ul .nav-link:hover {
  border: none;
}

.drive_file_upload_sec ul .nav-link {
  border: none;
  font: 700 15px/17px "Open Sans", sans-serif;
  color: #273143;
  padding: 0px 10px 5px;
}

.drive_file_upload_sec ul .nav-link.active {
  background: none;
  color: #5473ff;
  border-bottom: 1px solid #5473ff;
}

.drive_mail_sec {
  padding-top: 20px;
  width: 100%;
}

.drive_mail_sec .tag-item {
  color: white;
  display: inline-block;
  padding: 0.5em 0.75em;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000040;
  border-radius: 10px;
  margin: 0 5px;
}

.drive_file_upload_sec input[type="email"] {
  padding: 0px;
  background: none;
  border-bottom: 1px solid #7f9fb6;
  border-bottom: 1px solid #7f9fb6 !important;
  border: none;
  border-radius: 0px;
}

.drive_mail_sec .tag {
  color: #273143;
}

.drive_file_upload_sec input[type="text"] {
  width: 100%;
  height: 35px !important;
  padding: 0 8px;
  border: 1px solid #7f9fb6;
  font: 400 15px/17px "Open Sans", sans-serif;
}

.drive_mail_inn {
  width: 100%;
  margin-bottom: 10px;
}

.drive_mail_inn label {
  margin: 0px;
}

.drive_file_upload_sec textarea {
  width: 100%;
  height: 100px !important;
  resize: none;
  padding: 5px 8px;
  border: 1px solid #7f9fb6;
  font: 400 15px/17px "Open Sans", sans-serif;
}

.drive_mail_sec label {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.dive_top_rt button {
  width: 110px;
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
}

.dive_top_rt .create_folder {
  background: none;
  border: 1px solid #223345 !important;
  border-radius: 6px !important;
  color: #223345 !important;
  margin-right: 6px;
}

.drive_create_modal {
  width: 100%;
  padding-top: 15px;
}

.drive_create_modal label {
  width: 100%;
}

.drive_create_modal input[type="text"] {
  width: 100%;
  height: 35px !important;
  padding: 0 8px;
  border: 1px solid #7f9fb6;
  font: 400 15px/17px "Open Sans", sans-serif;
}

.breadcrumb {
  border: none !important;
}

.share_sec {
  width: 100%;
  margin-top: 10px;
}

.share_sec .alert {
  background: #e7eefe;
  padding: 8px 10px;
  font: 600 15px/16px "Open Sans", sans-serif;
  color: #5473ff;
  border: 1px solid #5473ff;
}

.share_sec .jumbotron {
  background: #f8f9fb;
  border-radius: 7px;
  padding: 15px;
  overflow-wrap: break-word;
  font: 500 15px/18px "Open Sans", sans-serif;
  color: #273143;
}

.strikethrough {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

/*02.08.2023*/
.file_modal_inner_field {
  width: 100%;
  border-bottom: 1px solid #7f9fb6;
  padding: 12px 0;
}

.file_modal_inner_field .dtfile_rt {
  color: #273143 !important;
}

.file_modal_inner_field .detail_label_style {
  font: 600 15px/16px "Open Sans", sans-serif;
  color: #577081;
  margin: 0px;
}

.copy_btn {
  float: right;
  background: #e7eefe !important;
  box-shadow: 0px 3px 6px #00000040;
  border-radius: 10px;
  padding: 6px 8px;
  font: 500 15px/16px "Open Sans", sans-serif;
}

.task_modal_sec input[type="password"] {
  height: 38px !important;
  font-size: 15px;
}

.breadcrumbItem:before {
  font-size: 18px;
}

/*04.08.2023*/
.pay_dwnload a {
  color: #fff;
}

.pay_dwnload a:hover {
  color: #fff;
}

.change_pass_inn {
  width: 100%;
  padding: 12px 0;
}

.change_pass_field {
  width: 100%;
}

.change_pass_field label {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
  width: 100%;
}

.change_pass_field input[type="password"] {
  width: 100%;
  border: 1px solid #7f9fb6;
  height: 35px !important;
  border-radius: 5px;
  opacity: 0.6;
  padding: 0 13px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.cv_details_sec {
  width: 100%;
  padding: 15px;
  background: #fff;
}

.cv_details_sec .hed_txt {
  color: #5473ff;
  font: 700 16px/18px "Open Sans", sans-serif;
  border-bottom: 1px solid #7f9fb6;
  padding-bottom: 15px;
  width: 100%;
}

.cv_details_mid {
  width: 100%;
  padding: 15px;
}

.cv_details_role {
  width: 100%;
  margin-bottom: 10px;
  padding: 20px 0;
  border-bottom: 1px solid #f1efef;
  position: relative;
}

.cv_details_role label {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
  width: 100%;
}

.cv_details_role input[type="text"] {
  width: 100%;
  border: 1px solid #7f9fb6;
  height: 35px !important;
  border-radius: 5px;
  padding: 0 13px;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.cv_details_role p {
  width: 100%;
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
}

/*07.08.2023*/
.skill_sec {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #f1efef;
}

.skill_sec .css-qbdosj-Input input[type="text"] {
  height: 25px !important;
}

.skill_sec .custom-select {
  width: 100%;
  border: 1px solid #7f9fb6;
}

.skill_sec .css-qbdosj-Input {
  margin: 0px;
  padding: 0px;
}

.skill_sec .css-1xc3v61-indicatorContainer {
  padding: 4px !important;
}

.addmore {
  width: auto;
  padding: 5px 12px !important;
  border: 1px solid #5473ff !important;
  border-radius: 6px !important;
  color: #273143 !important;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.addmore .fa-plus {
  color: #5473ff;
}

.addmore:hover {
  background: #5473ff;
  color: #fff !important;
}

.addmore:hover .fa-plus {
  color: #fff;
}

.addmore .fa-plus {
  color: #5473ff;
}

.skill_sec .dropdown {
  border: 1px solid #7f9fb6;
  border-radius: 5px;
  height: 35px;
}

.skill_sec .css-15lsz6c-indicatorContainer {
  padding: 4px;
}

.skill_sec .css-13cymwt-control {
  border: none !important;
  min-height: 0px;
}

.skill_cancel {
  padding: 0px !important;
  width: 30px;
  height: 30px;
  border: 1px solid #e6302f !important;
  border-radius: 36px !important;
  margin-right: 15px;
}

.skill_cancel:hover {
  background: #e6302f;
}

.skill_cancel .fa-times {
  color: #e6302f;
}

.skill_cancel:hover .fa-times {
  color: #fff !important;
}

.skill_sec .css-t3ipsp-control {
  border: none !important;
  box-shadow: none !important;
  min-height: 0px !important;
}

.skill_sec p {
  font: 500 14px/16px "Open Sans", sans-serif;
  color: #171f2d;
  padding: 0px;
  margin: 0px 0 10px;
}

.skill_sec input[type="text"] {
  height: 35px !important;
  border: 1px solid #7f9fb6;
  font: 400 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.cv_details_role .css-qbdosj-Input {
  margin: 0px;
  padding: 0px;
}

.cv_details_role .css-1xc3v61-indicatorContainer {
  padding: 4px !important;
}

.cv_details_role .css-15lsz6c-indicatorContainer {
  padding: 4px;
}

.cv_details_role .css-13cymwt-control {
  border: none !important;
  min-height: 0px;
}

.cv_details_role .css-t3ipsp-control {
  border: none !important;
  box-shadow: none !important;
  min-height: 0px !important;
}

.cv_details_role .dropdown {
  border: 1px solid #7f9fb6;
  border-radius: 5px;
}

.cv_details_role .css-qbdosj-Input input[type="text"] {
  height: 25px !important;
}

.cv_details_role .custom-select {
  width: 100%;
  border: 1px solid #7f9fb6;
}

.cv_details_role .sun-editor {
  width: 100%;
  border: 1px solid #7f9fb6;
  border-radius: 3px !important;
}

.cv_details_role .sun-editor .se-toolbar {
  border: 1px solid #7f9fb6 !important;
}

/*08.08.2023*/
.skill_delete {
  padding: 5px 12px !important;
  width: auto;
  height: auto;
  border: 1px solid #e6302f !important;
  border-radius: 6px !important;
  margin-right: 15px;
  float: right;
  margin-bottom: 6px;
}

.skill_delete:hover {
  background: #e6302f;
  color: #fff !important;
}

.skill_delete:hover .fa-times {
  color: #fff !important;
}

.calender_sec .rbc-header {
  padding: 0.75rem;
  background: #5473ff;
  border: none;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #fff;
}

.rbc-day-bg+.rbc-day-bg {
  border-left: 1px solid rgb(127 159 182 / 42%) !important;
}

.rbc-month-row+.rbc-month-row {
  border-top: 1px solid rgb(127 159 182 / 42%) !important;
}

.calender_sec .rbc-btn-group button {
  border: none;
}

.calender_sec .rbc-btn-group button:nth-child(1) {
  color: #5473ff;
  font: 700 14px/18px "Open Sans", sans-serif;
}

.calender_sec .rbc-btn-group button:nth-child(2) {
  border: 1px solid #7f9fb6;
  padding: 5px 8px;
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #262525;
}

.calender_sec .rbc-btn-group button:nth-child(3) {
  border: 1px solid #7f9fb6;
  padding: 5px 8px;
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #262525;
}

/*09.08.2023 visitor book*/
.checkout_visit {
  background: #5473ff;
  padding: 3px 7px !important;
  font: 500 14px/18px "Open Sans", sans-serif;
}

.header_sec {
  width: 100%;
  padding: 15px;
  box-shadow: 0px 3px 6px #2424241c;
  background: #fff;
}

.visitor_hed {
  width: 50px;
}

.visitor_hed img {
  width: 100%;
}

.visitor_hed p {
  margin: 0px;
  padding: 0px;
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.visiter_logout_sec {
  color: #5473ff;
  font: 500 14px/18px "Open Sans", sans-serif;
  float: right;
}

.visiter_logout_sec img {
  margin-right: 4px;
}

.visitor_add button {
  background: #17ba77;
  float: right;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 130px;
}

.visitor_add {
  width: 100%;
}

.visiter_table tbody tr td img {
  margin-right: 8px;
}

.visit_txt_hed {
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #5473ff;
  padding: 7px 4px 0px;
}

.main_visitor {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  padding: 12px;
  border-radius: 8px;
}

.visit_date {
  width: 76%;
  float: left;
  font: 400 13px/16px "Open Sans", sans-serif;
  color: #273143;
}

.visitor_hed_rt {
  width: 100%;
  display: inline-block;
  text-align: right;
  padding-top: 18px;
}

.visitor_mid {
  width: 100%;
  margin-bottom: 8px;
}

.visit_img_sec {
  width: 100%;
  text-align: center;
}

.visit_img_sec .profile_sec_pic {
  width: 167px;
  height: 167px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}

.visit_img_sec .profile_sec_pic .profile_camera {
  width: 35px;
  height: 35px;
  border: 1px solid #5473ff;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  bottom: 6px;
  background: #fff;
}

.visit_img_sec .profile_sec_pic .profile_camera .fa-camera {
  padding-top: 9px;
}

.visit_img_sec .profile_sec_pic img {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: 2px solid #5473ff;
  object-fit: cover;
}

.visit_apple {
  width: 17%;
  float: left;
  background: #171f2d;
  border-radius: 7px;
  padding: 10px;
  text-align: center;
}

.visit_inn h6 {
  width: 75%;
  float: right;
  text-align: left !important;
  font: 600 22px/30px "Open Sans", sans-serif !important;
}

.visit_inn {
  width: 100%;
  display: inline-block;
}

.visit_apple img {
  width: 50px;
}

.login_btn:hover {
  background: #03834e !important;
}

/*09.08.2023 visitor book*/

/*10.08.2023*/
.progress-group-header {
  font: 700 14px/18px "Open Sans", sans-serif;
}

.progress-bar {
  background: #00cddd !important;
}

.rbc-row-segment {
  padding: 0 13px 1px 13px !important;
}

.rbc-date-cell {
  text-align: left !important;
  padding: 2px 13px 0px;
  margin-bottom: 0px;
}

.rbc-row-content {
  padding: 8px 15px;
}

.rbc-month-row {
  padding: 4px 0 4px;
  overflow: visible !important;
}

.rbc-date-cell button {
  font-weight: 700;
}

.rbc-event-content {
  font: 400 14px/22px "Open Sans", sans-serif;
}

.profile_complete_sec .progress-bar {
  background: #5473ff !important;
}

.blue_line .progress-bar {
  background: #5473ff !important;
}

.icon_sec {
  width: 100%;
  position: absolute;
  right: 33px;
  top: 0px;
  text-align: end;
}

.apply_comp_sec .modal-header {
  position: relative;
}

.leave_icon_del {
  width: 96%;
  position: absolute;
  background: #fff;
  left: 0px;
  box-shadow: -3px 2px 10px 2px rgb(201 201 201 / 75%);
  -moz-box-shadow: -3px 2px 10px 2px rgb(201 201 201 / 75%);
  box-shadow: -3px 2px 10px 2px rgb(201 201 201 / 75%);
  z-index: 9;
  margin-left: 2%;
  padding: 0 15px;
  border-radius: 2px;
}

.leave_icon_del p {
  font: 600 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
  margin: 0px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 40px;
}

/*delete*/
@keyframes transformX {
  from {
    transition: translateY (-50px);
  }

  to {
    transition: translateY (0px);
  }
}

.three {
  animation: transformY 2s ease-in;
}

.icon_sec button {
  background: none;
  border: none;
}

.react-slidedown {
  overflow: hidden;
  animation: transformY 2s ease-in;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all ease-in-out 0.5s !important;
}

/*delete*/

/*11.08.2023*/
.rbc-toolbar-label {
  color: #171f2d;
  font: 600 15px/18px "Open Sans", sans-serif;
}

.comp_inner_sec .datePicker {
  width: 100% !important;
}

.comp_inner_sec .datePicker input[type="text"] {
  height: 35px !important;
  border-radius: 5px;
  font-size: 14px;
  padding: 0 10px;
}

.comp_inner_sec .datePicker label {
  width: 100%;
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.delete_overlay {
  height: 90%;
  position: absolute;
  width: 100%;
  background: rgb(18 18 18 / 40%);
  left: 0px;
  right: 0px;
  z-index: 99;
}

.user_sec {
  width: 100%;
}

.fa-arrow-circle-o-down {
  width: 100%;
  text-align: end;
  font-size: 24px;
  color: #17ba77;
}

.rbc-calendar {
  height: auto !important;
}

.modal-content {
  box-shadow: 10px 9px 22px 0px rgba(189, 189, 189, 1);
  -moz-box-shadow: 10px 9px 22px 0px rgba(189, 189, 189, 1);
  box-shadow: 5px 8px 8px 0px rgb(60 57 57);
}

.fa-pencil {
  cursor: pointer;
}

.fa-trash-o {
  cursor: pointer;
}

.light_blue .color_sec {
  background: #82dbfd;
}

.light_gray .color_sec {
  background: #ababab;
}

.purple .color_sec {
  background: #a197f7;
}

.light_cream .color_sec {
  background: #fec4a4;
}

.light_green .color_sec {
  background: #7bd885;
}

.pink .color_sec {
  background: #fe7d80;
}

.orange .color_sec {
  background: #fd6049;
}

.light_green_1 .color_sec {
  background: #e8f2e1;
}

.light_pink_1 .color_sec {
  background: #f8cecc;
}

.task_modal_sec .form-group a {
  color: #537afa !important;
}

.sample_note h2 {
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.team_member .react-datepicker__navigation--previous:hover {
  background: none !important;
}

.team_member .react-datepicker__navigation--next:hover {
  background: none !important;
}

.fa-lock {
  color: #e6302f;
  font-size: 18px;
  padding-top: 2px;
}

.fa-unlock {
  color: #14af01;
  font-size: 18px;
  padding-top: 2px;
}

.avg_time_inn_lt .asset_in {
  font-weight: 400;
}

.visit_txt_hed {
  margin: 0px;
  font-size: 12px;
  line-height: 24px;
}

.visitor_add button button {
  width: 130px;
}

.fa-sort-asc {
  font-size: 35px;
  padding-right: 8px;
}

.arrow_sec {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  font-size: 15px;
}

/*22.08.2023*/
.jobs_sidebar p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 500 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.jobs_sidebar p b {
  font-weight: 400;
  font-size: 14px;
  color: #577081;
}

.contact_edit span {
  color: #5473ff;
  width: 100%;
  text-align: left;
  display: inline-block;
  font: 500 13px/18px "Open Sans", sans-serif;
  padding: 3px 0;
}

.cancel .contact_delete {
  font: 500 13px/18px "Open Sans", sans-serif;
  color: #e55353;
}

.recruit_top_sec .jobs_schedule {
  width: 145px;
}

.training_sec {
  width: 100%;
  padding-top: 15px;
}

.training_sec .leave_inn {
  padding-top: 12px;
}

.training_sec .leave_inn p {
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
}

.training_material {
  padding: 15px;
}

.training_material .jobs_sidebar h6 {
  margin: 0px;
  font: 700 14px/20px "Open Sans", sans-serif;
  color: #171f2d;
  border-bottom: 1px solid #7f9fb6;
  padding-bottom: 12px;
  margin-bottom: 10px;
}

.job_sidebar_inn {
  width: 100%;
  padding-bottom: 8px;
}

.job_sidebar_inn b {
  font-weight: 400;
  font-size: 14px;
  color: #577081;
}

.job_sidebar_inn p {
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
  margin: 0px;
  padding: 0px;
  text-align: right;
  display: block;
}

/*23.08.2023*/
.upcome_sec {
  width: 70%;
  float: left;
}

.leave_inn .search_sec {
  width: 100%;
  height: 38px !important;
  width: 18% !important;
  margin-top: -10px;
}

.assign_select {
  overflow: auto;
}

.feedback_form thead tr th {
  text-align: left;
}

.feedback_form tbody tr td {
  text-align: left;
}

.leave_inn .monthly_atten tr th.border_table {
  border: 1px solid #7f9fb6 !important;
  /* border: 1px solid #9ed7ff !important; */
}

.leave_inn .monthly_atten thead tr th {
  border: none;
  font: 500 14px/18px "Open Sans", sans-serif;
  background: #5473ff !important;
  color: #fff;
}

.color_sec_weekoff {
  width: 22px;
  height: 16px;
  background: #82dbfd;
  float: left;
  margin-right: 8px;
  font-family: "Open Sans", sans-serif;
}

.color_sec_leave {
  width: 22px;
  height: 16px;
  background: #a197f7;
  float: left;
  margin-right: 8px;
  font-family: "Open Sans", sans-serif;
}

.asset_sec .search_sec {
  height: 38px !important;
}

.fa-eye-slash {
  position: absolute;
  right: 14px;
  top: 19px;
  z-index: 9;
  width: 16px;
  height: 16px;
}

.recruit_top_sec .visitor_btn {
  width: 150px;
}

.react-datepicker__close-icon {
  top: 9px;
  right: 5px;
}

.btn-success {
  margin-top: 10px;
}

.edit_button .fa-eye {
  right: 0px;
}

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

.fixTableHead input[type="text"] {
  margin-bottom: 10px;
}

.DraftEditor-editorContainer {
  z-index: 0 !important;
}

.logout_mob {
  cursor: pointer;
}

/*08.09.2023*/
.others_menu {
  position: fixed;
  bottom: 0px;
  background: #5473ff;
  width: 100%;
  padding: 10px 10px 4px;
  display: none;
  z-index: 999;
  left: 0px;
}

.others_menu ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.others_menu ul li {
  list-style-type: none;
  width: 100%;
  text-align: center;
}

.others_menu ul li a {
  text-align: center;
  display: inline-block;
}

.others_menu ul li span {
  font: 400 12px/12px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
  display: inline-block;
}

.others_menu ul li a .fa-regular {
  font-size: 14px;
  color: #fff;
  line-height: 12px;
  display: block;
}

.others_menu ul li a .fa-solid {
  font-size: 14px;
  color: #fff;
  line-height: 12px;
  display: block;
}

.dot_sec {
  position: relative;
}

.dot_sec:hover .dot_inner {
  opacity: 1;
}

.dot_inner a {
  width: 100%;
  margin-bottom: 6px;
}

.dot_inner {
  opacity: 0;
  position: absolute;
  background: #6787f9;
  padding: 8px 8px 0;
  border-radius: 6px;
  font: 400 12px/12px "Open Sans", sans-serif;
  color: #171f2d;
  top: -57px;
  width: 123px;
  left: -71px;
}

.notfication_sec {
  width: 50px;
}

.notification_inn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.visiter_table table thead tr th {
  text-align: left;
}

.visiter_table table tbody tr td {
  text-align: left;
}

.main_visitor .btn:hover {
  color: #fff;
}

.fa-bell {
  font-size: 16px;
  padding-top: 6px;
}

.head_clock_out {
  padding-left: 6px;
}

.head_clock_out img {
  width: 15px;
}

.border-top_mt {
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  padding-bottom: 12px;
}

.interview_edit_feed {
  padding: 0 12px;
}

.edit_feed tbody {
  border-top: 2px solid #7f9fb6;
}

.edit_feed1 tbody {
  border-bottom: 2px solid #7f9fb6;
}

.font_semi {
  font-weight: 600 !important;
}

.edit_feed1 .custom-select {
  border: 1px solid #7f9fb6;
}

.edit_feed1 textarea {
  border: 1px solid #7f9fb6;
  resize: none;
}

.interview_edit_feed .font_semi {
  border-right: 1px solid #7f9fb6;
}

.edit_feed textarea {
  border: 1px solid #7f9fb6;
  resize: none;
}

.data_mine .icon_sec {
  right: 20px;
  top: -4px;
}

.training_sec input[type="text"] {
  margin-bottom: 8px;
}

.leave_dwn_sec .month_sec .save {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 115px;
}

.reium {
  width: 150px !important;
}

.remove-image {
  display: none;
  position: absolute;
  top: -3px;
  right: -2px;
  width: 20px;
  height: 20px;
  border-radius: 10em;
  padding: 0px 5px 3px;
  text-decoration: none;
  font: 700 12px/18px sans-serif;
  background: #555;
  border: 1px solid #fff;
  color: #fff;
  /* box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5); */
}

.remove-image:hover {
  background: #e54e4e;
  padding: 0px 5px 3px;
  top: -3px;
  right: -2px;
}

.remove-image:active {
  background: #e54e4e;
  top: -3px;
  right: -2px;
}

.reium_attach {
  padding: 7px 13px 3px !important;
  margin-bottom: 6px;
}

.tra_search {
  text-align: end;
}

.reium1 {
  width: 200px !important;
}

.skill_delete {
  position: absolute;
  right: 15px;
  top: 8px;
}

.shadow_role {
  border: none;
  padding: 35px 15px 15px;
  border-radius: 6px;
  box-shadow: 3px 3px 16px -4px rgba(176, 176, 176, 0.75);
  -webkit-box-shadow: 3px 3px 16px -4px rgba(176, 176, 176, 0.75);
  -moz-box-shadow: 3px 3px 16px -4px rgba(176, 176, 176, 0.75);
}

.head_clock_in img {
  width: 15px;
}

.skill_sec .skill_pop {
  height: auto;
}

.version {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  bottom: 15px;
  color: #fff;
  padding-left: 6px;
  font-size: 11px;
  text-align: left;
}

.data_cross {
  width: 10%;
}

.data_plus {
  width: 10%;
}

.data_field input[type="email"],
input[type="text"] {
  width: 99% !important;
}

.data_plus .addmore {
  padding: 5px 9px !important;
}

.date_atendance_sec {
  font: 700 15px/20px "Open Sans", sans-serif;
  color: #171f2d;
}

.week_drop_sec .custom-select {
  padding-top: 0px;
}

.log_mail_inn input[type="file"] {
  opacity: 1;
  padding-top: 7px;
  height: 38px;
}

.asset_in input[type="text"] {
  width: 100%;
  height: 35px !important;
  border-radius: 5px;
}

.deal_top h6 {
  font-size: 16px;
  margin: 0px;
}

.deal_top p {
  font-size: 14px;
  margin: 0px;
}

.deal_top {
  padding: 25px;
}

.deal_proposal p {
  padding-top: 5px;
}

.pay_history .icon_sec {
  top: 22px;
}

td .edit_button {
  color: rgb(46, 184, 92);
}

td .delete_button {
  color: rgb(255, 0, 0);
}

.choose_file p {
  padding-top: 4px;
  margin: 0px;
  font: 500 14px / 16px "Open Sans", sans-serif;
}

.resume_btn {
  color: rgb(255, 255, 255) !important;
}

.offline_dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.online_dot {
  height: 25px;
  width: 25px;
  background-color: #1aaf0a;
  border-radius: 50%;
  display: inline-block;
}

.c-switch {
  padding-top: 5px;
  width: 42px !important;
  height: 25px !important;
}

.c-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.c-switch-slider::before {
  top: 1px !important;
  left: 2px !important;
  height: 20px !important;
  width: 20px !important;
  border-radius: 15px !important;
}

.c-switch-slider {
  border-radius: 13px !important;
}

.traing_pass_sec {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex !important;
}

.traing_pass_sec .cancel:hover {
  color: rgb(230, 48, 47);
  cursor: pointer;
}

.traing_pass_sec .cancel {
  color: rgb(230, 48, 47);
}

.bg-white {
  padding-bottom: 10px;
}

.upload_train .comp_off_inn input[type="file"] {
  border: 1px solid rgb(127 159 182 / 40%);
  width: 100%;
  height: 35px !important;
  border-radius: 5px;
  opacity: 0.6;
  padding: 5px 13px 0;
  font: 500 14px/16px "Open Sans", sans-serif;
}

.traing_pass_sec {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex !important;
}

.delete_button {
  cursor: pointer;
}

.proposal_inner #amount_type {
  width: 15%;
  float: left;
}

.proposal_inner #proposal_cost {
  width: 80% !important;
}

.tracker_sec .offline_dot {
  position: absolute;
  top: 0px;
}

.asset_in .react-datepicker__input-container input[type="text"] {
  border: none;
  padding: 0 4px;
}

.asset_in .datePicker {
  margin: 0px;
}

.asset_in .custom-select {
  padding: 0px 10px !important;
  font-size: 12px !important;
  height: 35px !important;
  border: 1px solid #7f9fb6;
  border-radius: 5px;
  width: 100%;
}

.deal_main_sec {
  width: 100%;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.deal_sec_main {
  width: 100%;
  background: #fff;
  padding: 12px;
  /* border-radius: 8px 8px 0 0; */
}

.deal_inner {
  width: 100%;
  padding-top: 12px;
}

.deal_inner p {
  font: 500 14px/18px "Open Sans", sans-serif;
  color: #223345;
  margin-bottom: 8px;
}

.deal_inner p strong {
  font-weight: 700;
}

.deal_sec_main .hed_txt {
  color: #5473ff;
}

.pad_botm {
  margin-bottom: 15px;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  padding-bottom: 10px;
}

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

.deal_inner table td {
  padding-bottom: 0px;
  text-align: left !important;
  height: 25px !important;
  border: none;
}

.mile_pay {
  width: 100%;
  border-bottom: 1px solid rgb(127 159 182 / 40%);
  padding-bottom: 6px;
  padding-top: 6px;
}

.mile_pay strong {
  color: #577080;
}

.mile_pay .text-center {
  color: #2d3647;
  font-size: 15px;
  font-weight: 600;
}

.mile_pay .text-center img {
  width: 30px;
}

.slider_track_galary {
  /* height: 487px; */
  padding-bottom: 15px;
}

.slick-prev:before {
  content: "\f359" !important;
  font-family: "Font Awesome 6 Free" !important;
  color: #00cddd !important;
}

.slider_arrow_btn button.slick-arrow,
button.slick-prev {
  background: none !important;
}

.slider_arrow_btn .slick-prev {
  right: 27px;
  left: auto;
  top: -31px;
}

.slider_arrow_btn .slick-next {
  right: 0px;
  left: auto;
  top: -31px;
}

.slick-next:before {
  content: "\f35a" !important;
  font-family: "Font Awesome 6 Free" !important;
  color: #00cddd !important;
}

.scroll_txt {
  height: 220px;
  overflow: auto;
}

.recruitment_sec input[type="text"] {
  height: 35px !important;
}

.scroll_txt_main {
  height: 380px;
  overflow: auto;
}

.recruit_top_sec .add_job_icon {
  width: 65px;
}

.ticket_brdr input[type="text"] {
  border: 1px solid #7f9fb6 !important;
  font-size: 13px;
}

.question label {
  width: 100%;
}

.tracker_dwn span {
  padding-left: 8px;
}

.leave_dwn_sec a {
  cursor: pointer;
}

.log_mail_inn .skill_cancel {
  background: none;
  width: 30px;
}

.log_mail_inn .skill_cancel:hover {
  background: none;
}

.log_mail_inn .skill_cancel:hover .fa-times {
  color: #e6302f !important;
}

.candidate_inner1 .resume_lt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.candidate_inner1 .resume_btn {
  margin: 0px;
}

.candidate_inner1 .resume_sec span {
  padding-top: 0px;
}

.tracker_dwn {
  display: inline-block;
}

.tracker_dwn a {
  text-align: center;
}

.tracker_dwn a .fa-linux {
  float: left;
}

.tracker_dwn a span {
  float: right;
  width: auto;
  color: #171f2d;
}

.tracker_dwn .fa-windows {
  color: #00cddd;
}

.tracker_dwn .fa-apple {
  color: #00cddd;
}

.tracker_dwn .fa-linux {
  color: #00cddd;
}

.chart_card_sec {
  height: 95%;
}

.card-text {
  font-size: 17px;
}

.yellow_cls {
  background: #f7be16 !important;
}

.yellow_brdr:before {
  background: #f7be16 !important;
}

.kra_review_in .kra_sec {
  width: 100%;
}

.kra_review_in thead tr th {
  white-space: nowrap !important;
}

.kra_rev_btn .btn {
  width: 100%;
}

.kra_rev_btn .atten_sec1 {
  width: 100%;
}

/* .kra_rev_main .table-responsive{overflow-x: hidden;} */
.kra_rev_main {
  height: auto;
}

.tracker_log_inn .react-datepicker-wrapper input[type="text"] {
  border: 1px solid #c2d5e2;
}

.kra_review_in tr {
  background: none !important;
}

.kra_review_in tr:hover {
  color: #000 !important;
}

.monthly_atten thead tr th {
  background: #5473ff;
  color: #fff;
}

/* .kra_review_in .kra_sec {width: 260px;} */
.kra_rev_main tbody tr td {
  white-space: inherit;
}

.fixTableHead .table-responsive tbody tr td {
  white-space: inherit;
  text-align: left;
}

.invest_pop_file input[type="file"] {
  opacity: 1;
  padding-top: 5px;
}

.save_pop h3 {
  font-size: 15px;
  font-weight: 600;
}

.save_pop .task_modal_sec .prev1 {
  width: 110px;
  background: #17ba77;
  color: #fff;
  font: 700 12px/16px "Open Sans", sans-serif;
  padding: 7px 0;
  margin-right: 6px;
  border: none;
}

.save_pop .task_modal_sec .prev2 {
  width: 110px;
  background: #17ba77;
  color: #fff;
  font: 700 12px/16px "Open Sans", sans-serif;
  padding: 7px 0;
  border: none;
}

.monthly_atten textarea {
  border: 1px solid #d8dbe0;
  color: #171f2d;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
}

/* .kra_review_in .kra_sec {
  width: 260px;
} */
.monthly_atten .comp_off_inn .atten_sec1 {
  text-align: center;
}

.monthly_atten .comp_off_inn .atten_sec1 button {
  margin-right: 0px;
}

.kra_review_in .myapp_kra {
  width: 100% !important;
}

.myapp_leave_tab ul li {
  padding: 0 11px;
}

.fil_ht .ant-btn {
  height: auto !important;
  background: none !important;
  border: none;
  box-shadow: none;
}

.fil_ht .ant-btn:hover {
  color: #fff !important;
}

.kra_review_in tr.avg_back {
  background: #5473ff !important;
  color: #fff !important;
  font-weight: 600;
}

.monthly_atten.kra_review_in .custom-select {
  text-align: center;
}

.kra_review_in .kra_sec ul {
  padding: 0 0 5px;
}

.intro1_sec {
  width: 100%;
  margin-bottom: 15px;
}

.intro1_sec h6 {
  background: #ddd;
  color: #171f2d;
  margin: 0px 0 10px;
  font-weight: 600;
  padding: 5px;
  font-size: 15px;
}

.intro1_sec p {
  font: 400 14px/18px "Open Sans", sans-serif;
  color: #171f2d;
  margin: 0px;
  padding-bottom: 6px;
}

.appe_intro_btn {
  margin-top: -24px;
}

.monthly_atten .kra_sec ul li {
  padding: 0 11px 5px;
}

.epic_inn {
  width: 100%;
  background: #5473ff;
  padding: 6px 0;
  color: #fff;
  text-align: center;
}

.kra_review_in .kra_sec {
  width: 800px;
}

.export_sm {
  margin-top: 20px;
}

.newpro_activity .sales_person_note {
  color: #171F2D;
  font: 500 12px/15px "Open Sans", sans-serif;
}

.newpro_activity .sales_person_note strong {
  font-weight: 600;
}

.newpro_activity .sample_note {
  padding: 0px;
}

.newpro_activity .sample_note p {
  padding: 0px;
  font-size: 12px;
}

.newpro_activity .condition_text {
  height: auto;
}

.newpro_activity .comment_time {
  float: none;
}

.newpro_activity {
  width: 100%;
  border: none;
  padding: 8px 10px;
}

.newpro_bg {
  background: #E7EEFE;
}

.sales_dash_main .holiday_inn {
  height: 300px;
  overflow: auto;
}

.sales_dash_client label {
  width: 28%;
  float: left;
  margin: 9px 0 0;
}

.sales_dash_client .custom-select {
  width: 70%;
  float: right;
}

.project_inn_sec a {
  color: #5473ff !important;
}

.project_inn_sec .progress {
  border-radius: 20px;
  font-size: 11px;
  border: 1px solid #c3c3c3;
}

.accordian_inn .btn {
  padding: 0px;
}

.project_sprint_inn .hed_txt {
  font: 500 12px/15px "Open Sans", sans-serif;
  padding-bottom: 0px;
}

.project_sprint_inn .show tr {
  background: none !important;
}

.accordian_inn {
  background: #e7eefe !important;
}

.project_sprint_inn .monthly_atten tr th {
  background: none !important;
}

.person_list {
  width: 100%;
  position: relative;
}

.person_list img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 5px;
}

.avand {
  position: absolute;
  left: 21px;
}

.avard {
  position: absolute;
  left: 42px;
}

.ava_dot {
  position: absolute;
  width: 30px !important;
  height: 30px;
  border: 1px solid #a1a0a0;
  left: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  font-weight: 900;
}

.task_accordian tbody tr td {
  text-align: left;
}

/* .person_list span{text-align: left !important;} */
.issue_sec .profile_incomp_sec ul li {
  float: left;
}

.issue_sec span {
  text-align: left;
  width: 30px;
  position: relative;
}

.issue_sec .avand {
  position: absolute;
  left: 24px;
  padding: 0px;
  width: 30px !important;
}

.issue_sec .avard {
  position: absolute;
  left: 43px;
  padding: 0px;
  width: 30px !important;
}

.issue_sec {
  text-align: left;
}

.issue_sec .ava_dot {
  width: 30px !important;
  height: 30px !important;
  display: inline-block;
  text-align: center;
  position: absolute;
  padding: 0px;
  background: #fff;
}

.hh-grayBox {
  background-color: #f8f8f8;
  margin-bottom: 20px;
  padding: 35px;
  margin-top: 20px;
}

.pt45 {
  padding-top: 45px;
}

.order-tracking {
  text-align: center;
  width: 20%;
  position: relative;
  display: block;
}

.order-tracking .is-complete {
  display: block;
  position: relative;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 0px solid #afafaf;
  background-color: #9d9fa3;
  margin: 0 auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  z-index: 2;
}

.order-tracking .is-complete:after {
  display: block;
  position: absolute;
  content: "";
  height: 14px;
  width: 7px;
  top: -2px;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  border: 0px solid #afafaf;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

.order-tracking.completed .is-complete {
  border-color: #2033d3;
  border-width: 0px;
  background-color: #2033d3;
}

.order-tracking.completed .is-complete:after {
  border-color: #fff;
  border-width: 0px 3px 3px 0;
  width: 7px;
  left: 11px;
  opacity: 1;
}

.order-tracking p {
  color: #a4a4a4;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: 20px;
}

.order-tracking p span {
  font-size: 14px;
}

.order-tracking.completed p {
  color: #000;
}

.order-tracking::before {
  content: "";
  display: block;
  height: 3px;
  width: calc(100% - 40px);
  background-color: #9d9fa3;
  /* #f7be16 */
  top: 13px;
  position: absolute;
  left: calc(-50% + 20px);
  z-index: 0;
}

.order-tracking:first-child:before {
  display: none;
}

.order-tracking.completed:before {
  background-color: #2033d3;
}


.backlog-sidebar {
  position: absolute;
  /* top: 60px; */
  left: -431px;
  height: 100%;
  width: 97%;
  transition: left 0.3s ease-in-out;
}

.backlog-sidebar.open {
  left: 15px;
}



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

.accordion {
  cursor: pointer;
  padding: 18px;
  /* display: flex; */
  align-items: center;
  border: none;
  outline: none;
  transition: background-color 0.6s ease;
  background-color: white;
  padding: 1rem 0;
}

.active {
  color: green;
}

.accordion__title {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}

.accordion__icon {
  margin-left: 15px;
  transition: transform 0.6s ease;
}

.accordion__icon:hover path {
  fill: green;
}

.rotate {
  transform: rotate(-90deg);
}

.accordion__content {
  background-color: white;
  overflow: auto;
  transition: max-height 0.6s ease;
}

.accordion__text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 18px;
}

/* .filter-drawer .ant-drawer-wrapper-body{
  position: absolute;
  top: 60px;
} */

.filter-drawer {
  position: absolute;
  top: 54px;
}

.project-collapse {
  width: 100%;
  display: contents;
}

.left_card {
  width: 100%;
  border: 1px solid #7f9fb666;
  padding: 8px;
}

.left_card .user_designation {
  padding: 10px 8px;
  margin: 0px;
}

.left_card .user_designation h6 {
  margin: 0px;
  font-size: 16px;
}

.left_card .user_designation p {
  font-size: 14px;
}

.dp_block_mid {
  width: 100%;
  border: 1px solid #7f9fb666;
  padding: 6px;
}

.dp_block_mid_up {
  width: 100%;
}

.dp_block_mid_up {
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
}

.db_block_icon {
  width: 100%;
  display: inline-block;
  padding-top: 11px;
}

.db_block_icon ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.db_block_icon ul li {
  float: left;
}

.db_block_icon ul li img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.project_sprint_inn .table-responsive tbody tr td {
  white-space: inherit;
  text-align: center;
}

.project_sprint_inn table tbody tr {
  -webkit-box-shadow: -1px 7px 5px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 7px 5px -10px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 7px 5px -10px rgba(0, 0, 0, 0.75);
  border-bottom: 1px solid #dfdfdf;
}

.project_sprint_inn .project-collapse tr {
  border: none !important;
}

.issue_desc {
  width: 100%;
  border: 1px solid #7f9fb666;
  padding: 0 8px 8px;
}

.issue_dot_main {
  width: auto;
  position: relative;
  text-align: right;
}

.issue_panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* .issue_dot_main:hover .issue_dot_inn{opacity: 1;} */
.issue_dot_inn ul {
  display: inline-block;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.issue_dot_inn ul li {
  width: 100%;
  padding: 5px;
}

.issue_deal_right_icon .icon_sec {
  right: 9px;
}

.issue_dot_inn #dropdown-basic {
  background: none;
  color: #000;
  padding: 0px;
  border: none;
}

.issue_dot_inn #dropdown-basic::after {
  display: none;
}

.issue_dot_inn .dropdown-menu a:hover {
  margin: 0px;
  color: #5473ff;
  background: none;
}

.issue_dot_inn .dropdown-menu a li {
  padding: 0px 0 5px;
}

.issue_dot_inn .dropdown-menu a li i {
  padding: 0px 5px 0 0;
}

.issue_dot_inn .dropdown-menu a {
  margin-bottom: 0px;
  color: #171F2D;
}

.issue_sec .profile_incomp_sec {
  width: 350px;
  height: 150px;
  overflow: auto;
}

.issue_sec .profile_incomp_sec .person_list img {
  margin-right: 6px;
}

.ft-size {
  font-size: 10px;
  color: #898989;
}

.profile_incomp_sec .person_list {
  float: left !important;
}

div.quill-view .ql-toolbar.ql-snow {
  display: none;
}

div.quill-view .ql-editor {
  overflow: auto;
}

div.ql-editor {
  height: 200px;
}

.sequence_main_label {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}

.sequence_main_label .atten_sec button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
}

.sequence_main_label .atten_sec {
  width: 115px;
}

.sequence_top_lt {
  width: 100%;
}

.sequence_top_lt p {
  font: 700 15px/16px "Open Sans", sans-serif;
  color: #E6302F;
  margin: 0px;
  padding-top: 8px;
}

.bg_green_inn {
  width: 130px !important;
}

.bg_green_inn .custom-select {
  background-color: #17ba77;
  color: #fff;
  font: 700 13px/16px "Open Sans", sans-serif;
  border: none;
  border-radius: 6px;
}

.green_color {
  color: #17ba77 !important;
}

.red_color {
  color: #E6302F !important;
}

.sequ_top .c-datatable-filter input[type="text"] {
  height: 35px !important;
}

.sequ_top .c-switch-slider {
  background-color: #cbcbcb;
  border: none !important;
}

.sequ_top .c-switch-primary .c-switch-input:checked+.c-switch-slider {
  background-color: #17ba77;
}

.sequ_top .c-switch {
  height: 20px !important;
}

.sequ_top .c-switch-slider::before {
  left: 0px !important;
  top: 0px !important;
}

.sequ_top tbody td p {
  margin: 0px;
  font-weight: 700;
  line-height: 13px;
}

.sequ_top tbody td {
  font: 400 14px/16px "Open Sans", sans-serif;
}

.sequ_top tbody td span {
  font-weight: 400;
  color: #223345;
}

.sequence_tab ul li {
  padding: 0 20px 0 0;
}

.sequ_top .c-switch-primary .c-switch-input:checked+.c-switch-slider::before {
  border-color: #17ba77 !important;
}

.c-switch-input:focus~.c-switch-slider {
  box-shadow: none !important;
}

.sequence_tab table tbody tr td {
  white-space: inherit;
}

.fil_ht {
  width: auto !important;
  padding: 0px;
}

.fil_ht .fa-filter {
  color: #17ba77;
  font-size: 24px;
}

.sequence_list p {
  margin-bottom: 0px;
}

.skill_mid_plus {
  width: 90%;
  margin-right: 1%;
  float: left;
}


/**/
.table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 650px;
}

.table-scroll table {
  width: 100%;
  min-width: 1280px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-wrap {
  position: relative;
}

.table-scroll th,
.table-scroll td {
  padding: 5px 10px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: top;
}

.table-scroll thead th {
  background: #637aaf;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-scroll th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  /* background: #ccc; */
}

.table-scroll th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  left: 168px;
  z-index: 2;
  /* background: #ccc; */
}

.table-scroll thead th:first-child,
.table-scroll thead th:nth-child(2) {
  z-index: 5;
}

.table-scroll td:first-child,
.table-scroll td:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ccc;
}

.table-scroll tbody td:first-child,
.table-scroll tbody td:first-child,
.table-scroll tbody td:nth-child(2) {
  z-index: 5;
}


/**/
.timesheet-table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 650px;
}

.timesheettable-scroll table {
  width: 100%;
  min-width: 1280px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-wrap {
  position: relative;
}

.timesheet-table-scroll th,
.timesheet-table-scroll td {
  padding: 5px 10px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: top;
}

.timesheet-table-scroll thead th {
  background: #637aaf;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.timesheet-table-scroll th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  /* background: #ccc; */
}

.timesheet-table-scroll thead th:first-child {
  z-index: 5;
}

.timesheet-table-scroll td:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ccc;
}

.timesheet-table-scroll tbody td:first-child,
.timesheet-table-scroll tbody td:first-child {
  z-index: 5;
}

.subtask_btm .monthly_atten tbody tr td {
  text-align: center;
}

.create_sec {
  width: 100%;
  display: inline-block;
}

.creat_sec_lt {
  width: 86%;
  display: inline-block;
}

.creat_sec_rt {
  width: 14%;
  display: inline-block;
  text-align: right;
}

.creat_sec_rt .custom-select {
  border: none;
}

.desc_sec {
  width: 100%;
  background: #fff;
  padding: 15px;
}

.desc_sec_inn {
  width: 100%;
}

.desc_sec_inn h6 {
  font: 700 14px/16px "Open Sans", sans-serif;
  margin: 0px;
  padding-bottom: 8px;
}

.desc_sec_inn .issue_desc {
  height: 300px;
  padding: 5px;
  overflow-y: auto;
}

.overview_inn table tbody tr td {
  padding: 4px;
}

.total_task_owner {
  background: #fff;
}

.left_panel_sprint_inn {
  height: 100vh;
}

.deal_inner table .text_cen {
  text-align: center !important;
}

.fw-normal {
  font-weight: 400;
}

.leave_dwn_sec ul li span {
  padding: 0px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #223345;
  cursor: pointer;
}

.leave_dwn_sec ul li span.active {
  color: #5473ff;
}

.deal_inner tbody tr td {
  vertical-align: top !important;
}

.c-datatable-filter .form-control {
  width: 55% !important;
}

.micon .icon_sec {
  top: -36px;
}

.uper_marg {
  margin-top: -28px;
}

.text_light p {
  font-weight: 400 !important;
  padding-top: 4px;
}

.table-responsive .task_main_new thead tr th {
  white-space: inherit;
}

.task_main_new tr th {
  vertical-align: middle !important;
}

.exportbtn1 {
  padding-top: 0px;
}

.fil_ht .ant-btn {
  padding: 6px 0px 0px !important;
}

.report_inn {
  height: 17px;
  border: 1px solid #637bad;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-right: none;
  border-left: none;
}

#main-table td {
  padding: 5px 0;
}

.report_color .color_box {
  padding-top: 9px;
}

.feed_temp .hed_txt {
  padding: 13px 16px;
}

.feed_select {
  float: right;
  margin-right: 13px;
}

.pl-8 {
  padding-left: 100px !important;
}

.project_upper_box2 {
  width: 100%;
  border: 1px solid #7f9fb666;
  padding: 8px;
}

.project_upper_box2 .deal_inner {
  padding: 0px;
}

.deal_inner {
  width: 100%;
  display: inline-block;
}

.pro_round {
  width: 4%;
  float: left;
  margin-right: 1%;
}

.pro_round_rt {
  width: 80%;
  float: left;
  padding-top: 8px;
}

.pro_round_rt h6 {
  margin: 0px;
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #5473ff;
}

.pro_round_rt span {
  margin-right: 5px;
  width: auto;
  float: left;
  font-size: 13px;
}

.in_progress_sec {
  padding-top: 37px;
  text-align: right;
}

.ongoing_item_sec {
  width: 100%;
  border: 1px solid #7f9fb666;
  padding: 8px;
}

.ongoing_item_sec p {
  font: 700 14px/16px "Open Sans", sans-serif;
  color: #5473ff;
}

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

.task_issue_table tr td {
  padding: 6px;
}

.task_issue_table_inn {
  width: 130px;
}

.task_issue_table table {
  height: 300px;
}

.pro_round .avg_time_inn_rt {
  width: 50px;
}

.pie-chart {
  width: 100%;
  height: auto;
}

.pie-chart img {
  width: 100%;
  height: auto;
}

.bdrt_inn {
  border-right: 1px solid #7f9fb666;
}

.fa-ellipsis {
  color: #fff;
}

.bg-white .comp_off_inn {
  text-align: center;
}

.interview_blk td {
  color: #223345 !important;
}

.my_leave_sec .atten_sec button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 100%;
}

.my_leave_sec .atten_sec {
  width: 115px;
}

.apply_comp_sec iframe {
  border: none;
}

.footer_active span {
  color: #efff00 !important
}

.footer_active i {
  color: #efff00 !important
}

.rbc-toolbar-label {
  text-align: right !important;
}

.log_txt span {
  padding-right: 20px;
}

.asset_date input[type="text"] {
  border: 1px solid #7f9fb6 !important;
  margin-top: 2px;
}

.upload_cross .close {
  padding: 0px !important;
}

.issue_dot_inn .fa-ellipsis {
  color: #000;
}

.comp_off_inn input[type="time"] {
  padding-top: 5px;
  text-align: center;
  width: 100%;
}

.create_report_inn .report_inn {
  height: auto;
  text-align: left;
}

.ant-drawer-body .team_leave_inn {
  padding: 8px;
}

.total_task_owner .deal_inner {
  overflow-y: auto;
  height: 200px;
}

.sett_dropbar {
  padding-left: 27px;
}

.epic_icon_inn .icon_sec {
  position: relative;
  left: 0px;
}

.ongoing_item_sec .task_issue_table {
  height: 300px;
}

.settings_dropdown {
  float: right;
  width: 10%;
}

.help_box {
  width: 100%;
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 1px 3px 12px 1px rgba(194, 194, 194, 1);
  -moz-box-shadow: 1px 3px 12px 1px rgba(194, 194, 194, 1);
  box-shadow: 1px 3px 12px 1px rgba(194, 194, 194, 1);
}

.help_box .card-header {
  padding: 0px 0 10px;
}

.help_box .card-body {
  padding: 12px 0 12px;
  height: 250px;
  overflow: auto;
}

.skill_grade .custom-select {
  width: 60%;
  margin-right: 5px;
}

.timesheet_inn .btn-close {
  padding-top: 4px;
}


.overview_inn {
  border-bottom: 1px solid #ddd;
  border-top: 0px !important;
}

.c-sidebar-minimizer::before {
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  right: -6px;
  bottom: 7px;
  font-size: 10px;
}

.document_card {
  position: relative;
}

.dollar {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: none;
  border: 1px solid #14af01;
  color: #14af01;
  text-align: center;
}

.dollar_blk {
  border: 1px solid #8a8b8d;
  color: #8a8b8d;
}

.doc_set p {
  margin-top: 0px !important;
}

.doc_set img {
  width: 25% !important;
}

.doc_set span {
  font-size: 12px;
}

.doc_set {
  height: 210px;
  margin-top: 10px;
}

.pro_docu .password_sec {
  margin-top: 15px;
  padding-top: 0px;
  cursor: pointer;
}

.sett_dropbar .atten_sec button {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 0;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: 20%;
}

.sett_dropbar .atten_sec {
  width: 100%;
  float: right;
  text-align: end;
}

.adddoc .atten_sec button {
  width: 100%;
}


/*video portfolio*/


.adddoc .atten_sec {
  width: 100%;
}

.adddoc {
  width: 100% !important;
}


.attach_image_sec .image {
  position: relative;
}

.attach_image_sec .cross_img1 {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.milestone_sec_scroll {
  height: 500px;
  overflow-x: auto;
}

.doc_set .document_card_mid p {
  padding: 5px 0;
}

.choose_file1 input[type="file"] {
  opacity: 1;
  padding-top: 5px;
}


/* isssue */
.carousel-indicators .carousel-indicator {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}

.carousel-indicators .carousel-indicator.active {
  opacity: 1;
}


/**/
.timeline-table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 650px;
}

.timeline-table-scroll table {
  width: 100%;
  min-width: 1280px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-wrap {
  position: relative;
}

.timeline-table-scroll th,
.timeline-table-scroll td {
  padding: 5px 10px;
  border: 1px solid #000;
  background: #fff;
  vertical-align: top;
}

.timeline-table-scroll thead th {
  background: #637aaf;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.timeline-table-scroll th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  /* background: #ccc; */
}

.timeline-table-scroll th:nth-child(2) {
  position: -webkit-sticky;
  position: sticky;
  left: 168px;
  z-index: 2;
  /* background: #ccc; */
}

.timeline-table-scroll th:nth-child(3) {
  position: -webkit-sticky;
  position: sticky;
  left: 249px;
  z-index: 2;
  /* background: #ccc; */
}

.timeline-table-scroll th:nth-child(4) {
  position: -webkit-sticky;
  position: sticky;
  left: 300px;
  z-index: 2;
  /* background: #ccc; */
}

.timeline-table-scroll thead th:first-child,
.timeline-table-scroll thead th:nth-child(2),
.timeline-table-scroll thead th:nth-child(3),
.timeline-table-scroll thead th:nth-child(4) {
  z-index: 5;
}

.timeline-table-scroll td:first-child,
.timeline-table-scroll td:nth-child(2),
.timeline-table-scroll td:nth-child(3),
.timeline-table-scroll td:nth-child(4) {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #ccc;
}

.timeline-table-scroll tbody td:first-child,
.timeline-table-scroll tbody td:first-child,
.timeline-table-scroll tbody td:nth-child(2),
.timeline-table-scroll tbody td:nth-child(3),
.timeline-table-scroll tbody td:nth-child(4) {
  z-index: 5;
}

/* isssue */
.pro_docu {
  margin-bottom: 8px;
}

.deal_inner h6 {
  font-weight: 700;
}

.dwn_thum {
  background: #17ba77;
  border-radius: 6px;
  padding: 8px 15px;
  font: 700 12px/16px "Open Sans", sans-serif;
  color: #fff;
  width: auto;
  float: right;
  margin-bottom: 12px;
}

.add-border tbody tr td {
  border: 1px solid #e5dede !important;
}

.recu_selbox {
  width: 80%;
  float: left;
}

.recu_selexport {
  width: auto;
  float: right;
  padding-top: 0px;
}

.consoli_expo {
  width: 10%;
  margin-right: 18px;
  float: right;
}

.consoli_sec tbody tr:nth-of-type(odd) {
  background: none !important;
}

.interview_icon {
  margin-right: 4px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.interview_icon a {
  color: #2eb85c !important;
}

.interview_icon .fa-eye {
  right: 0px;
}


.notes_card_sec {
  width: 100%;
  padding: 12px 10px;
  box-shadow: 0px 2px 6px #747D8C45;
}

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

.notes_card_sec h6 {
  margin: 0px;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #5473ff !important;
  border: none !important;
}

.attachment_link {
  width: 20px;
}

.note_desc {
  width: 100%;
}

.notes_card_sec h6 span {
  color: #818181;
  font-size: 14px;
}

.note_desc p {
  font-size: 15px !important;
  line-height: 24px !important;
  padding: 0px !important;
  margin: 0px !important;
  color: #000;
}

.note_share {
  color: #818181 !important;
}


.pro_effort_inn {
  padding: 12px 12px 0;
}

.text-center .atten_sec {
  display: inline-block;
}

.project_team_innhed .deal_inner h6 {
  border: none;
  text-decoration: underline;
}

.react-colorful {
  position: absolute;
  left: 44px;
}

.meet_pad {
  padding: 0px;
}

.icon_setup {
  float: right;
}



.project_sprint_inn .sc-gsFSXq {
  background: #dfe6e9;
  padding: 15px;
  border-radius: 7px;
  border: none;
}

.project_sprint_inn .sc-kAyceB {
  border-radius: 7px;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.project_sprint_inn .sc-kpDqfm {
  padding: 0px;
  border: 0px;
}

.project_sprint_inn .sc-dcJsrY {
  padding: 0px;
}

.project_sprint_inn .sc-jXbUNg {
  padding: 0px;
}

.project_sprint_inn .sc-imWYAI {
  background: none;
  padding: 0px;
  border: 0px;
}

.dp_block_mid_up_inn h6 {
  margin: 0px;
  color: #747474;
}

.dp_block_mid_up_inn p {
  margin: 0px;
  padding-top: 5px;
  color: #000;
}

.project_sprint_inn .qwKGj {
  width: 350px;
}

.project_sprint_inn .dp_block_mid_up {
  border-bottom: 1px solid #d9d9d9;
}

.dp_block_mid_dwn {
  width: 100%;
}

.project_sprint_inn .person_list {
  width: auto;
  float: left;
  padding-right: 58px;
}

.dp_block_mid_up_inn {
  padding-right: 30px;
  width: 100%;
  float: left;
}

.dp_block_mid_dwn {
  padding: 5px 0 0;
}

.dp_block_mid_up_inn p {
  text-align: left;
  width: 100%;
}

.dp_block_mid_up_inn1 p {
  text-align: right;
  margin: 0;
  padding-top: 5px;
}

.container_cls {
  margin: 8px;

  width: 350px;

  display: flex;
  flex-direction: column;

  background: #dfe6e9;
  padding: 15px;
  border-radius: 7px;
  border: none;
}

.issue_h3 {
  padding: 8px;
  border-radius: 7px;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.ant-drawer-wrapper-body .ant-drawer-body {
  padding: 24px 24px 50px;
}

.kanban_sec .leave_inn {
  width: 100%;
  display: flex;
  overflow-x: auto;
}

.new_add_req .month_sec select {
  width: 100%;
  margin-top: 2px;
}

.new_comment {
  width: 100%;
  background: #fff;
  border: 0px;
}

.new_comment .comment_sec {
  height: 300px;
  overflow-x: hidden;
}

.new_comment .comment_message {
  height: 60px;
  overflow: hidden;
  width: 100%;
  padding-left: 42px;
  position: relative;
}

/* .new_comment .comment_sec textarea{border-radius: 30px; padding: 19px 10px 5px 29px !important; min-height: 40px; max-height: 160px; overflow-x: auto !important; overflow: visible !important;} */
.new_comment .person_text_place {
  width: 90%;
}

/* .attach_file_inn {width: auto; padding-top: 40px;} */
.attach_file_inn .fa-paperclip {
  font-size: 20px;
  cursor: pointer;
}

.attach_sub img {
  width: 20px;
  cursor: pointer;
}

.attach_sub {
  padding-left: 15px;
}

.new_comment .editable_icon {
  right: 0px;
  left: auto;
}

.new_comment .comment_time {
  padding-right: 32px !important;
}

.txt_com {
  padding-left: 32px;
}

.new_comment .comment_person img {
  border-radius: 50%;
}

.edit_room .editable_icon .fa-pencil {
  margin-right: 0px;
}

.react-emoji {
  position: absolute !important;
  bottom: 25px;
  right: 24px;
  width: 20px !important;
  height: 20px;
}

/* message box */

.badge-dot {
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin-left: 2.9rem;
  margin-top: -.75rem;
}

.list-unstyled li.active {
  background-color: #aee9ff;
  border-radius: 9px;
  cursor: pointer;
}

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

.fab-container {
  bottom: 10vh;
  /* position: fixed; */
  margin: 1em;
  right: 65vw !important;
}

.landing-header {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-start;
  min-height: 100px;
}

.landing-wrapper {
  position: relative;
}

.landing-wrapper {
  z-index: 2;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.landing-window {
  z-index: 2;
  display: flex;
  flex: none;
  flex-direction: column;
  overflow: hidden;
  margin-top: -200px;
  padding-right: 60px;
  padding-left: 60px;
}

.customButton {
  background: rgb(0, 168, 132);
  color: #fff;
}

.secondaryButton {
  background: #CCC;
  color: #000;
}

.landing-window .tab-content {
  height: 60vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.tab-content::-webkit-scrollbar {
  display: none;
}

.messagePanel {
  position: relative;
  height: 490px;
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.messagePanel::-webkit-scrollbar {
  display: none;
}

.bg-myText {
  background-color: rgb(127 217 198);
  color: #000;
}

.bg-yourText {
  background-color: #fff;
  color: #2f2e2e;
}

.float-end {
  float: right !important;
}




/* message box */

.edit_room {
  position: absolute;
  right: 0px;
}

.edit_room button {
  border: 0px;
  background: none;
}

.edit_room .editable_icon {
  position: absolute;
  top: 20px;
  width: 80px;
  background: #fff;
  padding: 5px;
  -webkit-box-shadow: 2px 3px 7px -1px rgb(141 141 141);
  -moz-box-shadow: 2px 3px 7px -1px rgb(141 141 141);
  box-shadow: 2px 3px 7px -1px rgb(141 141 141);
  border-radius: 5px;
}

.message_board_hed h3 {
  margin: 0px 0 0px;
  font-size: 20px;
  text-align: left;
  color: #161615;
}

.message_board_hed p {
  margin: 0px;
  font-size: 16px;
  color: #6070fa;
  text-align: left;
}

.message_board_hed hr {
  margin-top: 5px;
}

.message_board_hed .ava_dot {
  position: absolute;
  top: -26px;
  left: 114px;
}

.message_board_hed {
  width: 100%;
  position: relative;
}

.edit_room .editable_icon span {
  width: 100%;
  display: inline-block;
  cursor: pointer;
}

.person_text_place .comment_message {
  overflow: visible;
}

.person_text_place .drop_person__suggestions {
  top: auto !important;
  bottom: 60px;
}

.person_text_place .drop_person__input {
  background: #f7f7f7 !important;
}

.deal_inner .table strong {
  font-weight: 500;
}

/*comment section css*/
.attach_img_box_new {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 2px 3px 7px -1px rgb(141 141 141);
  height: 175px;
}

.comment_box_upper_attach {
  width: 100%;
  padding-left: 27px;
}

.comment_box_upper_attach_inn {
  width: 89.5%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #e3e1e1;
  padding: 10px;
  border-radius: 20px;
  height: 199px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 1px solid #c9c6c6 !important;
  position: relative;
  bottom: 71px;
  left: 0px;
}

.new_comment .attach_file_inn {
  padding-top: 0px;
  float: left;
  width: 50px;
  height: 50px;
  background: #ddd;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.new_comment .attach_file_inn .save {
  padding-left: 0px;
  padding-bottom: 0px;
}

.new_comment .comment_sec textarea {
  border-radius: 20px;
  border-top-left-radius: 0px;
  background: #e3e1e1 !important;
  font-size: 13px !important;
  border-top-right-radius: 0px;
  border: none !important;
  border-top: 0px !important;
  padding: 19px 10px 5px 24px !important;
  min-height: 40px;
  max-height: 60px;
  overflow-x: auto !important;
  overflow: visible !important;
}

.comment_box_upper_attach_inn .remove-image {
  top: 2px;
  right: 18px;
}

.comment_box_upper_attach_inn .attach_img_box_new img {
  width: 100%;
  object-fit: cover;
  object-fit: cover;
  height: 100%;
  border-radius: 5px;
}

.attach_plus_btn button {
  height: 175px !important;
}

.comment_upper_brdr textarea {
  border-top-right-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.comment_box_upper_attach_inn .attach_plus_btn .fa-plus {
  color: #555;
}

.comment_box_bar {
  width: 100%;
  display: inline-block;
  padding-bottom: 25px;
}

.comment_box_bar_lt {
  width: 99%;
  float: left;
  margin-right: 1%;
}

.comment_box_bar_rt {
  width: auto;
  float: right;
}

.my_message .comment_box_bar_lt {
  width: 99%;
  float: right;
  text-align: right;
}

.my_message {
  display: flex;
}

.my_message .hide_note {
  padding-top: 0px;
  width: 100%;
  display: flex;
  justify-content: end;
}

.my_message .comment_box_bar_lt_img {
  width: 30px;
  height: 30px;
  float: right;
  margin: 0 0 0 10px;
}

.my_message .comment_box_bar_lt_txt {
  width: auto;
  float: right;
  background: #a9f9ff;
  padding: 5px;
  border-radius: 5px;
  max-width: 50%;
}

.my_message .comment_box_bar_lt_img img {
  width: 100%;
}

.my_message .comment_box_bar_lt_txt h6 {
  margin: 0px;
  font-size: 16px;
}

.my_message .comment_box_bar_lt_txt span {
  font-size: 12px;
}

.comment_box_bar_lt_img {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 10px;
}

.comment_box_bar_lt_img img {
  width: 100%;
}

.comment_box_bar_rt .edit_room .editable_icon {
  width: 100px;
}

.fa-download {
  color: #1b72e2;
  padding-right: 2px;
}

.image_panel {
  width: 100%;
  position: relative;
  display: inline-block;
}

.impanel1 {
  position: absolute;
  right: 0px;
  width: 200px;
  /* height: 200px; */
}

.impanel2 {
  position: absolute;
  right: 45px;
  top: 45px;
  width: 200px;
  /* height: 200px; */
}

.impanel3 {
  position: absolute;
  right: 88px;
  top: 25px;
  width: 200px;
  /* height: 200px; */
}

.impanel4 {
  position: absolute;
  right: 129px;
  top: 50px;
  width: 200px;
  /* height: 200px; */
}

.impanel4 img {
  width: 200px;
  height: 200px;
}

.img_number {
  color: #161615;
  font-size: 16px;
  position: absolute;
  left: 5px;
}

.comment_box_bar_lt .hide_note {
  height: 350px;
}

.image_panel img {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.cooment_attach_dwnld {
  width: 100%;
  display: inline-block;
}

.comp_inner_sec .mainSlider {
  height: 350px;
}

.mainSlider .slick-slide img {
  width: 100%;
  max-height: 350px;
  object-fit: contain;
}

.dwn_mainSlider .slick-slide button img {
  width: 100%;
  max-height: 190px;
  object-fit: cover;
}

.dwn_mainSlider .slick-slide button {
  max-height: 200px;
  object-fit: cover;
  height: 200px;
}

.react-input-emoji--container {
  opacity: 0;
}

/*comment section css*/

.react-input-emoji--button {
  overflow: visible !important;
}

.react-input-emoji--button svg {
  position: absolute;
  z-index: 9999;
  bottom: -27px;
  right: 18px;
  width: 20px;
}

.drop_person__control {
  border-radius: 20px;
}

.attach_img_box_new {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.attach_plus_btn {
  padding-left: 15px;
}

.react-emoji-picker--wrapper {
  z-index: 999999 !important;
}

/*message board*/
.message_board_inn #chat3 {
  height: 100%;
  box-shadow: none !important;
  background: #fff !important;
  margin-bottom: 0px;
  overflow: hidden;
}

.message_board_comment {
  width: 100%;
}

.message_board_comment .person_text_place {
  width: 88%;
  float: left;
  margin-right: 8px;
}

.header_left_panel {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 12px 0 7px 14px;
}

.message_person_icon {
  margin-right: 8px;
}

.message_person_name h3 {
  margin: 0px;
  font-size: 17px;
  line-height: 20px;
}

.chat_message_person {
  width: 100%;
}

.chat_personleftsec img {
  margin-right: 5px;
}

.chat_personleftsec .text-muted {
  margin: 0px;
}

.chat_personleftsec .fw-bold {
  font-size: 14px;
}

.fa-comments {
  color: #00aae8;
}

.rounded-pill {
  width: 20px;
  height: 20px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: #787777;
  color: #fff;
}

.chat_hover li:hover {
  background: #aee9ff;
  border-radius: 9px;
  cursor: pointer;
}

.message_person_icon img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.message_board_comment .comment_message {
  padding-left: 27px;
}

.comment_width {
  width: 90%;
}

/* .msg_bord_lt_inn{width: 50%;} */
.msg_bord_lt_inn .bg-yourText {
  padding-top: 0px !important;
}

/*message board*/
.mainSlider .slick-next {
  background: none;
  right: -1px;
}

.mainSlider .slick-prev:before,
.slick-next:before {
  font-size: 30px !important;
}

.announceSlider .slick-prev:before,
.slick-next:before {
  font-size: 20px !important;
}


.mainSlider .slick-prev {
  left: -9px;
  z-index: 9;
}

.main_message_rtsec {
  width: 100%;
  display: inline-block;
}

.messge_rt_sec {
  width: 30px;
  height: 30px;
  float: right;
}

.main_message_rtsec .bg-myText {
  width: auto;
  float: right;
  color: #fff;
  text-align: right;
}

.main_message_rtsec .hide_note {
  display: flex;
  justify-content: end;
  width: 100%;
}

/* .main_message_rtsec .image_panel{right: 262px;} */
.comment_box_bar .hide_note {
  float: left;
  padding-left: 18%;
  width: 100%;
  display: flex;
}

.comment_box_bar .comment_box_bar_lt_txt {
  width: 100%;
  display: inline-block;
  max-width: 50%;
}

.my_message .comment_box_bar_lt_txt {
  width: auto;
  margin-top: 5px;
}

.mainSlider button:hover {
  background: none !important;
}

.dwn_mainSlider button.slick-arrow,
button.slick-prev {
  background: none !important;
}

.dwn_mainSlider button::before {
  font-size: 30px;
}

.mainSlider {
  margin-bottom: 10px;
}

.dwn_mainSlider {
  background: #ebebeb;
  padding: 12px 0;
}

.comment_width {
  width: 86%;
}

.main_message_rtsec {
  width: 98%;
}

.message_board_edit .editable_icon {
  right: 0px;
  left: auto;
  text-align: left;
}

.message_board_txt {
  width: auto;
  display: inline-block;
  text-align: right;
  background: #a9f9ff;
  float: right;
  max-width: 50%;
  border-radius: 5px;
  padding: 5px;
}

.messageboard_date {
  text-align: right;
  margin: 0px;
}

.left_message_txt_panel {
  width: auto;
  max-width: 50%;
  float: left;
  text-align: left;
  background: #e9e9e9;
  box-shadow: 2px 1px 3px #ddd;
  border-radius: 5px;
  padding: 5px;
}

.msg_bord_lt {
  width: 100%;
  margin-bottom: 10px;
}

.msg_bord_lt .hide_note {
  width: 100%;
}

.msg_bord_lt .hide_note .impanel1 {
  width: 150px;
  height: 150px;
}

.msg_bord_lt .hide_note .impanel2 {
  width: 150px;
  height: 150px;
  top: 21px;
  left: 63px;
}

.msg_bord_lt .hide_note .impanel3 {
  width: 150px;
  height: 150px;
  top: 40px;
  left: 87px;
}

.msg_bord_lt .hide_note .impanel4 {
  top: 60px;
  left: 86px;
}

.msg_bord_lt .hide_note .impanel4 img {
  width: 150px;
  height: 150px;
}

.msg_bord_lt .hide_note .impanel4 .img_number {
  right: 31px;
  left: auto;
}

.main_message_rtsec .hide_note .impanel1 {
  width: 150px;
  height: 150px;
}

.main_message_rtsec .hide_note .impanel2 {
  width: 150px;
  height: 150px;
  top: 21px;
  right: 21px;
}

.main_message_rtsec .hide_note .impanel3 {
  width: 150px;
  height: 150px;
  top: 40px;
  right: 40px;
}

.main_message_rtsec .hide_note .impanel4 {
  top: 60px;
  right: 33px;
}

.main_message_rtsec .hide_note .impanel4 img {
  width: 150px;
  height: 150px;
}

.main_message_rtsec .hide_note .impanel4 .img_number {
  left: 29px;
}

.group-images {
  max-width: 190px;
  width: 100%;
  position: relative;
  left: 0;
}

.msg_bord_lt_inn {
  margin-bottom: 12px;
}

.left_chart_pad li {
  padding: 5px;
  width: 100%;
  display: inline-block;
}

.landing-wrapper {
  height: 100%;
}

.skype_board {
  height: 100%;
}

.message_board_inn {
  height: 100%;
}

.lft_msg_person_txt {
  width: 100%;
  word-wrap: break-word;
  word-break: break-all;
}

.img_chat1 {
  width: auto;
  float: left;
}

.img_chat2 {
  width: 70%;
  float: left;
}

.img_chat3 {
  width: auto;
  float: right;
}

.left_chart_pad {
  overflow-x: auto;
  height: 320px;
}

.drop_person__control {
  background: none !important;
  min-height: 54px;
}

.msg_bord_txt {
  width: 90%;
  float: left;
}

.msg_bord_emoji {
  width: 10%;
  float: right;
}

.msgboard_textarea {
  background: #e3e1e1 !important;
  border-radius: 20px;
  /* border-top-right-radius: 0px; 
  border-top-left-radius: 0px; */
}

.msgboard_textarea .comment_message {
  display: inline-block;
  height: 54px;
}

.right_panel_message_board {
  width: 100%;
  height: 100%;
  position: relative;
}

.msg_brd_hight {
  min-height: 100%;
}

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

.msg_board_area {
  position: relative;
  right: 0px;
  left: 0px;
  bottom: -1px;
  background: #fff;
}

.right_panel_message_board_main {
  height: 87%;
  padding: 6px 6px 18px;
}

.msg_left_main {
  min-height: 100%;
  padding: 6px;
}

.right_panel_message_board .comment_box_upper_attach {
  position: absolute;
  bottom: 63px;
  padding-left: 0px;
}

.right_panel_message_board .comment_width {
  width: 88%;
}

.msg_textarea_brdrhide {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.kanban_candidate_scroll {
  overflow-x: auto;
}

.kanban_candidate_scroll .css-7ch32e {
  background: #fff;
}

.kanban_candidate_scroll .css-1s20qq7 {
  width: 95%;
}

.kanban_candidate_scroll .css-10qk9m9 {
  display: -webkit-box;
}

.sort_sec button {
  background: none !important;
  padding: 0px !important;
}

.sort_sec {
  width: 30px !important;
}

.academy_inn table tbody tr td {
  white-space: initial;
}

.lst_follow_sec {
  white-space: normal !important;
}

#main-table tbody tr {
  height: 55px;
}

.uti_sec {
  width: 100%;
  display: inline-block;
}

.uti_sec .fa-line-chart {
  font-size: 14px;
}

.uti_sec .fa-list {
  font-size: 14px;
}

.dashuti .react-datepicker-popper {
  z-index: 99;
}

.uti_sec .blue_icon {
  padding: 10px;
  color: #5473ff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 4px;
  margin: 1px;
  font-size: 14px;
}

.uti_sec .icon {
  padding: 10px;
  border-radius: 4px;
  margin: 1px;
}

.react-select-2-listbox {
  position: absolute;
  z-index: 99999;
}

.uti_chart_height {
  height: 500px;
  position: relative;
}

.uti_chart_height thead {
  position: sticky;
  top: 0px;
  z-index: 1;
}

.uti_chart_height tbody tr td span {
  width: 70px;
  display: inline-block;
  text-align: center;
}

.uti_chart_height thead tr th {
  height: 50px;
}

.hour_table {
  border-bottom: 1px solid #000 !important;
}

.main_sun .sun-editor {
  z-index: 0;
  position: relative;
}

.white_cover {
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  right: 0px;
}

.white_cover h6 {
  margin: 0px;
  font-size: 25px;
  padding-top: 25%;
  font-weight: 700;
  text-align: center;
}



.sticky_inn_contacts thead tr th:nth-child(1) {
  position: sticky !important;
  background-color: #5473ff;
  color: #fff;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  left: 0;
  z-index: 999;
}

.sticky_inn_contacts thead tr th:nth-child(2) {
  position: sticky !important;
  background-color: #5473ff;
  color: #fff;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  left: 130px;
  z-index: 999;
}

.sticky_inn_contacts thead tr th:nth-child(3) {
  position: sticky !important;
  background-color: #5473ff;
  color: #fff;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  left: 270px;
  z-index: 999;
}

.sticky_inn_contacts thead tr th:nth-child(4) {
  position: sticky !important;
  background-color: #5473ff;
  color: #fff;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  left: 430px;
  z-index: 999;
}

.sticky_inn_contacts table tbody tr td:nth-child(1) {
  position: sticky !important;
  background-color: #fbfbff;
  color: #fff;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  left: 0;
  z-index: 999;
  text-align: left;
}

.sticky_inn_contacts table tbody tr td:nth-child(2) {
  position: sticky !important;
  background-color: #fbfbff;
  color: #223345;
  width: 140px;
  min-width: 140px;
  max-width: 140px;
  left: 130px;
  z-index: 999;

}

.sticky_inn_contacts table tbody tr td:nth-child(3) {
  position: sticky !important;
  background-color: #fbfbff;
  color: #223345;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  left: 270px;
  z-index: 999;
}

.sticky_inn_contacts table tbody tr td:nth-child(4) {
  position: sticky !important;
  background-color: #fbfbff;
  color: #223345;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  left: 430px;
  z-index: 999;
}

.time_up_date {
  width: 85%;
  border: 1px solid #ddd;
  position: relative;
  padding: 5px;
  text-align: center;
  margin-bottom: 8px;
}

.time_up_date span {
  background: #fff;
  padding: 6px 6px 4px;
}

.time_up_lft {
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.time_up_rt {
  position: absolute;
  right: 0px;
  top: 0px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.new_time .time_up_date {
  float: left;
  width: 26%;
}

.new_time .color_box {
  padding-left: 0px;
  display: inline-block;
}

.new_time .clr_status_sec {
  line-height: 17px;
  float: left;
}

.new_time .color_chk {
  margin-bottom: 0;
  margin-top: 10px;
  width: 25%;
}

.new_time .clr_status_sec {
  font-size: 12px;
}

.new_time .color_sec {
  width: 16px;
  height: 16px;
}

.hour_txt {
  font-Weight: 500;
  margin-left: 10px;
  font-Size: 16px;
  padding-top: 6px;
  display: inline-block;
}

#uti_me thead tr th {
  height: 35px;
}

#uti_me tbody tr {
  height: 35px;
}

.time_up_rt .fa-chevron-right {
  color: #a19f9f;
}

.time_up_lft .fa-chevron-left {
  color: #a19f9f;
}

#uti_me tbody tr td span {
  width: 100%;
}

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

.folder_box .file_name {
  padding-top: 0px;
}

.folder_box .folder_design {
  font-size: 30px !important;
}

.folder_box .file_name h6 {
  padding-top: 0px;
}

.action_dot:hover .three_dot_dropdown_share {
  background: none;
  color: #000;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.action_dot:hover .three_dot_dropdown_detail {
  background: none;
  color: #000 !important;
  padding: 0px;
  text-align: left;
  margin: 0px !important;
}

.each_file_header .file_card_header_one {
  padding-top: 6px;
}

.dive_file_inn .file_icon_design2 {
  top: 45%;
}

.uti_dash tbody tr td span {
  width: 70px !important;
}

.new_time1 .color_chk {
  width: 40%;
}

.new_time1 .clr_status_sec {
  font-size: 12px;
  float: left;
  line-height: 17px;
}

.new_time1 .color_box {
  padding-left: 4px;
}

.new_time1 .color_sec {
  width: 16px;
  height: 16px;
}

.new_time1 .color_box {
  padding-left: 0px;
  display: inline-block;
}

.time_project #uti_me tbody tr td span {
  width: 70px;
}

.datepicker-proper .react-datepicker-popper {
  z-index: 9999 !important;
}

.datepicker-proper input[type="text"] {
  border: 1px solid #ddd !important;
  height: 35px !important;
}

.datepicker-proper button {
  width: 110px !important;
}

.c-sidebar-nav-link,
.c-sidebar-nav-dropdown-toggle {
  white-space: normal !important;
}

.time_ht {
  height: 300px;
}

.chatbot_left_message_txt_panel {
  width: auto;
  max-width: 50%;
  float: left;
  text-align: left;
  background: #f1f1f1;
  box-shadow: 2px 1px 3px #ddd;
  border-radius: 5px;
  padding: 5px;
}

.chatbot_right_message_txt_panel {
  width: auto;
  display: inline-block;
  text-align: right;
  background: #8ea1b9 !important;
  color: #fff;
  max-width: 50%;
  border-radius: 5px;
  padding: 5px;
}

.right_chat {
  background: #8ea1b9 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 9px !important;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0px !important;
  color: #fff;
  font: 400 12px/18px Roboto, sans-serif;
  min-width: 200px;
  padding: 10px 14px !important;
  text-align: end;
  width: 74% !important;
}

.left_chat {
  background: #f1f1f1 !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 9px !important;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 0px !important;
  color: #2d3436;
  display: inline-block;
  font: 400 12px/18px Roboto, sans-serif;
  padding: 10px 14px;
  width: 100%;
  box-shadow: none !important;
}

.right_chat .comp_inner_sec {
  padding-bottom: 0px;
}

.left_chat .txt_com {
  padding-left: 3px;
}

.submit_txt {
  text-align: center;
}

.submit_txt label {
  text-align: center !important;
}

.submit_txt .txt_com {
  padding-left: 3px;
}

.right_chat .txt_com {
  padding-left: 3px;
}

.manual_chat_right_time {
  width: 100%;
  display: inline-block;
  padding-right: 14px;
}

.manual_chat_left_time {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 53px !important;
}

.manual_left_img.hide_note {
  display: block !important;
}

.manual_left_img .impanel1 {
  width: 150px;
  height: 150px;
}

.manual_left_img .impanel2 {
  width: 150px;
  height: 150px;
  top: 21px;
  right: 21px;
}

.manual_left_img .impanel3 {
  width: 150px;
  height: 150px;
  top: 40px;
  right: 40px;
}

.manual_left_img .impanel4 {
  top: 60px;
  right: 33px;
}

.manual_left_img .impanel4 img {
  width: 150px;
  height: 150px;
}

.manual_left_img .impanel4 .img_number {
  left: 29px;
}

.manual_left_img .image_panel {
  padding-left: 26px;
}

.manual_msg {
  width: 88% !important;
}


/* Fixed sales contacts table header */
.sticky-table-container {
  /* max-height: 600px;  */
  /* / Adjust the height as needed / */
  overflow-y: auto;
}

/* .sticky-table-container .table-responsive {
  overflow: visible;
} */

.sticky-table-container .table thead th {
  position: sticky;
  top: 0;
  background: #5473ff;
  z-index: 1;
}

/* 
.sticky-table-container .table thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.sticky-table-container .table tbody {
  display: block;
  width: 100%;
  table-layout: fixed;
  overflow-y: auto;
  max-height: 700px; 
} */

/* Fixed sales contacts table header */
.sticky-table-container .table {
  height: 400px;
}




/* .leave_inn {position: relative;}
.holiday_inn table thead{position: fixed; left: 0px; right: 0px; z-index: 9999;} */

.chat_visit {
  padding-top: 14px;
}

.chat_visit .img_chat1 {
  margin-right: 5px;
}

.chat_visit_left .left_chart_pad {
  height: 600px;
  overflow-y: auto;
}

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

.chat_right_text_box {
  float: left;
  width: 91%;
}

.chat_visit .right_panel_message_board .comment_box_upper_attach {
  position: absolute;
  bottom: -56px;
}

.chat_visit_left .img_chat1 {
  padding-top: 7px;
}

.chat_visit .new_comment .comment_sec textarea {
  max-height: 49px;
  padding-top: 17px !important;
}

.chat_visit .msgboard_textarea .comment_message {
  height: 45px;
}

.chat_brd_man .msg_brd_hight {
  min-height: auto;
}

.chat_visit .right_panel_message_board .comment_width {
  width: 84%;
}

.chat_man_popup .img_chat1 {
  text-align: center;
  float: none;
}

.chat_man_popup .img_chat1 img {
  width: 100px;
}

.chat_man_popup {
  text-align: center;
}

.man_hed_name {
  text-align: center;
  padding-top: 10px !important;
  text-transform: uppercase;
  font-weight: 500;
  color: #464646;
}

.chat_modal_label {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  padding: 7px 0;
}

.chat_modal_label_lt {
  font-weight: 500;
  color: #000;
  width: 40%;
  float: left;
  text-align: left;
}

.chat_modal_label_rt {
  color: #616161;
  width: 60%;
  float: right;
  text-align: center;
}

.chat_modal_mid {
  width: 60%;
  text-align: center;
  display: inline-block;
}

.left_chart_pad::-webkit-scrollbar {
  width: 6px;
  display: block;
  border-radius: 5px;
}

.chat_visit .delete_button button {
  background: #17ba77;
  color: #fff;
  font: 700 12px / 16px "Open Sans", sans-serif;
  padding: 7px 8px;
  border: none;
  border-radius: 6px;
}

.chat_visit .delete_button {
  margin: 0px;
}

.chat_brd_man .comp_off_inn button {
  width: 100%;
  margin-top: 10px;
}

.chat_visit .message_board_hed h3 span:hover {
  color: #5473ff;
}

.chat_visit .message_board_hed h3 {
  font-size: 17px;
  font-weight: 700;
}

.visitor_wait .comp_off_inn {
  border-bottom: 1px solid #ddd;
}




/* Track */
.left_chart_pad::-webkit-scrollbar-track {
  background: #f1f1f1;
  display: block;
}

.left_chart_pad::-webkit-scrollbar-thumb {
  background: #888;
}

.note_sec_email {
  width: 100%;
  display: inline-block;
}

.note_sec_email p {
  font: 500 12px/18px "Open Sans", sans-serif;
  color: #8d8e91d6;
  margin: 0px;
  text-align: center;
  font-weight: 600;
}



/*27.08.2024*/
.sales_team {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.sales_team_inn {
  width: 24%;
  display: flex;
  justify-content: space-between;
  border: 2px solid #DFDFDF;
  border-radius: 4px;
  padding: 2px 5px;
  margin-bottom: 15px;
}

.team_member1 {
  width: 20%;
  height: 70px;
  align-content: center;
}

.team_member1 img {
  width: 100%;
  border-radius: 2px;
}

.member_desig {
  width: 75%;
  height: 70px;
  padding-top: 4px;
  align-content: center;
}

.member_desig h6 {
  margin: 0px;
  font: 600 14px/18px "Poppins", sans-serif;
  color: #13060B;
}

.member_desig p {
  font: 500 13px/20px "Poppins", sans-serif;
  color: #555555;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 0px;
}

.member_desig span {
  background: #ECF0F3;
  padding: 3px 6px;
  border-radius: 4px;
}

.fa-linkedin-in {
  color: #000;
}

.booking_team_hed {
  font: 500 16px/20px "Poppins", sans-serif;
  color: #4A4B4C;
  margin: 0px;
}

.appoinment_hed {
  width: 100%;
}

.appoinment_hed h4 {
  margin: 0px 0 45px;
  font: 600 25px/35px "Poppins", sans-serif;
  color: #555555;
  text-align: center;
}

.booking_mid {
  width: 100%;
}

.booking_calender {
  width: 100%;
  padding-top: 25px;
  border-bottom: 2px solid #E84C3D;
  padding-bottom: 14px;
}

.select_zone {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}

.select_zone .fa-chevron-down {
  position: absolute;
  z-index: -1;
  right: 13px;
}

.choose_date {
  width: 100%;
  padding-top: 8px;
}

.choose_date p {
  font: 500 16px/20px "Poppins", sans-serif;
  color: #4A4B4C;
}

.choose_calender {
  width: 100%;
  text-align: right;
  padding-right: 20px;
  font: 600 19px/22px "Poppins", sans-serif;
  color: #4A4B4C;
  padding-top: 4px;
}

.choose_calender .up_caret {
  position: absolute;
  top: -4px;
  color: #ABABAB;
  margin-left: 3px;
}

.choose_calender .dwn_caret {
  position: absolute;
  bottom: 16px;
  color: #ABABAB;
  margin-left: 3px;
}

.fa-calendar-days {
  margin-right: 10px;
}

.month_booking {
  padding-top: 20px;
  width: 100%;
}

.small_mnth {
  width: 100%;
  text-align: center;
}

.small_mnth span {
  width: 100%;
  display: inline-block;
  font: 500 13px/20px "Poppins", sans-serif;
  color: #555555;
}

.small_date {
  font: 600 20px/22px "Poppins", sans-serif !important;
  /* color: #4A4B4C !important; */
}

.small_mnth .btn {
  width: 70px;
  height: 70px;
}

.month_cal {
  margin-top: 25px;
  position: relative;
}

.dugdugi_rt {
  position: absolute;
  right: 15px;
  top: 25px;
}

.dugdugi_lt {
  position: absolute;
  left: 15px;
  top: 25px;
  z-index: 9;
}

.calender_time {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 4px;
}

.calender_time_box {
  height: 60px;
  margin-bottom: 18px;
  flex: 1 1 calc(14% - 10px);
  max-width: calc(12% - 10px);
}

.calender_time_box button {
  width: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
  font: 500 16px/20px "Poppins", sans-serif;
  color: #555555;
  border-radius: 0px;
  box-shadow: none !important;
}

.submit_book {
  width: 100%;
  background: #fff;
  padding: 11px 9px;
  border: 1px solid #ABABAB;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.submit_book_lt {
  width: 100%;
}

.submit_book_lt p {
  font: 500 15px/20px "Poppins", sans-serif;
  margin: 0px;
  padding: 0px;
  align-content: center;
}

.submit_book_rt {
  width: 100%;
  display: flex;
  justify-content: end;
}

/* .submit_book_rt button{opacity: 0.3; background: #DFDFDF !important; border-color: #DFDFDF !important;} */
.submit_book_rt button {
  font: 500 14px/20px "Poppins", sans-serif;
  border: none;
  opacity: 1 !important;
}

.choose_calender img {
  padding-right: 10px;
  width: 26px;
}

.select_zone select {
  background: none;
  border: none;
  color: #4A4B4C;
  padding: 0 36px 0 12px;
  font: 600 16px/20px "Poppins", sans-serif;
}

.select_zone label {
  padding-top: 5px;
}

.appoinment_hed h5 {
  margin: 0px;
  font: 400 22px/26px "Poppins", sans-serif;
  color: #E84C3D;
  text-align: center;
  padding-top: 10px;
}

.booking_field {
  width: 100%;
  margin-top: 3px;
  padding: 0 140px;
}

.book_meeting {
  margin-top: 30px;
  position: relative;
}

.book_meeting input[type="text"],
.book_meeting input[type="email"],
.book_meeting input[type="number"] {
  width: 100% !important;
  height: 35px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #4A4B4C;
  font: 400 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.appoinment_hed h5 b {
  font-weight: 500;
}

.book_meeting textarea {
  width: 100%;
  height: 60px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 12px 12px;
  color: #4A4B4C;
  font: 400 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  resize: none;
}

.book_meeting input[type="file"] {
  width: 100% !important;
  height: 68px !important;
  box-shadow: inset 0px 2px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #4A4B4C;
  font: 500 16px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.book_meeting span {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.booking_btns_sec .app_next {
  width: 150px;
  border-radius: 4px;
  padding: 11px 0;
  color: #fff;
  font: 500 15px / 20px "Poppins", sans-serif;
}

.booking_btns_sec .app_next:hover {
  color: #fff;
}


.book_meeting .error_book {
  position: absolute;
  left: 0px;
  bottom: -22px;
  top: auto;
  background: none;
}

.booking_btns_sec {
  width: 100%;
  margin-top: 70px;
}

.booking_btns_sec .cancel {
  width: 150px;
  background-color: #ABABAB !important;
  border-radius: 4px;
  padding: 11px 0;
  color: #fff;
  font: 500 15px/20px "Poppins", sans-serif;
}

.booking_btns_sec .save {
  width: 150px;
  position: relative;
  opacity: 1 !important;
  border-radius: 4px;
  padding: 12px 0;
  color: #fff;
  font: 500 15px/20px "Poppins", sans-serif;
}

.booking_btns_sec .save:hover {
  color: #fff;
}

.booking_btns_sec .save .fa-angle-right {
  position: absolute;
  right: 7px;
  top: 11px;
}

.schedule_para {
  font: 400 16px/20px "Poppins", sans-serif;
  color: #555555;
  margin: 0px;
  padding: 8px 0 0;
  text-align: center;
}

.schedule_card {
  width: 50%;
  background-color: #ECF0F3;
  border-radius: 4px;
  margin-top: 27px;
  padding: 34px 40px;
  display: inline-block;
}

.schedule_card_main {
  width: 100%;
  text-align: center;
}

.schedule_body {
  width: 100%;
}

.schedule_body h5 {
  margin: 0px;
  padding: 0px;
  font: 600 20px/24px "Poppins", sans-serif;
  color: #555555;
}

.schedule_body .card-text {
  text-align: left;
  margin-top: 15px;
  padding-left: 43px;
}

.schedule_body .card-text p {
  padding: 7px 0;
  font: 500 15px/20px "Poppins", sans-serif;
  color: #4A4B4C;
  margin: 0px;
}

.schedule_body .fa-earth-asia {
  margin-right: 10px;
  font-size: 18px;
}

.schedule_body .fa-user {
  margin-right: 10px;
  font-size: 18px
}

.schedule_body .fa-calendar-days {
  margin-right: 10px;
  font-size: 18px
}

.schedule_activate {
  width: 100%;
  display: inline-block;
  margin-top: 27px;
}

.schedule_activate button {
  font: 500 15px/20px "Poppins", sans-serif;
  padding: 9px 19px;
}

.right_save {
  right: 27px !important;
  top: 10px !important;
}

.book_meeting_file {
  width: 100% !important;
  height: 35px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 3px 12px 0;
  color: #4A4B4C;
  font: 400 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.meeting_book_choose {
  background-color: #EBEFF2;
  color: #4A4B4C;
  border: 1px solid #4A4B4C;
  border-radius: 4px;
  padding: 2px 10px;
  margin: 1px 0 0;
}

.esti_btn {
  width: 250px !important;
}

.book_meeting_file #file-chosen {
  margin-left: 0.3rem;
  font-family: "Poppins", sans-serif;
  position: absolute;
  width: auto;
  left: 35%;
  top: 7px;
  background: none;
}

.sche_cal {
  width: 100%;
  text-align: center;
  padding-bottom: 25px;
}

.requiretxt {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #4A4B4C;
  text-align: center;
  padding-bottom: 20px;
  margin: 0px;
}

.require_box {
  width: 100%;
  height: 35px;
  border: 1px solid #dfdfdf;
  padding: 0px 12px;
  position: relative;
  font: 400 14px/20px "Poppins", sans-serif;
  color: #aba4a4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.require_box input[type="radio"] {
  position: absolute;
  right: 7px;
  top: 5px;
}

.require_box label {
  margin: 0px;
}

.main_require .container {
  margin-bottom: 30px;
}

.ball_park {
  width: 88%;
  background-color: #ECF0F3;
  border-radius: 47px 0px 0px 47px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.ball_park_num {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  text-align: center;
  align-content: center;
}

.ball_park_num p {
  margin: 0px;
  font: 600 30px/40px "Poppins", sans-serif;
  color: #E84C3D;
}

.booking_btns_sec .cancel:hover {
  background: #999999;
  color: #fff;
}

/* .booking_btns_sec .save:hover {
  background: #a11f11 !important;
} */

.ball_park_txt {
  width: 86%;
}

.ball_park_txt p {
  margin: 0px;
  font: 400 13px/17px "Poppins", sans-serif;
  color: #13060B;
}

.ball_park::after {
  content: '';
  background-image: url('../big_rt_arw.png') !important;
  position: absolute;
  right: -45px;
  width: 65px;
  height: 120px;
}

.con1 {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font: 400 14px/20px "Poppins", sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

/* Hide the browser's default radio button */
.con1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 1px;
  right: 0;
  height: 18px;
  width: 18px;
  background-color: lightgrey;
  border-radius: 3px;
}

/* When the radio button is checked, add a blue background */
.con1 input:checked~.checkmark {
  background-color: #555555;

}

.con1 input:checked~.checkmark::after {
  display: block;
  left: 5px;
  top: 0px;
  width: 7px;
  height: 14px;
  border: 1px solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.checkmark::after {
  content: "";
  position: absolute;
  display: none;
  /* Hide the tick mark initially */
}

.main_calculator {
  width: 100%;
  padding: 0 80px;
  margin-top: 60px;
}

.fixed_cost_sec .custom-select {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #aba4a4;
  font: 500 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;

}

.fixed_cost_sec select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.fixed_cost_sec select option {
  color: #aba4a4;
}

.fixed_cost_sec select option:first-child {
  color: #aba4a4;
}

.fixed_cost_sec .otion_black {
  color: #000;
}

.fixed_cost_sec label {
  font: 500 14px/20px "Poppins", sans-serif;
}

.platform_sec label {
  font: 500 14px/20px "Poppins", sans-serif;
}

.additional_sec label {
  font: 500 14px/20px "Poppins", sans-serif;
}

.additional_sec {
  width: 100%;
  margin: 18px 0 0;
}

.platform_sec {
  width: 100%;
  margin: 18px 0 0;
}

.fixed_cost_sec {
  width: 100%;
  margin-bottom: 15px;
}

.platform_sec .require_box {
  margin-bottom: 15px;
}

.additional_sec .require_box {
  margin-bottom: 15px;
}

.next_red {
  background: #E84C3D !important;
}

.label_drk {
  color: #535353 !important;
}

.budget_sec {
  width: 100%;
  position: relative;
}

.budget_sec label {
  font: 500 14px/20px "Poppins", sans-serif;
  margin: 0px;
  padding-bottom: 20px;
}

.budget_bar {
  position: relative;
  width: 97% !important;
  margin-top: 40px;
  padding-left: 2%;

}


.minval_sec {
  width: auto;
  position: absolute;
  left: 0px;
  top: 44px;
  font: 500 14px/20px "Poppins", sans-serif;
  color: #ABABAB;
}

.btmval_sec {
  width: auto;
  position: absolute;
  right: 0px;
  top: 44px;
  font: 500 14px/20px "Poppins", sans-serif;
  color: #ABABAB;
}

.midval_sec {
  width: auto;
  position: absolute;
  right: 0px;
  top: 44px;
  left: 0px;
  margin: 0 auto;
  font: 600 14px/20px "Poppins", sans-serif;
  color: #13060B;
  text-align: center;
}

.right_ang {
  position: absolute !important;
  right: 18px !important;
  top: 10px !important;
}

.site-header.style6 {
  border-top: 3px solid #cd2122;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .1) !important;
}

.mail_sent_txt p {
  color: #555555;
  font: 400 14px/20px "Poppins", sans-serif;
  margin: 0px;
  padding-top: 0px;
  text-align: center;
}

.large_btn button {
  padding: 8px 12px;
  font: 500 14px/20px "Poppins", sans-serif;
  border-radius: 4px;
}

.mail_sent_txt {
  width: 100%;
  text-align: center;
}

.large_btn {
  margin-top: 50px;
}

/* .mail_sent_txt img{padding-bottom: 25px;} */
.team_table_main {
  width: 100%;
  margin-top: 55px;
}

.team_table_main table thead {
  background-color: #ECF0F3;
}

.team_table_main table thead tr th {
  font: 500 14px/20px "Poppins", sans-serif;
  color: #4A4B4C;
  border: none;
}

.team_table_main table {
  border: none;
}

.team_table_main table tbody tr td {
  border: none;
  text-align: left;
  font: 500 14px/20px "Poppins", sans-serif;
  color: #535353;
  vertical-align: middle !important;
  padding: 10px 0;
}

.art_txt {
  font: 600 16px/20px "Poppins", sans-serif !important;
  color: #4A4B4C;
  padding: 10px 0 10px !important;
  border-bottom: 2px solid #E84C3D !important;
  vertical-align: middle !important;
}

.count_team_btn .btn {
  background-color: #ECF0F3;
  padding: 8px 10px !important;
}

.art_brdr {
  border-bottom: 1px solid #ABABAB;
}

.team_structure {
  width: 100%;
  background: #e5e5e5;
  padding: 8px;
  /* height: 758px; */
}

.team_structure_top {
  width: 100%;
}

.team_structure_top h3 {
  margin: 0px;
  font: 600 20px/22px "Poppins", sans-serif !important;
  color: #13060B;
}

.team_structure_top .list-group {
  background-color: #fff;
  margin-top: 12px;
  padding: 12px 10px !important;
  border-radius: 4px;
}

.team_structure_top .list-group li {
  padding: 0px 6px 0px 0px !important;
  border: none;
  font: 400 14px/25px "Poppins", sans-serif;
}

.total_team_man {
  width: 100%;
  padding-top: 10px;
  font: 600 18px/22px "Poppins", sans-serif;
  color: #4A4B4C;
}

.team_structure_top ul {
  padding: 0px 0 5px;
  margin: 0px;
  overflow: auto;
}

.extension {
  width: 100%;
  background-color: #fff;
  padding: 12px 10px;
  margin-top: 14px;
  border-radius: 4px;
  margin-bottom: 14px;
}

.extension h4 {
  margin: 0px 0 10px;
  font: 500 14px/20px "Poppins", sans-serif;
  color: #13060B;
  text-align: left;
}

.extension_box {
  border: none;
  height: auto;
  padding: 3px 15px 3px 25px;
}

.extension_box .checkmark {
  left: -25px;
  background: none;
  border: 1px solid #535353;
}

.extension_box input[type="radio"] {
  left: 3px;
}

.extension_box .con1 span {
  font: 400 13px/18px "Poppins", sans-serif;
  color: #535353;
}

.foundat_main {
  width: 100%;
  background-color: #fff;
  border: 2px solid #FFAB40;
  border-radius: 4px;
  padding: 8px;
}

.foundat_main_in {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.foundat_title {
  font: 600 13px/18px "Poppins", sans-serif;
  color: #13060B;
}

.foundat_title1 {
  font: 500 13px/18px "Poppins", sans-serif;
  color: #E84C3D;
}

.foundat_main_btm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}

.foundat_main_btm_lt {
  width: 68%;
}

.foundat_main_btm_lt p {
  font: 400 12px/15px "Poppins", sans-serif;
  color: #535353;
  margin: 0px;
  padding: 0px;
}

.foundat_main_btm_rt {
  width: 33%;
}

.foundat_apply .save {
  background-color: #E84C3D;
  font: 400 12px/15px "Poppins", sans-serif;
  color: #fff;
  border-radius: 4px;
  padding: 4px 9px;
  width: 100%;
}

.foundat_apply .save:hover {
  background-color: #a11f11;
  color: #fff;
}

.foundat_apply .cancel {
  background-color: #ABABAB;
  font: 400 12px/15px "Poppins", sans-serif;
  color: #fff;
  border-radius: 4px;
  padding: 4px 9px;
  width: 100%;
}

.foundat_apply .cancel:hover {
  background-color: #999999;
  color: #fff;
}

.team_structure_top ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.team_structure_top ul::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.team_structure_top ul::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
}

.apply_block_foundat {
  /* height: 305px;  
  overflow: auto;*/
}

.apply_block_foundat::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.apply_block_foundat::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}

.apply_block_foundat::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
}


/*06.09.2024*/
.ballpark_main {
  width: 100%;
  padding: 0 30px;
}

.ballparkcost_inn {
  margin-top: 30px;
  position: relative;
}

.ballparkcost_inn input[type="text"] {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #4A4B4C;
  font: 400 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.ballparkcost_inn input[type="file"] {
  width: 100% !important;
  height: 68px !important;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #4A4B4C;
  font: 500 16px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.ballparkcost_inn span {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.ballparkcost_inn .custom-select {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #aba4a4;
  font: 500 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;

}

.ballparkcost_inn select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.ballparkcost_inn select option {
  color: #aba4a4;
}

.ballparkcost_inn select option:first-child {
  color: #aba4a4;
}

.ballparkcost_inn_file {
  width: 100% !important;
  height: 35px !important;
  border: 1px solid #dfdfdf;
  padding: 3px 12px 0;
  color: #4A4B4C;
  font: 400 14px/20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
}

.ballparkcost_inn_file #file-chosen1 {
  margin-left: 0.3rem;
  font-family: "Poppins", sans-serif;
  position: absolute;
  width: auto;
  left: 35%;
  top: 34.4px;
  background: none;
}

.art_brdr td:nth-child(2) .mx-2 {
  width: 75px;
  text-align: center;
}

.art_brdr td:nth-child(5) .mx-2 {
  width: 20px;
  text-align: center;
}

.art_brdr td:nth-child(4) .mx-2 {
  width: 17px;
  text-align: center;
}

.art_brdr td:nth-child(3) .mx-2 {
  width: 17px;
  text-align: center;
}

.right_ang1 {
  position: absolute !important;
  right: 34px !important;
  top: 10px;
}

.con2 {
  width: auto;
}

.con2 .con1 {
  width: auto;
}

.terms_sec_cal {
  padding-left: 26px;
}

.terms_sec_cal span {
  font: 400 14px/20px "Poppins", sans-serif;
  color: #555555;
  padding-top: 8px;
}

.terms_sec_cal span a {
  color: #FFAB40;
}

.terms_sec_cal .checkmark {
  background: none;
  border: 1px solid #A1A1A1;
  border-radius: 0px;
}

.btn_img_inn button {
  font-size: 14px;
  padding: 10px 30px 8px;
  font-weight: 400;
}

.btn_img_inn button img {
  width: 15px;
  margin-right: 7px;
}

.attendance-warning {
  position: relative;
}

.attendance-warning .fa-warning {
  position: absolute;
  right: 0px;
  top: 3px;
}

.ballparkcost_inn label {
  font: 500 14px/17px "Poppins", sans-serif;
  color: #4A4B4C;
}


/* video portfolio details */


.video-player {
  width: 100%;
  max-height: 674px;
  background-color: #000;
}

.controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.controls button {

  color: #fff;
  border: none;
  padding: 7px 10px;
  cursor: pointer;
}

.volume-controls {
  display: flex;
  align-items: center;
}

.volume-controls button {
  background-color: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
}

.volume-controls input[type="range"] {
  margin-left: 10px;
  width: 100px;
}

.like-dislike-buttons {
  margin-top: 0px;
  display: flex;
  gap: 10px;
  background-color: #FFAB40;
  border-radius: 4px;
  padding: 3px;
}

.like-button,
.dislike-button {
  display: flex;
  align-items: center;
  background-color: #FFAB40;
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.like-button svg,
.dislike-button svg {
  margin-right: 5px;
}






.video_portfolio_inn_lt_logo p {
  font: 100 18px/27px "Poppins", sans-serif;
  color: #FFFFFF;
  padding-top: 6px;
}

.video_portfolio_inn_btm {
  width: 100%;
  margin-top: 180px;
}

.video_portfolio_inn_btm h3 {
  font: 400 55px/65px "Poppins", sans-serif;
  color: #FFFFFF;
  margin: 0px;
}

.video_portfolio_inn_btm p {
  padding-top: 30px;
  font: 100 18px/27px "Poppins", sans-serif;
  color: #FFFFFF;
}

.video_portfolio_sec {
  width: 100%;
}

.video_portfolio_inn {
  width: 100%;
  background-size: cover !important;
  height: 100vh;
  background-repeat: no-repeat;
  padding: 60px 0;
}

.video_portfolio_inn_lt_logo img {
  width: 145px;
}

.video_portfolio_box1 {
  width: 100%;
  position: relative;
  margin-bottom: 30px;
}

.video_portfolio_box1 img {
  width: 100%;
}

.watch_now {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #E74C3C;
  padding: 10px 30px;
  color: #fff;
  font: 500 16px/20px "Lato", sans-serif;
  border-radius: 2px;
}

.fa-play {
  font-size: 15px;
  padding-left: 10px;
}

.video_portfolio_inn_rt {
  padding: 102px 0 0 20px;
}

.watch_now:hover {
  color: #fff;
  background: #a11f11;
}

.video_portfolio_form_sec {
  width: 100%;
  padding-top: 186px;
}

.video_portfolio_field {
  width: 100%;
  padding: 0 30px;
}

.video_form_hed {
  width: 100%;
  font: 600 21px/35px "Poppins", sans-serif;
  color: #FFFFFF;
  margin: 0px 0 25px;
  text-align: center;
}

.video_portfolio_field .book_meeting input[type="text"] {
  width: 100% !important;
  height: 35px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #13060B !important;
  font: 500 14px / 20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  background: #fff;
}

.video_portfolio_field .book_meeting input::placeholder {
  color: #13060B;
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #13060B;
}

.video_portfolio_field .book_meeting input[type="email"] {
  width: 100% !important;
  height: 35px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #13060B !important;
  font: 500 14px / 20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  background: #fff;
}

.video_portfolio_field .book_meeting input[type="number"] {
  width: 100% !important;
  height: 35px !important;
  box-shadow: inset 0px 1px 0px #00000017;
  border: 1px solid #dfdfdf;
  padding: 0 12px;
  color: #13060B !important;
  font: 500 14px / 20px "Poppins", sans-serif;
  border-radius: 0px !important;
  opacity: 1;
  background: #fff;
}

.video_portfolio_form_sec .booking_btns_sec {
  margin-top: 40px;
}

.video_portfolio_form_sec .booking_btns_sec .save {
  width: 188px !important;
  opacity: 0.5 !important;
  background-color: #E74C3C;
}

.video_portfolio_form_sec .booking_btns_sec .cancel {
  width: 150px;
  background-color: #ABABAB;
}

/*23/09.2024*/
.otp_field {
  width: 100%;
  margin-top: 3px;
  padding: 0 90px;
}

.otp_field h6 {
  margin: 0px;
  padding-bottom: 20px;
  font: 400 22px / 30px "Poppins", sans-serif;
  color: #fff;
  padding-left: 10px;
}

.otpverify_main {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.otpverify_main .verify_box_inner {
  height: 60px;
  margin: 0px 10px;
}

.otpverify_main .verify_box_inner input[type="text"] {
  width: 60px !important;
  height: 60px !important;
  margin: 0px;
  background-color: #fff;
  border-radius: 0px;
  color: #13060B;
  font: 500 14px / 20px "Poppins", sans-serif;
}

.otp_resend {
  font: 400 26px / 30px "Poppins", sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 45px;
  padding-left: 10px;
}

.otp_resend span {
  font: 600 26px / 30px "Poppins", sans-serif;
  color: #fff;
  text-decoration: underline;
}

.video_detail_container {
  background-color: #13060B;
  padding: 70px 60px 100px;
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.video_detail_container .video-section {
  width: 69%;
}

.video_detail_container .video-section video {
  border-radius: 8px;
}

.video_detail_container .video-list-section {
  width: 28%;
}

.video_detail_container .controls p {
  font: 600 26px / 30px "Poppins", sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin: 0px;
}

.video_detail_container .video-thumbnail h4 {
  margin: 0px;
}

.video-thumbnail.active {
  opacity: 0.5;
}

.video_detail_container .video-thumbnail {
  cursor: pointer;
}

.video_portfolio_form_sec .booking_btns_sec .opacity_mild {
  opacity: 1 !important;
  background-color: #E84C3D !important;
  width: 150px;
  position: relative;
  border-radius: 4px;
  padding: 12px 0;
  color: #fff;
  font: 500 15px / 20px "Poppins", sans-serif;
}

.like-dislike-buttons .like-button {
  border-right: 1px solid #fff;
}

.video-thumbnail:nth-child(3) .video_portfolio_box1 {
  margin-bottom: 0px;
}

.leave_close_attandence .btn-close {
  position: absolute;
  right: 0px;
}

.leave_header_attandence h6 {
  margin-top: 25px;
}

/* video portfolio details */
.fa-thumbs-up {
  font-size: 18px;
  padding-right: 8px;
}

.fa-thumbs-down {
  font-size: 18px;
  padding-right: 8px;
}


.select_country_cost select {
  width: 20% !important;
}

.cmnt_bodr_remove {
  border-left: 1px solid #ddd !important;
}


.asset_in .save_gray {
  background: #75787a !important;
}

.asset_in .save_gray:hover {
  background: #515558 !important;
}

.asset_in .save_orange {
  background: #eb984e !important;
}

.asset_in .save_orange:hover {
  background: #e97711 !important;
}

.choose_forward_back .dwn_caret {
  bottom: 1px !important;
  left: 8px;
}

.choose_forward_back_span {
  padding-left: 25px;
}

.choose_forward_back .up_caret {
  top: 6px !important;
  right: 193px !important;
}

.choose_calender {
  display: block;
}

.choose_forward_back {
  display: none;
}

.video_link_error {
  position: absolute !important;
  top: 66px !important;
}

.mesg_brd_upper_img_box .comment_width {
  width: 88% !important;
}

.message_board_panel_name {
  width: 60%;
  background: none;
  box-shadow: none;
}

.rt_msg_board_blue .message_board_txt {
  background: none;
}

.message_board_panel_name .chatbot_left_message_txt_panel {
  max-width: 100%;
  width: fit-content;
  min-width: 183px;
}

.msg_brd1_pad .right_chat {
  padding: 5px 3px !important;
  max-width: 46%;
  min-width: 130px;
  width: fit-content !important;
}

.coment_man {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.coment_manimg {
  width: 35px;
  margin-right: 15px;
}

.coment_manimg img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.coment_mandetail p {
  margin: 0px;
}

.cmnt_bodr_remove .comment_bar {
  padding: 0px;
}

.comment_reply_panel {
  border: 1px solid #ddd;
}

.border-end1 {
  border-right: 1px solid #ddd;
}

.message_board_panel_name .edit_room {
  position: relative;
  top: 0px;
}

.message_board_panel_name .editable_icon {
  z-index: 9;
}

.message_board_panel_name .editable_icon span {
  font-size: 13px;
}

.message_board_panel_name .editable_icon .fa-copy {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}

.message_board_panel_name .editable_icon .fa-arrow-right {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}

.message_board_edit .editable_icon span {
  font-size: 13px;
}

.message_board_edit .editable_icon .fa-pencil {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}

.message_board_edit .editable_icon .fa-arrow-right {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}

.message_board_edit .editable_icon .fa-trash-o {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}


.msgboard_person_list {
  width: 100%;
  position: relative;
}

.msgboard_person_list img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #d1cfcf;
}

.msgboard_right_img {
  float: right;
  /* padding-right: 30px; */
}

.msgboard_right_img .issue_sec span {
  margin-right: 3px;
}

.msgboard_right_img .issue_sec .ava_dot {
  width: 20px !important;
  height: 20px !important;
  left: 47px;
  font-size: 11px;
}

.msgboard_right_img .profile_incomp_sec {
  width: 240px;
  right: -2px;
  left: auto;
  background: #dddaf3;
}

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

.msgboard_left_img .issue_sec {
  margin-right: 3px;
}

.msgboard_left_img .issue_sec span {
  margin-right: 3px;
}

.message_board_edit .editable_icon .fa-copy {
  font-size: 14px;
  color: #494b4e;
  padding-right: 4px;
}

.msgboard_left_img .issue_sec .ava_dot {
  width: 20px !important;
  height: 20px !important;
  left: 47px;
  font-size: 11px;
}

.msgboard_left_img .profile_incomp_sec {
  width: 240px;
  left: -54px;
  background: #f1f1f1;
  top: 20px;
}

.chatbot_right_message_txt_panel .message_board_txt {
  max-width: 100%;
}

/*08.11.2024*/
.message_board_panel_name .group-images {
  left: -53px;
}

.for_sec {
  width: 19px;
}

.back_todwn {
  position: absolute;
  right: 11px;
  bottom: 79px;
}

.back_todwn .fa-circle-chevron-down {
  font-size: 35px;
  color: #3f5b7c;
  position: absolute;
  z-index: 9;
  right: 12px;
  background: #ffffff;
  border-radius: 46%;
  cursor: pointer;
}

.senderdot {
  opacity: 0;
}

.receiverdot {
  opacity: 0;
}

.message_board_panel_name:hover .receiverdot {
  opacity: 1;
}

.main_sender:hover .senderdot {
  opacity: 1;
}


.participate_total:hover .profile_incomp_sec {
  opacity: 1;
  display: block;
}

.participate_total:hover {
  cursor: pointer;
}

.message_board_comment .note_sec {
  padding: 0 0 10px 10px;
}

.msgboard_left_img .profile_incomp_sec {
  box-shadow: -1px 1px 11px 0px rgba(217, 217, 217, 0.75);
  background: #dddaf3;
}

.forward_main {
  max-width: 30%;
  min-width: 150px;
  float: right;
  padding: 15px;
  background: #8ea1b9;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0;
  border-radius: 10px;
  border-bottom-right-radius: 0;
}

.forward_main .right_chat {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px;
  background: #fff !important;
  border-bottom-right-radius: 5px;
  border-left: 4px solid #d3f8ff;
  max-width: 100%;
}

.forward_main .message_board_txt {
  color: #3f3f3f;
}

.backward_sec {
  width: 100%;
  text-align: left;
}

.backward_sec img {
  width: 15px;
}

.msg_txt_name {
  width: 100%;
  color: #3f3f3f;
  display: inline-block;
  padding: 5px;
}

.opp_forward {
  background: #f1f1f1;
  padding: 15px;
  width: 61%;
  display: inline-block;
  border-top-left-radius: 0px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.opp_forward .left_message_txt_panel {
  background: #fff !important;
  border-left: 4px solid #d2f8ff;
}

.tooltiptext {
  width: 100%;
  display: inline-block;
  padding-top: 6px;
}

.opp_forward .backward_sec1 {
  width: 100%;
  display: inline-block;
}

.opp_forward .backward_sec1 img {
  width: 15px;
}


.book_meeting .css-13cymwt-control {
  height: 34px;
  padding: 2px 3px;
}

.book_meeting .css-t3ipsp-control {
  height: 34px;
  padding: 2px 3px;
}

.book_meeting .css-1fdsijx-ValueContainer {
  height: 35px;
}

.comp_off_inn #lifecycle_stage {
  width: 20px !important;
  background-color: #fff;
}


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

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

.announcement_inn i {
  font-size: 24px;
  color: #333;
  position: relative;
}

.announcement_inn span {
  position: relative;
  display: inline-block;
}

.announcement_inn .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: red;
  color: white;
  font-size: 12px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
}


.perso_inn input[type="text"],
input[type="file"],
input[type="number"] {
  width: 100%;
  height: 35px !important;
  margin-bottom: 6px;
  padding-left: 8px;
  font-size: 14px;
}

.perso_inn textarea {
  width: 100%;
  height: 100px !important;
  margin-bottom: 6px;
  padding-left: 8px;
  font-size: 14px;
  margin-bottom: 6px;
}

.perso_inn .react-datepicker-wrapper {
  width: 100%;
  height: 38px !important;
  margin-bottom: 6px;
  font-size: 14px;
  margin-bottom: 6px;
}

.perso_inn select {
  width: 100%;
  height: 38px !important;
  margin-bottom: 6px;
  padding-left: 8px;
  font-size: 14px;
  border: 1px solid #c2d5e2;
}

.c-switch-primary .c-switch-input:checked+.c-switch-slider {
  background: #5473ff !important;
  border-color: #5473ff !important;
}

.perso_inn .react-datepicker-wrapper input[type="text"] {
  border-radius: 4px;
}

.profile_main {
  width: 100%;
  text-align: center;
}
.deal_inner .table tbody tr td:last-child {
    text-align: left !important;
}
.profile_sec_pic img {
  width: 135px;
}

.admin_emp_sec {
  width: 100%;
  padding: 12px;
  border-top: 1px solid #c2d5e2;
}

.profile_sec_pic {
  position: relative;
  width: 157px;
  display: inline-block;
}

.profile_camera {
  position: absolute;
  right: 5px;
  bottom: 25px;
  background: #537efb;
  width: 30px;
  height: 30px;
  border-radius: 17px;
  text-align: center;
  padding-top: 5px;
}

.fa-camera {
  color: #fff;
}

/*05.09.2025*/
.release_brdr {
  width: 100%;
  padding: 10px;
  border: 1px dashed #d8dbe0;
  border-radius: 6px;
}
.release_brdr p{margin-bottom: 8px; font-weight: 400; font-size: 13px;}
.css-1u9des2-indicatorSeparator{background: none !important;}



.send-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: none;
  background: #007bff; /* change to theme color */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  transition: background 0.3s ease;
}

.send-btn:hover {
  background: #0056b3;
}

.send-btn:disabled {
  background: #cccccc;
  cursor: not-allowed;
}
.refresh-btn i {
  transition: transform 0.3s ease;
}

.refreshing i {
  animation: spin 1s linear infinite;
  color: #007bff; /* highlight while refreshing */
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




/*responsive*/
@media only screen and (min-device-width: 1600px) and (max-device-width: 1799px) {
  .month_sec select {
    width: 66%;
  }

  .asset_in.atten_sec {
    width: 104px;
  }

  .sample_email_icon {
    left: 56%;
  }

  .kra_review_in .kra_sec {
    width: 800px;
  }

  .pl-8 {
    padding-left: 50px !important;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .msgboard_textarea {
    width: 82% !important;
  }

  .chat_right_text_box {
    float: left;
    width: 88%;
  }

  .chat_visit .msgboard_textarea {
    width: 81% !important;
  }

  .msgbrd_chat1 .msgboard_textarea {
    width: 86% !important;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 81%;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 86% !important;
  }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1599px) {

  /* .messagePanel{height: 440px;} */
  .img_chat2 {
    width: 60%;
  }

  .right_panel_message_board .comment_width {
    width: 82%;
  }

  .comment_box_upper_attach_inn {
    width: 88.3%;
  }

  .msg_bord_lt .hide_note {
    width: 100%;
    padding-left: 38%;
  }

  .msgboard_textarea {
    width: 80% !important;
  }

  .message_show_width {
    width: 81.3% !important;
  }

  .manual_msg {
    width: 76% !important;
  }

  .attendance_log ul li a {
    padding: 6px 8px;
    font: 700 15px/20px "Open Sans", sans-serif;
  }

  .my_message .comment_box_bar_lt_txt {
    width: auto;
  }

  .creat_sec_rt .custom-select {
    width: 56%;
  }

  .creat_sec_lt {
    width: 80%;
    display: inline-block;
  }

  .creat_sec_rt {
    width: 20%;
    display: inline-block;
    text-align: right;
  }

  .skill_grade .custom-select {
    width: 50%;
    margin-right: 5px;
  }

  .resume_rt .fa-download {
    font-size: 50px;
  }

  #task_status_id {
    margin-top: -8px;
  }

  .ongoing_table {
    height: 800px;
  }

  .month_sec select {
    width: 75%;
    float: right;
  }

  .rounded-top {
    height: 100px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 94px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 100%;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 4px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
    width: 100%;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .inner_salary thead tr th {
    color: #fff;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 71%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  /* .mt_top {
    margin-top: 15px;
  } */

  .document_card {
    padding: 15px 10px;
  }

  .docu_por {
    width: 100%;
    margin-right: 0;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .profile_complete_sec {
    padding: 9px 14px 13px;
  }

  .document_card_mid h6 {
    font-size: 15px !important;
    line-height: 17px;
  }

  .head_sec ul li {
    padding: 0 9px;
  }

  .month_pop_main {
    width: 500px;
  }

  .leave_inn label {
    font-size: 13px;
  }

  .leave_inn input[type="text"] {
    font-size: 13px;
  }

  .leave_inn select {
    font-size: 13px;
  }

  .leave_top_sec .atten_sec {
    width: 99px;
  }

  .leave_top_sec .atten_sec button {
    font-size: 11px;
  }

  .signin_sec {
    height: 100vh;
  }

  .overlay_sec img {
    width: 1150px;
    right: 0px;
    height: 440px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 35px 0 50px;
  }

  .logo {
    width: auto;
    padding-left: 60px;
  }

  .logo img {
    width: 107px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 64px;
    padding-left: 100px;
  }

  .login_left_sec img {
    width: 80%;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .fa-eye {
    top: 12px;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .docu_por h6 {
    font-size: 13px;
    line-height: 16px;
  }

  .asset_in.atten_sec {
    width: 95px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 30%;
  }

  .week_drop_sec .custom-select {
    width: 75%;
  }

  .sample_email_icon {
    left: 64%;
  }

  .apply_comp_sec .hed_txt {
    font-size: 15px;
  }

  .deal_top {
    height: 130px;
  }

  .avg_time_inn_rt {
    width: 140px;
  }

  .rou_trac {
    margin-top: 17px;
  }

  .candidate_inner1 .resume_btn {
    width: 40%;
  }

  .kra_review_in .kra_sec {
    width: 700px;
  }

  .pie-chart {
    width: 100% !important;
  }

  .skill_mid_plus {
    width: 88%;
    margin-right: 1%;
    float: left;
  }

  .pl-8 {
    padding-left: 45px !important;
  }

  .pro_round {
    width: 6%;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .new_comment .person_text_place {
    width: 89%;
  }

  .new_time .color_chk {
    width: 27%;
  }

  .chat_right_text_box {
    float: left;
    width: 87%;
  }

  .chat_visit .msgboard_textarea {
    width: 77% !important;
  }

  .msgbrd_chat1 .msgboard_textarea {
    width: 82% !important;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 77%;
  }

  .video_portfolio_inn_btm {
    margin-top: 160px;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 82% !important;
  }
}


@media only screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
  .messagePanel {
    height: 650px;
  }

  .opp_forward {
    width: 76%
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    width: 150px !important;
  }

  .video_portfolio_form_sec .booking_btns_sec .cancel {
    width: 130px;
    background-color: #ABABAB;
  }

  .otp_field {
    padding: 0 60px;
  }

  #file-chosen1 {
    font-size: 12px !important;
  }

  .budget_bar {
    width: 96% !important;
  }

  .message_board_inn #chat3 {
    height: 87vh;
  }

  .right_panel_message_board .comment_width {
    width: 71.9% !important;
  }

  .img_chat2 {
    width: 50%;
  }

  .new_comment_width {
    width: 77.4% !important;
  }

  .comment_box_upper_attach_inn {
    width: 84.9%;
  }

  .msgboard_textarea {
    width: 78% !important;
  }

  .message_show_width {
    width: 77% !important;
  }

  .rounded-top {
    height: 100px;
  }

  .manual_msg {
    width: 72% !important;
  }

  .msgbrd_chat1 .msgboard_textarea {
    width: 78% !important;
  }

  /* .msg_name_field .chat_right_upper_text_box p{width: 130px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: block;} */
  .msg_name_field .chat_right_text_box {
    width: 85%;
  }

  .msg_name_field .chat_right_text_box .img_chat2 {
    width: 70%;
  }

  .msg_name_field .chat_right_text_box .img_chat3 {
    width: 20%;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .creat_sec_rt .custom-select {
    width: 64%;
  }

  .creat_sec_lt {
    width: 80%;
    display: inline-block;
  }

  .creat_sec_rt {
    width: 20%;
    display: inline-block;
    text-align: right;
  }

  .skill_grade .custom-select {
    width: 40%;
    margin-right: 5px;
  }

  #task_status_id {
    margin-top: -8px;
    padding-left: 0px;
  }

  .document_card img {
    width: 20%;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 71.9%;
  }

  .new_user_logo img {
    width: 107px;
  }

  .new_user_logo {
    left: 11px;
  }

  .docu_por h6 {
    font-size: 13px;
    line-height: 16px;
  }

  .verified_sec {
    left: 92px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 100%;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 4px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 65%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 520px;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .overlay_sec img {
    width: 980px;
    right: 0px;
    height: 380px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 28px 0 90px;
    height: 100%;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 40px;
    padding-left: 90px;
  }

  .login_sec {
    padding: 60px 23px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 28px;
    line-height: 35px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 35px !important;
    font: 500 14px/16px "Open Sans", sans-serif;
    border: 1px solid #7f9fb6;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  /* .fa-eye-slash {
    top: 12px;
  } */

  .login_left_sec h2 span {
    font-size: 21px;
    line-height: 25px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .asset_in.atten_sec {
    width: 71px;
  }

  .asset_in.atten_sec {
    width: 100px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
  }

  .head_sec ul li {
    padding: 0 5px;
  }

  .c-header-nav li a {
    font-size: 14px;
  }

  .upload-btn-wrapper button {
    width: 80px;
  }

  .login_sec input[type="password"] {
    height: 58px !important;
  }

  .week_drop_sec .custom-select {
    width: 100%;
  }

  .sample_email_icon {
    left: 78%;
  }

  .inner_salary thead tr th {
    color: #fff;
  }

  .resume_rt .fa-download {
    font-size: 40px;
  }

  .visit_inn h6 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .visit_apple {
    width: 20%;
  }

  .blue_clr a {
    color: #2a3c87 !important;
  }

  .leave_inn .search_sec {
    width: 22% !important;
    font-size: 15px;
    padding-left: 8px;
  }

  .leave_dwn_sec .month_sec .save {
    width: 66px;
  }

  .deal_top {
    height: 130px;
  }

  .tra_hed .nav {
    margin-bottom: 12px;
  }

  .candidate_inner1 .resume_btn {
    width: 40%;
  }

  .avg_time_inn_rt {
    width: 120px;
  }

  .rou_trac {
    margin-top: 17px;
  }

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

  .kra_review_in .kra_sec {
    width: 500px;
  }

  .pie-chart {
    width: 100% !important;
  }

  .skill_mid_plus {
    width: 86%;
    margin-right: 1%;
    float: left;
  }

  .pl-8 {
    padding-left: 75px !important;
  }

  .pro_round {
    width: 6%;
  }

  .pro_round_rt span {
    width: 32%;
  }

  .new_comment .person_text_place {
    width: 86%;
  }

  .new_time .color_chk {
    width: 32%;
  }

  .time_up_date {
    margin-bottom: 0px;
  }

  .video_portfolio_inn_btm {
    margin-top: 140px;
  }

  .video_portfolio_inn_btm p br {
    display: none;
  }
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1199px) {
  .message_board_inn #chat3 {
    height: auto;
  }

  .opp_forward {
    width: 113%;
  }

  .forward_main {
    min-width: 167px;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 68% !important;
  }

  .msg_name_field .chat_right_text_box {
    width: 84%;
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    width: 170px !important;
  }

  .video_portfolio_form_sec .booking_btns_sec .cancel {
    width: 130px;
    background-color: #ABABAB;
  }

  .video_detail_container {
    flex-direction: column;
  }

  .video_detail_container .video-list-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .video_detail_container .video-thumbnail {
    padding: 0 6px;
  }

  .video_detail_container .video-section {
    width: 100%;
  }

  .video-section video {
    height: 490px !important;
  }

  .video-section {
    margin-bottom: 15px;
  }

  .comment_box_upper_attach_inn {
    width: 76.1%;
  }

  .msgbrd_chat1 .msgboard_textarea {
    width: 68% !important;
  }

  .otp_field {
    padding: 0px 28px;
  }

  .budget_bar {
    width: 95% !important;
  }

  .rounded-top {
    height: 100px;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 73%;
  }

  .msg_board_area {
    bottom: -1px;
    background: #fff;
  }

  .sun-editor {
    height: 417px !important;
  }

  .creat_sec_rt .custom-select {
    width: 83%;
  }

  .creat_sec_lt {
    width: 80%;
    display: inline-block;
  }

  .creat_sec_rt {
    width: 20%;
    display: inline-block;
    text-align: right;
  }

  .skill_grade {
    margin-top: 10px;
  }

  #task_status_id {
    margin-top: -8px;
    padding-left: 0px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 94px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
    width: 100%;
  }

  .resume_rt img {
    width: 100%;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 15px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 6px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
  }

  .mar_top5 {
    margin-top: 55px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 68%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 520px;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .overlay_sec img {
    width: 782px;
    right: 0px;
    height: 300px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 25px 0 80px;
    height: 100vh;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 40px;
    padding-left: 90px;
  }

  .login_sec {
    padding: 50px 23px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 28px;
    line-height: 35px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .login_left_sec h2 span {
    font-size: 21px;
    line-height: 25px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .asset_in.atten_sec {
    width: 100px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
  }

  .head_sec ul li {
    padding: 0 3px;
  }

  .c-header-nav li a {
    font-size: 12px;
  }

  /*20.07.2023*/
  .resume_sec {
    width: 48%;
    float: left;
  }

  .profile_complete_sec {
    width: 48%;
    float: right;
    margin-top: 0px;
    padding: 9px 14px 12px;
  }

  .resume_rt {
    width: 100%;
    text-align: right;
  }

  .resume_rt img {
    width: 60px;
  }

  .profile_complete_sec .progress-xs {
    height: 7px;
  }

  .profile_complete_sec p {
    padding-top: 0px;
  }

  .head_top_time {
    padding: 6px 5px;
  }

  .head_top_time p {
    font-size: 11px;
  }

  .head_clock_in {
    width: 20px;
  }

  .head_clock_in button {
    width: 100%;
    padding: 2px 0 3px;
    font-size: 11px;
  }

  .head_sec ul li a {
    padding: 8px 0 !important;
  }

  .logout_sec {
    font-size: 11px;
  }

  .week_drop_sec .custom-select {
    width: 100%;
  }

  .inner_salary thead tr th {
    color: #fff;
  }

  .leave_inn .search_sec {
    width: 25% !important;
    font-size: 15px;
    padding-left: 8px;
  }

  .leave_dwn_sec .month_sec .save {
    width: 66px;
  }

  .tra_hed ul li {
    padding: 0 10px;
  }

  .tra_hed ul {
    margin-bottom: 10px;
  }

  .skill_cancel {
    margin-right: 9px;
  }

  .addmore {
    padding: 5px 9px !important;
  }

  .deal_top {
    height: 130px;
  }

  .candidate_inner1 .resume_sec {
    width: 100%;
  }

  .candidate_inner1 .resume_btn {
    width: 40%;
  }

  .avg_time_inn_rt {
    width: 100px;
  }

  .rou_trac {
    margin-top: 17px;
  }

  .rou_trac h5 {
    font-size: 13px;
  }

  .kra_review_in .kra_sec {
    width: 400px;
  }

  .projects_menu ul li {
    padding: 0 6px;
  }

  .skill_mid_plus {
    width: 85%;
    margin-right: 1%;
    float: left;
  }

  .pl-8 {
    padding-left: 30px !important;
  }

  .pro_round {
    width: 8%;
  }

  .pro_round_rt {
    padding-top: 8px;
    width: 89%;
  }

  .task_issue_table table {
    height: auto;
  }

  .pro_round_rt span {
    margin-right: 5px;
    width: 32%;
    float: left;
  }

  .bdrt_inn {
    border: none;
  }

  .new_comment .person_text_place {
    width: 78%;
  }

  .sett_dropbar {
    padding-left: 0px;
  }

  .msgboard_textarea {
    width: 73% !important;
  }

  .new_time .time_up_date {
    width: 39%;
  }

  .new_time .color_chk {
    width: 42%;
  }

  .hour_txt {
    font-size: 14px;
    padding-right: 10px;
  }

  .ball_park_txt p br {
    display: none;
  }

  .ball_park::after {
    background: none;
  }

  .ball_park {
    width: 100%;
    border-radius: 47px;
  }

  .video_portfolio_inn_btm {
    margin-top: 120px;
  }

  .video_portfolio_inn_btm p br {
    display: none;
  }

  .watch_now {
    padding: 7px 15px;
    color: #fff;
    font: 500 15px / 20px "Lato", sans-serif;
  }

  .main_cont {
    max-width: none !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .chat_visit .manual_msg {
    width: 79% !important;
  }

  .opp_forward {
    width: 69%;
  }

  .forward_main {
    max-width: 37%;
    min-width: 161px;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 77% !important;
    bottom: 60px;
  }

  .msg_name_field .chat_right_text_box {
    width: 93%;
  }

  .right_panel_message_board {
    padding-left: 15px;
  }

  .main_cont {
    max-width: none !important;
  }

  .require_box .con1 span {
    font-size: 11px;
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    width: 142px !important;
  }

  .video_portfolio_form_sec .booking_btns_sec .cancel {
    width: 115px;
    background-color: #ABABAB;
  }

  .video_form_ht {
    height: 100vh !important;
  }

  .otp_field {
    padding: 0px 6px;
  }

  .video_detail_container {
    flex-direction: column;
  }

  .video_detail_container .video-list-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .video_detail_container .video-thumbnail {
    padding: 0 6px;
  }

  .video_detail_container .video-section {
    width: 100%;
  }

  .video-section video {
    height: 400px !important;
  }

  .video-section {
    margin-bottom: 15px;
  }

  .video-list-section .watch_now {
    position: absolute;
    bottom: 15px;
    left: 11px;
    background: #E74C3C;
    padding: 6px 7px;
    color: #fff;
    font: 500 13px / 16px "Lato", sans-serif;
    border-radius: 2px;
  }

  .fa-play {
    font-size: 13px;
  }

  .budget_bar {
    width: 93% !important;
  }

  .message_board_inn #chat3 {
    height: auto;
  }

  .comment_box_upper_attach_inn {
    width: 79%;
  }

  .rounded-top {
    height: 100px;
  }

  .hour_txt {
    width: 40%;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .creat_sec_lt {
    width: 80%;
    display: inline-block;
  }

  .creat_sec_rt {
    width: 20%;
    display: inline-block;
    text-align: right;
  }

  .creat_sec_rt .custom-select {
    width: 83%;
  }

  .dot_inner {
    left: 0px;
  }

  .mark_cen {
    text-align: center !important;
  }

  .plus_lt {
    padding-left: 0px !important;
  }

  .week_drop_sec .custom-select {
    width: 80%;
  }

  .date_atendance_sec {
    font-size: 13px;
  }

  .sun-editor {
    height: 417px !important;
  }

  .comp_off_inn .sun-editor {
    height: auto !important;
  }

  .chart_card_sec {
    height: 96%;
  }

  .table_width1 {
    width: 102%;
  }

  .inner_salary thead tr th {
    color: #fff !important;
  }

  .save_temp {
    display: inline-block !important;
  }

  /* .epic_icon_inn .fa-pen-to-square{font-size: 11px;}
  .epic_icon_inn .fa-trash{font-size: 11px;} */
  .sett_dropbar {
    padding-left: 0px;
    padding-top: 13px;
  }

  .skill_grade {
    margin-top: 10px;
  }

  #task_status_id {
    margin-top: -8px;
    padding-left: 0px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 79%;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 95px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 51%;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 15px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 68%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 520px;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .avg_time {
    height: 83px;
    margin-bottom: 8px;
  }

  .overlay_sec img {
    width: 782px;
    right: 0px;
    height: 300px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 25px 0 80px;
    height: 100vh;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 40px;
    padding-left: 0px;
  }

  .login_sec {
    padding: 50px 23px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 20px;
    line-height: 28px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .login_left_sec h2 span {
    font-size: 18px;
    line-height: 22px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .asset_in.atten_sec {
    width: 100px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
  }

  .head_sec ul li {
    padding: 0 5px;
  }

  .c-header-nav li a {
    font-size: 14px;
  }

  html:not([dir="rtl"]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
  html:not([dir="rtl"]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
    margin-left: 0px;
  }

  /*10.08.2023*/
  .login_sec .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    height: 35px !important;
  }

  .hidden_eye {
    top: 10px;
  }

  .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    font-size: 13px;
    line-height: 16px;
  }

  .visit_inn h6 {
    font-size: 18px !important;
    line-height: 22px !important;
    width: 78%;
  }

  .visit_apple img {
    width: 33px;
  }

  .resume_sec {
    width: 48%;
    float: left;
  }

  .profile_complete_sec {
    width: 48%;
    float: right;
    margin-top: 0px;
  }

  .resume_rt {
    text-align: right;
  }

  .password_sec {
    width: 48%;
    padding: 0px;
  }

  .c-header-nav {
    justify-content: flex-end !important;
    width: 88%;
  }

  .leave_inn .search_sec {
    width: 25% !important;
    font-size: 15px;
    padding-left: 8px;
  }

  .others_menu {
    display: block;
  }

  .dot_inner a .fa-regular {
    float: left;
  }

  .dot_inner a span {
    width: auto !important;
  }

  .modal-dialog {
    max-width: 600px !important;
  }

  .tra_hed ul {
    margin-bottom: 10px;
  }

  .skill_sec .skill_cancel {
    margin-right: 8px;
  }

  .deal_top {
    height: 130px;
  }

  .candidate_inner1 .resume_sec {
    width: 100%;
  }

  .candidate_inner1 .resume_btn {
    width: 40%;
  }

  .avg_time_inn_rt {
    width: 56px;
  }

  .rou_trac {
    margin-top: 17px;
  }

  .rou_trac h5 {
    font-size: 13px;
  }

  .kra_review_in .kra_sec {
    width: 400px;
  }

  .projects_menu ul li {
    padding-right: 6px;
  }

  .projects_menu ul li a {
    font-size: 14px;
  }

  .skill_mid_plus {
    width: 83%;
    margin-right: 3%;
    float: left;
  }

  .pro_round {
    width: 9%;
  }

  .pro_round_rt {
    padding-top: 0px;
  }

  .pie-chart {
    height: auto;
  }

  .task_issue_table table {
    height: 200px;
  }

  .bdrt_inn {
    border: none;
  }

  .act_last {
    margin-top: 8px;
  }

  .btn-close {
    padding-top: 3px;
  }

  /* .bg-white .member_search1{text-align: right;} */
  .assign_select .form-check-input {
    margin-top: 2px;
  }

  .new_comment .person_text_place {
    width: 81%;
  }

  .new_time .time_up_date {
    width: 64%;
  }

  .new_time .color_chk {
    width: 43%;
  }

  .new_time1 .color_chk {
    width: 100%;
  }

  .ball_park_txt p br {
    display: none;
  }

  .ball_park::after {
    display: none;
  }

  .ball_park {
    width: 100%;
    border-radius: 47px;
  }

  .video_portfolio_inn_btm {
    margin-top: 80px;
  }

  .video_portfolio_inn {
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .resume_sec {
    width: 48%;
    float: left;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 73% !important;
    bottom: 60px;
  }

  .msg_name_field .chat_right_text_box {
    width: 92%;
  }

  .video_portfolio_form_sec {
    width: 100%;
    padding-top: 80px;
  }

  .budget_bar {
    width: 92% !important;
    padding-left: 5%;
  }

  .video_detail_container {
    flex-direction: column;
  }

  .video_detail_container .video-list-section {
    width: 100%;
  }

  .video_detail_container .video-thumbnail {
    padding: 0 6px;
  }

  .video_detail_container .video-section {
    width: 100%;
  }

  .video-section video {
    height: 300px !important;
  }

  .video-section {
    margin-bottom: 15px;
  }


  .chat_visit .right_panel_message_board .comment_width {
    width: 73%;
  }

  .chat_visit .manual_msg {
    width: 73% !important;
  }

  .hour_txt {
    width: 100%;
  }

  .sett_dropbar {
    padding-left: 0px;
  }

  .creat_sec_lt {
    width: 70%;
    display: inline-block;
  }

  .creat_sec_rt {
    width: 30%;
    display: inline-block;
    text-align: right;
  }

  .creat_sec_rt .custom-select {
    width: 83%;
  }

  .table_width1 {
    width: 102%;
  }

  .inner_salary thead tr th {
    color: #fff !important;
  }

  #task_status_id {
    margin-top: -8px;
    padding-left: 0px;
  }

  .profile_complete_sec {
    width: 48%;
    float: right;
    margin-top: 0px;
  }

  .resume_rt {
    text-align: right;
  }

  .password_sec {
    width: 100%;
  }

  .c-header-nav {
    justify-content: flex-end !important;
    width: 88%;
  }

  .tra_hed ul {
    margin-bottom: 10px;
  }

  .rounded-top {
    height: 100px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 100px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 51%;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 15px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 68%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 520px;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .avg_time {
    height: 83px;
    margin-bottom: 8px;
  }

  .overlay_sec img {
    width: 782px;
    right: 0px;
    height: 300px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 25px 0 80px;
    height: 100%;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 40px;
    padding-left: 0px;
  }

  .login_sec {
    padding: 50px 23px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 20px;
    line-height: 28px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .login_left_sec h2 span {
    font-size: 18px;
    line-height: 22px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .asset_in.atten_sec {
    width: 86px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
  }

  .head_sec ul li {
    padding: 0 5px;
  }

  .c-header-nav li a {
    font-size: 14px;
  }

  html:not([dir="rtl"]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
  html:not([dir="rtl"]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
    margin-left: 0px;
  }

  /*10.08.2023*/
  .login_sec .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    height: 35px !important;
  }

  .hidden_eye {
    top: 10px;
  }

  .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    font-size: 13px;
    line-height: 16px;
  }

  .visit_inn h6 {
    font-size: 18px !important;
    line-height: 22px !important;
    width: 78%;
  }

  .visit_apple img {
    width: 33px;
  }

  .leave_inn .search_sec {
    width: 30% !important;
    font-size: 15px;
    padding-left: 8px;
  }

  .upcome_sec {
    width: 67%;
  }

  .others_menu {
    display: block;
  }

  .dot_inner a .fa-regular {
    float: left;
  }

  .dot_inner a span {
    width: auto !important;
  }

  .leave_dwn_sec .month_sec .save {
    width: 66px;
  }

  .skill_mid {
    margin-bottom: 8px;
  }

  .skill_mid .skill_cancel {
    margin-left: 10px;
  }

  .skill_mid .addmore {
    margin-left: 10px;
  }

  .deal_top {
    height: 130px;
  }

  .tra_hed .month_sec {
    margin-top: 10px;
  }

  .deal_icon .icon_sec {
    top: -23px;
  }

  .candidate_inner1 .resume_sec {
    width: 100%;
  }

  .candidate_inner1 .resume_btn {
    width: 40%;
  }

  .candidate_inner1 .resume_lt h6 {
    font-size: 13px;
  }

  .candidate_inner1 .resume_lt span {
    font-size: 13px;
  }

  .avg_time_inn_rt {
    width: 58px;
  }

  .rou_trac {
    margin-top: 16px;
  }

  .rou_trac h5 {
    font-size: 12px;
  }

  .kra_review_in .kra_sec {
    width: 400px;
  }

  .export_sm {
    margin-top: 20px;
  }

  .projects_menu ul li {
    padding-right: 6px;
  }

  .projects_menu ul li a {
    font-size: 14px;
  }

  .exportbtn1 {
    width: 28% !important;
  }

  .pro_round_rt {
    width: 90%;
    padding-top: 0px;
  }

  .pro_round {
    width: 9%;
  }

  .in_progress_sec {
    padding-top: 0px;
  }

  .pro_round_rt span {
    width: auto;
  }

  .bdrt_inn {
    border: none;
  }

  .epic_icon_inn .icon_sec {
    top: 0px;
  }

  .act_last {
    margin-top: 8px;
  }

  .sales_sec .month_sec {
    margin-bottom: 8px;
    display: inline-block;
  }

  .new_comment .person_text_place {
    width: 86%;
  }

  .new_time .time_up_date {
    width: 64%;
  }

  .new_time .color_chk {
    width: 43%;
  }

  .time_project .color_chk {
    width: 100%;
  }

  .video_portfolio_inn_btm {
    margin-top: 50px;
  }

  .video_portfolio_inn {
    height: 100%;
  }

  .require_box {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .add_margin{margin-top: 0px !important;}
  .cmnt_bodr_remove {
    border: none !important;
  }

  .choose_calender {
    display: none;
  }

  .choose_forward_back {
    display: block;
    font-size: 18px;
  }

  .message_board_inn #chat3 {
    height: auto;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 71% !important;
  }

  .msg_name_field .chat_right_text_box {
    width: 90%;
  }

  .video_portfolio_inn_lt_logo img {
    width: 100px;
  }

  .video_detail_container {
    flex-direction: column;
  }

  .video_detail_container .video-list-section {
    width: 100%;
  }

  .video_detail_container .video-thumbnail {
    padding: 0 6px;
  }

  .video_detail_container .video-section {
    width: 100%;
  }

  .video-section video {
    height: 220px !important;
  }

  .video-section {
    margin-bottom: 15px;
  }

  .video_portfolio_inn_lt_logo {
    text-align: center;
  }

  .video_detail_container {
    padding: 30px 20px;
  }

  .like-dislike-buttons {
    width: 50%;
  }

  .controls {
    display: inline-block;
  }

  .video_detail_container .controls p {
    font-size: 18px;
  }

  .video_portfolio_inn_btm h3 {
    font-size: 25px;
    line-height: 30px;
  }

  .video_portfolio_inn_lt_logo {
    text-align: center;
  }

  .video_portfolio_inn_btm p {
    padding-top: 15px;
    font: 100 16px / 27px "Poppins", sans-serif;
  }

  .video_portfolio_inn_btm p br {
    display: none;
  }

  .video_portfolio_form_sec {
    width: 100%;
    padding-top: 30px;
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    width: 52% !important;
  }

  .video_portfolio_form_sec .booking_btns_sec .opacity_mild {
    padding: 11px 0;
  }

  .video_portfolio_form_sec .booking_btns_sec .cancel {
    width: 45%;
  }

  .chat_visit .manual_msg {
    width: 71% !important;
  }

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

  .right_ang1 {
    position: absolute !important;
    right: 18px !important;
    top: 10px !important;
  }

  .right_save {
    right: 7px !important;
    top: 9px !important;
  }

  .selection_table {
    overflow-x: scroll;
  }

  .creat_sec_lt {
    width: 72%;
  }

  .creat_sec_rt {
    width: 28%;
  }

  .creat_sec_rt .custom-select {
    padding-left: 5px;
  }

  .profile_complete_sec {
    width: 100%;
    float: right;
    margin-top: 0px;
  }

  .resume_rt {
    text-align: right;
  }

  .password_sec {
    width: 48%;
    padding-top: 0px;
  }

  .c-header-nav {
    justify-content: flex-end !important;
    width: 88%;
  }

  .rounded-top {
    height: 100px;
  }

  .new_user_logo img {
    width: 52%;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 150px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 50px;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 15px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 16px;
    padding: 0 0 5px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 68%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 100%;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .avg_time {
    height: 83px;
    margin-bottom: 8px;
  }

  .overlay_sec img {
    width: 782px;
    right: 0px;
    height: 300px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 25px 0 80px;
    height: 100%;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 40px;
    padding-left: 0px;
  }

  .login_sec {
    padding: 50px 23px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 20px;
    line-height: 28px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 40px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .login_left_sec h2 span {
    font-size: 18px;
    line-height: 22px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 12px 0;
    font-size: 15px;
    line-height: 18px;
  }

  .asset_in.atten_sec {
    width: 86px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
    left: 35px;
  }

  .head_sec ul li {
    padding: 0 5px;
  }

  .c-header-nav li a {
    font-size: 14px;
  }

  html:not([dir="rtl"]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
  html:not([dir="rtl"]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
    margin-left: 0px;
  }

  /*10.08.2023*/
  .login_sec .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    height: 35px !important;
  }

  .hidden_eye {
    top: 10px;
  }

  .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    font-size: 13px;
    line-height: 16px;
  }

  .visit_inn h6 {
    font-size: 18px !important;
    line-height: 22px !important;
    width: 78%;
  }

  .visit_apple img {
    width: 33px;
  }

  .verified_sec {
    width: auto;
    left: 94px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .verified_inn img {
    width: 22px;
  }

  .logo_sec1 {
    display: none !important;
  }

  .back_verification_sec {
    padding: 10px 0;
  }

  .basic_lt {
    height: auto;
    margin-bottom: 10px;
  }

  .basic_rt {
    height: auto;
  }

  .head_top_time p {
    font-size: 11px;
  }

  .head_clock_in {
    width: 20px;
  }

  .leave_dwn_sec ul li {
    padding: 0 9px;
  }

  .user_sec {
    overflow: auto;
  }

  .margin_top {
    margin-top: 0px;
  }

  .document_card_mid h6 {
    font-size: 14px;
  }

  .document_card_mid p {
    font-size: 12px;
  }

  .document_card_mid {
    padding-top: 9px;
  }

  .docu_por img {
    margin-right: 2px;
  }

  .docu_por h6 {
    font-size: 13px;
    line-height: 15px;
  }

  .logout_mob {
    display: none;
  }

  .atten_sec {
    text-align: center;
  }

  .present_brdr .comp_off_inn p {
    font-size: 13px;
  }

  .comp_off_inn label {
    font-size: 13px;
  }

  .c-sidebar-nav-link {
    padding: 13px 11px !important;
    font-size: 12px;
    line-height: 15px;
  }

  .c-sidebar-nav-icon {
    font-size: 13px !important;
  }

  .c-sidebar {
    width: 175px !important;
  }

  .screen_search {
    width: 100%;
    text-align: center;
  }

  .screen_search button {
    width: 120px;
  }

  .leave_inn .search_sec {
    width: 100% !important;
    font-size: 15px;
    padding-left: 8px;
    margin-bottom: 8px;
  }

  .upcome_sec {
    width: 100%;
  }

  .others_menu {
    display: block;
  }

  .dot_inner a .fa-regular {
    float: left;
  }

  .dot_inner a span {
    width: auto !important;
  }

  .logout_sec img {
    width: 14px;
  }

  .logout_sec {
    padding-left: 8px;
  }

  .logo_mob_small {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .logo_mob_small img {
    width: 50%;
  }

  .leave_dwn_sec .month_sec .save {
    background: #17ba77;
    border-radius: 6px;
    padding: 8px 0;
    font: 700 12px/16px "Open Sans", sans-serif;
    color: #fff;
    width: 115px;
  }

  .leave_dwn_sec .month_sec {
    text-align: center;
    margin-top: 10px;
    display: inline-block;
  }

  .sales_sec .month_sec {
    margin-bottom: 8px;
    display: inline-block;
  }

  .deal_top {
    height: 130px;
  }

  .tra_search .save {
    float: right;
    width: 66px !important;
  }

  .candidate_inner1 .resume_sec {
    margin-top: 6px;
  }

  .kra_review_in .kra_sec {
    width: 260px;
  }

  .epic_btn {
    margin-top: 10px;
  }

  .appe_intro_btn {
    margin-top: 0px;
  }

  .task_btn_sec {
    margin-top: 8px;
  }

  /* .fil_ht{padding-top: 14px !important;} */
  .mob_filter_ht {
    padding-top: 7px;
  }

  .grey_bck {
    margin-top: 8px;
  }

  .pro_round .avg_time_inn_rt {
    width: 50px;
  }

  .pro_round_rt {
    width: 82%;
    float: left;
    padding-top: 6px;
  }

  .pro_round {
    width: 11%;
  }

  .bdrt_inn {
    border: none;
  }

  .leave_top_sec .atten_sec {
    margin-top: 8px;
  }

  /*19.12.2023*/
  .tracker_dwn {
    width: 100%;
    text-align: center;
  }

  .tracker_dwn a .fa-linux {
    float: none !important;
  }

  .tracker_dwn .fa-apple {
    color: #00cddd;
    float: none !important;
  }

  .tracker_dwn .fa-windows {
    color: #00cddd;
    float: none !important;
  }

  .tracker_dwn a span {
    width: 100%;
    padding: 0px;
    text-align: center;
    float: none;
    display: inline-block;
  }

  /* .c-datatable-items-per-page{display: none !important;}
  .c-datatable-filter{display: none !important;} */
  .brk {
    word-break: break-all;
  }

  .sequence_top_lt p {
    padding: 0px;
    text-align: center;
    font-size: 13px;
  }

  .sequence_main_label .atten_sec button {
    width: auto;
    padding: 7px 6px;
  }

  .sequence_main_label .atten_sec {
    width: auto;
    margin-top: 8px;
  }

  .mn_off {
    display: none;
  }

  .my_leave_sec .month_sec .custom-select {
    width: 100%;
  }

  .sc-aXZVg {
    min-width: 100% !important;
  }

  .act_last {
    margin-top: 8px;
  }

  .month_sec .custom-select {
    width: 100%;
  }

  .plus_lt {
    padding-left: 0px !important;
  }

  /* .mfe-2{display: none;}
 .c-datatable-filter{width: 70%; float: left;}
 .c-datatable-items-per-page{width: 30%; float: right;}
 .c-datatable-filter input[type="text"]{width: 100%;}
 .c-datatable-items-per-page select{width: 100%;} */
  .inner_salary thead tr th {
    color: #fff;
  }

  .table-scroll th:first-child {
    position: relative;
  }

  .table-scroll th:nth-child(2) {
    position: relative;
    left: 0px !important;
  }

  .leave_dwn_sec ul li a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
  }

  .new_comment .person_text_place {
    width: 75%;
  }

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

  .effort_plan select {
    margin-bottom: 4px;
  }

  .effort_plan input[type="number"] {
    margin-bottom: 4px;
  }

  .effort_plan {
    margin-bottom: 15px;
  }

  .my_message .hide_note {
    float: left;
    padding-top: 10px;
  }

  .impanel1,
  .impanel2,
  .impanel3,
  .impanel4 {
    width: 100px;
    height: 100px;
  }

  .impanel4 img {
    width: 100px;
    height: 100px;
  }

  .comment_box_bar_lt .hide_note {
    height: 200px;
  }

  .my_message .comment_box_bar_lt_txt {
    max-width: 100%;
  }

  .comment_box_upper_attach_inn {
    width: 71.7%;
  }

  .comment_box_bar .comment_box_bar_lt_txt {
    max-width: 100%;
  }

  .new_comment_width {
    width: 70%;
  }

  .new_time .atten_sec {
    width: 95px;
  }

  .new_time .time_up_date {
    width: 75%;
  }

  .new_time1 .color_chk {
    width: 100%;
    margin-top: 50px;
  }

  .new_time1 .dash_time {
    width: 100% !important;
  }

  .time_project .color_chk {
    width: 100%;
    margin-top: 0px;
  }

  .left_chat {
    width: 90% !important;
    float: right;
  }

  /*27.08.2024*/
  .sales_team_inn {
    width: 100%;
    margin-bottom: 12px;
  }

  .team_member {
    height: auto;
  }

  .calender_time_box {
    width: 48%;
    max-width: 100%;
    flex: none;
  }

  .schedule_card {
    width: 100%;
  }

  .schedule_body .card-text {
    padding-left: 5px;
  }

  .schedule_card {
    padding: 20px 20px;
  }

  .booking_field {
    padding: 0 8px;
  }

  .booking_btns_sec .save {
    width: 195px;
    position: relative;
    background-color: #E74C3C;
    border-radius: 4px;
    padding: 10px 0;
    color: #fff;
    font: 500 14px / 20px "Poppins", sans-serif;
  }

  .booking_btns_sec .cancel {
    width: 100px;
    background-color: #ABABAB;
    border-radius: 4px;
    padding: 9px 0;
    color: #fff;
    font: 500 14px / 20px "Poppins", sans-serif;
  }

  .esti_btn {
    width: 177px !important;
  }

  .fa-chevron-left {
    font-size: 13px;
  }

  .team_member1 img {
    width: 75%;
  }

  .booking_calender {
    padding: 25px 6px;
  }

  .choose_date {
    text-align: left;
  }

  .choose_calender {
    text-align: left;
  }

  .ball_park {
    border-radius: 47px;
    width: 100%;
    margin-bottom: 12px;
  }

  .ball_park::after {
    background-image: none !important;
  }

  .team_table_main {
    margin-top: 25px;
  }

  .dugdugi_rt {
    position: absolute;
    right: 15px;
    top: -26px;
    font-size: 17px;
  }

  .month_cal {
    margin-top: 35px;
  }

  .dugdugi_lt {
    top: -26px;
    font-size: 17px;
  }

  .choose_calender .up_caret {
    top: 9px;
  }

  .choose_calender .dwn_caret {
    bottom: 8px;
  }

  .require_box {
    margin-bottom: 10px;
  }

  .main_calculator {
    padding: 0 15px;
  }

  .pr-0 {
    padding-right: 15px !important;
  }

  .con1 span {
    font-size: 13px;
  }

  .fixed_cost_sec .custom-select {
    font-size: 13px;
  }

  .appoinment_hed h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .schedule_para {
    font-size: 14px;
  }

  .mail_sent_txt img {
    width: 90%;
  }

  .large_btn button {
    margin-bottom: 6px;
  }

  .mail_sent_txt {
    padding: 0 8px;
  }

  #file-chosen {
    font-size: 11px;
  }

  .right_ang {
    right: 34px !important;
  }
}

@media only screen and (max-width: 480px) {
  .message_board_panel_name {
    width: 85%;
  }

  .msg_name_field .chat_right_text_box {
    width: 84%;
  }

  .opp_forward {
    width: 84%;
  }

  .opp_forward .left_message_txt_panel {
    min-width: 140px;
  }

  .forward_main {
    max-width: 35%;
    min-width: 212px;
  }

  .mesg_brd_upper_img_box .comment_width {
    width: 69% !important;
  }

  .chatbot_left_message_txt_panel {
    max-width: 80%;
  }

  .message_board_inn #chat3 {
    height: auto;
  }

  .ballpark_main {
    padding: 0px;
  }

  .ballparkcost_inn_file #file-chosen1 {
    left: 58%;
  }

  .ballparkcost_inn {
    margin-top: 22px;
  }

  .video_portfolio_inn_rt {
    padding: 19px 0 0 0px;
  }

  .video_portfolio_inn_lt_logo img {
    width: 100px;
  }

  .video_detail_container {
    flex-direction: column;
  }

  .video_detail_container .video-list-section {
    width: 100%;
  }

  .video_detail_container .video-thumbnail {
    padding: 0 6px;
  }

  .video_detail_container .video-section {
    width: 100%;
  }

  .video-section video {
    height: 220px !important;
  }

  .video-section {
    margin-bottom: 15px;
  }

  .video_portfolio_inn_lt_logo {
    text-align: center;
  }

  .video_detail_container {
    padding: 30px 20px;
  }

  .like-dislike-buttons {
    width: 50%;
  }

  .controls {
    display: inline-block;
  }

  .video_detail_container .controls p {
    font-size: 18px;
  }

  .video_portfolio_inn_lt_logo p {
    font: 100 12px / 20px "Poppins", sans-serif;
  }

  .video_portfolio_inn_btm {
    margin-top: 20px;
  }

  .video_portfolio_inn_btm h3 {
    font-size: 25px;
    line-height: 30px;
  }

  .video_portfolio_inn_btm p {
    padding-top: 15px;
    font: 100 15px / 20px "Poppins", sans-serif;
    color: #FFFFFF;
  }

  .otp_field {
    padding: 0px;
  }

  .otpverify_main .verify_box_inner input[type="text"] {
    width: 100% !important;
  }

  .otp_resend {
    font-size: 18px;
    line-height: 22px;
  }

  .otp_resend span {
    font-size: 18px;
  }

  .watch_now {
    padding: 10px 16px;
    color: #fff;
    font: 500 15px / 20px "Lato", sans-serif;
  }

  .video_portfolio_inn_btm p br {
    display: none;
  }

  .chat_visit .manual_msg {
    width: 68% !important;
  }

  .chat_visit .message_board_comment .comment_message {
    padding-left: 2px;
  }

  .chat_visit .right_panel_message_board .comment_width {
    width: 69%;
  }

  .dtlKip {
    min-width: 276px;
  }

  .resume_sec {
    width: 100%;
    float: left;
    padding: 4px;
  }

  .profile_complete_sec {
    width: 100%;
    float: right;
    margin-top: 0px;
  }

  .resume_rt {
    text-align: right;
  }

  .password_sec {
    width: 100%;
  }

  .c-header-nav {
    justify-content: flex-end !important;
    width: 87%;
  }

  .rounded-top {
    height: 100px;
  }

  .new_user_logo img {
    width: 52%;
  }

  .new_user_logo {
    left: 11px;
  }

  .verified_sec {
    left: 150px;
  }

  .verified_inn img {
    width: 22px;
  }

  .user_designation {
    padding: 50px 8px 15px 8px;
  }

  .user_designation h6 {
    font-size: 15px;
  }

  .user_designation p {
    font-size: 12px;
  }

  .user_designation span {
    margin: 0px;
    padding-top: 10px;
    font: 500 14px/20px "Open Sans", sans-serif;
  }

  .resume_rt img {
    width: 50px;
  }

  .resume_btn {
    width: 100%;
    margin-top: 11px;
    text-align: center;
  }

  .document_sec .nav-link {
    padding: 16px 15px 20px;
    font: 500 12px/14px "Open Sans", sans-serif;
  }

  .document_lt_inn .nav-link img {
    padding-right: 6px;
    padding-bottom: 15px;
    float: left;
  }

  .verified_inn p {
    padding-top: 1px;
    font-size: 13px;
  }

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

  .profile_complete_sec h6 {
    font-size: 14px;
    margin: 0 0 15px;
  }

  .password_sec a {
    font-size: 13px;
  }

  .hed_txt {
    font-size: 14px;
    padding: 0 0 5px;
  }

  .brdr {
    padding: 8px 0;
  }

  .brdr .text {
    font-size: 13px;
  }

  .brdr .title {
    color: #577081;
    font-size: 13px;
  }

  .user_designation_inn {
    margin-bottom: 14px;
  }

  .color_box {
    padding-left: 0px;
  }

  .leave_inn thead tr th {
    font: 500 13px/18px "Open Sans", sans-serif;
    color: #fff;
    padding: 7px;
  }

  .attendance_log ul li a {
    padding: 6px 6px;
    font: 700 14px/20px "Open Sans", sans-serif;
  }

  .month_sec select {
    width: 68%;
    float: right;
  }

  .avg_time {
    padding: 12px;
  }

  .avg_time_inn_lt h5 {
    font-size: 12px;
  }

  .avg_time_inn_lt p {
    padding-top: 15px;
    font: 700 16px/18px "Open Sans", sans-serif;
  }

  .leave_inn tbody tr td {
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
  }

  .mt_top {
    margin-top: 15px;
  }

  .document_card {
    padding: 15px 10px;
  }

  .document_lt_inn {
    display: inline-block;
  }

  .docu_por .nav-link {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
  }

  .kra_sec ul li {
    font-size: 14px;
    line-height: 16px;
  }

  .month_pop_main {
    width: 100%;
  }

  .leave_top_sec .atten_sec {
    width: 104px;
  }

  .avg_time {
    height: auto;
    margin-bottom: 8px;
  }

  .overlay_sec img {
    width: 782px;
    right: 0px;
    height: 300px;
  }

  .overlay_sec {
    right: 0px;
  }

  .signin_sec {
    padding: 25px 0 80px;
    height: 100%;
  }

  .logo {
    width: auto;
    padding-left: 35px;
  }

  .logo img {
    width: 100px;
  }

  .login_left_sec {
    width: 100%;
    padding-top: 0px;
    padding-left: 0px;
  }

  .login_sec {
    padding: 20px 15px;
    border-radius: 6px;
    margin-top: 0px;
  }

  .login_left_sec h2 {
    font-size: 20px;
    line-height: 28px;
    padding: 0px;
  }

  .login_sec .commentForm h6 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
  }

  .login_left_sec img {
    padding-top: 25px;
  }

  .login_inner {
    margin-bottom: 18px;
  }

  .login_inner input[type="email"],
  input[type="password"] {
    height: 38px;
  }

  .forgot_pass {
    width: 100%;
    text-align: right !important;
  }

  .login_btn {
    font: 500 14px/20px "Open Sans", sans-serif;
    margin-top: 20px;
    padding: 12px 0 !important;
  }

  .login_inner label {
    font: 600 14px/16px "Open Sans", sans-serif;
    color: #223345;
    padding-bottom: 6px;
    margin: 0px;
  }

  .fa-eye-slash {
    top: 12px;
  }

  .login_left_sec h2 span {
    font-size: 18px;
    line-height: 22px;
  }

  .mainsalary_sec thead tr th {
    color: #000;
  }

  .verify_box {
    padding-top: 18px;
  }

  .otp_btm p {
    font-size: 15px;
    line-height: 18px;
  }

  .otp_btm .atten_sec1 .cancel {
    padding: 8px 0;
    font-size: 14px;
    line-height: 16px;
  }

  .otp_btm .atten_sec1 .save {
    padding: 8px 0;
    font-size: 14px;
    line-height: 16px;
  }

  .asset_in.atten_sec {
    width: 100px;
  }

  .sales_person_note {
    font-size: 15px;
  }

  .sample_note p {
    font-size: 13px;
    line-height: 17px;
  }

  .add_comment {
    font-size: 14px;
  }

  .sales_lt_up h6 {
    font-size: 15px;
  }

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

  .comp_off_inn {
    margin-bottom: 9px;
  }

  .editable_icon {
    right: 20%;
  }

  .head_sec ul li {
    padding: 0 5px;
  }

  .c-header-nav li a {
    font-size: 14px;
  }

  html:not([dir="rtl"]) .c-sidebar.c-sidebar-lg-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper,
  html:not([dir="rtl"]) .c-sidebar.c-sidebar-show:not(.c-sidebar-right).c-sidebar-fixed~.c-wrapper {
    margin-left: 0px;
  }

  /*10.08.2023*/
  .login_sec .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    height: 35px !important;
  }

  .hidden_eye {
    top: 10px;
  }

  .login_inner input[type="email"],
  input[type="password"],
  input[type="text"] {
    font-size: 13px;
    line-height: 16px;
  }

  .visit_inn h6 {
    font-size: 18px !important;
    line-height: 22px !important;
    width: 78%;
  }

  .visit_apple img {
    width: 33px;
  }

  .verified_sec {
    width: auto;
    left: 94px;
  }

  .new_user_logo img {
    width: 107px;
  }

  .verified_inn img {
    width: 22px;
  }

  .ant-image {
    width: 100% !important;
  }

  .profile_complete_sec {
    margin-top: 10px;
  }

  .color_sec {
    width: 16px;
    height: 12px;
  }

  .color_box {
    font-size: 12px;
  }

  .verify_box {
    width: 100% !important;
  }

  .verify_box>div {
    display: inline-block !important;
  }

  .verify_box_inner {
    float: left;
  }

  .verify_box .verify_box_inner input[type="text"] {
    width: 20px !important;
    padding: 0px !important;
    margin: 0 5px;
    font: 600 13px/16px "Open Sans", sans-serif;
  }

  .commentForm p {
    font: 600 13px/16px "Open Sans", sans-serif;
  }

  .logo_sec1 {
    display: none !important;
  }

  .back_verification_sec {
    padding: 10px 0;
  }

  .basic_lt {
    height: auto;
    margin-bottom: 10px;
  }

  .basic_rt {
    height: auto;
  }

  .head_top_time p {
    font-size: 11px;
  }

  .head_clock_in {
    width: 20px;
  }

  .mt-5 {
    margin-top: 15px !important;
  }

  .c-footer {
    display: inline-block !important;
    text-align: center;
  }

  .logout_sec img {
    width: 14px;
  }

  .logout_sec {
    padding-left: 8px;
  }

  .mfs-auto a {
    color: #5378fa;
  }

  .c-footer a {
    color: #5378fa;
  }

  .leave_dwn_sec ul li {
    padding: 0 9px;
  }

  .table_leave_scroll {
    overflow: auto;
  }

  .leave_dwn_sec ul li a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
  }

  .margin_top {
    margin-top: 6px;
  }

  .leave_top_sec .atten_sec {
    margin-top: 8px;
  }

  .password_sec {
    padding-top: 0px;
  }

  .docu_por img {
    margin-right: 2px;
  }

  .docu_por h6 {
    font-size: 13px;
    line-height: 15px;
  }

  .update_date_sec p {
    padding: 2px 13px 6px 0;
  }

  .kra_sec h4 {
    padding: 12px 15px;
  }

  .c-datatable-items-per-page .form-control {
    width: auto;
    margin-top: 10px;
  }

  .atten_sec {
    text-align: center;
  }

  .present_brdr .comp_off_inn p {
    font-size: 13px;
  }

  .comp_off_inn label {
    font-size: 13px;
  }

  .user_sec .form-group {
    padding-right: 0px;
  }

  .calender_sec .rbc-btn-group button:nth-child(3) {
    font-size: 12px;
  }

  .calender_sec .rbc-btn-group button:nth-child(2) {
    font-size: 12px;
  }

  .c-sidebar-nav-link {
    padding: 13px 11px !important;
    font-size: 12px;
    line-height: 15px;
  }

  .c-sidebar-nav-icon {
    font-size: 13px !important;
  }

  .c-sidebar {
    width: 175px !important;
  }

  .comp_off_inn select {
    font-size: 12px;
  }

  .org-name {
    font-size: 13px;
  }

  .org-title {
    font-size: 13px;
  }

  .holiday_export {
    margin-top: 8px;
  }

  .visitor_hed_rt {
    padding-top: 18px;
  }

  .header_sec {
    padding: 4px 15px;
  }

  .visitor_add button {
    width: 94px;
  }

  .screen_search {
    width: 100%;
    text-align: center;
  }

  .screen_search button {
    width: 120px;
  }

  .leave_inn .search_sec {
    width: 100% !important;
    font-size: 15px;
    padding-left: 8px;
    margin-bottom: 8px;
  }

  .upcome_sec {
    width: 100%;
  }

  .training_sec {
    padding-top: 0px;
  }

  .assignmnt_asset .emp_atten {
    margin-top: 8px;
  }

  .assignmnt_asset {
    margin-top: 5px;
  }

  .head_clock_in img {
    width: 16px;
  }

  .others_menu {
    display: block;
  }

  .dot_inner a .fa-regular {
    float: left;
  }

  .dot_inner a span {
    width: auto !important;
  }

  .others_menu ul li span {
    font-size: 11px;
  }

  .logo_mob_small {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .logo_mob_small img {
    width: 50%;
  }

  .leave_dwn_sec .month_sec .save {
    background: #17ba77;
    border-radius: 6px;
    padding: 8px 0;
    font: 700 12px/16px "Open Sans", sans-serif;
    color: #fff;
    width: 115px;
  }

  .leave_dwn_sec .month_sec {
    text-align: center;
    margin-top: 10px;
    display: inline-block;
  }

  .sales_sec .month_sec {
    margin-bottom: 8px;
    display: inline-block;
  }

  .deal_top {
    height: 130px;
  }

  .pay_history .icon_sec {
    top: 0px;
    right: 0px;
  }

  .notes_box {
    padding: 15px 0px;
  }

  .comp_off_inn #city_id {
    height: 35px;
  }

  .comp_off_inn #source {
    height: 35px;
  }

  .candidate_inner1 .resume_sec {
    margin-top: 6px;
  }

  .kra_review_in .kra_sec {
    width: 260px;
  }

  .attendance_log .custom-select {
    margin-bottom: 5px;
  }

  .epic_btn {
    margin-top: 10px;
  }

  .appe_intro_btn {
    margin-top: 0px;
  }

  .export_sm {
    margin-top: 20px;
  }

  .task_btn_sec {
    margin-top: 8px;
  }

  .bg_green_inn {
    margin-bottom: 5px;
  }

  .mob_issue_marg {
    margin-top: 5px;
  }

  /* .fil_ht{padding-top: 14px !important;} */
  .asset_in {
    margin-top: 4px;
  }

  .skill_mid_plus {
    width: 87%;
  }

  .mob_filter_ht {
    padding-top: 7px;
  }

  .grey_bck {
    margin-top: 8px !important;
  }

  .pro_round {
    width: 18%;
  }

  .pro_round_rt {
    width: 81%;
  }

  .bdrt_inn {
    border: none;
  }

  .epic_icon_inn .icon_sec {
    right: 6px;
  }

  /*19.12.2023*/
  .tracker_dwn {
    width: 100%;
    text-align: center;
  }

  .tracker_dwn a .fa-linux {
    float: none !important;
  }

  .tracker_dwn .fa-apple {
    color: #00cddd;
    float: none !important;
  }

  .tracker_dwn .fa-windows {
    color: #00cddd;
    float: none !important;
  }

  .tracker_dwn a span {
    width: 100%;
    padding: 0px;
    text-align: center;
    float: none;
    display: inline-block;
  }

  /* .c-datatable-items-per-page{display: none !important;}
 .c-datatable-filter{display: none !important;} */
  .brk {
    word-break: break-all;
  }

  .sequence_top_lt p {
    padding: 0px;
    text-align: center;
    font-size: 13px;
  }

  .sequence_main_label .atten_sec button {
    width: auto;
    padding: 7px 6px;
  }

  .sequence_main_label .atten_sec {
    width: auto;
    margin-top: 8px;
  }

  .mn_off {
    display: none;
  }

  .my_leave_sec .month_sec .custom-select {
    width: 100%;
  }

  .sc-aXZVg {
    min-width: 100% !important;
  }

  .act_last {
    margin-top: 8px;
  }

  .sales_dash_client label {
    width: 32%;
  }

  .sales_dash_client .custom-select {
    width: 60%;
  }

  .plus_lt {
    padding-left: 0px !important;
  }

  .my_leave_sec .job_export {
    margin-right: 0px !important;
  }

  .inner_salary thead tr th {
    color: #fff;
  }

  .assign_select .form-check-input {
    margin-top: 2px;
  }

  #step_time_unit {
    margin-right: 2px;
  }

  .creat_sec_lt {
    width: 65%;
  }

  .creat_sec_rt {
    width: 34%;
  }

  .creat_sec_rt .custom-select {
    width: 98%;
  }

  .sett_dropbar {
    padding-left: 0px;
  }

  .table-scroll th:first-child {
    position: relative;
  }

  .table-scroll th:nth-child(2) {
    position: relative;
    left: 0px !important;
  }

  .creat_sec_rt .custom-select {
    padding-left: 0px;
  }

  .skill_grade .custom-select {
    width: 35%;
  }

  .sett_dropbar .atten_sec button {
    width: 31%;
  }

  .adddoc .atten_sec button {
    width: 31%;
  }

  .new_add_req .month_sec select {
    width: 100%;
    margin-top: 2px;
  }

  .new_comment .person_text_place {
    width: 67%;
  }

  .new_comment .comment_sec textarea {
    padding-top: 10px !important;
    font-size: 15px !important;
  }

  .effort_plan select {
    margin-bottom: 4px;
  }

  .effort_plan input[type="number"] {
    margin-bottom: 4px;
  }

  .effort_plan {
    margin-bottom: 15px;
  }

  .my_message .hide_note {
    float: left;
  }

  .impanel1,
  .impanel2,
  .impanel3,
  .impanel4 {
    width: 100px;
    height: 100px;
  }

  .impanel4 img {
    width: 100px;
    height: 100px;
  }

  .comment_box_bar_lt .hide_note {
    height: 200px;
  }

  .my_message .comment_box_bar_lt_txt {
    max-width: 100%;
  }

  .comment_box_upper_attach_inn {
    width: 60.5%;
  }

  .new_comment .attach_file_inn {
    width: 40px;
    height: 40px;
  }

  .attach_file_inn .fa-paperclip {
    font-size: 18px;
  }

  .attach_sub img {
    width: 20px;
  }

  .pl2 {
    padding-left: 15px !important;
  }

  .academy_inn table tbody tr td {
    white-space: inherit;
  }

  .summary_inn {
    width: 500px;
  }

  .new_time .atten_sec {
    width: 95px;
  }

  .new_time .time_up_date {
    width: 75%;
  }

  .new_time1 .color_chk {
    width: 100%;
    margin-top: 50px;
  }

  .new_time1 .dash_time {
    width: 100% !important;
  }

  .time_project .color_chk {
    width: 100%;
    margin-top: 0px;
  }

  .left_chat {
    width: 88% !important;
    float: right;
  }

  .comment_sec {
    padding: 0 9px;
  }

  .btn_img_inn button {
    width: 100%;
  }

  .small_mnth .btn {
    width: 60px;
    height: 60px;
  }

  .select_zone .month img {
    width: 17px;
  }

  .choose_calender img {
    margin-right: 2px;
  }

  .submit_book {
    flex-direction: column;
  }

  .submit_book_rt {
    justify-content: center;
  }

  .submit_book_lt {
    width: 100%;
    text-align: center;
    margin-bottom: 3px;
  }

  .schedule_body .card-text p {
    font: 500 12px / 20px "Poppins", sans-serif;
  }

  .schedule_card {
    padding: 20px 7px;
  }

  .schedule_body .fa-user {
    font-size: 17px;
  }

  .schedule_body .fa-earth-asia {
    font-size: 17px;
  }

  .schedule_body .fa-calendar-days {
    font-size: 17px;
  }

  .schedule_body h5 {
    font-size: 18px;
  }

  .mail_sent_txt img {
    width: 75%;
  }

  .appoinment_hed h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    margin-top: 0px;
  }

  .video_portfolio_field {
    width: 100%;
    padding: 0 21px;
  }

  .video_portfolio_form_sec .booking_btns_sec .save {
    width: 52%;
  }

  .video_portfolio_form_sec .booking_btns_sec .cancel {
    padding: 9px 0 10px;
    width: 43%;
  }

  .select_zone label img {
    width: 18px;
  }

  .budget_bar {
    width: 90% !important;
    padding-left: 7%;
  }
}



@media only screen and (max-width: 385px) {
  .c-header-nav {
    width: 83%;
  }

  .leave_dwn_sec ul li {
    padding: 0 5px;
  }

  .skill_mid_plus {
    width: 84%;
  }

  /* .fil_ht{padding-top: 14px !important;} */
  .left_chat {
    width: 83% !important;
    float: right;
  }

  .ball_park_txt {
    padding-left: 5px;
  }

  .book_meeting_file #file-chosen {
    left: 45%;
  }
}

@media only screen and (max-width: 360px) {
  .new_user_logo img {
    width: 107px;
  }

  .verified_inn img {
    width: 22px;
  }

  .exception_hed {
    font-size: 13px;
  }

  .skill_mid_plus {
    width: 84%;
  }

  .booking_btns_sec .cancel {
    width: 75px;
  }

  .esti_btn {
    width: 166px !important;
  }

  .booking_btns_sec .save {
    width: 166px !important;
  }

  .right_ang1 {
    position: absolute !important;
    right: 8px !important;
  }

  .ball_park_txt {
    padding-left: 5px;
  }
}