@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

body {
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  overflow-x: hidden !important;
  font-size: 12px;
  background: #1C2039;
}

a {
  text-decoration: none;
  color: #E3000B;
  cursor: pointer;
}

a:hover,
a:active {
  outline: none;
  text-decoration: none;
  color: #0E244B;
}

ul,
p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  padding: 0;
  margin: 0;
  font-size: 18px;
}
label
{
  font-size: 13px !important;
  font-weight: 500 !important;
}
select option
{
  margin: 10px !important;
}
button:focus, .btn:focus
{
  box-shadow: none !important;
  outline-style: none !important;
}

.modal-body {
  padding: 25px;
  border-radius: 0 0 15px 15px;
  color: #fff;
}
.modal-content
{
  border-radius: 15px;
  background: #1C2039;
}
.modal-header
{
  border-radius: 15px 15px 0 0 !important;
  border-bottom: none !important;
}
.modal-body label, .modal-body .form-label
{
  color: #fff !important;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.form-control {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  font-size: 12px;
}

.form-floating
{
  position: relative;
}

.form-floating>label {
  color: #fff !important;
}
.form-floating:hover
{
  position: relative;
  z-index: 2;
}
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border-bottom: 1px solid #fff !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #252C47 inset;
  transition: background-color 5000s ease-in-out 0s;
}


