@charset "UTF-8";
/*!
Theme Name: PLF
Author: Fifteen Design
Version: 1.0.0
*/
/*----------------------------------
    BRAND COLORS
----------------------------------*/
/*----------------------------------
    FONTS
----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap");
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik", sans-serif !important;
}

/*----------------------------------
    FONTS SIZES
----------------------------------*/
/*----------------------------------
    EASING
----------------------------------*/
/*----------------------------------
    CONTAINER
----------------------------------*/
@media (min-width: 576px) {
  .container {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 70% !important;
  }
}
/*----------------------------------
    MEDIA QUERY:
    1.Generic
    2. iPhone
        2.1. iPhone 5, 5S, 5C and 5SE
        2.2. iPhone 6, 6S, 7 and 8 
        2.3. iPhone X
    3. iPad
        3.1. iPad 1, 2, Mini and Air
        3.2. iPad Pro 12.9"
    4. Samsung, Pixel, Nexus
----------------------------------*/
/*----------------------------------
    1. Generic
----------------------------------*/
/*----------------------------------
    2. Iphone
----------------------------------*/
/*----------------------------------
    2.1. iPhone 5, 5S, 5C and 5SE
----------------------------------*/
/*----------------------------------
    2.2. iPhone 6, 6S, 7 and 8
----------------------------------*/
/*----------------------------------
    2.3. iPhone X
----------------------------------*/
/*----------------------------------
    3. Ipad
----------------------------------*/
/*----------------------------------
    3.1. iPad 1, 2, Mini and Air
----------------------------------*/
/*----------------------------------
    3.2. iPad Pro 12.9"
----------------------------------*/
/*----------------------------------
    4. Samsung, Pixel, Nexus
----------------------------------*/
/*
    Buttons
*/
button:focus,
.btn:focus {
  outline: none !important;
}

.btn,
.button {
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  border: none;
  background: #ff001b;
  font-weight: 600;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: inherit !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .btn,
.button {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn,
.button {
    font-size: 14px;
  }
}
.btn:hover,
.button:hover {
  background: #677687;
  color: #ffffff;
}

.btn-primary {
  background: #ff001b !important;
}
.btn-primary:hover {
  background: #677687 !important;
  color: #ffffff !important;
}

.btn-secondary {
  background-color: rgba(105, 128, 154, 0.16);
  color: #69809a;
  border: none !important;
}
.btn-secondary:hover {
  border: none !important;
}

.team-btn {
  background: #c900ff;
  border: none !important;
}
.team-btn:hover {
  background: #df66ff !important;
}

.order-btn {
  background: #fdac41;
  border: none !important;
}
.order-btn:hover {
  background: #fed8a6 !important;
}

.light-b {
  background: #39da8a !important;
  color: #ffffff !important;
}
.light-b:hover {
  background: #23bd70 !important;
}

.mod-b {
  background: #fdac41 !important;
  color: #ffffff !important;
}
.mod-b:hover {
  background: #fc960f !important;
}

.dang-b {
  background: #ff001b !important;
  color: #ffffff !important;
}
.dang-b:hover {
  background: #cc0016 !important;
}

.btn-project {
  background: #0058ff !important;
  color: #ffffff !important;
}
.btn-project:hover {
  background: #0046cc !important;
}

.rounded-pill {
  border: 2px solid #ff001b !important;
}

.pl-3 {
  padding-left: 1rem;
}

.btn-border {
  border: 2px solid #0058ff !important;
}

/*
    Mixins
*/
.nav-link .light:before {
  content: "";
}
.nav-link .dark:before {
  content: "";
}

.lg-dark {
  display: none;
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .lg-dark,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .lg-dark {
  display: none !important;
}

:root[data-applied-mode=dark] body,
:root[data-applied-mode=dark] .container-xxl,
:root[data-applied-mode=dark] .dropdown-menu,
:root[data-applied-mode=dark] .help-center-bg-alt,
:root[data-applied-mode=dark] .bg-white,
:root[data-applied-mode=dark] .markup-review .brd,
:root[data-applied-mode=dark] .timesheet-tb .ff-c .btn-primary,
:root[data-applied-mode=dark] .create-project .info,
:root[data-applied-mode=dark] .light-style .flatpickr-calendar,
:root[data-applied-mode=dark] .light-style .flatpickr-days,
:root[data-applied-mode=dark] .event-sidebar {
  background: #1c222f !important;
  background-color: #1c222f !important;
}
:root[data-applied-mode=dark] .progress {
  background: #677788 !important;
}
:root[data-applied-mode=dark] .timeline::before {
  border-color: #677788 !important;
}
:root[data-applied-mode=dark] table,
:root[data-applied-mode=dark] .avatar-group .avatar img,
:root[data-applied-mode=dark] .avatar-group .avatar .avatar-initial {
  border-color: #677788 !important;
}
:root[data-applied-mode=dark] .timeline .timeline-end-indicator i,
:root[data-applied-mode=dark] .light-style div.dataTables_wrapper div.dataTables_info {
  color: #677788 !important;
}
:root[data-applied-mode=dark] footer a {
  color: #677788 !important;
}
:root[data-applied-mode=dark] .order-tb-theme button {
  background: none !important;
}
:root[data-applied-mode=dark] .task-q-a .grid .card,
:root[data-applied-mode=dark] .ac-body {
  background: #1c222f !important;
  background-color: #1c222f !important;
}
:root[data-applied-mode=dark] .timesheet-tb .btn-primary-outline {
  background: transparent !important;
  border: solid 1px #677788 !important;
  color: #ff001b !important;
}
:root[data-applied-mode=dark] .timesheet-tb .btn-primary-outline:hover {
  background: #1c222f !important;
  color: #677788 !important;
  border: solid 1px #1c222f !important;
}
:root[data-applied-mode=dark] .lg-dark {
  display: block;
}
:root[data-applied-mode=dark] .lg {
  display: none;
}
:root[data-applied-mode=dark] .markup-review .scroll .input {
  color: #677788;
}
:root[data-applied-mode=dark] #layout-navbar .search-input {
  background: #1c222f !important;
  background-color: #1c222f !important;
}
:root[data-applied-mode=dark] #layout-navbar .search-toggler {
  background: none !important;
}
:root[data-applied-mode=dark] .dropdown-notifications .dropdown-menu .list-group li:nth-child(odd),
:root[data-applied-mode=dark] .not-over li:nth-child(odd) {
  background: #1c222f !important;
  background-color: #1c222f !important;
}
:root[data-applied-mode=dark] .light-style .user-profile-header .user-profile-img {
  border-color: #1c222f !important;
}
:root[data-applied-mode=dark] .dropdown-notifications .dropdown-menu .list-group li:nth-child(even),
:root[data-applied-mode=dark] .reg_account .lft,
:root[data-applied-mode=dark] .not-over li:nth-child(even),
:root[data-applied-mode=dark] .bs-stepper {
  background: #283144 !important;
  background-color: #283144 !important;
}
:root[data-applied-mode=dark] html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner > .menu-item.open:not(.active),
:root[data-applied-mode=dark] .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner > .menu-item.open:not(.active),
:root[data-applied-mode=dark] .accordion-button {
  background: #1c222f !important;
  background-color: #1c222f !important;
}
:root[data-applied-mode=dark] .card,
:root[data-applied-mode=dark] .bg-footer-theme,
:root[data-applied-mode=dark] .bg-navbar-theme,
:root[data-applied-mode=dark] .bg-menu-theme,
:root[data-applied-mode=dark] .modal-content {
  background: #283144 !important;
  background-color: #283144 !important;
}
:root[data-applied-mode=dark] .order-tb-theme tbody tr,
:root[data-applied-mode=dark] .create-order .info,
:root[data-applied-mode=dark] .q-theme tbody tr {
  background: #283144 !important;
  background-color: #283144 !important;
}
:root[data-applied-mode=dark] .accordion .accordion-item.active {
  box-shadow: none !important;
}
:root[data-applied-mode=dark] input,
:root[data-applied-mode=dark] select,
:root[data-applied-mode=dark] textarea,
:root[data-applied-mode=dark] .select2-selection,
:root[data-applied-mode=dark] .ql-snow.ql-toolbar,
:root[data-applied-mode=dark] .ql-snow .ql-editor {
  background-color: transparent !important;
  border: solid 1px #677788;
}
:root[data-applied-mode=dark] .btn-project-outline {
  background: none !important;
  border: solid 1px #677788 !important;
}
:root[data-applied-mode=dark] .btn-project-outline:hover {
  background: #0058ff !important;
  border: solid 1px #0058ff !important;
}
:root[data-applied-mode=dark] .menu-inner-shadow {
  display: none !important;
}

#accordionPayment .accordion-body {
  padding-top: 0.78rem !important;
}

.input-group-merge .input-group-text {
  border: none !important;
}

body {
  background: #ff001b;
}

.authentication-inner h4 {
  color: #516377;
  font-family: Rubik;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
}
.authentication-inner p {
  color: #677687;
  font-size: 15px;
  letter-spacing: 0;
  text-align: center;
}
.authentication-inner label {
  color: #516377;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.authentication-inner .btn {
  width: 100%;
}
.authentication-inner .tt {
  color: #516377;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  display: block;
  margin: 15px 0;
}

a {
  color: #ff001b;
}

.dropdown-notifications .dropdown-menu {
  border: 1.44px solid #ff001b;
}
.dropdown-notifications .dropdown-menu .dropdown-header {
  background: #ff001b;
  color: #ffffff;
}
.dropdown-notifications .dropdown-menu .dropdown-header h5 {
  color: #ffffff !important;
}
.dropdown-notifications .dropdown-menu .avatar {
  width: 30px;
  height: 30px;
}
.dropdown-notifications .dropdown-menu .avatar img {
  width: 100% !important;
  height: 100% !important;
}
.dropdown-notifications .dropdown-menu .list-group li {
  position: relative;
  border: none !important;
}
.dropdown-notifications .dropdown-menu .list-group li:nth-child(even) {
  background-color: rgba(255, 91, 92, 0.1);
}
.dropdown-notifications .dropdown-menu .list-group li h6 {
  color: #ff001b;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.5;
}
.dropdown-notifications .dropdown-menu .list-group li p {
  color: #69809a;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: right;
}
.dropdown-notifications .dropdown-menu .list-group li .dropdown-notifications-actions {
  position: absolute;
  top: 5%;
  right: 1%;
}
.dropdown-notifications .dropdown-menu .list-group li .dropdown-notifications-actions a {
  height: max-content;
  line-height: 0;
}

.timeline-item .timeline-point {
  background: #ff001b !important;
}

.card-action-element .btn {
  background: none !important;
  color: #263c55 !important;
  border: none !important;
}
.card-action-element .btn:hover {
  color: #ff001b !important;
}

.li_btm li {
  margin-bottom: 1.5rem;
}
.li_btm li span {
  font-size: 13px;
}
.li_btm li:last-child {
  margin-bottom: 0;
}

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

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

.bg-label-primary {
  border-radius: 3px;
  background-color: rgba(255, 0, 27, 0.2);
  color: #ff001b;
}

.bg-label-team {
  border-radius: 3px;
  background-color: rgba(201, 0, 255, 0.2);
  color: #c900ff;
}

.team-a {
  color: #c900ff !important;
}
.team-a:hover {
  color: #df66ff !important;
}

.ava-project {
  background: #0058ff !important;
  color: #ffffff;
  text-align: center;
  border-radius: 100px;
}
.ava-project span,
.ava-project .bx {
  font-size: 18px !important;
  line-height: 2rem;
}

.ava-team {
  background: #c900ff !important;
  color: #ffffff;
  text-align: center;
  border-radius: 100px;
}
.ava-team span,
.ava-team .bx {
  font-size: 18px !important;
  line-height: 2rem;
}

.proj-theme .progress-bar {
  background-color: #0058ff;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 88, 255, 0.4);
}
.proj-theme .btn-icon {
  background: none !important;
  border: none !important;
  color: #263c55 !important;
  line-height: 0;
}
.proj-theme .btn-icon:hover {
  color: #0058ff !important;
}
.proj-theme .btn-icon i {
  line-height: 0 !important;
}
.proj-theme .form-check-input:focus,
.proj-theme .form-control:focus,
.proj-theme .form-select:focus {
  border-color: #0058ff !important;
}
.proj-theme .form-check-input:checked,
.proj-theme .form-check-input[type=checkbox]:indeterminate {
  background-color: #0058ff !important;
  border-color: #0058ff !important;
}
.proj-theme .active a {
  border-color: #0058ff !important;
  background-color: #0058ff !important;
}

