:root {
  --sidebar-width: 15rem;
  --color-text-blue1: #5977ed;
  --color-text-gray1: #8f96a0;
  --color-text-gray2: #b5b8bf;
}

.mg-textcolor-blue1 {
  color: var(--color-text-blue1) !important;
}

.mg-textcolor-gray1 {
  color: var(--color-text-gray1) !important;
}
.mg-textcolor-gray1.input {
  color: var(--color-text-gray1) !important;
}

.mg-textcolor-gray2 {
  color: var(--color-text-gray2) !important;
}
.mg-textcolor-gray2.input {
  color: var(--color-text-gray2) !important;
}

select.form-select.mg-textcolor-gray2 option {
  color: var(--color-text-gray1);
}
select.form-select.mg-textcolor-gray2 option:checked {
  color: var(--color-text-gray1);
}

select.form-select {
  --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238f96a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

select.form-select.mg-textcolor-gray2 {
  --tblr-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b5b8bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.ts-wrapper.single .ts-control::after {
  content: "";
  width: 12px;
  height: 12px;
  border: none;
  margin-top: -8px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b5b8bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ts-wrapper.single.dropdown-active .ts-control::after {
  border: none;
  margin-top: -8px;
  transform: rotate(180deg);
}

input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator {
  width: 12px;
  height: 12px;
  opacity: 1;
  padding: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238f96a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

input[type=datetime-local].mg-textcolor-gray2::-webkit-calendar-picker-indicator,
input[type=date].mg-textcolor-gray2::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b5b8bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.responsiv-uploader-fileupload.style-file-multi .upload-button {
  color: var(--color-text-gray1) !important;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.h3-headercontroller {
  font-size: 17px;
  font-weight: 700 !important;
}

@media (min-width: 992px) {
  body > aside.navbar-vertical.navbar-expand-lg {
    width: var(--sidebar-width);
  }
  body > .navbar-vertical.navbar-expand-lg ~ .page {
    padding-left: var(--sidebar-width);
  }
}
/*.page{
  @media (min-width: 992px) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.mgmainarea{
    @media (min-width: 992px) {
        box-sizing: border-box;
        position: absolute;
        left: 240px;
        width: calc(100vw - 255px);
        max-width: calc(100vw - 255px);
        min-width: calc(100vw - 255px);
    }
}*/
.mgmainarea {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.btn.btn-customsize {
  padding-top: 8px;
  padding-bottom: 7px;
  min-height: 35px;
}
.btn.btn-customsize-head {
  font-size: 11px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 33px;
}

.hfadhf {
  margin-left: 0.5rem;
}
@media (max-width: 460px) {
  .hfadhf {
    display: none;
  }
}

.dt-layout-table {
  margin-top: 20px !important;
}

.dt-container .dt-buttons button {
  border-color: #6c7a90 !important;
  color: #6c7a90 !important;
}
.dt-container .dt-buttons button span {
  color: #6c7a90 !important;
}
.dt-container .dt-buttons button[aria-expanded=true] {
  border-color: #1d3eaa !important;
  color: #1d3eaa !important;
}
.dt-container .dt-buttons button[aria-expanded=true] span {
  color: #1d3eaa !important;
}
.dt-container .dt-buttons button:hover {
  background-color: transparent;
}

.ts-wrapper {
  min-height: 42px;
}

.ts-wrapper.single .ts-control {
  background-color: transparent;
  background-image: none;
}

.ts-control {
  padding-top: 11px;
  padding-bottom: 11px;
}
.ts-control .item {
  font-size: 15px;
}

.ts-dropdown-content .option {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
}

div.dt-button-collection {
  background-color: #fff;
  border: 1px solid rgb(31, 41, 55);
}

div.dt-button-collection {
  transform: translate(-15px);
}

.orders-update-select .ts-control {
  border-color: #066fd1 !important;
}

.ts-wrapper .ts-control .item {
  color: var(--color-text-gray1) !important;
}

.dt-container .row > div {
  display: flex;
  padding-right: 0px;
}
@media (max-width: 575px) {
  .dt-container .row > div {
    margin-top: 8px;
  }
}

@media (max-width: 991px) {
  .dt-length {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .dt-length label {
    display: none;
  }
}

@media (max-width: 991px) {
  .dt-search {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .dt-search {
    width: calc(100% - 110px);
  }
}
@media (max-width: 575px) {
  .dt-search label {
    display: none;
  }
}

div.dt-container div.dt-length select {
  border-color: #e5e7eb;
}
@media (max-width: 379px) {
  div.dt-container div.dt-length select {
    margin-right: 4px;
  }
}

div.dt-container div.dt-search input {
  border-color: #e5e7eb;
}
@media (max-width: 575px) {
  div.dt-container div.dt-search input {
    width: 100%;
    margin-left: 4px;
  }
}

@media (min-width: 992px) {
  .table-responsive .dt-container.dt-bootstrap5 .dt-buttons .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
  }
}

.table-responsive .dt-container .table thead th {
  background-color: #0056b3;
  color: #fff;
  font-weight: 600;
  text-transform: none !important;
}

.table-responsive .dt-container .table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

.table-responsive .dt-container .table tbody tr:hover {
  background-color: #e9ecef;
}

.table-responsive .dt-container .table tbody tr.table-row-urgent {
  background-color: #fff3cd;
}

.dt-paging-button button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(6, 111, 209, 0.2);
}
.dt-paging-button button:hover {
  background: rgba(6, 111, 209, 0.1) !important;
}

.dt-paging-button.disabled button {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(6, 111, 209, 0.05);
}

table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  opacity: 0.3;
}

table.dataTable thead > tr > th.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  /*border-top: var(--dt-order-arrow-height) solid rgb(255 255 255);*/
  border-top-color: #fff;
}

table.dataTable thead > tr > th.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before {
  /*border-bottom: var(--dt-order-arrow-height) solid var(--dt-order-arrow_color);*/
  border-bottom-color: #fff;
}

table.dataTable thead > tr > th.dt-ordering-desc .dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc .dt-column-order:after {
  border-top-color: #fff;
  opacity: 1;
}

table.dataTable thead > tr > th.dt-ordering-asc .dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc .dt-column-order:before {
  border-bottom-color: #fff;
  opacity: 1;
}

@media (max-width: 1199px) {
  #serviseupdateModal .modal-dialog {
    max-width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
}
@media (min-width: 1200px) {
  #serviseupdateModal .modal-dialog {
    max-width: calc(100% - 16rem);
    margin: 0.5rem auto;
  }
}

@media (max-width: 1199px) {
  #commentEditModal .modal-dialog,
  #servicesRecordsFilterModal .modal-dialog,
  #ordersFilterModal .modal-dialog {
    max-width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
}
@media (min-width: 1200px) {
  #commentEditModal .modal-dialog,
  #servicesRecordsFilterModal .modal-dialog,
  #ordersFilterModal .modal-dialog {
    max-width: calc(100% - 16rem);
    margin: 0.5rem auto;
  }
}

@media (max-width: 1199px) {
  #taskupdateModal .modal-dialog {
    max-width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
}
@media (min-width: 1200px) {
  #taskupdateModal .modal-dialog {
    max-width: calc(100% - 2rem);
    margin: 0.5rem auto;
  }
}

#orders-active-filters .filter-item:nth-of-type(odd) {
  font-weight: bold;
}
#orders-active-filters .filter-logic {
  opacity: 0.6;
  font-size: 0.85em;
  margin: 0 0.25rem;
}

#servicesRecords-active-filters .filter-item:nth-of-type(odd) {
  font-weight: bold;
}
#servicesRecords-active-filters .filter-logic {
  opacity: 0.6;
  font-size: 0.85em;
  margin: 0 0.25rem;
}

.table-responsive .dt-container .table tbody tr:hover {
  background-color: inherit;
}
.table-responsive .dt-container .table tbody tr:nth-child(even) {
  background-color: #f8f9fa;
}

.border-oneservis-graylight {
  border-color: #ecedf1 !important;
}
.border-oneservis-graylight .ts-control {
  border-color: #ecedf1 !important;
}

@media (max-width: 1199px) {
  .modal-xl.modal-dialog {
    max-width: calc(100% - 1rem);
    margin: 0.5rem auto;
  }
}
@media (min-width: 1200px) {
  .modal-xl.modal-dialog {
    max-width: calc(100% - 16rem);
    margin: 0.5rem auto;
  }
}

.bg-oneservis-graylight {
  background-color: #ecedf1;
}/*# sourceMappingURL=oneservis.css.map */