@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");


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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Inter", "Helvetica", monospace;
}

section {
  /* min-height: calc(100vh - 210px);
  padding: 80px 0; */
  width: 100%;
}



/*//////////////////Header////////////////////*/

.bg-body-tertiary {
  background-image:url(/bestellportal/images/bgshade.png)!important;
  padding: 15px 0;
}

.lion_nav {
  display: flex;
  padding: 6px 5px 6px 0;
  align-items: center;
  width: 100%;
}


.lion_nav .logo_img img {
  width: 100%;
  max-width: 150px;
  max-height: 63px;
}


.admin_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.hearder_information {
  display: flex;
  line-height: 1;
}

.menu_list a {
  font-family: "Inter", "Helvetica", monospace;
  font-size: 1rem;
  /* letter-spacing: .06em; */
  font-weight: 500;
  color: white !important;
}
.lion_list ul li a:hover {
  color: #ffffff;
}
.menu_list a i {
  font-size: 10px;
  margin-left: 8px;
}
.menu_list {
  display: flex;
  align-items: center;
  padding: 0 2vw 0 0;
}
.menu_list:hover .dropdown-menu {
  display: block;
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
  width: 230px;
  background: #e9e9e9;
  border: none;
  border-radius: 0;
}
.nav_wrap_dv .navbar-nav .dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  outline: none;
  padding: 10px 20px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.menu_list .dropdown-menu a {
  color: black !important;
  padding: 10px 0px;
  border-bottom: 1px solid #ddd;
}
.menu_list .dropdown-menu a:hover {
  color: #c4ae79 !important;
}
.menu_list .dropdown-item:focus,
.menu_list .dropdown-item:hover,
.menu_list.dropdown-item.active,
.menu_list .dropdown-item:active {
  background: none !important;
  border: none !important;
  outline: none !important;
}
#convert_language {
  font-size: 14px;
}
.menu_list .dropdown-item {
  white-space: unset !important;
}
/*//////////////////Footer////////////////////*/
.copyright_list {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 15px;
  position: relative;
  font-family: "Inter",
    "Helvetica",
    monospace;
  height: 100%;
  align-items: center;
}

.copyright_list li {
  list-style: none;
  position: relative;
}

.copyright_list li p,
.copyright_list li a {
  font-family: "Inter", "Helvetica", monospace;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  line-height: 1;
  text-align: center;
}

.copyright_list li a {
  display: inline-block;
  text-decoration: none;
  transition: color .15s ease-out;
}

.copyright_list li a:hover {
  color: #ddd;
}

.copyright_list li:after {
  content: '|';
  color: #858585;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 12px;
  position: relative;
  right: -5px;
}

.copyright_list li:last-child:after {
  display: none;
}

/*//////////////////login page////////////////////*/

.login_section {
  display: flex;
  min-height: 88vh;
  align-items: center;
  background-color: #fff;
  /* background-image: linear-gradient(-13deg, #e9e9e9 60%, #f9f9f9 60%); */
}

.login_wrap {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 4vh 4vw;
  border-radius: 3px;
  border-left: 25px solid #e0ad35;
  background: #fffffff0;
}

.login_heading h1 {
  color: #555;
  line-height: 1.26;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 34px;
}

.login_body {
  height: 40px;
  display: flex;
  align-items: center;
}

.form_dv input[type=email],
.form_dv input[type=text],
.form_dv input[type=password] {
  width: 100%;
  padding: .375rem .75rem;
  margin: 15px 0;
  display: inline-block;
  border: 1px solid #ddd;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 13px;
  color: #777;
  font-weight: 400;
  border-radius: 5px;
}



/*.submit_btn button {
  background-color: #c3ac6d;
  color: white;
  padding: 8px 15px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: auto;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 13px;
  font-weight: 400;
}*/

/*.submit_btn button:focus {
  outline: 0;
  box-shadow: none;
  border: none;
}*/


/* updated code of login page */
.backbutton {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: 14px;
  z-index: 1000;
}

.backbutton:hover {
  background-color: #ddd;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.login_section {
  padding: 0 !important;
}

.login_section .back_btttn {
  margin-bottom: 30px;
}

.login_section .back_btttn a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000;
}

.login_section .back_btttn a i {
  background-color: #f4f4f4;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login_section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-bottom: 30px; */
}

.login_section .heading_logo .logo_img img,
.footerrr .fttrr_img img {
  max-width: 150px;
}

.footerrr {
  padding-top: 30px;
}

.footerrr .fttrr_img {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.footerrr .copy_right_txt p {
  text-align: center;
  margin: 0;
  font-size: 14px;
}

.login_section .form_dv input {
  margin: 2px 0 10px !important;
}

.login_section .lgg_resi {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}

.login_section .resig_lnkk {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 13px;
  justify-content: space-between;
}

.login_section .resig_lnkk p {
  margin: 0;
  line-height: 1;
}

.blink {
  animation: blink 2s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
.topmargin {
  min-height: 77vh;
  margin-top: 100px;
}
/* ////////////////////customer prfile///////////////////// */

.profile-pic-wrapper {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
}

.pic-holder {
  text-align: center;
  position: relative;
  border-radius: 50%;
  width: 165px;
  height: 165px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.pic-holder .pic {
  height: 165px;
  width: 165px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border: 3px solid #c4ae79;
  border-radius: 50%;
}

.user-name {
  cursor: pointer;
}

.pic-holder .upload-file-block,
.pic-holder .upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(90, 92, 105, 0.7);
  color: #f8f9fc;
  font-size: 12px;
  font-weight: 600;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.pic-holder .upload-file-block {
  cursor: pointer;
}

.pic-holder:hover .upload-file-block,
.uploadProfileInput:focus~.upload-file-block {
  opacity: 1;
}

.pic-holder.uploadInProgress .upload-file-block {
  display: none;
}

.pic-holder.uploadInProgress .upload-loader {
  opacity: 1;
}

/* loader css */
.loader {
  width: 25px;
  height: 25px;
  border: 4px solid #fff;
  border-left-color: #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: inline-block;
}

#loading {
  padding: 5px 10px 0px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}


/* order detail page  */
.project-detail ul {
  padding: 0px;
  list-style: none;
}

.status-wrapper {
  display: flex;
  align-items: center;
}

.status-sphere-open {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #3bbd2f;
  margin-right: 10px;
}

.status-sphere-delivered {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ff3300;
  margin-right: 10px;
}

.status-sphere-progress {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: Orange;
  margin-right: 10px;
}

.status-sphere-change {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: blue;
  margin-right: 10px;
}

.project-detail ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: .5px solid #c4ae79;
  padding: 8px 0px;
}

/* Snackbar css */
.snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 14px;
  transform: translateX(-50%);
}

.snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.shadow-lg {
  box-shadow: unset !important;
}

.profile_wrap {
  border: 1px solid #ddd;
  padding: 5px;
  background: #e9e9e9;
  margin-top: 10px;
}

.pagetitle {

  font-size: 37px;
  line-height: 1;
  font-family: Inter, helvetica, sans-serif;
  color: #060617;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2;
  text-transform: none;
/*  padding-bottom: 1.8vw;*/
  margin-bottom: 1.8vw;
}

/*
.upload_btn {
  text-align: end;
  margin-top: 5px;
}*/

.total_count_number {
  border: 1px solid #ddd;
  width: 12vw;
  padding: 4px;
  font-size: 13px;
  text-align: center;
  font-weight: 900;
}

/*.upload_btn button {
  background: #c4ae79 ;
  color: #fff ;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 8px 14px;
  font-family: "Inter", "Helvetica", monospace;
  margin-top: 5px;
}
*/

/*.upload_btn button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
  border: none;
}*/

.upload_profile_text {
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #060617;
  font-family: "Inter", "Helvetica", monospace;
  line-height: 20px;
}

/* //////////////////////Order Embroidery Program////////////////////// */

.embroidery_heading h1,
.vector_heading h1 {
  text-align: left;
  line-height: 1;
  font-family: "Inter", "Helvetica", monospace;
  color: #060617;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-size: 25px;
}

.reqiurd {
  color: red;
}

/* //////////////////////Avtaar////////////////////// */

.action {
  justify-items: flex-end;
}

.action .profile {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: end;
  display: flex;
  align-items: center;
}

.customer_login_icon {
    width: 100%;
    height: 100%;
}

@media (max-width: 1000px) {
  .customer_login_icon {
    width: 100%;
    height: 100%;
  }
}

/*
.action .profile img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
} */

.action .menu {
  position: absolute;
  top: 57px;
  right: 0;
  padding: 10px 20px;
  background: #e9e9e9;
  width: 200px;
  border-radius: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 300ms linear, opacity 300ms linear;
  z-index: 10000;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.action .menu.active {
  visibility: visible;
  opacity: 1;
}

.action .menu::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: #e9e9e9;
  transform: rotate(45deg);
}

.action .menu ul {
  padding: 0;
  margin: 0;
}

.action .menu ul li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
}

.action .menu ul li:last-of-type {
  border-bottom: none;
}

.action .menu ul li a {
  display: inline-block;
  text-decoration: none;
  color: #000000;
  font-weight: 500;
  transition: color 300ms linear;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 13px;
  letter-spacing: .06em;
  font-weight: 600;
}

.action .menu ul li:hover a {
  color: #c4ae79;
}

.login_section .subscribe-checkbox {
  padding-left: 35px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.login_section .form-check-input[type=checkbox]:checked {
  background-image: none;
  background-color: #c4ae79;
  border-color: #c4ae79;
}

/* //////////////////////view_order////////////////////// */

/* .view_order_section {
    padding: 50px 0;
} */
thead {
  background: #c4ae79;
  color: #fff;
  vertical-align: middle;
}

.table-condensed {
  font-size: 13px;
}

.table-condensed thead {
  background: none;
  color: #444;
}


#customer_staffs.table>:not(caption)>*>*,
#customer_search_table.table>:not(caption)>*>*,
#admin_all_table.table>:not(caption)>*>*,
#em_freelancer_green_table.table>:not(caption)>*>*,
#em_freelancer_yellow_table.table>:not(caption)>*>*,
#em_freelancer_red_table.table>:not(caption)>*>*,
#em_freelancer_all_table.table>:not(caption)>*>*,
#em_freelancer_blue_table.table>:not(caption)>*>*,
#em_freelancer_payment_table.table>:not(caption)>*>*,
#em_freelancer_payment_archive_table.table>:not(caption)>*>*,
#ve_freelancer_green_table.table>:not(caption)>*>*,
#ve_freelancer_yellow_table.table>:not(caption)>*>*,
#ve_freelancer_red_table.table>:not(caption)>*>*,
#ve_freelancer_all_table.table>:not(caption)>*>*,
#ve_freelancer_blue_table.table>:not(caption)>*>*,
#ve_freelancer_payment_table.table>:not(caption)>*>*,
#ve_freelancer_payment_archive_table.table>:not(caption)>*>*,
#admin_green_table.table>:not(caption)>*>*,
#admin_yellow_table.table>:not(caption)>*>*,
#admin_red_table.table>:not(caption)>*>*,
#admin_blue_table.table>:not(caption)>*>* {
  padding: 10px;
}

#view-order.table>:not(caption)>*>*,
#admin_customer_list_table_filter.table>:not(caption)>*>* {
  padding: 8px;
}

#admin_customer_list_table_filter input,
#customer_search_table_filter input,
#admin_parameter_em_table_filter input,
#admin_parameter_ve_table_filter input {
  width: 100% !important;
  padding: 2px 10px !important;
  font-size: 13px;
  height: 36px;
  border: 1px solid #ddd;
}

#admin_customer_list_table_filter label,
#customer_search_table_filter label,
#admin_parameter_em_table_filter label,
#admin_parameter_ve_table_filter label {
  width: 100%;
  margin-bottom: 5px;
}


#view-order .btn-secondary,
#customer_staffs .btn-secondary {
  background: #c4ae79;
  border: none;
  color: #fff;
}

#view-order.table td>button {
  display: block;
  margin: auto;
}

#view-order.table td>img {
  display: block;
  margin: auto;
  text-align: center;
}

#view-order .fa-solid,
#customer_staffs .fa-solid {
  color: #c4ae79 !important;
}

.dataTables_info {
  color: #858585;
  font-size: 13px;
  white-space: pre-line;
  text-align: center;
  margin-top: 23px;
}


input::placeholder,div#adminTableSearchInput,textarea::placeholder {
  color: #858585 !important;
  font-size: 13px !important;
}
.dataTables_paginate {
  text-align: center;
  margin-top: 26px;
}

.admin_section {
  padding: 50px 0;
}

.dataTables_paginate .paginate_button {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  margin: 10;
  cursor: pointer;
  font-size: 13px;
  ;
}

.dataTables_paginate .paginate_button.current {
  background-color: #e0ad35;
  color: #fff;
  border-radius: 50%;
  margin: 0 3px;
}

div#view-order_filter {
  float: left;
  margin-bottom: 30px;
}

div#view-order_length {
  float: right;
  margin-bottom: 30px;
  display: none;
}

div#view-order_filter label input[type=search] {
  margin-left: 10px;
  padding: 0 10px;
  display: none;
}

div#view-order_filter label input[type="search"]:focus-visible,
div#view-order_length label select:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

.dataTables_paginate .paginate_button.current {
  color: white !important;
}

.dataTables_paginate .paginate_button {
  color: #212529 !important;
}

#view-order {
  display: table;
  overflow-x: auto;
}

#view-order tbody tr td a {
  text-decoration: none;
  color: #212529;
}

/* //////////////////////freelance-datatable////////////////////// */


#freelance-datatable>thead {
  vertical-align: middle;
  background: #c4ae79;
  color: #fff;
}

#freelance-datatable>thead tr th,
#freelance-datatable>thead tr td {
  width: auto !important;
}

#freelance-datatable>thead tr th:last-of-type {
  min-width: 130px;
}

#freelance-datatable>thead tr th:nth-of-type(6) {
  min-width: 130px;
}

#freelance-datatable>thead tr th:nth-of-type(8) {
  min-width: 130px;
}

#freelance-datatable.table>:not(caption)>*>* {
  padding: 13px !important;
}


#freelance-datatable>tbody tr td a {
  color: #000000 !important;
}

#freelance-datatable .btn-secondary {
  background: #c4ae79;
  border: none;
  color: #fff !important;
}

#freelance-datatable .btn-secondary:focus,
#view-order .btn-secondary:focus {
  box-shadow: none !important;
}

#freelance-datatable {
  display: table;
  overflow-x: auto;
}

/* .freelance_section {
    padding: 50px 0;
} */

.dataTables_length {
  display: none;
  float: left;
  margin-bottom: 30px;
  margin-left: 140px;
}

#freelance-datatable_filter {
  float: right;
  margin-bottom: 30px;
}

#freelance-datatable_filter label input[type=search] {
  outline-offset: unset !important;
  margin-left: 10px;
  background: white;
  border: 1px solid #ddd;
  padding: 0;
  font-weight: 400;
  border-radius: 2px;
  padding: 0 10px;

}

#freelance-datatable_filter label input[type="search"]:focus-visible,
.dataTables_length label select:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

#freelance-datatable_filter label input[type=search] {
  margin-left: 10px;
  padding: 5px 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

/* //////////////////////admin-orders////////////////////// */

#admin-order_filter {
  float: right;
  margin-bottom: 30px;
}

#admin-order thead {
  background: #c4ae79;
  color: #fff;
  vertical-align: middle;
}

#admin-order {
  width: 100%;
  overflow-x: auto;
  display: table;
}

#admin-order.table>:not(caption)>*>* {
  padding: 13px !important;
}

#admin-order tbody tr td a {
  text-decoration: none;
  background: #c4ae79;
  border: none;
}

#admin-order>thead tr th,
#admin-order>thead tr td {
  width: auto !important;
}

#admin-order_filter label input[type=search],
#view-order_filter label input[type=search] {
  margin-left: 10px !important;
  padding: 5px 10px !important;
  border: solid 1px #ccc;
  border-radius: 0;
  background-color: #fff;
  width: auto;
}

#admin-order_filter label input[type=search]:focus-visible {
  outline: -webkit-focus-ring-color auto 0px !important;
}


#admin-order>thead tr th:last-of-type {
  min-width: 130px;
}

#admin-order>thead tr th:nth-of-type(3) {
  min-width: 130px;
}

#admin-order>thead tr th:nth-of-type(6) {
  min-width: 130px;
}

.dataTables_empty {
  min-height: 100px;
  text-align: center;
}

.alert {
  text-align: center;
  position: fixed !important;
  bottom: 30px;
  left: 230px;
  margin: 0 !important;
  z-index: 10;
}

.btn-secondary:focus,
#admin-order tbody tr td a:focus {
  box-shadow: none !important;
}

.admin_section .container,
.freelance_section .container,
.view_order_section .container,
.order_form_section .container,
.login_information_section .container,
.customer_parameters_em_section .container,
.customer_parameters_ve_section .container,
.em_freelancer_green_section .container,
.ve_freelancer_green_section .container,
.em_freelancer_yellow_section .container,
.ve_freelancer_yellow_section .container,
.em_freelancer_red_section .container,
.ve_freelancer_red_section .container,
.em_freelancer_blue_section .container,
.ve_freelancer_blue_section .container,
.em_freelancer_all_section .container,
.ve_freelancer_all_section .container,
.admin_customer_list_section .container,
.admin_add_customer_section .container,
.admin_all_section .container,
.admin_green_section .container,
.admin_yellow_section .container,
.admin_blue_section .container,
.admin_red_section .container,
.admin_parameter_em_section .container,
.admin_parameter_ve_section .container {
  position: absolute;
  padding-left: 0;
}

.admin_customer_list_section {
  margin: 0 -5.2vw !important;
}

select#status-filter {
  position: absolute;
  margin-left: 1000px;
  top: 0;
  left: 15px;
  padding: 5px 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

select#status-filter:focus-visible {
  outline: none;
  box-shadow: none;
}

.dataTables_length label select {
  padding: 5px 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
}

.dataTables_processing {
  display: none !important;
}



/*.nav-tabs .nav-link.active {
  color: #fff !important;
  background: #c4c4c4 !important;
}*/
/*
.nav-tabs .nav-link:focus-visible,
.nav-tabs .nav-link.active:focus-visible {
  outline: none;
  box-shadow: none;
}*/

/*.nav-tabs .nav-link:hover {
  color: #fff;
}*/

.additional_btn {
  text-align: end;
  padding: 0px 20px;
  margin-bottom: 40px;
}

.additional_btn button {
  width: auto;
  padding: 10px 20px;
  background: #c4ae79e0;
  color: #fff !important;
  border: none;
  border-radius: 0;
  font-family: "Inter", "Helvetica", monospace;
  font-size: 13px;
  font-weight: 400;
}

.additional_btn button:hover {
  background-color: #c4ae79e0;
  border-color: unset;
}

.additional_btn button:focus {
  box-shadow: none !important;
}

.additional_heading {
  margin-bottom: 40px;
}

.additional_heading h5 {
  color: #060617;
  line-height: 1.26;
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Inter", "Helvetica", monospace;
  margin-bottom: 0;
  margin-top: 9px;
}

.upload_heading h1 {
  margin-bottom: 40px;
  font-family: "Inter", "Helvetica", monospace;
}

.btn-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
  border: none !important;
  border-radius: 50% !important;
  padding: 1px 8px !important;
}

.btn-danger:focus {
  box-shadow: none !important;
}

.upload-file-row a.download-btn {
  display: inline-block;
  position: static;
  padding: 8px 25px;
  height: auto !important;
}

.upload-file-row {
  border-bottom: solid 1px #ccc;
  padding: 12px 0;
}

.upload-file-row:before,
.upload-file-row:after {
  content: "";
  display: block;
  clear: both;
}

.upload-file-row span:nth-of-type(3) {
  float: right;
}

.upload-file-row span:nth-of-type(2) {
  margin-left: 7px;
}

.upload-file-row span:last-of-type {
  float: right;
  margin-right: 20px;
  margin-top: 5px;
}

.upload-file-row span {
  display: inline-block;
  vertical-align: middle;
}

.project-detail ul li a {
  display: inline-block;
  background-color: #c4ae79;
  color: #fff !important;
  padding: 7px 20px;
  border-radius: 0;
  text-decoration: none;
}

.profile_wrap .item {
  padding: 10px 16px;
}

.profile_wrap .item:hover {
  transform: none;
}

.profile_wrap .item p {
  margin-bottom: 0;
}

.customer_dashboard_all_button {
  border: none;
  background-color: #fff;
  font-size: 13px;
}

.new_footer 
.nav-tabs .nav-link {

  font-weight: 600 !important;
    /* font-family: 'inter, helvetica, sans-serif' !important; */
    width: 100% !important;
    vertical-align: middle !important;
    height: 100% !important;
    font-size: 13px ;
    letter-spacing: .06em;
    line-height: 24px;
    color: white !important;
    width: max-content !important;
    margin: 0 2% !important;


}

.navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link:hover {
    position: relative !important;
    color: #e0ad35 !important;
}

/* sidebar css starts here */

#wrapper {
  position: absolute;
  padding-left: 0;
  z-index: 1000;
 width: 100%;
}

#sidebar-wrapper {
  z-index: 1000;
  background-color: rgb(233, 233, 233) !important;
}

#wrapper.toggled #sidebar-wrapper {
  width: 0;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 10px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-left: -250px;
}
 .sidebar-nav {
display: flex;
    /* position: relative; */
    text-align: center;
    align-items: flex-start;
    list-style: none;
    height: 100%;
    margin: 0 3vw;
    padding: 0 !important;
    overflow-x: auto;
    overflow-y: hidden;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 20px !important;
} 


.sidebar-nav li {
  padding: 0px 8px;
  height: 100%;
}

 .sidebar-nav .sidebar-div {
  border: 2px solid #777;
  background-color: #ccc;
  height: 100%;
  padding: 8px 0 5px 0;
  width: 75px;
} 

@media screen and (min-width: 1350px){
.logo_header_img{
    width: 206.69px !important;
    height: 64.63px !important;
    max-width: 207px !important;
    max-height: 65px !important;
}
 .justify-content-center {
    justify-content: center!important;
    padding: 17px 30px!important;
    align-items: center!important;
        padding-top: 1.5rem!important;

} 
#navbarNavDropdown{
 padding-right: 106px;
  }

}


@media (min-width: 992px) and (max-width: 992px) { 
  .sidebar-nav .sidebar-div {
    border: 1px solid #111;
    background-color: #ccc;
    height: 100%;
    padding: 8px 0;
    width: 70px !important;
  }

  .sidebar-nav {
    margin: 0;
    display: flex;
    position: relative;
    text-align: center;
    list-style: none;
    height: 100%;
    padding: 0;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
  }
  ul.sidebar-nav.left-sidebar-nav li {
    margin-right: 0px !important;
}
.sidebar-nav li{
  padding:0px !important;
}
}


.sidebar-nav li a,
.sidebar-nav li p {
  font-size: 9px;
  line-height: 1;
  font-family: "Roboto Mono", monospace;
}

.sidebar-nav li a:focus-visible,
.sidebar-nav li a:focus {
  outline: none !important;
  box-shadow: none !important;
}


.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;


}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  margin-bottom: 25px;
}

.sidebar-nav>.sidebar-brand a {
  display: flex;
  justify-content: flex;
  text-decoration: none;
  font-size: 16px;
  min-height: 40px;
}

.sidebar-nav>.sidebar-brand :hover {
  background-color: #ddd;
}




/* sidebar modal css */
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal-content {
  border: 0 !important;
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  max-height: 75vh;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
  left: 220px;
  top: 170px;
  width: calc(95% - 200px) !important;
  max-width: 100%;
}

.modal.left.fade {
  width: calc(95% - 200px) !important;
  max-width: 100%;
}

.modal-content .close {
  background-color: transparent;
  border: 0;
  font-size: 13px;
}

.in:not(.show) {
  opacity: 1 !important;
  background-color: transparent;
}

.modal-backdrop {
  display: none !important;
}


.padding-30 {
  padding: 30px;
  position: relative;
}

.employee-title {
  font-size: 22px;
  font-weight: 600;
}

#list-employees {
  margin: 0 0 10px;
}

#list-employees thead {
  background: #c4ae79;
  color: #fff;
  vertical-align: middle;
}

#list-employees td .fa-solid {
  color: #c4ae79 !important;
}



.order_detail_div {
  border: 1px solid #ddd;
  padding: 10px;
  line-height: 1;
  font-size: 13px;
  height: 100%;
  
}
.order_detail_div.fixedheight.Vector {
  min-height: 158px;
}
.order_detail_div.fixedheight.Embroidery {
  min-height: 294px;
}


.order_detail_input_div_element {
  min-height: 29px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  background-color: #fff;
}

.order_form_validation_deliver_time,
.order_form_validation_projectname,
.order_form_validation_size,
.order_form_validation_products,
.order_form_file_upload,
.order_form_validation_checkbox,
.admin_search_customer_validation,
.add_customer_validation_email,
.add_customer_validation_password {
  color: red;
  font-style: italic;
  font-size: 13px;
  display: none;
  margin-bottom: 10px;
}

.order_detail_folder_button {
  background-color: #c4ae79;
  color: #fff !important;
  width: 100%;
  text-align: left;
  border: none;
  padding: 10px 13px;
  font-weight: 900;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 10px;
}

.order_form_file_uplaod_command {
  color: #e0ad35;
  text-align: left;
  font-size: 14px !important;
}

#order_form_anotherOrderButton {
  color: white;
  background-color: #e0ad35;
  border: none;
  border-radius: 0;
  padding: 6px 10px;
  font-size: 13px;
}