@media (max-width: 768px) and (min-width: 0px) {
  .project-theme .card .card-body,
.task-theme .card .card-body,
.orders-theme .card .card-body,
.user-teams .card .card-body {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .project-theme .card .card-header,
.task-theme .card .card-header,
.orders-theme .card .card-header,
.user-teams .card .card-header {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .project-theme .card .align-items-start,
.task-theme .card .align-items-start,
.orders-theme .card .align-items-start,
.user-teams .card .align-items-start {
    justify-content: space-between !important;
  }
}

.task-theme .progress-bar {
  background-color: #00cfdd;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.4);
}
.task-theme .btn-icon {
  background: none !important;
  border: none !important;
  color: #263c55 !important;
  line-height: 0;
}
.task-theme .btn-icon:hover {
  color: #00cfdd !important;
}
.task-theme .btn-icon i {
  line-height: 0 !important;
}
.task-theme .form-check-input:focus,
.task-theme .form-control:focus,
.task-theme .form-select:focus {
  border-color: #00cfdd !important;
}
.task-theme .form-check-input:checked,
.task-theme .form-check-input[type=checkbox]:indeterminate {
  background-color: #00cfdd !important;
  border-color: #00cfdd !important;
}
.task-theme .active a {
  border-color: #00cfdd !important;
  background-color: #00cfdd !important;
}

.orders-theme .progress-bar {
  background-color: #fdac41;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(253, 172, 65, 0.4);
}
.orders-theme .btn-icon {
  background: none !important;
  border: none !important;
  color: #263c55 !important;
  line-height: 0;
}
.orders-theme .btn-icon:hover {
  color: #fdac41 !important;
}
.orders-theme .btn-icon i {
  line-height: 0 !important;
}
.orders-theme .form-check-input:focus,
.orders-theme .form-control:focus,
.orders-theme .form-select:focus {
  border-color: #fdac41 !important;
}
.orders-theme .form-check-input:checked,
.orders-theme .form-check-input[type=checkbox]:indeterminate {
  background-color: #fdac41 !important;
  border-color: #fdac41 !important;
}
.orders-theme .active a {
  border-color: #fdac41 !important;
  background-color: #fdac41 !important;
}
.orders-theme .complete-span {
  text-transform: uppercase;
  color: #fdac41 !important;
}

.btn-icon {
  background: none !important;
  color: #ff001b !important;
  border: none !important;
}
.btn-icon:hover {
  background: none !important;
  color: #ff001b !important;
  border: none !important;
}

.app-brand-link img {
  width: 120px;
  height: auto;
}

.bg {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .bg .container-xxl {
    background: none !important;
  }
}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .sm,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .sm {
  display: block;
}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .lg,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .lg {
  display: none;
}

.app-brand .sm {
  display: none;
  width: 30px;
}

.bs-stepper small {
  color: #a8b1ba;
  font-size: 13px;
  letter-spacing: 0;
}
.bs-stepper .active .bs-stepper-circle {
  position: relative;
}
.bs-stepper .active .bs-stepper-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  border-radius: 0.375rem;
  box-shadow: 0 3px 6px 0 #ff001b;
}

.form-repeater .btn-close,
.form-repeater .btn-add {
  border-radius: 50px;
  padding: 0px !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 15px;
  text-align: center;
  position: relative;
  margin-top: 1rem;
}
.form-repeater .btn-close i,
.form-repeater .btn-add i {
  font-size: 18px;
  line-height: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.table-nobord tr {
  border: none !important;
}
.table-nobord tr td,
.table-nobord tr th {
  border: none !important;
}

.tb_fl tr {
  border: none !important;
}
.tb_fl tr td {
  border: none !important;
}
.tb_fl tr:nth-child(odd) {
  background: rgba(38, 60, 85, 0.03);
}

.create-user-confirm {
  margin-bottom: 2rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .create-user-confirm .col-xl-6 {
    padding: 0 !important;
  }
}
.create-user-confirm label,
.create-user-confirm th {
  color: #516377;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 400;
}
.create-user-confirm p {
  color: #a8b1ba;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0 !important;
}
.create-user-confirm .file {
  margin-top: 0rem !important;
  margin-bottom: 1rem;
}
.create-user-confirm .bg {
  border-radius: 8px;
  background-color: rgba(255, 0, 0, 0.06);
  padding: 5px 10px;
  margin-bottom: 1rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .create-user-confirm .bg {
    padding: 10px 10px;
  }
}
.create-user-confirm .bg img {
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .create-user-confirm .bg img {
    width: auto;
    height: 120px !important;
    margin-top: 0.5rem;
  }
}
.create-user-confirm .bg .table-responsive td,
.create-user-confirm .bg .table-responsive th {
  padding-left: 0;
  padding-right: 0;
}
.create-user-confirm .bg .table-responsive tr {
  background: none !important;
}

#btn-prev {
  border-radius: 4px;
  background-color: rgba(105, 128, 154, 0.16) !important;
  border: solid 1px rgba(105, 128, 154, 0.16) !important;
  color: #69809a !important;
  cursor: pointer;
}
#btn-prev:hover {
  background-color: #69809a !important;
  border: solid 1px #69809a !important;
  color: black !important;
}

.illus img {
  width: 100%;
  height: auto;
}

.req_hol label {
  color: #fdac41;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
.req_hol input:focus,
.req_hol select:focus {
  border-color: #fdac41 !important;
}
.req_hol #flatpickr-range .flatpickr-prev-month,
.req_hol #flatpickr-range .flatpickr-next-month,
.req_hol #flatpickr-range .flatpickr-day.today {
  border-color: #fdac41 !important;
}
.req_hol #flatpickr-range .flatpickr-prev-month svg,
.req_hol #flatpickr-range .flatpickr-next-month svg {
  fill: #fdac41 !important;
  stroke: #fdac41 !important;
}
.req_hol .btn-secondary {
  background: #fdac41;
  color: #ffffff !important;
}

.conc_hol hr {
  color: #fdac41 !important;
}
.conc_hol thead tr td {
  color: #fdac41;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
.conc_hol .badge {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
}
.conc_hol .pending {
  color: #fdac41;
}
.conc_hol .declined {
  color: #ff001b;
}
.conc_hol .approved {
  color: green;
}
.conc_hol thead tr th {
  color: #fdac41 !important;
  font-size: 12px;
  letter-spacing: 0;
  margin-bottom: 0.5rem;
}
.conc_hol th,
.conc_hol td {
  border: none !important;
  padding-left: 0;
  padding-right: 5px;
}
.conc_hol tbody tr td strong {
  color: #516377;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  display: block;
  width: 100%;
}
.conc_hol tbody tr td .tf-icons {
  color: #fdac41;
  font-size: 30px;
  margin-right: 1rem;
}
.conc_hol tbody tr td small {
  color: #677687;
  font-size: 13px;
  letter-spacing: 0;
  display: block;
  width: 100%;
}
.conc_hol tbody tr td p {
  color: #677687;
  font-size: 13px;
  letter-spacing: 0;
  margin: 0;
}
.conc_hol .progress-hld {
  margin-top: 2rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .conc_hol .progress-hld {
    margin-top: 0rem;
  }
}
.conc_hol .progress-hld .progress-bar {
  background-color: #fdac41;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(253, 172, 65, 0.4);
}
.conc_hol .progress-hld .dt {
  color: #677687;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  position: relative;
}
@media (max-width: 768px) and (min-width: 0px) {
  .conc_hol .progress-hld .dt {
    margin-bottom: 0 !important;
  }
}
.conc_hol .progress-hld .dt:after {
  content: "";
  height: 28px;
  width: 1px;
  background: #fdac41;
  display: block;
  margin: 0 auto;
  margin-top: 1rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .conc_hol .progress-hld .dt:after {
    display: none !important;
  }
}

.admin-role .admin-s {
  display: block;
}
.admin-role .admin-f {
  display: flex;
}

.workforce-role .workforce-s {
  display: block;
}

.site-man-role .site-man-s {
  display: block;
}

.workforce-s,
.admin-s,
.site-man-s,
.admin-f {
  display: none;
}

.avatar-xxl {
  height: 110px;
  width: 110px;
}

@media (max-width: 768px) and (min-width: 0px) {
  .personal-info-av .avatar {
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .personal-info-av .btn {
    margin-bottom: 1rem;
  }
}
.personal-info-av .btn-secondary {
  color: #ffffff;
  background: #69809a;
}
.personal-info-av .btn-primary {
  color: #ffffff;
}
.personal-info-av .form-label {
  text-transform: uppercase;
}
.personal-info-av label {
  color: #677687;
  font-size: 15px;
  letter-spacing: 0;
  margin-top: 0.5rem;
}

.doc_ img {
  width: auto !important;
  height: 80px !important;
  margin: 0 auto;
}
.doc_ p {
  color: #454545;
  font-size: 12px;
}

.table-docs thead td {
  color: #69809a;
  font-family: Helvetica;
  font-size: 13.08px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none;
}
.table-docs .from {
  color: #516377;
  font-size: 12.93px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
}
.table-docs .em {
  color: #a8b1ba;
  font-size: 11.21px;
  letter-spacing: 0;
  margin: 0;
}
.table-docs .status {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
}
.table-docs .s-signed {
  color: #39da8a;
}
.table-docs .s-unsigned {
  color: #ff5b5c;
}
.table-docs i {
  font-size: 24px;
  color: #ff001b;
}
.table-docs td,
.table-docs tr,
.table-docs th {
  border: none !important;
}
.table-docs .bg {
  background: rgba(255, 91, 92, 0.1);
}
.table-docs tbody tr td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.bg-none {
  background: none !important;
  box-shadow: none !important;
}

.user-teams .card-header {
  border-bottom: 1px solid rgba(151, 151, 151, 0.23);
}
.user-teams .ava-team {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  padding: 0;
}
.user-teams .card-action-title {
  font-size: 18px;
}
.user-teams .pin {
  width: 20px;
}
.user-teams .dropdown button {
  background: none !important;
  border: none !important;
  color: #a8b1ba !important;
}
.user-teams .card-body {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem;
}
.user-teams .remove {
  background: rgba(255, 91, 92, 0.1);
  color: #ff5b5c;
}

.just-end {
  justify-content: end;
}

.just-center {
  justify-content: center;
}

@media (max-width: 768px) and (min-width: 0px) {
  .nav-orders-theme,
.nav-team-theme,
.nav-project-theme,
.nav-task-theme,
.nav-holiday-theme,
.nav-default-theme {
    margin-bottom: 1rem;
  }
}

.nav-pills .nav-item {
  margin-right: 0.5rem;
}
.nav-pills .nav-item:last-child {
  margin-right: 0;
}

.nav-default-theme .nav-link:hover {
  background-color: #ff001b !important;
  color: #ffffff !important;
}
.nav-default-theme .active {
  background-color: #ff001b !important;
}
.nav-default-theme .sub-menu {
  background-color: #ff001b !important;
}

.nav-holiday-theme .active {
  background-color: #fdac41 !important;
}
.nav-holiday-theme .sub-menu {
  background-color: #fdac41 !important;
}

.nav-team-theme .active {
  background-color: #c900ff !important;
}
.nav-team-theme .sub-menu {
  background-color: #c900ff !important;
}

.nav-project-theme .active {
  background-color: #0058ff !important;
}
.nav-project-theme .sub-menu {
  background-color: #0058ff !important;
}

.nav-task-theme .active {
  background-color: #00cfdd !important;
}
.nav-task-theme .sub-menu {
  background-color: #00cfdd !important;
}

.nav-orders-theme .active {
  background-color: #fdac41 !important;
}
.nav-orders-theme .sub-menu {
  background-color: #ff7300 !important;
}

.nav-site-theme .active {
  background-color: #b0d703 !important;
}
.nav-site-theme .sub-menu {
  background-color: #b0d703 !important;
}

.nav-fleet-theme .active {
  background-color: #c80777 !important;
}
.nav-fleet-theme .sub-menu {
  background-color: rgba(200, 7, 119, 0.6) !important;
}

.btn-fleet {
  background: #c80777 !important;
}
.btn-fleet:hover {
  background: #677687 !important;
}

.fleet-theme .progress-bar {
  background-color: #c80777;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.4);
}
.fleet-theme h5 {
  font-size: 18px;
}
.fleet-theme .text-body[href]:hover {
  color: #c80777 !important;
}
.fleet-theme .btn {
  font-size: 14px;
}
.fleet-theme .ava-project {
  background-color: #c80777 !important;
}
.fleet-theme .status {
  padding: 5px 1rem;
  border-radius: 50px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  width: 100%;
}
.fleet-theme .complete {
  background-color: #c80777 !important;
}
.fleet-theme .complete-span {
  color: #c80777 !important;
}

.create-fleet {
  overflow: hidden;
}
.create-fleet .h-title h1,
.create-fleet .h-title h2,
.create-fleet .h-title h3,
.create-fleet .h-title h4,
.create-fleet .h-title h5,
.create-fleet .h-title h6,
.create-fleet .h-title p {
  color: #c80777;
}
.create-fleet .form-label {
  color: #c80777 !important;
}
.create-fleet .side-line {
  position: relative;
}
.create-fleet .side-line:after {
  content: "";
  height: 200%;
  width: 1px;
  position: absolute;
  right: 0;
  top: -50%;
  background: #c80777;
}
.create-fleet .enter_ad {
  text-decoration: underline;
}
.create-fleet .enter_ad:hover {
  color: #c80777;
}

.btn-team {
  background: #c900ff !important;
}
.btn-team:hover {
  background: #677687 !important;
}

.btn-task {
  background: #00cfdd !important;
}
.btn-task:hover {
  background: #677687 !important;
}

.btn-project {
  background: #0058ff !important;
}
.btn-project:hover {
  background: #677687 !important;
}

.btn-project-outline {
  background: #ffffff !important;
  color: #0058ff !important;
}
.btn-project-outline:hover {
  background: #0058ff !important;
  color: #ffffff !important;
}

.dt-buttons {
  display: contents !important;
}

.btn-site,
.btn-team,
.btn-primary,
.btn-fleet,
.btn-task {
  color: #ffffff !important;
}

.btn-site {
  background: #b0d703 !important;
}
.btn-site:hover {
  background: #677687 !important;
}

.btn-site-outline {
  border: 2px solid #b0d703 !important;
  background: #ffffff !important;
  color: #b0d703 !important;
}
.btn-site-outline:hover {
  border: 2px solid #b0d703 !important;
  background: #b0d703 !important;
  color: #ffffff !important;
}

.btn-label-secondary {
  background: #e7eaef !important;
  color: #6f859e !important;
}
.btn-label-secondary:hover {
  background: #69809a !important;
}

.create-team {
  border-radius: 5px;
  background-color: rgba(201, 0, 255, 0.06);
}
.create-team h5 {
  color: #c900ff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0;
}
.create-team p {
  color: #c900ff;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
}
.create-team label {
  color: #c900ff;
  font-size: 12px;
  letter-spacing: 0;
}
.create-team input:focus,
.create-team select:focus {
  border-color: #c900ff !important;
}
.create-team .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(201, 0, 255, 0.08) !important;
  color: #c900ff !important;
}
.create-team .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background: rgba(201, 0, 255, 0.1) !important;
}
.create-team .select2-container--default.select2-container--focus .select2-selection,
.create-team .select2-container--default.select2-container--open .select2-selection {
  border-color: #c900ff !important;
}
.create-team .form-check-input:focus,
.create-team .form-control:focus,
.create-team .form-select:focus {
  border-color: #c900ff !important;
}
.create-team .form-check-input:checked,
.create-team .form-check-input[type=checkbox]:indeterminate {
  background-color: #c900ff !important;
  border-color: #c900ff !important;
}
.create-team .illus img {
  width: 100%;
  height: auto;
}

