@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Black.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Light.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Heavy.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Bold.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Medium.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic";
  src: url("../../fonts/DINNextLTArabic-Regular.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN Next LT Arabic Ultra";
  src: url("../../fonts/DINNextLTArabic-UltraLight.woff2") format("woff2"), url("../../fonts/DINNextLTArabic-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  calculation of the height of the owl-item that breaks page layouts
  */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

.w-5- {
  width: 5px;
}

.w-10- {
  width: 10px;
}

.w-15- {
  width: 15px;
}

.w-20- {
  width: 20px;
}

.w-25- {
  width: 25px;
}

.w-30- {
  width: 30px;
}

.w-35- {
  width: 35px;
}

.w-40- {
  width: 40px;
}

.w-45- {
  width: 45px;
}

.w-50- {
  width: 50px;
}

.w-55- {
  width: 55px;
}

.w-60- {
  width: 60px;
}

.w-65- {
  width: 65px;
}

.w-70- {
  width: 70px;
}

.w-75- {
  width: 75px;
}

.w-80- {
  width: 80px;
}

.w-85- {
  width: 85px;
}

.w-90- {
  width: 90px;
}

.w-95- {
  width: 95px;
}

.w-100- {
  width: 100px;
}

* {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

em {
  font-style: normal;
}

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

.text-start {
  text-align: start !important;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end !important;
}

ol,
ul,
h1,
h2,
h3,
h5,
h4,
h6 {
  margin: 0;
  padding: 0;
}

.pxt {
  margin-top: 50px;
}

.pxl {
  margin-top: 150px;
}

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

html {
  overflow-x: hidden;
}

body {
  width: 100vw;
  overflow-x: hidden;
  display: block;
  font-family: "DIN Next LT Arabic";
  text-align: start;
}

:focus-visible,
.form-control:focus,
button:focus {
  outline: none;
  box-shadow: unset;
}

.nave-responsive {
  display: none;
}

header.header-homePage {
  position: absolute;
  width: 100%;
  height: 90px;
  z-index: 99;
}

.logo {
  width: 140px;
  height: 70px;
}
.logo a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.logo a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid rgba(238, 238, 238, 0.3019607843);
}
.menu-bar nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.menu-bar nav ul li.active a {
  color: #3C98BD;
}
.menu-bar nav ul li a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
}
.menu-bar nav ul li:hover a {
  color: #3C98BD;
}
.menu-bar .start_now a {
  background: #3C98BD;
  color: #ffffff;
  padding: 5px 10px;
  min-width: 100px;
  display: block;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
}

.banner_background {
  background-image: url("../../../imgs/background.png");
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 960px;
}
.banner_background.privacy_policy {
  background-image: url("../../../imgs/Background4.png");
  height: 350px;
}

.description_text {
  text-align: center;
  padding: 140px 50px;
}
.description_text span {
  background: rgba(60, 152, 189, 0.4509803922);
  padding: 1px 8px;
  display: inline-block;
  border-radius: 16px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.description_text h4 {
  color: #F2F2F7;
  font-size: 40px;
  margin-bottom: 10px;
  position: relative;
  font-weight: 600;
}
.description_text h4:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 2px;
  background: #3C98BD;
  bottom: 0;
}
.description_text p {
  color: #F2F2F7;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.description_text .details_dec {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
  gap: 10px;
}
.description_text .details_dec a {
  min-width: 150px;
  padding: 7px 20px;
  color: #ffffff;
  font-size: 16px;
  border-radius: 6px;
  height: 40px;
}
.description_text .details_dec a.btn_sign {
  background: #3C98BD;
}
.description_text .details_dec a.btn_show {
  border: 1px solid #ffffff;
}

.option_details {
  margin-top: 100px;
  text-align: center;
  margin-bottom: 50px;
}
.option_details span {
  color: #3C98BD;
  background: #E2F0F5;
  min-width: 120px;
  display: inline-block;
  font-size: 16px;
  border-radius: 24px;
  height: 30px;
  font-weight: 400;
}
.option_details h2 {
  color: #201A51;
  font-size: 30px;
  font-weight: 700;
  margin: 20px 0;
}

.card_details_attend {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0784313725);
  text-align: center;
  padding: 30px;
  border-radius: 24px;
}
.card_details_attend .s_icon_img {
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.card_details_attend .s_icon_img img {
  width: 100%;
  height: 100%;
}
.card_details_attend .details_card_t h5 {
  color: #201A51;
  font-size: 22px;
  margin: 15px 0;
  font-weight: 600;
}
.card_details_attend .details_card_t p {
  color: #364153;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}

.attendance_section {
  width: 100%;
  background-image: url("../../../imgs/Manage_attendancebg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 300px;
}

.text_details {
  text-align: center;
  height: 300px;
  padding: 50px;
}
.text_details h3 {
  color: #141034;
  font-size: 38px;
  font-weight: 600;
  padding: 20px 0;
}
.text_details p {
  color: #141034;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
}

section.manage_attendance_sec {
  margin: 50px 0;
}

.bg_card {
  min-height: 460px;
}
.bg_card .card_img_top {
  height: 190px;
}
.bg_card .card_img_top img.img_1 {
  width: 138px;
  height: 138px;
}
.bg_card .card_img_top img.img_2 {
  height: 187px;
  width: 100%;
}
.bg_card .card_img_top img.img_3 {
  height: 156px;
}
.bg_card .card_img_top img.img_4 {
  height: 140px;
}

.card_text_d {
  margin-top: 20px;
  text-align: start;
}
.card_text_d h3 {
  position: relative;
  color: #201A51;
  font-size: 26px;
  padding-bottom: 20px;
  font-weight: 600;
}
.card_text_d h3:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 2px;
  background: #3C98BD;
  bottom: 10px;
}
.card_text_d p {
  color: #364153;
  font-size: 18px;
  font-weight: 400;
}

section.descover_attendify {
  margin: 40px 0 20px 0;
}

.descover_section_banner {
  width: 100%;
  background-image: url("../../../imgs/descover_section_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 400px;
}

.sec_logo {
  width: 140px;
  height: 70px;
}
.sec_logo img {
  width: 100%;
  height: 100%;
}

.descover_section_details {
  padding: 40px 50px;
  width: 50%;
  height: 100%;
}
.descover_section_details h4 {
  color: #201A51;
  font-size: 36px;
  font-weight: 700;
  padding: 20px 0;
}
.descover_section_details a {
  background: #3C98BD;
  color: #ffffff;
  font-size: 14px;
  padding: 3px 10px;
  border-radius: 5px;
  height: 30px;
  display: inline-block;
  margin-top: 30px;
}

section.descover_attendify {
  margin: 40px 0 20px 0;
}

.count_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 50px 0;
}

.sm_card_count {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0784313725);
  text-align: center;
  padding: 30px;
  border-radius: 24px;
  width: 18%;
  min-height: 150px;
}
.sm_card_count strong {
  display: block;
  font-size: 36px;
  color: #09061A;
}
.sm_card_count span {
  color: #09061A;
  font-size: 16px;
  font-weight: 400;
}

.question_list {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0784313725);
  text-align: start;
  padding: 20px;
  border-radius: 24px;
  width: 100%;
  margin: 20px 0;
}

.qu_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.qu_title h4 {
  color: #201A51;
  font-size: 22px;
}
.qu_title .icon_action {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}
.qu_title .icon_action .qurstion_icon {
  width: 36px;
  height: 36px;
  background: #DEE9ED;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.qu_title .icon_action .qurstion_icon img {
  width: 24px;
  height: 24px;
  padding: 2px;
}
.qu_title .icon_action .qurstion_icon.minus {
  display: none !important;
}

.answer_text {
  display: none;
}

.question_list.active .qu_title h4 {
  color: #3C98BD;
}
.question_list.active .qurstion_icon.minus {
  display: flex !important;
}
.question_list.active .qurstion_icon.plus {
  display: none !important;
}
.question_list.active .answer_text {
  display: block;
  font-size: 16px;
  color: #364153;
  padding-top: 20px;
}
.question_list.active .answer_text ul {
  padding-inline-start: 30px;
}
.question_list.active .answer_text ul li {
  list-style: disc;
}

section.dawnload_sec {
  margin: 50px 0;
}

.dawnload_banner {
  width: 100%;
  background-image: url("../../../imgs/Background3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 700px;
}

.item_list {
  display: flex;
  align-items: center;
  justify-content: start;
  background: #ffffff;
  margin: 20px 0;
  padding: 15px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}
.item_list img {
  width: 48px;
  height: 48px;
}
.item_list .text_d {
  padding-inline-start: 10px;
}
.item_list .text_d h6 {
  color: #201A51;
  font-size: 18px;
  padding-bottom: 5px;
}
.item_list .text_d p {
  color: #201A51;
  font-size: 12px;
  font-weight: 400;
}

.img_phone {
  height: 600px;
  position: relative;
  bottom: 100px;
}
.img_phone img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.plans_card {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0784313725);
  border-radius: 24px;
  padding: 20px;
  margin: 10px;
  background: #ffffff;
}
.plans_card h4 {
  color: #201A51;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
}
.plans_card span {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
  display: block;
}
.plans_card .cost_t {
  display: flex;
  align-items: center;
  justify-content: start;
}
.plans_card .cost_t strong {
  color: #201A51;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
}
.plans_card .cost_t strong img {
  width: 16px;
  height: 16px;
  margin: 0 5px;
}
.plans_card .cost_t p {
  color: #201A51;
  font-size: 16px;
  font-weight: 400;
}
.plans_card button {
  width: 100%;
  border: 1px solid #3C98BD;
  background: #ffffff;
  padding: 10px;
  border-radius: 5px;
  color: #3C98BD;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s ease-in-out;
}

.bg_plans_card {
  padding: 10px;
  border-radius: 24px;
  transition: 0.3s ease-in-out;
}
.bg_plans_card h5 {
  text-align: center;
  font-size: 16px;
  color: #3C98BD;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.bg_plans_card:hover {
  transition: 0.3s ease-in-out;
  background: #E1EFF4;
}
.bg_plans_card:hover h5 {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in-out;
}
.bg_plans_card:hover .plans_card button {
  background: #3C98BD;
  color: #fff;
}

.list_plans ul {
  min-height: 300px;
  overflow: auto;
  max-height: 300px;
  margin-bottom: 30px;
}
.list_plans ul li {
  display: flex;
  align-items: center;
  justify-content: start;
}
.list_plans ul li span {
  color: #201A51;
  font-size: 16px;
  padding-inline-start: 10px;
}
.list_plans ul li img {
  width: 16px;
  height: 16px;
}

.footer_top_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 20px;
}
.footer_top_row .footer_logo {
  width: 140px;
  height: 70px;
}
.footer_top_row .footer_logo img {
  width: 100%;
  height: 100%;
}

section.footer- {
  background: linear-gradient(45deg, #201A51, #050414);
  margin-top: 50px;
  border-radius: 54px 54px 0 0;
}

.footer_nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.footer_nav ul li a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
}

.footer_social ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.footer_social ul li a {
  background: rgba(26, 23, 50, 0.4196078431);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1019607843);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.footer_social ul li a img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer_row_dawn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0px 10px 0;
}
.footer_row_dawn .footer_copyright {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}
.footer_row_dawn .footer_copyright span {
  font-weight: 500;
}
.footer_row_dawn .footer_copyright p {
  font-size: 14px;
  font-weight: 400;
}

.description_text ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.description_text ul li {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}
.description_text ul li img {
  width: 16px;
  height: 16px;
}
.description_text ul i {
  color: #ffffff;
  font-size: 16px;
  position: relative;
  top: 3px;
}

.privacy_policy_text {
  background: rgba(28, 25, 56, 0.0784313725);
  padding: 15px;
  margin: 20px 10px;
  border-radius: 16px;
}
.privacy_policy_text .title_text {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 5px;
}
.privacy_policy_text .title_text img {
  width: 20px;
  height: 20px;
}
.privacy_policy_text .title_text h5 {
  color: #201A51;
  padding-inline-start: 5px;
  font-size: 18px;
  font-weight: 500;
}
.privacy_policy_text p {
  color: #201A51;
  font-size: 14px;
  font-weight: 400;
}

.privacy_policy_text {
  background: rgba(28, 25, 56, 0.0784313725);
  padding: 15px;
  margin: 20px 10px;
  border-radius: 16px;
}
.privacy_policy_text .title_text {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 5px;
}
.privacy_policy_text .title_text img {
  width: 20px;
  height: 20px;
}
.privacy_policy_text .title_text h5 {
  color: #201A51;
  padding-inline-start: 5px;
  font-size: 18px;
  font-weight: 500;
}
.privacy_policy_text p {
  color: #201A51;
  font-size: 14px;
  font-weight: 400;
}

.information_card {
  border: 1px solid #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0784313725);
  text-align: start;
  padding: 30px;
  border-radius: 24px;
  margin: 15px 0;
}
.information_card h2 {
  color: #201A51;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.information_card .info_list {
  margin: 20px 0;
}
.information_card .info_list span {
  font-size: 18px;
  color: #201A51;
  font-weight: 500;
  padding-bottom: 10px;
  display: block;
}
.information_card .info_list ul {
  padding-inline-start: 20px;
}
.information_card .info_list ul li {
  list-style: disc;
  color: #201A51;
  font-size: 14px;
  font-weight: 400;
}