#order_form_success_popup .modal-dialog,
#seccess_accept_admin_em_parameter_popup .modal-dialog,
#seccess_accept_admin_ve_parameter_popup .modal-dialog,
#seccess_decline_admin_em_parameter_popup .modal-dialog,
#seccess_decline_admin_ve_parameter_popup .modal-dialog,
#seccess_change_admin_em_parameter_popup .modal-dialog,
#seccess_change_admin_ve_parameter_popup .modal-dialog,
#add_customer_success_popup .modal-dialog,
#order_change_success_popup .modal-dialog,
#change_profile_success_popup .modal-dialog,
#change_em_parameter_success_popup .modal-dialog,
#change_ve_parameter_success_popup .modal-dialog,
#delete_confirm_popup .modal-dialog,
#end_job_success_popup .modal-dialog,
#end_em_change_success_popup .modal-dialog,
#end_ve_change_success_popup .modal-dialog,
#start_job_confirm_popup .modal-dialog,
#start_job_success_popup .modal-dialog,
#free_upload_success_popup .modal-dialog,
#end_job_error_popup .modal-dialog,
#start_change_confirm_popup .modal-dialog,
#end_change_confirm_popup .modal-dialog,
#end_change_error_popup .modal-dialog,
#ve_start_change_confirm_popup .modal-dialog,
#em_upload_success_popup .modal-dialog,
#ve_upload_success_popup .modal-dialog,
#ve_end_change_confirm_popup .modal-dialog,
#ve_end_change_error_popup .modal-dialog,
#admin_start_job_confirm_popup .modal-dialog,
#admin_start_job_success_popup .modal-dialog,
#admin_upload_success_popup .modal-dialog,
#admin_end_job_success_popup .modal-dialog,
#change_customer_avatar_popup .modal-dialog,
#admin_start_change_confirm_popup .modal-dialog,
#admin_change_upload_success_popup .modal-dialog,
#admin_end_change_success_popup .modal-dialog,
#delete_order_confirm_popup .modal-dialog,
#admin_request_success_popup .modal-dialog,
#admin_delete_detail_file_confirm_popup .modal-dialog,
#admin_delete_change_file_confirm_popup .modal-dialog,
#free_order_count .modal-dialog,
#admin_order_count .modal-dialog,
#delete_em_request_confirm_popup .modal-dialog,
#delete_ve_request_confirm_popup .modal-dialog,
#order_form_alert_popup .modal-dialog,#pausejob_popup .modal-dialog {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  max-width: 100%;
  top: 0;
  margin: 0;
}

#order_form_success_popup .modal-content,
#seccess_accept_admin_em_parameter_popup .modal-content,
#seccess_accept_admin_ve_parameter_popup .modal-content,
#seccess_decline_admin_em_parameter_popup .modal-content,
#seccess_decline_admin_ve_parameter_popup .modal-content,
#seccess_change_admin_em_parameter_popup .modal-content,
#seccess_change_admin_ve_parameter_popup .modal-content,
#add_customer_success_popup .modal-content,
#order_change_success_popup .modal-content,
#change_profile_success_popup .modal-content,
#change_em_parameter_success_popup .modal-content,
#change_ve_parameter_success_popup .modal-content,
#delete_confirm_popup .modal-content,
#end_job_success_popup .modal-content,
#end_em_change_success_popup .modal-content,
#end_ve_change_success_popup .modal-content,
#start_job_confirm_popup .modal-content,
#start_job_success_popup .modal-content,
#free_upload_success_popup .modal-content,
#end_job_error_popup .modal-content,
#start_change_confirm_popup .modal-content,
#end_change_confirm_popup .modal-content,
#end_change_error_popup .modal-content,
#ve_start_change_confirm_popup .modal-content,
#em_upload_success_popup .modal-content,
#ve_upload_success_popup .modal-content,
#ve_end_change_confirm_popup .modal-content,
#ve_end_change_error_popup .modal-content,
#admin_start_job_confirm_popup .modal-content,
#admin_start_job_success_popup .modal-content,
#admin_upload_success_popup .modal-content,
#admin_end_job_success_popup .modal-content,
#change_customer_avatar_popup .modal-content,
#admin_start_change_confirm_popup .modal-content,
#admin_change_upload_success_popup .modal-content,
#admin_end_change_success_popup .modal-content,
#delete_order_confirm_popup .modal-content,
#admin_request_success_popup .modal-content,
#admin_delete_detail_file_confirm_popup .modal-content,
#admin_delete_change_file_confirm_popup .modal-content,
#free_order_count .modal-content,
#admin_order_count .modal-content,
#delete_em_request_confirm_popup .modal-content,
#delete_ve_request_confirm_popup .modal-content,
#order_form_alert_popup .modal-content,#pausejob_popup .modal-content {
  /* max-width: 500px; */
  max-width: 1000px;
  margin: 0 auto;
  position: absolute;
  height: 126px;
  top: 40%;
  left: 0;
  right: 0;
  transform: translate(0, -50%);
}

#order_form_success_popup .modal-body,
#seccess_accept_admin_em_parameter_popup .modal-body,
#seccess_accept_admin_ve_parameter_popup .modal-body,
#seccess_decline_admin_em_parameter_popup .modal-body,
#seccess_decline_admin_ve_parameter_popup .modal-body,
#seccess_change_admin_em_parameter_popup .modal-body,
#seccess_change_admin_ve_parameter_popup .modal-body,
#add_customer_success_popup .modal-body,
#order_change_success_popup .modal-body,
#change_profile_success_popup .modal-body,
#change_em_parameter_success_popup .modal-body,
#change_ve_parameter_success_popup .modal-body,
#delete_confirm_popup .modal-body,
#end_job_success_popup .modal-body,
#end_em_change_success_popup .modal-body,
#end_ve_change_success_popup .modal-body,
#start_job_confirm_popup .modal-body,
#start_job_success_popup .modal-body,
#free_upload_success_popup .modal-body,
#end_job_error_popup .modal-body,
#start_change_confirm_popup .modal-body,
#end_change_confirm_popup .modal-body,
#end_change_error_popup .modal-body,
#ve_start_change_confirm_popup .modal-body,
#em_upload_success_popup .modal-body,
#ve_upload_success_popup .modal-body,
#ve_end_change_confirm_popup .modal-body,
#ve_end_change_error_popup .modal-body,
#admin_start_job_confirm_popup .modal-body,
#admin_start_job_success_popup .modal-body,
#admin_upload_success_popup .modal-body,
#admin_end_job_success_popup .modal-body,
#change_customer_avatar_popup .modal-body,
#admin_start_change_confirm_popup .modal-body,
#admin_change_upload_success_popup .modal-body,
#admin_end_change_success_popup .modal-body,
#delete_order_confirm_popup .modal-body,
#admin_request_success_popup .modal-body,
#admin_delete_detail_file_confirm_popup .modal-body,
#admin_delete_change_file_confirm_popup .modal-body,
#free_order_count .modal-body,
#admin_order_count .modal-body,
#delete_em_request_confirm_popup .modal-body,
#delete_ve_request_confirm_popup .modal-body,
#order_form_alert_popup .modal-body,
#admin-edit-orders .modal-body,#pausejob_popup .modal-body  {
  padding: 15px 30px 20px 30px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 13px;
}

#customer_search_popup .modal-body {
  padding: 40px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#free_order_detail_popup .modal-dialog,
#em_freelancer_request_popup .modal-dialog,
#ve_freelancer_request_popup .modal-dialog,
#admin_order_detail_popup .modal-dialog,
#admin_change_popup .modal-dialog,
#order_detail_popup .modal-dialog,
#customer_staff_create_popup .modal-dialog,
#admin_embroidery_payment_archive .modal-dialog,
#admin_vector_payment_archive .modal-dialog,
#admin_customer_parameters_em_popup .modal-dialog,
#admin_customer_parameters_ve_popup .modal-dialog,
#free_embroidery_payment_archive .modal-dialog,
#free_vector_payment_archive .modal-dialog,
#customer_search_popup .modal-dialog,
#admin_customer_profile_request_handle_popup .modal-dialog,
#admin_customer_profile_edit_popup .modal-dialog{
  background-color: #fff;
  width: 100%;
  left: 0;
  right: 0;
  max-width: 100%;
  top: 108px;
  margin: 0;
  min-height: calc(100% - 108px);
}
#order_change_popup .modal-dialog,
#order_request_popup .modal-dialog,
#admin_request_popup .modal-dialog {
  background-color: #fff;
  width: 100%;
  left: 0;
  right: 0;
  max-width: 100%;
  top: 108px;
  margin: 0;
  min-height: calc(100% - 108px);
}




#customer_staff_create_popup .modal-content,
#admin_customer_parameters_em_popup .modal-content,
#admin_customer_parameters_ve_popup .modal-content,
#customer_search_popup .modal-content,
#admin_customer_profile_request_handle_popup .modal-content,
#admin_customer_profile_edit_popup .modal-content,
#order_detail_popup .modal-content,
#order_change_popup .modal-content,
#admin_request_popup .modal-content,
#order_request_popup .modal-content,
#free_order_detail_popup .modal-content,
#em_freelancer_request_popup .modal-content,
#ve_freelancer_request_popup .modal-content,
#admin_order_detail_popup .modal-content,
#admin_change_popup .modal-content,
#free_embroidery_payment_archive .modal-content,
#free_vector_payment_archive .modal-content,
#admin_embroidery_payment_archive .modal-content,
#admin_vector_payment_archive .modal-content {
  padding: 3vw;
  height: 100%;
  padding-top:25px;
  padding-bottom:0px;
}

.request_information {
  width: 100%;
  padding: 20px;
  border: 1px solid#ddd;

}

#register_upload_popup .modal-dialog {
  background-color: rgba(227, 222, 222, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  max-width: 100%;
  top: 0;
  margin-top: 0;
}

#register_upload_popup .modal-content {
  max-width: 1000px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.customer_profile_page {
  padding: 0 !important;
}

.customer_profile_page .form_dv_wrap {
  margin-bottom: 5px;
}

.customer_profile_page .card-body {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}


.form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.row-reverse {
  flex-direction: row-reverse;
}


/* sidebar modal css */

/* @media (min-width: 768px) { */

#wrapper.toggled {
  padding-left: 0;
}

#sidebar-wrapper {
  /* position: sticky; */
  width: 100%;
  height: 100px;
  padding: 13px 0;
}

#wrapper svg {
  margin-left: 153px;
}

#wrapper i.sidebar-icon {
  margin-left: 153px;
}

#wrapper span.sidebar-item-text {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
  width: 200px;
}

#wrapper.toggled span.sidebar-item-text {
  display: inline;
}

#wrapper.toggled svg {
  margin-left: 10px;
}

#wrapper.toggled i.sidebar-icon {
  margin-left: 10px;
}

#page-content-wrapper {
  padding: 20px;
  position: relative;
}

#wrapper.toggled #page-content-wrapper {
  position: relative;
  margin-right: 0;
}


/* } */

/* sidebar css ends here */


.refresh-button-wrapper {
  margin-top: 31px;
  margin-left: 10px;
}

.form-group .control-label,
.form-group>label {
  font-weight: 400 !important;
  font-size: 13px !important;
  /* color: #060617; */ 
  font-family: "Inter", "Helvetica", monospace;
  line-height: 1;
}


#wrapper.full_height {
 /*  top: 0;*/
  /* min-height: 100vh; */
  position: absolute;
}

#wrapper.full_height #sidebar-wrapper {
  /* position: absolute; */
  /* margin-top: 108px; */
  overflow-x: auto;
}


#wrapper+.wrapper_shadow {
  display: none;
  width: calc(200px + 24px);
  height: calc(100vh - 210px);
}

#wrapper.full_height+.wrapper_shadow {
  display: inline-block;
  width: calc(200px + 24px);
}

#wrapper.toggled+.wrapper_shadow {
  width: calc(40px + 1px);
}




.lion_popup_wrrpr {
  position: absolute;
  background: rgb(244, 244, 244);
  width: 100%;
  height: calc(100vh - 210px);
  top: 210px;
  left: 0;
  bottom: 0;
  transform: translate(0%, -2000%);
  overflow-y: auto;
  overflow-x: hidden;
}

.lion_popup_wrrpr.active {
  transform: translate(0%, 0%);
}

.lion_pop_close {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 20px;
  margin-right: 10px;
}

.lion_popup_dv {
  display: block;
}

.sidebar-nav .btn:hover {
  background-color: #ddd;
}

.page_section {
/*  padding: 2vw 3vw;*/

}

.box_title {
  font-size: 18px;
  margin-bottom: 20px;
}

/*===========================================================================================================*/
/*===========================================================================================================*/
/*===========================================================================================================*/

section.page_section1 {
max-width:1100px;
 width: 100%;
 margin: 0px auto;
}
.section-page{
width: 100%;
}

span.sub_tit{
     font-size: 13px !important;
    line-height: 30px !important;
    color: #000;
    font-weight: 500 !important;
}

.price_content li{  
   font-size: 14px;
    line-height: 24px;
    font-family: 'Inter';
    color: #858585;
}
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */
/* *\\\\\\\\\\\\\\\\\/////////////////////////////\\\\\\\\\\\\\\\\* */



.contact_header .dropdown-toggle::after {
  display: none !important;
}

.contact_header .dropdown {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.contact_header .contact_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  margin: 0 6vw;
}

.language_p h4 {
  font-weight: 500;
  font-size: 15px;
  margin: 0;
  line-height: 1.5;
  color: #000;
  text-transform: capitalize;
  padding-right: 8px;
}

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

.language_p::before {
  content: "";
  position: absolute;
  height: 15px;
  border-left: 1px solid black;
  right: -1px;
  bottom: 4px;
}

.contact_header button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.contact_header .dropdown-item.active,
.dropdown-item:active {
  color: #000 !important;
  text-decoration: none;
  background-color: #f2f2f2 !important;
}

.contact_header .btn {
  padding: 0 0 0px 8px !important;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  display: none;
}
.language_p::before {
    display: none;
}

.contact_nav ul li a i {
  margin-right: 8px;
  font-size: 15px;
}

.contact_header {
  color: #fff;
  display: flex;
  align-items: center;

}

.contact_header .nav-list {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #000;
  font-weight: 400;
}

.contact_header .nav-list li {
  padding-right: 2vw;
}

.nav-list li a,
.item a {
  text-decoration: none;
  color: #000000;
  font-weight: 400;
  font-size: 13px;
}

.contact_cont_head {
  z-index: 10000;
  background-color: #fff;
  width: 100% !important;
  max-width: 1700px !important;
}

.nav_wrap_dv {
  z-index: 10000;
}

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

#bn_sec {
  padding: 0px;
  width: 100%;
  background-color: #fff;
}

.banner_img img {
  width: 100%;
  object-fit: cover;
  max-height: 455px;
  height: 100vh;
}

.responsive-table {
  overflow-x: auto;
  overflow-y: auto;
  font-size: 13px;
}


/* Max Width ===== 1023px */
@media (max-width: 1000px) {

  .action {
    display: none;
  }


  .menu_list a {
    color: #060617 !important;
  }

  .navbar-nav .dropdown-menu {
    position: absolute;
    width: 100%;
    border: none;
  }

  .nav_menu_btn:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
  }



}



/* Order Table */
.table-striped {
  width: 100% !important;
}

.tableControl {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
}

#tableSearchInput,
#adminAllTableSearchInput {
  background-image: url('/bestellportal/asset/images/search-solid.svg');
  background-size: 20px;
  background-position: 96%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 36px;
  padding: 6px 59px 6px 8px;
  border: 1px solid #ddd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
}

#tableSearchInput:focus {
  border: 1px solid #888;
}

#adminAllTableSearchInput:focus {
  border: 1px solid #888;
}

.DatePickerWrapperStart,
.DatePickerWrapperEnd {
  width: 120px;
}

.DatePickerWrapperEnd {
  margin-left: 24px;
}

#tableDatepickerInputStart,
#adminTableDatepickerInputStart {
  background-image: url('/bestellportal/asset/images/datePicker.svg');
  background-size: 20px;
  background-position: 96%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 1px solid #ddd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  border-radius: none !important;
}

input#InvoiceDatepickerInputStart,input#InvoiceDatepickerInputEnd {
  background-image: url('/bestellportal/asset/images/datePicker.svg');
  background-size: 20px;
  background-position: 96%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 36px;
  border: 1px solid #ddd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  border-radius: none !important;
}
#tableDatepickerInputStart:focus {
  border: 1px solid #ccc;
}

#adminTableDatepickerInputStart:focus {
  border: 1px solid #ccc;
}

#tableDatepickerInputEnd,
#adminTableDatepickerInputEnd {
  background-image: url('/bestellportal/asset/images/datePicker.svg');
  background-size: 20px;
  background-position: 96%;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 1px solid #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
  border-radius: none !important;
}

#tableDatepickerInputEnd:focus {
  border: 1px solid #ccc;
}

#adminTableDatepickerInputEnd:focus {
  border: 1px solid #ccc;
}

.controlGroup2 {
  display: flex;
  align-items: end;
}

.tableFilterBtton {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 34px;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  border: 1px solid #ddd;
  font-size: 13px;
  padding: 0px 1em;
  white-space: nowrap;
  transition: background-color 0.2s linear 0s;
  width: 120px;
}

.tableCloumnBtton {
/*  display: flex;
  flex-shrink: 0;*/
  align-items: center;
/*  height: 34px;*/
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  border: 1px solid #ddd;
  font-size: 13px;
  padding: 0px 1em;
  white-space: nowrap;
  transition: background-color 0.2s linear 0s;
  -webkit-transition: 0.3s;
/*  transition: 0.3s;*/
/*  outline: none;*/
/*  width: 120px;*/
}

.tableCloumnBtton:focus {
  border: 1px solid #888;
}


#order_submit_form,
#admin_order_submit_form,
#employer_order_submit_form {
  border: 1px solid;
  padding: 20px;
  font-size: 13px;
}

.ms-selectall {
  margin: 4px 5px;
  display: none;
}

.order_form_select_product {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  border: 0px;
  font-size: 13px;
  padding: 12px;
  white-space: nowrap;
  transition: background-color 0.2s linear 0s;
}

/* .order_form_selected {

  border-radius: 2px;
  background-color: rgb(255, 255, 255);
  border: 1px solid #aaa;
  font-size: 15px;
  padding: 12px;
  white-space: nowrap;
  margin-left: 15px
} */

.filterImage {
  width: 20px;
  color: #ccc;
  margin-right: 10px;
}

.columnImage {
  width: 15px;
  /* color: #ccc; */
  margin-right: 10px;
}


.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}

.option-input:hover {
  background: #9faab7;
}

.option-input:checked {
  background: #e0ad35 ;
}

.option-input:checked::before {
  width: 20px;
  height: 20px;
  display: flex;
  content: '\f00c';
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  align-items: center;
  justify-content: center;
  font-family: 'Font Awesome 5 Free';
}

.option-input:checked::after {

  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

.option-input.radio {
  border-radius: 50%;
}

.option-input.radio::after {
  border-radius: 50%;
}

#order_view_delete_ok {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 0 3px;
}

@keyframes click-wave {
  0% {
    height: 30px;
    width: 30px;
    opacity: 0.35;
    position: relative;
  }

  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.radioButtons {
  text-align: right;
  margin-top: 20px;
}

.radioButton {

  height: 30px;
  border-radius: 2px;
  background-color: rgb(245, 245, 245);
  border: 0px;
  align-items: center;
  font-size: 13px;
  padding: 0px 5px;
  white-space: nowrap;
  color: rgb(0, 56, 118);
  transition: background-color 0.2s linear 0s;
}

.CheckboxButtons {
  display: flex;
  text-align: right;
  margin-top: 20px;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.CheckboxButton {
  padding: 4px ;
 
  /* height: 30px; */
  border-radius: 2px;
  background-color: #c3ac6d;
  color: #fff;
  border: 0px;
  align-items: center;
  font-size: 13px;
  white-space: nowrap;
}
button#checkbox_apply {
  margin-left: 5px;
}

/* Embroidory Information */

.embroidery_information_section {
  width: 100%;
  padding: 40px 16vw 20px 16vw;
  background-color: #fff;
}

.menu_page_title {
  font-size: 30px;
  font-family: "Inter", helvetica, sans-serif;
  color: #060617;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 1.1em;
  padding-top: 20px !important;
   /* padding-bottom: 20px !important; */
  text-transform: none;
}

.embroidery_information_wrapper {
  padding: 3vw 4vw 1vw 0;
}

.info_page {
  padding: 0 3vw 10vh 3vw;
  margin-top: 30px;
}

.info_price_li {
  padding: 8px 0;
}

.embroidery_information_p {
  padding-left: 46px;
  margin-top: 15px;
  font-size: 13px;
  line-height: 25px;
  text-align: justify;
}


.horizontal {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0;
    border-color: #e0ad35;
    border-bottom-style: dashed;
    width: 100%;
    border-bottom-width: 2px;
}

.em_inf_table,
tr,
td {
  border: 1px solid #ddd;
}

.em_inf_table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.em_inf_table td {
  padding: 5px 10px;
  font-size: 13px;
  color: #000;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*Embroidery Price*/
.embroidery_price_section {
  width: 100%;
  padding: 40px 16vw 20px 16vw;
  background-color: #fff;
}

.embroidery_price_section p {
  font-size: 13px;
}

.embroidery_price_section span {
  font-size: 13px;
}

.em_price_title {
  text-align: center;
  font-size: 37px;
  line-height: 60px;
  font-family: "Inter", helvetica, sans-serif;
  color: #060617;
}

.em_price_short_line {
  width: 112px;
  border-bottom: 3px solid #c3ac6d;
  margin-top: 18px;
  display: block;
  margin: auto;
  margin-top: 18px;
}

.em_price_p {
  font-size: 13px;
  color: #858585;
  text-align: center;
  margin-top: 26px;
}

.em_price_ul {
  list-style: none;
}

.em_price_ul .li {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  padding: 18px 35px;
}

.em_price_ul sub {
  position: relative;
  font-size: 34px;
  font-family: Inter;
  font-weight: 700;
  top: 17px;
  right: 7px;
  line-height: 1em;
  color: #b8b8b8;
}

.em_price_ul .span_price {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  left: -5px;
  font-family: Inter;
  font-size: 37px;
  font-weight: 700;
  line-height: 1em;
  color: #000;
  letter-spacing: 0;
}

.em_price_first_li {
  background-color: #c3ac6d;
  padding: 17px 30px;
  text-align: center;
  font-size: 13px;
}

.em_price_ul_p {
  color: white;
  padding: 6px 0;
  font-weight: 600;
  display: block;
  margin: 0;
}

.ul_p {
  position: relative;
  display: block;
  margin: 6px 0 0;
  letter-spacing: .05em;
  color: #b8b8b8;
  font-weight: 600;
  font-family: Inter;
}

.em_price_btn {
  margin: 18px;
  padding: 10px 30px;
  background-color: #c3ac6d !important;
  color: #000 !important;
  border: none;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 700;
}

/*vector Information*/
.vector_information_section {
  width: 100%;
  padding: 40px 16vw 20px 16vw;
  background-color: #fff;
}

/*vecto price*/
.vector_price_section {
  width: 100%;
  padding: 40px 16vw 20px 16vw;
  background-color: #fff;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
  font-weight: normal !important;
}


/* customer staff */
/*#customer_staff_create_button {
  background: #c4ae79 ;
  color: #fff !important;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 8px 12px;
  margin: 0 5px;
  text-align: center;
  font-weight: 900;
}*/

#customer_staffs {
  font-size: 13px;
  width: 100% !important;
}

.dashboard_page {
  padding: 0 3vw;
  margin-top: 100px;
 
}

/* admin */


.accept_request_profile_button,
.cancel_request_profile_button {
  background: #c4ae79 !important;
  color: #fff !important;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 8px 16px;
  font-family: "Inter", "Helvetica", monospace;
  float: right;
}

.register_input {
  padding: 0 20px !important;
  border-top-style: none !important;
  border-right-style: none !important;
  border-left-style: none !important;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  display: inline-block;
  border-bottom: 1px solid #00000075;
  font-family: "Inter",
    "Helvetica",
    monospace;
  font-size: 13px;
  color: #555;
  font-weight: 400;
  outline: none;
  appearance: none;
}

.register_input :focus {
  border-bottom: 1px solid #ff0000;
}

/* customer order form upload table */
#order_form_upload_list {
  font-size: 13px;
}

#order_form_upload_list .button {
  background-color: #ff0000;
}

.order_change_submit,
.freelancer_job_start_submit,
.freelancer_job_update_submit,
.embroidery_upload_submit,
.vector_upload_submit,
.admin_job_start_submit,
.admin_change_upload_submit,
.admin_request_submit {
  color: white;
  background-color: #c3ac6d;
  border: none;
  border-radius: 0;
  padding: 10px 12px;
}



#adminTableSearchInput {
  font-size: 13px;
  height: 36px;
  background-image: url('/bestellportal/asset/images/search-solid.svg');
  background-size: 20px;
  background-position: 99%;
  background-repeat: no-repeat;
  width: 100%;
  padding: 6px 59px 6px 8px;
 
  background-color: #fff;
  display: flex;
  align-items: center;
}

#CustomerTableSearchInput {
  font-size: 13px;
  height: 36px;
  background-image: url('/bestellportal/asset/images/search-solid.svg');
  background-size: 20px;
  background-position: 99%;
  background-repeat: no-repeat;
  width: 100%;
  padding: 6px 59px 6px 8px;
  border:1px solid #ccc !important;
}

.ms-options-wrap>.ms-options>ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0px 4px 0px 20px !important;
  font-size: 13px !important;
  margin: 0 !important;
  border: none !important;
}