.container-xxl {
  width: 100% !important;
  max-width: 100% !important;
}

.nav-pills .nav-item {
  border-radius: 5px;
}
.nav-pills .active a {
  color: #ffffff !important;
}

.user-teams .dropdown-toggle,
.project-theme .dropdown-toggle,
.task-theme .dropdown-toggle,
.fleet-theme .dropdown-toggle {
  background: none !important;
  border: none !important;
  color: #a8b1ba !important;
}
.user-teams h5 a,
.project-theme h5 a,
.task-theme h5 a,
.fleet-theme h5 a {
  color: inherit;
}

.project-theme .bg-label-success {
  background: rgba(0, 88, 255, 0.06) !important;
  color: #0058ff !important;
}
.project-theme .progress-bar {
  background-color: #0058ff;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 88, 255, 0.4);
}
.project-theme h5 {
  font-size: 18px;
}
.project-theme .text-body[href]:hover {
  color: #0058ff !important;
}

.create-project {
  border-radius: 5px;
  background-color: rgba(0, 88, 255, 0.06);
}
.create-project .enter_ad {
  color: #0058ff;
  font-size: 15px;
  letter-spacing: 0;
  display: block;
  border-bottom: solid 1px #0058ff;
  width: fit-content;
}
.create-project h5 {
  color: #0058ff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0;
}
.create-project p {
  color: #0058ff;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
}
.create-project label {
  color: #0058ff;
  font-size: 12px;
  letter-spacing: 0;
}
.create-project input:focus,
.create-project select:focus {
  border-color: #0058ff !important;
}
.create-project .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(0, 88, 255, 0.08) !important;
  color: #0058ff !important;
}
.create-project .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background: rgba(0, 88, 255, 0.1) !important;
}
.create-project .select2-container--default.select2-container--focus .select2-selection,
.create-project .select2-container--default.select2-container--open .select2-selection {
  border-color: #0058ff !important;
}
.create-project .form-check-input:focus,
.create-project .form-control:focus,
.create-project .form-select:focus {
  border-color: #0058ff !important;
}
.create-project .form-check-input:checked,
.create-project .form-check-input[type=checkbox]:indeterminate {
  background-color: #0058ff !important;
  border-color: #0058ff !important;
}
.create-project .illus img {
  width: 100%;
  height: auto;
}

.project-timeline .timeline-point,
.project-timeline .timeline-point-primary,
#project-timeline .timeline-point,
#project-timeline .timeline-point-primary {
  background: #0058ff !important;
  box-shadow: 0 0 0 0.1875rem rgba(0, 88, 255, 0.16);
}

.doc_theme h3 {
  color: #516377;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
.doc_theme thead tr th {
  color: #516377;
  font-size: 13.08px;
  letter-spacing: 0;
  text-transform: none !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .doc_theme thead tr th {
    text-align: left !important;
  }
}
.doc_theme tbody tr:nth-child(even) {
  background: rgba(0, 88, 255, 0.1);
}
.doc_theme tbody tr .h6 {
  color: #516377;
}
.doc_theme tbody tr td {
  color: #0058ff;
  font-size: 13.08px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 768px) and (min-width: 0px) {
  .doc_theme tbody tr td {
    text-align: left;
  }
}

.btn-doc {
  background: #0058ff !important;
  color: #ffffff !important;
}
.btn-doc:hover {
  background: #0058ff !important;
  color: #ffffff !important;
}

.no-pointer {
  cursor: default;
}

.status {
  text-transform: uppercase;
}

.delete {
  color: green;
}

.task-theme .progress-bar {
  background-color: #00cfdd;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.4);
}
.task-theme h5 {
  font-size: 18px;
}
.task-theme .text-body[href]:hover {
  color: #00cfdd !important;
}
.task-theme .btn {
  font-size: 14px;
}
.task-theme .ava-project {
  background-color: #00cfdd !important;
}
.task-theme .status {
  padding: 5px 1rem;
  border-radius: 50px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  width: 100%;
}
.task-theme .complete {
  background-color: #00cfdd !important;
}
.task-theme .complete-span {
  color: #00cfdd !important;
}

.create-task {
  border-radius: 5px;
  background-color: rgba(0, 207, 221, 0.06);
}
.create-task h5 {
  color: #00cfdd;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0;
}
.create-task p {
  color: #00cfdd;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
}
.create-task label {
  color: #00cfdd;
  font-size: 12px;
  letter-spacing: 0;
}
.create-task input:focus,
.create-task select:focus {
  border-color: #00cfdd !important;
}
.create-task .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(0, 207, 221, 0.08) !important;
  color: #00cfdd !important;
}
.create-task .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background: rgba(0, 207, 221, 0.1) !important;
}
.create-task .select2-container--default.select2-container--focus .select2-selection,
.create-task .select2-container--default.select2-container--open .select2-selection {
  border-color: #00cfdd !important;
}
.create-task .form-check-input:focus,
.create-task .form-control:focus,
.create-task .form-select:focus {
  border-color: #00cfdd !important;
}
.create-task .form-check-input:checked,
.create-task .form-check-input[type=checkbox]:indeterminate {
  background-color: #00cfdd !important;
  border-color: #00cfdd !important;
}
.create-task .illus img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) and (min-width: 0px) {
  .reg_account {
    margin: 0 auto !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account {
    margin: 0 auto !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .avatar {
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .avatar {
    margin-bottom: 1rem !important;
  }
}
.reg_account .check a {
  color: #ff001b;
}
.reg_account .scroll {
  border: 1px solid #d9dee3;
  border-radius: 4px;
  margin-bottom: 2rem;
  overflow-x: auto;
  height: 500px;
}
.reg_account .scroll .s-header {
  background: #ff001b;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 20px 15px;
}
.reg_account .scroll .s-header p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
}
.reg_account .scroll .cont {
  padding: 10px 15px;
}
.reg_account .scroll .cont p {
  color: #5a5a5a;
  font-size: 14px;
  letter-spacing: 0;
}
.reg_account .scroll .cont p span {
  color: #ff001b;
  font-weight: 600;
}
.reg_account .btn-prev {
  background: rgba(255, 0, 27, 0.16) !important;
  color: #ff001b !important;
}
.reg_account .step-trigger {
  flex-direction: row !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .bs-stepper .line {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .bs-stepper .line {
    display: none !important;
  }
}
.reg_account .bs-stepper .line i {
  font-size: 16px;
}
.reg_account .lft {
  background: #f3f4f4;
  position: relative;
}
.reg_account .logo_l {
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .logo_l {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .logo_l {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
  }
}
.reg_account .logo_l img {
  width: auto;
  height: 70px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .logo_l img {
    height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .logo_l img {
    height: 40px;
  }
}
.reg_account .illus:before {
  content: "";
  background-image: url(../img/bg.png);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100%;
}
.reg_account .illus img {
  width: auto;
  height: 300px;
}
.reg_account .bs-stepper-header {
  padding: 0;
  margin-bottom: 2rem;
  justify-content: normal !important;
  flex-wrap: wrap;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .bs-stepper-header {
    margin-bottom: 1.5rem;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: initial !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .bs-stepper-header {
    margin-bottom: 1.5rem;
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: initial !important;
  }
}
.reg_account .bs-stepper-header .active {
  border-bottom: solid 3px #ff001b;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .bs-stepper-header .active {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .bs-stepper-header .active {
    display: block !important;
  }
}
.reg_account .bs-stepper-header .step {
  padding-bottom: 10px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .bs-stepper-header .step {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .bs-stepper-header .step {
    display: none;
  }
}
.reg_account .bs-stepper-header .step .bs-stepper-label {
  color: #677687;
  font-size: 14px !important;
  letter-spacing: 0;
}
.reg_account .bs-stepper-header .step span {
  color: #a8b1ba;
  font-size: 12px !important;
  letter-spacing: 0;
  font-weight: 500;
}
.reg_account .bs-stepper-header .step .bs-stepper-icon {
  border-radius: 3px;
  background-color: #eef0f2;
  color: #677687;
  padding: 8px;
}
.reg_account .bs-stepper-header .step .bs-stepper-icon i {
  font-size: 14px !important;
}
.reg_account .content-header {
  margin-bottom: 1rem;
}
.reg_account .content-header h6 {
  color: #516377;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
.reg_account .content-header small {
  color: #677687;
  font-family: Helvetica;
  font-size: 14px;
  letter-spacing: 0;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .gy-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .gy-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.reg_account .g-3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .reg_account .g-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .reg_account .g-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.pui h5 {
  color: #677687;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.q-theme thead tr {
  background: #ff001b;
}
.q-theme thead tr th {
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
.q-theme .form-check-input {
  border: solid 1px #ff001b;
}
.q-theme tbody tr {
  background: #ffffff !important;
}
.q-theme tbody tr td p {
  margin: 0;
  color: #5a5a5a;
  font-size: 12.18px;
  letter-spacing: 0;
}
.q-theme tbody tr td span {
  color: #ff001b;
}

.user-card {
  position: relative;
}
.user-card .pin {
  position: absolute;
  top: 2.5%;
  right: 2.5%;
}
.user-card .card-header {
  border: none !important;
}
.user-card .card-header .avatar {
  width: 80px;
  height: 80px;
  padding: 0;
  position: relative;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .card-header .avatar {
    width: 80px;
    height: 80px;
  }
}
.user-card .card-header .avatar span {
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  border: 2px solid #ffffff;
  background-color: #ff001b;
  display: block;
  border-radius: 100px;
  position: absolute;
  bottom: -5%;
  left: -5%;
  text-align: center;
  line-height: 35px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .card-header .avatar span {
    width: 35px;
    height: 35px;
    line-height: 28px;
  }
}
.user-card .card-header .avatar span i {
  font-size: 22px;
  color: #ffffff;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .card-header .avatar span i {
    font-size: 20px;
  }
}
.user-card .card-header h4 {
  color: #516377;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .card-header h4 {
    font-size: 22px;
  }
}
.user-card .card-header h4 a {
  color: #516377;
}
.user-card .card-header h4 a:hover {
  color: #ff001b;
}
.user-card .card-header small {
  color: #677687;
  font-size: 15px;
  letter-spacing: 0;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .card-header small {
    font-size: 13px;
  }
}
.user-card .list {
  position: relative;
}
.user-card .list .badge {
  position: absolute;
  left: 5%;
  top: 5%;
  width: auto;
  color: #ff001b;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .list .badge {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .user-card .list .badge {
    display: none !important;
  }
}
.user-card .list .badge i {
  font-size: 3.5rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .list .badge i {
    font-size: 2rem;
  }
}
.user-card .list p {
  color: #516377;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .list p {
    font-size: 16px;
  }
}
.user-card .list small {
  color: #677687;
  font-size: 15px;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-card .list small {
    font-size: 13px;
  }
}
.user-card .btn-message {
  background: rgba(156, 156, 156, 0.16) !important;
  border: solid 1px rgba(156, 156, 156, 0.16) !important;
  color: #677687 !important;
}
.user-card .btn-message:hover {
  background: rgba(156, 156, 156, 0.5) !important;
  border: solid 1px rgba(156, 156, 156, 0.5) !important;
  color: #677687 !important;
}

.btn {
  border-radius: 5px !important;
}

.form-check-project .form-check-input:checked {
  background-color: #0058ff !important;
  border-color: #0058ff !important;
}

.fc-event-project {
  border-radius: 5px !important;
  background-color: rgba(0, 88, 255, 0.16) !important;
  border-left: solid 2px #0058ff !important;
}

.form-check-tasks .form-check-input:checked {
  background-color: #00cfdd !important;
  border-color: #00cfdd !important;
}

.fc-event-tasks {
  border-radius: 5px !important;
  background-color: rgba(0, 207, 221, 0.16) !important;
  border-left: solid 2px #00cfdd !important;
}

.form-check-teams .form-check-input:checked {
  background-color: #c900ff !important;
  border-color: #c900ff !important;
}

.fc-event-teams {
  border-radius: 5px !important;
  background-color: rgba(0, 201, 255, 0.16) !important;
  border-left: solid 2px #c900ff !important;
}

.form-check-doc-expiry .form-check-input:checked {
  background-color: #39da8a !important;
  border-color: #39da8a !important;
}

.fc-event-expiry {
  border-radius: 5px !important;
  background-color: rgba(57, 218, 138, 0.16) !important;
  border-left: solid 2px #39da8a !important;
}

.form-check-due-dates .form-check-input:checked {
  background-color: #ff7000 !important;
  border-color: #ff7000 !important;
}

.fc-event-date {
  border-radius: 5px !important;
  background-color: rgba(255, 112, 0, 0.16) !important;
  border-left: solid 2px #ff7000 !important;
}

.form-check-holidays .form-check-input:checked {
  background-color: #fdac41 !important;
  border-color: #fdac41 !important;
}

.fc-event-holidays {
  border-radius: 5px !important;
  background-color: rgba(253, 172, 65, 0.16) !important;
  border-left: solid 2px #fdac41 !important;
}

.form-check-birthdays .form-check-input:checked {
  background-color: #69809a !important;
  border-color: #69809a !important;
}

.form-check-bank-holidays .form-check-input:checked {
  background-color: #8a2be2 !important;
  border-color: #8a2be2 !important;
}

.dark-hr {
  color: #ff001b !important;
  border-top: solid 2px;
  padding: 0;
  margin: 0;
}

.fc-event-birthdays {
  border-radius: 5px !important;
  background-color: rgba(105, 128, 154, 0.16) !important;
  border-left: solid 2px #69809a !important;
}

.fc-event-bank-holidays {
  border-radius: 5px !important;
  background-color: rgba(138, 43, 226, 0.16) !important;
  border-left: solid 2px #8a2be2 !important;
}

.fc-h-event {
  color: #ffffff;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-right: none !important;
}

.offcanvas-header .btn-task {
  background: none !important;
  border: solid 1px #00cfdd !important;
  color: #00cfdd !important;
}
.offcanvas-header .btn-check:checked + .btn-task,
.offcanvas-header :not(.btn-check) + .btn-task:active,
.offcanvas-header .btn-task:first-child:active,
.offcanvas-header .btn-task.active,
.offcanvas-header .btn-task.show {
  background: #00cfdd !important;
  border: solid 1px #00cfdd !important;
  color: #ffffff !important;
}
.offcanvas-header .btn-project_ {
  background: none;
  border: solid 1px #0058ff;
  color: #0058ff;
}
.offcanvas-header .btn-check:checked + .btn-project_,
.offcanvas-header :not(.btn-check) + .btn-project_:active,
.offcanvas-header .btn-project_:first-child:active,
.offcanvas-header .btn-project_.active,
.offcanvas-header .btn-project_.show {
  background: #0058ff;
  border: solid 1px #0058ff;
  color: #ffffff;
}
.offcanvas-header .btn-birthday {
  background: none;
  border: solid 1px #979797;
  color: #979797;
}
.offcanvas-header .btn-check:checked + .btn-birthday,
.offcanvas-header :not(.btn-check) + .btn-birthday:active,
.offcanvas-header .btn-birthday:first-child:active,
.offcanvas-header .btn-birthday.active,
.offcanvas-header .btn-birthday.show {
  background: #979797;
  border: solid 1px #979797;
  color: #ffffff;
}
.offcanvas-header .btn-holiday {
  background: none;
  border: solid 1px #fdac41;
  color: #fdac41;
}
.offcanvas-header .btn-check:checked + .btn-holiday,
.offcanvas-header :not(.btn-check) + .btn-holiday:active,
.offcanvas-header .btn-holiday:first-child:active,
.offcanvas-header .btn-holiday.active,
.offcanvas-header .btn-holiday.show {
  background: #fdac41;
  border: solid 1px #fdac41;
  color: #ffffff;
}
.offcanvas-header .btn-expiry {
  background: none;
  border: solid 1px #39da8a;
  color: #39da8a;
}
.offcanvas-header .btn-check:checked + .btn-expiry,
.offcanvas-header :not(.btn-check) + .btn-expiry:active,
.offcanvas-header .btn-expiry:first-child:active,
.offcanvas-header .btn-expiry.active,
.offcanvas-header .btn-expiry.show {
  background: #39da8a;
  border: solid 1px #39da8a;
  color: #ffffff;
}
.offcanvas-header .btn-meeting {
  background: none;
  border: solid 1px #a800ff;
  color: #a800ff;
}
.offcanvas-header .btn-check:checked + .btn-meeting,
.offcanvas-header :not(.btn-check) + .btn-meeting:active,
.offcanvas-header .btn-meeting:first-child:active,
.offcanvas-header .btn-meeting.active,
.offcanvas-header .btn-meeting.show {
  background: #a800ff;
  border: solid 1px #a800ff;
  color: #ffffff;
}

.not-header {
  background: #ff001b;
  border-radius: 5px;
  padding: 15px 15px;
  margin-bottom: -5px;
}
.not-header h5 {
  color: #ffffff;
  margin-bottom: 0;
}

.not-over {
  border: solid 2px #ff001b;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-radius: 5px;
  list-style: none;
  padding: 0;
}
@media (max-width: 768px) and (min-width: 0px) {
  .not-over {
    position: relative;
  }
}
.not-over .dropdown-menu-header {
  background: #ff001b !important;
  padding: 10px 15px !important;
}
.not-over .dropdown-menu-header h5 {
  text-align: left;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;
}
.not-over li {
  background: #ffffff;
  padding: 1rem;
  cursor: pointer;
  position: relative;
}
@media (max-width: 768px) and (min-width: 0px) {
  .not-over li {
    position: initial;
  }
}
.not-over li:nth-child(even) {
  background: rgba(255, 91, 92, 0.1);
}
.not-over .avatar {
  width: 30px;
  height: 30px;
}
.not-over .ls {
  color: #ff001b;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.5;
}
.not-over .rs {
  color: #69809a;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: right;
}

.notif_accordion-body h6 {
  color: #516377;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 768px) and (min-width: 0px) {
  .notif_accordion-body h6 {
    font-size: 18px;
  }
}
.notif_accordion-body h4 {
  color: #516377;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 768px) and (min-width: 0px) {
  .notif_accordion-body h4 {
    font-size: 16px;
  }
}
.notif_accordion-body p {
  color: #919eab;
  font-size: 15px;
  letter-spacing: 0;
}
@media (max-width: 768px) and (min-width: 0px) {
  .notif_accordion-body p {
    font-size: 13px;
  }
}

.arv .collapsed:after {
  display: none !important;
}
.arv .ar:after {
  content: "";
  font-family: "boxicons" !important;
  color: #ff001b;
  position: absolute;
  font-size: 20px;
  top: 50%;
  left: 99%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
}
@media (max-width: 768px) and (min-width: 0px) {
  .arv .ar:after {
    content: "";
    bottom: -10%;
    top: auto;
    left: 50%;
  }
}

.admin-docs thead tr {
  border-color: transparent;
}
.admin-docs thead tr th {
  text-transform: none !important;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  padding: 10px 10px;
}
.admin-docs tbody tr {
  border-color: transparent;
}
.admin-docs tbody tr td {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 10px;
}
.admin-docs .bg {
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16);
  background: #ffffff;
}
.admin-docs .from {
  font-weight: 500;
}
.admin-docs .em {
  font-size: 11px;
}
.admin-docs .card-header {
  padding: 10px 10px;
  margin: 0;
}
.admin-docs .red-theme .card-header,
.admin-docs .red-theme .date,
.admin-docs .red-theme i {
  color: #ff001b;
}
.admin-docs .red-theme tbody tr:nth-child(even) {
  background: rgba(255, 91, 92, 0.1);
}
.admin-docs .blue-theme .card-header,
.admin-docs .blue-theme .date,
.admin-docs .blue-theme i {
  color: #0058ff;
}
.admin-docs .blue-theme .avatar {
  background: #0058ff;
  color: #ffffff;
  text-align: center;
  line-height: 2rem;
  border-radius: 50px;
}
.admin-docs .blue-theme .avatar i {
  color: #ffffff;
}
.admin-docs .blue-theme tbody tr:nth-child(even) {
  background: rgba(0, 88, 255, 0.1);
}

.create-project .info {
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 15px;
  border: 1px solid #c6c6c6;
}
.create-project .info p {
  color: #a8b1ba;
  font-size: 15px;
  letter-spacing: 0;
}
.create-project .info p span {
  color: #0058ff;
  font-weight: 500;
}

.order-schedule.form-repeater .btn-minus,
.order-schedule.form-repeater .btn-add {
  background: #fdac41 !important;
  color: #ffffff;
  border: none !important;
  width: unset !important;
  height: unset !important;
  padding: 10px !important;
  text-align: center;
  position: relative;
}
.order-schedule.form-repeater .btn-minus i,
.order-schedule.form-repeater .btn-add i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.ord_t {
  color: #ff7300;
}

thead tr th {
  letter-spacing: 0;
  text-transform: none;
}

.order-tb-theme {
  background: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
.order-tb-theme .top .cv-f {
  border-bottom-left-radius: 10px;
}
.order-tb-theme .top .cv-l {
  border-bottom-right-radius: 10px;
}
.order-tb-theme .top tr th {
  color: #ffffff !important;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  background: #fdac41;
  border-right: solid 2px #ffffff;
  vertical-align: top;
}
@media (max-width: 768px) and (min-width: 0px) {
  .order-tb-theme .top tr th {
    font-size: 13px;
  }
}
.order-tb-theme .top tr th span {
  width: 100%;
  display: block;
  margin-top: 1rem;
}
.order-tb-theme button {
  background: none !important;
  border: none !important;
}
.order-tb-theme thead .cv {
  background: #fdac41;
  color: #ffffff !important;
}
.order-tb-theme thead .cv-f {
  border-top-left-radius: 10px;
}
.order-tb-theme thead .cv-l {
  border-top-right-radius: 10px;
}
.order-tb-theme thead tr {
  border: none !important;
  border-color: transparent !important;
}
.order-tb-theme thead tr th {
  text-transform: none !important;
  font-size: 13px;
  font-weight: 500;
}
.order-tb-theme tbody .cv {
  background-color: rgba(255, 115, 0, 0.1);
}
.order-tb-theme tbody tr {
  border: none !important;
  border-color: transparent !important;
  background: #ffffff;
}
.order-tb-theme tbody tr:nth-child(even) {
  background-color: rgba(255, 115, 0, 0.06);
}
.order-tb-theme tbody tr td {
  font-size: 12px;
}
.order-tb-theme tbody tr td i {
  font-size: 20px;
  color: #fdac41;
}

.dropdown-menu-end {
  padding: 0 !important;
}

.underline {
  border-bottom: solid 1px #677687;
  padding: 0;
}

@media (max-width: 768px) and (min-width: 0px) {
  .pad-pill .nav-item .nav-link {
    padding: 10px 10px !important;
  }
}

.nav-pills .nav-item {
  position: relative;
}
.nav-pills .nav-item:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  display: block;
}
.nav-pills .sub-menu {
  display: none;
  width: 100%;
  list-style: none;
  color: #ffffff;
  background: #ff001b;
  border-radius: var(--bs-nav-pills-border-radius);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  width: 100%;
  top: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0s ease-in-out;
  padding: 0;
  z-index: 999;
}
.nav-pills .sub-menu a {
  color: #ffffff !important;
  padding: 10px 10px;
  width: 100%;
  display: block;
  font-weight: 500;
}

.ac-body {
  background: #ffffff;
  border: solid 2px #fdac41;
  padding: 15px 15px;
  border-radius: 10px;
}
.ac-body h6 {
  color: #69809a;
}
.ac-body p {
  color: #fdac41;
  font-weight: 500;
}

.rec_ord {
  background-color: #fdac41 !important;
}
.rec_ord .grid {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 30px;
  overflow: auto;
}
.rec_ord ul {
  list-style: none;
  margin: 10px 10px;
  padding: 0;
  width: auto;
}
.rec_ord ul li {
  color: #ffffff;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
}
.rec_ord ul .bld {
  font-weight: bold;
}

.task-header {
  background: #00cfdd;
}
.task-header h2 {
  color: #ffffff;
  margin: 0;
  text-transform: uppercase;
  font-size: 25px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .task-header h2 {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .task-header h2 {
    font-size: 18px;
  }
}
.task-header h2 i {
  font-size: 35px;
  color: #ffffff;
}
@media (max-width: 768px) and (min-width: 0px) {
  .task-header h2 i {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .task-header h2 i {
    font-size: 25px;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  #side-nav-pills .nav-link {
    padding: 0.5rem 0.5rem !important;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #side-nav-pills .nav-link {
    padding: 0.5rem 0.5rem !important;
    margin-bottom: 0.5rem;
  }
}

.task-q-a .task-theme .btn-expand,
.task-q-a .task-theme .btn-complete {
  background: #00cfdd !important;
  color: #ffffff !important;
}
.task-q-a .task-theme .btn-expand:hover,
.task-q-a .task-theme .btn-complete:hover {
  background: #677687 !important;
  color: #ffffff !important;
}
.task-q-a .btn-upload {
  background: #d8d8d8 !important;
  color: #00cfdd !important;
}
.task-q-a .btn-upload:hover {
  background: #00cfdd !important;
  color: #ffffff !important;
}
.task-q-a .back-btn {
  background: rgba(105, 128, 154, 0.16) !important;
  color: #69809a !important;
}
.task-q-a .back-btn:hover {
  background: #00cfdd !important;
  color: #ffffff !important;
}
.task-q-a .next-btn {
  background: rgba(0, 207, 221, 0.16) !important;
  color: #69809a !important;
}
.task-q-a .next-btn:hover {
  background: #00cfdd !important;
  color: #ffffff !important;
}
.task-q-a h4 {
  color: #516377;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}
.task-q-a p {
  color: #677687;
  font-size: 15px;
  letter-spacing: 0;
}
.task-q-a .hd {
  padding: 15px 15px;
}
.task-q-a .pdd {
  padding: 15px 15px;
}
.task-q-a .im {
  margin-top: 15px;
}
.task-q-a .im img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.task-q-a .scroll {
  max-height: 900px;
  overflow-y: auto;
}
.task-q-a .scroll .nm {
  padding: 15px 15px;
}
.task-q-a .scroll .nm span {
  background: #00cfdd;
  color: #ffffff;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  line-height: 30px;
}
.task-q-a .scroll .nm:nth-child(even) {
  background: rgba(0, 207, 221, 0.09);
}
.task-q-a .scroll .nm img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.task-q-a .grid {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 30px;
  overflow: auto;
}
.task-q-a .grid .card {
  width: 350px;
  margin: 0.5rem;
  box-shadow: 0 2px 14px rgba(38, 60, 85, 0.05);
}

.associatedHotposts {
  overflow-y: auto;
  height: auto;
  padding: 10px;
  margin-bottom: 10px;
}

.associatedHotposts input[type=text],
.associatedHotposts input[type=file],
.associatedHotposts label {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.associatedHotposts img {
  /* display: flex; */
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

#masterQAImage[src=""] {
  display: none;
}

.hotspot {
  width: 20px;
  height: 20px;
  background: #e00;
  border: 2px solid #e00;
  color: white;
  border-radius: 50%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  box-sizing: border-box;
}


.hotspot-span {
  width: 35px;
  height: 35px;
  background: #e00 !important;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  margin: 5px;
}
.hotspot-span--complete {
  background: green !important;
}

.hotspot-img {
  position: relative;
}
.hotspot-img .btn-delete {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotspot-img .btn-primary {
  background: white !important;
  border: 1px solid #d4d8dd !important;
}
.hotspot-img .btn-primary:hover {
  background: white !important;
  border: 1px solid #d4d8dd !important;
}

.hotspot-delete .btn-primary {
  background: white !important;
  border: 1px solid #d4d8dd !important;
}
.hotspot-delete .btn-primary:hover {
  background: white !important;
  border: 1px solid #d4d8dd !important;
}

.timesheet-tb {
  border: solid 2px #ff001b;
  border-radius: 10px;
}
.timesheet-tb .btn-primary {
  border: 2px solid #ffffff !important;
}
.timesheet-tb .btn-primary:hover {
  border: 2px solid #677687 !important;
}
.timesheet-tb .btn-primary-outline {
  border: 2px solid #ff001b !important;
  background: #ffffff !important;
  color: #ff001b !important;
}
.timesheet-tb .btn-primary-outline:hover {
  border: 2px solid #ff001b !important;
  background: #ff001b !important;
  color: #ffffff !important;
}
.timesheet-tb .ff-c {
  background: #ff001b;
}
.timesheet-tb .ff-c .btn-primary {
  background: #ffffff !important;
  color: #69809a !important;
  width: max-content;
  display: flex;
}
.timesheet-tb .ff-c .btn-primary .cc {
  height: 28px;
  width: 28px;
  border-radius: 50px;
  display: inline-flex;
  background-color: #69809a;
  position: relative;
}
.timesheet-tb .ff-c .btn-primary .cc span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #ffffff;
}
.timesheet-tb .ff-c .btn-primary i {
  color: #69809a !important;
}
.timesheet-tb .btn-next,
.timesheet-tb .btn-prev {
  background: rgba(105, 128, 154, 0.5) !important;
  color: #ffffff !important;
  padding: 5px 10px;
}
.timesheet-tb .btn-next span,
.timesheet-tb .btn-prev span {
  font-size: 15px !important;
}
.timesheet-tb .btn-next:hover,
.timesheet-tb .btn-prev:hover {
  background: #69809a !important;
}
.timesheet-tb .btn-next {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.timesheet-tb .btn-prev {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.timesheet-tb .rv-s .bg {
  padding: 20px 5px;
  border-radius: 5px;
  background-color: #69809a;
}
.timesheet-tb .rv-s .bg span {
  color: #ffffff;
  text-align: left;
}
.timesheet-tb .rv-s .bg input {
  background: #ffffff;
  border: none;
  border-radius: 5px;
}
.timesheet-tb .bg {
  padding: 20px 5px;
  border-radius: 5px;
  background-color: #69809a;
}
.timesheet-tb .bg span {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
}
.timesheet-tb .bg input {
  background: #ffffff;
  border: none;
  border-radius: 5px;
  color: #69809a;
  text-align: center;
}
.timesheet-tb .dr-bg {
  background: #ff001b;
  padding: 20px 5px;
  border-radius: 5px;
}
.timesheet-tb .dr-bg span {
  color: #ffffff;
  text-align: left;
}
.timesheet-tb .dr-bg input {
  background: #ffffff;
  border: none;
  border-radius: 5px;
}
.timesheet-tb .btn-secondary {
  background: rgba(105, 128, 154, 0.16);
  color: #69809a !important;
}
.timesheet-tb .btn-secondary:hover {
  background: #69809a;
  color: #ffffff !important;
}

.border-none {
  border: none !important;
}

.table {
  width: 100% !important;
  overflow: auto;
}

.table th {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.timesheet-table button {
  border: none;
  background: none;
  color: #ffffff;
}
.timesheet-table tbody tr {
  display: block;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-table tbody tr {
    display: contents;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-table tbody tr {
    display: contents;
  }
}
.timesheet-table tbody tr:last-child {
  margin-bottom: 0;
}
.timesheet-table tbody tr td {
  color: #ffffff;
}
.timesheet-table tbody tr td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.timesheet-table tbody tr td:nth-child(1), .timesheet-table tbody tr td:nth-child(2), .timesheet-table tbody tr td:nth-child(3), .timesheet-table tbody tr td:nth-child(4), .timesheet-table tbody tr td:nth-child(5), .timesheet-table tbody tr td:nth-child(6), .timesheet-table tbody tr td:nth-child(7), .timesheet-table tbody tr td:nth-child(8), .timesheet-table tbody tr td:nth-child(9), .timesheet-table tbody tr td:nth-child(10), .timesheet-table tbody tr td:nth-child(11), .timesheet-table tbody tr td:nth-child(12), .timesheet-table tbody tr td:nth-child(13), .timesheet-table tbody tr td:nth-child(14) {
  background: #ff001b;
}
.timesheet-table tbody tr td:nth-child(15), .timesheet-table tbody tr td:nth-child(16), .timesheet-table tbody tr td:nth-child(17), .timesheet-table tbody tr td:nth-child(18) {
  border: 1px solid #f76955;
  border-radius: 5px;
  background-color: rgba(247, 105, 85, 0.15);
}
.timesheet-table tbody tr td input {
  background: #ffffff;
  border: none;
  border-radius: 5px;
}

.timesheet-employed td {
  background-color: #fafafa !important;
  color: #263238 !important;
}

.timesheet-self-employed td {
  background-color: #e3f2fd !important;
  color: #0d47a1 !important;
}
.timesheet-non-personnel-worker td {
  background-color: #ff000026 !important;
  color: #ff001b !important;
}

.switches-container {
  position: relative;
  display: flex;
  padding: 0;
  position: relative;
  background: rgba(105, 128, 154, 0.52);
  line-height: 2.5rem;
  border-radius: 10px;
  width: 100px;
}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {
  visibility: hidden;
  position: absolute;
  top: 0;
}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {
  width: 50%;
  padding: 0;
  margin: 0;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  font-size: 10px;
}

/* switch highlighters wrapper (sliding left / right) 
  - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  padding: 0.15rem;
  z-index: 3;
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  /* transition: transform 1s; */
}

/* switch box highlighter */
.switch_ {
  height: 100%;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  font-size: 10px;
}
.switch_ div {
  width: 100%;
  text-align: center;
  opacity: 0;
  display: block;
  color: #69809a;
  transition: opacity 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0.125s;
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
  transform: translateX(0%);
}

.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch_ div:nth-of-type(1) {
  opacity: 1;
}

.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch_ div:nth-of-type(2) {
  opacity: 1;
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
  transform: translateX(100%);
}

.sppl_t {
  color: #fdac41;
}
.sppl_t a {
  color: #919eab;
}
.sppl_t a:hover {
  color: #fdac41;
}

.upload-buttons .btn {
  font-size: 12px !important;
}

.qa_qs .list-group a {
  border: 2px solid #ff001b !important;
  border-bottom: none;
  border-radius: 5px 5px 0 0 !important;
  background-color: #ffffff;
  margin-right: 1rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa_qs .list-group a {
    border-bottom: 2px solid #ff001b !important;
    border-radius: 5px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa_qs .list-group a {
    border-bottom: 2px solid #ff001b !important;
    border-radius: 5px !important;
  }
}
.qa_qs .list-group .active {
  background: #ff001b;
  color: #ffffff;
}
.qa_qs textarea {
  border: 1px solid #ff001b;
  background: rgba(255, 0, 0, 0.15);
  border-radius: 5px;
}

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

.card-body {
  padding: 15px 15px !important;
}

.mst-qa label {
  color: #00cfdd !important;
}
.mst-qa .btn-primary {
  background: #00cfdd !important;
}
.mst-qa .btn-primary:hover {
  background: #677687 !important;
}

.qa_mark .list-group a {
  border: solid 1px #ff001b !important;
  border-bottom: none !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa_mark .list-group a {
    border-bottom: 1px solid #ff001b !important;
  }
}
.qa_mark .list-group a:hover {
  background: #ff001b !important;
  color: #ffffff !important;
}
.qa_mark img {
  width: auto;
  height: 400px;
}
.qa_mark .list-group {
  border-bottom: solid 2px #ff001b;
  border-radius: 0;
  width: 100%;
  padding: 1rem;
  padding-bottom: 0;
}
.qa_mark textarea {
  background: #ffffff;
  border: solid 1px #e7eaef;
}
.qa_mark .lrg-btn {
  font-size: 20px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa_mark .lrg-btn {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa_mark .lrg-btn {
    font-size: 18px;
  }
}
.qa_mark .lrg-btn i {
  font-size: 35px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa_mark .lrg-btn i {
    font-size: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa_mark .lrg-btn i {
    font-size: 25px;
  }
}

.col-none {
  color: transparent !important;
}

.ac-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  gap: 10px;
  overflow-x: auto;
  margin: 1.5rem 0;
  border-bottom: solid 1px #e9ecee;
  border-top: solid 1px #e9ecee;
  white-space: nowrap;
}
.ac-list span {
  color: #ff001b;
}
.ac-list .form-check-input {
  background-color: #ffffff;
  border-color: #ff001b;
}
.ac-list .ac-item {
  position: relative;
  margin-right: 0rem;
  overflow: hidden;
  display: block;
  word-wrap: break-word;
  width: 300px;
}

.ac-list .ac-item p {
  margin: 0;
  white-space: normal; 
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 768px) and (min-width: 0px) {
  .ac-list .ac-item {
    width: 350px;
  }
}
.ac-list .ac-item:nth-child(even) {
  background: rgba(255, 0, 27, 0.15);
}
.ac-list .ac-item .check- {
  font-weight: 600;
}
.ac-list .ac-item .row {
  padding-top: 15px;
  padding-bottom: 15px;
}

.markup-review .scroll {
  border: solid 1px #ff001b;
  background: rgba(255, 0, 27, 0.15);
  border-radius: 5px;
  padding: 10px;
  height: 600px;
  overflow-x: auto;
}
@media (max-width: 768px) and (min-width: 0px) {
  .markup-review .scroll {
    height: 300px;
    margin-bottom: 2rem;
  }
}
.markup-review .scroll .item {
  margin-bottom: 1rem;
}
.markup-review .scroll span {
  color: #ff001b;
}
.markup-review .scroll .input {
  border: solid 1px #ff001b;
  border-radius: 5px;
  background: none;
  color: black;
  width: max-content;
  padding: 10px 10px;
}
.markup-review .scroll .input p {
  font-weight: 500;
}
.markup-review .brd {
  margin-top: 1rem;
  border: solid 1px #ff001b;
  background: #ffffff;
  border-radius: 5px;
  padding: 10px 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .breadcrumb-wrapper {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .breadcrumb-wrapper {
    margin-bottom: 0 !important;
  }
}
.breadcrumb-wrapper span {
  font-weight: 500 !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mb-t-0 {
    padding: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-t-0 {
    padding: 0 !important;
  }
}

.show-f {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-f {
    display: flex !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .show-f {
    display: flex !important;
  }
}

.fr_ac {
  display: block !important;
  transition: opacity 0.3s ease-out, max-height 0.8s ease-out;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fr_ac {
    display: none !important;
    max-height: 0;
    opacity: 0;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .fr_ac {
    display: none !important;
    max-height: 0;
    opacity: 0;
  }
}

.mb-ac {
  display: none !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-ac {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mb-ac {
    display: block !important;
  }
}
.mb-ac .accordion-button {
  font-size: 20px;
  color: #ff001b;
  text-transform: uppercase;
}
.mb-ac .accordion-button:after {
  content: "";
  color: #ff001b;
  font-size: 28px;
  font-family: "boxicons" !important;
}
.mb-ac .accordion-button:not(.collapsed)::after {
  content: "";
}

@media (min-width: 768px) and (max-width: 1023px) {
  .accordion-collapse.fr_ac.collapse.show {
    display: block !important;
    opacity: 1;
    max-height: 100%;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .accordion-collapse.fr_ac.collapse.show {
    display: block !important;
    opacity: 1;
    max-height: 100%;
  }
}

.show-t {
  display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-t {
    display: block !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .show-t {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hide-t {
    display: none !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .hide-t {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .container-xxl {
    background: #ffffff;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .container-xxl {
    background: #ffffff;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-1 {
    order: 1;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-1 {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-2 {
    order: 2;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-2 {
    order: 2;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-3 {
    order: 5;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-3 {
    order: 5;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-4 {
    order: 6;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-4 {
    order: 6;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-5 {
    order: 3;
    margin-top: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-5 {
    order: 3;
    margin-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-6 {
    order: 4;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-6 {
    order: 4;
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-7 {
    order: 7;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-7 {
    order: 7;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .qa-markC .ord-7 .text-right {
    text-align: center;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .qa-markC .ord-7 .text-right {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .card-body {
    padding: 5px 5px;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .card-body {
    padding: 5px 5px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .bg {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .bg {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .bg input {
    width: 100% !important;
    max-width: 65px;
    font-size: 18px;
    font-weight: 500;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .bg input {
    width: 100% !important;
    max-width: 65px;
    font-size: 18px;
    font-weight: 500;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .bg span {
    font-size: 16px;
    display: block;
    width: 100%;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .bg span {
    font-size: 16px;
    display: block;
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ff-c .col-auto {
    padding-left: 0;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .ff-c .col-auto {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .col-auto {
    width: auto;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .col-auto {
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .ord-1 {
    order: 1;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .ord-1 {
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .ord-2 {
    order: 2;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .ord-2 {
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .ord-3 {
    order: 4;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .ord-3 {
    order: 4;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .timesheet-tb .ord-4 {
    order: 3;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .ord-4 {
    order: 3;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nav-pills {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .nav-pills {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-pills .nav-link {
    padding: 0 10px 0px 0px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .nav-pills .nav-link {
    padding: 0 10px 0px 0px !important;
    font-size: 16px !important;
  }
}
.nav-pills .slick-track {
  display: flex;
}
.nav-pills .slick-slide {
  margin-top: auto;
  margin-bottom: auto;
}
.nav-pills .slick-prev,
.nav-pills .slick-next {
  font-size: 0;
  background: none !important;
  border: none;
  opacity: 1;
  height: auto;
  width: auto;
  z-index: 1;
}
.nav-pills .slick-prev:before,
.nav-pills .slick-next:before {
  font-family: "boxicons" !important;
  display: block;
  font-size: 30px;
  color: black;
}
.nav-pills .slick-prev {
  left: 0px;
}
.nav-pills .slick-prev:before {
  content: "";
}
.nav-pills .slick-next {
  right: 0px;
}
.nav-pills .slick-next:before {
  content: "";
}
@media (max-width: 768px) and (min-width: 0px) {
  .nav-pills .slick-list {
    width: 80%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-pills .slick-list {
    width: 80%;
    margin: 0 auto;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mb-p-0 {
    padding: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mb-p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .fc .fc-view-harness {
    margin: 0 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fc .fc-view-harness {
    margin: 0 0 !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .fc-header-toolbar .fc-sidebarToggle-button {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fc-header-toolbar .fc-sidebarToggle-button {
    display: none !important;
  }
}

.d-head {
  width: 100%;
}
.m-head {
  width: 100%;
  display: none;
}
@media (max-width: 768px) and (min-width: 0px) {
  .m-head {
    display: block !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  #mb-u-nav ul li {
    margin-right: 0.5rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  #mb-u-nav ul li:last-child {
    margin-right: 0rem !important;
    margin-left: 1rem !important;
  }
}
#mb-u-nav ul li i {
  font-size: 20px !important;
}

.layout-menu-toggle .nav-item {
  height: 40px;
  width: 40px;
  border: solid 2px #ff001b;
  border-radius: 50px;
  text-align: center;
  color: #ff001b !important;
  position: relative;
}
.layout-menu-toggle .nav-item i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #ff001b;
}

@media (max-width: 768px) and (min-width: 0px) {
  .mb-cover .col-12 {
    padding: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-cover .user-profile-info {
    text-align: left;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-cover .user-profile-header {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-cover .d-flex {
    justify-content: start !important;
    text-align: left;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mb-cover .list-inline {
    justify-content: start !important;
    text-align: left;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .dataTables_filter {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .dataTables_filter {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .text-left-mob {
    text-align: left !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .text-left-mob {
    text-align: left !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-0 {
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-1 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-2 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mt-0 {
    margin-top: 0rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mt-1 {
    margin-top: 1rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mt-2 {
    margin-top: 1.5rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .dt-buttons {
    width: 100%;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .user-teams .badge {
    margin-right: 1rem;
  }
}

@media (max-width: 1200px) {
  .search-toggler .d-none {
    display: none !important;
  }
}

.h-desktop-t {
  display: none !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .h-desktop-t {
    display: table-cell !important;
  }
}

.h-desktop {
  display: none !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .h-desktop {
    display: block !important;
  }
}
@media (max-width: 1200px) {
  .h-desktop {
    display: block !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .h-mob {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .h-mob {
    display: none !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .flex-wrap-mob {
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .flex-wrap-mob .d-flex {
    margin-bottom: 1rem;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .brd-l:last-child {
    border-bottom: none !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .brd-l {
    border-bottom: solid 1px #eaeaea;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .card-header {
    position: relative;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .dataTable th {
    text-align: left !important;
  }
}
.dataTable td a {
  color: inherit;
  text-decoration: underline;
}
.dataTable td a:hover {
  color: #ff001b;
}

.dropdown-item {
  text-decoration: none !important;
}

@media (max-width: 768px) and (min-width: 0px) {
  .dataTables_wrapper .dataTables_info {
    text-align: left !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .dataTables_wrapper .pagination {
    margin-top: 0.5rem !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .justify-content-sm-start {
    justify-content: start !important;
  }
}

.table th {
  text-transform: uppercase !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .table th {
    text-align: left !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .frc-right {
    text-align: right !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .frc-right div {
    text-align: right !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .frc-right button {
    margin-left: auto;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .frc-left {
    text-align: left !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .frc-left div {
    text-align: left !important;
  }
}

.timesheet-tb .table {
  display: block !important;
}
@media (max-width: 768px) and (min-width: 0px) {
  .timesheet-tb .table {
    display: inline-grid !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .layout-menu .bg-menu-theme {
    background: rgba(255, 255, 255, 0.5) !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .layout-menu .app-brand {
    height: auto;
    padding-top: 1rem;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mob-mt-3-btn {
    width: 100% !important;
    margin: 1rem auto 0rem auto !important;
    display: block !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .bs-stepper-header {
    padding: 15px 10px !important;
  }
}

.card h4 {
  font-size: 18px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .card h4 {
    font-size: 16px;
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .bs-stepper-content {
    padding: 15px 10px !important;
  }
}
.bs-stepper-content .content-header h6 {
  font-size: 18px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .bs-stepper-content .content-header h6 {
    font-size: 16px;
  }
}
.bs-stepper-content .content-header small {
  font-size: 16px;
}
@media (max-width: 768px) and (min-width: 0px) {
  .bs-stepper-content .content-header small {
    font-size: 14px;
  }
}

.table-scroll {
  border: solid 1px #d9dee3;
  border-radius: 5px;
  min-height: auto;
  max-height: 200px;
  overflow: auto;
}
.table-scroll .table {
  margin: 0;
}

.hli-r {
  color: #ff001b;
}

.even_r tbody tr:nth-child(even) {
  background: rgba(255, 91, 92, 0.1);
}

.vs-none {
  visibility: hidden;
  height: 0 !important;
  width: 0 !important;
}
.vs-none td,
.vs-none th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.btn-pinned {
  position: absolute;
  top: 50%;
  right: 0.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 999;
}

.text-center-mb {
  text-align: center;
}
@media (max-width: 768px) and (min-width: 0px) {
  .text-center-mb {
    text-align: left !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-3 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-mt-3 {
    margin-top: 1rem !important;
  }
}

.rel {
  position: relative;
}

@media (max-width: 768px) and (min-width: 0px) {
  #project-orders .card-header {
    margin-bottom: 1rem !important;
  }
}

.card-header {
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

hr {
  margin: 0rem 0 1rem 0 !important;
}

.app-calendar-wrapper .app-calendar-content {
  overflow: hidden;
}

.card-pin {
  top: 3% !important;
  right: 1% !important;
  z-index: 99;
}
@media (max-width: 768px) and (min-width: 0px) {
  .card-pin {
    top: 5% !important;
    right: 2.5% !important;
  }
}

.td-contents {
  display: contents !important;
}

@media (max-width: 768px) and (min-width: 0px) {
  .just-center-mob {
    justify-content: center !important;
  }
}

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

.list-group {
  border-bottom: solid 2px #e9ecee;
  border-radius: 0;
}

.high-r {
  color: #ff001b;
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-p-0 {
    padding: 0 !important;
  }
}

.not-header {
  background: #ff001b;
  border-radius: 5px;
  padding: 15px 15px;
}
.not-header h5 {
  color: #ffffff;
  margin-bottom: 0;
}

.bx-slash .bx-hide:before {
  content: "" !important;
}

.search-open {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.toggle-theme i:before {
  content: "" !important;
}

.line-side {
  border-right: solid 1px #d5d5d5;
}
@media (max-width: 768px) and (min-width: 0px) {
  .line-side {
    border: none !important;
  }
}

.edit-area {
  position: relative;
  display: block;
}
.edit-area:after {
  content: "";
  font-family: "boxicons" !important;
  color: #ff001b;
  position: absolute;
  top: 50%;
  right: 2.5%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  cursor: pointer;
}

.justify-content-space-between {
  justify-content: space-between;
}

.bx-star {
  cursor: pointer;
}

.star-active {
  color: #fdac41 !important;
}
.star-active:before {
  content: "" !important;
}

.site-theme .progress-bar {
  background-color: #b0d703;
  color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 207, 221, 0.4);
}
.site-theme h5 {
  font-size: 18px;
}
.site-theme h5 a {
  color: inherit;
}
.site-theme h5 a:hover {
  color: #b0d703;
}
.site-theme .text-body[href]:hover {
  color: #b0d703 !important;
}
.site-theme .btn {
  font-size: 14px;
}
.site-theme .ava-project {
  background-color: #b0d703 !important;
}
.site-theme .status {
  padding: 5px 1rem;
  border-radius: 50px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  width: 100%;
}
.site-theme .complete {
  background-color: #b0d703 !important;
}
.site-theme .complete-span {
  color: #b0d703 !important;
}

.drop_delete {
  background: rgba(255, 0, 27, 0.08);
  text-transform: uppercase;
}

.create-site {
  overflow: hidden;
}
.create-site .h-title h1,
.create-site .h-title h2,
.create-site .h-title h3,
.create-site .h-title h4,
.create-site .h-title h5,
.create-site .h-title h6,
.create-site .h-title p {
  color: #b0d703;
}
.create-site .form-label {
  color: #b0d703 !important;
}
.create-site .side-line {
  position: relative;
}
.create-site .side-line:after {
  content: "";
  height: 200%;
  width: 1px;
  position: absolute;
  right: 0;
  top: -50%;
  background: #b0d703;
}
.create-site .enter_ad {
  text-decoration: underline;
}
.create-site .enter_ad:hover {
  color: #b0d703;
}

.custom-file {
  padding: 0;
  display: inline-block;
  text-align: center;
  border: none;
  background: #ff001b;
  font-weight: 600;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
  line-height: inherit !important;
  border-radius: 5px;
}
.custom-file i,
.custom-file span {
  color: #ffffff;
}
.custom-file:hover label {
  background: #677687 !important;
  color: #ffffff !important;
}
.custom-file i {
  margin-right: 1rem;
}
.custom-file input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: none;
  opacity: 0;
}
.custom-file label {
  position: relative;
  background: #ff001b;
  width: 100%;
  height: 100%;
  padding: 0.8rem 0.8rem;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.2s ease-in-out 0s;
}

.scroll-sign h3 {
  color: #ff001b;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0rem;
}
.scroll-sign p {
  color: #516377;
  font-size: 13px;
  letter-spacing: 0;
}

.theme-flip .bg_0 {
  background: #ffffff !important;
}
.theme-flip .bg_2 {
  background: #ffffff !important;
}
.theme-flip .bg_4 {
  background: #ffffff !important;
}
.theme-flip .bg_6 {
  background: #ffffff !important;
}
.theme-flip .bg_8 {
  background: #ffffff !important;
}
.theme-flip .bg_10 {
  background: #ffffff !important;
}
.theme-flip .bg_12 {
  background: #ffffff !important;
}
.theme-flip .bg_14 {
  background: #ffffff !important;
}
.theme-flip .bg_16 {
  background: #ffffff !important;
}
.theme-flip .bg_18 {
  background: #ffffff !important;
}
.theme-flip .bg_20 {
  background: #ffffff !important;
}
.theme-flip .bg_22 {
  background: #ffffff !important;
}
.theme-flip .bg_24 {
  background: #ffffff !important;
}

.h-des {
  display: none;
  margin-top: 0.5rem;
}
@media (max-width: 768px) and (min-width: 0px) {
  .h-des {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .h-des {
    display: block !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .ok-a,
.no-a {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ok-a,
.no-a {
    display: none !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .bg-fleet {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bg-fleet {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-pt-3 {
    padding-top: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mob-pt-3 {
    padding-top: 1.5rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .mob-pb-3 {
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mob-pb-3 {
    padding-bottom: 1.5rem !important;
  }
}

.fleet-theme .high-r {
  color: #c80777 !important;
}

.mv-u ul {
  justify-content: center;
}
.mv-u .nav-item {
  margin-right: 0.5rem;
}
.mv-u .nav-item:last-child {
  margin-right: 0 !important;
}
.mv-u .nav-item .nav-link {
  border: 1px solid #d8d8d8;
  border-radius: 6px 6px 0 0;
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
}
.mv-u .nav-item .active {
  border: 1px solid #c80777;
  background-color: #d8d8d8;
  color: #c80777;
}

.scroll-fleet {
  border: 1px solid #c80777 !important;
  border-radius: 5px;
  background-color: rgba(200, 7, 119, 0.06) !important;
  padding: 1rem 1rem;
}
.scroll-fleet .form-check-input {
  border-color: #c80777;
}
.scroll-fleet .form-check-input:checked {
  background-color: #c80777;
}
.scroll-fleet h1,
.scroll-fleet h2,
.scroll-fleet h3,
.scroll-fleet h4,
.scroll-fleet h5,
.scroll-fleet h6 {
  color: #c80777 !important;
  margin: 0;
}
.scroll-fleet p {
  margin: 0;
}
.scroll-fleet hr {
  color: #939eab;
  margin-top: 1rem !important;
}

.bg-fleet {
  border: 1px solid #c80777;
  border-radius: 5px;
  background-color: rgba(200, 7, 119, 0.06);
  padding: 1rem 1rem;
}
.bg-fleet .dropzone {
  background-color: rgba(200, 7, 119, 0.06);
  border-color: #c80777 !important;
}
.bg-fleet .dropzone .dz-message {
  margin: 1rem 0;
  font-size: 16px !important;
  color: #c80777;
}

/* Dropzone Error Message margin top global */
.dropzone .dz-preview .dz-error-message {
  top: 160px !important;
}

.bg-fleet h1,
.bg-fleet h2,
.bg-fleet h3,
.bg-fleet h4,
.bg-fleet h5,
.bg-fleet h6 {
  color: #c80777 !important;
}
.bg-fleet p {
  padding: 0 !important;
}
.bg-fleet p:last-child {
  margin-bottom: 0 !important;
}

.doc-theme-sig .sig-rel {
  position: relative;
}
.doc-theme-sig .sig-rel .clear-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.doc-theme-sig .sig-rel .clear-btn {
  background: #ff001b;
  border: 1px solid #ff001b;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  display: block;
  padding: 0.2rem;
  text-transform: uppercase;
  font-size: 12px;
}
.doc-theme-sig .sig-rel .clear-btn span {
  display: block;
  height: 100%;
}
.doc-theme-sig #signature-pad,
.doc-theme-sig canvas {
  border: 1px solid #ff001b;
  background: #ffffff;
  border-radius: 5px;
  width: 100%;
  height: 150px;
  cursor: crosshair;
}
.doc-theme-sig h1,
.doc-theme-sig h2,
.doc-theme-sig h3,
.doc-theme-sig h4,
.doc-theme-sig h5,
.doc-theme-sig h6 {
  color: #ff001b !important;
  margin: 0;
}

.fleet-theme-sig .sig-rel {
  position: relative;
}
.fleet-theme-sig .sig-rel .clear-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.fleet-theme-sig .sig-rel .clear-btn {
  background: #c80777;
  border: 1px solid #c80777;
  color: #ffffff;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0;
  display: block;
  padding: 0.2rem;
  text-transform: uppercase;
  font-size: 12px;
}
.fleet-theme-sig .sig-rel .clear-btn span {
  display: block;
  height: 100%;
}
.fleet-theme-sig #signature-pad,
.fleet-theme-sig canvas {
  border: 1px solid #c80777;
  border-radius: 5px;
  width: 100%;
  height: 150px;
  cursor: crosshair;
}
.fleet-theme-sig h1,
.fleet-theme-sig h2,
.fleet-theme-sig h3,
.fleet-theme-sig h4,
.fleet-theme-sig h5,
.fleet-theme-sig h6 {
  color: #c80777 !important;
  margin: 0;
}

.scroll-side {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  padding: 0 !important;
  margin: 0;
  overflow-x: auto;
}
.scroll-side .item {
  margin-right: 0rem;
  width: 200px;
  position: relative;
  overflow: hidden;
  display: inline-table;
}
.scroll-side .item img {
  height: 200px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: transform 0.5s;
  width: 100%;
  will-change: transform;
}

.mv-u .nav-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 20px;
  padding: 0 !important;
  margin: 0;
  overflow-x: auto;
  justify-content: start;
  text-align: center;
}

.hide-arrow {
  text-decoration: none !important;
}

.task-slider .slick-dots {
  bottom: auto !important;
  width: 100% !important;
  margin: 1rem 0 !important;
  z-index: 99;
  position: relative !important;
}
.task-slider .slick-dots li {
  width: auto !important;
  height: auto !important;
}
.task-slider .slick-dots .slick-active button {
  width: 48px !important;
  height: 10px !important;
  background: #00cfdd !important;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  opacity: 1;
  border: none !important;
}
.task-slider .slick-dots button {
  width: 48px !important;
  height: 10px !important;
  background: #00cfdd !important;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  opacity: 0.5;
}
.task-slider .slick-dots button:hover {
  opacity: 1;
  cursor: pointer;
}
.task-slider .slick-dots button:before {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .tab-12 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100% !important;
    padding-bottom: 1rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .tab-12 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tab-12:last-child {
    padding-bottom: 0rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .tab-12:last-child {
    padding-bottom: 0rem !important;
  }
}

.td-none {
  text-decoration: none !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.form-check-input:checked {
  background-color: #ff001b !important;
}

.fav {
  color: #a8b1ba;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.de-mb-3 {
  margin-bottom: 1rem !important;
}

.de-mb-4 {
  margin-bottom: 1.5rem !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mob-mb-0 {
    margin-bottom: 0rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-0 {
    margin-bottom: 0rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mob-pt-2 {
    padding-top: 1rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mob-pt-2 {
    padding-top: 1rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mob-mb-3,
.mob-mb-1 {
    padding-bottom: 1rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-3,
.mob-mb-1 {
    padding-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mob-mb-3 .dataTables_filter,
.mob-mb-1 .dataTables_filter {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .mob-mb-3 .dataTables_filter,
.mob-mb-1 .dataTables_filter {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
  }
}

.bs-stepper .step.active .bs-stepper-circle {
  background-color: #ff001b !important;
}

.btn-list a {
  margin-right: 1rem;
}
.btn-list a:last-child {
  margin-right: 0;
}

.fc-event-title {
  color: #333 !important;
}

.ac-list .ac-item {
  height: 100%;
}

.align-bottom {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.qa_qs .scrollmenu {
  padding-bottom: 1rem !important;
  overflow: auto;
  padding-left: 1rem !important;
  margin-right: 1rem !important;
}

@media (max-width: 768px) and (min-width: 0px) {
  .m-mob-0 {
    margin: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .m-mob-0 {
    margin: 0 !important;
  }
}

.qa-markC form {
  width: 100%;
}

footer a {
  color: inherit;
  font-weight: 500;
  transition: all 0.3;
}
footer a:hover {
  color: #ff001b !important;
}

.fav {
  transition: all 0.3;
}
.fav:hover {
  color: #ff001b !important;
}

.btn-remove-cr span {
  display: none;
}
@media (max-width: 768px) and (min-width: 0px) {
  .btn-remove-cr span {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn-remove-cr span {
    display: block;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .btn-remove-cr .bx {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn-remove-cr .bx {
    display: none !important;
  }
}
@media (max-width: 768px) and (min-width: 0px) {
  .btn-remove-cr .btn-add {
    width: 100% !important;
    height: auto !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0.6rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .btn-remove-cr .btn-add {
    width: 100% !important;
    height: auto !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding: 0.6rem !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .create-site .illus,
.create-task .illus {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .create-site .illus,
.create-task .illus {
    display: none !important;
  }
}

@media (max-width: 768px) and (min-width: 0px) {
  .create-site .side-line:after {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .create-site .side-line:after {
    display: none !important;
  }
}

.card-header {
  padding: 15px 15px !important;
}

@media (min-width: 800px) and (max-width: 1400px) {
  .col-frc-6 {
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: 50% !important;
  }
}

.user-teams .card-header {
  flex-wrap: wrap;
}
@media (max-width: 768px) and (min-width: 0px) {
  .user-teams .card-header .col-xl-3,
.user-teams .card-header .col-xl-9 {
    justify-content: center;
    text-align: center;
    padding-left: 0 !important;
    margin-bottom: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .user-teams .card-header .col-xl-3,
.user-teams .card-header .col-xl-9 {
    justify-content: center;
    text-align: center;
    padding-left: 0 !important;
    margin-bottom: 1rem !important;
  }
}

.dataTable {
  display: table;
  overflow: auto;
}

.ov-auto {
  overflow: auto;
}

.de-mb-3 .card {
  overflow: auto;
}

.create-order {
  border-radius: 5px !important;
  background-color: antiquewhite !important;
  /* Search Select Item */
}
.create-order .currency::before {
  content: "£";
}
.create-order .info {
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 15px;
  border: 1px solid #c6c6c6;
}
.create-order .info p {
  color: #a8b1ba;
  font-size: 15px;
  letter-spacing: 0;
}
.create-order .info p span {
  color: #fdac41;
  font-weight: 500;
}
.create-order .enter_ad {
  color: #fdac41;
  font-size: 15px;
  letter-spacing: 0;
  display: block;
  border-bottom: solid 1px #fdac41;
  width: fit-content;
}
.create-order h5 {
  color: #fdac41;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0;
}
.create-order p {
  color: #fdac41;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
}
.create-order label {
  color: #fdac41;
  font-size: 12px;
  letter-spacing: 0;
}
.create-order input:focus,
.create-order select:focus {
  border-color: #fdac41 !important;
}
.create-order .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 115, 0, 0.08) !important;
  color: #0058ff !important;
}
.create-order .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background: rgba(255, 115, 0, 0.1) !important;
}
.create-order .select2-container--default.select2-container--focus .select2-selection,
.create-order .select2-container--default.select2-container--open .select2-selection {
  border-color: #fdac41 !important;
}
.create-order .form-check-input:focus,
.create-order .form-control:focus,
.create-order .form-select:focus {
  border-color: #fdac41 !important;
}
.create-order .form-check-input:checked,
.create-order .form-check-input[type=checkbox]:indeterminate {
  background-color: #fdac41 !important;
  border-color: #fdac41 !important;
}
.create-order .illus img {
  width: 100%;
  height: auto;
}
.create-order .btn-secondary {
  background: rgba(255, 115, 0, 0.08) !important;
  color: #fdac41 !important;
}
.create-order .btn-secondary:hover {
  background: rgba(255, 115, 0, 0.1) !important;
  color: #fdac41 !important;
}
.create-order .btn-primary {
  background: #fdac41 !important;
}
.create-order .btn-primary:hover {
  background: #677687 !important;
  color: #ffffff !important;
}
.create-order .tt {
  border: 1px solid #d9dee3;
  border-radius: 4px;
  background: #fdac41;
  color: #ffffff;
  display: block;
  width: fit-content;
  padding: 10px;
}
.create-order .tt_p {
  color: #fdac41;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0;
}
.create-order .form-repeater span {
  border: 1px solid #d9dee3;
  border-radius: 4px;
  background: #fdac41;
  color: #ffffff;
  display: block;
  width: fit-content;
  padding: 10px;
}
.create-order .form-repeater .btn-minus,
.create-order .form-repeater .btn-add {
  background: #fdac41;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px !important;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
}
.create-order .form-repeater .btn-minus i,
.create-order .form-repeater .btn-add i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.create-order .item-select {
  position: relative;
  width: auto;
  /* Adjust the width as needed */
}
.create-order #item-select-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
}
.create-order .item-options-list {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  max-height: 200px;
  /* Adjust the maximum height as needed */
  overflow-y: auto;
  border: 1px solid #fdac41;
  display: none;
  background-color: rgba(255, 115, 0, 0.9);
  color: white;
  z-index: 9999;
}
.create-order .item-options-list li {
  padding: 10px;
  cursor: pointer;
}
.create-order .item-options-list li:hover {
  background-color: #f0f0f0;
  color: #3c4456;
}

.review-order {
  border-radius: 5px !important;
  background-color: antiquewhite !important;
  /* Styling for the custom popup */
  /* Add styles for buttons and other elements as needed */
}
.review-order textarea {
  color: white;
  background-color: #FDAC41 !important;
  resize: none;
}
.review-order .review-input {
  background-color: #FDAC41;
  border-radius: 5px;
  border: 1px solid #FDAC41;
}
.review-order .review-input span {
  color: white;
}
.review-order .review-input span p {
  color: white;
}
.review-order .info {
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 15px;
  border: 1px solid #c6c6c6;
}
.review-order .info p {
  color: #a8b1ba;
  font-size: 15px;
  letter-spacing: 0;
}
.review-order .info p span {
  color: #fdac41;
  font-weight: 500;
}
.review-order .enter_ad {
  color: #fdac41;
  font-size: 15px;
  letter-spacing: 0;
  display: block;
  border-bottom: solid 1px #fdac41;
  width: fit-content;
}
.review-order h5 {
  color: #ff7300;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: 0;
}
.review-order p {
  color: #fdac41;
  font-size: 15px;
  letter-spacing: 0;
  margin: 0;
}
.review-order label {
  color: #fdac41;
  font-size: 12px;
  letter-spacing: 0;
}
.review-order input:focus,
.review-order select:focus {
  border-color: #fdac41 !important;
}
.review-order .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 115, 0, 0.08) !important;
  color: #0058ff !important;
}
.review-order .select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  background: rgba(255, 115, 0, 0.1) !important;
}
.review-order .select2-container--default.select2-container--focus .select2-selection,
.review-order .select2-container--default.select2-container--open .select2-selection {
  border-color: #fdac41 !important;
}
.review-order .form-check-input:focus,
.review-order .form-control:focus,
.review-order .form-select:focus {
  border-color: #fdac41 !important;
}
.review-order .form-check-input:checked,
.review-order .form-check-input[type=checkbox]:indeterminate {
  background-color: #fdac41 !important;
  border-color: #fdac41 !important;
}
.review-order .illus img {
  width: 100%;
  height: auto;
}
.review-order .btn-secondary {
  background: rgba(255, 115, 0, 0.08) !important;
  color: #fdac41 !important;
}
.review-order .btn-secondary:hover {
  background: rgba(255, 115, 0, 0.1) !important;
  color: #fdac41 !important;
}
.review-order .btn-primary {
  background: #fdac41 !important;
}
.review-order .btn-primary:hover {
  background: #677687 !important;
  color: #ffffff !important;
}
.review-order .tt {
  border: 1px solid #d9dee3;
  border-radius: 4px;
  background: #fdac41;
  color: #ffffff;
  display: block;
  width: fit-content;
  padding: 10px;
}
.review-order .tt_p {
  color: #fdac41;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0;
}
.review-order .form-repeater span {
  border: 1px solid #d9dee3;
  border-radius: 4px;
  background: #fdac41;
  color: #ffffff;
  display: block;
  width: fit-content;
  padding: 10px;
}
.review-order .form-repeater .btn-minus,
.review-order .form-repeater .btn-add {
  background: #fdac41;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px !important;
  width: 30px;
  height: 30px;
  text-align: center;
  position: relative;
}
.review-order .form-repeater .btn-minus i,
.review-order .form-repeater .btn-add i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.review-order .popup {
  display: none;
  position: relative;
}
.review-order .popup-content {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #ccc;
  border-radius: 11px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  padding: 10px;
  text-align: left;
  height: 242px;
  width: 440px;
  margin: 27px;
  left: 45%;
}
.review-order .popup-content h2 {
  color: #fdac41;
  margin: 1.5rem;
}
.review-order .popup-content p {
  font-weight: bold;
  margin: auto 1.5rem;
}
.review-order .popup-content p.notice {
  color: white;
}
.review-order .popup-content .closeButton {
  position: absolute;
  height: 24px;
  width: 24px;
  color: #fdac41;
  right: 14px;
  font-size: 2.2rem;
  cursor: pointer;
}
.review-order .popup-content .button-container {
  margin: auto 1.5rem;
}
.review-order .popup-content .button-container button {
  border-radius: 4px;
  height: 38px;
  box-shadow: 0 2px 4px 0 #939EAB;
}
.review-order .popup-content .button-container #resetButton {
  background-color: #ffffff;
  border: 1px solid rgba(253, 172, 65, 0.24);
  color: #141414;
  opacity: 0.8;
  width: 170px;
}
.review-order .popup-content .button-container #confirmButton {
  background-color: #fdac41;
  border: 1px solid #fdac41;
  color: white;
  width: 118px;
}
.review-order .popup-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  /* Color should match popup background */
  top: -10px;
  /* Position above the popup */
  left: 80%;
  transform: translateX(-50%);
}

.order-previous .rec_ord .header-column {
  border-right: 1px solid white;
}

.scale-selector.btn-project {
  background-color: #677687 !important;
}
.scale-selector.btn-project:hover {
  background-color: #0058ff !important;
  cursor: pointer;
}
.scale-selector.btn-project.active {
  background-color: #0058ff !important;
}

.today-selector:hover, .month-selector:hover, .month-selector-btn:hover {
  cursor: pointer;
}

.timeline-container {
  border: solid 1px #0058FF;
}

.timeline-header {
  background-color: #0058FF;
  height: 47px;
}
.timeline-header .title {
  font-size: 18px;
  margin-left: 2rem !important;
}
.timeline-header .key {
  background: white;
  margin: 5px;
  border-radius: 5px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
}
.timeline-header .key .weekend {
  background-color: rgba(0, 255, 0, 0.2);
  width: 20px;
  height: 20px;
  display: inline-block;
}
.timeline-header .key .bank-holiday {
  background-color: rgba(255, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  display: inline-block;
}
.timeline-header .key .pickr {
  margin: 0 5px 0 20px;
  display: flex;
}
.timeline-header .key .pickr .pcr-button {
  width: 40px !important;
  height: 20px !important;
}

.vis-timeline {
  height: 650px;
}
.vis-timeline .vis-panel.vis-left,
.vis-timeline .vis-panel.vis-center {
  overflow-y: auto;
  /* Enables vertical scrolling */
  max-height: 600px;
  /* Adjust based on your needs */
}
.vis-timeline .vis-item.vis-background.weekend {
  color: black;
  background-color: rgba(0, 255, 0, 0.2);
}
.vis-timeline .vis-item.vis-background.bank-holiday {
  color: black;
  background-color: rgba(255, 0, 0, 0.2);
}

.project-builder-card {
  margin: 1rem 1rem 1rem 0;
}
.project-builder-card__complete_percent {
  border: 4px solid blue;
  padding: 5px;
  border-radius: 4px;
}
.project-builder-card__labour_allocated {
  padding: 5px;
  width: 35px;
  height: 35px;
  display: inline-block;
}
.project-builder-card__labour_allocated.yes {
  border: 4px solid green;
  border-radius: 4px;
  color: green;
}
.project-builder-card__labour_allocated.no {
  border: 4px solid red;
  border-radius: 4px;
  color: red;
}

.pickr .pcr-button {
  border: 1px solid gray;
  border-radius: 0.15em;
}

.supplier-logo-m {
  height: 3rem;
}

.supplier-logo-sm {
  height: 2rem;
}

/*# sourceMappingURL=style.css.map */