@font-face {
  font-family: 'Cairo';
  src: url('../../assets/fonts/Cairo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-primary: #fbf36c;
  --bs-secondary: #eee;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;

  --bs-primary-rgb: 251, 243, 108;
  --bs-secondary-rgb: 245, 246, 251;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
}

.btn-primary {
  --bs-btn-color: #43425d;
  --bs-btn-bg: #fbf36c;
  --bs-btn-border-color: #fbf36c;
  --bs-btn-hover-color: #43425d;
  --bs-btn-hover-bg: #f3e14a;
  --bs-btn-hover-border-color: #fff441;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #fff441;
  --bs-btn-active-border-color: #f3e14a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ced4da;
  --bs-btn-disabled-border-color: #ced4da;
}

.btn-outline-primary {
  --bs-btn-color: #ffbe00;
  --bs-btn-border-color: #ffbe00;
  --bs-btn-hover-color: #ffbe00;
  --bs-btn-hover-bg: #fbf36c;
  --bs-btn-hover-border-color: #fbf36c;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fbf36c;
  --bs-btn-active-bg: #fff441;
  --bs-btn-active-border-color: #fff441;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ced4da;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ced4da;
  --bs-gradient: none;
}

input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

body {
  font-family: "Cairo", Helvetica, sans-serif;
  font-size: 14px;
  color: #43425d;
}

.user-area {
  background-image: url('../../assets/images/bg.jpg');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 50% 100%;
  overflow: hidden;
  min-height: 100vh;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
  transition: 200ms ease-in-out;
}

a {
  color: #43425d;
  text-decoration: none;
  transition: 200ms ease-in-out;
}

a:hover {
  color: #ffb60c;
}

[type="email"],
[type="number"],
[type="tel"],
[type="url"] {
  direction: rtl;
}

.button {
  background: #fbf36c;
  border: 1px solid #fbe36c;
  padding: 11px 76px;
  font-weight: 700;
  color: #43425d;
  border-radius: 5px;
  transition: 200ms ease-in-out;
}

.button:hover {
  background: #fff441;
  border-color: 1px solid #fff441;
}

.user-area .left {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.style-input01 {
  border: 0;
  border-bottom: 2px solid #e9e9f0;
  width: 100%;
  display: block;
  padding: 5px 10px;
  outline: none;
  transition: 200ms ease-in-out;
}

.style-input01:focus {
  border-color: #fbe36c;
}

form a.forgetpass {
  margin-right: auto;
}

.logo + p {
  color: #4d4f5c;
  opacity: 0.8;
  margin-bottom: 15px;
}

.user-area .left .logo {
  margin-bottom: 20px;
}

.user-area .right {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-area .right figure {
  margin: 0;
  height: 310px;
}

.user-area .right figure img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.show-pass {
  position: absolute;
  left: 0;
  top: 0;
  border: 0;
  background: 0;
  opacity: 0.5;
  transition: 100ms ease-in-out;
  color: #4d4f5c;
  display: block;
  padding: 7px 8px;
  cursor: pointer;
}

.show-pass:hover {
  color: #fbe36c;
  opacity: 1;
}

.checkbox {
  position: relative;
}

.checkbox input {
  display: none;
}

.checkbox label:after {
  content: "";
  display: inline-block;
  height: 17px;
  width: 17px;
  vertical-align: middle;
  border: 1px solid #ddd;
  position: absolute;
  right: 0;
  top: 2px;
  border-radius: 4px;
  background: #fff;
  transition: 100ms;
}

.checkbox label {
  padding-right: 25px;
}

.checkbox input:checked ~ label:after {
  background: #f4bc2b;
  border-color: #f4bc2b;
}

.checkbox label:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-left: 1px;
  border-color: #2d2e67;
  right: 0;
  top: -2px;
  border-top: 4px;
  width: 9px;
  height: 17px;
  z-index: 1;
  transform: rotate(45deg);
  opacity: 0;
  transition: 100ms;
}

.checkbox input:checked ~ label:before {
  opacity: 1;
}

.left .foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  font-size: 12px;
}

.left .foot a:last-child {
  margin-right: 10px;
}

.left .foot a {
  display: inline-block;
}

.left .foot figure {
  height: 150px;
}

.left .foot figure img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.user-area .left.mt55 .logo {
  margin-top: -140px;
}

.dashboard {
  background-color: #f5f6fa;
}

.nav-dash {
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding-right: 275px;
  padding-left: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;
  z-index: 1;
  transition: 300ms;
}

.nav-dash .account {
  cursor: pointer;
  min-width: 190px;
  flex: 0 0 auto;
  border-left: 1px solid #f7f7f7;
}

.nav-dash .account i {
  color: #bcbccb;
}

.nav-dash .account figure {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 8px !important;
}

.nav-dash .account figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-dash .account strong {
  font-weight: 500;
  font-size: 13px;
  display: inline-block;
  margin-right: 15px;
}

.nav-dash .notifications,
.nav-dash .suport,
.nav-dash .language {
  position: relative;
  color: #bcbccb;
  min-width: 40px;
  min-height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-dash .language {
  border-left: 1px solid #f7f7f7;
}

.nav-dash .notifications em {
  height: 6px;
  width: 6px;
  background: #fbf36c;
  position: absolute;
  right: 0;
  top: 10px;
  border-radius: 50%;
  left: 0;
  margin: auto;
  transform: translateX(5px);
}

.nav-dash .notifications i,
.nav-dash .language i {
  cursor: pointer;
}

.nav-dash .suport a {
  color: #bcbccb;
}

.nav-dash .links {
  font-size: 12px;
  min-width: 410px;
  flex: 0 0 auto;
  justify-content: space-around;
}

.nav-dash .search {
  position: relative;
  border-left: 1px solid #f7f7f7;
}

.nav-dash .search input[type="text"] {
  border: 0;
  outline: 0;
  padding: 10px 10px;
  width: 180px;
}

.nav-dash .search button {
  background: 0;
  border: 0;
  color: #bcbccb;
  position: absolute;
  left: 5px;
  top: 11px;
}

.nav-dash .logo-emara a {
  display: block;
  height: 60px;
}

.nav-dash .logo-emara a img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.nav-dash > .d-flex > div.block-01 {
  width: 26%;
}

.nav-dash > .d-flex > div.block-02 {
  width: 44%;
}

.nav-dash > .d-flex > div.block-03 {
  width: 30%;
}

.nav-dash > .d-flex > div {
  flex: 0 0 auto;
}

.logo-emara {
  margin-right: 30px;
}

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

li {
  margin-bottom: 5px;
}

li:last-child {
  margin-bottom: 0;
}

.drop-menu-c {
  position: absolute;
  top: 48px;
  background: #fff;
  box-shadow: 0px 7px 10px rgb(0 0 0 / 15%);
  min-width: 190px;
  padding: 15px;
  right: 0;
  opacity: 0;
  transition: 300ms;
  visibility: hidden;
}

.language:hover .drop-menu-c,
.notifications:hover .drop-menu-c,
.account:hover .drop-menu-c {
  opacity: 1;
  visibility: visible;
}

.drop-menu-c {
  text-align: center;
}

.drop-menu-c ul li a {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 10px 0;
  position: relative;
}

.drop-menu-c ul li:last-child a {
  border-bottom: 0;
}

.drop-menu-c ul li a:before {
  content: "";
  position: absolute;
  height: 6px;
  width: 6px;
  background: #73dc3f;
  border-radius: 50px;
  right: 10px;
  top: 17px;
  opacity: 0;
}

.drop-menu-c ul li:hover a:before {
  opacity: 1;
}

.drop-menu-c:before {
  content: "";
  position: absolute;
  background: #fff;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 7%);
  height: 13px;
  width: 13px;
  transform: rotate(45deg);
  top: -6px;
  z-index: -1;
  right: 20px;
  transition: 300ms;
}

.notifications .drop-menu-c {
  min-width: 480px;
  text-align: start;
  padding: 0;
}

.notifications .drop-menu-c .head {
  text-align: center;
  padding: 15px 0;
}

.notifications .drop-menu-c .head h4 {
  font-size: 16px;
  font-weight: bold;
  color: #43425d;
}

.notifications .drop-menu-c ul {
  background: #fafafa;
}

.notifications .drop-menu-c ul li {
  padding: 15px 35px;
  border-bottom: 1px solid #ddd;
  font-size: 12px;
}

.notifications .drop-menu-c ul li h4 {
  font-size: 15px;
  font-weight: 700;
  color: #43425d;
}

.notifications .drop-menu-c .foot {
  padding: 20px;
  text-align: center;
}

.notifications .drop-menu-c .foot a {
  color: #f8c438;
}

.notifications .drop-menu-c .foot a:hover {
  color: #111;
}

.side-dash {
  position: fixed;
  top: 0;
  width: 250px;
  right: 0;
  background: linear-gradient(#2c2c6c 0%, #121256 100%);
  min-height: 100vh;
  color: #fff;
  z-index: 2;
  transition: 300ms;
}

.side-dash.closed {
  width: 50px;
}

.side-dash.closed .head {
  background: #252566;
}

.side-dash .head {
  background: #fff;
  padding: 0 15px;
}

.side-dash .head a.logo {
  display: block;
  height: 70px;
}

.side-dash .head a.logo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.side-dash .head .close-side {
  margin-right: auto;
  background: #fbf36c;
  border: 0;
  border-radius: 50px;
  height: 26px;
  width: 26px;
  font-size: 11px;
}

.side-dash .head .close-side i {
  pointer-events: none;
}

.side-dash .links ul li {
  margin: 0;
  position: relative;
}

.side-dash .links ul li a {
  display: block;
  color: #fff;
  padding: 14px 15px;
  border-right: 3px solid transparent;
}

.side-dash .links ul li a i {
  margin-left: 8px;
}

.side-dash .links ul li a:hover,
.side-dash .links ul li a.active {
  border-color: #fbf36c;
  background: #0c0c3f;
}

.side-dash .links ul li a:hover i,
.side-dash .links ul li a.active i {
  color: #fbf36c;
}

.side-dash.closed .links ul li a span {
  position: absolute;
  white-space: nowrap;
  right: 50px;
  top: 0;
  background: #1f1f61;
  display: inline-block;
  padding: 14px 15px;
  transition: 300ms;
  transform: translateY(45px);
  opacity: 0;
  visibility: hidden;
}

nav.nav-dash.extension {
  padding-right: 70px;
}

.body-dash.extension {
  margin-right: 50px;
}

.side-dash.closed .links ul li:hover a span {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.body-dash {
  margin-right: 250px;
  padding: 30px 1rem;
  margin-top: 70px;
  transition: 300ms;
}

.body-dash .ahsseta .item {
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  margin: 0 0 30px;
  border-radius: 20px;
  padding: 24px;
}

.body-dash .ahsseta .item .d-flex {
  justify-content: space-between;
  align-items: flex-end;
}

.body-dash .ahsseta .item .tump figure {
  height: 65px;
  margin-bottom: 15px;
}

.body-dash .ahsseta .item .tump figure img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.body-dash .ahsseta .item .tump h5 {
  font-size: 16px;
  margin: 0;
}

.body-dash .ahsseta .item .count {
  color: #ec9717;
}

.body-dash .head {
  margin-bottom: 45px;
}

.body-dash .head h3 {
  font-size: 16px;
  font-weight: 800;
  margin: 0;
}

.body-dash .head .title {
  margin-right: auto;
}

.body-dash .head .title h5 {
  margin: 0;
  font-size: 16px;
}

.card-dash {
  position: relative;
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);
  padding: 45px 25px;
  margin-bottom: 30px;
}

.card-dash > .add {
  position: absolute;
  left: 30px;
  top: 40px;
  font-size: 24px;
}

.text-success {
  color: #639b4d !important;
}

.text-danger {
  color: #ec5757 !important;
}

.form-control,
.form-select {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #e0e0f0;
  font-size: 14px;
  box-shadow: none !important;
}

textarea.form-control {
  min-height: 150px;
  resize: initial;
}

.mrgb-3 {
  margin-bottom: 15px;
}

.card-dash .head {
  margin-bottom: 25px;
}

.card-dash .head h2 {
  font-size: 17px;
  font-weight: 400;
}

.fa-paperclip {
  transform: rotate(-45deg);
  color: #878789;
}

textarea + .fa-paperclip {
  position: absolute;
  left: 10px;
  bottom: 20px;
  font-size: 18px;
  color: #fbe36c;
}

.file-upload input {
  display: none;
}

.file-upload label {
  display: block;
  min-height: 35px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e0e0f0;
  position: relative;
  cursor: pointer;
}

.file-upload label i {
  position: absolute;
  left: 9px;
  top: 10px;
}

.card-dash .box-tumb {
  margin-bottom: 25px;
}

.card-dash .box-tumb h5 {
  margin: 0;
  font-size: 18px;
}

table {
  width: 100%;
}

thead {
  background: #f5f6fa;
}

th {
  color: #a4afb7;
  font-weight: 500;
}

th,
td {
  text-align: center;
  padding: 10px 0;
}

thead tr {
  border-bottom: 0;
}

tbody td {
  border-bottom: 1px solid #f1f1f3;
  position: relative;
}

tbody td:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 1px;
  background: #f1f1f3;
  left: 0;
}

tbody tr td:last-child:before {
  display: none;
}

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

td .links > a {
  margin-left: 5px;
}

td .links > a:last-child {
  margin-left: 0;
}

td .links > a.search-link {
  background: #fbb449;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50px;
}

td .links > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

td .links > a > i {
  font-size: 20px;
  pointer-events: none;
}

td .links > a.search-link > i {
  font-size: 14px;
}

td .links > a.link-border {
  height: 30px;
  width: 30px;
  border: 1px solid #e0e0f0;
  color: #a4afb7;
  border-radius: 5px;
  position: relative;
}

.body-dash .ahsseta.box-link .item {
  position: relative;
}

.body-dash .ahsseta.box-link .item > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.body-dash .ahsseta.box-link .item figure {
  width: 65px;
}

@media (min-width: 1399px) {
  .nav-dash .search input[type="text"] {
    width: 240px;
  }

  .nav-dash > .d-flex > div.block-01 {
    width: 18%;
  }

  .nav-dash .account {
    min-width: 175px;
  }

  .nav-dash > .d-flex > div.block-03 {
    margin-right: auto;
    width: 25%;
  }

  .nav-dash > .d-flex > div.block-02 {
    font-size: 13px;
    width: 30%;
    margin-right: auto;
  }
}

td .links > ul {
  position: absolute;
  background: #fff;
  z-index: 2;
  top: 48px;
  min-width: 170px;
  padding: 15px;
  box-shadow: 0 1px 10px rgb(0 0 0/4%);
  display: none;
  transform: translateX(-15px);
}

td .links > ul > li > a {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 11px;
}

td .links > ul:before {
  content: "";
  position: absolute;
  right: 10px;
  background: #fff;
  top: -4px;
  width: 10px;
  height: 10px;
  box-shadow: 0 1px 10px rgb(0 0 0 / 4%);
  transform: rotate(45deg);
}

.opened {
  display: block !important;
}

.bg-grey {
  background: #a4afb7;
  border-color: #7c8287;
  color: #fff;
}

.bg-grey:hover {
  background: #88949c;
  border-color: #88949c;
}

.buttons .button {
  min-width: 230px;
  margin-left: 15px;
}

td a.location {
  font-size: 20px;
}

.input- .d-flex {
  justify-content: center;
}

.input- .d-flex .item {
  position: relative;
}

.input- .d-flex .item input {
  display: none;
}

.input- .d-flex .item label {
  border: 1px solid #caced5;
  display: block;
  padding: 15px 30px;
  margin-left: 10px;
  border-radius: 15px;
}

.input- .d-flex .item input:checked ~ label {
  background: #e0e0f0;
}

.title-head {
  max-width: 530px;
  margin: auto;
  text-align: center;
  margin-bottom: 30px;
  background: #eaecf3;
  padding: 15px 0;
}

.title-head h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

td .form-select {
  border: 0;
  max-width: 130px;
  margin: auto;
}

form .buttons {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

form .buttons a[rel="button"] {
  border: 1px solid #ececec;
  display: inline-flex;
  height: 40px;
  width: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #8b8b8b;
  margin: 0 5px;
}

.attachedfiles .item {
  margin: 0 0 30px;
  text-align: center;
}

.attachedfiles .item .icon-box figure {
  height: 80px;
  width: 80px;
  margin: auto;
}

.attachedfiles .item .icon-box {
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 5px;
}

.attachedfiles .item .icon-box figure img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.attachedfiles .item .caption .d-flex {
  justify-content: center;
  margin-top: 5px;
}

.attachedfiles .item .caption .d-flex span + a,
.attachedfiles .item .caption .d-flex span {
  margin-right: 15px;
}

.attachedfiles .item .caption img {
  display: inline-block;
  vertical-align: middle;
}

.companie tbody tr td:nth-child(1) {
  width: 35%;
}

.companie tbody tr td:nth-child(2) {
  width: 20%;
}

.companie tbody tr td:nth-child(3) {
  width: 70%;
}

ul.d-flex.option {
  justify-content: center;
}

ul.d-flex.option ul li:last-child a {
  margin-left: 10px;
}

ul.d-flex.option > li {
  margin: 0;
}

table .button {
  display: inline-block;
  padding: 7px 15px;
  margin-left: 10px;
  font-weight: 600;
  cursor: pointer;
}

table .button i {
  margin-right: 10px;
}

table .link-border {
  display: inline-block;
  border: 1px solid #eaeaea;
  padding: 7px 11px;
  margin: 0 3px;
  border-radius: 5px;
}

.modal-footer,
.modal-header {
  border: 0;
}

.modal-header .btn-close {
  position: absolute;
  top: -40px;
  left: 20px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z' fill='%23FFFFFF'/></svg>");
  opacity: 1;
  width: 3px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  outline: 0;
}

.modal-title {
  font-weight: 700;
  font-size: 18px !important;
}

.nav-tabs {
  border: 0;
}

.nav-tabs li.nav-item {
  margin: 0;
}

.nav-tabs .nav-link {
  border: 1px solid #7c8287 !important;
  background: #a4afb7;
  border-radius: 5px;
  color: #fff;
  min-width: 120px;
}

.nav-tabs li:not(:last-child) .nav-link {
  margin-left: 10px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #fbf36c;
  color: #111;
  border-color: #fbe36c !important;
}

#chart {
  max-width: 650px;
}

.chart .text-center > strong {
  font-size: 18px;
}

.chart .text-center > h4 {
  margin-top: 10px;
  font-size: 18px;
}

.permisions .checkbox {
  border-left: 1px solid #e0e0f0;
  padding-left: 20px;
}

.permisions .mb-4 {
  border-bottom: 1px solid #e0e0f0;
  padding-bottom: 15px;
  margin-bottom: 15px !important;
}

.permisions .col-md-8 {
  border-left: 1px solid #e0e0f0;
}

.permisions a.link-border {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
}

.permisions .col-md-3 {
  text-align: left;
}

.colors .item-color input {
  display: none;
}

.colors .item-color label {
  width: 32px;
  height: 32px;
  background: #ccc;
  border-radius: 5px;
  padding: 5px;
  display: block;
  border: 2px solid transparent;
  margin: 0 6px;
}

.colors .item-color label[for="dark"] {
  background: #2c2c6c;
}

.colors .item-color label[for="green"] {
  background: #639b4d;
}

.colors .item-color label[for="red"] {
  background: #ec5757;
}

.colors .item-color input:checked ~ label {
  border-color: #bcbcbc;
}

@media (max-width: 767.98px) {
  .user-area .right {
    display: none;
  }

  .nav-dash .account strong {
    display: none;
  }

  .nav-dash > .d-flex > div.block-01 {
    width: 47%;
  }

  .logo-emara {
    display: none;
  }

  .nav-dash > .d-flex > div.block-03 {
    width: 55%;
  }

  .nav-dash .account {
    min-width: 70px;
  }

  .nav-dash .search input[type="text"] {
    width: 100%;
    font-size: 10px;
  }

  .side-dash .head {
    height: 50px;
    display: flex;
  }

  .card-dash form label {
    margin-bottom: 5px;
  }

  .side-dash .head {
    min-height: 50px;
  }

  .d-flex.align-items-center.justify-content-between.mb-5 {
    display: block !important;
  }

  .buttons.d-flex.align-items-center {
    justify-content: center;
  }

  .body-dash {
    margin-top: 50px;
  }

  ol.breadcrumb {
    font-size: 12px;
    margin-bottom: 5px !important;
  }

  .drop-menu-c {
    min-width: 150px;
  }

  .notifications .drop-menu-c {
    left: 0;
    right: 0;
    min-width: 240px;
  }

  .notifications .drop-menu-c .head h4 {
    font-size: 13px;
    margin: 0;
  }

  .notifications .drop-menu-c .head {
    padding: 10px 0;
  }

  .notifications .drop-menu-c ul li {
    padding: 10px 15px;
    font-size: 10px;
  }

  .notifications .drop-menu-c ul li h4 {
    font-size: 12px;
  }

  .notifications .drop-menu-c .foot {
    font-size: 12px;
    padding: 11px 0;
  }
}

@media (max-width: 991.98px) {
  .nav-dash .search button {
    font-size: 10px;
    left: 0;
  }

  th,
  td {
    white-space: nowrap;
    font-size: 12px;
    padding: 5px 15px;
  }

  .side-dash .head .close-side,
  .side-dash .head a.logo {
    display: none;
  }

  .side-dash .head {
    min-height: 70px;
    background: rgb(23 23 91);
  }

  .side-dash .links ul li span {
    display: none;
  }

  .side-dash {
    width: 50px;
  }

  .nav-dash {
    padding-right: 60px;
    padding-left: 20px;
  }

  .body-dash {
    margin-right: 10px;
    padding-left: 20px;
  }

  .body-dash .ahsseta .item .tump h5 {
    font-size: 12px;
  }

  .body-dash .ahsseta .item .count {
    font-size: 12px;
  }

  .nav-dash > .d-flex > div.block-02 {
    display: none !important;
  }

  .nav-dash > .d-flex > div.block-01 {
    width: 50%;
  }

  .nav-dash > .d-flex > div.block-03 {
    width: 50%;
  }

  .buttons .button {
    min-width: auto;
    padding: 8px 10px;
    font-size: 13px;
  }

  .d-flex.align-items-center.justify-content-between.mb-5 {
    margin-bottom: 15px !important;
  }

  .attachedfiles .item .icon-box figure {
    width: 100%;
    height: 50px;
  }

  .attachedfiles .item .caption .d-flex span + a,
  .attachedfiles .item .caption .d-flex span {
    margin: 0 4px;
  }

  .table {
    overflow: auto;
  }

  table .button {
    white-space: nowrap;
    padding: 4px 3px;
    font-size: 12px;
  }

  table .link-border {
    padding: 2px 7px;
  }

  .card-dash form label {
    font-size: 11px;
  }

  .user-area .right {
    background: rgb(251 243 108);
  }

  .user-area {
    background-image: none !important;
  }

  .user-area .left {
    padding: 0 15px;
  }
}
#heading {
  color: red;
}

.dir-ltr {
  direction: ltr !important;
  display: inline-block;
}

form.readonly input {
  border: none !important;
  background: transparent !important;
}

form.readonly .p-dropdown {
  border: none !important;
  background: transparent !important;
}
form.readonly .p-dropdown .p-dropdown-trigger {
  display: none !important;
}

form.readonly .p-fileupload .p-fileupload-buttonbar {
  display: none !important;
}

.p-calendar {
  width: 100% !important;
  direction: ltr !important;
}
.p-calendar .p-inputtext {
  text-align: center;
}

.form-label-custom {
  color: #6c757d;
  /* font-weight: 500; */
  background: #f5f6fa;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: .875em;
}

.text-small {
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: .875em;
}

input, select, option, .p-inputtext, .p-dropdown-item {
  font-family: "Cairo", Helvetica, sans-serif !important;
}

.error-message {
  display: none;
  align-content: center;
  justify-content: flex-start;
  text-align: center;
  align-items: center;
  /* font-size: .875em; */
  color:#dc3545;
  padding: 0.5rem 0;
}

.ng-invalid.ng-submitted .error-message {
  display: flex;
}

.ng-invalid.ng-touched + .error-message {
  display: flex;
}