.order_form_input,
.ms-options-wrap>button,
.ms-options-wrap>button:focus {
  width: 100%;
  height: 35px !important;
  padding: 12px;
  border: none !important;
  display: flex;
  margin: auto;
  display: flex;
  align-items: center;
}

.ms-options {
  max-height: 30vh !important;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blinkers {
  0% {
    border: 1px solid red;
  }

  50% {
    border: 1px solid transparent;
  }

  100% {
    border: 1px solid red;
  }
}

#order_rquest_text1,
#order_rquest_text2,
#order_rquest_text3,
#order_rquest_text4 {
  height: 100px;
}

 /* .request_li {
  padding: 8px 14px;
  border-right: 1px solid #ddd;
}

.request_li:focus {
  background-color: #ddd;
}  */

.btn-cstm-files-opn:hover {
  color: #fff !important;
}
/*.folder_button p {
  background: #c3ac6d;
  font-size: 9px;
  font-family: monospace;
  text-align: center;
  word-break: break-all;
  line-height: unset !important;
}*/

/* div {
  word-break: break-all;
} */
.job_button {
  background-color: #c4ae79;
  color: #fff !important;
  border: none;
  padding: 10px 13px;
  font-weight: 900;
  display: flex;
  line-height: 1;
}

.order_change_upload_div {
  border: 1px solid #ddd;
  padding: 10px;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}


#freelacner_job_upload_div,
#admin_job_upload_div {
  height: 280px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  overflow-y: auto;
}

#freelancer_job_end_div,
#em_change_end_div {
  position: absolute;
  margin-top: 250px;
}

.modal_close_btn {
  color: white;
  background-color: #c3ac6d;
  border: none;
  border-radius: 0;
  padding: 6px 10px;
  font-size: 13px;
}

.admin_customer_profile_input {
  display: inline;
  width: calc(100% - 100px);
  font-size: 13px;
  border: 1px solid #ddd;
  padding: 0.375rem 0.75rem;
}

.admin_customer_profile_input:focus {
  border-color: #555 !important;
}

.tooltiptext {
  position: relative;
  background-color: #fff;
  border: 1px solid #aaa;
}

input[name="selected_customer"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ddd;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
}

input[name="selected_customer"]:checked::before {
  /* Display the custom checkbox icon (checkmark) */
 font: var(--fa-font-solid);
    content: "\f00d";
    font-size: 16px;
    color: #fff;
    width: 15px;
    height: 15px;
    display: flex;
    background-color: #c3ac6d;
    font-weight: 900;
    align-items: center;
    justify-content: center;
}

#selected_ve_parameter8,
#selected_ve_parameter9,
#selected_em_parameter3 {
  padding: 12px;
  height: 36px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.product-multiselect8,
.product-multiselect9,
.product-multiselect3 {
  max-width: 100%;
  overflow-y: visible;
  text-wrap: wrap;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 36px;
}

.product-item-menu8,
.product-item-menu9 {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  padding: 10px 20px;
  line-height: 2;
  width: 100%;
}

.product-item-menu3 {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  padding: 10px 20px;
  line-height: 2;
  width: 100%;
  height: 400px;
  overflow-y: auto;
}

.selectbox-control {
  font-size: 13px;
  border: 1px solid #ccc !important;
  height: 36px;
  width: 100%;
  padding: 0 12px;
  appearance: none;
}


/* .selectbox-control:focus {
  border: none !important;
} */

.payment_selectbox_control {
  font-size: 13px;
  border: 1px solid #ddd !important;
  width: 80%;
  padding: 0 12px;
  appearance: none;
  text-align: center;
}

.home_image {
  height: calc(100vh - 35px);
}

.dashboard_table {
  overflow-x: auto;
  width: 100% !important;
}

.copyright_list2 {
  justify-content: end;
}

.dashboard_title {
  font-size: 30px;
  color: #060617;
}

.footer {
  margin: 3vh 6vw;
}

.sidebar_explain {
  height: 40%;
  padding: 3px 1px;
}

.product-item-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 13px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  padding: 15px;
  width: 100%;
}

.order_form_class {
  margin-bottom: 5px;
}

.form-group .form-control {
  display: inline !important;
  font-size: 13px;
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  font-size: 13px;
}

#manualInput {
  font-size: 13px;
}

button {
  font-size: 13px;
  font-weight: 900 !important;
}

.field-group {
  border: 1px solid black;
  padding: 5px;
  margin: 0 !important;
  font-size: 13px;
}

.field-caption {
  float: none;
  width: auto !important;
  margin-left: 20px;
  padding: 5px !important;
  margin-bottom: -5px
}

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

.form_label label {
  line-height: 1;
}

/*.upload_table_button {
  color: white;
  background-color: #c3ac6d;
  border: none;
  border-radius: 0;
  padding: 5px 8px;
  
}*/

.btn-success {
  color: #fff;
  background-color: #c3ac6d;
  border: none;
  border-radius: 0;
}

.order_form_check_label {
  margin-left: 10px;
  margin-top: -4px;
}

.order_form_submit {
  background: #c4ae79 !important;
  color: #fff !important;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 12px 25px;
  font-family: "Inter", "Helvetica", monospace;
  float: right;
  line-height: 1;
}


.dropdown-toggle.product-multiselect {
  height: 36px;
}

.dropdown-toggle.product-multiselect_em_ex {
  height: 36px;
}

.dropdown-toggle.product-multiselect div {
  max-width: 100%;
  overflow-y: auto;
  text-wrap: wrap;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 8px;
  border: 1px solid rgb(221, 221, 221);
  height: 36px;
}

.dropdown-toggle.product-multiselect::after {
  display: none;
}

.order_form_input,
textarea {
  width: 100%;
  height: 40px;
  padding: 12px;
  display: flex;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
}

.order_form_input:focus {
  border: 1px solid #888;
}

textarea:focus {
  border: 1px solid #888;
}

.order_form_lavel {
  display: inline-block;
}

.tab-content {
  min-height: 30vh;
}

.form_dv_wrap {
  margin-bottom: 5px;
}

.nav-item {
  font-size: 8px;
  text-align: center;
}

.modal-content {
  border-radius: 0 !important;
}

.file_view_box {
  margin-bottom: 5px;
}

.file_view_flex_toggle {
  display: flex;
}

.file_view_table {
  max-height: 220px;
  width: 100%;
}

.box_file_upload_form {
  height: 265px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.box_change_file_upload_form {
  height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.column_flex {
  flex-direction: column;
  border: none !important;
}

.customer_dashboard_page {
  margin-top: 100px;
      /* margin-left: 50px !important; */

}

.dashboard_icon {
  width: 14px;
}

.admin_order_form_submit,
.employer_order_form_submit {
/*  background: #c4ae79 !important;*/
  color: #fff !important;
  border: 0;
  border-radius: 0;
  font-size: 13px;
/*  padding: 12px 25px;*/
  font-family: "Inter", "Helvetica", monospace;
  float: right;
/*  line-height: 1;*/
}


.ms-options-wrap>button {
  border: 1px solid #ddd !important;
}

.ms-options-wrap>.ms-options {
  padding: 10px !important;
}

.ms-options-wrap>.ms-options>ul label {
  margin: 1px 0 !important;
}

.dropdown-toggle::after {
  display: none !important;
}

.info_page_icon {
  font-size: 30px;
  color: #c3ac6d;
}

.info_price_line {
  padding: 17px 0;
  border-bottom: 2px solid #939393;
  line-height: 1;
  font-size: 15px;
}

.info_price_add_icon {
  padding: 0 1vw;
}

.customer_avatar {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.modal_sm_title {
  font-size: 16px;
  color: #555;
  font-weight: 500;
}

.ms-options-wrap>button:focus,
.ms-options-wrap>button {
  padding: 5px 10px !important;
}

.main-content-wrapper {
  margin-top: 0px;
}


.chatting_button {
  display: flex;
  background-color: #1E90FF;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000000;
}

.chatting_content {
  width: 400px;
  height: 60vh;
  border: 2px solid #777;
  background-color: #ffffff;
  position: fixed;
  bottom: 65px;
  right: 20px;
  z-index: 1000000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1px;
}

.chatting_interface {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 100%;
  margin-bottom: 1px;
  font-size: 13px;
  overflow-y: auto;
  padding: 10px;
}

.chat_submit {
  border: 1px solid #ddd;
  width: 40px;
}

.chat_title {
  margin: 5px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}

.chat_send_message {
  width: 250px;
  min-height: 25px;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  float: right;
  padding: 5px 10px;
  line-height: 1;
  background-color: #90EE90;
  overflow-x: hidden;
  display: none;
}

.chat_receive_message {
  width: 250px;
  min-height: 25px;
  border-radius: 10px;
  border-top-left-radius: 0;
  float: left;
  padding: 5px 10px;
  line-height: 1;
  background-color: #FAFAD2;
  overflow-x: hidden;
  display: none;
}

.chatting_content textarea {
  resize: none;
  height: 34px;
}

.chat_time {
  font-size: 10px;
  text-align: end;
  margin-bottom: 7px;
  display: none;
}

.chat_alert {
  position: fixed;
  bottom: 50px;
  right: 15px;
  color: #ff0000;
  font-size: 7px;
  z-index: 100000000;
}

.modal_page_view {
  margin-top: -30px !important;
}

.registration_form {
  font-size: 13px;
}

.registration_file_input {
  font-size: 13px;
  margin: 5px 0;
}
.order_form_sentence {
  line-height: normal;
  font-size: 11px !important;
}
#order_form_textarea {
  height: 100px;
}
.footer_start_sym {
  font-size: 20px;
}
.multiselect_font {
    font-size: 13px;
  }
  .creat_staff_interface {
    font-size: 13px;
}
.download_icon {
    font-size: 14px;
    color: #c4ae79;
}
.multidownload_button {
    border: none !important;
    font-size: 13px !important;
    background-color: #c4ae79 !important;
}
.file_input_font {
  font-weight: 400;
  color: #858585;
  display: flex;
  font-size: 13px;
  flex-direction: column;
  align-items: center;
}
.order_request_font {
    font-size: 13px;
  }
  .folder_button_position {
    margin-top: 5px;
  }
  .logo_img {
    text-align: center;
  }
  .login_heading {
    text-align: center;
    margin: 10px 0;
  }

  /* div#selected_products {
    font-size: 13px;
    color: #858585;
} */


.folder_button p{
    margin-bottom: 0px !important;
}








/* @media (max-width: 1645px) {
  #sidebar-wrapper {
   padding: 13px 0 0 0; 
  }
} */

@media (max-width: 1200px) {
  .contact_nav .nav {
    display: none;
  }

  .contact_header .contact_nav {
    justify-content: end;
    margin: 0 3vw;
  }

  .modal_page_view {
    margin-top: 0 !important;
  }

  .copyright_list {
    justify-content: center;
  }

  .dashboard_title {
    font-size: 14px;
  }

  .footer {
    margin: 2vh 6vw 2vw 6vw;
  }
}

@media (max-width: 1575px) {
  .menu_list a {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .tooltiptext {
    width: 94vw;
  }
}

@media (max-width: 992px) {
  .tooltiptext {
    width: calc(78.333vw - 8px);
  }
}

@media (min-width: 993x) {
  .tooltiptext {
    width: calc(62.6667vw - 8px);
  }
}

@media (max-width: 992px) {
  .lion_nav .logo_img img {
    width: 100px;
  }


 

  .contact_header .dropdown {
    font-size: 10px;
  }

  .contact_header .btn {
    font-size: 10px;
  }

  .navbar>.container-fluid {
    margin: 0 3vw !important;
  }

  .menu_icon {
    color: white;
    font-weight: 400;
    line-height: 1.4;
  }

  .menu_list a {
    font-size: 10px;
  }

  .lion_list {
    position: absolute;
    top: 100%;
    right: 0px;
    background: #ffffff;
    padding: 10px;
    z-index: 10;
    opacity: 0.9;
  }

  .home_image {
    height: calc(100vh - 85px);
  }

  #wrapper.full_height #sidebar-wrapper {
    position: absolute; 
    margin-top: 85px;
  }

  .sidebar-nav {
    margin: 0 3vw;
  }

  .lion_popup_wrrpr {
    height: calc(100vh - 161px);
    top: 161px;
  }

  .pagetitle {
    font-size: 16px;
    /* text-align: center; */
  }

  #sidebar-wrapper {
    height: 76px;
   /*  padding: 13px 0 !important;*/
  }

  .sidebar-nav .sidebar-div {
    width: max-content;
    /* padding:10px; */
  }

  .sidebar_explain {
    display: none;
  }

  .table>:not(caption)>*>* {
    padding: 8px 2px !important;
  }

  .login_heading h1 {
    font-size: 24px;
    line-height: 1;
  }



  .file_view_flex_toggle {
    display: block;
  }

  .file_view_table {
    height: auto;
  }

  #freelacner_job_upload_div,
  #admin_job_upload_div {
    height: auto;
  }

  .box_file_upload_form,
  .box_change_file_upload_form {
    height: auto;
  }

  .freelancer_job_div,
  .freelancer_change_div,
  .order_change_upload_div {
    height: auto;
  }

  .column_flex {
    flex-direction: row;
  }

  .file_view_table {
    margin-top: 5px;
  }

  .modal {
    height: 100% !important;
  }


  #free_order_detail_popup .modal-dialog,
  #em_freelancer_request_popup .modal-dialog,
  #ve_freelancer_request_popup .modal-dialog,
  #admin_order_detail_popup .modal-dialog,
  #admin_change_popup .modal-dialog,
  #order_detail_popup .modal-dialog,
  #order_change_popup .modal-dialog,
  #order_request_popup .modal-dialog,
  #customer_staff_create_popup .modal-dialog,
  #admin_embroidery_payment_archive .modal-dialog,
  #admin_vector_payment_archive .modal-dialog,
  #admin_customer_parameters_em_popup .modal-dialog,
  #admin_customer_parameters_ve_popup .modal-dialog,
  #free_embroidery_payment_archive .modal-dialog,
  #free_vector_payment_archive .modal-dialog,
  #customer_search_popup .modal-dialog,
  #admin_customer_profile_request_handle_popup .modal-dialog,
  #admin_customer_profile_edit_popup .modal-dialog,
  #admin_request_popup .modal-dialog {
    top: 85px;
    min-height: calc(100% - 85px);
  }

  #customer_staff_create_popup .modal-content,
  #admin_customer_parameters_em_popup .modal-content,
  #admin_customer_parameters_ve_popup .modal-content,
  #customer_search_popup .modal-content,
  #admin_customer_profile_request_handle_popup .modal-content,
  #admin_customer_profile_edit_popup .modal-content,
  #order_detail_popup .modal-content,
  #order_change_popup .modal-content,
  #admin_request_popup .modal-content,
  #order_request_popup .modal-content,
  #free_order_detail_popup .modal-content,
  #em_freelancer_request_popup .modal-content,
  #ve_freelancer_request_popup .modal-content,
  #admin_order_detail_popup .modal-content,
  #admin_change_popup .modal-content,
  #free_embroidery_payment_archive .modal-content,
  #free_vector_payment_archive .modal-content,
  #admin_embroidery_payment_archive .modal-content,
  #admin_vector_payment_archive .modal-content {
    height: auto;
    min-height: 100%;
  }

  .customer_dashboard_page {
    margin-top: 74px;
  }

  table th,
  table td {
    line-height: 1;
    font-size: 7px;
  }

  .dashboard_icon {
    width: 8px;
  }

 /* .status_text {
    display: none;
  }
*/
  .tableControl {
    display: block;
  }

  .controlGroup2 {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
  }

  #fileupload,
  #admin_fileupload {
    margin-top: 10px;
  }

  .dataTables_info {
    /* margin-top: -10px; */
    font-size: 10px;
  }

  .info_page {
    padding: 0 0 10vh 0;
  }

 

  .info_page_icon {
    font-size: 14px;
  }

  .embroidery_information_wrapper {
    padding: 0 4vw 1vw 0;
  }

  .em_price_title {
    font-size: 24px;
    line-height: 1.3;
  }

  .em_price_first_li {
    padding: 5px;
  }

  .em_price_ul .span_price {
    font-size: 24px;
  }

  .em_price_ul .li {
    padding: 5px 20px;
  }

  .em_price_btn {
    margin: 5px;
    padding: 5px 20px;
  }

  .info_price_line {
    font-size: 13px;
    font-weight: 100;
  }

  .info_price_li {
    padding: 4px 0;
  }

  .login_logo {
    max-width: 100px !important;
  }

  .login_section .lgg_resi {
    display: block;
  }

  .main-content-wrapper {
    margin-top: 74px;
  }

  .chatting_content {
    width: 300px;
  }

  .chat_send_message {
    width: 200px;
  }

  .chat_receive_message {
    width: 200px;
  }

  .customer_dashboard_all_button {
    font-size: 10px;
  }

  .product-item-menu {
    font-size: 10px;
    height: 250px;
    overflow-y: auto;
  }

  .login_wrap {
    font-size: 10px;
  }

  .form_dv input[type=email],
  .form_dv input[type=text],
  .form_dv input[type=password] {
    padding: 0.15rem 0.75rem;
    font-size: 10px;
  }

  .submit_btn button {
    padding: 4px 12px;
    font-size: 10px;
  }

  .login_section .resig_lnkk {
    font-size: 10px;
  }

  .footerrr .copy_right_txt p {
    font-size: 12px;
  }

  .login_section .heading_logo .logo_img img,
  .footerrr .fttrr_img img {
    max-width: 120px;
  }

  .registration_form {
    font-size: 10px;
  }

  .register_input {
    height: 30px;
    font-size: 10px;
  }

  .registration_file_input {
    font-size: 10px;
  }

  #convert_language {
    font-size: 10px;
  }

  .login_wrap {
    border-left: 15px solid #c4ae79;
  }

  .alert-danger {
    left: 3vw;
    right: 3vw;
    font-size: 10px;
    bottom: 8vh;
  }
  #order_submit_form,
  #admin_order_submit_form,
  #employer_order_submit_form {
    font-size: 10px;
  }
  .form-group .form-control {
    font-size: 10px;
  }
  .order_form_sentence {
    font-size: 8px !important;
  }
  .dropdown-toggle.product-multiselect div {
    min-height: auto;
    height: 30px;
  }
  #order_form_textarea {
    height: 70px;
  }
  .fileinput-button {
    padding: 6px !important;
  }
  .order_form_submit {
    font-size: 10px;;
    padding: 8px;
    float: none;
    display: flex;
    margin: auto;
  }
  #tableSearchInput, #adminAllTableSearchInput {
    min-height: auto;
    height: 30px;
    background-size: 16px;
  }
  #tableDatepickerInputStart, #adminTableDatepickerInputStart {
    min-height: auto;
    height: 30px;
    background-size: 14px;
  }
  #tableDatepickerInputEnd, #adminTableDatepickerInputEnd{
    min-height: auto;
    height: 30px;
    background-size: 14px;
  }
  .tableCloumnBtton {
    height: 30px;
    font-size: 10px;
    width: auto;
  }
  .dataTables_paginate .paginate_button {
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .tableControl {
    font-size: 10px;
  }
  .columnImage {
    width: 10px;
  }
  .DatePickerWrapperStart, .DatePickerWrapperEnd {
    width: auto;
  }
  .copyright_list li p, .copyright_list li a {
    font-size: 10px;
  }
  .status-sphere-delivered,
  .status-sphere-open,
  .status-sphere-change,
  .status-sphere-progress {
    width: 8px;
    height: 8px;
    margin: auto;
  }
  .icon_size {
    width: 10px;
  }
  .footer_start_sym {
    font-size: 10px;
  }
/*  .upload_btn button {
    font-size: 10px;
    padding: 6px;
  }*/
  .order_form_file_uplaod_command  {
    font-size: 10px !important;
  }
  #order_form_anotherOrderButton,
  .modal_close_btn {
    font-size: 10px;
    padding: 6px;
    margin-top: 2px;
  }
  #order_form_success_popup .modal-content, #seccess_accept_admin_em_parameter_popup .modal-content, #seccess_accept_admin_ve_parameter_popup .modal-content, #seccess_decline_admin_em_parameter_popup .modal-content, #seccess_decline_admin_ve_parameter_popup .modal-content, #seccess_change_admin_em_parameter_popup .modal-content, #seccess_change_admin_ve_parameter_popup .modal-content, #add_customer_success_popup .modal-content, #order_change_success_popup .modal-content, #change_profile_success_popup .modal-content, #change_em_parameter_success_popup .modal-content, #change_ve_parameter_success_popup .modal-content, #delete_confirm_popup .modal-content, #end_job_success_popup .modal-content, #end_em_change_success_popup .modal-content, #end_ve_change_success_popup .modal-content, #start_job_confirm_popup .modal-content, #start_job_success_popup .modal-content, #free_upload_success_popup .modal-content, #end_job_error_popup .modal-content, #start_change_confirm_popup .modal-content, #end_change_confirm_popup .modal-content, #end_change_error_popup .modal-content, #ve_start_change_confirm_popup .modal-content, #em_upload_success_popup .modal-content, #ve_upload_success_popup .modal-content, #ve_end_change_confirm_popup .modal-content, #ve_end_change_error_popup .modal-content, #admin_start_job_confirm_popup .modal-content, #admin_start_job_success_popup .modal-content, #admin_upload_success_popup .modal-content, #admin_end_job_success_popup .modal-content, #change_customer_avatar_popup .modal-content, #admin_start_change_confirm_popup .modal-content, #admin_change_upload_success_popup .modal-content, #admin_end_change_success_popup .modal-content, #delete_order_confirm_popup .modal-content, #admin_request_success_popup .modal-content, #admin_delete_detail_file_confirm_popup .modal-content, #admin_delete_change_file_confirm_popup .modal-content, #free_order_count .modal-content, #admin_order_count .modal-content, #delete_em_request_confirm_popup .modal-content, #delete_ve_request_confirm_popup .modal-content, #order_form_alert_popup .modal-content {
    max-width: 90vw;
    height: 130px;
  }
  #order_form_success_popup .modal-body, #seccess_accept_admin_em_parameter_popup .modal-body, #seccess_accept_admin_ve_parameter_popup .modal-body, #seccess_decline_admin_em_parameter_popup .modal-body, #seccess_decline_admin_ve_parameter_popup .modal-body, #seccess_change_admin_em_parameter_popup .modal-body, #seccess_change_admin_ve_parameter_popup .modal-body, #add_customer_success_popup .modal-body, #order_change_success_popup .modal-body, #change_profile_success_popup .modal-body, #change_em_parameter_success_popup .modal-body, #change_ve_parameter_success_popup .modal-body, #delete_confirm_popup .modal-body, #end_job_success_popup .modal-body, #end_em_change_success_popup .modal-body, #end_ve_change_success_popup .modal-body, #start_job_confirm_popup .modal-body, #start_job_success_popup .modal-body, #free_upload_success_popup .modal-body, #end_job_error_popup .modal-body, #start_change_confirm_popup .modal-body, #end_change_confirm_popup .modal-body, #end_change_error_popup .modal-body, #ve_start_change_confirm_popup .modal-body, #em_upload_success_popup .modal-body, #ve_upload_success_popup .modal-body, #ve_end_change_confirm_popup .modal-body, #ve_end_change_error_popup .modal-body, #admin_start_job_confirm_popup .modal-body, #admin_start_job_success_popup .modal-body, #admin_upload_success_popup .modal-body, #admin_end_job_success_popup .modal-body, #change_customer_avatar_popup .modal-body, #admin_start_change_confirm_popup .modal-body, #admin_change_upload_success_popup .modal-body, #admin_end_change_success_popup .modal-body, #delete_order_confirm_popup .modal-body, #admin_request_success_popup .modal-body, #admin_delete_detail_file_confirm_popup .modal-body, #admin_delete_change_file_confirm_popup .modal-body, #free_order_count .modal-body, #admin_order_count .modal-body, #delete_em_request_confirm_popup .modal-body, #delete_ve_request_confirm_popup .modal-body, #order_form_alert_popup .modal-body {
    padding: 30px 15px 20px 15px !important;
    font-size: 10px;
  }
  /* legend  {
    font-size: 12px !important;
  } */
  .field-group {
    font-size: 10px;
  }
  .order_form_input, .ms-options-wrap>button, .ms-options-wrap>button:focus {
    height: 30px !important;
  }
  .multiselect_font {
    font-size: 10px;
  }
  .ms-options-wrap>.ms-options>ul label {
    font-size: 10px;
  }
  .ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    top: 1px;
    width: 12px;
  }
 /* #customer_staff_create_button {
    font-size: 10px;
    padding: 6px;*/
  }
  .creat_staff_interface {
    font-size: 10px;
  }
  #customer_staff_create_submit {
    font-size: 10px;
    padding: 6px;
    height: auto;
  }
  /* .form-group .control-label, .form-group>label {
    font-size: 10px !important;
  } */
  .box_title {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .order_detail_input_div_element {
    padding: 4px 6px;
  }
  .order_detail_div {
    font-size: 10px;
  }
  .download_icon {
    font-size: 10px;
  }
  .multidownload_button {
    font-size: 10px !important;
  }
  #order_change_form {
    font-size: 10px;
  }
  .file_input_font {
    font-size: 10px;
  }
  .order_change_submit, .freelancer_job_start_submit, .freelancer_job_update_submit, .embroidery_upload_submit, .vector_upload_submit, .admin_job_start_submit, .admin_change_upload_submit, .admin_request_submit {
    padding: 6px;
    font-size: 10px;
  }
  .request_li {
    padding: 6px;
  }
  .order_request_font {
    font-size: 10px;
  }
  .folder_button p,
  .folder_button label {
    font-size: 7px;
  }
  /*.folder_button {
    height: 70px;
    width: 75px;
  }*/
  .folder_button_position {
    margin-top: 0;
    margin-left: 5px;
  }
  .job_button {
    padding: 6px;
  }
  .payment_selectbox_control {
    font-size: 10px;
  }
  .total_count_number {
    font-size: 10px;
    color: #777;
  }
  #adminTableSearchInput  {
    font-size: 10px;
    height: 30px;
  }
  .admin_order_form_submit, .employer_order_form_submit {
    /*font-size: 10px;
    padding: 8px;
    display: flex;
    margin: auto;*/
  }
/*  #close_project_menu {
    font-size: 10px !important;
    width: auto !important;
    height: auto !important;
    padding: 6px !important;
  }*/
  #manualInput {
    height: 25px !important;
    margin: 5px 0 !important;
    font-size: 10px;
  }
  textarea[name='order_change_textarea'] {
    height: 100px !important;
  }
  #admin_customer_list_table_filter input, #customer_search_table_filter input, #admin_parameter_em_table_filter input, #admin_parameter_ve_table_filter input {
    font-size: 10px;
    height: 30px;
  }
  .tableFilterBtton {
    font-size: 10px;
    height: 30px;
    width: auto;
  }
  #CustomerTableSearchInput {
    font-size: 10px;
    height: 30px;
  }
  .selectbox-control {
    font-size: 10px;
    height: 30px;
  }
  .product-multiselect8, .product-multiselect9, .product-multiselect3 {
    height: 30px;
  }
  #selected_ve_parameter8, #selected_ve_parameter9, #selected_em_parameter3 {
    padding: 6px;
    height: auto;
  }
  .login_section .back_btttn {
    margin-bottom: 10px;
  }
  .login_section .lgg_resi {
    padding-top: 0;
  }
    /* Wow--------------- */
.fixed-width{
 width:100%;
 max-width: 1100px;
 margin: 0px auto;
}


@media screen and (max-width: 992px){
section.page_section1{
width: 100% !important;
}
.fixed-width{
    padding-left: 20px;
    padding-right: 20px;
 width: 100% !important;
 margin: 0px auto;
}

}

@media screen and (min-width: 1400px){
  
  .fixed-width{

 max-width: 1300px;

}
section.page_section1 {
max-width:1300px;
}
}

section.page_section1 a {
    text-decoration: none;
}
ul.table-icons
 {
    list-style-type: none;
    padding: 0px;
}
.price_content li:before {
  content: "\52";
  font-family: ElegantIcons;
  color: #e0ad35;
  padding-right: 15px;
  font-size: 18px;
  top: 3px;
  position: relative;
}
.accordion-flush .accordion-item .accordion-button {
   
    padding-left: 0px !important;
}
section.page_section1 a:hover {
    color: #c3ac6d !important;
}
@media (max-width:768px){
span.table-thead {
    width: 50%;
}
.status-wrapper .status_text {
    padding-left: 10px;
}
i.fa-solid.fa-plus.colplus {
    padding: 2px;
    font-size: 12px;
    position: absolute;
    right: 10%;
}
i.fa-solid.fa-minus.colminus {
    padding: 2px;
    font-size: 12px;
    position: absolute;
    right: 10%;
}
input#detail_size,input#detail_width_height,input#detail_customer_number,input#detail_order_number,input#admin_detail_customer_number, input#admin_detail_order_number, input#admin_detail_size, input#admin_detail_width_height {
        width: 100% !important;
}
}
.dashboard_page td {
  font-size: 12px;
}


/* div#admin_subfolder_structure2 {
    display: none !important;
} */

input#detail_size,input#detail_width_height,input#detail_customer_number,input#detail_order_number,input#admin_detail_customer_number, input#admin_detail_order_number, input#admin_detail_size, input#admin_detail_width_height {
        width: 83%;
        border: none;
        padding: 3px;
}

input#admin_detail_project_name,input#detail_project_name {
        border: none;
        padding: 3px;
        width: 95%;
}
input#admin_detail_special_instructions,input#detail_special_instructions {
        border: none;
        padding: 3px;
        width: 95%;
}
#order_update{
  float:right;
  margin-bottom:10px;
}

input#admin_detail_final_product,input#detail_final_product {
        border: none;
        padding: 3px;
        width: 95%;
}

/*input.admin_name {
    margin-left: 32px;
}
.admin_text label{
  margin-left:4px;
}*/


/* 21-02-2024 */

@media (max-width: 992px){

  form#admin_add_customer .col-12.col-md-3.form_label label {
      line-height: 2;
  }
  .form-group.form_dv_wrap .col-12.col-md-6.form_label label {
      line-height: 2;
  }
  
  div#order_form_project_name .col-12.col-sm-3.col-xl-2 label.order_form_lavel {
      line-height: 2;
  }
  section#bn_sec .dashboard_title {
      font-size: 23px !important;
  }
  div#order_form_em_standard_popup h1#order_form_title {
      font-size: 21px;
  }
  .lion_popup_dv h1.pagetitle {
    font-size: 21px;
   }
  }
  
  
  /*Adminastration css*/
  @media (max-width: 992px){
    
  .controlGroup1 .col-12.col-md-6 label {
      line-height: 2;
  }
  .form-group.form_dv_wrap .col-12.col-md-3.form_label label {
      line-height: 2;
  }
  
  section.page_section .col-12.col-md-10.col-xl-8 .form-group.form_dv_wrap .col-12.col-md-3.form_label label {
      line-height: 2 !important;
  }
  
  section.page_section .col-12.col-md-10.col-xl-8 .form-group.form_dv_wrap .col-12.col-md-6.form_label label {
      line-height: 2 !important;
  }
  section.page_section .col-12.col-md-10.col-xl-8 .form-group.form_dv_wrap .col-12.col-md-5.form_label label {
      line-height: 2 !important;
  }
  
  }



/*  .first_row {
    width: 56% !important;
}
.second_row{
  width: 44% !important;
}
.first_name {
    width: 44% !important;
}
.first_input {
    width: 55% !important;
    margin-left: 1px !important;
}*/
.first_name1 {
    width: 26.5% !important;
    display: flex;
    align-items: center !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    padding-left: 13px !important;
}


.first_input1 {
    width: 72% !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
}


.first_input_postal1 {
    width: 90% !important;
     padding-left: 0 !important;
}
.first_name_postel1 {
    width: 10% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: center !important;
      padding-left: 0 !important;
}
.first_input_postal {
    padding-right: 0 !important;
    width: 37% !important;

}

/* table#admin-view-invoice td {
  text-align: center;
} */
table#admin-view-invoice tr td {
  text-align: center;
}

table#admin-view-invoice tr td:nth-child(4) {
  text-align: left;
  width: 60%;
}
table.table.table-striped.dataTable.no-footer {
  margin-bottom: 0;
}
/* form#invoice_upload button {
  background-color: #c3ac6d;
  border: #c3ac6d;
  padding: 6px !important;
  color: #fff;
  margin-top: 30px;
  float: right;
  font-weight: 400;
  font-size: 15px;
  font-family: inherit;
} */


.first_name_postel{
  width: 62.5% !important;
}
.first_phone2 {
    width: 26.5% !important;
    padding-left: 13px !important;
    display: flex !important;
    align-items: center !important;
 

}
.first_text2 {
    width: 72% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.first_phone1 {
    padding-right: 0px !important;
    width: 72% !important;
    
}
.first_row_tax {
    width: 60% !important;
}
.second_row_tax {
    width: 40% !important;
}
.first_input_tax{
   width: 58% !important;
}
.first_name_tax {
    width: 41.5% !important;
}

.first_name_tax1 {
    width: 40% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
}
.first_text_tax1 {
    width: 60% !important;
        padding-left: 0 !important;
/*    padding-right: 0 !important;*/
}

.first_row_test{
      width: 65% !important;
}
.second_row_test{
  width: 35% !important;
}
.first_name_IBAN{
   width: 38% !important;
}
.first_input_IBAN{
 width: 62% !important;
}
.first_name_IBAN1{
      padding-left: 0px !important;
    width: 14% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

.first_input_IBAN1{
  width:86% !important;
   padding-left: 0px !important;
}

.first_row_ss{
  width: 40% !important;
}
.second_row_gg{
  width: 60% !important;
}
#customer_detail_email .modal-body{
    padding: 30px 30px 20px 30px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 13px;
}
#customer_detail_email .label_style{
     font-size: 13px !important;
    color: #777 !important;
    font-weight: 500 !important;
    font-family: 'Inter' !important;
  }
#customer_detail_email .modal-content{

    max-width: 500px;
    margin: 0 auto; 
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
  }

  #customer_detail_email .modal-dialog{
    background-color: rgba(227, 222, 222, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    max-width: 100%;
    top: 0;
    margin: 0;
}
#customer_detail_email .modal-title{
 color: #e0ad35 !important;
 font-weight: 700 !important;
 font-family: 'Inter' !important;

}
#admin_red_table thead tr th,#admin_green_table thead tr th ,
#admin_yellow_table thead tr th, #admin_blue_table thead tr th,
#admin_all_table thead tr th, #admin_customer_list_table thead tr th,
#ve_freelancer_green_table thead tr th ,#ve_freelancer_yellow_table thead tr th,
#ve_freelancer_red_table thead tr th, #ve_freelancer_blue_table thead tr th,
#ve_freelancer_all_table thead tr th, #ve_freelancer_payment_table thead tr th,
#view-order thead tr th, #customer_staffs thead tr th{
  
  cursor: pointer !important;
}
.product-item-menu3 input[type="checkbox" i] {
    margin-right: 8px !important;
}
.product-item-menu8 .parameter-select-items-vector input[type="checkbox" i] {
    margin-right: 8px !important;
}
.product-item-menu9 .parameter-select-items-image input[type="checkbox" i] {
    margin-right: 8px !important;
}


   /* @media only screen and (min-width:1300px) and (max-width:1600px){
     
     #sidebar-wrapper {
    height: 115px !important;
 
    }
  }
    @media only screen and (min-width:1601px){
     
     #sidebar-wrapper {
    height: 100px !important;
 
    }
  } */

div#refresh-order {
    cursor: pointer;
    margin-top: 15px;
    text-align: center;
    padding: 4px;
    color: #fff;
    background: #c4ae79;
}


.ha>.hP {  
    font-size: 1.3rem !important;   
}

input#pausetext {
  margin-bottom: 20px;
  width: 100%;
  padding: 3px;
  border: solid #ccc 1px;
}

.status-sphere-pause {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c934c9;
  margin-right: 10px;
}
div#admin_pause_job {
  width: 100%;
  float: right;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
}
.order_detail_div.job-div.Offen div#admin_pause_job {
  margin-top: 38px;
}
a#to-previous {
  display: none !important;
}
#invoice_upload button,button.invoice_submit,button.upload_table_button.cancel {
  /*color: #fff !important;
  padding: 10px 13px !important;
  display: flex;
  line-height: 1;
  background-color: #c3ac6d;
  border: #c3ac6d;
  margin-top: 30px;
  font-size: 13px;*/
  float: right;
}
div#admin_invoice_upload button.upload_table_button.start {
  display: none;
}

i.fa.fa-close.cus {
  margin-top: 12px;
  float: right;
  border: 2px solid #555;
  border-radius: 50%;
  font-size: 16px;
  height: 20px;
  text-align: center;
  width: 20px;
  color: #555;
}


#admin_upload_success_popup button.modal_close_btn {
  float: left;
}
i.fa.fa-close.cus {
  cursor: pointer;
}



#admin_upload_success_popup .modal-content {
  border-radius: 14px !important;
}


select.payment_selectbox_control {
  margin-top: 10px;
  margin-bottom: 10px;
}

.pagetitle.head{
  padding-bottom: 20px;
}





/*New mobile css */

@media (max-width:768px){

  .login_wrap {
    max-width: 300px !important;

}
.row.product-select-items #final-material-container .col-xl-2 {

  width: 50% !important;
 
}
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

li.thank-menu-item {
  display: none;
}


.size_field_div {
  width: 50% !important;
}


/* .customfont{
  text-align: center;
  font-family: 'Runner' !important;
  color:#E0AD35 !important;
  background: -webkit-linear-gradient(#E0AD35, #cb971c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */

hr.hr_border.text-center.mt-3.mb-3.customcolor{
  color:#E0AD35 !important;
  border: solid 2px #E0AD35 !important;

}

#customtablebox1{
display: flex;
float: left;
width: 60%; 
align-items: center;
}

#customtablebox1span{

  color: #cfc2c2 !important;
  font-size:16px !important;
}
#customtablebox2{
  display: flex;
  float: right;
  width: 40%;
  font-family: 'Runner' !important;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: flex-end;

}
#customtablebox2span{

  font-family: 'Runner';
  line-height: 1 !important;
  font-size: 25px;
   color:#E0AD35;
}

.JE{

  font-family: 'Runner';
  font-size: 8px;
  color: #777;
  text-align: right;

}

span#flush-headingEight button.accordion-button,span#flush-headingNine button.accordion-button {
  color: #cfc2c2 ;
  background-image:url(/bestellportal/images/bgshade.png)!important;
  border: none !important;
}

span#flush-headingEight button.accordion-button span.price_text_width,span#flush-headingNine button.accordion-button span.price_text_width {
  padding: 20px;
  color: #cfc2c2 ;
  width: 52%;
}

span#flush-headingEight button.accordion-button span.price_span,span#flush-headingNine button.accordion-button span.price_span{

  font-family: 'Runner';
  font-size: 34px;
   color:#E0AD35;
   font-weight: 100 !important;
}
.accordion-item.customaccord1 {
  width: 48%;
  float: left;
}

.accordion-item.customaccord2 {
  width: 48%;
  float: right;
}
.accordion-flush .accordion-item:first-child {
  border: none !important;
 
}
.accordion-item.customaccord1 .collapsed::after,.accordion-item.customaccord2 .collapsed::after {
  bottom: 10px;
  right: 10px;
  position: absolute;
  background: url(/bestellportal/images/circle-plus-regular.svg);
  background-size: contain;
}

.accordion-item.customaccord1  .accordion-button:not(.collapsed)::after,.accordion-item.customaccord2  .accordion-button:not(.collapsed)::after{
  bottom: 10px;
  right: 10px;
  position: absolute;
  background: url("/bestellportal/images/circle-minus-regular.svg");
  background-size: contain;

}


.bgacordian,.bgacordian.accordion-button:not(.collapsed) {
  background: #cccccc85!important;
}

.bordbtn {
  font-size: 13px!important;
  padding: 9px 5px 9px 5px !important;
    border-radius: 2px!important;
  }


  .bgimg{
    background-image:url(/bestellportal/images/bgshade.png)!important;
  }


  a.nav-link.active {
    border-bottom: solid #e0ad35 2px;
   
}

.greyh{

  border-bottom-style: solid !important;
  border-color: #a7a5a2 !important;
}

span.home-banner-text {
  position: absolute;
  z-index: 99;
  top: 25%;
  bottom: 25%;
  left: 6%;
  font-size: 76px;
  width: 40%;
  line-height: 1.2;
  text-align: left;
}

.customhomefont span{
  font-family: 'Runner' !important;
  color:#E0AD35 !important;
  background: -webkit-linear-gradient(90deg, #b17313 35%, #e0ad35 65%);
  position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 9999999;

    
}



span.home-banner-text.customhomefont1 span {
    font-family: 'Runner' !important;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #977e21;
    font-size: 76px;
    vertical-align: 3px;
}




li.nav-item.menu_list:last-child {
  padding-right: 0;
}

@media (min-width: 768px) {
  .navbar-expand-lg .navbar-collapse {

      justify-content: flex-end !important;
  }
 
}

  @media (max-width:769px){


    span.home-banner-text.customhomefont1 span, span.home-banner-text{

      font-size: 34px;
      width: 48%;
    }

  } 
/* span.home-banner-text.customhomefont {
    color: rgba(239, 239, 239, 0.98);
    -webkit-text-stroke: 4px rgb(22 18 13);
    font-size: 68px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgb(0 0 0 / 0%);
    background: linear-gradient(to bottom, #FFD700, #b8860b00, #8b650800);
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    /* box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
 

    /* General table width */
#view-order {
  width: 100% !important; /* Ensure the table takes full width */
  border-collapse: collapse !important; /* Ensure borders are collapsed */
}

/* Table Header and Cell Padding */
#view-order thead th,
#view-order tbody td {
  padding: 10px !important;
  text-align: left !important; /* Align text to the left */
  align-items: flex-start !important; /* Align items to the left (if using flexbox context) */
}

/* Setting specific widths for the first 6 columns */
/* #view-order thead th:nth-child(1),
#view-order tbody td:nth-child(1) {
 text-align: center !important;
} */

#view-order thead th:nth-child(2),
#view-order tbody td:nth-child(2) {
  width: 10% !important; /* For second column (e.g., Lieferzeit) */
  text-align: center !important;
}

#view-order thead th:nth-child(3),
#view-order tbody td:nth-child(3) {
  width: 10% !important; /* For third column (e.g., Auftrag) */
}

#view-order thead th:nth-child(4),
#view-order tbody td:nth-child(4) {
  width: 10% !important; /* For fourth column (e.g., Datum) */
}

#view-order thead th:nth-child(5),
#view-order tbody td:nth-child(5) {
  width: 10% !important; /* For fifth column (e.g., Bestellt von) */
}

#view-order thead th:nth-child(6),
#view-order tbody td:nth-child(6) {
  width: 35% !important; /* For sixth column (e.g., Projektname) */
}

/* For remaining columns (7, 8, 9, 10) */
#view-order thead th:nth-child(7),
#view-order tbody td:nth-child(7) {
  width: 10% !important; /* For seventh column (e.g., Status) */
}

#view-order thead th:nth-child(8),
#view-order tbody td:nth-child(8) {
  width: 5% !important; /* For eighth column (e.g., Detail) */
  text-align: center !important; 
}

#view-order thead th:nth-child(9),
#view-order tbody td:nth-child(9) {
  width: 5% !important; /* For ninth column (e.g., Ändern) */
}

#view-order thead th:nth-child(10),
#view-order tbody td:nth-child(10) {
  width: 5% !important; /* For tenth column (e.g., Änderung) */
}


#view-order tbody td[style*="width: 0px"] {
  width: 5% !important; /* Adjust this as needed */
}

span.price_span span,span#customtablebox2span span {
  font-family: 'Runner' !important;
}


.embroidery_information_wrapper i.qodef-icon-ion-icon,.embroidery_information_wrapper i.fad.fa-file-pdf {
  font-size: 30px;
  padding-bottom: 20px;
  color: #777 !important;
}
hr.left-align-hr {
  width: 13% !important;
  color: #e0ad35 !important;
  height: 3px !important;
  opacity: 1;
  margin: 0;
  border: none;
}

.language_p p {
  font-size: 13px;
  line-height: 25px;
}

span.title_colr {
  color: #e5b235;
}

.embroidery_information_p {
  font-weight: 500;
  color: #858585 !important;
  text-align: center;
}

span.home-banner-text.customhomefont {
  left: 6.2%;
}



.spanid {
  text-align: left;
  line-height: 1;
  width: 48%;
}
.spanid span {
  font-family: 'Runner' !important;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #977e21;
  font-size: 76px;
 
}
.spanid2 {
  text-align: left;
  line-height: 1;
  width: 48%;
  position: absolute;
  top: 2%;
}
.spanid2 span {
  font-size: 76px;
  font-family: 'Runner' !important;
  color: #E0AD35 !important;
  background: -webkit-linear-gradient(90deg, #b17313 35%, #e0ad35 65%);
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 9999999;
}

span.headerfonttext {
  position: absolute;
  top: 30%;
  left: 6%;
}

@media (max-width:768px){
tbody .status-wrapper
{
   .status-sphere-open , .status-sphere-delivered , .status-sphere-progress , .status-sphere-change{
   margin: auto 5px auto 0 !important;
}
 /* .status_text{
visibility: visible;
} */
}
.new_footer .container > .row:first-child {
  width:100%;
}

tbody tr td[data-label="Col"] {
  color: transparent !important;
}


/* BorderEdits */

.customer_dashboard_page table td:nth-child(1) ,#admin_order_detail td:nth-child(1), #admin_customer_list_table  td:nth-child(1) , #view_order_popup table td:nth-child(1) , #login_information table td:nth-child(1) , #Customer_invoice table td:nth-child(1) , .dashboard_page:has(#admin_dashboard_table_reload_button) table td:nth-child(1) {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .customer_dashboard_page table td:last-child , #admin_order_detail  td:last-child, #admin_customer_list_table  td:last-child , #view_order_popup table td:last-child ,  #login_information table td:last-child , #Customer_invoice table td:last-child ,  .dashboard_page:has(#admin_dashboard_table_reload_button) table td:last-child  {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
.customer_dashboard_page  table td, #view_order_popup  table td , #admin_order_detail td , #admin_customer_list_table   td  , #login_information  table td , #Customer_invoice  table td , .dashboard_page:has(#admin_dashboard_table_reload_button) table td{
        padding-left: 5px !important;
    }
    





.first_name_tax {
    width: 100% !important;
}
.second_row_gg {
    width: 100% !important;
}
.second_row_tax {
    width: 100% !important;
}
.first_text_tax1 {
    width: 100% !important;
    padding-left: 12px !important;
    /* padding-right: 0 !important; */
}
.first_name_tax1 {
    width: 100% !important;
    align-items: left !important;
    justify-content: left !important;
    padding-left: 12px !important;
}
.first_input_tax {
    width: 100% !important;
}
.first_row_tax {
    width: 100% !important;
}
  .first_input_postal1 {
    width: 100% !important;
    padding-left: 12px !important;
}
  .first_name_postel1 {
    width: 100% !important;
    align-items: left !important;
    justify-content: left !important;
    padding-left: 12px !important;
}

  .first_input_postal {
    padding-right: 12px !important;
    width: 100% !important;
}
  .first_input1 {
    width: 100% !important; 
     padding-left: 12px !important; 
     padding-right: 12px !important; 
}
.first_row_ss {
    width: 100% !important;
}
.first_phone1 {
    padding-right: 12px !important;
     width: 100% !important; 
}
.first_text2 {
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.first_name_postel {
     width: 100% !important; 
}
  .first_name1 {
    width: 100% !important;
}
.first_phone2 {
    width: 100% !important;
}
  .spanid span,
  .spanid2 span {
    font-size: 32px;
   
  }

  #customtablebox2span{
  font-size:20px !important;

  }
  #customtablebox1span{

    font-size:14px !important;
  }

  #admin_dashboard_green_table_wrapper {
      width: 100% !important;
      overflow-x: auto !important;
      display: block !important;
  }

  .sidebar-nav .sidebar-div {
     border: 0px solid #ffffff; 
     background-color: #e9e9e9; 
}

  #admin_dashboard_green_table_wrapper table {
      width: 100% !important;
      table-layout: fixed !important;
  }

  /* #admin_dashboard_green_table_wrapper table th,
  #admin_dashboard_green_table_wrapper table td {
      width: 10% !important;
      padding: 8px !important;
      box-sizing: border-box !important;
  } */

  #admin_dashboard_green_table_wrapper table th:nth-child(1){
    width: 100% !important; /* Equal width for both thead and tbody */
  }
   #admin_dashboard_green_table_wrapper table td:nth-child(1) {
      width: 100% !important; 
  } 

  #admin_dashboard_green_table_wrapper table th:nth-child(2),
  #admin_dashboard_green_table_wrapper table td:nth-child(2) {
      width: 100% !important; /* Equal width for both thead and tbody */
     
  }

  #admin_dashboard_green_table_wrapper table th:nth-child(3),
  #admin_dashboard_green_table_wrapper table td:nth-child(3) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_green_table_wrapper table th:nth-child(4),
  #admin_dashboard_green_table_wrapper table td:nth-child(4) {
      width: 100% !important; /* Equal width for both thead and tbody */
      text-align: left !important;
  }

  #admin_dashboard_green_table_wrapper table th:nth-child(5),
  #admin_dashboard_green_table_wrapper table td:nth-child(5) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_green_table_wrapper table th:nth-child(6),
  #admin_dashboard_green_table_wrapper table td:nth-child(6) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  /* Make the entire thead a flex container on mobile */
  #admin_dashboard_green_table_wrapper thead tr {
      display: flex !important;
  }

  /* Adjust each th element to take full width on mobile */
  #admin_dashboard_green_table_wrapper thead th {
      flex: 1 1 100% !important; /* Each th takes up full width */
      text-align: left !important; /* Align text to the left */
      box-sizing: border-box !important; /* Make sure padding doesn’t affect the width */
  }

  /* Optional: Adjust text size for better readability on smaller screens */
  #admin_dashboard_green_table_wrapper thead th {
      font-size: 7px !important; /* Smaller font size for better fit */
  }

  #admin_dashboard_green_table_wrapper  thead tr th:nth-child(1) {
    max-width: 100% !important;  /* Adjust width for the first column (Art) */
}
#admin_dashboard_green_table_wrapper  thead tr th:nth-child(2) {
  max-width: 100% !important;  /* Adjust width for the second column (Lieferzeit) */
}
#admin_dashboard_green_table_wrapper  thead tr th:nth-child(3) {
  max-width: 100% !important;  /* Adjust width for the third column (Auftrag) */
}
#admin_dashboard_green_table_wrapper  thead tr th:nth-child(4) {
  max-width: 100% !important;  /* Adjust width for the fourth column (Projektname) */
}
#admin_dashboard_green_table_wrapper  thead tr th:nth-child(5) {
  max-width: 100% !important;  /* Adjust width for the fifth column (Status) */
}
#admin_dashboard_green_table_wrapper  thead tr th:nth-child(6) {
  max-width: 100% !important;  /* Adjust width for the sixth column (Detail) */
}
}



@media (max-width: 768px) {
  #admin_dashboard_red_table_wrapper {
      width: 100% !important;
      overflow-x: auto !important;
      display: block !important;
  }

  #admin_dashboard_red_table_wrapper table {
      width: 100% !important;
      table-layout: fixed !important;
  }

  /* #admin_dashboard_red_table_wrapper table th,
  #admin_dashboard_red_table_wrapper table td {
      width: 10% !important;
      padding: 8px !important;
      box-sizing: border-box !important;
  } */

  #admin_dashboard_red_table_wrapper table th:nth-child(1),
  #admin_dashboard_red_table_wrapper table td:nth-child(1) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_red_table_wrapper table th:nth-child(2),
  #admin_dashboard_red_table_wrapper table td:nth-child(2) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_red_table_wrapper table th:nth-child(3),
  #admin_dashboard_red_table_wrapper table td:nth-child(3) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_red_table_wrapper table th:nth-child(4),
  #admin_dashboard_red_table_wrapper table td:nth-child(4) {
      width: 100% !important; /* Equal width for both thead and tbody */
      text-align: left !important;
  }

  #admin_dashboard_red_table_wrapper table th:nth-child(5),
  #admin_dashboard_red_table_wrapper table td:nth-child(5) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_red_table_wrapper table th:nth-child(6),
  #admin_dashboard_red_table_wrapper table td:nth-child(6) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  /* Make the entire thead a flex container on mobile */
  #admin_dashboard_red_table_wrapper thead tr {
      display: flex !important;
  }

  /* Adjust each th element to take full width on mobile */
  #admin_dashboard_red_table_wrapper thead th {
      flex: 1 1 100% !important; /* Each th takes up full width */
      text-align: left !important; /* Align text to the left */
      box-sizing: border-box !important; /* Make sure padding doesn’t affect the width */
  }

  /* Optional: Adjust text size for better readability on smaller screens */
  #admin_dashboard_red_table_wrapper thead th {
      font-size: 7px !important; /* Smaller font size for better fit */
  }
  #admin_dashboard_red_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;  /* Adjust width for the first column (Art) */
}
#admin_dashboard_red_table_wrapper thead tr th:nth-child(2) {
  max-width: 15% !important;  /* Adjust width for the second column (Lieferzeit) */
}
#admin_dashboard_red_table_wrapper thead tr th:nth-child(3) {
  max-width: 20% !important;  /* Adjust width for the third column (Auftrag) */
}
#admin_dashboard_red_table_wrapper thead tr th:nth-child(4) {
  max-width: 40% !important;  /* Adjust width for the fourth column (Projektname) */
}
#admin_dashboard_red_table_wrapper thead tr th:nth-child(5) {
  max-width: 10% !important;  /* Adjust width for the fifth column (Status) */
}
#admin_dashboard_red_table_wrapper thead tr th:nth-child(6) {
  max-width: 5% !important;  /* Adjust width for the sixth column (Detail) */
}

}





@media (max-width: 768px) {
  
.form-group .control-label,
.form-group>label {
  line-height: 3 !important;
}
  .status_text {
    visibility: hidden;
}
  .status_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  #admin_dashboard_yellow_table_wrapper {
      width: 100% !important;
      overflow-x: auto !important;
      display: block !important;
  }

  #admin_dashboard_yellow_table_wrapper table {
      width: 100% !important;
      table-layout: fixed !important;
  }

  /* #admin_dashboard_yellow_table_wrapper table th,
  #admin_dashboard_yellow_table_wrapper table td {
      width: 10% !important;
      padding: 8px !important;
      box-sizing: border-box !important;
  } */

  #admin_dashboard_yellow_table_wrapper table th:nth-child(1),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(1) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_yellow_table_wrapper table th:nth-child(2),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(2) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_yellow_table_wrapper table th:nth-child(3),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(3) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_yellow_table_wrapper table th:nth-child(4),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(4) {
      width: 100% !important; /* Equal width for both thead and tbody */
      text-align: left !important;
  }

  #admin_dashboard_yellow_table_wrapper table th:nth-child(5),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(5) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  #admin_dashboard_yellow_table_wrapper table th:nth-child(6),
  #admin_dashboard_yellow_table_wrapper table td:nth-child(6) {
      width: 100% !important; /* Equal width for both thead and tbody */
  }

  /* Make the entire thead a flex container on mobile */
  #admin_dashboard_yellow_table_wrapper thead tr {
      display: flex !important;
  }

  /* Adjust each th element to take full width on mobile */
  #admin_dashboard_yellow_table_wrapper thead th {
      flex: 1 1 100% !important; /* Each th takes up full width */
      text-align: left !important; /* Align text to the left */
      box-sizing: border-box !important; /* Make sure padding doesn’t affect the width */
  }

  /* Optional: Adjust text size for better readability on smaller screens */
  #admin_dashboard_yellow_table_wrapper thead th {
      font-size: 7px !important; /* Smaller font size for better fit */
  }

  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;  /* Adjust width for the first column (Art) */
  }
  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;  /* Adjust width for the second column (Lieferzeit) */
  }
  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;  /* Adjust width for the third column (Auftrag) */
  }
  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;  /* Adjust width for the fourth column (Projektname) */
  }
  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;  /* Adjust width for the fifth column (Status) */
  }
  #admin_dashboard_yellow_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;  /* Adjust width for the sixth column (Detail) */
  }

}



@media (max-width: 768px) {
 

  #admin_dashboard_blue_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #admin_dashboard_blue_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #admin_dashboard_blue_table_wrapper table th {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  /* #admin_dashboard_blue_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #admin_dashboard_blue_table_wrapper table th:nth-child(1){
    width: 100% !important;
  }
  /* #admin_dashboard_blue_table_wrapper table td:nth-child(1) {
    width: 5% !important;
  } */

  #admin_dashboard_blue_table_wrapper table th:nth-child(2),
  #admin_dashboard_blue_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #admin_dashboard_blue_table_wrapper table th:nth-child(3),
  #admin_dashboard_blue_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #admin_dashboard_blue_table_wrapper table th:nth-child(4),
  #admin_dashboard_blue_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #admin_dashboard_blue_table_wrapper table th:nth-child(5),
  #admin_dashboard_blue_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #admin_dashboard_blue_table_wrapper table th:nth-child(6),
  #admin_dashboard_blue_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #admin_dashboard_blue_table_wrapper thead tr {
    display: flex !important;
  }

  #admin_dashboard_blue_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #admin_dashboard_blue_table_wrapper thead th {
    font-size: 7px !important;
  }

  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }
  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }
  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }
  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }
  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }
  #admin_dashboard_blue_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}

@media (max-width: 768px) {
  #em_freelancer_green_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table th {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }
  /* #em_freelancer_green_dashboard_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(1){
    width: 5% !important;
  }
   #em_freelancer_green_dashboard_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  } 

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(2),
  #em_freelancer_green_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(3),
  #em_freelancer_green_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(4),
  #em_freelancer_green_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(5),
  #em_freelancer_green_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper table th:nth-child(6),
  #em_freelancer_green_dashboard_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #em_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}

@media (max-width: 768px) {


  #em_freelancer_yellow_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }
/* 
  #em_freelancer_yellow_dashboard_table_wrapper table th,
  #em_freelancer_yellow_dashboard_table_wrapper table td {
    width: 5% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(1),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(2),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(3),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(4),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(5),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper table th:nth-child(6),
  #em_freelancer_yellow_dashboard_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #em_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(6) {
    max-width: 5% !important;
  }
}


@media (max-width: 768px) {


  #em_freelancer_red_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }
/* 
  #em_freelancer_red_dashboard_table_wrapper table th,
  #em_freelancer_red_dashboard_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(1),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(2),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(3),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(4),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(5),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper table th:nth-child(6),
  #em_freelancer_red_dashboard_table_wrapper table td:nth-child(6) {
    width: auto !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #em_freelancer_red_dashboard_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}


@media (max-width: 768px) {


  #em_freelancer_blue_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  /* #em_freelancer_blue_dashboard_table_wrapper table th,
  #em_freelancer_blue_dashboard_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(1) {
    width: 100% !important;
  }
  /* #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(1) {
    width: 5% !important;
  } */

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(2),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(3),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(4),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(5),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(6),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }
  #em_freelancer_blue_dashboard_table_wrapper table th:nth-child(7),
  #em_freelancer_blue_dashboard_table_wrapper table td:nth-child(7) {
    width: 100% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 35% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 8% !important;
  }

  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(6) {
    
    max-width: 8% !important;
  }
  
  #em_freelancer_blue_dashboard_table_wrapper thead tr th:nth-child(7) {
    
    max-width: auto !important;
  }
}