.login_section {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  min-height: 100vh;
  background: url(../images/login_bg.jpg) center center no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.login_inner {
  display: block;
  float: left;
  width: 100%;
  background: #252C47;
  padding: 30px 25px;
  text-align: center;
  margin-top: 20px;
  border-radius: 10px;
}

.login_inner h2 {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
}

.login_form {
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.but_style1 {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 6px;
  background: #00B6B0;
  border: 1px solid #00B6B0;
  color: #fff;
  font-size: 13px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
}

.but_style1:hover {
  background: #000;
}
.but_style2 {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 6px;
  background: #8C8C8C;
  color: #fff;
  font-size: 13px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
}

.but_style2:hover {
  background: #000;
}
.but_style3 {
  display: inline-block;
  vertical-align: top;
  padding: 4px 15px;
  border-radius: 6px;
  background: #00B6B0;
  border: 1px solid #00B6B0;
  color: #fff;
  font-size: 13px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
}

.but_style3:hover {
  background: #000;
}
.but_style_out_line {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 6px;
  color: #00B6B0;
  background: none;
  font-size: 13px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
  border: 1px solid #00B6B0;
}

.but_style_out_line:hover {
  background: #000;
}

.left_pannel {
  display: block;
  float: left;
  width: 240px;
  background: #252C47;
  min-height: 100vh;
  transition: all .3s;
  transition-timing-function: ease-out;
  position: fixed;
}

.right_pannel {
  display: block;
  float: right;
  width: calc(100% - 240px);
  background: #1C2039;
  color: #fff;
  min-height: 100vh;
  position: relative;
  transition: all .3s;
  transition-timing-function: ease-out;
}

.left_pannel .inside {
  display: block;
  float: left;
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 100%;
  overflow-y: auto;
  left: 0;
  top: 0;
}

.left_pannel .logo {
  display: block;
  float: left;
  width: 100%;
  padding: 20px;
}

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

.left_pannel .menu_area {
  display: block;
  float: left;
  width: 100%;
  padding: 10px 0 20px 20px;
}

.left_pannel .nav-link {
  padding: 12px 15px;
  display: inline-block;
  height: 44px;
  width: 100%;
  color: #fff;
  border-radius: 6px 0 0 6px;
  margin: 10px 0;
}

.left_pannel .nav-link img {
  width: 20px;
  margin-right: 8px;
  width: 20px;
  height: 22px;
  object-position: center;
  object-fit: contain;
  margin-right: 8px;
  margin-top: -2px;
}

.left_pannel .nav-link:hover {
  background: #12b9b5;
}

.left_pannel .active {
  background: #12b9b5;
  color: #fff;
}
.left_pannel .dropdown-menu {
  font-size: 12px;
  color: #fff !important;
  background-color: #12b9b5;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.left_pannel  .dropdown-item
{
  color: #fff;
  height: 44px;
  cursor: pointer;
  padding: 10px 1rem;
}
.left_pannel  .dropdown-item:hover
{
  background: #067b79;
}
.left_pannel .dropdown-menu
{
  padding: 0;
}

.right_top_header {
  display: flex;
  float: left;
  width: 100%;
  height: 54px;
  background: #1C2039;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  left: 0;
  padding: 0 15px;
  z-index: 4;
}

.top_header_notificaion {
  display: inline-block;
  vertical-align: top;
  width: auto;
  position: relative;
  margin-right: 15px;
}

.top_header_notificaion i {
  color: #fff;
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.notificaion_alart {
  display: block;
  float: right;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #E3000B;
  position: absolute;
  z-index: 2;
  right: -3px;
  top: -1px;
}

.top_header_profile {
  display: flex;
  vertical-align: top;
  width: auto;
  position: relative;
  align-items: center;
  cursor: pointer;
}

.top_header_profile .img_area {
  display: block;
  float: left;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  position: relative;
}

.top_header_profile .img_area img {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.top_header_profile p {
  color: #fff;
  font-size: 12px;
  margin-left: 2px;
  font-weight: 500;
}

.top_header_profile .drop {
  display: none;
  float: left;
  width: 170px;
  position: absolute;
  right: 0;
  top: 34px;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
}

.top_header_profile:hover .drop {
  display: block;
}

.top_header_profile .drop ul {
  list-style-type: none;
}

.top_header_profile .drop ul i {
  margin-right: 5px;
}

.top_header_profile .drop ul li a {
  color: #000;
  padding: 5px;
  display: inline-block;
  vertical-align: top;
}

.top_header_profile .drop ul li a:hover {
  color: #00B6B0;
}

.right_top_header .menu {
  display: block;
  float: left;
  margin-left: 10px;
  cursor: pointer;
}

.right_pannel .body {
  display: block;
  float: left;
  width: 100%;
  padding: 20px 20px 20px 20px;
  position: relative;
}
.right_top_header .header_right
{
  display: flex;
  width: auto;
  align-items: center;
}
.request_section
{
  display: flex;
  width: 36px;
  height: 36px;
  position: relative;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background: #c07b04;
  margin-right: 10px;
}
.request_section img
{
  height: 15px;
}
.request_section span
{
  position: absolute;
  top: -4px;
  right: -5px;
  display: flex;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #00B6B0;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.request_section a
{
  color: #fff;
}

.notification_box
{
  display: flex;
  padding: 6px 10px;
  position: relative;
  border-radius:40px;
  align-items: center;
  justify-content: center;
  background: #2f385c;
  margin-right: 10px;
}
.notification_box i
{
  color: #fff;
  font-size: 20px;
}
.notification_box p
{
  margin: 2px;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #252C47;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
}
.high_priority_notification
{
  background: #E3000B !important;
}

.left_pannel.active {
  margin-left: -240px;
}

.right_pannel.active2 {
  width: 100%;
}

.web_dashboard_body {
  display: block;
  float: left;
  width: 100%;
}

.card {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  padding: 20px;
  border-radius: 10px;
  border: none;
  height: 100%;
}

.week_hours_section {
  display: block;
  float: left;
  width: 100%;
}

.week_hours_section .heding {
  display: block;
  float: left;
  width: 100%;
}

.week_hours_section .heding h2 {
  font-size: 18px;
  font-weight: 100;
}

.week_hours_section .graph_section {
  display: block;
  float: left;
  width: 100%;
  color: #00B6B0;
}

.week_hours_section .graph_section img {
  width: 100%;
  margin-top: 30px;
}

.top_date_and_time {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  background: #00B6B0;
  padding: 8px 15px;
  border-radius: 10px 10px 0 0;
}

.top_date_and_time p {
  font-size: 18px;
}


.login_time {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.login_time p {
  font-size: 18px;
  color: #00B6B0;
  display: inline-block;
  vertical-align: top;
  background: #1C2039;
  padding: 10px 25px;
  border-radius: 50px;
  color: #fff;
  margin-bottom: 12px;
}

.login_time h2 {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.login_time h2 span
{
  display: inline-block;
  vertical-align: top;
  margin: 10px 15px;
}
.login_time h2 strong
{
  color: #00B6B0;
}
.apexcharts-toolbar
{
  display: none !important;
}

.logout_time {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.logout_time p {
  font-size: 18px;
  color: #00B6B0;
}

.logout_time h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 500;
}

.box_logout_section {
  display: flex;
  float: left;
  width: 100%;
  border-top: 1px solid #696969;
  padding: 15px;
  justify-content: center;
  margin-top: 100px;
}
.box_logout_section > div
{
  width: 50%;
  text-align: center;
  border-right: 1px solid #696969;
}
.box_logout_section > div:last-child
{
  border-right: none;
}

.box_logout_section p {
  font-size: 18px;
  margin: 0 10px;
}

.box_logout_section p a {
  color: #00B6B0;
}

.box_logout_section p i {
  margin-right: 5px;
}

.box_logout_section p a:hover {
  color: #fff;
}

.project_report_section {
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
}

.page_main_heading {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.page_main_heading h2 {
  font-size: 18px;
  font-weight: 500;
}

.project_report_search_pannel {
  float: left;
  width: 100%;
  background: #262B49;
  padding: 20px 15px;
  border-radius: 10px;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}

.project_report_search_pannel .left_area {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
}

.project_report_search_pannel .left_area h2 {
  font-size: 18px;
}
.project_report_search_pannel .left_area .total_work p
{
  font-size: 18px;
  font-weight: 500;
}
.project_report_search_pannel .left_area .total_work p span
{
  color: #00B6B0;
  font-weight: 700;
}


.start_date {
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}

.start_date .form-control {
  padding: 8px 15px !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 5px !important;
}

.project_report_search_pannel input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.add_log_form input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}


.add_log
{
  position: relative;
}

.search_but1 {
  background: #00B6B0;
  border: 1px solid #00B6B0;
  padding: 8px 15px;
}

.search_but1:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  cursor: pointer;
}

.project_report_search_pannel .right_area {
  display: block;
  width: 98px;
  flex: 0 0 98px;
}

.add_log_but1 {
  background: #00B6B0;
  border: 1px solid #00B6B0;
  padding: 8px 15px;
}

.add_log_but1:hover {
  background: #fff;
  border: 1px solid #fff;
  color: #000;
  cursor: pointer;
}

.project_report_accordion_area {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
}

.project_report_accordion_area .accordion-item {
  margin-top: 15px;
  border-radius: 5px !important;
  background: #262B49;
}
.accordion-button {
  padding: 10px 1.25rem;
}

.project_report_accordion_area .accordion-button:not(.collapsed) {
  color: #fff;
  background-color: #262B49;
  box-shadow: none;
  border-bottom: 1px solid #696969;
}

.project_report_accordion_area .accordion-button {
  color: #fff;
  background-color: #262B49;
  font-size: 12px;
  font-weight: 500;
  flex-wrap: wrap;
}

.project_report_accordion_area .accordion-button:focus {
  z-index: 1000;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

.project_report_accordion_area .accordion-button::after {
  background-image: url(../images/accordion_down_arrow.svg);
}

.project_report_accordion_area .accordion-button span {
  color: #00B6B0;
  margin-right: 3px;
}
.project_report_accordion_area .accordion-body
{
  border-bottom: 1px solid #696969;
}
.project_report_accordion_area .accordion-body:last-child
{
  border-bottom: 1px solid transparent;
}

.project_report_project_box1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-bottom: 1px solid #676767;
  padding: 20px 0;
}

.project_report_project_box1:last-child {
  border-bottom: none;
}

.project_report_project_box1 .project_name {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.project_report_project_box1 .project_name h2 {
  color: #00B6B0;
  font-size: 18px;
}
.project_report_project_box1 .project_name h3 {
  color: #00B6B0;
  font-size: 16px;
  margin-top: 5px;
}

.project_report_project_box1 .project_tesk_no {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
}

.project_report_project_box1 .project_tesk_no p {
  font-weight: 500;
}

.project_report_project_box1 .project_tesk_no p span {
  background: #D68A08;
  border-radius: 5px;
  padding: 4px 8px;
  font-weight: 100;
}

.project_report_project_box1 .project_description {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
}

.project_report_project_box1 .project_description p {
  font-weight: 500;
}

.project_report_project_box1 .project_description p span {
  font-weight: 100;
  color: #DFDFDF;
}

.project_report_project_box1 .project_estimated_time {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
}

.project_report_project_box1 .project_estimated_time p {
  font-weight: 500;
}

.project_report_project_box1 .project_estimated_time p span {
  font-weight: 700;
  color: #00B6B0;
}

.project_report_project_box1 .project_remarks {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
}

.project_report_project_box1 .project_remarks p {
  font-weight: 500;
}

.project_report_project_box1 .project_remarks p span {
  font-weight: 100;
  margin-left: 5px;
  color: #DFDFDF;
}

.project_report_project_box1 .project_working_hours {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
  align-items: center;
}

.project_report_project_box1 .project_working_hours p {
  font-weight: 700;
  font-size: 18px;
  color: #D68A08;
  margin-right: 15px;
}

.project_report_project_box1 .project_working_hours p span {
  font-weight: 700;
  font-size: 18px;
  color: #D68A08;
}

.request_edit_but {
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
  background: #fff;
  color: #000;
  border-radius: 5px;
  font-weight: 500;
}

.request_edit_but:hover {
  background: #00B6B0;
  color: #fff;
}

.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #00B6B0;
  border-color: #00B6B0;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.25rem #000;
}

.modal-header {
  padding: 10px 15px;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  background: #00B6B0;
}

.modal-title {
  font-size: 18px;
}



.add_log_form {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #000;
  z-index: 1000;
}

.add_log_form .form-control {
  background: none !important;
  color: #000 !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  z-index: 1000;

}

.add_log_form .form-select {
  background: none !important;
  color: #000 !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0 !important;
  background: url(../images/down_arrow.svg) no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  font-size: 12px;
  z-index: 1000;

}

.add_log_form .form-select:focus {
  outline-style: none;
  box-shadow: none;
  z-index: 1000;

}

.add_log_form .form-select option {
  padding: 8px 12px;
  z-index: 1000;

}

.add_log_form .form-label {
  font-weight: 500;

}

.project_list_main_area {
  display: block;
  float: left;
  width: 100%;
}
.project_for_desktop
{
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-height: 533px;
  overflow-y: scroll;
  padding-right: 10px;
}
.project_for_desktop::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.project_for_desktop::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.project_for_desktop::-webkit-scrollbar-thumb {
  background-color: #09918f;
}


.project_list_box1 {
  display: block;
  float: left;
  width: 100%;
  background: #252C47;
  border-radius: 10px;
  margin-top: 15px;
  padding: 0;
  border: 5px solid #252C47;
  border-left: 5px solid #00B6B0;
  transition: all .5s;
  transition-timing-function: ease-out;
  position: relative;
}
.project_list_box1 .top
{
  display: block;
  float: left;
  width: 100%;
  padding: 15px;
}
.project_list_box1 .bottom
{
  display: flex;
  float: left;
  width: 100%;
  padding: 15px;
  border-top: 1px solid #4b4b4b;
  justify-content: space-between;
}
.project_list_box1 .bottom p
{
  color: #fff;
  font-size: 12px;
  margin: 2px;
}
.project_list_box1 .bottom p span
{
  color: #00B6B0;
  font-weight: 600;
}

.project_list_box1:hover {
  border: 5px solid #00B6B0;
  z-index: 2;
}

.project_list_box1 h2 {
  color: #00B6B0;
  font-size: 18px;
}

.project_list_box1 .date {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.project_list_box1 .date p {
  font-size: 12px;
  color: #fff;
  margin-top: 10px;
}

.project_list_box1 .employee {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  margin-top: 5px;
  justify-content: space-between;
}

.project_list_box1 .employee p {
  font-size: 12px;
  color: #fff;
}

.project_list_box1 .information_section {
  position: relative;
  margin-left: 5px;
  z-index: 0;
}

.project_list_box1 .information_section i {
  color: #00B6B0;
  font-size: 12px;
}

.information_section .employee_drop {
  position: absolute;
  width: 200px;
  background: #232323;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 10px;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  z-index: 5;
  border: 2px solid #1e2336;
  overflow-x: hidden;

}

.information_section:hover .employee_drop {
  display: block;

}
.information_section:hover .employee_drop p
{
  color: #fff;
}

.information_section .employee_drop::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.information_section .employee_drop::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.information_section .employee_drop::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.information_section .employee_drop .box1 {
  display: flex;
  float: left;
  width: 100%;
  background: #1e2336;
  padding: 8px 10px;
  align-items: center;
}

.information_section .employee_drop .box1:nth-child(even) {
  background: #12151f;
}

.information_section .employee_drop .box1 .img_area {
  display: flex;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  flex: 30px 0 0;
  align-items: center;
  justify-content: center;
  
}

.information_section .employee_drop .box1 .img_area img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.information_section .employee_drop .box1 .text_area {
  display: block;
  float: left;
  width: 100%;
  padding-left: 5px;
}

.information_section .employee_drop .box1 .text_area h2 {
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}

.information_section .employee_drop .box1 .text_area p {
  font-size: 11px;
  color: #00B6B0;
  margin: -1px;
}

.task_list_mian_box {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 10px;
}

.task_list_mian_box .top_pannel {
  display: flex;
  float: left;
  width: 100%;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
}

.task_list_mian_box .top_pannel .left h2 {
  font-size: 13px;
}

.task_list_mian_box .top_pannel .right {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.ms-n5 {
  margin-left: -40px !important;
}

.search_box .form-control {
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  min-width: 200px;
}

.search_box button {
  cursor: pointer;
}

.search_box button i {
  color: #fff;
}

.task_filter {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 13px 5px 1px;
  position: relative;
}

.task_filter img {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.task_filter .filter {
  position: absolute;
  right: -3px;
  top: 1px;
  width: 10px;
  height: 10px;
  background: #E3000B;
  border-radius: 100%;
  z-index: 2;
}

.clear_text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #00B6B0;
  cursor: pointer;
  text-decoration: underline;
}

.clear_text:hover {
  text-decoration: none;
  color: #fff;
}


.table_area {
  display: block;
  float: left;
  width: 100%;
}

.table_area .table_header {
  display: flex;
  flex-wrap: nowrap;
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  background: #212644;
}
.table_area .table_header > div
{
  padding: 0 5px;
}


.table_area .table_body {
  display: flex;
  flex-wrap: nowrap;
  float: left;
  width: 100%;
  padding: 10px 10px;
  color: #fff;
  font-size: 12px;
  align-items: center;
  transition: all .5s;
  transition-timing-function: ease-out;
  text-align: center;
  min-height: 68px;
  border-bottom: 1px solid #ffffff4b;
}
.table_area .table_body > div
{
  padding: 0 5px;
}


.table_area .table_body:last-child {
  border-bottom: none;
}

.table_area .table_body p {
  font-size: 12px;
}

.table_area .table_body .mobile_heading {
  display: none;
  color: #809FB8;
  margin-right: 10px;
  font-weight: 700;
  position: relative;
}

.table_area .table_body .mobile_heading::after {
  content: ":";
  font-family: 'Blinker-SemiBold';
  margin-left: 5px;
}

.table_area .table_body p {
  margin: 0;
}

.table_area .description {
  position: relative;
}

.tesk_status {
  display: inline-block;
  background-color: none;
  width: 100%;
  max-width: 150px;
  font-size: 12px;
}

.notification_drop {
  display: inline-block;
  background-color: none;
  width: 100%;
  max-width: 200px;
  font-size: 12px;
}

.edit {
  color: #1AD598;
  background: #235E61;
  padding: 8px 10px;
  border-radius: 5px;
}

.view {
  color: #FFB536;
  background: #675443;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.del {
  color: #E3000B;
  background: #FFEBEC;
  padding: 9px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.information {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #00B6B0;
  font-size: 18px;
  cursor: pointer;
}

.yellow {
  color: #A47D3C;
}

.green {
  color: #4BAF43;
}

.red {
  color: #DF4D54;
}

.tooltip_hover_body {
  display: block;
  float: left;
  width: 100%;
  color: #000;
}

.profile_box {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 15px;
  padding: 20px;
}

.profile_box .img_area {
  display: block;
  float: left;
  width: 150px;
  position: relative;
  border-radius: 100%;
  border: 5px solid #00B6B0;
  height: 150px;
  border-radius: 100%;
}

.profile_box .img_area img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 1;
  border-radius: 100%;

}

.update_profile_name {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
}

.profile_box .file {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  right: -15px;
  top: -8px;
  z-index: 2;
}

.profile_box .file img {
  border-radius: 0;
}

.profile_box .file>label {
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00B6B0;
  border: none;
  border-radius: 100%;
}

.profile_box .file>input[type='file'] {
  display: none;
}

.profile_box .form_area {
  display: block;
  float: right;
  width: calc(100% - 180px);
}

.profile_box .form_area input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.profile_box .form-floating>.form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  background-image: url(../images/accordion_down_arrow.svg);
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.profile_box .form-floating>.form-select:focus {
  outline-style: none;
  box-shadow: none;
}

.profile_box .form-floating>.form-select>option {
  color: #fff !important;
}

.left_pannel .inside::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.left_pannel .inside::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.left_pannel .inside::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.left_pannel .menu_area .nav-item span {
  float: right;
  color: #252C47;
  background: #fff;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
}

.admin_dashboard_body {
  display: block;
  float: left;
  width: 100%;
}

.page_sub_heading {
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.page_sub_heading h2 {
  font-size: 13px;
}

.admin_dashboard_project_boxes {
  display: block;
  float: left;
  width: 100%;
}

.admin_dashboard_login_status {
  display: block;
  float: left;
  width: 100%;
  background: #252C47;
  border-radius: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.admin_dashboard_login_status .employee_box1 {
  display: flex;
  float: left;
  width: 100%;
  border-bottom: 1px solid #3B4465;
  padding: 8px 12px;
  align-items: center;
}

.admin_dashboard_login_status .employee_box1:last-child {
  border-bottom: none;
}

.admin_dashboard_login_status .employee_box1:nth-child(odd) {
  background: #313b5e;
}

.admin_dashboard_login_status .employee_box1 .left {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
}

.admin_dashboard_login_status .employee_box1 .left .img_area {
  display: flex;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #00B6B0;
  flex: 40px 0 0;
  align-items: center;
  justify-content: center;
  position: relative;
}

.admin_dashboard_login_status .employee_box1 .left .img_area img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
  z-index: 1;
  border-radius: 100%;
}
.admin_dashboard_login_status .employee_box1 .left .img_area p
{
  position: relative;
  z-index: 1;
}

.admin_dashboard_login_status .employee_box1 .left .text_area {
  display: block;
  float: left;
  width: 100%;
  padding-left: 12px;
}

.admin_dashboard_login_status .employee_box1 .left .text_area h2 {
  font-size: 12px;
  font-weight: 500;
}

.admin_dashboard_login_status .employee_box1 .left .text_area p {
  font-size: 12px;
  color: #00B6B0;
  margin: 0;
}
.admin_dashboard_login_status .online
{
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  background: #00b831;
  z-index: 2;
  border: 2px solid #fff;
}
.admin_dashboard_login_status .offline
{
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  background: #ff0000;
  z-index: 2;
  border: 2px solid #fff;
}
.admin_dashboard_login_status .invisible_status
{
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  background: #9da6dc;
  z-index: 2;
  border: 2px solid #fff;
}

.admin_dashboard_login_status .employee_box1 .right {
  display: block;
  text-align: right;
  flex: 0 0 100px;
}

.admin_dashboard_login_status .employee_box1 .right p {
  font-size: 12px;
  text-align: left;
}
.admin_dashboard_login_status .employee_box1 .right p span
{
  color: #00B6B0;
  font-weight: 700;
}

.profile_img {
  display: flex;
  float: left;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  flex: 34px 0 0;
  align-items: center;
  justify-content: center;
}

.profile_img2 {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #00B6B0;
  text-align: center;
  line-height: 34px;
  color: #fff;
  margin-right: 5px;
  position: relative;
}

.profile_img2 img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
.profile_img2 p
{
  margin: 0;
  font-size: 12px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}

.employee_details_tabs {
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.employee_details_tabs .nav-link {
  color: #fff;
}

.employee_details_tabs .nav-pills .nav-link.active,
.employee_details_tabs .nav-pills .show>.nav-link {
  color: #000;
  background-color: #fff;
}

.employee_project_box {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 15px;
}

.employee_project_box .details {
  display: flex;
  float: left;
  width: 100%;
  padding: 15px 20px;
  align-items: center;
}

.employee_project_box .details_img_area {
  display: flex;
  float: left;
  width: 60px;
  height: 60px;
  flex: 60px 0 0;
  border-radius: 100%;
  background: #00B6B0;
  align-items: center;
  justify-content: center;
  border: 3px solid #00B6B0;
  color: #fff;
}

.employee_project_box .details_img_area img {
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

.employee_project_box .details_img_area h2 {
  font-size: 18px;
}

.employee_project_box .details_text {
  display: block;
  float: left;
  width: 100%;
  padding-left: 10px;
}

.employee_project_box .details_text h2 {
  font-size: 18px;
}

.employee_project_box .details_text p {
  font-size: 12px;
  color: #00B6B0;
}

.project_progress {
  display: inline-block;
  background: #A47D3C;
  padding: 6px 15px;
  border-radius: 5px;
}

.project_complete {
  display: inline-block;
  background: #4BAF43;
  padding: 6px 15px;
  border-radius: 5px;
}

.delete_modal_body {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  padding: 25px;
  color: #fff;
}

.delete_modal_body p {
  font-size: 18px;
}

.assign_employees_box {
  display: flex;
  vertical-align: top;
  position: relative;
  justify-content: center;
}

.assign_employees_box i {
  color: #00B6B0;
  margin-left: 2px;
}

.assign_employees_box .text_area {
  text-align: left;
}

.add_project_box {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 15px;
  padding: 15px 20px;
}
.add_project_form
{
  display: block;
  float: right;
  width: calc(100% - 180px);  
}

.add_project_box .img_area {
  display: block;
  float: left;
  width: 150px;
  position: relative;
  border-radius: 100%;
  border: 5px solid #00B6B0;
  height: 150px;
  border-radius: 100%;
}

.add_project_box .img_area img {
  float: left;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  position: relative;
  z-index: 1;
  border-radius: 100%;

}

.update_profile_name {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
}

.add_project_box .file {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  appearance: none;
  right: -15px;
  top: -8px;
  z-index: 2;
}

.add_project_box .file img {
  border-radius: 0;
}

.add_project_box .file>label {
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00B6B0;
  border: none;
  border-radius: 100%;
}

.add_project_box .file>input[type='file'] {
  display: none;
}







.add_project_box .form_area {
  display: block;
  float: right;
  width: 100%;
}

.add_project_box .form_area input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.add_project_box .form-floating>.form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  background-image: url(../images/accordion_down_arrow.svg);
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.add_project_box .form-floating>.form-select:focus {
  outline-style: none;
  box-shadow: none;
}

.add_project_box .form-floating>.form-select>option {
  color: #fff !important;
}
.add_task_box1 .form-floating>.form-select>option {
  color: #fff !important;
}

.assign_employees_box2 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
}

.assign_employees_box2 .inside {
  display: block;
  float: left;
  width: 100%;
  border: 1px solid #FFFFFF;
  margin-top: 20px;
  padding: 12px;
  position: relative;
}

.assign_employees_box2 .inside .top_pannel {
  display: block;
  float: left;
  width: 100%;
  min-height: 100px;
  margin-bottom: 25px;
}

.small_card {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border-radius: 5px;
  padding: 4px 10px;
  color: #000;
  margin-right: 15px;
  margin-bottom: 10px;
}

.small_card span {
  cursor: pointer;
}

.assign_employees_box2 .inside .bottom_pannel {
  display: flex;
  float: left;
  width: 100%;
  border-top: 1px solid #fff;
  padding: 10px 0 0 0;
  align-items: center;
  position: relative;
}

.assign_employees_box2 .inside .bottom_pannel i {
  margin-right: 10px;
}

.assign_employees_search {
  display: block;
  float: left;
  width: 100%;
  background: none;
  height: 40px;
  border: none;
  box-shadow: none;
  color: #fff;
}

.assign_employees_search:focus {
  background: none;
  border: none;
  box-shadow: none;
  outline-style: none;
}

.cerate_task_area {
  display: flex;
  float: left;
  width: 100%;
  margin-top: 20px;
  align-items: center;
}

.cerate_task_area p {
  font-size: 17px;
}

.cerate_task_switch {
  display: flex;
}

.form-switch .form-check-input {
  width: 30px;
}

.project_create_task_section {
  display: flex;
  float: left;
  width: 100%;
  text-align: right;
  margin: 10px 0;
  justify-content: space-between;
  align-items: center;
}
.project_create_task_section .left
{
  display: flex;
  float: left;
  align-items: center;
}

.project_create_task_section .right
{
  display: flex;
  float: left;
  align-items: center;
}

.csv_but {
  display: inline-block;
  color: #fff;
  font-weight: 700;
}

.csv_but:hover {
  color: #00B6B0;
}
.csv_but img
{
  width: 25px;
  height: 25px;
  object-fit: contain;
  object-position: center;
}

.task_add_card {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
}

.add_task_box1 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 60px;
  background: #212644;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}

.add_task_box1 .number {
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
  background: #D68A08;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  margin-top: -33px;
}

.add_task_form {
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.add_task_box1 .form-floating>.form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-left: 0;
  background-image: url(../images/accordion_down_arrow.svg);
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.add_task {
  color: #fff;
  font-size: 18px;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-weight: 700;
  margin: 25px 0;
}

.add_task:hover {
  text-decoration: none;
  color: #fff;
}

.del_but {
  position: absolute;
  right: 15px;
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFEBEC;
  border-radius: 100%;
  margin-top: -35px;
  cursor: pointer;
}

.del_but i {
  color: #E3000B;
  font-size: 18px;
}

.request_box1 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
  background: #262B49;
  border-radius: 15px;
}

.request_box1 .top_pannel {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid #606060;
  justify-content: space-between;
}

.request_box1 .top_pannel p {
  font-size: 12px;
}

.request_box1 .top_pannel strong {
  color: #00B6B0;
}

.request_box1 .top_pannel span {
  margin-right: 10px;
}

.request_box1 .center_pannel {
  display: block;
  float: left;
  width: 100%;
  padding: 5px 20px;
  border-bottom: 1px solid #606060;
}

.request_box1 .center_pannel p {
  font-size: 12px;
  color: #fff;
}

.request_box1 .bottom_pannel {
  display: block;
  float: left;
  width: 100%;
  padding: 8px 20px;
  text-align: right;
}
.approve_but_style {
  display: inline-block;
  vertical-align: top;
  padding: 4px 15px;
  border-radius: 6px;
  background: #4BAF43;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
}

.approve_but_style:hover {
  background: #000;
  color: #fff;
}

.modify_but_style {
  display: inline-block;
  vertical-align: top;
  padding: 4px 15px;
  border-radius: 6px;
  background: #D68A08;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
  cursor: pointer;
}

.modify_but_style:hover {
  background: #000 !important;
  color: #fff;
}

.decline_but_style {
  display: inline-block;
  vertical-align: top;
  padding: 4px 15px;
  border-radius: 6px;
  background: #E3000B;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
  cursor: pointer;
}

.decline_but_style:hover {
  background: #000 !important;
  color: #fff;
}

.calculator_search_page {
  display: flex;
  float: left;
  width: 100%;
  padding: 10px 15px;
  background: #262B49;
  border-radius: 10px;
  margin-top: 15px;
  align-items: center;
  height: calc(100% - 30px);
}

.calculator_search_page .left {
  display: block;
  float: left;
  width: 100%;
  padding-right: 30px;
}

.calculator_search_page .right {
  display: block;
  float: right;
  flex: 0 0 200px;
}



.calculator_search_page .form-floating>.form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-left: 0;
  background-image: url(../images/accordion_down_arrow.svg);
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.calculator_search_page input[type="date"]::-webkit-calendar-picker-indicator ,.calculator_search_page input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.calculator_boxes {
  display: block;
  float: left;
  width: 100%;
}

.calculator_box1 {
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  padding: 10px 15px;
  margin-top: 15px;
}

.calculator_box1 h2 {
  color: #00B6B0;
  font-size: 12px;
}

.calculator_box1 p {
  color: #fff;
  font-size: 20px;
}

.calculator_search_salery_section {
  max-width: 600px;
}

.logs_search_area {
  display: block;
  float: left;
  width: 100%;
  padding: 15px 25px;
  background: #262B49;
  border-radius: 10px;
  margin-top: 20px;
  align-items: center;
  position: relative;
  z-index: 3;
  height: calc(100% - 30px);
}

.logs_search_area input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.logs_search_area p
{
  font-size: 12px;
  display: flex;
  margin: 3px 0;
}
.logs_search_area p span
{
  color: #00B6B0;
  font-weight: 700;
  margin-left: 2px;
}

.log_header {
  display: block;
  float: left;
  width: 100%;
}

.log_profile {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 10px;
}
.dashboard_log_box_mid
{
  display: flex;
  flex: 90px 0 0;
  float: left;
  flex-wrap: wrap;
  align-content: center;
}
.dashboard_log_box_right
{
  display: flex;
  flex: 100px 0 0;
  float: left;
  flex-wrap: wrap;
  align-content: center;
}

.log_profile img {
  width: 44px;
  height: 44px;
  border-radius: 100%;
  flex: 44px 0 0;
  margin-right: 12px;
}
.log_profile p{
  width: 36px;
  height: 36px;
  border-radius: 100%;
  flex: 36px 0 0;
  margin-right: 7px;
  background: #00B6B0;
  text-align: center;
  line-height: 36px;
}

.log_profile h5 {
  font-size: 12px;
}

.dropdown_textfild {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: auto;
  border-radius: 8px;
  top: 61px;
  box-shadow: 0px 4px 11px rgb(0 0 0 / 25%);
  background-color: #1e2336;
  position: absolute;
  z-index: 3;
  overflow: hidden;
}

.add_but {
  display: flex;
  float: left;
  width: 25px !important;
  height: 25px !important;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  background: #00B6B0;
  color: #fff;
  flex: 0 0 25px !important;
}

.add_but:hover {
  background: #262B49;
  color: #fff;
}

.drop_top {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 15px 20px;
  color: #000;
  max-height: 220px;
  overflow-y: auto;
  position: relative;
  z-index: 2;
}
.drop_top::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.drop_top::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.drop_top::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.dropdown_textfild p {
  margin: 5px 0 !important;
  cursor: pointer !important;
  position: relative;
  color: #fff;
}
.dropdown_textfild .drop_bottom p
{
  color: #000;
}

.dropdown_textfild p:hover {
  color: #005956 !important;
}

.dropdown_textfild p i {
  float: right;
  font-size: 18px;
  color: #fff;
  margin-top: 2px;
}

.drop_bottom {
  display: flex;
  vertical-align: top;
  width: 100%;
  padding: 5px 20px;
  color: #000;
  background: #f4f4f4;
  justify-content: space-between;
  align-items: center;
}

.drop_bottom .form-control {
  padding: 0.375rem 0;
  color: #000 !important;
  border-bottom: none !important;
  font-size: 15px !important;
  width: 100%;
  margin-right: 10px;
}

.dropdown_textfild2 {
  display: inline-block;
  vertical-align: top;
  width: 85%;
  height: auto;
  padding: 15px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 25%);
  /* background-color: #090c0c; */
  background-color: #090a0a;
}

.dropdown_textfild2 p {
  margin: 5px 0 !important;
  cursor: pointer !important;
  position: relative;
}

.dropdown_textfild2 p i {
  float: right;
  font-size: 18px;
  color: #d2cdd1;
  margin-top: 2px;
}

.employee_add_box {
  left: 0;
  bottom: 63px;
  top: inherit;
}

.tesk_labels {
  left: 0;
  top: 0;
}

.add_employees_button {
  font-weight: 500;
  color: #00B6B0;
}

.add_employees_button i {
  color: #00B6B0 !important;
  margin-left: 10px;
}


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

.variants>div {
  margin-right: 5px;
}

.variants>div:last-of-type {
  margin-right: 0;
}

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

.variants .file>input[type='file'] {
  display: none
}

.variants .file>label {
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  color: hsl(0, 0%, 29%);
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  font-weight: 700;
}

.variants .file>label:hover {
  border-color: hsl(0, 0%, 21%);
}

.variants .file>label:active {
  background-color: none;
}

.variants .file>label>i {
  padding-right: 5px;
}

.variants .file--upload>label {
  color: #fff;
  font-size: 12px;
}
.variants img
{
  width: 25px;
  height: 25px;
  object-fit: contain;
  object-position: center;
}

.filter-group {
  position: relative;
}

.assign_employee {
  position: relative;
}

.assign_employee .dropdown_textfild {
  left: 0;
  text-align: left;
  top: 61px;
  min-width: 212px;
}

.pin {
  color: #606060;
  font-size: 18px;
  cursor: pointer;
}

.pin:hover {
  color: #00B6B0;
}

.pin_active {
  color: #b60000;
}

.pin_inactive {
  color: hsl(172, 57%, 97%);
}

.icon_roted {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}


.apexcharts-menu-icon svg,
.apexcharts-reset-icon svg,
.apexcharts-zoom-icon svg,
.apexcharts-zoomin-icon svg,
.apexcharts-zoomout-icon svg {
  fill: #00B6B0 !important;
}

.graph_section text {
  fill: #fff !important;
}

.graph_section .apexcharts-grid-row {
  fill: none !important;
}
.outline_select
{
  color: #fff;
  background-color: transparent !important;
  background-image: url(../images/down_arrow_w.svg) !important;
  background-repeat: no-repeat;
}
.outline_select option
{
  color: #000 !important;
}
.sprint_drop_section
{
  display: inline-block;
  vertical-align: top;
  margin:4px 10px;
}
.task
{
  display: inline-block;
  vertical-align: top;
  background: #4BAF43;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-right: 5px;
  margin-top: 3px;
}

.bug
{
  display: inline-block;
  vertical-align: top;
  background: #E3000B;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-right: 5px;
  margin-top: 3px;
}
.update_task_box {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.update_task_box .form-floating>.form-select>option {
  color: #000 !important;
}
.update_task_box .number {
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
  background: #D68A08;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  margin-top: -33px;
}
.update_task_box .form-floating>.form-select {
  background-color: transparent !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  padding-left: 0;
  background-image: url(../images/accordion_down_arrow.svg);
  background-repeat: no-repeat !important;
  background-position: calc(100% - 15px) center !important;
}

.developer_graph_top
{
  display: flex;
  float: left;
  width: 100%;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
}
.developer_graph_top .left
{
  display: flex;
  width: auto;
  align-items: center;
}
.developer_graph_top .left p
{
  font-weight: 500;
  font-size: 12px;
  min-width: 190px;
}
.developer_graph_top .right
{
  display: flex;
}
.developer_graph_top .right p
{
  font-size: 12px;
  font-weight: 500;
  margin-left: 20px;
}
.developer_graph_top .right p span
{
  color: #00B6B0;
  font-weight: 700;
}
.developer_graph_img_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #00B6B0;
}
.developer_graph_img_section img
{
  width: 100%;
}

.developer_monthly_boxes
{
  display: block;
  float: left;
  width: 100%;
}
.developer_monthly_box1
{
  display: block;
    float: left;
    width: 100%;
    padding: 15px 25px;
    background: #262B49;
    border-radius: 10px;
    margin-top: 20px;
    align-items: center;
    height: calc(100% - 30px);
}
.task_round_img_area
{
  display: flex;
  vertical-align: middle;
  margin: 5px 10px 5px 15px;
}
.task_round_img_area .img_box1 {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 31px;
  margin-left: -5px;
  transition: all .5s ;
	transition-timing-function:ease-out;
  position: relative;
  z-index: 1;
  border: 3px solid #1C2039;
}

.task_round_img_area .img_box2 {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 34px;
  margin-left: -5px;
  transition: all .5s ;
	transition-timing-function:ease-out;
  position: relative;
  z-index: 2;
  border: 3px solid #1C2039;
  box-shadow: 0px 0px 0px 2px #0d6efd;
}
.task_round_img_area .img_box1:nth-child(5n+1) {
  background: #fb784d;
}
.task_round_img_area .img_box1:nth-child(5n+2) {
  background: #4a7ae9;
}
.task_round_img_area .img_box1:nth-child(5n+3) {
  background: #d19939;
}
.task_round_img_area .img_box1:nth-child(5n+4) {
  background: #1844A7;
}
.task_round_img_area .img_box1:nth-child(5n+5) {
  background: #883eb7;
}
.task_round_img_area .img_box1:hover
{
  cursor: pointer;
  margin-top: -5px;
}
.high_priority
{
  font-size: 10px;
  background: #E3000B;
  color: #fff;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
}
.medium_priority
{
  font-size: 10px;
  background: #FFB536;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
}
.low_priority
{
  font-size: 10px;
  background: #004EFF;
  color: #fff;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
}

.task_form {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #fff;
}

.task_form .form-control {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
}

.task_form .form-select {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  background: url(../images/down_arrow_w.svg) no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  font-size: 12px;
}
.task_form option
{
  color: #000 !important;
}

.task_form .form-select:focus {
  outline-style: none;
  box-shadow: none;
}


.task_form .form-label {
  font-weight: 500;
}
.dark_popup .modal-body
{
  background: #1C2039;
}
.dark_popup .modal-header
{
  border-bottom: none;
}
.dark_popup .modal-footer {
  background: #1C2039;
  align-items: center;
  padding: 5px 0.75rem;
  border-top: 1px solid #4E4E4E;
  justify-content: space-between;
}
.dark_popup .modal-footer .right
{
  align-items: center;
}
.modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.modal-body::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: #09918f;
}


.view_task_form {
  display: flex;
  float: left;
  width: 100%;
  max-height: calc(100vh - 140px);
}

.view_task_form .form-control {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
}

.view_task_form .form-select {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  background: url(../images/down_arrow_w.svg) no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  font-size: 12px;
}
.view_task_form option
{
  color: #000 !important;
}

.view_task_form .form-select:focus {
  outline-style: none;
  box-shadow: none;
}


.view_task_form .form-label {
  font-weight: 500;
}

.view_task_form > .left
{
  display: block;
  float: left;
  width: 60%;
  padding-right: 20px;
  overflow: auto;
  border-right: 1px solid #515151;
}
.view_task_form > .left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.view_task_form > .left::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.view_task_form > .left::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.view_task_form > .right
{
  display: block;
  float: left;
  width: 40%;
  padding-left: 20px;
  overflow: auto;
  overflow-x: hidden;
}
.view_task_form > .right::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.view_task_form > .right::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.view_task_form > .right::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.task_number_section
{
  display: flex;
  float: left;
  vertical-align: top;
  width: 100%;
  align-items: center;
}
.task_number_section p
{
  font-size: 16px;
  margin: 0 10px;
}
.task_number_section i
{
  cursor: pointer;
  font-size: 16px;
}
.task_title_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.view_task_title
{
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 20px;
  outline-style: none;
  border: none;
  width: 100%;
}
.view_task_title::placeholder
{
  color: #fff;
}
.view_task_title:focus
{
  border: 1px solid #00B6B0;
}

.view_task_edit_but
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 2px;
  justify-content: flex-end;
}
.task_edit_but
{
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #000;
  font-size: 12px;
  text-align: center;
  list-style: 16px;
  background: #EBEBEB;
}
.task_description_and_image_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.task_description_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.task_description_section h2
{
  font-size: 18px;
}

.view_task_description
{
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 12px;
  outline-style: none;
  border: none;
  width: 100%;
  margin-top: 5px;
  min-height: 100px;
}
.view_task_description::placeholder
{
  color: #fff;
}
.view_task_description:focus
{
  border: 1px solid #CECECE;
}

.view_task_link_issue_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.view_task_link_issue_section .top_heading
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
}
.view_task_link_issue_section .top_heading h2
{
  font-size: 18px;
}
.link_issue_add_but
{
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  background: #00B6B0;
  font-size: 12px;
}
.link_issue_add_but:hover
{
  background: #fff;
  color: #000;
}
.link_issue_box
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #fff;
  padding: 15px;
}
.link_issue_box1
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.link_issue_box1 .left span
{
  color: #00B6B0;
  font-size: 16px;
}
.form-check-input:checked {
  background-color: #00B6B0;
  border-color: #00B6B0;
}
.link_issue_todo_select
{
  width: 100px;
}
.link_issue_add_box
{
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  border: 1px solid #00B6B0;
  padding: 5px;
  margin-top: 12px;
}
.small_card2 {
  display:flex;
  vertical-align: top;
  background: #fff;
  border-radius: 5px;
  padding: 4px 10px;
  color: #000;
  margin-right: 15px;
  width: max-content;
  margin: 5px;
}

.small_card2 span {
  cursor: pointer;
}
.small_card2 .form-check-input
{
  margin-right: 3px;
}
.link_issue_add_but_area
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 10px;
  justify-content: flex-end;
}
.view_task_history_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.view_task_history_section h2
{
  font-size: 18px;
}
.view_task_history_box1
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.view_task_history_box1 .profile_img2
{
  flex: 34px 0 0;
}
.view_task_history_box1 .text_area
{
  display: block;
  float: left;
  width: 100%;
  padding-left: 12px;
}
.view_task_history_box1 .text_area h3
{
  font-size: 12px;
}
.view_task_history_box1 .text_area h3 span
{
  font-size: 12px;
  margin-left: 15px;
  font-weight: 100;
}
.view_task_history_box1 .text_area p
{
  margin-top: 5px;
  color: #d8d8d8;
}
.view_task_right_status_area
{
  display: block;
  float: left;
  width: 100%;
}

.view_task_right_assignee_area
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 15px;
  align-items: center;
  position: relative;
}
.view_task_right_assignee_area h2
{
  font-size: 12px;
  flex: 150px 0 0;
}

.view_task_right_assignee_area .right
{
  display: block;
  float: left;
  width: 100%;
}

.view_task_right_assignee_area .right h4
{
  color: #00B6B0;
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  font-size: 16px;
}
.view_task_right_assignee_area .right h4 a
{
  color: #00B6B0; 
  text-decoration: underline;
}
.view_task_right_assignee_area .right h4 a:hover
{
  text-decoration: none;
}
.view_task_right_assignee_area .right .top
{
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  margin-top: -6px;
}
.view_task_right_assignee_area .right .top .profile_img2
{
  flex: 34px 0 0;
}
.view_task_right_assignee_area .right .top .text_area
{
  float: left;
  width: 100%;
  padding-left: 10px;
}
.view_task_right_assignee_area .bottom_pannel
{
  position: relative;
}
.view_task_labels_drop_margin
{
  margin-top: 30px;
}
.view_task_form .input-select {
  background: none !important;
  color: #fff !important;
  border: none !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  background-position: calc(100% - 5px) center !important;
  font-size: 12px;
  outline-style: none;
}

.cdk-overlay-container { z-index: 1200 !important; }

.developer_graph_img_section text
{
  fill: #fff !important;
}
.totalactivity_section
{
  display: flex;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  background: #262B49;
  padding: 10px 20px;
  border-radius: 10px;
  justify-content: space-between;
}
.totalactivity_section p
{
  font-size: 12px;
}
.totalactivity_section p span
{
  color: #00B6B0;
  font-weight: 700;
}

.task_form  .assign_employees_box2 .form-control {
  border-bottom: none !important;
}
.task_form .add_new_sprint
{
  color: #000 !important;
}

.view_task_right_assignee_area .add_new_sprint
{
  color: #000 !important;
}

.btn-close {
  background-image: url(../images/modal_close.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 1;
}
.hr_report_box
{
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 20px;
}
.hr_report_box .top_pannel
{
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.hr_report_box .top_pannel > div
{
  width: calc(100% / 6);
  text-align: left;
}
.hr_report_box .top_pannel span
{
  color: #00B6B0;
  margin-left: 0;
  font-weight: 700;
}
.hr_activity_input
{
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 34px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-left: 10px;
  outline-style: none;
  color: #fff;
  background: none;
  padding: 0 12px;
}
.hr_report_box .body_pannel
{
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}

.angular-editor-textarea:focus-visible
{
  box-shadow: none !important;
  border: 1px solid #00B6B0 !important;
  outline-style: none !important;
}
.search_button_style
{
  margin-left: -39px !important;
  z-index: 5 !important;
  background: #262B49 !important;
  height: 36px !important;
  margin-top: 1px !important;
}
.add_log .mat-mdc-form-field
{
  width: 100%;
}
.add_log .mdc-text-field--filled:not(.mdc-text-field--disabled)
{
  background: none;
}
.add_log .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #fff;
}
.add_log .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  font-size: 14px !important;
  color: #8e8e8e;
}
.add_log .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #fff;
}
.add_log svg
{
  fill: #fff;
}
.add_log .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color:#fff;
}
.add_log .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color:#fff;
}
.add_log .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #fff;
}
.add_log .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #fff;
}

.enable_disable
{
  display: inline-block;
}
.enable_disable .form-check-input
{
  background-color: #E3000B;
  background-image: url(../images/switch_white_round.svg) !important;
}

.enable_disable .form-check-input:checked {
  background-color: #06ac00;
  border-color: #06ac00;
}
.form-check {
  min-height: auto;
  margin-bottom: 0;
}
.profile_top_section
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: #353a5c;
  padding: 12px 15px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.total_login_status
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.total_login_status p
{
  font-size: 12px;
}
.total_login_status p span
{
  color: #00B6B0;
}
.sort_arrow {
  display: inline-block;
  width: 12px;
  line-height: 1px;
  vertical-align: top;

}
.sort_arrow i
{
  height: 8px;
  font-size: 12px;
  cursor: pointer;
}
.project_title
{
  font-size: 12px;
  color: #fff !important;
}
.hr_report_accordion .accordion-button 
{
  flex-wrap: nowrap;
}
.hr_report_accordion .accordion-item
{
  float: left;
  width: 100%;
  margin: 0;
}
.hr_report_accordion .accordion-header
{
  float: left;
  width: 100%;
}
.hr_report_accordion .accordion-body {
  float: left;
  width: 100%;
}
.dahboard_project_card
{
  display: block;
  float: left;
  width: 100%;
  background: #2f385c;
  padding: 15px;
  margin-top: 15px;
  border-radius: 10px;
  height: calc(100% - 15px);
}

.dahboard_login_status_card
{
  display: block;
  float: left;
  width: 100%;
  background: #2f385c;
  padding: 15px;
  margin-top: 15px;
  border-radius: 10px;
  height: calc(100% - 15px);
}
.dashbaor_project_employee_section
{
  display: flex;
  align-items: center;
}
.tt
{
  color: #FFB536;
  font-weight: bold;
  font-size: 12px;
}
.ct
{
  color: #00b831;
  font-weight: bold;
  font-size: 12px;
}
.rt
{
  color: #ff0000;
  font-weight: bold;
  font-size: 12px;
}
.high_priority_dashboard
{
  font-size: 10px;
  background: #E3000B;
  color: #fff;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
  position: absolute;
  top: 10px;
  right: 15px;
}
.medium_priority_dashboard
{
  font-size: 10px;
  background: #FFB536;
  color: #fff;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
  position: absolute;
  top: 10px;
  right: 15px;
}
.low_priority_dashboard
{
  font-size: 10px;
  background: #00e34c;
  color: #fff;
  border-radius: 3px;
  vertical-align: top;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px ;
  position: absolute;
  top: 10px;
  right: 15px;
}
.login_active_inactive_section
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 10px;
  justify-content: space-between;
}
.login_active_inactive_section .tab_area
{
  display: flex;
  float: left;
  width: 100%;
  margin: 12px 0;
}
.login_active_inactive_section .tab_area ul
{
  list-style-type: none;
  display: flex;
  float: left;
  justify-content: space-between;
  width: 100%;
}
.login_active_inactive_section .tab_area ul li
{
  display: inline-block;
  width: 32%;
}
.login_active_inactive_section .tab_area ul li a
{
  display: flex;
  color: #fff;
  background: #252C47;
  padding: 10px 25px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.login_active_inactive_section .tab_area ul li a span
{
  margin-left: 2px;
}
.login_active_inactive_section .tab_area ul li a .online
{
  color: #00b831;
}
.login_active_inactive_section .tab_area ul li a .offline
{
  color: #ff0000;
}
.login_active_inactive_section .tab_area ul li a .invisible_status
{
  color: #9da6dc;
}
.login_active_inactive_section .tab_area ul li a:hover
{
  background: #00B6B0;
}

.tab_active a
{
  background: #00B6B0 !important; 
}

.tab_active .invisible_status ,.tab_active .online ,.tab_active .offline
{
  color: #fff !important; 
}


.login_active_inactive_section .tab_area ul li a:hover .online
{
  color: #fff;
}
.login_active_inactive_section .tab_area ul li a:hover .offline
{
  color: #fff;
}
.login_active_inactive_section .tab_area ul li a:hover .invisible_status
{
  color: #fff;
}
.form-check-input
{
  height: 15px;
  width: 15px;
}
.project_list_box1 .estimated_area {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  margin-top: 5px;
  justify-content: space-between;
}
.project_list_box1 .estimated_area p
{
  color: #fff;
}
.Logged_excess
{
  color: #4BAF43;
}
.modal-body .form-control {
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}
.cdk-overlay-pane
{
  left: 50% !important;
  transform: translateX(-50%) !important;
}
.logs_but
{
  position: relative;
  padding-left: 50px;
}
.logs_count
{
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #fff !important;
  font-weight: 300 !important;
}
.notification_box1
{
  display: flex;
  float: left;
  width: 100%;
  background: #252C47;
  padding: 15px;
  border-radius: 12px;
  margin: 15px 0 0 0;
  border: 1px solid transparent;
}
.notification_box1 .icon_area
{
  display: flex;
  float: left;
  width: 46px;
  height: 46px;
  background: #00B6B0;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  flex: 46px;
}
.notification_box1 .icon_area img
{
  width: 20px;
}
.notification_box1 .text_area
{
  float: left;
  width: 100%;
  padding-left: 14px;
  margin-top: 15px;
}
.notification_box1 .text_area .date_and_time
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: right;
  justify-content: flex-end;

}
.notification_box1 .text_area .date_and_time p
{
  color: #00B6B0;
  font-size: 12px;
  margin-left: 12px;
  font-weight: 500;
}
.high_priority_notification
{
  background: #E3000B ;
}
.unread_notification
{
  border: 1px solid #00B6B0;
}
.notification_filter_right
{
  display: flex;
  float: right;
  width: auto;
  align-items: center;
}
.notification_filter_right a {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #00B6B0;
  text-decoration: underline !important;
}
.notification_filter_right a:hover
{
  text-decoration: none !important;
}
.setting_body
{
  display: block;
  float: left;
  width: 100%;
}
.drop_bottom .form-control
{
  color: #000 !important;
}

.company_filter_tab {
  display: flex;
  width: auto;
}
.company_filter_tab div
{
  margin: 0 3px;
}
.company_filter_tab .btn-check:active+.btn-outline-primary, .company_filter_tab .btn-outline-primary:active
{
  color: #fff;
  background-color: #00B6B0 !important;
  border-color: #00B6B0 !important;
}
.company_filter_tab .btn-outline-primary
{
  color: #00B6B0 !important;
    border-color: #00B6B0 !important;
}

.company_filter_tab .btn-outline-primary:hover
{
    color: #fff !important;
    border-color: #00B6B0 !important;
    background: #00B6B0 !important;
}
.company_filter_tab .btn-check:checked+.btn-outline-primary
{
  background: #00B6B0 !important; 
  color: #fff !important ;
  box-shadow: 0 0 0 0.25rem #00b6b066 !important;
}
.company_filter_tab .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem #00b6b066 !important;
}
.company_filter_tab .btn-outline-primary:active {
  color: #fff !important;
  background-color: #00B6B0 !important;
  border-color: #00B6B0 !important;
}
.task_list_mian_box .top_pannel .right .company_filter_tab:nth-child(3)
{
  margin-right: 12px !important;
}
.late_status
{
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  width: 13px;
  height: 13px;
  text-align: center;
  line-height: 13px;
  font-size: 9px;
  background: #ff0000;
  border-radius: 100%;
  color: #fff;
}
 
 .project_img
 {
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  padding: 4px;
  border-radius: 100%;
  object-fit: contain;
  object-position: center;
  margin-right: 5px;
  background: #fff;
 }

 .hr_report_right
{
  display: flex;
  float: right;
  flex: 0 0 200px;  
}
.hr_report_right .but_style1
{
  width: 140px !important;
  flex: 140px 0 0 !important;
}
.calender_icon
{
  display: flex;
  float: right;
  width: 40px;
  height: 40px;
  background: #00B6B0;
  border-radius: 100%;
  flex: 0 0 50px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .5s ;
	transition-timing-function:ease-out;
}
.calender_icon i
{
  color: #fff;
  font-size: 20px;
}
.calender_icon:hover
{
  background: #000;
  color: #fff;
}
.report_calender
{
  display: block;
  float: left;
  width: 100%;
}

.report_calender ul {list-style-type: none;}

.report_calender .month {
  padding: 5px 25px;
  width: 100%;
  background: #00B6B0;
  text-align: center;
}

.report_calender .month ul {
  margin: 0;
  padding: 0;
}

.report_calender .month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.report_calender .month .prev {
  float: left;
  padding-top: 10px;
  cursor: pointer;
}

.report_calender .month .next {
  float: right;
  padding-top: 10px;
  cursor: pointer;
}

.report_calender .weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}

.report_calender .weekdays li {
  display: inline-block;
  width: calc(100% / 7);
  color: #666;
  text-align: center;
}

.report_calender .days {
  background: #fff;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.report_calender .days li {
  list-style-type: none;
  display: inline-block;
  width: calc(100% / 7);
  text-align: center;
  font-size: 12px;
  color: #777;
  height: 50px;
  line-height: 50px;
  position: relative;
  border: 1px solid #dddddd;
}

