@font-face {
  font-family: "proxima_novaregular";
  src: url("../fonts/proxima-nova/proximanova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novalight";
  src: url("../fonts/proxima-nova/proximanova_light-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova_light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_novablack";
  src: url("../fonts/proxima-nova/proximanova_black-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova_black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "proxima_novaregular", "Source Sans Pro", sans-serif;
}
body .h1, body h1 {
  font-size: 41px;
}
body .h2, body h2 {
  font-size: 34px;
}
body .h3, body h3 {
  font-size: 28px;
}
body .h4, body h4 {
  font-size: 20px;
}
body .h5, body h5 {
  font-size: 16px;
}
body .h6, body h6 {
  font-size: 14px;
}

main {
  margin-top: 20px;
  margin-bottom: 30px;
}

.navbar-vertical .navbar-nav .nav-link {
  padding: 8px 16px;
}

.btn-group-sm > .btn, .btn-sm {
  padding: 6px 12px;
}

.dropdown-item {
  padding: 3px 16px;
}

.nav-tabs .nav-link {
  padding: 10px 0;
}

.nav-tabs .nav-item.active {
  background-color: transparent;
  border-bottom: 1px solid #5c60f5;
}

.nav-tabs .nav-item.active a {
  color: #5c60f5;
}

.nav-tabs .nav-item.icon-only a {
  padding: 8px 0;
  font-size: 17px;
}

.list-group-item {
  padding: 8px 14px;
}

.alert {
  padding: 8px 16px;
}

.card-header {
  padding: 12px 24px;
}

.table > :not(caption) > * > * {
  padding: 8px 16px;
}

.row > * {
  margin-top: 12px;
}

.row.mt-all-0 > * {
  margin-top: 0;
}

.form-control {
  padding: 8px 16px;
}

.form-label {
  margin-bottom: 0px;
}

.input-group-text {
  padding: 8px 14px;
}

.chosen-container-single .chosen-single {
  padding: 8px 16px;
}
.chosen-container-single .chosen-single div {
  top: -3px;
}

.chosen-container .chosen-results li.group-result {
  color: #000000;
}

.trumbowyg-box, .trumbowyg-editor, .trumbowyg-textarea {
  min-height: 200px;
}

.container-fluid.max-w-screen-md.vstack.gap-6 {
  padding-bottom: 40px;
}

.swal2-container {
  background: rgba(0, 0, 0, 0.5);
}

.ui-pnotify {
  top: auto !important;
  bottom: 20px;
  right: auto !important;
  left: 20px;
}

.w-100 {
  width: 100% !important;
}

.w-60 {
  width: 60% !important;
}

.w-50 {
  width: 50% !important;
}

.w-40 {
  width: 40% !important;
}

.field-small-msg {
  font-size: 12px;
  line-height: 14px;
  margin-top: 6px;
}

.horizontal_separator {
  border-bottom: 1px solid #e7eaf0;
  margin: 10px 0;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  line-height: 100%;
}

.abc-img-select {
  position: relative;
}
.abc-img-select .abc-img-select-display {
  cursor: pointer;
  padding-right: 16px;
}
.abc-img-select .abc-img-select-display:after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  position: absolute;
  right: 0;
  top: 2px;
}
.abc-img-select .abc-img-select-list {
  display: none;
  position: absolute;
  background: #ffffff;
  z-index: 9;
  min-width: 200px;
  padding: 10px;
  left: -11px;
  top: 110%;
  border: 1px solid #C9CCD2;
  max-height: 143px;
  overflow: auto;
}
.abc-img-select .abc-img-select-list .seller-row {
  margin-bottom: 8px;
  cursor: pointer;
}
.abc-img-select .abc-img-select-list .seller-row:hover {
  background: #5c60f5;
  color: #ffffff;
  border-radius: 13px 0px 0px 13px;
}
.abc-img-select.show .abc-img-select-display:after {
  content: "\f286";
}
.abc-img-select.show .abc-img-select-list {
  display: block;
}

.block-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
}
.block-loader.show {
  display: flex;
}

.loader {
  --d:22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #FF506D;
  box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0, calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px, calc(0 * var(--d)) calc(1 * var(--d)) 0 2px, calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px, calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px, calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px, calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
  animation: l27 1s infinite steps(8);
}

@keyframes l27 {
  100% {
    transform: rotate(1turn);
  }
}
.navbar-horizental {
  /* rotate caret on hover */
}
.navbar-horizental .navbar-nav .nav-item {
  margin-right: 8px;
}
.navbar-horizental .navbar-nav .nav-item.active > a {
  color: #495392;
  font-weight: bold;
}
.navbar-horizental .navbar-nav .nav-item .nav-link {
  padding: 10px 20px 10px 10px;
}
.navbar-horizental .navbar-nav .nav-item .nav-link.not-parent {
  padding: 10px;
}
.navbar-horizental .navbar-nav .nav-item.dashboard .nav-link {
  padding-right: 10px;
}
.navbar-horizental .navbar-nav .dropdown-menu {
  border-radius: 0;
}
.navbar-horizental .navbar-nav .dropdown-menu .nav-item {
  position: relative;
  margin-right: 0;
}
.navbar-horizental .navbar-nav .dropdown-menu .nav-item:hover {
  background: #e6e8ec;
}
.navbar-horizental .navbar-nav .nav-link[data-bs-toggle=collapse] {
  position: relative;
}
.navbar-horizental .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' fill='%2316192C' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 0.875rem 0.875rem;
  content: "";
  display: inline-block;
  height: 0.875rem;
  margin-left: auto;
  transition: all 0.2s ease-in-out;
  width: 0.875rem;
  transform: rotate(90deg);
  position: absolute;
  right: 2px;
  top: 15px;
}
.navbar-horizental .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  transform: rotate(-90deg);
}
.navbar-horizental .navbar-collapse.show {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  background: #ffffff;
  box-shadow: 0 12px 10px #bfbebe;
}
.navbar-horizental #sidebar-settings .nav-link[data-bs-toggle=collapse]:after {
  transform: rotate(0deg);
}
.navbar-horizental .navbar-nav li:hover > .collapse {
  display: block;
}
.navbar-horizental .dropdown-submenu {
  position: relative;
}
.navbar-horizental .dropdown-menu li a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.navbar-horizental .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
}
.navbar-horizental .dropdown-submenu > .dropdown-menu li a {
  padding-top: 4px;
  padding-bottom: 4px;
}
.navbar-horizental .dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