@media (max-width: 768px) {

  #ve_freelancer_green_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th,
  #ve_freelancer_green_dashboard_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(1),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(2),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(3),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(4),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(5),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper table th:nth-child(6),
  #ve_freelancer_green_dashboard_table_wrapper table td:nth-child(6) {
    width: auto !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #ve_freelancer_green_dashboard_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}
@media (max-width: 768px) {


  #ve_freelancer_yellow_dashboard_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th,
  #ve_freelancer_yellow_dashboard_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(1),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(2),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(3),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(4),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(5),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper table th:nth-child(6),
  #ve_freelancer_yellow_dashboard_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr {
    display: flex !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead th {
    font-size: 7px !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #ve_freelancer_yellow_dashboard_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}

@media (max-width: 768px) {
 

  #ve_freelancer_red_dashboard_table_processing {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #ve_freelancer_red_dashboard_table_processing table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th,
  #ve_freelancer_red_dashboard_table_processing table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(1),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(1) {
    width: 100% !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(2),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(2) {
    width: 100% !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(3),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(3) {
    width: 100% !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(4),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(5),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(5) {
    width: 100% !important;
  }

  #ve_freelancer_red_dashboard_table_processing table th:nth-child(6),
  #ve_freelancer_red_dashboard_table_processing table td:nth-child(6) {
    width: auto !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr {
    display: flex !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead th {
    font-size: 7px !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #ve_freelancer_red_dashboard_table_processing thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}


@media (max-width: 768px) {

  #ve_freelancer_blue_dashboard_table_processing {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th,
  #ve_freelancer_blue_dashboard_table_processing table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(1),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(1) {
    width: 100% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(2),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(2) {
    width: 100% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(3),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(3) {
    width: 100% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(4),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(5),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(5) {
    width: 100% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing table th:nth-child(6),
  #ve_freelancer_blue_dashboard_table_processing table td:nth-child(6) {
    width: auto !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr {
    display: flex !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead th {
    font-size: 7px !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #ve_freelancer_blue_dashboard_table_processing thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}

@media (max-width:768px) {
  #em_freelancer_green_table thead {
    display: none !important;
  }
  input#admin_detail_project_name,input#detail_project_name {
        width: 100%;
}
input#admin_detail_final_product,input#detail_final_product {
        width: 100%;
}
input#admin_detail_special_instructions,input#detail_special_instructions {
        width: 100%;
}
}


@media (max-width: 768px) {
  
 
  
    #customer_dashboard_green_table_wrapper {
      width: 100% !important;
      overflow-x: auto !important;
      display: block !important;
    }
  
    #customer_dashboard_green_table_wrapper table {
      width: 100% !important;
      table-layout: fixed !important;
    }
  
    /* #customer_dashboard_green_table_wrapper table th,
    #customer_dashboard_green_table_wrapper table td {
      width: 10% !important;
      padding: 8px !important;
      box-sizing: border-box !important;
    }
   */
    #customer_dashboard_green_table_wrapper table th:nth-child(1),
    #customer_dashboard_green_table_wrapper table td:nth-child(1) {
      width: 100% !important;
    }
  
    #customer_dashboard_green_table_wrapper table th:nth-child(2),
    #customer_dashboard_green_table_wrapper table td:nth-child(2) {
      width: 100% !important;
    }
  
    #customer_dashboard_green_table_wrapper table th:nth-child(3),
    #customer_dashboard_green_table_wrapper table td:nth-child(3) {
      width: 100% !important;
    }
  
    #customer_dashboard_green_table_wrapper table th:nth-child(4),
    #customer_dashboard_green_table_wrapper table td:nth-child(4) {
      width: 100% !important;
      text-align: left !important;
    }
  
    #customer_dashboard_green_table_wrapper table th:nth-child(5),
    #customer_dashboard_green_table_wrapper table td:nth-child(5) {
      width: 100% !important;
    }
  
    #customer_dashboard_green_table_wrapper table th:nth-child(6),
    #customer_dashboard_green_table_wrapper table td:nth-child(6) {
      width: 100% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr {
      display: flex !important;
    }
  
    #customer_dashboard_green_table_wrapper thead th {
      flex: 1 1 100% !important;
      text-align: left !important;
      box-sizing: border-box !important;
    }
  
    #customer_dashboard_green_table_wrapper thead th {
      font-size: 7px !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(1) {
      max-width: 5% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(2) {
      max-width: 15% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(3) {
      max-width: 20% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(4) {
      max-width: 40% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(5) {
      max-width: 10% !important;
    }
  
    #customer_dashboard_green_table_wrapper thead tr th:nth-child(6) {
      max-width: 10% !important;
    }
  }
  

@media (max-width: 768px) {
 

  #customer_dashboard_red_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #customer_dashboard_red_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

 
  #customer_dashboard_red_table_wrapper table th:nth-child(1),
  #customer_dashboard_red_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #customer_dashboard_red_table_wrapper table th:nth-child(2),
  #customer_dashboard_red_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #customer_dashboard_red_table_wrapper table th:nth-child(3),
  #customer_dashboard_red_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #customer_dashboard_red_table_wrapper table th:nth-child(4),
  #customer_dashboard_red_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #customer_dashboard_red_table_wrapper table th:nth-child(5),
  #customer_dashboard_red_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #customer_dashboard_red_table_wrapper table th:nth-child(6),
  #customer_dashboard_red_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr {
    display: flex !important;
  }

  #customer_dashboard_red_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #customer_dashboard_red_table_wrapper thead th {
    font-size: 7px !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #customer_dashboard_red_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}


@media (max-width: 768px) {


  #customer_dashboard_yellow_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #customer_dashboard_yellow_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }



  #customer_dashboard_yellow_table_wrapper table th:nth-child(1),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #customer_dashboard_yellow_table_wrapper table th:nth-child(2),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #customer_dashboard_yellow_table_wrapper table th:nth-child(3),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #customer_dashboard_yellow_table_wrapper table th:nth-child(4),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #customer_dashboard_yellow_table_wrapper table th:nth-child(5),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #customer_dashboard_yellow_table_wrapper table th:nth-child(6),
  #customer_dashboard_yellow_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr {
    display: flex !important;
  }

  #customer_dashboard_yellow_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #customer_dashboard_yellow_table_wrapper thead th {
    font-size: 7px !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #customer_dashboard_yellow_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
}


@media (max-width: 768px) {
 

  #customer_dashboard_blue_table_wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    display: block !important;
  }

  #customer_dashboard_blue_table_wrapper table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  /* #customer_dashboard_blue_table_wrapper table th,
  #customer_dashboard_blue_table_wrapper table td {
    width: 10% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
  } */

  #customer_dashboard_blue_table_wrapper table th:nth-child(1),
  #customer_dashboard_blue_table_wrapper table td:nth-child(1) {
    width: 100% !important;
  }

  #customer_dashboard_blue_table_wrapper table th:nth-child(2),
  #customer_dashboard_blue_table_wrapper table td:nth-child(2) {
    width: 100% !important;
  }

  #customer_dashboard_blue_table_wrapper table th:nth-child(3),
  #customer_dashboard_blue_table_wrapper table td:nth-child(3) {
    width: 100% !important;
  }

  #customer_dashboard_blue_table_wrapper table th:nth-child(4),
  #customer_dashboard_blue_table_wrapper table td:nth-child(4) {
    width: 100% !important;
    text-align: left !important;
  }

  #customer_dashboard_blue_table_wrapper table th:nth-child(5),
  #customer_dashboard_blue_table_wrapper table td:nth-child(5) {
    width: 100% !important;
  }

  #customer_dashboard_blue_table_wrapper table th:nth-child(6),
  #customer_dashboard_blue_table_wrapper table td:nth-child(6) {
    width: 100% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr {
    display: flex !important;
  }

  #customer_dashboard_blue_table_wrapper thead th {
    flex: 1 1 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  #customer_dashboard_blue_table_wrapper thead th {
    font-size: 7px !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(1) {
    max-width: 5% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(2) {
    max-width: 15% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(3) {
    max-width: 20% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(4) {
    max-width: 40% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(5) {
    max-width: 10% !important;
  }

  #customer_dashboard_blue_table_wrapper thead tr th:nth-child(6) {
    max-width: 10% !important;
  }
  td.dataTables_empty {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
}


.btn-cstm-jon-chng{

    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    border-radius: 10rem !important; 
/*    width: 140px;*/

    display: inline-block !important;
    position: relative;
    overflow: hidden;
    height: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fc !important;
   color : #777777  !important;
     border: 1px solid grey !important ;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 11px !important;
    font-weight: 600;
   
    font-family: "Inter", "Helvetica","sans-serif", monospace;
}





.new-open-order{
  width:10% !important;
}
.new-open-order2{
  width:25% !important;
}
/*.folder_button p {
  background-color: #fff !important;
}*/
/*.folder_button:hover p {
  background-color: #777777 !important;
}
*/

   .stbtn_fbtn {
     transition: background 0.3s ease;
     font-size: 11px !important;
   border: 1px solid #777777 !important;
    border-radius: 10rem !important;
  padding:10px 20px !important;
  background-color: #f8f9fc !important;
   color:#777777 !important;
   white-space: nowrap; 
 font-family: "Inter", "Helvetica","sans-serif", monospace;
 font-weight: 600 !important;
 line-height: 18px;
  
} 

.stbtn_fbtn div span {
  display: block;
}

.stbtn_fbtn div span:last-of-type {
  color: #fff;
}

.stbtn_fbtn div {
  position: relative;
}

.stbtn_fbtn div span:last-of-type {
  position: absolute;
  inset: 0;
  transform: translateY(200%);
  color: #fff;
}

.stbtn_fbtn {
  overflow: hidden;
}

.stbtn_fbtn:hover div {

  transform: translateY(-200%);
}
.stbtn_fbtn:hover{
 transition: background 0.2s ease;
  background-color:#777777 !important;
  color:#fff;
}

div.hover-cover {
  transition: transform 0.25s linear ;
}

.btn-cstm-files-opn,.btn-cstm-modl-files{

   
    border-radius: 10rem !important;

    position: relative;
    overflow: hidden;
  
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fc !important;

    color : #777777 ;
     border: 1px solid grey !important;
    cursor: pointer;
    transition: background 0.3s ease;
    font-size: 11px  !important;
    font-weight: 600 !important; 
    font-family: "Inter", "Helvetica","sans-serif", monospace;
    padding:10px 20px !important;
    
   
}

.btn-cstm-files-opn:hover{
    background-color: #777777 !important;
/*   color:white !important;*/
}

 .btn-cstm-files-opn:hover p {
/*    background-color: #777777 !important;*/
    color: white !important;
}


.btn-cstm-files-opn p{
   line-height: 18px !important;
}

.stbtn_fbtn:hover i{
color:#fff !important;
/* fill: #fff !important;*/
}




.btn-cstm-modl-files i {
    color: black !important;
}
.btn-cstm-modl-files:hover i {
    color: #fff !important;
}

/* .folder_button_new p{
    padding: 5px 20px !important;
    background-color: #f8f9fc !important;

} */
 

/*Modifications*/

button.stbtn_fbtn span {
  text-transform: uppercase !important;
  display: flex;
  align-items: center;

}

.stbtn_fbtn.btn {
    line-height: 18px !important;
}



#customer_staff_create_submit {
/*  Modified*/
/*  background: #c4ae79 !important;
  color: #fff !important;*/
  height: 40px !important;
  border: 0;
  border-radius: 0;
  font-size: 13px;
  padding: 6px 25px;
  font-family: "Inter", "Helvetica", monospace;
}

/* div#sidebarmenu .category-label { 
    padding: 5px;
    color: #e0ad35;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600 !important;
}

.lgg_resi button.stbtn_fbtn {
    margin-left: 0px !important;
}

.menu_buttons_new{
      padding: 7px !important;
}
.modal_new{
  margin-top: 25px;
}

button#par_em_popup_close {
    margin-top: 25px;
}

.sidebar-nav .sidebar-div {
      padding: 5px 0 5px 0;
}

body .sidebar_explain p{
    line-height: 12px !important;
    font-weight: 600;
}

.CheckboxButtons {
    text-align: right;
    gap: 20px;
    margin-top: 20px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
button.CheckboxButton.stbtn_fbtn {
    width: 100%;
}

button.CheckboxButton.stbtn_fbtn span{
  justify-content: center;
}
.hover-text img.columnImage {
    filter: brightness(0) invert(1);
}


/*.sidebar_explain p[title]{
  font-family:  "Roboto Mono", monospace;
}*/

/* .sidebar_explain  p[titleCustom]:hover::after {
      font-family: "Inter", "Helvetica", monospace !important;
    content: attr(titleCustom);
    position: absolute;
    top: 43px;
    background-color: white;
    color: #000;
    padding: 8px;
    height: 30px;
    border-radius: 5px;
    font-size: 11px !important;
    border: 1px solid #777;
    z-index: 10000;
    font-weight: 400 !important;
} */


/* Tooltip for all li on hover */
.sidebar-nav li:hover .sidebar_explain p[titleCustom]::after {
   font-family: "Inter", "Helvetica", monospace !important;
    content: attr(titleCustom);
    position: absolute;
    top: 100px;
    background-color: white;
    color: #000;
    padding: 8px;
    height: 30px;
    border-radius: 5px;
    font-size: 11px !important;
    margin-left: -4.1%;
    border: 1px solid #777;
    z-index: 10000;
    font-weight: 400 !important;
}


.material_class p[titleCustom]:hover::after{

  right:0;
}

  /* .sidebar_explain p[titleCustom]:hover::after {
      content: attr(titleCustom);
      position: absolute;
      top: 43px;
      background-color: white;
      color: #000;
      padding: 10px;
      height: 30px;
      border-radius: 5px;
      font-size: 11px;
      border: 1px solid #777;
      z-index: 10000;
      font-weight: 400;
      font-family: initial; 
      font-family: "Inter", "Helvetica", monospace;
  } */



   .custom_header_menu_item {
       width: 82px !important;
   }

   .pagetitle, .dashboard_title, legend.field-caption{
    color: #e0ad35 !important;
    background: -webkit-linear-gradient(90deg, #b77b17 35%, #e0ad35 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   }

   .dataTables_info{
    color:#777;
   }
   p,label,span,li,td{
    color:#777 !important;
   }

.stbtn_fbtn:hover .master, .stbtn_fbtn:hover .hover-text {
  color: white !important;
}


.customer_dashboard_all_button:hover{
  color:white !important;

}

.customer_dashboard_all_button{
margin-top: 13px;
}


/*.sidebar-nav li:hover .sidebar-div {
    border: 2px solid #E0AD35;
    box-shadow: 0 0 6px #E0AD35;
}
.sidebar-nav li:hover .sidebar-div .lion_pop_btn {
}
 .sidebar-nav li.clicked .sidebar-div {
    border: 2px solid #E0AD35;
    box-shadow: 0 0 6px #E0AD35;
}*/


/* Add this to .sidebar-div for smooth animation */
.sidebar-div {
    transition: border 0.4s ease, box-shadow 0.4s ease;
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
        box-sizing: border-box !important;
}

/* Your existing hover state */
.sidebar-nav li:hover .sidebar-div {
    border: 2px solid #E0AD35;
/*    box-shadow: 0 0 11px #E0AD35;*/

}
/* Your existing active/clicked state */

.sidebar-nav li.clicked .sidebar-div {
    border: 2px solid #e0ad35;
/*    box-shadow: 0 0 11px #E0AD35;*/
}





input::placeholder , select::placeholder, textarea::placeholder {
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important;
}


.multiselect_font{
      color: #777 !important;
      font-family: "Inter", "Helvetica", monospace !important;
}

div#adminTableSearchInput{
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.SearchInputWrapper {
    border:none !important;
    border-radius: 5px !important;
} 

input div{
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important;
}
input span {
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important;
}
.form-control{
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important;
}
.order_detail_input_div_element{
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important; 
}
.selectbox-control{
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important; 
}
#selected_ve_parameter8,
#selected_ve_parameter9,
#selected_em_parameter3 {
    color: #777 !important;
    font-size: 13px !important;
    font-family: "Inter", "Helvetica", monospace !important; 
}

 
  /* .custom_top_menu_width{
  width: 23px !important;
    min-height: 30px;
}    */

/* .custom_top_ve_param{
  width:15px !important;
   min-height: 29px;
} */

.custom_top_free_width{
width:32px ;
}
.custom_top_freelancer_red{
  width:20px ;
}
.custom_width_freelancer_yellow{
  width:19px;
}




.sidebar-div div.lion_pop_btn {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}


.box_title {
  color: #e0ad35;
  font-size: 15px;
  font-weight:600;
}

.fa-chevron-left , .fa-chevron-right{
color: #777;
}

.tableControl label {
    font-size: 15px;
  }
label.searchfreelancer , .searchfreemain label{
  font-size: 15px !important;
}

.DatePickerWrapperStart label , .DatePickerWrapperEnd label{
  font-size: 15px;
}
#admin-view-invoice_filter .labelsearch input ,#admin_parameter_ve_table_filter input,#admin_parameter_em_table_filter input,#CustomerTableSearchInput, #adminTableDatepickerInputEnd , #adminTableDatepickerInputStart, #adminAllTableSearchInput, #admin_customer_list_table_filter input , #freelancersearch,#tableDatepickerInputStartfree,#tableDatepickerInputEndfree ,#tableDatepickerInputStart , #tableDatepickerInputEnd , #tableSearchInput, #InvoiceDatepickerInputStart, #InvoiceDatepickerInputEnd , #view-invoice_filter input ,#selected_products{
  color: #ccc;

}




.customer_dashboard_page .customer_dashboard_all_button{
   margin-top: 1.2em;
}
.responsive-table thead tr , .dashboard_table thead tr , .customer_dashboard_page thead{
  background-color: #777;
}



/*.dashboard_page .row > div:first-of-type{
    padding-top: 1.3em !important; 
  }
  .dashboard_page .row > div:nth-of-type(2) {
    padding-top: 1.3em !important;
}*/

.customer_dashboard_page .customer_dashboard_all_button {
    margin-top: 3.2em;
}

.dashboard_title {
    padding-bottom: 0.4em;
}

/*.dashboard_page .row > div:nth-of-type(3) {
    padding-top: 0.9em !important ;
}

.dashboard_page .row > div:nth-of-type(4) {
    padding-top: 0.9em !important;
}*/


.dashboard_page .customer_dashboard_all_button {
    margin-top: 20px;
}

.page_section .pagetitle{
   margin-bottom: 0.5em;
   /* padding-top: 0.3em; */
 }

.bg-body-tertiary{
    background-image:url(/bestellportal/images/banner.webp)!important;
    background-size: cover;
}


/* .logo_header_img{
    width: 206.69px !important;
    height: 64.63px !important;
    max-width: 207px !important;
    max-height: 65px !important;
} */


.navbar{
   padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.lion_nav{
  padding-top: 0px;
  padding-bottom: 0px;
}

.lion_nav_wrap .container-fluid{
  padding-right: 4% !important;
  margin-inline: 0px !important;
}


.lion_nav_wrap .navbar-nav .nav-link {
  font-size: 13px !important;
  font-weight: 600;
  font-family:inter, helvetica, sans-serif ;
  letter-spacing: .06em;
 
}
#navbarSupportedContent{
        justify-content: center !important;
        gap: 1.5rem !important;
}


.lion_nav_wrap .profile{
  font-size: 11px;
  padding-right: 1px;
}
.lion_nav_wrap , .nav_wrap_dv{
  max-height: 95px !important;
  height: 94.63px !important;
  }

.lion_nav_wrap .profile img{
    width: 22px !important; 
    height: 21px !important; 
    border-radius: 50%;
  }


/*  ----------------Footer---------------------*/

/* General Footer Wrapper */
.print_footer {
    position: relative;
    width: 100%;
    background-color: white;
}

/* Footer Main Container */
.new_footer {
    background: linear-gradient(90deg, #000000cc, #212529);
    background: url('/bestellportal/asset/images/Footer-image.png') no-repeat center center !important;
    /* background-size: cover !important; */
    background-position: center 4% !important;
    padding: 80px 0 40px;
    color: #fff;
    font-family: 'Inter', Helvetica, sans-serif;
/*    padding-top: 30% !important; */
}

/* Responsive Row Settings */
.new_footer .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;

        padding-top: 25px;
}

.new_footer .row > * {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Column Structure */
.new_footer .col {
    flex: 1 0 0%;
}

/* Headings */
footer.new_footer h4.inter {
    font-size: 20px;
    font-weight: 800;
/*    margin-bottom: 16px;*/
    text-shadow: 0 0 #e0ad357a;
}

/* Paragraphs */
footer p,
footer .p,
footer .contactparah {
    font-size: 13px;
    line-height: 23px;
      opacity: 1;
    font-weight: 500;
    color: #ccc;
    margin-bottom: 10px;
}

/* Contact Section */
footer .text-white {
    color: #fff !important;
        line-height: 23px !important;
}

/* Footer Links */
footer a.contactparah {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

footer a.contactparah:hover {
    color: #e0ad35;
}

/* Social Icons */
.new_footer .follow_heading {
    margin-top: 48px;
}

.new_footer .fspan_link {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.new_footer .socialicon {
    font-size: 20px;
    color: #e0ad35;
    transition: color 0.3s ease;
}

.new_footer .socialicon:hover {
    color: #fff;
}

/* Shop & Info Links */
.new_footer ul.leiulcust {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.new_footer ul.leiulcust li {
    margin: 2px 0px;
}

/* Newsletter Form */
.new_footer form.layout_form {
    margin-top: 30px;
}

.new_footer input.footer_input {
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-family: 'Inter', Helvetica, sans-serif;
    border: none;
    border-bottom: 1px solid #777;
    background: transparent;
    color: #ccc;
    margin-top: 9px;
    border-radius: 0;
    outline: none;
}

/* Submit Button */
.new_footer button#submitButton {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #e0ad35;
    color: #000;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.new_footer button#submitButton:hover {
    background-color: #fff;
    color: #000;
}

/* Footer Bottom Bar */
footer .machen_txt {
    font-size: 13px;
       opacity: 1;
    font-weight: 500;
    margin-top: 40px;
    text-align: center;
    color: #fff;
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .new_footer .imgfd {
    margin-top: 160px !important;
}
}
/* @media (min-width:576px) and (max-width: 768px) {
.new_footer .imgfd {
    margin-top: 50px !important;
}
} */
@media (max-width: 768px) {
    .new_footer .col-xl-3,
    .new_footer .col-md-3,
    .new_footer .col-sm-5,
    .new_footer .col-xs-3 {
        /* width: 100%; */
        margin-bottom: 30px;
    }
    .new_footer .follow_heading {
    margin-top: 0px;
}
footer .text-white {
    line-height: 20px !important;
}
/* footer p, footer .p, footer .contactparah {
    font-size: 11px;
} */
    .new_footer .fspan_link {
        justify-content: left;
    }

    footer .machen_txt {
        text-align: center;
    }
    .new_footer {
    background: url('/bestellportal/asset/images/Footer-image22june.jpg') no-repeat center center !important;
     background-size: cover !important; 
}
}


.new_footer .container{
  max-width: 90.7% !important;
}

.new_footer h4{
        background: -webkit-linear-gradient(#E0AD35, #cb971c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fspan_link_icons{
  color: #cb971c;
      FONT-SIZE: 15px;
}

footer .contactparah a{
  color: #fff !important;
}


.new_footer {
font-size: 13px;
      font-weight: 500;
  }

.new_footer .input::placeholder{
        opacity: 1;
    font-weight: 500;
    font-size: 13px;
    color: white !important;
}

.footer_input::placeholder{
     opacity: 1;
    font-weight: 500;
    font-size: 13px;
    color: white !important;
}


.new_footer .machen_txt{
        opacity: 1;
    font-weight: 500;
    font-size: 13px;
    color: white !important;
        margin-top: 0px;
}


.machen_txt span{
      opacity: 1;
    font-weight: 500;
    font-size: 13px;
    color: white !important;
}


.new_footer .cr_form-inputgroup{
  max-width: 100% !important;
}


.new_footer .submit_container button{


    width: 204px;
    height: 40px;
background-color:transparent !important;
    font-size: 13px !important;
    LETTER-SPACING: 2PX;

  }

  .new_footer .submit_container button:hover{
    background-color: #777 !important;
  }



 .new_footer .imgfd {

  margin-top: 19px;
}

/*.new_footer{
  padding-bottom: 0px;
      margin-top: 100px;
          padding-top: 90px;
}*/


.nav-tabs .nav-link #nav-links{
  background: #c4ae79 !important;
  color: white;
/*  font-weight: 600;*/
  font-size: 13px;
/*  letter-spacing: 1px;*/
  padding: 8px 12px;
  margin-right: 10px;
  border: none !important;
  margin-bottom: 30px !important;
  border-radius: 0 !important;
  font-family: "Inter", "Helvetica", monospace;

}

.new_footer .nav-link  #nav-links{
    font-weight: 600 !important;
    /* font-family: 'inter, helvetica, sans-serif' !important; */
    width: 100%;
    vertical-align: middle;
    height: 100%;
    font-size: 13px;
    letter-spacing: .06em;
    line-height: 24px;
    color: #fff !important;
    width: max-content;
    margin: 0 2%;
}


/*.dropdown-menu li:nth-child(1) {
    animation-delay: .1s;
}

.dropdown-menu li {
    opacity: 0;
    animation: fadeInUp .5s ease forwards;
}*/



#navbarNavDropdown{
    padding-bottom: 6px;
  }

#nav_link_color{
      color: white !important;
}  
#nav_link_color:hover {
    position: relative !important;
    color: #e0ad35 !important;
}



/*----------Nav-Start------------*/


/*------------------------------
    Navbar Area
------------------------------*/


.navbar-area {
  border-bottom: 1px solid #e2e2e2 !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  padding: 0 !important;
}

.navbar-area.absolute {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 2 !important;
  background-color: transparent !important;
  border-bottom: 1px solid #777 !important;
}

.navbar-area .navbar-brand {
  padding-top: 7px !important;
}

.navbar-area.white .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-area.white .nav-right-content ul li {
  color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-area.white.nav-fixed {
  background-color: #0a1121 !important;
}

.navbar-area.nav-fixed {
  position: fixed !important;
  left: 0 !important;
  top: 0px !important;
  width: 100% !important;
  z-index: 9999 !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
}

.navbar-area.nav-fixed .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu {
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  top: 100% !important;
}

.navbar-area .navbar-collapse {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  font-family: "Poppins", sans-serif !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item {
  display: inline-block !important;
  padding: 15px 10px !important;
  position: relative !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu {
  position: static !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu.show .mega-menu-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu:hover .mega-menu-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  width: 100% !important;
  z-index: 2 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper .mega-menu-container {
  background-color: #fff !important;
  padding: 28px 30px 23px 30px !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper .mega-menu-container .mega-menu-columns .title {
  color: #777 !important;
  text-transform: capitalize !important;
  margin-bottom: 17px !important;
  font-family: "Rubik", sans-serif !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper .mega-menu-container .mega-menu-columns .menga-menu-page-links li {
  line-height: 30px !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper .mega-menu-container .mega-menu-columns .menga-menu-page-links li a {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu .mega-menu-wrapper .mega-menu-container .mega-menu-columns .menga-menu-page-links li a:hover {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:first-child {
  padding-left: 0 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu {
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  top: 85px !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu .dropdown-item {
  color: #777 !important;
  line-height: 40px !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu .dropdown-item:last-child {
  border-bottom: none !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu .dropdown-item:hover {
  background-color: #e0ad35 !important;
  color: #fff !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  top: 85px !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {
  padding: 0 !important;
  border-radius: 0 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show .dropdown-item {
  line-height: 40px !important;
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show .dropdown-item:last-child {
  border-bottom: none !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show .dropdown-item:hover {
  background-color: #e0ad35 !important;
  color: #fff !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .nav-link {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.active .nav-link {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:last-child {
  padding-right: 0 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  font-weight: 400 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link.pl-0 {
  padding-left: 0 !important;
}

.navbar-area .nav-right-content ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  margin-left: 15px !important;
}

.navbar-area .nav-right-content ul li {
  display: inline-block !important;
  margin: 0 15px !important;
  color: #777 !important;
}

.navbar-area .nav-right-content ul li:last-child {
  margin-right: 0 !important;
}

.navbar-area .nav-right-content ul li a {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .nav-right-content ul li a:hover {
  color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.search {
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .nav-right-content ul li.search:hover {
  color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.nav-btn .btn-boxed {
  font-weight: 600 !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  background-color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.nav-btn .btn-boxed:hover {
  background-color: #0a1121 !important;
}

/* navbar */
.main-header.sticky .main-navbar {
    background: hsl(var(--black)) !important;
    padding: 0 !important;
}

.main-navbar {
    padding: 10px 0 !important;
    width: 100% !important; 
    top: 0 !important;
    z-index: 111 !important;
    -webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
}

.main-navbar .logo-black {
    display: none !important;
}



.main-navbar .sing-btn a {
    color: hsl(var(--white)) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    gap: 5px !important;
}

.main-navbar .sing-btn a:hover {
    color: #e0ad35 !important;
}

  /* .navbar-toggler {
      background: #e0ad35 !important;
      color: #fff !important;
      opacity: 1 !important;
      padding: 1px 15px !important;
      height: 45px !important;
      border-radius: 5px !important;
      outline: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
  } */

.navbar-toggler svg {
    width: 35px !important;
    height: 35px !important;
}

.navbar-nav {
    gap: 1.5rem !important;
    position: relative !important;
}

@media screen and (max-width: 1199px) {
    .navbar-nav {
        gap: 0.9375rem !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav {
        gap: 0rem !important;
    }
}

.navbar-nav .nav-item .nav-link {
    color: #777 !important;
    /* padding: 1.5625rem 0.3125rem !important; */
    text-transform: capitalize !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

@media screen and (max-width: 1199px) {
    .navbar-nav .nav-item .nav-link {
        padding-left: 0.3125rem !important;
        padding-right: 0.3125rem !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav .nav-item .nav-link {
        padding: 0.625rem !important;
        color: #777 !important;
    }
}

.navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link:hover {
    position: relative !important;
    color: #e0ad35 !important;
}

.navbar-nav .nav-item .nav-link.active span::before, .navbar-nav .nav-item .nav-link:hover span::before {
    width: 100% !important;
    -webkit-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
}

.navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
    content: "\f107" !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 6 free" !important;
    border: 0 !important;
    font-size: 13px !important;
    margin-top: 3px !important;
    margin-left: 6px !important;
}

@media screen and (max-width: 991px) {
    .navbar-nav .nav-item .dropdown-toggle::after {
        margin-left: auto !important;
    }
}

@media (max-width: 991.98px) {
    .navbar-nav .nav-item.dropdown .nav-link {
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .navbar-nav .nav-item.dropdown .nav-link::after {
        content: "\f107" !important;
        font-weight: 900 !important;
        font-family: "Font Awesome 6 free" !important;
        margin-left: auto !important;
        transition: transform 0.3s ease;
        display: inline-block;
        transform: rotate(-90deg);
    }
    /* When dropdown is open (rotate the chevron) */
    a.nav-link.show::after {
        transform: rotate(0deg) !important;
    }
}

.navbar-nav .nav-item .dropdown-menu {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    margin-top: 0 !important;
    padding: 5px 10px !important;
    min-width: 260px !important;
    border: 1px solid #777 !important;
    border-radius: 5px !important;
    gap: 5px !important;
}

@media all and (min-width: 991.98px) {
    .navbar-nav .nav-item .dropdown-menu {
        display: block !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .navbar-nav .nav-item .dropdown-menu.fade-down {
        top: 80% !important;
        -webkit-transform: rotateX(-75deg) !important;
        transform: rotateX(-75deg) !important;
        -webkit-transform-origin: 0% 0% !important;
        transform-origin: 0% 0% !important;
    }

    .navbar-nav .nav-item .dropdown-menu.fade-up {
        top: 100% !important;
    }
}

.navbar-nav .nav-item .dropdown-menu a {
    margin: 5px 0 !important;
    background: none !important;
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    position: relative !important;
    border: 0 !important;
    color: #777 !important;
    padding: 8px 15px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    border-radius: 5px !important;
}

.navbar-nav .nav-item .dropdown-menu a::after {
    content: "\f061" !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 6 free" !important;
    -webkit-transform: translateX(-20px) !important;
    transform: translateX(-20px) !important;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
    opacity: 0 !important;
}

.navbar-nav .nav-item .dropdown-menu a.active, .navbar-nav .nav-item .dropdown-menu a:hover {
    color: #fff !important;
    background: #e0ad35 !important;
}

.navbar-nav .nav-item .dropdown-menu a.active::before, .navbar-nav .nav-item .dropdown-menu a:hover::before {
    opacity: 1 !important;
    width: 10px !important;
}

.navbar-nav .nav-item .dropdown-menu a.active::after, .navbar-nav .nav-item .dropdown-menu a:hover::after {
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
    opacity: 1 !important;
}

.navbar-nav .nav-item:hover .nav-link {
    color: #e0ad35 !important;
}

.navbar-nav .nav-item:hover .dropdown-menu {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    opacity: 1 !important;
    border: 1px solid #eeeeeee1 !important;
}

@media all and (min-width: 991.98px) {
    .navbar-nav .nav-item:hover .dropdown-menu {
        visibility: visible !important;
        top: 100% !important;
        -webkit-transform: rotateX(0deg) !important;
        transform: rotateX(0deg) !important;
    }
}

@media screen and (max-width: 575px) {
    .desktop-show .sing-btn,
.desktop-show .login {
        display: none !important;
    }
}

.mobile-show {
    display: none !important;
}

@media screen and (max-width: 575px) {
    .mobile-show {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        gap: 24px !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-top: 10px !important;
    }

    .mobile-show .sing-btn a {
        color: #e0ad35 !important;
    }
}

@media screen and (max-width: 768px) {
    #offcanvasNavbar .btn {
        padding: 15px 20px !important;
    }
    .container-fluid.mobnav #login-register_toggle {
    width: unset !important;
    justify-content: end;
    top: -25px !important;
    position: relative;
}
.container-fluid.mobnav.mobile{
flex-direction: unset !important;
/* padding-left: 60px !important; */
}

span.first_span h2 {
    line-height: 30px !important;
}
span.third_span h2 {
    line-height: 10px !important;
}
}
 
#search-two,
#search{
  background: none !important;
}

#login-register_toggle{
 width: 206px !important;
 justify-content: end;
}
/* feom old version  */
/* a.dropdown-item:hover {
    color: #858585;
    transform: translateX(10px);
    transition: transform .3s, -webkit-transform .3s;
    background-color: transparent !important;
    
} 
    li.nav-item a:hover::after {
    width: 100%;
}

li.nav-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: #b77b17;
    transition: width 0.3s ease-in-out;
}
li.nav-item a::after{
    height:0;
}
    li.nav-item a::after{
    height:0;
}    
*/


/* ul.navbar-nav.kdnav.navbar-nav li.nav-item.dropdown li {
    width: 100%;
} */


div#navbarNavDropdown.after_scroll a.nav-link {
    color: #777 !important;
}

div#navbarNavDropdown.after_scroll a.nav-link:hover {
    color: #e0ad35 !important;
}
div#login-register_toggle.mobile-afterscroll a.text-white {
    color: #777 !important;
}
div#login-register_toggle .fa-circle-user::before {
    font-size: 21px;
}
div#navbarNavDropdown li.active a.dropdown-item {
    color: #d6a32a !important;
    margin-left: 10px !important;
}

@media (min-width: 320px) and (max-width: 475px) {
    .wspanid, .wspanid2 {
        position: absolute;
        font-size: 18px !important;
        line-height: 1.2;
        font-family: '' !important;
        left: 0;
        width: 100%;
        right: 0;
        text-align: center;
    }
  
}
.dynamicport_nextbtn_a{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 65px;
    padding-top: 39px;
}
#portfolio-container .effect-image-1 img {
    height: 322px !important;
}
button.stbtn_fbtn.categories_btn.active {
    background: #777;
    color: #fff !important;
}
.new_sectionbtn {
    box-shadow: unset !important;
    width: 30%;
    border-radius: 40px !important;
    background-color: #f6f6f6;
    border-color: #777 !important;
}
.text-img {
    width: 58% !important;
}
div#\31 323777 p {
    color: #777;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;    
}

div#\31 323777 hr{
    width: 0px !important;
border-color: #E0AD35 !important;
margin: 10px 0px;
color: inherit;
border-top: var(--bs-border-width) solid;
opacity: 1;
border-top-width: 3px;
/*    margin-top: 25px;*/
margin-bottom: 0px;
text-align: left;
}
div#\31 323777 .hr-line {
    padding-top: 9px;
}
div#\31 323777 .padding_c {
    padding: 70px 0px;
    padding-bottom: 0px;
}
div#\31 323777 .new_mainbgcont_ssp {
    padding-bottom: 15.9rem !important;
 
}
/* .left-side {
    float: right;
    padding: 1%;
    padding-left: 30px !important;
  } */

  /* for swing  */

  .right-side {
    float: left;
    padding: 1%;
    padding-right: 30px !important;
  }
  .bottom_space90 {
    padding-bottom: 222px;
}
div#\31 323777 hr.sticktshirt1spacing {
    margin-top: 20px !important;
}

.menu_2_cardwidth.fade-in {
    width: 14.282%;
    padding: 0;
}
 p {
    hyphens: auto;

    /* text-align: justify; 
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    word-break: break-all;
    overflow-wrap: normal;*/
} 
  
.stickbeispiele .row.kundencolrow{
    /* flex-wrap: nowrap; */
    justify-content: space-between;
    margin: 0px;
    margin-bottom: 35px;
}
.Dynamic_ren_bottom {
    margin-bottom: 35px;
    height: 200px !important; /* for 4 n one : 295 */
}

/* .kcmdivl {
    transition: transform 0.3s ease;
}

.kcmdivl:hover {
    transform: scale(1.05);
    z-index: 2;
} */

.menu_2_cardwidth .modal_parent .kcmdivl {
    width: 265px !important;
    height: 265px !important;
    border: 1px solid #ffffff4f;

}

div#imageCarouselModal .modal-content.bg-dark {
    background-color: rgb(0 0 0 / 55%) !important;
}
div#imageCarouselModal {
    background: rgba(47, 48, 48, 0.43);
}
p.nptxt_stickhparah.stickhparah.justify {
    color: #777 !important;
    line-height: 23px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-align: justify;
}
hr.stick_seperatorrt.stickbeispiele {
    margin-top: 33px;
    margin-bottom: 17px;
}
/* page jumping/shaking issue fix */
body.modal-open .wspanid2 {
    left: -7.8px;
}
body.modal-open div#navbarNavDropdown {
    /* padding-right: 14px; */
} 
.bg_unset {
    background: unset !important;
}
.allh1top_space {
    padding-top: 100px !important;
}
.allh1top_space2 {
    padding-top: 78px !important;
}

.allh1top_space3 {
    padding-top: 74px !important;
}
#faqAccordion .accordion-header {
    -webkit-text-fill-color: unset !important;
}
#faqAccordion .accordion-body{
    color: #777;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
    font-family: 'Inter, Helvetica, sans-serif' !important;
}
#faqAccordion button.accordion-button {
    color: #d8a52c;
    font-size: 13px;
    font-weight: 400 !important;
    line-height: 23px !important;
}
.ownyellow{
    background-color: #d8a52c !important;
    border: #d8a52c !important;

}
button.accordion-button.inter {
    background-color: unset !important;
}
button.accordion-button.inter:focus {
    box-shadow: 0px 0px 15px 0rem rgb(204 165 44 / 36%) /* 1px -8px 20px 0rem rgb(216 165 44 / 36%); */
}


.horizontal.greyh {
    margin-top: 70px;
    margin-bottom: 17px;
}
                                                            /* .info-preise-stp */
.info-preise-stp hr.sticktshirt1spacing {
    width: 17% !important;
    border-color: #E0AD35 !important;
    margin: 10px 0px;
    color: inherit;
    border-top: var(--bs-border-width) solid;
    opacity: 1;
    border-top-width: 3px;
    margin-top: 74px;
    margin-bottom: 0px;
    text-align: left;
}
.info-preise-stp .box-head {
    height: 70px;
}
#customtablebox1 {
    display: flex;
    float: left;
    width: 60%;
    align-items: center;
}
#customtablebox2 {
    display: flex;
    float: right;
    width: 40%;
    font-family: 'Runner' !important;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: flex-end;
}
.inner_col.border.border-secondary {
    padding: 0px 12px;
    border: 1px solid #dee2e6 !important;
}
.box-clr {
    background: #c3ac6d;
}

.box-clr {
    background: #c3ac6d;
}

.bgimg {
    background-image: url(https://werbung.b-cdn.net/image/bgshade.png) !important;
}   

#customtablebox1span {
    white-space: nowrap;
    color: #e0ad35 !important;
    font-size: 13px !important;
    font-family: 'Inter, Helvetica, sans-serif' !important;
}
.table-heading1 {
    line-height: 23px !important;
    padding: 0 6px;
}
.table-heading1 {
    font-size: 13px !important;
    color: #fff !important;
    text-transform: uppercase;
    text-align: left !important;
    font-weight: 400 !important;
    margin: 0px !important;
}
#customtablebox2span {
    /* font-family: 'Runner'; */
    font-family: 'Inter, Helvetica, sans-serif' !important;
    line-height: 1 !important;
    font-size: 25px;
    color: #E0AD35;
    font-weight: 800 !important;
}

.euro{
    font-size: 15px;
    color: #777;
    vertical-align: middle;
}
.JE {
    font-family: 'Runner';
    font-size: 8px;
    color: #777;
    text-align: right;
}
.Express-lieferung ul.table-icons {
    padding: 0px 18px;
}
ul.table-icons {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0;
}
ul.table-icons li {
    /* padding-bottom: 8px; */
    text-align: left;
}
.price_content li {
    font-size: 13px !important;
}
.price_content li {
    font-size: 13px;
    line-height: 23px;
    font-family: 'Inter, Helvetica, sans-serif' !important;
    color: #777;
}
.price_content li:before {
    content: "\52";
    font-family: ElegantIcons;
    color: #e0ad35;
    padding-right: 15px;
    font-size: 18px;
    top: 3px;
    position: relative;
}
.btn_txt button {
    padding: 10px 30px;
    font-size: 13px;
    letter-spacing: .100em;
    font-family: 'Inter, Helvetica, sans-serif' !important;
    color: #777 !important;
}
.horizontal {
    position: relative;
    vertical-align: middle;
    margin: 10px 0;
    border-color: #e0ad35;
    border-bottom-style: dashed;
    width: 100%;
    border-bottom-width: 2px;
}
div#faqAccordion {
    border: 1px solid #77777742;
    }