.report_calender .days li .active {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #00B6B0;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.check
{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #06ac00;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.uncheck
{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  vertical-align: top;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #E3000B;
  color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.report_calender_popup
{
  padding: 10px;
}
.report_calender_popup .right
{
  flex: 0 0 120px;
}
.email
{
  word-wrap: break-word;
}
.report_calender_popup .left {
  padding-right: 0;
}
.employee_popup_drop
{
  width: 250px;
}
.project_for_mobile
{
  display: none;
}


.mobile_project_heading_area
{
  display: flex;
  float: left;
  width: 100%;
}
.project_for_mobile .accordion-button
{
  background-color: #1C2039 !important;
  border: none !important;
  border-radius: 7px 7px 0 0;
}
.project_for_mobile .accordion-button:focus {
  z-index: 3;
  border-color: #1C2039;
  outline: 0;
  box-shadow: none;
}
.project_for_mobile .accordion-item {
  background-color: #1C2039 !important;
  border: none;
  margin-top: 20px;
  border-radius: 7px;
  border-left: 5px solid #00B6B0;
  position: relative;
  z-index: 1;
}
.project_for_mobile .accordion-item:hover
{
  z-index: 2;
}
.project_for_mobile .accordion-button::after {
  background-image: url(../images/accordion_down_arrow.svg);
}
.mobile_priority
{
  position: relative;
  margin-right: 10px;
  top: 0;
  left: 0;
}
.mobile_project_heading_area h2
{
  color: #00B6B0;
  font-size: 18px;
}
.project_for_mobile  .accordion-body
{
  border: none;
  border-top: 1px solid #ffffff3e;
}
.mobile_project_bottom_section
{
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.mobile_project_bottom_section .date {
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mobile_project_bottom_section .date p {
  font-size: 12px;
  color: #fff;
  margin: 5px 0;
}

.mobile_project_bottom_section .estimated_area {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  margin: 5px 0;
  justify-content: space-between;
}
.mobile_project_bottom_section .estimated_area p {
  color: #fff;
}

.mobile_project_bottom_section .employee {
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
  margin-top: 5px;
  justify-content: space-between;
}
.mobile_project_bottom_section .information_section {
  position: relative;
  margin-left: 5px;
  z-index: 0;
}
.mobile_project_bottom_section .information_section i {
  color: #00B6B0;
  font-size: 18px;
}
.mobile_project_bottom_section .employee p {
  font-size: 12px;
  color: #fff;
}
.project_report_box
{
  display: flex;
  align-items: center;
  vertical-align: middle;
  padding: 0 15px;
  margin: 4px 0 4px 0;
  border-right: 1px solid #696969;
}
.project_report_box:last-child
{
  border-right: none;
}
.admin_logs .accordion-button
{
  flex-wrap: nowrap !important;
}
.admin_logs .accordion-button .logs_count
{
  left: 15px !important;
}
.imcomplete_days
{
  width: 340px !important;
}
.imcomplete_days p
{
  width: auto !important;
}
.information_section .employee_drop .box1 .text_area p span
{
  color: #fff;
  font-weight: 100;
}

.task_description_image_section
{
  display: block;
  float: left;
  width: 100%;
}
.task_description_image_section .img_box1
{
  display: block;
  float: left;
  width: 54px;
  height: 48px;
  margin: 0 10px 12px 0;
  position: relative;
}
.task_description_image_section .img_box1 img
{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.broadcast_image_section
{
  display: block;
  float: left;
  width: 100%;
  position: absolute;
  width: 210px;
  height: 61px;
  left: -8px;
  margin-top: -90px;
  background: #252C47;
  padding: 5px 5px 0 5px;
  overflow-y: auto;
  border-radius: 5px;
}
.broadcast_image_section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.broadcast_image_section::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.broadcast_image_section::-webkit-scrollbar-thumb {
  background-color: #09918f;
}
.broadcast_image_section .img_box1
{
  display: flex;
  float: left;
  width: 54px;
  height: 48px;
  margin: 0 10px 12px 0;
  position: relative;
  align-items: center;
  justify-content: center;
}
.broadcast_image_section .img_box1 img
{
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.iamge_cross
{
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  background: #00B6B0;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}
.iamge_cross:hover
{
  background: #000;
}

.task_description_image_section .upload_box
{
  display: block;
  float: left;
  width: 54px;
  height: 48px;
  margin: 0 10px 12px 0;
  position: relative;
  background: #00B6B0;
}

.task_description_image_section .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.task_description_image_section .btn {
  display: block;
  float: left;
  width: 54px;
  height: 48px;
  margin: 0 10px 12px 0;
  position: relative;
  color: #fff;
  cursor: pointer;
  border-radius: 0;
  border: 1px dashed #fff;
  border-radius: 4px;
}

.task_description_image_section  .upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.log_date .mat-mdc-form-field
{
  width: 100%;
}
.log_date .mdc-text-field--filled:not(.mdc-text-field--disabled)
{
  background: none;
}
.log_date .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #fff;
}
.log_date .mat-mdc-form-field path
{
  color: #fff;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #fff) !important;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-error, #fff) !important;
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-primary, #fff) !important;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: #fff !important;
}
.mdc-text-field--filled {
  height: 58px !important;
}


.leave_calender_and_balance_section
{
  display: block;
  float: left;
  width: 100%;
}
.leave_calender
{
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 25px;
  padding: 20px;
}
.leave_calender_tab
{
  display: block;
  float: left;
  width: 100%;
}
.leave_calender_tab .nav-link
{
  color: #00B6B0;
  font-size: 18px;
}
.leave_calender_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link
{
  background: #00B6B0;
}
.leave_calender_body
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.leave_balance_section
{
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 10px;
  margin-top: 25px;
  padding: 20px;
}
.leave_balance_section .heading
{
  display: block;
  float: left;
  width: 100%;
}
.leave_balance_section .heading h2
{
  font-size: 22px;
}
.leave_balance_section .heading h2 span
{
  color: #24DED9;
}
.leave_balance_body_section
{
  display: block;
  float: left;
  width: 100%;
  padding: 69px 15px;
}
.leave_balance_body_section .box1
{
  text-align: center;
}
.leave_balance_body_section .box1 h2
{
  color: #24DED9;
  font-size: 22px;
}
.leave_balance_body_section .box1 p
{
  color: #fff;
  font-size: 22px;
}
.leave_balance_body_section .box1 p span
{
  font-size: 35px;
  font-weight: 500;
}
.medical_leave_color
{
  color: #FF4506;
}
.leave_apply_section
{
  display: block;
  float: left;
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid #696969;
  text-align: center;
}
.leave_apply_section p
{
  font-size: 20px;
}
.leave_apply_section p a
{
  color: #00B6B0;
}
.leave_pending
{
  color: #fff !important;
}
.leave_aproved
{
  color: #24DED9 !important;
  font-style: normal !important;
}
.leave_canceled ,.leave_modifyed
{
  color: #FF4506 !important;
}
.leave_rejected
{
  color: #FFB536 !important;
}

.leave_body
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-bottom: 1px solid #676767;
  padding: 15px 0;
}
.leave_body:last-child
{
  border-bottom: none;
}
.leave_body_top
{
  display: flex;
  float: left;
  width: 100%;
  align-items: center;
}
.leave_body_top h2
{
  color: #24DED9;
  margin-right: 2px;
}
.leave_body_top h3
{
  margin-left: 5px;
}
.leave_body_description
{
  display: flex;
  float: left;
  width: 100%;
  margin: 10px 0;
}
.leave_body_description p strong
{
  color: #24DED9 !important;  
}
.leave_body_description p
{
  font-size: 12px;
  color: #DFDFDF;
}
.leave_body_description p strong
{
  font-weight: 500;
  color: #fff;
}

.leave_body_day
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 5px;
}
.leave_body_day p
{
  font-size: 12px;
  padding: 0 10px;
  border-right: 1px solid #696969;
}
.leave_body_day p:first-child
{
  padding-left: 0;
}
.leave_body_day p:last-child {
  border-right: none;
}
.leave_body_day p span
{
  color: #24DED9; 
}
.leave_body_button
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.leave_cancel_but {
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
  background: #DF4D54;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
}

.leave_request_but {
  display: inline-block;
  vertical-align: top;
  padding: 6px 15px;
  background: #00B6B0;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
}
.leave_cancel_but:hover, .leave_request_but:hover
{
  background: #fff;
  color: #000;
}

.leave_form .form-check-input
{
  width: 15px !important;
  height: 15px !important;
  margin-right: 6px;
  margin-top: 1px;
}
.remaining_leave
{
  color: #FF4506;
}
.request_leave_modal_section
{
  display: block;
  float: left;
  width: 100%;
}
.request_leave_modal_section .top
{
  display: flex;
  float: left;
  width: 100%;
  color: #fff;
  justify-content: space-between;
}
.request_leave_modal_section .top h3
{
  font-size: 16px;
}
.request_leave_modal_section .top h3 span
{
  margin-right: 15px;
}
.request_leave_modal_section .text
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px;
  color: #fff;
}
.leave_management_tab .nav-pills .nav-link {
  font-size: 13px;
}
.leave_management_tab .nav-pills .nav-link.active, .employee_details_tabs .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #00B6B0;
}
.admin_leave_management_box1
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 30px;
  background: #262B49;
  border-radius: 15px;
}
.admin_leave_management_box1 .top_pannel {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid #606060;
  justify-content: space-between;
}

.admin_leave_management_box1 .top_pannel p {
  font-size: 12px;
  width: 33%;
}

.admin_leave_management_box1 .top_pannel strong {
  color: #00B6B0;
}

.admin_leave_management_box1 .top_pannel span {
  margin-right: 10px;
}

.admin_leave_management_box1 .center_pannel {
  display: block;
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid #606060;
}

.admin_leave_management_box1 .center_pannel p {
  font-size: 12px;
  color: #fff;
}

.admin_leave_management_box1 .bottom_pannel {
  display: block;
  float: left;
  width: 100%;
  padding: 8px 20px;
  text-align: right;
}

.admin_leave_management_box1 .applicaation_modify_pannel {
  display: block;
  float: left;
  width: 100%;
  padding: 8px 20px;
  text-align: right;
  border-bottom: 1px solid #606060;
}
.admin_leave_management_box1 .applicaation_modify_pannel .top
{
  display: flex;
  float: left;
  width: 100%;
}
.admin_leave_management_box1 .applicaation_modify_pannel .top h2
{
  color: #24DED9;
  font-size: 20px;
}
.admin_leave_management_box1 .applicaation_modify_pannel .top h2 span
{
  color: #fff;
  margin-left: 5px;
}
.admin_leave_management_box1 .applicaation_modify_pannel .top p
{
  color: #24DED9;
  font-size: 20px;
  font-weight: 500;
}

.admin_leave_management_box1 .applicaation_modify_pannel .mid
{
  display: flex;
  float: left;
  width: 100%;
}
.admin_leave_management_box1 .applicaation_modify_pannel .mid p
{
  font-size: 16px;
  margin-right: 25px;
}
.admin_leave_management_box1 .applicaation_modify_pannel .mid p span
{
  color: #24DED9;
  margin-left: 5px;
}
.admin_leave_management_box1 .applicaation_modify_pannel .bottom
{
  display: flex;
  float: left;
  width: 100%;
}
.admin_leave_management_box1 .applicaation_modify_pannel .bottom p
{
  margin-top: 5px;
}
.admin_leave_management_box1 .applicaation_modify_pannel .bottom p span
{
  font-weight: 500;
}
.admin_leave_management_top_search
{
  display: block;
  float: left;
  width: 100%;
  padding: 15px 25px;
  background: #262B49;
  border-radius: 10px;
  margin-top: 20px;
}
.admin_leave_management_employee_list1
{
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 12px;
  padding: 15px;
  margin-top: 20px;
  justify-content: space-between;
}
.admin_leave_management_employee_list1 .top_pannel
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff4b;
  padding-bottom: 12px;
}
.admin_leave_management_employee_list1 .bottom_pannel
{
  display: flex;
  float: left;
  width: 100%;
  padding-top: 12px;
}
.admin_leave_management_employee_list1 .bottom_pannel p {
  display: flex;
  color: #24DED9;
  font-size: 12px;
  margin-right: 30px;
  align-items: center;
}
.admin_leave_management_employee_list1 .bottom_pannel p span {
  color: #fff;
  display: flex;
}
.admin_leave_management_employee_list1 .left
{
  display: block;
}
.admin_leave_management_employee_list1 .left .profile
{
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}
.admin_leave_management_employee_list1 .left .profile .img_area
{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 5px;
}
.admin_leave_management_employee_list1 .left .profile .img_area img
{
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

.admin_leave_management_employee_list1 .right p
{
  display: flex;
  color: #24DED9;
  font-size: 12px;
  margin-left: 30px;
  align-items: center;
}
.admin_leave_management_employee_list1 .right p span
{
  color: #fff;
  display: flex;
}
.admin_leave_management_employee_list1 .right p a
{
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  background: rgba(255, 181, 54, 0.3);
  border-radius: 5px;
  color: rgba(255, 181, 54, 1);
}
.project_report_box .profile
{
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}
.project_report_box .profile .img_area
{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 5px;
}
.project_report_box .profile .img_area img
{
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.leave_details
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-bottom: 1px solid #676767;
  padding: 15px 0;
}
.leave_details:last-child
{
  border-bottom: none;
}
.leave_details h2
{
  color: #24DED9;
}
.leave_details p
{
  margin-top: 10px;
  color: #DFDFDF;
  font-size: 12px;
}
.leave_details p strong
{
  color: #fff;
  font-weight: 500;
}
.leave_details {
  border: 2px solid black;
  padding: 20px;
  position: relative;
  margin-bottom: 20px; /* Added margin for spacing between elements */
}

.admin-label {
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: black;
  padding: 0 5px;
  font-weight: bold;
}


.holiday_calender_section
{
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 15px;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
  padding: 15px;
}
.holiday_calender_bottom_text
{
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.holiday_calender_bottom_text h3
{
  font-size: 16px;
}
.holiday_calender_bottom_text p
{
  font-size: 12px;
  margin-top: 4px;
}
.red_dot
{
  color: #E3000B;
  font-size: 10px;
  margin-top: 4px;
  display: inline-block;
  vertical-align: top;
}

.create_holydays_section
{
  display: block;
  float: left;
  width: 100%;
  background: #262B49;
  border-radius: 15px;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
}
.create_holydays_section .heading
{
  display: block;
  float: left;
  width: 100%;
  background: #00B6B0;
  border-radius: 15px 15px 0 0;
  padding: 10px 20px;
}
.create_holydays_section .heading h2
{
  font-size: 20px;
  color: #fff;
}
.create_holydays_section .create_body
{
  display: block;
  float: left;
  width: 100%;
  padding: 15px 20px;
  min-height: 380px;
}
.create_holydays_section .create_body p
{
  font-size: 12px;
}
.holiday_ddot
{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #FF000D;
    z-index: 2;
}
.holiday_ddot .holiday_drop
{
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  border-radius: 4px;
  padding: 5px 12px;
  width: 120px;
  display: none;
  line-height: normal;
  color: #fff;
}
.holiday_ddot:hover .holiday_drop
{
  display: block;
}
.leave_drop
{
  display: block;
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
  background: #1C2039;
  border-radius: 8px;
  z-index: 12;
}
.leave_drop .box1
{
  display: block;
  float: left;
  width: 100%;
  text-align: left;
  line-height: normal;
  width: 186px;
  padding: 10px 15px;
  border-bottom: 1px solid #626262;
}
.leave_drop .box1 span
{
  color: #00B6B0;
  font-weight: 500;
}
.employee_details_log_edit_but_section
{
  display:block;
  float: right;
  text-align: right;
}
.employee_details_log_details
{
  display:block;
  float: left;
}
.broadcast_create_body
{
  display: block;
  float: left;
  width: 100%;
}
.broadcast_create_left
{
  display: block;
  float: left;
  width: 100%;
  background: #2F385C;
  padding: 20px;
  border-radius: 12px;
}

.broadcast_create_left .accordion-item
{
  margin-bottom: 12px;
  border: none;
  border-radius: 5px;
  background: #262B49;
}
.broadcast_create_left .accordion-item:last-child
{
  margin-bottom: 0;
}
.broadcast_create_left .accordion-button
{
  background: #262B49;
  color: #fff;
  font-size: 13px;
}
.broadcast_create_left .accordion-button::after {
  background-image: url(../images/accordion_down_arrow.svg);
}
.broadcast_create_left .accordion-item .accordion-button {
  border-radius: 5px;
}
.broadcast_create_left .accordion-button:focus {
  border-color: none;
  box-shadow: none;
}
.employee_list
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 10px;
}
.employee_list li
{
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 10px 15px;
  margin-top: 5px;
  border-radius: 5px;
}
.employee_list li:nth-child(even)
{
  background: #313B5E;
}
.employee_list .form-check .form-check-input
{
  float: right;
  width: 1em;
  height: 1em;
}
.employee_list .form-check
{
  width: 100%;
  padding-left: 0;
}

.broadcast_create_right
{
  display: block;
  float: left;
  width: 100%;
  background: #2F385C;
  padding: 20px;
  border-radius: 12px;
}
.broadcast_create_right .top_pannel
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.broadcast_create_right .top_pannel .right
{
  display: flex;
}
.broadcast_create_right .top_pannel .right i
{
  margin-right: 10px;
  font-size: 18px;
}
.broadcast_create_right .top_pannel .right i:hover
{
  color: #00B6B0;
  cursor: pointer;
}
.broadcast_create_right_boxes
{
  display: block;
  float: left;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.broadcast_create_right_boxes::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.broadcast_create_right_boxes::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.broadcast_create_right_boxes::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.broadcast_create_right_box1
{
  display: flex;
  float: left;
  width: 100%;
  background: #1C2039;
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 15px;
  align-items: center;
}
.project_color
{
  color: #00B6B0;
}
.broadcast_create_right_check
{
  display: inline-block;
}

.broadcast_create_right .profile {
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}
.broadcast_create_right .profile .img_area
{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 5px;
}
.broadcast_create_right .profile .img_area img
{
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.broadcast_create_right_right_bottom_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #fff;
  padding-top: 20px;
}
.broadcast_create_right_right_bottom_section textarea
{
  background: #1C2039 !important;
  border-radius: 10px !important;
  border: 1px solid #5A5A5A !important;
  resize: none;
}
.broadcast_create_bottom_pannel
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 5px;
  justify-content: space-between;
  align-items: center;
}
.broadcast_create_bottom_pannel .left
{
  display: flex;
  align-items: center;
}

.broadcast_create_bottom_pannel .left .file {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  z-index: 1;
  text-align: left;
  margin-right: 135px;
}
.broadcast_create_bottom_pannel .left .file:hover
{
  z-index: 2;
}

.broadcast_create_bottom_pannel .left .file > input[type='file'] {
  display: none;
  float: left;
  width: 0;
}

.broadcast_create_bottom_pannel .left .file > label {
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  background-color: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.broadcast_create_bottom_pannel .left .file > label:hover {
  border-color: hsl(0, 0%, 21%);
}


.broadcast_create_bottom_pannel .left .file > label > i {
  padding-right: 5px;
}

.broadcast_create_bottom_pannel .left .file--upload > label {
  color: hsl(204, 86%, 53%);
  border-color: hsl(204, 86%, 53%);
}

.broadcast_create_bottom_pannel .left .file--upload > label:hover {
  border-color: hsl(204, 86%, 53%);
  background-color: hsl(204, 86%, 96%);
}

.broadcast_create_bottom_pannel .left .file--upload > label:active {
  background-color: hsl(204, 86%, 91%);
}

.broadcast_create_bottom_pannel .left .file--uploading > label {
  color: hsl(48, 100%, 67%);
  border-color: hsl(48, 100%, 67%);
}

.broadcast_create_bottom_pannel .left .file--uploading > label > i {
  animation: pulse 5s infinite;
}

.broadcast_create_bottom_pannel .left .file--uploading > label:hover {
  border-color: hsl(48, 100%, 67%);
  background-color: hsl(48, 100%, 96%);
}

.broadcast_create_bottom_pannel .left .file--uploading > label:active {
  background-color: hsl(48, 100%, 91%);
}

@keyframes pulse {
  0% {
    color: hsl(48, 100%, 67%);
  }
  50% {
    color: hsl(48, 100%, 38%);
  }
  100% {
    color: hsl(48, 100%, 67%);
  }
}

.broadcast_filter_div
{
  position: relative;
}
.broadcast_filter_drop
{
  position: absolute;
  right: 0;
  top: 15px;
  background: #262B49;
  width: 200px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.broadcast_filter_div:hover .broadcast_filter_drop
{
  display: block;
}
.broadcast_filter_drop li
{
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 6px 15px;
  margin-top: 5px;
}
.broadcast_filter_drop li:nth-child(even)
{
  background: #1C2039;
}
.broadcast_filter_drop .form-check .form-check-input
{
  float: right;
  width: 1em;
  height: 1em;
}
.broadcast_filter_drop .form-check
{
  width: 100%;
  padding-left: 0;
}


.broadcast_details_box {
  display: flex;
  vertical-align: top;
  position: relative;
  justify-content: center;
}

.broadcast_details_box i {
  color: #00B6B0;
  margin-left: 5px;
}

.broadcast_details_box .text_area {
  text-align: left;
}
.broadcast_details_box .details_drop {
  position: absolute;
  top: 5px;
  width: 250px;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 10px;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  z-index: 5;
  background: #1e2336; 
  padding: 12px;
}

.broadcast_details_box:hover .details_drop {
  display: block;

}
.broadcast_details_box:hover .details_drop p
{
  color: #fff;
}
.broadcast_employee_tab
{
  display: flex;
  width: 100%;
  background: #262B49;
  color: #fff;
  border-radius: 5px;
  padding: 12px 1.25rem;
  margin-bottom: 12px;
  align-items: center;
  justify-content: space-between;
}
.broadcast_employee_tab p
{
  font-size: 1rem;
}
.tab_active2
{
  background: #00B6B0;
}
.broadcast_employee_tab .form-check .form-check-input {
  float: right;
  width: 1em;
  height: 1em;
}
.broadcast_employee_tab .form-check {
  width: 100%;
  padding-left: 0;
}
.broadcast_employee_tab .form-check-inline {
  margin-right: 0;
}
.broadcast_create_right .search_box
{
  width: 100%;
  max-width: 300px;
  margin-top: 30px;
}
.broadcast_create_left .employee_list
{
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.broadcast_create_left .employee_list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.broadcast_create_left .employee_list::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.broadcast_create_left .employee_list::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

.subadmin_collapse_button_section
{
  display: flex;
  float: left;
  width: calc(100% - 40px);
  justify-content: space-between;
}
.subadmin_collapse_button_left_section
{
  display: flex;
  float: left;
  align-items: center;
  width: 100%;
}

.subadmin_collapse_button_left_section .profile
{
  display: flex;
  float: left;
  align-items: center;
  justify-content: flex-start;
  margin-right: 25px;
  min-width: 170px;
}
.subadmin_collapse_button_left_section .profile .img_area
{
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  background: #00B6B0;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 5px;
}
.subadmin_collapse_button_left_section .profile .img_area img
{
  float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.subadmin_collapse_button_left_section .designation p
{
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
}

.subadmin_collapse_button_right_section
{
  display: flex;
  float: left;
  align-items: center;
  justify-content: center;
}
.subadmin_switch_box
{
  display: inline-block;
  vertical-align: top;  
  width: 100%;
  margin: 10px 0;
  background: #1C2039;
  border-radius: 10px;
  padding: 10px 18px;
}
.subadmin_switch_box .box1
{
  display: flex;
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(223, 223, 223, .3);
  padding: 12px 0;
  justify-content: space-between;
}
.subadmin_switch_box .box1:last-child
{
  border-bottom: none;
}
.subadmin_switch_box .box1 h4
{
  color: #24DED9;
}
.subadmin_switch_box .box1 p
{
  font-size: 12px;
}
.task_form .subadmin_switch_box
{
  background: #282e54;
}

.leave_top_vacation_slider_section
{
  display: block;
  float: left;
  width: 100%;
  padding: 5px;
  border-radius: 12px;
  border: 2px solid rgba(65, 75, 118, 1);
}
.leave_top_vacation
{
  display: block;
  float: left;
  width: 100%;
  position: relative;
  color: #fff;
  background: #00B6B0;
  padding: 20px;
  border-radius: 12px;
  padding-bottom: 40px;
}
.leave_top_vacation h2
{
  font-size: 22px;
}
.leave_top_vacation p
{
  margin-top: 10px;
}
.vacation_cross
{
  position: absolute;
  top: 7px;
  right: 10px;
  color: #fff;
  font-size: 20px;
}
.leave_top_vacation_slider_section button.active {
  border: 2px solid #fff !important;
}
.leave_top_vacation_slider_section button.owl-dot {
  width: 12px;
  height: 12px;
  background: #025b58 !important;
  border-radius: 100%;
  margin: 0 4px;
  border: 2px solid transparent;
}
.leave_top_vacation_slider_section .owl-dots {
  display: flex !important;
  justify-content: center !important;
  margin-top: -24px;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.leave_top_vacation_icon_section
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: right;
}

.pointer{ cursor: pointer; }

.leave_top_vacation_icon_section i
{
  color: #fff;
  font-size: 18px;
  margin-left: 8px;
  vertical-align: middle;
}
.broadcast_popup_slider
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.broadcast_popup_slider_box1
{
  display: block;
  float: left;
  width: 100%;
}
.broadcast_popup_slider .owl-dots {
  display: flex !important;
  justify-content: center !important;
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.broadcast_popup_slider button.owl-dot {
  width: 12px;
  height: 12px;
  background: rgba(217, 217, 217, 0.5) !important;
  border-radius: 100%;
  margin: 0 4px;
  border: 2px solid transparent;
}
.broadcast_popup_slider button.active {
  background: #fff !important;
}
.create_admin_profile_box {
  background: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.red_but {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 6px;
  background: #E3000B;
  border: 1px solid #E3000B;
  color: #fff;
  font-size: 13px;
  border: none;
  transition: all .5s;
  transition-timing-function: ease-out;
}

.red_but:hover {
  background: #000;
  color: #fff;
}
.change_password
{
  color: #24DED9;
  font-size: 13px;
  cursor: pointer;
}
.change_password:hover
{
  color: #fff;
}

.information_section2
{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.information_section2 i
{
  color: #00B6B0;
}
.information_section2 .information_drop
{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 15px;
  background: #020202;
  padding: 10px 10px;
  display: none;
  width: 200px;
  border-radius: 5px;
  text-align: center;
}
.information_section2 .information_drop p
{
  color: #fff;
  font-size: 12px;
}
.information_section2:hover .information_drop
{
  display: inline-block;
}
.subadmin_list_box
{
  display: flex;
  float: left;
  width: 100%;
  margin-top: 15px;
  border-radius: 5px !important;
  background: #262B49;
  padding: 10px 15px;
  justify-content: space-between;
}
.subadmin_collapse_button_left_section {
  display: flex;
  float: left;
  align-items: center;
  width: 100%;
}
.project_box_border
{
  border: 1px solid #4b5071;
}
.update_sub_admin_pop_inner
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-height: 395px;
  overflow-y: scroll;
}
.update_sub_admin_pop_inner::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.update_sub_admin_pop_inner::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.update_sub_admin_pop_inner::-webkit-scrollbar-thumb {
  background-color: #09918f;
}
.leave_calender_tab .tab-content
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.leave_calender_tab .tab-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.leave_calender_tab .tab-content::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.leave_calender_tab .tab-content::-webkit-scrollbar-thumb {
  background-color: #09918f;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.nodata
{
  text-align: center;
  vertical-align: top;
  font-size: 12px;
  margin: 15px auto 25px auto;
}

.nodata img
{
  width: 100%;
  max-width: 120px;
}
.date_color
{
  color: #00B6B0 !important;
}


select {
  background: #212644;
  color: #fff !important;
}

option:not(:checked) {
  background-color: #212644;
  color: #fff !important;
}
.arrow_hide::after
{
  display: none;
}
.arrow_show::after
{
  display: block;
}
.nodata_margin_top
{
  margin-top: 120px;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.project_report_working_hours_drop {
  display: flex !important;
  flex-wrap: wrap;
}
.project_report_working_hours_drop h2
{
  width: 100%;
}
.project_report_working_hours_drop p
{
  width: 100%;
  margin: 5px 0;
  color: #fff !important;
}
.developer_late_entry
{
  overflow-x: hidden !important;
  width: 220px !important;
}
.dashboard_developer_report_top_section
{
  display: block;
  float: left;
  width: 100%;
  background: #252C47;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px;
}
.developer_late_entry_top
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.developer_late_entry_top p
{
  width: auto !important;
}
.dashboard_developer_report_top_section .right_time
{
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}
.dashboard_developer_report_top_section .right_time span
{
  color: #00B6B0;
  font-weight: 700;
}
.dashboard_developer_report_top_section .right_time p
{
  width: calc(100% / 3); 
}
.dashboard_developer_report_top_section .right_bottom
{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.dashboard_developer_report_top_section .right_bottom p
{
  width: calc(100% / 3);
}
.dashboard_developer_report_top_section .right_bottom span
{
  color: #00B6B0;
}
.dashboard_developer_graph_img_section
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.dashboard_log_top
{
  display: block;
  float: left;
  width: 100%;
  background: #252C47;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px;
  height: auto !important;
}
.dashboard_log_boxes
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 15px;
  max-height: 345px;
  overflow-y: auto;
}
.dashboard_log_boxes .log_box1
{
  display: flex;
  float: left;
  width: 100%; 
  padding: 10px;
  justify-content: space-between;
  border-radius: 5px;
}
.dashboard_log_boxes .log_box1 span
{
  color: #00B6B0;
}
.dashboard_log_boxes .log_box1:nth-child(even)
{
  background: #313B5E; 
}
.dashboard_log_boxes .log_box1:nth-child(odd)
{
  background: #252C47; 
}
.dashboard_log_boxes::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.dashboard_log_boxes::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.dashboard_log_boxes::-webkit-scrollbar-thumb {
  background-color: #09918f;
}
.requent_tab_section
{
  display: flex;
  float: left;
  width: 100%;
}
.requent_tab_section ul
{
  list-style-type: none;
}
.requent_tab_section ul li
{
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.requent_tab_section ul li a
{
  display: inline-block;
  vertical-align: top;
  padding: 10px 25px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.31);
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
}
.requent_tab_section ul li a:hover
{
  background: #00B6B0;
  color: #fff;
}
.requent_tab_section .active2 a
{
  background: #00B6B0;
  color: #fff; 
}
.requent_tab_count
{
  display: flex;
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #E3000B;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -6px;
  right: 3px;
}
.requent_log_edit_box
{
  display: block;
  float: left;
  width: 100%;
  border-radius: 10px;
  background: #262B49;
  margin-top: 15px;
}
.requent_log_edit_box .status_section
{
  display: flex;
  float: left;
  width: 100%;
  padding: 12px 15px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #555555;
}
.requent_log_edit_box .status_section .left p
{
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  background: #00B6B0;
  color: #fff;
  border-radius: 40px;
}
.requent_log_edit_box .status_section .right
{
  display: flex;
}
.status_approved
{
  color: #4BAF43;
}
.status_declined
{
  color: #E3000B; 
} 
.requent_log_edit_box .status_section .right p
{
  margin-right: 15px;
}
.requent_log_edit_box .status_section .right p strong
{
  color: #00B6B0;
}
.requent_log_edit_box .top_pannel
{
  display: flex;
  float: left;
  width: 100%;
  padding: 12px 15px;
  align-items: center;
  justify-content: space-between;
}
.requent_log_edit_box .bottom_pannel
{
  display: block;
  float: left;
  width: 100%;
  padding: 12px 15px;
  border-radius: 0px 0px 10px 10px;
  background: #212644;
}
.requent_log_edit_box .bottom_pannel p
{
  color: #fff;
  font-size: 13px;
}
.requent_log_edit_box .bottom_pannel p span
{
  color: #00B6B0;
}
.requent_log_edit_box .top_pannel .left
{
  display: flex;
  float: left;
  width: 100%;
  flex-wrap: wrap;
}
.requent_log_edit_box .top_pannel .left p strong
{
  color: #00B6B0;
}
.requent_log_edit_box .top_pannel .left p
{
  width: calc(100% / 3);
  margin: 2px 0;
}
.requent_log_edit_box .top_pannel .left p span
{
  margin-left: 15px;
}

.requent_log_edit_box .top_pannel .right
{
  display: flex;
  float: left;
  padding-left: 20px;
}
.requent_approve_but
{
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  background: #4BAF43;
  padding: 6px 15px;
  color: #fff;
  margin: 2px;
}
.requent_approve_but:hover
{
  background: #00B6B0;
  color: #fff;
}

.requent_decline_but
{
  display: inline-block;
  vertical-align: middle;
  border-radius: 6px;
  background: #E3000B;
  padding: 6px 15px;
  color: #fff;
  margin: 2px 5px;
}
.requent_decline_but:hover
{
  background: #00B6B0;
  color: #fff;
}
.level_left_margin
{
  margin-left: 12px;
}
.faq_section
{
  padding: 50px 0;
  background: url(../images/);
}
.leave_info_but
{
  margin: 2px 6px 0 2px;
}

.employee_list label
{
  font-weight: 300 !important;
}
.form-floating>.form-control, .form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 35px;
  padding-bottom: 0.625rem;
}
.start_date_input
{
  width: 170px;
  position: relative;
}
.error_message
{
  position: absolute;
  bottom: -20px;
  left: 0;
}
.log_hours_box {
  display: flex;
  align-items: center;
  vertical-align: middle;
  padding: 0 15px;
  margin: 4px 0 4px 0;
  justify-content: center;
}
.broadcast_filter_drop::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px #485589;
  background-color: #485589;
}

.broadcast_filter_drop::-webkit-scrollbar {
  width: 5px;
  background-color: #09918f;
}

.broadcast_filter_drop::-webkit-scrollbar-thumb {
  background-color: #09918f;
}
.eye_but_mergin_top
{
  margin-top: 3px;
}

.information_section .employee_drop .working_box1 {
  display: block;
  float: left;
  width: 100%;
  background: #1e2336;
  padding: 8px 10px;
  align-items: center;
}

.information_section .employee_drop .working_box1:nth-child(even) {
  background: #12151f;
}

.information_section .employee_drop .working_box1 .top
{
  display: flex;
  float: left;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.information_section .employee_drop .working_box1 .top h2
{
  font-size: 12px;
}
.information_section .employee_drop .working_box1 .text_area 
{
  display: block;
  float: left;
  width: 100%;
}
.information_section .employee_drop .working_box1 .text_area  p
{
  font-size: 12px;
}
.broadcast_view
{
  margin: 2px;
}
.readall_width
{
  min-width: 50px;
}
.leave_report_date
{
  width: 130px;
}
.leave_report_week_name
{
  min-width: 105px;
}

.leave_status
{
  background: #00B6B0;
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 3px;
}
.logs_top_pannel:hover
{
  position: relative;
  z-index: 4;
}
.page_404
{
  display: flex;
  float: left;
  width: 100%;
  height: 100vh;
  justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.page_404 h1
{
  font-size: 30px;
}
.page_404 img
{
  margin: 30px 0;
  max-width: 80%;
}
.assignee_cross {
  position: absolute;
  top: -5px;
  right: -6px;
  background: #ff0000;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
}
.employee_drop_top
{
  top: auto !important;
  bottom: 13px !important; 
}
.leave_error
{
  position: absolute;
  left: 0;
  bottom: -2px;
}
.employee_drop_left_argin
{
  margin-left: -30px !important;
}
.projects_drop_top
{
  max-height: 150px !important;
  top: auto !important;
  bottom: -75px !important; 
}
.hr_report_search
{
  position: relative;
  z-index: 3;
}
.graph_bottom
{
  display: block;
  float: left;
  width: 100%;
}
.graph_bottom_box1
{
  display: block;
  float: left;
  width: 100%;
  margin-top: 10px;
}
.graph_bottom_box1 p
{
  color: #fff;
}
.graph_bottom_box1 p span
{
  color: #00B6B0;
  font-weight: 500;
}
.login-type-wrapper {
  position: relative;
}

.info-icon {
  margin-left: 5px;
  cursor: pointer;
}

.info-content {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  display: none;
}

.info-wrapper:hover .info-content {
  display: block;
}

.white-text {
  color: white;
}


.admin_leave_section {
  display: flex;
  border: 1px solid; /* Border for the section */
}

.admin_border {
  border-right: 1px solid #ccc; /* Right border for the "Admin" text */
  padding: 10px; /* Add padding for spacing */
}

.admin_border p {
  margin: 0; /* Remove default margin for paragraphs */
}
.leave_information_boxes
{
  display: block;
  float:left;
  width: 100%;
  margin-bottom: 30px;
}

.leave_information_boxes .top_date
{
  display: flex;
  float: left;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
}
.leave_information_boxes .top_date h2
{
  margin-right: 15px;
}
.leave_information_boxes .top_date p
{
  margin-right: 15px;
  font-size: 15px;
  color: #00B6B0;
}
.leave_information_boxes .top_date p span
{
  color: #fff;
}
.leave_information_box1
{
  display: block;
  float: left;
  width: 100%;
  background: #212644;
  border-radius: 6px;
  margin-top: 15px;
  position: relative;
}
.leave_information_box1 .top_section
{
  display:block;
  float: left;
  width: 100%;
  padding: 15px;
  border-bottom: 1px solid #585858;
  display: flex;
  flex-wrap: wrap;
}
.leave_information_box1 .top_section p

{
  width: 25%;
  color: #00B6B0;
}

.leave_information_box1 .top_section p span
{
  color: #fff;
}
.leave_information_box1 .top_section p strong
{
  color: #FFB536 !important;
  font-weight: 500;
  margin-left: 15px;
}


.leave_information_box1 .bottom_section
{
  display:block;
  float: left;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.leave_information_box1 .bottom_section p

{
  width: 25%;
  color: #00B6B0;
}

.leave_information_box1 .bottom_section p span
{
  color: #fff;
}
.leave_information_box1 .bottom_section p strong
{
  color: #FFB536 !important;
  font-weight: 500;
  margin-left: 5px;
}
.admin_edit
{
  border: 2px solid #FFB536;
  padding-top: 20px;
  position: relative;
}
.admin_edit .tag
{
  position: absolute;
  z-index: 2;
  background: #FFB536;
  left: 0;
  top: 0;
  padding: 4px 15px;
  border-radius: 6px 0 6px 0;
  color: #fff;
}
.information_section .employee_drop .box1 .text_area a {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  background: rgba(255, 181, 54, 0.3);
  border-radius: 5px;
  color: rgba(255, 181, 54, 1) !important;
}
.information_section .employee_drop .box1 .text_area a i
{
  color: rgba(255, 181, 54, 1) !important;  
}
.comment_box_text
{
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.comment_box_text h2
{
  font-size: 15px;
  margin-top: 15px;
}
.comment_box_text p
{
  margin-top: 5px;
}

.decreased-image {
  width: 50px;  /* Adjust the width as needed */
  height: 50px;  /* Set the height to match the width */
  vertical-align: baseline;  /* Align the image to the baseline of the text */
  margin-top: -5px;  /* Fine-tune the top margin to adjust the vertical position */
  margin-bottom: 0;  /* Reset the bottom margin */
}