.home-page {
  width: 100%;
  background-image: url("../../../imgs/bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}

.row-card-log {
  padding: 20px 0;
}

.log-in-form {
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  margin: 30px 0;
}
.log-in-form h2 {
  font-size: 30px;
  color: #1C1F26;
  font-weight: 500;
  padding: 10px 0;
}
.log-in-form span {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
  padding: 5px 0 25px 0;
  display: block;
}

.form-c {
  margin: 20px 0;
  align-items: center;
}
.form-c label {
  display: block;
  color: #666666;
  font-size: 16px;
  padding: 5px 0;
  font-weight: 500;
}
.form-c input,
.form-c select {
  border: 1px solid #EEEEEE;
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  border-radius: 6px;
}
.form-c .rememmder-me label {
  padding-inline-start: 5px;
}
.form-c .forget-pass span {
  color: #3C98BD;
  font-size: 14px;
  padding: 0;
}

.submit-form {
  width: 100%;
}
.submit-form button,
.submit-form a {
  width: 100%;
  background: #201A51 !important;
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  border: unset;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: center;
}

.logo-p {
  width: 250px;
  height: 125px;
  margin: 10px 0;
}
.logo-p img {
  width: auto;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  max-width: 100%;
  min-width: 100%;
}

.w-login h3 {
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
  display: block;
  margin-bottom: 10px;
}
.w-login p {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 300;
}

.termis-list {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.termis-list ul {
  display: flex;
}
.termis-list ul li {
  color: #FFFFFF;
  font-size: 14px;
  padding-inline-end: 20px;
}
.termis-list .copt-text span {
  color: #FFFFFF;
  font-size: 14px;
}

.code-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.code-form span.otp-input {
  position: relative;
}
.code-form span.otp-input:before {
  content: "";
  position: absolute;
  bottom: 23px;
  width: 35px;
  height: 1px;
  left: calc(50% - 18px);
  background: rgba(28, 31, 38, 0.2);
}
.code-form span.otp-input input {
  width: 50px;
  height: 50px;
  margin: 0 5px;
  padding: 10px;
  border-radius: 10px;
  /*border: 0.862px solid var(--brand-c-4-a-660, $main-sm-color);*/
  border: unset;
  font-weight: 600;
  position: relative;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

span.l-foot {
  color: rgba(49, 49, 49, 0.6);
}
span.l-foot i {
  color: #201A51;
  font-style: normal;
  font-weight: 600;
}

em.resend-c {
  text-align: center;
  display: block;
  color: #201A51;
  font-size: 14px;
  font-weight: 500;
}

.log-in-form img {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  display: flex;
  justify-content: center;
}

section.personal-info-sec {
  display: flex;
  padding: 0 20px;
}
section.personal-info-sec .sidenave-sec {
  width: 250px;
  border: 1px solid #F5F5F5;
  background: #FFF;
  border-bottom: unset;
  transition: 0.3s ease-in-out;
}
section.personal-info-sec .sidenave-sec.open {
  width: 90px;
  transition: 0.3s ease-in-out;
}
section.personal-info-sec .sidenave-sec.open .full-logo {
  display: none;
}
section.personal-info-sec .sidenave-sec.open .half-logo {
  display: block !important;
}
section.personal-info-sec .sidenave-sec .half-logo {
  width: 40px;
  height: 40px;
}
section.personal-info-sec .sidenave-sec .half-logo img {
  width: 100%;
  height: 100%;
}
section.personal-info-sec .sidenave-sec .logo-sidenav {
  border-bottom: 1px solid #F5F5F5;
  height: 70px;
}
section.personal-info-sec .sidenave-sec .logo-sidenav .sidenav-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
section.personal-info-sec .sidenave-sec .logo-sidenav .sidenav-logo .full-logo {
  width: auto;
  height: 52px;
  max-width: 110px;
  min-width: 110px;
}
section.personal-info-sec .sidenave-sec .logo-sidenav .sidenav-logo .full-logo img {
  width: 100%;
  height: 100%;
}
section.personal-info-sec .sidenave-sec .logo-sidenav .sidenav-logo .half-logo {
  display: none;
}
section.personal-info-sec .body-content-sec {
  width: calc(100% - 250px);
  background: #fafafa;
  transition: 0.3s ease-in-out;
}
section.personal-info-sec .body-content-sec.open {
  width: calc(100% - 90px);
  transition: 0.3s ease-in-out;
}
section.personal-info-sec .body-content-sec .sidenav-header {
  display: flex;
  justify-content: end;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #F5F5F5;
  height: 70px;
  padding: 0 20px;
  background: #fff;
}
section.personal-info-sec .body-content-sec .sidenav-header .toggle-icon {
  position: absolute;
  right: -15px;
  cursor: pointer;
  top: 25px;
}
section.personal-info-sec .body-content-sec .sidenav-header .account-info {
  display: flex;
  align-items: center;
}

.account-user {
  display: flex;
  align-items: center;
}
.account-user img {
  width: 80px;
  height: 50px;
  border: 2px solid #F1F5F7;
  border-radius: 50%;
  padding: 2px;
}
.account-user .user-info {
  margin: 0 10px;
}
.account-user .user-info strong {
  display: block;
  color: #1C1F26;
  font-size: 14px;
}
.account-user .user-info span {
  color: #A5A5A5;
  font-size: 12px;
}

.notofcation {
  width: 55px;
  height: 55px;
  margin: 0 10px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
}
.notofcation .notifcation-number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #FE3A46;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  top: 4px;
  right: 2px;
  z-index: 1;
}
.notofcation img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 12px);
}

.dashbord-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
}