.text_with_prc {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-right: 10px;
    align-items: center;
}

span#flush-headingEight button.accordion-button, span#flush-headingNine button.accordion-button {
    /* color: #cfc2c2; */
    background-image: url(https://werbung.b-cdn.net/image/bgshade.png) !important;
    border: none !important;
}
.accordion-item.customaccord1 button.accordion-button, .accordion-item.customaccord2 button.accordion-button {
    min-height: 132px;
}
.accordion-item.customaccord1 {
    width: 48%;
    float: left;
}

.accordion-item.customaccord2 {
    width: 48%;
    float: right;
}
span#flush-headingEight button.accordion-button span.price_span, span#flush-headingNine button.accordion-button span.price_span {
    /* font-family: 'Runner'; */
    font-size: 34px;
    color: #E0AD35;
    font-weight: 800 !important;
}

.black_wdth {
    width: 100% !important;
    margin: 0px !important;
}
div#faqAccordion.topborder_unset {
    border: unset;
}

.accordion-item.customaccord1 .collapsed::after, .accordion-item.customaccord2 .collapsed::after {
    bottom: 10px;
    right: 10px;
    position: absolute;
    content: "+";
    background-size: contain;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    border: 2px solid #E0AD35;
    border-radius: 50%; /* Makes it a circle */
    font-size: 15px;
    font-weight: bold;
    color: #E0AD35;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;

}


.accordion-item.customaccord1 .accordion-button:not(.collapsed)::after, .accordion-item.customaccord2 .accordion-button:not(.collapsed)::after {
    bottom: 10px;
    right: 10px;
    position: absolute;
    content: "-";
    background-size: contain;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    border: 2px solid #E0AD35;
    border-radius: 50%; /* Makes it a circle */
    font-size: 15px;
    font-weight: bold;
    color: #E0AD35;
    cursor: pointer;
    transition: background 0.3s, color 0.3s;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate(-180deg);
}
.accordion-button::after{
transition: transform .2s ease-in-out;
}

.black_div {
    margin: 0;
    padding: 0;
    /* width: 100%; */
    height: 130px;
    background: black;
    width: 1300px !important;
}

.em_inf_table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.em_inf_table, tr, td {
    border: 1px solid #ddd;
}

.info-preise-stp tbody, .info-preise-stp td, .info-preise-stp tfoot, .info-preise-stp th, .info-preise-stp thead, .info-preise-stp tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.em_inf_table td {
    padding: 8px 10px;
    line-height: 23px;
}
.em_inf_table td {
    padding: 5px 10px;
    font-size: 13px;
    color: #777;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-family: 'Inter, Helvetica, sans-serif' !important;
}

/* .embroidery_information_wrapper {
    padding: 1.188vw 4vw 1vw 0;
} */

.embroidery_information_wrapper .centercust {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.embroidery_information_p {
    font-weight: 400;
    color: #777 !important;
    text-align: center;
}

.embroidery_information_p {
    padding-left: 46px;
    margin-top: 11px;
    font-size: 13px;
    line-height: 23px;
    text-align: justify;
}
.embroidery_information_wrapper .embroidery_information_p {
    padding-left: 0px ;
}
.embroidery_information_wrapper .text_wite_iamge.title {
    background: -webkit-linear-gradient(#E0AD35, #cb971c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
}


.embroidery_information_wrapper i.qodef-icon-ion-icon, .embroidery_information_wrapper i.fad.fa-file-pdf {
    font-size: 30px;
    padding-bottom: 18px;
    color: #777 !important;
}

.greyh {
    border-bottom-style: solid !important;
    border-color: #a7a5a2 !important;
}


span.text_wite_iamge.title {
    font-size: 16px;
    color: #e5b235;
    font-weight: 600;
    font-family: 'Inter, Helvetica, sans-serif' !important;

}

.f-in_f-out{
    color: #c99825;
    font-weight: bolder;
    font-family: 'Inter, Helvetica, sans-serif' !important;
}
.aftergrayline_bottom_p{
    font-size: 13px;
    font-weight: 400 !important;
    color: #858585 !important;
    line-height: 23px;

}
button#pdf_download_bitton {
    width: 380px;
}
.accordion-flush>.accordion-item.customaccord2:last-child{
    border-bottom: 1px solid #dee2e6 !important;

}

.container-fluid.unsere-kunden .kcmdivl:hover {
    transform: unset !important;
}


  /* Keyframe Animations */
@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(30px);
      filter: blur(3px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
  }
  
  @keyframes slideUpFade {
    0% {
      transform: translateY(40px);
      opacity: 0;
      scale: 0.95;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
      scale: 1;
    }
  }
  
  /* Dropdown List Items */
  .dropdown-menu li {
    opacity: 0;
    animation: fadeInUp 0.5s ease forwards;
  }
  
  /* Stagger Animation using nth-child */
  .dropdown-menu li:nth-child(1) { animation-delay: 0.1s; }
  .dropdown-menu li:nth-child(2) { animation-delay: 0.2s; }
  .dropdown-menu li:nth-child(3) { animation-delay: 0.3s; }
  .dropdown-menu li:nth-child(4) { animation-delay: 0.4s; }
  .dropdown-menu li:nth-child(5) { animation-delay: 0.5s; }
  .dropdown-menu li:nth-child(6) { animation-delay: 0.6s; }
  .dropdown-menu li:nth-child(7) { animation-delay: 0.7s; }
  .dropdown-menu li:nth-child(8) { animation-delay: 0.8s; }
  .dropdown-menu li:nth-child(9) { animation-delay: 0.9s; }

  /* Add more if needed */
  
  /* Container Slide + Fade */
  .Stickprogrammediv,
  ul.dropdown-menu.unscusul {
    display: none;
    animation: slideUpFade 0.5s cubic-bezier(0.25, 1.25, 0.5, 1) forwards;
  }
  
  Add Hover Effect for Interactivity
  .dropdown-menu li:hover {
    transform: scale(1.05);
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
  }
      

  
  div#Stickprogrammediv,ul.dropdown-menu.unscusul {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


div#Stickprogrammediv::before  {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 645px;
    top: 0px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #FFF;
    margin: -16px 0 0 30px;

    /* Replace box-shadow with drop-shadow */
    filter: drop-shadow(0px -2px 1px rgba(0, 0, 0, 0.30));
}


   ul.dropdown-menu.unscusul::before  {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #FFF;
    margin: -16px 0 0 30px;
    filter: drop-shadow(0px -2px 1px rgba(0, 0, 0, 0.30));

  }


  /* .dropdown-menu li{
    text-decoration: none;
    position: relative;
    display: inline-block;
  } */
  
  ul.dropdown-menu.unscusul {
    min-width: 100% !important;
}


.kcmdivl.kcmdivlk.Dynamic_ren_bottom.effect-image-1.modal_parent .overlay-text {
    background: #fbfbfb17 !important
}

.row.kundencolrow.menu_2_cardwidth {
    justify-content: center;
    gap: 35px;
}
.container-fluid.image-hoversec.stickbeispiele .kcmdivl.kcmdivlk.Dynamic_ren_bottom.effect-image-1.modal_parent {
    margin: 0;
}


.loading-spinner {
    display: inline-block;
    width: 31px !important;
    height: 31px;
    border: 3px solid #c99825;
    border-radius: 50%;
    border-top-color: #ffffff;
    animation: spin 0.6s linear infinite;
    vertical-align: middle;
    margin-left: 98px;
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  .stbtn_fbtn .label {
    /* position: relative; */
    transition: all 0.32s ease;
  }
  
  .stbtn_fbtn.loading .label {
    opacity: 1;
  }
  





  /* css for user sidebar  */

    /* The sidebar itself */
    #sidebar {
        position: fixed;
        top: 0;
        right: -349px; /* hidden by default */
        width: 340px;
        height: 100%;
        background: #ffffff;
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.7);
        padding: 20px;
        box-sizing: border-box;
        transition: right 0.5s ease;
        z-index: 9990;
      }
  
      /* Sidebar open state */
      #sidebar.open {
        right: 0;
        z-index: 9990;
      }
  
      /* Close button inside sidebar */
      /* #sidebar .close-btn {
        font-size: 45px;
        cursor: pointer;
        color: #d8a42b;
        margin-bottom: 41px;
        display: inline-block;
        line-height: 1;
          } */

          #sidebar .close-btn {
            font-size: 45px;
            cursor: pointer;
            color: #d8a42bde;
            margin-bottom: 41px;
            display: inline-block;
            line-height: 1;
            
            /* Added styles */
            transition: transform 0.3s ease, color 0.3s ease;
            padding: 8px;
            border-radius: 50%;
            background-color: transparent;
        }
        
        #sidebar .close-btn:hover {
            transform: rotate(180deg) scale(1.0);
            color: #d8a42bfb; /* Lighter gold tone */
            background-color: rgba(255, 255, 255, 0.1);
            position: relative;
            top: 4px;
        }
          
  
      /* Overlay that covers the rest of the page when sidebar is open */
      #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 900;
      }
  
      #overlay.active {
        display: block;
      }



      /* login / logout design -- sidebar  */

      #sidebar .heading_logo .logo_img img, .footerrr .fttrr_img img {
        max-width: 180px;
    }
    .login_heading {
        text-align: center;
        margin: 10px 0;
    }
    .login_heading h1 {
        color: #555;
        line-height: 1.26;
        font-weight: 600;
        letter-spacing: 0;
        /* font-family: "Inter", "Helvetica", monospace; */
        font-family: 'Inter', Helvetica, sans-serif !important;
        font-size: 34px;
    }
    #sidebar .form_dv input {
        margin: 2px 0 10px !important;
    }
    .form_dv input[type=email], .form_dv input[type=text], .form_dv input[type=password] {
        width: 100%;
        padding: .375rem .75rem;
        margin: 15px 0;
        display: inline-block;
        border: 1px solid #ddd;
        font-family: "Inter", "Helvetica", monospace;
        font-size: 13px;
        color: #777;
        font-weight: 400;
        border-radius: 5px;
    }
    
    INPUT:not(:-webkit-autofill), SELECT:not(:-webkit-autofill), TEXTAREA:not(:-webkit-autofill) {
        animation-name: onautofillcancel;
    }
    #sidebar .lgg_resi {
        padding-top: 10px;
        display: flex;
        justify-content: center; /* space-between */
    }
    .submit_btn button {
        color: white;
        padding: 8px 15px;
        margin: 8px 0;
        border: none;
        cursor: pointer;
        width: auto;
        font-family: "Inter", "Helvetica", monospace;
        font-size: 13px;
        font-weight: 400;
    }
    #sidebar .resig_lnkk {
        display: flex    ;
        align-items: center;
        gap: 3px;
        font-size: 13px;
        justify-content: space-between;
    }
    #sidebar .resig_lnkk p {
        margin: 0;
        line-height: 1;
    }
    .footerrr {
        padding-top: 30px;
    }
    .footerrr .fttrr_img {
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }
    .footerrr .copy_right_txt p {
        text-align: center;
        margin: 0;
        font-size: 14px;
    }
    .heading_logo .logo_img {
        text-align: center;
    }
    div#sidebar p,  div#sidebar label{
        font-family: 'Inter, Helvetica, sans-serif' !important;
        color: #777;
        font-size: 13px;
        font-weight: 400 !important;
        line-height: 23px !important;  
      }
      div#sidebar .submit_btn {
        width: 65%;
    }
    #sidebar .resig_lnkk a{
        font-family: 'Inter, Helvetica, sans-serif' !important;
        color: #777;
    }
    #sidebar input {
        display: block;
        border: none !important;
        font-size: 13px !important;
        font-family: 'Inter, Helvetica, sans-serif' !important;
        background: transparent !important;
        border-bottom: solid 1px #777 !important;
        width: 100%;
        border-radius: 0px !important;
        padding: .375rem .75rem;
        color: #777 !important;
        line-height: 34px !important;
        font-weight: 400 !important;
        appearance: none;
        margin-top: 38px;
    }
    #sidebar input:focus {
        padding: .375rem .75rem;
        background-color: #ffffff00 !important;
        box-shadow: red;
        box-shadow: 0 0 0 .25rem #ff000000;
        outline: -webkit-focus-ring-color auto 0px;
    }
    .secondSec .posthead{
        margin:0px 0 13px;
    }
    .custom_gray{
        color: #777 !important;
    }
    .custom_gray {
        color: #777 !important;
        background: -webkit-linear-gradient(#777, #777);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    hr.enseperator.custom_gray{
        border-color: #777 !important;
    }
    .owngold {
        color: #daa72e !important;
    }


    .left-side {
        float: right;
        margin: 1%;
        margin-left: 30px !important;
    }

/*sliding animation*/

/***** Slide Right *****/
.grafikdesign .slide-right {
/* Initial position: off-screen */
transform: translateX(100%); /* Slide out to the right */
transition: transform 0.9s ease-in-out; /* Smooth animation */
}

/* Style to trigger the slide-in effect */
.slide-right.active {
transform: translateX(0); /* Slide in to the normal position */
}


/***** Slide Left *****/
.slide-left{
/* Initial position: off-screen */
transform: translateX(-100%); /* Or any percentage/pixels to slide out */
transition: transform 0.9s ease-in-out; /* Smooth animation */
}

/* Style to trigger the slide-in effect */
.slide-left.active {
transform: translateX(0); /* Slide in to the normal position */
}


.dropdown-menu-shadow{
    box-shadow: none !important;
    border: 1px solid #77777724 !important;
      }

.dropdown-menu-shadow .dropdown-item {
  font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 24px !important;    
    }  


.navbar-nav .dropdown-menu {
  left: 0px !important;
}


/*------------Nav-End--------------*/


/*----------------Nav-slide----------*/

#scrollable-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  opacity: 0;
  display: none;
  transition: opacity 0.7s ease-in-out;
      box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
      background-color: white;
}
.nonscrollable{
  z-index: 10 !important;
}


#menu_content_wrapper3{
/*  display: block !important;*/
  display: none;
}


/*Input*/

#text9307768{
      padding: 3.4%;
}

.footer_input:active , .footer_input:focus , #text9307768:focus , #text9307768:active{
border: 1px solid white;
    border-radius: 4px;

  }

#footer_button{
  margin-top: 0px !important;
}

.new_footer .second_rownf{
  padding-bottom: 25px;
}

#footer_machen{
  font-weight: 500 !important;
}

.second_rownf >div{
  padding-bottom: 18px;
}

/*.new_footer{
  z-index: 10 !important;
}


.lion_popup_wrrpr{
  z-index: 20 !important;
  min-height: 100vh;
}*/



#login_information ,#customer_parameters_em , #customer_parameters_ve{
  top:195px !important;
}




.new_footer{
  padding-bottom: 0px !important;
}

.new_footer .second_rownf{
  padding-bottom: 0px !important;
}




.main-content-wrapper #bn_sec .dashboard_page .custom_title_height{
  padding-bottom: 14px !important;
}
/* .main-content-wrapper #bn_sec .dashboard_page .padding_top90{
  padding-top: 5.2em !important;
} */
.main-content-wrapper #bn_sec .dashboard_page .padding_second_top70{
  padding-bottom: 20px !important;
}
.main-content-wrapper #bn_sec .dashboard_page .padding_bottom90{
  padding-bottom: 5.5em !important;
}

/*--------Freelancer---------*/

/* .lion_popup_dv .page_section .custom_free_pad_top{
  padding-top: 1.55em !important;
} */

/*----------Admin---------------*/

/* .custom_admin_top{
  padding-top: 1.55em !important;
} */

.custom_admin_bottom{
  margin-bottom: 25px !important;
}

.custom_admin25{
  margin-top: 25px !important;
}
/* .ctrl{
      margin-bottom: 4.8em !important;
} */


/*---------Customer------------*/
.custom_user_top{
  padding-top: 1.55em !important;
}
.t_top{
  margin-top: 7px !important;
}

.row_bottom{
  margin-bottom: 1em !important;
}

.control_custom{
  margin-bottom: 10px;
}


/*BootStrap Datepicker Override*/



.user_invoice_date_End{
      position: relative;
    left: -58px;
}

.user_all_date_Start{
 position: relative;
    left: -57px;
  }

.free_date_start{
      position: relative;
    left: 43px;
    padding-top: 3px;
}  

.free_date_end{
      position: relative;
    left: 46px;
    padding-top: 3px;
}

.admin_date_start{
      position: relative;
    left: 36px;
}

.admin_date_end{
      position: relative;
    left: 24px;
}


/*----------Modal-Content-MOdification-----------*/

.modal-content .multidownload_button ,.modal-content .modal_close_btn{
  margin-top: 25px;
}

.modal-content .pagetitle{
      /* padding-left: 50px; */
    margin-bottom: 25px !important;
}

.modal-dialog .stbtn_fbtn{
  padding-top: 25px;
}

/* #freelancer_job_start_div {
  padding-top: 16px  !important;
} */

#admin_em_parameter_change{
  margin-top: 25px;
}

#freelancer_job_update_div{
  padding-top: 16px  !important;
}

.sidebarmargin{

  margin-right: 15px;
}

.dataTables_wrapper .dataTables_filter label {
    padding: 0;
}

.CheckboxButton {
  padding: 8px 40px  !important;
}

/* .customer_profile_page .upload_btn{

  padding-left: 10px !important;
} */


.custom_control_color{
      color: #777777 !important;
}
.custom_border_color, .datepicker{
  border:1px solid #ccc !important;
  border-radius: 0px !important;
}


.dataTables_filter input{
  border:1px solid #ccc !important;
}

.admin_modal_position{
  position: relative;
   top: -16px;
    left: -45px;
}

.order_detail_div ,  .fileinput-button,.fileupload-buttonbar,div#admin_fileupload,div#selected_products{
  border-color: #ccc !important;
}

.fileinput-button:hover{
  color:#fff !important;
}

.fileinput-button{
  cursor:pointer;
}


.modal_page_view #admin_request_form ,.modal_page_view .product-multiselect8,.modal_page_view  .product-multiselect8 ,.order_detail_div input , .order_detail_div .order_detail_input_div_element{
border: 1px solid #ccc !important;
}


#admin_ve_parameter_change{
  margin-top:25px;
}

#order_form_heght , #order_form_width  {
        -webkit-appearance: none;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        outline: none;
        border: 1px solid #ccc;
        margin-top: 2px;
    }

 #order_form_width:before{
        content: '';
        display: block;
           width: 63%;
    height: 59%;
    margin: 20% 17.5%;
        border-radius: 50%;
    }
     #order_form_heght:before {
        content: '';
        display: block;
           width: 63%;
    height: 59%;
    margin: 20% 18.5%;
        border-radius: 50%;
    }

#order_form_heght:checked:before ,#order_form_width:checked:before{
        background: #ccc;
    }
  #order_form_heght:checked , #order_form_width:checked  {
      border-color:#ccc;
    }
#order_form_heght:disabled ,#order_form_width:disabled {
     accent-color: #ccc;
     border-color:#ccc;
}   
#order_form_heght:disabled:checked:before ,#order_form_width:disabled:checked:before{
  background: #ccc;
}
#admin_order_count .modal-content .modal-body{
  padding-top: 2px !important;
}
#admin_subfolder_structure1:hover{
  color: white !important;
}
.mt-25{
  margin-top: 25px !important;
}
.mt-15{
  margin-top: 15px !important;
}
#admin_request_form  #order_form_width:before{
        content: '';
        display: block;
           width: 57%;
    height: 63%;
    margin: 20% 17.5%;
        border-radius: 50%;
    }
 #admin_request_form     #order_form_heght:before {
        content: '';
        display: block;
           width: 59%;
    height: 63%;
    margin: 20% 18.5%;
        border-radius: 50%;
    }
#text-to-delete span{
display: block !important;
}
#admin_customer_list_table_filter input , #admin_parameter_ve_table_filter input , #admin_parameter_em_table_filter input , .order_detail_div{
border-radius: 5px;
}
.lion_popup_wrrpr{
  background-color: white;
}
.modal-content{
background-color: white !important;
}

/* .modal-dialog{
  background-color: white !important;
} */

.order_detail_div nav {
  background-color: white;
}

#admin_yellow_job div:nth-child(2){
  width:100%;
}

.admin_custom_buttons{
    margin-top: 0ps !important;
}
div#FreeResendEmailResponseModal .modal-dialog,div#start_change_confirm_popup .modal-dialog,div#start_job_confirm_popup .modal-dialog {
    background: #ffffff69 !important;
}

.margin7{
  margin-top: 7px !important;
}

#updateOrderDetail .modal_close_btn{
  margin-top: 0px !important;
}


#admin_yellow_job #admin_job_update_div  button{
position: relative;
    top: -6px;
}


.m_left_custom{
      margin-left: 66%;
}

 input[type="search"]:focus-visible {
  outline: 1px solid #ccc!important;          
}
 input[type="text"]:focus-visible {
    outline: 1px solid #ccc !important; 
      }

/* input[type="checkbox"] {
   appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 2px solid #ccc; 
  background-color: #fff;  
} */ 

/* White text next to the checkbox */
#final-material-container div{
  color: #777;
}

/* Remove default outlines for consistency */
select {
  outline: none;
}

/* Add custom outline on focus or focus-visible */
select:focus,
select:focus-visible {
  outline: 1px solid #ccc !important; /* Replace with your desired color */
}

 /* input:focus,
 input:focus-visible{
  outline: 1px solid #ccc;  
} */

.modal.fade.show{
  padding-right: 0px !important;
}
.hero.modal-open{
  padding-right: 0px !important;
}
.row.parameter-select-items-vector div {
    color: #777;
}
.row.parameter-select-items-file div{
  color:#777;
}
.product-item-menu9 div{
  color: #777;
}

div#delete_order_confirm_popup .modal-dialog,
div#change_profile_success_popup .modal-dialog,
div#order_change_success_popup .modal-dialog,
div#admin_order_count .modal-dialog,
div#admin_start_job_confirm_popup .modal-dialog,
div#change_customer_avatar_popup .modal-dialog,
div#admin_start_change_confirm_popup .modal-dialog,
div#admin_upload_success_popup .modal-dialog,
div#add_customer_success_popup .modal-dialog,
div#order_form_success_popup .modal-dialog {
    background: transparent !important;
}
  i.fa-solid.fa-download.download_icon{
    color: #e0ad35;
}
div#order_form_instruction {
    margin-bottom: -5px !important ;
}
/* .form_dv_wrap {
     margin-bottom: 0px !important; 
} */

.form_dv label{
  font-size: 13px !important;
}

.custom-close {
  background: none !important; /* Removes Bootstrap's default cross */
  border: none;
  padding: 0.25em;
  cursor: pointer;
  color: #e0ad35; /* Set your desired color */
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-close svg {
  width: 2em;
  height: 2em;
}
.folder_button_new:hover img {
  filter: brightness(0) invert(1);
}

span.hover-text img {
    filter: brightness(0) invert(1);
}
/* .fa-trash-alt:before, .fa-trash-can:before,
.fa-edit:before, .fa-pen-to-square:before {
    color: #e0ad35;
} */
 .fa-trash-alt:before,
.fa-edit:before, .fa-pen-to-square:before {
    color: #e0ad35;
} 
.pagetitle.custom_user_top,
h1#order_form_title {
    padding: 0px !important;
}



.CheckboxButtons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.multidownload_button {
  margin-top: 0px !important;
}

button#order_update {
    margin-right: 30px;
}
.navbar-light {
    border-radius: 5px;
    margin: 0px 0px 5px 0px;
    padding:10px !important;
} 
.navbar-light .navbar-nav {
    gap: 4px !important;
}

@media (min-width:1600px) and (max-width:1750px){

.sidebar-nav li{

     padding: 0px 4px !important;
}
}

@media (min-width:768px) and (max-width:992px){
   .lion_popup_dv {
         padding-right: 50px !important;
        padding-left: 50px !important;
}
}

.showmobile{
  display: none;
}
.controlGroup2 {
    margin-top: 45px;
}



/* -------------Header-------------------- */


   .nonscrollable  .navbar-expand-lg .navbar-nav .nav-link {
        color: white !important;
    }

@media only screen and (max-width: 991px) {    /* 1024 */
    .profile-pos {
        top: 0px !important;
    }
  .admin_btn .user_icon_label{
  font-size: 14px !important;
  }
  .admin_btn .user_icon_label {
    display: none;
  }
  .navbar > .container-fluid:first-child{
    padding-right: 0  !important;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .menuWebshop{
    grid-area: 1 / 3 / 2 / 4;
  }
  header .admin-btn-margin {
    width: max-content;
    grid-area: 1 / 4 / 2 / 5 !important;
}
  header .bg-body-tertiary {
    background-image: none !important;
    background-color: black;
  }
  .lion_nav_wrap, .nav_wrap_dv {
    height: auto !important;
  }
  .lion_nav_wrap, .nav_wrap_dv {
    height: auto;
}
    .lion_nav .logo_img img {
        width: 150px;
    }
    .header-image{
          padding-left: initial !important;
    }
  header  .admin-btn-margin{
      width: max-content;
      grid-area: 1 / 3 / 2 / 4;
    }
    .navbar>.container-fluid{
    display: grid !important;
    grid-template-columns: 14fr 1fr 1fr;
    grid-template-rows: 1fr;
    justify-content: space-between;
    align-items: center;
    }
    header .f-d-c{
      display: flex;
      flex-direction: column;
    }
     header .f-d-c p{
      display: block !important;
      padding-bottom: 0;
      margin-bottom:0 ;
     }
     .navbar {
    padding-bottom: 0 !important;
    padding-top: 5px !important;
     }
     .profile-pos{
    position: relative;
    right: -26px;
    top: 3px;
     }

   header  .action .menu.active {
    background-color: white;
    color: #777;
     }
   header   .action .menu.active::before {
    background: white;
     }


     /* -------------Menu---------------------  */
     .navbar-area {
  border-bottom: 1px solid #e2e2e2 !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  padding: 0 !important;
}

.navbar-area.absolute {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 2 !important;
  background-color: transparent !important;
  border-bottom: 1px solid #777 !important;
}

.navbar-area .navbar-brand {
  padding-top: 7px !important;
}

.navbar-area.white .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-area.white .nav-right-content ul li {
  color: rgba(255, 255, 255, 0.8) !important;
}

.navbar-area.white.nav-fixed {
  background-color: #0a1121 !important;
}

.navbar-area.nav-fixed {
  position: fixed !important;
  left: 0 !important;
  top: 0px !important;
  width: 100% !important;
  z-index: 9999 !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
}

.navbar-area.nav-fixed
  .navbar-collapse
  .navbar-nav
  .nav-item:hover
  .dropdown-menu {
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  top: 100% !important;
}

.navbar-area .navbar-collapse {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
  font-family: "Poppins", sans-serif !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item {
  display: inline-block !important;
  padding: 15px 10px !important;
  position: relative !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.mega-menu {
  position: static !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu.show
  .mega-menu-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu:hover
  .mega-menu-wrapper {
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  width: 100% !important;
  z-index: 2 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper
  .mega-menu-container {
  background-color: #fff !important;
  padding: 28px 30px 23px 30px !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper
  .mega-menu-container
  .mega-menu-columns
  .title {
  color: #777 !important;
  text-transform: capitalize !important;
  margin-bottom: 17px !important;
  font-family: "Rubik", sans-serif !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper
  .mega-menu-container
  .mega-menu-columns
  .menga-menu-page-links
  li {
  line-height: 30px !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper
  .mega-menu-container
  .mega-menu-columns
  .menga-menu-page-links
  li
  a {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item.mega-menu
  .mega-menu-wrapper
  .mega-menu-container
  .mega-menu-columns
  .menga-menu-page-links
  li
  a:hover {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:first-child {
  padding-left: 0 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu {
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  top: 85px !important;
  -webkit-transition: 0.5s ease-in !important;
  -moz-transition: 0.5s ease-in !important;
  -o-transition: 0.5s ease-in !important;
  transition: 0.5s ease-in !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item:hover
  .dropdown-menu
  .dropdown-item {
  color: #777 !important;
  line-height: 40px !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item:hover
  .dropdown-menu
  .dropdown-item:last-child {
  border-bottom: none !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item:hover
  .dropdown-menu
  .dropdown-item:hover {
  background-color: #e0ad35 !important;
  color: #fff !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  top: 85px !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .dropdown-menu.show {
  padding: 0 !important;
  border-radius: 0 !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item
  .dropdown-menu.show
  .dropdown-item {
  line-height: 40px !important;
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item
  .dropdown-menu.show
  .dropdown-item:last-child {
  border-bottom: none !important;
}

.navbar-area
  .navbar-collapse
  .navbar-nav
  .nav-item
  .dropdown-menu.show
  .dropdown-item:hover {
  background-color: #e0ad35 !important;
  color: #fff !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:hover .nav-link {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item.active .nav-link {
  color: #e0ad35 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item:last-child {
  padding-right: 0 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
  text-transform: capitalize !important;
  font-weight: 400 !important;
}

.navbar-area .navbar-collapse .navbar-nav .nav-item .nav-link.pl-0 {
  padding-left: 0 !important;
}

.navbar-area .nav-right-content ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  margin-left: 15px !important;
}

.navbar-area .nav-right-content ul li {
  display: inline-block !important;
  margin: 0 15px !important;
  color: #777 !important;
}

.navbar-area .nav-right-content ul li:last-child {
  margin-right: 0 !important;
}

.navbar-area .nav-right-content ul li a {
  color: #777 !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .nav-right-content ul li a:hover {
  color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.search {
  cursor: pointer !important;
  -webkit-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  transition: all 0.3s ease-in !important;
}

.navbar-area .nav-right-content ul li.search:hover {
  color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.nav-btn .btn-boxed {
  font-weight: 600 !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  background-color: #e0ad35 !important;
}

.navbar-area .nav-right-content ul li.nav-btn .btn-boxed:hover {
  background-color: #0a1121 !important;
}

/* navbar */
.main-header.sticky .main-navbar {
  background: hsl(var(--black)) !important;
  padding: 0 !important;
}

.main-navbar {
  padding: 10px 0 !important;
  width: 100% !important;
  top: 0 !important;
  z-index: 111 !important;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
}

.main-navbar .logo-black {
  display: none !important;
}

.main-navbar .sing-btn a {
  color: hsl(var(--white)) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 5px !important;
}

.main-navbar .sing-btn a:hover {
  color: #e0ad35 !important;
}



.navbar-toggler svg {
  width: 35px !important;
  height: 35px !important;
}

.navbar-nav {
  gap: 1.5rem !important;
  position: relative !important;
}



.navbar-nav .nav-item .nav-link {
  color: #777 !important;
  /* padding: 1.5625rem 0.3125rem !important; */
  text-transform: capitalize !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}


  .navbar-nav .nav-item .nav-link {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
  }
  .druck h2 p.drotnewp_bold {
    line-height: 30px !important;
  }
  .navbar-nav {
    gap: 0.9375rem !important;
  }



  .navbar-nav .nav-item .nav-link {
    padding: 0.625rem !important;
    color: #777 !important;
  }
  .navbar-nav {
    gap: 0rem !important;
  }
  div#sidebar.open {
    overflow-y: scroll;
  }
  .navbar-nav .nav-item .dropdown-toggle::after {
    margin-left: auto !important;
  }
  .navbar-nav .nav-item.dropdown .nav-link {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .navbar-nav .nav-item.dropdown .nav-link::after {
    content: "\f107" !important;
    font-weight: 900 !important;
    font-family: "Font Awesome 6 free" !important;
    margin-left: auto !important;
    transition: transform 0.3s ease;
    display: inline-block;
    transform: rotate(-90deg);
  }
  /* When dropdown is open (rotate the chevron) */
  a.nav-link.show::after {
    transform: rotate(0deg) !important;
  }



.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
  position: relative !important;
  color: #e0ad35 !important;
}

.navbar-nav .nav-item .nav-link.active span::before,
.navbar-nav .nav-item .nav-link:hover span::before {
  width: 100% !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  transition: all 0.5s ease-in-out !important;
}

.navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
  content: "\f107" !important;
  font-weight: 900 !important;
  font-family: "Font Awesome 6 free" !important;
  border: 0 !important;
  font-size: 13px !important;
  margin-top: 3px !important;
  margin-left: 6px !important;
}




.navbar-nav .nav-item .dropdown-menu {
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  margin-top: 0 !important;
  padding: 5px 10px !important;
  min-width: 260px !important;
  border: 1px solid #777 !important;
  border-radius: 5px !important;
  gap: 5px !important;
}


  .navbar-nav .nav-item .dropdown-menu {
    /* display: block !important; */
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .navbar-nav .nav-item .dropdown-menu.fade-down {
    top: 80% !important;
    -webkit-transform: rotateX(-75deg) !important;
    transform: rotateX(-75deg) !important;
    -webkit-transform-origin: 0% 0% !important;
    transform-origin: 0% 0% !important;
  }

  .navbar-nav .nav-item .dropdown-menu.fade-up {
    top: 100% !important;
  }


.navbar-nav .nav-item .dropdown-menu a {
  margin: 5px 0 !important;
  background: none !important;
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  position: relative !important;
  border: 0 !important;
  color: #777 !important;
  padding: 8px 15px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  border-radius: 5px !important;
}

.navbar-nav .nav-item .dropdown-menu a::after {
  content: "\f061" !important;
  font-weight: 900 !important;
  font-family: "Font Awesome 6 free" !important;
  -webkit-transform: translateX(-20px) !important;
  transform: translateX(-20px) !important;
  -webkit-transition: all 0.3s !important;
  transition: all 0.3s !important;
  opacity: 0 !important;
}

.navbar-nav .nav-item .dropdown-menu a.active,
.navbar-nav .nav-item .dropdown-menu a:hover {
  color: #fff !important;
  background: #e0ad35 !important;
}

.navbar-nav .nav-item .dropdown-menu a.active::before,
.navbar-nav .nav-item .dropdown-menu a:hover::before {
  opacity: 1 !important;
  width: 10px !important;
}

.navbar-nav .nav-item .dropdown-menu a.active::after,
.navbar-nav .nav-item .dropdown-menu a:hover::after {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
  opacity: 1 !important;
}

.navbar-nav .nav-item:hover .nav-link {
  color: #e0ad35 !important;
}


div#navbarNavDropdown li.nav-item {
    padding-right: 0px;
    padding: 0;
    background: #000;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
  }
  .navbar-nav .nav-item .dropdown-menu {
    border-radius: 0px !important;
  }
  div#navbarNavDropdown .navbar-nav .nav-item .dropdown-menu a {
    padding-left: 10px !important;
  }
  ul.dropdown-menu.fade-down.show {
    padding: 0px !important;
  }
  #offcanvasNavbar .btn {
    padding: 15px 20px !important;
  }
  .container-fluid.mobnav #login-register_toggle {
    width: unset !important;
    justify-content: end;
    top: -25px !important;
    position: relative;
  }
  div#navbarNavDropdown.after_scroll a.nav-link {
  color: #777 !important;
}

div#navbarNavDropdown.after_scroll a.nav-link:hover {
  color: #e0ad35 !important;
}
div#login-register_toggle.mobile-afterscroll a.text-white {
  color: #777 !important;
}
div#login-register_toggle .fa-circle-user::before {
  font-size: 21px;
}
div#navbarNavDropdown li.active a.dropdown-item {
  color: #d6a32a !important;
  margin-left: 10px !important;
}





.navbar-nav .nav-item:hover .dropdown-menu {
    -webkit-transition: 0.5s !important;
    transition: 0.5s !important;
    opacity: 1 !important;
    border: 1px solid #eeeeeee1 !important;
  }
 
  .navbar-nav .nav-item:hover .dropdown-menu {
    visibility: visible !important;
    top: 100% !important;
    -webkit-transform: rotateX(0deg) !important;
    transform: rotateX(0deg) !important;
  }
 li.nav-item.dropdown.shoplicus ul.dropdown-menu.unscusul {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
  }
  div.logomob {
    margin: 1% 0%;
    position: relative;
    top: -12px !important;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    font-weight: 600 !important;
    font-family: "Inter, Helvetica, sans-serif" !important;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    padding: 0px 2% 0px 1%;
    font-size: 13px;
    letter-spacing: 0.06em;
    line-height: 24px;
    color: #fff !important;
    width: max-content;
    margin: -11px;
  }

  li.nav-item.active a.nav-link.active {
    border-bottom: 0px;
  }

  .container-fluid.mobnav {
    padding: 0 !important;
  }

  .col-xl-3.col-xs-3.col-md-6.col-lg-6.col-sm-5.text-center.kcmdiv.borderbtm.borderright.kcmdivlk.kcmdivltabr {
    border-right: 0px;
  }


  i.fa-solid.fa-chevron-down {
    float: right;
    position: relative;
    top: -7px;
    right: -17px;
  }
  div#navbarNavDropdown a.nav-link {
    width: 100% !important;
  }

  .profp {
    padding: 0px !important;
  }

  div#navbarNavDropdown li.nav-item {
    padding-bottom: 10px;
    padding-top: 10px !important;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    color: #212529 !important;
    font-size: 13px !important;
    line-height: 2rem !important;
    font-family: "Inter, Helvetica, sans-serif" !important;
    font-weight: 400 !important;
  }

  li.nav-item.dropdown.shoplicus a.nav-link {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  div#navbarNavDropdown li.nav-item {
    border-bottom: 1px solid #939393;
    width: 100%;
    padding: 10px;
  }

  .maindrotcon {
    padding-bottom: 2rem;
  }

  div#navbarNavDropdown {
    /* background: white; */
    padding: 30px 134px;
  }
  .navbar-nav .nav-item .nav-link {
    padding: 0.625rem !important;
    color: #777 !important;
  }
  .navbar-nav{
    gap: 0px !important;
  }
  .navbar-nav .nav-item.dropdown .nav-link::after {
    content: "\f107" !important;
    font-weight: 900 !important;
    font-family: "font awesome 6 free" !important;
    margin-left: auto !important;
    transition: transform .3s ease;
    display: inline-block;
    transform: rotate(-90deg);
}
a.nav-link.show::after {
  transform: rotate(0) !important;
}
  .kdnav {
    align-items: start !important;
  }
  div.logomob {
    margin: 1% 0%;
    padding-right: 101px;
  }
  button.navbar-toggler.me-2 {
    margin-right: 0px !important;
  }
  /*for nav*/
  nav.navbar.navbar-expand-xl.bg-body-tertiary.headbg.m-0 {
    background: black !important;
    min-height: 0px !important;
    padding-top: 20px !important;
  }
   .navbar-expand-xl .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 2rem !important;
    font-family: "Inter, Helvetica, sans-serif" !important;
    font-weight: 400 !important;
  }
  li.nav-item.dropdown.shoplicus a.nav-link {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  div#navbarNavDropdown li.nav-item {
    border-bottom: 1px solid #939393;
    width: 100%;
    padding: 0px;
  }

  .kdnav {
    align-items: start !important;
  }
  div#navbarNavDropdown {
    background: white;
    z-index: 9999;
    padding-left: 10px;
    padding-right: 12px;
  }
   li.nav-item.dropdown.shoplicus ul.dropdown-menu.unscusul.show {
    border: none;
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.97);
    padding: 1rem 0px;
    border-radius: 0px;
    right: -14px;
    left: auto;
  }
  li.nav-item.dropdown.shoplicus {
    display: flex;
  }

  li.nav-item.dropdown.shoplicus {
    display: flex;
    flex-direction: column;
  }
  .shoplicus a.nav-link.show {
    padding-top: 5px;
  }

  div#Stickprogrammediv {
    padding-top: 2% !important;
  }

  div#Stickprogrammediv .container-fluid {
    width: 100%;
    display: flex !important;
    flex-direction: column;
  }

  div#navbarNavDropdown {
    /*        background: #fff;*/
    z-index: 9999;
    padding: 0%;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    color: grey;
    font-size: 13px !important;
    line-height: 2rem !important;
    font-family: "Inter, Helvetica, sans-serif" !important;
    font-weight: 400 !important;
  }

  li.nav-item {
    /*        border-bottom: 1px solid #939393;*/
    padding: 1%;
  }
 
.navbar-nav .nav-item .dropdown-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: rotateX(0deg) !important;
  top: 100% !important;
}

    div#navbarNavDropdown li.nav-item {
        padding: 10px;
    }

/* ---------------Menu End------------------------------- */
  header .admin_btn{
    display: flex;
    flex-direction: column;
  }
#scrollable-div{
  display: none !important;
}

    .navbar-nav .nav-item .dropdown-menu {
        position: static !important;
    }
    div#navbarNavDropdown li.nav-item {
        padding: initial;
    }

    .icon-header{
      color: white;
    text-shadow: 0.2px 0 white, -0.2px 0 white, 0 0.2px white, 0 -0.2px white;
    font-size: 16px;
    }

.navbar-collapse {
  display: none !important;
  position: absolute;
  top: 100%; /* Appears just below the navbar-toggler */
  left: 0;
  width: 100%;
}

/* When expanded via .show */
.navbar-collapse.show {
  display: block !important;
  
}

}

@media screen and (max-width: 767px){


 .dashboard_page:has(#admin_dashboard_table_reload_button) {
  margin-top: 26px !important;
}


    .customer_dashboard_page
 {
        position: relative;
        top: -60.5px;
    }

     div#Thankyou.active
 {
        height: 2100px  !important;
        width: 80% !important;
    }
    div#Thankyou.active  #dashboard-again {
      margin-bottom: 5px;
    }
    #thankyoucontainer{
      padding-right: 0%;
    }
   #Thankyou .page_section .tbpara {
      padding-top: 0px !important;
    }
}

@media screen and (max-width: 819px){
 #order_form_products #getValBtnID {
  margin-bottom: 10px !important;
}

}
@media screen and (max-width: 427px){

/* #change_em_parameter_success_popup   .modal-content
            {
            left: 40px !important;
             } */


#Thankyou  .fhead .htitle{
 font-size: 14px !important;
  }
 #order_form_size > div:first-child > div:first-child > div:nth-child(2) > div:first-child {
 flex-direction: column !important;
 }
  #order_form_size > div:first-child > div:first-child > div:nth-child(2) > div:first-child > div:nth-child(2) {
    margin: 5px 0px !important;
  }
    .row.product-select-items #final-material-container .col-xl-2 {
        width: 100% !important;
    }
#order_form_products #text-to-delete {
 width: 100% ;
}
 #order_form_products #getValBtnID {
  margin-bottom: 10px !important;
}

   #login_information   .lion_popup_dv h1.pagetitle , #order_form_em_standard_popup   .lion_popup_dv h1.pagetitle, #customer_parameters_em   .lion_popup_dv h1.pagetitle, #customer_parameters_ve   .lion_popup_dv h1.pagetitle{
  display: inline !important;
 } 
 .lion_popup_dv h1.pagetitle , .customer_dashboard_page .dashboard_title{
   display: inline !important;
 }
}
@media screen and (max-width: 768px){
  #chat-widget-container{
    display: none  ;
    visibility: hidden;
  }
  #imSticky{
    display: block !important;
    width: 100%;
    height: 39px;
    background-color: #e9e9e9;
    position: fixed;
    bottom: 0px;
    color: #777;
    font-size: 20px;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 29px 49px;
}

#imSticky .imstickyIcon{
    font-size: 26px;
    margin: 0px 5px;
}

#imSticky  a {
  color: inherit !important;
  text-decoration: none !important; /* if you want to remove underline too */
}

.new_footer .container {
    padding-bottom: 35px;
}

}

@media screen and (min-width: 762px) and (max-width: 992px) {
  .customer_dashboard_page .responsive-table .dataTables_scrollBody table > tbody{
    position: relative;
    top: -17px ;
  }
   .customer_dashboard_page .responsive-table .dataTables_scrollBody table > thead > tr:first-child{
    visibility: hidden;
  }
}
 @media screen and (min-width: 762px) and (max-width: 992px) {
#bn_sec tbody .status-wrapper 
{
  .status-sphere-open  , .status-sphere-delivered , .status-sphere-progress , .status-sphere-change {
  margin: initial;
  margin-right: 10px !important;
}
 }
}
/* 
.column-nav{
  flex-direction: column !important;
} */

/* @media screen and (min-width: 992px) and (max-width: 1024px) {
      .navbar-expand-lg .navbar-toggler {
        display: block !important;
      }
      .navbar-expand-lg .navbar-nav {
        flex-direction: column !important;

    }
    #navbarNavDropdown{
      display: none !important;
    }
} */



/*  */ 

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-nav .sidebar-div {
    padding:10px;
  }

}
@media screen and (min-width: 768px) and (max-width: 768px) {
  #sidebar-wrapper{
  width: 100% !important;
  }
   #sidebar-wrapper .sidebar-div{
  border: 2px solid #777 ;
   }
   .sidebar-nav li.clicked .sidebar-div{
        border: 2px solid #e0ad35 !important;
   }
}

@media screen and  (max-width: 600px) {
    #login_information, #customer_parameters_em, #customer_parameters_ve , .customer_dashboard_page {
        /* top: 30px !important; */
    }
    .lion_popup_dv{
      /* padding-top:10px !important ; */
    }


      .modal-content {
    width: 90% !important;
    left: 36px;
}
    

.modal-dialog{
    width: 85%;
    left: 31px;
}
    #customer_parameters_em {
        .modal-content {
            width: 90% !important;
            left: 15px !important;
        }
      }

    .stbtn_fbtn{
        /* padding: 6px 2px !important; */
            white-space: normal !important;
    }

    
  }

@media screen and  (max-width: 800px) {
      .modal-content {
    width: 90% !important;
    left: 36px;
}
    

.modal-dialog{
    width: 85%;
    left: 31px;
}
    #customer_parameters_em {
        .modal-content {
            width: 90% !important;
            left: 15px !important;
        }
      }
}

#scrollable-div .admin_btn #navbarNavDropdown  .nav-link {
  color: #777 !important;
   } 

 #scrollable-div .admin_btn #navbarNavDropdown    .nav-link.clicked {
     color:  #e0ad35 !important
   }


   @media screen and  (min-width: 1920px) {
.new_footer {
    background-size: cover !important;
   }
  }


@media screen and (min-height: 1515px) {
  .print_footer
 {
    position: absolute !important;
    bottom: 0px;
 }
 .new_footer .container {
    padding-top: 10vh;
 }
}



 @media screen and (max-width: 621px) {
 .order_detail_div   #subfolder_structure1 {
    margin-top: 15px;
  }
 }
  @media screen and (max-width: 480px) {
#customer-edit-orders .modal-dialog {
  left: 1px ;
}
 }

 .customer_dashboard_page , .dashboard_page:has(#admin_dashboard_table_reload_button)  , .dashboard_page:has(#em_freelancer_table_reload_btn) {
  overflow-x: hidden;
 }

 @media screen and (min-width: 801px) and (max-width: 991px) {
 #order_detail_popup .backbutton , #admin_customer_profile_edit_popup .backbutton {
 left: -22px;
 }
 }


 #order_detail_popup table#order_detail th:nth-child(1) {
  text-align: center!important;
 }

   @media screen and (max-width: 761px) {
.customer_dashboard_page .responsive-table .dataTables_scrollBody , .dashboard_page:has(#admin_dashboard_table_reload_button) .responsive-table .dataTables_scrollBody , .dashboard_page:has(#em_freelancer_table_reload_btn) .responsive-table .dataTables_scrollBody {
  max-height: 300px !important;
  height: 232px !important;
} 
   }
 @media screen and (min-width: 762px) and (max-width: 768px) {
.customer_dashboard_page .responsive-table .dataTables_scrollBody  tbody  > tr ,  .dashboard_page:has(#admin_dashboard_table_reload_button) .responsive-table .dataTables_scrollBody  tbody  > tr , .dashboard_page:has(#em_freelancer_table_reload_btn) .responsive-table .dataTables_scrollBody  tbody  > tr {
  margin-top: 17px;
}
 }   

 /* @media screen and (min-width: 769px) and (max-width: 992px) {

 } */

#change_customer_avatar_popup #change_customer_avatar_confirm  {
margin-top: 13px;
}


 @media screen and (min-width: 769px) and (max-width: 992px) {
.tableControl .tableCloumnBtton  {
  padding-top: 5px !important;
}
 }

 @media screen and (min-width: 768px) and (max-width: 992px){
 .custom_header_menu_item:has(> #admin_red1){
    padding-inline: 0px;
    width: 57px !important;
 }
}

 @media screen and (min-width: 768px) and (max-width: 991px){
   #admin_add_customer .field-group .form-group .row >div:first-child ,  #admin_add_customer .field-group .form-group  .first_row_ss >div:first-child ,    #admin_add_customer .field-group .form-group  .first_row_tax >div:first-child{
   width: 25%  !important;
   }
   #admin_add_customer .field-group .form-group .row >div:last-child ,   #admin_add_customer .field-group .form-group  .second_row_gg >div:last-child ,   #admin_add_customer .field-group .form-group  .second_row_tax >div:last-child{
   width: 75%  !important;
   padding-inline: 10px !important;
   }

  #admin_add_customer  .second_row_gg ,  #admin_add_customer   .first_row_ss ,  #admin_add_customer   .first_row_tax , #admin_add_customer  .second_row_tax {
    width: 100% !important;
  }
 #admin_add_customer  .second_row_gg   .first_name_postel1 , #admin_add_customer .second_row_tax .first_name_tax1{
    justify-content: left !important;
    padding-left: 10px !important;
 }
 }


#order_request_popup .order_request_font nav {
  border: none !important;
} 

 @media screen and (min-width: 769px) and (max-width: 991px){
  #view-order .status-wrapper .status_text {
    display: none !important;
  }
 }
 .menuWebshop {
    width: 42px;
    height: auto;
    margin-left: 14px;
 }
 .webshopIcon {
  font-size: 22px;
  color: white;
 }
 .menuWebshop:hover {
  cursor: pointer;
  background-color: transparent !important;
 }
 #webshopDropdown{
  border: none !important;
 }
#webshopDropdown , #webshopDropdown:hover , .webshopDropdown:focus {
  background-color: transparent !important;
} 

.webshopDropdown{
left: -121px !important;
    top: 35px !important;
}

.navbar-nav .nav-item .dropdown-menu a.dropdown-item{
    font-weight: 400 !important;
    font-size: 13px;
    line-height: 24px;
}
#admin-edit-orders .modal-content,.sidebar4{
  border: 1px solid #ddd !important;
}
div.sidebar4{
  border-bottom: 1px solid #ddd !important;
}



.lion_popup_wrrpr {
  height: max-content !important;
}


/* nav.navbar.navbar-expand-lg.bg-body-tertiary.nav_wrap_dv{
  flex-wrap: wrap !important;
} */


#customer_parameters_ve.lion_popup_wrrpr  {
      height: 400px !important;
    overflow-y: hidden;
} 

.progress-bar{
  background-color: #e0ad35 !important;
}

/* ----------------------  */
@media screen and (max-width: 1399px) {
.navbar  .container-fluid {
 max-width: 99%;
}
}