body {
  font-size: 14px;
}
body * {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}

table.dataTable thead .sorting {
  background-image: url(../img/sort_both.png);
}

table.dataTable thead .sorting_asc {
  background-image: url(../img/sort_asc.png) !important;
}

table.dataTable thead .sorting_desc {
  background-image: url(../img/sort_desc.png) !important;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  float: left;
  margin: 0.8rem 1.5rem;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  margin: 0.8rem 1.5rem;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  margin: 0.8rem 1.5rem;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  margin: 0.8rem 1.5rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}

#ui-datepicker-div {
  display: none;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #78909c;
}

.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}

.ui-datepicker-calendar tbody td a {
  display: block;
  border-radius: 0.25rem;
  line-height: 2rem;
  transition: 0.3s all;
  color: #546e7a;
  font-size: 0.875rem;
  text-decoration: none;
}
.ui-datepicker-calendar tbody td a.ui-state-highlight {
  background-color: #ec5f65;
  color: white;
}

.ui-datepicker-calendar tbody td a:hover {
  background-color: #5b5ff2;
  color: #ffffff;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: #5b5ff2;
  color: #ffffff;
}

.ui-datepicker-calendar tbody td.ui-datepicker-days-cell-over a {
  background-color: #5b5ff2;
  color: #ffffff;
}

.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  border-radius: 0.25rem;
  transition: 0.3s all;
}

.ui-datepicker-header a.ui-corner-all:hover {
  background-color: #eceff1;
}

.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: 50%;
  transform: rotate(180deg);
}

.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50%;
}

.ui-datepicker-header a > span {
  display: none;
}

.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
}

.ui-datepicker-week-col {
  color: #78909c;
  font-weight: 400;
  font-size: 0.75rem;
}

.table-responsive {
  padding-bottom: 20px;
}

.datepicker .input-group-text {
  cursor: pointer;
}

table td.actions .actions-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
table td.actions .actions-wrapper .btn-sm {
  height: 30px;
  width: 30px;
  font-size: 12px;
}
table .dropdown a {
  color: #525f7f;
}
table .dropdown .overdue .row-title {
  color: #d23f3a;
}
table .dropdown .tomorrow .row-title {
  color: #008818;
}
table .dropdown .today .row-title {
  color: #9a6b01;
}
table .dropdown-menu {
  min-width: 300px;
}
table .dropdown-menu .dropdown-content, table .dropdown-menu .dropdown-footer {
  border: 1px solid #e7eaf0;
}
table .dropdown-menu ul {
  padding: 0;
  margin: 0;
}
table .dropdown-menu ul li {
  padding: 10px 8px;
  border-bottom: 1px solid #e7eaf0;
}
table .dropdown-menu ul li:last-child {
  border-bottom: 0;
}
table .dropdown-menu ul li .actions a.finished {
  color: #cdd1d9;
}
table .dropdown-menu ul li .actions a.finished:hover {
  color: #008818;
}

.simple-table td {
  padding: 10px;
  border-bottom: 0;
}

.table tbody th, .table td {
  font-size: 14px;
}

.alignright {
  text-align: right;
}

.required:after {
  content: "*";
  color: red;
  margin-left: 5px;
}

.border-1 {
  border: 1px solid #e7eaf0;
}

.tab-content {
  display: none;
}

#ui-datepicker-div {
  z-index: 9999 !important;
}

.badges-title {
  position: relative;
  top: 20px;
  font-size: 16px;
  font-weight: bold;
}

.btn {
  position: relative;
}
.btn .btn-loader {
  display: none;
  background: url("../img/loader.svg") no-repeat 0 0/100%;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 7px;
  top: 3px;
}
.btn .btn-loader.black {
  background: url("../img/loader-black.svg") no-repeat 0 0/100%;
}
.btn.inline-loader .btn-loader {
  top: -4px;
}
.btn.processing {
  padding-left: 40px;
}
.btn.processing .btn-loader {
  display: inline-block;
}

.has-loader-input {
  position: relative;
}
.has-loader-input .input-loader {
  display: none;
  background: url("../img/loader.svg") no-repeat 0 0/100%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0px;
}
.has-loader-input .input-loader.black {
  background: url("../img/loader-black.svg") no-repeat 0 0/100%;
}
.has-loader-input.show {
  padding-right: 25px;
}
.has-loader-input.show .input-loader {
  display: inline-block;
}

.link {
  position: relative;
}
.link .link-loader {
  display: none;
  background: url("../img/loader.svg") no-repeat 0 0/100%;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: -1px;
}
.link .link-loader.black {
  background: url("../img/loader-black.svg") no-repeat 0 0/100%;
}
.link.inline-loader .link-loader {
  top: -4px;
}
.link.processing {
  padding-left: 40px;
}
.link.processing .link-loader {
  display: inline-block;
}

@media (min-width: 1200px) {
  .abc-design .col-xl-3 {
    width: 20%;
  }
}

.avatar-img {
  width: 100%;
  height: 100%;
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #000000 !important;
  border-radius: 100%;
}

.avatar-group .avatar-sm-x {
  font-size: 10px;
  height: 26px;
  width: 26px;
}

.has-error .imageuploadify {
  border-color: #ff0000 !important;
}
.has-error .chosen-container, .has-error .editor, .has-error .custom-select-trigger {
  border: 1px solid red !important;
}
.has-error input, .has-error textarea {
  border: 1px solid red !important;
}
.has-error .form-label {
  color: red;
}
.has-error .chosen-container-multi .chosen-choices {
  border: 1px solid red;
}

.abc-form {
  margin-top: 0;
}
.abc-form .error {
  display: none;
}
.abc-form .has-error .error {
  display: inline-block;
}
.abc-form .has-error input, .abc-form .has-error textarea {
  border: 1px solid red !important;
}
.abc-form .has-error .form-label {
  color: red;
}
.abc-form .has-error .chosen-container-multi .chosen-choices {
  border: 1px solid red;
}

.abc-fixed {
  position: static;
  z-index: 9;
  width: 100%;
  margin-right: 15px;
  right: 15px;
}
.abc-fixed.fixed {
  position: sticky;
  top: 85px;
  background: #ffffff;
  border-bottom: 1px solid #e7eaf0;
  z-index: 99;
}

.navbar .navbar-brand {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}
.navbar .navbar-brand img {
  height: 60px;
}
@media screen and (max-width: 991px) {
  .navbar .navbar-brand img {
    height: 50px;
  }
}

#sidebarCollapse .navbar-nav .nav-link i {
  font-size: 16px;
}
#sidebarCollapse li.opened {
  background-color: #f5f9fc;
}
#sidebarCollapse li.opened > a {
  background-color: #f5f9fc;
}
#sidebarCollapse li.active a {
  font-weight: bold;
}

.hasaddnew .btn {
  padding: 8px;
}
.hasaddnew .col-input {
  padding-right: 0;
  margin-top: 0;
}

.input-group-inline .input-group-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.input-group-inline .form-control {
  padding-left: 45px !important;
}

.close {
  position: absolute;
  top: 1px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
  color: #5c60f5;
}

.client-fields-wrapper {
  display: none;
  margin-top: 20px;
  position: relative;
  padding: 0 30px 20px;
  border: 1px solid #e7eaf0;
  background: #e7f1f9;
}
.client-fields-wrapper .row > * {
  margin-top: 10px;
}

.errors-container .alert {
  margin-bottom: 15px;
}

.abc-project-steps {
  max-width: 300px;
  margin: 0 auto 20px;
}
.abc-project-steps .stepName {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.project-detail .inline-field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.project-detail .inline-field label {
  width: 100%;
  margin-right: 10px;
  max-width: 170px;
}
.project-detail .inline-field .form-control,
.project-detail .inline-field .chosen-container {
  width: 100%;
  min-width: 223px;
}
.project-detail .inline-field.large-field {
  display: flex;
}
.project-detail .inline-field.large-field label {
  width: auto;
  min-width: 50px;
}
.project-detail .inline-field.large-field .form-control,
.project-detail .inline-field.large-field .chosen-container {
  width: 100% !important;
}
.project-detail .date_fields .icon-shape {
  top: 5px;
  position: absolute;
  left: 6px;
  width: 30px;
  height: 30px;
  z-index: 5;
  padding-right: 0 !important;
}
.project-detail .date_fields .flatpickr-input {
  border-left: 1px solid #e7eaf0 !important;
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}
.project-detail .hasprefix {
  position: relative;
}
.project-detail .hasprefix input {
  padding-right: 56px;
}
.project-detail .hasprefix .input-group-text {
  position: absolute;
  z-index: 5;
  top: 0px;
  right: 0;
  padding: 8px;
}

.client-fields hr {
  margin: 10px 0;
  color: #cccccc;
}
.client-fields .file-row {
  border-bottom: 1px solid #ededed;
}
.client-fields .file-row:hover {
  border-bottom: 1px solid #ccc;
}
.client-fields .file-row a {
  margin-bottom: 0 !important;
}

.abc-tooltip {
  position: relative;
  display: block;
  width: 100%;
}
.abc-tooltip.input {
  position: absolute;
  left: 9px;
  top: 7px;
}
.abc-tooltip .tooltiptext {
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s;
}

.trumbowyg-button-pane {
  z-index: 0;
}

.dropdown.abc-dropdown .dropdown-menu {
  background-color: #f5f9fc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-width: 17rem;
  padding: 0.5rem;
}

.chosen-container-multi .chosen-choices {
  border: 1px solid #e7eaf0;
  padding: 6px 10px;
}

.filter-wrapper {
  display: none;
  border: 1px solid #e7eaf0;
  margin: 15px;
  background: #f5f9fc;
}

.table-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.table-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1px 0;
}

a.has-icone {
  position: absolute;
}
a.has-icone.icone-copy:after {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../img/copy.png") no-repeat 0 0/100%;
  display: inline-block;
  position: absolute;
  right: 0;
}
a.has-icone.icone-url {
  right: 0;
  top: -5px;
}
a.has-icone.icone-url i {
  font-size: 18px;
  color: #000000;
}
a.has-icone.icone-show {
  right: 25px;
  top: -5px;
}
a.has-icone.icone-show i {
  font-size: 18px;
  color: #000000;
}

.items-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.items-wrapper .all-items {
  padding: 0 5px;
  font-size: 18px;
  cursor: pointer;
}
.items-wrapper .all-items .dropdown i {
  padding-left: 10px;
}
.items-wrapper .all-items .dropdown .dropdown-menu {
  right: 20px;
  top: 0;
  padding: 10px 15px;
  max-height: 380px;
  overflow: auto;
}
.items-wrapper .all-items .dropdown:hover .dropdown-menu {
  display: block;
}
.items-wrapper .all-items .dropdown:hover .dropdown-menu ul {
  margin: 0;
  padding-left: 25px;
}

.abc-simple-select.hasimg .chosen-choices {
  padding: 0;
  box-shadow: none;
}
.abc-simple-select.hasimg .chosen-choices li {
  float: none;
  margin: 6px 5px 3px 5px !important;
}
.abc-simple-select.hasimg .chosen-choices li .avatar {
  margin-right: 5px;
}

.checklist-items {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.checklist-items .checklist-item {
  position: relative;
}
.checklist-items .checklist-item .form-check-input[type=checkbox] {
  cursor: pointer;
}
.checklist-items .checklist-item .checklist-remove {
  position: absolute;
  top: 0px;
  right: 5px;
  cursor: pointer;
}
.checklist-items .checklist-item .checklist-remove:hover {
  color: red;
}
.checklist-items .checklist-item .form-check-input:checked + .form-check-label {
  text-decoration: line-through;
}

.task-detail .top-24 {
  top: 10rem !important;
}

.add-comment-wrapper .trumbowyg-box, .add-comment-wrapper .trumbowyg-editor {
  min-height: 160px;
}
.add-comment-wrapper .trumbowyg-editor, .add-comment-wrapper .trumbowyg-textarea {
  min-height: 120px;
}

.file-remove, .icon-top-right {
  position: absolute;
  top: 3px;
  right: 4px;
  cursor: pointer;
}

.file-remove {
  background: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.file-remove:hover {
  background: red;
  color: #ffffff;
}

.note-files .file-row .file-remove {
  display: none;
}
.note-files .file-row:hover .file-remove {
  display: flex;
}

.file-row {
  word-break: break-all;
}

.task-comments-wrapper .comment {
  border: 1px solid #e7eaf0;
  margin-top: 10px;
}
.task-comments-wrapper .comment-header {
  padding: 5px 10px;
  border-bottom: 1px solid #e7eaf0;
}
.task-comments-wrapper .comment-body {
  padding: 10px;
}
.task-comments-wrapper .comment-files {
  margin-top: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #5c60f5;
}

.horizontal-status-wrapper > * {
  padding-left: 15px;
  padding-right: 15px;
}

.horizontal-status {
  display: flex;
  align-content: space-around;
  margin-left: auto;
  flex-flow: row-reverse wrap-reverse;
  align-self: stretch;
  align-items: stretch;
}
.horizontal-status .btn-statut {
  background-color: #ffffff;
  border-color: #ffffff;
  min-height: 33px;
  position: relative;
  padding-left: 22px;
  border-width: 0;
}
.horizontal-status .btn-statut:last-child {
  padding-left: 10px;
}
.horizontal-status .btn-statut:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  right: -10px;
  border-top: 16px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: none;
  border-left: 11px solid #ffffff;
  -moz-transform: scale(0.9999);
}
.horizontal-status .btn-statut:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  right: -10px;
  border-top: 16px solid transparent;
  border-bottom: 17px solid transparent;
  border-right: none;
  border-left: 11px solid #ffffff;
  -moz-transform: scale(0.9999);
}
.horizontal-status .btn-statut:before {
  right: -11px;
  border-left-color: #C9CCD2 !important;
}
.horizontal-status .btn-statut.active, .horizontal-status .btn-statut:hover {
  background-color: #5c60f5;
  border-color: #5c60f5;
  color: #fff;
}
.horizontal-status .btn-statut.active:before, .horizontal-status .btn-statut:hover:before {
  border-left: 11px solid #5c60f5;
}
.horizontal-status .btn-statut.active:after, .horizontal-status .btn-statut:hover:after {
  border-left: 11px solid #5c60f5;
}
.horizontal-status.is-loss .btn-statut.active {
  background-color: #dc3545;
  border-color: #dc3545;
}
.horizontal-status.is-loss .btn-statut.active:before {
  border-left: 11px solid #dc3545;
}
.horizontal-status.is-loss .btn-statut.active:after {
  border-left: 11px solid #dc3545;
}

.border-1-grey {
  border: 1px solid #C9CCD2;
}

dd.d-flex input {
  width: 40%;
}

.abc-new-fields {
  position: relative;
}
.abc-new-fields .error {
  width: 100%;
}
.abc-new-fields .bloc-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
  margin-bottom: 10px;
}
.abc-new-fields dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.abc-new-fields dl dt {
  width: 40%;
  padding-right: 10px;
}
.abc-new-fields dl dd {
  width: 60%;
}
.abc-new-fields.loss-reason dl dt {
  width: 24%;
}
.abc-new-fields.loss-reason dl dd {
  width: 76%;
}
.abc-new-fields .form-control {
  border-radius: 0;
  border: 0;
  padding: 0;
  box-shadow: unset;
  font-size: 14px !important;
  transition: none;
  border-bottom: 1px solid #ededed;
  background: transparent;
}
.abc-new-fields .form-control:focus {
  border-color: transparent;
  box-shadow: unset;
  outline: 0;
  border-bottom: 1px solid #ccc;
}
.abc-new-fields .form-control:hover, .abc-new-fields .form-control:active {
  border-bottom: 1px solid #ccc;
}
.abc-new-fields .chosen-container-single .chosen-single {
  font-size: 14px;
  color: #16192c;
  padding: 0;
  border-radius: 0;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px solid #ededed;
  background: transparent;
}
.abc-new-fields .chosen-container-single .chosen-single:hover {
  border-bottom: 1px solid #ccc;
}
.abc-new-fields .chosen-container-single .chosen-single div b {
  background-position: 2px 5px;
}
.abc-new-fields .chosen-container-multi .chosen-choices {
  border: 0;
  padding: 0;
  box-shadow: unset;
  border-radius: 0;
  border-bottom: 1px solid #ededed;
  background: transparent;
}
.abc-new-fields .chosen-container-multi .chosen-choices:hover {
  border-bottom: 1px solid #ccc;
}
.abc-new-fields .chosen-container-multi .chosen-choices .search-field input[type=text] {
  height: auto;
  margin: 0;
  padding: 0;
  outline: 0;
}
.abc-new-fields .chosen-container-multi .chosen-choices .search-choice:first-child {
  margin-left: 0;
}
.abc-new-fields .input-group {
  border-radius: 0;
  box-shadow: none;
}
.abc-new-fields .input-group:focus {
  border-color: transparent;
  box-shadow: unset;
  outline: 0;
  border-bottom: 1px solid #ccc;
}
.abc-new-fields .input-group .input-group-text {
  padding: 0;
  padding-left: 5px;
}

.abc-custom-select .abc-select {
  width: 100%;
  position: relative;
  display: inline-block;
}
.abc-custom-select .abc-select .custom-select-trigger {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  position: relative;
  padding-right: 18px;
}
.abc-custom-select .abc-select .custom-select-trigger:after {
  display: block;
  content: "";
  background: url(chosen-sprite.png) no-repeat 0px -4px;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 4px;
  right: 4px;
}
.abc-custom-select .abc-select .custom-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 100;
}
.abc-custom-select .abc-select .custom-options .option {
  padding: 10px;
  cursor: pointer;
}
.abc-custom-select .abc-select .custom-options .option:hover {
  background-color: #f0f0f0;
}

#upload-filles-list {
  display: flex;
  align-items: flex-start;
  flex-flow: wrap;
  margin-top: 10px;
}
#upload-filles-list .item {
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  max-width: fit-content;
}
#upload-filles-list .item.image {
  max-width: 140px;
}
#upload-filles-list .item .remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  background: #ffffff;
  color: red;
  text-align: center;
  line-height: 18px;
  border-radius: 100%;
  cursor: pointer;
  display: none;
}
#upload-filles-list .item .remove:hover {
  background: red;
  color: #fff;
}
#upload-filles-list .item .remove:after {
  content: "\f623";
  font-family: bootstrap-icons !important;
}
#upload-filles-list .item:hover .remove {
  display: block;
}
#upload-filles-list .item.has-error {
  color: #c00;
}
#upload-filles-list .item .loader {
  --d: 14px;
  box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0, calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px, calc(0 * var(--d)) calc(1 * var(--d)) 0 2px, calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px, calc(-1 * var(--d)) calc(0 * var(--d)) 0 3px;
}

#filles-list {
  margin-bottom: 30px;
}

#modalFileView .modal-dialog {
  max-width: 1000px;
}
#modalFileView .modal-content {
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file-inline .icon {
  width: 20px;
  height: 20px;
  font-size: 14px !important;
}
.file-inline a {
  margin-bottom: 0 !important;
}
.file-inline .file-remove, .file-inline .icon-top-right {
  top: 8px;
}

.note-wrapper {
  position: relative;
  padding-right: 40px;
}
.note-wrapper .note-actions {
  position: absolute;
  top: 0;
  right: 3px;
}
.note-wrapper .note-actions span {
  margin-left: 5px;
  cursor: pointer;
}

#historique .history-detail {
  max-height: 400px;
  overflow: auto;
}

table.tablewithgroups.two-levels tr td:first-child {
  padding-left: 48px;
}
table.tablewithgroups tr.dtrg-group {
  font-size: 14px;
}
table.tablewithgroups tr.dtrg-group .collaps-icon {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-right: 6px;
}
table.tablewithgroups tr.dtrg-group .collaps-icon:before {
  content: "\f0d7";
  display: inline-block;
}
table.tablewithgroups tr.dtrg-group.collapsed .collaps-icon:before {
  content: "\f0da";
}
table.tablewithgroups tr.dtrg-group.dtrg-level-0 td {
  padding-left: 16px;
}
table.tablewithgroups tr.dtrg-group.dtrg-level-1 td:first-child {
  padding-left: 32px;
}
table.tablewithgroups tr.dtrg-group.dtrg-level-2 td:first-child {
  padding-left: 48px;
}

#table-clients, #table-annuaire_wrapper {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.showDatePicker {
  cursor: pointer;
  border-radius: 0 0.375rem 0.375rem 0;
}

#btn-new-project {
  margin-top: 12px;
  margin-left: 15px;
}

.offcanvas-body .nav-tabs .nav-item {
  margin-left: 15px;
  margin-right: 15px;
}

.h-val {
  background: #ffefef;
  padding: 0 4px;
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
}

.editor {
  width: 100%;
  min-height: 100px;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  overflow-y: auto;
}

.atwho-inserted {
  background-color: rgba(255, 80, 109, 0.2);
  color: #16192c;
  padding: 2px 5px;
  border-radius: 3px;
}

#support-comments-list-wrapper {
  max-height: 600px;
  overflow: auto;
}

.paiements-list .table-list li {
  margin-bottom: 10px;
}
.paiements-list .table-list li .label {
  line-height: 100% !important;
  cursor: pointer;
}
.paiements-list .table-list li .label i {
  font-size: 16px;
}
.paiements-list .table-list li .value {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.paiements-list .table-list .delete {
  cursor: pointer;
}

#table-permissions th {
  text-align: center;
}
#table-permissions td {
  font-size: 14px;
  line-height: 100%;
}
#table-permissions .groupName td {
  font-weight: bold;
  background: rgb(245, 249, 252);
}
#table-permissions .permissionName td {
  text-align: center;
}
#table-permissions .permissionName td .form-check {
  width: 44px;
  margin: 0 auto;
}
#table-permissions .permissionName td:first-child {
  text-align: left;
  padding-left: 40px;
}

.table-commission thead tr:first-child th {
  border-bottom: 0;
}
.table-commission thead tr th {
  padding: 5px 10px;
  text-align: center;
}

.abc-table-simple tr {
  border: 0;
}
.abc-table-simple th, .abc-table-simple td {
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
}
.abc-table-simple th {
  background-color: #f6f9fc;
}
.abc-table-simple tbody {
  border: 0;
}
.abc-table-simple button {
  padding: 0;
  margin: 0;
  background: none;
}

#table-ca tr {
  border: 0;
}
#table-ca th, #table-ca td {
  border: 1px solid #e6e6e6;
  padding: 5px 10px;
}
#table-ca th {
  background-color: #ffffff;
}
#table-ca td {
  background-color: #f6f9fc;
}
#table-ca td:first-child {
  background-color: #ffffff;
}
#table-ca thead th:first-child {
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  background: none;
}
#table-ca tbody {
  border: 0;
}
#table-ca button {
  padding: 0;
  margin: 0;
  background: none;
}

.table-files thead th {
  padding: 6px 10px;
}
.table-files thead th.sortable {
  background-image: url("/wp-content/themes/CRMRubisvoyages/zone/img/sort_both.png");
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center right;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.table-files thead th.sortable.desc {
  background-image: url("/wp-content/themes/CRMRubisvoyages/zone/img/sort_desc.png");
}
.table-files thead th.sortable.asc {
  background-image: url("/wp-content/themes/CRMRubisvoyages/zone/img/sort_asc.png");
}
.table-files tbody td {
  padding: 6px 10px;
}
.table-files tbody td a {
  margin: 0;
}
.table-files tbody td .btn-neutral {
  width: 26px;
  height: 26px;
}
.table-files .icon.icon-shape {
  width: 28px;
  height: 28px;
}
.table-files .icon.icon-shape i {
  font-size: 16px;
}

.abc-hover-tooltip {
  position: relative;
}
.abc-hover-tooltip .abc-hover-tooltip-content {
  display: none;
  position: absolute;
  z-index: 999;
  background: #ffffff;
  border: 1px solid;
  min-width: 220px;
  width: max-content;
  padding: 6px;
  bottom: 27px;
  left: 50%;
  transform: translateX(-50%);
}
.abc-hover-tooltip .abc-hover-tooltip-content .abc-hover-tooltip-arrow {
  display: block;
  position: relative;
  height: 5px;
  bottom: -12px;
}
.abc-hover-tooltip .abc-hover-tooltip-content .abc-hover-tooltip-arrow:after {
  content: " ";
  border-top-color: #000;
  border-width: 0.4rem 0.4rem 0;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.abc-hover-tooltip:hover .abc-hover-tooltip-content {
  display: block;
}

@media screen and (max-width: 991px) {
  .navbar-horizental .navbar-nav li:hover > .collapse {
    display: none;
  }
  .navbar-horizental .navbar-nav .dropdown-menu.show {
    display: block !important;
    box-shadow: none;
    border: 0;
    padding-left: 20px;
  }
}
a.abc-disabled {
  opacity: 0.5;
  cursor: default;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ff0000;
  background: #e9e9e9;
}

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