.user-dropdown {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.user-dropdown .sm-arrow-icon {
  width: 24px;
  height: 24px;
}
.user-dropdown::after {
  display: none !important;
}
.user-dropdown:active {
  outline: none;
  border-style: none;
}

.list-type {
  margin-top: 10px;
}
.list-type h6 {
  font-size: 12px;
  color: #A5A5A5;
  margin: 5px 0;
  padding: 5px 15px;
}
.list-type ul li {
  color: #757575;
  font-size: 14px;
  position: relative;
  cursor: pointer;
}
.list-type ul li.open-d i {
  transform: rotate(180deg);
}
.list-type ul li.open-d ul.drowp-d-list {
  display: block !important;
}
.list-type ul li.active .adshbord-icon .active-icon {
  display: block !important;
}
.list-type ul li.active .adshbord-icon .normal-icon {
  display: none;
}
.list-type ul li.active a,
.list-type ul li.active .d-w-list {
  background: rgba(56, 57, 106, 0.1019607843);
}
.list-type ul li.active .dasborad-name {
  color: #201A51 !important;
}
.list-type ul li a,
.list-type ul li .d-w-list {
  display: flex;
  align-items: center;
  padding: 10px 15px;
}
.list-type ul li .list-dashbord-name {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.list-type ul li .list-dashbord-name .adshbord-icon .active-icon {
  display: none;
}
.list-type ul li .list-dashbord-name .dasborad-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 10px;
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}
.list-type ul li ul.drowp-d-list {
  padding-top: 5px;
  display: none;
}
.list-type ul li ul.drowp-d-list li {
  padding: 10px;
  color: #666666;
  font-size: 14px;
  padding-inline-start: 30px;
}
.list-type ul li ul.drowp-d-list li.active {
  background: rgba(56, 57, 106, 0.1019607843);
}
.list-type ul li ul.drowp-d-list li a {
  background: unset !important;
  padding: 0 !important;
}

.sidenave-content {
  padding: 10px 20px;
}
.sidenave-content .title-sec h3 {
  color: #201A51;
  font-size: 18px;
  padding-bottom: 5px;
}
.sidenave-content .title-sec span {
  color: #9F9F9F;
  font-size: 14px;
}

.dashboard-content {
  display: flex;
  align-items: center;
  justify-content: start;
}
.dashboard-content img {
  width: 32px;
  height: 32px;
}
.dashboard-content .title-sec {
  margin: 0 10px;
}

.add-new-user {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}
.add-new-user a,
.add-new-user button {
  background: #201A51;
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  border: unset;
}
.add-new-user a.cancel,
.add-new-user button.cancel {
  background: #EEEEEE;
  color: #1D1F1F;
  width: 150px;
  margin: 0 15px;
}
.add-new-user a.save,
.add-new-user button.save {
  width: 150px;
}
.add-new-user a.dropdown-toggle:after,
.add-new-user button.dropdown-toggle:after {
  display: none;
}
.add-new-user a span,
.add-new-user button span {
  padding: 0 10px;
  font-size: 16px;
}
.add-new-user .dropdown-menu a.add-act-user {
  background: inherit;
  color: #000919;
  text-align: start;
  display: inline-block;
  transition: 0.3s ease-in-out;
}
.add-new-user .dropdown-menu a.add-act-user img {
  width: 16px;
  height: 16px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.add-new-user .dropdown-menu a.add-act-user .im-normal {
  display: inline-block;
}
.add-new-user .dropdown-menu a.add-act-user .im-act {
  display: none;
}
.add-new-user .dropdown-menu a.add-act-user.active {
  transition: 0.3s ease-in-out;
  background: #F7F7F9;
  color: #201A51;
}
.add-new-user .dropdown-menu a.add-act-user.active .im-normal {
  display: none;
}
.add-new-user .dropdown-menu a.add-act-user.active .im-act {
  display: inline-block;
}
.add-new-user .dropdown-menu a.add-act-user:hover {
  transition: 0.3s ease-in-out;
  background: #F7F7F9;
  color: #201A51;
}
.add-new-user .dropdown-menu a.add-act-user:hover .im-normal {
  display: none;
}
.add-new-user .dropdown-menu a.add-act-user:hover .im-act {
  display: inline-block;
}

.form-add-user.dasborad-card.emp-card {
  padding: 10px;
}

.dasborad-card {
  background: #fff;
  padding: 30px 20px;
  margin: 10px 0;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.dasborad-card.sm-card {
  display: flex;
  align-items: center;
}
.dasborad-card.sm-card .us-i {
  position: absolute;
  top: -8px;
  right: -14px;
  width: 90px;
  height: 100px;
}
.dasborad-card.sm-card .us-i img {
  width: 100%;
  height: 100%;
}
.dasborad-card img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.dasborad-card .details_ {
  margin: 0 10px;
}
.dasborad-card .details_ h5 {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 5px;
}
.dasborad-card .details_ span {
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}

.user-table {
  margin-top: 20px;
  background: #fff;
  border-radius: 15px;
}

.all-users {
  padding: 10px 25px;
  display: flex;
  align-items: center;
  justify-content: start;
  color: #E6E6E6;
}
.all-users h4 {
  color: #3C3C3B;
  font-size: 16px;
  margin-inline-end: 15px;
}
.all-users span {
  background: #201A51;
  margin-inline-start: 15px;
  padding: 5px;
  border-radius: 7px;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
}

.table-all-user {
  padding: 10px;
  overflow-x: auto;
}

.filter-search {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 10px 25px;
}
.filter-search form {
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
}
.filter-search form .search-user {
  width: 100%;
  display: flex;
  align-items: center;
}
.filter-search form .search-user input {
  border: 1px solid #F1F5F7;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  color: #A5A5A5;
  width: 90%;
  height: 40px;
}
.filter-search form .search-user span,
.filter-search form .search-user button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3C98BD;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  margin-inline-start: -5px;
}
.filter-search form button {
  background: #3C98BD;
  border: unset;
  padding: 8px 15px;
  border-radius: 6px;
  color: #fff;
  margin-inline-start: 5px;
}

.tilte-user-name h3 {
  color: #141414;
  font-size: 20px;
}

tr.header-table {
  background: #EEEEEE;
}
tr.header-table.sm_modal {
  background: #FAFAFA;
}
tr.header-table th {
  padding: 15px 10px;
  color: #1C1F26;
  font-size: 14px;
}

tr.body-table td {
  padding: 10px 10px;
  position: relative;
}

tr.body-table td div {
  font-weight: 400;
}
tr.body-table td div h6,
tr.body-table td div h4,
tr.body-table td div h5,
tr.body-table td div span,
tr.body-table td div em {
  font-weight: 500;
  font-size: 14px;
}

.user-info-d {
  display: flex;
  align-items: center;
}
.user-info-d.d-folder-t img {
  width: 40px;
  height: 35px;
  border-radius: 0;
  margin-inline-end: 5px;
}
.user-info-d h6 {
  font-size: 14px;
  color: #1C1F26;
  font-weight: 600;
}
.user-info-d img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.user-n-info {
  padding: 0 10px;
}
.user-n-info h6 {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
}
.user-n-info span {
  color: #A5A5A5;
  font-size: 12px;
}

tr.body-table {
  border-bottom: 1px solid #EEEEEE;
}

.admin-app span {
  color: #201A51;
  font-size: 14px;
  font-weight: 500;
  padding-inline-start: 7px;
}

.info-case img {
  width: 15px;
  height: 15px;
}
.info-case.active span {
  color: #12B76A;
}
.info-case.not-active span {
  color: #333333;
}
.info-case.file-n strong {
  color: #1C1F26;
  font-size: 14px;
}
.info-case.file-n span {
  color: #666666;
  font-size: 12px;
  padding: 0;
}
.info-case span {
  font-size: 16px;
  padding-inline-start: 7px;
}
.info-case.stop_case span {
  color: #FE3A46;
}

.mail-table span {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
}

.date-table span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.control-col {
  display: flex;
  align-items: center;
}
.control-col a,
.control-col button {
  border: unset;
  background: unset;
  margin: 0 5px;
}
.control-col a img,
.control-col button img {
  width: 30px;
  height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.not-found-data {
  padding: 200px;
  text-align: center;
}
.not-found-data img {
  width: 120px;
  height: 120px;
}
.not-found-data h4 {
  color: #1C1F26;
  font-size: 22px;
  margin: 10px 0;
  font-weight: 500;
}
.not-found-data h5 {
  color: #A5A5A5;
  font-size: 14px;
  margin: 10px 0;
}
.not-found-data p {
  color: #666666;
  font-size: 16px;
}

.sort-by-number {
  display: flex;
  align-items: center;
}
.sort-by-number span {
  color: #83808E;
  font-size: 12px;
}
.sort-by-number select {
  padding: 3px 15px;
  margin: 0 10px;
  border-radius: 6px;
  border: 1px solid #F1F1F2;
  width: 80px;
}

.pagination-page {
  display: flex;
  justify-content: end;
  align-items: center;
}
.pagination-page li.page-item {
  background: #fff;
  margin: 0 8px;
}
.pagination-page li.page-item a {
  border-radius: 6px;
  padding: 10px 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid #F1F1F2;
  color: #000000;
}
.pagination-page li.page-item a.active {
  background: #201A51;
  color: #fff;
}

.stutes-form {
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
.stutes-form .form-check.form-switch {
  margin: 0 10px;
}

.form-check-input {
  background-color: #D6D6D6;
}

.form-check-input:checked {
  background-color: #48B452;
  border-color: #48B452;
}

.tilte-user-name.collaps-f h5 {
  border-bottom: unset;
}
.tilte-user-name img {
  width: 24px;
  height: 24px;
}
.tilte-user-name h5 {
  color: #1C1F26;
  display: block;
  padding: 20px 10px;
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid #F1F5F7;
}
.tilte-user-name span {
  font-size: 16px;
  color: #1D1F1F;
  font-weight: 500;
  padding-inline-start: 10px;
}

.sm-form-control {
  padding: 10px;
  position: relative;
  width: 100%;
}
.sm-form-control.upload-d input#file {
  width: inherit;
  height: inherit;
}
.sm-form-control label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #1C1F26;
  padding: 10px 0;
}
.sm-form-control label em {
  color: #FE3A46;
}
.sm-form-control input,
.sm-form-control select,
.sm-form-control textarea {
  border: 1px solid #EEEEEE;
  width: 100%;
  padding: 10px 15px;
  color: #020202;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.sm-form-control span {
  color: #A5A5A5;
  font-size: 14px;
}
.sm-form-control img.mark-pin {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 65px;
  left: 30px;
}
.sm-form-control button {
  width: 100%;
  border: unset;
  background: unset;
}
.sm-form-control .iti.iti--allow-dropdown.iti--separate-dial-code {
  width: 100%;
}

.success-card {
  text-align: center;
  padding: 20px;
}
.success-card img {
  width: 150px;
  height: 150px;
}
.success-card h6 {
  color: #00A47C;
  font-size: 18px;
  padding: 20px 0;
}
.success-card span {
  font-size: 14px;
  color: #666666;
  font-weight: 500;
}

.modal-footer.modal-p-footer {
  border-top: unset;
  padding-bottom: 40px;
}
.modal-footer.modal-p-footer .m-user-f {
  width: 100%;
}
.modal-footer.modal-p-footer .m-user-f a {
  width: -moz-max-content !important;
  width: max-content !important;
}

button.btn-c-window {
  border: unset;
  width: 30px;
  height: 30px;
  background: #EEEEEE;
  border-radius: 50%;
  color: #666666;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
button.btn-c-window i {
  color: #666666 !important;
}

.mo-content p {
  color: #666666;
  font-size: 14px;
}

.btn-m-footer button {
  padding: 10px 20px;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
}
.btn-m-footer button.btn.cancel-btn {
  background: #EEEEEE;
  color: #1C1F26;
}
.btn-m-footer button.btn.delete-btn {
  background: #E11D2F;
  color: #fff;
}

.modal-title-n {
  color: #FE3A46;
}

.add-vication {
  text-align: center;
  padding: 100px;
}
.add-vication h5 {
  color: #A5A5A5;
  font-size: 16px;
  font-weight: 400;
  padding: 20px 0;
}

.vication-btn button {
  border: 1px solid #3C98BD;
  background: unset;
  padding: 6px 16px;
  border-radius: 6px;
  font-size: 18px;
  color: #3C98BD;
  margin: 20px 0;
}

.card-info-user {
  border: 1px solid #F1F5F7;
  padding: 15px 25px;
  border-radius: 8px;
  margin: 10px 0;
}

.employ-info {
  display: flex;
  align-items: center;
}
.employ-info img {
  width: 80px;
  height: 80px;
}
.employ-info .employ-details {
  margin: 0 10px;
}
.employ-info .employ-details h6 {
  color: #1C1F26;
  padding: 2px 0;
  font-size: 16px;
}
.employ-info .employ-details span {
  color: #666666;
  font-size: 16px;
  display: block;
  padding: 2px 0;
}
.employ-info .employ-details em {
  color: #A5A5A5;
  font-size: 14px;
  padding: 2px 0;
}

.more-details-emp {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.more-details-emp .emp-data {
  width: 10%;
}
.more-details-emp .emp-data span {
  color: #666666;
  font-size: 16px;
  padding-bottom: 10px;
  display: block;
}
.more-details-emp .emp-data h6 {
  color: #1C1F26;
  font-size: 16px;
}

.nav-table {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.031372549);
  border-radius: 8px;
  margin: 15px 0;
}
.nav-table button.nav-link {
  font-size: 16px;
  color: #9F9F9F;
  margin: 0 30px;
  position: relative;
  font-weight: 500;
  padding: 15px;
}
.nav-table button.nav-link.active {
  color: #000000;
}
.nav-table button.nav-link.active:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: -1px;
  background: #3C98BD;
  left: 50%;
  transform: translate(-50%, -50%);
}

.info-work {
  width: -moz-max-content;
  width: max-content;
  padding: 6px 15px;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.info-work.active {
  background: rgba(14, 195, 55, 0.0784313725);
}
.info-work.active span {
  color: #12B76A;
  padding: 0;
}
.info-work.not-active {
  background: rgba(225, 29, 47, 0.0784313725);
}
.info-work.not-active span {
  color: #E11D2F;
  padding: 0;
}

.tags-name,
span.tag.label.label-info {
  background: #EEEEEE;
  margin: 5px;
  color: #3C98BD;
  padding: 2px 8px 4px 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tags-name span,
span.tag.label.label-info span {
  color: #3C98BD;
}
.tags-name i,
span.tag.label.label-info i {
  margin: 0 3px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.form-check label {
  color: #666666;
  font-size: 14px;
  padding-inline-start: 5px;
}
.form-check input {
  width: 20px;
  height: 20px;
  border: 1px solid #D0D5DD;
}

.card-title_ {
  border-bottom: 1px solid #F1F5F7;
  padding-bottom: 20px;
}

.check-form {
  display: flex;
  align-items: center;
  justify-content: start;
}
.check-form label {
  padding-inline-start: 10px;
  color: #666666;
  font-size: 18px;
}
.check-form input[type=checkbox] {
  width: 20px;
  height: 20px;
  background: #D0D5DD;
  accent-color: #D0D5DD;
  border-radius: 10px;
}

.box-Powers-card {
  padding: 0;
  border-radius: 10px;
}
.box-Powers-card .box-Powers {
  display: flex;
  align-items: center;
  justify-content: start;
  border-bottom: 1px solid #EEEEEE;
}
.box-Powers-card .box-Powers .chec-Powers {
  padding: 18px;
  background: #FAFAFA;
  border-inline-end: 1px solid #EEEEEE;
  width: 20%;
  text-align: center;
}
.box-Powers-card .box-Powers .chec-Powers img {
  width: 20px;
  height: 20px;
}
.box-Powers-card .box-Powers .power-text {
  padding: 18px;
  color: #1D1F1F;
  font-size: 18px;
  font-weight: 400;
  width: 80%;
}

span.select2-selection.select2-selection--single {
  width: 100%;
  height: 45px;
  align-items: center;
  display: flex;
  border: 1px solid #EEEEEE;
  padding: 15px;
  color: #020202;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  top: calc(75% - 25px);
}

.img-folder {
  width: 50px;
  height: 50px;
}
.img-folder img {
  width: 50px;
  height: 50px;
  border-radius: 0;
}

.folder-details {
  padding: 10px 0;
}
.folder-details strong {
  display: block;
  padding: 10px 0;
  color: #1D1F1F;
  font-size: 16px;
}
.folder-details span {
  font-size: 14px;
  color: #A5A5A5;
}

.form-file-details {
  padding: 0;
}
.form-file-details h4 {
  color: #1C1F26;
  font-size: 16px;
  padding: 10px 15px;
  font-weight: 600;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 10px;
}

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

.file-n-details {
  background: #FAFAFA;
  margin: 15px;
  padding: 20px;
  border-radius: 10px;
}
.file-n-details span {
  font-size: 14px;
  display: block;
  padding: 5px 0;
  color: #666666;
}
.file-n-details .sm_details_ {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.file-n-details .sm_details_ img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.file-n-details .sm_details_ h5 {
  color: #1C1F26;
  font-size: 16px;
  padding-inline-start: 5px;
}

.dawnload-files {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #201A51;
  cursor: pointer;
}
.dawnload-files span {
  color: #fff;
  padding-inline-start: 5px !important;
  padding: 0;
}
.dawnload-files img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.form-view-pdf,
.form-file-details {
  height: 800px;
}
.form-view-pdf iframe,
.form-file-details iframe {
  width: 100%;
  height: 100%;
}

.color-picker {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.color-picker label {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  position: relative;
}
.color-picker .input-get-color {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 109%;
  position: relative;
  cursor: pointer;
}
.color-picker .input-get-color img {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.color-picker input[type=color] {
  display: block;
  width: 40px;
  height: 40px;
  border: unset;
  border-radius: 50%;
  box-shadow: unset;
  outline: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.color-picker input:checked ~ .checkmark {
  opacity: 1;
}
.color-picker .checkmark {
  position: absolute;
  height: 45px;
  width: 45px;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
}

.p-Branches {
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.031372549);
  border-radius: 8px;
  margin: 15px 0;
  padding: 15px;
}
.p-Branches .vication-btn button {
  margin: 0;
}
.p-Branches .branch-n span {
  color: #141414;
  font-size: 18px;
  font-weight: 500;
}
.p-Branches .branch-n span em {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}

.br-name {
  display: flex;
  align-items: center;
}
.br-name input {
  width: 20px;
  height: 20px;
  accent-color: #48B452;
}
.br-name label {
  padding-inline-start: 10px;
}

.location_user img {
  width: 20px;
  height: 20px;
  -o-object-fit: none;
     object-fit: none;
}
.location_user span {
  padding-inline-start: 5px;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}

.br-checked span {
  color: #A5A5A5;
  font-size: 16px;
}
.br-checked em {
  color: #FE3A46;
}

.t-branch {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.t-branch input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark_box {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #f9f9f9;
  border: 1px solid #e7e7e7;
}

.t-branch:hover input ~ .checkmark_box {
  background-color: #ccc;
}

.t-branch input:checked ~ .checkmark_box {
  background-color: #48B452;
}

.checkmark_box:after {
  content: "";
  position: absolute;
  display: none;
}

.t-branch input:checked ~ .checkmark_box:after {
  display: block;
}

.t-branch .checkmark_box:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

label.t-branch h6 {
  padding-inline-start: 20px;
  font-size: 16px;
  font-weight: 500;
}

label.defult-br span.checkmark_box {
  border-radius: 50%;
}

.t-branch.defult-br input:checked ~ h6 {
  color: #48B452;
}

label.defult-br h6 {
  color: #A5A5A5;
  font-weight: 400;
}

.br-name span {
  font-weight: 500;
}

.seeting-list a {
  display: block;
  padding: 10px 15px;
  margin: 0px 10px;
  border-radius: 10px;
}
.seeting-list a.list-items.active {
  background: #ECECF1;
}
.seeting-list a.list-items.active span {
  color: #201A51;
  font-weight: 500;
}
.seeting-list a.list-items.active .icon-nor {
  display: none;
}
.seeting-list a.list-items.active .icon-act {
  display: inline-block;
}
.seeting-list a span {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
  padding-inline-start: 10px;
}
.seeting-list a img {
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.seeting-list a .icon-nor {
  display: inline-block;
}
.seeting-list a .icon-act {
  display: none;
}

.prof-setting h4 {
  border-bottom: unset;
  color: #201A51;
}
.prof-setting .seeting-list {
  border-bottom: 1px solid #EEEEEE;
}

.info-case.date_ span {
  color: #A5A5A5;
}
.info-case.date_ i {
  color: #444444;
}

.user-n-info.time-t h6 {
  color: #1C1F26;
  font-weight: 600;
}

.admin-app.time-t span {
  color: #A5A5A5;
  font-weight: 500;
}
.admin-app.time-t em {
  color: #1C1F26;
  font-weight: 600;
}

.p-card {
  padding: 5px 15px;
}

.dasborad-card.w-filter {
  padding: 0;
}
.dasborad-card .work-t {
  padding: 20px 15px;
  box-shadow: 0px 4px 12px rgba(211, 211, 211, 0.3019607843);
  border-radius: 10px 10px 0 0;
}
.dasborad-card .work-t h4 {
  color: #141414;
  font-size: 16px;
  font-weight: 700;
}

.w-type {
  padding: 20px;
  margin: 20px;
  border: 1px solid #EEEEEE;
  border-radius: 5px;
}
.w-type.w-type-card {
  border: unset;
  padding: 5px;
  margin: 5px;
}

.w-type h5 {
  color: #333333;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
}

.w-t-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.w-t-list label {
  display: flex;
  align-items: center;
}
.w-t-list label .w-name {
  padding-inline-start: 10px;
}
.w-t-list label .w-name span {
  display: block;
  color: #141414;
  font-weight: bold;
}
.w-t-list label .w-name span em {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
}
.w-t-list label .w-name em {
  color: #A5A5A5;
  font-size: 12px;
}

.way-l li {
  color: #666666;
  font-size: 14px;
  list-style: disc;
  font-weight: 400;
  padding: 4px 0;
}

.way-l ul {
  padding-inline-start: 20px;
}

.bootstrap-tagsinput {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 !important;
  border: unset !important;
}

.i-time {
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  overflow: hidden;
}
.i-time span.time-h {
  padding: 17px;
  color: #020202;
  background: #FAFAFA;
  text-align: center;
  font-weight: 600;
}
.i-time input.time-input.w-50 {
  border: unset;
}

.t-w {
  position: relative;
}
.t-w i {
  position: absolute;
  left: 30px;
  top: 80px;
  color: #3C98BD;
}

.log-w {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  width: 95%;
  margin: 10px auto;
}

.l-w-title {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.l-w-title h4 {
  color: #141414;
  font-size: 16px;
  font-weight: bold;
}
.l-w-title span {
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 15px;
  font-weight: 400;
}
.l-w-title span.s-work {
  color: #049753;
  background: rgba(4, 151, 83, 0.2509803922);
}
.l-w-title span.e-work {
  color: #D92B21;
  background: rgba(217, 43, 33, 0.2784313725);
}

.f-r-input {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.f-r-input .f-c-input {
  width: 30%;
}
.f-r-input .f-c-input label {
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 0 10px 0;
}

.time_input {
  display: flex;
  border: 1px solid #eee;
  padding: 10px 10px;
  border-radius: 7px;
  justify-content: space-between;
}
.time_input input {
  width: 70%;
  border: unset;
  color: #A5A5A5;
  font-size: 16px;
}
.time_input em {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
}

ul.time-list-w {
  list-style: disc;
  padding-inline-start: 35px !important;
  padding: 10px 0;
}
ul.time-list-w li {
  color: #666666;
  padding: 5px 0;
}
ul.time-list-w li em {
  color: #1D1F1F;
  font-weight: 600;
}

.check-logout {
  padding: 15px;
  border-top: 1px solid #EEEEEE;
}
.check-logout h6 {
  font-weight: 400 !important;
}

.v-benefits {
  border: 1px solid #EEEEEE;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  color: #020202;
}
.v-benefits .br-name label {
  padding: 0;
  width: 100%;
}
.v-benefits .br-name label span.checkmark_box {
  left: 0;
  right: unset;
}
.v-benefits .br-name label h6 {
  padding: 0;
}

.c-details {
  padding: 5px 0;
}
.c-details.d-empl h6 {
  color: #9F9F9F;
}
.c-details h6 {
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
}
.c-details span,
.c-details a,
.c-details button {
  color: #1D1F1F;
  font-size: 16px;
  font-weight: 400;
}
.c-details span i,
.c-details a i,
.c-details button i {
  color: #3C98BD;
}
.c-details span.proj-mang,
.c-details a.proj-mang,
.c-details button.proj-mang {
  display: flex;
  align-items: center;
  background: #EEEEEE;
  width: -moz-max-content;
  width: max-content;
  padding: 7px 20px;
  border-radius: 20px;
  color: #1D1F1F;
}

.com_d h4 {
  color: #201A51;
  font-size: 16px;
  font-weight: 600;
}

span#togglePassword,
.toggle_pass_btn {
  position: absolute;
  top: 68px;
  left: 20px;
  cursor: pointer;
  width: 20px !important;
  height: 20px;
}
span#togglePassword i,
.toggle_pass_btn i {
  color: #444444 !important;
}

.not_found_a {
  padding: 50px;
  text-align: center;
}
.not_found_a .n-f-img img {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 0;
  margin: 10px auto;
}
.not_found_a .n-f-img span {
  color: #A5A5A5;
  padding: 20px 0;
  display: block;
}

.t-w-company .admin-app span {
  font-weight: 600;
}

.t-w-company label.form-check-label {
  font-weight: 400;
}

tr.header-table.v-w-table-h th,
.body-table.v-w-table-b td {
  text-align: center;
  border-right: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  color: #444444;
  font-weight: 400;
}

tr.header-table.v-w-table-h {
  background: #FAFAFA;
}

.D_details {
  padding: 10px;
  border-radius: 6px;
  font-size: 16px;
}
.D_details.v-day {
  background: #f0f0f0;
  color: #666666;
  border-bottom: 2px solid #666666;
}
.D_details.w-day {
  background: #edf8ee;
  color: #48B452;
  border-bottom: 2px solid #48B452;
}
.D_details img {
  width: 15px;
  height: 15px;
}
.D_details span {
  padding: 0 5px;
}

.user-prof-img {
  display: flex;
  align-items: center;
}
.user-prof-img #img-preview {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #EEEEEE;
  padding: 15px;
}
.user-prof-img #img-preview img {
  width: 100%;
  height: 100%;
}
.user-prof-img .prof_d {
  padding: 0 10px;
}
.user-prof-img .prof_d span {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
  display: block;
}
.user-prof-img .prof_d .user-pic input {
  height: 0;
  width: 0;
  overflow: hidden;
}
.user-prof-img .prof_d .user-pic label {
  color: #3C98BD;
  font-size: 14px;
  cursor: pointer;
}
.user-prof-img .prof_d .user-pic img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

section.personal-info-sec .sidenave-sec.open .list-type h6 {
  padding: 10px 8px;
  text-align: center;
}
section.personal-info-sec .sidenave-sec.open .list-dashbord-name {
  justify-content: center;
  position: relative;
}
section.personal-info-sec .sidenave-sec.open .list-dashbord-name:hover .dasborad-name {
  opacity: 1;
  visibility: visible;
  right: 45px;
  transition: 0.3s ease-in-out;
  z-index: 1;
}
section.personal-info-sec .sidenave-sec.open .dasborad-name {
  position: absolute;
  background: #201A51;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  right: 65px;
  padding: 7px 10px;
  border-radius: 8px;
  transition: 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
section.personal-info-sec .sidenave-sec.open .dasborad-name:before {
  content: "";
  position: absolute;
  top: 12px;
  right: -6px;
  width: 15px;
  height: 15px;
  background: #201A51;
  transform: rotate(45deg);
  z-index: 0;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
}
section.personal-info-sec .sidenave-sec.open .dasborad-name span {
  z-index: 1;
}

img {
  -o-object-fit: cover;
     object-fit: cover;
}

.form-upload-img-pro #img-preview {
  width: 65px;
  height: 65px;
  background: #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.form-upload-img-pro #img-preview img {
  width: 41px;
  height: 41px;
  display: block;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.form-upload-img-pro [type=file] {
  height: 0;
  width: 0;
  overflow: hidden;
}
.form-upload-img-pro .comp-info {
  margin-bottom: 20px;
}
.form-upload-img-pro .comp-info h4 {
  color: #201A51;
  font-size: 16px;
  font-weight: 600;
}
.form-upload-img-pro .comp-info h4 em {
  color: #A5A5A5;
  font-size: 12px;
  font-weight: 400;
}
.form-upload-img-pro .comp-info .edite-pro-info {
  background: #EEEEEE;
  display: flex;
  align-items: center;
  padding: 10px 30px;
  border-radius: 6px;
  cursor: pointer;
}
.form-upload-img-pro .comp-info .edite-pro-info img {
  width: 15px;
  height: 15px;
}
.form-upload-img-pro .comp-info .edite-pro-info label {
  color: #1C1F26;
  font-size: 16px;
  padding: 0 5px;
  font-weight: 500;
  cursor: pointer;
}
.form-upload-img-pro .img-prof .img_d {
  padding-inline-start: 10px;
}
.form-upload-img-pro .img-prof .img_d h6 {
  color: #9F9F9F;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 10px;
}
.form-upload-img-pro .img-prof .img_d a.delete_img {
  color: #FE3A46;
  background: unset;
  border: unset;
  font-size: 14px;
  padding-bottom: 10px;
  font-weight: 600;
}

.step-work {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60%;
  overflow: hidden;
}
.step-work .step_r {
  position: relative;
}
.step-work .step_r:before {
  position: absolute;
  width: 230px;
  height: 1px;
  background: #EEEEEE;
  content: "";
  right: 0;
  top: 14px;
}
.step-work .step_r .active:before {
  background: #1087CA;
}
.step-work .step_r:last-child:before {
  display: none;
}
.step-work .step_r img {
  width: 25px;
  height: 25px;
  position: relative;
  z-index: 1;
}

button.btn-collaps {
  border: unset;
  background: #FAFAFA;
  width: 20%;
  padding: 15px;
}
button.btn-collaps .text-coll {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}

.layer-b {
  width: 80%;
  border: 1px solid #E2E6E9;
}

.card-collaps {
  border: unset;
  padding: 0;
}

.btn-collaps.collapsed i.fa-solid.fa-chevron-down {
  transform: rotate(0deg);
}
.btn-collaps i.fa-solid.fa-chevron-down {
  transform: rotate(180deg);
}

img.sm-f-calender {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  z-index: 1;
}

input.date_f {
  text-align: end;
}

input[type=date].date_f::-webkit-inner-spin-button,
input[type=date].date_f::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.t-page h4 {
  color: #141414;
  font-size: 16px;
}
.t-page em {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.add-n-u {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 15px 20px 15px;
}
.add-n-u .btn-add-u img {
  width: 15px;
  height: 15px;
}
.add-n-u .btn-add-u span {
  color: #A5A5A5;
}

.btn-add-emp {
  margin: 0 20px;
}
.btn-add-emp button {
  border: unset;
  background: unset;
  color: #3C98BD;
  font-size: 16px;
}

.btn-action-t {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: revert-layer;
  align-items: center;
  margin-right: auto;
  padding: 8px 35px;
  border-radius: 6px;
  cursor: pointer;
}
.btn-action-t._add_n {
  background: #EEEEEE;
  color: #000;
}
.btn-action-t._remove_n {
  background: #FE3A46;
  color: #fff;
}
.btn-action-t span {
  padding: 0 10px;
}
.btn-action-t i {
  position: relative;
  top: 3px;
}

.b_calender .calendar-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.b_calender .month {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: 32%;
}
.b_calender .month-name {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 15px;
}
.b_calender .weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.b_calender .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  text-align: center;
}
.b_calender .days div {
  padding: 4px;
  border-radius: 50%;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  border: 1px solid #EEEEEE;
  color: #666666;
}
.b_calender .days .highlight {
  background-color: #e8dbeb;
  color: #7843CD;
}

.order-c img {
  width: 40px;
  height: 40px;
}
.order-c .title-sec h3 {
  color: #3C3C3B;
  font-size: 16px;
}

.menu-type {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: auto;
  background: #EEEEEE;
  padding: 5px;
  border-radius: 6px;
}
.menu-type span {
  width: 50%;
  text-align: center;
  color: #A5A5A5;
  cursor: pointer;
  padding: 5px;
  position: relative;
  font-weight: 500;
}
.menu-type span.mail-list {
  padding: 10px;
}
.menu-type span.active {
  background: #fff;
  color: #201A51;
  border-radius: 4px;
}

.list-icon.active img,
.mail-list.active img {
  filter: invert(0%) brightness(0%) contrast(100%);
}
.list-icon img,
.mail-list img {
  width: 25px;
  height: 25px;
  border-radius: 0;
}

div#nav-tab {
  width: -moz-max-content;
  width: max-content;
}

.tabs-order .nav-table {
  box-shadow: unset;
  position: relative;
}
.tabs-order .nav-table:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  background: #D6D6D6;
  right: 0;
}

.project-n span {
  color: #1C1F26;
  font-weight: 500;
}

.permission-c {
  position: relative;
  width: 100%;
}
.permission-c .w-permission {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.permission-c .w-permission .permission-t {
  padding-bottom: 10px;
}
.permission-c .w-permission .permission-t h4 {
  color: #1C1F26;
  font-size: 16px;
  font-weight: bold;
}
.permission-c .w-permission .permission-t h4 em {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}
.permission-c .w-permission .permission-d {
  display: flex;
  align-items: center;
  color: #666666;
}
.permission-c .w-permission .permission-d span {
  padding: 0 6px;
}
.permission-c .w-permission .permission-d i {
  position: relative;
  top: 3px;
}
.permission-c .card-user-p {
  background: #F9F9F9;
  padding: 10px;
  border-radius: 6px;
}

.case-permission {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(29, 31, 31, 0.168627451);
  margin-bottom: 15px;
  padding-top: 15px;
}
.case-permission.waiting-p span {
  color: #0099FF;
}
.case-permission.cancel-p span {
  color: #FE3A46;
}
.case-permission.accept-p span {
  color: #48B452;
}
.case-permission img {
  width: 23px;
  height: 23px;
}
.case-permission span {
  font-size: 14px;
  font-weight: 600;
  padding-inline-start: 5px;
}

.per-case .case-permission {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 0;
}

.data_p {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(29, 31, 31, 0.168627451);
}
.data_p.ls_sml_data {
  border-bottom: unset;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: unset;
}
.data_p img {
  width: 40px;
  height: 40px;
  border-radius: 0;
}
.data_p .user-d {
  padding-inline-start: 10px;
}
.data_p .user-d h5 {
  color: #1C1F26;
  font-size: 16px;
  padding: 5px 0;
}
.data_p .user-d span {
  color: #A5A5A5;
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
}
.data_p .user-d .p-date {
  padding-bottom: 10px;
}
.data_p .user-d .p-date h6 {
  color: #1C1F26;
  padding-bottom: 15px;
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.p-date h6 {
  padding: 10px 0;
}

.start-end-date span {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.start-end-date span img {
  width: 18px;
  height: 17px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.start-end-date i {
  color: #D6D6D6;
}

.order-btn-act {
  margin-top: 15px;
}
.order-btn-act .add-new-user.reject-order a {
  background: #FE3A46;
  width: 100%;
}
.order-btn-act .add-new-user.accept-order a {
  background: #48B452;
  width: 100%;
}

.o-card {
  box-shadow: 2px 4px 24px rgba(142, 142, 142, 0.2784313725);
}

.col-color:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
.col-color.ms-color:before {
  background: #3C98BD;
}
.col-color.gr-color:before {
  background: #00A47C;
}
.col-color.or-color:before {
  background: #F98A23;
}
.col-color.red-color:before {
  background: #E11D2F;
}
.col-color.blu-color:before {
  background: #1087CA;
}
.col-color.pur-color:before {
  background: #7843CD;
}

.type-off span {
  display: block;
  color: #1C1F26;
  font-weight: bold;
  font-size: 14px;
}
.type-off em {
  color: #666666;
  font-weight: 400;
  font-size: 12px;
}

.date-off {
  display: flex;
  align-items: center;
}
.date-off img {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.date-off span {
  padding-inline-start: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #1C1F26;
}

.case_order {
  display: flex;
  align-items: center;
}
.case_order.wiating-p {
  color: #0099FF;
}
.case_order.cancel-p {
  color: #FE3A46;
}
.case_order.accept-p {
  color: #48B452;
}
.case_order.pending-p {
  color: #FFBE00;
}
.case_order img {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.case_order span {
  font-size: 14px;
  padding-inline-start: 5px;
  font-weight: 500;
}

tr.body-table.v-w-table-b td {
  padding: 15px 10px;
}

.f-intl-numb input {
  border: unset;
}
.f-intl-numb input::-moz-placeholder {
  text-align: end;
}
.f-intl-numb input::placeholder {
  text-align: end;
}

.f-intl-numb .input-group-prepend .select2.select2-container {
  border: unset !important;
  border-right: 1px solid #f2f2f2 !important;
}

.f-intl-numb .input-group-prepend .select2.select2-container span.select2-selection.select2-selection--single {
  border-radius: 0;
  border: unset;
  padding: 15px 0px;
}

.t-border {
  border: 1px solid #F1F5F7;
  padding: 15px;
  border-radius: 8px;
}
.t-border .employee-da {
  display: flex;
  align-items: center;
}
.t-border .employee-da img {
  width: 60px;
  height: 60px;
}
.t-border .employee-da .employee-d-name {
  padding-inline-start: 10px;
}
.t-border .employee-da .employee-d-name h4 {
  color: #141414;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
.t-border .employee-da .employee-d-name span {
  display: block;
  padding-bottom: 5px;
}
.t-border .employee-da .employee-d-name span img {
  width: 21px;
  height: 20px;
  border-radius: 0;
}
.t-border .employee-da .employee-d-name span em {
  color: #201A51;
  font-size: 14px;
  font-weight: 500;
}
.t-border .e-l-details {
  background: #FAFAFA;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
}
.t-border .e-l-details .sm-l-details {
  padding: 10px 5px;
}
.t-border .e-l-details .sm-l-details h5 {
  color: #9F9F9F;
  font-size: 14px;
  padding-bottom: 5px;
}
.t-border .e-l-details .sm-l-details span {
  color: #1D1F1F;
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
  font-weight: 500;
}

.personal-info-li {
  margin: 30px 0;
}
.personal-info-li ul li {
  padding: 10px;
  color: #A5A5A5;
  position: relative;
  font-weight: 400;
}
.personal-info-li ul li.active {
  color: #201A51;
  font-weight: 500;
}
.personal-info-li ul li.active:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  right: 0;
  top: 0;
  background: #201A51;
}
.personal-info-li ul li img {
  width: 20px;
  height: 20px;
}
.personal-info-li ul li span {
  padding-inline-start: 5px;
}

.n-main-card .c-details img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.n-main-card .c-details h6 {
  font-weight: 500;
}
.n-main-card .c-details span em {
  color: #A5A5A5;
}

.leader-n {
  position: relative;
  padding: 5px 0;
}
.leader-n.sub-mang {
  margin-inline-start: 35px;
}
.leader-n.sm-mang {
  margin-inline-start: 65px;
}
.leader-n:last-child .sm-layer {
  display: none;
}
.leader-n .sm-layer {
  position: absolute;
  bottom: -40px;
  right: 13px;
  width: 60px;
  height: 90px;
}
.leader-n .sm-layer img {
  width: 100%;
  height: 100%;
}
.leader-n img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.leader-n .leader-d em {
  color: #666666;
  font-size: 14px;
}

em.sm-em {
  font-size: 12px;
  color: #666666;
}

.date_emp-d {
  padding: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.date_emp-d:last-child {
  border-bottom: unset;
}
.date_emp-d h5 {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.date_emp-d span {
  color: #1D1F1F;
  font-size: 14px;
  font-weight: 500;
}
.date_emp-d span img {
  width: 15px;
  height: 15px;
}
.date_emp-d span.stautes-emp {
  padding: 5px 10px;
  border-radius: 15px;
}
.date_emp-d span.stautes-emp.active-work {
  background: rgba(72, 180, 82, 0.231372549);
  color: #48B452;
}
.date_emp-d span.stautes-emp.missing_emp {
  background: rgba(254, 58, 70, 0.2784313725);
  color: #FE3A46;
}
.date_emp-d span.stautes-emp.nor-work {
  background: #EEEEEE;
  color: #1D1F1F;
  padding: 5px 20px;
}

.card-set-w {
  padding: 20px 25px;
}

.set-day-details {
  position: relative;
  padding: 15px 5px;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.set-day-details:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 15px;
  right: -13px;
  border-radius: 50%;
  z-index: 1;
  background: #3C98BD;
}
.set-day-details:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border: 1px dashed #D6D6D6;
  top: 25px;
  right: -7px;
}
.set-day-details:last-child:after {
  content: unset;
}
.set-day-details.st-wo:before {
  background: #48B452;
}
.set-day-details.pu-wo:before {
  background: #F98A23;
}
.set-day-details.en-wo:before {
  background: #FE3A46;
}
.set-day-details .set-t-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

.time-details-w img {
  width: 25px;
  height: 25px;
}

.time-details-w span {
  font-size: 16px;
  font-weight: 500;
}

.start-ch_ span {
  color: #48B452;
}

.time-type span {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 15px;
  border-radius: 15px;
}

.start-ch span {
  background: rgba(72, 180, 82, 0.231372549);
  color: #48B452;
}

.location-w {
  display: flex;
  align-items: center;
}

.location-w img {
  width: 20px;
  height: 20px;
}

.location-w span {
  padding-inline-start: 5px;
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}

.location-w p {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  padding-inline-start: 5px;
}

.puss-ch_ span {
  color: #F98A23;
}

.puss-ch span {
  background: rgba(249, 138, 35, 0.2705882353);
  color: #F98A23;
}

.re-start-w_ span {
  color: #48B452;
}

.re-start-w span {
  background: rgba(72, 180, 82, 0.231372549);
  color: #48B452;
}

.end-ch_ span {
  color: #FF3B30;
}

.end-ch span {
  background: rgba(254, 58, 70, 0.2784313725);
  color: #FE3A46;
}

.pro-name {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
}
.pro-name .time-w-card {
  display: flex;
  align-items: center;
}
.pro-name .time-w-card .st-t-w img {
  width: 20px;
  height: 20px;
}
.pro-name .time-w-card .st-t-w span {
  color: #666666;
  padding: 0 5px;
}
.pro-name .time-w-card .st-t-w em {
  color: #1C1F26;
  font-weight: 500;
}
.pro-name .time-type span {
  color: #201A51;
  font-weight: 600;
  font-size: 16px;
}

.mission-d {
  margin: 10px 0;
}
.mission-d span {
  color: #1D1F1F;
  font-size: 16px;
  font-weight: 500;
}
.mission-d p {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 400;
}

.drowp-d-list li a {
  background: unset !important;
  padding: 0 !important;
}

.stutes-vication {
  display: flex;
  align-items: center;
}
.stutes-vication img {
  width: 20px;
  height: 20px;
}
.stutes-vication span {
  padding-inline-start: 5px;
  font-size: 14px;
  color: #48B452;
}

.details-order-vi tr th {
  border-left: 1px solid #EEEEEE;
  width: 20%;
  padding: 10px 0;
}
.details-order-vi tr td {
  padding-inline-start: 20px !important;
  padding: 10px 0;
}

.order-d-table span {
  color: #1C1F26;
  font-size: 14px;
}

.order-n-t span {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
}
.order-n-t p {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.order-v-date {
  display: flex;
  align-items: center;
}
.order-v-date i {
  color: #A5A5A5;
  padding: 0 10px;
  position: relative;
  top: 3px;
}

.order-file img {
  width: 40px;
  height: 40px;
  border-radius: 0;
}
.order-file span {
  font-weight: 500;
}

.dawonload-file img {
  width: 30px;
  height: 30px;
}
.dawonload-file span {
  font-size: 14px;
  font-weight: 400;
}

.emp-img img {
  display: block;
  width: 60px;
  height: 60px;
  margin: 10px auto;
}
.emp-img strong {
  color: #141414;
  font-size: 16px;
  text-align: center;
  display: block;
  margin: 10px 0;
}

.user-attend {
  background: #FAFAFA;
  padding: 10px;
  border-radius: 6px;
}
.user-attend h6 {
  color: #9F9F9F;
  font-size: 16px;
  display: block;
  padding: 5px 0;
  font-weight: 500;
}
.user-attend span {
  color: #1D1F1F;
  padding: 5px 0;
  display: block;
  font-size: 14px;
  font-weight: 400;
}
.user-attend p {
  color: #1D1F1F;
  font-size: 14px;
  font-weight: 400;
}

.l-act-s h6 {
  color: #12B76A;
  font-weight: 700;
}

.develop-sec {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.develop-sec img {
  width: 50px;
  height: 50px;
}
.develop-sec .dev-d {
  padding-inline-start: 10px;
}
.develop-sec .dev-d h5 {
  color: #141414;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
}
.develop-sec .dev-d span {
  color: #666666;
  font-size: 12px;
  padding-bottom: 5px;
  display: block;
}

.user-attend img {
  width: 30px;
  height: 30px;
}
.user-attend h5 {
  color: #1D1F1F;
  font-size: 16px;
  padding-inline-start: 5px;
}
.user-attend .sd-d {
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.user-attend label.t-branch.l-act-s {
  display: flex;
  align-items: center;
}
.user-attend label.t-branch.l-act-s h6 {
  padding: 0;
  padding-inline-start: 15px;
}

.branches-a {
  margin: 10px 0;
  background: #ffeced;
  border-radius: 6px;
  padding: 10px;
}
.branches-a img {
  width: 25px;
  height: 25px;
}
.branches-a span {
  color: #FE3A46;
  font-size: 14px;
  font-weight: 400;
  padding-inline-start: 5px;
}

.empl-a-det {
  background: #fafafa;
  border-radius: 6px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
}
.empl-a-det img {
  width: 40px;
  height: 40px;
}
.empl-a-det .details-em-w {
  padding-inline-start: 10px;
}
.empl-a-det .details-em-w h6 {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 5px;
}
.empl-a-det .details-em-w span {
  padding-bottom: 5px;
  color: #666666;
  display: block;
  font-size: 14px;
}

.all-activity {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.all-activity img {
  width: 20px;
  height: 20px;
}
.all-activity span {
  position: relative;
  color: #201A51;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
}
.all-activity span:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 5px;
  background: #3C98BD;
  bottom: -5px;
  right: 0;
  border-radius: 15px;
}

.add-new-user.reject-order {
  margin: 0px 5px;
}

.t-w i.fa-regular.fa-clock {
  top: 70px;
}

.tb-details {
  margin: 5px 0;
}
.tb-details img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.tb-details span {
  color: #1D1F1F;
  font-size: 14px;
  font-weight: 500;
}

.user-info-d.d-folder-t em {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 300;
}

.tb-all-emp .image-container {
  display: flex;
  align-items: center;
}
.tb-all-emp .img-item {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: -15px;
  /* Overlapping effect */
  border: 2px solid white;
  /* Optional: to add a border around images */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #5CA7D7;
  /* Background color for "+6" */
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  /* Text color for "+6" */
  font-size: 20px;
  font-weight: bold;
}
.tb-all-emp .img-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tb-all-emp .img-extra {
  background-color: #5CA7D7;
  /* Background color for "+6" */
  color: white;
  /* Text color for "+6" */
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

button.list-items {
  width: 90%;
  text-align: start;
  padding: 10px;
  border: unset;
  margin: 10px;
  display: block;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
}
button.list-items.active {
  background: #ECECF1;
}
button.list-items.active .icon-nor {
  display: none;
}
button.list-items.active .icon-act {
  display: block;
}
button.list-items .icon-nor {
  display: block;
}
button.list-items .icon-act {
  display: none;
}
button.list-items img {
  width: 20px;
  height: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
button.list-items span {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
  padding-inline-start: 10px;
}
button.list-items.active span {
  color: #201A51;
  font-weight: 500;
}

.tb-card {
  padding: 25px;
}

.ls-tb-card {
  padding: 15px;
}

span.sm-sec-title {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 300;
  margin: 5px 0;
  display: block;
}

.all-br-nam .br-name label.defult-br h6 {
  color: #141414;
  font-weight: 500;
}

.tab-s-itle h6 {
  position: relative;
}
.tab-s-itle h6:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 30px;
  background: #3C98BD;
  top: -2px;
  right: -8px;
  border-radius: 6px;
}

.all-br-nam {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.sec-br-bar {
  margin: 20px 0;
}
.sec-br-bar ul {
  padding-inline-start: 20px;
  list-style: disc;
}
.sec-br-bar ul li {
  color: #666666;
  font-size: 14px;
  font-weight: 300;
  padding: 4px 0;
}

.sm-all-data {
  text-align: center;
}
.sm-all-data .wo-type img {
  width: 70px;
  height: 70px;
  border-radius: 0;
  margin: 20px;
}
.sm-all-data .wo-type p {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
}

.bg-list-bar {
  margin: 10px 0 20px 0;
}

.start-date-log img {
  width: 20px;
  height: 20px;
}
.start-date-log span {
  color: #141414;
  font-size: 14px;
}

.bg-sign-card .date_emp-d {
  border-bottom: 1px solid #EEEEEE;
}

.st-info-row {
  background: rgba(132, 98, 0, 0.1803921569);
  border-radius: 6px;
  padding: 10px;
  margin: 5px 0;
}
.st-info-row.wrong-case {
  background: rgb(255, 236, 237);
}
.st-info-row.wrong-case span {
  color: #FE3A46;
}
.st-info-row img {
  width: 20px;
  height: 20px;
}
.st-info-row span {
  color: #846200;
  font-size: 14px;
}

.control-s {
  display: flex;
  align-items: center;
}
.control-s .cont-logo {
  width: 65px;
  height: 65px;
  border: 1px solid #EEEEEE;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 6px;
}
.control-s .cont-logo img {
  width: 55px;
  height: 55px;
  padding: 8px;
}
.control-s .control-details {
  padding-inline-start: 10px;
}
.control-s .control-details span {
  display: block;
  color: #444444;
  font-size: 14px;
  font-weight: 500;
}
.control-s .control-details em {
  color: #9F9F9F;
  font-size: 12px;
  font-weight: 300;
}

.c-details span {
  font-size: 14px;
}

.control-color {
  display: flex;
  align-items: center;
  margin: 10px 0;
}
.control-color span {
  padding-inline-start: 5px;
}

.set-m-color {
  width: 35px;
  height: 35px;
  border: 1px solid #EEEEEE;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 6px;
}
.set-m-color span {
  width: 25px;
  height: 24px;
  border-radius: 3px;
}

.upload-f input#file {
  width: 100%;
  height: auto;
}

.icon-n-sec {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  cursor: pointer;
}

.pro-n-emp img {
  width: 45px;
  height: 45px;
  border-radius: 0;
}

.projects-branch h5 {
  color: #1C1F26;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
.projects-branch h5 .pro-n-type {
  width: 5px;
  height: 25px;
  display: inline-block;
  border-radius: 1px;
  margin-inline-end: 5px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
}
.projects-branch h5 .pro-n-img img {
  margin-inline-end: 5px;
  width: 16px;
  height: 16px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.projects-branch p {
  color: #A5A5A5;
  font-size: 12px;
  padding: 5px 0;
  display: block;
}

.s-date-w span {
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
}
.s-date-w small {
  color: #666666;
  font-size: 14px;
  padding: 0 5px;
}

.dots-date {
  position: relative;
  width: 10px;
  height: 10px;
  background: #FE3A46;
  border-radius: 50%;
  display: inline-block;
}

.all-d-time-w {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.all-d-time-w .work-s img {
  width: 25px;
  height: 25px;
}
.all-d-time-w .work-s span {
  font-size: 14px;
  color: #1C1F26;
  font-weight: 500;
  padding-inline-start: 5px;
}
.all-d-time-w em {
  color: rgba(29, 31, 31, 0.2588235294);
}

.progress-w .progress.progress-pro-color {
  width: 250px;
  border-radius: 3px;
  height: 20px;
}

.modal-btn-table {
  border: unset;
}

.header-bar-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 68%;
}
.header-bar-label em {
  margin: 0 10px;
  color: #D8D8D8;
}
.header-bar-label .all-users {
  padding: 5px 10px;
}

.order-tabl-r h5 {
  font-size: 16px;
  margin-top: 20px;
}

.sm-card-list .develop-sec .dev-d h5 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 0;
}

.n-careat h5 {
  font-weight: 400;
  color: #8F8F8F;
}
.n-careat span {
  font-weight: 400;
}
.n-careat .user-img-p {
  width: 24px;
  height: 24px;
}

.Announcements-bag {
  margin: 0 20px;
  display: flex;
  align-items: center;
}
.Announcements-bag img {
  width: 20px;
  height: 20px;
}
.Announcements-bag span {
  color: #444444;
  font-size: 16px;
  padding: 0 5px;
}

.sp-bar {
  position: relative;
  margin: 0 20px;
}
.sp-bar:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  background: #EAEAEA;
  top: -10px;
  left: 0;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .active {
  display: block;
}

label.form-check-label {
  padding: 0 5px;
}

tr.body-table .color-picker label {
  width: 25px;
  height: 25px;
  border-radius: 6px;
}
tr.body-table .color-picker label .checkmark {
  height: 25px;
  width: 25px;
}

.power-text .color-project.color-picker {
  justify-content: start;
}

td div span {
  max-width: 220px;
}

tr th {
  max-width: 220px;
}

.check-label-sec {
  display: flex;
  align-items: center;
  justify-content: end;
}

.stut-vica strong {
  display: block;
  color: #141414;
  font-size: 16px;
  padding: 2px 0 5px 0;
}
.stut-vica span {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
}

.toggle_pass_btn i.fa-regular.fa-eye {
  position: relative;
  top: -4px;
}

.bg-loader .layer-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.73);
  z-index: 99;
  top: 0;
  left: 0;
  /* HTML: <div class="loader"></div> */
}
.bg-loader .layer-loader .loader {
  width: 40px;
  aspect-ratio: 1;
  display: grid;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bg-loader .layer-loader .loader::before,
.bg-loader .layer-loader .loader::after {
  content: "";
  grid-area: 1/1;
  --c: no-repeat linear-gradient(#046D8B 0 0);
  background: var(--c) 0 0, var(--c) 100% 0, var(--c) 100% 100%, var(--c) 0 100%;
  animation: l10-1 2s infinite linear, l10-2 2s infinite linear;
  -webkit-animation: l10-1 2s infinite linear, l10-2 2s infinite linear;
}
.bg-loader .layer-loader .loader::after {
  margin: 25%;
  transform: scale(-1);
}
@keyframes l10-1 {
  0% {
    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
  }
  12.5% {
    background-size: 100% 4px, 4px 0, 0 4px, 4px 0;
  }
  25% {
    background-size: 100% 4px, 4px 100%, 0 4px, 4px 0;
  }
  37.5% {
    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 0;
  }
  45%, 55% {
    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
  }
  62.5% {
    background-size: 0 4px, 4px 100%, 100% 4px, 4px 100%;
  }
  75% {
    background-size: 0 4px, 4px 0, 100% 4px, 4px 100%;
  }
  87.5% {
    background-size: 0 4px, 4px 0, 0 4px, 4px 100%;
  }
  100% {
    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
  }
}
@keyframes l10-2 {
  0%, 49.9% {
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  }
  50%, 100% {
    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
  }
}

.wb-u-details {
  padding-inline-start: 10px;
}
.wb-u-details strong {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #1C1F26;
}
.wb-u-details strong h6 {
  color: #3C98BD;
  font-size: 18px;
}
.wb-u-details span {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 500;
}

.wb-u-img {
  width: 60px;
  height: 60px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  padding: 3px;
  overflow: hidden;
}
.wb-u-img img {
  width: auto;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  max-width: 100%;
  min-width: 100%;
}

h4.text-t {
  color: #3C3C3B;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

.ls_sm_card {
  position: relative;
  padding: 10px 15px;
  background: #fafafa;
  border-radius: 5px;
}

.title-text {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.title-text h5 {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}
.title-text h4 {
  color: #201A51;
  font-size: 18px;
  font-weight: bold;
}
.title-text span {
  font-size: 14px;
  color: #A5A5A5;
}
.title-text img {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}
.title-text.n_text span {
  color: #1087CA;
  font-size: 16px;
}
.title-text.n_text img {
  width: 15px;
  height: 15px;
  border-radius: 0;
  margin-inline-start: 10px;
}

.nav-table button.nav-link span {
  width: 25px;
  height: 25px;
  background: #FE3A46;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  left: -10px;
  font-size: 12px;
  bottom: 12px;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.num-activity {
  width: 25px;
  height: 25px;
  background: #8F8F8F;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  font-size: 12px;
  bottom: 10px;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.mail-list.active .num-activity {
  background: #FE3A46;
}

.attendify-stutes {
  margin-bottom: 10px;
}
.attendify-stutes h5 {
  color: #3C3C3B;
  font-size: 16px;
  font-weight: 500;
}

.attend-date {
  display: flex;
  align-items: center;
  background: #EEEEEE;
  border-radius: 15px;
  padding: 10px 20px;
}
.attend-date img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.attend-date span {
  color: #1D1F1F;
  font-size: 14px;
  font-weight: 500;
  padding: 0 5px;
}

.attendify_progress_bar {
  margin: 15px 0;
}

.attend-text-d {
  position: relative;
}
.attend-text-d em {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 15px;
}
.attend-text-d span {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
}

.attend-t-days {
  color: #3C3C3B;
  font-weight: 600;
  font-size: 16px;
}

.activity-attend-t .ls_sm_card {
  width: 48%;
}
.activity-attend-t .ls_sm_card.lt_projects {
  border: 1px solid #14B669;
  background: #f5fef9;
}
.activity-attend-t .ls_sm_card.lt_projects .title-text span,
.activity-attend-t .ls_sm_card.lt_projects .title-text h5,
.activity-attend-t .ls_sm_card.lt_projects .title-text h4 {
  color: #14B669;
}
.activity-attend-t .ls_sm_card.lt_files {
  border: 1px solid #1488B6;
  background: #e8f4f8;
}
.activity-attend-t .ls_sm_card.lt_files .title-text span,
.activity-attend-t .ls_sm_card.lt_files .title-text h5,
.activity-attend-t .ls_sm_card.lt_files .title-text h4 {
  color: #1488B6;
}

.lt-table-c tr.body-table td div h6,
.lt-table-c tr.body-table td div h4,
.lt-table-c tr.body-table td div h5,
.lt-table-c tr.body-table td div span,
.lt-table-c tr.body-table td div em {
  font-size: 12px;
}

.control-sm-c .user-attend img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.control-sm-c .user-attend .control-data-c {
  padding-inline-start: 5px;
}
.control-sm-c .user-attend .control-data-c h5 {
  font-size: 16px;
}
.control-sm-c .user-attend .control-data-c span {
  font-size: 14px;
}

.m-sec-card {
  height: 400px;
  overflow-x: auto !important;
}
.m-sec-card::-webkit-scrollbar {
  width: 10px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.m-sec-card::-webkit-scrollbar-track {
  background-color: #B2B4B9;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}

.not-found-case {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column;
}
.not-found-case img {
  width: 80px;
  height: 80px;
  border-radius: 0;
}
.not-found-case span {
  color: #9F9F9F;
  font-size: 16px;
  margin-top: 10px;
}

.sm-card-m {
  display: flex;
  align-items: center;
  background: #ffffff;
  margin: 10px 0;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #F1F5F7;
}
.sm-card-m img {
  border-radius: 0;
  width: 40px;
  height: 40px;
}
.sm-card-m .details-m-vication {
  padding-inline-start: 10px;
}
.sm-card-m .details-m-vication h4 {
  color: #2E2D33;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
}
.sm-card-m .details-m-vication span {
  color: #9F9F9F;
  font-size: 12px;
  font-weight: 400;
}

.notifcation-window {
  position: fixed;
  width: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.4196078431);
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s eas-in-out;
  display: none;
}
.notifcation-window .layer-window {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4196078431);
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.3s eas-in-out;
}
.notifcation-window.active {
  display: block;
  transition: 0.3s eas-in-out;
  width: 100%;
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
}
.notifcation-window .sidenav-window {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #ffffff;
  top: 0;
  left: 0;
  box-shadow: 0px 8px 16px rgba(192, 192, 192, 0.6705882353);
  z-index: 3;
  transition: 0.3s eas-in-out;
}

.nav-not-tabs div#nav-tab {
  border-bottom: unset;
}

nav.nav-not-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  box-shadow: 0px 8px 16px rgba(208, 208, 208, 0.5294117647);
  padding: 10px 20px;
}
nav.nav-not-tabs .notifcation-tabs {
  border: unset;
  background: unset;
  margin: 0 10px;
  border-bottom: unset;
  color: #A5A5A5;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}
nav.nav-not-tabs .notifcation-tabs.active {
  color: #3C98BD;
  border-bottom: 3px solid #3C98BD;
}

.sidenav-window h4 {
  padding: 20px;
  color: #1C1F26;
  font-size: 18px;
  font-weight: 600;
}

.right-icon img {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.all-mail-d {
  padding: 10px 20px;
}

.dw-menu {
  border: unset;
  background: unset;
}
.dw-menu:after {
  display: none;
}

.item-notifcation {
  padding: 0;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.item-notifcation .s-item-noti {
  text-align: start;
  padding: 5px;
}
.item-notifcation .s-item-noti img {
  width: 20px;
  height: 20px;
}
.item-notifcation .s-item-noti span {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  padding-inline-start: 5px;
}

li:last-child .item-notifcation {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.date_emp-d .stutes-vication .case-permission {
  border-bottom: unset;
  padding: 0;
  margin: 0;
}

.time-w-card.sm-tx-card {
  margin: 5px 0;
}
.time-w-card.sm-tx-card img {
  margin-inline-end: 10px;
  width: 30px;
  height: 30px;
  border-radius: 5px;
}
.time-w-card.sm-tx-card span {
  font-weight: 500;
}
.time-w-card.sm-tx-card em {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}

.sm_modal_content .header-bar-label {
  width: 50%;
}
.sm_modal_content .s-date-w span {
  color: #1C1F26;
  font-weight: 700 !important;
}

.calender_sec {
  border: 1px solid #EEEEEE;
}
.calender_sec .calendar-widget {
  direction: rtl;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.calender_sec .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
}
.calender_sec .nav-btn {
  background: none;
  border: none;
  font-size: 1em;
  cursor: pointer;
  color: #999;
  padding: 5px 10px;
  transition: color 0.3s;
}
.calender_sec .nav-btn:hover {
  color: #333;
}
.calender_sec .calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 0.9em;
  color: #666;
  padding-top: 10px;
  border-top: 1px solid #eee;
  margin-top: 10px;
}
.calender_sec .calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
}
.calender_sec .day-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  cursor: pointer;
}
.calender_sec .day-number {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-weight: bold;
  color: #333;
  transition: all 0.2s;
}
.calender_sec .other-month .day-number {
  color: #ccc;
  background: none;
}
.calender_sec .day-number:hover {
  background-color: #eee;
}
.calender_sec .selected-day .day-number {
  background-color: #201A51;
  color: #fff;
}
.calender_sec h2.month-title {
  font-size: 16px;
  color: #1C1F26;
}

.nw-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
}

ul.submenu_list {
  position: relative;
  padding: 10px 0px;
  transition: 0.3s ease-in-out;
  display: none;
}
ul.submenu_list.active {
  display: block;
}
ul.submenu_list li a {
  padding: 10px 25px;
}

.operations {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}
.operations button {
  border: unset;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: space-around !important;
  min-width: 100px;
  background: #F6F6F6;
}
.operations button img {
  width: 20px;
  height: 20px;
}
.operations button span {
  font-size: 14px;
  font-weight: 500 !important;
}

.tabs-order-users tr.body-table td div {
  width: -moz-max-content;
  width: max-content;
}
.tabs-order-users .user-info-d img {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

button.filter_c {
  min-width: 100px;
}

.modal_h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}
.modal_h.reject h1 {
  color: #FE3A46;
}
.modal_h.accept h1 {
  color: #1C1F26;
}
.modal_h button {
  margin: 0 !important;
}
.modal_h h1 {
  font-size: 18px !important;
  font-weight: 600;
}
.modal_h button {
  border: 1px solid;
  border-radius: 50%;
}
.modal_h.view_control h1 .user-info-d .user-n-info h6 {
  padding: 0;
  color: #1C1F26;
  font-size: 16px;
  font-weight: 600;
}
.modal_h.view_control h1 .user-info-d {
  border-inline-end: 2px solid #E6E6E6;
}
.modal_h.view_control h1 .case_order.accept-p {
  padding-inline-start: 10px;
}

.moda_content .form-c {
  margin: 10px 0;
}
.moda_content .form-c label {
  color: #1C1F26;
  font-size: 14px;
  padding-bottom: 10px;
}
.moda_content .form-c input {
  border: 1px solid #F1F5F7;
  border-radius: 4px;
  color: #A5A5A5;
}
.moda_content .form-c span {
  border: 1px solid #F1F5F7;
  width: 100%;
  display: block;
  border-radius: 4px;
  padding: 5px 10px;
  color: #D6D6D6;
  font-size: 14px;
  font-weight: 400;
}

.footer_m_btns button {
  min-width: 130px;
  border: unset;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
}
.footer_m_btns button.cancel {
  background: #EEEEEE;
  color: #1C1F26;
}
.footer_m_btns button.reject_apply {
  background: #E11D2F;
  color: #fff;
}
.footer_m_btns button.accept_apply {
  background: #3C98BD;
  color: #fff;
}

.details_content table tr.tb_h th {
  background: #FAFAFA;
  padding: 10px 10px;
  color: #1C1F26;
  font-size: 14px;
  font-weight: 500;
}
.details_content table tr.tb-b {
  border-bottom: 1px solid #EEEEEE;
}
.details_content table tr.tb-b td {
  color: #1C1F26;
  font-size: 14px;
  padding: 10px 10px;
  font-weight: 500;
}

.g_modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.g_modal .modal-header h1 {
  color: #1C1F26;
  font-size: 20px !important;
}
.g_modal .modal-header button {
  border: unset;
  background: unset;
  padding: 0;
  width: 40px;
  height: 40px;
}
.g_modal .modal-header button img {
  width: 100%;
  height: 100%;
}
.g_modal .modal-footer {
  border-top: unset;
}

.date_project_t.fir_text span {
  font-weight: 500 !important;
  color: #1C1F26;
}
.date_project_t span {
  color: #666666;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.statue_project {
  display: flex;
  align-items: center;
  justify-content: start;
  /* Rounded sliders */
}
.statue_project span.case_s {
  padding-inline-start: 5px;
  color: #48B452;
  font-weight: 400;
  font-size: 14px;
}
.statue_project .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.statue_project .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.statue_project .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.statue_project .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.statue_project input:checked + .slider {
  background-color: #48B452;
}
.statue_project input:focus + .slider {
  box-shadow: 0 0 1px #48B452;
}
.statue_project input:checked + .slider:before {
  transform: translateX(26px);
}
.statue_project .slider.round {
  border-radius: 34px;
}
.statue_project .slider.round:before {
  border-radius: 50%;
}

.select_cost_center {
  position: relative;
  width: 110px;
}
.select_cost_center select {
  background: #EEEEEE;
  border: unset;
  padding: 8px 10px;
  color: #1C1F26;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  min-width: 110px;
  font-weight: 500;
}
.select_cost_center i {
  position: absolute;
  top: 10px;
  left: 10px;
}

tr.body-table.code_proj td:first-child {
  border-inline-start: 5px solid #3C98BD;
}

.tages_name_cpntrol div.form-control span {
  padding: 0 18px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  color: #fff;
  background-color: #333333;
  flex-shrink: 0;
  margin-inline-end: 10px;
}

input.tags-input {
  border: unset;
}

.select_value {
  display: flex;
  align-items: center;
  position: relative;
}
.select_value i {
  position: absolute;
  left: 20px;
  color: #666666;
}
.select_value select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #F1F5F7;
  color: #A5A5A5;
}

img.fk_icon {
  position: absolute;
  right: 20px;
  width: 16px;
  height: 16px;
}

nav.tabs-title.project_details_tab div#nav-tab {
  width: 100%;
  border-bottom: 2px solid #D6D6D6;
  border-radius: 0;
}
nav.tabs-title.project_details_tab div#nav-tab button.nav-link.active {
  color: #3C98BD !important;
}

.g-info {
  position: relative;
  margin-bottom: 30px;
}
.g-info label {
  display: block;
  color: #9F9F9F;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 5px;
}
.g-info p {
  color: #1D1F1F;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 20px;
}
.g-info p.pr_name {
  border-inline-start: 3px solid #F98A23;
  padding-inline-start: 5px;
}
.g-info p em {
  color: #666666;
}
.g-info span {
  background: #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: start;
  width: -moz-max-content;
  width: max-content;
  padding: 4px 12px;
  font-size: 12px;
  color: #1D1F1F;
  border-radius: 15px;
}
.g-info span img {
  width: 15px;
  height: 15px;
}

.g-info .st_case {
  display: flex;
  align-items: center;
  justify-content: start;
}
.g-info .st_case input {
  width: 15px;
  height: 15px;
  margin-inline-end: 5px;
  accent-color: #12B76A;
}
.g-info .st_case em {
  font-size: 16px;
  color: #12B76A;
}

.user-n-info.pr_t h6 {
  font-weight: 600 !important;
  padding-bottom: 0 !important;
}

.addnewuser button {
  border: unset;
  font-size: 22px;
  background: unset;
}
.addnewuser button i {
  color: rgba(102, 102, 102, 0.3490196078);
}

.footer_tab.total_h {
  margin: 10px 0;
  background: #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
}
.footer_tab.total_h h6 {
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
  margin-inline-end: 50px;
}
.footer_tab.total_h .total_all_hours {
  background: #F1F5F7;
  width: 50%;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
}
.footer_tab.total_h .total_all_hours strong {
  color: #1C1F26;
  display: block;
  font-size: 16px;
}
.footer_tab.total_h .total_all_hours span {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}

.sm-cost-card {
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  width: 100%;
  align-items: start !important;
  padding: 20px 20px;
}

.progress_bar {
  width: 100%;
}
.progress_bar .progress {
  height: 10px;
}
.progress_bar span.progress_text {
  display: block;
  text-align: end;
  font-size: 12px;
  margin-top: 5px;
  color: #666666;
}

.sm-cost-card.totla_cost h4 {
  color: #7843CD;
}
.sm-cost-card.totla_cost .progress-bar {
  background: #7843CD;
}
.sm-cost-card.cost_proj h4 {
  color: #48B452;
}
.sm-cost-card.cost_proj .progress-bar {
  background: #48B452;
}
.sm-cost-card.cost_samary h4 {
  color: #3C98BD;
}
.sm-cost-card.cost_samary .progress-bar {
  background: #3C98BD;
}
.sm-cost-card .us-i {
  width: 100px !important;
  height: 150px !important;
}
.sm-cost-card h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.sm-cost-card .cost_number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sm-cost-card .cost_number span {
  font-size: 14px;
  color: #1C1F26;
  font-weight: 400;
}
.sm-cost-card .cost_number strong {
  color: #1C1F26;
  font-size: 16px;
}

.t_type span {
  color: #3C98BD;
  font-weight: 500 !important;
}

.co_name span {
  font-weight: 500 !important;
  color: #000000 !important;
}

.tabs_project_cost ul.nav.nav-pills {
  width: 100%;
  border-bottom: 2px solid #D6D6D6;
  border-radius: 0;
}
.tabs_project_cost ul.nav.nav-pills button.nav-link {
  font-size: 16px;
  color: #9F9F9F;
  margin: 0 30px;
  position: relative;
  font-weight: 500;
  padding: 15px;
  background: unset !important;
}
.tabs_project_cost ul.nav.nav-pills button.nav-link.active {
  color: #3C98BD !important;
}
.tabs_project_cost ul.nav.nav-pills button.nav-link.active:before {
  content: "";
  position: absolute;
  width: 40%;
  height: 2px;
  bottom: -1px;
  background: #3C98BD;
  left: 50%;
  transform: translate(-50%, -50%);
}

.form-c textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid #EEEEEE;
  border-radius: 6px;
  font-size: 16px;
}

input[type=date i]::-webkit-calendar-picker-indicator {
  background-image: url("../../../imgs/f-calendar.svg") !important;
  width: 20px;
  height: 20px;
}

input::-internal-datetime-container,
input[type=date i] {
  direction: rtl !important;
}

.sort_by_items {
  position: relative;
  width: -moz-max-content !important;
  width: max-content !important;
  border: 1px solid #EEEEEE;
  width: 100%;
  padding: 10px 15px;
  border-radius: 10px;
  color: #020202;
  background: #fff;
}
.sort_by_items button.btn.dropdown-toggle {
  width: 100%;
  background: #fff;
  padding: 0;
  height: auto;
  color: #1A1A1A;
}
.sort_by_items button.btn.dropdown-toggle img {
  margin-inline-end: 5px !important;
}
.sort_by_items button.btn.dropdown-toggle:after {
  display: none;
}
.sort_by_items ul.dropdown-menu li button {
  width: 100%;
  background: unset;
  color: #1A1A1A;
  text-align: start;
  display: block;
}

.text_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.text_title h6 {
  color: #201A51;
  font-size: 14px;
  font-weight: 500;
}
.text_title .select_value.sm-form-control {
  width: -moz-max-content;
  width: max-content;
}

.card_summary {
  display: flex;
  align-items: center;
  justify-content: start;
  border: 1px solid #F1F5F7;
  padding: 15px;
  border-radius: 8px;
  background: #ffffff;
  align-items: end !important;
  flex-wrap: wrap;
  gap: 10px;
}

.form_card_c {
  width: 19%;
  margin: 10px 0;
}
.form_card_c.set_date {
  width: 40%;
}
.form_card_c.set_date .form_input {
  width: 100%;
  display: flex;
  gap: 10px;
}
.form_card_c.set_date .form_input input {
  position: relative;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #F1F5F7;
  border-radius: 6px;
}
.form_card_c label {
  color: #1C1F26;
  font-size: 14px;
  display: block;
  padding-bottom: 5px;
  font-weight: 500;
}
.form_card_c .set_select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 10px 5px;
  border: 1px solid #F1F5F7;
  border-radius: 6px;
}
.form_card_c .set_select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: unset;
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  padding: 0 10px;
}
.form_card_c .set_select i {
  color: #A5A5A5;
  position: absolute;
  top: 15px;
  left: 10px;
  font-size: 14px;
}

.btn_act {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 10px;
}
.btn_act button {
  min-width: 120px;
  padding: 9px 10px;
  border-radius: 6px;
  border: unset;
  font-size: 14px;
  font-weight: 500;
}
.btn_act button.save {
  background: #201A51;
  color: #ffffff;
}
.btn_act button.cancel {
  color: #1C1F26;
}

.total_cost_hours {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
  background: #ffffff;
  border: 1px solid #F1F5F7;
  padding: 15px;
}
.total_cost_hours.billable-hours {
  background: #F1F5F7;
}
.total_cost_hours strong {
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}
.total_cost_hours .cost_h {
  text-align: center;
  background: #F1F5F7;
  padding: 8px 15px;
  border-radius: 6px;
  min-width: 20%;
}
.total_cost_hours .cost_h.t_cost h4 {
  color: #3C98BD;
}
.total_cost_hours .cost_h h4 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}
.total_cost_hours .cost_h span {
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}

.report_col {
  margin-top: 30px;
}

.title_sec {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 15px;
}
.title_sec img {
  width: 40px;
  height: 40px;
}
.title_sec h5 {
  padding-inline-start: 10px;
  font-size: 16px;
  color: #1D1F1F;
  font-weight: 500;
}

.details_sec_row {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 10px;
}

.details_sec_card {
  width: 23%;
}
.details_sec_card a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #EEEEEE;
  background: #fff;
  padding: 25px 15px;
  width: 100%;
  border-radius: 6px;
}
.details_sec_card a h6 {
  font-size: 16px;
  font-weight: 500;
  color: #1D1F1F;
}
.details_sec_card a i {
  color: #A5A5A5;
  font-size: 14px;
}

.card_summary input {
  color: #A5A5A5;
}

.tabs_reports div#nav-tab {
  margin-bottom: 0;
}

.title_h_tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 0px 15px;
}
.title_h_tabs h5 {
  color: #201A51;
  font-size: 16px;
  font-weight: 500;
}
.title_h_tabs .filter-search button.filter_c {
  background: #3C98BD;
  border: unset;
  padding: 8px 15px;
  border-radius: 6px;
  color: #fff;
  margin-inline-start: 5px;
}

.card.sm_card_dashboard {
  padding: 15px;
  border: 1px solid #E6E6E6;
}
.card.sm_card_dashboard h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 15px;
}
.card.sm_card_dashboard span.list-icon {
  color: #000;
  font-weight: 400;
}
.card.sm_card_dashboard span.list-icon .active {
  font-weight: 500;
}

.saved_report_card {
  background: #FFFFFF;
  padding: 15px;
  margin: 10px 0;
}

.saved_report_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.saved_report_row .saved_text {
  display: flex;
  align-items: center;
  justify-content: start;
}
.saved_report_row .saved_text h4 {
  color: #1C1F26;
  font-size: 16px;
  font-weight: 500;
}
.saved_report_row .saved_text .show_saved {
  border: 1px solid rgba(159, 159, 159, 0.3019607843);
  margin-inline-start: 10px;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(165, 165, 165, 0.1098039216);
  cursor: pointer;
}
.saved_report_row .saved_text .show_saved img {
  width: 20px;
  height: 20px;
}
.saved_report_row .saved_text .show_saved span {
  padding: 0 5px;
  color: #1A1A1A;
  font-size: 14px;
  font-weight: 500;
}
.saved_report_row .saved_text .show_saved i {
  color: #333333;
  font-size: 14px;
}
.saved_report_row .saved_text .show_saved.active i {
  transform: rotate(180deg);
}

.saved_filter {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #201A51;
  padding: 8px 20px;
  color: #fff;
  border-radius: 6px;
  font-size: 14px;
  min-width: 180px;
  margin-inline-start: 10px;
  cursor: pointer;
  border: unset;
}
.saved_filter img {
  width: 18px;
  height: 18px;
}
.saved_filter span {
  padding: 0 5px;
}

.box_card_report {
  background: rgba(56, 57, 106, 0.0392156863);
  width: 100%;
  margin: 10px 0;
  padding: 15px;
  border-radius: 6px;
}

.card_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_head .title_sc {
  display: flex;
  align-items: center;
  justify-content: start;
}
.card_head .title_sc h5 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.card_head .title_sc span {
  background: #3C98BD;
  padding: 8px 20px;
  margin-inline-start: 10px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.card_head .btn_sec_box {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
.card_head .btn_sec_box button {
  background: unset;
  border: unset;
  width: 35px;
  height: 35px;
}

.card_details_box {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 5px;
  margin: 20px 0 10px 0;
}
.card_details_box .title_s_details {
  width: 24%;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 14px;
  font-weight: 400;
  margin: 5px 0;
}
.card_details_box .title_s_details span {
  color: #333333;
}
.card_details_box .title_s_details h6 {
  color: #757575;
}
.card_details_box .title_s_details img {
  width: 20px;
  height: 20px;
  margin-inline-end: 5px;
}

.show_saved_reports {
  display: none;
}
.show_saved_reports.active {
  display: block;
}

.saved_filter_body {
  position: relative;
  width: 100%;
}
.saved_filter_body .form_card_c {
  width: 100%;
  margin: 20px 0;
  position: relative;
}

.select_table_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ECECF1;
  padding: 10px;
  border-radius: 8px;
}
.select_table_row .cell_col {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid rgba(159, 159, 159, 0.1019607843);
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #201A51;
  border-radius: 5px;
}
.select_table_row .cell_col img {
  margin-inline-end: 5px;
}
.select_table_row .cell_col.active {
  background: #ffffff;
}

.form_select_row i {
  position: absolute;
  top: 35px;
  left: 10px;
}

.operations.view a img {
  border-radius: 0;
  width: 34px;
  height: 34px;
}

.wating-p span {
  color: #0099FF;
  font-weight: 500 !important;
}

.permissions-block-roles {
  min-height: 300px;
  max-height: 300px;
  overflow: auto;
}

.check_roles {
  border-radius: 6px;
  background: #fafafa;
}

.setting_sec {
  padding-top: 20px;
}
.setting_sec h4 {
  color: #201A51;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-top: 0;
}

.test_switch.active label.form-check-label {
  color: #48B452;
}
.test_switch label.form-check-label {
  color: #A5A5A5;
}

.details_l p {
  color: #666666;
  font-size: 14px;
  margin: 0;
  padding: 10px 0 5px 0;
}

.radio_row {
  margin: 20px 0;
}
.radio_row .select_value_radio {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: start;
}
.radio_row .select_value_radio label {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  padding-inline-start: 5px;
}
.radio_row .select_value_radio input {
  width: 15px;
  height: 15px;
  accent-color: #141414;
}

.details_l.card_fl {
  cursor: pointer;
}

.w-filter .w-type-card {
  display: none;
}
.w-filter.active .w-type-card {
  display: block;
}

.select_max_type {
  display: flex;
  align-items: center;
  justify-content: start;
  align-items: start;
  margin: 20px 0;
}
.select_max_type input[type=checkbox] {
  width: 17px;
  height: 17px;
  accent-color: #141414;
  border-radius: 6px;
  margin-top: 5px;
}
.select_max_type .details_checkbox {
  margin-inline-start: 10px;
  width: 100%;
}
.select_max_type .details_checkbox h4 {
  font-size: 16px;
  color: #141414;
  font-weight: 700;
}
.select_max_type .details_checkbox span {
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0 10px 0;
  display: block;
}
.select_max_type .select_ur_data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #EEEEEE;
  width: 40%;
  font-size: 14px;
  color: #D6D6D6;
  border-radius: 6px;
}
.select_max_type .select_ur_data input[type=text] {
  color: #D6D6D6;
  width: 80%;
  border: unset;
  padding: 15px;
  font-size: 14px;
}
.select_max_type .select_ur_data em {
  border-inline-start: 1px solid #EEEEEE;
  padding: 15px;
}

.choose_r {
  border: 1px solid #EEEEEE;
  padding: 15px;
  border-radius: 6px;
}
.choose_r .select_value_radio label em {
  display: block;
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
}

.user_info_d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  width: 150px;
  padding: 7px;
  border-radius: 6px;
  cursor: pointer;
}
.user_info_d.delete {
  background: #FE3A46;
  color: #ffffff;
}
.user_info_d.add {
  background: #EEEEEE;
}
.user_info_d.add span {
  color: #1C1F26;
}
.user_info_d span {
  padding: 0 10px;
  font-size: 16px;
  font-weight: 500;
}
.user_info_d i {
  padding-top: 4px;
}

span.select2-selection.select2-selection--multiple {
  width: 100%;
  height: 45px;
  align-items: center;
  display: flex;
  border: 1px solid #EEEEEE;
  padding: 15px;
  color: #020202;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

html[dir=ltr] body {
  text-align: left;
  direction: ltr;
}
html[dir=ltr] body section.personal-info-sec .body-content-sec .sidenav-header .toggle-icon {
  right: unset;
  left: -15px;
}
html[dir=ltr] body .dashboard-content img {
  transform: rotate(180deg);
}
html[dir=ltr] body .sm-form-control img.mark-pin {
  right: 30px;
  left: unset;
}
html[dir=ltr] body .pagination-page li.page-item a i.fa-solid.fa-chevron-right,
html[dir=ltr] body .pagination-page li.page-item a i.fa-solid.fa-chevron-left {
  transform: rotate(180deg);
}
html[dir=ltr] body section.personal-info-sec .sidenave-sec.open .dasborad-name {
  right: unset;
  left: 65px;
}
html[dir=ltr] body section.personal-info-sec .sidenave-sec.open .dasborad-name:before {
  right: unset;
  left: -6px;
}
html[dir=ltr] body .t-w i {
  right: 30px;
  left: unset;
}
html[dir=ltr] body .c-details button i {
  transform: rotate(180deg);
}
html[dir=ltr] body .c-details span i,
html[dir=ltr] body .c-details a i,
html[dir=ltr] body .c-details button i {
  transform: rotate(180deg);
}
html[dir=ltr] body span#togglePassword,
html[dir=ltr] body .toggle_pass_btn {
  right: 20px;
  left: unset;
}
html[dir=ltr] body .step_r:last-child:before {
  display: block;
}
html[dir=ltr] body .step_r:first-child:before {
  display: none;
}
html[dir=ltr] body .checkmark_box,
html[dir=ltr] body .tabs-order .nav-table:before,
html[dir=ltr] body .col-color:before {
  right: unset;
  left: 0;
}
html[dir=ltr] body a.save i,
html[dir=ltr] body .permission-d i,
html[dir=ltr] body .l-side img,
html[dir=ltr] body .r-side img,
html[dir=ltr] body i.fa-solid.fa-arrow-left {
  transform: rotate(180deg);
}
html[dir=ltr] body .btn-action-t,
html[dir=ltr] body .menu-type {
  margin-right: unset;
  margin-left: auto;
}
html[dir=ltr] body .f-intl-numb .input-group-prepend .select2.select2-container {
  border-left: 1px solid #f2f2f2 !important;
  border-right: unset !important;
}
html[dir=ltr] body .f-intl-numb inpu::-moz-placeholder {
  text-align: start;
}
html[dir=ltr] body .f-intl-numb inpu::placeholder {
  text-align: start;
}
html[dir=ltr] body .personal-info-li ul li.active:before,
html[dir=ltr] body .all-activity span:before {
  left: 0;
  right: unset;
}
html[dir=ltr] body .leader-n .sm-layer {
  left: 13px;
  right: unset;
  transform: rotate(90deg);
}
html[dir=ltr] body .set-day-details:before {
  right: unset;
  left: -13px;
}
html[dir=ltr] body .set-day-details:after {
  left: -7px;
  right: unset;
}
html[dir=ltr] body .details-order-vi tr th {
  border-right: 1px solid #EEEEEE;
  border-left: 0;
}
html[dir=ltr] body .dasborad-card.sm-card .us-i {
  right: unset;
  left: -11px;
  transform: rotate(180deg);
}
html[dir=ltr] body .tab-s-itle h6:before {
  left: -8px;
  right: unset;
}
html[dir=ltr] body .nav-table button.nav-link span {
  right: -10px;
  left: unset;
}
html[dir=ltr] body .wb-u-img img,
html[dir=ltr] body .dashboard-content.order-c img {
  transform: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
}
html[dir=ltr] body .notifcation-window .sidenav-window {
  right: 0;
  left: unset;
}
html[dir=ltr] body input::-internal-datetime-container {
  direction: ltr;
}

@media (max-width: 1200px) {
  .fk-layer,
  .fk-l-layer,
  .fk-r-layer,
  .fk-img {
    display: none;
  }
  .home-page {
    padding: 30px;
  }
  .home-page .log-in-form {
    padding: 10px;
  }
  .termis-list {
    position: relative;
  }
  .table-all-user {
    overflow-x: auto;
  }
}
@media (max-width: 990px) {
  .dog {
    overflow: hidden;
  }
  .nave-responsive {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    background: #130f32;
    box-shadow: 2px 4px 24px 0px rgba(0, 0, 0, 0.05);
    z-index: 999;
    padding: 10px 15px;
    height: 70px;
    width: 100%;
  }
  .nave-responsive .bar {
    font-size: 28px;
  }
  .nave-responsive .logo {
    width: 80px;
  }
  .menu-bar {
    position: fixed;
    width: 100%;
    padding-top: 20px;
    background-color: #130f32;
    z-index: 44;
    /* width: inherit; */
    height: 100%;
    left: -100%;
    top: 60px;
    transition: left 0.5s;
    flex-direction: column;
    padding-bottom: 200px;
  }
  .menu-bar.open {
    left: 0;
  }
  .menu-bar .logo {
    display: none;
  }
  .menu-bar ul {
    flex-direction: column;
    gap: 10px !important;
  }
  .menu-bar ul li {
    padding: 7px 10px !important;
    width: 100%;
  }
  .menu-bar nav {
    display: flex;
    justify-content: start;
    width: 100%;
  }
  .menu-bar .start_now {
    display: flex;
    justify-content: start !important;
    width: 100%;
  }
  .description_text {
    padding: 20px 10px;
  }
  .banner_background {
    margin-top: 70px;
    height: 600px;
  }
  .description_text h4 {
    font-size: 20px;
  }
  .details_dec {
    margin: 20px 0;
  }
  .option_details {
    margin: 20px 0;
  }
  .option_details h2 {
    font-size: 26px;
  }
  .attendance_section {
    height: 350px;
  }
  .attendance_section .container {
    height: 100%;
  }
  .attendance_section .container .text_details {
    padding: 20px;
  }
  .attendance_section .container .text_details h3 {
    font-size: 25px;
  }
  .attendance_section .container .text_details p {
    font-size: 14px;
  }
  .bg_card .card_img_top img.img_3,
  .bg_card .card_img_top img.img_4 {
    width: 100%;
  }
  .descover_section_banner {
    height: 300px;
  }
  .descover_section_details {
    padding: 30px 20px;
    width: 100%;
  }
  .sec_logo {
    width: 100px;
    height: 50px;
  }
  .descover_section_details h4 {
    font-size: 26px;
  }
  .sm_card_count {
    width: 48%;
    margin: 10px 0;
  }
  .sm_card_count strong {
    font-size: 28px;
  }
  .qu_title h4 {
    font-size: 18px;
  }
  .question_list {
    padding: 15px;
    margin: 15px 0;
  }
  .item_list {
    margin: 10px 0 !important;
    padding: 10px;
  }
  .img_phone {
    height: 400px;
    bottom: 20px;
  }
  .dawnload_banner {
    height: 880px;
  }
  .Plans_sec .col-md-3.mb-3 {
    width: 48% !important;
  }
  .footer_top_row {
    flex-wrap: wrap;
  }
  .footer_top_row .footer_logo {
    width: 100px;
    height: 60px;
  }
  .footer_top_row .footer_logo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .footer_top_row .footer_nav ul li a {
    font-size: 14px;
    width: -moz-max-content;
    width: max-content;
    display: inline-block;
  }
  .footer_social ul {
    width: 100%;
  }
  .footer_social {
    width: 100%;
    margin: 10px 0;
  }
  .home-page .log-in-form {
    margin: 20px 0;
  }
  .user-info {
    display: none;
  }
  .filter-search form {
    width: 100%;
    padding: 25px 10px;
  }
  .filter-search form button,
  .control-col a {
    margin: 0 5px;
  }
  .table-all-user {
    overflow-x: auto;
  }
  .sort-by-number {
    margin: 10px 0;
  }
  .col-md-4,
  .col-md-3,
  .col-md-6 {
    width: 100%;
    max-width: 100%;
  }
  section.personal-info-sec .sidenave-sec {
    width: 90px;
    transition: 0.3s ease-in-out;
  }
  section.personal-info-sec .sidenave-sec .sidenav-logo .half-logo {
    display: block !important;
  }
  section.personal-info-sec .sidenave-sec .sidenav-logo .full-logo {
    display: none;
  }
  section.personal-info-sec .sidenave-sec .list-type h6 {
    padding: 10px 8px;
    text-align: center;
  }
  section.personal-info-sec .sidenave-sec .list-dashbord-name {
    justify-content: center;
    position: relative;
  }
  section.personal-info-sec .sidenave-sec .list-dashbord-name:hover .dasborad-name {
    opacity: 1;
    visibility: visible;
    right: 45px;
    transition: 0.3s ease-in-out;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name {
    position: absolute;
    background: #201A51;
    color: #fff;
    width: -moz-max-content;
    width: max-content;
    right: 65px;
    padding: 7px 10px;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name:before {
    content: "";
    position: absolute;
    top: 12px;
    right: -6px;
    width: 15px;
    height: 15px;
    background: #201a51;
    transform: rotate(45deg);
    z-index: 0;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name span {
    z-index: 1;
  }
  section.personal-info-sec {
    padding: 0 5px;
  }
  section.personal-info-sec .body-content-sec {
    width: calc(100% - 90px);
    transition: 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  .home-page {
    height: 100%;
  }
  section.personal-info-sec .sidenave-sec {
    width: 90px;
    transition: 0.3s ease-in-out;
  }
  section.personal-info-sec .sidenave-sec .sidenav-logo .half-logo {
    display: block !important;
  }
  section.personal-info-sec .sidenave-sec .sidenav-logo .full-logo {
    display: none;
  }
  section.personal-info-sec .sidenave-sec .list-type h6 {
    padding: 10px 8px;
    text-align: center;
  }
  section.personal-info-sec .sidenave-sec .list-dashbord-name {
    justify-content: center;
    position: relative;
  }
  section.personal-info-sec .sidenave-sec .list-dashbord-name:hover .dasborad-name {
    opacity: 1;
    visibility: visible;
    right: 45px;
    transition: 0.3s ease-in-out;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name {
    position: absolute;
    background: #201A51;
    color: #fff;
    width: -moz-max-content;
    width: max-content;
    right: 65px;
    padding: 7px 10px;
    border-radius: 8px;
    transition: 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name:before {
    content: "";
    position: absolute;
    top: 12px;
    right: -6px;
    width: 15px;
    height: 15px;
    background: #201a51;
    transform: rotate(45deg);
    z-index: 0;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
  }
  section.personal-info-sec .sidenave-sec .dasborad-name span {
    z-index: 1;
  }
  section.personal-info-sec {
    padding: 0 5px;
  }
  section.personal-info-sec .body-content-sec {
    width: calc(100% - 90px);
    transition: 0.3s ease-in-out;
  }
  .pagination-page {
    justify-content: center;
  }
  .filter-search form {
    flex-wrap: wrap;
  }
  .filter-search form .search-user {
    width: 100%;
  }
  .filter-search form button {
    margin: 5px 0;
    width: 100%;
  }
  .not-found-data {
    padding: 20px;
  }
  .more-details-emp .emp-data {
    width: 30%;
    margin: 10px 5px;
  }
  .more-details-emp {
    flex-wrap: wrap;
  }
  .filter-search form .search-user input {
    width: calc(100% - 40px);
  }
  .w-t-list label {
    padding: 10px 0;
  }
  .f-r-input .f-c-input {
    width: 100%;
  }
  .c-details span i,
  .c-details a i,
  .c-details button i {
    transform: rotate(180deg);
  }
  button.btn-collaps {
    width: 70%;
  }
  .modal .modal-dialog {
    max-width: 100% !important;
  }
  .b_calender .month {
    width: 100%;
  }
  .add-new-user {
    margin: 5px 0;
    width: 100%;
  }
  .form-upload-img-pro .comp-info h4 {
    margin-bottom: 15px;
  }
  .card-set-w {
    padding: 20px 15px;
  }
  .location-w,
  .pro-name .time-w-card {
    flex-wrap: wrap;
  }
  .main-info-t h4 {
    margin-bottom: 15px;
  }
  .dashboard-content {
    margin-top: 30px;
  }
  .col-md-4,
  .col-md-3,
  .col-md-6 {
    width: 100%;
    max-width: 100%;
  }
  .Plans_sec .col-md-3.mb-3 {
    width: 100% !important;
  }
}
@media (max-width: 576px) {
  .more-details-emp .emp-data {
    width: 44%;
  }
  .card-info-user {
    padding: 15px;
  }
  .sm-form-control input,
  .sm-form-control select,
  .sm-form-control textarea {
    font-size: 12px;
  }
  .list-dashbord-name:hover .dasborad-name {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */