body {
  color: #353A40;
}

p {
  font-size: 0.8125rem !important;
}

small {
  color: #6C7281 !important;
}

.f-text-muted {
  color: #6C7281 !important;
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar:vertical,
.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar:horizontal,
.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(63, 83, 101, 0.1);
    border-radius: 10px;
    border: 2px solid #FFFFFF;
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb:hover,
.table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: rgba(63, 83, 101, 0.5);
  border-color: rgba(255, 255, 255, 1);
}

.doubleScroll-scroll-wrapper::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .5);
}

.dataTables_wrapper .f-double-scroll.col-sm-12 {
  padding-left: 0;
}

.popover {
  border-radius: 10px !important;

  -webkit-box-shadow: 0px 3px 6px #00000029 !important;
  box-shadow: 0px 3px 6px #00000029 !important;

  background: #FFFFFF;
  border: none;
}

.popover .popover-body {
  color: #3e4b5b !important;
}

.popover .popover-header {
  background-color: rgba(63, 83, 101, 0.1) !important;
  color: #3e4b5b !important;
}

.popover .arrow:before,
.popover .arrow:after {
  border-right-color: rgba(63, 83, 101, 0.1) !important;
}

.text-gold {
  color: #F4B973 !important;
}

.tooltip-element {
  z-index: 2600 !important;
}

.f-empty-space {
  display: block;
  position: relative;
  height: 250px;
}

.popover.popover-primary .popover-header,
.popover.popover-dark .popover-header {
  background: #353A40;
}

.popover .popover-header {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
}

.popover .popover-body {
  padding-left: 20px;
  padding-right: 20px;
}

.popover .card p:last-child {
  margin-bottom: 0 !important;
}

.timeline .timeline-wrapper .timeline-panel {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.navbar.default-layout-navbar .navbar-menu-wrapper {
  width: 100%;
}

.f-main-navbar-toggler {
  width: 77px;
}

.search-field {
  padding-left: 0rem;
  padding-right: 0.9375rem;
}

.irs--flat .irs-bar,
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  background-color: #5565FC;
}
.irs--flat .irs-handle > i:first-child {
  background-color: #5565FC;
}

.irs--flat .irs-handle {
  height: 24px;
}

.irs--flat .irs-bar,
.irs--flat .irs-line {
  height: 18px;
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  border-top-color: #353A40;
}

.stock-cost-range-container .irs--flat .irs-bar,
.stock-cost-range-container .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  background-color: #353A40;
}
.stock-cost-range-container .irs--flat .irs-handle > i:first-child {
  background-color: #353A40;
}
.stock-cost-range-container .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
  border-top-color: #353A40;
}

input.form-control:focus {
  border: solid 1px #198ae3 !important;
}

.wizard > .steps > ul {
  display: flex;
  flex-wrap: wrap;
}

.wizard > .steps > ul > li {
  width: initial !important;
  flex-grow: 1;
  text-align: center;
}

.gantt_default_row_new .gantt_default_rowheader_inner {
  background-image: none !important;
  display: inline-block;
  font-size: 20px;
  text-align: left;
  padding-top: 8px;
  padding-left: 10px;
}

.gantt_default_row_new textarea {
  font-size: 12px !important;
  padding-top: 3px !important;
}

.gantt_default_row_new .gantt_default_rowheader_inner div {
  display: inline-block;
  padding-left: 7px;
  position: relative;
  top: -2px;
  width: 100px;
  font-size: 12px;
}

.gantt_default_row_new .gantt_default_rowheader_inner:before {
  content: "\F64F";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 16px !important;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/*.wizard > .content {
  overflow: scroll !important;
  min-height: 60vh !important;
}

.wizard > .content > .body {
  height: auto !important;
}*/

/*svg > rect {
  fill: transparent;
}

svg text {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

svg .highcharts-tracker rect {
  fill: #047edf !important;
  fill-opacity: 1 !important;
}*/

.cutoff-table-tr-1 {
  position: fixed;
  top: 70px;
}

.cutoff-table-tr-2 {
  position: fixed;
  top: 110px;
}

#cutoff-table-tr-2 th {
  border-bottom: solid 1px rgba(53, 58, 64, 0.50);
}

#cutoff-table.f-furious-table-v2 thead tr th:last-child,
#cutoff-table.f-furious-table-v2 tbody tr:first-child td:last-child,
#cutoff-table.f-furious-table-v2 tbody tr:first-child td:first-child {
  border-radius: 0 !important;
}

#cutoff-table.f-furious-table-v2 tbody tr:first-child td {
  border-top: none !important;
}

.table th.f-cutoff-table-border-left,
.f-cutoff-table-border-left {
  border-left: solid 1px rgba(53, 58, 64, 0.50) !important;
}

.table th.f-cutoff-table-border-right,
.f-cutoff-table-border-right {
  border-right: solid 1px rgba(53, 58, 64, 0.10) !important;
}

.table th.f-cutoff-table-border-bottom,
.f-cutoff-table-border-bottom {
  border-bottom: solid 1px rgba(53, 58, 64, 0.10) !important;
}

.table th.f-cutoff-table-border-top,
.f-cutoff-table-border-top {
  border-top: solid 1px rgba(53, 58, 64, 0.10) !important;
}

.f-page-imputer .content-wrapper {
  flex-grow: 0;
  padding-top: 0;
  height: 100%;
  background-color: #FFF;
}

.f-page-imputer .main-panel {
  height: 100%;
}

.f-page-imputer .main-panel .card {
  height: 100%;
}

.f-page-imputer .wizard > .actions {
  padding-top: 5px;
}

.f-page-imputer #wizard-form {
  margin-bottom: 0;
}

.f-page-imputer .wizard > .content > .body {
  width: 100%;
}

.table.f-table-responsive td,
.f-page-imputer .table td,
#suivi_biz-page .table td,
#client-table td,
#projet_view-page .table td {
  white-space: normal;
}

.f-page-imputer #steps-uid-0-p-2 {
  padding: inherit;
}

.navbar .twitter-typeahead {
  width: 100%;
}

.f-client-repeater .twitter-typeahead,
.f-client-repeater .twitter-typeahead .tt-input,
.f-client-repeater .twitter-typeahead .tt-hint {
  width: 100% !important;
}

/*.f-page-imputer .wizard > .content {
  height: 75vh;
}*/

.modal-dialog.modal-lg {
  margin: 20px !important;
  max-width: 100% !important;
}

.modal-dialog.modal-md {
  margin: 20px auto !important;
  max-width: 66% !important;
}

.modal-dialog.modal-md.f-modal-md-50 {
  margin: 20px auto !important;
  max-width: 50% !important;
}

.navbar-dropdown.preview-list {
  width: 400px;
}

.preview-list .preview-item .preview-item-content p {
  white-space: normal;
}

.no-padding {
  padding: 0 !important;
}

.no-background {
  background: none;
  background-color: transparent;
}

.card.no-background {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.no-background-table-white table {
  background-color: white;
}

.breadcrumb.f-client-status,
.breadcrumb.f-user-apply-status {
  margin: 0;
}

.f-client-status-manager .breadcrumb-item.active ~ .breadcrumb-item,
.f-user-apply-status-manager .breadcrumb-item.active ~ .breadcrumb-item {
  background-color: transparent;
}

.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:before,
.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:after,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:before,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:after{
  position: absolute;
  top: -9px;
  width: 0;
  height: 0;
  content: "";
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
}

.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:before,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item span:before {
  right: -22px;
  z-index: 3;
  border-left-color: #dbe3e6;
  border-left-style: solid;
  border-left-width: 12px;
}

.f-client-status.breadcrumb.bg-inverse-primary.breadcrumb-custom .breadcrumb-item span:before,
.f-user-apply-status.breadcrumb.bg-inverse-primary.breadcrumb-custom .breadcrumb-item span:before {
  border-left-color: #E1E7EA;
}

.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item span,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.f-client-status-manager .breadcrumb-item.active ~ .breadcrumb-item a:before {
  border-left-color: white;
}

.f-user-apply-status-manager .breadcrumb-item.active ~ .breadcrumb-item a:before {
  border-left-color: rgb(242, 244, 245);
}

.f-client-status.bg-inverse-primary.breadcrumb-custom .breadcrumb-item.active:last-child,
.f-user-apply-status.bg-inverse-primary.breadcrumb-custom .breadcrumb-item.active:last-child {
  background-color: white;
}

.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child span:after,
.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child span:before,
.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child a:after,
.f-client-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child a:before,

.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child span:after,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child span:before,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child a:after,
.f-user-apply-status.breadcrumb.breadcrumb-custom .breadcrumb-item:last-child a:before{
  display: none;
}

#breadcrumb-status.f-user-apply-status-manager .breadcrumb-item a,
#breadcrumb-status.f-user-apply-status-manager .breadcrumb-item span {
  width: 100%;
  padding-left: 10px;
  text-align: center;
}

.f-card-board-container td {
  vertical-align: top;
  white-space: normal;
}

.f-card-board-container .f-thead td,
.f-card-board-container thead td {
  vertical-align: middle;
  position: relative;
  border: none;
}

.f-projet-todo-quick-add-form input[type=text].f-quick-add-todo-guest:not(:focus) {
  cursor: pointer;
  background: rgba(36, 207, 180, 0.1);
  border: rgba(36, 207, 180, 0.1);
}

.f-projet-todo-quick-add-form input[type=text].f-quick-add-todo-guest:not(:focus)::placeholder {
  color: #24CFB4;
}

#achats-page .table-responsive.table-fixed-header-container thead td,
#client-page .table-responsive.table-fixed-header-container thead td {
  background-color: #ECEFF0 !important;
}

.f-card-board-container tbody td {
  border: none;
}

.f-card-board-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.f-card-board-container ul li {
  line-height: 1.5;
}

.f-card-board-container .f-board-add-new-item {
  padding-top: 0px;
}

.f-card-board-container .f-board-add-new-item .btn {
  width: 100%;
}

.page-projet-todo .f-card-board-container .f-board-add-new-item .btn {
  width: 50%;
}

.page-projet-todo .f-card-board-container .f-board-add-new-item .btn.f-new-projet-todo-category {
  width: 100%;
}

.f-card-board-container .f-dagula-col {
  padding-top: 0;
}

.card .card-body.f-light-padding {
  padding: 20px;
}

.f-card-board-container .f-task-counter {
  margin-top: 15px;
}

.f-card-board-container .f-client-info {
  margin-bottom: 15px;
}

.f-card-board-container .f-client-card .card-body,
.f-page-compta .f-card-board-container .f-client-card .card-body,
#achats-page .f-card-board-container .f-client-card .card-body {
  padding: 20px;
}

#client-page .f-card-board-container .f-client-card .card-body .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.project-todo-card div,
.project-todo-card span,
.f-client-card div {
  word-break: break-word;
}

.project-todo-card .f-fws-picture-wrapper{
  position: absolute;
  right: 0;
  margin-right: -16px;
  top: 22px;
}

.project-todo-card .f-fws-picture-wrapper .f-fws-users-content{
  display: flex;
  flex-direction: row;
}

.project-todo-card .f-fws-picture-wrapper .f-fws-users-content > :nth-child(n+2){
  margin-left: -20px !important;
}

.project-todo-card .f-fws-picture-wrapper .f-fws-users-content img{
  width:28px !important;
  height:28px !important;
  border: 2px solid #1DC6E4;
}

.f-card-board-container .card-body {
  background: white;
}

.f-card-board-container .f-client-card.border {
  border-color: #d9b3ff !important;
}

.f-card-board-container .f-biz-card-comm-1 {
  background-color: #FFEEF4;
}

.f-card-board-container .f-biz-card-comm-2 {
  background-color: #FFFAE7;
}

.f-card-board-container .f-board-card-light-padding {
  padding-left: 10px;
  padding-right: 10px;
}

.f-card-board-container.f-calendar-card-board-container .f-thead td:not(:last-child):before,
.f-card-board-container.f-calendar-card-board-container thead td:not(:last-child):before {
  border-top: 64px solid transparent;
  border-bottom: 64px solid transparent;
}

.f-card-board-container.f-calendar-card-board-container .f-thead td:not(:last-child):after,
.f-card-board-container.f-calendar-card-board-container thead td:not(:last-child):after {
  border-top: 64px solid transparent;
  border-bottom: 65px solid transparent;
}

.page-projet-todo .f-card-board-container .f-thead td:not(:last-child):before,
.page-projet-todo .f-card-board-container thead td:not(:last-child):before {
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
}

.page-projet-todo .f-card-board-container .f-thead td:not(:last-child):after,
.page-projet-todo .f-card-board-container thead td:not(:last-child):after {
  border-top: 35px solid transparent;
  border-bottom: 36px solid transparent;
}


/*.f-card-board-container.f-calendar-card-board-container .f-client-card {
  border: solid 1px #fe496d !important;
}

.f-card-board-container.f-calendar-card-board-container .f-client-card.f-win {
  border: solid 1px #1bcfb4 !important;
}*/

.f-card-board-container .card-body {
  border-radius: 10px !important;
}

@media (max-width: 767px) {
  #index-page .card-body {
    padding: 1.5rem;
  }
}

#imputer-page .wizard > .content > .body {
  padding: 20px;
}

.btn {
  padding: 0.55rem 2.5rem;
}

.btn.btn-sm {
  padding: 0.5rem 0.81rem;
}

.form-control {
  padding: 0.44rem 1.375rem !important;
}

.f-furious-table-v2 thead th input.form-control {
    padding: 0.30rem 0.45rem !important;
}

.f-form-v2 .form-control:not(.f-form-control-lg) {
  border-radius: 6px !important;
}

.f-form-v2 input[type="text"].form-control.f-form-control-lg {
  border-radius: 0 !important;
  background: #FFFFFF;
  padding-left: 15px !important;
}

#f_modal_sprint_manager_form input[type="text"].form-control.f-form-control-lg.f-input-emoji {
  padding-left: 0 !important;
  padding-right: 45px !important;
}

.modal-dialog.f-modal-lg {
  margin: 60px auto !important;
  max-width: 50% !important;
}

.f-list-name {
  border-bottom: dotted 1px #9c9fa6;
}

#new-projet-todo-modal .select2.select2-container {
  display: block;
}

select {
  border: solid 1px #E1E7EA !important;
  border-radius: 10px !important;
}

.gjs-editor select {
  border: none !important;
  border-radius: 0 !important;
}

.select2.f-error {
  border-radius: 10px !important;
}

.form-check .form-check-label input[type="radio"].f-error + .input-helper:before {
  border: 1px solid #fe7c96 !important;
}

.f-projet-todo-card .card-body {
  padding: 20px;
}

.f-projet-todo-card {
  position: relative;
  width: 100%;

}

.f-postit-pipe-card.card {
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  min-height: 100px;
  position: relative;
}

.f-postit-pipe-card,
.f-postit-pipe-card .card,
.f-projet-todo-card .card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-card-board-container .card.f-client-card.f-proposal-pipe-card,
.f-card-board-container .card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: solid 1px #DFE4E6 !important;
}

.f-card-board-container .card.f-invoice-card,
.f-card-board-container .card.f-client-opportunity-card,
.f-card-board-container .card.f-client-card,
.f-card-board-container .card.f-purchase-pipe-card,
.f-card-board-container .card.f-projet-todo-card {
  border: none !important;
}

.f-projet-todo-card .f-projet-todo-time-comment {
  /*position: absolute;*/
  float: right;
  top: 10px;
  right: 10px;
}

.f-board-head {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.f-card-board-container .f-dagula-col {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.f-board-head-time {
  position: absolute;
  right: 15px;
  top: 22px;
}

.f-projet-todo-card .f-actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.f-sql-queries-container .btn.btn-sm.btn-icon,
.f-projet-todo-card .btn.btn-sm.btn-icon {
  height: 25px;
  width: 25px;
  padding: 2px;
}

.f-btn-25 {
  height: 25px !important;
  width: 25px !important;
  padding: 5px !important;
  border-radius: 4px !important;
}

.f-btn-16-square {
  height: 16px !important;
  width: 16px !important;
  padding: 2px !important;
  border-radius: 4px !important;
}

.f-btn-16-square i {
  font-size: .625rem;
  margin-left: 0rem !important;
}

.f-btn-25 i {
  font-size: .875rem;
}

.f-btn-20 {
  height: 20px !important;
  width: 20px !important;
  padding: 2px !important;
  border-radius: 3px !important;
}

.f-btn-35{
  height: 35px !important;
  width: 35px !important;
  border-radius: 5px;
}

.f-btn-32 {
  height: 32px !important;
  width: 32px !important;
  padding: 2px !important;
  box-sizing: border-box !important;
}

.f-btn-32 i {
  font-size: .875rem !important;
}

.f-btn-xxs {
  height: 17px !important;
  width: 17px !important;
  padding: 2px !important;
  border-radius: 5px;
}

.f-btn-xxs i {
  font-size: .675rem;
}

span.f-btn-32 i,
a.f-btn-32 i {
  top: 6px;
  position: relative;
}

.f-btn-20 i {
  font-size: 10px;
}

.page-projet-todo .popover {
    width: 33%;
    max-width: 33%;
}

#f_homepage .popover {
    width: 33%;
    max-width: 33%;
}

.popover.f-sprint-popover {
  max-width: 300px !important;
}

.f-page-compta .popover {
    width: auto;
    max-width: 33%;
}

.page-projet-todo .popover img {
    width: 100% !important;
    height: auto !important;
}

.page-projet-todo .popover .timeline-heading img {
    width: 43px !important;
}

.page-projet-todo .f-card-created-at-badge {
  margin-bottom: 5px;
}

.f-comment .timeline-title img {
  width: 25px !important;
  height: 25px !important;
}

.f-comment.timeline:before {
  content: none;
}

.f-comment.timeline .timeline-wrapper {
  padding-right: 0;
}

.f-comment.timeline .timeline-wrapper .timeline-panel:after {
  content: none;
}

.f-comment.timeline .timeline-wrapper .timeline-panel {
  width: 100%;
  margin-left: 0;
}

.page-projet-todo .tooltip {
  z-index: 3000;
}

.f-badges-card-info img {
  margin-right: 0 !important;
}

.f-projet-todo-edit-dates {
  max-width: 220px;
}

.f-projet-todo-card img {
  margin-right: 5px !important;
}

.f-board-quick-add-item {
  padding-top: 0 !important;
}


.f-card-filters .card-body {
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0 auto;
}

.f-unassigned-from-sprint {
  cursor: pointer;
}

#gantt {
  z-index: 1;
}

.f-menu-card-list {
  position: absolute;
  left: 6px;
  z-index: 5;
}

button.f-menu-list-card:hover.active,
button.f-menu-list-card.active {
  z-index: 10;
  position: relative;
  background-color: transparent !important;
  background-image: transparent !important;
  border-color: transparent !important;
  color: #353A40;
}

button.f-menu-list-card.active .f-btn-text {
  display: none;
}

.f-menu-card-list > button.btn.btn-icon {
  position: relative;
  width: 28px;
  height: 28px;
  z-index: 30;
}

.f-menu-card-list-menu-container {
  max-width: 500px;
  max-height: 600px;
  width: 500px;
  border-radius: 5px;
  border: solid 1px #ebedf2;

  padding: 10px;

  position: absolute;
  right: 200px;
  top: 0;

  z-index: 7;
}

.f-menu-card-list-menu-container.active {
  right: inherit;
  left: 0;
}

.f-menu-card-list.sticky {
  position: fixed;
  top: 70px;
  left: 26px;
}

.f-menu-card-list-menu-container select[name=config_projet_todo_id] {
  width: auto;
  max-width: 150px;
}

.f-menu-card-list-menu-container select[name=title] {
  width: 30%;
}

.f-menu-card-list-container {
  max-height: 450px;
  overflow-y: scroll;
}

.f-menu-card-list-container .f-projet-todo-card {
  cursor: grab;
}

.f-projet-todo-card.ui-draggable-dragging {
  opacity: .7;
}

.f-gantt-task {
  transition: all .2s ease-in-out;
}

.f-gantt-task.scale {
  transform: scale(1.3);
}

.dropzone.dropify-wrapper .dz-default.dz-message {
  margin: 43px 0;
}

.dropzone.dropify-wrapper.f-crm-custom-field-dropzone .dz-preview .dz-image{
  height:100px;
  width:100px;
}

#f_modal_client_notif_manager .dropzone.dropify-wrapper .dz-default.dz-message {
  /*margin: 33px 0;*/
}


#f-modal-project,
#f_modal_client_notif_manager,
#f-project-model-modal {
  z-index: 5110 !important;
}

#f_cv_generator_modal {
  z-index: 5020 !important;
}

.dropzone.dropify-wrapper .dz-preview {
  margin: 0;
}

.fr-view img.fr-dii,
.fr-view img.fr-dib {
  height: auto !important;
  border-radius: 0 !important;
}

.fr-view strong {
  color: inherit;
}

.dz-image img {
  width: inherit !important;
  height: inherit !important;
  border-radius: 0 !important;
}

.f-checkbox-label-left i.input-helper {
  position: absolute;
  left: -25px;
}

.btn.btn-icon.f-btn-xs {
  height: 25px;
  width: 25px;
  padding: 3px 2px;
}

.page-global-settings .popover {
  min-width: 15%;
  max-width: 33%;
}

body:not(.sidebar-icon-only) #sidebar > ul.nav {
  width: 260px;
  position: fixed;
  overflow: auto;
  height: 100vh;
  padding-bottom: 100px;
  transition: width 0.25s ease, background 0.25s ease;
}

body.sidebar-icon-only .nav:not(.sub-menu) > .nav-item {
  border-top: solid 1px transparent;
}

body.sidebar-icon-only .nav:not(.sub-menu) > .nav-item.hover-open {
  border-color: #353A40;
}

body.sidebar-icon-only .nav-item.hover-open .menu-title,
body.sidebar-icon-only .nav-item.hover-open div.collapse {
  width: 260px !important;
}

body.sidebar-icon-only .nav-item.hover-open .menu-title {
  border-right: solid 1px #353A40;
  border-top: solid 1px #353A40;
}

body.sidebar-icon-only .nav-item.hover-open div.collapse {
  border-right: solid 1px #353A40;
  border-bottom: solid 1px #353A40;
}

body.sidebar-icon-only .f-logo-nav-close,
body:not(.sidebar-icon-only) .f-logo-nav-open {
  display: block;
}

body:not(.sidebar-icon-only) .f-bottom-news-feed,
body:not(.sidebar-icon-only) .f-logo-nav-close,
body.sidebar-icon-only .f-logo-nav-open {
  display: none;
}

body.sidebar-icon-only .f-main-navbar-toggler {
  width: 70px !important;
  background-color: #303337;
  padding: 0 !important;
}

body:not(.sidebar-icon-only) .f-main-navbar-toggler {
  width: 260px !important;
  text-align: center;
  background-color: #303337;
  display: inline-block;
}

.navbar.default-layout-navbar .navbar-menu-wrapper {
  padding-left: 0 !important;
}

.f-btn-width-50 {
  width: 50% !important;
}

.f-max-width-66 {
  max-width: 66% !important;
}

@media all and (min-resolution:.001dpcm) {
  @media screen and (min-width: 991px) {
    body.sidebar-hidden #sidebar > ul.nav {
      width: 0;
      transition: width 0.25s ease, background 0.25s ease;
    }

    .sidebar-icon-only nav.sidebar {
      position: fixed;
      /*overflow: auto;*/
      height: 100vh;
      padding-bottom: 100px;
      transition: width 0.25s ease, background 0.25s ease;
    }

    .sidebar-icon-only nav.sidebar::-webkit-scrollbar {
      display: none !important;
    }

    .sidebar-icon-only nav.sidebar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .sidebar-icon-only .main-panel {
      left: 70px;
      position: relative;
    }

    .sidebar-icon-only .nav-item.hover-open .collapse {
      position: fixed !important;
      left: 70px !important;
      max-height: 350px !important;
      overflow-y: auto;
    }

    .sidebar-icon-only .nav-item.hover-open .menu-title {
      position: fixed !important;
      left: 70px !important;
      height: 51px !important;
    }
  }
}

#f-modal-project.modal .modal-dialog .modal-content .modal-header {
  padding: 0;
}

#f-modal-project.modal .close {
  position: absolute;
  top: 25px;
  right: 28px;
  padding: 0 !important;
}

/*#f-modal-project.modal .close span {
  display: block;
  line-height: 30px;
  height: 30px;
}*/

.table-responsive {
  overflow-x: visible !important;
}

.table-responsive.f-overflow-x-auto,
.table-responsive.table-fixed-header-container,
#table-rh-page-stretch-card .table-responsive,
#client-table-stretch-card .table-responsive,
#table-invoice-stretch-card .table-responsive,
#cutoff-etat-table-container.table-responsive,
#commerce-page .table-responsive,
#table-list-statistique-stretch-card .table-responsive {
  overflow-x: auto !important;
}

#cutoff-etat-table-container.table-responsive table thead tr th:first-child,
#cutoff-etat-table-container.table-responsive table tbody tr td:first-child {
  position: sticky;
  left: 0px;
  z-index: 100;
}

#cutoff-etat-table-container.table-responsive table tbody tr:nth-of-type(odd) td:first-child {
  background-color: #F5F5F5 !important;
}

#cutoff-etat-table-container.table-responsive table tbody tr:nth-of-type(even) td:first-child {
  background-color: #FFFFFF !important;
}


.table-responsive.table-fixed-header-container thead td {
  background-color: #FFFFFF;
}

.f-rate-row-container .f-category-row-btn {
  margin-top: 8px;
}

.f-rate-row-container .f-category-row-btn button {
  height: 24px;
  width: 24px;
}

.f-rate-row-container .f-category-row-btn button i {
  font-size: 0.8rem;
}

#project-todo-card-table-container.table-responsive {
  overflow-x: scroll !important;
}

.modal { overflow-y: auto !important; }

.f-page-loader,
.f-global-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20000;
}

.f-page-loader .f-loader-overlay,
.f-global-loader .f-loader-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(25, 138, 227, .2);
}

.btn.btn-icon.f-btn-configure-share,
.btn.btn-icon.f-furious-bug-show-api-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.btn.btn-icon.f-btn-configure-share i,
.btn.btn-icon.f-furious-bug-show-api-btn i {
  font-size: .8rem;
}

.f-furious-debug-swal-container .select2-selection{
  border-radius:10px;
}

.btn.btn-icon.f-btn-configure-share {
  padding-top: 2px;
}

.btn.btn-icon-center{
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0 !important;
}

.f-copy-p {
  border: dashed 1px #3E8ADD;
  background-color: #D8E8F8;
  padding: 5px 10px 50px 10px;

  position: relative;
}

.f-copy-p textarea {
  font-family: Courier New,monospace!important;
  font-weight: 100;
  letter-spacing: .2px;
  font-size: 13px;

  word-wrap: break-word;
  background-color: #D8E8F8;
  border: none;
  width: 100%;
  height: 100px;
}

.f-import-copy-btn,
.f-copy-btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.f-projet-todo-meta-container {
  background-color: #ECEFF0;
  padding: 20px;
  border-radius: 10px;

  color: #6C7281;
}

a.f-projet-todo-debug-url {
  color: #6C7281;
  text-decoration: underline;
  text-decoration-style: dotted;
}

.f-hover-dotted-underline:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.f-input-bar-loader {
  width: 16px;
  height: 16px;
}

.f-input-bar-loader.bar-loader span {
  width: 1px;
  height: 16px;
}

.f-user-quick-access-card {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 10px;

  color: #fff;

  width: 100%;
}

.f-user-quick-start-help {
  border: dashed 1px #353A40;
  background-color: #353A40;
  border-radius: 5px;
  padding: 10px;
  box-shadow: 0px 3px 6px #0000000F;

  color: #FFF;

  width: 100%;
}

.btn.btn-icon.f-btn-icon-sm {
  height: 20px;
  width: 20px;
}

.f-select-icon .select2 {
  width: 100% !important;
}

#f_quick_access_fixed_bar {
  position: fixed;
  top: 95px;
  left: 0px;
  z-index: 10010;
}

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

#f_quick_access_fixed_bar ul li {
  line-height: initial;
}

#f_quick_access_fixed_bar .btn.btn-icon.f-btn-icon-sm {
  height: 40px;
  width: 40px;

  padding: 10px;
}

#f_quick_access_fixed_bar ul li:first-child {
  border-top: none;
}

.f-btn-white {
  background-color: #FFFFFF;
  color: #353A40;
}

.f-btn-white i {
  color: #353A40;
}

.f-btn-white:hover {
  background-color: #E1E7EA;
}

#new-projet-todo-comment-modal .modal-body {
  padding: 0 26px;
}

.f-border-left {
  border-width: 0 0 0 4px;
  border-style: solid;
  border-radius: 0;
}

.f-border-left.f-border-left-success {
  border-left-color: #1bcfb4 !important;
}

.f-border-left.f-border-left-danger {
  border-left-color: #fe7c96 !important;
}

.f-border-left.f-border-left-primary {
  border-left-color: #b66dff !important;
}

.f-border-left.f-border-left-warning {
  border-left-color: #F8D74C !important;
}

.f-border-left.f-border-left-info {
  border-left-color: #408ADD !important;
}


.f-info .f-bg-inverse {
  background-color: #D9E8F8 !important;
}

.f-info .f-border-left {
  border-left-color: #408ADD !important;
}

.f-success .f-bg-inverse {
  background-color: #DFF2ED !important;
}

.f-success .f-border-left {
  border-left-color: #1bcfb4 !important;
}

.f-primary .f-bg-inverse {
  background-color: #EEE3FD !important;
}

.f-primary .f-border-left {
  border-left-color: #b66dff !important;
}

.f-danger .f-bg-inverse {
  background-color: #F4D8E9 !important;
}

.f-danger .f-border-left {
  border-left-color: #fe7c96 !important;
}

.f-warning .f-bg-inverse {
  background-color: #FEF7DB !important;
}

.f-warning .f-border-left {
  border-left-color: #F8D74C !important;
}


.btn.btn-icon.f-btn-icon-sm2 {
  padding: 6px 2px;
  height: 25px;
  width: 25px;
}

.btn.btn-icon.f-btn-icon-sm2 i {
  font-size: 0.8rem;
}

.f-border-left.bg-inverse-danger {
  background-color: #F4D8E9;
}

.f-border-left.bg-inverse-success {
  background-color: #DFF2ED;
}

.f-border-left.bg-inverse-info {
  background-color: #D9E8F8;
}

.f-border-left.bg-inverse-primary {
  background-color: #EEE3FD;
}

.f-border-left.bg-inverse-warning {
  background-color: #FEF7DB;
}

.f-grouped-rate-card-row {
  border: 0;
}

.f-grouped-rate-card-row > td {
  border: 0;
  padding: 0;
}

.f-grouped-rate-card-row > td > table {
  border: 0;
}

.f-grouped-rate-card-row.f-rate-card-style-row > td {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;

  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(1),
.f-rate-card-container table thead tr th:nth-child(1) {
  width: 20% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(2),
.f-rate-card-container table thead tr th:nth-child(2) {
  width: 15% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(3),
.f-rate-card-container table thead tr th:nth-child(3) {
  width: 15% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(4),
.f-rate-card-container table thead tr th:nth-child(4) {
  width: 15% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(5),
.f-rate-card-container table thead tr th:nth-child(5) {
  width: 15% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(6),
.f-rate-card-container table thead tr th:nth-child(6) {
  width: 10% !important;
}

.f-grouped-rate-card-row .f-table-in-table .main-tr-rate td:nth-child(7),
.f-rate-card-container table thead tr th:nth-child(7) {
  width: 10% !important;
}

.table-striped .f-table-in-table tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

.f-client-card.gu-mirror .card-body {
  padding: 10px !important;
}

.f-client-card.gu-mirror .f-card-toggle-extra {
  display: none !important;
}

.f-underline-title {
  border-bottom: dotted 1px #9F6CF7;
}


#f_rate_card_d_and_d .f-grouped-rate-card-row:nth-of-type(even) .f-table-in-table tbody tr.f-width-100,
#f_rate_card_d_and_d .f-grouped-rate-card-row:nth-of-type(even) td.f-width-100,
.f-width-100 {
  width: 100% !important;
}

#f-dragula-to-be-accepted .f-hide-on-first-col {
  display: none;
}

.f-edit-tag-info {
  display: inline-block;
  margin-left: 3px;
  cursor: hand;
}

.f-pointer {
  cursor: pointer !important;
}

#f_modal_cost_manager,
#f_modal_sprint_manager {
  text-align: left !important;
}

#f_furious_purchase_form .twitter-typeahead,
#f_modal_cost_manager .twitter-typeahead,
#f_modal_cost_manager .twitter-typeahead input {
  width: 100%;
}

#f_modal_cost_manager .select2-selection.select2-selection--single,
#f_modal_sprint_manager .select2-selection.select2-selection--single {
  padding: 10px 22px;
  height: 38px;
}

.f-project-cost-repeater .f-repeater-item {
  border-left: solid 5px #AB75F7;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding-left: 10px;
}

#f_furious_purchase_form .f-project-cost-repeater .f-repeater-item:first-child:nth-last-child(1) [data-repeater-delete] {
  display: none;
}

.f-light-wysiwyg-container .fr-box .fr-wrapper.f-error,
.f-sprint-equipment-repeater-item.f-card-light .fr-box .fr-wrapper.f-error,
.f-error-group input:not(.select2-search__field),
.f-error-group textarea,
.f-error-group .select2 .select2-selection,
.f-error {
  border: solid 1px #FC6595 !important;
}

.f-error + .input-group-append {
  border-color: #FC6595 !important;
}

.f-error + .input-group-append a {
  border-color: #FC6595 !important;
}

.datepicker {
  z-index: 10000 !important;
}

.f-furious-add-menu-dropdown {
  border-radius: 2px;
  color: #FFFFFF !important;
  background-color: #353A40 !important;
  border-color: #353A40 !important;
  height: 50px !important;
  padding-left: 30px;
  padding-right: 30px;
}

.f-furious-add-menu-dropdown img {
  margin-right: 6px;
}

.navbar .navbar-menu-wrapper .count-indicator .count-symbol {
  width: 13px;
  height: 13px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-text {
  display: none;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-img img {
  width: 38px;
  height: 38px;
}

nav.sidebar.sidebar-offcanvas {
  background-color: #353A40;
  color: #FFFFFF;
}

.f-furious-add-menu-dropdown:after {
  content: '' !important;
  display: none !important;
}

.main-tr-rate .twitter-typeahead,
.main-tr-rate .twitter-typeahead input {
  width: 100%;
}

.main-tr-rate .twitter-typeahead .tt-menu {
  width: auto !important;
  max-width: none !important;
}

.f-faq-search-title-container .tt-menu {
  z-index: 2600 !important;
}

#f_rate_card_d_and_d .f-rate-card-style-row .f-table-in-table {
  /*border-left: solid 5px #408ADD;*/
}

#f_rate_card_d_and_d .f-table-in-table {
  /*border-left: solid 5px #353A40;*/
}

#f_rate_card_d_and_d .f-table-in-table.f-option {
  /*border-left: solid 5px #D9DBDE;*/
}

#f_rate_card_d_and_d .f-grouped-rate-card-row:first-child > td {
  border-top: none;
}

#f_rate_card_d_and_d .f-grouped-rate-card-row > td {
  border-top: solid 20px #FFFFFF;
}

#f_rate_card_d_and_d table.f-table-in-table td {
  background-color: transparent !important;
}

.f-grouped-rate-card-row > td {
  background-color: #F2F4F5 !important;
}

#f_rate_card_d_and_d .f-grouped-rate-card-row textarea {
  height: 100px !important;
}

.table-striped tbody .f-rate-card-view tr:nth-of-type(odd),
.f-rate-card-view {
  background: none !important;
}

.f-todo-assigned-to-filter + .select2 .select2-selection--single,
.f-todo-sprint-filter + .select2 .select2-selection--single {
  width: 250px;
  text-align: left;
  height: 38px;
  padding-top: 11px;
  padding-bottom: 11px;
}

#f-dropzone-upload-pp.dropzone.dropify-wrapper .dz-default.dz-message {
  margin: 0;
}

.f-sql-user-list img {
  width: 40px;
  height: 40px;

  border: solid 2px transparent;
  margin-right: 0 !important;
}

.f-sql-user-list .f-sql-user-color-success img {
  border-color: #60CCB5;
}

.f-sql-user-list .f-sql-user-color-danger img {
  border-color: #EE8497;
}

.f-pp-block {
  max-width: 60px;
}

.tooltip {
    z-index: 10000010 !important;
}

#f_purchase_xml_export_modal .table td {
  white-space: normal;
}

.w-100 .twitter-typeahead,
.w-100 + .select2,
.w100 + .select2,
.f-width-100 + .select2 {
  width: 100% !important;
}

.f-table-in-table .f-width-select2-auto + .select2 {
  max-width: 120px !important;
  width: auto !important;
}

.f-table-in-table label {
  min-height: 20px !important;
}

.f-table-in-table .form-control {
  padding-left: .44rem !important;
  padding-right: .44rem !important;
}

.f-sprint-project-assigned-todo-container {
  min-height: 50px;
  border-radius: 10px;
  background: #ECEFF0;
}

.f-sprint-project-todo-result-container {
  min-height: 50px;
  border-radius: 10px;
  background: #ECEFF0;
}

.f-sprint-project-todo-result-container,
.f-sprint-project-assigned-todo-container {
  max-height: 400px;
  overflow-y: scroll;
}

.f-sprint-project-todo-result-container .f-sprint-project-filter-todo-empty,
.f-sprint-project-assigned-todo-container .f-sprint-project-assigned-todo-empty {
  text-align: center;
  line-height: 50px;
}

.f-sprint-project-filter-todo-empty > span.text-muted,
.f-sprint-project-assigned-todo-empty > span.text-muted {
  font-size: 12px;
}

.f-cal-sprint-border-dark .gantt_default_event_inner,
.f-cal-sprint-border-dark .gantt_default_event_bar,
.f-cal-sprint-border-dark .calendar_default_alldayevent_inner,
.f-cal-sprint-border-dark .calendar_default_event_inner,
.f-cal-sprint-border-dark .scheduler_default_event_inner {
  border-bottom: solid 3px #414B5A !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.f-cal-sprint-border-success .gantt_default_event_inner,
.f-cal-sprint-border-success .gantt_default_event_bar,
.f-cal-sprint-border-success .calendar_default_alldayevent_inner,
.f-cal-sprint-border-success .calendar_default_event_inner,
.f-cal-sprint-border-success .scheduler_default_event_inner {
  border-bottom: solid 3px #52CE96 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.f-cal-sprint-border-info .gantt_default_event_inner,
.f-cal-sprint-border-info .gantt_default_event_bar,
.f-cal-sprint-border-info .calendar_default_alldayevent_inner,
.f-cal-sprint-border-info .calendar_default_event_inner,
.f-cal-sprint-border-info .scheduler_default_event_inner {
  border-bottom: solid 3px #408ADD !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.f-cal-sprint-border-warning .gantt_default_event_inner,
.f-cal-sprint-border-warning .calendar_default_alldayevent_inner,
.f-cal-sprint-border-warning .calendar_default_event_inner,
.f-cal-sprint-border-warning .gantt_default_event_bar,
.f-cal-sprint-border-warning .scheduler_default_event_inner {
  border-bottom: solid 3px #E89D20 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.f-cal-sprint-border-danger .gantt_default_event_inner,
.f-cal-sprint-border-danger .gantt_default_event_bar,
.f-cal-sprint-border-danger .calendar_default_alldayevent_inner,
.f-cal-sprint-border-danger .calendar_default_event_inner,
.f-cal-sprint-border-danger .scheduler_default_event_inner {
  border-bottom: solid 3px #EA5A81 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


.f-cal-sprint-border-success .calendar_default_event_bar_inner {
  background-color: #61CCB5;
}

.f-cal-sprint-border-info .calendar_default_event_bar_inner {
  background-color: #408ADD;
}

.f-cal-sprint-border-warning .calendar_default_event_bar_inner {
  background-color: #F8D74C;
}

.f-cal-sprint-border-dark .calendar_default_event_bar_inner {
  background-color: #414B5A;
}

.f-cal-sprint-border-danger .calendar_default_event_bar_inner {
  background-color: #EE8497;
}

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

.f-team-graph-container .select2-selection.select2-selection--multiple {
  padding: 4px;
}

.f-team-graph-container .select2-container .select2-search--inline .select2-search__field {
  margin-top: 3px;
}

.f-form-card {
  background-color: #FFFFFF;
  padding: 2.5rem 2.5rem;
  border-radius: 10px;
}

.f-select2-multiple-height-40 .select2-selection__rendered {
  padding: 4px 5px !important;
}

.f-iframe-preview {
  width: 100%;
}

.f-iframe-preview .f-toolbars.f-toolbar-top {
  top: 0;
}

.f-iframe-preview .f-toolbars.f-toolbar-bottom {
  bottom: 0;
}

#compta-page .f-iframe-preview .tab-content {
  border: 1px solid transparent !important;
}

.f-refresh-required-toolbar {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  text-align: center;
  padding-top: 20%;

  background-color: rgba(63, 83, 101, 0.4);
}

.f-iframe-preview .f-toolbars {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1022;

  width: 100%;
  padding: 5px;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  opacity: 0;
  background-color: #353A40;
  border-radius: 4px;
}

.f-iframe-preview .f-toolbars:hover,
.f-iframe-preview object:hover ~ .f-toolbars {
  opacity: 1;
}

.f-preview-alert {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1020;
  color: #FFFFFF;
  background-color: #F16796;
}

.badge-inverse-dark-light {
    background-color: rgba(63, 83, 101, 0.1);
    background-image: none;
    border-color: rgba(63, 83, 101, 0);
}


.f-theming .asColorPicker-wrap {
  width: 50%;
}

.f-grouped-card.card {
  position: relative;
  width: 100%;
}

.f-grouped-card.card,
.f-project-todo-category.card {
  border: 1px solid #DFE4E6;
  background: #F5F5F5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-grouped-card.card h6,
.f-project-todo-category.card h6 {
  font-size: .8125rem;
}

.f-grouped-card.card .card-body,
.f-project-todo-category.card .card-body {
  padding: .875rem;
}

.gu-transit {
  pointer-events: none;
}

.f-dagula-category-col {
  min-height: 100px;
}

.f-dagula-category-col:before {
  content: '';
  display: block;
  position: absolute;
  left: 7px;
  right: 7px;
  text-align: center;
  line-height: 100px;
  color: #9c9fa6;
  font-style: italic;
  font-size: .8rem;
}

.f-dagula-category-col:empty::before {
  content: url(/assets/img/icon-drop-here-arrow.svg) ' ' attr(data-placeholder);
}

.f-uploaded-file-name:empty::before {
  content: '';
  display: block;
  line-height: 150px;
  text-align: center;
  color: #9c9fa6;
  font-style: italic;
  font-size: .8rem;
  content:attr(data-placeholder);
}

.f-project-todo-categort-title {
  cursor: grab;
}

.f-grouped-rate-card-row td {
  position: relative !important;
}

.f-rate-car-move button {
  cursor: move !important;
  height: 20px !important;
  width: 20px !important;
}

.f-rate-car-move {
  position: absolute;

  top: -8px;
  left: -7px;

  z-index: 2;

  opacity: 0;

  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

#f-project_budget_settings_container .f-rate-car-move {
  top: -11px;
  left: -10px;
}

#f-project_budget_settings_container .f-pbs-rc-check-container {
  position: absolute;
  top: 17px;
  left: -10px;
  z-index: 2;
  opacity: 0;

  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.f-rate-car-move i {
  font-size: 12px;
}

.f-col-pbs-rate-card-row {
  position: relative;
}

.f-prcm-repeater .f-draggable {
  position: relative;
}

.f-prcm-repeater textarea {
    height: 100px !important;
}

.f-prcm-repeater .f-draggable:hover .f-rate-car-move,
.f-col-pbs-rate-card-row:hover .f-rate-car-move,
#f-project_budget_settings_container .f-col-pbs-rate-card-row:hover .f-pbs-rc-check-container,
.f-grouped-rate-card-row:hover .f-rate-car-move {
  opacity: 1;
}

.f-project-budget-settings-header.sticky-top {
  background: #F9F9FA;
}

.f-pbs-bu-row {
  border-bottom: solid 1px #ECEDF2;
}

.f-pbs-bu-row:last-child {
  border-bottom: none;
}

.f-col-pbs-right-decoration {
  border-right: solid 1px #D9D9D9;
}

.f-col-pbs-top-decoration {
  border-top: solid 1px #D9D9D9;
  padding-top: 8px;
}

.f-col-pbs-left-decoration {
  border-left: solid 1px #D9D9D9;
}

.f-white-space-normal {
  white-space: normal !important;
}

.f-col-pbs-rate-card-row input {
  padding: 0.5rem;
}

.f-pbs-rc-col {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
}

.f-pbs-rc-col:first-child {
  padding-left: 10px;
}

.f-col-pbs-rate-card-row .f-pbs-rc-col [data-toggle="f-help-popover"],
.f-col-pbs-rate-card-row .f-pbs-rc-col .f-pbs-delete-current-rate-content {
  margin-top: 7px;
}

.f-line-height-38 {
  line-height: 38px !important;
}

.f-line-height-34 {
  line-height: 34px !important;
}

.f-line-height-26 {
  line-height: 26px !important;
}

.f-line-height-25 {
  line-height: 25px !important;
}

.f-col-pbs-rate-card-row .f-rate-car-move {
  left: -35px;
}

.f-prcm-repeater .f-draggable:hover,
.f-col-pbs-rate-card-row.f-draggable:hover {
  cursor: grab;
}

.f-col-pbs-rate-card-row textarea {
  height: 100px !important;
}

.f-pbs-dragula-col {
  min-height: 54px;
}

.f-pbs-dragula-col:before {
  content:'';
  display: block;
  position: absolute;
  left: 7px;
  right: 7px;
  text-align: center;
  line-height: 54px;
  color: #9c9fa6;
  font-style: italic;
  font-size: .8rem;
}

.f-pbs-dragula-col::before {
  content:attr(data-placeholder);
}

.f-col-pbs-rate-cards {
  padding-left: 0px;
  padding-right: 10px;
}

.f-col-pbs-rate-cards .row {
  margin-left: 0;
  margin-right: 10px;
}

.f-pbs-dragula-col {
  background-color: transparent;

  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.f-pbs-dragula-col.highlight {
  background-color: #ECEFF0;
}

.f-pbs-mb-input {
  max-width: 150px;
}

.f-configure-todo-sharing .f-configure-todo-sharing-col {
  position: relative;
}

.f-configure-todo-sharing .f-configure-todo-sharing-col:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -23px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #ECEFF0;
  clear: both;
  margin-left: -10px;
}

.f-configure-todo-sharing td {
  background-color: #ECEFF0 !important;
  border-radius: 10px;
}

.f-invoice-credit-highlight,
.f-invoice-repeater .f-repeater-item.f-invoice-highlight,
.f-invoice-repeater .f-repeater-item.f-invoice-highlight.f-cancel-invoice-highlight,
.f-invoice-repeater .f-repeater-item:hover {
  background-color: rgba(25, 138, 227, 0.1);
}

.f-highlight-inverse-success,
.f-invoice-repeater .f-repeater-item.f-highlight-inverse-success,
.f-invoice-repeater .f-repeater-item.f-highlight-inverse-success.f-cancel-invoice-highlight {
  background-color: rgba(36, 207, 180, 0.1);
}

.f-badge-light {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-highlight-inverse-success.f-badge-light {
  background-color: rgba(36, 207, 180, 0.1) !important;
}

.f-invoice-credit-highlight .f-invoice-view-btn,
.f-invoice-repeater .f-invoice-highlight .f-invoice-view-btn {
  display: none;
}

.f-px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.f-invoice-repeater .f-repeater-item.f-cancel-invoice-highlight {
  background-color: #FEF7DB;
}

.f-is-emitted-invoice {
  position: relative;
}

.f-alert-input-container .alert-fill-danger,
.f-repeater-item .alert-fill-danger {
  position: absolute;
  top: -48px;
  left: 0;
  width: 100%;
}

.f-alert-input-container .alert-fill-danger:after,
.f-repeater-item .alert-fill-danger:after {
  content: '';
  position: absolute;
  left: 100px;
  bottom: -9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #fe7c96;
  clear: both;
  margin-left: -10px;
}

.f-alert-input-container input:focus,
.f-is-emitted-invoice input:focus {
  border-color: #fe7c96 !important;
}

.f-highlight-percent-input {
  border-color: #fe7c96 !important;
}

.tooltip-danger .tooltip-inner {
  background: none !important;
  background-color: #fe7c96 !important;
}

.form-control {
  color: #353A40 !important;
  border-color: #E1E7EA;
}

.f-form-control-lg {
  font-size: 34px;
  height: 64px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.f-form-control-lg.f-error,
.form-control.f-form-control-lg:focus,
input.form-control.f-form-control-lg:focus,
.f-form-control-lg:focus {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.f-form-control-lg::placeholder {
  font-size: 34px;
}

.f-input-lg-icon {
  font-size: 2.7rem;
}

.f-max-width-150,
.f-max-width.date {
  max-width: 150px;
}

.f-max-width-100 {
  max-width: 100px;
}

.f-max-width-200 {
  max-width: 200px;
}

.f-max-width-300 {
  max-width: 300px;
}

.f-max-width-350 {
  max-width: 350px;
}

.f-width-200px {
  width: 200px;
}

.f-width-100px {
  width: 100px;
}

.f-width-120px {
  width: 120px;
}

.f-input-group .input-group-append .input-group-text {
  padding: 0.7rem 0.75rem;
  font-size: .875rem;
}

.f-input-group .input-group-prepend + select + .select2 .select2-selection {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
}

.f-input-group.f-input-group-double .input-group-prepend + select + .select2 .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
}

/*#f_sprint_client_container .f-repeater-item,
#f_sprint_people_container .f-repeater-item,
.f-sprint-equipment-repeater-item {
  background-color: rgba(64, 138, 221, .1);
  border: solid 1px rgba(64, 138, 221, .3);
  border-radius: 5px;
}*/

#f_sprint_people_container .f-user-info-group .mt-4 {
  margin-top: 2px !important;
}

#f_sprint_people_container .progressbar-js-circle {
  border: none !important;
}

.f-priority-container .br-widget .br-current-rating {
  margin-top: 3px;
  color: #9c9fa6 !important;
}

.scheduler_default_event_move_right,
.scheduler_default_event_move_left {
  height: auto !important;
}

@media (max-width: 1440px) {
  .modal-dialog.modal-md,
  .modal-dialog.modal-md.f-modal-md-50 {
    margin: 20px !important;
    max-width: 100% !important;
  }
}

#f_projet_creation_form table:not(.f-furious-table-v2) tr,
#f_projet_creation_form table:not(.f-furious-table-v2) tr td,
.f-table-no-border tr td,
.f-table-no-border tr {
  border: none !important;
}

.card.f-rate-card-view {
  background-color: #FFFFFF !important;
}

#f_modal_cost_manager .f-item-cost-title {
  z-index: 2;
  position: relative;
  margin-bottom: -5px !important;
}

#f_modal_cost_manager .f-cost-modal-card {
  z-index: 0;
  position: relative;
}

.f-height-38 {
  height: 38px !important;
}

.f-height-40 {
  height: 40px !important;
}

.f-height-34 {
  height: 34px !important;
}

.f-height-25 {
  height: 25px !important;
}

.f-height-34 img {
  height: 34px !important;
  width: 34px !important;
  margin: 0 5px 0 0 !important;
}

#f_furious_purchase_form .f-project-cost-repeater .f-repeater-item,
#f_modal_cost_manager .f-project-cost-repeater .f-repeater-item {
  border-left: none !important;
}

#f_furious_purchase_form .f-project-cost-repeater .f-repeater-item:not(:first-child),
#f_modal_cost_manager .f-project-cost-repeater .f-repeater-item:not(:first-child) {
  padding-top: 24px !important;
  border-top: dashed 1px rgba(220, 220, 220, 0.50) !important;
}

table.f-no-border,
table.f-no-border tr,
table.f-no-border tr td,
.f-no-border {
  border: none !important;
}

.f-label {
  font-size: 0.875rem;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
  left: auto;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
  left: auto;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  top: auto;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  top: auto;
}

.dropdown-menu.datepicker-orient-top {
  margin: 0 0 0.125rem 0 !important;
}

.f-table-td-p-light td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.f-project-creation-tag-container .select2-selection.select2-selection--multiple {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}


.f-form .select2-selection.select2-selection--single {
  padding-top: 12px;
  padding-bottom: 12px;
  height: 40px !important;
  text-align: left !important;
}

.f-form .select2-selection.select2-selection--multiple {
  min-height: 40px !important;
  max-height: 40px !important;
  padding-top: 4px !important;
  /*padding-bottom: 4px !important;*/
  border-radius: 10px !important;
  text-align: left !important;
  overflow-y: scroll;
}

.f-form .select2-container--focus .select2-selection.select2-selection--multiple {
  max-height: 150px !important;
}

.f-select2-auto-height-container .select2-selection.select2-selection--multiple {
  height: auto !important;
}

.f-form .form-group-projet-sprint .select2-selection.select2-selection--multiple {
  height: auto !important;
  min-height: 40px !important;
}

.f-form .f-select-multiple-auto-height + .select2 .select2-selection.select2-selection--multiple {
  height: auto !important;
}

.f-form .f-select-multiple-auto-width + .select2.select2-container,
.f-form .f-select-multiple-auto-width + .select2 .select2-selection.select2-selection--multiple {
  width: auto !important;
  min-width: 200px !important;
}

#commerce-page .f-form .f-select-multiple-auto-width + .select2.select2-container,
#commerce-page .f-form .f-select-multiple-auto-width + .select2 .select2-selection.select2-selection--multiple {
  width: auto !important;
  min-width: 250px !important;
}

.f-form .f-select-multiple-auto-width-250 + .select2.select2-container,
.f-form .f-select-multiple-auto-width-250 + .select2 .select2-selection.select2-selection--multiple {
  width: auto !important;
  min-width: 250px !important;
}

.f-tache-col p img {
  max-width: 100% !important;
}

.f-tache-col .f-truncable-block-click *,
.f-tache-col .f-truncable-block * {
  max-height: none !important;
}

.f-ti-icon.btn-icon-prepend.mdi-36px {
  font-size: 1.5rem;
  font-weight: 900;
}

.f-italic {
  font-style: italic;
}

.f-bordered-card {
  border: none !important;
}

.f-bordered-card.border-danger {
  border-left: solid 5px #EE8497 !important;
}

.f-bordered-card.border-default {
  border-left: solid 5px #ebedf2 !important;
}

.f-bordered-card.border-success {
  border-left: solid 5px #61CCB5 !important;
}

#table-list-statistique .table-danger td,
#table-list-statistique .table-danger,
#table-list-statistique .table-success td,
#table-list-statistique .table-success {
  background: none !important;
  border-color: #ebedf2 !important;
}

#table-list-statistique tbody tr {
  position: relative;
}

#table-list-statistique tbody tr:after {
    /*content: '';
    display: block;
    width: 100%;
    height: 15px;
    background-color: #ebedf2;
    position: absolute;
    left: 0;*/
}

#table-list-statistique tbody tr:first-child:after {
  display: none;
}

#table-list-statistique .table-danger td:first-child {
  border-left: solid 10px #EE8497 !important;
}


#table-list-statistique .table-success td:first-child {
  border-left: solid 10px #61CCB5 !important;
}

#projet_creation-page .btn.delete-current-rate-content,
#compta-page .btn.delete-current-rate-content {
  padding-left: 10px;
  padding-right: 10px;
}

#achats-table td,
#table-list-statistique td {
  white-space: normal;
}

.f-max-width-475 {
  max-width: 475px !important;
}

#projet_creation-page .btn.delete-current-rate-content i,
#projet_creation-page .btn.add-new-rate-card-style-content i,
#projet_creation-page .btn.add-new-rate-model i,
#projet_creation-page .btn.add-new-rate-content i,
#compta-page .btn.delete-current-rate-content i,
#compta-page .btn.add-new-rate-card-style-content i,
#compta-page .btn.add-new-rate-model i,
#compta-page .btn.add-new-rate-content i {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 1368px) {
  .f-generic-sidebar-content #user-apply-form .f-candidate-form-cv-actions-container button span.f-btn-text {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .mt-2-sm {
    margin-top: 10px;
  }

  .mb-sm-2 {
    margin-bottom: 10px;
  }
  .mt-sm-2 {
    margin-top: 10px;
  }

  .f-client-status-manager .f-client-status,
  .f-client-status-manager .f-client-status li {
    display: block !important;
  }

  .f-client-status-manager .f-client-status li a:before,
  .f-client-status-manager .f-client-status li a:after,
  .f-client-status-manager .f-client-status li:before {
    display: none !important;
  }

  #f-col-preview {
    display: none !important;
  }

  .f-hide-on-mobile {
    display: none !important;
  }

  .f-align-item-center-sm {
    align-items: center !important;
  }
}

.f-schedule-header .f-schedule-filters {
  position: relative;
  top: -10px;
}

.planning-custom-item .btn {
  font-size: 11px;
  font-weight: initial;
  line-height: 1;
  padding: .375rem .5625rem;
}

.f-width-25 {
  width: 25px;
}

.popover.show {
  z-index: 20000;
}

#table-list-statistique_length .custom-select {
  min-width: 70px;
}

.multi-update-container {
  width: 30px !important;
}

.multi-update-container .form-check-label{
  display: list-item;
}

.f-table-loader {
  position: relative;
}

.f-opacity-animate table,
.f-opacity-animate .f-statistique-datatable {
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-opacity-animate.f-show table,
.f-opacity-animate.f-show .f-statistique-datatable {
  opacity: 1;
}

.f-opacity-animate.f-show .f-table-loader {
  display: none;
}

.dataTables_wrapper .dataTable .btn.btn-sm {
  padding: 0.5rem 0.81rem !important;
}

.dataTables_wrapper .dataTable .btn.f-btn-h32 {
  padding: 5px 6px !important;
}
.dataTables_wrapper .dataTable .btn.f-btn-h32 i {
  position: relative;
  top: 2px;
}

.dataTables_wrapper .dataTable .btn.f-btn-40 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.dataTables_wrapper .dataTable .btn.f-btn-h40 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.table-fixed-header thead th {
  background-color: #FFFFFF;
}

.f-select-operator + .select2.select2-container {
  min-width: 85px;
}

.f-select-last-update + .select2.select2-container {
  min-width: 120px !important;
}

.f-configure-todo-sharing .f-no-decoration td:before,
.f-configure-todo-sharing .f-no-decoration td:after {
  display: none;
}

.f-btn-38 {
  width: 38px !important;
  height: 38px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 10px !important;
  text-align: center;
}

.f-btn-40 {
  width: 40px !important;
  height: 40px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 9px !important;
  text-align: center;
}

.f-btn-35 {
  width: 35px !important;
  height: 35px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 9px !important;
  text-align: center;
}

a.f-btn-40 {
  padding-top: 11px !important;
}

.f-btn-52 {
  width: 52px !important;
  height: 52px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 16px !important;
  text-align: center;
}

.f-btn-52 i {
  font-size: 1.25rem;
}

.f-btn-h40 {
  height: 40px !important;
  padding: 11px 12px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: .6875rem;
  text-align: center;
}

.f-btn-h36 {
  height: 36px !important;
  padding: 9px 12px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: .6875rem;
  text-align: center;
}

.f-btn-h40:has(.f-dropdown-tooltip){
  padding:0;
}

.f-btn-h40 .f-dropdown-tooltip{
  padding: 11px 12px;
}

.f-btn-h20 {
  height: 20px !important;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  padding: 2px 8px !important;
  border-radius: 3px !important;
  font-size: 10px;
}

.f-btn-h32 {
  height: 32px !important;
  padding: 7px 10px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

.f-badge-light.f-btn-h32 {
  padding: 7px 10px !important;
}

.f-btn-h25 {
  height: 25px !important;
  padding: 4px 10px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: .625rem;
  text-align: center;
  border-radius: 5px;
}

.f-btn-h25 .f-btn-text {
  position: relative;
  top: -2px;
}

.f-btn-h32 .f-btn-text {
  position: relative;
  top: -2px;
  margin-left: 3px;
}

.f-btn-h40 .f-btn-text {
  position: relative;
  top: -2px;
}

.f-btn-h16 {
  height: 16px !important;
  padding: 0px 2px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: .575rem;
  text-align: center;
  border-radius: 3px;
}

.f-btn-h16 i:before {
  font-size: .625rem;
  height: 16px !important;
  top: -2px;
  position: relative;
}

.f-btn-h16 .f-btn-text {
  top: -2px;
  position: relative;
}

#f_cost_list_board_filter a.f-btn-h40 .f-btn-text {
  position: relative;
  top: 2px;
}

.f-btn-56 {
  width: 56px !important;
  height: 56px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 15px !important;
  text-align: center;
}

.f-btn-56 i {
  font-size: 1.5rem;
}

.f-btn-16 {
  width: 16px !important;
  height: 16px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
  text-align: center;
}

.f-btn-16 i {
  font-size: 10px;
}

.f-form-card {
  -webkit-box-shadow: 0px 3px 6px #00000029 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
}

.f-btn-shadow {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
}

.btn-inverse-dark-light:not(:hover) i {
  color: #586C85;
}

.btn-inverse-dark-light.active i {
  color: #FFFFFF !important;
}

@media screen and (max-width: 768px) {
  .f-hompepage-top-navbar {
    margin-left: 2px !important;
  }

  .f-width-md-34 {
    width: 34px !important;
    height: 34px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
  }

  .modal-dialog.modal-md,
  .modal-dialog.modal-md.f-modal-md-50 {
    margin: 20px auto !important;
    max-width: 95% !important;
  }

  #f_modal_cost_manager_form .f-project-cost-cost-container {
    display: block !important;
  }

  #f_modal_cost_manager_form .f-project-cost-cost-container .f-project-cost-group-vat {
    margin: 5px 0 !important;
  }

  #f_modal_cost_manager_form .f-project-cost-cost-container .f-project-cost-group-vat .f-project-cost-group-vat-content {
    flex-wrap: nowrap !important;
    display: block !important;
    height: auto !important;
  }

  #f_modal_cost_manager_form .f-project-cost-cost-container .f-project-cost-group-vat > .input-group.f-height-38 {
    height: auto !important;
  }

  #f_modal_cost_manager_form .f-project-cost-cost-container .f-project-cost-group-vat .f-group-vat-percent {
    margin-top: 5px !important;
  }

  .ui-resizable-handle {
    display: none !important;
  }
}

@media screen and (max-width: 425px) {
  .f-width-100-sm {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .f-width-100-sm button {
    width: 100% !important;
  }

  #f_help_center {
    display: none !important;
  }
}

.select2-selection.select2-selection--single .select2-selection__rendered {
  /*color: #c9c8c8 !important;*/
  color: rgb(52, 58, 64) !important;
}

#invoice-table thead tr th {
  background-color: #FFFFFF;
}

#invoice-table tbody td {
  white-space: normal;
  word-break: break-word;
}

#f-sprint-project-todo-result-container img.img-sm,
#f-sprint-project-assigned-todo-container img.img-sm {
  display: none;
}

.f-lg-popover {
  min-width: 500px !important;
}

.bubble-time img {
  margin: 0 !important;
  width: 30px !important;
  height: 30px !important;
}

.f-bubble-description p {
  font-size: .8rem;
  margin: 0 !important;
}

.f-bubble-time-range span:hover {
  background-color: #DFF5F0 !important;
  color: #61CCB5 !important;
}

.modal-header .close {
  padding: 0 .5rem !important;
}

.modal-header .close {
  margin: -5px -14px -25px auto;;
}

#f_modal_proposal_addon .modal-header .close {
  margin: -17px -14px -25px auto;;
}

.modal-content .close span,
.modal-header .close span {
  content: url("/assets/img/icon-close-md.svg");
  color: #94979A !important;
  display: block;
}

.f-text-muted-2 {
  color: #94979A;
}

#f_modal_cost_manager_form input.f-free-vat,
#f_modal_cost_manager_form input.f-vat-amount {
  padding-left: 10px;
  padding-right: 10px;
}

.f-project-cost-cost-container .f-project-cost-group-ht {
  order: 1;
}

.f-project-cost-cost-container .f-project-cost-group-vat {
  order: 2;
}

.f-project-cost-cost-container .f-project-cost-group-ttc {
  order: 3;
}

.f-project-cost-cost-container .f-project-cost-currency-container {
  order: 4;
}

.f-widget-settings-dropdown-btn {
  z-index: 10;
  position: absolute;
  right: 17px;
  top: 20px;
}

.grid-stack-item .f-widget-settings-btn {
  z-index: 10;
  position: absolute;
  right: 35px;
  top: 10px;
}

.grid-stack-item {
  transition: top 0.2s ease, left 0.2s ease;
  top: 0;
}

#f_widget_settings_container {
  width: 400px !important;
}

.f-widget-move-btn {
  z-index: 90;
  position: absolute;
  left: calc(50% - 12px);
  top: -12px;
  cursor: grab !important;
}

.ui-resizable.ui-resizable-autohide .f-widget-move-btn,
.ui-resizable.ui-resizable-autohide .f-widget-settings-btn,
.ui-resizable.ui-resizable-autohide .f-widget-navigation-item,
.ui-resizable.ui-resizable-autohide .f-widget-settings-dropdown-btn,
.ui-resizable.ui-resizable-autohide .f-widget-delete-btn,
.ui-resizable.ui-resizable-autohide .f-widget-actions-btn {
  display: none !important;
}

.ui-draggable-disabled.ui-resizable.ui-resizable-autohide .f-widget-navigation-item {
  display: none !important;
}

.f-widget-section-bg-color-btn {
  display: none;
}

.grid-stack-item:hover .f-widget-settings-btn,
.grid-stack-item:hover .f-widget-navigation-item,
.ui-resizable .f-widget-settings-btn,
.ui-resizable .f-widget-move-btn,
.grid-stack-item:hover .f-widget-settings-dropdown-btn,
.ui-resizable .f-widget-settings-dropdown-btn,
.grid-stack-item:hover .f-widget-section-bg-color-btn,
.ui-resizable .f-widget-section-bg-color-btn {
  display: block !important;
}

.swal-modal .btn-danger:hover {
  background-color: #EC637A;
}

#table-list-commerce tbody tr {
  cursor: pointer;
}

.f-rate-card-model-list-search-table tbody tr:not(.f-tr-group):hover td,
.f-rate-card-model-list-search-table tbody tr.f-checked td,
#table-list-commerce tbody tr:hover td {
  background: #D9E8F8;
}

.f-rate-card-model-list-search-table tbody tr.f-tr-group {
  background: rgba(63, 83, 101, .05);
}

.f-add-dashboard-widget-btn:focus,
.f-add-dashboard-widget-btn:active,
.f-add-dashboard-widget-btn:hover,
.f-select-dashboard-pattern:hover,
.f-select-dashboard-pattern:focus,
.f-select-dashboard-pattern:active,
.f-select-dashboard-pattern.active {
  background: #F3F2F2 !important;
}

.f-project-cost-group-vat .f-vat-select {
  min-width: 50px !important;
}

#projet-gantt-filter-form .select2-selection--single {
  width: 100%;
}
#projet-gantt-filter-form .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

.image-grouped {
  display: flex;
}

.image-grouped .text-avatar,
.image-grouped img {
  border-radius: 100%;
  margin-left: -10px !important;
  z-index: 0;
  border: 4px solid #FFFFFF;
  transform: scale(1);
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: "box-shadow", "z-index", "transform", "border-width";
}

.image-grouped-sm {
  margin-left: 15px;
}

.image-grouped-sm img {
  margin-left: -15px !important;
}

.image-grouped img {
  width: 35px;
  height: 35px;
}

.image-grouped img:first-child {
  margin-left: 0;
}

.image-grouped img:hover {
  z-index: 1;
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.5);
  transform: scale(1.05);
  border-width: 0;
}

.image-grouped .text-avatar {
  font-size: 11px;
  font-weight: 600;
}

.btn i.fa.mdi-36px {
  font-size: 36px;
}

.f-pipe-next,
.f-previous-next {
  z-index: 0;
  height: 100vh;
}

.f-pipe-previous a.btn,
.f-pipe-next a.btn {
  width: 20px !important;
  height: 100%;
  min-height: 200px;
  padding: 0;
}

.f-pipe-next a.btn:hover:after {
  border-left-color: #E1E7EA;
}


.f-pipe-next a.btn:hover:before {
  border-left-color: #353A40;
}

.f-pipe-next a.btn:after {
  border-top: 46px solid transparent;
  border-bottom: 47px solid transparent;
  border-left: 12px solid #353A40;
  top: calc(50% - 23px);
  right: 4px;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  z-index: 1;
}

.f-pipe-next a.btn:before {
  position: absolute;
  top: calc(50% - 23px);
  width: 0;
  height: 0;
  content: "";
  border-top: 46px solid transparent;
  border-bottom: 46px solid transparent;
  right: 5px;
  z-index: 3;
  border-left-color: #E1E7EA;
  border-left-style: solid;
  border-left-width: 12px;

  transition: all .150s ease-in-out;
}

.f-pipe-previous a.btn:after {
  border-top: 46px solid transparent;
  border-bottom: 47px solid transparent;
  border-right: 12px solid #353A40;
  top: calc(50% - 23px);
  left: 4px;
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  z-index: 1;
}

.f-pipe-previous a.btn:before {
  position: absolute;
  top: calc(50% - 23px);
  width: 0;
  height: 0;
  content: "";
  border-top: 46px solid transparent;
  border-bottom: 46px solid transparent;
  left: 5px;
  z-index: 3;
  border-right-color: #E1E7EA;
  border-right-style: solid;
  border-right-width: 12px;

  transition: all .150s ease-in-out;
}

.f-pipe-previous a.btn:hover:after {
  border-right-color: #E1E7EA;
}

.f-pipe-previous a.btn:hover:before {
  border-right-color: #353A40;
}

.f-bg-inverse-danger {
  background-color: #FFEEF4 !important;
  color: rgb(52, 58, 64) !important;
}

.card.f-bg-inverse-danger .card-body {
  background-color: #FFEEF4 !important;
}

.card.f-bg-inverse-success .card-body {
  background-color: #D9F6F0 !important;
}

select.form-control {
  color: rgb(52, 58, 64) !important;
}

.select2-dropdown {
  z-index: 3000 !important;
}

#f_rh_page .table-responsive {
  overflow: scroll;
}

.f-ready-remove {
  position: relative;
}

.f-ready-remove:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;

  background: rgba(255, 255, 255, .9);
}

.f-ready-remove .f-ready-remove-form {
  position: absolute;
  top: 50%;
  margin-top: -34px;
  z-index: 2;
  width: 100%;
}

.f-ready-remove-budget-regulation-input-container label {
  margin-bottom: 0;
}

.f-ready-remove-budget-regulation-input-container div.form-check {
  margin-top: .4rem !important;
}

.gantt_default_rowheader.gantt_default_row_new {
  height: 35px !important;
}

.f-gantt-zoom-15 .gantt_default_task_group {
  height: 15px !important;
}

.f-gantt-zoom-25 .gantt_default_task_group {
  height: 20px !important;
}

.f-gantt-zoom-75 .gantt_default_task_group {
  height: 30px !important;
}

.f-gantt-zoom-100 .gantt_default_task_group {
  height: 35px !important;
}

#gantt .gantt_default_rowheader_inner {
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

#gantt .gantt_default_rowheader {
  background: none !important;
}

#gantt .gantt_default_rowheader_inner.f-highlight {
  background-color: rgba(36, 207, 180, 0.1) !important;
}

.f-gantt-zoom-25 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div {
  line-height: 20px !important;
  margin-top: -2px !important;
}

.f-gantt-zoom-25 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div a {
  margin-top: -2px !important;
}

.f-gantt-zoom-25 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children {
  top: 3px !important;
}

.f-gantt-zoom-15 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div {
  line-height: 15px !important;
  font-size: 10px !important;
  margin-top: -2px !important;
}

.f-gantt-zoom-15 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div a {
  margin-top: -2px !important;
}

.f-gantt-zoom-15 #gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children {
  top: 0px !important;
}

.gantt_default_tree_image_no_children {
  display: none;
}

.scheduler_default_timeheader_float_inner,
.gantt_default_timeheader_float_inner {
  text-transform: capitalize !important;
}

#f_help_center {
  width: 500px;

  position: fixed;
  top: 90px;
  right: -500px;
  bottom: 0;

  transition: right .2s ease-in-out;

  background-color: #E0E3E6;
}

#f_help_center.show {
  right: 0px;

  z-index: 11;

  -webkit-box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
}

.sidebar-toggle-display nav.sidebar {
  -webkit-box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
  box-shadow: 7px 0px 80px -9px rgba(0, 0, 0, 0.15);
}

.sidebar-toggle-display.sidebar-hidden nav.sidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#f_help_center.show #f_help_center_btn {
 z-index: 5;
}


#f_help_center_btn {
  display: none !important;
  position: absolute;
  top: 25px;
  outline: none !important;

  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;

  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left: -45px;
  height: 40px !important;

}

#f_help_center_btn i.mdi-chevron-left {
  margin-right: 0;
}

#f_help_center_btn.show {
  opacity: 1;
}

.f-help-center-video-list-container {
  overflow-y: scroll;
  max-height: 100%;
}

.border-left-primary {
  border-left: solid 1px #b66dff;
}

video {
  outline: none;
}

.f-video-modal-btn {
  cursor: pointer;
  position: relative;
}

.f-video-modal-btn .f-copy-clipboard-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}

.tab-content.f-video-modal-btn {
  border-radius: 10px;
}

.tab-content.f-video-modal-btn:hover {
  border-color: #408ADC !important;
}

.f-video-modal-btn-pdf {
  cursor: pointer;
}

.tab-content.f-video-modal-btn-pdf {
  border-radius: 10px;
}

.tab-content.f-video-modal-btn-pdf:hover {
  border-color: #408ADC !important;
}

.wizard > .content {
  background: white !important;
}

.flip-square-loader.flip-square-loader-sm {
  width: 50px;
  height: 50px;
}

.flip-square-loader-sm.flip-square-loader-sm:before {
  width: 25px;
  height: 25px;
  left: 12.5px;
  top: 12.5px;
}

.f-hover-move {
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-hover-move-toggle:hover .f-hover-move {
  opacity: 1;
}

.f-projet-todo-media-preview-container,
.f-projet-todo-media-container {
  position: relative;
  z-index: 1;
}

.f-projet-todo-media-preview-container img,
.f-projet-todo-media-container .f-projet-todo-media-layer img {
  width: 100%;
}

.f-projet-todo-media-container .f-projet-todo-pin-layer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;

  z-index: 10;
}

.f-projet-todo-media-container .f-projet-todo-action-layer {
  position: absolute;
  top: 10px;
  right: 10px;

  z-index: 20;
}

.f-projet-todo-pin-layer {
  cursor: pointer;
}

.f-projet-todo-media-preview-container .f-pin,
.f-projet-todo-pin-layer .f-pin {
  position: absolute;
}

.f-projet-todo-pin-layer .f-pin:hover {
  cursor: grab;
}

.f-pin.highlight,
.f-pin-todo.highlight i.f-marker-icon {
  color: #b66dff !important;
}

.f-projet-todo-media-todo-container .f-pin-todo:last-child {
  margin-bottom: 0 !important;
}

.f-projet-todo-media-todo-container {
  overflow-y: scroll !important;
}

.f-projet-todo-pin-layer:empty::before {
  content: attr(data-empty);
  display: block;
  position: absolute;
  background: rgba(65, 75, 90, .6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  color: white;
  text-align: center;

  padding-top: 50px;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  opacity: 0;
}

.f-projet-todo-pin-layer:empty::before {
  opacity: 1;
}

.f-generic-rate-card-form-container .main-tr-rate .twitter-typeahead input,
#compta-page .main-tr-rate .twitter-typeahead input {
  top: 0 !important;
}

.f-generic-rate-card-form-container .main-tr-rate label,
#compta-page .main-tr-rate label {
  min-height: 20px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(1),
#compta-page .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(1) {
  width: 30% !important;
  white-space: normal;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(2),
#compta-page .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(2) {
  width: 15% !important;
  white-space: normal;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(3),
#compta-page .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(3) {
  width: 15% !important;
  white-space: normal;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(4),
#compta-page .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(4) {
  width: 15% !important;
  white-space: normal;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(5),
#compta-page .f-grouped-rate-card-row .f-table-in-table .main-tr-rate:nth-child(1) td:nth-child(5) {
  width: 25% !important;
  white-space: normal;
}

.f-generic-rate-card-form-container table.table-responsive-scroll,
#compta-page table.table-responsive-scroll {
  border-collapse: separate;
  border-spacing: 0 30px;
}

@media screen and (max-width: 425px) {
  .f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table,
  #compta-page .f-grouped-rate-card-row .f-table-in-table {
    min-width: 768px !important;
  }

  .table-responsive-scroll {
    overflow-x: scroll !important;
    display: block;
    width: 100%;
  }
}

.f-skills-availability-datatable td {
  white-space: normal;
}

.timeline .timeline-wrapper .timeline-panel.f-is-internal-comment:before {
  background: #fe7c96 !important;
}

.timeline .timeline-wrapper .timeline-panel.f-is-internal-comment .f-internal-comment-container img.img-sm {
  width: 25px !important;
  height: 25px !important;
}

.f-project-todo-spent-time-summary-container {
  max-height: 600px !important;
  overflow-y: scroll;
}


#rate_card-page .f-config-form textarea {
  min-height: 100px !important;
}

.swal-button.btn-primary:hover {
  background-color: #a347ff !important;
  border-color: #9d3aff !important;
}

.f-select2-min-width-200 .select2.select2-container {
  min-width: 200px !important;
}

.timeline .timeline-wrapper .timeline-panel .timeline-footer .f-btn-25 i {
  font-size: 1rem !important;
}

.timeline .timeline-wrapper .timeline-panel .timeline-footer {
  margin-top: .5rem !important;
}

.popover .f-projet-todo-inline-edit-comment-btn {
  display: none;
}

.f-invoice-overview-list-total-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #353A40;
  z-index: 10;
  color: #FFFFFF;
  padding: 10px !important;
  line-height: 35px;
}

#compta-page .f-invoice-overview-list-total-container {
  bottom: -13px;
  border-radius: 4px !important;
}

.f-btn-light i,
.f-btn-light {
  font-size: .735rem !important;
}

.f-rate-card-manager-container .f-schedule-filters i:before {
  background: transparent !important;
}

/*.select2-search--inline {
    display: contents;
}

.select2-search__field:placeholder-shown {
  width: 100% !important;
}*/

.select2-container li:only-child,
.select2-container input:placeholder-shown {
  width: 100% !important;
}

.multi-update-form-row-container .select2-container .select2-search--inline .select2-search__field {
  margin-top: 3px !important;
}

.f-furious-settings-menu-item {
  font-family: "ubuntu-medium", sans-serif !important;
  color: rgba(62, 75, 91, .7) !important;
  border-color: transparent !important;
}

.f-furious-settings-menu-item:not(:hover):not(.active) {
  background: transparent !important;
}

.f-furious-settings-menu-item:hover,
.f-furious-settings-menu-item:focus,
.f-furious-settings-menu-item:active,
.f-furious-settings-menu-item.active {
  box-shadow: none !important;
  background: rgba(25, 138, 227, 0.2) !important;
  color: #198ae3 !important;
}

.f-opacity-0 {
  opacity: 0 !important;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-scroll-to {
  opacity: 1;
}

.f-scroll-to-container.sticky {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  left: 50%;
  margin-left: -42px;
}

#rh_apply-page .f-scroll-to-container.sticky {
  bottom: 20px;
}

.fr-element.fr-view {
  white-space: normal !important;
}

.fr-box.fr-basic {
  cursor: initial;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "Material Design Icons" !important;
}

.sli[class^="icon-"]:before, .sli[class*=" icon-"]:before {
  font-family: 'simple-line-icons' !important;
}


.vakata-context,
.vakata-context ul {
  background: #FFFFFF !important;
  box-shadow: none !important;
  border: solid 1px #ebedf2 !important;
}

.vakata-context li>a .vakata-contextmenu-sep {
  border-left: solid 1px #ebedf2 !important;
}

.vakata-context .vakata-context-hover>a,
.vakata-context li>a:hover {
  background-color: rgba(25, 138, 227, 0.2) !important;
  box-shadow: none !important;
}

.f-width-250px {
  width: 250px !important;
}

.f-large-popover {
  min-width: 600px !important;
}

.swal-text {
  word-break: break-word !important;
}

.f-swal-no-break .swal-text {
  word-break: break-word !important;
}

.f-video-modal-btn.f-seen {
  background-color: #ebedf2 !important;
}

.f-video-modal-btn.f-seen h5 {
  color: #9c9fa6 !important
}

.f-video-modal-btn.f-seen img {
  position: relative;
}

.f-video-modal-btn-pdf.f-seen {
  background-color: #ebedf2 !important;
}

.f-video-modal-btn-pdf.f-seen h5 {
  color: #9c9fa6 !important
}

.f-video-modal-btn-pdf.f-seen img {
  position: relative;
}

.f-onboarding-container .f-onboarding-close-btn .mdi:before {
  background: transparent url(/assets/img/icon-close-white.svg) no-repeat;
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  background-position: center;
  background-size: cover;
}

.f-onboarding-container.open .f-onboarding-close-btn .mdi:before {
  background-image: url(/assets/img/icon-close-dark-2.svg);
}

.f-onboarding-container .f-onboarding-item[f-state="todo"] .f-onboarding-item-number {
  background: transparent url(/assets/img/onboarding-item-bg-off.svg) no-repeat;
}

.f-onboarding-container .f-onboarding-item[f-state="done"] .f-onboarding-item-number {
  background: transparent url(/assets/img/onboarding-item-bg-on.svg) no-repeat;
}

.f-onboarding-container .f-onboarding-item[f-state="todo"] .f-onboarding-item-state {
  background: rgba(53, 58, 64, 0.1) url(/assets/img/icon-arrow-from.svg) no-repeat;
  background-position: center;
}

.f-onboarding-container .f-onboarding-item[f-state="done"] .f-onboarding-item-state {
  background: transparent url(/assets/img/icon-check-roudned-green.svg) no-repeat;
  background-position: center;
}

.f-box-shadow {
  -webkit-box-shadow: 0px 3px 6px #0000000F;
  box-shadow: 0px 3px 6px #0000000F;
}

.accordion .card {
  -webkit-box-shadow: 0px 5px 8px #00000029;
  box-shadow: 0px 5px 8px #00000029;
  border-radius: 10px;
  margin-bottom: 0;
}

.accordion .card:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.f-faq-section-header {
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 8px #00000029;
  box-shadow: 0px 5px 8px #00000029;
}

.f-faq-project_list .f-faq-items .f-faq-section-header {
  cursor: pointer;
}

.accordion .card:last-child {
  margin-bottom: 1.5rem;
}

.f-event-settings-events-container {
  background-color: #ECEFF0 !important;
  padding: 18px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f-event-settings-events-container .f-event-settings-events-item-icons .text-info {
  color: #353A40 !important;
  vertical-align: middle;
  margin-right: 2px;
}

.f-event-settings-events-container .f-new-event-settings-btn span,
.f-event-settings-events-container .f-new-event-settings-btn i {
  vertical-align: middle;
}

.f-rounded-btn-20 {
  height: 20px !important;
  width: 20px !important;
  padding: 4px !important;
  border-radius: 100%;
}

.f-event-settings-events-item {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none !important;
  padding: 21px 15px;
}

.f-event-settings-events-item-state {
  cursor: pointer;
}

.f-event-settings-events-item-state .badge {
  border: none !important;
}


.f-event-settings-events-item-state-1:hover .badge-success,
.f-event-settings-events-item-state-0:hover .badge-danger {
  display: none !important;
}

.f-event-settings-events-item-state-1:hover .badge-danger,
.f-event-settings-events-item-state-0:hover .badge-success {
  display: inline-block !important;
}

.f-event-settings-events-item-icons {
  width: 18px;
}

.f-modal-event-settings-form-content .select2-selection--multiple {
  height: 38px !important;
}

.f-modal-event-settings-form-content .f-group-modele .select2-selection--single {
  padding: 10px 3px;
}

.navbar .tt-menu .tt-dataset {
  max-height: 350px !important;
  overflow-y: scroll !important;
}

.wizard > .content > .body input.select2-search__field {
  border: none;
}

.f-form-tags .select2-search__field:placeholder-shown {
  width: 100% !important;
}

#f_faq_main_filters .f-form .select2-selection.select2-selection--multiple {
  padding-top: 3px !important;
  padding-bottom: 5px !important;
}

.f-hide-modal:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5;
  z-index: 1050 !important;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-swal-open .introjs-overlay,
.f-swal-open .introjs-helperLayer,
.f-swal-open .introjs-tooltipReferenceLayer {
  display: none;
}

.f-swal-open .introjs-showElement {
  z-index: 4000!important;
}

.sidebar-icon-only .main-panel .content-wrapper {
  padding-bottom: 100px !important;
}

.sidebar-icon-only .main-panel .content-wrapper.no-wrapper-bottom {
  padding-bottom: 0px !important;
}

.f-project-type.disabled {
  border-color: rgba(62, 75, 91, 0.2) !important;
  color: rgba(62, 75, 91, 0.2) !important;
  background: transparent !important;
}

.f-project-type:not(.active) {
  opacity: .5;
}

.f-light-range-slider.irs--flat .irs .irs-single {
  top: 26px;
  z-index: 30;
}

.f-light-range-slider.irs--flat .irs .irs-single:before {
  display: none;
}

.f-light-range-slider.irs--flat {
  margin-top: -20px;
}

.f-bg-inverse-success {
  background-color: #D9F6F0 !important;
}

.f-bg-inverse-primary {
  background-color:rgba(63, 83, 101, .1) !important;
}

.f-bg-inverse-dark {
  background-color: rgba(62, 75, 91, 0.2) !important;
}


.f-hourglass .clock{
  background: transparent;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: clock 5s ease-in-out infinite;
}

.f-hourglass .cup{
  background: rgba(86,109,137,0.2);
  height: 40%;
  width: 40%;
  border-radius: 50% 50% 0 0/ 100% 100% 0 0;
  overflow: hidden;
}

.f-hourglass .top{
  transform: rotate(180deg);
}

.f-hourglass .sand{
  background: #353A40;
  height: 150%;
  width: 150%;
  transform-origin: 0% 0%;
  animation: sand 5s linear infinite -2.5s;
}

.f-hourglass .delayed{
  animation-delay: 0s;
}


@keyframes clock{
  0%{
    transform: rotate(0deg)
  }
  25%,50%{
    transform: rotate(180deg)
  }
  75%{
    transform: rotate(360deg);
  }
  100%{
    transform: rotate(360deg);
  }
}


@keyframes sand{
  0%,100%{
    border-radius: 5%;
    transform: translate(35%,20%) rotate(45deg);
  }
  15%{
    border-radius:40%;
    transform: translate(0%,35%) rotate(-65deg) scale(1.5,1.5);
  }
  25%{
    border-radius:20%;
    transform: translate(-15%,35%) rotate(-90deg) scale(1.2,1.2);
  }
  50%{
    border-radius:5%;
    transform: translate(0%,0%) rotate(-90deg) scale(1,1);
    opacity: 1;
  }
  50.01%,64.99%{
    opacity: 0;
  }
  65%{
    border-radius:35%;
    transform: translate(20%,50%) rotate(30deg);
    opacity: 1;
  }
  75%{
    border-radius:10%;
    transform: translate(35%,40%) rotate(45deg);
  }
}

.f-board-head-progress-container {
  display: inline-block;

  top: 3px;
  position: relative;

  width: 150px;
  height: 6px;

  background-color: #f8f9fa;

  border-radius: 12px;

  font-size: 80%;
  z-index: 0;
}

.f-board-head-progress-bar.bg-dark-light {
  background-color: #919AA3 !important;
}

.f-board-head-progress-container .f-board-head-progress-value {
  position: absolute;
  z-index: 10;

  top: -13px;
  right: 0;
  color: #343A40;
}

.f-board-head-progress-container .f-board-head-progress-bar {
  position: absolute;
  height: 6px;
  border-radius: 12px;

  z-index: 5;

  background-color: rgba(182, 109, 255, .3);
}

.f-btn-10 {
  height: 10px !important;
  width: 10px !important;
  padding: 0 !important;
}

.f-btn-10-30 {
  height: 10px !important;
  width: 30px !important;
  padding: 0 !important;
}

.f-btn-30-10 {
  height: 30px !important;
  width: 10px !important;
  padding: 0 !important;
}

.f-btn-10 i {
  font-size: 6px;
}

.f-btn-10-30 i {
  font-size: 10px;
  top: -1px;
  position: relative;
}

.f-btn-30-10 i {
  font-size: 10px;
  left: -1px;
  position: relative;
}

.f-rate-card-table-view-row:hover {
  background: rgba(195, 189, 189, 0.2);
}

.f-rate-card-table-view-row td:first-child {
  position: relative;
  padding-left: 25px !important;
}

.f-rate-card-table-view-row .f-rate-card-table-view-row-move {
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  left: 0;
}

.f-rate-card-table-view-row .f-rate-card-table-view-row-move .btn {
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  height: 100%;
  cursor: grab;
}

.f-proposal-rate-card-table-view-container .table thead th i {
  margin-left: auto !important;
}

.f-p-5 {
  padding: 5px !important;
}

.f-invoice-compta-split-repeater .select2.select2-container .select2-selection.select2-selection--single {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.f-height-38-select  .select2.select2-container .select2-selection {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.f-tr-highligh-hover:hover {
  background-color: rgba(63, 83, 101, .05) !important;
}

.f-filter-form .select2 .select2-selection{
  background: #E2E7EA;
  color: rgba(63, 83, 101, 1);
}

.f-card-board-container td {
  background: #EBEDEF;
}

.f-card-board-container table:not(.f-no-border) {
  border-spacing: 1.125rem 0 !important;
  border-collapse: inherit;
  margin-left: -1.125rem;
  width: calc(100% + 35px);
}

.f-board-head h4 {
  font-size: 1.5rem;
}

.f-board-head .f-board-head-time {
  font-size: .75rem;
}

.f-semi-bold {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.f-text-bold {
  font-family: 'Poppins-Bold', 'ubunt-regular', sans-serif;
}


.f-postit-quick-add-form input[type=text],
.f-projet-todo-quick-add-form input[type=text] {
  background: #E2E7EA;
  border: #E2E7EA;
}

.f-postit-quick-add-form input[type=text]::placeholder,
.f-projet-todo-quick-add-form input[type=text]::placeholder {
  color: rgba(63, 83, 101, 1);
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  text-align: center;
}

.f-postit-quick-add-form input[type=text]:focus,
.f-projet-todo-quick-add-form input[type=text]:focus {
  background: #FFFFFF;
}

.f-postit-quick-add-form input[type=text]:focus::placeholder,
.f-projet-todo-quick-add-form input[type=text]:focus::placeholder {
  font-family: 'Poppins-Regular', 'ubunt-regular', sans-serif;
  text-align: left;
}

.f-text-xxs {
  font-size: .525rem !important;
}

.f-text-xs {
  font-size: .625rem !important;
}

.f-text-s {
  font-size: .75rem !important;
}

.f-text-m {
  font-size: 1rem !important;
}

.f-text-md {
  font-size: 1.45rem !important;
}

.f-todo-uid {
  color: #586C85;
}

.f-badge-32 {
  height: 32px;
  padding: 10px 15px;
}

.badge.f-badge-25 {
  height: 25px;
  padding: 8px 10px;
  border-radius: 5px !important;
}

.f-badge-inverse-dark-light {
  color: #586C85;
  background: #ECEFF0;
}

.f-badge-rounded {
  border-radius: .625rem;
}

.card.f-togglable-card.f-show .f-board-card-actions,
.card.f-togglable-card.f-hover .f-board-card-actions {
  max-height: 50px;
  opacity: 1;
}

.f-board-card-actions {
  max-height: 0px;
  opacity: 0;

  /*-webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s linear;
  -moz-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s linear;
  -o-transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s linear;
  transition: max-height .3s cubic-bezier(0, 1, 0, 1), opacity .3s linear;*/
}

.f-togglable-card.f-show {
  z-index: 10;
}

.f-card-toggle-extra {
  background: #353A40;
  color: #FFFFFF;
  font-size: .75rem;
  font-family: 'Poppins-Medium', 'ubunt-regular', sans-serif;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top: 20px !important;
  position: absolute;
  width: 100%;

  opacity: 0;

  bottom: 0;

  z-index: -1;
}

.f-card-toggle-extra .badge {
  border-radius: 2px !important;
  border: 1px solid #4E6479;
  letter-spacing: 0px;
  color: #A1AAB5;
  font-family: 'Poppins-Medium', 'ubunt-regular', sans-serif;
  font-size: 11px;
}

.f-text-xs-light {
  font-family: 'Poppins-Medium', 'ubunt-regular', sans-serif;
  font-size: .625rem;
  color: #95A6BA;
}

.f-font-20px {
  font-size: 20px;
}

.f-font-17px {
  font-size: 17px;
}

.f-dropdown-toggle-no-decoration:after {
  content: '' !important;
  display: none !important;
}

.f-light-rounded-border {
  border-radius: 10px;
  border: 1px solid #DCE1E3;
}

.f-text-underline {
  text-decoration: underline !important;
}

.f-text-underline-none:focus,
.f-text-underline-none:hover,
.f-text-underline-none {
  text-decoration: none !important;
}

.f-card-toggle-extra .btn-dark-light:not(:hover) {
  background: #4A5F71 !important;
  border-color: #4A5F71 !important;
}

.f-slider-height-10px.irs--flat .irs-bar,
.f-slider-height-10px.irs--flat .irs-line {
  height: 10px !important;
}

.f-slider-height-10px.irs--flat .irs-handle {
  height: 16px !important;
}

.sidebar .nav .nav-item.active {
  background-color: #606974 !important;
  color: #FFFFFF !important;
}

.sidebar .nav .nav-item.active svg *,
.sidebar .nav .nav-item.active i.text-white {
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

.sidebar .nav .nav-item.active:hover {
  background-color: #FFFFFF !important;
}

.sidebar .nav .nav-item.active .nav-link .menu-title {
  color: #FFFFFF !important;
}

.sidebar .nav .nav-item.active:hover,
.sidebar .nav .nav-item.active:hover svg *,
.sidebar .nav .nav-item.active:hover i.text-white,
.sidebar .nav .nav-item:hover i.text-white,
.sidebar .nav .nav-item:hover svg * {
  stroke: #353A40 !important;
  color: #353A40 !important;
}

.sidebar .nav .nav-item #f_fixed_quick_access_text,
.sidebar .nav .nav-item .nav-link .menu-title {
  color: #FFFFFF !important;
}

.sidebar .nav .nav-item:hover #f_fixed_quick_access_text,
.sidebar .nav .nav-item:hover .nav-link .menu-title {
  color: #353A40 !important;
}

body:not(.sidebar-icon-only) .sidebar .nav.sub-menu .nav-item.active .nav-link:before,
body:not(.sidebar-icon-only) .sidebar .nav .nav-item.active * {
  color: #FFFFFF !important;
}

body:not(.sidebar-icon-only) .sidebar .nav.sub-menu .nav-item.active .nav-link:hover:before,
body:not(.sidebar-icon-only) .sidebar .nav .nav-item.active .nav-link:hover {
  color: #353A40 !important;
}

.sidebar.sidebar-offcanvas .dropdown-divider {
  border-color: #353A40 !important;
  opacity: 0.3;
}

.sidebar .nav-item:hover .show.collapse .nav-item .nav-link,
.sidebar .nav.sub-menu .nav-item:hover .nav-link {
  color: #353A40 !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
  /*color: #FFFFFF;*/
}

.sidebar .nav .nav-item {
  padding: 0 20px !important;
}

.sidebar .nav .nav-item .nav-link img.f-main-menu-icon,
.sidebar .nav .nav-item .nav-link svg {
  margin-left: auto !important;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
  transform: rotate(180deg);
  margin: 0 0 0 13px;
}

.sidebar .nav-item:hover .show.collapse .nav-item .nav-link:before,
.sidebar .nav.sub-menu .nav-item .nav-link:before {
  content: url(/assets/img/icon-menu-arrow.svg) !important;
}

.sidebar .nav-item.active:not(:hover) .nav.sub-menu .nav-item .nav-link:before,
.sidebar .nav-item:not(.active):not(:hover) .in.show.collapse .nav-item .nav-link:before {
  content: url(/assets/img/icon-menu-arrow-white.svg) !important;
}

.sidebar .nav .nav-item.mobile-link-go-to-app{
  visibility: hidden;
}

@media screen and (max-width: 990px) {
  button.f-main-navbar-toggler {
    display: none!important;
  }
}

@media (max-width: 990px){
  .sidebar .nav .nav-item.mobile-link-go-to-app{
    visibility: visible;
  }

  div.search-field.flex-fill {
    padding-left: 1em!important;
  }

  ul.navbar-nav-right button.f-furious-add-menu-dropdown {
    background-color: transparent!important;
    border: 0;
    padding-left: 7px;
    padding-right: 7px;
  }

  ul.navbar-nav-right button.f-furious-add-menu-dropdown img {
    margin-right: 0;
  }

  ul.navbar-nav-right li.nav-item {
    margin-left:0!important;
    margin-right: 0!important;
  }

  ul.navbar-nav-right li#f_topnav_entity_switch_dropdown button.f-furious-entity-switch-dropdown span{
    max-width: 100px;
    overflow: hidden;
    display:  inline-block;
    text-overflow: ellipsis;
  }
}

.f-fixed-quick-access-item a i,
.f-fixed-quick-access-item a {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.f-fixed-quick-access-item a:hover {
  background: #353A40 !important;
  color: #FFFFFF;
  border-color: #353A40;
}

.f-fixed-quick-access-item a:hover i {
  color: #FFFFFF !important;
}

.f-text-18px {
  font-size: 18px;
}

.f-text-inverse-dark-light {
  color: #586C85;
}

.f-text-dark {
  color: #353A40;
}

.f-text-notice-grey {
  color: #606974;
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item {
  background: #E1E7EA;
}

.bg-inverse-primary.breadcrumb-custom .breadcrumb-item a:before {
  border-left-color: #E1E7EA;
}

.breadcrumb.breadcrumb-custom .breadcrumb-item a:after {
  border-left-color: #586C85;
}

.breadcrumb-item.active {
  background: #E1E7EA !important;
}

.f-radius-10px {
  border-radius: 10px;
}

.f-radius-5px {
  border-radius: 5px;
}

.f-radius-2px {
  border-radius: 2px;
}

.f-line-heigh-12px {
  line-height: .8125rem;
}

.table.f-border-radius-table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.table.f-border-radius-table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.table.f-border-radius-table tr:first-child td:first-child {
  border-top-left-radius: 10px;
}

.table.f-border-radius-table tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.badge {
  border-radius: 10px !important;
}

.datepicker table thead td,
.datepicker table thead th {
  background-color: inherit !important;
}

.f-hoverable-actions-trigger:hover .f-hoverable-actions,
.f-hoverable-actions-delayed-trigger.show .f-hoverable-actions,
.f-hoverable-actions-trigger.show .f-hoverable-actions {
  opacity: 1;
  overflow: visible;
}

.f-hoverable-actions {
  opacity: 0;
  overflow: hidden;
}

.f-hoverable-actions-trigger:hover .f-hoverable-actions-v2,
.f-hoverable-actions-delayed-trigger.show .f-hoverable-actions-v2,
.f-hoverable-actions-trigger.show .f-hoverable-actions-v2 {
  display: block;
}

.f-hoverable-actions-v2:before {
  content: " ";
  border-style: solid;
  border-top: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #DFE4E6 !important;
  position: absolute;
  left: 50%;
  top: -5px;
  margin-left: -2px;
  z-index: 20;
}

.f-hoverable-actions-v2 {
  display: none;
  position: absolute !important;
  background: white;
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
  padding: 10px;
  z-index: 1000;
  border-radius: 5px;
  border: solid 1px #0000000f;
  white-space: nowrap !important;
}

#f_quick_access_fixed_bar .f-hoverable-actions {
  max-height: none !important;
}

#f_quick_access_fixed_bar .f-hoverable-actions-trigger:hover .f-hoverable-actions,
#f_quick_access_fixed_bar .f-hoverable-actions-trigger.show .f-hoverable-actions {
  max-height: none !important;
  opacity: 1;
}

table#table-list-project-todo,
#table-list-project-todo_wrapper table {
  border-spacing: 0 !important;
}

#table-list-project-todo tbody td {
  background: #FFFFFF !important;
}

#table-list-project-todo {
  margin-left: 0 !important;
}

#table-list-project-todo .mdi-plus-circle-outline {
  width: 20px;
  height: 20px;
  background-color: #353A40;
  position: relative;
}

#table-list-project-todo .mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-single-chevron-white.svg);
  position: absolute;
  top: -3px;
  left: 5px;
}

#table-list-project-todo .mdi-minus-circle-outline {
  border: solid 1px #353A40;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  background-color: white;
  position: relative;
}

#table-list-project-todo .mdi-minus-circle-outline:before {
  content: url(/assets/img/icon-single-chevron.svg);
  transform: rotate(180deg);
  position: absolute;
  top: 3px;
  left: 5px;
}

.irs--flat .irs-single {
  background: #353A40 !important;
}

#furious-login input {
  border-radius: 10px !important;
}

#furious-login .content-wrapper {
  background: #F2F4F5 url(/assets/img/login-bg-2025.jpg) no-repeat center center;
  background-size: cover;
}

#furious-login .auth-form-light .card-body {
  padding: 2rem;
}

#furious-login .auth-form-light {
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 34px 24px rgba(131, 144, 225, 0.20);
  box-shadow: 0 34px 24px rgba(131, 144, 225, 0.20);
}

#furious-login .f-login-container::before {
  display: block;
  content: url(/assets/img/logo-ninja-v3.svg);
  z-index: 2;
  position: absolute;
  top: -178px;
  left: 50%;
  margin-left: -148px;
}

#furious-login .f-login-col {
  width: 500px !important;
  webkit-box-flex: 0;
  -ms-flex: 0 0 500px;
  flex: 0 0 500px;
  position: relative;
}

.modal-header:not(.modal-header-container){
  border-bottom: none !important;
}

.modal-footer:not(.modal-footer-container) {
  border-top: none !important;
}

.modal-content{
  border: none !important;
  border-radius: 10px !important;
}

.modal-content:not(.f-submodal-opened) iframe {
  border-radius: 27px !important;
}

.modal-content .f-client-view-content iframe {
  border-radius: inherit !important;
}

.modal-content.f-submodal-opened .modal-header button.close {
  display:none !important;
}

#f_page_admin_subscription .nav-pills .nav-link,
#f_page_admin .nav-pills .nav-link,
#f_rh_page .nav-pills .nav-link {
  border: none !important;
}

#f_page_admin_subscription .nav-pills-info .nav-link,
#f_rh_page .nav-pills-info .nav-link {
  background: transparent;

  -webkit-transition: background .3s ease-out;
  -moz-transition: background .3s ease-out;
  -o-transition: background .3s ease-out;
  transition: background .3s ease-out;
}

#f_page_admin_subscription .nav-pills-info .nav-link:hover,
#f_page_admin_subscription .nav-pills-info .nav-link.active,
#f_rh_page .nav-pills-info .nav-link:hover,
#f_rh_page .nav-pills-info .nav-link.active {
  color: #353A40;
  background: #E1E7EA;
}

.jstree-container-ul .jstree-anchor,
#f_page_admin_subscription .nav-pills-info .nav-link,
#f_page_admin .nav-pills-info .nav-link,
#f_rh_page .nav-pills-info .nav-link {
  color: #353A40;
}

.jstree-node input {
  width: 100% !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  height: 24px !important;
  font-size: 14px !important;
}

.f-tree-item-settings {
  position: absolute;
  right: 5px;
  cursor: pointer;
  color: rgba(63, 83, 101, 0.2);

  -webkit-transition: color .3s ease-out;
  -moz-transition: color .3s ease-out;
  -o-transition: color .3s ease-out;
  transition: color .3s ease-out;
}

.f-tree-item-settings:hover {
  color: #353A40;
}

.jstree-default .jstree-wholerow-clicked.jstree-wholerow-hovered,
.jstree-default .jstree-wholerow-clicked {
  background: #E1E7EA !important;
}

.jstree-wholerow-clicked + i + .f-tree-item-settings {
  color: #353A40 !important;
}

.jstree-container-ul .jstree-anchor.jstree-clicked.jstree-hovered,
.jstree-container-ul .jstree-anchor.jstree-clicked {
  color: #353A40 !important;
}

.jstree-default .jstree-wholerow-hovered {
  background: #E1E7EA !important;
}

.jstree-default>.jstree-striped {
  background: none !important;
}

.f-global-rate-card-table > tbody > tr > td {
  background: #FFFFFF !important;
}

.f-rate-card-style-row,
.f-rate-card-model-row {
  background: #FFFFFF;
  border-radius: 10px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.f-rate-card-style-row {
  padding-top: 20px;
}

.form-check-primary.form-check label input[type="checkbox"]:checked + .input-helper:before,
.form-check-primary.form-check label input[type="radio"]:checked + .input-helper:before {
  background: #353A40;
}

.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
  border-top: none !important;
}

#f_rate_card_table_view_table .table-info,
#f_rate_card_table_view_table .table-info > th,
#f_rate_card_table_view_table .table-info > td {
      background-color: #bfdef7 !important;
      border: none !important;
}

#f_rate_card_table_view_table.table td,
#f_rate_card_table_view_table .jsgrid .jsgrid-table td,
#f_rate_card_table_view_table.table thead th,
#f_rate_card_table_view_table .jsgrid .jsgrid-table thead th {
  border: none !important;
}

.swal-button:not([disabled]).btn-inverse-dark-light:hover,
.swal-button.btn-inverse-dark-light:hover {
  color: #ffffff !important;
  background-color: #353A40 !important;
  border-color: #353A40 !important;
}

.swal-button:not([disabled]).btn-success:hover,
.swal-button.btn-success:hover {
  color: #ffffff !important;
  background-color: #1eae98;
  border-color: #1ca48e;
}

.f-bg-inverse-dark-light {
  background: #ECEFF0;
}

.f-truncable-block-click,
.f-truncable-block {
  overflow-y: hidden;
  max-height: 100px;

  -webkit-transition: max-height .3s cubic-bezier(0, 1, 0, 1);
  -moz-transition: max-height .3s cubic-bezier(0, 1, 0, 1);
  -o-transition: max-height .3s cubic-bezier(0, 1, 0, 1);
  transition: max-height .3s cubic-bezier(0, 1, 0, 1);
}

.f-truncable-block-click.f-max-height-50,
.f-truncable-block.f-max-height-50 {
  max-height: 50px;
}

.f-truncable-block.f-max-height-100 {
  max-height: 100px;
}

.f-truncable-block.f-max-height-150 {
  max-height: 150px;
}

.f-truncable-block.f-max-height-200 {
  max-height: 200px;
}

.f-truncable-block.f-max-height-250 {
  max-height: 250px;
}

.f-truncable-block.f-max-height-300 {
  max-height: 300px;
}

.f-hoverable-actions-trigger:hover .f-truncable-block,
.f-hoverable-actions-trigger.show .f-truncable-block,
.f-truncable-block-click.show,
.f-truncable-block.show {
  -webkit-transition: max-height .3s ease-in-out;
  -moz-transition: max-height .3s ease-in-out;
  -o-transition: max-height .3s ease-in-out;
  transition: max-height .3s ease-in-out;

  max-height: 2000px !important;
  overflow: scroll;
}


.cropper-crop-box, .cropper-view-box {
    border-radius: 50%;
}

#f_page_furious_client_manager .cropper-crop-box,
#f_page_furious_client_manager .cropper-view-box {
    border-radius: 0 !important;
}

.cropper-view-box {
    box-shadow: 0 0 0 1px #39f;
    outline: 0;
}

.cropper-face {
  background-color:inherit !important;
}

.cropper-dashed, .cropper-point.point-se, .cropper-point.point-sw, .cropper-point.point-nw,   .cropper-point.point-ne, .cropper-line {
  display:none !important;
}

.cropper-view-box {
  outline:inherit !important;
}

.f-border-radius-right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.f-border-radius-left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.f-border-radius-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}


.swal-text {
  font-size: .875rem;
}

.f-client-profile-card img {
  width: 64px;
  height: 64px;

  border-radius: 100%;

  border: 2px solid #D6DFE3;
}

.f-profile-picture-box {
  position: relative;
}

.f-profile-picture-box img {
  z-index: 1;
}

.f-profile-picture-box .f-profile-picture-box-edit-btn {
  background: rgba(63, 83, 101, .2);
  color: rgba(255, 255, 255, .8);
  border: none;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;

  opacity: 0;

  height: 64px;

  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.f-profile-picture-box:hover .f-profile-picture-box-edit-btn {
  opacity: 1;
}

.f-profile-picture-box .f-profile-picture-box-edit-btn i {
  font-size: 20px;
}

.f-profile-picture-box:hover .f-company-picture-box-delete-btn,
.f-profile-picture-box:hover .f-profile-picture-box-delete-btn {
  display: block;
}

.f-profile-picture-box .f-company-picture-box-delete-btn,
.f-profile-picture-box .f-profile-picture-box-delete-btn {
  display: none;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 4;
  padding-top: 2px !important;
}

.f-client-profile-card .f-profile-picture-box .f-profile-picture-box-edit-btn {
  border-radius: 100%;
}

.f-text-9px {
  font-size: 9px;
}

.f-text-10px {
  font-size: 10px;
}

.f-text-11px {
  font-size: 11px;
}

.f-text-20px {
  font-size: 20px;
}

.f-text-23px {
  font-size: 23px;
}

.f-text-36px {
  font-size: 36px;
}

.f-text-16px {
  font-size: 16px;
}

.f-text-18px {
  font-size: 18px;
}

.f-text-13px {
  font-size: 13px;
}

.f-text-12px {
  font-size: 12px;
}

.f-opacity-06 {
  opacity: .6;
}

.f-last-child-no-margin-bottom:last-of-type,
.f-last-child-no-margin-bottom .form-group:last-of-type {
  margin-bottom: 0 !important;
}

.f-last-child-no-padding-bottom:last-of-type {
  padding-bottom: 0 !important;
}

.f-link-color {
  color: #353A40;
}

.f-border-bottom,
.f-table-tr-border tbody tr {
  border-bottom: solid 1px #E2E7EA;
}

.f-last-child-no-border-bottom:last-child,
.f-table-tr-border tbody tr:last-child {
  border-bottom: none;
}

.card.f-card-light {
  /*background: #ECEFF0;*/
  background: #F9F9FA;

  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-bg-light {
  background: #ECEFF0;
}

.input-group.f-input-group-integrated > .form-control {
  border-right-color: #FFFFFF;
}

.input-group.f-input-group-integrated .btn {
  background-color: #FFFFFF !important;
  color: #586C85 !important;
  border-left: none;
  border-right-color: rgb(225, 231, 234);
  border-top-color: rgb(225, 231, 234);
  border-bottom-color: rgb(225, 231, 234);

  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;

  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-group.f-input-group-integrated .btn.f-text {
  cursor: inherit !important;
}

.input-group.f-input-group-integrated .btn:not(.f-text):hover {
  background-color: #e2e6ea !important;
  color: rgb(62, 75, 91) !important;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before
{
  background: #E1E7EA !important;
  border: 1px solid #E1E7EA !important;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before {
  border: 1px solid #D9D9D9 !important;
  border-radius: 2px !important;
  background: #FFFFFF !important;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:after {
  color: #353A40 !important;
  font-size: 10px !important;
  text-align: center !important;
}

.form-check .form-check-label.f-is-checked input[type="radio"] + .input-helper:before,
.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
  background: #E1E7EA !important;
  border: 1px solid #E1E7EA !important;
}

.form-check .form-check-label input[type="radio"] + .input-helper:before {
  border: 1px solid #E1E7EA !important;
  background: #FFFFFF !important;
}

.form-check .form-check-label.f-is-checked input[type="radio"] + .input-helper:after,
.form-check .form-check-label input[type="radio"] + .input-helper:after {
  color: #353A40 !important;
  font-size: 10px !important;
  margin-left: 3px !important;
  background: none !important;
  font-family: "Material Design Icons";
  content: '\F12C';
  top: 3px;
  left: 1px;
  font-weight: bold;
}

.form-check .form-check-label.f-is-checked input[type="radio"] + .input-helper:after {
  opacity: 1;
  line-height: 1.5;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.form-check.form-check-success .form-check-label input[type="radio"]:checked + .input-helper:before
{
  background: #24CFB4 !important;
  border: 1px solid #24CFB4 !important;
}
.form-check.form-check-success .form-check-label input[type="radio"]:checked + .input-helper:after
{
  color: #FFFFFF !important;
}

.form-check.form-check-success .form-check-label input[type="radio"] + .input-helper:before {
  border: 1px solid #24CFB4 !important;
}

.form-check.form-check-info .form-check-label input[type="radio"]:checked + .input-helper:before
{
  background: #198AE3 !important;
  border: 1px solid #198AE3 !important;
}
.form-check.form-check-info .form-check-label input[type="radio"]:checked + .input-helper:after
{
  color: #FFFFFF !important;
}

.form-check.form-check-info .form-check-label input[type="radio"] + .input-helper:before {
  border: 1px solid #198AE3 !important;
}

.form-check.form-check-danger .form-check-label input[type="radio"]:checked + .input-helper:before
{
  background: #FC6595 !important;
  border: 1px solid #FC6595 !important;
}
.form-check.form-check-danger .form-check-label input[type="radio"]:checked + .input-helper:after
{
  color: #FFFFFF !important;
}

.form-check.form-check-danger .form-check-label input[type="radio"] + .input-helper:before {
  border: 1px solid #FC6595 !important;
}

.form-check.form-check-warning .form-check-label input[type="radio"]:checked + .input-helper:before
{
  background: #FFD638 !important;
  border: 1px solid #FFD638 !important;
}

.form-check.form-check-warning .form-check-label input[type="radio"] + .input-helper:before {
  border: 1px solid #FFD638 !important;
}




.f-breadcrumb .f-breadcrumb-item {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 14px;
  padding-left: 8px;
  padding-right: 8px;

  color: #AAB4C2;
  background-color: #E1E7EA;

  position: relative;

  margin-right: 20px;

  transition: all .2s ease-in-out;
}

.f-breadcrumb .f-breadcrumb-item:after {
  content: ' ';
  display: block;
  position: absolute;
  background: #E1E7EA;
  height: 2px;
  width: 20px;
  top: 13px;
  right: -20px;
}

.f-breadcrumb .f-breadcrumb-item.done:after {
  background: #5565FC;
}

.f-breadcrumb .f-breadcrumb-item:last-child:after {
  display: none;
}

.f-breadcrumb .f-breadcrumb-item.active:before {
  color: #5565FC !important;
  font-family: "Material Design Icons";
  content: "\F35D";
  position: absolute;
  font-size: 24px;
  top: -20px;
  left: 50%;
  margin-left: -13px;
}

.f-breadcrumb .f-breadcrumb-item .f-icon {
  position: relative;
  top: 2px;
}

#f_furious_purchase_form .f-breadcrumb .f-breadcrumb-item .f-icon {
  top: 0px;
}

.f-breadcrumb .f-breadcrumb-item .f-icon-check,
.f-breadcrumb .f-breadcrumb-item .f-text {
  display: none;
}

.f-breadcrumb .f-breadcrumb-item.active,
.f-breadcrumb .f-breadcrumb-item.done {
  color: white;
  background-color: #5565FC;
}

.f-breadcrumb .f-breadcrumb-item.active {
  padding-left: 15px;
  padding-right: 15px;
}

.f-breadcrumb .f-breadcrumb-item.active .f-text {
  display: block;
}

.f-breadcrumb .f-breadcrumb-item.done .f-icon-check {
  display: block;
}

.f-breadcrumb .f-breadcrumb-item.done .f-icon-waiting,
.f-breadcrumb .f-breadcrumb-item.active .f-icon {
  display: none;
}

.f-breadcrumb .f-breadcrumb-item.done .f-text {
  display: none;
}

#inline_edit_status_form .f-breadcrumb .f-breadcrumb-item {
  border-radius: 14px;
  padding-left: 8px;
  padding-right: 8px;

  margin-right: 10px;
}

.dropdown.f-dropdown-large > .dropdown-toggle {
  background: none;
  padding: 0;
  font-size: 20px;
}

.dropdown.f-dropdown-large:hover > .dropdown-toggle {
  color: #24CFB4 !important;
}

.dropdown.f-dropdown-large .f-dropdown-item {
  font-size: 20px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  padding: 10px 20px;

  border-radius: 10px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.dropdown.f-dropdown-large .f-dropdown-inverse-item {
  font-size: 16px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  padding: 10px 20px;

  border-radius: 10px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;

  color: #24CFB4;
}

.dropdown.f-dropdown-large .f-dropdown-item.active:hover,
.dropdown.f-dropdown-large .f-dropdown-inverse-item:hover,
.dropdown.f-dropdown-large .f-dropdown-item:hover {
  background-color: #24CFB4;
  color: #FFFFFF;
}

.dropdown.f-dropdown-large .f-dropdown-item.active {
  background-color: transparent;
  color: #24CFB4;
}

.dropdown.f-dropdown-large .f-dropdown-menu {
  border: none;
  background-color: #ECEFF0;
  left: -17px !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-right: 20px;
}

.f-col-pbs-rate-card-row {
  background: #F9F9FA;
  border: solid 1px #D9D9D9 !important;
  border-radius: 4px;
}

.gu-mirror .f-pbs-rc-col,
.f-project-budget-settings-content .f-pbs-dragula-col .f-pbs-rc-col {
  background: #F9F9FA !important;
}

.f-col-pbs-rate-card-row .f-btn-pbs-balance-quantity,
.f-col-pbs-rate-card-row .f-btn-remove-category,
.f-col-pbs-rate-card-row .f-btn-remove-sub-category,
.f-col-pbs-rate-card-row .f-btn-add-category,
.f-col-pbs-rate-card-row .f-btn-add-sub-category,
.f-col-pbs-rate-card-row .f-pbs-delete-current-rate-content,
.f-col-pbs-bu-mb .f-pbs-help,
.f-col-pbs-rate-card-row .f-pbs-help {
  background: none !important;
  border: none !important;
}

.f-col-pbs-rate-card-row .f-btn-pbs-balance-quantity {
  color: #353A40;
}

.f-project-budget-settings-content i.mdi-information-outline:before,
.f-col-pbs-rate-card-row .f-pbs-help i:before {
  content: url(/assets/img/icon-info.svg);
}


.f-col-pbs-rate-card-row .f-schedule-filters .mdi-arrow-down-drop-circle,
.f-col-pbs-rate-card-row .f-schedule-filters .mdi-arrow-up-drop-circle {
  transform: rotate(180deg);
  display: block;
}

.f-col-pbs-rate-card-row .f-schedule-filters .mdi-arrow-down-drop-circle:before,
.f-col-pbs-rate-card-row .f-schedule-filters .mdi-arrow-up-drop-circle:before {
  content: url(/assets/img/icon-unfold-single-bg-white.svg);
}

.f-col-pbs-rate-card-row .f-schedule-filters .mdi-arrow-up-drop-circle {
  transform: rotate(0deg);
}

.f-col-pbs-rate-card-row .f-pbs-delete-current-rate-content i:before {
  content: url(/assets/img/icon-delete-circle-red.svg);
}

.f-col-pbs-rate-card-row .f-btn-remove-category i:before,
.f-col-pbs-rate-card-row .f-btn-remove-sub-category i:before{
  content: url(/assets/img/icon-delete-circle-red.svg);
}

.f-col-pbs-rate-card-row .f-btn-add-category i:before,
.f-col-pbs-rate-card-row .f-btn-add-sub-category i:before {
  content: url(/assets/img/icon-pencil-edit-dark.svg);
}

.f-project-budget-settings-gm-check-container .f-badge-light {
  border-radius: 2px;
  height: 40px;
  padding: 14px 15px;
}

select.form-control {
  outline: none !important;
}

.f-project-budget-settings-content .f-pbs-dragula-col {
  border-radius: 10px;
}

.f-project-budget-settings-content .f-pbs-dragula-col.highlight {
  -webkit-box-shadow: inset 0px 3px 6px #0000000F;
  box-shadow: inset 0px 3px 6px #0000000F;
}

.f-project-budget-settings-content .f-pbs-bu-row:first-child .f-col-pbs-bu-mb {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.f-project-budget-settings-content .f-pbs-bu-row:last-child .f-col-pbs-bu-mb {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.f-project-budget-settings-content .f-pbs-bu-row {
  background: #FFFFFF;
  border: solid 1px #D9D9D9 !important;
  border-radius: 4px;
  padding: 0;
}

.f-project-budget-settings-content .f-pbs-bu-row .f-rate-card-view {
  border-right: solid 1px #D9D9D9 !important;
  padding-left: 40px !important;
}

.f-project-budget-settings-content .f-pbs-bu-row .f-rate-card-view:not(.d-none) + .f-col-pbs-bu-mb {
  background-color: #F2F4F5 !important;
  border-top-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0px;
}

.f-project-budget-settings-content .f-pbs-bu-row .f-rate-card-view .f-pbs-rc-row-total {
  border-radius: 2px;
  background-color: transparent;
  border: solid 1px #CACDD2 !important;
}

.f-project-budget-settings-content .f-pbs-rc-bu-resume-card {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  padding: 10px 20px;
}

.f-project-budget-settings-content .f-pbs-rc-bu-resume-card .f-pbs-rc-row-total-days-container {
  border-top: 1px solid #D9D9D9;
  padding-top: 12px;
}

.table-striped tbody tr:nth-of-type(even) {
  background: #F5F5F5 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #FFFFFF !important;
}

.f-hubspot-logo {
  width: 105px;
}

.f-mailchimp-logo {
  width: 105px;
}

.f-sendinblue-logo {
  width: 105px;
}

.f-hubspot-logo .cls-3 {
  fill: #ff7a59;
}

.f-lianamailer-logo {
  width: 105px;
}

.bubble_default_main > div {
  border: none !important;
  border-radius: 10px;

  -webkit-box-shadow: 0px 3px 26px #00000029;
  box-shadow: 0px 3px 26px #00000029;
}

.f-text-light {
  color: #A8B4C3;
}

.f-text-medium
{
  font-family: 'Poppins-Medium', 'ubunt-regular', sans-serif;
}

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

.gjs-one-bg {
  background-color: #353A40;
}

.gjs-cv-canvas {
  /* move the right gap to the left*/
  left:15%;
  width: 85%;
}

.gjs-pn-views-container {
  left: 0;
}

.gjs-pn-views {
  left: 0;
}

.gjs-pn-options {
  right: 0;
}

.gjs-two-color {
  color: white;
}

.gjs-four-color {
  color: white;
}

.gjs-four-color-h:hover {
  color: white;
}

.f-invoice-theme-settings-container,
.f-proposal-theme-settings-container {
  position: absolute;
  top: 35px;
  z-index: 1022;

  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-invoice-theme-settings-container .card,
.f-proposal-theme-settings-container .card {
  background: #ECEFF0;
}

.f-invoice-theme-settings-container .card-body,
.f-proposal-theme-settings-container .card-body {
  max-height: 400px;
  overflow-y: scroll;
}

.f-invoice-theme-settings-container.f-show,
.f-proposal-theme-settings-container.f-show {
  opacity: 1;
}

.f-invoice-theme-settings-container .f-proposal-theme-settings-close-btn,
.f-proposal-theme-settings-container .f-proposal-theme-settings-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.f-select2-height-40 .select2-container--default .select2-selection--single {
  height: 40px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.furious-editable:not(.f-hover-dotted-underline):hover:after {
  content: "\F64F";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 12px !important;
  color: #353A40;
  margin-left: 2px;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.f-furious-date-editable.furious-editable:hover:after,
.f-furious-date-editable.furious-editable:after {
  content: "\F64F";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 12px !important;
  color: #353A40;
  margin-left: 2px;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

.f-card-toggle-extra .f-furious-date-editable.furious-editable:hover:after,
.f-card-toggle-extra .f-furious-date-editable.furious-editable:after {
  color: #FFFFFF;
}

/*table thead tr th:first-child,
table thead tr td:first-child {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}*/

table thead tr th:last-child,
table thead tr td:last-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.dataTables_wrapper.dt-bootstrap4 .row:nth-child(2) .col-sm-12 {
  overflow-x: scroll;
}

#contract-page .dataTables_wrapper.dt-bootstrap4 {
  overflow-x: hidden;
}

.f-config-crawler-email-table-container .dataTables_wrapper.dt-bootstrap4 .row:nth-child(2) .col-sm-12 {
  overflow-x: inherit;
}

.dataTables_wrapper.dt-bootstrap4 .row:nth-child(1) .col-md-6:nth-child(1) {
  display: none;
}

.dataTables_wrapper.dt-bootstrap4 .row:nth-child(2) .f-double-scroll {
  min-height: 600px;
}

.f-invoice-overview-list-tab .dataTables_wrapper.dt-bootstrap4 .row:nth-child(2) .f-double-scroll {
  min-height: auto !important;
}

.dataTables_wrapper.dt-bootstrap4 .row:nth-child(1) .col-md-6:nth-child(2) {
  text-align: right;
  width: 100%;
  flex: none;
  max-width: 100%;
}

.f-light-box {
  -webkit-box-shadow: 0px 3px 6px #0000000F;
  box-shadow: 0px 3px 6px #0000000F;
  box-shadow: 0px 3px 6px #0000000F;
  background: #ECEFF0;
  border-radius: 10px;
}

.f-board-col-box {
  background: #ECEFF0;
  border-radius: 10px;
}

.f-movable {
  cursor: grab;
}

.f-furious-client-card {
  position: relative;
}

.f-furious-client-card .f-furious-client-running-container {
  display: none;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  border-radius: 10px;

  background: rgba(255, 255, 255, .9);
}

.f-furious-client-card.f-running .f-furious-client-running-container {
  display: block;
}

.f-pos-relative {
  position: relative;
}

.f-pos-absolute {
  position: absolute;
}

.f-pos-absolute.f-multi-update-tags-action {
  top: -30px;
}

.f-scrollable-multiple + .select2.select2-container {
  height: 32px;
  min-width: 200px;
  max-width: 200px;
  overflow: scroll;
}

.select2-container.select2-container--default.select2-container--open {
  z-index: 65010 !important;
}

.f-radio-xs label {
  font-size: .675rem !important;
}

.f-radio-xs .form-check .form-check-label input[type="radio"] + .input-helper:before {
  width: 15px;
  height: 15px;
}

.f-radio-xs .form-check .form-check-label {
  margin-left: 20px;
}

.f-radio-xs .form-check .form-check-label input[type="radio"] + .input-helper:after {
  font-size: 8px !important;
  top: 3px !important;
  left: 0;
  width: 9px !important;
  height: 9px !important;
}

.f-uploaded-file-name-container {
  max-height: 200px;
  overflow-y: scroll;
}

.f-max-with-invoice-list-detail {
  max-width: 500px !important;
  min-width: 250px !important;
  white-space: normal !important;
}

.f-popover-progress-bar {
  min-width: 400px !important;
}

.f-popover-progress-bar .popover-body {
  margin-top: 15px !important;
}

#invoice-table .form-check {
  margin-top: auto !important;
}

.f-hideable-legend {
  text-align: center;
  cursor: pointer;
  position: relative;
}

.f-hideable-legend .f-hideable-legend-box i {
  font-size: 12px;
  position: absolute;
  top: 2px;
  left: 4px;
}

#suivi_temps-page .f-hideable-legend .f-hideable-legend-box i {
  top: 3px;
}

.f-week-header-item {
  background: #FFFFFF !important;
  border-radius: 2px !important;
}

#planning-page .f-week-header-item {
  position: relative;
  top: -2px !important;
}

#suivi_temps-page .f-calendar .f-week-header-item {
  color: #353A40 !important;
  font-size: 12px !important;
}

.f-hideable-legend.hide .f-hideable-legend-box i.mdi-eye,
.f-hideable-legend.show .f-hideable-legend-box i.mdi-eye-off {
  display: none;
}

.f-hideable-legend.hide .f-hideable-legend-box i.mdi-eye-off,
.f-hideable-legend.show .f-hideable-legend-box i.mdi-eye {
  display: inline;
}

.f-hideable-legend.hide:hover .f-hideable-legend-box i.mdi-eye-off,
.f-hideable-legend.show:hover .f-hideable-legend-box i.mdi-eye {
  display: none;
}

.f-hideable-legend.show:hover .f-hideable-legend-box i.mdi-eye-off,
.f-hideable-legend.hide:hover .f-hideable-legend-box i.mdi-eye {
  display: inline;
}

.f-hideable-legend:hover .f-hideable-legend-box i {
  opacity: 1;
}

.f-min-max-select + span.select2,
.f-min-max-select {
  min-width: 250px;
  max-width: 400px;
}

.f-rate-card-row-badge-container {
  position: absolute;
  top: -10px;
  right: 15px;
  z-index: 10 !important;
}

.f-project-rate-card-total-badge {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 20;

  background-color: rgba(63, 83, 101, 0.1);
  background-image: none;
  border-color: rgba(63, 83, 101, 0);

  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 2px !important;
  border-radius: 5px;
}

.f-project-rate-card-total-badge div {
  float: left !important;
  padding-right: 5px;
}

.f-project-rate-card-total-badge::after {
  clear: both !important;
}

#schedule .f-slide-to-today {
  height: auto !important;
  position: relative;
  top: 25%;
}

select.f-width-auto + .select2.select2-container {
  width: auto !important;
  min-width: 250px;
  max-width: 600px;
}

select.f-width-auto.f-max-width-50p + .select2.select2-container {
  max-width: 50%;
}

#assign-task-schedule select.f-width-auto.f-max-width-50p + .select2.select2-container {
  min-width: 400px;
}

.scheduler_default_timeheadergroup .f-week-header-item {
  display: none;
}

.f-schedule-planning-custom-item {
  position: relative;
}

.f-schedule-planning-custom-item .f-hoverable-actions {
  position: absolute;
  top: -20px;
  right: 0;
}

.f-schedule-planning-custom-item .f-hoverable-actions.btn-edit-planning-custom {
  right: 15px;
}

.f-schedule-planning-custom-item .f-hoverable-actions i {
  position: relative;
  top: 2px;
}

.f-schedule-user-filter-container div {
  margin-top: 0 !important;
}

.f-schedule-user-filter-container .badge {
  height: 40px;
  padding-top: 12px;
}

#f_schedule_seach_form {
  position: relative;
}

#f_schedule_seach_form .f-schedule-seach-form-tip-container {
  position: absolute;
  top: -25px;
}

.sp-container {
  border-radius: 10px;
  background-color: #FFFFFF;
  border: solid 1px #E1E7EA;
}

.sp-replacer {
  border-radius: 10px;
  border: solid 1px #E1E7EA;
  background: #FFFFFF;
  color: #353A40;
}

.sp-replacer.sp-active,
.sp-replacer:hover {
  border-color: #E1E7EA;
}

.sp-replacer .sp-dd {
  color: #888;
}

.sp-replacer .sp-preview {
  border-color: #FFFFFF;
  border-radius: 20px;
  width: 20px;
}
.sp-replacer .sp-preview .sp-preview-inner {
  border-radius: 20px;
  background-image: none;
}

.sp-clear.sp-clear-display {
  border-radius: 5px;
  border: solid 1px #E1E7EA;
  cursor: pointer;
}

.sp-clear-display {
  background-repeat: repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-initial {
  border-radius: 5px;
  border: solid 1px #E1E7EA;
}

.sp-color, .sp-hue, .sp-clear {
 border: solid 1px #E1E7EA;
}

.sp-input-container .sp-input {
  border-radius: 5px;
  border: solid 1px #E1E7EA;
  color: #586C85;
}

.sp-container button.sp-choose {
  background: #24CFB4;
  border-color: #24CFB4;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  font-size: 0.6875rem;
  line-height: 1;
  font-family: "Poppins-semibold", "ubuntu-bold", sans-serif;
  text-shadow: none;
}

.sp-container .sp-cancel:hover,
.sp-container .sp-cancel {
  color: #353A40 !important;
}

.f-color-shortcut-btn {
  height: 20px;
  width: 20px;
  border: none;
  border-radius: 20px;
}

.sp-palette .sp-thumb-el {
  border: solid 1px #E1E7EA;
  border-radius: 15px;
}

.sp-palette-row .sp-thumb-inner {
  border-radius: 15px;
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner,
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: none;
}

#f_modal_faq_item.modal {
  z-index: 4053 !important;
}

#projet_todo-page #f_modal_faq_item.modal {
  z-index: 6053 !important;
}

#projet_view-page .f-text-left-on-project-view {
  text-align: left !important;
}

#f_global_notif_container {
  position: relative;
}

.f-select2-autocomplete-multiple,
.f-select2-autocomplete-multiple + .select2 {
  min-width: 150px;
  max-width: 250px;
}

@media (max-width: 535px) {
  #furious-login .f-login-col {
    width: 100% !important;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  #furious-login .f-login-container::before {
    display: none;
  }

  .f-page-filter-container input,
  .f-page-filter-container div,
  .f-page-filter-container span.select2,
  .f-page-filter-container span.select2-selection,
  .f-page-filter-container select {
    width: 100% !important;
    display: block !important;
  }

  .f-page-filter-container div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #projet-page .content-wrapper,
  #factures-page .content-wrapper {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #taches-page .content-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #compta-page .content-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #compta-page input#montant {
    width: auto !important;
  }

  .f-sm-no-x-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .card-body,
  .f-form-card {
    padding: 20px !important;
  }

  .card-body.no-padding {
    padding: 0 !important;
  }

  #f-col-proposal-form {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #f-col-proposal-form .modal-title {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .f-toggle-col-statistique-visibility,
  .f-hide-on-preview-shown {
    display: none !important;
  }

  .grid-margin {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .f-sm-100 {
    width: 100% !important;
  }

  .f-client-status.f-breadcrumb .f-breadcrumb-item .f-text {
    display: block !important;
  }

  .f-client-status.f-breadcrumb .f-icon-check,
  .f-client-status.f-breadcrumb .f-icon-waiting {
    display: none !important;
  }

  .f-client-status.f-breadcrumb .f-breadcrumb-item:after {
    display: none !important;
  }

  .f-client-status.f-breadcrumb .f-breadcrumb-item {
    margin-bottom: 5px;
  }

  .f-client-status.f-breadcrumb .f-breadcrumb-item:last-child {
    margin-bottom: 0px;
  }

  #f-notif-center {
    display: none;
  }

  .navbar-menu-wrapper .search-field,
  .navbar-menu-wrapper .f-main-navbar-toggler {
    padding-left: 0;
  }

  .pagination.justify-content-center {
    -webkit-box-pack: left !important;
    -ms-flex-pack: left !important;
    justify-content: left !important;
  }

  #f_homepage .container-fluid.full-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #f_homepage .f-home-top {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #f_dashboad_filters form {
    width: 100% !important;
  }

  #f_dashboad_filters form input,
  #f_dashboad_filters form span.select2,
  #f_dashboad_filters form span.select2-selection {
    width: 100% !important;
    display: block !important;
    margin-bottom: 7px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .f-hide-on-mobile {
    display: none;
  }

  #projet-page form[name="projet"] .card {
    overflow: scroll;
  }
}

.f-docapi-menu {
  bottom: 30px;
  top: 91px;
  min-height: 150px;
}

.card.f-generic-floating-menu.f-docapi-menu {
  border: none;
  box-shadow: none;
}

.f-docapi-mini-menu {
  bottom: 15px;
  min-height: 150px;
}

#f_project_rate_card_advancement_modal .editable-container {
  margin-bottom: 5px;
}

#f_project_rate_card_advancement_modal .editable-buttons {
  vertical-align: unset !important;
  margin-top: auto !important;
}

#f_project_rate_card_advancement_modal .editable-buttons button {
  top: 7px;
  position: relative;
}

#f_furious_generic_modal {
  z-index: 5015 !important;
}

#f_furious_generic_modal .f-generic-import-modal.modal-lg .modal-content{
    min-height: 90vh;
}

#f_furious_generic_modal_inception {
  z-index: 5100 !important;
}

.f-sticky-bottom-form {
  z-index: 2000;
  background-color: #353A40;
}

.f-sticky-element{
  z-index:4900;
  position:fixed !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row > td,
#compta-page .f-grouped-rate-card-row > td {
  border: solid 1px #E0E4E6 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row:hover > td,
#compta-page .f-grouped-rate-card-row:hover > td {
  box-shadow: 0px 2px 6px #0000000F;
  -webkit-box-shadow: 0px 2px 6px #0000000F;
  -moz-box-shadow: 0px 2px 6px #0000000F;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row.f-selected > td,
#compta-page .f-grouped-rate-card-row.f-selected > td {
  box-shadow: 0px 0px 3px 0px rgba(36, 207, 180, 1) inset;
  -webkit-box-shadow:0px 0px 3px 0px rgba(36, 207, 180, 1) inset;
  -moz-box-shadow:0px 0px 3px 0px rgba(36, 207, 180, 1) inset;
}

.f-rate-card-text-content-checkbox-container {
  display: none;
}

#compta-page .f-rate-card-text-content-checkbox-container {
  display: block;
}

.f-tt-menu-position-top {
  bottom: 100% !important;
  top: auto !important;
}

.f-grouped-img-more-btn {
  margin-left: -10px !important;
  z-index: 0;
  border: 4px solid #FFFFFF;
  transform: scale(1);
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-property: "box-shadow", "z-index", "transform", "border-width";
}

.f-user-list-datatable .f-grouped-img-more-btn {
  padding-top: 2px !important;
}

.f-grouped-img-more-btn.btn-inverse-dark-light:not(:hover) {
  background-color: #E0E3E7;
}

.f-grouped-img-more-btn:hover {
  z-index: 1;
  box-shadow: 0 0 5px -2px rgb(0 0 0 / 50%);
  transform: scale(1.05);
  border-width: 0;
}

.f-popover-image-grouped img {
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.popover.f-popover-page {
  width: 300px !important;
  max-width: 300px !important;
}

.popover.f-popover-page .popover-body {
  padding: 0 !important;
}

.f-iframe-wrapper {
  width: 300px;
  height: 420px;
  padding: 0;
  overflow: scroll;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.f-iframe-wrapper iframe {
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0;
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.btn.f-btn-inline-edit-link {
  text-decoration: underline;
  text-decoration-style: dotted;
}

.form-control.f-input-light-padding {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.form-control.form-control-sm.f-input-light-padding + .select2 .select2-selection {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.f-form .form-control.form-control-sm.f-input-light-padding + .select2 .select2-selection.select2-selection--single {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 25px !important;
}

.badge.f-badge-sm {
  border-radius: 7px !important;
  font-size: 9px;
  padding: .285rem .375rem;
}

.f-card-week-number {
  width: auto !important;
  font-size: 0.55rem;
  padding: 1px 1px 0 1px;
  /*border: 1px solid #F2F2F2;*/
  text-align: center;
  min-width: 10px;
  display: inline-block;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 5px;
  background-color: rgba(63, 83, 101, 0.1);

  position: absolute;
  bottom: 0px;
  right: 0px;
}

.f-todo-uid {
  width: auto !important;
  font-size: 0.55rem;
  padding: 1px 1px 0 1px;
  text-align: center;
  min-width: 10px;
  display: inline-block;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 5px;
  background-color: rgba(63, 83, 101, 0.05);
}

.f-postit-pipe-card .f-todo-uid {
/*  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;*/
  border-radius: 3px;
  bottom: 0;
  top: inherit;
  margin-top: 10px;
  background-color: #EFEFEF;
}

.f-postit-pipe-card .card-body {
  background-color: #FFFFFF;
  border-radius: 4px;
}

.f-postit-pipe-card .f-postit-favorite-btn svg.f-postit-is-pin {
  display:block;
}

.f-postit-pipe-card .f-postit-favorite-btn svg.f-postit-cancel-pin {
  display: none;
}

.f-postit-pipe-card .f-postit-favorite-btn:hover svg.f-postit-is-pin {
  display: none;
}

.f-postit-pipe-card .f-postit-favorite-btn:hover svg.f-postit-cancel-pin {
  display: block;
}

.f-postit-pipe-card .f-postit-favorite-btn svg.f-postit-is-pin {
  margin: -2px 0px 0 3px;
}

.f-postit-pipe-card .f-postit-favorite-btn svg.f-postit-to-pin,
.f-postit-pipe-card .f-postit-favorite-btn svg.f-postit-cancel-pin {
  margin: -3px 0px 0 -5px;
}

#f_furious_purchase_form select.f-vat-select {
  border-radius: 0 !important;
}

.select2-container, .select2-dropdown, .select2-search, .select2-results {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.f-invoice-label-container {
  position: relative;
}

.f-invoice-label-container .f-invoice-move-btn {
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.f-invoice-repeater .f-repeater-item:hover .f-invoice-move-btn {
  opacity: 1;
}

.f-invoice-repeater .f-repeater-item:first-child .f-invoice-label-container .f-invoice-move-btn[f-direction=up] {
  display: none;
}

.f-invoice-repeater .f-repeater-item:last-child .f-invoice-move-btn[f-direction=down] {
  display: none;
}

.f-invoice-repeater .f-repeater-item.f-new-invoice-row .f-invoice-move-btn{
  display: none !important;
}

.f-client-email-history-switch-privacy[f-privacy=public]:hover i.mdi:before {
  content: "\F33F" !important;
}

.f-client-email-history-switch-privacy[f-privacy=private]:hover i.mdi:before {
  content: "\F33E" !important;
}

.f-email-history-switch-privacy[f-privacy=public]:hover i.mdi:before,
.f-single-email-history-switch-privacy[f-privacy=public]:hover i.mdi:before{
  content: "\F33F" !important;
}

.f-email-history-switch-privacy[f-privacy=private]:hover i.mdi:before,
.f-single-email-history-switch-privacy[f-privacy=private]:hover i.mdi:before{
  content: "\F33E" !important;
}

.f-invoice-list-row-item {
  display: none;
}

.f-invoice-list-row-item.f-show {
  display: block;
}

tr.f-invoice-list-row-item {
  display: none;
}

tr.f-invoice-list-row-item.f-show {
  display: table-row;
}

.f-info-btn {
  border: solid 1px #9c9fa6;
  border-radius: 6px;
  padding: 0 !important;
}

.btn.btn-icon.f-btn-icon-sm.f-info-btn {
    height: 12px !important;
    width: 12px !important;
}
.btn.btn-icon.f-btn-icon-sm.f-info-btn i {
  font-size: .625rem !important;
}

.f-sidebar,
#f_project_calendar_right_sidebar {
  background-color: #E0E3E6;
}

.f-sprint-planning-rate-card-sidebar-search-results-container .f-sprint-planning-right-sidebar-item,
.f-sprint-planning-right-sidebar-search-results-container .f-sprint-planning-right-sidebar-item,
.f-project-calendar-right-sidebar-search-results-container .f-project-calendar-right-sidebar-item {
  margin-bottom: 10px;
}

.f-sprint-planning-right-sidebar-search-results-container .f-sprint-planning-right-sidebar-item img,
.f-project-calendar-right-sidebar-search-results-container .f-project-calendar-right-sidebar-item img {
  width: 30px !important;
  height: 30px !important;
}

.f-sprint-planning-right-sidebar-search-results-container .f-sprint-planning-right-sidebar-itemlast-child,
.f-project-calendar-right-sidebar-search-results-container .f-project-calendar-right-sidebar-item:last-child {
  margin-bottom: 0;
}

.f-api-explorer-token-show-hide-btn.f-open i:before,
.f-sprint-planning-options-show-hide-btn.f-open i:before,
.f-project-calendar-options-show-hide-btn.f-open i:before {
  content: "\F063";
}

.f-api-explorer-token-show-hide-btn:not(.f-open) i:before,
.f-sprint-planning-options-show-hide-btn:not(.f-open) i:before,
.f-project-calendar-options-show-hide-btn:not(.f-open) i:before {
  content: "\F04B";
}

#f_page_project_calendar #assign-task-schedule .scheduler_default_rowheader_inner {
  padding-top: 0px !important;
}

.popover-info .popover-header { background: #198AE3; }
.popover-success .popover-header { background: #24CFB4; }
.popover-warning .popover-header { background: #FFD638; }
.popover-danger .popover-header { background: #FC6595; }

.popover-info .popover-header::before { border-color: #198AE3 !important; }
.popover-success .popover-header::before { border-color: #24CFB4 !important; }
.popover-warning .popover-header::before { border-color: #FFD638 !important; }
.popover-danger .popover-header::before { border-color: #FC6595 !important; }

.f-cell-inverse-danger {
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 5px;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.f-cell-inverse-danger .f-inner {
  background: #fee2eb !important;
  border-radius: 5px;
  min-height: 100%;
}

.f-border-radius-10px {
  border-radius: 10px !important;
}

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

.f-absence-user-availability-col-container .f-user-availability-content {
  margin-top: 0 !important;
}

.f-absence-user-availability-col-container > .card.f-card-light {
  height: 100%;
}

.f-sticky-left-col {
  position: absolute !important;
  width: 325px !important;
  left: 0 !important;
  top: auto;
  border-top-width: 1px;
}

#cutoff-page th.f-sticky-left-col {
  height: 57px;
}

#cutoff-table .tableFloatingHeaderOriginal.f-sticky .f-sticky-left-col {
  margin-left: -292px !important;
  width: 292px !important;
  min-width: 292px !important;
  max-width: 292px !important;
}

.table-hover tbody tr:hover .f-sticky-left-col {
  color: #212529;
  background-color: #F2F4F5;
}

#f_project_statistics_progress_bar_modal_content .panel-body .clearfix:first-child div:first-child > span {
  top: -1px !important;
}

.no-return-link .row.mt-5 a {
  display: none;
}

.f-proposal-card-tag-container span.select2 {
  min-width: 250px !important;
}

.f-var-pro-exp-details,
.f-var-expertise-title,
.-var-academic-background-details {
  white-space: normal;
}

.f-time-tracker-row-container .f-time-tracker-row {
  border-radius: 10px !important;
}

.f-time-tracker-row-container .f-time-tracker-row:nth-child(even) {
  background: rgba(63, 83, 101, 0.05);
}

.f-time-tracker-row {
  border: solid 1px transparent;
}

.f-time-tracker-row.f-error {
  border: solid 1px rgba(252, 101, 149, 0.1);
}

.f-pp-sm-container img {
  width: 30px !important;
  height: 30px !important;
}

.grid-stack-item-content .furious-stat-container {
  display: none;
}


.grid-stack-item-content {
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
}

.grid-stack-item-content {
  padding: 15px;
}

.grid-stack-item-content {
  display: none;
}

.grid-stack-item-content .card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*.grid-stack-item[f-gs-id="project-list"] .grid-stack-item-content,
.grid-stack-item[f-gs-id="post-it"] .grid-stack-item-content {
  padding-left: 15px !important;
  padding-right: 15px !important;
}*/

/*.grid-stack-item-content > div,
.grid-stack-item-content .card {
  height: 100% !important;
}*/

.f-cv-template-container * {
  white-space: normal;
}

.f-btn-sm {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  height: 20px;
  border-radius: 5px;
  line-height: 15px;
  font-size: 10px;
}

.f-btn-sm i {
  font-size: 10px;
}

.f-text-muted {
  color: #353A40;
}

.f-img-xxs {
  width: 20px;
  height: 20px;
}

.f-btn-xxxl {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
  height: 60px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.f-btn-xxxl i {
  font-size: 16px;
}

/*.f-sub-navigation-container {
  margin-bottom: 50px !important;
}*/

.f-sub-navigation-container h1 {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
}

.f-sub-navigation-navbar-content {
  border-bottom: 1px solid #DFE4E6;
}

.f-sub-navigation-navbar-content .nav-item {
  padding: 0 18px 0 0;
}

.f-sub-navigation-navbar-content .nav-item .f-nav-item {
  padding: 0 0 6px 0;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-style: normal;
  font-weight: 500;
}

.f-sub-navigation-navbar-content .nav-item:not(.active) .f-nav-item {
  color: #949CA6;
}

#f_client_view_content .f-sub-navigation-navbar-content .nav-item {
  padding: 0 9px 0 0;
}

#projet_view-page .f-sub-navigation-navbar-content .nav-item .f-nav-item,
.f-client-page-client-form-anchor-container .f-sub-navigation-navbar-content .nav-item .f-nav-item,
#f_client_view_content .f-sub-navigation-navbar-content .nav-item .f-nav-item {
  padding: 0 0 3px 0;
}

#projet_view-page .f-sub-navigation-navbar-content .nav-item .f-nav-item:before,
.f-client-page-client-form-anchor-container .f-sub-navigation-navbar-content .nav-item .f-nav-item:before,
#f_client_view_content .f-sub-navigation-navbar-content .nav-item .f-nav-item:before {
  bottom: -26px !important;
}

#compta-page .f-sub-navigation-navbar-content .nav-item .f-nav-item:before,
#projet_todo-page .f-sub-navigation-navbar-content .nav-item .f-nav-item:before {
  bottom: -28px !important;
}

.f-sub-navigation-navbar-content .f-left-navbar .nav-item:first-child {
  padding-left: 0;
}

.f-sub-navigation-navbar-content .f-left-navbar .nav-item:last-child {
  padding-right: 0;
}

.f-sub-navigation-navbar-content .f-nav-item {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  color: #343A40;

  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  -o-transition: color .5s ease-out;
  transition: color .5s ease-out;
}

.f-sub-navigation-navbar-content .nav-item .f-nav-item:before {
  -webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out;

  background-color: transparent;
  content: '';
  display: block;
  height: 3px;
  width: 100%;
  position: relative;
  bottom: -26px;
  border-radius: 5px;
  margin: 0;
}

.f-sub-navigation-navbar-content .nav-item:hover .f-nav-item,
.f-sub-navigation-navbar-content .nav-item.active .f-nav-item {
  color: #5565FC;
}

.f-sub-navigation-navbar-content .nav-item:hover .f-nav-item:before,
.f-sub-navigation-navbar-content .nav-item.active .f-nav-item:before {
  background-color: #5565FC;
}

.f-sub-navigation-navbar-content .nav-item .f-nav-item.dropdown-toggle:before {
  bottom: -26px;
}

.f-sub-navigation-navbar-content .nav-item .f-nav-item.dropdown-toggle:after {
  content: "\F1D8";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: relative;
  top: 3px;
}

.f-sub-navigation-subtitle-content .f-header-subtitle-item {
  font-size: 13px;
}

a.f-text-dark-2:hover,
a.f-text-dark-2:focus,
a.f-text-dark-2:visited,
.f-text-dark-2 {
  color: #343A40;
}

.f-header-project-menu-title-button-dropdown .dropdown-toggle:after {
  content: url(/assets/img/icon-cog-outline.svg);
  margin-left: 5px;
}

.f-header-project-menu-title-button-dropdown .dropdown-toggle:focus:after,
.f-header-project-menu-title-button-dropdown .dropdown-toggle:visited:after,
.f-header-project-menu-title-button-dropdown .dropdown-toggle:hover:after {
  content: url(/assets/img/icon-cog-outline-white.svg);
}

/* < 535px */
@media screen and (max-width: 535px) {
  .f-sub-navigation-container h1 {
    font-size: 24px;
  }

  .f-sub-navigation-container .f-title-button-item-container {
    margin-left: 0px !important;
    margin-top: .5rem !important;
    width: 100%;
    margin-bottom: .5rem !important;
  }

  .f-sub-navigation-container .f-title-button-item {
    margin-right: 0 !important;
  }

  .f-sub-navigation-container .f-title-button-item,
  .f-sub-navigation-container .f-title-button-item button {
    width: 100%;
  }

  .f-sub-navigation-container .f-btn-xxxl {
    padding: 0px 5px;
    height: 20px;
    border-radius: 5px;
    line-height: 15px;
    font-size: 10px;

    width: 100%;
  }

  .f-sub-navigation-container .f-btn-xxxl i {
    font-size: 10px;
  }

  .f-sub-navigation-navbar-content {
    margin-top: .5rem !important;
  }

  .f-sub-navigation-navbar-content .nav-item.active .f-nav-item:before,
  .f-sub-navigation-navbar-content .nav-item:hover .f-nav-item:before {
    background-color: transparent !important;
  }
}

.f-side-calendar-container .f-calendar-legend-container,
.f-side-calendar-container .f-misc-calendar-user-stats-container {
  display: none;
}

.f-furious-table-v2 thead th {
  vertical-align: middle;
  font-family: "Poppins", "ubuntu-medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #353A40;
  background-color: #F9F9FA !important;

  border-top: 1px solid #DFE4E6 !important;
  border-right: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 tbody tr td {
  border-bottom: 1px solid #DFE4E6 !important;
  position: relative;
  vertical-align: top;
}

.f-furious-table-v2 tbody tr td:first-child {
  border-left: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 tbody tr td:last-child {
  border-right: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 tbody tr:first-child td {
  border-top: none;
}

.f-furious-table-v2 thead tr th {
  border-bottom: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 thead tr:first-child th:first-child {
  border-top-left-radius: 4px;
  border-left: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 thead tr:first-child th:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 0 !important;
}

.f-furious-table-v2 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.f-furious-table-v2 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.f-furious-table-v2 tbody tr td {
  padding: 30px !important;
}

.f-furious-table-v2.f-furious-table-v2-light thead tr th,
.f-furious-table-v2.f-furious-table-v2-light tbody tr td {
  padding: 8px 15px !important;
  vertical-align: middle !important;
}

.f-furious-table-v2.f-furious-table-v2-light tbody tr td .form-check-label {
  height: 20px;
}

.f-postit-list-container .f-furious-table-v2 tbody tr td {
  padding: 15px !important;
}
.f-postit-list-container .f-furious-table-v2 thead tr th {
  padding-left: 15px;
  padding-right: 15px;
}

.f-furious-table-v2 thead tr th {
  padding-left: 30px;
  padding-right: 30px;
}

.f-furious-table-v2 th,
.f-furious-table-v2 td {
  position: relative;
}

.f-furious-table-v2 tbody > tr > td:before {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0px;
  right: 0px;
}

.f-furious-table-v2.f-furious-table-v2-light tbody > tr > td:before {
  top: 5px;
  bottom: 5px;
}

.f-furious-table-v2.f-checkable-table thead > tr > th:first-child,
.f-furious-table-v2.f-checkable-table tbody > tr > td:first-child {
  padding-right: 0 !important;
  width: 26px !important;
}

.f-furious-table-v2 thead > tr > th:first-child .form-check,
.f-furious-table-v2 tbody > tr > td:first-child .form-check,
.f-furious-table-v2 thead > tr > th:first-child .form-check-label,
.f-furious-table-v2 tbody > tr > td:first-child .form-check-label {
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
}

.f-furious-table-v2 tbody > tr > td:first-child:before {
  left: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.f-furious-table-v2 tbody > tr > td:last-child:before {
  right: 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.f-furious-table-v2.f-furious-table-v2-xtra-light tbody > tr > td:first-child:before {
  left: 0px;
  border-bottom-left-radius: 0px;
}

.f-furious-table-v2.f-furious-table-v2-xtra-light tbody > tr > td:last-child:before {
  right: 0px;
  border-bottom-right-radius: 0px;
}

.f-furious-table-v2.f-furious-table-v2-xtra-light tbody > tr > td:before {
  top: 0;
  bottom: 0;
}

.f-furious-table-v2 tbody > tr > td > * {
  position: relative;
}

.f-furious-table-v2 .table-danger > th:before,
.f-furious-table-v2 .table-danger > td:before {
  background-color: #FFEEF4;
}

.f-furious-table-v2 .table-info > th:before,
.f-furious-table-v2 .table-info > td:before {
  background-color: #F0F7FF !important;
}

.f-furious-table-v2 .table-warning > th:before,
.f-furious-table-v2 .table-warning > td:before {
  background-color: #FFFAE7 !important;
}

.f-furious-table-v2 .table-success > th:before,
.f-furious-table-v2 .table-success > td:before {
  background-color: #c2f2ea !important;
}

.f-furious-table-v2 .table-danger,
.f-furious-table-v2 .table-danger td,
.f-furious-table-v2 .table-success,
.f-furious-table-v2 .table-success td,
.f-furious-table-v2 .table-info,
.f-furious-table-v2 .table-info td ,
.f-furious-table-v2 .table-warning,
.f-furious-table-v2 .table-warning td {
  background-color: #FFFFFF;
}

.f-furious-table-v2 .f-table-row-odd{

}

.f-furious-table-v2 .f-table-row-even{
  background-color:#F2F4F5 !important;
}

.f-furious-table-v2 .f-config-local-table-row-secondary-office:not(.f-config-local-table-row-last-office) td{
  padding-bottom:5px !important;
  padding-top:5px !important;
  border-bottom: none !important;
}

body .f-furious-table-v2 tbody tr.f-config-local-table-row-last-office td{
  padding-top:2px !important;
  padding-bottom:10px !important;
}

.f-furious-table-v2 .f-config-local-table-row-secondary-office.f-config-local-table-row-last-office td{
  padding-top:5px !important;
}

.f-furious-table-v2 .f-config-local-table-row-root-office.f-config-local-table-row-multiple-offices td{
  padding-bottom:5px !important;
  border-bottom: none !important;
}

.f-furious-table-v2 .f-config-local-table-row-root-office .f-config-local-edit-logo-btn{
  position: relative;
  left: 15px;
  cursor:pointer;
  opacity:0;
  transition: opacity 0.3s ease;
  margin-top: -22px;
}

.f-furious-table-v2 .f-config-local-table-row-root-office .f-config-local-edit-logo-img{
  height:25px !important;
  width:25px !important;
}

.f-furious-table-v2 .f-config-local-table-row-root-office .f-config-local-edit-logo-img-ctn:hover button.f-config-local-edit-logo-btn{
  opacity:1;
}


.f-furious-table-header-left thead tr th div.sorting{
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: flex-start;
}

.f-furious-table-header-left thead tr th::after,
.f-furious-table-header-left thead tr th::before{
  display:none;
}

.f-furious-table-header-left thead tr th div.sorting span{
  order:1;
}

.f-furious-table-header-left thead tr th div.sorting::before{
  order:2;
  position:relative;
  display:block;
  bottom: 0 !important;
  right: 0 !important;
  margin-left: 6px;
}

.f-furious-table-header-left thead tr th[aria-sort="ascending"] div.sorting::before{
  opacity: 1;
}

.f-furious-table-header-left thead tr th div.sorting::after{
  order:3;
  position:relative;
  display:block;
  bottom: 0 !important;
  right: 0 !important;
  margin-left: 1px;
}

.f-furious-table-header-left thead tr th[aria-sort="descending"] div.sorting::after{
  opacity: 1;
}

.search-field .tt-suggestion .f-badge-light {
  font-size: 9px;
  top: -2px !important;
  position: relative;
}

.f-badge-light {
  background: #FFFFFF;
  border: 1px solid #DFE4E6;
  box-sizing: border-box;
  border-radius: 20px !important;
  padding: 5px 10px;
  font-size: 10px;
  color: #353A40;
  display: inline-block;
  word-break: normal;
}

.btn-inverse-dark-light.active i.f-text-grey,
.f-text-grey {
  color: #353A40 !important;
}

.f-text-light-grey {
  color: #DCDCDC !important;
}

.btn-inverse-dark-light.active i.f-text-red,
.f-text-red {
  color: #FC6595 !important;
}

.btn-inverse-dark-light.active i.f-text-blue,
.f-text-blue {
  color: #5565FC !important;
}

.f-text-dark-blue {
  color: #5565FC !important;
}

.btn-inverse-dark-light.active i.f-text-green,
.f-text-green {
  color: #00C7AB !important;
}

.btn-inverse-dark-light.active i.f-text-gold,
.f-text-gold {
  color: #F4B973 !important;
}

.btn-icon-text-fullwith{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.f-text-black {
  color: #343A40;
}

.f-cash-planner-suggestion-found {
  position: absolute;
  top: -15px;
  left: 0;
}

.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update-select-all:checked + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].f-checkbox-v2:checked + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update:checked + .input-helper:before {
  background: #FFFFFF !important;
}

.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update-select-all + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].f-checkbox-v2 + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update + .input-helper:before {
  width: 16px;
  height: 16px;
  border: 1px solid #353A40 !important;
  cursor: pointer;
}

.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update-select-all + .input-helper:after,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].f-checkbox-v2+ .input-helper:after,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].multi-update + .input-helper:after {
  color: #5565FC !important;
  font-size: 11px !important;
  width: 16px;
  line-height: 16px;
  background: transparent !important;
  cursor: pointer;
  left: -1px;
}

.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"]:disabled.multi-update-select-all + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"]:disabled.f-checkbox-v2 + .input-helper:before,
.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"]:disabled.multi-update + .input-helper:before {
  border-color: #E1E7EA !important;
}

.f-lowercase {
  text-transform: lowercase;
}

.f-btn-outline-light {
  color: #353A40;
  border-color: #353A40;
  background-color: #FFFFFF;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-btn-outline-light.active,
.f-btn-outline-light:hover {
  color: #ffffff;
  background-color: #353A40;
  border-color: #353A40;
}

#f_invoice_list_table_container {
  position: relative;
}

#f_invoice_list_table_container .f-datatable-top-left-content {
  position: absolute;
  top: 0;
  z-index: 1;
}

#f_invoice_list_table_container tbody tr {
  background: #FFFFFF;
}

.f-list-container-v2 .dataTables_filter input[type=search].form-control,
#factures-page .dataTables_filter input[type=search].form-control {
  padding: 6px 20px !important;
  height: 40px;
  border: 1px solid #DFE4E6;
  border-radius: 4px;
  min-width: 245px;
  margin-left: 0px !important;
}

.f-list-container-v2 .dataTables_filter label,
#factures-page .dataTables_filter label {
  position: relative;
}

.f-list-container-v2 .dataTables_filter label:after,
#factures-page .dataTables_filter label:after {
  content: "\e090";
  font-family: 'simple-line-icons';
  color: #49454F;
  position: absolute;
  right: 20px;
  top: 12px;
}

.f-list-container-v2 .dataTables_filter input[type=search].form-control::placeholder,
#factures-page .dataTables_filter input[type=search].form-control::placeholder {
  font-size: 14px;
  color: #49454F;
}

.dataTables_filter input[type=search].form-control:focus {
  border-color : #353A40 !important;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-no-after-content:after {
  content: '' !important;
}

.f-multi-update-form-container {
  position: fixed;
  width: 100%;
  background-color: #353A40;
  margin: 0;
  left: 0;
  bottom: 0;
  z-index: 1020 !important;
  padding-left: 100px;
  padding-right: 100px;
  text-align: left;
  color: white;
}

.f-multi-update-form-container .select2-results__option {
  color: #353A40;
}

#compta-page .f-furious-table-v2 tbody td:nth-child(3),
#compta-page .f-furious-table-v2 tbody td:nth-child(4) {
  white-space: normal !important;
  word-break: break-all !important;
}

.f-furious-table-v2 .form-check input[type=checkbox] {
  width: 16px;
  height: 16px;
}

.f-badge-light.f-btn-h25 {
  line-height: 18px !important;
}
.f-opportunity-assignation-meta-info .f-badge-light.f-error,
.f-badge-light.f-error {
  background-color: #fee2eb !important;
  border-color: #FC6595 !important;
  color: #FC6595 !important;
}

.f-bg-light-grey {
  background-color: #EBEDEF;
  color: #343A40;
}

.f-bg-dark-grey {
  background-color: #353A40;
  color: #FFFFFF;
}

.card.f-help-card-dark {
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #353A40;
  color: #FFFFFF;
  min-width: 270px;
}

.card.f-help-card-dark .card-body {
  padding-top: 28px;
  padding-bottom: 28px;
}

.card.f-help-card-dark .card-body .f-inner-text {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.21px;
}

.card.f-help-card {
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 13px;
  position: relative;
  background-color: #FFFFFF;
  border: solid 1px #DCDCDC;
  font-size: 12px;
  color: #353A40;
}

.card.f-help-card ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.card.f-help-card .card-body {
  padding: 26px 30px;
}

.f-help-card .f-help-card-video-preview-link img {
  transition: all .2s ease-in-out;
}


.f-help-card .f-help-card-video-preview-link:hover img {
  transform: scale(1.1);
}

.f-help-card .f-help-card-icon {
  position: absolute;
  left: 110px;
  top: -30px;
}

#f_modal_event_settings_form .f-help-card .f-help-card-icon {
  left: 30px;
  top: -26px;
}

#f_modal_event_settings_form .f-help-card:after {
  content: url("/assets/img/icon-arrow-down-outline.svg");
  display: block;
  z-index: 2;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}

.f-help-card.f-bg-dark-grey a:hover,
.f-help-card.f-bg-dark-grey a:focus,
.f-help-card.f-bg-dark-grey a:visited,
.f-help-card.f-bg-dark-grey a {
  color: #FFFFFF;
  text-decoration: underline;
}

.f-input-emoji-container {
  display: inline-block;
  width: 100%;
  position: relative;
}

.f-emoji-trigger-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12.5px;
}

.f-emoji-picker-container {
  position: absolute;
  right: 10px;
  top: 60px;
  z-index: 2650;
}

.f-onboarding-container .btn-dark-light {
  background: #565D64 !important;
  color: #DFE4E6 !important;
}

.f-transactions-comment {
  color: #6C7281 !important;
  display: inline-block;
}

.f-cash-planner-transaction-comment-add-btn {
  margin: -5px 0 0;
}


.f-furious-link:hover,
.f-furious-link:visited,
.f-furious-link:focus,
.f-furious-link {
  color: #353A40;
  text-decoration: underline;
}

.f-sticky-scroll {
  position: fixed;
  top: 90px;
  background: white;
  z-index: 10;
}

#projet_note-page .table td img {
  height: auto;
  border-radius: 0px !important;
}

.f-rh-exp-drag {
  cursor: move;
  position: relative;
}

.f-rh-exp-drag:hover .f-rate-car-move {
  opacity: 1 !important;
}

.f-rh-exp-drag .f-rate-car-move {
  top: 20px;
  left: -30px;
}

.f-rh-exp-dragged {
  cursor: move;
}

.f-rh-exp-dragged.gu-mirror,
.f-rh-exp-dragged.gu-transit {
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(63, 83, 101, 0.1);
}

.f-d-none-forced {
  display: none !important;
}

#planning-page .f-sprint-quick-validate-btn,
#planning-page .f-sprint-quick-status-btn,
.f-calendar .f-sprint-quick-validate-btn,
.f-calendar .f-sprint-quick-status-btn {
  display: inline-block;
}

.f-sprint-quick-validate-btn {
  color: #FFFFFF;
}

.f-sprint-quick-status-btn {
  display: none;
  color: #FFFFFF;
  padding: 0 !important;
  position: absolute;
  bottom: 1px;
  left: 5px;
}

.f-sprint-quick-status-2-btn {
  left: 20px;
}

.f-sprint-quick-validate-btn i,
.f-sprint-quick-status-btn i {
  font-size: 10px;
}

.f-passed-day,
.f-passed-week .f-furious-table-v2 th,
.f-passed-week .f-furious-table-v2 td,
.f-passed-week th,
.f-passed-week td {
  color: rgba(86, 109, 137, 0.8);
}

.f-passed-week .f-furious-table-v2 th:first-child,
.f-widget-weekly-time-tracker th:first-child,
.f-passed-week th:first-child {
  border-bottom-left-radius: 0px !important;
}

.f-passed-week .f-furious-table-v2 th:last-child,
.f-widget-weekly-time-tracker th:last-child,
.f-passed-week th:last-child {
  border-bottom-right-radius: 0px !important;
}

.f-widget-weekly-time-tracker thead tr th {
  vertical-align: middle !important;
  text-align: center !important;
}

.f-current-day-number {
  border-radius: 100% !important;
  height: 25px;
  width: 25px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.f-day-number-pill {
  height: 25px;
  width: 25px;
  text-align: center;
}

.f-weekly-user-time-tracker-row td {
  vertical-align: middle !important;
}

.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-bar,
.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
  background-color: rgb(25, 138, 227, 0.5);
}

.stock-menu .irs--flat .irs-to {
  background-color: #353A40;
}

.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-handle > i:first-child {
  background-color: rgba(25, 138, 227, 0.8);
}

.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-single {
  background: rgba(25, 138, 227, 0.8) !important;
}

.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-from:before,
.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-to:before,
.f-irs-weekly-time-tracker-week-duration-slider.irs--flat .irs-single:before
{
  border-top-color: rgba(25, 138, 227, 0.8) !important;
}

.f-weekly-time-tracker-day-col {
  position: relative;
}

.f-weekly-time-tracker-day-content {
  transition: all .3s ease-in-out;
  opacity: 0;
  width: 100%;
  text-align: center;
  position: absolute !important;
  top: 10px;
  left: 0;
  display: block;
}

.f-weekly-time-tracker-day-col:hover .f-weekly-time-tracker-day-content {
  transition: all .3s ease-in-out;
  opacity: 1;
}

#furious-debugbar #fdb__feedback_btn {
  display: none !important;
}

.f-global-context-item-container {
  position: fixed;
  bottom: 30px;
  right: 10px;
  z-index: 99;
  padding: 5px;
  background: #ECEFF0;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 40%);
  box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 40%);
}

.f-global-context-item-container .btn {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}

.f-global-context-item-container .btn i {
  color: #000000 !important;
}

.f-global-context-item-container .btn:hover {
  background-color: rgba(63, 83, 101, 0.1) !important;
  border-color: rgba(63, 83, 101, 0) !important;
  color: #000000 !important;
}

.f-global-context-item-container .btn:hover i
{
  color: rgba(63, 83, 101, 0.9) !important;
}

.f-user-weekly-time-tracker-rc-status {
  cursor: initial !important;
}

.f-cash-planner-matching-delete-btn i {
  transition: all .3s ease-in-out;
  opacity: 0;
}

.f-cash-planner-matching-delete-btn:hover i {
  transition: all .3s ease-in-out;
  opacity: 1;
}

.f-hidden-scrollbar::-webkit-scrollbar {
  display: none !important;
}

.f-hidden-scrollbar nav.sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.f-position-relative {
  position: relative;
}

.f-position-absolute {
  position: absolute;
}

.f-card-form-loader {
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  border-radius: 0.625rem;
}

.f-company-organization-chart-container {
  background-color: transparent;
  border: none;
  height: 570px;
}

.f-company-organization-chart-container canvas:focus {
  outline: 0 !important;
}

.f-input-group-append-abs {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
}

.f-gantt-v2 .gantt_default_corner {
  overflow: unset !important;
}

.f-gantt-v2 .gantt_default_corner .gantt_default_divider {
  background-color: #FFFFFF;
}

.f-gantt-v2 .gantt_default_corner .f-gantt-columns-item {
  position: relative;
  top: 6px;
  color: rgb(102, 114, 128);
}

.f-gantt-v2 .gantt_default_corner .gantt_default_columnheader_splitter {
  background-color: #F2F2F2;
  width: 3px !important;
}

.f-gantt-v2 .gantt_default_columnheader {
  border-bottom: solid 1px #F2F2F2;
}

.f-gantt-v2 .gantt_default_columnheader .gantt_default_columnheader_inner .gantt_default_columnheader_cell {
  background: #FFFFFF;
}

.f-gantt-v2 .f-gantt-column-inner-item {
  text-align: center;
}

.f-gantt-v2 .f-gantt-column-inner-item img {
  width: 30px !important;
  height: 30px !important;
}

.f-gantt-v2 .f-gantt-column-inner-item .f-grouped-img-more-btn {
  width: 30px !important;
  height: 13px !important;
}

.f-gantt-v2 .f-gantt-column-inner-item .f-grouped-img-more-btn:hover,
.f-gantt-v2 .f-gantt-column-inner-item .image-grouped img:hover {
  transform: scale(1) !important;
  border: 4px solid #FFFFFF;
}

.f-gantt-v2 .f-fold-unfold-container {
  padding-left: 0px !important;
}

#statistique_gantt-page .f-fold-unfold-container {
  padding-top: 0;
}

#statistique_gantt-page #gantt .f-week-header-item {
  font-size: 0.625rem;
  padding: 2px 5px;
}

.f-gantt-v2 .f-gantt-collapse-all:before,
.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse:before {
  content: "\F143";
  color: rgb(102, 114, 128) !important;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  font-size: 1rem;
}

.f-gantt-v2 .f-gantt-expand-all:before,
.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand:before {
  content: "\F140";
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  color: rgb(102, 114, 128) !important;
  font-size: 1rem;
  position: relative;
  top: 2px;
}

.f-gantt-v2 .f-gantt-column-inner-item .f-btn-16 {
  border-radius: 5px;
  padding-bottom: 0;
}

.f-gantt-v2#gantt:not(.f-todo-calendar-gantt) .gantt_default_rowheader_inner .gantt_default_tree_image_expand,
.f-gantt-v2#gantt:not(.f-todo-calendar-gantt) .gantt_default_rowheader_inner .gantt_default_tree_image_collapse {
  top: 13px !important;
  left: 8px !important;
}

.f-guest .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand,
.f-guest .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse {
  left: 0px !important;
}

.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand + div,
.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse + div,
.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div {
  margin-right: 0px !important;
}

.f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_no_children + div {
  /*margin-left: 10px !important;*/
}

.f-gantt-v2#gantt .gantt_default_rowheader_inner {
  padding-top: 8px;
}


.f-gantt-v2#gantt .gantt_default_event_right .f-gantt-milestone-decoration {
  display: none;
}

.f-gantt-v2#gantt .gantt_default_event_right {
  background-color: #FFFFFF !important;
  padding: 2px;
  border-radius: 3px;
}

.f-gantt-v2#gantt .gantt_default_rowheader_inner {
  padding-top: 15px;
}

.f-gantt-v2#gantt .gantt_default_rowheader_inner .f-gantt-column-inner-item .image-grouped {
  margin-top: -11px !important;
}

.f-gantt-v2#gantt .f-gantt-category-row-item.gantt_default_rowheadercol1 .gantt_default_rowheader_inner,
.f-gantt-v2#gantt .f-gantt-category-row-item.gantt_default_rowheadercol2 .gantt_default_rowheader_inner,
.f-gantt-v2#gantt .f-gantt-category-row-item.gantt_default_rowheadercol3 .gantt_default_rowheader_inner,
.f-gantt-v2#gantt .f-gantt-category-row-item.gantt_default_rowheadercol4 .gantt_default_rowheader_inner,
.f-gantt-v2#gantt .f-gantt-category-row-item.gantt_default_rowheadercol5 .gantt_default_rowheader_inner {
  padding-top: 13px;
}


.f-gantt-v2#gantt .f-gantt-category-row-item .gantt_default_rowheader_inner {
  padding-top: 0px;
  top: -5px;
}

.f-gantt-v2#gantt .f-gantt-quick-add-btn,
.f-gantt-v2#gantt .f-open-sprint-menu,
.f-gantt-v2#gantt .f-scroll-to-task {
  position: initial !important;
  top: initial !important;
  left: initial !important;
  box-sizing: border-box !important;
}

.f-gantt-v2#gantt .gantt_default_header_icon {
  border-color: rgba(102, 114, 128, .1);
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #F2F2F2;
  width: 16px !important;
  height: 30px !important;
}

.f-gantt-v2#gantt .gantt_default_header_icon {
  top: 30px !important;
}

.f-gantt-v2#gantt .gantt_default_header_icon:before {
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  color: rgba(102, 114, 128, .5) !important;
  font-size: 0.875rem;
  top: 7px;
  position: absolute;
}

.f-gantt-v2#gantt .gantt_default_header_icon.gantt_default_header_icon_hide:before {
  content: "\F13D";
}

.f-gantt-v2#gantt .gantt_default_header_icon.gantt_default_header_icon_show:before {
  content: "\F13E";
}

.f-purchase-export-swal .swal-title:before,
.f-confirm-swal-modal .swal-title:before {
  content: "\e05d";
  font: normal normal normal 24px/1 'simple-line-icons';
  font-size: 2rem;
}

.f-confirm-swal-modal .swal-footer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;

  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.f-purchase-export-swal.f-waiting .swal-title:before {
  content: url(/assets/img/icon-bank.svg);
}

.f-purchase-export-swal.f-waiting .swal-title {
  margin: 0 !important;
  padding: 15px 0 0 0 !important;
}

.f-purchase-export-swal.f-waiting .swal-content {
  width: 350px;

  color: #353A40;
  text-align: center;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  margin: 0 auto 20px auto;
}

.f-purchase-export-swal.f-waiting .swal-content .f-loader-container {
  border-radius: 10px;
  background: #F2F4F5;
  height: 14px;
  margin-bottom: 25px;
}

.f-purchase-export-swal.f-waiting .swal-content .f-loader-container .f-progress {
  border-radius: 10px;
  background: #5565FC;
  height: 14px;
  width: var(--percent);

  -webkit-transition: width .1s ease-out;
  -moz-transition: width .1s ease-out;
  -o-transition: width .1s ease-out;
  transition: width .1s ease-out;
}

.f-gantt-v2#gantt .f-gantt-color-prefix-btn {
  height: 7px;
  width: 7px;
  border-radius: 10px;
  cursor: pointer;
}

.f-gantt-v2#gantt .f-gantt-milestone-decoration {
  height: 7px;
  width: 7px;
  border-radius: 1px;
  transform: rotate(45deg);
}

.f-gantt-v2#gantt .f-gantt-ext-decoration {
  height: 7px;
  width: 7px;
  border-radius: 2px;
}

.asColorPicker-alpha.asColorPicker-alpha-vertical {
  display: none !important;
}

.f-gantt-v2#gantt .gantt_default_rowheader.gantt_default_row_new {
  display: none;
}

.f-gantt-container {
  position: relative;
}

.f-gantt-container .f-gantt-action-container.f-bottom {
  position: absolute;
  bottom: -35px;
  z-index: 2;
}

.f-gantt-zoom-15 .f-gantt-quick-add-btn,
.f-gantt-zoom-25 .f-gantt-quick-add-btn {
  display: none;
}

.f-gantt-zoom-15 .f-gantt-v2#gantt .f-gantt-category-row-item .gantt_default_rowheader_inner,
.f-gantt-zoom-25 .f-gantt-v2#gantt .f-gantt-category-row-item .gantt_default_rowheader_inner,
.f-gantt-zoom-50 .f-gantt-v2#gantt .f-gantt-category-row-item .gantt_default_rowheader_inner {
  top: 0 !important;
}

.f-gantt-zoom-15 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand,
.f-gantt-zoom-15 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse,
.f-gantt-zoom-25 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand,
.f-gantt-zoom-25 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse,
.f-gantt-zoom-50 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_expand,
.f-gantt-zoom-50 .f-gantt-v2#gantt .gantt_default_rowheader_inner .gantt_default_tree_image_collapse {
  top: 7px !important;
}

.f-gantt-zoom-15 .f-gantt-v2#gantt .gantt_default_rowheader_inner,
.f-gantt-zoom-25 .f-gantt-v2#gantt .gantt_default_rowheader_inner,
.f-gantt-zoom-50 .f-gantt-v2#gantt .gantt_default_rowheader_inner {
  padding-top: 4px !important;
}

.f-gantt-zoom-15 .f-gantt-v2 .f-gantt-column-inner-item img,
.f-gantt-zoom-25 .f-gantt-v2 .f-gantt-column-inner-item img,
.f-gantt-zoom-50 .f-gantt-v2 .f-gantt-column-inner-item img {
  height: 20px !important;
  width: 20px !important;
}

i.f-rotate-up:before,
.f-rotate-up {
  transform: rotate(-90deg) !important;
}

i.f-rotate-down:before,
.f-rotate-down {
  transform: rotate(90deg) !important;
}

.f-top-client-year-board-evol-content i.f-rotate-up:before,
.f-top-client-year-board-evol-content i.f-rotate-down:before {
  font-size: 1rem !important;
  top: -1px;
  position: relative;
}

.card.f-fullscreen-preview {
  position: absolute;
  top: -72px;
  left: -35px;
  right: -35px;
}

.f-fullscreen-preview .f-toolbars.f-toolbar-top {
  top: 46px;
}

.f-main-top-panel-container {
  background: #FFF7D8;
  color: #c1a30e;
  border: 1px solid #eac611;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
}

.f-main-top-panel-btn.f-emoji-btn {
  font-size: 1.8rem;
}

.f-main-top-panel-btn.f-emoji-btn {
  transition: all .2s ease-in-out;
  transform: scale(1);
}

.f-main-top-panel-btn.f-emoji-btn.active,
.f-main-top-panel-btn.f-emoji-btn:hover {
  transform: scale(1.5);
}

.f-sprint-is-validated {
  position: absolute;
  bottom: -8px;
  right: -8px;
  display: block;
  background-color: #00ff37;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
}

.f-sprint-is-validated-icon {
  color: #00ff37;
}

.f-invoice-payment-timeline-popover.popover {
 max-width: 500px !important;
}

.f-furious-table-v2 tbody tr:first-child td:first-child .f-td-top-left-badge {
  border-top-left-radius: 10px;
}

.f-td-top-left-badge {
  position: absolute !important;
  top: 0;
  left: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}

.grid-stack-item:not([f-gs-id=project-list]) .grid-stack-item-content .card .card-body {
  padding: 1rem !important;
}

.f-calendar-header-percent-container {
  font-size: .5rem;
  position: absolute;
  top: -5px;
  right: 5px;
  display: block;
}

.f-img-container-25 img {
  width: 25px !important;
  height: 25px !important;
}

.f-hompepage-top-navbar {
  position: fixed;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 4;
  margin-left: 70px;
  margin-right: 0px;
}

.f-main-top-panel-container-opened .f-hompepage-top-navbar {
  top: 170px;
}

body#f_homepage:not(.sidebar-icon-only) .f-hompepage-top-navbar {
  margin-left: 255px !important;
}

.dt-button.buttons-collection.f-datatable-collection-btn .dt-down-arrow {
  display: none;
}

.dt-button.buttons-collection.f-datatable-collection-btn {
  background-image: none;
  padding: 5px;
  border-radius: 5px;
  font-size: 0.6875rem;
  line-height: 1;
  margin-top: 3px;
  text-overflow: unset !important;
  white-space: normal !important;
}


button.dt-button.f-datatable-collection-btn:focus:not(.disabled),
div.dt-button.f-datatable-collection-btn:focus:not(.disabled),
a.dt-button.f-datatable-collection-btn:focus:not(.disabled),
input.dt-button.f-datatable-collection-btn:focus:not(.disabled),
.dt-button.buttons-collection.f-datatable-collection-btn:active,
.dt-button.buttons-collection.f-datatable-collection-btn:focus,
.dt-button.buttons-collection.f-datatable-collection-btn:focus:not(.disabled),
.dt-button.buttons-collection.f-datatable-collection-btn:hover {
  background-color: #353A40 !important;
  border-color: #353A40 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background: #353A40 !important;
  color: #FFFFFF !important;
}

.dt-button.f-datatable-collection-link {
  color: #353A40 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.dt-button.f-datatable-collection-link:active,
.dt-button.f-datatable-collection-link:focus,
.dt-button.f-datatable-collection-link:hover {
  border: none !important;
  background: rgba(63, 83, 101, 0.1) !important;
}

div.dt-button-collection {
  width: auto !important;
  border: 1px solid #E1E7EA !important;
  webkit-box-shadow: 0px 1px 15px 1px rgb(230 234 236 / 35%) !important;
  box-shadow: 0px 1px 15px 1px rgb(230 234 236 / 35%) !important;
}

.f-toggable-block,
.f-project-creation-toggable-block {
  display: none;
}

.f-toggable-block.f-show,
.f-project-creation-toggable-block.f-show {
  display: block;
}

tr.f-toggable-block.f-show,
tr.f-project-creation-toggable-block.f-show {
  display: table-row;
}

.f-project-creation-invoice-repeater-item {
  background-color: #FFF;
  border-radius: 10px;
  border: solid 1px #D9D9D9;
}

.f-select2-multiple-min-width-200 .select2.select2-container  {
  min-width: 200px !important;
  width: auto !important;
}

.f-furious-table-v2.f-furious-table-v2-light img {
  width: 32px !important;
  height: 32px !important;
}

.f-furious-table-v2.f-furious-table-v2-light th,
.f-furious-table-v2.f-furious-table-v2-light td {
  vertical-align: middle !important;
}


.f-rate-card-model-search-modal-btn-container.f-sticky-btn-container {
  position: fixed;
  bottom: 10px;
}

.f-invoice-repeater .f-repeater-item.f-invoice-repeater-item-sticky.f-invoice-highlight {
  position: fixed;
  top: 45px;
  left: 0;
  width: 57%;
  z-index: 120;
  background-color: #FFFFFF !important;
  border-right: solid 1px #DFE4E6;
  border-bottom: solid 1px #DFE4E6;
  border-bottom-right-radius: 10px;
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
}

.f-invoice-repeater .f-repeater-item.f-invoice-repeater-item-sticky.f-invoice-highlight .dropdown-menu.show {
  transform: none !important;
  right: 0 !important;
  left: inherit !important;
  top: 40px !important;
}

.f-invoice-repeater .f-repeater-item.f-invoice-repeater-item-sticky.f-invoice-highlight .f-invoice-quick-edit-btn,
.f-invoice-repeater .f-repeater-item .f-invoice-quick-edit-btn {
  display: none;
}

.f-invoice-repeater .f-repeater-item.f-invoice-highlight .f-invoice-quick-edit-btn {
  display: inline-block;
}

#compta-page td.f-alert-container {
  white-space: normal !important;
  line-height: 20px;
}

#cutoff-page th.dtfc-fixed-left,
#cutoff_budget-page th.dtfc-fixed-left,
#cutoff-page td.dtfc-fixed-left,
#cutoff_budget-page td.dtfc-fixed-left {
  z-index: 10;
  background: #FFFFFF;
}

#cutoff-page tr:hover td.dtfc-fixed-left,
#cutoff_budget-page tr:hover td.dtfc-fixed-left {
  background: #F2F4F5;
}

#cutoff-page tr.table-primary td.dtfc-fixed-left,
#cutoff_budget-page tr.table-primary td.dtfc-fixed-left {
  background: #c9cfd4;
}

#cutoff-page tr.table-primary:hover td.dtfc-fixed-left,
#cutoff_budget-page tr.table-primary:hover td.dtfc-fixed-left {
  background: #bbc2c9;
}

.f-invoice-row-sticked .f-invoice-rows-error-container {
  padding-top: 20px;
  top: 80px;
  transition: all .2s ease-in-out;
}

.f-invoice-rows-error-container {
  transition: all .2s ease-in-out;
  position: fixed;
  top: -25px;
  left: 0;
  border-left: none;
  z-index: 100;
  width: 57%;
  background: #fee2eb !important;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-color: rgba(252, 101, 149, 0.3);
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
  z-index: 10000;
}

.f-checkbox-v2.f-checkbox-v2-sm,
.f-checkbox-v2.f-checkbox-v2-sm + .input-helper:before {
  width: 20px !important;
  height: 20px !important;
}

.form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before {
  border-radius: 5px !important;
}

.f-furious-table-v2 .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-sm + .input-helper:after,s
.f-checkbox-v2.f-checkbox-v2-sm + .input-helper:after {
  width: 18px !important;
  line-height: 21px !important;
  font-size: 10px !important;
}

tr.f-checkable-row {
  cursor: pointer !important;
}

.f-bg-danger {
  background-color: #FFEEF4 !important;
}

.fr-emoticon-img {
  background-repeat: no-repeat !important;
}

.f-daypilot-user-office-booking-event .scheduler_default_event_inner {
  border: none;
  background: #EF9A9A;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 11px;
  font-family: 'Poppins-Bold', 'ubunt-regular', sans-serif;
}

.f-daypilot-user-office-booking-event.f-daypilot-user-office-booking-event-ok .scheduler_default_event_inner {
  background: #FEFBC7;
  color: #846C05;
}

.f-form-control-h25 {
  height: 25px;
  font-size: .625rem !important;
  border-radius: 5px;
}

.f-form-control-h25::placeholder {
  font-size: .625rem !important;
}

.f-admin-v2-config-local-meta-logo-picture-container {
  background-color: #FFFFFF;
}

.f-admin-v2-config-local-meta-logo-picture-container:hover {
  background-color: #E1E7EA;
}

.f-admin-v2-config-local-meta-logo-picture-container.f-has-change {
  background-color: #FFFAE7 !important;
}

.f-select-h25 + .select2.select2-container,
.f-select-h25 + .select2.select2-container .select2-selection {
  height: 25px !important;
}

.f-select-h25 + .select2.select2-container .select2-selection {
  padding: 5px;
}

.f-form-v2 .f-select-h25 + .select2.select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: 14px;
}

.f-form-v2 .f-select-h25 + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: -9px;
}

.f-form-v2 .f-select-h25 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: -4px;
}

.f-form-v2 .f-select-h18 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: 2px;
}

.f-notif-panel-item-picto {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  text-align: center;
}

.f-notif-panel-item {
  transition: all .3s ease-in-out;
  border-bottom: solid 1px rgba(52, 58, 64, .1);
  position: relative;
}

.f-notif-panel-item:hover {
  transition: all .3s ease-in-out;
  background-color: rgba(63, 83, 101, 0.1);
}


#f_notif_center_sidebar.settings-panel {
  width: 500px;
  right: -500px;
}

#f_notif_center_sidebar.settings-panel.open {
  right: 0;
}

#f_api_explorer_panel_sidebar.settings-panel {
  width: 80%;
  right: -80%;
}

#f_api_explorer_panel_sidebar.settings-panel.open {
  right: 0;
}

#f_quick_mailbox_sidebar.settings-panel {
  width: 50%;
  right: -50%;
}

#f_quick_mailbox_sidebar.settings-panel.open {
  right: 0;
}

#f_quick_mailbox_sidebar.settings-panel.f-sidebar,
#f_quick_mailbox_sidebar.settings-panel.f-sidebar #setting-content {
  background-color: #F9F9FA !important;
}

.f-notif-panel-item img {
/*  border-radius: 5px !important;
  width: 32px !important;
  height: 32px !important;*/
}

.f-profil-picture-square-container img {
  border-radius: 5px !important;
  width: 32px !important;
  height: 32px !important;
}

.f-postit-inbox-item {
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.f-postit-inbox-item:hover {
  transition: all .3s ease-in-out;
  background-color: rgba(63, 83, 101, 0.1);
}

#f_postit_inbox_container .f-inbox-new-badge {
  transition: all .3s ease-in-out;
  opacity: 0;

  position: absolute;
  display: block;
  top: 3px;
  right: 3px;
  width: 7px;
  height: 7px;
  background-color: #24CFB4;
  border-radius: 100%;
}

#f_postit_inbox_container .f-postit-new-inbox-postit-btn {
  transition: all .3s ease-in-out;
  display: none;
}

#f_postit_inbox_container.f-new-postit .f-postit-inbox-icon:before {
  content: "\F1EE" !important;
}

#f_postit_inbox_container.f-new-postit .f-postit-inbox-sidebar-btn[f-type=inbox] .f-inbox-new-badge {
  transition: all .3s ease-in-out;
  opacity: 1;
}

#f_postit_inbox_container.f-new-postit .f-postit-new-inbox-postit-btn {
  transition: all .3s ease-in-out;
  display: block;
}

.f-postit-inbox-item.f-new {
  font-weight: 900 !important;
}

.f-postit-inbox-item.f-new img {
  border: solid 2px #24CFB4;
}

.f-custom-rating-5-container .f-text-left,
.f-custom-rating-5-container .f-text-right {
  word-break: keep-all;
  white-space: nowrap;
}

#f_layout_bottom_tab_container {
  position: fixed;
  bottom: 0;
  right: 100px;
  left: 0;
  z-index: 11;
}

.f-layout-bottom-tab-item a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #353A40 !important;
}

.f-layout-bottom-tab-item {
  cursor: pointer;
  height: 55px;
  width: 166px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-shadow: 0px 8px 8px #999;
  box-shadow: 0px 8px 8px #999;
  color: #353A40 !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%);
}

.f-layout-bottom-tab-item .f-item-text {
  color: #6D7281;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.25px;
}

.f-layout-bottom-tab-item i {
  font-size: 12px;
  color: #353A40;
}

.f-layout-bottom-tab-item .f-item-close i {
  font-size: 13px;
  font-weight: bold;
}

.f-layout-bottom-tab-item:hover {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  background: rgb(62, 75, 91);
  color: #FFFFFF !important;
}

.f-layout-bottom-tab-item:hover i,
.f-layout-bottom-tab-item:hover .f-item-text,
.f-layout-bottom-tab-item:hover a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #FFFFFF !important;
}

.f-layout-minimize-btn.f-layout-minimize-top-right-btn[f-type=postit] {
  position: fixed;
  top: 1px;
  right: 32px;
  z-index: 10;
}

.f-layout-minimize-btn.f-layout-minimize-top-right-btn i {
  transition: all .2s ease-in-out;
  font-size: 1.5rem !important;
  color: #353A40 !important;
  opacity: 0.5;
}

.f-layout-minimize-btn.f-layout-minimize-top-right-btn:hover i {
  transition: all .2s ease-in-out;
  opacity: 1;
}

.f-sidebar-search-label:before,
.f-grid-widgets-search-label:before {
  content: "\e090";
  font-family: 'simple-line-icons';
  color: #353A40;
  position: absolute;
  left: 13px;
  top: 12px;
}

.f-sidebar-search-label input,
.f-grid-widgets-search-label input {
  padding-left: 36px !important;
}

.f-drag-and-drop-btn {
  width: auto !important;
  padding-left: 0px;
  padding-right: 0px;
  width: auto !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  cursor: grab !important;
  position: absolute;
  height: 40px;
}

.f-client-structure-level-vertical-wire {
  width: 1px;
  background-color: rgba(63, 83, 101, 0.1);
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.f-client-structure-item-level-2:hover .f-client-structure-level-horizontal-wire.f-wire-level-2,
.f-client-structure-item-level-3:hover .f-client-structure-level-horizontal-wire.f-wire-level-3,
.f-client-structure-item-level-1:hover .f-client-structure-level-vertical-wire.f-wire-level-1,
.f-client-structure-item-level-2:hover .f-client-structure-level-vertical-wire.f-wire-level-2 {
  background-color: rgba(25, 138, 227, 0.5);
}

.f-client-structure-item-level-1,
.f-client-structure-item-level-2,
.f-client-structure-item-level-3 {
  position: relative;
}

.f-client-structure-level-horizontal-wire {
  position: absolute;
  top: 20px;
  left: -10px;
  width: 7px;
  height: 1px;
  background-color: rgba(63, 83, 101, 0.1);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.f-client-structure-container input {
  -webkit-transition: border-color .3s;
  transition: border-color .3s;
}

.f-client-structure-container input:hover {
  border-color: rgba(25, 138, 227, 0.5); ;
}

.f-client-structure-container input.form-control:focus {
  border-color: rgba(25, 138, 227, 1) !important;
}

.f-client-note-structure-level-2-container {
  margin-left: 20px;
  margin-top: 20px;
}

.jq-toast-wrap {
  z-index: 12000 !important;
}

.f-autoquery-api-token-container:hover .f-token-expiration-container {
  opacity: 0;

  height: 0;
  overflow: hidden;
 -moz-animation-delay: .8s;
 -webkit-animation-delay: .8s;
 -o-animation-delay: .8s;
  animation-delay: .8s;
}

.f-token-expiration-container {
  position: absolute;
  right: 30px;
  z-index: 1;
  top: 3px;
  height: 19px;
  padding-top: 1px;
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.f-token-expiration-container.f-error {
  color: #c04d71 !important;
  background-color: rgba(252, 101, 149, 0.2) !important;
  border-color: #e85d89 !important;
}

#table-list-statistique_wrapper .col-sm-12.f-double-scroll {
  padding-bottom: 45px;
}

.f-card-dark {
  background-color : #353A40;
}

.f-card-dark .card-body {
  color: #FFFFFF !important;
}

.f-autoquery-api-body-copy-button,
.f-autoquery-api-response-body-copy-button,
.f-autoquery-api-header-copy-button {
  opacity: 0;

  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.f-api-explorer-body-card:hover .f-autoquery-api-body-copy-button,
.f-api-explorer-response-body-card:hover .f-autoquery-api-response-body-copy-button,
.f-api-explorer-headers-card:hover .f-autoquery-api-header-copy-button {
  opacity: .8;
}

#f_api_explorer_panel_sidebar .tab-pane.scroll-wrapper {
  padding-bottom: 200px !important;
}

.f-grouped-rate-card-row.f-rc-tr-collapsed .f-hideable-tr {
  display: none;
}

.f-grouped-rate-card-row .f-project-creation-collapse-rc-row-btn[f-action=show],
.f-grouped-rate-card-row.f-rc-tr-collapsed .f-project-creation-collapse-rc-row-btn[f-action=hide] {
  display: none;
}

.f-grouped-rate-card-row .f-project-creation-collapse-rc-row-btn[f-action=hide],
.f-grouped-rate-card-row.f-rc-tr-collapsed .f-project-creation-collapse-rc-row-btn[f-action=show] {
  display: table-row;
}

.f-project-creation-invoice-repeater-item .f-invoice-detail-container {
  display: block;
}

.f-project-creation-invoice-repeater-item.f-project-creation-invoice-item-collapsed .f-invoice-detail-container {
  display: none;
}

.f-project-creation-invoice-repeater-item .f-project-creation-collapse-invoice-row-btn[f-action=show],
.f-project-creation-invoice-repeater-item.f-project-creation-invoice-item-collapsed .f-project-creation-collapse-invoice-row-btn[f-action=hide] {
  display: none;
}

.f-project-creation-invoice-repeater-item .f-project-creation-collapse-invoice-row-btn[f-action=hide],
.f-project-creation-invoice-repeater-item.f-project-creation-invoice-item-collapsed .f-project-creation-collapse-invoice-row-btn[f-action=show] {
  display: inline-block;
}

.gantt_default_cell {
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.f-dropover {
  background-color: rgba(63, 83, 101, 0.1) !important;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.f-sprint-planning-right-sidebar-item.ui-draggable-dragging {
  width: 252px !important;
}

.f-opportunity-assignation-container .f-opportunity-assignation-item {
  -webkit-box-shadow: 0px 3px 6px #0000000F !important;
  box-shadow: 0px 3px 6px #0000000F !important;
}

.f-opportunity-assignation-item .f-opportunity-assignation-item-delete-btn {
  /*opacity: 0;
  position: absolute;
  margin-top: -12.5px;
  top: 50%;
  right: -12.5px;*/

  /*-webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;*/
}

/*.f-opportunity-assignation-item:hover .f-opportunity-assignation-item-delete-btn {
  opacity: 1;
}*/

.f-opportunity-assignation-item.archive-form-open .f-opportunity-action-buttons,
.f-opportunity-assignation-item:hover .f-opportunity-action-buttons {
  opacity: 1;
}

.f-opportunity-assignation-item {
  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;

  border: solid 1px rgba(88, 108, 133, 0.3) !important;
}

.f-opportunity-assignation-item:hover {
  border-color: rgba(88, 108, 133, 0.3) !important;
}

.f-opportunity-assignation-item .f-opportunity-assignation-label {
  position: absolute;
  top: -7px;
  left: 5px;
  font-size: 8px;
  padding-bottom: 2px;
  padding-top: 2px;

  background-color: #f5f5f5 !important;
}

.f-opportunity-assignation-meta-info {
  position: absolute;
  top: -7px;
  right: 5px;
}

.f-opportunity-assignation-meta-info .f-badge-light {
  background-color: #f5f5f5 !important;
  font-size: 8px;
  padding-bottom: 2px;
  padding-top: 2px;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch-wrapper{
  background-color:#FFFFFF !important;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch{
  min-height:11px;
  padding-left: 28px;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch .custom-control-input{
  height:5px;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch label{
  font-size:8px !important;
  margin-bottom:0 !important;
  color:#353A40 !important;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch label::before{
  top: 1px;
  height: 11px;
  width: 24px;
  left: -29px;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch label::after{
  height: 7px;
  width: 7px;
  top: 3px;
  left: -27px;
}

.f-opportunity-assignation-meta-info .f-opportunity-assignation-meta-counted-switch .custom-control-input:checked ~ .custom-control-label::before{
  border-color:#5565FC;
  background-color: #5565FC;
  left: -29px;
}

.f-opportunity-action-buttons{

  opacity: 0;

  position: absolute;
  margin-top: -12.5px;
  bottom: -5px;
  right: -12.5px;
  height: 100%;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-opportunity-action-buttons-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap:3px;
}

.f-opportunity-assignation-item-restore-btn,
.f-opportunity-assignation-item-archive-btn{
  padding:3px !important;
}

.f-opportunity-assignation-meta-archive-tags-display{
  display:none;
}

.f-opportunity-assignation-content-archived .row{
  pointer-events: none;
  filter: grayscale(100%);
  opacity: 0.4;
}

.f-opportunity-assignation-item-do-archive-archive-text{
  display:none;
}

.f-opportunity-assignation-item-do-archive-std-text{
  display:block;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-do-archive-archive-text{
  display:block;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-do-archive-std-text{
  display:none;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-archive-reason-form{
  left: -28px !important;
  margin-top: 0 !important;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-archive-tags-display-list,
.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-archive-tags-display{
  display:flex;
  flex-direction: row;
  gap:5px;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-archive-tags-display-list span{
  position:relative;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-archive-tags-display-list span + span{
  padding-left:5px;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-archive-tags-display-list span + span::before{
  content:"";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: #353a40 !important;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-label,
.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-info span.f-badge-light{
  opacity: 0.7;
  filter: grayscale(100%);
  color:#353a40 !important;
}

.f-opportunity-assignation-content-archived-header{
  border-top: 1px solid #CACDD2;
}

.f-opportunity-assignation-content-archived-header-title{
  font-weight: 600;
  font-size: 16px;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-archive-btn,
.f-opportunity-assignation-content-archived .f-opportunity-assignation-meta-counted-switch-wrapper{
  display:none;
}

.f-opportunity-assignation-item-restore-btn{
  display:none;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-restore-btn{
  display:block;
  background-color: #5565FC !important;
  border-color: #5565FC !important;
}

.f-opportunity-assignation-content-archived .f-opportunity-assignation-item-restore-btn:hover{
  background-color: #2338fb !important;
  border-color: #2338fb !important;
  outline: none !important;
}


.f-form-control-light-padding {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.f-form-control-light-padding + .select2-container .select2-selection {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.card .card-body,
.f-inline-edit-value-container,
.form-control {
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-inline-edit-value-container.f-bg-highlight {
  border-radius: 5px;
}

.f-inline-edit-value-container.f-bg-highlight,
.card.f-card-highlight .card-body,
.form-control.f-input-highlight {
  background-color: rgba(25, 138, 227, .1) !important;
}

.f-bg-highlightable {
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-bg-highlightable:hover {
  background-color: rgba(25, 138, 227, .1) !important;
}

.f-opportunity-assignation-item .f-opportunity-assignation-item-view-btn {
  opacity: 0;
  position: absolute;
  margin-top: -12.5px;
  top: 50%;
  left: -12.5px;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-opportunity-assignation-item:hover .f-opportunity-assignation-item-view-btn {
  opacity: 1 !important;
}

.f-opportunity-assignation-item-archive-reason-form{
  position: absolute;
  width: 300px;
  left: 0px;
  margin-top: 4px;
  padding: 4px;
  border: 1px solid #CACDD2;
  background-color: white;
  z-index: 500;
}

.f-opportunity-assignation-item-do-archive-btn{
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  display:flex;
}

.f-light-wysiwyg-container .fr-box .fr-wrapper,
.f-sprint-equipment-repeater-item.f-card-light .fr-box .fr-wrapper {
  background-color: white !important;
  padding: 10px !important;
  border: solid 1px #E1E7EA !important;
  border-radius: 10px;
  font-size: 14px !important;
}

.f-form-v2 .f-sprint-equipment-repeater-item.f-card-light .fr-box .fr-wrapper {
  border-radius: 5px;
}

.f-light-wysiwyg-container .fr-box .fr-wrapper .fr-placeholder,
.f-sprint-equipment-repeater-item.f-card-light .fr-box .fr-wrapper .fr-placeholder {
  padding-top: 10px !important;
  padding-left: 10px !important;
}

/*.doubleScroll-scroll-wrapper {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  opacity: 0;
  margin-top: -15px;
}

.doubleScroll-scroll-wrapper:hover {
  opacity: 1;
}*/

.f-filter-amount-container select + .select2 .select2-selection {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: none !important;
}

.f-filter-amount-container input[type=text] {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: none !important;
}

#achats-page .f-filter-amount-container input[type=text] {
  border-radius: 0px !important;
  border-left: none !important;
  border-right: none !important;
}

#achats-page .f-filter-amount-container select[name="_f_amount_type"] + .select2 .select2-selection {
  border-right: 1px solid #E1E7EA !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;

  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: none !important;
}

.f-filter-form-highlight select.f-filled + .select2 .select2-selection,
.f-filter-form-highlight input.f-filled {
  background-color: rgba(25, 138, 227, .1) !important;
}

.f-clearable-input-container {
  position: relative;
}

.f-clearable-input-container .f-clear-input-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  line-height: normal !important;
}

.f-client-associated-invoices-card .card-body > .f-facture-list-tr-title:first-child {
  margin-top: 0 !important;
}

.f-invoice-list-row-item .f-invoice-card-tag-container {
  position: relative;
}

.f-invoice-list-row-item .f-invoice-card-tag-container form {
  position: absolute;
  top: -29px;
  background: #ECEFF0;
  padding: 5px;
  z-index: 10;
  width: 300px;
  /*border: 1px solid rgba(88, 108, 133, 0.3) !important;*/
  border-radius: 5px;
  left: -15px;
  -webkit-box-shadow: 0px 3px 6px #0000000f !important;
  box-shadow: 0px 3px 6px #0000000f !important;
}

.f-invoice-list-row-item .f-invoice-card-tag-container form .select2 {
  width: 46px;
  min-width: 225px;
}

.f-text-regular {
  font-family: 'Poppins-Regular', 'ubunt-regular', sans-serif !important;
}

.f-wysiwyg-attachment-item {
  border-radius: 5px;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;

  display: block;
  color: rgb(52, 58, 64) !important;
}

.f-wysiwyg-attachment-item:hover {
  background-color: #ECEFF0;
}

.f-wysiwyg-attachment-item img {
  height: 40px !important;
}

.f-wysiwyg-attachment-item .f-extension {
  color: #353A40 !important;
}

.f-wysiwyg-attachment-item a {
  text-decoration: none !important;
}
.f-wysiwyg-attachment-item a:hover {
  text-decoration: underline !important;
}

.f-global-alert-container.f-emergency {
  position: fixed;
  top: 100px;
  right: 20px;
  left: 90px;
  z-index: 1000;
}

#f_homepage .f-global-alert-container.f-user-sync-alert {
  position: relative;
  top: 8px !important;
}

.btn.toggle {
  border-radius: 5px !important;
  padding: 0.5rem !important;
}

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

.btn.toggle .btn.btn-xs.toggle-off {
  padding-left: 0.8rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-radius: 5px !important;
}

.btn.toggle .btn.btn-xs.toggle-on {
  padding-right: 0.8rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  border-radius: 5px !important;
}

.btn.toggle .btn.toggle-off {
  text-align: right;
  border-radius: 5px !important;
}

.btn.toggle .btn.toggle-on {
  text-align: left;
  border-radius: 5px !important;
}

.f-filled-circle {
  width: 20px;
  height: 20px;

  border-radius: 100%;
  display: block;
}

.f-filled-circle-sm {
  width: 10px;
  height: 10px;
}

.f-filled-circle-md {
  width: 20px;
  height: 20px;
}

.f-filled-circle-lg {
  width: 20px;
  height: 20px;
}

.f-admin-crawler-email-toggle-container .toggle.btn {
  height: 28px !important;
  min-width: 70px !important;
}

.f-google-btn{
  position:relative;
  padding: 0 !important;
  height: 40px;
}

.f-google-btn:before {
  background-image: url(/assets/img/google/btn_google_light_normal_web_btk@2x.png);
  background-size: 166px 40px;
  display: inline-block;
  width: 166px;
  height: 40px;
  content:"";
}

.f-google-btn.active{
  background-color:transparent !important;
  border-color:transparent !important;
}

.f-google-btn.active:hover:before,
.f-google-btn:hover:before {
  background-image: url(/assets/img/google/btn_google_light_focus_bkg@2x.png);
}

.f-google-btn.active:before,
.f-google-btn:active:before {
  background-image: url(/assets/img/google/btn_google_light_pressed_bkg@2x.png);
}

.f-google-btn span{
  top: 13px;
  position: absolute;
  left: 44px;
  font-size: 13px;
  color: #757575;
}

.f-google-signin-btn {
  padding: 0 !important;
  height: 40px;
}

.f-google-signin-btn:before {
  background-image: url(/assets/img/google/btn_google_signin_light_normal_web@2x.png);
  background-size: 166px 40px;
  display: inline-block;
  width: 166px;
  height: 40px;
  content:"";
}

.f-google-signin-btn.active:hover:before,
.f-google-signin-btn:hover:before {
  background-image: url(/assets/img/google/btn_google_signin_light_focus_web@2x.png);
}

.f-google-signin-btn.active:before,
.f-google-signin-btn:active:before {
  background-image: url(/assets/img/google/btn_google_signin_light_pressed_web@2x.png);
}

.f-google-signin-btn.f-btn-lg {
  height: 49.59px !important;
}

.f-google-signin-btn.f-btn-lg:before {
  background-size: 205.88px 49.59px;
  width: 205.88px;
  height: 49.59px;
}

.table td .f-todo-media-picture-container {
  max-height: 200px !important;
  overflow-y: hidden;
  border-radius: 5px !important;

  transform: scale(1);
  transition: transform .3s;
}

.table td .f-todo-media-picture-container img {
  width: inherit !important;
  height: inherit !important;
}

.table td .f-todo-media-picture-container:hover {
  transform: scale(1.03);
}

.f-select-multiple-min-width-250 + .select2 {
  min-width: 250px !important;
}

.f-quick-mailbox-sidebar-message-history-container .f-hoverable-actions.f-text-left-on-project-view {
  display: none !important;
}

.f-quick-mailbox-sidebar-message-history-container .f-truncable-block {
  margin-bottom: 0 !important;
}

.f-quick-mailbox-sidebar-message-history-container .f-archive-postit-btn,
.f-quick-mailbox-sidebar-message-history-container .f-furious-date-editable:after {
  display: none;
}

.f-quick-mailbox-sidebar-message-history-container .f-postit-replies-container {
  display: flex;
  flex-direction: column-reverse;
}

.f-postit-body-container {
  font-size: 12px !important;
}

.f-postit-replies {
   text-align: left;
   position: relative;
}

.grid-stack-item-content .f-postit-replies {
  margin-top: 33px !important;
}

.grid-stack-item-content .f-postit-icon-view-reply {
  margin-top: -14px;
}

.grid-stack-item-content .f-postit-icon-reply {
  margin-top: -20px;
}

.f-from-iframe .f-hide-on-iframe,
.f-from-iframe .f-postit-pipe-card .f-hoverable-actions-v2 {
  display: none !important;
}

.f-postit-pipe-card .f-pp-block.image-grouped {
  right: -5px;
  position: absolute;
  top: 52px;
  display: block;
}

.f-postit-pipe-card .f-pp-block.image-grouped svg {
  top: 8px;
  right: 9px;
  position: absolute;
}

.f-postit-pipe-card .f-pp-block.image-grouped span {
  color: #FFF;
  position: absolute;
  font-weight: bold;
  font-size: 10px;
  top: 11px;
  left: 1px;
  z-index: 1;
}

.f-postit-pipe-card .f-pp-block.image-grouped img {
  display: block;
  margin-top: -20px !important;
  border: none;
  padding: 5px;
}

/*.f-postit-replies-container .f-card-light .f-pp-block.image-grouped {
  position: absolute;
  top: 5px;
  right: 5px;
}*/

.f-postit-replies-container {
  border-left: 1px dotted #DCDCDC;
  padding-left: 10px;
  margin-left: 20px;
  display: none;
  margin-bottom: 30px;
}

.f-postit-replies-container .f-postit-pipe-card {
  margin-top: -20px;
  background-color: #F7F7F7;
  margin-bottom: 25px !important;
}

/*.f-postit-replies-container .f-card-light .f-pp-block.image-grouped img {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #FFFFFF !important;
}*/

.f-no-post-it img {
  display: inline-block;
  width: 35px;
  height: 35px;
}

.f-no-post-it {
  font-size: 12px !important;
  color: #353A40 !important;
  position: relative;;
}

tbody .details-control {
  cursor: pointer;
}

tbody .details-control .circle-loader {
  margin: 0;
  width: 20px;
  height: 20px;
}

tbody .details-control .circle-loader:before,
tbody .details-control .circle-loader:after {
  border-width: 3px;
}

tbody .details-control .circle-loader:before {
  border-top-color: #00C7AB;
}

.f-furious-table-v2.f-furious-table-v2-light tbody tr .details-control {
  padding-right: 0 !important;
}

tbody .details-control .mdi {
  font-size: 1.25rem;
}

tbody tr:not(.f-loading) .details-control .circle-loader,
tbody tr.f-loading .details-control .mdi.mdi-minus-circle-outline,
tbody tr.f-loading .details-control .mdi.mdi-plus-circle-outline {
  display: none !important;
}

tbody tr.shown .details-control .mdi.mdi-minus-circle-outline,
tbody tr:not(.shown) .details-control .mdi.mdi-plus-circle-outline {
  display: block;
}

tbody tr:not(.shown) .details-control .mdi.mdi-minus-circle-outline,
tbody tr.shown .details-control .mdi.mdi-plus-circle-outline {
  display: none;
}

.f-todo-list-category-item-move-btn,
.f-todo-list-item-move-btn {
  opacity: 0;
  border-radius: 100% !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-todo-list-category-item-move-btn i:before,
.f-todo-list-item-move-btn i:before {
  font-size: .875rem !important;
}

tr.f-todo-list-pipe-items:hover .f-todo-list-item-move-btn {
  opacity: 1;
}

tr.f-todo-list-pipe-category-items-container:hover .f-todo-list-category-item-move-btn {
  opacity: 1;
}

tr.f-todo-list-pipe-category-items-container .f-todo-list-category-item-move-btn .mdi {
  font-size: .875rem !important;
}

tr.f-todo-list-pipe-category-items-container .f-todo-list-category-item-move-btn .mdi:before {
  top: 1px;
  position: relative;
}

.f-furious-table-v2 tbody .f-todo-list-pipe-items.gu-mirror td {
  border-top: 1px solid #DFE4E6 !important;
}

.f-furious-table-v2 tbody .f-todo-list-pipe-items.gu-mirror td:first-child {
  border-top-left-radius: 10px !important;
}

.f-furious-table-v2 tbody .f-todo-list-pipe-items.gu-mirror td:last-child {
  border-top-right-radius: 10px !important;
}

td:before {
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

#table-list-project-todo .f-todo-list-category-pipe.f-highlight td,
tr.f-highlight td:before {
  background-color: rgba(25, 138, 227, 0.1) !important;
}

tr.f-highlight-hover td:before {
  background-color: rgba(255, 214, 56, 0.2) !important;
}

#table-list-project-todo .f-todo-list-category-pipe td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#table-list-project-todo .f-todo-list-category-pipe td:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.f-movin-container {
  position: fixed;
  z-index: 10000;
  background-color: #EAF3FC !important;
  border-top-right-radius: 5px;
  color: #198AE3;

  left: 0px;
  bottom: 0px;
}

.tableListProjectTodo-3,
.tableListProjectTodo-6 {
  text-align: left;
}

.tableListProjectTodo-3 {
  width: 150px !important;
}

.tableListProjectTodo-8,
.tableListProjectTodo-4 {
  width: 100px !important;
}

.tableListProjectTodo-5 {
  width: 70px !important;
}

.f-inline-edit-btn-container .f-inline-edit-btn,
.f-inline-edit-container .f-inline-btn {
  /*opacity: 0;*/
  display: none;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-inline-edit-btn-container:hover .f-inline-edit-btn,
.f-inline-edit-container:hover .f-inline-btn {
  display: block;
}

.f-inline-edit-btn-container:hover .circle-loader {
  opacity: 1;
}

.f-inline-form-container {
  position: absolute !important;
  background: white;
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
  padding: 10px;
  z-index: 1000;
  border-radius: 5px;
  border: solid 1px #0000000f;
  white-space: nowrap !important;
  /*width: 400px;*/
  top: -45px;
  left: 50%;
  /*right:-50%;*/
  margin-left: -125px;
}

.f-furious-table-v2 td:last-child .f-inline-form-container{
  left:unset;
  right:-50%;
}

.f-inline-form-container .furious-date-picker-picker-container{
  top:32px;
  left:-20%;
}

.f-furious-table-v2 td:last-child .f-inline-form-container .furious-date-picker-picker-container{
  left:-50%;
}

.f-inline-form-container input:not(.select2-search__field),
.f-inline-form-container select {
  min-width: 275px;
}

.f-inline-form-container .furious-date-picker select{
  min-width: fit-content !important;
  width: fit-content !important;
  outline: none !important;
  height: fit-content !important;
}

.f-inline-form-container .furious-date-picker .furious-date-picker-date-display{
  flex-wrap:nowrap;
  line-height: 25px !important;
}

.f-inline-form-container .furious-date-picker .furious-date-picker-date-display-container{
  min-width:130px;
}

#table-list-opportunities .f-opportunity-inline-container .f-inline-form-container{
  /*left: 100%;*/
}

.f-inline-form-container:before {
  content: " ";
  border-style: solid;
  border-bottom: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #DFE4E6 !important;
  position: absolute;
  left: 125px;
  bottom: -5px;
  margin-left: -2px;
  z-index: 20;
}

.f-inline-edit-btn-container.f-loading .circle-loader {
  display: block;
}

.f-inline-edit-btn-container.f-loading .f-user-inline-edit-btn,
.f-inline-edit-btn-container.f-loading .f-inline-edit-btn {
  display: none;
}

.f-inline-edit-btn-container .circle-loader {
  margin: 0;
  width: 16px;
  height: 16px;
  opacity: 0;
  display: none;
}

.f-inline-edit-btn-container .circle-loader:before,
.f-inline-edit-btn-container .circle-loader:after {
  border-width: 2px;
  width: 16px;
  height: 16px;
}

.f-inline-edit-btn-container .circle-loader:before {
  border-top-color: #198AE3;
}

.f-furious-table-v2 .f-inline-edit-custom-field-file-container .dropzone .dz-image img{
  width:100% !important;
  height:100% !important;
  max-height:120px !important;
  max-width:120px !important;
}

.f-inline-form-container.f-loading .circle-loader {
  display: block;
}

.f-inline-form-container.f-loading button[type=submit] {
  display: none;
}

.f-inline-form-container .circle-loader {
  margin: 0;
  width: 25px;
  height: 25px;
  opacity: 0;
  display: none;
}

.f-inline-form-container .circle-loader:before,
.f-inline-form-container .circle-loader:after {
  border-width: 3px;
}

.f-inline-form-container .circle-loader:before {
  border-top-color: #24CFB4;
}

.f-user-skill-category {
  cursor: pointer;
  color: #353A40;

  background: transparent;
  border-radius: 5px;

  -webkit-transition: background .3s ease-out;
  -moz-transition: background .3s ease-out;
  -o-transition: background .3s ease-out;
  transition: background .3s ease-out;
}

.f-user-skill-category:hover {
  color: #353A40;
  background: #E1E7EA;
}

.f-user-skill-item.f-not-editable {
  cursor: auto !important;
}

.f-user-skill-rate-container .br-theme-css-stars .br-widget .br-current-rating:not(:empty) {
  display: block !important;
  float: right;
  background: #FFFFFF;
  border: 1px solid #DFE4E6;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  color: #353A40;
  display: inline-block;
  word-break: normal;
  margin-top: 5px;
}

.f-user-skill-rate-container .br-theme-css-stars .br-widget a.br-active:after,
.f-user-skill-rate-container .br-theme-css-stars .br-widget a.br-selected:after {
  color: #D6A548;
}

i.mdi .f-rate-value {
  font-family: Poppins-regular, ubuntu-regular, sans-serif;
  font-size: 8px;
  margin-left: -2px;
}

.f-sub-navigation-container .f-user-skill-item.f-not-editable {
  margin-bottom: 5px !important;
}

td .f-user-skill-item.f-not-editable {
  height: auto !important;
}

#rh_trombi-page .f-user-skill-item {
  height: auto !important;
  word-break: break-word !important;
  word-spacing: normal !important;
}

#f_rh_cv_generator_form .f-btn-h16 {
  line-height: 14px !important;
}

#f_rh_page #f_rh_cv_generator_form .f-btn-h16 {
  line-height: 18px !important;
}

.f-inline-edit-form .f-inline-edit-priority-container .br-current-rating {
  padding-top: 4px !important;
}

.form-check-label input[type="radio"]:disabled + .input-helper:before {
  background: #E1E7EA !important;
}

.f-user-timesheet-list-item {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  padding: 15px;
}

.f-user-timesheet-list-item .h6 {
  font-size: 14px !important;
}

.f-user-timesheet-list-item .f-block-work-time {
  width: 55px;
  border: solid 1px transparent;
  border-radius: 5px;
  height: 65px;
}

.f-user-timesheet-list-item .f-block-timesheets {
  border-radius: 5px;
  min-height: 65px;
}

.f-user-timesheet-list-item .f-block-timesheets hr {
  background-color: #FFFFFF;
  height: 4px;
  display: block;
  border: none !important;
}

.border-gold {
  border-color: #F4B973 !important;
}

.border-green {
  border-color: #24CFB4 !important;
}

.border-red {
  border-color: #FC6595 !important;
}

.f-user-timesheet-list-item .f-top-left-badge {
  background-color: #E0F0EE;
  border-color: rgba(36, 207, 180, 0.4);
}

.f-user-timesheet-list-item .f-top-left-badge.f-off-badge {
  background-color: #000000;
  border-color: transparent;
  color: #FFFFFF;
}

.f-user-timesheet-list-item .f-top-left-badge.f-forecast-badge {
  background-color: #D9E8F8;
  border-color: transparent;
  color: #3C95FF;
}

.f-top-left-badge {
  position: absolute;
  top: 0;
  left: 0;

  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
}

.f-bottom-left-badge {
  position: absolute;
  bottom: 0;
  left: 0;

  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
}

.f-bottom-left-badge.f-bordered {
  border-bottom: none;
  border-left: none;
  border-right: solid 1px;
  border-top: solid 1px;
}

.card.f-card-light.f-block-timesheets {
  background: #F2F4F5 !important;
}

.card.f-card-light.f-block-timesheets .f-user-timesheet-list-sprint-item {
  background-color: transparent;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.card.f-card-light.f-block-timesheets .f-user-timesheet-list-sprint-item {
  border-radius: 5px !important;
}

.card.f-card-light.f-block-timesheets .f-user-timesheet-list-sprint-item:hover {
  background-color: #ECEFF0;
}

.f-user-timesheet-list-sprint-item[f-state="validated"] .f-inline-edit-priority-container .f-inline-edit-btn {
  display: none !important;
}

.f-timesheet-stats-container {
  background-color: rgba(25, 138, 227, 0.1);
  border-radius: 5px;
}

.f-timesheet-duplicate-day-date-btn .mdi-calendar-blank {
  display: inline-block;
}

.f-timesheet-duplicate-day-date-btn .mdi-calendar-check {
  display: none;
}

.f-timesheet-duplicate-day-date-btn:hover .mdi-calendar-check,
.f-timesheet-duplicate-day-date-btn.active .mdi-calendar-check {
  display: inline-block !important;
}

.f-timesheet-duplicate-day-date-btn:hover .mdi-calendar-blank,
.f-timesheet-duplicate-day-date-btn.active .mdi-calendar-blank {
  display: none !important;
}

.f-timesheet-duplicate-day-date-btn .mdi {
  position: absolute;
  left: 10px;
  top: 12px;
}

.f-timesheet-duplicate-day-date-btn .f-btn-text {
  top: 0 !important;
}

#projet-todo-comment-form .f-description-container .f-description {
  overflow-wrap: break-word;
}

#projet-todo-comment-form .f-description-container .f-description img {
  max-width: 100% !important;
  height: auto !important;
}

#table-list-project-todo tbody .f-todo-list-pipe-category-items-container {
  background-color: transparent !important;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

#table-list-project-todo tbody .f-todo-list-pipe-category-items-container.f-highlight td,
#table-list-project-todo tbody .f-todo-list-pipe-category-items-container:hover td {
  background-color: rgba(25, 138, 227, 0.1) !important;
}

#table-list-project-todo tbody .f-todo-list-pipe-category-items-container td:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

#table-list-project-todo tbody .f-todo-list-pipe-category-items-container td:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

tbody tr.f-todo-list-pipe-category-items-container:not(.f-loading) .details-control .circle-loader,
tbody tr.f-todo-list-pipe-category-items-container.f-loading .details-control .mdi.mdi-minus-circle-outline,
tbody tr.f-todo-list-pipe-category-items-container.f-loading .details-control .mdi.mdi-plus-circle-outline {
  display: none !important;
}

tbody tr.f-todo-list-pipe-category-items-container.shown .details-control .mdi.mdi-minus-circle-outline,
tbody tr.f-todo-list-pipe-category-items-container:not(.shown) .details-control .mdi.mdi-plus-circle-outline {
  display: block;
}

tbody tr.f-todo-list-pipe-category-items-container:not(.shown) .details-control .mdi.mdi-minus-circle-outline,
tbody tr.f-todo-list-pipe-category-items-container.shown .details-control .mdi.mdi-plus-circle-outline {
  display: none;
}

tbody tr.f-todo-list-pipe-category-items-container.f-loading .details-control .circle-loader {
  display: inline-block !important;
}

.f-todo-list-pipe-category-items-container.gu-mirror .f-todo-details-control {
  display: none !important;
}

.f-todo-list-pipe-category-items-container.gu-mirror .f-todo-list-category-item-move-btn {
  left: -11px !important;
  top: 20px !important;
}

#f_purchase_upload_dropzone {
  min-height: 60px !important;
  height: 60px !important;
}

#f_purchase_upload_dropzone .dz-default.dz-message {
  margin-top: -2px;
}

#projet_todo-page .tooltip.show {
  z-index: 6010 !important;
}

.f-popover-img-container img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.f-transaction-dropzone-progress-container {
  position: absolute !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, .8);
  border-radius: 10px;
  display: none;
}

.f-transaction-dropzone-progress-container .dz-progress,
.f-transaction-dropzone-progress-container .dz-progress .dz-progress,
.f-transaction-dropzone-progress-container .dz-progress .dz-upload {
  height: 20px;
}

.f-transaction-dropzone-progress-container .dz-preview.dz-processing {
  margin-top: 34px;
}

.f-transaction-dropzone-progress-container .dz-preview.dz-processing .dz-progress {
  background-color: #ECEFF0;
  border-radius: 5px;
}

.f-transaction-dropzone-progress-container .dz-progress .dz-upload {
  display: block;
  background-color: #c2f2ea;
  width: 0%;
  border-radius: 5px;
  padding-top: 3px;
  text-align: center;
}

.f-transaction-dropzone-progress-container .dz-progress .dz-upload .progress-text {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.f-sprint-task-repeater-item .f-inline-form-container {
  left: inherit;
  right: 10%;
}

.f-sprint-task-repeater-item .f-sprint-task-item-due-date-btn.f-btn-h25 {
   min-width: 95px;
 }

.f-sprint-task-repeater-item,
.f-user-apply-task-repeater-item,
.f-todo-task-repeater-item {
  -webkit-box-shadow: 0px 3px 6px #0000000F !important;
  box-shadow: 0px 3px 6px #0000000F !important;
}

.f-user-apply-task-repeater-item .f-user-apply-task-repeater-d-and-d-btn,
.f-user-apply-task-repeater-item .f-user-apply-task-repeater-item-delete-btn,
.f-todo-task-repeater-item .f-todo-task-repeater-d-and-d-btn,
.f-todo-task-repeater-item .f-todo-task-repeater-item-delete-btn {
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-user-apply-task-repeater-item:hover .f-user-apply-task-repeater-d-and-d-btn,
.f-user-apply-task-repeater-item:hover .f-user-apply-task-repeater-item-delete-btn,
.f-todo-task-repeater-item:hover .f-todo-task-repeater-d-and-d-btn,
.f-todo-task-repeater-item:hover .f-todo-task-repeater-item-delete-btn {
  opacity: 1;
}

.f-sprint-task-repeater-item .f-sprint-task-repeater-d-and-d-btn,
.f-user-apply-task-repeater-item .f-user-apply-task-repeater-d-and-d-btn,
.f-todo-task-repeater-item .f-todo-task-repeater-d-and-d-btn {
  cursor: move;
  margin-right: 2px;
  margin-left: -5px;
}

.f-user-apply-task-repeater-item ,
.f-todo-task-repeater-item {
  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;

  border: solid 1px transparent !important;
}

.f-sprint-task-repeater-item:hover,
.f-user-apply-task-repeater-item:hover,
.f-todo-task-repeater-item:hover {
  border-color: rgba(88, 108, 133, 0.3) !important;
}

.f-user-apply-task-repeater-content .f-user-apply-task-repeater-item,
.f-projet-todo-task-repeater-content .f-todo-task-repeater-item {
  border-radius: 0;
}

.f-user-apply-task-repeater-content .f-user-apply-task-repeater-item:first-child,
.f-projet-todo-task-repeater-content .f-todo-task-repeater-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.f-user-apply-task-repeater-content .f-user-apply-task-repeater-item:last-child,
.f-projet-todo-task-repeater-content .f-todo-task-repeater-item:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.f-user-inline-edit-btn img {
  width: 25px;
  height: 25px;
  border-radius: 100%;
}

.f-todo-task-item-label-input {
  padding-left: 10px !important;
  padding-right: 10px !important;

  transition: all .2s ease-in-out;
}

.f-projet-todo-task-hoverable-label:not(:hover) .f-todo-task-item-label-input:not(:focus) {
  background-color: transparent !important;
  border-color: transparent !important;
}

.f-main-progress-container {
  display: inline-block;

  top: 3px;
  position: relative;

  width: 150px;
  height: 12px;

  background-color: #f8f9fa;

  border-radius: 12px;

  font-size: 80%;
  z-index: 0;

  overflow: hidden;
}

.f-main-progress-container .f-main-progress-value {
  position: absolute;
  z-index: 10;

  top: -1px;
}

.f-main-progress-container .f-main-progress-bar {
  position: absolute;
  height: 12px;
  border-radius: 12px;

  z-index: 5;

  background-color: rgba(182, 109, 255, .3);

  transition: width .2s ease-in-out;
}

.introjs-tooltipReferenceLayer {
  z-index: 9999999 !important;
}

#f_furious_main_onboarding_modal {
  z-index: 10000000;
}

#f_furious_main_onboarding_modal .modal-content {
  background-color: #FFFFFF;
  border-radius: 10px !important;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-modal-right-side {
  width: 350px !important;
  min-width: 350px !important;
  background-color: #F2E6FD;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  position: relative;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-modal-step-number {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  background-color: #FFFFFF;
  border-radius: 5px;
  font-size: 10px;
  color: #343A40;
  padding: 3px 7px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-back-btn {
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;

  color: #353A40;

  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border: solid 0.8px #353A40;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 8px 25px;
}

#f_furious_main_onboarding_step_1_content .f-furious-main-onboarding-modal-right-side {
  background-image: url(/assets/img/bg-onboarding-right.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

#f_furious_main_onboarding_modal h1 {
  color: #353A40;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 0;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step-block {
  border: solid 0.8px #DCDCDC;
  padding: 26px 36px;
  border-radius: 10px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block {
  border: solid 0.8px #94979A;
  padding: 10px 12px;
  border-radius: 10px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step-block .f-text,
#f_furious_main_onboarding_modal .f-furious-main-onboarding-step-block .f-title {
  color: #353A40;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.18px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step-block .f-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.24px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block .f-title {
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block .btn {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  border-radius: 32px;
  border: 0.8px solid #D9D9D9;
  color: #D9D9D9;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.15px;
  background: #FFFFFF;
  padding: 6px 16px;
  height: 30px !important;

  -webkit-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  -moz-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  -o-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block[f-state="0"] .f-title {
  color: #94979A !important;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block .btn:not(.active):hover {
  color: #353A40;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-step1-block .btn.active {
  color: #FFFFFF;
  border-color: #353A40;
  background-color: #353A40;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-timer-container {
  background-color: #FAF4FF;
  padding: 14px 24px;
  border-top-right-radius: 10px !important;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-timer-text {
  margin-top: 5px;
  color: #A38BFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-timer-advancement:before {
  content: '';
  background-color: #A38BFF;
  height: 16px;
  border-radius: 10px;
  width: var(--percent);
  display: block;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-timer-advancement:after {
  content: url(/assets/img/icon-timer.svg);
  display: block;
  position: absolute;
  top: -20px;
  left: var(--percent);
  margin-left: -16px;
}

#f_furious_main_onboarding_modal #f_furious_main_onboarding_step_4_content .f-furious-main-onboarding-timer-advancement:after {
  content: url(/assets/img/icon-check.svg);
  top: -15px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-timer-advancement {
  background-color: #F2E6FD;
  height: 16px;
  border-radius: 10px;
  margin-top: 20px;
  position: relative;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-help-container {
  position: absolute;
  padding-left: 24px;
  padding-right: 24px;
  top: var(--f-top);
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-help-container:before {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  background: #FFF;
  position: absolute;
  left: -20px;
  top: 20px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-help-container .f-title,
#f_furious_main_onboarding_modal .f-furious-main-onboarding-help-container .f-text {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

#f_furious_main_onboarding_modal .f-furious-main-onboarding-help-container .f-title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.24px;
  margin-bottom: 5px;
}

.f-top-onboarding-banner,
#f_onboarding_main_card {
  background: #DFE4E6;
  margin-left: -0.25rem;
  margin-top: -30px;
  margin-bottom: 30px;
}

.f-top-onboarding-banner h1,
#f_onboarding_main_card h1 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

#f_onboarding_main_card .f-title-block {
  width: 150px;
  text-align: center;
}

.f-top-onboarding-banner .card,
#f_onboarding_main_card .card {
  border-radius: 27px;
  border: solid 1px transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  transform: scale(1);

  transition: all .2s ease-in-out;
}

.f-top-onboarding-banner .card .f-text,
#f_onboarding_main_card .card .f-text {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}

.f-top-onboarding-banner .card .f-icon,
#f_onboarding_main_card .card .f-icon {
  border-radius: 10px;
  display: inline-block;
}

.f-top-onboarding-banner .card .f-icon {
  padding: 8px 12px;
}

#f_onboarding_main_card .card .f-icon {
  padding: 11.5px 12px
}

.f-top-onboarding-banner .card .f-icon i,
#f_onboarding_main_card .card .f-icon i {
  color: #FFFFFF;
}

.f-top-onboarding-banner .card:hover,
#f_onboarding_main_card .card:hover {
  transform: scale(1.02);
}

.f-top-onboarding-banner .card.f-purple .f-icon,
#f_onboarding_main_card .card.f-purple .f-icon {
  background: #5565FC !important;
}

.f-top-onboarding-banner .card.f-purple:hover,
#f_onboarding_main_card .card.f-purple:hover {
  border-color: #5565FC;
  -webkit-box-shadow: 0px 3px 6px #5565FC0f;
  box-shadow: 0px 3px 6px #5565FC0f;
}

.f-top-onboarding-banner .card.f-red .f-icon,
#f_onboarding_main_card .card.f-red .f-icon {
  background: #FC6595 !important;
}

.f-top-onboarding-banner .card.f-red:hover,
#f_onboarding_main_card .card.f-red:hover {
  border-color: #FC6595;
  -webkit-box-shadow: 0px 3px 6px #FC65950f;
  box-shadow: 0px 3px 6px #FC65950f;
}

.f-top-onboarding-banner .card.f-yellow .f-icon,
#f_onboarding_main_card .card.f-yellow .f-icon {
  background: #FAD65A !important;
}

.f-top-onboarding-banner .card.f-yellow:hover,
#f_onboarding_main_card .card.f-yellow:hover {
  border-color: #FAD65A;
  -webkit-box-shadow: 0px 3px 6px #FAD65A0f;
  box-shadow: 0px 3px 6px #FAD65A0f;
}

#f_onboarding_main_card .f-arrow-top {
  position: absolute;
  top: 25px;
  right: 10px;
}

#f_onboarding_main_card .f-arrow-bottom {
  position: absolute;
  bottom: 25px;
  right: 30px;
}

#f_onboarding_main_card .f-onboarding-step-by-step-guide-card {
  height: 102px;
  background: #DFEEFF url(/assets/images/layout/onboarding/step_by_step_guide.svg) no-repeat;
  border: none !important;
}

#f_onboarding_main_card .f-onboarding-fancy-tutorial-card {
  height: 102px;
  background: #E1F8F5 url(/assets/images/layout/onboarding/fancy_tutorial.svg) no-repeat;
  border: none !important;
}

#f_onboarding_main_card .f-onboarding-guide-card h2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

#f_onboarding_main_card .f-onboarding-guide-card .card-body {
  padding-top: 17px;
  padding-left: 193px;
  padding-bottom: 17px;
  padding-right: 30px;
}

#f_onboarding_main_card .f-onboarding-guide-card .f-onboarding-guide-cta-btn {
  background: #FFFFFF;
  border-radius: 10px;
  align-items: center;
  padding: 6px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #353A40;
  display: inline-block;
  margin-top: 10px;
}

body.f-main-onboarding-show .f-hompepage-top-navbar {
  position: relative;
  top: inherit;
  left: inherit;
  right: inherit;
  z-index: inherit;
  margin-left: -20px;
  margin-right: -20px;
}

#f_proposal_top_onboarding_banner {
  position: relative;
  margin-right: -4px;
}

#f_proposal_top_onboarding_banner .f-proposal-top-onboarding-banner-top-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/assets/images/layout/onboarding/proposal_bg_top.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  z-index: 0;
}

#f_proposal_top_onboarding_banner .f-proposal-top-onboarding-banner-bottom-bg {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/assets/images/layout/onboarding/proposal_bg_bottom.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  z-index: 0;
}

#f_onboarding_top_banner {
  background: #4F5760;
  color: #FFFFFF;
  height: 42px;
}

#f_onboarding_top_banner h3 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
}

#f_onboarding_top_banner + .navbar.fixed-top + .page-body-wrapper {
  padding-top: 132px !important;
}

#f_onboarding_top_banner + .navbar.fixed-top + .page-body-wrapper .f-hompepage-top-navbar {
  top: 142px;
}

body.f-main-onboarding-show #f_onboarding_top_banner + .navbar.fixed-top + .page-body-wrapper .f-hompepage-top-navbar {
  top: 0;
}

#f_onboarding_top_banner + .f-main-top-navbar + .container-fluid.page-body-wrapper #f_quick_access_fixed_bar {
  top: 137px !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-check-container,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-check-container {
  position: absolute;
  top: 50%;
  left: -7px;
  margin-top: -4px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-check-container.f-proposal-rc-contebnt-check-container,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-check-container.f-proposal-rc-contebnt-check-container {
  top: 50%;
  left: -7px;
  margin-top: -4px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row.f-rate-card-style-row .f-proposal-rc-check-container.f-proposal-rc-contebnt-check-container,
#compta-page .f-grouped-rate-card-row.f-rate-card-style-row .f-proposal-rc-check-container.f-proposal-rc-contebnt-check-container {
  left: -3px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-check-container .input-helper:before,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-check-container input[type="checkbox"] + .input-helper:before,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-check-container .input-helper:before {
  width: 20px;
  height: 20px;
  border-radius: 2px !important;
  border: 1px solid #D9D9D9 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-hoverable,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-hoverable {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;

  opacity: 0;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row:hover .f-proposal-rc-hoverable,
#compta-page .f-grouped-rate-card-row:hover .f-proposal-rc-hoverable {
  opacity: 1;
  z-index: 1;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row:hover.gu-mirror .f-rc-action-row,
.f-generic-rate-card-form-container .f-grouped-rate-card-row.gu-mirror .f-rc-action-row,
#compta-page .f-grouped-rate-card-row:hover.gu-mirror .f-rc-action-row,
#compta-page .f-grouped-rate-card-row.gu-mirror .f-rc-action-row {
  opacity: 0 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-percent-badge,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-mb-badge,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-net-badge,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-days-badge,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-total-badge,
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rate-card-purchase-badge,
#f_proposal_addon_rate_card_container .f-rate-card-row-badge-container .f-rate-card-total-badge,
#f_proposal_addon_rate_card_container .f-rate-card-row-badge-container .f-rate-card-purchase-badge,
#f_proposal_addon_rate_card_container .f-rate-card-row-badge-container .f-rate-card-mb-badge,
#f_proposal_addon_rate_card_container .f-rate-card-row-badge-container .f-rate-card-net-badge,
#f_proposal_addon_rate_card_container .f-rate-card-row-badge-container .f-rate-card-days-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-percent-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-mb-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-net-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-days-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-total-badge,
#compta-page .f-grouped-rate-card-category-row  .f-rate-card-purchase-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-percent-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-mb-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-net-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-days-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-total-badge,
#compta-page .f-grouped-rate-card-row .f-rate-card-purchase-badge,
.f-generic-rate-card-form-container .f-rate-card-sub-category-badge-container .badge.badge-pill,
.f-generic-rate-card-form-container .f-rate-card-category-badge-container .badge.badge-pill {
  border-radius: 18px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #E0E4E6;
  box-sizing: border-box;
  padding: 3px 5px;
  font-size: 10px;
  color: #353A40;
  display: inline-block;
  word-break: normal;
  height: 18px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rc-action-row.f-rc-content-action-row,
#compta-page .f-grouped-rate-card-row .f-rc-action-row.f-rc-content-action-row {
  left: 30px;
  bottom: -40px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rc-action-row,
#compta-page .f-grouped-rate-card-row .f-rc-action-row {
  position: absolute;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: end !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  left: 15px;
  bottom: -30px;
  z-index: 1000;

  background-color: #FFFFFF !important;
  border: 1px solid #DFE4E6 !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rc-action-row td,
.f-generic-rate-card-form-container #f_rate_card_d_and_d .f-grouped-rate-card-row .f-rc-action-row td,
#compta-page .f-grouped-rate-card-row .f-rc-action-row td,
#compta-page #f_rate_card_d_and_d .f-grouped-rate-card-row .f-rc-action-row td {
  display: block !important;
  z-index: 1000;
  padding: 0 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-rc-action-row:before,
#compta-page .f-grouped-rate-card-row .f-rc-action-row:before {
  content: " ";
  border-style: solid;
  border-top: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #DFE4E6 !important;
  position: absolute;
  left: 50%;
  top: -5px;
  margin-left: -2px;
  z-index: 20;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-border-radius-left,
#compta-page .f-grouped-rate-card-row .f-border-radius-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-border-radius-right,
#compta-page .f-grouped-rate-card-row .f-border-radius-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.f-grouped-rate-card-category-row .f-grouped-rate-card-category-row-content {
  border: 2px solid transparent;
  background: #F5F7FC;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row .f-grouped-rate-card-category-row-content {
  border: 2px solid transparent;
  background: #EBEEF6;
}

.f-form-control-hover {
  background: transparent !important;
  border-color: transparent !important;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-grouped-rate-card-category-row-content .f-form-control-hover {
  font-weight: bold;
  line-height: 25px;
  height: 25px;
  padding: 0px !important;
}

.f-form-control-hover.f-error,
.f-form-control-hover:focus,
.f-form-control-hover:hover {
  background: #FFFFFF !important;
  border-color: #E1E7EA !important;
  font-weight: normal;
  padding: 7px !important;
  line-height: 40px;
  height: 40px;
}

.f-form-control-hover.f-error {
  border-color: #FC6595 !important;
}

.f-rate-card-category-items-container {
  min-height: 70px;
}

.f-rate-card-category-items-container .f-rate-card-category-placeholder {
  position: absolute;
  color: #9c9fa6;
  font-style: italic;
  text-align: center;
  width: 100%;
  z-index: 0;
  padding-top: 45px;
}

.f-rate-card-category-items-container .f-rate-card-category-items-content {
  position: relative;
  z-index: 10;
}

.f-rate-card-category-items-container .f-rate-card-category-items-content .f-rate-card-category-items-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 20px;
}

.f-grouped-rate-card-category-row.f-dragging .f-rate-card-category-items-container .f-rate-card-category-items-content .f-rate-card-category-items-table tbody.f-rate-card-dragula-item,
.f-rate-card-category-items-container .f-rate-card-category-items-content .f-rate-card-category-items-table tbody.f-rate-card-dragula-item:empty {
  display: block;
  min-height: 70px;
}

.f-rate-card-floating-fold-btn-container {
  position: absolute;
  right: 15px;
  bottom: -15px;
  z-index: 20;
  background: #FFFFFF;
  border-radius: 5px;
}

.f-grouped-rate-card-category-row .f-category-rate-card-move {
  top: 12px;
  left: -15px;
}

.f-grouped-rate-card-category-row:hover .f-category-rate-card-move {
  opacity: 1;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rate-card-category-td,
#compta-page .f-grouped-rate-card-row .f-proposal-rate-card-category-td {
  display: none !important;
  opacity: 0 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row > td,
#compta-page .f-grouped-rate-card-row > td {
  background-color: #F9F9FA !important
}

.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row):not(.f-hide-rate-cards) .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=hide],
.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row).f-hide-rate-cards .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=show] {
  display: block;
}

.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row):not(.f-hide-rate-cards) .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=show],
.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row).f-hide-rate-cards .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=hide] {
  display: none;
}

.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row:not(.f-hide-rate-cards) .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=hide],
.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row.f-hide-rate-cards .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=show] {
  display: block;
}

.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row:not(.f-hide-rate-cards) .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=show],
.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row.f-hide-rate-cards .f-grouped-rate-card-category-toggle-rc-visibility-btn[f-action=hide] {
  display: none;
}

.f-grouped-rate-card-category-row.f-hide-rate-cards .f-rate-card-category-items-container {
  display: none;
}

#f-rate-card-row:not(.f-hide-all-rate-cards) .f-grouped-rate-card-category-toggle-all-rc-visibility-btn[f-action=hide],
#f-rate-card-row.f-hide-all-rate-cards .f-grouped-rate-card-category-toggle-all-rc-visibility-btn[f-action=show] {
  display: block;
}

#f-rate-card-row:not(.f-hide-all-rate-cards) .f-grouped-rate-card-category-toggle-all-rc-visibility-btn[f-action=show],
#f-rate-card-row.f-hide-all-rate-cards .f-grouped-rate-card-category-toggle-all-rc-visibility-btn[f-action=hide] {
  display: none;
}

.form-check .form-check-label input.f-grouped-rate-card-category-check-all-rc[type="checkbox"]:checked + .input-helper:before {
  background: rgba(63, 83, 101, 0.1) !important;
}

.form-check .form-check-label input.f-grouped-rate-card-category-check-all-rc[type="checkbox"] + .input-helper:before {
  width: 20px !important;
  height: 20px !important;
}

.form-check .form-check-label input.f-grouped-rate-card-category-check-all-rc[type="checkbox"] + .input-helper:after {
  width: 20px !important;
  line-height: 20px !important;
}


.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row):not(.f-show-rate-cards-details) .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=hide],
.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row).f-show-rate-cards-details .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=show] {
  display: none;
}

.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row):not(.f-show-rate-cards-details) .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=show],
.f-grouped-rate-card-category-row:not(.f-grouped-rate-card-sub-category-row).f-show-rate-cards-details .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=hide] {
  display: block;
}

.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row:not(.f-show-rate-cards-details) .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=hide],
.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row.f-show-rate-cards-details .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=show] {
  display: none;
}

.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row:not(.f-show-rate-cards-details) .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=show],
.f-grouped-rate-card-category-row.f-grouped-rate-card-sub-category-row.f-show-rate-cards-details .f-grouped-rate-card-category-toggle-rc-details-btn[f-action=hide] {
  display: block;
}

.f-proposal-rc-toggle-container label {
  margin-bottom: 0 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td,
#compta-page .f-grouped-rate-card-row .f-table-in-table td {
  padding-bottom: 5px !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label) {
  margin-bottom: 0px;
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: 25px;
  z-index: 2;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  background: #FFFFFF;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .f-transfer-price-label label,
#compta-page .f-grouped-rate-card-row .f-table-in-table .f-transfer-price-label label {
  top: -10px !important;
  left: 10px !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .f-transfer-price-label:hover label,
#compta-page .f-grouped-rate-card-row .f-table-in-table .f-transfer-price-label:hover label {
  top: -18px !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table.f-td-hover .f-inner-rc-label-container label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table .f-td-hover .f-inner-rc-label-container label:not(.form-check-label),
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover) .f-inner-rc-label-container label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover) .f-inner-rc-label-container label:not(.form-check-label) {
  top: -10px;
  left: 10px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .f-td-hover:hover label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table .f-td-hover:hover label:not(.form-check-label),
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover):hover label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover):hover label:not(.form-check-label) {
  font-size: 12px;
  top: -3px;
  background: transparent;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table .f-td-hover:hover .f-inner-rc-label-container label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table .f-td-hover:hover .f-inner-rc-label-container label:not(.form-check-label),
.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover):hover .f-inner-rc-label-container label:not(.form-check-label),
#compta-page .f-grouped-rate-card-row .f-table-in-table td:not(.f-prevent-td-hover):hover .f-inner-rc-label-container label:not(.form-check-label) {
  top: -18px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label) button,
#compta-page .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label) button {
  width: 14px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label) button i,
#compta-page .f-grouped-rate-card-row .f-table-in-table td label:not(.form-check-label) button i {
  font-size: 10px;
  height: 14px;
  width: 14px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td:hover label:not(.form-check-label) button i,
#compta-page .f-grouped-rate-card-row .f-table-in-table td:hover label:not(.form-check-label) button i {
  font-size: 12px;
  height: 20px;
  width: 20px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row > td,
#compta-page .f-grouped-rate-card-row > td {
  padding-bottom: 10px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check {
  margin: 0;
}


.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check .form-check-label,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check .form-check-label {
  font-size: 0.7125rem;
  margin-left: 1.5rem;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check button,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check button {
  height: 17px;
  width: 17px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check button i,
#compta-page .f-grouped-rate-card-row .f-proposal-rc-monthly-form-check button i {
  font-size: 12px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-group-monthly-run-period,
#compta-page .f-grouped-rate-card-row .f-group-monthly-run-period {
  position: absolute;
  left: 0px;
  top: 13px;
  width: 100%;
  padding-left: 39px;
  padding-right: 15px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .select2-container,
#compta-page .f-grouped-rate-card-row .select2-container {
  position: relative !important;
  float: left !important;
  width: 100% !important;
  margin-bottom: 0 !important;
  display: table !important;
  table-layout: fixed !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .select2-container .select2-selection,
#compta-page .f-grouped-rate-card-row .select2-container .select2-selection {
  padding-left: 5px;
  padding-right: 5px;
}

.table td .f-client-opportunity-card .image-grouped .f-grouped-img-more-btn,
.table td .f-client-opportunity-card .image-grouped img {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td .f-group-monthly-run-period label,
#compta-page .f-grouped-rate-card-row .f-table-in-table td .f-group-monthly-run-period label {
  top: -10px;
  left: 49px;
}

.f-generic-rate-card-form-container .f-grouped-rate-card-row .f-table-in-table td:hover .f-group-monthly-run-period label,
#compta-page .f-grouped-rate-card-row .f-table-in-table td:hover .f-group-monthly-run-period label {
  top: -17px;
}

.introjs-tooltipReferenceLayer * {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.introjs-button {
  font-weight: 400;
  color: #FFFFFF !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 0.6875rem;
  line-height: 1;
  border-radius: 0.1875rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  text-shadow: none !important;

  background-color: rgba(252, 101, 149, 0.8);
  background-image: none;
  border-color: rgba(252, 101, 149, 0);
}

.introjs-button:hover {
  background-color: rgba(252, 101, 149, 1);
  border-color: rgba(252, 101, 149, 0);
  color: #FFFFFF !important;
}

.introjs-button:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(252, 101, 149, 0.8);
  border-color: rgba(252, 101, 149, 0);
  color: #FFFFFF !important;
}

.introjs-button.introjs-disabled {
  background-color: rgba(252, 101, 149, 0.4);
}

.introjs-button.introjs-donebutton {
  background-color: rgba(0, 199, 171, 0.8);
  border-color: rgba(0, 199, 171, 0);
}

.introjs-button.introjs-donebutton:hover {
  background-color: rgba(0, 199, 171, 1);
}

.f-grouped-rate-card-category-row .f-grouped-rate-card-category-row .f-grouped-rate-card-add-sub-category-btn {
  display: none;
}

#f_client_view_content #f_client_potential_repeater .select2-selection.select2-selection--single {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

#f_client_view_content #f_client_potential_repeater input {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.f-client-view-all-icon-container {
  background: #FFFFFF;
  border-radius: 100%;
  line-height: 25px;
  text-align: center;
  height: 25px;
  width: 25px;
}

.f-client-view-all-icon-container i {
  font-size: 0.775em;
}

.f-client-view-container .f-email-history-table-action-container {
  display: none !important;
}

.f-client-view-container[f-view=all] .timeline:before {
  left: 13px !important;
}

#client-page .f-client-page-client-view-container .f-client-view-container {
  max-height: 800px !important;
  overflow: scroll !important;
}
.f-validate-bic-input-container,
.f-validate-iban-input-container {
  position: relative;
}

.f-validate-bic-input-container:after,
.f-validate-iban-input-container:after {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: 1.5rem;
  text-rendering: auto;
  line-height: inherit;
  position: absolute;
  top: 7px;
  right: 10px;
}

.f-validate-bic-input-container.f-is-valid:after,
.f-validate-iban-input-container.f-is-valid:after {
  content: "\F12C";
  color: #00C7AB !important;
}

.f-validate-bic-input-container.f-is-not-valid:after,
.f-validate-iban-input-container.f-is-not-valid:after {
  content: "\F5AD";
  color: #FC6595 !important;
}

.f-validate-bic-input-container.f-is-not-valid input,
.f-validate-iban-input-container.f-is-not-valid input {
  border-color:  #FC6595 !important;
}

.f-validate-bic-input-container .f-not-valid-bic-message-container,
.f-validate-iban-input-container .f-not-valid-iban-message-container {
  display: none;
}

.f-validate-bic-input-container.f-is-not-valid .f-not-valid-bic-message-container,
.f-validate-iban-input-container.f-is-not-valid .f-not-valid-iban-message-container {
  display: block;
}

.f-comment-list .f-tl-badge {
  position: absolute;
  top: 0;
  left: 0;

  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 5px;
  border-top: 0;
  border-left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-color: rgba(88, 108, 133, .3) !important;
}

.card.f-internal-comment {
  border: solid 1px rgba(88, 108, 133, .3) !important;
  background-color: #F2F4F5 !important;
}

#f_time_tracker_prepare_stop_modal {
  z-index: 8000;
}

.f-time-pipe-column[data-pipe-id="3"] .f-time-pipe-card-validate-btn {
  display: none;
}

.f-empty-btn.dropdown-toggle:after
{
  margin: 0 !important;
  content: "" !important;
}

.f-card-board-container .f-projet-todo-card.f-highlight .card,
.f-card-board-container .f-proposal-pipe-card.f-highlight,
.f-card-board-container .card.f-client-card.f-proposal-pipe-card.f-highlight,
.f-card-board-container .f-purchase-pipe-card.f-highlight .card,
.f-card-board-container .f-postit-pipe-card.f-highlight .card,
.f-card-board-container .f-client-pipe-card.f-highlight .card {
  border: solid 1px #198AE3 !important;
}

.f-card-board-container .f-projet-todo-card.f-highlight-green .card {
  border: solid 1px rgba(36, 207, 180, 0.5) !important;
}

.f-postit-pipe-card.f-highlight.card {
  border-top: solid 1px #198AE3 !important;
  border-right: solid 1px #198AE3 !important;
  border-bottom: solid 1px #198AE3 !important;
  border-left: solid 1px #198AE3 !important;
  border-radius: 4px;
}

.f-client-pipe-card .f-board-card-actions .dropdown-toggle:after {
  display: none !important;
}

#f_generic_sidebar_inception.settings-panel.open,
#f_generic_sidebar.settings-panel.open {
  right: 0 !important;
}

#f_generic_sidebar_inception.settings-panel[f-size="full"],
#f_generic_sidebar.settings-panel[f-size="full"] {
  width: 100%;
  right: -100%;
}

#f_generic_sidebar_inception.settings-panel[f-size="xxl"],
#f_generic_sidebar.settings-panel[f-size="xxl"] {
  width: 90%;
  right: -90%;
}

#f_generic_sidebar_inception.settings-panel[f-size="xl"],
#f_generic_sidebar.settings-panel[f-size="xl"] {
  width: 80%;
  right: -80%;
}

#f_generic_sidebar_inception.settings-panel[f-size="lg2"],
#f_generic_sidebar.settings-panel[f-size="lg2"] {
  width: 75%;
  right: -75%;
}

.f-sidebar.settings-panel[f-size="lg"],
#f_generic_sidebar.settings-panel[f-size="lg"] {
  width: 66%;
  right: -66%;
}

.f-sidebar.settings-panel[f-size="md"],
#f_generic_sidebar.settings-panel[f-size="md"] {
  width: 50%;
  right: -50%;
}

#f_generic_sidebar_inception.settings-panel[f-size="sm"],
#f_generic_sidebar.settings-panel[f-size="sm"] {
  width: 25%;
  right: -25%;
}

.bubble_default_main {
  z-index: 20000 !important;
}

#f_generic_sidebar {
  z-index: 3900 !important;
}

#f_modal_client_event.f-ahead-modal,
#f_generic_sidebar.f-ahead-modal {
  z-index: 5900 !important;
}

.f-sm-rouned-img-container img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

.select2-selection--multiple .select2-selection__choice {
  word-break: break-all !important;
  white-space: normal !important;
}

#rate_card-page .f-grouped-rate-card-row .input-rate-bu-amount + .input-group-append {
  display: none;
}

#rate_card-page .f-grouped-rate-card-row .input-rate-bu-amount {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.f-api-sample-table {
  width: auto !important;
}

.f-api-sample-table tbody tr td,
.f-api-sample-table thead tr th {
  padding: 7px !important;
  font-size: 0.725rem;
}

.f-client-notif-attachment-item {
  cursor: pointer;
}

.f-time-pipe-column[data-pipe-id="3"] .f-time-pipe-card-validate-btn,
.f-time-pipe-column[data-pipe-id="2"] .f-time-pipe-card-unvalidate-btn {
  display: none;
}

.f-time-pipe-column[data-pipe-id="2"] .f-time-pipe-card-validate-btn,
.f-time-pipe-column[data-pipe-id="3"] .f-time-pipe-card-unvalidate-btn {
  display: block;
}

tfoot .circle-loader {
  margin: 0;
  width: 10px;
  height: 10px;
}

tfoot .circle-loader:before,
tfoot .circle-loader:after {
  border-width: 1px;
}

tfoot .circle-loader:before {
  border-top-color: #00C7AB;
}

.f-cal-time-request .calendar_default_event_inner,
.f-cal-time-request .scheduler_default_event_inner {
  background: #DDF8F2;
  color: rgba(27, 207, 180, 1);
  border-color: rgba(27, 207, 180, 0);
  border-radius: 4px !important;
  padding: 2px 5px !important;
}

.f-project-win-pnderation-total-badge,
.f-proposal-win-pnderation-total-badge {
  position: absolute;
  top: -11px;
  left: 15px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #f5f5f5 !important;
}

.f-input-error {
  border: 1px solid #fe7c96 !important;
}

.f-input-success {
  border: 1px solid #00C7AB !important;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

#f_modal_sprint_manager_form.f-sprint-edit-in-progress .f-sprint-magic-fullfill-container {
  display: none !important;
}

#rate_card-page .f-rate-card-model-search-btn {
  display: none;
}

.f-month-switcher-container .f-month-switch-btn[f-direction="previous"] {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.f-month-switcher-container .f-month-switch-btn[f-direction="next"] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.f-month-switcher-container .f-month-switch-select + .select2 .select2-selection {
  border-radius: 0px;
  border-left: none;
  border-right: none;
}


.f-month-switcher-container .f-month-switch-btn.disabled {
  border-color: #E1E7EA;
}

.f-badge-navigation-container .badge {
  border: none !important;
  font-size: 12px;
  border-radius: 0px !important;
  background: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  font-family: "Poppins-regular", "ubuntu-regular", sans-serif !important;
  font-weight: 600 !important;
}

.f-badge-navigation-container .badge.badge-dark {
  color: #5565FC !important;
  border-bottom: solid 2px #5565FC !important;
}

.f-badge-navigation-container .badge.badge-danger {
  color: #FC6595 !important;
  border-bottom: solid 2px #FC6595 !important;
}

.f-badge-navigation-container .badge.badge-info {
  color: #198AE3 !important;
  border-bottom: solid 2px #198AE3 !important;
}

.f-badge-navigation-container .badge {
  padding: 0.375rem 0 !important;
  margin: 0 0.275rem;
}

#f_project_view_list_filter {
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  background: #FFFFFF;
}

#f_project_view_list_filter.f-show {
  opacity: 1;
}

#projet-page .dataTables_filter input[type="search"] {
  width: 150px !important;
  min-width: 150px !important;
}

.f-todo-quick-add-assign-to-container {
  top: 5px;
  right: 5px;
}

.f-todo-quick-add-assign-to-container img {
  height: 30px !important;
  width: 30px !important;
  cursor: pointer;
}

#f_floating_color_picker_container .sp-replacer {
  opacity: 0 !important;
}

select[readonly] + .select2.select2-container .select2-selection {
  background-color: #e9ecef;
}

.f-todo-quick-add-assign-to-item {
  position: relative;
}

.f-todo-quick-add-assign-to-item:after {
  background-color: rgba(63, 83, 101, 0);

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-todo-quick-add-assign-to-item:not(.f-active):not(:hover):after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: -10px;
  display: block;
  background-color: rgba(63, 83, 101, 0.3);
  border-radius: 100%;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-todo-quick-add-assign-to-item.f-active img {
  border-color: #24CFB4 !important;
}

.f-todo-quick-add-title-container .f-todo-quick-add-assign-to-container {
  opacity: 0 !important;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-todo-quick-add-title-container.f-focus .f-todo-quick-add-assign-to-container {
  opacity: 1 !important;
}

.f-btn-input-container input {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  color: inherit !important;
  width: auto !important;
  display: block !important;
  min-width: 1em !important;
  appearance: none !important;
  resize: none !important;
}

#f_proposal_addon_rate_card_container [data-repeater-list="_f_prcm"] .f-addon-text-content-row,
#f_proposal_addon_rate_card_container [data-repeater-list="_f_prcm"] [data-repeater-item] {
  border-radius: 5px;
  background-color: #F2F4F5 !important;
  margin: 0 0px 20px 0px;
}

#f_proposal_addon_rate_card_container [data-repeater-list="_f_prcm"] [data-repeater-item] .f-collapse-toggle-btn {
  position: absolute;
  top: -12px;
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}


#f_proposal_addon_rate_card_container [data-repeater-list="_f_prcm"] [data-repeater-item]:hover .f-collapse-toggle-btn {
  opacity: 1;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead tr th,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light tbody tr td {
  padding: 5px !important;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead tr th {
  width: auto !important;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .img-sm {
  width: 25px !important;
  height: 25px !important;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].multi-update-select-all + .input-helper:before,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].f-checkbox-v2 + .input-helper:before,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].multi-update + .input-helper:before {
  width: 20px;
  height: 20px;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].multi-update-select-all + .input-helper:after,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].f-checkbox-v2+ .input-helper:after,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .form-check .form-check-label input[type="checkbox"].multi-update + .input-helper:after {
  font-size: 10px !important;
  width: 18px;
  line-height: 20px;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting_asc:before,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting_desc:before,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting_asc:after,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting_desc:after,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting:before,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light thead .sorting:after {
  line-height: 1 !important;
}

.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light #tableListProjectTodo-0,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light #tableListProjectTodo-1,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .tableListProjectTodo-0,
.f-furious-table-v2.f-furious-table-v2-light.f-furious-table-v2-xtra-light .tableListProjectTodo-1 {
  width: 30px !important;
}

#table-list-project-todo .f-todo-list-category-pipe.shown td:first-child {
  border-bottom-left-radius: 0px !important;
}

#table-list-project-todo .f-todo-list-category-pipe.shown td:last-child {
  border-bottom-right-radius: 0px !important;
}

#table-list-project-todo tbody .f-todo-list-category-pipe.shown + .f-todo-list-pipe-category-container > td {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

#table-list-project-todo  .f-todo-list-pipe-category-items-container.shown td:first-child {
  border-bottom-left-radius: 0px !important;
}

#table-list-project-todo  .f-todo-list-pipe-category-items-container.shown td:last-child {
  border-bottom-right-radius: 0px !important;
}

.f-todo-list-pipe-category-items-container > td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.f-user-apply-task-repeater.f-hide-done .f-user-apply-task-repeater-item.f-is-done,
.f-projet-todo-task-repeater.f-hide-done .f-todo-task-repeater-item.f-is-done {
  display: none !important;
}

.f-input-content-preview {
  position: absolute;
  top: 50px;
  left: 20px;
  max-width: 400px;
  z-index: 1000;
}

.tableListProjectTodo-2 {
  width: 30% !important;
}

.f-api-permission-td-null {
  background-color: #efefef;
  color: gray;
}

.f-api-permission-td-yes {
  background-color: #d9ead3;
  color: green;
}

.f-api-permission-td-no {
  background-color: #f4cccc;
  color: red;
}

.f-api-permission-td-yes:hover {
  background-color: #b6d7a8;
  color: green;
  cursor: pointer;
}

.f-api-permission-td-no:hover {
  background-color: #ea9999;
  color: red;
  cursor: pointer;
}

.f-api-permission-diode-yes {
  color: #b6d7a8;
}

.f-api-permission-diode-no {
  color: #ea9999;
}

.f-api-permission-diode-null {
  color: #b7b7b7;
}

.f-api_permissions_clickable_td:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.f-api_permissions_inactive-user-api {
  background-color: #fed4e1;
}

#f_api_permission_user_list_container .f-furious-table-v2 label {
  margin-bottom: 0;
}

.f-service-postal-file-preview-container iframe,
.f-purchase-modal-file-preview-container iframe {
  border-radius: 0 !important;
}

#compta-page .f-invoice-overview-list-total-btn-container {
  display: none !important;
}

.f-arobase-highlight {
  text-decoration: underline;
  color: #198AE3;
}

.f-width-250-select2-auto + .select2 {
  min-width: 250px !important;
  width: auto !important;
}

.f-service-postal-address p {
  margin: 1px 0 0;
}

.f-budget-regulation-input-container.f-provision-mandatory .f-purchase-regulation-hidden-on-mandatory-preovision {
  display: none !important;
}


.f-budget-regulation-input-container.f-provision-mandatory .f-group-decrease-provision {
  margin-left: 0 !important;
}

#f_generic_import_container .f-generic-modal-import-help {
  display: none;
}

#f_generic_import_container[f-step="matching"] .f-generic-modal-import-help {
  display: block;
}

#f_generic_import_container[f-step="matching"] .dropzone.dropify-wrapper .dz-default.dz-message {
  margin: 0 !important;
}

#f_generic_import_container[f-step="matching"] .dropzone.dropify-wrapper {
  padding: 10px 10px !important;
  height: 45px !important;
  min-height: 45px !important;
}

#f_generic_import_container[f-step="matching"] .dropzone .dz-image,
#f_generic_import_container[f-step="matching"] .dropzone .dz-remove,
#f_generic_import_container[f-step="matching"] .dropzone .dz-details {
  /*display: none !important;*/
}

#f_generic_import_container[f-step="matching"] .dropzone .dz-preview {
  height: 45px !important;
  min-height: 45px !important;
}

#f_generic_import_container[f-step="matching"] .dropzone .dz-preview .dz-progress {
  margin-top: -19px;
}

#f_generic_import_container[f-step="matching"] .dropzone .dz-preview .dz-progress {
  width: 160px !important;
  margin-left: -80px !important;
}

#f_generic_import_container .dropzone .dz-preview .dz-progress .dz-upload {
  background: rgb(36, 207, 180) !important;
}


#f_generic_import_container .circle-loader {
  width: 40px;
  height: 40px;
}

#f_generic_import_container .circle-loader:before,
#f_generic_import_container .circle-loader:after {
  border-width: 1px;
}

#f_generic_import_container .circle-loader:before {
  border-top-color: #00C7AB;
}

#f_generic_import_container.f-processing-file #f_generic_import_dropzone_content,
#f_generic_import_container.f-processing-file #f_generic_import_content,
#f_generic_import_container:not(.f-processing-file) .f-generic-import-loader {
  display: none;
}

#f_generic_import_container .f-generic-import-pattern-download-btn{
  color: #c2a32b;
  background-color: #fff7d7;
  border-color: #fff7d7 !important;
}

#f_generic_import_container .f-generic-import-pattern-download-btn:hover{
  color: #fff;
  background-color: #c2a32b;
  border-color: #c2a32b !important;
}

#f_generic_import_container .generic-import-header-ctn{
  row-gap: 5px;
}

#f_generic_import_container .f-generic-import-matching-row[f-status="not_matched"] > td:before {
  /*background-color: #FFEEF4;*/
}

#f_generic_import_container .f-generic-import-matching-row[f-status="matched"] > td:before {
  background-color: rgba(36, 207, 180, 0.1);
}

#f_generic_import_container .f-generic-import-matching-row.f-generic-import-prevalidate-error[f-status="matched"] > td:before {
  background-color: rgba(252,101,149,0.1);
}

#f_generic_import_container .f-generic-import-matching-row-title-ctn{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

#f_generic_import_container .f-generic-import-matching-row .f-generic-import-alert-container{
  font-size: 14px;
  margin-left: 5px;
  color: #f06192;
}

#f_generic_import_container .f-generic-import-matching-row .f-generic-import-loading-container .circle-loader{
  width: 15px;
  height: 15px;
  margin-left: 5px;
}

#f_generic_import_container .f-generic-import-matching-row[f-status="matched"] .f-generic-import-row-display-switch-btn{
  color: #80808061;
  cursor: initial;
}

#f_generic_import_container .f-generic-import-global-display-switch{
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

#f_generic_import_container .f-generic-import-checked-container{
  color:#24CFB4;
}

#f_generic_import_container .f-generic-import-matching-row:hover  > td:before {
  background-color: #F0F7FF !important;
}

#f_generic_import_container .f-generic-import-matching-row[f-status="matched"] .f-generic-import-matching-btn:not(.active) {
  display: none;
}

#f_generic_import_container .f-generic-import-matching-btn{
  display: flex;
  align-items: center;
  flex-direction: row;
}

#f_generic_import_container .f-generic-import-fields-table table thead th{
  padding-top:0 !important;
}

#f-generic-import-required-fields{
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index:10;
  padding-left:7px;
}

#f-generic-import-required-fields .f-generic-import-required-fields-ctn{
  flex-wrap: wrap !important;
  gap: 5px;
}

#f-generic-import-required-fields .f-generic-import-matching-text,
#f-generic-import-required-fields .f-generic-import-required-fields-title,
#f_generic_import_container .f-generic-import-matching-btn .f-generic-import-matching-btn-text{
  height:100%;
  display:flex;
  align-items:center;
}

#f_generic_import_container .btn-inverse-danger.f-generic-import-matching-btn.required:hover::after,
#f_generic_import_container .btn-inverse-danger.f-generic-import-matching-btn.required:hover i,
#f_generic_import_container .btn-inverse-danger.f-generic-import-matching-btn:hover i{
  color:#fff !important;
}

#f-generic-import-required-fields .f-generic-import-matching-text,
#f-generic-import-required-fields .f-generic-import-required-fields-title{
  white-space:nowrap;
}

#f-generic-import-required-fields .f-generic-import-required-fields-title{
  color:#353A40;
  font-size:20px;
}

#f_generic_import_container tr.f-generic-import-matching-row-first td:first-child {
    border-top-left-radius: 10px;
}

#f_generic_import_container tr.f-generic-import-matching-row-first td:last-child {
    border-top-right-radius: 10px;
}

#f_generic_import_container tr.f-generic-import-matching-row-first td {
    border-top: 1px solid #DFE4E6 !important;
}

#f_generic_import_container tr.f-generic-import-matching-row-last td:first-child {
    border-bottom-left-radius: 10px;
}

#f_generic_import_container tr.f-generic-import-matching-row-last td:last-child {
    border-bottom-right-radius: 10px;
}

#f_generic_import_container .f-generic-import-matching-btn.required i {
  color: #FC6595!important;
}

#f_generic_import_container .f-generic-import-matching-btn.required::after {
  content: '*';
  color: #FC6595;
  font-size: 14px;
}

#f_generic_import_container .dataTables_wrapper thead th{
  font-size:1.5rem;
}

#f_generic_import_container .f-generic-import-row-matching-ctn{
  display:flex;
  flex-direction:column;
  gap:10px;
}

#f_generic_import_container .f-generic-import-row-quick-search-inner-container{
  position: relative;
  width: fit-content;
}

.f-generic-import-row-quick-search-container input {
  padding: 0 !important;
  height: 25px;
  width: 150px;
  padding: 5px 20px 5px 10px !important;
  border: solid 1px rgb(225, 231, 234);
  border-left: none;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.f-generic-import-row-quick-search-container .input-group-prepend {
  height: 25px;
}

.f-generic-import-row-quick-search-container .input-group-text {
  padding: 5px;
  border-radius: 5px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.f-generic-import-matching-row .f-generic-import-quick-search-clear-link {
  opacity: 0;
  z-index: 10;
  position: absolute;
  right: 5px;
  top: 5px;

  -webkit-transition: opacity .3s ease-out, color .3s ease-out;
  -moz-transition: opacity .3s ease-out, color .3s ease-out;
  -o-transition: opacity .3s ease-out, color .3s ease-out;
  transition: opacity .3s ease-out, color .3s ease-out;

  color: rgba(63, 83, 101, 0.4) !important;
}

.f-generic-import-matching-row .f-generic-import-quick-search-clear-link:hover {
  color: rgba(63, 83, 101, 0.7) !important;
}

.f-generic-import-matching-row.f-quick-search-open .f-generic-import-quick-search-clear-link,
.f-generic-import-row-quick-search-container:hover .f-generic-import-quick-search-clear-link {
  opacity: 1;
}

#f_generic_import_content.f-all-matched .f-generic-import-row-quick-search-container,
#f_generic_import_container .f-generic-import-matching-row[f-status="matched"] .f-generic-import-row-quick-search-container {
  display: none;
}

#f_generic_import_content .f-generic-import-matching-row .f-generic-import-matching-btn-ctn{
  gap:5px;
}

#f-generic-import-model-name-ctn-header .select2-selection.select2-selection--single{
  padding-top: 5px;
  padding-bottom: 5px;
  height: 25px !important;
  border-radius: 5px;
}

#f-generic-import-model-name-ctn-header{
  color:#343a40;
  min-width:270px
}
#f-generic-import-model-name-ctn-footer{
  color:#343a40;
  min-width:255px
}

#f-generic-import-footer-tool-bar{
  position: fixed;
  width: 100%;
  background-color: #343A40;
  margin: 0; left: 0; bottom: 0;
  z-index: 1020 !important;
  padding-left: 65px;
  padding-right: 95px;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  text-align: left;
  color: white;
  z-index: 100000;
}

#f-generic-import-footer-tool-bar.f-import-preload{
  padding-left: 62px;
  padding-right: 80px;
}

#f-generic-import-footer-tool-bar .f-generic-import-footer-tool-bar-wrapper{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

#f-generic-import-footer-tool-bar .btn-inverse-dark-light{
  background-color: rgb(238 240 243);
  border-color: rgb(238 240 243);
}

#f-generic-import-footer-tool-bar .btn-inverse-dark-light i:hover{
	color: white;
}

#f-generic-import-footer-tool-bar .btn-inverse-dark-light:hover{
  background-color: #353A40;
  border-color: #353A40;
  color: white;
}

#f-generic-import-footer-tool-bar .f-generic-import-footer-dropzone-container{
  flex-grow:2;
  display: flex;
  align-items: center;
  justify-content: center;
}

#f-generic-import-footer-tool-bar .f-import-upload-container{
  position: relative;
  height: 143px;
  width:676px;
  background-color:#4C5F79;
  border-radius: 10px;
  padding:0 !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-explain{
  float: left;
  width: 286px !important;
  max-width: 286px !important;
  min-width: 286px !important;
  margin-top: 19px !important;
  margin-left: 19px !important;
  height: 61px !important;
  padding:0 !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-dropzone-container{
  float: right;
  width: 315px !important;
  height: 105px;
  max-width: 315px !important;
  min-width: 315px !important;
  margin-top: 19px !important;
  margin-right: 29px !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-dropzone-container .dropzone.dropify-wrapper{
  height:107px !important;
}

#f-generic-import-footer-tool-bar  .f-import-upload-pattern-container{
  float: left;
  width: 286px !important;
  margin: 5px 0 0 19px !important;
  padding:0 !important;
  max-width: 286px !important;
  min-width: 286px !important;
}

#f-generic-import-footer-tool-bar  .f-import-upload-pattern-container .f-import-upload-pattern-download-btn{
  border-radius: 5px;
}

#f-generic-import-footer-tool-bar .dropzone .dz-preview .dz-details .dz-size{
  font-size:12px !important;
}

#f-generic-import-footer-tool-bar .dropzone.dropify-wrapper.f-drop-light .dz-progress{
  left: 25px;
  margin-left: 0 !important;
  top: 60px;
  width: 210px !important;
}

#f-generic-import-footer-tool-bar .dropzone.dropify-wrapper.f-drop-light .dz-image{
  height:68px !important;
}

#f-generic-import-footer-tool-bar .dropzone .dz-preview .dz-details .dz-size{
  margin-bottom:5px !important;
}

.f-generic-import-error-display-container{
  border: dashed 1px #1369ad;
  width: 100%;
}

.f-generic-import-error-display-container .f-generic-import-error-title{
  color:#83354d;
}

.f-generic-import-error-display-container .f-generic-import-error-global-message,
.f-generic-import-error-display-container .f-generic-import-error-cells,
.f-generic-import-error-display-container .f-generic-import-error-message{
  font-size: .8125rem;
  white-space: break-spaces;
  line-height: 1.2rem;
  vertical-align: top;
}

.f-generic-import-error-display-container .f-generic-import-error-global-message{
  padding: 10px;
  border: 1px solid #FC6595;
  box-sizing: border-box;
  border-radius: 5px;
}

.f-generic-import-error-display-container .f-generic-import-error-string{
  font-size: .8125rem;
}

.f-generic-import-error-display-container .f-generic-import-error-table-row{
  /*display:flex;
  gap: 10px;*/
}

.f-generic-import-models-table{
  font-size: .8125rem;
  line-height: 1;
}

.f-generic-import-models-no-model{
  text-align: center;
  font-size: .8125rem;
}

#f-generic-import-reponse .f-generic-import-response-form-group:not(.d-none){
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  width: 100%;
}

#f-generic-import-reponse .f-generic-import-response-form-group-create-btn{
  justify-content: flex-end !important;
}

#f-generic-import-reponse .f-generic-import-response-form-message{
  margin:10px 0;
}

#f-generic-import-reponse button.btn{
  display: flex;
  flex-direction:row;
  align-items:baseline;
  gap: 5px;
}

#f-generic-import-reponse label,
#f-generic-import-reponse button.btn .f-btn-text{
  white-space: nowrap;
}

#f_proposal_addon_rate_card_container .add-new-rate-model {
  display: none !important;
}

#f_proposal_addon_rate_card_container .f-grouped-rate-card-add-sub-category-btn {
  min-width: 120px !important;
}

#f_modal_rate_card_style.show {
  z-index: 5020 !important;
}

.f-grouped-rate-card-row.f-rc-group-row > td,
.f-grouped-rate-card-row.f-rc-grouped-row > td {
  transition: all .3s ease-in-out;
}

.f-grouped-rate-card-row.f-rc-grouped-row {
  transition: all .3s ease-in-out;
}

#compta-page .f-grouped-rate-card-row.f-rc-grouped-row.f-highlight > td,
.f-grouped-rate-card-row.f-rc-grouped-row.f-highlight > td {
  border-color: #24CFB4 !important;
}

.f-rate-card-group-row-percent-container {
  position: absolute;
  top: -18px;
  left: 15px;
  z-index: 10 !important;
}

.f-rate-card-group-row-percent-container:hover {
  z-index: 1010 !important;
}

.f-rate-card-group-row-percent-container .badge {
  border-radius: 5px !important;
  background-color: #f5f5f5 !important;
  border: 1px solid #DFE4E6;
  box-sizing: border-box;
  padding: 3px 5px;
  font-size: 10px;
  color: #353A40;
  display: inline-block;
  word-break: normal;
  position: relative;
}

.f-rate-card-group-row-percent-container input {
  padding: 0 15px 0 7px !important;
  height: 20px;
  border-radius: 5px;
  font-size: 10px;
  width: 45px;
}

.f-group-percent-eye-btn {
  padding: 0 !important;
}

.f-btn-inverse-dark-white {
  background-color: #FFFFFF;
  border: 1.25px solid #DFE4E6;

  -webkit-transition: background-color .3s ease-out, border-color .3s ease-out;
  -moz-transition: background-color .3s ease-out, border-color .3s ease-out;
  -o-transition: background-color .3s ease-out, border-color .3s ease-out;
  transition: background-color .3s ease-out, border-color .3s ease-out;
}

.f-btn-inverse-dark-white.f-btn-inverse-dark-white-light:hover {
  background-color: rgba(86,109,137,0.1);
  border-color: rgba(86,109,137,0);
}

.f-btn-icon-txt{
  display: flex;
  align-items: center;
  flex-direction: row;
}

.f-absence-user-availability-col-container .f-user-availability-content .f-title {
  color: #343A40;
  font-size: 16px !important;
}

.input-group-text {
  background: #FFFFFF !important;
  color: #353A40 !important;
}

.input-group-text i.mdi {
  font-size: 1rem !important;
}

#f_rh_absence_form label.f-semi-bold {
  font-weight: 500 !important;
  font-family: 'Poppins', 'ubunt-regular', sans-serif !important;
}

.accordion .card:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.accordion .card:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.accordion .card {
  -webkit-box-shadow: none;
  box-shadow: none;

  border: 1px solid #DFE4E6;
}

.accordion.accordion-solid-header .card .card-header a {
  padding: 20px;
  font-weight: 600;
  color: #919AA3;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="false"]:before {
  content: "\F419";
}

.accordion.accordion-solid-header .card .card-header a:before {
  color: #343A40;
  font-size: 1.3rem;
  font-weight: 100;
  top: 17px;
  right: 20px;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"]:before {
  content: "\F376";
  color: #343A40;
}

.accordion.accordion-solid-header .card .card-header a[aria-expanded="true"] {
  background: #F5F5F5;
  color: #343A40;
}

.accordion.accordion-solid-header .collapse.show {
  background: #F5F5F5;
}

.accordion.accordion-solid-header .collapse.show .card-body {
  padding: 0 20px 20px 20px;
}

.accordion.accordion-solid-header .collapse.show .card-body > .row {
  margin: 0;
  display: block;
  width: 100%;
}

.f-return-link {
  display: block;
}

.f-return-link a {
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #353A40;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin-bottom: 15px;
}

#f_new_import_modal .modal-content {
  padding: 40px;
}

#f_dashboard_widget_stack_container:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

#f_dashboard_widget_stack_container.show:before {
  opacity: 0.5;
}

#f_dashboard_widget_stack_container .card,
#f_new_import_modal .f-modal-content-tab {
  background-color: #FFF;
  border-radius: 27px;
}

#f_dashboard_widget_stack_container .card {
  background-color: #FFF;
  border-radius: 7px;
  box-shadow: none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
  border: solid 1px #DFE4E6 !important;
}

#f_dashboard_widget_stack_container .f-tab-pane-content,
#f_new_import_modal .f-tab-pane-content {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  cursor: pointer;
}

#f_dashboard_widget_stack_container .f-tab-pane-content {
  /*width: 33%;
  min-width: 25%;
  max-width: 33%;*/
  text-align: left;
  color: #343a40 !important;
  min-height: 50px;
}

#f_dashboard_widget_stack_container .f-tab-pane-content[f-disabled="true"] {
  opacity: 0.6;
}

#f_dashboard_widget_stack_container .f-tab-pane-content span {
  vertical-align: middle;
  display: inline-block;
}

#f_dashboard_widget_stack_container .f-tab-pane-content span {
  width: 80%;
  display: inline-block;
}

#f_dashboard_widget_stack_container .tab-content,
#f_new_import_modal .tab-content {
  border: none;
}

#f_dashboard_widget_stack_container .f-tab-legend,
#f_new_import_modal .f-tab-legend {
  border-right: 0.75px solid #DFE4E6;
}

#f_dashboard_widget_stack_container .nav-link,
#f_new_import_modal .f-modal-content-tab .nav-link {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  color: #919AA3;
}

#f_dashboard_widget_stack_container .nav-link.active,
#f_dashboard_widget_stack_container .nav-link:focus,
#f_dashboard_widget_stack_container .nav-link:hover,
#f_new_import_modal .f-modal-content-tab .nav-link.active,
#f_new_import_modal .f-modal-content-tab .nav-link:focus,
#f_new_import_modal .f-modal-content-tab .nav-link:hover {
  color: #353A40;
}

#f_dashboard_widget_stack_container .nav-link,
#f_new_import_modal .f-modal-content-tab .nav-link {
  border-bottom: 0.75px solid #DFE4E6;
}

#f_dashboard_widget_stack_container .nav-link:first-child,
#f_new_import_modal .f-modal-content-tab .nav-link:first-child {
  margin-top: 15px;
}

#f_dashboard_widget_stack_container .nav-link:last-child,
#f_new_import_modal .f-modal-content-tab .nav-link:last-child {
  border-bottom: none;
  margin-bottom: 15px;
}

#f_dashboard_widget_stack_container .tab-pane,
#f_new_import_modal .tab-pane {
  display: none;
}

#f_dashboard_widget_stack_container .f-grid-widgets-with-search-container .f-tab-pane {
  display: block;
}

#f_dashboard_widget_stack_container .tab-pane.active,
#f_new_import_modal .tab-pane.active {
  display: block;
}

#f_dashboard_widget_stack_container .tab-pane.inactive,
#f_new_import_modal .tab-pane.inactive {
  display: none;
}

.f-global-lang-switcher-modal .modal-content {
  padding: 40px;
}

.f-global-lang-switcher-modal h5.modal-title {
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
  color: #343A40;
}

.f-global-lang-switcher-modal .card-body {
  gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
}

.f-global-lang-switcher-modal .f-lang-switch-item button {
  height: 60px;
  width: 225px;
  border-radius: 10px;
  /*margin-right: 40px;*/
  border: 1px solid #DFE4E6;
}

.navbar-nav .flag-icon,
.f-global-lang-switcher-modal .f-lang-switch-item button .flag-icon {
  width: 16px !important;
  height: 16px;
  background-position: center;
  background-size: cover;
}

/*.f-global-lang-switcher-modal .f-lang-switch-item button:focus,
.f-global-lang-switcher-modal .f-lang-switch-item button:hover {
  background-color: #F3FEFD;
}*/

.f-global-lang-switcher-modal .f-lang-switch-item button:focus span,
.f-global-lang-switcher-modal .f-lang-switch-item button:hover span {
  /*color: #00C7AB;*/
  color: #FFFFFF;
}

.f-global-lang-switcher-modal .f-lang-switch-item button span {
  color: #343A40;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.fr-toolbar.fr-top,
.fr-toolbar.fr-sticky-on {
  border-radius: 10px 10px 0 0 !important;
  -moz-border-radius: 10px 10px 0 0 !important;
  -webkit-border-radius: 10px 10px 0 0 !important;
}

.f-tip-text {
  color: #919AA3;
  font-size: 10px;
  line-height: 14px;
}

.f-furious-table-v2.f-furious-table-v2-light img.f-pdf-icon-color,
.f-pdf-icon-color {
  width: 20px !important;
  height: 25px !important;
  border-radius: 0 !important;
}

.f-absence-balance-at-date-filter {
  width: auto;
  background: #DFE4E6;
}

.f-absence-solde-value {
  font-size: 1.125rem;
}

.f-text-green.editable-click,
a.f-text-green.editable-click,
a.f-text-green.editable-click:hover {
  border-color: #00C7AB;
}

.f-text-red.editable-click,
a.f-text-red.editable-click,
a.f-text-red.editable-click:hover {
  border-color: #FC6595;
}

.f-api-exact-legend .nav-link {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  cursor: pointer;
  color: #949CA6;
  margin-right: 10px;
}

.f-api-exact-legend .nav-link.active,
.f-api-exact-legend .nav-link:focus,
.f-api-exact-legend .nav-link:hover {
  color: #353A40;
  border-bottom: solid 3px #353A40;
}

.f-api-exact-element-selector-separator {
  border-top: solid 1px #EEEEEE;
}

.f-api-exact-body .f-tab-pane-content .card {
    border-radius: 27px;
    padding: 40px;
}

#f_user_conges_solde_board td .h5 {
  font-family: "Poppins-Regular", "ubuntu-bold", sans-serif !important;
  font-weight: 500;
  font-size: 14px;
}

.f-page-imputer .f-select-type,
.f-page-imputer .f-add-new-model-type {
  padding: 20px 0;
  display: block;
  width: 100%;
  border: 1px solid #DFE4E6 !important;
}

.f-page-imputer .f-add-new-model-type {
  background-color: #DFE4E6;
  color: #353A40;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
}

.f-page-imputer a:hover {
  text-decoration: none;
}

.f-page-imputer a:hover .f-add-new-model-type {
  background: #353A40;
  color: #fff;
}

.f-page-imputer .f-select-type svg,
.f-page-imputer a:hover .f-add-new-model-type svg {
  fill: #fff;
}

.f-page-imputer .f-select-type span {
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

.f-page-imputer .col-3 {
  padding-right: 5px;
  padding-left: 5px;
}

.f-page-imputer .form-group {
  margin-bottom: 10px;
}

#f-modal-imputer .modal-body {
/*  display: flex;
  align-items: center;
  justify-content: center;*/
}

#f-modal-imputer .card {
  border-radius: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#f-modal-imputer .card #f-modal-imputer-iframe {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}

#f-modal-imputer .modal-content {
  padding: 40px;
}

#f-modal-imputer .modal-header button.close {
  margin-top: -30px;
  margin-right: -36px;
}

.f-page-imputer .btn.btn-icon-text .btn-icon-prepend {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 0;
}

.settings-panel.f-sidebar {
  background-color: #FFFFFF !important;
}

.settings-panel.f-sidebar .f-sidebar-top-title,
.settings-panel.f-sidebar ul#setting-panel {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #DFE4E6;
}

.settings-panel.f-sidebar .f-sidebar-top-title,
.settings-panel.f-sidebar .settings-close,
.settings-panel.f-sidebar .nav-tabs .nav-item .nav-link,
.settings-panel.f-sidebar .nav-tabs .nav-item .nav-link.active {
  color: #343A40;
}

.settings-panel.f-sidebar .f-sidebar-top-title,
.settings-panel.f-sidebar .nav-tabs .nav-item .nav-link {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.settings-panel.f-sidebar .f-sidebar-top-title,
.settings-panel.f-sidebar .nav-tabs .nav-item .nav-link {
  padding: 30px 50px 20px 45px !important;
  font-weight: 600;
  font-size: 20px;
}

.settings-panel.f-sidebar .tab-content.f-api-explorer-sidebar-content .tab-pane.scroll-wrapper {
  max-height: calc(90vh - 80px);
}

.settings-panel.f-sidebar .nav-tabs {
  justify-content: left;
}

.settings-panel.f-sidebar .settings-close {
  font-size: 24px;
  top: 30px !important;
}

.settings-panel.f-sidebar {
  width: 550px;
  right: -550px;
  background: #F9F9FA !important;
}

.settings-panel.f-sidebar.open {
  right: 0 !important;
}

.settings-panel.f-sidebar #setting-content {
  padding-left: 20px !important;
  padding-right: 20px !important;
  background: #F9F9FA;
}

#f_notif_center_sidebar.settings-panel.f-sidebar #setting-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.settings-panel.f-sidebar .f-planning-assign-skills-sidebar-item {
  line-height: normal;
}

/*.settings-panel.f-sidebar .f-planning-assign-skills-sidebar-item,*/
.settings-panel.f-sidebar .f-project-calendar-right-sidebar-item,
.settings-panel.f-sidebar .f-sprint-planning-right-sidebar-item {
  background-color: #353A40;
  color: #FFFFFF;
  text-align: center;
  padding: 15px 20px !important;
  font-size: .825rem !important;
}

.settings-panel.f-sidebar .f-sprint-planning-right-sidebar-item .f-text-xs {
  font-size: .825rem !important;
}

.settings-panel.f-sidebar .f-planning-assign-skills-sidebar-item:hover,
.settings-panel.f-sidebar .f-project-calendar-right-sidebar-item:hover,
.settings-panel.f-sidebar .f-sprint-planning-right-sidebar-item:hover {
  background-color: #4c5f75;
}

.settings-panel.f-sidebar .f-panel-item-group-title {
  color: #343A40 !important;
  font-size: 14px !important;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.f-notif-panel-item .f-furious-link {
  color: #353A40;
  font-weight: 500;
  font-size: 9px;
  line-height: 14px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-notif-panel-item .f-notif-panel-item-image img {
  border-radius: 50% !important;
  height: 20px !important;
  width: 20px !important;
}

.f-notif-panel-item a.f-notif-libelle,
.f-notif-panel-item a.f-notif-libelle:hover {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 23px;
  color: #343A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.f-notif-panel-item .f-notif-content-light {
  color: #565D64;
  font-weight: 500;
  line-height: 16px;
  font-size: 10px !important;
}

.f-notif-panel-item .f-notif-event-title {
  color: #919AA3;
  font-size: 7px;
  font-weight: 500;
}

#client-table .furious-editable {
  text-decoration: underline !important;
}

#client-table .furious-editable.editable-empty {
  border: none !important;
  color: #919AA3 !important;
  font-size: .675rem;
}

#client-table .f-autocomplete-client-company-inline {
  font-family: 'Poppins-Bold', 'ubunt-regular', sans-serif;
}

.f-text-dark-gray {
  color: #353A40;
}

#client-table thead th:nth-child(4) {
  min-width: 150px !important;
}

#f_proposal_rate_card_sell_price_calculator_modal {
  z-index: 8000 !important;
}

.f-grouped-button {
  display: flex;
}

.f-grouped-button .btn {
  border-radius: 0px !important;
}

.f-grouped-button .btn:first-child {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.f-grouped-button .btn:last-child {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.f-grouped-button .btn.f-btn-h20:first-child {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.f-grouped-button .btn.f-btn-h20:last-child {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.f-grouped-button .btn.f-btn-h20 .f-btn-text {
  top: -3px !important;
  position: relative;
}

.f-border-bottom-light {
  border-bottom: 1px solid #EBEDEF !important;
}

sup.f-text-xs {
  font-size: .465rem !important;
}

.f-collapse-container:not(.f-expanded) .f-collapse-item {
  display: none !important;
}

.f-collapse-container .f-collapse-item.f-collapse-item-compo-graph {
  position: relative;
}

.f-collapse-container.f-expanded #profit_repartition_light {
  display: none !important;
}

.f-collapse-container #profit_repartition_light {
  position: relative;
  top: -2px;
}

.f-title-project {
  color: #565D64;
  font-size: .675rem;
}

.f-project-view-detail-container {
  font-size: .875rem !important;
}

.f-project-view-eval .f-eval-name-user {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #353A40;
}

.f-project-view-eval {
  border-bottom: 1px solid #DFE4E6;
  padding: 15px 0;
}

.f-project-view-eval:last-child {
  border-bottom: none;
}

.f-project-view-eval .f-project-view-eval-date {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #565D64;
  width: 90px;
}

.f-project-view-eval .f-project-view-eval-image-name {
  width: 150px;
}

.f-project-view-eval .f-project-view-eval-image-name img {
  border-radius: 50% !important;
  height: 20px !important;
  width: 20px !important;
}

.f-project-view-eval .f-badge-light:first-child {
  min-width: 200px;
}

.dropzone .dz-message span,
.dropify-wrapper {
  color: #FFFFFF !important;
}

.dropify-wrapper {
  background-size: 30px 30px !important;
  background-image: -webkit-linear-gradient(135deg, #353A40 25%, #4c5f75 25%, #4c5f75 50%, #353A40 50%, #353A40 75%, #4c5f75 75%, #4c5f75) !important;
  background-image: linear-gradient(135deg, #353A40 25%, #4c5f75 25%, #4c5f75 50%, #353A40 50%, #353A40 75%, #4c5f75 75%, #4c5f75) !important;
}

.dropify-wrapper:hover {
  background-size: 30px 30px;
  background-image: -webkit-linear-gradient(135deg, #353A40 25%, #4c5f75 25%, #4c5f75 50%, #353A40 50%, #353A40 75%, #4c5f75 75%, #4c5f75);
  background-image: linear-gradient(135deg, #353A40 25%, #4c5f75 25%, #4c5f75 50%, #353A40 50%, #353A40 75%, #4c5f75 75%, #4c5f75);
  -webkit-animation: stripes 2s linear infinite;
  animation: stripes 2s linear infinite;
}

.dropzone.dropify-wrapper {
  border: 1px dashed #DFE4E6 !important;
  border-radius: 7px;
  height: 100px;
}

.f-cutoff-table .table-active,
.f-cutoff-table .table-active > th,
.f-cutoff-table .table-active > td {
  background-color: #F3EEE1 !important;
}

.f-cutoff-table .even,
.f-cutoff-table.table-striped tbody tr:nth-of-type(even),
.f-cutoff-table .even td.dtfc-fixed-left {
  background-color: #FFF !important;
}

.f-cutoff-table .odd,
.f-cutoff-table.table-striped tbody tr:nth-of-type(odd),
.f-cutoff-table .odd td.dtfc-fixed-left {
  background-color: #F5F5F5 !important;
}

.f-cutoff-table td {
  color: #353A40 !important;
  font-size: 11px;
  line-height: 16px;
}

.f-cutoff-table th.dtfc-fixed-left,
.f-cutoff-table td.dtfc-fixed-left,
.f-cutoff-table th:first-child,
.f-cutoff-table td:first-child {
  font-size: 12px;
  line-height: 18px;
}

.f-cutoff-table .table-primary,
.f-cutoff-table .table-primary > th,
.f-cutoff-table .table-primary > td,
.f-cutoff-table .table-primary.even td.dtfc-fixed-left,
.f-cutoff-table .table-primary.odd td.dtfc-fixed-left,
.f-cutoff-table .table-dark-light,
.f-cutoff-table .table-dark-light > th,
.f-cutoff-table .table-dark-light > td {
  background-color: #353A40 !important;
  color: white !important;
  font-weight: 500;
  font-size: 9px;
  line-height: 14px;
}

.f-cutoff-table .table-primary > th.dtfc-fixed-left,
.f-cutoff-table .table-primary > td.dtfc-fixed-left,
.f-cutoff-table .table-primary.even td.dtfc-fixed-left,
.f-cutoff-table .table-primary.odd td.dtfc-fixed-left,
.f-cutoff-table .table-dark-light > th:first-child,
.f-cutoff-table .table-dark-light > td:first-child {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
}

.f-badge-large {
  border: 1px solid #DFE4E6;
  padding: 10px 15px 10px 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
  display: flex;
}

.f-btn-fs-14 {
  font-size: 14px !important;
  font-family: 'Poppins-Regular', 'ubunt-regular', sans-serif !important;
}

#projet_view-page .f-sticky-item.f-sticky-project-view-kpi-details-buttons.f-sticked {
  z-index: 80;
}

.f-sticky-item.f-sticky-project-view-kpi-details-buttons.f-sticked {
  position: fixed;
  top: 100px;
  z-index: 5100;
}

#f_modal_sprint_manager .modal-footer {
  position: sticky;
  bottom: 30px;
  padding: 0 !important;
  z-index: 10;
}

.f-postit-form-action-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #F2F4F5;
}

.f-grouped-rate-card-category-row .f-rate-card-row-badge-container {
  top: -9px;
}

.card.card-inverse-danger {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow:none !important;
  -moz-box-shadow:none !important;
}

.alert {
  border: none !important;
}

.f-invoice-avoir-table-border > td {
  border-top: solid 1px #DFE4E6 !important;
  border-left: solid 1px #DFE4E6 !important;
  border-right: solid 1px #DFE4E6 !important;
  border-bottom: none !important;

  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.f-invoice-invoices-table-border > td {
  border-top: none !important;
  border-left: solid 1px #DFE4E6 !important;
  border-right: solid 1px #DFE4E6 !important;
  border-bottom: none !important;
}

.f-invoice-invoices-table-border.f-invoice-invoices-table-border-no-avoir > td {
  border-top: solid 1px #DFE4E6 !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.f-invoice-invoices-table-border  .f-repeater-item,
.f-invoice-credit-note-row-container {
  border-bottom: solid 1px #DFE4E6 !important;
}

.f-invoice-credit-note-row-container {
  padding-bottom: 7px !important;
}

.f-invoice-credit-note-row-container {
  padding-top: 7px !important;
  height: 59px;
}

.f-bc-proposal-details-container table td,
.f-bc-proposal-details-container table th {
  border: 1px solid #000000 !important;
  padding: 10px !important;
}

.f-bc-proposal-details-container {
  margin-bottom: 30px !important;
}

.f-proposal-card-br-container button,
.f-proposal-card-br-container .f-fix-width {
  width: 30px !important;
  text-align: right !important;
  display: inline-block;
}

#f_project_model_rc_content .f-proposal-bc-form-rc-list-content {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}

#f_project_model_rc_content .f-proposal-bc-form-rc-list-content table tr:first-child td:first-child {
  border-top-left-radius: 10px !important;
}

#f_project_model_rc_content .f-proposal-bc-form-rc-list-content table tr:first-child td:last-child {
  border-top-right-radius: 10px !important;
}

#f_project_model_rc_content .f-proposal-bc-form-rc-list-content table tr:last-child td:first-child {
  border-bottom-left-radius: 10px !important;
}

#f_project_model_rc_content .f-proposal-bc-form-rc-list-content table tr:last-child td:last-child {
  border-bottom-right-radius: 10px !important;
}

.dropdown-item {
  font-size: .75rem !important;
}

#f_homepage .grid-stack-item-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 10px;
  padding: 10px;
}

#f_homepage .grid-stack > .grid-stack-item > .grid-stack-item-content {
  left: 8px;
  right: 8px;
  border: solid 1px #ededed !important;
  border-radius: 4px;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

#f_homepage .grid-stack .grid-stack-placeholder > .placeholder-content {
  left: 8px;
  right: 8px;
  border: none;
  border-radius: 4px;
  background-color: #F1F1F4;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

#f_homepage .grid-stack-item-content h3 > i.mdi {
  display: none;
}

.f-widget-card-like .card-body {
  padding: 10px !important;
}

.f-widget-card-like h3,
#f_homepage .grid-stack-item-content h3 {
  color: #353A40 !important;
  font-size: 16px;
  padding-left: 24px;
  padding-bottom: 10px;
  border-bottom: solid 1px #EEF0F3;
  margin-left: -10px;
  margin-right: -10px;
  font-weight: 400;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-widget-card-like h2,
#f_homepage .grid-stack-item-content h2 {
  color: #5565FC !important;
  font-size: 1.625rem;
}

.grid-stack-item[f-gs-id="recent-stock"] a img {
  border-radius: 5px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.grid-stack-item[f-gs-id="recent-stock"] a:hover img {
  transform: scale(1.1);
  border-radius: 10px;
}

.f-client-alpha-filter-container .paginate_button a,
.dataTables_wrapper .paginate_button a {
  font-size: .675rem !important;
  padding: 0.275rem 0.5rem;
}

.f-homeoffice-bg.f-homeoffice-bg-am {
  width: 30px !important;
  right: 30px;
}

.f-homeoffice-bg.f-homeoffice-bg-pm {
  width: 30px !important;
  left: 30px;
}

.f-widget-time-tracker[f-type="today"] .f-time-tracker-hide-for-today {
  display: none !important;
}

.f-client-new-company-input-container .tt-suggestion {
  font-size: .825rem;
}

.f-time-tracker-row[f-state="play"] {
  background-color: #fee2eb;
}

.f-utt-project-proposal-name-container {
  width: 400px;
  cursor: pointer;
}

.f-user-time-tracker-today-sprint-row:nth-child(even) {
  background: rgba(63, 83, 101, 0.05);
}

.f-user-time-tracker-today-sprint-row {
  border-radius: 5px;
}

.f-campaign-overview-widget-column-manager-item .f-campaign-overview-widget-column-manager-item-move-btn,
.f-commerce-board-column-manager-item .f-commerce-board-column-manager-item-move-btn,
.f-project-datatable-column-manager-item .f-project-datatable-column-manager-item-move-btn {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  opacity: .2;
  cursor: move;
}

.f-campaign-overview-widget-column-manager-item:hover .f-campaign-overview-widget-column-manager-item-move-btn,
.f-commerce-board-column-manager-item:hover .f-commerce-board-column-manager-item-move-btn,
.f-project-datatable-column-manager-item:hover .f-project-datatable-column-manager-item-move-btn {
  opacity: 1;
}

.f-campaign-overview-widget-column-manager-item,
.f-commerce-board-column-manager-item,
.f-project-datatable-column-manager-item {
  margin-left: -5px;
}

.f-campaign-overview-widget-column-manager-item.f-campaign-overview-widget-column-manager-hidden-item,
.f-commerce-board-column-manager-item.f-project-datatable-column-manager-hidden-item,
.f-project-datatable-column-manager-item.f-project-datatable-column-manager-hidden-item {
  display: none !important;
}

.f-sidebar-bottom-action {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 550px;
}

.f-sidebar-bottom-action button {
  border-radius: 0 !important;
}

#f_commerce_board_column_manager_container .f-sidebar-bottom-action,
#f_project_datatable_column_manager_container .f-sidebar-bottom-action {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  opacity: 0;
}

#f_commerce_board_column_manager_container.f-has-change .f-sidebar-bottom-action,
#f_project_datatable_column_manager_container.f-has-change .f-sidebar-bottom-action {
  opacity: 1;
}

#f_widget_settings_container {
  position: absolute !important;
  background: white;
  -webkit-box-shadow: 0px 3px 6px #0000000f;
  box-shadow: 0px 3px 6px #0000000f;
  padding: 5px 10px;
  z-index: 150;
  border-radius: 5px;
  border: solid 1px #0000000f;
  white-space: nowrap !important;
}

.f-widget-settings-btn[f-state="loading"] i,
.f-widget-settings-btn .circle-loader {
  display: none;
}

.f-widget-settings-btn[f-state="loading"] .circle-loader {
  display: block;
}

.f-widget-settings-btn .circle-loader {
  margin: 0;
  width: 16px;
  height: 16px;
  position: relative;
  left: -2px;
  top: -2px;
}

.f-widget-settings-btn .circle-loader:before,
.f-widget-settings-btn .circle-loader:after {
  border-width: 2px;
}

.f-widget-settings-btn .circle-loader:before {
  border-top-color: #FFFFFF;
}

.f-widget-settings-btn .f-widget-settings-btn-num-filters {
  position: absolute;
  background-color: rgb(25, 138, 227);
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  top: 1px;
  right: 1px;
}

.grid-stack-item .grid-stack-item-content .card {
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.grid-stack-item.f-highlight .grid-stack-item-content .card {
  background-color: rgba(25, 138, 227, .3);
}

.btn-inverse-dark-light,
.badge-inverse-dark-light.f-solid,
.btn-inverse-dark-light.f-solid:not(.active):not(:hover):not(:focus) {
  background-color: #FFFFFF !important;
  border: solid 1px #CACDD2;
}

#f_furious_purchase_form .btn-inverse-dark-light.f-btn-25,
.btn-inverse-dark-light.f-btn-16-square {
  border: none !important;
}

.btn-inverse-dark-light:not(.active):hover {
  color: #353A40 !important;
}

.btn-inverse-dark-light:not(.active):hover svg path,
.btn-inverse-dark-light:not(.active):hover i {
  fill: #353A40 !important;
  color: #353A40 !important;
}

.btn-inverse-dark-light.active {
  background-color: #353A40 !important;
}

.btn-inverse-info.f-solid:not(.active):not(:hover) {
  background-color: #198AE3;
  color: #FFFFFF;
}

.btn-inverse-success.f-solid:not(.active):not(:hover) {
  background-color: #ECFAF7;
}

.btn-new-default-dark{
  background-color: #353A40;
  border-color: #353A40;
  color: white;
  border-radius: 2px;
}

.btn-new-default-dark:hover{
  background-color: #353a40c2 !important;
  border-color: #353a40c2 !important;
  color: white;
}

.f-slide-to-today .f-btn-text {
  line-height: 1rem;
}

.f-raf-input-compute-btn {
  top: 8px;
  right: 8px;
}

.f-external-task-category-row.f-new-cat-active .f-external-task-new-category-container
.f-external-task-category-row:not(.f-new-cat-active) .f-external-task-category-container {
  display: block;
}

.f-external-task-category-row:not(.f-new-cat-active) .f-external-task-new-category-container,
.f-external-task-category-row.f-new-cat-active .f-external-task-category-container {
  display: none;
}

.f-notif-panel-item:before {
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;

  content : '•';
  color: #24CFB4;
  position: absolute;
  top: -5px;
  left: 5px;
  font-size: 2rem;
  opacity: 0;
}

.f-notif-panel-item[f-state="unread"]:before {
  opacity: 1;
}


.f-notif-panel-item[f-archived="1"] .f-notif-panel-item-action-btn[f-action="unarchive"],
.f-notif-panel-item[f-archived="0"] .f-notif-panel-item-action-btn[f-action="archive"],
.f-notif-panel-item[f-state="read"] .f-notif-panel-item-action-btn[f-action="unread"],
.f-notif-panel-item[f-state="unread"] .f-notif-panel-item-action-btn[f-action="read"] {
  display: block;
}

.f-notif-panel-item[f-archived="0"] .f-notif-panel-item-action-btn[f-action="unarchive"],
.f-notif-panel-item[f-archived="1"] .f-notif-panel-item-action-btn[f-action="archive"],
.f-notif-panel-item[f-state="unread"] .f-notif-panel-item-action-btn[f-action="unread"],
.f-notif-panel-item[f-state="read"] .f-notif-panel-item-action-btn[f-action="read"] {
  display: none;
}

.f-notif-panel-item[f-state="read"] * {
  color: rgba(52, 58, 64, .3) !important;
}

.f-notif-panel-item * {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-notif-panel-item[f-state="unread"] .f-notif-panel-item-image,
.f-notif-panel-item .f-notif-panel-item-image {
  -webkit-transition: filter .3s ease-out;
  -moz-transition: filter .3s ease-out;
  -o-transition: filter .3s ease-out;
  transition: filter .3s ease-out;

  filter         : grayscale(0) opacity(1);
  -webkit-filter : grayscale(0) opacity(1);
  -moz-filter    : grayscale(0) opacity(1);
  -o-filter      : grayscale(0) opacity(1);
  -ms-filter     : grayscale(0) opacity(1);
}

.f-notif-panel-item[f-state="read"] .f-notif-panel-item-image {
  filter         : grayscale(1) opacity(.5);
  -webkit-filter : grayscale(1) opacity(.5);
  -moz-filter    : grayscale(1) opacity(.5);
  -o-filter      : grayscale(1) opacity(.5);
  -ms-filter     : grayscale(1) opacity(.5);
}

.f-notif-panel-item[f-state="read"] .btn.btn-inverse-dark-light i {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-notif-panel-item[f-state="read"] .btn.btn-inverse-dark-light:hover {
  background-color: rgba(86, 109, 137, .5) !important;
  border-color: transparent !important;
  color: rgba(255, 255, 255, 1) !important;
}

.f-notif-panel-item[f-state="read"] .btn.btn-inverse-dark-light:hover i {
  color: rgba(255, 255, 255, .7) !important;
}

.f-badge-success {
  background: #ECFAF7;
  border: 1px solid #00C7AB;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  color: #00C7AB;
  display: inline-block;
  word-break: normal;
}

.f-badge-primary {
  background: #FFF;
  border: 1px solid #0d6efd;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  color: #0d6efd;
  display: inline-block;
  word-break: normal;
}

.f-badge-danger {
  background: #FFEEF4;
  border: 1px solid #FC6595;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  color: #FC6595;
  display: inline-block;
  word-break: normal;
}

.f-badge-warning {
  background: #FEF7DB;
  border: 1px solid #F8D74C;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 10px;
  color: #F8D74C;
  display: inline-block;
  word-break: normal;
}

.f-postit-favorite-action-container {
  position: absolute;
  top: 0;
  right: 0;
}

.f-postit-favorite-action-container[f-state="0"] .f-postit-favorite-btn[f-action="1"],
.f-postit-favorite-action-container[f-state="1"] .f-postit-favorite-btn[f-action="0"] {
  display: block;
}

.f-postit-favorite-action-container[f-state="1"] .f-postit-favorite-btn[f-action="1"],
.f-postit-favorite-action-container[f-state="0"] .f-postit-favorite-btn[f-action="0"] {
  display: none;
}

.f-postit-favorite-action-container .f-postit-favorite-btn i {
  -webkit-transition: color .3s ease-out;
  -moz-transition: color .3s ease-out;
  -o-transition: color .3s ease-out;
  transition: color .3s ease-out;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="1"] i {
  color: #9c9fa6 !important;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="1"]:hover i {
  color: #FC6595 !important;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"]:hover i.mdi-heart,
.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"] i.mdi-heart-broken {
  display: none;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"] i.mdi-heart,
.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"]:hover i.mdi-heart-broken {
  display: block;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"] i {
  color: #FC6595 !important;
}

.f-postit-favorite-action-container .f-postit-favorite-btn[f-action="0"]:hover i {
  color: #9c9fa6 !important;
}

#f-modal-project-iframe {
  border-radius: 10px !important;
}

#f-modal-project-iframe .table-responsive table td .select2-container {
  width: 100%!important;
}

.f-filter-button.active,
.f-invoice-filters.active,
.f_cash_planner_filters.active,
.f-schedule-filters.active {
  position: relative;
}

.f-filter-button.active:before,
.f-invoice-filters.active:before,
.f_cash_planner_filters.active:before,
.f-schedule-filters.active:before {
  content: '\2022';
  position: absolute;
  top: -4px;
  right: 3px;
  color: rgb(25, 138, 227);
  font-size: 1.5rem;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFFFFF;
}

.f-counter-postit-with-number,
.f-counter-notif-with-number {
  display:inline-block;
  width:1rem;
  height: 1rem;
  background-color: #E1E7EA;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 5px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  font-size: 8px;
  line-height: 1.15rem;
  text-align: center;
  color: #3F5365;
}

.f-candidate-form-email-container .email-wrapper .message-body {
  background: #FFFFFF !important;
}

@media screen and (min-width: 991px){
  .touch-device.sidebar-icon-only .sidebar > .nav > .nav-item  div[id^="menu-"]{
    position:fixed;
    transition: left 0.01s ease, opacity 0.01s ease, background  0.01s ease;
    background-color:#fcfcfc;
    left:70px;
  }

  .touch-device.sidebar-icon-only .sidebar > .nav > .nav-item a.nav-link span.menu-title{
    transition: left 0.01s, opacity 0.1s;
    position:fixed;
    left:70px;
  }
}

.f-todo-task-item-due-date-btn {
  position: relative;
}

.f-todo-task-item-due-date-btn .f-todo-task-item-due-date-remove-btn {
  display: none;

  position: absolute;
  top: 0;
  right: 0;

  transition: all .3s ease-in-out;
}

.f-todo-task-item-due-date-btn:hover .f-todo-task-item-due-date-remove-btn {
  display: inline-block;
}

.f-todo-task-item-due-date-btn .f-todo-task-item-due-date-remove-btn:hover {
  transform: scale(1.3);
}

.f-candidate-resume-data-summary {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #586C85;
}

.f-candidate-resume-data-phone,
.f-candidate-resume-data-email {
  font-weight: bold;
  color: #586C85;
}

.f-candidate-span-label {
  font-size: 13px;
  line-height: 17px;
  vertical-align: top;
  margin-bottom: 0.5rem;
}

#new-user-apply-modal .fr-toolbar .fr-btn-grp {
  margin: 0;
}

#f_modal_sprint_manager.f-sidebar .ui-resizable-handle.ui-resizable-w,
#f_generic_sidebar_inception .ui-resizable-handle.ui-resizable-w,
#f_generic_sidebar .ui-resizable-handle.ui-resizable-w {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 4000 !important;
  width: 10px;
  height: 24px;
  margin-top: -12px;
}

#f_modal_sprint_manager.f-sidebar .ui-resizable-handle.ui-resizable-w:hover,
#f_generic_sidebar_inception .ui-resizable-handle.ui-resizable-w:hover,
#f_generic_sidebar .ui-resizable-handle.ui-resizable-w:hover {
  cursor: ew-resize;
}

.f-purchase-sidebar-form .modal-footer {
  position: sticky !important;
  left: 0 !important;
  bottom: 0 !important;
  padding: 0 !important;
}

#f_generic_import_container .f-generic-import-matching-btn.active.required i,
#f_generic_import_container .f-generic-import-matching-btn.active.required::after {
  color: #fff !important;
}

.f-generic-import-required-field.active i,
.f-generic-import-required-field.active,
.f-generic-import-matching-btn.active i,
.f-generic-import-matching-btn.active {
  color: #fff !important;
  background-color: #1ca48e !important;
  border-color: #1b9985 !important;
}

.f-generic-import-checked-container .mdi-check {
  font-size: 1.2rem;
}

#f_business_proposal_form #country_list_id {
  z-index: 100 !important;
}

.f-widget-navigation-expand-all {
  z-index: 10;
  position: absolute;
  left: 17px;
  top: 24px;
}

.f-widget-navigation-expand-all {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTS0yLjQ0MjQyZS0wNSAxMUw0LjQ2MTQgOS44MDQ1NkwxLjE5NTQxIDYuNTM4NTdMLTIuNDQyNDJlLTA1IDExWk02LjMxNzEzIDQuMTE3MTVMMi4yNjI3MiA4LjE3MTU3TDIuODI4NCA4LjczNzI1TDYuODgyODIgNC42ODI4NEw2LjMxNzEzIDQuMTE3MTVaIiBmaWxsPSIjRENEQ0RDIi8+CjxwYXRoIGQ9Ik0xMSAtNS40ODA4N2UtMDZMNi41Mzg1NiAxLjE5NTQzTDkuODA0NTQgNC40NjE0MUwxMSAtNS40ODA4N2UtMDZaTTYuODgyODIgNC42ODI4NEw4LjczNzIzIDIuODI4NDJMOC4xNzE1NSAyLjI2Mjc0TDYuMzE3MTMgNC4xMTcxNUw2Ljg4MjgyIDQuNjgyODRaIiBmaWxsPSIjRENEQ0RDIi8+CjxwYXRoIGQ9Ik0tMi4zMzExNWUtMDUgNi4wOTM0ZS0wNkwxLjE5NTQxIDQuNDYxNDNMNC40NjE0IDEuMTk1NDRMLTIuMzMxMTVlLTA1IDYuMDkzNGUtMDZaTTYuODgyODIgNi4zMTcxNkwyLjgyODQgMi4yNjI3NUwyLjI2MjcyIDIuODI4NDNMNi4zMTcxMyA2Ljg4Mjg1TDYuODgyODIgNi4zMTcxNloiIGZpbGw9IiNEQ0RDREMiLz4KPHBhdGggZD0iTTExIDExTDkuODA0NTQgNi41Mzg1OUw2LjUzODU2IDkuODA0NTdMMTEgMTFaTTYuMzE3MTMgNi44ODI4NUw4LjE3MTU1IDguNzM3MjZMOC43MzcyMyA4LjE3MTU4TDYuODgyODIgNi4zMTcxNkw2LjMxNzEzIDYuODgyODVaIiBmaWxsPSIjRENEQ0RDIi8+Cjwvc3ZnPg==);
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
}

.grid-stack>.grid-stack-item>.ui-resizable-se {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEwIDEwTDguODA0NTcgNS41Mzg1OEw1LjUzODU4IDguODA0NTdMMTAgMTBaTTMuNzE3MTYgNC4yODI4NEw3LjE3MTU3IDcuNzM3MjZMNy43MzcyNiA3LjE3MTU3TDQuMjgyODQgMy43MTcxNkwzLjcxNzE2IDQuMjgyODRaIiBmaWxsPSIjRENEQ0RDIi8+CjxwYXRoIGQ9Ik0xLjM2OTE0ZS0wNyAxLjM2OTE0ZS0wN0wxLjE5NTQzIDQuNDYxNDJMNC40NjE0MiAxLjE5NTQzTDEuMzY5MTRlLTA3IDEuMzY5MTRlLTA3Wk00LjI4Mjg0IDMuNzE3MTZMMi44Mjg0MyAyLjI2Mjc0TDIuMjYyNzQgMi44Mjg0M0wzLjcxNzE2IDQuMjgyODRMNC4yODI4NCAzLjcxNzE2WiIgZmlsbD0iI0RDRENEQyIvPgo8L3N2Zz4=);
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  bottom: 5px;
  right: 12px;
}

.grid-stack>.grid-stack-item>.ui-resizable-sw {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTS0xLjMxODA0ZS0wNyAxMEw0LjQ2MTQyIDguODA0NTdMMS4xOTU0MyA1LjUzODU4TC0xLjMxODA0ZS0wNyAxMFpNNS43MTcxNiAzLjcxNzE2TDIuMjYyNzQgNy4xNzE1N0wyLjgyODQzIDcuNzM3MjZMNi4yODI4NCA0LjI4Mjg0TDUuNzE3MTYgMy43MTcxNloiIGZpbGw9IiNEQ0RDREMiLz4KPHBhdGggZD0iTTEwIC0yLjc0ODIxZS0wOUw1LjUzODU4IDEuMTk1NDNMOC44MDQ1NyA0LjQ2MTQyTDEwIC0yLjc0ODIxZS0wOVpNNi4yODI4NCA0LjI4Mjg0TDcuNzM3MjYgMi44Mjg0M0w3LjE3MTU3IDIuMjYyNzRMNS43MTcxNiAzLjcxNzE2TDYuMjgyODQgNC4yODI4NFoiIGZpbGw9IiNEQ0RDREMiLz4KPC9zdmc+);
  -webkit-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -o-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  bottom: 5px;
  left: 12px;
}

.f-widget-help-btn i {
  font-size: 20px !important;
  color: #6D727F !important;
}

/*.f-widget-help-btn {
  z-index: 10;
  position: absolute;
  right: 35px;
  top: 12px;
}*/

.f-widget-actions-btn {
  z-index: 10;
  position: absolute;
  right: 30px;
  top: 9px;
}

.f-add-dashboard-widget-btn .f-widget-help-btn {
  position: relative;
  right: 0px;
  top: 0px;
}

.f-add-dashboard-widget-btn .f-widget-permissions-btn .f-widget-permissions-btn-text,
.f-add-dashboard-widget-btn .f-widget-help-btn .f-widget-help-btn-text {
  white-space: nowrap;
}

.f-add-dashboard-widget-btn .f-widget-permissions-btn .f-widget-permissions-btn-icon,
.f-add-dashboard-widget-btn .f-widget-help-btn .f-widget-help-btn-icon {
  margin-left: 0.5rem;
}


.f-furious-help-btn svg circle,
.f-widget-help-btn svg circle {
  fill: #FFFFFF;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-furious-help-btn svg path,
.f-widget-help-btn svg path {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-furious-help-btn:hover svg circle,
.f-widget-help-btn:hover svg circle {
  stroke: #FC6595;
  fill: #FC6595;
}

.f-furious-help-btn:hover svg path,
.f-widget-help-btn:hover svg path {
  fill: #FFFFFF !important;
}

.f-widget-help-popover .popover-header {
  color: #FFF !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 13px 20px;
  background: #303337 !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.f-widget-help-popover .popover-body {
  color: #FFF !important;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 16px 20px;
  background: #353A40 !important;;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.popover-primary.f-widget-help-popover.bs-popover-left .arrow:before,
.popover-primary.f-widget-help-popover.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-primary.f-widget-help-popover.bs-popover-left .arrow:after,
.popover-primary.f-widget-help-popover.bs-popover-auto[x-placement^="left"] .arrow:after {
  border-left-color: #303337;
}

.popover-primary.f-widget-help-popover.bs-popover-left .arrow:before,
.popover-primary.f-widget-help-popover.bs-popover-auto[x-placement^="left"] .arrow:before,
.popover-primary.f-widget-help-popover.bs-popover-left .arrow:after,
.popover-primary.f-widget-help-popover.bs-popover-auto[x-placement^="left"] .arrow:after {
    border-left-color: #303337;
}

.f-widget-help-popover.bs-popover-left>.arrow,
.f-widget-help-popover.bs-popover-auto[x-placement^="left"]>.arrow {
  right: calc(-0.4rem - 1px);
}

.f-widget-help-popover .btn.f-intercom-link {
  border-radius: 5px;
  height: 33px !important;
  background-color: #d6527d;
  border-color: #d6527d;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  border: none;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-widget-help-popover .btn.f-intercom-link:hover {
  background-color: #e3638d;
  border-color: #e3638d;
}

.f-widget-help-popover .btn.f-intercom-link:hover .f-intercom-link-icon i {
  transform: translateX(3px);
}

.f-widget-help-popover .btn.f-intercom-link .f-intercom-link-icon {
  background-color: #e3638d;
  border-radius: 5px;
  height: 33px !important;
  width: 33px !important;
  display: inline-block;
  margin-left: 10px;
}

.f-widget-help-popover .btn.f-intercom-link .f-btn-text {
  top: 7px;
  position: relative;
}

.f-widget-help-popover .btn.f-intercom-link .f-intercom-link-icon i {
  transform: translateX(0px);
  top: 8px;
  position: relative;
  display: inline-block;

  -webkit-transition: transform .3s ease-out;
  -moz-transition: transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
}

.f-widget-top-action-container {
  position: absolute;
  top: 7px;
  display: none;
}

.grid-stack-item:hover .f-widget-top-action-container {
  display: block;
}

/*.grid-stack-item-content div[id^='f_widget_progress_'] .progressbar-text {
  max-height: 55px !important;
}*/

div[id^='f_widget_progress_'] .progressbar-text i {
  display: block;
  position: relative;
  top: -4px;
}

div[id^='f_widget_progress_'] .progressbar-text i.f-rotate-down:before,
div[id^='f_widget_progress_'] .progressbar-text .f-rotate-down {
  content: url(/assets/img/icon-trend-down.svg);
  transform: none !important;
  display: block;
  margin: 10px auto 0 auto;
}

div[id^='f_widget_progress_'] .progressbar-text i.f-rotate-up:before,
div[id^='f_widget_progress_'] .progressbar-text .f-rotate-up {
  content: url(/assets/img/icon-trend-up.svg);
  transform: none !important;
  display: block;
  margin: 10px auto 0 auto;
}

div[id^='f_widget_progress_'] .progressbar-text i.mdi-play:not(.f-rotate-up):not(.f-rotate-down):before,
div[id^='f_widget_progress_'] .progressbar-text .mdi-play:not(.f-rotate-up):not(.f-rotate-down) {
  content: url(/assets/img/icon-trend-stable.svg);
  transform: none !important;
  display: block;
  margin: 10px auto 0 auto;
}

#f_gantt_col_view_dropdown_item_container .dropdown-item {
  width: auto;
}

#f_gantt_col_view_dropdown_item_container .dropdown-item:before {
  content: "";
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  width: 12px;
}

#f_gantt_col_view_dropdown_item_container .dropdown-item[f-state="visible"]:before {
  content: "\F12C";
}

.f-permission-item-container {
  border: solid 1px transparent;
  padding: 6px 10px;
  border-radius: 5px;
  min-height: 40px;
}

.f-permission-item-container[f-color="gold"] {
  border-color: #F4B973;
}

.f-permission-item-container[f-color="red"] {
  border-color: #FB5184;
}

.f-permission-item-container[f-color="green"] {
  border-color: #52CEB4;
}

.f-permission-item-container .f-permission-type-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.18px;
}

.f-permission-role-item {
  border: solid 0.5px #DCDCDC;
  border-radius: 2px;
  background: #FFF;
  padding: 6px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.18px;
  color: #6D727F;
  margin-right: 5px;
}

.f-permission-role-item:last-child {
  margin-right: 0px;
}

.f-permission-role-item[f-color="green"] {
  border-color: #52CEB4;
}

.f-permission-role-item[f-color="red"] {
  border-color: #FB5184;
}

.f-permission-role-item-icon i {
  font-size: 20px;
}

.f-permission-item-container .f-permission-item-block {
  margin-right: 5px;
}

.f-permission-item-container .f-permission-item-block:last-child {
  margin-right: 0px;
}

.f-select-multiple-light-container .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border-radius: 2px;
  background: #353A40 !important;
  border: 0.8px solid #353A40;
  color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-top: 0px;
  margin-bottom: 3px;
  padding: 6px 10px 6px 8px;
}

.f-select-multiple-light-container[f-color="dark-plain"] .select2-container--default .select2-selection--multiple .ui-sortable .select2-selection__choice {
  padding-right: 25px;
  position: relative;
}

.f-select-multiple-light-container[f-color="dark-plain"] .select2-container--default .select2-selection--multiple .ui-sortable .select2-selection__choice::before {
  font-family: "Material Design Icons";
  content: "\F1DB";
  font-size: 16px;
  vertical-align: middle;
}

.f-select-multiple-light-container[f-color="dark-plain"] .select2-container--default .select2-selection--multiple .ui-sortable .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  right: 0;
  top: 11px;
}

.f-select-multiple-light-container .select2-container--default .select2-selection--multiple .ui-sortable .select2-selection__choice {
  background: #F2F4F5 !important;
  color: #353A40;
}

.f-select-multiple-light-container.f-green .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border: 0.8px solid #52CEB4 !important;
  background: #52CEB4 !important;
  color: #FFFFFF !important;
}

.f-select-multiple-light-container.f-red .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border: 0.8px solid #FB5184 !important;
  background: #FB5184 !important;
  color: #FFFFFF !important;
}

.f-select-multiple-light-container.f-light .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border: 0.8px solid #DCDCDC !important;
  background: #DCDCDC !important;
}

.f-select-multiple-light-container[f-color="dark-plain"] .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border: 0.8px solid #353A40 !important;
  background: #353A40 !important;
  color: #FFFFFF !important;
}

.f-select-multiple-light-container[f-color="dark-plain"] .select2-container--default  .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.f-select-multiple-light-container.f-red .select2-container--default  .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
.f-select-multiple-light-container.f-green .select2-container--default  .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #FFFFFF !important;
  content: url("/assets/img/icon-close-white.svg");
}

.f-select-multiple-light-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove  {
  color: #DCDCDC;
  margin-right: 6px;
  content: url("/assets/img/icon-close.svg");
}

.f-select-multiple-light-container.f-light .select2-container--default  .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  content: url("/assets/img/icon-close-dark.svg");
}

.f-select-multiple-light-container .select2-selection.select2-selection--multiple {
  border-radius: 5px !important;
}

.f-select-multiple-light-container[f-color="red"] .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border-color: #FB5184;
}

.f-select-multiple-light-container[f-color="green"] .select2-container--default  .select2-selection--multiple .select2-selection__choice {
  border-color: #52CEB4;
}

.f-select-multiple-light-container .select2-container--default:not(.select2-container--focus) .select2-selection--multiple .select2-selection__rendered li.select2-search.select2-search--inline:before  {
  content: url("/assets/img/icon-plus-outline.svg");
  display: inline-block;
  color: #DCDCDC;
  position: relative;
  top: 5px;
  height: 20px;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
  width: 10px;
}

.modal-body .btn.btn-light:not(:hover),
.modal-footer .btn.btn-light:not(:hover) {
  background: #FFFFFF;
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 20px;
}

.modal .modal-dialog .modal-content .modal-header {
  padding: 23px 20px;
}

.f-event-settings-category-select,
.f-permission-settings-category-select {
  border-radius: 5px;
}

.f-event-settings-category-select.active,
.f-permission-settings-category-select.active {
  background-color: #FFFFFF !important;
  border-color: #353A40 !important;
  color: #353A40 !important;
}

.f-furious-ai-main-button{
  position: fixed;
  right: 0;
  bottom: 83px;
  right: 20px;
  width: 48px;
  height: 50px;
  background-color: #24CFB4;
  border-color: #24CFB4;
  color: white;
  cursor: pointer;

  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
  transition: transform 167ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
  box-sizing: content-box;
  border-radius: 50%;
}

.f-furious-ai-main-button:hover{
  transition: transform 250ms cubic-bezier(0.33, 0.00, 0.00, 1.00);
  transform: scale(1.1);
}

.f-furious-ai-main-button div{
    width: 47px;
    height: 43px;
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.f-event-settings-events-item-actions .custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: inset 0px 3px 6px #0000000F;
  box-shadow: inset 0px 3px 6px #0000000F;
}

.f-event-settings-events-item-actions .custom-switch {
  padding-left: 43px;
}

.f-event-settings-events-item-actions .custom-switch .custom-control-label::before {
  background-color: #F2F4F5;
  border: none !important;
  width: 43px;
  left: -43px;
  -webkit-box-shadow: inset 0px 3px 6px #0000000F;
  box-shadow: inset 0px 3px 6px #0000000F;
}

.f-event-settings-events-item-actions .custom-switch .custom-control-label::after {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 2px;
  left: -43px;
  background-color: #D6527D;
  -webkit-box-shadow: 0px 3px 6px #0000002F;
  box-shadow: 0px 3px 6px #0000002F;
}

.f-event-settings-events-item-actions .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #52CEB4;
  -webkit-transform: translateX(24px);
  transform: translateX(24px);
}

.f-event-settings-events-item-actions .f-event-settings-events-item-state-container[f-state="0"] .f-event-settings-events-item-state-text[f-state="0"],
.f-event-settings-events-item-actions .f-event-settings-events-item-state-container[f-state="1"] .f-event-settings-events-item-state-text[f-state="1"] {
  display: block;
}

.f-event-settings-events-item-actions .f-event-settings-events-item-state-container[f-state="0"] .f-event-settings-events-item-state-text[f-state="1"],
.f-event-settings-events-item-actions .f-event-settings-events-item-state-container[f-state="1"] .f-event-settings-events-item-state-text[f-state="0"] {
  display: none;
}

.f-badge-blue {
  color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  border-radius: 2px;
  border: 0.8px solid #5565FC;
  background: #5565FC;
  padding: 5px 7px;
}

.f-form-v2 input[type="text"].form-control,
.f-form-v2 input[type="number"].form-control,
.f-form-v2 .select2-selection.select2-selection--single,
.f-form-v2 .select2-selection.select2-selection--multiple {
  border-radius: 5px !important;
}

.f-form-v2 .f-filter-amount-container input[type="text"].form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.f-form-v2 .f-filter-amount-container input[type="text"].form-control:focus {
  border-color: #E1E7EA !important;
}

.f-form-v2 .input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.f-form-v2 .input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.f-form-v2 .input-group-prepend .input-group-text {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.f-form-v2 .input-group-append .input-group-text {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.f-config-form .f-form-v2 .form-group {
  margin-bottom: 20px;
}

.f-config-form:not(.f-purchase-modal-v2) .f-form-v2 label {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 0;
  margin-bottom: 5px;
}

.f-config-form.f-modal-2-cols .modal-title {
  font-size: 24px;
}

.f-config-form.f-modal-2-cols.modal .modal-dialog .modal-content .modal-header,
.f-config-form.f-modal-2-cols.modal .modal-dialog .modal-content .modal-body {
  padding-left: 28px;
  padding-right: 28px;
}

.f-form-v2 hr {
  border-color: #DCDCDC;
}

.f-select-multiple-light-container[f-color="green-fill"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #52CEB4 !important;
  color: #FFFFFF;
  border: none !important;
}

.f-select-multiple-light-container[f-color="green-fill"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #FFFFFF;
  content: url(/assets/img/icon-close-white.svg);
}

.f-select-multiple-light-container .select2-container--default:not(.select2-container--focus) .select2-selection--multiple .select2-selection__rendered .select2-search__field {
  margin-left: 5px !important;
  position: relative;
}

.f-invoice-list-top-item {
  display: inline-block;
}
.f-invoice-list-top-item .dot-opacity-loader {
  height: 10px;
  width: 40px;
  position: relative;
  top: 6px;
}

.f-event-settings-events-item[f-state="0"] .f-event-settings-events-item-icons i,
.f-event-settings-events-item[f-state="0"] .media-body * {
  color: #94979A !important;
}

.f-menu-quick-access-container {
  cursor: pointer !important;
}

.sidebar .nav .nav-item.f-menu-quick-access-container:hover #f_fixed_quick_access_toggle_btn svg path {
  fill: #3F5365;
}
.sidebar .nav .nav-item.f-menu-quick-access-container:hover svg path {
  stroke: transparent !important;
}

#f_quick_access_fixed_bar_content #f_quick_access_fixed_bar_items_content,
#f_quick_access_fixed_bar_content {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

#f_quick_access_fixed_bar_content {
  row-gap: 0px;
  top: 0px;
  left: 77px;
}

#f_fixed_quick_access_text {
  display: none;
}

body:not(.sidebar-icon-only) #f_fixed_quick_access_text {
  display: block;
}

body:not(.sidebar-icon-only) #f_quick_access_fixed_bar_content {
  left: 265px !important;
}

.f-delete-quick-access-btn {
  margin-bottom: 2px !important;
}

.f-quick-access-move-btn {
  cursor: move;
  display: block;
}

.f-fixed-quick-access-item {
  position: relative;
  padding: 3px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0);

  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

body:not(.gu-unselectable) #f_quick_access_fixed_bar .f-fixed-quick-access-item {
  border-color: #DFE4E6;
  background: #FFFFFF;
  border-radius: 2px;
}

body:not(.gu-unselectable) #f_quick_access_fixed_bar .f-fixed-quick-access-item:hover {
  border-color: #353A40;
}

#f_quick_access_fixed_bar .f-fixed-quick-access-item:after {
  opacity: 0;
  content: ' ';
  background: rgba(111, 135, 169, 0.20);
  width: 12px;
  margin-left: 13px;
  height: 1px;
  display: block;
  position: relative;
  top: 4px;

  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

#f_quick_access_fixed_bar.f-hover .f-fixed-quick-access-item:not(.f-hover):after {
  opacity: 1;
}

body.gu-unselectable.f-nav-gu-unselectable #f_quick_access_fixed_bar,
body.gu-unselectable.f-nav-gu-unselectable #f_quick_access_fixed_bar .f-fixed-quick-access-item {
  display: block !important;
}

.f-fixed-quick-access-item.gu-mirror .f-hoverable-actions {
  display: block !important;
  opacity: 1 !important;
}

.gu-unselectable .f-fixed-quick-access-item:not(.gu-mirror) .f-hoverable-actions {
  opacity: 0 !important;
  overflow: hidden !important;
}

.f-ai-main-wrapper{
  flex-direction:column;
  max-height: 82vh;
}

.f-ai-messages{
  font-size: 0.8rem;
  color: #565D64;
  flex-grow: 1;
  overflow: hidden;
}

.f-ai-messages h1{
  font-size: 1.7rem;
}

.f-ai-messages h2{
  font-size: 1.4rem;
}

.f-ai-messages h3{
  font-size: 1.3rem;
}

.f-ai-messages h4{
  font-size: 1.2rem;
}

.f-ai-messages h5{
  font-size: 1.1rem;
}

.f-ai-messages .card-body{
  overflow: auto;
}

.f-ai-messages .btn-ai-content-copy{
  padding: 0;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 6px;
}

.f-ai-message-content pre{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.625rem;
  font-size: 0.8rem;
}

.f-ai-message-system .f-ai-picto img.f-user-pp-img-furious,
.f-ai-message-error .f-ai-picto img.f-user-pp-img-furious,
.f-ai-message-assistant .f-ai-picto img.f-user-pp-img-furious{
  border-radius: 0;
}

.f-ai-message-system .f-ai-picto img.f-user-pp-img-furious:hover,
.f-ai-message-error .f-ai-picto img.f-user-pp-img-furious:hover,
.f-ai-message-assistant .f-ai-picto img.f-user-pp-img-furious:hover{
  box-shadow: none;
}

.f-ai-message-error .card.f-card-light{
  background-color:#ffcccc;
}

.f-ai-form textarea{
  height:120px !important;
}

.f-ai-form button[type="submit"]{
  float:right;
}

.f-ai-messages .circle-loader:before,
.f-ai-messages .circle-loader:after {
  border-width: 1px;
}

.f-ai-messages .circle-loader {
  width: 40px;
  height: 40px;
}

.f-ai-messages .circle-loader:before {
  border-top-color: #00C7AB;
}


#gantt .gantt_default_event.f-bg-color-047edf .gantt_default_event_inner {
  background: #047edf !important;
  color: #FFFFFF;
}

#gantt .gantt_default_event.f-bg-color-047edf.gantt_default_task_group.gantt_default_event::after {
  border-color: transparent #047edf transparent transparent !important;
}

#gantt .gantt_default_event.f-bg-color-047edf.gantt_default_task_group.gantt_default_event::before {
    border-color: transparent transparent transparent #047edf !important;
}

.gantt_default_rowheader .f-todo-gantt-text-container {
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
}

.f-weekly-user-time-tracker-row .f-weekly-user-time-tracker-row-pin-btn {
  position: absolute;
  top: 5px;
  left: 5px;
}

.f-weekly-user-time-tracker-row .f-weekly-user-time-tracker-row-pin-btn[f-state="off"] {
  opacity: 0;

  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}

.f-weekly-user-time-tracker-row:hover .f-weekly-user-time-tracker-row-pin-btn[f-state="off"] {
  opacity: 1;
}

.f-calendar.calendar_default_main .f-cal-item-hide-duration .mdi.mdi-gauge,
.f-calendar.calendar_default_main .f-cal-item-hide-duration .f-task-time {
  display: none;
}

.card.f-card-std {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.card .f-card-body{
  border: 1px solid rgba(0,0,0,0.125) !important;
  border-radius: 10px !important;
}

.f-import-modal-step-container {
  display: flex;
  flex-direction:row;
  justify-content:center;
  align-items: flex-end;
  border-bottom: 1px solid rgba(0,0,0,0.125)
}

.f-import-modal-step-container .f-import-modal-step-item{
  display: flex;
  flex-direction:column;
  align-items:center;
  justify-content: flex-end;
}

.f-import-modal-step-container .f-import-modal-step-item.clickable{
  cursor:pointer;
}

.f-import-modal-step-item .step-number{
  display: flex;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.125);
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  color: rgba(0,0,0,0.125);
}

.f-import-modal-step-item .step-title{
  color: rgba(0,0,0,0.125);
  font-weight: 600;
}

.f-import-modal-step-container .f-import-modal-step-item.clickable .step-number{
  color: #9ec5f0;
  border-color: #9ec5f0;
}

.f-import-modal-step-container .f-import-modal-step-item.clickable .step-title{
  color: #9ec5f0;
}

.f-import-modal-step-container .f-import-modal-step-item.clickable:hover .step-number,
.f-import-modal-step-container .f-import-modal-step-item.active .step-number{
  color: #5565FC;
  border-color: #5565FC;
}

.f-import-modal-step-item.clickable:hover .step-title,
.f-import-modal-step-item.active .step-title{
  color: #5565FC;
  border-bottom: 2px solid #5565FC;
}

.f-import-modal-type-tab-container{
  display: flex;
  flex-direction:row;
  justify-content:center;
  align-items: center;

  width: 70%;
  margin: auto;
  min-width: 500px;
  max-width: 705px;

}

.f-import-modal-type-tab{
  /*flex:1;*/
  flex-basis: 12%;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction:column;
  cursor: pointer;
}

.f-import-modal-type-tab-icon{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.f-import-modal-type-tab-icon svg path{
  fill : #343A3F;
  fill-opacity: 0.5
}

.f-import-modal-type-tab.active .f-import-modal-type-tab-icon svg path{
  fill : #5565FC;
  fill-opacity: 1
}

.f-import-modal-type-tab-title{
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: #919AA3;
}

.f-import-modal-type-tab.active .f-import-modal-type-tab-title{
  color: #5565FC;
}

#f_new_import_modal .f-modal-content-tab .f-import-modal-type-tab-container .nav-link:first-child,
#f_new_import_modal .f-modal-content-tab .f-import-modal-type-tab-container .nav-link:last-child,
#f_new_import_modal .f-modal-content-tab .f-import-modal-type-tab-container .nav-link{
  margin-top:0;
  margin-bottom:0;
  border:none;
}

.f-import-modal-type-tab-contents{
  min-height: 224px
}

#f_new_import_modal .f-import-modal-type-tab-contents .tab-pane{
  width: 50%;
  min-width: 425px;
  max-width: 530px;
  margin: auto;
}

#f_new_import_modal .f-import-modal-type-tab-contents .tab-pane.active{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.f-import-modal-type-tab-content-item{
  width: 98px;
  height: 98px;
  background-color: #F2F4F5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: rgba(0,0,0,0.4);
}

.f-import-modal-type-tab-content-item:hover{
  background-color: #5565FC;
  color: white;
}

.f-import-modal-type-tab-content-icon{
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  font-size:20px;
}

.f-import-modal-type-tab-content-title{
  text-align:center;
  font-size:12px;
}

#f_new_import_modal #f-import-modal-loader.d-none{
  display:none !important;
}

#f_new_import_modal .f-import-upload-explain{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: auto;
  max-width: 379px;
  min-width: 320px;
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
}

#f_new_import_modal .f-import-upload-explain-text-main,
#f_new_import_modal .f-import-upload-explain-text {
  text-align: center;
  font-size: 14px;
}

#f_new_import_modal .f-import-upload-explain-text-main strong {
  color: #5565FC;
}

#f_new_import_modal .f-import-upload-dropzone-container {
  width: 60%;
  margin: auto;
  max-width: 560px;
  min-width: 370px;
}

#f_new_import_modal .f-import-upload-method-selector-container{
  margin-top: 15px;
}

#f_new_import_modal .f-import-upload-method-title{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 12px;
  margin-bottom: 5px;
}

#f_new_import_modal .f-import-upload-selectors{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#f_new_import_modal .f-import-upload-selectors .btn.active{
    color: #fff;
    background-color: #353A40;
    border-color: #353A40;
}

#f_new_import_modal .f-upload-google-display-wrapper{
    width: 60%;
    margin: auto;
    max-width: 560px;
    min-width: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#f_new_import_modal .f-upload-google-display-wrapper .f-copy-p{
  border-radius: 10px;
  width: 100%;
}

#f_new_import_modal .f-upload-google-display-wrapper textarea{
    /*width: 100%;
    height: 120px;
    border-radius: 10px;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;*/
    font-size: 11px;
    /*padding:10px;*/
}


#f_new_import_modal .f-import-upload-pattern-container{
  width: 50%;
  margin: auto;
  max-width: 442px;
  min-width: 320px;
  padding: 1.5rem;
}

#f_new_import_modal .f-import-type-selector-error-container,
#f_new_import_modal .f-import-upload-error-container{
  width: 60%;
  margin: auto;
  max-width: 560px;
  min-width: 370px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #FB5184;
  border-radius: 5px;
  background-color: #FFEEF4;
  color: #FB5184;
}

#f_new_import_modal .f-import-upload-pattern-download-btn{
  background-color: #F4B973;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor:pointer;
}

#f_new_import_modal .f-import-upload-pattern-download-btn:hover{
  background-color: #daa465;
}

#f_new_import_modal .f-import-upload-pattern-download-text{
  font-size: 14px;
  color: white;
  flex-grow:2;
}

#f_new_import_modal .f-import-upload-pattern-download-icon{
  width:36px;
}

#f_new_import_modal .f-import-modal-footer-btn-container{
  display:flex;
  justify-content:flex-end;
}

body .dropzone.dropify-wrapper.f-drop-light{
  background-color: white !important;
  background-image: none !important;
  border: 3px solid #5565FC !important;
}

body .dropzone.dropify-wrapper.f-drop-light.f-drop-light-grey{
  border: 1px solid #DFE4E6 !important;
}

body .dropzone.dropify-wrapper.f-drop-light.f-drop-light-grey.f-drop-no-border,
body .dropzone.dropify-wrapper.f-drop-light.f-drop-no-border{
  border: none !important;
  border-color:transparent !important;
}

body .dropzone.dropify-wrapper.f-drop-light div.dz-message{
  border: 1px dashed #5565FC;
  margin: 0;
  border-radius: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

body .dropzone.dropify-wrapper.f-drop-light.f-drop-light-grey div.dz-message{
  border: 1px dashed #DFE4E6;
}

body .dropzone.dropify-wrapper.f-drop-light div.dz-message:hover{
  background-color:#9ec5f038;
}

body .dropzone.dropify-wrapper.f-drop-light div.dz-message span{
  color: #5565FC !important;
}

body .dropzone.dropify-wrapper.f-drop-light div.dz-message::before{
  content:"";
  display:inline-block;
  width:22px;
  height:22px;
  background:url('/assets/img/cloud-img.svg');
  background-repeat: no-repeat;
}

body .dropzone.dropify-wrapper.f-drop-light .dz-preview{

}

body .dropzone.dropify-wrapper.f-drop-light .dz-image{
  width: 256px;
  height: 84px;
  border-radius: 5px;
  background: #9ec5f038;
  border: 1px dashed #5565FC;
}

body .dropzone.dropify-wrapper.f-drop-light.f-drop-light-grey .dz-image{
   top:-103px;
   left:10px;
   width:50px;
   height:50px;
}

body .dropzone.dropify-wrapper.f-drop-light .dz-details{
  padding: 15px;
  color: #5565FC;
}

body .dropzone.dropify-wrapper.f-drop-light .dz-progress{
  margin-top: 0;
  top: 53px;
  left: 51px;
  width: 232px;
}

body .dropzone.dropify-wrapper.f-drop-light-small .dz-progress{
  width: 100% !important;
  left: 44% !important;
}

body .dropzone.dropify-wrapper.f-drop-light .dz-error-mark,
body .dropzone.dropify-wrapper.f-drop-light .dz-success-mark{
  margin-top: -37px;
}


.f-import-interface-v3 #f_generic_import_container .f-generic-import-loader{
  font-weight: 600;
  color: #5565FC;
}

.f-import-interface-v3 #f_generic_import_container .circle-loader::before {
    border-top-color: #5565FC;
}

.f-import-interface-v3 .f-generic-import-fields-table table tr:not(:last-child) td {
  border-bottom:none !important;
}

/*.f-import-interface-v3 .f-generic-import-fields-table table tr.f-generic-import-matching-row td{
  padding:0;
}*/

.f-import-interface-v3 .f-generic-import-fields-table table tbody > tr > td:last-child::before {
  right: 3px !important;
}

.f-import-interface-v3 .f-generic-import-fields-table table tbody > tr > td::before {
    top: 3px;
    bottom: 3px;
}

.f-import-interface-v3 .f-generic-import-fields-table table tbody > tr > td:first-child::before {
  left: 3px;
}

.f-import-interface-v3 .f-generic-import-fields-table table .f-generic-import-matching-col-center-icon{
  /*border-right:1px solid #DFE4E6;*/
}

.f-import-interface-v3 .f-generic-import-fields-table table tbody > tr > td.f-generic-import-matching-col-center-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #DFE4E6;
}

.f-import-interface-v3 .f-generic-import-matching-col-center-icon .status-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  background-color: white;
  border: 1px solid #DFE4E6;
  border-radius: 50%;
  z-index: 2;
}

.f-import-interface-v3 .f-generic-import-matching-col-furious .f-generic-import-matching-col-furious-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}

.f-import-interface-v3 .f-generic-import-matching-col-furious .f-generic-import-matching-col-furious-container .title{
  font-weight:600;
}

.f-import-interface-v3 .f-generic-import-match-btn{
  color: #fff !important;
  background-color: #52CEB4 !important;
  border-color: #52CEB4 !important;
  border-radius: 3px;
}

.f-import-interface-v3 .f-generic-import-edit-btn{
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#198AE3;
  padding:0 !important;
}

.f-import-interface-v3 .f-generic-import-edit-btn:hover{
  color:white;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-col-furious .title{
  color:#343A3F;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-import-col-match-container{
  display:flex;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-col-error{
  color:#FB5184;
  /*padding: 10px 0;*/
  white-space:normal !important;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-col-error div:first-child{
  margin-top:10px;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-col-error div:last-child{
  margin-bottom:10px;
}

.f-import-interface-v3 .f-generic-import-matching-col-error.f-generic-import-alert-container .f-text-s{
 word-break: break-word;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-default-value-wrapper{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap:nowrap;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-default-value-wrapper .input-text{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}

.f-import-interface-v3 .f-generic-import-matching-row .form-control{
  border-radius:5px;
}

.f-import-interface-v3 .f-generic-import-matching-row .f-generic-import-matching-default-value-wrapper .f-generic-import-default-empty-checkbox-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  margin-left: 15px;
  margin-top:12px !important;
}

.f-import-interface-v3 .f-generic-import-default-empty-checkbox-container .form-check-label{
  white-space:nowrap;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) > td:before {
  background-color: #fef8f1 !important;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) .f-generic-import-matching-default-value,
.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) .f-generic-import-matching-col-error,
.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-error {
  display:block;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-not-matched,
.f-import-interface-v3 .f-generic-import-matching-row[f-valid="0"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-ok {
  display:none;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="1"]:not([f-status="not_matched"]) > td:before {
  background-color: rgba(36, 207, 180, 0.1);
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="1"]:not([f-status="not_matched"]) .f-generic-import-matching-col-error,
.f-import-interface-v3 .f-generic-import-matching-row[f-valid="1"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-not-matched,
.f-import-interface-v3 .f-generic-import-matching-row[f-valid="1"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-error {
  display:none;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-valid="1"]:not([f-status="not_matched"]) .f-generic-import-matching-col-furious .status-icon .status-ok {
  display:block;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="default"] .f-generic-import-matching-col-center-icon .status-icon .status-ko,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="default"] .f-generic-import-matching-col-furious .status-icon .status-not-matched{
  display:none;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="default"] .f-generic-import-matching-col-center-icon .status-icon .status-ok,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="default"] .f-generic-import-matching-default-value{
  display:block;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="matched"] .f-generic-import-matching-col-center-icon .status-icon .status-ko,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="matched"] .f-generic-import-matching-col-furious .status-icon .status-not-matched,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="matched"] .f-generic-import-matching-default-value {
  display:none;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="matched"] .f-generic-import-matching-col-center-icon .status-icon .status-ok{
  display:block;
}


.f-import-interface-v3 .f-generic-import-fields-table-optionals .f-generic-import-matching-row[f-status="not_matched"] > td:before{
  background-color: #F2F4F5 !important;
}

.f-import-interface-v3 .f-generic-import-fields-table-requireds .f-generic-import-matching-row[f-status="not_matched"] > td:before {
  background-color: #FFEEF4 !important;
}

.f-import-interface-v3 .f-generic-import-fields-table-requireds .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-furious .title{
  color:#FB5184;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-center-icon .status-icon .status-ko,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-furious .status-icon .status-not-matched {
  display:block;
}

.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-default-value,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-import-col-match-container,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-error,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-center-icon .status-icon .status-ok,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-furious .status-icon .status-ok,
.f-import-interface-v3 .f-generic-import-matching-row[f-status="not_matched"] .f-generic-import-matching-col-furious .status-icon .status-error {
  display:none;
}

.f-import-interface-v3 .f-import-col-selector-container .select2-dropdown .select2-results__option[aria-disabled="true"]{
  display:none !important;
}

/*.f-import-interface-v3 .f-import-col-selector-container .select2-dropdown .select2-results__option:last-child*/
.f-import-interface-v3 .f-import-col-selector-container .select2-dropdown .select2-results__option[id$="use_default"]{
  position: sticky;
  bottom: 0;
  background-color: #F8F8F8;
  color:#353A40;
  font-weight: 600;
  border-top:1px solid #DFE4E6;
  white-space: normal !important;
}

/*.f-import-interface-v3 .f-import-col-selector-container .select2-dropdown .select2-results__option:last-child.select2-results__option--highlighted*/
.f-import-interface-v3 .f-import-col-selector-container .select2-dropdown .select2-results__option[id$="use_default"].select2-results__option--highlighted{
  color:#fff;
  background-color:#353A40;
  white-space: normal !important;
}

.f-import-interface-v3 .f-import-col-selector-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}

.f-import-interface-v3 .f-import-col-selector-container .label{
  font-weight: 600;
  color:#353A40;
}

.f-import-interface-v3 .f-generic-import-matching-default-value .select2-selection.select2-selection--single,
.f-import-interface-v3 .f-import-col-selector-container .select2-selection.select2-selection--single{
	padding-top: 10px;
 	padding-bottom: 10px;
  height: 35px !important;
  text-align: left !important;
  border-radius: 5px;
  min-width: 210px;
}

.f-import-interface-v3 .f-generic-import-matching-default-value .select2-selection.select2-selection--multiple{
  height: 35px !important;
  text-align: left !important;
  border-radius: 5px !important;
  min-width: 210px;
}

.f-import-interface-v3 .f-generic-import-matching-col-infos-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}

.f-import-interface-v3 .f-generic-import-fields-table thead th{
 	font-size: 14px !important;
 	background-color:none !important;
}

.f-import-interface-v3 .f-generic-import-fields-table table thead th:first-child{
  padding-left:6px !important;
}

.f-import-interface-v3 .f-generic-import-datatable-title{
  padding-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  padding-left:6px !important;
}

.f-import-interface-v3 .f-generic-import-datatable-title strong{
  color:#FF5880;
  font-weight:500;
}

.f-import-interface-v3 .f-generic-import-datatable-title span{
  font-weight:500;
}

.f-import-interface-v3 .f-generic-import-section.border-bottom{
  border-bottom:1px solid #DFE4E6 ;
}

.f-import-interface-v3 .f-generic-import-section .header-group{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.f-import-interface-v3 .f-generic-import-section-header{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  font-weight: 600;
}

.f-import-interface-v3 .f-generic-import-section-header .picto{
  background-color: #52CEB4;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f-import-interface-v3 #f-generic-import-footer-tool-bar{
  background-color:#5B6C84;
}

.f-import-interface-v3 #f-generic-import-footer-tool-bar .btn-inverse-dark-light:hover{
  background-color: rgb(44, 51, 62);
  border-color: rgb(44, 51, 62);
  color: white;
}

.f-import-interface-v3 .f-generic-import-model-selector-container{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  margin-bottom: -59px;
  z-index:5;
}

.f-import-interface-v3 .f-generic-import-model-selector-container .label{
  font-size: 14px !important;
  font-family: "Poppins", "ubuntu-medium", "sans-serif";
  font-style: normal;
  font-weight: 500;
  color: #353A40;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-reponse-form-content-wrapper{
  border: 1px solid #DCDCDC;
  border-radius: 10px;
  padding: 26px;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size:14px;
}
#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-model-response-message,
#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group,
#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-message{
  font-size:14px;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-message{
  padding-bottom:10px;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group-new-model{
  justify-content: center;
  gap: 5px;
  align-items: center
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group-new-model .button-wrapper{
  height:25px;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group-new-model #import_model_name_new{
  height:30px;
  border-radius:5px;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group-new-model label{
  display:none;
}

#f-generic-import-reponse.f-import-interface-v3 .f-generic-import-response-form-group-update-model .select2-selection{
  height: 30px;
  padding-top: 7px;
  border-radius: 5px;
  max-width:215px;
}

#f_furious_generic_modal.f-import-interface-v3-modal-lg{
  height: calc(100vh - 98px) !important;
}

.f-import-interface-v3 .f-import-modal-type-tab:hover .f-import-modal-type-tab-title{
  color:#5565FC;
}

.f-import-interface-v3 .f-import-modal-type-tab:hover .f-import-modal-type-tab-icon svg path{
  fill: #5565FC;
  fill-opacity: 1;
}

.f-import-interface-v3 .f-import-modal-type-tab-container-category-selection{
  flex-direction: unset;
  width: 520px;
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
  margin-top: 34px;
  margin-bottom: 29px;
  padding: 0;
}

.f-import-interface-v3 .f-import-modal-type-tab-container-category-selection .f-import-modal-type-tab{
  border: 1px solid #DCDCDC;
  width: 140px !important;
  height: 100px;
  border-radius: 5px;
  flex-basis: unset;
  margin:10px;
}

.f-import-interface-v3 .f-import-modal-type-tab-container-category-selection .f-import-modal-type-tab:hover{
  border-color: #5565FC;
}

.f-generic-import-footer-btn-container{
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 0.5rem;
}

.f-import-interface-v3 .f-generic-import-footer-btn-container{
  min-width: 220px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin: 0 !important;
}

/*.f-import-interface-v3 .f-import-modal-type-tab-container-category-selection .f-import-modal-type-tab-contents{
  display:none;
}*/

.f-generic-import-swal-error-missing-fields{
  text-align: left !important ;
}

.f-import-datatable-cell-text-num-row{
  display: block;
  max-width: 120px;
  min-width: 50px;
  width: 80%;
  text-align: center;
}

.f-generic-import-list-btn-new{
  width:162px;
}

.f-page-import-list .dataTables_filter input[type="search"]{
  width:162px;
}

.btn-inverse-primary-download{
  background-color: rgba(86,109,137,0.1);
  background-image: none;
  border-color: rgba(86,109,137,0);
}

.btn-inverse-primary-download i{
  color:#5565FC;
}

.btn-inverse-primary-download:hover{
  background-color: #5565FC;
  border-color: #5565FC;
  color: white;
}

.btn-inverse-primary-download:hover i{
  color:white;
}

#f_global_search_form .tt-suggestion.tt-selectable.tt-cursor {
  background: #353A40 !important;
  color: #FFFFFF !important;
}

#f_global_search_form .tt-suggestion.tt-selectable.tt-cursor i {
  color: #FFFFFF !important;
}

.navbar.default-layout-navbar .navbar-menu-wrapper .search-field #f_global_search_form .input-group input,
.navbar.default-layout-navbar .navbar-menu-wrapper .search-field #f_global_search_form .asColorPicker-wrap input {
  height: 40px;
  border-radius: 2px;
}

#f_global_search_form .input-group-apppend.input-group-apppend-inside {
  top: 0;
}

#f_global_search_form .input-group-apppend.input-group-apppend-inside i {
  background: transparent !important;
}

.f-datatable-total-content {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  margin-left: 11px;
}

.f-page-client .f-alphabetical-pagination {
  margin: 0 !important;
}

.f-page-client .f-alphabetical-pagination .page-item {
  margin-right: 5px;
}

.f-page-client .f-alphabetical-pagination .page-item .page-link {
  border: none;
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  padding: 5px 0 0 0;
  text-align: center;
}

.f-page-client .f-alphabetical-pagination .page-item.active .page-link,
.f-page-client .f-alphabetical-pagination .page-item:hover .page-link {
  color: #FFFFFF;
  background-color: #353A40;
  outline: 0;
}

.f-page-client .f-alphabetical-pagination .page-item .page-link:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f-page-client .f-list-container-v2 .dataTables_filter label:before {
  content: '';
}

.f-page-client .f-list-container-v2 .dataTables_filter label:after {
  content: "\e090";
  font-family: 'simple-line-icons';
  color: #49454F;
  position: absolute;
  right: 17px;
  top: 11px;
  font-size: 1rem;
}

.f-page-client .f-list-container-v2 .dataTables_filter input[type=search].form-control {
  padding: 6px 15px 6px 15px !important;
}

.f-page-client .pagination .page-item .page-link {
  color: #353A40;
}

.f-page-client .pagination .page-item.active .page-link,
.f-page-client .pagination .page-item:hover .page-link {
  color: #FFFFFF;
}


.f-page-client .pagination .page-item.next .page-link,
.f-page-client .pagination .page-item.previous .page-link {
  padding-left: 27px;
  padding-right: 27px;
}

.f-page-client .f-list-container-v2 .dataTables_filter input[type=search].form-control {
  height: 40px;
}

.f-page-client .f-list-container-v2 div.dataTables_wrapper div.dataTables_info {
  padding: 0;
  margin: auto 0;
}

.f-page-client .f-furious-table-v2.f-furious-table-v2-light:not(.f-client-event-table) thead tr th,
.f-page-client .f-furious-table-v2.f-furious-table-v2-light:not(.f-client-event-table) tbody tr td,
#f_company_page .f-furious-table-v2.f-furious-table-v2-light:not(.f-client-event-table) thead tr th,
#f_company_page .f-furious-table-v2.f-furious-table-v2-light:not(.f-client-event-table) tbody tr td {
  padding: 12px !important;
}

#f_todo_list_v2_table.f-furious-table-v2 tbody tr td:hover,
.f-page-client .f-furious-table-v2 tbody tr td:hover {
  background: #E5E7EA !important;
}

#f_todo_list_v2_table.f-furious-table-v2 tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
.f-page-client .f-furious-table-v2 tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn {
  display: block;
}

.f-page-client .f-furious-table-v2 .f-inline-edit-btn-container {
  padding-right: 15px;
}

.f-page-client .f-furious-table-v2 .f-inline-edit-value-container {
  color: #353A40;
}

#table-list-statistique .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-value-container{
  padding-right:22px;
}

#table-rh-apply .f-user-apply-col-contact-data-wrapper{
  min-height: 17px;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

#f_rh_apply_board_container .user-apply-card .f-card-toggle-extra .f-user-apply-extras-specials-container {
  display:flex;
  flex-direction:row;
  gap:3px;
  flex-wrap:wrap;
}

#table-rh-apply .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-value-container,
#table-list-opportunities .f-inline-edit-btn-container:not(.f-loading) .f-card-potential-amount-container,
#table-list-opportunities .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-value-container:not(.f-card-potential-amount),
#f_rh_page #table-rh-page .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-value-container{
  padding-right:16px;
}

#f_projet_view_invoice_tr tbody tr td:hover,
#table-rh-apply:not(.f-pipe-table) tbody tr td:hover,
#table-list-statistique tbody tr td:hover,
#table-list-opportunities tbody tr td:hover,
#f_proposal_list_table tbody tr td:hover,
#achats-table tbody tr td:hover,
#f_rh_page #table-rh-page tbody tr td:hover{
  background: #E5E7EA !important;
}

#achats-table tbody tr td .f-inline-edit-btn-container:not(.f-loading),
#table-rh-apply tbody tr td .f-inline-edit-btn-container:not(.f-loading),
#table-list-statistique tbody tr td .f-inline-edit-btn-container:not(.f-loading),
#table-list-opportunities tbody tr td .f-inline-edit-btn-container:not(.f-loading),
#f_rh_page #table-rh-page tbody tr td .f-inline-edit-btn-container:not(.f-loading){
  width:100%;
}

#achats-table tbody tr td .f-inline-edit-btn-container.f-loading .circle-loader,
#table-rh-apply tbody tr td .f-inline-edit-btn-container.f-loading .circle-loader,
#table-list-statistique tbody tr td .f-inline-edit-btn-container.f-loading .circle-loader,
#table-list-opportunities tbody tr td .f-inline-edit-btn-container.f-loading .circle-loader,
#f_rh_page #table-rh-page tbody tr td .f-inline-edit-btn-container.f-loading .circle-loader {
  display: block;
  opacity: 1;
}

#achats-table tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
#table-rh-apply tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
#table-list-statistique tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
#table-list-opportunities tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
#f_rh_page #table-rh-page tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn{
  display: block;
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -8px !important;
  background-color: transparent !important;
}

#table-list-statistique tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn{
  right: 0;
}

#table-list-opportunities tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn,
#f_proposal_list_table tbody tr td:hover .f-inline-edit-btn-container:not(.f-loading) .f-inline-edit-btn{
  display:block;
}

#f_proposal_list_table .f-inline-edit-btn-container .f-custom-field-data-renderer{
  margin-right:12px;
}

.f-furious-table-v2 .f-custom-field-col-container .f-custom-field-data-renderer{
  gap:3px;
}

.f-furious-table-v2 .f-custom-field-col-container .f-custom-field-data-renderer .f-open-visionneuse-url{
  /*margin: 1px 10px 1px 1px !important;*/
}

.f-furious-table-v2 .f-custom-field-col-container .f-inline-edit-form .select2-selection__clear{
  padding-left:5px
}

.f-furious-table-v2 .f-datatable-inline-edit-content {
  top: 50%;
  margin-top: -9px;
  right: -5px;
}

.f-placeholder-text {
  opacity: .2;
  font-style: italic;
  font-size: .785rem;
}

#f-fusion-layer-overlay{
  background: #000;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9998;
  opacity: 0.5;
}

#f-fusion-layer,
#f-fusion-layer-dialog{
  border-radius: 10px;
}

#f-fusion-layer-dialog{
  top: 30%;
  left: 50%;
  transform: translate(-50%, 0);
  min-width: 475px;
  max-width: 686px;
  width: 60%;
  height: 120px;
  z-index: 9999;
  position:fixed;
  background-color:#ECEFF0;
  border:1px solid #DFE4E6;
}

#f-fusion-layer-dialog-content-html{
  padding: 15px 20px 20px 20px;
}

#f-fusion-layer{
  position:absolute;
  min-width:538px;
  z-index: 1;
  top:0;
  left:0;
  width: 50%;
  padding-right:0;
  background-color:#fff;
  padding-top:33px;
}

#f-fusion-layer-content-html{
  position:relative;
}

#f-fusion-layer-content-html iframe {
  margin-top: 6px;
  margin-bottom: 6px;
}

.f-fusion-modal-close-wrapper{
  font-size: 30px;
  position: absolute;
  z-index: 9999;
  right: 5px;
  top:5px;
}

.f-client-fusion-view .f-sub-navigation-navbar-content{
  display:none;
}

.f-fusion-modal-close-wrapper button{
  background-color: rgba(63, 83, 101, 0.1);
}

.f-fusion-modal-close-wrapper button:hover{
  background-color: #353A40;
}

.f-fusion-form-copy-arrow-container {
  font-size: 30px;
  position: absolute;
  margin-left: -24px;
  z-index: 10;
  margin-top: -37px;
  color:#007bff;
  cursor:pointer;
}

.f-client-company-form .f-fusion-form-copy-arrow-container{
   margin-top: 24px;
}

.f-client-company-form .f-fusion-form-copy-arrow-container-companytype-margin-correction{
  margin-top: 33px;
}


.f-btn-bg-white-txt-blue {
  background: #FFFFFF;
  color: #5565FC;

  -webkit-transition: background-color .3s ease-out, color .3s ease-out;
  -moz-transition: background-color .3s ease-out, color .3s ease-out;
  -o-transition: background-color .3s ease-out, color .3s ease-out;
  transition: background-color .3s ease-out, color .3s ease-out;
}

.f-batch-form-title {
  color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.18px;
}

tr.even .f-client-sidebar-btn {
  background: #F5F6F7 !important;
}

.f-duplicates-actions-container{
  position: absolute;
  z-index: 99999999;
  display: flex;
  margin-top: -5px;
  margin-left: 8px;
}

.f-duplicates-actions-wrapper{
  padding-top:10px;
}

button.f-duplicates-action{
  background-color:#eef0f3;
}

body table.f-duplicates_table tbody tr.f-duplicates-group-type-a{
  background-color:#F5F5F5 !important;
}

body table.f-duplicates_table tbody tr.f-duplicates-group-type-b{
  background-color:#fff !important;
}

.f-duplicates-contacttype-items-select{
    border-collapse: separate !important;
    border-spacing: 0;
}

.f-duplicates-contacttype-items-select-wrapper{
  display:flex;
  overflow:auto;
  max-height: 60vh;
}

.f-duplicates-contacttype-items-select th{
  font-family: "Poppins", "ubuntu-medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  color: #353A40;
  padding-left: 11px;
  padding-bottom:5px;
}

.f-duplicates-contacttype-items-select .f-duplicates-contacttype-item-data{
  /*font-size:14px;*/
  font-size: .824rem;
}

.f-duplicates-contacttype-item:first-child .f-duplicates-contacttype-item-data{
  border-top:1px solid #DFE4E6;
}

.f-duplicates-contacttype-item:first-child .f-duplicates-contacttype-item-data:first-child{
  border-top-left-radius: 5px;
}

.f-duplicates-contacttype-item:first-child .f-duplicates-contacttype-item-data:last-child{
  border-top-right-radius: 5px;
}

.f-duplicates-contacttype-item:last-child .f-duplicates-contacttype-item-data:first-child{
  border-bottom-left-radius: 5px;
}

.f-duplicates-contacttype-item:last-child .f-duplicates-contacttype-item-data:last-child{
  border-bottom-right-radius: 5px;
}

.f-duplicates-contacttype-items-select .f-duplicates-contacttype-item-data{
  border-right:1px solid #DFE4E6;
  border-bottom:1px solid #DFE4E6;
  /*border:1px solid #DFE4E6*/
}

.f-duplicates-contacttype-items-select .f-duplicates-contacttype-item-data:first-child{
  border-left:1px solid #DFE4E6;
}

.f-duplicates-contacttype-items-select .f-duplicates-contacttype-item:hover{
  background-color:#E5E7EA !important;
  cursor:pointer;
}

.f-duplicates-modal-footer-btn-container{
  text-align: right;
}

.hover-stock-title {
  display: block;
  font-weight: bold;
  padding: 5px;
}

.table-client-pagination-container .f-datatable-alphabetical-paginatvarion {
  margin-left: 5px;
}

.f-project-progress-v2-container .f-progress-bar-title {
  color: #353A40;
  font-size: 12px;
  line-height: 20px;
}

.progress-bar.f-main-color,
.f-project-progress-v2-row-content .irs--flat .irs-bar,
.f-project-progress-v2-row-content .irs--flat .irs-from,
.f-project-progress-v2-row-content .irs--flat .irs-to,
.f-project-progress-v2-row-content .irs--flat .irs-single,
.f-project-progress-v2-row-content .progress-bar {
  background: #5565FC;

  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.f-project-progress-v2-row-content .f-slider-height-10px.irs--flat .irs-bar,
.f-project-progress-v2-row-content .f-slider-height-10px.irs--flat .irs-line {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.f-project-progress-v2-row-content .f-slider-height-10px.irs--flat .irs-handle {
  top: 19px;
}

.f-project-progress-v2-row-content .irs-handle.single {
  cursor: ew-resize !important;
}

.f-project-progress-v2-row-content .irs--flat .irs-handle i {
  /*display: none !important;*/
}

.f-project-progress-v2-row-content .irs--flat .irs-handle:after {
  content: url(/assets/img/progress.svg);
  display: block;
  width: 19px;
  height: 19px;
  position: relative;
  left: -3px;
}

.f-project-progress-v2-row-content .irs--flat .irs-single {
  background: transparent !important;
  color: #637891;
  font-family: 'Poppins-Bold', 'ubunt-regular', sans-serif;
  top: 24px !important;
  margin-left: 25px;
  font-size: 8px;
}

.f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child {
  background-color: #637891;
  top: 2px;
  height: 120px;
  border-radius: 2px;
}

.f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child:before {
  content: '';
  display: block;
  width: 14px;
  height: 115px;
  background: transparent;
  position: relative;
  left: -6px;
  top: 8px;
  border-radius: 7px;
  z-index: -1;

  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.f-project-progress-v2-container.f-light .f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child:before {
  height: 103px;
}

.f-project-progress-v2-container.f-light .f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child {
  height: 110px;
}

.f-project-progress-v2-row-content .irs--flat .irs-single:before {
  display: none;
}

.f-project-progress-v2-container .irs--flat.f-irs-disabled .irs-handle:after {
  display: none;
}

.f-project-progress-v2-container .irs--flat.f-irs-disabled .irs-handle > i:first-child:before {
  height: 148px;
  top: -2px;
}

.f-project-progress-v2-row-content .irs--flat.f-irs-disabled .irs-handle > i:first-child {
  top: -4px;
}

.f-project-progress-v2-row-content .f-irs-disabled .irs-handle.single {
  cursor: default !important;
}

.f-project-progress-v2-container .progress-bar,
.f-project-progress-v2-container .progress {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.f-project-progress-v2-container .irs--flat .irs-line,
.f-project-progress-v2-container .progress {
  background: #F2F4F5;
}

.f-project-progress-v2-container .progress {
  overflow: visible;
}

.f-project-progress-v2-container .progress-bar {
  position: relative;
  overflow: visible;
}

.f-project-progress-v2-container .progress .f-irs-percent {
  margin-left: 5px;
  margin-right: 5px;
  color: #637891;
  font-family: 'Poppins-Bold', 'ubunt-regular', sans-serif;
  font-size: 8px;
  line-height: 10px;

  position: absolute;
  right: -35px;
  top: 0;

  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  -o-transition: color 300ms linear;
  transition: color 300ms linear;
}

.f-project-progress-v2-container .irs--flat {
  height: 16px !important;
  top: -20px;
}

.f-project-progress-v2-container {
  transform: scale(1);

  -webkit-transition: transform 300ms linear, border-radius 300ms linear, background-color 300ms linear;
  -moz-transition: transform 300ms linear, border-radius 300ms linear, background-color 300ms linear;
  -o-transition: transform 300ms linear, border-radius 300ms linear, background-color 300ms linear;
  transition: transform 300ms linear, border-radius 300ms linear, background-color 300ms linear;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content .f-gt100 {
  height: 28px;
  width: 6px;
  background: #FFFFFF;
  position: absolute;
  right: 20px;
  transform: rotate(45deg);
  border-radius: 2px;

  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content .f-gt100:after,
.f-project-progress-v2-container .f-project-progress-v2-row-content .f-gt100:before {
  content: '';
  display: block;
  background: #637891;
  height: 28px;
  width: 2px;
  position: absolute;
  border-radius: 2px;
  left: 0;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content .f-gt100:before {
  top: 2px;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content .f-gt100:after {
  left: 4px;
  top: -2px;
}

.f-project-progress-v2-container.f-moving[f-state="success"] {
  transform: scale(1.01);
  border-radius: 20px;
}

.f-project-progress-v2-container.f-moving[f-state="danger"] {
  transform: scale(0.98);
  border-radius: 5px;
}

.f-project-progress-v2-container[f-state="success"],
.f-project-progress-v2-container[f-state="success"] .f-project-progress-v2-row-content .f-gt100,
.f-project-progress-v2-container[f-state="success"] .f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child:before {
  background-color: #B6EAE0;
}

.f-project-progress-v2-container[f-state="danger"],
.f-project-progress-v2-container[f-state="danger"] .f-project-progress-v2-row-content .f-gt100,
.f-project-progress-v2-container[f-state="danger"] .f-project-progress-v2-row-content .irs--flat .irs-handle > i:first-child:before {
  background-color: #FFBFD4;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content[f-adv-dependancy="1"] .progress-bar {
  background: linear-gradient( to right, #5565FC 0%, #5565FC calc(var(--adv) * 100 / var(--value)), #FF5880 calc(var(--adv) * 100 / var(--value)), #FF5880 100%);
}

.f-project-progress-v2-container .f-project-progress-v2-row-content.f-danger .progress-bar {
  background: #FB5184 !important;
}

.f-project-progress-v2-container .f-project-progress-v2-row-content.f-danger-percent .progress .f-irs-percent,
.f-project-progress-v2-container .f-project-progress-v2-row-content.f-danger .progress .f-irs-percent {
  color: #FB5184 !important;
}

.form-group label {
  font-size: 12px;
}

.f-project-progress-v2-container .f-project-progress-v2-feeling-container {
  width: 64px;
  height: 64px;
  padding: 10px;
  border-radius: 64px;
  background: #F2F4F5 url(/assets/img/feel_good2.svg) no-repeat center center;
}

.f-project-progress-v2-container .f-project-progress-v2-feeling-container[f-feel="bad"] {
  background-image: url(/assets/img/feel_bad.svg);
}

.f-project-progress-v2-container[f-state="success"] .f-project-progress-v2-feeling-container,
.f-project-progress-v2-container[f-state="danger"] .f-project-progress-v2-feeling-container {
  background-color: #FFFFFF;
}

.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-feeling-block,
.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-top-container {
  display: none !important;
}

.f-project-progress-v2-container .f-project-progress-v2-top-container {
  margin-bottom: 8px;
}

.f-project-progress-v2-container.f-project-progress-v2-light .card-body {
  padding-right: 40px !important;
  padding-top: 35px !important;
}

.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-row-content .progress-bar {
  background: #637891 !important;
}

.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-row-content.f-danger-percent .progress .f-irs-percent,
.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-row-content.f-danger .progress .f-irs-percent,
.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-row-content .f-irs-percent,
.f-project-progress-v2-container.f-project-progress-v2-light .f-project-progress-v2-row-content .f-irs-percent .f-value {
  color: #637891 !important;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .f-client-page-client-form-anchor-container.sticky-top {
    top: 90px;
    background: #FFFFFF;
    z-index: 10 !important;
  }
  .f-client-page-client-form-anchor-container.f-client-page-client-form-anchor-container-popup.sticky-top {
    top: 0px;
  }
}

.f-widget-equipment-availability-filters-form{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.f-widget-equipment-availability-display-by{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
}

.tooltip.f-html-tooltip {
  opacity: 1;
}

.tooltip.f-html-tooltip .f-tooltip-title {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 18px;
}

.tooltip.f-html-tooltip .tooltip-inner {
  background: #353A40;
  padding: 8px 30px !important;
  border-radius: 8px;
  font-size: 12px;
  max-width: 400px;
}

.tooltip.f-html-tooltip.f-html-tooltip-blue .tooltip-inner {
  background: #5565FC;
  color: #FFFFFF;
  padding: 20px !important;
  border-radius: 18px 18px 18px 1px !important;
  transform: translateY(-50%) !important;
}

.tooltip.f-html-tooltip.f-html-tooltip-blue .arrow:before {
  display: none;
}

.tooltip.f-html-tooltip .arrow:before {
  border-top-color: #353A40;
}

.f-text-grey-notice {
  color: #353A40;
}

#table-list-statistique .f-project-progress-v2-top-container .f-hide-on-light,
#table-list-statistique .f-project-progress-v2-feeling-block {
  display: none !important;
}

.grid-stack-item .card.f-project-progress-v2-container,
#table-list-statistique .card.f-project-progress-v2-container {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.grid-stack-item .card.f-project-progress-v2-container > .card-body:first-child,
#table-list-statistique .card.f-project-progress-v2-container > .card-body:first-child {
  padding: 10px 20px !important;
}

.grid-stack-item[f-gs-id="project-list"] .f-bordered-card {
  border-bottom: solid 1px #DFE4E6 !important;
  border-radius: 0;
}

.formbuilder-textarea .fr-toolbar {
  z-index : 1;
}

.f-plus-before-btn,
.f-suggestion-btn,
.f-post-it-concerned-suggestion-btn {
  border-radius: 2px;
  border: 0.8px solid #DCDCDC;
  background: #FFF;
  padding: 6px 10px 6px 22px !important;
  position: relative;
  color: #353A40;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.f-plus-before-btn:before,
.f-suggestion-btn:before,
.f-post-it-concerned-suggestion-btn:before {
  content: url(/assets/img/icon-close-2.svg);
  display: block;
  position: absolute;
  left: 6px;
  top: 7px;
}

.f-badge-to-textarea {
  border-radius: 2px;
  border: 0.8px solid #DCDCDC;
  background: #FFF;
  padding: 6px 10px;
  color: #353A40;
}

.f-badge-to-textarea:hover {
  text-decoration: none;
}

.f-plus-light-btn {
  padding: 1px !important;
}

.f-plus-light-btn .mdi:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
}

#f_project_rate_card_advancement_modal .dataTables_wrapper.dt-bootstrap4 .row:nth-child(2) .f-double-scroll {
  min-height: auto !important;
}

.f-project-rate-card-advancement-container table.dataTable th.dtfc-fixed-left {
  z-index: 100;
}

.f-project-rate-card-advancement-container table.dataTable th,
.f-project-rate-card-advancement-container table.dataTable td.dtfc-fixed-left {
  background-color: rgba(255, 255, 255, 1) !important;
}

.f-project-rate-card-advancement-container table.dataTable .f-tr-highligh-hover:hover td.dtfc-fixed-left {
  background-color: #f5f6f7 !important;
}

.content-wrapper.f-postit-form-content-wrapper {
  background: #FFFFFF;
  padding: 0;
  margin-bottom: 72px;
}

.f-bg-postit {
  background: #FFFFFF;
}

.f-postit-form-row-title {
  border-bottom: solid 1px rgba(220, 220, 220, 0.50);
}

.f-postit-form-row-title h1 {
  padding: 12px 26px;
  margin: 0;
  color: #353A40;
  font-size: 24px;
}

.f-postit-form-inner-col-left {
  padding: 30px 10px 30px 30px;
}

.f-postit-form-row {
  padding-right: 40px;
}

.f-postit-form-row .f-icon-container {
  width: 16px;
  margin-right: 13px;
  padding-top: 10px;
}

.f-postit-form-row .f-postit-form-row-content {
  border-bottom: solid 1px rgba(220, 220, 220, 0.50);
  width: 100%;
  padding: 10px 0;
  text-align: left;
}

.f-postit-form-row .f-postit-form-row-content.no-border {
  border-bottom: none;
}

.f-postit-form-row .f-postit-form-row-content label {
  color: #353A40;
  font-size: 12px;
}

.f-postit-form-row .select2-container--default .select2-selection--single,
.f-postit-form-row .select2-container--default .select2-selection--single .select2-search__field {
  border-radius: 5px;
}

.card.f-postit-contact-card {
  border-radius: 4px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  padding: 14px 32px;
}

.f-postit-planning-title {
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
  letter-spacing: -0.24px;
}

.f-side-planning-content .f-date-content {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.f-side-planning-content .f-side-planning-postit-item {
  color: #353A40;
  border-radius: 4px;
  border: 0.8px solid #DCDCDC;
  background: #ECEFF0;
  min-width: 45px;
  max-width: 60px;
  min-height: 100px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px; /* 162.5% */
  letter-spacing: -0.12px;
}

.f-side-planning-content .f-title {
  color: #353A40;
  font-size: 12px;
}

.f-side-planning-content .f-hour {
  color: #353A40;
  font-size: 12px;
  width: 25px;
  opacity: 0.5;
}

.f-postit-am-pm-container .btn {
  border-radius: 4px;
  border: 1px solid #353A40;
  background: #FFF;
  opacity: 0.5;
  padding: 6px 10px;
  height: 25px !important;
  color: #353A40;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-postit-am-pm-container .btn.active,
.f-postit-am-pm-container .btn:hover {
  opacity: 1;
}

.f-postit-textarea-container .fr-toolbar {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  border-color: #D9D9D9 !important;
}

.f-postit-textarea-container .fr-second-toolbar {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-color: #D9D9D9 !important;
}

.f-form-v2 .fr-toolbar {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.f-form-v2 .fr-second-toolbar {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.f-form-v2 .fr-toolbar,
.f-form-v2 .fr-second-toolbar,
.f-form-v2 .fr-box.fr-basic .fr-wrapper {
  border-color: #E1E7EA;
}

.f-form-v2 .fr-box.fr-basic.fr-top.f-error {
  border-color: transparent !important;
}

.f-form-v2 .f-error .fr-wrapper,
.f-form-v2 .f-error .fr-toolbar,
.f-form-v2 .f-error .fr-second-toolbar,
.f-form-v2 .f-error .fr-box.fr-basic .fr-wrapper {
  border-color: #FC6595 !important;
}

.f-postit-textarea-container .fr-box.fr-basic .fr-wrapper {
  border-color: #D9D9D9;
}

.f-postit-textarea-container .fr-toolbar .fr-newline {
  display: none;
}

.f-postit-textarea-container textarea {
  border-radius: 4px !important;
  height: 358px !important;
}

.f-postit-textarea-container {
  border-radius: 4px;
  position: relative;
  background: #FFFFFF;
  z-index: 10;
  min-height: 358px !important;
}

.f-postit-update-form .f-postit-textarea-container {
  min-height: 238px !important;
}

.f-postit-update-form .f-postit-textarea-container textarea {
  height: 238px !important;
}

.f-postit-textarea-container .f-postit-shadow {
  border-radius: 4px;
  height: 50px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -21px;
  opacity: 0;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-postit-textarea-container .f-postit-shadow.f-show {
  opacity: 1;
}

.f-postit-textarea-container .f-postit-shadow:after,
.f-postit-textarea-container .f-postit-shadow:before {
  content: '';
  display: block;
  -webkit-box-shadow: 0px 17px 15px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 17px 15px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 17px 15px 4px rgba(0, 0, 0, 0.3);
  transform: rotate(-2deg);
}

.f-postit-textarea-container .f-postit-shadow:before {
  transform: rotate(2deg);
}

.f-postit-form-content-wrapper .f-post-it-status-switch-btn {
  padding-left: 20px;
  padding-right: 20px;
  background: #FFFFFF;
  border: solid 1px #353A40;
  color: #353A40;
  opacity: 0.5;
  position: relative;
  width: 130px;

  -webkit-transition: opacity .3s ease-out, background .3s ease-out, color .3s ease-out;
  -moz-transition: opacity .3s ease-out, background .3s ease-out, color .3s ease-out;
  -o-transition: opacity .3s ease-out, background .3s ease-out, color .3s ease-out;
  transition: opacity .3s ease-out, background .3s ease-out, color .3s ease-out;
}

.f-postit-form-content-wrapper .f-post-it-status-switch-btn.active,
.f-postit-form-content-wrapper .f-post-it-status-switch-btn:hover {
  opacity: 1;
  background: #353A40;
  color: #FFFFFF;
}

.f-postit-form-content-wrapper .f-post-it-status-switch-btn[f-value="0"]:after {
  content: url('/assets/img/btn-state-done.svg');
  position: absolute;
  bottom: -2px;
  right: 0;
}

.f-postit-form-content-wrapper .f-post-it-status-switch-btn[f-value="1"]:after {
  content: url('/assets/img/btn-state-todo.svg');
  position: absolute;
  bottom: -2px;
  right: 0;
}

.f-postit-form-content-wrapper .f-post-it-status-switch-btn[f-value="2"]:after {
  content: url('/assets/img/btn-state-later.svg');
  position: absolute;
  bottom: -2px;
  right: 0;
}

.f-postit-form-content-wrapper .f-postit-textarea-container .f-postit-textarea-content .f-postit-textarea-info {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  background: #F9F9FA;
  padding: 6px 10px;
  font-size: 9px;
  color: #353A40;
  z-index: 11;
}

.f-postit-form-content-wrapper .f-postit-textarea-container .f-postit-textarea-top-info {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #F9F9FA;
  color: #353A40;
  font-size: 12px;
  padding: 13px;
  border: solid 1px #D9D9D9;
  border-bottom: none !important;
}

.f-postit-form-content-wrapper .f-postit-textarea-container .f-postit-textarea-top-info + .f-postit-textarea-content .fr-toolbar {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.f-postit-form-content-wrapper[f-state="0"] .f-postit-textarea-container .f-postit-textarea-content:after {
  content: url('/assets/img/state-done.svg?v=2');
  position: absolute;
  bottom: -6px;
  right: 1px;
  z-index: 10;
}

.f-postit-form-content-wrapper[f-state="1"] .f-postit-textarea-container .f-postit-textarea-content:after {
  content: url('/assets/img/state-todo.svg?v=2');
  position: absolute;
  bottom: -6px;
  right: 1px;
  z-index: 10;
}

.f-postit-form-content-wrapper[f-state="2"] .f-postit-textarea-container .f-postit-textarea-content:after {
  content: url('/assets/img/state-later.svg?v=2');
  position: absolute;
  bottom: -6px;
  right: 1px;
  z-index: 10;
}
.f-postit-pipe-card[f-state="1"]:after {
  background-image: url(/assets/img/state-todo.svg?v=2);
}

.f-postit-pipe-card[f-state="2"]:after {
  background-image: url(/assets/img/state-later.svg?v=2);
}

.f-postit-pipe-card[f-state="0"]:after {
  background-image: url(/assets/img/state-done.svg?v=2);
}


.f-postit-pipe-card:after {
  bottom: 0px !important;
  right: 0px !important;

  content: "";
  position: absolute;
  z-index: 10;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}

#f_homepage .f-postit-pipe-card:after,
#base-page .f-postit-pipe-card:after {
  z-index: 3 !important;
  bottom: 0 !important;
}

.f-postit-pipe-card .media .f-postit-body-container {
  color: #6D7281;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.25px;
}

.f-postit-pipe-card .f-postit-tag {
  display: flex;
  height: 15px;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 0.8px solid #DCDCDC;
  background: #EFEFEF;
}

.f-postit-pipe-card .f-postit-type a,
.f-postit-pipe-card .f-postit-type {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.25px;
  padding-bottom: 2px;
}

.f-postit-pipe-card .f-postit-type a:hover {
  text-decoration: none;
}

.f-postit-pipe-card .f-hoverable-actions-v2:before {
  display: none;
}

.f-postit-pipe-card .f-hoverable-actions-v2 {
  display: none;
  position: absolute !important;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  bottom: -13px;
  right: 20%;
  border: none;
}

.f-postit-pipe-card .f-hoverable-actions-v2 .btn {
  border-radius: 40px !important;
}

.f-postit-pipe-card .f-hoverable-actions-v2 .btn-postit-reply {
  background-color: #EBF3FC;
  color: #353A40;
}

.f-contact-email-content .f-inline-edit-value-container {
  color: #353A40 !important;
  font-size: 12px !important;
  line-height: 24px;
  font-weight: 400;
}

.f-phone-link-container a {
  color: #5565FC !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.f-contact-card-right-block {
  border-left: solid 1px rgba(220, 220, 220, 0.50);
  padding-left: 20px;
}

.f-postit-icon-reply {
  background-color: #F9F9FA;
  position: relative;
  display: none;
}

.f-postit-replies-view-btn {
  height: 35px;
  border-radius: 4px;
  background-color: #F7F7F7;
  color: #6D7281;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 0.25px;
  position: relative;
  padding-left: 0;
  margin-left: 32px;
  margin-top: -29px;
}

.f-company-page-async-item .f-postit-replies-view-btn {
  margin-top: -21px;
}

.f-company-page-async-item .f-postit-icon-view-reply {
  margin-top: 10px;
}

.f-company-page-async-item .f-postit-pipe-card:after {
  bottom: 0 !important;
}

.f-company-page-async-item .f-postit-replies-container .f-postit-pipe-card {
  margin-top: -15px;
}

.f-postit-replies-view-btn span {
  color: #FFF;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  background-color: #FB5184;
  border-radius: 25px;
  display: inline-block;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 5px;
  margin-left: 2px;
}

.f-postit-icon-view-reply {
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}

.f-postit-icon-hide-reply {
  margin-top: -30px;
  display: none;
  cursor: pointer;
  margin-left: 15px;
}

.f-postit-header-pipe {
  background-color: #FFFFFF;
  border-radius: 10px 10px 0 0;
  margin: -5px -5px 5px -5px;
  padding: 5px 0 5px 15px;
}

.f-postit-header-pipe h4 {
  margin-top: 11px;
  line-height: 20px;
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.24px;
}

.f-postit-header-pipe .badge.badge-dark-light.badge-pill {
  background: transparent;
  border: none;
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.15px;
}

.f-tache-col .card .card-body {
  padding: 5px;
}

.btn-warning {
  color: #353A40 !important;
  background-color: #EBF3FC;
  border-color: #EBF3FC;
}

.btn-warning.active,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:hover {
  background-color: #d5e6f9 !important;
  border-color: #d5e6f9 !important;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-circle-success {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #52CEB4;
  padding: 3px;
}

.f-circle-danger {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #FB5184;
  padding: 3px;
}

.f-circle-danger i,
.f-circle-success i {
  color: #FFFFFF;
}

.f-btn-25.f-btn-rounded {
  border-radius: 25px !important;
}

.f-badge-light-25 {
  border-radius: 4px;
  border: 0.8px solid #DCDCDC;
  background: #FFF;
  padding: 7px 12px;
  color: #343A3F;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
}

#f_dragula_admin_config_bu tr.gu-mirror {
  border-radius: 5px;
  border: 2px solid #5565FC;
  background: #FFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
}

#f_dragula_admin_config_bu tr.gu-mirror td {
  border-color: transparent !important;
}

#f_dragula_admin_config_bu tr.gu-transit {
  opacity: 1 !important;
}

#f_dragula_admin_config_bu tr.gu-transit td {
  border-top: 2px solid #D9D9D9 !important;
  border-bottom: 2px solid #D9D9D9 !important;
  background: #FFF !important;
}

#f_dragula_admin_config_bu tr.gu-transit td:first-child {
  border-left: 2px solid #D9D9D9 !important;
}

#f_dragula_admin_config_bu tr.gu-transit td:last-child {
  border-rights: 2px solid #D9D9D9 !important;
}

.f-postit-corner-action {
  position: absolute;
  bottom: 0;
  height: 40px;
  right: 0;
  width: 40px;
  cursor: pointer;
  z-index: 12;
}

.f-modal-2-cols .f-col-left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
}

.f-modal-2-cols .f-col-right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #F2F4F5;
}

.f-side-help-container .f-side-help-content:before {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  background: #FFF;
  position: absolute;
  left: -46px;
}

.f-furious-generic-modal-form-container .f-side-help-container .f-side-help-content:before {
  left: -18px;
}

.f-side-help-container .f-side-help-content {
  opacity: 0;
  top: 0;

  -webkit-transition: opacity .3s ease-out, top .3s ease-out;
  -moz-transition: opacity .3s ease-out, top .3s ease-out;
  -o-transition: opacity .3s ease-out, top .3s ease-out;
  transition: opacity .3s ease-out, top .3s ease-out;
}

.f-side-help-container.active .f-side-help-content {
  opacity: 1;
}

.f-side-help-container .f-side-help-icon {
  width: 28px;
  height: 28px;
  border-radius: 15px;
  background: #353A40;
  padding: 6px;
}

.f-side-help-container .f-side-help-text {
  color: #94979A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.f-chift-focused {
  color: #353A40;
}

.f-chift-unfocused {
  color: #D9D9D9;
}

.f-chift-pointer-cursor {
  cursor: pointer;
}

.f-chift-title {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-chift-export-button-rectangle {
  height: 5px;
  background-color: #353A40;
}

.f-chift-hyper-text {
  color: #007bff;
}

.f-chift-hyper-text:hover {
  color: #0056b3;
  text-decoration: underline;
  cursor: pointer;
}

#f_furious_generic_modal.f-modal-2-cols .modal-header:not(.f-prevent) {
  display: none;
}

#f_furious_generic_modal.f-modal-2-cols .modal-body:not(.f-prevent) {
  padding: 0 !important;
}

.f-purchase-modal-v2 .f-cost-modal-card {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #FFFFFF;
}

.f-purchase-modal-v2 .f-cost-modal-card .card-body {
  padding: 0;
}

.f-purchase-modal-v2 .f-col-right,
.f-purchase-modal-v2 .f-col-left {
  padding: 40px 28px;
}

.f-purchase-modal-v2 .f-col-left {
  overflow-x: hidden;
}

.f-purchase-modal-v2 .f-col-right .f-title {
  color: #353A40;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-purchase-modal-v2 .f-col-right .f-text {
  color: #353A40;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.18px;
}

.f-purchase-modal-v2 #f_purchase_upload_dropzone {
  height: 235px !important;
  border: dashed 0.8px #D9D9D9 !important;
  background: #FFFFFF !important;
}

.f-purchase-modal-v2 #f_purchase_upload_dropzone .dz-message span,
.f-purchase-modal-v2 #f_purchase_upload_dropzone .dz-message {
  /*color: #58A7FE !important;*/
  text-align: center;
}

.f-purchase-modal-v2 #f_purchase_upload_dropzone .dz-message {
  margin: 0 !important;
  position: relative;
}

/*.f-purchase-modal-v2 #f_purchase_upload_dropzone .dz-message::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(/assets/img/cloud-img.svg);
  background-repeat: no-repeat;
  position: relative;
  left: 50%;
  margin-left: -11px;
}*/

#f-config-evaluation-modal input[type="text"].form-control.f-form-control-lg,
.f-generic-sidebar-content input[type="text"].form-control.f-form-control-lg,
#f_time_request_form_container input[type="text"].form-control.f-form-control-lg,
.f-sprint-v2-form-container input[type="text"].form-control.f-form-control-lg,
#edit-config-local-modal .form-control.f-form-control-lg,
#new-config-local-modal .form-control.f-form-control-lg,
.f-purchase-modal-v2 input[type="text"].form-control.f-form-control-lg {
  border-radius: 0 !important;
  font-size: 24px;
  height: 36px;
}

#edit-config-local-modal .form-control.f-form-control-lg::placeholder,
#new-config-local-modal .form-control.f-form-control-lg::placeholder,
.f-sprint-v2-form-container input[type="text"].form-control.f-form-control-lg::placeholder,
.f-purchase-modal-v2 input[type="text"].form-control.f-form-control-lg::placeholder {
  font-size: 24px;
}

#f-config-evaluation-modal input[type="text"].form-control.f-form-control-lg:focus,
.f-generic-sidebar-content input[type="text"].form-control.f-form-control-lg:focus,
.f-sprint-v2-form-container input[type="text"].form-control.f-form-control-lg:focus,
.f-purchase-modal-v2 input[type="text"].form-control.f-form-control-lg:focus {
  border-color: #353A40 !important;
}

.f-edit-config-local-logo-modal .f-config-local-edit-logo-modal-container{
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

.f-edit-config-local-logo-modal .f-config-local-edit-logo-modal-img-container{
  max-width: 50px;
}

.f-edit-config-local-logo-modal .f-config-local-logo-edit-group-ctn{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

.f-edit-config-local-logo-modal .f-config-local-logo-edit-group-ctn .dropzone-container{
  width:100% !important;
}

.f-edit-config-local-logo-modal .f-config-local-logo-edit-group-ctn.has-logo .dropzone-container {
  width: 60% !important;
  min-width: 254px;
}

.f-edit-config-local-logo-modal .f-config-local-logo-edit-group-img{
  display:none;
}

.f-edit-config-local-logo-modal .has-logo .f-config-local-logo-edit-group-img{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.f-edit-config-local-logo-modal .f-config-local-logo-edit-img-wrapper{
  flex-grow:2;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.f-config-local-add-office-ctn button svg *{
  stroke: #D9D9D9;
}

.f-config-local-add-office-ctn button svg rect{
  fill: #D9D9D9;
}

.f-config-local-add-office-ctn button:hover svg circle{
  stroke: #24CFB4;
  fill: #24CFB4;
}

.f-config-local-add-office-ctn button:hover svg rect{
  fill: #fff;
  stroke:#fff
}

.f-time-request-switch-container,
.f-generic-switch-container,
.f-sprint-modal-switch-container,
.f-purchase-modal-switch-container,
.f-purchase-v2-type-container {
  border: solid 0.8px #D9D9D9;
  padding: 3px;
  border-radius: 4px;
  column-gap: 3px;
}

.f-time-request-switch-container .f-time-request-switch-item,
.f-generic-switch-container .f-generic-switch-item,
.f-purchase-modal-switch-container .f-purchase-modal-switch-item,
.f-sprint-modal-switch-container .f-sprint-modal-switch-item,
.f-purchase-v2-type-container .form-check-label {
  text-align: center;
  padding: 10px 0 !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #D9D9D9;
  background-color: #FFFFFF;
  border-radius: 4px;
  cursor: pointer;

  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  -moz-transition: color .3s ease-out, background-color .3s ease-out;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.f-time-request-switch-container .f-time-request-switch-item:hover,
.f-time-request-switch-container .f-time-request-switch-item.active,
.f-generic-switch-container .f-generic-switch-item:hover,
.f-generic-switch-container .f-generic-switch-item.active,
.f-purchase-modal-switch-container .f-purchase-modal-switch-item:hover,
.f-purchase-modal-switch-container .f-purchase-modal-switch-item.active,
.f-sprint-modal-switch-container .f-sprint-modal-switch-item:hover,
.f-sprint-modal-switch-container .f-sprint-modal-switch-item.active,
.f-purchase-v2-type-container .form-check-label:hover,
.f-purchase-v2-type-container .form-check-label.active {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-purchase-v2-type-container .form-check-label .input-helper {
  display: none;
}

.f-purchase-modal-v2 label {
  color: #353A40;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-required-label {
  color: #FB5184 !important;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 600;
}

.f-purchase-modal-v2 .modal-title {
  color: #353A40;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-purchase-modal-v2 .f-purchase-v2-container-separator {
  height: 1px;
  width: 100%;
  background: rgba(220, 220, 220, 0.50);
  margin-left: -10%;
  width: 120%;
}

.f-generic-hideable-item[f-state="hide"],
.f-purchase-hideable-item[f-state="hide"] {
  display: none;
}

.f-generic-hideable-trigger,
.f-purchase-hideable-trigger {
  cursor: pointer;
}

.f-generic-hideable-trigger .f-text,
.f-purchase-hideable-trigger .f-text {
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  margin-left: -14px;
}

.f-generic-hideable-trigger .f-text:after,
.f-generic-hideable-trigger .f-icon,
.f-purchase-hideable-trigger .f-text:after,
.f-purchase-hideable-trigger .f-icon {
  content: url("/assets/img/icon-arrow-down-circle.svg");
  display: block;
  width: 20px;
  height: 20px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-generic-hideable-trigger .f-text.f-basic-arrow:after {
  content: url("/assets/img/icon-arrow-down-dark.svg");
  width: 10px;
  height: 6px;
  top: 0px;
  right: -20px;
}

.f-generic-hideable-trigger[f-state="show"] .f-text.f-basic-arrow:after {
  top: 8px;
}

#f-col-preview .f-generic-hideable-trigger .f-icon {
  content: inherit;
  display: block;
  width: auto;
  height: auto;
}

.f-generic-hideable-trigger .f-text:after,
.f-purchase-hideable-trigger .f-text:after {
  z-index: 2;
  position: absolute;
  transform: rotate(0deg);
  right: -28px;
  top: -2px;
}

.f-generic-hideable-trigger[f-state="show"],
.f-purchase-hideable-trigger[f-state="show"] {
  margin-top: 20px;
}

#f-col-preview .f-generic-hideable-trigger[f-state="show"] {
  margin-top: 0px;
}

.f-generic-hideable-trigger[f-state="show"] .f-icon,
.f-generic-hideable-trigger[f-state="show"] .f-text:after,
.f-purchase-hideable-trigger[f-state="show"] .f-icon,
.f-purchase-hideable-trigger[f-state="show"] .f-text:after {
  transform: rotate(180deg);
}

.faq-section.f-generic-hideable-container .f-generic-hideable-trigger {
  margin-top: 3px !important;
}

.faq-section.f-generic-hideable-container .f-icon {
  content: url("/assets/img/icon-arrow-down-circle-white.svg");
}

.f-sidebar .f-purchase-modal-v2 .modal-header .close {
  display: none !important;
}

#f_generic_sidebar[f-name="purchase-form"] .f-purchase-modal-v2 .f-col-right,
#f_generic_sidebar[f-name="purchase-form"] .f-purchase-modal-v2 .f-col-left {
  border-radius: 0 !important;
}

#f_generic_sidebar[f-name="purchase-form"].settings-panel .tab-content .tab-pane.scroll-wrapper,
#f_generic_sidebar[f-name="purchase-form"] .f-generic-sidebar-content,
#f_generic_sidebar[f-name="purchase-form"] #setting-content {
  padding: 0 !important;
}

#f_generic_sidebar[f-name="purchase-form"] #f_furious_purchase_form {
  height: calc(100vh - 81px) !important;
}

#f_generic_sidebar[f-name="purchase-form"] .f-purchase-sidebar-form .modal-footer {
  position: relative !important;
}

.f-purchase-modal-v2 .f-fws-users-container .alert {
  padding: 5px 10px 5px 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
}

.f-purchase-modal-v2 .f-fws-users-container i,
.f-purchase-modal-v2 .f-fws-users-container .f-fws-users-alert {
  font-size: 10px !important;
}
.f-purchase-modal-v2 .image-grouped img {
  width: 25px !important;
  height: 25px !important;
  border-width: 2px !important;
}

.f-purchase-project-creation-top-container {
  padding-top: 14px;
  padding-bottom: 14px;
}

.f-purchase-project-creation-top-container .f-title {
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-purchase-project-creation-top-container .f-purchase-continue-btn {
  color: #353A40 !important;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #FFFFFF;
  border-radius: 10px;
  border: solid 1px #353A40 !important;
  padding: 11px 19px;
  opacity: 1 !important;
  text-shadow: none !important;

  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  -moz-transition: color .3s ease-out, background-color .3s ease-out;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.f-purchase-project-creation-top-container .f-purchase-continue-btn:hover {
  color: #FFFFFF !important;
  background-color: #353A40;
}

.f-purchase-modal-v2 .f-item-cost-title {
  padding: 0 !important;
  position: relative;
  height: 68px;
  margin-left: -28px;
  margin-bottom: 10px;
}

.f-purchase-modal-v2 .f-item-cost-title h6 {
  position: absolute;
  left: 0;
  right: -28px;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 16px 31px !important;
}

.f-purchase-modal-v2 .f-item-cost-title [data-repeater-delete] {
  position: absolute;
  right: 0px;
  top: 20px;
}

.f-purchase-modal-v2 .f-purchase-modal-file-preview-container,
.f-purchase-modal-v2 .f-purchase-modal-file-preview-content {
  position: relative;
}

.f-purchase-modal-v2 .f-purchase-modal-file-preview-container .f-partial-invoice-modal-file-preview-clear-btn,
.f-purchase-modal-v2 .f-purchase-modal-file-preview-container .f-purchase-modal-file-preview-clear-btn {
  opacity: 0;
  position: absolute;
  top: 0 !important;
  right: 0 !important;
  z-index: 10;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-purchase-modal-v2 .f-purchase-modal-file-preview-container:hover .f-partial-invoice-modal-file-preview-clear-btn,
.f-purchase-modal-v2 .f-purchase-modal-file-preview-container:hover .f-purchase-modal-file-preview-clear-btn {
  opacity: 1;
}

.f-purchase-modal-v2 .f-purchase-modal-file-preview-content iframe {
  height: 800px !important;
  border-radius: 0 !important;
}

.f-project-cost-currency-container select + .select2 .select2-selection.select2-selection--single {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.f-project-cost-currency-container select + .select2 .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
}

.f-sprint-v2-form-container.settings-panel.f-sidebar #setting-content {
  padding: 0 !important;
}

.f-sprint-v2-form-container.f-modal-2-cols .f-col-right,
.f-sprint-v2-form-container.f-modal-2-cols .f-col-left {
  border-radius: 0 !important;
}

.f-sprint-v2-form-container.f-modal-2-cols .f-col-right {
  padding: 55px 30px;
}

#f_modal_sprint_manager.f-sprint-v2-form-container .modal-footer {
  position: relative;
  bottom: inherit;
}

#f_modal_sprint_manager.f-sprint-v2-form-container.settings-panel .tab-content .tab-pane.scroll-wrapper {
  padding-bottom: 0 !important;
}

/*.f-form-v2-container .f-col-left {
  height: 100vh;
  overflow: scroll;
}*/

.f-form-v2-container .f-col-left {
  padding: 40px 0px;
}

.f-form-v2-container .f-col-left .f-inner-block {
  padding: 0px 30px;
}

#f_modal_client_notif_manager .f-inner-block-separator,
.f-generic-drag-and-drop-sidebar .f-inner-block-separator,
.f-todo-main-modal-v2 .f-inner-block-separator,
.f-form-v2-container .f-inner-block-separator {
  height: 1px;
  width: 100%;
  background: rgba(220, 220, 220, 0.50);
  margin: 20px 0;
}

.f-todo-main-modal-v2 .f-inner-block-separator.f-no-bg {
  background: none !important;
}

.f-form-v2-container .f-form-card {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;

  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.f-sprint-v2-form-container .f-sprint-date-hours-container {
  border-bottom: solid 1px rgba(220, 220, 220, 0.50);

  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding: 0 15px;
  gap:5px;
}

.f-todo-sprint-category-container {
  padding: 10px;
}

.f-sprint-v2-form-container .f-sprint-date-container .f-simple-date-range-picker-date-display{
  height: 40px;
}

.f-sprint-v2-form-container .f-sprint-date-container .f-simple-date-range-picker-date-display .recurring-display-icon,
.f-sprint-v2-form-container .f-sprint-date-container .f-simple-date-range-picker-date-display .time-icon{
  padding-left: 10px;
  border-left: 1px solid rgba(220, 220, 220, 0.50);
  margin-left: 5px;
}

.f-sprint-v2-form-container .f-sprint-half-day-container {
  border-bottom: solid 1px rgba(220, 220, 220, 0.50);
  padding: 13px 15px;
}

.f-sprint-v2-form-container .f-sprint-half-day-container .btn {
  border-radius: 4px;
  border: 0.8px solid #D9D9D9;
  background: #FFF;
  padding: 6px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  color: #94979A;

  -webkit-transition: color .3s ease-out, border-color .3s ease-out;
  -moz-transition: color .3s ease-out, border-color .3s ease-out;
  -o-transition: color .3s ease-out, border-color .3s ease-out;
  transition: color .3s ease-out, border-color .3s ease-out;
}

.f-sprint-v2-form-container .f-sprint-half-day-container .btn.active,
.f-sprint-v2-form-container .f-sprint-half-day-container .btn:hover {
  color: #FFFFFF;
  border-color: #353A40;
}

.f-sprint-v2-form-container.settings-panel.f-sidebar .settings-close {
  top: 20px !important;
}

.f-sprint-v2-form-container .f-title {
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-sprint-v2-form-container .f-emoji-trigger-btn {
  border: none;
}

.f-pbs-repeater label,
.f-pbs-repeater label.text-muted,
.f-sprint-v2-form-container label {
  color: #353A40 !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-pbs-repeater label {
  margin-bottom: 4px !important;
}

.f-sprint-v2-form-container .f-sprint-date-container{
  flex-grow:1;
}

.f-sprint-v2-form-container .f-inner-block .f-form-card:not(.f-no-padding),
.f-sprint-v2-form-container .f-inner-block .f-form-card .f-form-card-padding,
.f-sprint-v2-form-container .f-sprint-hours-container,
.f-sprint-v2-form-container .f-sprint-time-container {
  padding: 13px 15px !important;
}

.f-sprint-v2-form-container .f-sprint-hours-container {
  border-left: solid 1px #DCDCDC;
}

.f-form-card-lb {
  border-left: solid 1px #DCDCDC;
}

.f-form-card-tb {
  border-top: solid 1px #DCDCDC;
}

.f-sprint-v2-form-container .f-sprint-hours-container .f-sprint-magic-fullfill-btn {
  border-radius: 4px;
  border: 0.8px solid #F2F4F5;
  background: #F2F4F5;
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;

  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  -moz-transition: color .3s ease-out, background-color .3s ease-out;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.f-sprint-v2-form-container .f-sprint-hours-container .f-sprint-magic-fullfill-btn:hover,
.f-sprint-v2-form-container .f-sprint-hours-container .f-sprint-magic-fullfill-btn.active {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-generic-repeater-add-btn,
.f-sprint-v2-form-container .f-btn-add-user-to-sprint {
  width: 100%;
  color: #353A40 !important;
  border: dashed 1px #D9D9D9;
  border-radius: 6px;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-generic-repeater-add-btn:hover,
.f-sprint-v2-form-container .f-btn-add-user-to-sprint:hover {
  border-color: #353A40;
}

.f-planning-external-time-status-container,
.f-sprint-v2-form-container .f-priority-container {
  border: solid 0.8px #D9D9D9;
  padding: 3px;
  border-radius: 4px;
  column-gap: 3px;
  background-color: #FFFFFF;
}

.f-sprint-v2-form-container .f-priority-container .btn {
  text-align: center;
  padding: 10px 0;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #D9D9D9;
  background-color: #FFFFFF;
  border-radius: 4px;
  cursor: pointer;
  border: none;
  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  -moz-transition: color .3s ease-out, background-color .3s ease-out;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.f-planning-external-time-status-container .btn:hover,
.f-planning-external-time-status-container .btn.btn-dark-light,
.f-sprint-v2-form-container .f-priority-container .btn:hover,
.f-sprint-v2-form-container .f-priority-container .btn.btn-dark-light,
.f-sprint-v2-form-container .f-priority-container .btn.active {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-sprint-v2-form-container .f-sprint-time-container .input-group .input-group-text {
  color: #94979A !important;
  font-size: 12px;
}

.f-form-v2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
  content: url(/assets/img/icon-single-chevron.svg);
  width: 9px;
  height: 6px;
  display: block;
  border: none;
  margin-left: -15px;
  margin-top: 3px;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-form-v2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
}

.f-form-v2 .select2-selection.select2-selection--single {
  padding: 10px 15px;
}

.f-form-v2 .select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
  line-height: 20px;
}

#f_modal_sprint_manager_form .sp-replacer.sp-light {
  min-width: 55px;
}

#f_sprint_project_info_group_v2 {
  background: #F2F4F5;
  border-radius: 6px;

  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  color: #94979A;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#f_sprint_project_info_group_v2 .f-item {
  text-align: center;
  padding: 10px;
}

#f_sprint_project_info_group_v2 .f-item[f-type="remain"] {
  color: #353A40;
}

#f_sprint_project_info_group_v2 .f-item[f-type="used"] {
  border-left: solid 1px rgba(220, 220, 220, 0.50);
  border-right: solid 1px rgba(220, 220, 220, 0.50);
}

.f-sprint-v2-form-container #f_sprint_hour_range_exist {
  margin: 0 !important;
}

.f-sprint-v2-form-container .f-sprint-rate-card-select-container {
  position: relative;
  border: solid 0.8px #D9D9D9;
  border-radius: 4px;
  padding-right: 2px;
}

#f_time_request_form_container .f-time-request-rate-card-select-info-container,
.f-sprint-v2-form-container .f-sprint-rate-card-select-info-container {
  background: #F2F4F5;
  border-radius: 4px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  color: #94979A;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding: 10px 20px;
}

#f_time_request_form_container .f-time-request-rate-card-select-info-container {
  padding: 7px 20px;
  min-height: 40px;
  min-width: 100px;
}

#f_time_request_form_container .f-time-request-rate-card-select-info-container .f-dynamic-load-container,
.f-sprint-v2-form-container .f-sprint-rate-card-select-info-container .f-dynamic-load-container {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-weight: 400;
}

.f-sprint-v2-form-container .f-sprint-equipment-select-container .select2-selection.select2-selection--single,
.f-sprint-v2-form-container .f-people-repeater .f-repeater-item .f-sprint-user-select-container .select2-selection.select2-selection--single,
.f-sprint-v2-form-container .f-sprint-rate-card-select-container .select2-selection.select2-selection--single {
  border: none !important;
}

.f-sprint-v2-form-container .f-sprint-equipment-select-container .select2-container--open .select2-dropdown--below,
.f-sprint-v2-form-container .f-people-repeater .select2-container--open .select2-dropdown--below {
  border-top: 1px solid #E1E7EA !important;
}

.f-sprint-v2-form-container .f-sprint-equipment-select-container .select2-container--open .select2-dropdown--above,
.f-sprint-v2-form-container .f-people-repeater .select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #E1E7EA !important;
}

.f-sprint-v2-form-container .f-sprint-equipment-select-container .select2-selection.select2-selection--single,
.f-sprint-v2-form-container .f-people-repeater .f-repeater-item .f-sprint-user-select-container .select2-selection.select2-selection--single {
  padding-left: 0px !important;
}

.f-sprint-v2-form-container .f-calendar-btn-container a {
  border-radius: 4px;
  background: #353A40;
  width: 28px;
  height: 28px;
  padding: 6px;
  display: block;
  text-decoration: none;
  margin-top: 6px;
  line-height: 10px;
}

.f-sprint-v2-form-container .f-equipment-info-group-v2,
.f-sprint-v2-form-container .f-user-info-group-v2 {
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.f-sprint-v2-form-container .f-equipment-info-group-v2 .f-separator,
.f-sprint-v2-form-container .f-user-info-group-v2 .f-separator {
  color: #D9D9D9;
}

.f-sprint-v2-form-container .f-equipment-info-group-v2 .f-title,
.f-sprint-v2-form-container .f-user-info-group-v2 .f-title {
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.f-sprint-v2-form-container .f-equipment-info-group-v2 .f-item[f-color="green"],
.f-sprint-v2-form-container .f-user-info-group-v2 .f-item[f-color="green"] {
  color: #52CEB4;
}

.f-sprint-v2-form-container .f-user-equipment-group-v2 .f-item[f-color="red"],
.f-sprint-v2-form-container .f-user-info-group-v2 .f-item[f-color="red"] {
  color: #FB5184;
}

.f-sprint-v2-form-container .f-sprint-equipment-remove-btn-container .btn,
.f-sprint-v2-form-container .f-people-repeater .f-repeater-item .f-sprint-user-remove-btn-container .btn {
  margin-top: 6px;
}

.f-sprint-v2-form-container .f-people-repeater .f-repeater-item:first-child .f-sprint-user-remove-btn-container {
  display: none;
}

.settings-panel.f-sidebar.open {
  z-index: 5000 !important;
}

.f-sprint-v2-form-container .f-inner-block-separator.f-small-margin-separator {
  margin: 14px 0;
}

.f-sprint-v2-form-container .f-generic-hideable-trigger .f-text.f-sprint-more-options-actions {
  margin-left: 0;
  width: 100%;
}

.f-sprint-v2-form-container .f-generic-hideable-trigger .f-text.f-sprint-more-options-actions:after {
  right: 0;
}

#f_time_request_form_container .f-time-request-tab-btn.f-time-request-add-task-btn,
.f-sprint-v2-form-container .f-sprint-tab-btn.f-sprint-add-task-btn,
.f-sprint-v2-form-container .f-sprint-tab-btn.f-sprint-add-todo-btn {
  background: transparent !important;
  padding: 0 !important;
  display: block;
  width: 100%;
  text-align: left;
}

#f_time_request_form_container .f-time-request-tab-btn.f-time-request-add-task-btn:before,
.f-sprint-v2-form-container .f-sprint-tab-btn.f-sprint-add-task-btn:before,
.f-sprint-v2-form-container .f-sprint-tab-btn.f-sprint-add-todo-btn:before {
  top: -2px !important;
  right: 0 !important;
  left: inherit;
}

#f_time_request_form_container .f-time-request-tab-btn:hover,
#f_time_request_form_container .f-time-request-tab-btn:focus,
#f_time_request_form_container .f-time-request-tab-btn:active,
#f_time_request_form_container .f-time-request-tab-btn:visited,
#f_time_request_form_container .f-time-request-tab-btn,
.f-sprint-v2-form-container .f-sprint-tab-btn:hover,
.f-sprint-v2-form-container .f-sprint-tab-btn:focus,
.f-sprint-v2-form-container .f-sprint-tab-btn:active,
.f-sprint-v2-form-container .f-sprint-tab-btn:visited,
.f-sprint-v2-form-container .f-sprint-tab-btn,
#projet_gantt-page .f-ext-sprint-equipment-container-btn:hover,
#projet_gantt-page .f-ext-sprint-equipment-container-btn:focus,
#projet_gantt-page .f-ext-sprint-equipment-container-btn:active,
#projet_gantt-page .f-ext-sprint-equipment-container-btn:visited,
#projet_gantt-page .f-ext-sprint-equipment-container-btn {
  background: #FFFFFF;
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  padding: 0 0 0 26px;
  position: relative;
}

#f_time_request_form_container .f-time-request-tab-btn:before,
.f-sprint-v2-form-container .f-sprint-tab-btn:before,
#projet_gantt-page .f-ext-sprint-equipment-container-btn:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}

#f_time_request_form_container .f-time-request-tab-btn.active:before,
.f-sprint-v2-form-container .f-sprint-tab-btn.active:before,
#projet_gantt-page .f-ext-sprint-equipment-container-btn.active:before{
  content: url(/assets/img/icon-minus-dark-md.svg);
}

.f-sprint-v2-form-container [data-repeater-delete] {
  width: 28px !important;
  height: 28px !important;
}

.f-todo-main-modal-v2 .fr-box.fr-inline,
.f-sprint-v2-form-container .f-sprint-equipment-repeater .fr-box.fr-inline {
  border: solid 0.8px #D9D9D9;
  border-radius: 5px;
  padding: 8px 14px;
}

.f-todo-main-modal-v2 .fr-box.fr-inline {
  word-break: break-word;
}

.f-sprint-v2-form-container .f-equipment-info-group-v2 {
  padding-right: 15px;
}


.f-sprint-v2-form-container .f-sprint-project-assigned-todo-container {
  border: dashed 0.8px #D9D9D9;
  background: transparent !important;
}

.f-sprint-v2-form-container .f-sprint-project-assigned-todo-container .f-sprint-project-assigned-todo-empty {
  color: #353A40;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.15px;
}

.f-sprint-v2-form-container .f-subtitle {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-sprint-v2-form-container .modal-title.f-text-20px {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-sprint-v2-form-container .f-sprint-assign-todo-search-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category) {
  border: solid 0.5px #D9D9D9;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category):before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 8px !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  z-index: 10;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category) .f-todo-actions-container,
.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category) .f-board-card-actions {
  display: none !important;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category):hover {
  border: 0.8px solid #94979A;
  position: relative;
  cursor: pointer;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category):hover:before {
  background-color: rgba(217, 217, 217, 0.20);
}

.f-sprint-v2-form-container .f-projet-todo-card.f-show .f-card-toggle-extra {
  display: none;
}

.f-projet-todo-card .f-sprint-todo-remove,
.f-projet-todo-card .f-sprint-append-todo-hover {
  display: none !important;
}

.f-sprint-v2-form-container .f-sprint-project-todo-result-container .f-projet-todo-card:not(.f-project-todo-category):hover .f-sprint-append-todo-hover {
  display: block !important;
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100% !important;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  z-index: 15;
}

.f-sprint-v2-form-container .f-sprint-project-assigned-todo-container .f-projet-todo-card:not(.f-project-todo-category) {
  margin-right: 35px;
  width: auto !important;
  position: relative;
}

.f-sprint-v2-form-container .f-sprint-project-assigned-todo-container .f-projet-todo-card:not(.f-project-todo-category) .f-sprint-todo-remove {
  content: url(/assets/img/icon-minus-dark-md.svg);
  display: block !important;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: -25px;
  margin-top: -10px;
}

.f-client-portal-weekly-time-tracker-v2-container table thead th,
.f-client-portal-weekly-time-tracker-v2-container table tbody td,
.f-user-weekly-time-tracker-v2-container table thead th,
.f-user-weekly-time-tracker-v2-container table tbody td {
  color: #353A40;
}

.f-client-portal-weekly-time-tracker-v2-container table,
.f-user-weekly-time-tracker-v2-container table {
  border-collapse: separate !important;
  border-spacing: 0 10px;
}

.f-client-portal-weekly-time-tracker-v2-container thead th:not(:first-child),
.f-client-portal-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td,
.f-user-weekly-time-tracker-v2-container thead th:not(:first-child),
.f-user-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td {
  border-color: #DCDCDC;
  border-top: solid 1px #DCDCDC !important;
  border-right: solid 1px #DCDCDC !important;
  border-bottom: solid 1px #DCDCDC !important;
}

.f-user-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td:first-child {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.f-user-weekly-time-tracker-v2-container thead th:last-child,
.f-user-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td:last-child {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.f-user-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td {
  padding: 8px 6px !important;
}

.f-user-weekly-time-tracker-v2-container thead th.f-week-td {
  border: solid 1px #94979A !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.f-user-weekly-time-tracker-v2-container .f-week-td:after {
  content: url(/assets/img/icon-arrow-right-plain.svg);
  display: block;
  width: 18px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -9px;
  z-index: 1;
}


.f-client-portal-weekly-time-tracker-v2-container .f-day-name,
.f-client-portal-weekly-time-tracker-v2-container .f-day-number,
.f-user-weekly-time-tracker-v2-container .f-day-name,
.f-user-weekly-time-tracker-v2-container .f-day-number {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-client-portal-weekly-time-tracker-v2-container .f-day-number,
.f-user-weekly-time-tracker-v2-container .f-day-number {
  font-size: 18px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-reset-col-btn svg path,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-reset-col-btn svg path {
  fill: #353A40;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-reset-col-btn:hover svg path,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-reset-col-btn:hover svg path {
  fill: #FFFFFF;
}

.f-client-portal-weekly-time-tracker-v2-container .f-time-container,
.f-user-weekly-time-tracker-v2-container .f-time-container {
  font-size: 10px;
  font-style: normal;
  font-weight: 200;
  line-height: 13px;
  letter-spacing: -0.15px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-week-number-text,
.f-user-weekly-time-tracker-v2-container .f-week-number-text {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
}

.f-user-weekly-time-tracker-v2-container .f-date-range-text {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn.disabled,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn.disabled {
  color: #D9D9D9;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:hover,
.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:hover,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn,
.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:hover,
.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:hover,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn {
  border: none !important;
  padding: 0 !important;
  text-align: center;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  background: none !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:not(.disabled):hover,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:not(.disabled):hover,
.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:not(.disabled):hover,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:not(.disabled):hover {
  color: #353A40;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:after,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:after,
.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:after,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:after {
  content: url(/assets/img/icon-single-chevron.svg);
  display: block;
  transform: rotate(-90deg);
  position: absolute;
  right: -18px;
  top: 4px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn.disabled:after,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn.disabled:after,
.f-user-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn.disabled:after,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn.disabled:after {
  content: url(/assets/img/icon-single-chevron-light.svg);
}

.f-generic-circle-arrow,
.f-client-portal-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn,
.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-update-week-btn,
.f-user-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-update-week-btn {
  border-radius: 20px !important;
  background: #FFFFFF;
  border: none;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-generic-circle-arrow:hover,
.f-client-portal-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn:hover,
.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-update-week-btn:hover,
.f-user-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn:hover,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-update-week-btn:hover {
  background: #D9D9D9;
}

.f-generic-circle-arrow img,
.f-client-portal-weekly-time-tracker-top-container .btn img,
.f-client-portal-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn img,
.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-update-week-btn img,
.f-user-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn img,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-update-week-btn img {
  width: 12px !important;
  height: 18px !important;
}

.f-generic-circle-arrow[f-direction="next"],
.f-generic-circle-arrow[f-direction-name="next"],
.f-client-portal-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn[f-direction="next"],
.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-update-week-btn[f-direction="next"],
.f-user-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn[f-direction="next"],
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-update-week-btn[f-direction="next"] {
  transform: rotate(-90deg);
}

.f-generic-circle-arrow[f-direction="previous"],
.f-generic-circle-arrow[f-direction-name="previous"],
.f-client-portal-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn[f-direction="previous"],
.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-update-week-btn[f-direction="previous"],
.f-user-weekly-time-tracker-v2-container .f-time-tracker-switch-view-inside-btn[f-direction="previous"],
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-update-week-btn[f-direction="previous"] {
  transform: rotate(90deg);
}

.f-user-weekly-time-tracker-v2-container .f-user-weekly-time-tracker-v2-content {
  padding: 0 65px 20px 0;
}

.f-user-weekly-time-tracker-v2-container .f-user-weekly-time-tracker-v2-content .f-weekly-time-tracker-table-container {
  margin: 0 !important;
}

.f-border-radius-2px {
  border-radius: 2px !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-load-projects-btn,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-save-all-btn {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.f-widget-time-tracker-v2 .f-time-tracker-load-projects-btn,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-save-all-btn[f-action="validate"] {
  color: #353A40;
  border-color: #353A40;
  background: #FFFFFF;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-widget-time-tracker-v2 .f-time-tracker-load-projects-btn:hover,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-save-all-btn[f-action="validate"]:hover {
  background: rgba(86,109,137,0.1);
}

.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-new-btn {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  height: 80px !important;
}

.f-user-weekly-time-tracker-v2-container .f-weekly-user-time-tracker-row .f-weekly-time-tracker-delete-row-btn-container {
  position: absolute;
  right: -80px;
  top: 50%;
  margin-top: -12.5px !important;
  padding-right: 20px;
}

.f-btn-outline {
  background: transparent !important;
}

.f-btn-outline.btn-danger:hover {
  background: rgba(252,101,149,0.1) !important;
}

.popover.f-mail-preview-popover .popover-body {
  max-height: 300px;
  overflow: scroll;
}

.f-weekly-time-tracker-day-progress-container {
  width: 100%;
  max-width: 120px;
  height: 16px;
  border-radius: 8px;
  background: #F2F4F5;
  position: relative;
  overflow: hidden;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--percent);
  height: 16px;
  border-radius: 8px;
  color: #FFFFFF;

  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress[f-color="gold"] {
  background-color: #F4B973;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress[f-color="red"] {
  background-color: #FB5184;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress[f-color="green"] {
  background-color: #52CEB4;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress[f-color="blue"] {
  background-color: #5565FC;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress[f-color="red2"] {
  background-color: #EA5A81;
}

.f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress .f-overtime-value {
  font-size: 10px;
  line-height: 16px;
}

.f-progress-slider-v2-container .irs--flat .irs-min,
.f-progress-slider-v2-container .irs--flat .irs-max,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-min,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-max {
  color: #94979A;
  background: none !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  top: 3px;
}

.f-progress-slider-v2-container .irs--flat .irs-single,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-single {
  background: #353A40 !important;
  color: #FFFFFF;
  border-radius: 4px;
  top: -1px;
}

.f-progress-slider-v2-container .irs--flat .irs-single:before,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-single:before {
  display: none !important;
}

.f-progress-slider-v2-container .irs--flat .irs-bar,
.f-progress-slider-v2-container .irs--flat .irs-line,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-bar,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-line {
  height: 16px;
  border-radius: 8px;
  top: 20px;
}

.f-progress-slider-v2-container .irs--flat .irs-bar--single,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-bar--single {
  border-radius: 8px 0 0 8px;
}

.f-progress-slider-v2-container .f-weekly-time-tracker-day-content,
.f-user-weekly-time-tracker-v2-container .f-weekly-time-tracker-day-content {
  display: none !important;
}

.f-progress-slider-v2-container .irs--flat .irs-bar,
.f-progress-slider-v2-container .irs--flat .irs-from,
.f-progress-slider-v2-container .irs--flat .irs-to,
.f-progress-slider-v2-container .irs--flat .irs-single,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-bar,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-from,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-to,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-single {
  background: #353A40 !important;
}

.f-widget-container .f-progress-slider-v2-container .irs--flat .irs-bar {
    background: #5565FC !important;
}

.f-progress-slider-v2-container .irs--flat .irs-handle > i:first-child,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-handle > i:first-child {
  background-color: #353A40 !important;
  border-radius: 2px;
}

.f-progress-slider-v2-container .irs--flat .irs-handle,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-handle {
  height: 25px;
  top: 16px;
  cursor: ew-resize !important;
}

.f-progress-slider-v2-container .irs--flat .irs-handle:after,
.f-user-weekly-time-tracker-v2-container .irs--flat .irs-handle:after {
  content: url(/assets/img/progress.svg);
  display: block;
  width: 19px;
  height: 19px;
  position: relative;
  left: -3px;
  top: 2px;
}

.f-progress-slider-v2-container .f-week-td .irs--flat .irs-single,
.f-user-weekly-time-tracker-v2-container .f-week-td .irs--flat .irs-single {
  color: #353A40 !important;
  background: #F2F4F5 !important;
}

.f-progress-slider-v2-container .f-week-td .irs-bar.irs-bar--single,
.f-user-weekly-time-tracker-v2-container .f-week-td .irs-bar.irs-bar--single {
  background: #94979A !important;
}

.f-user-weekly-time-tracker-v2-container .f-user-weekly-time-tracker-rc-status {
  display: none;
}

.f-user-weekly-time-tracker-v2-container .f-current-day .f-day-name,
.f-user-weekly-time-tracker-v2-container .f-current-day .f-day-number {
  color: #5565FC;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row td {
  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row:hover td {
  background: #FFFFFF !important;
  border-top-color: #353A40 !important;
  border-bottom-color: #353A40 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row:hover td:first-child {
  border-left-color: #353A40 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row:hover td:last-child {
  border-right-color: #353A40 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-danger td:before,
.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-success td:before {
  background: #FFFFFF !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-success td {
  border-top-color: #52CEB4 !important;
  border-bottom-color: #52CEB4 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-success td:first-child {
  border-left-color: #52CEB4 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-success td:last-child {
  border-right-color: #52CEB4 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-danger td {
  border-top-color: #FB5184 !important;
  border-bottom-color: #FB5184 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-danger td:first-child {
  border-left-color: #FB5184 !important;
}

.f-user-weekly-time-tracker-v2-container .f-time-tracker-row.table-danger td:last-child {
  border-right-color: #FB5184 !important;
}

.f-user-weekly-time-tracker-v2-container .f-row-project-proposal-text {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.f-user-weekly-time-tracker-v2-container .f-row-prc-text {
  color: #94979A;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
}

.f-switch-alt-container .custom-switch .custom-control-label:before {
  width: 34px;
  height: 22px;
  border-radius: 12px;
  top: 1px;
  background-color: #94979A;
}

.f-switch-alt-container .custom-switch .custom-control-label:after {
  background-color: #FFFFFF;
  width: 18px;
  height: 18px;
  top: 3px;
  left: -41px;
}

.f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #FFFFFF;
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
  /*content: url(/assets/img/icon-check-green.svg);*/
  content: '';
  padding-top: 5px;
  padding-left: 3px;
}

.f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #5565FC;
}

.f-form-v2 .f-team-graph-select-container,
.f-form-v2 .f-team-board-select-container{
  max-width:530px;
}

.f-team-graph-container .f-form-v2 .form-group label,
.f-team-graph-container .f-form-v2 label,
.f-team-board-container .f-form-v2 .form-group label,
.f-team-board-container .f-form-v2 label{
  font-size:10px;
  font-weight:600;
}

.f-form-v2 .form-check-btn{
  margin-top:0;
  margin-bottom:0;
}

.f-form-v2 .form-check-btn .form-check-label{
  margin:0;
}

.f-form-v2 .form-check-btn .form-check-label input[type="radio"]{
  width: 100%;
  height: 27px;
  opacity:0;
}

.f-form-v2 .form-check-btn .form-check-label input[type="radio"] + span {
  display:block;
  font-size: 10px;
  color: #94979A;
  border-radius: 4px;
  background-color: #F2F4F5;
  padding: 5px 10px;
}

.f-form-v2 .form-check-btn .form-check-label input[type="radio"]:hover + span,
.f-form-v2 .form-check-btn .form-check-label input[type="radio"]:checked + span{
  color:white;
  background: #353A40 !important;
}

.f-form-v2 .form-check-btn .form-check-label.f-is-checked input[type="radio"] + span + .input-helper,
.f-form-v2 .form-check-btn .form-check-label input[type="radio"]:checked + span + .input-helper{
   display:none;
}

.f-form-v2 .form-check-btn .form-check-label.f-is-checked input[type="radio"] + span,
.f-form-v2 .form-check-btn .form-check-label input[type="radio"]:checked + span{
  color:white;
}

.f-form-v2 .f-team-board-type-filters .form-group:not(:last-child) {
  border-right:1px solid #DCDCDC;
}

.f-team-board-details-switch-container{
  margin-bottom:-17px !important;
  position: relative;
  width: 400px;
  z-index: 2;
}

.f-team-graph-container .f-select-multiple-light-container .select2-container--default  .select2-selection--multiple .select2-selection__choice,
.f-team-board-container .f-select-multiple-light-container .select2-container--default  .select2-selection--multiple .select2-selection__choice{
  border-color: #353A40;
  color:#353A40;
}

.f-team-graph-container .select2-selection.select2-selection--single .select2-selection__rendered,
.f-team-board-container .select2-selection.select2-selection--single .select2-selection__rendered{
  color:#353A40 !important;
}

.f-api-menu-category.f-generic-hideable-trigger .f-text {
  font-size: 1rem;
  margin-left: 0;
}

.f-api-menu-category.f-generic-hideable-trigger .f-text:after {
  right: 0;
  top: 3px;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-append-time-on-container {
  border: 0.8px solid #D9D9D9;
  border-radius: 4px;
  padding: 3px;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-append-time-on-container .f-widget-time-tracker-time-range-btn {
  border-radius: 4px;
  height: 35px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  background-color: #FFFFFF;
  color: #94979A;
  border: none;

  -webkit-transition: background-color .3s ease-out, color .3s ease-out;
  -moz-transition: background-color .3s ease-out, color .3s ease-out;
  -o-transition: background-color .3s ease-out, color .3s ease-out;
  transition: background-color .3s ease-out, color .3s ease-out;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-append-time-on-container .f-widget-time-tracker-time-range-btn.active,
.f-widget-time-tracker-v2 .f-user-time-tracker-append-time-on-container .f-widget-time-tracker-time-range-btn:hover {
  background-color: #353A40;
  color: #FFFFFF;
}

.f-widget-time-tracker-v2 .f-add-time-text {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  color: #353A40;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  margin-bottom: 5px !important;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-today-sprint-row,
.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row {
  border: solid 1px #D9D9D9;
  border-radius: 6px !important;
  padding: 0 !important;
  background: #FFFFFF;
  margin-right: 50px;
  position: relative;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-today-sprint-row .f-time-tracker-delete-btn-container,
.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row .f-time-tracker-delete-btn-container {
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -12.5px;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row[f-state="pause"],
.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row[f-state="play"],
.f-widget-time-tracker-v2 .f-user-time-tracker-today-sprint-row:hover,
.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row:hover {
  border-color: #353A40;
  background: #FFFFFF !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row[f-state="pause"] .f-in-progress-hide,
.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row[f-state="play"] .f-in-progress-hide {
  opacity: 0 !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-proposal-project-select-container {
  background: rgba(242, 244, 245, 0.30) !important;
  border-right: solid 1px #D9D9D9;
  padding: 12px;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row-inner-container {
  border-right: solid 1px #D9D9D9;
  padding: 12px;
  position: relative;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row-inner-container .f-time-tracker-row-inner-text-separator {
  position: absolute;
  background: #FFFFFF;
  padding: 0 2px;
  top: 50%;
  right: -8.5px;
  color: #94979A;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  margin-top: -6.5px;
}

.f-dark-bordered-btn {
  border-radius: 4px;
  border: 0.8px solid #353A40;
  background-color: #FFFFFF;
  padding: 6px 10px;

  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;

  -webkit-transition: background-color .3s ease-out, color .3s ease-out;
  -moz-transition: background-color .3s ease-out, color .3s ease-out;
  -o-transition: background-color .3s ease-out, color .3s ease-out;
  transition: background-color .3s ease-out, color .3s ease-out;
}

.f-dark-bordered-btn.active,
.f-dark-bordered-btn:focus,
.f-dark-bordered-btn:hover {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-widget-time-tracker-v2 .f-time-tracker-pause-btn i,
.f-widget-time-tracker-v2 .f-time-tracker-play-btn i {
  position: relative;
  top: 1px;
}

#new-projet-todo-modal .f-time-tracker-pause-btn,
#new-projet-todo-modal .f-time-tracker-play-btn {
  background: transparent !important;
}

#new-projet-todo-modal .f-time-tracker-pause-btn.f-dark-bordered-btn.active,
#new-projet-todo-modal .f-time-tracker-pause-btn.f-dark-bordered-btn:focus,
#new-projet-todo-modal .f-time-tracker-pause-btn.f-dark-bordered-btn:hover,
#new-projet-todo-modal .f-time-tracker-play-btn.f-dark-bordered-btn.active,
#new-projet-todo-modal .f-time-tracker-play-btn.f-dark-bordered-btn:focus,
#new-projet-todo-modal .f-time-tracker-play-btn.f-dark-bordered-btn:hover {
  color: #353A40;
}

.f-widget-time-tracker-v2 .f-time-tracker-pause-btn,
.f-widget-time-tracker-v2 .f-time-tracker-play-btn {
  width: 150px;
}

.f-time-tracker-duration-content {
  font-size: 11px;
  color: #353A40;
  width: 75px;
  text-align: center;
  display: inline-block;
}

.f-project-user-timetracker-light .f-time-tracker-duration-content {
  position: relative;
  top: 1px;
}

.f-project-user-timetracker-light .f-time-tracker-row {
  padding-right: 0 !important;
}

.f-project-user-timetracker-light .f-user-time-tracker-row-pin-btn {
  display: none !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-duration-content.text-muted {
  color: #94979A;
}

.f-widget-time-tracker-v2 .f-hourglass-container {
  width: 30px;
  text-align: center;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"] {
  color: #FFFFFF !important;
  background-color: #5565FC;
  padding-left: 45px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container .f-user-time-tracker-today-save-row,
.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"] .f-time-tracker-stop-btn {
  color: #FFFFFF !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container .f-user-time-tracker-today-save-row .f-text,
.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"] .f-time-tracker-stop-btn .f-text {
  position: relative;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container .f-user-time-tracker-today-save-row .f-text:before,
.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"] .f-time-tracker-stop-btn .f-text:before {
  content: url(/assets/img/icon-plus-outline-light.svg);
  display: block;
  position: absolute;
  top: -2px;
  left: -30px;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"][f-state="disabled"] {
  background-color: #FFFFFF;
  color: #D9D9D9 !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"][f-state="disabled"] .f-time-tracker-stop-btn {
  color: #D9D9D9 !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container[f-type="save"][f-state="disabled"] .f-time-tracker-stop-btn .f-text:before {
  content: url(/assets/img/icon-plus-outline.svg);
}

.f-widget-time-tracker-v2 .f-time-tracker-row-inner-container .f-time-tracker-stop-btn.disabled {
  cursor: default !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-row-container .f-time-tracker-row .f-time-tracker-move {
  left: -2px;
  top: 50%;
  margin-top: -11px;
  width: 16px;
  height: 22px;
  cursor: move;
  padding: 0;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-today-new-time,
.f-widget-time-tracker-v2 .f-time-tracker-new-btn {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  height: 64px !important;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-today-new-time {
  height: 80px !important;
}

.f-widget-time-tracker-v2 .f-time-tracker-new-btn-container {
  padding-right: 50px !important;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-v2-card-content {
  border-radius: 10px;
  border: 0.8px solid #D9D9D9;
  padding: 14px 18px;
}

.f-widget-time-tracker-v2 .f-time-tracker-switch-view-container .f-time-tracker-switch-view-btn {
  color: #D9D9D9;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  padding: 0 14px 11px 0;
  border-radius: 0;
  border-bottom: solid 5px transparent;

  -webkit-transition: border-color .3s ease-out, color .3s ease-out;
  -moz-transition: border-color .3s ease-out, color .3s ease-out;
  -o-transition: border-color .3s ease-out, color .3s ease-out;
  transition: border-color .3s ease-out, color .3s ease-out;
}

.f-widget-time-tracker-v2 .f-time-tracker-switch-view-container .f-time-tracker-switch-view-btn:hover,
.f-widget-time-tracker-v2 .f-time-tracker-switch-view-container .f-time-tracker-switch-view-btn.active {
  color: #353A40;
  border-bottom-color: #353A40;
}

.f-widget-time-tracker-v2 .f-time-tracker-switch-view-container .f-time-tracker-switch-view-btn[f-type="project"] {
  margin-left: 10px;
}

.scheduler_default_rowmove_position_forbidden {
  background-color:yellow;
  display: none !important;
}

.f-widget-time-tracker-v2 .f-user-time-tracker-today-sprint-row {
  background: #FFFFFF !important;
}

.f-filter-form-v2-container {
  border-radius: 4px;
  background-color: #ECEFF0;
}

.f-filter-form-v2-container .f-filter-form-v2-top-light-content {
  background-color: #FFFFFF;
  padding: 20px 28px;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #D9D9D9;
}

.f-todo-main-modal-v2 .f-btn-outline-light .f-btn-text,
.f-filter-form-v2-container .f-btn-outline-light .f-btn-text {
  top: 0;
}

.f-todo-main-modal-v2 .f-btn-outline-light,
.f-filter-form-v2-container .f-btn-outline-light {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  background-color: transparent;
  border-color: #D9D9D9;
  color: #353A40;
  border-radius: 2px;

  -webkit-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  -moz-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  -o-transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
  transition: border-color .3s ease-out, color .3s ease-out, background-color .3s ease-out;
}

.f-todo-main-modal-v2 .f-btn-outline-light.f-border-dark,
.f-filter-form-v2-container .f-btn-outline-light.f-border-dark {
  border-color: #353A40;
}

.f-todo-main-modal-v2 .f-btn-outline-light.active,
.f-todo-main-modal-v2 .f-btn-outline-light:hover,
.f-filter-form-v2-container .f-btn-outline-light.active,
.f-filter-form-v2-container .f-btn-outline-light:hover {
  background-color: #353A40;
  border-color: #353A40;
  color: #FFFFFF;
}

.f-filter-form-v2-container .f-filter-form-v2-inner-content {
  padding: 15px 28px;
  background: #F9F9FA;
}

.form-check .form-check-label input[type="radio"] + .input-helper:before {
  border-color: #D9D9D9 !important;
}

.form-check .form-check-label.f-is-checked input[type="radio"] + .input-helper:before,
.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
  background: #FFFFFF !important;
}

.form-check .form-check-label.f-is-checked input[type="radio"] + .input-helper:after,
.form-check .form-check-label input[type="radio"]:checked + .input-helper:after {
  background-color: #353A40 !important;
  content: '';
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  top: 4px;
}

.f-page-filter-container .f-simple-date-range-picker{
  height: 40px;
  display: flex;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #E1E7EA;
}

.f-page-filter-container .f-simple-date-range-picker.user-date-set{
  background-color: rgba(25, 138, 227, 0.1)
}

.f-page-filter-container .f-simple-date-range-picker .f-simple-date-range-picker-date-display-container{
  padding: 0 15px;
}

.f-page-filter-container .f-simple-date-range-picker.placeholder-displayed .f-simple-date-range-picker-date-display{
  opacity:0.3;
}

#f_generic_sidebar_inception[f-name="new-contact-side-bar"] #setting-content,
#f_generic_sidebar_inception[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn,
#f_generic_sidebar_inception[f-name="new-contact-side-bar"],
#f_generic_sidebar[f-name="new-contact-side-bar"] #setting-content,
#f_generic_sidebar[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn,
#f_generic_sidebar[f-name="new-contact-side-bar"] {
  background-color: #F9F9FA !important;
}

#f_generic_sidebar_inception[f-name="new-contact-side-bar"] .form-group label,
#f_generic_sidebar[f-name="new-contact-side-bar"] .form-group label,
.form-group label {
  font-size: 10px;
}

#f_generic_sidebar_inception[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn .f-btn-text,
#f_generic_sidebar[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn .f-btn-text {
  font-size: 16px;
}

#f_generic_sidebar_inception[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn .f-btn-text-required-hidden,
#f_generic_sidebar[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn .f-btn-text-required-hidden {
  margin: auto 0;
}

#f_generic_sidebar_inception[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn:before,
#f_generic_sidebar[f-name="new-contact-side-bar"] .btn.f-generic-vertic-tab-btn:before {
  top: 2px;
}

.f-generic-vertic-tab-container .f-btn-text-required-hidden{
  display:none;
}

.f-generic-vertic-tab-container[f-state="hide"][f-has-required="true"] .f-btn-text-required-hidden{
  display:block;
  color:#FB5184;
}

.btn.f-generic-vertic-tab-btn:before,
.btn.f-plus-btn:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  left: 0;
}

.btn.f-generic-vertic-tab-btn.f-generic-vertic-tab-btn-none:before{
  display:none;
}

.btn.f-generic-vertic-tab-btn.f-generic-vertic-tab-h3-title:before{
  top:5px;
}

.btn.f-generic-vertic-tab-btn.f-generic-vertic-no-background{
  background:transparent !important;
}

.f-generic-vertic-tab-container[f-state="show"] .btn.f-generic-vertic-tab-btn:before,
.btn.f-generic-vertic-tab-btn.active:before{
  content: url(/assets/img/icon-minus-dark-md.svg);
}

.btn.f-less-btn:before{
  content: url(/assets/img/icon-minus-dark-md.svg);
  display: block;
  width: 20px;
  height: 20px;
}

.btn.f-generic-vertic-tab-btn:hover,
.btn.f-generic-vertic-tab-btn:focus,
.btn.f-generic-vertic-tab-btn:active,
.btn.f-generic-vertic-tab-btn:visited,
.btn.f-generic-vertic-tab-btn,
.btn.f-less-btn,
.btn.f-plus-btn:hover,
.btn.f-plus-btn:focus,
.btn.f-plus-btn:active,
.btn.f-plus-btn:visited,
.btn.f-plus-btn {
  background: #FFFFFF;
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  padding: 0 0 0 26px;
  position: relative;
}

.btn.f-less-btn {
  background: #FFFFFF;
  color: #353A40;
  border: none;
  padding: 0;
  position: relative;
}

.f-contact-form-new-company-input-container{
  display: flex;
  align-items: center;
  justify-content: stretch;
  gap: 14px;
}

#f_modal_contact_form .f-form-block-title{
  color: #353A40;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

#f_modal_contact_form .select2-container--default .select2-selection--multiple .select2-search__field:not([placeholder=""]){
  padding-left: 15px;
}

#f_modal_contact_form .input-group.f-input-group-integrated .btn{
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

#f_modal_contact_form .f-contact-form-space-items > * {
  margin-right:14px;
}

#f_modal_contact_form .f-contact-form-space-items > *:last-child{
  margin-right:0;
}

#f_modal_contact_form[f-object-type="supplier"] .form-group[f-field-type="supplier"]:not([f-state="hide"]){
  display:block;
}

#f_modal_contact_form[f-object-type="client"] .form-group[f-field-type="client"]:not([f-state="hide"]){
  display:block !important;
}

#f_modal_contact_form[f-object-type="client"] .form-group[f-field-type="supplier"]{
  display:none !important;
}

#f_modal_contact_form[f-object-type="supplier"] .form-group[f-field-type="client"]{
  display:none !important;
}

.f-dashboard-finance-v2-container .card {
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f-btn-lg.f-btn-lg {
  font-size: 12px;
  padding: 12px 24px;
}

.f-generic-tab-container .f-generic-tab-item {
  color: #94979A;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.24px;
  padding: 8px 11px;
  text-decoration: none;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: solid 3px transparent;
  position: relative;

  -webkit-transition: border-color .3s ease-out, color .3s ease-out;
  -moz-transition: border-color .3s ease-out, color .3s ease-out;
  -o-transition: border-color .3s ease-out, color .3s ease-out;
  transition: border-color .3s ease-out, color .3s ease-out;
}

.f-generic-tab-container .f-generic-tab-item:hover,
.f-generic-tab-container .f-generic-tab-item.show,
.f-generic-tab-container .f-generic-tab-item.active {
  border-color: #5565FC;
  color: #5565FC;
}

.btn-inverse-dark-light.f-btn-outline {
  color: #353A40;
  text-align: center;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 2px !important;
  border: 0.8px solid #353A40 !important;
}

.btn-inverse-dark-light.f-btn-outline:hover {
  background-color: #353A40 !important;
  color: #FFFFFF !important;
}

.btn-inverse-dark-light.f-btn-outline:hover svg path {
  fill: #FFFFFF !important;
}

.f-dashboard-finance-v2-filters-container .selection .select2-selection {
  border-radius: 2px !important;
}

.f-dashboard-finance-v2-filters-container .f-finance-date-picker-wrapper{
  border-radius: 2px;
  background-color: white;
  height: 40px;
  padding: 0px 10px;
  min-width: 210px;
  position:relative;
  border: solid 1px rgb(225, 231, 234);
}

.f-dashboard-finance-v2-filters-container .f-simple-date-range-picker-date-display {
  height: 40px;
}

.f-dashboard-finance-v2-home-container .f-generic-tab-container {
  display: none !important;
}

#f_config_invoice_models_modal_form .f-generic-hideable-trigger,
#f_config_business_models_modal_form .f-generic-hideable-trigger {
  margin: 0 !important;
}

#f_config_invoice_models_modal_form .f-generic-hideable-trigger .f-text,
#f_config_business_models_modal_form .f-generic-hideable-trigger .f-text {
  margin-left: 0 !important;
}

.f-rh-payfit-sync-btn #f-payfit-svg,
.f-absence-payfit-sync-btn #f-payfit-svg {
  fill: #353A40;
}

.f-rh-payfit-sync-btn:hover #f-payfit-svg,
.f-absence-payfit-sync-btn:hover #f-payfit-svg {
  fill: #FFF;
}

.f-rh-payfit-sync-btn svg,
.f-absence-payfit-sync-btn svg {
  height: 16px;
}

.f-todo-main-modal-v2.modal .modal-dialog .modal-content {
  border-radius: 6px !important;
  background-color: #FFFFFF;
}

.f-todo-main-modal-v2.f-modal-2-cols .f-col-left {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.f-todo-main-modal-v2.f-modal-2-cols .f-col-right {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.f-todo-main-modal-v2 .f-todo-modal-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
}

.f-todo-main-modal-v2 .f-inner-block-separator {
  margin: 8px 0;
}

.f-todo-main-modal-v2 .f-col-left,
.f-todo-main-modal-v2 .f-col-right {
  padding-right: 28px;
  padding-left: 28px;
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger {
  margin-top: 18px !important;
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger .f-text {
  font-size: 16px;
  margin-left: 0 !important;
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger .f-text:after {
  top: 2px;
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger.f-generic-hideable-trigger-plus .f-text:after,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-generic-hideable-trigger .f-text:after {
  transform: none !important;
}

#modal-new-external-task .f-equipement-hideable-trigger .f-text:after,
.f-todo-main-modal-v2 .f-generic-hideable-trigger.f-generic-hideable-trigger-plus:not(.f-icon-before) .f-text:after,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-generic-hideable-trigger .f-text:after {
  content: url(/assets/img/icon-plus-dark-md.svg);
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger.f-generic-hideable-trigger-plus.f-icon-before .f-text:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
  position: relative;
  top: 6px;
  left: 0;
}

.f-todo-main-modal-v2 .f-generic-hideable-trigger.f-generic-hideable-trigger-plus.f-icon-before .f-text:after {
  display: none !important;
}


.f-todo-main-modal-v2 .f-generic-hideable-trigger.f-generic-hideable-trigger-plus[f-state="show"] .f-text:after,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-generic-hideable-trigger[f-state="show"] .f-text:after {
  content: url(/assets/img/icon-minus-dark-md.svg);
}

#modal-new-external-task .f-equipement-hideable-trigger .f-text:after,
#modal-new-external-task .f-equipement-hideable-trigger[f-state="show"] .f-text:after {
  display: none;
}

#modal-new-external-task .f-equipement-hideable-trigger .f-text:before {
  position: relative;
  left: 0;
  top: 6px;
  margin-right: 10px;
}

#modal-new-external-task .f-equipement-hideable-trigger .f-text:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
}

#modal-new-external-task .f-equipement-hideable-trigger[f-state="show"] .f-text:before {
  content: url(/assets/img/icon-minus-dark-md.svg);
}

.f-user-apply-task-repeater .card.f-card-light.f-user-apply-task-repeater-item {
  background-color: #FFF !important;
}

.f-user-apply-task-repeater .f-user-apply-task-repeater-item,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item {
  background: #FFFFFF;
  border: none !important;
}

.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-item-label-input:not(:hover):not(:focus) {
  background-color: transparent;
  border-color: transparent;
  padding-left: 5px !important;
}

.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-item-label-input:hover,
.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-item-label-input:focus {
  background-color: #F9F9F9;
  border-color: #D9D9D9;
  padding-left: 5px !important;
}

.f-sprint-task-repeater .f-sprint-task-repeater-item .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-sprint-task-item-is-done-input + .input-helper:before {
  border: 1px solid #D9D9D9 !important;
}

.f-user-apply-task-repeater .f-user-apply-task-repeater-item .f-user-apply-task-item-label-input:not(:hover):not(:focus),
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item .f-todo-task-item-label-input:not(:hover):not(:focus) {
  border-color: #FFFFFF;
}

.f-time-request-task-repeater .f-time-request-task-repeater-item .f-time-request-task-repeater-d-and-d-btn,
.f-time-request-task-repeater .f-time-request-task-repeater-item .f-time-request-task-repeater-item-delete-btn,
.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-repeater-d-and-d-btn,
.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-repeater-item-delete-btn,
.f-user-apply-task-repeater .f-user-apply-task-repeater-item .f-user-apply-task-repeater-d-and-d-btn,
.f-user-apply-task-repeater .f-user-apply-task-repeater-item .f-user-apply-task-repeater-item-delete-btn,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item .f-todo-task-repeater-d-and-d-btn,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item .f-todo-task-repeater-item-delete-btn {
  opacity: 1;
}

.f-time-request-task-repeater .f-time-request-task-repeater-item .f-time-request-task-repeater-d-and-d-btn,
.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-repeater-d-and-d-btn,
.f-user-apply-task-repeater .f-user-apply-task-repeater-item .f-user-apply-task-repeater-d-and-d-btn,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item .f-todo-task-repeater-d-and-d-btn {
  margin-left: 4px;
  margin-right: 8px;
}

.f-time-request-task-repeater .f-time-request-task-repeater-item .f-time-request-task-repeater-d-and-d-btn,
.f-sprint-task-repeater .f-sprint-task-repeater-item .f-sprint-task-repeater-d-and-d-btn {
  margin: 0;
  padding: 5px 15px 5px 0;
}

.f-user-apply-task-repeater .f-user-apply-task-repeater-item:not(:last-child),
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item:not(:last-child) {
  border-bottom: solid 1px #F2F4F5 !important;
}

.f-user-apply-task-repeater .f-user-apply-task-repeater-item .form-check .form-check-label input[type="checkbox"].f-checkbox-v2 + .input-helper:before,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater .f-todo-task-repeater-item .form-check .form-check-label input[type="checkbox"].f-checkbox-v2 + .input-helper:before {
  box-shadow: none !important;
  border: .8px solid #D9D9D9 !important;
}

.f-todo-main-modal-v2 .f-todo-start-date-container,
.f-todo-main-modal-v2 .f-todo-due-date-container {
  border-radius: 2px;
  border: 0.8px solid #D9D9D9;
  padding: 10px 15px;
  text-align: center;
}

.f-todo-main-modal-v2 .f-project-todo-new-sprint-container .card.f-card-light {
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
}

.f-todo-main-modal-v2 .f-generic-hideable-equipment-container .f-generic-hideable-trigger .f-text {
  font-size: 10px;
  padding-left: 15px !important;
}

.f-todo-main-modal-v2 .f-generic-hideable-equipment-container .f-generic-hideable-trigger .f-text:after {
  content: '';
  display: none;
}

.f-todo-main-modal-v2 .f-generic-hideable-equipment-container .f-generic-hideable-trigger .f-text:before {
  content: url(/assets/img/icon-plus-dark-sm.svg);
  z-index: 2;
  position: absolute;
  transform: rotate(0deg);
  left: 0px;
  top: 2px;
}

.f-todo-main-modal-v2 .f-generic-hideable-equipment-container .f-generic-hideable-trigger[f-state="show"] .f-text:before {
  content: url(/assets/img/icon-minus-dark-sm.svg);
}

.f-todo-main-modal-v2 .f-badges-card-info {
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.135px;
}

.f-todo-main-modal-v2 .f-card-created-at-time,
.f-todo-main-modal-v2 .f-card-updated-at-time {
  color: #94979A;
}

.f-todo-main-modal-v2 .f-project-todo-spent-time-summary-container thead {
  display: none !important;
}

.f-todo-main-modal-v2 .f-project-todo-spent-time-summary-container tr,
.f-todo-main-modal-v2 .f-project-todo-spent-time-summary-container tr:nth-of-type(odd),
.f-todo-main-modal-v2 .f-project-todo-spent-time-summary-container tr td {
  background: transparent !important;
}

.f-todo-main-modal-v2 .f-project-todo-spent-time-summary-container tbody tr td {
  border-bottom: solid 1px #D9D9D9;
  padding: 12px;
}

.f-todo-main-modal-v2 .f-progress-slider-v2-container .irs--flat .irs-handle > i:first-child,
.f-todo-main-modal-v2 .f-progress-slider-v2-container .irs-min,
.f-todo-main-modal-v2 .f-progress-slider-v2-container .irs-max {
  display: none;
}

.f-todo-main-modal-v2 .f-progress-slider-v2-container .irs--flat .irs-single {
  background: transparent !important;
  color: #353A40;
  top: 2px;
}

.f-time-request-task-list-container .card.f-card-light.f-time-request-task-repeater-item,
.f-sprint-task-list-container .card.f-card-light.f-sprint-task-repeater-item {
  background-color: transparent;
}

.f-time-request-add-task-btn .f-main-progress-container,
.f-sprint-add-task-btn .f-main-progress-container,
.f-user-apply-task-list-container .f-main-progress-container,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-main-progress-container {
  top: 0px;
  height: 18px;
  background-color: #F2F4F5;
}

.f-time-request-add-task-btn .f-main-progress-container,
.f-sprint-add-task-btn .f-main-progress-container {
  background-color: #FFF;
}

.f-time-request-add-task-btn .f-main-progress-container .f-main-progress-bar,
.f-sprint-add-task-btn .f-main-progress-container .f-main-progress-bar,
.f-user-apply-task-list-container .f-main-progress-container .f-main-progress-bar,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-main-progress-container .f-main-progress-bar {
  height: 18px;
  background-color: #5565FC !important;
}

.f-time-request-add-task-btn .f-main-progress-value,
.f-sprint-add-task-btn .f-main-progress-value,
.f-user-apply-task-list-container .f-main-progress-value,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-main-progress-value {
  display: none !important;
}

.f-user-apply-task-list-container .f-generic-hideable-trigger[f-state="show"] {
  margin-top: 0;
}

.f-todo-main-modal-v2 .f-todo-task-list-container #f_project_todo_task_user_search_content .select2-selection.select2-selection--multiple {
  padding-left: 30px !important;
  position: relative;
}

.f-todo-main-modal-v2 .f-todo-task-list-container #f_project_todo_task_user_search_content .select2-selection.select2-selection--multiple:before {
  content: url(/assets/img/icon-magnify-grey.svg);
  z-index: 2;
  position: absolute;
  left: 6px;
  top: 7px;
}

.f-todo-main-modal-v2 .f-todo-task-hide-done-checkbox-container label,
.f-todo-main-modal-v2 .f-todo-task-list-container .f-todo-task-list-model-select-container .select2-selection__placeholder {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 10px;
}

.f-todo-main-modal-v2 .f-todo-task-hide-done-checkbox-container label {
  cursor: pointer;
  margin-left: 17px;
}

.f-todo-main-modal-v2 .f-todo-task-list-container .f-todo-task-list-model-select-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: 17px;
}

.f-todo-main-modal-v2 .f-todo-task-list-container .f-todo-task-list-model-select-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -17px;
}

.f-time-request-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:after,
.f-sprint-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:after,
.f-user-apply-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:after,
.f-todo-main-modal-v2 .f-todo-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:after {
  content: '';
}

.f-time-request-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before,
.f-sprint-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before,
.f-user-apply-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before,
.f-todo-main-modal-v2 .f-todo-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before {
  content: url(/assets/img/icon-checkbox-off.svg);
  border: none !important;
  background: none !important;
  width: 12px;
  height: 12px;
}

.f-time-request-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before,
.f-sprint-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before,
.f-user-apply-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square + .input-helper:before {
  margin: 2px 7px;
}

.f-time-request-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square:checked + .input-helper:before,
.f-sprint-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square:checked + .input-helper:before,
.f-user-apply-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square:checked + .input-helper:before,
.f-todo-main-modal-v2 .f-todo-task-hide-done-checkbox-container .form-check .form-check-label input[type="checkbox"].f-checkbox-v2.f-checkbox-v2-square:checked + .input-helper:before {
  content: url(/assets/img/icon-checkbox-on.svg);
}

.f-todo-main-modal-v2 .f-projet-todo-task-repeater-content .f-todo-task-item-due-date-btn,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater-content .f-user-inline-edit-btn {
  background: none !important;
  padding: 0 !important;
  border: none !important;
}

.f-time-request-task-repeater-content .f-user-inline-edit-btn i,
.f-sprint-task-repeater-content .f-user-inline-edit-btn i,
.f-user-apply-task-repeater-content .f-user-inline-edit-btn i,
.f-todo-main-modal-v2 .f-projet-todo-task-repeater-content .f-user-inline-edit-btn i {
  content: url(/assets/img/icon-account-plus-dark.svg);
}

.f-time-request-task-repeater-content .f-time-request-task-item-due-date-btn i:not(.mdi-close),
.f-sprint-task-repeater-content .f-sprint-task-item-due-date-btn i:not(.mdi-close),
.f-user-apply-task-repeater-content .f-user-apply-task-item-due-date-btn i:not(.mdi-close),
.f-todo-main-modal-v2 .f-projet-todo-task-repeater-content .f-todo-task-item-due-date-btn i:not(.mdi-close) {
  content: url(/assets/img/icon-bell-outline-dark.svg);
}

.f-todo-main-modal-v2 .f-projet-todo-meta-container {
  border-radius: 4px;
  background-color: #F2F4F5;
  padding: 20px;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-container .f-generic-hideable-trigger {
  margin-top: 0 !important;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-container .f-generic-hideable-trigger .f-text:after {
  right: 0;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item {
  column-gap: 8px;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-icon,
.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-label,
.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-value {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-label {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-weight: 600;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-icon {
  width: 20px;
  text-align: center;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-value img {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  box-shadow: 0px -3px 12.6px 0px rgba(0, 0, 0, 0.05) inset;
}

.f-todo-main-modal-v2 .f-projet-todo-meta-rows .f-projet-todo-meta-row-item .f-projet-todo-debug-url {
  color: #353A40;
  text-decoration: underline;
}

.f-todo-main-modal-v2 .f-comment-item-container {
  border-radius: 4px;
  border: 0.8px solid #D9D9D9 !important;
  background: #FFF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.f-todo-main-modal-v2 .f-comment-item-container.f-internal-comment {
  background: #F2F4F5 !important;
}

.f-todo-main-modal-v2 .f-comment-item-container .f-tl-badge {
  padding: 8px 10px;
  border-radius: 4px;
  background: #F2F4F5;
  color: #353A40;
  font-size: 9px;
  font-style: normal;
  line-height: 13px;
  letter-spacing: -0.135px;
  position: relative;
}

.f-todo-main-modal-v2 .f-comment-item-container .timeline-body {
  padding: 13px 20px;
}

.f-todo-main-modal-v2 .f-comment-item-container .timeline-footer {
  padding: 0 7px 7px 7px;
}

.f-todo-main-modal-v2 .f-todo-description-container[f-mode="edit"] .f-todo-description-edit-btn,
.f-todo-main-modal-v2 .f-todo-description-container[f-mode="preview"] .f-todo-description-edit-content,
.f-todo-main-modal-v2 .f-todo-description-container[f-mode="edit"] .f-todo-description-preview-content {
  display: none !important;
}

.f-todo-main-modal-v2 .f-todo-description-container[f-mode="preview"] .f-todo-description-preview-content {
  white-space: normal;
  word-break: break-word;
  overflow-x: scroll;
}

.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content .f-value {
  font-size: 14px;
  padding: 20px !important;
}

.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content[f-state="fold"] .f-value {
  max-height: 280px;
  overflow: hidden;
}

.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content[f-state="unfold"] .f-value {
  max-height: auto;
}

.f-truncable-block-click-trigger-btn svg,
.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content .f-todo-description-preview-content-unfold-btn svg {
  transform: rotate(0deg);

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-truncable-block-click-trigger-btn,
.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content .f-todo-description-preview-content-unfold-btn {
  background-color: #FFFFFF;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-transition: background-color .3s ease-out, color .3s ease-out;
  -moz-transition: background-color .3s ease-out, color .3s ease-out;;
  -o-transition: background-color .3s ease-out, color .3s ease-out;;
  transition: background-color .3s ease-out, color .3s ease-out;;
  color: #353A40;
  font-size: 10px;
  letter-spacing: -0.15px;
  text-decoration: none !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.f-truncable-block-click-trigger-btn.f-open svg,
.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content[f-state="unfold"] .f-todo-description-preview-content-unfold-btn svg {
  transform: rotate(180deg);
}

.f-truncable-block-click-trigger-btn:hover,
.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content .f-todo-description-preview-content-unfold-btn:hover {
  background-color: #353A40;
  color: #FFFFFF;
}

.f-truncable-block-click-trigger-btn:hover svg path,
.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content .f-todo-description-preview-content-unfold-btn:hover svg path {
  fill: #FFFFFF;
}

.f-todo-main-modal-v2 .f-todo-description-container .f-todo-description-preview-content {
  border-radius: 2px;
  border: 0.8px solid #353A40;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container {
  position: absolute;
  top: 0px;
  right: 40px;
  z-index: 1;
}

.f-todo-main-modal-v2[f-add-time-state="show"] .f-project-todo-time-tracker-container {
  bottom: 110px;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row[f-state="play"],
.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row:hover {
  background: transparent !important;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row-inner-container .f-left-btn-container {
  display: block;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row-inner-container .f-time-tracker-play-btn .f-btn-text {
  top: -1px;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row-inner-container .f-time-tracker-play-btn i {
  position: relative;
  top: 1px;
}

.f-todo-main-modal-v2 .f-project-todo-time-tracker-container .f-time-tracker-row-inner-container .f-right-btn-container {
  display: none;
}

.f-time-tracker-row-inner-container .f-left-btn-container {
  display: none;
}

.f-select2-no-border-container .select2-container .select2-selection {
  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-select2-no-border-container .select2-container:not(.select2-container--open) .select2-selection.select2-selection--single,
.f-select2-no-border-container .select2-container:not(.select2-container--open) .select2-selection.select2-selection--multiple {
  border-color: transparent;
}

.f-select2-no-border-container .select2-container .select2-selection.select2-selection--single,
.f-select2-no-border-container .select2-container .select2-selection.select2-selection--multiple {
  border-color: transparent;
}

.f-select2-no-border-container .select2-results__option.select2-results__option--highlighted {
  color: #FFFFFF;
  background: #353A40;
}

.f-select2-no-border-container .select2-results__option {
  padding: 5px 10px;
}

.f-select2-no-border-container .select2-search--dropdown {
  padding: 10px;
}

.f-select2-no-border-container .select2-search__field {
  border-radius: 2px;
  padding-right: 23px;
}

.f-select2-no-border-container .select2-search.select2-search--dropdown {
  position: relative;
}

.f-select2-no-border-container .select2-search.select2-search--dropdown:after {
  content: url(/assets/img/icon-magnify-black.svg);
  z-index: 2;
  position: absolute;
  right: 15px;
  top: 17px;
  display: block;
}

.f-select2-no-border-container .select2-container--open .select2-dropdown--below {
  border: solid 1px #94979A;
  border-radius: 4px;
}

.f-light-card-v2 .f-select2-no-border-container .select2-selection {
  background: transparent !important;
}

.f-form-v2-label {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-form-v2-label-sm {
  font-size: 10px !important;
}

.f-form-v2-label-sm i {
  font-size: 16px !important;
}

.f-barrating-container .br-widget {
  height: 20px;
  column-gap: 4px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.f-barrating-container .br-widget a {
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 20px;
  margin-bottom: auto !important;
  margin-top: auto !important;
}

.f-barrating-container .br-widget .br-current-rating {
  margin-bottom: auto !important;
  margin-top: auto !important;

  border-radius: 4px;
  background: #353A40;
  padding: 3.5px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  color: #FFFFFF;
  margin-left: 9px;
}

.f-barrating-container .br-widget a.br-active,
.f-barrating-container .br-widget a.br-selected {
  background: #5565FC;
}

.f-purchase-modal-file-preview-content .owl-carousel .owl-dots {
  position: absolute;
  top: -55px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  z-index: 10;
}

.f-purchase-modal-file-preview-content .owl-carousel .owl-prev,
.f-purchase-modal-file-preview-content .owl-carousel .owl-next {
  display: none;
}

.f-purchase-modal-file-preview-content:hover .owl-carousel .owl-prev {
  transform: rotate(90deg);
  margin-left: 40px;
  display: block;
}

.f-purchase-modal-file-preview-content:hover .owl-carousel .owl-next {
  transform: rotate(-90deg);
  margin-right: 40px;;
  display: block;
}

.f-purchase-modal-file-preview-content:hover .owl-carousel .owl-prev,
.f-purchase-modal-file-preview-content:hover .owl-carousel .owl-next {
  border-radius: 100px !important;
  background: rgba(86,109,137,0.1);
  border: none;
  padding: 10px 15px;
  color: #353A40;
}

.f-contract-form-preview-tab-container .f-generic-tab-content .f-contract-form-preview-tab-content-item {
  display: none;
}

.f-contract-form-preview-tab-container .f-generic-tab-content[f-show="preview"] .f-contract-form-preview-tab-content-item[f-item="preview"],
.f-contract-form-preview-tab-container .f-generic-tab-content[f-show="edit"] .f-contract-form-preview-tab-content-item[f-item="edit"] {
  display: block;
}

.f-bottom-news-feed {
  cursor: pointer;
}

.btn.f-bottom-news-feed {
  border-radius: 4px!important;
}

.btn.f-bottom-news-feed.f-bottom-no-new-feed img {
  position: absolute;
  bottom: 0;
  left: -5px;
}

@media screen and (max-height: 780px) {
  .btn.f-bottom-news-feed {
    left: 85px;
    background-color: #353A40;
  }
}

.btn.f-bottom-news-feed.f-bottom-no-new-feed svg {
  margin-top: 3px;
}

.f-bottom-news-feed .f-bottom-news-feed-notif {
  background-color: #FB5184;
  border-radius: 20px;
  color: #FFF;
  position: absolute;
  right: -8px;
  top: -7px;
  padding: 2px;
  width: 15px;
  height: 15px;
  z-index: 1;
}

.f-news-feed-content-title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  color: #353A40;
  display: block;
  margin-bottom: 15px;
}



.f-news-feed-content .f-news-feed-content-body {
  color: #353A40;
  font-size: 11px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

#suivi_ndf-page .content-wrapper {
  background: #FFFFFF;
}

.f-ndf-list-page-container .f-ndf-date-picker-wrapper {
  border-radius: 2px;
  background-color: #F2F4F5;
  height: 40px;
  padding: 0px 10px;
  min-width: 210px;
  position: relative;
}

.f-ndf-list-page-container .f-ndf-list-page-filter-container .select2-selection.select2-selection--single {
  border-radius: 2px !important;
  background-color: #F2F4F5 !important;
  border-color: transparent !important;
}

.f-ndf-list-page-container .f-ndf-list-page-content {
  border-radius: 0;
  border-top: 1px solid #D9D9D9;
  padding: 12px 0;
}

.f-generic-dropdown-toggle-btn,
.f-ndf-list-page-container .f-ndf-list-page-content .btn.f-ndf-list-filter-trigger {
  background: transparent !important;
  color: #353A40 !important;
  border: none !important;
}

#f_ndf_list_page_form .btn.f-ndf-list-filter-trigger.btn-inverse-dark-light {
  background: #F2F4F5 !important;
  color: #353A40 !important;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-color: #F2F4F5 !important;
}

.f-generic-dropdown-toggle-btn.f-generic-dropdown-toggle-no-text-btn .f-btn-text,
.f-ndf-list-page-container .f-ndf-list-page-content .btn.f-ndf-list-filter-trigger .f-btn-text {
  display: none;
}

.f-ndf-list-page-container .f-list-container-v2 .dataTables_filter input[type=search].form-control {
  border-radius: 4px !important;
}

.f-ndf-list-page-container .f-list-container-v2 .dataTables_filter {
  right: 50px;
  position: relative;
}

#f_ndf_view_user_filters .f-page-ndf-user-filter-item .f-page-ndf-user-filter-item-icon {
  content: url(/assets/img/icon-eye-disable.svg);
  display: block;
  width: 14px;
  height: 11px;
}

#f_ndf_view_user_filters .f-page-ndf-user-filter-item {
  color: #353A40;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.18px;
  cursor: pointer;
}

#f_ndf_view_user_filters .f-page-ndf-user-filter-item .f-page-ndf-user-filter-item-user {
  padding-right: 100px;
}

#f_ndf_view_user_filters .f-page-ndf-user-filter-item:hover .f-page-ndf-user-filter-item-icon,
#f_ndf_view_user_filters .f-page-ndf-user-filter-item[f-state="active"] .f-page-ndf-user-filter-item-icon {
  content: url(/assets/img/icon-eye-enable.svg);
}

#f_xml_export_done_form_content .f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after,
#f_planning_filter .f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after,
#f_ndf_view_filters .f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  content: '';
}

.f-generic-collapse-filter-container {
  background-color: #FFFFFF;
  border: solid 1px #94979A;
  padding: 16px;
  border-radius: 4px;

  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10) !important;
}

.f-generic-collapse-filter-container a {
  color: #94979A;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.18px;
  text-decoration: underline;
}

.btn-dark:not(.btn-light):focus,
.btn-dark:not(.btn-light):active,
.btn-dark:not(.btn-light):hover,
.btn-dark {
  background-color: #353A40;
  border-color: #353A40;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-dark:not(.btn-light):not(:disabled):not(.disabled).active,
.btn-dark:not(.btn-light):not(:disabled):not(.disabled):active:focus,
.btn-dark:not(.btn-light):not(:disabled):not(.disabled).active:focus {
  background-color: #FFFFFF;
  border-color: #353A40;
  color: #353A40;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-page-content-v2 .content-wrapper,
#projet_todo-page .content-wrapper,
#suivi_ndf-page .content-wrapper,
.f-planning-container-v2 .content-wrapper {
  background: #FFFFFF;
  border: 1px solid #F2F4F5;
}

.f-planning-filter-form-v2-container .f-planning-filter-form-v2-search-container {
  position: relative;
}

.f-planning-filter-form-v2-container .f-planning-filter-form-v2-search-container .f-save-filter-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.f-planning-filter-form-v2-container .f-planning-filter-form-v2-search-container select.f-width-auto + .select2.select2-container {
  min-width: 400px !important;
}

.f-planning-filter-form-v2-container .f-planning-filter-form-v2-search-container .select2-selection.select2-selection--multiple {
  padding-right: 25px;
}

.f-planning-filter-form-v2-container .f-user-filter-container .justify-content-center {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: start !important;
}

.f-planning-filter-form-v2-container .f-user-filter-container div.d-flex {
  margin-top: 5px !important;
}

.f-planning-filter-form-v2-container .f-user-filter-container div.f-text-s {
  color: #353A40;
  margin: auto 0 !important;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-planning-filter-form-v2-container .f-user-filter-container a {
  border-radius: 2px;
  color: #353A40;
  background-color: #F2F4F5;
  border: none;
}

.f-planning-filter-form-v2-container .f-user-filter-container a.f-btn-h25 .f-btn-text {
  top: 1px !important;
}

.f-planning-container-v2 .cal-validated-homeoffice .scheduler_default_event_float_inner,
.f-planning-container-v2 .cal-validated-homeoffice .scheduler_default_event_inner,
.f-planning-container-v2 .calendar_default_cell_business.f-cell-home-office .calendar_default_cell_inner,
.f-planning-container-v2 .f-homeoffice-bg .f-inner {
  background: #F3EEE1;
}

.f-planning-container-v2 .calendar_default_cell_business.f-cell-off-day .calendar_default_cell_inner,
.f-planning-container-v2 .f-time-dayoff-bg .f-inner {
  background: #353A40;
}

.f-planning-container-v2 #schedule .scheduler_default_timeheadergroup .scheduler_default_timeheader_float_inner {
  color: #353A40;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.f-planning-container-v2 #schedule .scheduler_default_timeheadergroup .scheduler_default_timeheadergroup_inner {
  color: #353A40;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.f-planning-container-v2 .f-planning-day-box .f-day-name {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.15px;
  padding: 0;
}

.f-planning-container-v2 .f-planning-day-box .f-day-number {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.24px;
  padding: 0;
}

.f-planning-container-v2 .card.f-schedule-card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #D9D9D9;
  overflow: hidden;
  min-height: 400px;
}

.f-planning-container-v2 .scheduler_default_rowheader_inner .f-link-color {
  color: #000;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box.active .f-day-name,
[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box.active  .f-day-number,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box.active .f-day-name,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box.active  .f-day-number,
.f-planning-container-v2 .f-planning-day-box.active  .f-day-name,
.f-planning-container-v2 .f-planning-day-box.active  .f-day-number {
  color: #FFFFFF;
  background-color: #353A40;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box.active,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box.active,
.f-planning-container-v2 .f-planning-day-box.active {
  color: #FFFFFF;
  background-color: #353A40;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  height: 100%;
  padding-top: 6px;
}

.f-planning-container-v2 .scheduler_default_timeheadercol_inner {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.f-planning-container-v2 .scheduler_default_rowheader_inner .mdi-calendar-today:before {
  content: url(/assets/img/icon-calendar-sm.svg);
}

.f-planning-container-v2 .scheduler_default_rowheader_inner .mdi-magnify:before {
  content: url(/assets/img/icon-skills-sm.svg);
}

.f-planning-container-v2 #schedule .scheduler_default_divider.scheduler_default_splitter,
.f-planning-container-v2 .scheduler_default_matrix_vertical_line,
.f-planning-container-v2 .scheduler_default_matrix_horizontal_line,
.f-planning-container-v2 .scheduler_default_resourcedivider {
  background: #F2F4F5 !important;
}

.f-planning-container-v2 .scheduler_default_rowheader_inner {
  border-right: none !important;
}

.f-planning-container-v2 .f-planning-switch-view-v2-container {
  position: absolute;
  right: 20px;
  top: -39px;
  z-index: 1;
}

.f-planning-container-v2 .f-planning-switch-view-v2-container {
  background: #F2F4F5 !important;
}

.f-planning-container-v2 .f-planning-switch-view-v2-container .f-planning-switch-view-btn {
  background: transparent !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #D9D9D9;
}

.f-planning-container-v2 .f-planning-switch-view-v2-container .f-planning-switch-view-btn[f-view="list"] {
  border-top-right-radius: 0;
  border-top-left-radius: 2px;
}

.f-planning-container-v2 .f-planning-switch-view-v2-container .f-planning-switch-view-btn.active {
  background: #FFFFFF !important;
  border-top-right-radius: 2px !important;
  border-top-left-radius: 2px !important;
  border-top: solid 1px #D9D9D9 !important;
  border-left: solid 1px #D9D9D9 !important;
  border-right: solid 1px #D9D9D9 !important;
  border-bottom: solid 1px #FFFFFF !important;
}

.f-planning-container-v2 .f-schedule-planning-custom-item {
  padding: 8px 0 !important;
  border-bottom: solid 1px #F2F4F5;
}

.f-planning-container-v2 .f-schedule-planning-custom-item a {
  text-decoration: none !important;
}

.f-planning-container-v2 .f-schedule-planning-custom-item .f-schedule-planning-custom-item-action-container {
  opacity: 0;
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear;
}

.f-planning-container-v2 .f-schedule-planning-custom-item:hover {
  background: transparent;
}

.f-planning-container-v2 .f-schedule-planning-custom-item:hover .f-schedule-planning-custom-item-action-container {
  opacity: 1;
}


.f-planning-container-v2 .schedule-container .f-planning-legend-filter-trigger .mdi-eye:before {
  content: url(/assets/img/icon-eye-enable.svg);
}

.f-planning-container-v2 #f_staffing_table .f-link-color {
  color: #353A40;
}

.f-planning-container-v2 #f_staffing_table .dataTables_empty {
  z-index: 0 !important;
}

.f-planning-container-v2 #f_staffing_table .f-user-skill-item.btn-inverse-dark-light,
.f-planning-container-v2 #f_staffing_table .f-badge-light {
  color: #353A40;
  background: #FFFFFF;
  padding: 6px 10px;
  border-radius: 4px;
  border: 0.8px solid #D9D9D9;
  background: #FFF;
  font-weight: 400;
  font-style: normal;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-planning-container-v2 .dt-buttons {
  margin-right: -20px !important;
}

.f-planning-container-v2 .dt-buttons .dt-button {
  margin: 0 !important;
}

.f-planning-container-v2 .f-schedule-view-list .f-schedule-inner-filter-container {
  right: 335px !important;
  top: 23px !important;
}

.f-planning-container-v2 #f_staffing_table .f-badge-off {
  color: #FFFFFF;
  font-size: 16px;
  border: none !important;
  background: #353A40;
  text-transform: uppercase;
}

.f-planning-container-v2 #f_staffing_table .f-off-cell {
  background: #353A40;
}

.f-planning-container-v2 #f_staffing_table_filter {
  position: absolute;
  right: 50px;
  top: 0;
  z-index: 2;
}

.f-planning-container-v2 #f_staffing_table_filter input[type="search"] {
  border-radius: 4px;
  border: solid 1px #D9D9D9;
}

.f-planning-container-v2 #f_staffing_table_filter label {
  margin-bottom: 0;
}

.f-planning-container-v2 #f_staffing_table {
  margin-top: 12px !important;
}

.f-planning-container-v2 #f_staffing_table .f-skill-icon .mdi.mdi-magnify:before {
  content: url(/assets/img/icon-skills-sm.svg);
}

.f-planning-container-v2 #f_staffing_table thead th {
  color: #353A40;
  padding: 8px 30px !important;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell .f-hoverable-actions-v2 {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  z-index: 1000;
  border-radius: 5px;
  border: none;
  white-space: nowrap !important;
  width: 100%;
  left: 0;
  bottom: 5px;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell {
  font-size: 16px;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="green"]:hover {
  background: #00C7AB;
  color: #FFFFFF !important;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="red"]:hover {
  background: #FC6595;
  color: #FFFFFF !important;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="red"]:hover .f-text-red,
.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="red"]:hover .btn,
.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="green"]:hover .f-text-green,
.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="green"]:hover .btn {
  color: #FFFFFF !important;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="red"]:hover .f-hoverable-actions-v2 .btn .mdi.mdi-magnify,
.f-planning-container-v2 #f_staffing_table .f-staffing-cell[f-color="green"]:hover .f-hoverable-actions-v2 .btn .mdi.mdi-magnify {
  color: #FFFFFF;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell .f-hoverable-actions-v2 .btn {
  background: transparent !important;
  padding: 0 !important;
  color: #353A40 !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell .f-hoverable-actions-v2:before {
  display: none;
}

.f-planning-container-v2 #f_staffing_table thead th.f-current-day {
  color: #FFFFFF;
  background: #353A40 !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.f-planning-container-v2 #f_staffing_table thead th.f-current-day.sorting:before,
.f-planning-container-v2 #f_staffing_table thead th.f-current-day.sorting:after {
  color: #FFFFFF !important;
}

.f-planning-container-v2 #f_staffing_table thead th.sorting:before {
  top: 19px;
  right: 15px !important;
}

.f-planning-container-v2 #f_staffing_table thead th.sorting:after {
  top: 25px;
  right: 10px !important;
}

.f-planning-container-v2 #f_staffing_table.f-furious-table-v2.f-furious-table-v2-light .f-planning-list-referential-date-btn img {
  width: 16px !important;
  height: 16px !important;
}

.f-planning-container-v2 #f_staffing_table .f-generic-circle-arrow img {
  width: 12px !important;
  height: 18px !important;
}

.f-planning-container-v2 #f_staffing_table thead .f-preheader-cell {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  color: #D9D9D9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-left: 8px !important;
}

.f-planning-container-v2 #f_staffing_table thead .f-preheader-cell.f-current {
  color: #353A40;
}

.f-planning-container-v2 #f_staffing_table .f-border-right {
  border-right: solid 1px rgba(223, 228, 230, .5);
  border-radius: 0 !important;
}

.f-planning-container-v2 #f_staffing_table.f-furious-table-v2 tbody tr:first-child td:last-child {
  border-radius: 0 !important;
}

.f-planning-container-v2 #f_staffing_table .dtfc-fixed-left {
  z-index: 50;
}

.f-planning-container-v2 #f_staffing_table .f-scroll-to {
  background: transparent !important;
}

.f-planning-container-v2 #f_staffing_table_wrapper .doubleScroll-scroll-wrapper {
  display: none;
}

.f-planning-container-v2 #assign-task-schedule .scheduler_default_rowheader_inner {
  padding-top: 5px !important;
}

.f-btn-dark-hover {
  background-color: #FFFFFF;
  color: #353A40;

  -webkit-transition: background-color 300ms linear, color 300ms linear;
  -moz-transition: background-color 300ms linear, color 300ms linear;
  -o-transition: background-color 300ms linear, color 300ms linear;
  transition: background-color 300ms linear, color 300ms linear;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend,
#f_planning_legend_filters .f-legend {
  cursor: pointer;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend .f-legend-color-block,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend .f-legend-color-block,
#f_planning_legend_filters .f-legend .f-legend-color-block {
  width: 18px;
  height: 18px;
  border-radius: 2px;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend .f-legend-text,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend .f-legend-text,
#f_planning_legend_filters .f-legend .f-legend-text {
  font-size: 12px;
}

.f-config-totp-qdcode-container .f-legend .f-legend-icon,
[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend:hover .f-legend-icon,
[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend[f-state="active"] .f-legend-icon,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend:hover .f-legend-icon,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend[f-state="active"] .f-legend-icon,
#f_planning_legend_filters .f-legend:hover .f-legend-icon,
#f_planning_legend_filters .f-legend[f-state="active"] .f-legend-icon {
  content: url(/assets/img/icon-eye-enable.svg);
}


.f-config-totp-qdcode-container .f-legend[f-state="active"] .f-legend-icon,
[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend[f-state="active"]:hover .f-legend-icon,
[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend .f-legend-icon,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend[f-state="active"]:hover .f-legend-icon,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend .f-legend-icon,
#f_planning_legend_filters .f-legend[f-state="active"]:hover .f-legend-icon,
#f_planning_legend_filters .f-legend .f-legend-icon {
  content: url(/assets/img/icon-eye-disable.svg);
  display: block;
  width: 14px;
  height: 11px;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_now,
#suivi_temps-page .calendar_default_now{
  background-color:transparent !important;
  display: block;
  min-height: 9px !important;
  background-image: radial-gradient(circle, #5565FC 4.5px, transparent 4.5px), linear-gradient(to bottom, transparent 4px, #5565FC 4px, #5565FC 4px, transparent 5.5px);
  background-repeat: no-repeat, no-repeat;
  background-position: 0px center, 0 0;
  background-size: 9px 9px, 100% 100%;
  height: 9px !important;
  margin-top: -4px;
  margin-left:-5px;
}

.f-planning-container-v2 select.f-width-auto + .select2.select2-container {
  max-width: 800px;
}

.f-planning-container-v2 #schedule .scheduler_default_timeheadergroup .scheduler_default_timeheadergroup_inner,
.f-planning-container-v2 #schedule .scheduler_default_timeheadergroup .scheduler_default_timeheader_float_inner {
  margin-top: 30px !important;
}

.f-btn-dark-hover:hover,
.f-btn-dark-hover.active {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-btn-dark-hover:not(.f-keep-svg-color):hover svg path,
.f-btn-dark-hover:not(.f-keep-svg-color).active svg path {
  fill: #FFFFFF;
}

.f-arrow-gt-after {
  position: relative;
}

.f-arrow-gt-after:after {
  content: url(/assets/img/icon-single-chevron-light.svg);
  display: block;
  transform: rotate(-90deg);
  position: absolute;
  right: -18px;
  top: 0;
}

.f-link-light {
  color: #D9D9D9;
  text-decoration: none;
  order: none !important;
  padding: 0 !important;
  text-align: center;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  background: none !important;

  -webkit-transition: color 300ms linear;
  -moz-transition: color 300ms linear;
  -o-transition: color 300ms linear;
  transition: color 300ms linear;
}

.f-link-light:hover {
  text-decoration: none;
  color: #353A40;
}

.f-no-border-sizing *,
.f-no-border-sizing {
  box-sizing: border-box !important;
}

#GanttCornerFuriousDatePicker .furious-date-picker-date-display-container,
.f-planning-list-referential-date-picker .furious-date-picker-date-display-container,
.f-planngin-referential-date-picker .furious-date-picker-date-display-container {
  display: none;
}

#f-generic-import-footer-tool-bar .f-generic-import-footer-tool-bar-wrapper .f-import-upload-container-with-externals {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding:10px !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-explain{
  order: 1;
  flex-basis: 50%;
  width: 50% !important;
  float:none;
  margin: 0 !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-upload-type-container{
   order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/*#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-dropzone-container,
#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-upload-google-container,
#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-upload-google-container .f-upload-google-display-wrapper{
  width: 212px !important;
  min-width: 212px !important;
}*/

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-dropzone-container .dropzone{
  min-height:120px;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-dropzone-container{
  margin:0 !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-upload-google-container .f-upload-google-display-wrapper .f-copy-p textarea{
  height: 60px;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-method-selector-container{
  order: 3;
  margin: 0 !important;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-selectors{
  flex-direction:column;
}

#f-generic-import-footer-tool-bar .f-import-upload-container-with-externals .f-import-upload-pattern-container{
  order: 1;
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  float:none;
  margin: 0 !important;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar label {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}

#f_furious_equipment_booking_form input.f-form-control-lg {
  background: transparent;
  border-bottom-color: #D9D9D9;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .btn {
  border-radius: 4px !important;
}

.settings-panel.f-sidebar #setting-content.f-item-booking {
  background-color: #F9F9FA;
}

.f-equipment-booking-date-hours-container {
  background-color: #FFF;
  padding: 10px;
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  margin-left: 20px;
  margin-top: 10px;
  margin-right: 20px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .actions .btn,
.f-rh-profile.f-form-v2 .actions .btn[type="button"] {
  border-radius: 2px !important;
  border: 1px solid #353A40;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .btn.btn-success {
  border-color: #52CEB4;
  background-color: #52CEB4;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .btn.f-equipment-booking-half-day-btn {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background-color: #FFF;
  display: inline-flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #94979A;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.15px;
  margin-right: 15px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .btn.f-equipment-booking-half-day-btn:hover {
  border: 1px solid #353A40;
  color: #353A40;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .f-simple-date-range-picker {
  height: 51px;
  text-align: center;
  border-bottom: 1px solid rgba(220, 220, 220, 0.50);
  padding: 10px 20px;
}

#f_furious_equipment_booking_form .f-simple-date-range-picker-date-display {
  text-align: center;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar label.col-form-label {
  padding-top: 0;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar label svg {
  margin: 0 5px 0 -20px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .f-simple-date-range-picker-date-display .time-icon {
  padding-left: 10px;
  border-left: 1px solid rgba(220, 220, 220, 0.50);
  margin-left: 5px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .f-event-settings-events-item-actions {
  margin-top: -21px;
  margin-right: 10px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .f-spint-color-group {
  margin-top: -21px;
  margin-right: 17px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .sp-replacer {
  padding: 2px;
}

#f_furious_equipment_booking_form.f-form-v2.f-is-sidebar .sp-replacer .sp-preview {
  width: 18px;
  height: 18px;
}

.f-kilometric_costs-single-type-container{
  width: fit-content;
}

.f-kilometric_costs-single-type-container .f-kilometric_costs-flag{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items:center;
}

.f-kilometric_costs-condition-container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: left;
}

.f-kilometric_costs-condition-container .f-form-group input[type="text"]{
  width:100px;
}

.f-kilometric_costs-header-labels{
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: left;
  font-size: 11px;
  font-weight: 600;
}

.f-kilometric_costs-header-label{
  width: 100px;
  display: flex;
  justify-content: left;
}

.f-form-v2-container .f-kilometric_costs-types-container .f-inner-block-separator{
  margin: 10px 0 !important;
}

.f-kilometric_costs-types-year-header{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}

.f-kilometric_costs-types-year-header input{
  width:100px;
}

.f-kilometric_costs-types-year-header span,
.f-kilometric_costs-types-year{
  color: #353A40;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-kilometric_costs-flag-title,
.f-kilometric_costs-single-type-name{
  color: #353A40;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
}

.f-kilometric_costs-flag-title{
  font-size:11px;
  font-weight: 400;
}

.f-kilometric_costs-hideable .f-generic-hideable-trigger{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.f-kilometric_costs-hideable .f-generic-hideable-trigger .f-kilometric_costs-types-year{
  flex:1;
}

.f-kilometric_costs-hideable .f-generic-hideable-trigger[f-state="show"] .f-kilometric_costs-types-year span{
  display:none;
}

.f-kilometric_costs-hideable .f-generic-hideable-trigger .f-text{
  margin-left:0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.f-kilometric_costs-hideable .f-generic-hideable-trigger .f-text:after{
  position:relative;
  top:0;
  right: 0;
}

.f-btn-kilometrics-cost-view-history svg path{
  fill:#353A40
}

.f-btn-kilometrics-cost-view-history:hover svg path{
  fill:#fff
}

.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar,
.f-generic-drag-and-drop-sidebar#setting-content,
.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar #setting-content {
  background: #FFFFFF !important;
}

.f-generic-label,
.f-generic-drag-and-drop-sidebar label {
  color: #353A40;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
  position: relative;
}

.f-generic-label .f-icon,
.f-generic-drag-and-drop-sidebar label .f-icon {
  position: absolute;
  top: 0;
  left: -23px;
}

.f-generic-drag-and-drop-sidebar .f-switch-alt-container label {
  font-size: 10px;
}

.f-generic-drag-and-drop-sidebar .f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  content: '' !important;
}

.f-project-proposal-mode-switch-container[f-mode="proposal"] .f-project-proposal-mode-switch-content[f-mode="project"],
.f-project-proposal-mode-switch-container[f-mode="project"] .f-project-proposal-mode-switch-content[f-mode="proposal"] {
  display: none !important;
}

.f-generic-drag-and-drop-sidebar .f-generic-hideable-trigger[f-state="show"] {
  margin-top: inherit !important;
}

.settings-panel.f-sidebar .f-generic-drag-and-drop-sidebar#setting-content,
.f-generic-drag-and-drop-sidebar#setting-content,
.f-generic-drag-and-drop-sidebar#setting-content .f-generic-sidebar-content,
.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar #setting-content {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.f-generic-drag-and-drop-sidebar .f-inner-block {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item {
  background: #FFFFFF !important;
  border-radius: 8px;
  border: 0.5px solid #D9D9D9;
  color: #343A40 !important;
  position: relative;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item-with-tl-corner.f-generic-drag-and-drop-sidebar-item,
.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar .f-sprint-planning-right-sidebar-item.f-generic-drag-and-drop-sidebar-item {
  padding: 25px 10px 10px 10px !important;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-tr-corner {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-br-corner {
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 10px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-tl-corner {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 5px;
  background-color: rgba(63, 83, 101, 0.05);
  position: absolute;
  top: 0;
  left: 0;
  color: #586C85;
  font-size: 10px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}


.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-meta-row {
  color: #586C85;
  font-size: 10px;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item:hover {
  cursor: grab;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-generic-drag-and-drop-hover-overlay {
  color: #FFFFFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;

  border-radius: 2px;
  border: 0.8px solid #94979A;
  background: rgba(53, 58, 64, .7);

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  display: none;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item:hover .f-generic-drag-and-drop-hover-overlay {
  display: block;
}

.f-generic-drag-and-drop-sidebar .f-generic-drag-and-drop-sidebar-item .f-generic-drag-and-drop-hover-overlay .f-generic-drag-and-drop-hover-overlay-content {
  position: relative;
  top: 50%;
  margin-top: -10px;
}

.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar .f-panel-item-group-title {
  font-size: 12px !important;
  color: #353A40 !important;
}

.f-generic-drag-and-drop-sidebar.settings-panel.f-sidebar .f-sprint-planning-right-sidebar-item.f-generic-drag-and-drop-sidebar-item.f-sprint-planning-rc-right-sidebar-item {
  padding: 4px !important;
  /*background: #F2F4F5 !important;
  border: none !important;
  color: #353A40 !important;
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;*/
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rc-right-sidebar-item .f-rc-title {
  font-size: 12px;
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rc-right-sidebar-item .f-left {
  padding: 6px 10px;
  width: 262px;
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rc-right-sidebar-item .f-right {
/*  background: #353A40;
  border-radius: 4px;
  width: 100px;
  text-align: center;*/
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rc-right-sidebar-item .f-right .f-badge-light {
/*  background: transparent !important;
  border: none;
  color: #FFFFFF;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;*/
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rc-right-sidebar-item .f-left .f-badge-light {
/*  border-radius: 4px;
  border: 0.8px solid #DCDCDC;
  background: #EFEFEF;
  padding: 6px 10px;
  color: #353A40 !important;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.12px;*/
}

.f-generic-drag-and-drop-sidebar .f-sprint-planning-rate-card-sidebar-search-results-container .f-inner-block-separator {
  margin: 15px 0;
}

#conges-page .f-slide-to-today-v2.f-arrow-gt-after:after,
#f_page_project_calendar .f-slide-to-today-v2.f-arrow-gt-after:after,
#f_page_equipment_calendar .f-slide-to-today-v2.f-arrow-gt-after:after {
  top: 3px;
}

#f_planning_assign_skills_sidebar_form .f-planning-assign-skills-sidebar-with-btn {
  background: #FFFFFF !important;
  border-color: #353A40 !important;
  color: #353A40 !important;
}

#f_planning_assign_skills_sidebar_form .f-planning-assign-skills-sidebar-with-btn.active {
  background: #353A40 !important;
  color: #FFFFFF !important;
}

#conges-page .scheduler_default_rowheader_inner,
#f_page_project_calendar .scheduler_default_rowheader_inner,
#f_page_project_calendar .scheduler_default_rowheader_inner a,
#f_page_equipment_calendar .scheduler_default_rowheader_inner {
  color: #000000 !important;
}

/**** START : TROMBI V2 *****/
.trombi-v2 .content-wrapper{
  background: white;
  padding-top: 10px;
  border-left: 1px solid #F2F4F5;
  border-top: 1px solid #F2F4F5;
}

.trombi-v2 .f-trombi-filter-container{
  margin-bottom: 16px;
  padding-top: 10px;
}

.trombi-v2 .f-trombi-filter-container .card{
  border: none;
  box-shadow: none;
  border-radius: unset;
}

.trombi-v2 .f-trombi-filter-container .f-form-v2{
  padding: 0;
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
}

.trombi-v2 .f-trombi-filter-container .f-trombi-user-filter-container{
  width:320px;
}

.trombi-v2 .f-trombi-bu-people-container .card{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
}

.trombi-v2 .content-wrapper .f-trombi-bu-title{
  font-size:16px !important;
}

.trombi-v2 .f-trombi-bu-people-wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding:28px;
}

.trombi-v2 .f-trombi-single-people-container{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 6px;
  width:230px;
  position:relative;
}

.trombi-v2 .f-inner-block-separator{
  height: 1px;
  width: 100%;
  background: rgba(220, 220, 220, 0.50);
}

.trombi-v2 .f-trombi-bottom,
.trombi-v2 .f-trombi-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.trombi-v2 .f-trombi-top{
  min-height:208px;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

.trombi-v2  .f-trombi-bottom{
  font-size:10px;
}

.trombi-v2 .f-trombi-user-name{
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.trombi-v2 .f-trombi-badge-container{
  display: flex;
  position: absolute;
  top: -7px;
  flex-wrap: nowrap;
  left: 10px;
}

.trombi-v2 .f-trombi-badge{
  font-size: 10px;
  background-color: black;
  color: white;
  padding: 2px 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.trombi-v2 .f-trombi-user-post{
  font-size: 10px;
  max-width: 194px;
  display: flex;
  text-align: center;
}

.trombi-v2 .f-trombi-user-place{
  font-size: 10px;
  background-color: black;
  color: white;
  padding: 2px 6px;
  font-weight: 600;
  text-transform: uppercase;
}

.trombi-v2 .f-trombi-user-tel{
  font-weight: 600;
}

.trombi-v2 .f-trombi-user-email a,
.trombi-v2 .f-trombi-user-tel a{
  text-decoration: none;
  color:black;
}

.trombi-v2 .f-trombi-user-email,
.trombi-v2 .f-trombi-user-tel{
    text-align: center;
    display: flex;
    max-width: 194px;
}

.trombi-v2 .f-trombi-user-name{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.trombi-v2 .f-trombi-user-skills .mdi-magnify:before {
  content: url(/assets/img/icon-skills-sm.svg);
}

.trombi-v2 .f-trombi-all-bu-wrapper{
  width: 1288px;
}

@media (max-width: 1380px) {
  .trombi-v2 .f-trombi-all-bu-wrapper{
    width: 1049px;
  }
}

@media (max-width: 1380px) {
  .trombi-v2 .f-trombi-all-bu-wrapper{
    width: 1049px;
  }
}

@media (max-width: 1140px) {
  .trombi-v2 .f-trombi-all-bu-wrapper{
    width: 809px;
  }
}

@media (max-width: 830px) {
  .trombi-v2 .f-trombi-all-bu-wrapper{
    width: 568px;
  }
}

/**** END : TROMBI V2 *****/
/**** START : FAQ V2 *****/
.f-faq-v2 .content-wrapper{
  background: white;
  padding-top: 10px;
  border-left: 1px solid #F2F4F5;
  border-top: 1px solid #F2F4F5;
}

.f-faq-v2 .f-faq-list-wrapper {
  border-radius: 6px;
}

.f-faq-v2 .faq-section{
  border: 1px solid #353A40;
  border-radius: 6px;
  position:relative;
  padding-left: 10px;
}

.f-faq-v2 .faq-section .f-faq-border-color {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  border-radius: 6px 0 0 6px;
}

.f-faq-v2 .faq-section .f-faq-section-header{
  height: 80px;
  align-items: center;
  box-shadow:none;

  padding-right: 0;
  margin-left: 20px;
  margin-right: 30px;
  border-radius: 0;
  border-bottom: 1px solid transparent;
}

.f-faq-v2 .faq-section[f-single-content-state="show"] .f-faq-section-header{
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a{
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-family: "Poppins-regular", "ubuntu-regular", sans-serif;
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a[aria-expanded="false"],
.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a[aria-expanded="true"]{
  color:#353A40;
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a::before{
  display:none;
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title .f-icon,
.f-faq-v2 .f-faq-section-header .f-generic-hideable-trigger .f-icon{
  transition: all .3s ease-out;
  height:25px;
  width:25px;
  border-radius: 2px;
  border: 1px solid #353A40;
  padding: 5px;
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a[aria-expanded="false"] .f-icon,
.f-faq-v2 .f-faq-section-header .f-generic-hideable-trigger[f-state="hide"] .f-icon{
  content: url(/assets/img/icon-single-chevron-white.svg);
  background-color: #353A40;
}

.f-faq-v2 .faq-section .faq-accordion-main .f-faq-item-title a[aria-expanded="true"] .f-icon,
.f-faq-v2 .f-faq-section-header .f-generic-hideable-trigger[f-state="show"] .f-icon{
  content: url(/assets/img/icon-single-chevron.svg);
  background-color: white;
  transform: rotate(180deg);
}

.f-faq-v2 .faq-section.f-generic-hideable-container .f-generic-hideable-trigger{
  margin-top: 12px;
  align-items: center;
  justify-content: flex-start;
  column-gap:10px;
}

.f-faq-v2 .faq-section .faq-accordion-main{
  margin-left: 10px;
  margin-right: 0px;
}

.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item{
  border:0;
}

.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item:first-child{
  border-top: 0;
}

.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item:last-child,
.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item:first-child {
  border-radius: 0;
}

.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item {
  /*margin-left: 28px;
  margin-right: 70px;*/
}

.f-faq-v2 .faq-section .card.f-faq-single-item .card-header{
  padding-left:0;
  padding-right:0;
  margin-left: 28px;
  margin-right: 70px;
  border-top:1px solid rgba(0, 0, 0, 0.125);
}

.f-faq-v2 .faq-section .faq-accordion-main .card.f-faq-single-item:first-child .card-header{
  border-top: 0;
}

.f-faq-v2 .faq-section .f-faq-single-item-content{
  margin-left: 28px;
  margin-right: 70px;
  position: relative;
}

.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container{
  width: fit-content;
  position: absolute;
  right: 0;
  top: -63px
}

.f-faq-v2 .faq-section .f-faq-section-tools-container button,
.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container button{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 2px !important;
}

.f-faq-v2 .faq-section .f-faq-section-tools-container .f-faq-edit-category-btn:hover,
.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container .f-faq-edit-faq-item-btn:hover{
  background:#353A40;
  border-color:#353A40;
}

.f-faq-v2 .faq-section .f-faq-section-tools-container .f-faq-delete-all-faq-item-category-btn:hover,
.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container .f-faq-delete-faq-item-btn:hover{
  background:#FB5184;
  border-color:#FB5184;
}

.f-faq-v2 .f-faq-filters-container-wrapper .btn-inverse-dark-light svg path,
.f-faq-v2 .faq-section .f-faq-section-tools-container .f-faq-edit-category-btn svg path,
.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container .f-faq-edit-faq-item-btn svg path{
  fill:#353A40;
}

.f-faq-v2 .f-faq-filters-container-wrapper .btn-inverse-dark-light:hover svg path,
.f-faq-v2 .faq-section .f-faq-section-tools-container button:hover svg path,
.f-faq-v2 .faq-section .f-faq-single-item-content .f-faq-single-item-tools-container button:hover svg path{
  fill:white;
}

.f-faq-v2 .faq-section .f-faq-single-item-content .card-body{
  padding: 0px 0 0 34px;
}

.f-faq-v2 .faq-section .f-faq-single-item-footer .f-badge-light{
  background: #F2F4F5;
  color: #353A40;
}

.f-faq-v2 .faq-section .f-faq-single-item-footer .f-faq-item-creation-date{
  color: #353A40 !important;
  font-size: 11px;
}

.f-faq-v2 .f-faq-list-common-tools .f-fold-unfold-all-btn .f-icon{
  content: url(/assets/img/icon-single-chevron.svg);
  transition: all .3s ease-out;
  height:22px;
  width:22px;
  border-radius: 2px;
  border: 1px solid #F2F4F5;
  background:#F2F4F5;
  padding: 5px;
}

.f-faq-v2 .f-faq-list-common-tools .f-fold-unfold-all-btn[f-state="show"] .f-icon{
  transform: rotate(180deg);
}

.f-faq-v2 .f-faq-list-common-tools .f-fold-unfold-all-btn{
  padding: 0 !important;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 8px;
  width: fit-content !important;
  align-items: center;
  justify-content: flex-start;
  font-weight:normal;
  font-family: "Poppins-regular", "ubuntu-regular", sans-serif;
}

.f-faq-v2 .f-faq-list-common-tools{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container{
  display: flex;
  align-items: center;
  justify-content: center
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-container{
  width: fit-content !important;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-selection{
  border: none;
  border-radius: 2px;
  padding: 0;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-selection__arrow{
  height: 12px;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-selection__arrow b{
  content: url(/assets/img/icon-single-chevron.svg);
  width: 10px;
  height: 9px;
  border: none;
  left: 9px;
  top: 1px;
  margin-left: 0;
  margin-top: 0;
  display: block;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-results__option,
.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-selection__rendered{
  font-size:11px;
}

.f-faq-v2 .f-faq-list-common-tools .f-faq-view-selector-container .select2-results__option--highlighted{
  background:#353A40;
}

.f-faq-v2 .f-faq-search-container{
  width:100%;
}

.f-faq-v2 .f-faq-search-container .form-control.typeahead{
  border-radius: 2px !important;
  width:100%;
}

.f-faq-v2 .f-faq-search-container .input-group-apppend-inside{
  top: 3px;
  right: 5px;
  /* background-color: rgba(25, 138, 227, .1) !important; */
  background-color: white;
  border-radius: 0;
  z-index: 5;
}

.f-faq-v2 .f-faq-search-container .input-group-apppend-inside .input-group-text{
  border-radius: 0;
  font-size: 18px;
  padding: 0;
  display: flex;
  height: 34px;
  width: 24px;
}

.f-faq-v2 .f-faq-left-filters-container{
  gap:5px;
  min-width: 535px;
  width: 50%;
}

.f-faq-v2 .f-faq-filters-container-wrapper .btn-inverse-dark-light:hover,
.f-faq-v2 .f-faq-left-filters-container .btn-inverse-dark-light:hover{
  background:#353A40;
  color:white;
}

.f-faq-v2 .f-faq-filters-container-wrapper .btn-inverse-dark-light:not(:hover) i,
.f-faq-v2 .f-faq-left-filters-container .btn-inverse-dark-light:not(:hover) i{
  color:#353A40;
}

.f-faq-v2 .f-faq-switch-filters[aria-expanded="true"]{
    background: #fff;
    border: 1px solid;
}

.f-faq-v2 .f-faq-switch-filters{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  color:#353A40;
}

.f-faq-v2 .f-faq-switch-filters span.f-btn-text{
  white-space: nowrap;
  margin-top: 4px;
}

.f-faq-v2 #f_faq_board_filter .card{
  background: white;
  width: 50%;
  min-width: 585px;
}

.f-faq-v2 #f_faq_board_filter .card-body{
  margin-left: 20px;
  padding: 14px 0 0 0;
  border-top:1px solid rgba(0, 0, 0, 0.125);
}

.f-faq-v2 .f-faq-filters-container{
  margin-top:5px;
}

.f-faq-v2 .f-faq-filters-container-wrapper{
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.f-faq-v2 .f-faq-filters-container-left{
  flex-basis: 33%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.f-faq-v2 .f-faq-filters-container-left .form-group .select2-container{
  width:100%;
}

.f-faq-v2 .f-faq-filters-container-right{
  flex-grow:1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.f-faq-v2 .f-faq-filters-container-right-top{
  display: flex;
  gap: 5px;
}

.f-faq-v2 .f-faq-filters-container-right-top .form-group{
  flex-grow:1;
}

.f-faq-v2 .f-faq-filters-container-right-bottom{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.f-faq-v2 form .select2-selection.select2-selection--single,
.f-faq-v2 form .select2-selection.select2-selection--multiple{
  border-radius:2px !important;
}

.f-faq-v2 .f-faq-date-filter-container{
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
}

.f-faq-v2 .f-faq-date-filter-container #FaqFuriousDatePicker{
  flex-grow:1;
}

.f-faq-v2 .f-faq-date-filter-container #FaqFuriousDatePicker .furious-date-picker-date-display-container{
  height: 40px;
  background: #F2F4F5;
  padding: 0 11px;
}

/**** END : FAQ V2 *****/

#f_modal_client_notif_manager .modal-content {
  background: #FFFFFF;
}

#f_modal_client_notif_manager .modal-header {
  padding: 20px 28px 0 28px;
}

#f_modal_client_notif_manager .modal-body {
  padding-left: 28px;
  padding-right: 28px;
}

#f_modal_client_notif_manager input[type="text"].form-control {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#f_modal_client_notif_manager .f-template-preview-container .f-preview-popover-btn {
  border-radius: 2px;
  margin-left: 8px;
}

#f_modal_client_notif_manager #f_email_modal_sender_content .select2-selection.select2-selection--single .select2-selection__rendered{
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
}

#f_modal_client_notif_manager #f_email_modal_sender_content .select2-selection.select2-selection--single {
  padding-left : 0;
}

.dropzone.dropify-wrapper,
#f_modal_client_notif_manager #f-client-notif-dropzone-import.f-drop-light {
  border-radius: 4px;
  border: 1px solid #E1E7EA !important;
  background: rgba(255, 255, 255, 0.00) !important;
  padding: 15px !important;
}

#f_modal_client_notif_manager #f-client-notif-dropzone-import.f-drop-light .dz-message,
.dropzone.dropify-wrapper .dz-message {
  border-radius: 4px;
  border: 1px dashed #D9D9D9;
  background: rgba(255, 255, 255, 0.00) !important;
  margin: 0 !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#f_modal_client_notif_manager #f-client-notif-dropzone-import.f-drop-light {
  background: #FFFFFF !important;
}

.dropzone.dropify-wrapper .dz-message span,
#f_modal_client_notif_manager #f-client-notif-dropzone-import.f-drop-light .dz-message span {
  color: #353A40 !important
}

#f_modal_client_notif_manager .f-uploaded-file-name {
  border-radius: 2px;
  border: solid 1px #D9D9D9;
  padding: 6px 10px;
  background: #FFFFFF !important;
}

#f_modal_client_notif_manager .f-uploaded-file-name:empty:before {
  font-style: normal;
  text-align: left;
  line-height: normal;
}

#f_modal_client_notif_manager .f-uploaded-file-name .f-client-notif-attachment-item {
  margin: 0 !important;
  border-radius: 2px !important;
  background-color: #353A40 !important;
}

.dropzone.dropify-wrapper .dz-message:before,
#f_modal_client_notif_manager #f-client-notif-dropzone-import.f-drop-light .dz-message:before {
  content: '';
  display: block;
  background-image: url(/assets/img/cloud-img-dark.svg);
  width: 16px;
  height: 12px;
}

#f_modal_client_notif_manager .f-client-modal-ical-container {
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background-color: #FFFFFF;
}

#f_modal_client_notif_manager .f-client-modal-ical-container .time-icon {
  padding-left: 30px;
  border-left: 1px solid rgba(220, 220, 220, 0.50);
  margin-left: 30px
}

#f_modal_client_notif_manager .f-client-modal-ical-container .time-range-display {
  margin-right: 30px
}

#f_modal_client_notif_manager .f-simple-date-range-picker-date-display .calendar-picto {
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#f_modal_client_notif_manager .f-simple-date-range-picker-date-display {
  justify-content: center
}

#f_modal_client_notif_manager .f-message-send-to-mulitple .badge {
  border-radius: 2px !important;
  border-color: #343a40;
  color: #343a40;
}

.form-check.f-eye-check .form-check-label {
  margin-left: 20px;
}

.form-check-primary.form-check.f-eye-check label input[type="checkbox"] + .input-helper:after {
  display: none;
}

.form-check-primary.form-check.f-eye-check label input[type="checkbox"]:checked + .input-helper:before {
  content: url(/assets/img/icon-eye-enable.svg);
  background: transparent !important;
  top: 3px;
}

.form-check-primary.form-check.f-eye-check label input[type="checkbox"] + .input-helper:before {
  border: none !important;
  content: url(/assets/img/icon-eye-disable.svg);
  width: 14px;
  height: 14px;
  top: 2px;
}

.f-inner-block-or-separator:before {
  content: '';
  display: block;
  position: absolute;
  border-bottom: dashed 1px #D9D9D9;
  z-index: 0;
  height: 1px;
  width: 100%;
  top: 50%;
}

.f-inner-block-or-separator {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  position: relative;
}

.f-inner-block-or-separator span {
  background: #FFFFFF;
  padding: 0 10px;
  color: #94979A;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
  position: relative;
}

#f_modal_client_notif_manager_form .f-inner-block-or-separator span {
  background: #F9F9FA;
}

#f_modal_stock_show_item .card,
#f_modal_stock_list .card,
#f_rh_cv_details_form .card,
#new-stock-resource-form .card,
.f-rh-profile .card {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  box-shadow: none;
}

#f_rh_cv_details_form .card:not(.f-card-bg-white),
.f-rh-profile .card:not(.f-card-bg-white) {
  background: #F9F9FA !important;
}

#new-user-apply-modal .dropzone.dropify-wrapper,
#new-stock-resource-form .dropzone.dropify-wrapper,
#f_business_proposal_form .dropzone.dropify-wrapper,
.f-rh-profile .dropzone.dropify-wrapper {
  background: #FFFFFF !important;
}

#new-stock-resource-form .card label,
.f-rh-profile .card label {
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.f-rh-profile .card .label-check {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 149.865%;
  margin: 1px 0 0 15px;
}

.f-rh-profile .card .label-check span {
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
}

/*.f-rh-profile .card .btn svg:hover path,
.f-rh-profile .card .btn:hover svg path {
  color: #FFF !important;
  fill: #FFF !important;
}*/

.f-rh-profile .f-rh-profile-label-inline {
  display: block;
  padding: 11px;
  color: #353A40;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}

.f-rh-profile .f-rh-profile-label-inline > svg {
  margin-right: 10px;
  margin-top: -2px;
  width: 15px;
}

.f-rh-profile .f-form-v2-container .form-group {
  margin-bottom: 0;
}

.f-rh-profile .f-form-v2-container .f-inner-block-separator {
  margin: 3px 0 5px;
}

.f-rh-profile .f-form-v2-container .f-rh-profile-separator-or {
  color: #B9B9B9;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
}

.f-rh-profile .f-form-v2-container .f-rh-profile-separator-or::before,
.f-rh-profile .f-form-v2-container .f-rh-profile-separator-or::after {
  content: '';
  flex: 1;
  border-bottom: 1px dashed #D9D9D9;
  margin: 0 10px;
}

.f-rh-profile .f-form-v2-container .f-rh-profile-view-pp {
  padding: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  text-align: center;
}

.f-rh-profile .f-form-v2-container .f-rh-profile-view-pp a {
  color: #353A40;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

.f-rh-profile .f-form-v2-container .f-rh-profile-view-pp img {
  width: 40px;
  height: 40px;
}

.f-rh-profile-table th,
.f-rh-profile-table td {
  border: 1px solid #E1E7EA;
}

.f-rh-profile-table thead th {
  border-left: none;
  border-right: none;
  color: #353A40;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  padding-bottom: 0;
  width: 30%;
}

.f-rh-profile-table th {
  color: #353A40;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.f-rh-profile-table td {
  background-color: #F9F9FA;
  position: relative;
  padding: 2px 0;
}

.f-rh-profile-table input[type="checkbox"] {
  appearance: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-color: #F9F9FA;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f-rh-profile-table input[type="checkbox"]::before {
  content: '';
  width: 28px;
  height: 18px;
  display: block;
  background: url(/assets/img/icon-off.svg);
}

.f-rh-profile-table.home-office input[type="checkbox"]::before {
  width: 77px;
  height: 32px;
  background: url('/assets/img/icon-homeoffice-off.svg');
  background-repeat: no-repeat;
}

.f-rh-profile-table:not(.home-office) input[type="checkbox"]:checked {
  background-color: #5565FC;
  color: white;
}

.f-rh-profile-table input[type="checkbox"]:checked::before {
  content: '';
  width: 24px;
  height: 19px;
  display: block;
  background: url('/assets/img/icon-check-white.svg');
  background-repeat: no-repeat;
}

.f-rh-profile-table.home-office input[type="checkbox"]:checked::before {
  background-image: url('/assets/img/icon-homeoffice-on.svg');
  background-repeat: no-repeat;
  width: 77px;
  height: 32px;
}

.f-generic-floating-menu.card,
.f-rh-profile-v2.card {
  border-radius: 4px;
  border: 1px solid #F2F4F5;
  background: #FFF;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
  padding: 10px;
}

#f_rh_page .f-rh-profile-v2.card .nav-pills-info .nav-link {
  padding: 8px 10px;
  border-radius: 0;
}

#f_rh_page .f-rh-profile-v2.card .nav-pills.nav-pills-vertical .nav-item {
  margin-bottom: 5px;
}

#f_rh_page .f-rh-profile-v2.card .nav-pills-info li:not(:last-child) {
  border-bottom: 1px solid #F2F4F5;
  padding-bottom: 5px;
}

#f_rh_page .f-rh-profile-v2.card .nav-pills-info .nav-item ul li {
  border-bottom: none;
  padding-bottom: 0;
  background-color: transparent;
}

#f_rh_page .f-rh-profile-v2.card .jstree-default .jstree-wholerow {
  background: transparent !important;
}

#f_rh_page .f-rh-profile-v2.card .jstree-default .jstree-wholerow ~ i,
#f_rh_page .f-rh-profile-v2.card .jstree-default .jstree-wholerow ~ a {
  background-color: transparent;
  /*margin-top: -8px;*/
}

.f-generic-floating-menu .nav-link,
.f-generic-floating-menu .nav-item .nav-link {
  color: #353A40;
  border-radius: 0;
  background-color: #FFFFFF;

  -webkit-transition: background-color .3s linear, color .3s linear;
  -moz-transition: background-color .3s linear, color .3s linear;
  -o-transition: background-color .3s linear, color .3s linear;
  transition: background-color .3s linear, color .3s linear;
}

.f-generic-floating-menu .nav-item .nav-link:hover,
.f-generic-floating-menu .nav-item .nav-link.active,
#f_rh_page .f-rh-profile-v2.card .nav-pills-info .nav-link:hover,
#f_rh_page .f-rh-profile-v2.card .nav-pills-info .nav-link.active {
  background-color: #353A40;
  color: #FFF;
}

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

.btn-inverse-dark-light:hover,
.btn-inverse-dark-light.active,
.btn-inverse-dark-light:active,
.show>.btn-inverse-dark-light.dropdown-toggle {
  background-color: #353A40;
  border-color: #353A40;
  color: #FFF;
}

.btn-primary {
  background-color: #353A40;
  border-color: #353A40
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.tt-suggestion:hover {
  background-color: #353A40;
}

.f-topnav-entity-swicth-item:hover,
.f-topnav-quick-add-item:hover {
  background-color: #f8f9fa;
}

.f-topnav-entity-swicth-item,
.f-topnav-quick-add-item {
  border-bottom: 1px solid #E1E7EA;
}

.f-topnav-quick-add-item .f-topnav-quick-add-item-pin {
  opacity: 0;
}

.f-topnav-quick-add-item .f-topnav-quick-add-item-pin i {
  color: #343a40;
}

.f-topnav-quick-add-item[f-state="pinned"] .f-topnav-quick-add-item-pin,
.f-topnav-quick-add-item:hover .f-topnav-quick-add-item-pin {
  opacity: 1;
}

.dropdown-menu[aria-labelledby="entitySwitchDropdown"],
.dropdown-menu[aria-labelledby="furiousNewDropdown"] {
  width: 300px !important;
}

.f-form-v2 input[type="text"].form-control.f-quick-add-to-item-search-input,
.f-form-v2 input[type="text"].form-control.f-suivi-ndf-team-search-input,
.f-form-v2 input[type="text"].form-control.f-scheduler-team-search-input,
.f-form-v2 input[type="text"].form-control.f-topnav-entity-swicth-item-search-input,
.f-form-v2 input[type="text"].form-control.f-topnav-quick-add-item-search-input {
  padding-left: 10px !important;
  padding-right: 20px !important;
  height: 30px;
  border-radius: 2px !important;
}

table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: static;
  z-index: 2001;
}

tr.dt-rowReorder-moving {
}

body.dt-rowReorder-noOverflow {
  overflow-x: hidden;
}

table.dataTable td.reorder {
  text-align: center;
  cursor: move;
}

.f-reorderable-table tr .f-reorderable-tr-handler {
  opacity: 0;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -6px;
  cursor: move;

  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.f-reorderable-table tr:hover .f-reorderable-tr-handler {
  opacity: 1;
}

/* TODO PIPE - START */
#rh_request-page .card.f-bg-inverse-dark-light,
#taches-page .card.f-bg-inverse-dark-light,
.f-page-content-v2 .f-card-board-container td,
#projet_todo-page .f-card-board-container td {
  background: #F9F9FA;
}

.f-page-content-v2 .f-card-board-container .card,
.f-page-content-v2 .f-card-board-container .card-body,
#projet_todo-page .f-card-board-container .card,
#projet_todo-page .f-card-board-container .card-body {
  border-radius: 4px !important;
}

#rh_request-page .f-todo-uid,
#projet_todo-page .f-todo-uid {
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #353A40;
}

#achats-page .f-grouped-card.card,
#projet_todo-page .f-grouped-card.card,
#projet_todo-page .f-project-todo-category.card {
  background: transparent;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  border-radius: 0 !important;
}

#achats-page .f-grouped-card.card > .card-body:before,
#projet_todo-page .f-project-todo-category.card > .card-body:before {
  content: '';
  display: block;
  height: calc(100% - 42px);
  width: 1px;
  background: #C9CDD2;
  position: absolute;
  left: 0px;
  top: 34px;
}

#achats-page .f-purchase-pipe-card .f-card-week-number {
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#achats-page .f-grouped-card.card {
  border: none !important;
  background: none !important;
}

#achats-page .f-grouped-card.card > .card-body,
#projet_todo-page .f-project-todo-category.card > .card-body {
  padding: 0 !important;
}

#achats-page .f-grouped-card.card .f-grouped-card-stats-container,
#achats-page .f-grouped-card.card .f-grouped-card-body,
#projet_todo-page .f-project-todo-category.card .f-todo-quick-add-title-container,
#projet_todo-page .f-project-todo-category.card .f-dagula-col.f-dagula-category-col.in {
  padding-left: 10px;
  padding-right: 10px;
}

.f-postit-quick-add-form input[type=text],
#projet_todo-page .f-todo-quick-add-title-input {
  border-radius: 4px !important;
}

#projet_todo-page .f-dagula-category-col {
  min-height: 50px !important;
}

#projet_todo-page .f-dagula-category-col:before {
  line-height: 50px;
}

.f-postit-quick-add-form input[type=text],
#projet_todo-page .f-projet-todo-quick-add-form input[type=text] {
  background: transparent !important;
  border: dashed 2px #DFE4E6 !important;
  line-height: 50px;
  height: 50px;
}

#projet_todo-page .f-projet-todo-quick-add-form .f-todo-quick-add-assign-to-container {
  top: 10px;
}

#projet_todo-page .f-board-add-new-item.f-board-quick-add-item {
  padding-bottom: .5rem !important;
}

.f-page-content-v2 .f-board-add-new-item {
  padding-top: 15px !important;
}

#taches-page .f-page-content-v2 .f-board-add-new-item {
  padding-top: 0px !important;
}

.f-postit-quick-add-form input[type=text]::placeholder,
#projet_todo-page .f-projet-todo-quick-add-form input[type=text]::placeholder {
  font-family: 'Poppins', 'ubunt-regular', sans-serif !important;
  color: #353A40;
}

.f-postit-quick-add-form input[type=text]:focus::placeholder,
#projet_todo-page .f-projet-todo-quick-add-form input[type=text]:focus::placeholder {
  color: transparent !important;
}

.f-postit-quick-add-form input[type=text]:focus,
#projet_todo-page .f-projet-todo-quick-add-form input[type=text]:focus {
  background-color: #FFFFFF !important;
}

.f-page-content-v2 .f-board-head small,
.f-page-content-v2 .f-board-head,
.f-page-content-v2 h5,
.f-page-content-v2 h5.text-dark-light,
.f-page-content-v2 .text-dark-light,
.f-page-content-v2 .f-board-head-time,
.f-page-content-v2 .card-body,
.f-page-content-v2 .f-text-inverse-dark-light,
#projet_todo-page .f-board-head small,
#projet_todo-page .f-board-head,
#projet_todo-page h5,
#projet_todo-page h5.text-dark-light,
#projet_todo-page .f-board-head-time,
#projet_todo-page .card-body {
  color: #353A40 !important;
}

#projet_todo-page #project-todo-card-table .f-board-head-time {
  right: 0;
}

.f-page-content-v2 .f-board-head,
#projet_todo-page .f-board-head {
  border-radius: 0px !important;
  background: #FFFFFF !important;
  padding-left: 0;
  padding-right: 0;
}

.f-page-content-v2 .f-board-head {
  padding-top: 0;
  padding-bottom: 5px;
}

#projet_todo-page .f-board-add-new-item.f-board-quick-add-item  {
  padding-top: 15px !important;
}

.f-page-content-v2 .f-board-head h5,
#projet_todo-page .f-board-head h5 {
  font-size: 20px;
}

.f-page-content-v2 .f-card-toggle-extra,
#projet_todo-page .f-card-toggle-extra {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-bottom: 7px !important;
}
/* TODO PIPE - END */

.text-dark {
  color: #353A40 !important;
}

.f-card-toggle-extra .btn-dark-light i,
.f-page-content-v2 .f-board-add-new-item .btn-inverse-dark-light i {
  color: #353A40 !important;
}

.f-page-content-v2 .f-board-add-new-item .btn-inverse-dark-light {
  background: #FFFFFF !important;
  color: #353A40 !important;
  border: solid 1px #DFE4E6;
}

.f-page-content-v2 .f-board-add-new-item .btn-inverse-dark-light:hover {
  border-color: #353A40 !important;
}

.f-card-toggle-extra .btn-dark-light:not(:hover) {
  background: transparent !important;
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, .3) !important;
}

.f-card-toggle-extra .btn-dark-light:not(:hover) i {
  color: #FFFFFF !important;
}

.f-card-toggle-extra .btn-dark-light:hover {
  background: #FFFFFF;
  color: #353A40 !important;
}

.f-card-toggle-extra .btn-dark-light:visited,
.f-card-toggle-extra .btn-dark-light:focus {
  border-color: rgba(255, 255, 255, .3) !important;
}

.f-card-toggle-extra .btn-dark-light:hover i {
  color: #353A40 !important;
}

.f-card-toggle-extra .dropdown .dropdown-toggle:visited,
.f-card-toggle-extra .dropdown .dropdown-toggle:focus,
.f-card-toggle-extra .dropdown .dropdown-toggle {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


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

.f-card-toggle-extra .f-board-new-quote-link .dropdown .dropdown-toggle:after {
  display: block !important;
  margin: 0 !important;
}

.f-page-content-v2 .f-togglable-card .btn-rounded.f-grouped-img-more-btn,
.f-card-toggle-extra .btn-rounded.f-grouped-img-more-btn {
  border-radius: 50px !important;
}

#f_client_page_opportunities .f-dagula-col.f-lazy-load-container {
  padding-top: 15px;
}

.f-page-content-v2 .f-light-card-container .card {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
}

.f-page-content-v2 .f-light-card-container .card.f-project-progress-v2-container {
  border: none !important;
}

.f-page-content-v2 .f-light-card-container .card.f-project-progress-v2-container .card-body {
  padding-top: 0 !important;
  padding-bottom: 10px !important;
}

.f-page-content-v2 .f-light-card-container .card.f-postit-pipe-card {
  border-radius: 4px;
}

.f-page-content-v2 .f-light-card-container .card.f-postit-pipe-card .f-postit-type {
  text-align: left;
}

.btn-inverse-dark-light:not(.active):not(:hover),
.btn-inverse-dark-light:not(.active):not(:hover) i {
  color: #353A40;
}

.highcharts-button-box {
  fill: #FFFFFF !important;
}

.highcharts-button-box:hover .highcharts-button-symbol {
  stroke: #353A40;
}

#rh_request-page .card.f-bg-inverse-dark-light .card-body > .card,
#rh_request-page .card.f-bg-inverse-dark-light,
#taches-page .card.f-bg-inverse-dark-light {
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#rh_request-page .card.f-bg-inverse-dark-light .card-body > .card {
  border: solid 1px #DFE4E6 !important;
}

#rh_request-page .card.f-bg-inverse-dark-light .card-body > .card img.img-sm {
  width: 25px;
  height: 25px;
}

#rh_request-page .card.f-bg-inverse-dark-light .badge-primary {
  border-radius: 4px !important;
}

.badge-dark,
.badge-dark:hover,
.badge-primary {
  border-color: #353A40 !important;
  background-color: #353A40 !important;
}

.f-badge-navigation-container .badge-dark:hover {
  background-color: transparent !important;
}

#taches-page .f-postit-header-pipe .badge-pill {
  border-radius: 4px !important;
  border-color: #353A40;
  background-color: #353A40;
  color: #FFFFFF;
  padding: 2px 10px;
}

.f-badge-pill-dark {
  border-radius: 4px !important;
  border-color: #353A40;
  background-color: #353A40;
  color: #FFFFFF;
}

#f_homepage .f-hompepage-top-navbar .card.f-card-light {
  background: none !important;
}

#achats-page .f-purchase-pipe-card .table.f-furious-table-v2 tr,
#achats-page .f-purchase-pipe-card .table.f-furious-table-v2 td {
  background: none !important;
  padding: 15px 10px !important;
}

#achats-page .f-purchase-pipe-card .table.f-furious-table-v2 tbody > tr > td:first-child:before {
  left: 0;
  border-radius: 0px !important;
}

#achats-page .f-purchase-pipe-card .table.f-furious-table-v2 tbody > tr > td:last-child:before {
  right: 0;
  border-radius: 0px !important;
}

.f-dashboard-close-widget-list-container-btn {
  position: absolute;
  top: 0;
  right: 10px;
}

.grid-stack-item[f-gs-id="post-it"] .grid-stack-item-content {
  padding: 0 !important;
}

.grid-stack-item[f-gs-id="post-it"] .grid-stack-item-content h3 {
  margin-bottom: 0 !important;
  padding-top: 10px !important;
}

.grid-stack-item[f-gs-id="post-it"] .grid-stack-item-content .card.f-card-light {
  border-radius: 0 !important;
}

.grid-stack-item-content .f-btn-52.btn-inverse-dark-light {
  background: none !important;
  color: #353A40 !important;
}

.pagination .page-item.active .page-link, .jsgrid .jsgrid-pager .page-item.active .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button .page-link, .jsgrid .jsgrid-pager .active.jsgrid-pager-page .page-link, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-nav-button a, .pagination .page-item.active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item.active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item.active a, .jsgrid .jsgrid-pager .active.jsgrid-pager-page a, .pagination .page-item:hover .page-link, .jsgrid .jsgrid-pager .page-item:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover .page-link, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:hover a, .pagination .page-item:hover .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:hover .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:hover a, .jsgrid .jsgrid-pager .jsgrid-pager-page:hover a, .pagination .page-item:focus .page-link, .jsgrid .jsgrid-pager .page-item:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus .page-link, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:focus a, .pagination .page-item:focus .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:focus .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:focus a, .jsgrid .jsgrid-pager .jsgrid-pager-page:focus a, .pagination .page-item:active .page-link, .jsgrid .jsgrid-pager .page-item:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active .page-link, .jsgrid .jsgrid-pager .jsgrid-pager-page:active .page-link, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button:active a, .pagination .page-item:active .jsgrid .jsgrid-pager .jsgrid-pager-page a, .jsgrid .jsgrid-pager .page-item:active .jsgrid-pager-page a, .jsgrid .jsgrid-pager .jsgrid-pager-page .page-item:active a, .jsgrid .jsgrid-pager .jsgrid-pager-page:active a {
  background: #353A40;
  border-color: #353A40;
}

.text-primary, .list-wrapper .completed .remove {
  color: #353A40 !important;
}

#f_rh_page #f_rh_my_trainings,
#f_rh_page #f_rh_my_career,
#f_rh_page #f_rh_my_documents {
  display: block;
  padding: 8px 10px;
}

.f-page-admin-panel-content > .card,
.card.f-hollow-card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-page-admin-panel-content > .card > .card-body,
.card.f-hollow-card > .card-body {
  padding: 0 !important;
}

#f_project_view_financial_details_cards .h5 {
  margin: auto 0 !important;
}

.bg-dark,
.settings-panel .color-tiles .tiles.dark,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #353A40 !important;
  color: #FFFFFF !important;
}

#f_company_page .f-sub-navigation-container.f-project-navigation {
  padding-left: 0;
  padding-right: 0;
}

.f-project-time-resume-container .f-project-time-resume-block:not(:last-child) {
  border-bottom: solid 1px #E0E4E6;
}

.f-project-time-resume-container .f-project-time-resume-block:first-child {
  padding-left: 0px;
}

.f-project-time-resume-container .f-project-time-resume-block:last-child {
  padding-right: 0px;
}

.f-project-time-resume-container .f-project-time-resume-block p.card-text {
  color: #353A40;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.bg-inverse-success {
  background: rgba(36,207,180,0.1);
}

.f-user-timesheet-list-sprint-item .f-bottom-left-badge .f-inline-form-container {
  margin-left: 10px;
}

.br-theme-bars-reversed .br-widget a.br-selected,
.br-theme-bars-reversed .br-widget a.br-active {
  background-color: #353A40;
}

.f-planning-container-v2 #f_staffing_table .f-staffing-cell.f-off-cell:hover {
  background-color: #353A40;
}

.f-modal-invoice.f-page-content-v2 .content-wrapper {
  border: none !important;
  padding: 0 !important;
}

.f-modal-invoice.f-page-content-v2 .f-form-card {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #F9F9FA;
  padding: 16px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-modal-bg-white .modal-content,
#f-modal-imputer .modal-content,
#modal-new-external-task .modal-content,
#f_modal_stock_new .modal-content,
#new-cash-planner-modal .modal-content,
#rh_request_page .content-wrapper,
#new-user-apply-modal .modal-content,
#f_modal_stock_show_item .modal-content,
#new-rate-card-modal .modal-content,
#edit-rate-card-modal .modal-content,
#f_modal_stock_list_new .modal-content,
#f_modal_stock_list .modal-content,
#f_purchase_xml_export_modal .modal-content,
#f_furious_generic_modal_no_form .modal-content,
#f_proposal_lost_modal .modal-content,
#f_generic_modal:not(.f-purchase-modal-v2) .modal-content,
#f_furious_generic_modal_inception .modal-content,
#f_furious_generic_modal:not(.f-purchase-modal-v2) .modal-content {
  background-color: #FFFFFF;
}

.f-light-card-v2,
.f-modal-bg-white .modal-content .modal-body .card,
#f-modal-imputer .modal-content .modal-body .card,
#modal-new-external-task .modal-content .modal-body .card,
#modal-new-external-task .f-ext-sprint-equipment-form-container,
#rh_request_page .card,
#new-cash-planner-modal .card,
#f_projet_creation_form .card:not(.f-hollow-card),
#new-rate-card-modal .card,
#edit-rate-card-modal .card,
#f_rh_absence_form .card,
#f_business_proposal_form .card,
#f_modal_stock_new .modal-content .modal-body .card,
#new-user-apply-modal .modal-content .modal-body .card:not(.f-hollow-card),
#f_modal_stock_list_new .modal-content .modal-body .card,
#f_modal_stock_list .modal-content .modal-body .card,
#f_proposal_lost_modal .modal-content .modal-body .card,
#f_furious_generic_modal_no_form .modal-content .modal-body .card,
#f_furious_generic_modal_inception .modal-content .modal-body .card,
#f_furious_generic_modal:not(.f-purchase-modal-v2) .modal-content .modal-body .card:not(.f-help-card-dark):not(.f-block-timesheets) {
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #F9F9FA;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#f_furious_generic_modal .f-time-team-detail-modal .card .card-body {
  background: #FFFFFF !important;
  border-radius: 4px;
}

.f-modal-bg-white .modal-content .modal-body .card .f-form-control-lg {
  padding-left: 10px !important;
  border-radius: 0 !important;
}

#new-user-apply-modal .modal-content .modal-body .f-candidate-form-cv-container .card.f-hollow-card {
  background: #F9F9FA;
}

.f-light-card-v2 {
  border-radius: 4px;
}

#modal-new-external-task .f-ext-sprint-equipment-form-container {
  padding: 0 24px 24px 24px !important;
  margin-top: 24px;
}

#modal-new-external-task .f-ext-sprint-equipment-form-container .f-sprint-equipment-repeater-item {
  padding: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #FFFFFF;
}

#modal-new-external-task .f-ext-sprint-equipment-form-container .f-sprint-equipment-repeater-item .f-sprint-equipment-select-container,
#modal-new-external-task .f-ext-sprint-equipment-form-container .f-sprint-equipment-repeater-item .f-sprint-equipment-remove-btn-container {
  padding: 20px !important;
}

#modal-new-external-task .f-ext-sprint-equipment-form-container .f-sprint-equipment-repeater-item .f-equipment-row-description-container {
  padding: 20px !important;
}

#f_furious_generic_modal_no_form .modal-content .modal-body .card .f-client-view-content .card,
#f_furious_generic_modal:not(.f-purchase-modal-v2) .modal-content .modal-body .card:not(.f-help-card-dark) .f-client-view-content .card {
  background: #FFFFFF !important;
}

#f_furious_generic_modal:not(.f-purchase-modal-v2) .modal-content .modal-body .card:not(.f-help-card-dark) .f-form-control-lg {
  padding-left: 15px !important;
}

#client-page .f-client-view-left-col .card.f-light-card-v2 .card-body {
  padding: 24px !important;
}

.f-light-card-v2 .f-form-control-lg {
  padding-left: 16px !important;
  padding-right: 16px !important;
  border-radius: 0 !important;
}

.f-modal-invoice.f-page-content-v2 .f-form-card .f-select2-no-border-container .select2-selection.select2-selection--single {
  background: transparent;
  padding-top: 1px;
}

.f-modal-invoice.f-page-content-v2 .f-form-card .f-select2-no-border-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: -6px;
}

.f-modal-invoice.f-page-content-v2 .f-form-card .f-select2-no-border-container .select2-selection.select2-selection--single .select2-selection__rendered,
.f-modal-invoice.f-page-content-v2 .f-form-card .f-select2-no-border-container .select2-selection.select2-selection--single .select2-selection__placeholder {
  color: #353A40;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px !important;
}

.f-modal-invoice.f-page-content-v2 .f-form-card.f-form-card.f-hollow-card,
.f-modal-invoice.f-page-content-v2 .f-form-card.f-milestone-resume-container {
  background: #FFFFFF;
  padding: 0 !important;
  border: none !important;
}

.f-modal-invoice.f-page-content-v2 .f-form-v2 input[type="text"].form-control.f-form-control-lg {
  border-radius: 0 !important;
  padding-bottom: 0 !important;
  height: 50px;
  border-color: #949CA6;
  color: #949CA6 !important;
}

.f-modal-invoice.f-page-content-v2 #f-col-preview {
  background-color: #F9F9FA !important;
  padding: 50px 40px 50px 20px !important;
}

.f-modal-invoice.f-page-content-v2 #f-col-invoice-form {
  padding: 50px 35px 50px 40px !important;
}

.f-modal-invoice.f-page-content-v2 h3.modal-title {
  font-size: 16px;
}

.f-modal-invoice.f-page-content-v2 .f-amount-input-suffix {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.24px;
  position: absolute;
  right: 0;
  bottom: 5px;
}

.f-modal-invoice.f-page-content-v2 .card.card-inverse-danger {
  border-radius: 4px;
}

.f-modal-invoice.f-page-content-v2 .f-first-level-row {
  margin-top: 16px;
}

.f-modal-invoice.f-page-content-v2 label:not(.f-thin) {
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4px !important;
}

.f-modal-invoice.f-page-content-v2 .form-check:not(.my-auto) {
  margin: 0 !important;
}

.f-modal-invoice.f-page-content-v2 .form-check .form-check-label {
  margin-bottom: 0 !important;
  line-height: 20px;
  margin-left: 25px;
  margin-right: 14px;
}

.f-modal-invoice.f-page-content-v2 .f-bank-detail-container {
  position: relative;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #F9F9FA;
  min-height: 37px;
  padding: 16px;
}

.f-modal-invoice.f-page-content-v2 .f-bank-detail-container #f_bank_container {
  border-radius: 4px;
  border: 1px dashed #D9D9D9;
  background: #FFFFFF;
  padding: 8px;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-rows-repeater .f-light-box {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  background: #FFFFFF;
}

.f-modal-invoice.f-page-content-v2 .tab-content {
  border: none !important;
}

.f-modal-invoice.f-page-content-v2 .tab-content .f-furious-table-v2 thead th,
.f-modal-invoice.f-page-content-v2 .tab-content .tab-pane.bg-white {
  background: #F9F9FA !important;
}

.f-modal-invoice.f-page-content-v2 .tab-content .f-border-radius-bottom {
  border-radius: 4px;
}

.f-settings-btn-xs.f-btn-16 {
  padding: 1px 0 !important;
}

.btn-inverse-dark-light.f-settings-btn-xs.f-btn-16:not(:hover) {
  background-color: #F2F4F5;
  border-color: #F2F4F5;
}

.btn-inverse-dark-light:hover svg path {
  fill: #FFFFFF;
}

.btn-outline-dark-light {
  color: #353A40;
  border-color: #353A40;
}

.btn-outline-dark-light:hover {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-svg-btn {
  border-radius: 2px !important;
}

.f-svg-btn.f-btn-25 {
  padding: 3px 0 0 0 !important;
}

.f-svg-btn.active,
.f-svg-btn:hover {
  background: #353A40;
}

.f-svg-btn.active svg path,
.f-svg-btn:hover svg path {
  fill: #FFFFFF;
}

.f-card-toggle-extra .f-board-new-quote-link .dropdown .dropdown-toggle.f-no-arrow:after,
.dropdown-toggle.f-no-arrow:after {
  display: none !important;
}

.f-invoice-overview-list-total-container .f-invoice-overview-list-total-label {
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-weight: 400;
}

.f-invoice-overview-list-total-container .f-invoice-overview-list-total-label,
.f-invoice-overview-list-total-container .f-invoice-overview-list-total-value {
  font-size: 16px;
}

.f-invoice-overview-list-total-container .btn.f-invoice-overview-list-total-btn,
.f-invoice-overview-list-total-container .f-invoice-overview-list-total-btn-container .dropdown-toggle {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  background-color: #353A40 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-invoice-overview-list-total-container .f-invoice-overview-list-total-btn-container .dropdown-toggle {
  border: none !important;
}

.f-invoice-overview-list-total-container .f-invoice-overview-list-total-btn-container .dropdown-toggle:after {
  content: url(/assets/img/icon-vertical-dots.svg);
}

.f-invoice-overview-list-total-container .f-invoice-overview-list-total-btn-container .dropdown .dropdown-menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.f-page-invoice .tab-content .table-striped tbody tr:nth-of-type(even) {
  background: #F9F9FA !important;
}

.f-page-invoice .tab-content .table-striped tbody tr:nth-of-type(odd) {
  background: #FFFFFF !important;
}

#imputer-page .f-select-type:not(:hover) {
  background: #FFFFFF;
}

.btn-outline-primary {
  color: #353A40 !important;
  background: #FFFFFF;
}

.btn-outline-primary:hover {
  color: #FFFFFF !important;
  background-color: #353A40 !important;
}

#projet-page .content-wrapper.f-project-page-view-4 {
  border: none !important;
  padding: 0 !important;
}

#f_rh_absence_form label.f-semi-bold {
  font-weight: bold !important;
}

#new-user-apply-modal .br-theme-css-stars .br-widget a.br-selected:after,
#new-user-apply-modal .br-theme-css-stars .br-widget a.br-active:after {
  color: #353A40 !important;
}

.f-cash-planner-form .f-switch-alt-container .custom-switch .custom-control-input:checked ~ .custom-control-label:after {
  padding-top: 1px;
}

#cash_planner-page .content-wrapper {
  background-color: #FFF;
}

.f-repeater-item .form-group {
  margin-bottom: 0;
}

.f-invoice-repeater .f-repeater-item:hover {
  box-shadow: 0px 2px 6px #0000000F;
  border-color: rgba(128, 128, 128, .2);
  background-color: #FFF;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-highlight,
.f-modal-invoice.f-page-content-v2 .f-invoice-credit-highlight {
  color: #FFFFFF !important;
  background-color: #5565FC !important;
  position: relative;
  z-index: 1;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-highlight:after,
.f-modal-invoice.f-page-content-v2 .f-invoice-credit-highlight:after {
  content: '';
  display: block;
  position: absolute;
  right: -20.5px;
  top: 8.5px;
  background-color: #5565FC !important;
  height: 41px;
  width: 41px;
  z-index: -1;
  transform: rotate(45deg);
}

.f-invoice-repeater .f-repeater-item.f-invoice-repeater-item-sticky.f-invoice-highlight {
  background-color: #5565FC !important;
  border-radius: 0;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-invoices-table-border .f-repeater-item,
.f-modal-invoice.f-page-content-v2 .f-invoice-credit-note-row-container,
.f-modal-invoice.f-page-content-v2 .f-invoice-repeater .f-repeater-item.f-cancel-invoice-highlight {
  background-color: #FFFFFF;
}


.f-modal-invoice.f-page-content-v2 .f-invoice-invoices-table-border .f-repeater-item:not(.f-invoice-highlight):first-child,
.f-modal-invoice.f-page-content-v2 .f-invoice-avoir-table-border > td:first-child > div:not(.f-invoice-credit-highlight):not(.f-invoice-highlight):first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.f-modal-invoice.f-page-content-v2 .f-milestone-resume-container .f-invoice-rowdropdown-toggle,
.f-modal-invoice.f-page-content-v2 .f-milestone-resume-container .f-invoice-quick-edit-btn,
.f-modal-invoice.f-page-content-v2 .f-milestone-resume-container .f-invoice-view-btn {
  background: transparent;
  border: none;
  width: 20px !important;
}

#factures-page .f-milestone-resume-container .f-invoice-rowdropdown-toggle {
  padding-left: 0 !important;
}

#factures-page .f-milestone-resume-container .f-invoice-quick-edit-btn,
#factures-page .f-milestone-resume-container .f-invoice-view-btn {
  padding-right: 0 !important;
}

#factures-page .f-milestone-resume-container .f-invoice-view-btn i:before {
  content: url(/assets/img/icon-arrow-right.svg);
}

#factures-page .f-milestone-resume-container .f-invoice-quick-edit-btn i:before {
  content: url(/assets/img/icon-pencil-light.svg);
}

#factures-page .f-milestone-resume-container .f-invoice-rowdropdown-toggle i {
  display: none;
}

#factures-page .f-invoice-highlight .f-invoice-highlight-white-hover svg path {
  fill: #FFFFFF;
}

#factures-page .f-milestone-resume-container .f-invoice-rowdropdown-toggle:after {
  content: url(/assets/img/icon-vertical-dots-dark.svg);
}

#factures-page .f-milestone-resume-container .f-invoice-credit-highlight .f-invoice-rowdropdown-toggle:after,
#factures-page .f-milestone-resume-container .f-invoice-highlight .f-invoice-rowdropdown-toggle:after {
  content: url(/assets/img/icon-vertical-dots.svg);
}

#factures-page .f-milestone-resume-container .f-icon-document-check:before {
  content: url(/assets/img/icon-document-check-dark.svg);
  top: 2px;
  position: relative;
}

#factures-page .f-milestone-resume-container .f-invoice-credit-highlight .f-icon-document-check:before,
#factures-page .f-milestone-resume-container .f-invoice-highlight .f-icon-document-check:before {
  content: url(/assets/img/icon-document-check-light.svg);
}

#factures-page .f-invoice-rate-card-category-delete-btn,
#factures-page .f-light-box .f-invoice-row-duplicate-btn,
#factures-page .f-invoice-row-rate-card .f-invoice-row-duplicate-btn,
#factures-page .f-light-box [data-repeater-delete],
#factures-page .f-invoice-row-rate-card [data-repeater-delete],
#factures-page .f-repeater-item [data-repeater-delete] {
  background: transparent;
  border: 1px solid #E1E7EA;
  color: #353A40;
}

#factures-page .f-invoice-rate-card-category-delete-btn i:before,
#factures-page .f-invoice-row-rate-card [data-repeater-delete] i:before,
#factures-page .f-light-box [data-repeater-delete] i:before,
#factures-page .f-repeater-item [data-repeater-delete] i:before {
  content: url('/assets/img/icon-forbidden.svg');
  position: relative;
  top: 2px;
}

.f-pbs-duplicate-current-rate-content i:before,
#factures-page #f_invoice_rows_block .f-invoice-row-duplicate-btn i:before {
  content: url('/assets/img/icon-copy.svg');
  position: relative;
  top: 2px;
}

#factures-page .f-generic-hideable-container.f-movable .f-rate-car-move {
  top: 21px;
  left: -10px;
}

#factures-page .f-generic-hideable-container.f-movable:hover .f-rate-car-move {
  opacity: 1;
}

#factures-page .f-generic-hideable-container.f-movable.gu-mirror button {
  visibility: hidden;
}

.f-badge-fill-rounded[f-color="red"] {
  background: #F16796;
  color: #FFFFFF;
}

.f-badge-fill-rounded[f-color="gold"] {
  background: #F4B973;
}

.f-badge-fill-rounded {
  color: #353A40;
  border-radius: 20px;
  padding: 5px 0px;
  font-size: 10px;
  line-height: 8px;
  letter-spacing: -0.12px;
  text-align: center;
}

.f-fake-date {
  border-radius: 5px;
  border: 1px solid #E1E7EA;
  background: #FFFFFF;
  padding: 10px 55px 10px 10px;
  font-size: 12px;
  position: relative;
  height: 40px;
  display: inline-block;
  line-height: 20px;
  width: 133px;
}

.f-fake-date:after {
  content: url('/assets/img/icon-calendar.svg');
  display: block;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #E1E7EA;
  background: #FFFFFF;
  padding: 10px;
  position: absolute;
  top: -1px;
  right: -1px;
  height: 40px;
}

.f-fake-date[readonly]:after,
.f-fake-date[readonly] {
  background-color: #e9ecef;
  color: #586C85;
}

#f_business_proposal_form .card label {
  font-weight: bold;
}

.f-invoice-add-btn-container {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: -15px;
}

.f-invoice-total-sum-diff-container .badge.badge-danger {
  background: none !important;
  color: #F16796;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none !important;
  padding: 0 !important;
  position: relative;
}

.f-invoice-controle-gestion-container .f-badge-light {
  background: none !important;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none !important;
  padding: 0 !important;
  position: relative;
}

.f-proposal-client-btn-container .btn:hover svg line,
.f-proposal-client-btn-container .btn:hover svg circle {
  stroke: #FFF !important;
}

.f-badge-notice {
  border-radius: 2px;
  background: #949CA6;
  color: #FFFFFF;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  letter-spacing: -0.135px;
  padding: 1px 4px;
}

#compta-page #f-col-preview,
#f_modal_proposal_addon #f-col-preview {
  background-color: #F9F9FA !important;
  border-top-right-radius: 10px;
}

#compta-page #f-col-preview,
#compta-page #f-col-proposal-form,
#f_modal_proposal_addon #f-col-preview,
#f_modal_proposal_addon #f-col-proposal-form {
  padding-top: 24px;
}

#compta-page .content-wrapper[f-view="4"] > .row {
  margin-left: -36px;
  margin-right: -36px;
}

#f_modal_proposal_addon .modal-header {
  position: relative;
}

#f_modal_proposal_addon .modal-header button {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 1;
}

.f-preview-tab-container .btn {
  background: #F2F4F5;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.f-preview-tab-container .btn.show {
  background: #FFFFFF;
}

#f_modal_proposal_addon .br-theme-bars-reversed .br-widget a.br-active,
#f_modal_proposal_addon .br-theme-bars-reversed .br-widget a.br-selected,
#compta-page .br-theme-bars-reversed .br-widget a.br-active,
#compta-page .br-theme-bars-reversed .br-widget a.br-selected {
  background-color: #5565FC;
}

#f_modal_proposal_addon .f-barrating-container .br-widget a,
#compta-page .f-barrating-container .br-widget a {
  background-color: #D9D9D9;
}

#f_modal_proposal_addon .f-priority-container .br-widget .br-current-rating,
#compta-page .f-priority-container .br-widget .br-current-rating {
  color: #FFF !important;
}

#compta-page .f-breadcrumb .f-breadcrumb-item.active,
#compta-page .f-breadcrumb .f-breadcrumb-item.done {
  color: #FFF;
  background-color: #353A40;
}

#compta-page .f-breadcrumb .f-breadcrumb-item.done:after,
#compta-page .f-breadcrumb .f-breadcrumb-item:after,
#compta-page .f-breadcrumb .f-breadcrumb-item.active:before {
  display: none;
}

#compta-page .f-breadcrumb .f-breadcrumb-item {
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 15px;
  border-radius: 20px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 10px;
}

#compta-page .f-breadcrumb .f-breadcrumb-item .f-text {
  font-size: 10px;
  padding-top: 5px;
}

#compta-page #team-availability .f-toolbars.f-toolbar-top {
  display: none;
}

#projet_creation-page .alert-danger,
#compta-page .alert-danger,
#factures-page .card-inverse-danger,
.f-invoice-rows-error-container.alert-danger {
  background-color: #F16796 !important;
  color: #FFFFFF;
}

#factures-page .card-inverse-danger .f-invoice-overview-list-tab-link {
  background-color: #353A40 !important;
  color: #FFFFFF !important;
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] .f-left-col {
  border-right: solid 1px #D9D9D9;
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] .f-left-col .row:first-child {
  padding-top: 15px;
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] .f-left-col .row:last-child {
  padding-bottom: 15px;
}

.f-modal-invoice.f-page-content-v2 .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
  border-radius: 2px !important;
  border-color: #D9D9D9 !important;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-category-trigger,
.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-all-trigger,
.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] .f-generic-hideable-trigger {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
  padding: 0 5px;
  margin: 0;

  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-category-trigger,
.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-all-trigger {
  cursor: pointer;
}

.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-category-trigger[f-state="show"],
.f-modal-invoice.f-page-content-v2 .f-invoice-rows-hideable-all-trigger[f-state="show"],
.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item] .f-generic-hideable-trigger[f-state="show"] {
  transform: rotate(270deg);
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item].f-generic-hideable-container[f-state="show"] .f-light-btn-container,
.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block [data-repeater-item].f-generic-hideable-container[f-state="hide"] .f-large-btn-container {
  display: none;
}

.ti-split-v:before {
  content: url(/assets/img/icon-page-break.svg);
  position: relative;
  top: 2px;
}

.f-modal-invoice.f-page-content-v2 #f_invoice_rows_block .f-pagebreak-repeater {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.f-project-win-ponderation-btn {
  background-color: #353A40 !important;
  border-color: #353A40 !important;
  color: #FFFFFF !important;
}

#f_project_win_ponderation_form_container thead td:first-child,
#f_project_win_ponderation_form_container tbody td:first-child {
  padding-left: 0 !important;
}

#f_project_win_ponderation_form_container thead td:last-child,
#f_project_win_ponderation_form_container tbody td:last-child {
  padding-right: 0 !important;
}

.f-list-container-v2 .dataTables_filter input[type=search].form-control:hover,
.f-list-container-v2 .dataTables_filter input[type=search].form-control:focus {
  padding-right: 37px !important;
}

.f-proposal-rc-move-btn {
  background-color: #353A40 !important;
  border-color: #353A40 !important;
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn {
  background: transparent !important;
  color: #353A40 !important;
  border: none !important;
  padding-right: 0 !important;
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-plus-circle-outline:before,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-plus-dark-outline-sm.svg);
  margin-right: 4px;
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn .f-btn-text,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn .f-btn-text {
  top: -3px;
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn.delete-current-rate-content i.mdi-minus-circle-outline:before,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn.delete-current-rate-content i.mdi-minus-circle-outline:before {
  content: url(/assets/img/icon-delete-circle-red.svg);
  margin-right: 4px;
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-up-drop-circle-outline:before,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-up-drop-circle-outline:before,
.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-down-drop-circle-outline:before,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-down-drop-circle-outline:before {
  content: url(/assets/img/icon-unfold-single.svg);
  margin-right: 4px;
  transform: rotate(180deg);
}

.f-generic-rate-card-form-container .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-up-drop-circle-outline:before,
#compta-page .f-rc-action-row.f-proposal-rc-hoverable .btn i.mdi-arrow-up-drop-circle-outline:before {
  transform: rotate(0deg);
}

#f_invoice_navigation {
  background: #FFFFFF;
}

#f-col-preview .f-generic-tab-container .f-generic-tab-item,
#f_invoice_navigation .f-generic-tab-container .f-generic-tab-item {
  font-size: 12px;
  padding: 10px 6px;
}

.bg-primary {
  background-color: #353A40 !important;
}

.badge.badge-outline-danger,
.badge.badge-outline-success {
  border-radius: 2px !important;
}

.btn-primary.f-inverse,
.btn-dark.f-inverse {
  border-color: #353A40;
  color: #353A40;
  background-color: transparent;
}

.btn-primary.f-inverse:hover svg path,
.btn-dark.f-inverse:hover svg path {
  fill: #FFFFFF;
}

.btn-primary.f-inverse.active,
.btn-dark.f-inverse.active {
  border-color: #353A40 !important;
  color: #FFFFFF !important;
  background-color: #353A40 !important;
}

.btn-primary.f-inverse.active:hover svg path,
.btn-dark.f-inverse.active:hover svg path {
  fill: #353A40;
}

.f-quick-add-to-btn:not(.dropdown-item) .mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-plus-outline-light.svg);
}

.f-btn-imputer-modal:not(.dropdown-item) .mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-plus-outline-light.svg);
}

.f-proposal-pipe-card .f-btn-imputer-modal .mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-plus-outline-light-sm.svg);
}

.f-client-note-structure-container button[data-repeater-delete],
.f-client-note-structure-container .f-settings-btn {
  background: none !important;
  border: none !important;
}

.f-client-note-structure-container .f-settings-btn i:before {
  content: url(/assets/img/icon-cog-outline.svg);
}

.f-client-note-structure-container button[data-repeater-delete] i:before {
  content: url(/assets/img/icon-delete-circle-red.svg);
}

.f-client-note-structure-level-2-item .h5 {
  font-family: "Poppins-Regular", "ubuntu-bold", sans-serif;
}

.f-addon-theme-view-switch-btn.active,
.f-proposal-theme-view-switch-btn.active,
.f-invoice-theme-view-switch-btn.active {
  background: #FFFFFF;
}

.f-addon-theme-view-switch-btn.active svg path,
.f-proposal-theme-view-switch-btn.active svg path,
.f-invoice-theme-view-switch-btn.active svg path {
  fill: #353A40;
}

.dt-button.buttons-collection.f-datatable-collection-btn.f-btn-25 {
  margin: 0 !important;
  width: 40px !important;
  height: 40px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 6px !important;
  text-align: center;
}

#client_portal-page .content-wrapper {
  padding: 0 !important;
}

.f-flex-even {
  flex: 1;
}

#client_portal-page .f-client-portal-top-banner-container {
  border-bottom: 1px solid #D9D9D9;
  background: #FBFBFC;
  padding: 16px;
}

#client_portal-page .f-list-container-v2 {
  position: relative;
}

#client_portal-page .f-list-container-v2 .f-facture-list-tr-title {
  position: absolute;
  top: 11px;
}

#client_portal-page .f-list-container-v2 .dataTables_filter label {
  margin: 0;
}

#client_portal-page .f-client-billing-card .f-item,
#client_portal-page .f-client-profile-card .f-item {
  line-height: 24px;
  font-size: 14px !important;
}

.f-client-cccf-repeater [data-repeater-delete],
.f-client-potential-repeater [data-repeater-delete] {
  background: none !important;
  border: none !important;
}

.f-client-cccf-repeater [data-repeater-delete] .mdi-minus-circle-outline:before,
.f-client-potential-repeater [data-repeater-delete] .mdi-minus-circle-outline:before {
  content: url(/assets/img/icon-delete-circle-red.svg);
}

.f-opportunity-tab-btn .mdi-minus-circle-outline:before {
  content: url(/assets/img/icon-arrow-down-circle.svg);
  transform: rotate(180deg);
}

.f-opportunity-tab-btn .mdi-plus-circle-outline:before {
  content: url(/assets/img/icon-arrow-down-circle.svg);
}

.f-inline-edit-btn.btn-inverse-info {
  background: none !important;
  border: none !important;
}

.f-inline-edit-btn.btn-inverse-info i:before {
  content: url(/assets/img/icon-pencil-v2.svg);
}

.btn-inverse-dark-light.f-project-type:not(.active):not(:hover) {
  background-color: #FFFFFF;
}

.mdi-settings.f-tree-item-settings:before,
.f-cog-btn-hover-white .mdi-settings:before {
  content: url(/assets/img/icon-cog-outline.svg);
}

.f-cog-btn-hover-white:hover .mdi-settings:before {
  content: url(/assets/img/icon-cog-outline-white.svg);
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper.active,
.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper:hover{
  background-color: #F3F2F2 !important;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper:focus{
  -webkit-box-shadow: 0 0 0 .2rem rgba(216, 216, 216, 0.5);
  box-shadow: 0 0 0 .2rem rgba(216, 216, 216, 0.5);
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper{
	padding: 0 !important;
  border: none !important;
  border-radius:2px;
  height: 75px;
  min-height: 75px;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-message:before{
  width: 32px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-message span{
  font-size: 12px;
  line-height: 15px;
  padding-top: 9px;
  max-width: 90%;
  overflow: hidden;
  max-height: 27px;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-preview.dz-file-preview.dz-processing{
  min-height: 74px;
  height: 74px;
  width: 100%;
  border-radius: 2px;
  border: 1px dashed #D9D9D9;
  background: #F3F2F2;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-image{
	/*height: 45px;
  width: 100%;
  background: transparent !important;
  border-radius: 2px;
  border-color: transparent !important;*/
  display:none;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details{
	/* height: 74px; */
  /* min-height: 74px; */
  height: 100%;
  width: 100%;
  /* background-color: #9b2424; */
  border: unset;
  display: flex;
  /* flex-direction: column-reverse; */
  padding: 7px 0 !important;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: start;
  padding-top: 5px;
  gap: 3px;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details .dz-size{
	/* display: none; */
  /* z-index: 99999; */
  font-size: 12px !important;
  font-weight: 500;
  background: transparent;
  margin: 0 !important;
  padding: 0 !important;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details .dz-size span,
.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details .dz-size strong{
  font-weight:400;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details .dz-filename,
.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-details .dz-filename:hover span{
  border:none;
  background:none;
}

.f-dashboard-import-dropzone-container .dropzone.dropify-wrapper .dz-remove{
  font-size: 12px;
  color: #353A40;
  padding-top: 45px;
}

.f-generic-switch-btn-container {
  width: min-content;
  column-gap: 3px;
  background-color: #FFFFFF;
  border: solid 1px #D9D9D9;
  padding: 3px;
  border-radius: 4px;
}

.f-generic-switch-btn-container .btn {
  border-radius: 4px;
  color: #D9D9D9;
  background-color: #FFFFFF;

  -webkit-transition: color .3s ease-out, background-color .3s ease-out;
  -moz-transition: color .3s ease-out, background-color .3s ease-out;
  -o-transition: color .3s ease-out, background-color .3s ease-out;
  transition: color .3s ease-out, background-color .3s ease-out;
}

.f-generic-switch-btn-container .btn:hover,
.f-generic-switch-btn-container .btn.active {
  color: #FFFFFF;
  background-color: #353A40;
}

.f-password-protected-display-wrapper{
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity:1;
  max-height: unset;
}

.f-password-protected-display-wrapper.hidden{
  opacity:0;
  max-height: 0;
  overflow: hidden;
}

.f-password-protected-display-wrapper .f-copy-p textarea{
  height: 25px;
  width: 340px;
}

.f-password-protected-display-wrapper .f-copy-p{
  padding: 7px 10px 7px 10px;
}

#f_page_admin .f-admin-main-menu {
  bottom: 30px;
  top: 115px;
  min-height: 150px;
  width: calc(25% - 40px);
}

#f_page_admin:not(.sidebar-icon-only) .f-admin-main-menu {
  width: calc(25% - 107px);
}

#f_time_tracker_prepare_stop_form .timepicker-sbs .picker-switch .fa-check{
  background-color:#353A40;
}

#f_time_tracker_prepare_stop_form .timepicker-sbs .picker-switch .fa-check:hover{
  background-color:#fff;
  border:1px solid #353A40;
}

#new-user-apply-modal .f-user-apply-modal-bottom-navigation-container{
  align-self: flex-start;
}

#new-user-apply-modal .f-user-apply-save-buttons-container{
  margin: 0 auto;
}

#table-list-statistique .f-project-budget-settings-gm-check-container .f-badge-light {
  padding: 7px;
  height: auto;
}

#table-list-statistique .f-project-budget-settings-gm-check-container .btn.btn-icon.f-btn-icon-sm {
  padding: 0 !important;
}

#table-list-statistique .f-project-budget-settings-gm-check-container img {
  width: 24px !important;
  height: 24px !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
  background: #353A40;
}

.btn-outline-dark {
  color: #353A40;
  border-color: #353A40;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #353A40;
  border-color: #353A40;
}

.f-fixed-quick-access-item {
  width: 250px !important;
}

.f-fixed-quick-access-item .f-fixed-quick-access-item-label {
  color: #94979A !important;
  font-family: 'Poppins-Semibold', 'ubunt-regular', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  background: none !important;
  border: none !important;
}

.f-fixed-quick-access-item a.f-fixed-quick-access-item-label:hover {
  background: none !important;
}

.f-fixed-quick-access-item:hover .f-fixed-quick-access-item-label {
  color: #353A40;
}

.f-fixed-quick-access-item.f-hoverable-actions-trigger:not(:hover) .f-fixed-quick-access-action-container.f-hoverable-actions {
  height: 0;
}

.f-copy-badge {
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  font-size: 12px;
  padding: 3px 30px 3px 8px;
  letter-spacing: .5px;
  display: inline-block;
  position: relative;
  height: 25px;
  text-decoration: none !important;
  color: #353A40 !important;
  line-height: 17px;
  word-break: normal;
  white-space: nowrap;
}

.f-copy-badge .f-copy-clipboard-btn {
  position: absolute;
  top: -1px;
  right: -1px;
  background: no-repeat url(/assets/img/icon-copy-white.svg);
  display: inline-block;
  background-color: #353A40;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  background-position: center;
  border: 1px solid #DCDCDC;
}

.grid-stack-item[f-gs-id="campain_overview"] .f-copy-badge,
.f-purchase-pipe-card .f-copy-badge,
.f-invoice-card .f-copy-badge,
.f-proposal-addon-pipe-card .f-copy-badge,
.f-proposal-pipe-card .f-copy-badge {
  font-size: 10px;
  height: 20px;
  padding: 2px 22px 0px 4px;
  line-height: 14px;
}

.grid-stack-item[f-gs-id="campain_overview"] .f-copy-badge .f-copy-clipboard-btn,
.f-purchase-pipe-card .f-copy-badge .f-copy-clipboard-btn,
.f-invoice-card .f-copy-badge .f-copy-clipboard-btn,
.f-proposal-addon-pipe-card .f-copy-badge .f-copy-clipboard-btn,
.f-proposal-pipe-card .f-copy-badge .f-copy-clipboard-btn {
  width: 20px;
  height: 20px;
  background-image: url(/assets/img/icon-copy-dark.svg);
  background-size: 10px 10px;
  background-color: #FFFFFF !important;
}

.f-todo-main-modal-v2 .f-todo-comment-form-container.f-comment .fr-box.fr-inline {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.f-todo-main-modal-v2 .f-todo-comment-form-container.f-comment .fr-box.fr-inline .fr-wrapper.show-placeholder {
  line-height: 20px !important;
}

.fr-popup.fr-desktop.fr-inline.fr-active {
  z-index: 5100 !important;
}

.tribute-container {
  z-index: 2147483630 !important;
}

.f-page-data-templates-viewer.f-page-content-v2 #f-col-preview {
  background-color: #F9F9FA !important;
  padding: 50px 40px 50px 20px !important;
}

.btn-inverse-dark-light.f-hover-white:hover svg * {
  stroke: #FFFFFF;
}

.f-no-margin-img-container img {
  margin: 0 !important;
}

#rh_request-page .f-togglable-card.f-togglable-card-hover p {
  margin-bottom: 0;
}

.f-user-timesheet-list-sprint-item .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.f-icon-chevron-btn {
  border: solid 1px #353A40;
}

.f-furious-table-v2.f-furious-table-v2-light .f-icon-chevron-btn img,
.f-icon-chevron-btn img {
  width: 12px !important;
  height: 12px !important;
}

.f-staffing-list-collapsable-row .f-icon-chevron-btn img {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.f-staffing-list-collapsable-row[f-state="closed"] .f-icon-chevron-btn img {
  transform: rotate(-90deg);
}

.f-force-d-none {
  display: none !important;
}

.f-datatable-il-container {
  column-gap: 8px;
}

.f-datatable-il-container .dataTables_info {
  padding-top: 0 !important;
}

.f-datatable-il-container label {
  margin: 0 !important;
}

.f-datatable-il-container .f-datatable-group-by-select,
.f-form.f-form-v2.f-datatable-il-container .form-control.custom-select {
  padding: 0 25px 0 10px !important;
  height: 25px !important;
  border-radius: 4px !important;
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody,
.datepicker.datepicker-inline .datepicker-days table.table-condensed tbody {
  top: 0;
}

.datepicker tfoot .today {
  display: table-cell !important;
  font-size: 12px;
  padding: 5px;
  border-radius: 2px !important;
}

.datepicker tfoot .today:hover {
  background: #353A40;
  color: #FFFFFF;
}

.f-cell-user-office.f-first:before,
.f-cal-uob-item .scheduler_default_event_inner:before {
  content: url(/assets/img/icon-planning-office.svg);
}

.mdi-home-map-marker:before {
  content: url(/assets/img/icon-planning-office-dark.svg);
  position: relative;
  left: 2px;
  top: -3px;
}

.f-rh-team-satisfaction .f-rh-satisfaction-content {
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  display: grid;
  place-items: center;
  min-height: 110px;
  font-size: 12px;
  color: #353A40;
  padding: 25px 0;
  height: 100%;
}

.f-rh-team-satisfaction .f-rh-satisfaction-content[f-type="birthday"] {
  background: transparent no-repeat url(/assets/img/bg-confetti.svg);
  background-size: cover;
}

.f-rh-team-satisfaction .col-2 {
  padding: 0 4px;
}

.f-rh-team-satisfaction .col-2:last-child {
  padding-right: 20px;
}

.f-rh-satisfaction-content {
  text-align: center;
}

.f-rh-satisfaction-msg-important {
  font-size: 20px;
  font-weight: bold;
}

.f-rh-satisfaction-green {
  color: #52CE96;
}
.f-rh-satisfaction-red {
  color: #EA5A81;
}
.f-rh-satisfaction-blue {
  color: #5565FC;
}
.f-rh-satisfaction-yellow {
  color: #FFC44E;
}

.f-rh-satisfaction-content span.f-rh-satisfaction-yellow,
.f-rh-satisfaction-content span.f-rh-satisfaction-green,
.f-rh-satisfaction-content span.f-rh-satisfaction-blue,
.f-rh-satisfaction-content span.f-rh-satisfaction-red {
  border-radius: 12px;
  height: 22px;
  width: 22px;
  padding: 5px 0 0 0;
  display: inline-block;
  color: #FFF;
  font-size: 9px;
  font-weight: bold;
}

.f-rh-satisfaction-content span.f-rh-satisfaction-blue {
  background-color: #5565FC;
}
.f-rh-satisfaction-content span.f-rh-satisfaction-red {
  background-color: #EA5A81;
}

#factures-page #invoice-table [aria-labelledby="dropdownMenuIconButton1"] {
  top: -8px !important;
}

#f-tbody-transactions div[id^="f_div_rapprochement_"] .mdi-account,
.f-transaction-row-purchase-select-container .mdi-currency-usd,
.f-transaction-row-purchase-select-container .mdi-account {
  position: absolute;
  z-index: 1;
  top: 14px;
  left: 6px;
}

#f-tbody-transactions div[id^="f_div_rapprochement_"] .select2-selection.select2-selection--single,
.f-transaction-row-purchase-select-container .select2-selection.select2-selection--single {
  padding-left: 20px !important;
}

.f-dashboard-filter-date-dropdown-container #dashboardFilterDateDropdown.dropdown-toggle:after {
  content: url(/assets/img/icon-single-chevron.svg);
  width: 9px;
  height: 6px;
  border: none;
  position: relative;
  top: 2px;
  right: -4px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-dashboard-filter-date-dropdown-container #dashboardFilterDateDropdown.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.f-dashboard-filter-date-dropdown-container .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="quick-period"] .f-icon {
  background: transparent no-repeat url(/assets/img/icon-flash-off.png);
}

.f-dashboard-filter-date-dropdown-container .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="quick-period"]:hover .f-icon,
.f-dashboard-filter-date-dropdown-container[f-active="quick-period"] .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="quick-period"] .f-icon {
  background: transparent no-repeat url(/assets/img/icon-flash.png);
}

.f-dashboard-filter-date-dropdown-container .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="date"] .f-icon {
  background: transparent no-repeat url(/assets/img/icon-calendar-grey.svg);
}

.f-dashboard-filter-date-dropdown-container .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="date"]:hover .f-icon,
.f-dashboard-filter-date-dropdown-container[f-active="date"] .f-dashboard-filter-date-dropdown-menu .f-dashboard-filter-date-dropdown-menu-top .f-dashboard-filter-date-dropdown-menu-top-inner[f-type="date"] .f-icon {
  background: transparent no-repeat url(/assets/img/icon-calendar-blue.svg);
}

.f-dashboard-download-btn i {
  content: url(/assets/img/icon-camera.svg);
  display: block;
  position: relative;
  left: 11px;
}

.f-dashboard-top-navigation-container #dashboardNavGroupDropdown.dropdown-toggle {
  position: relative;
}

.f-dashboard-top-navigation-container #dashboardNavGroupDropdown.dropdown-toggle:after {
  content: url(/assets/img/icon-single-chevron.svg);
  width: 9px;
  height: 6px;
  border: none;
  position: absolute;
  top: 20px;
  right: 16px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.f-dashboard-top-navigation-container #dashboardNavGroupDropdown.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}

.f-dashboard-nav-group-dropdown-menu .f-dashboard-nav-group-dropdown-item .f-edit-dashboard i {
  content: url(/assets/img/icon-pencil-edit-white.svg);
  width: 12px !important;
  display: block;
}

.f-dashboard-nav-group-dropdown-menu .f-dashboard-nav-group-dropdown-item .f-delete-dashboard i {
  content: url(/assets/img/icon-delete-v2-white.svg);
}

.f-dashboard-top-navigation-container .f-dashboard-top-navigation-item[f-type="dashboard"] .f-edit-dashboard i {
  content: url(/assets/img/icon-pencil-edit-dark.svg);
}

.f-dashboard-top-navigation-container .f-dashboard-top-navigation-item[f-type="dashboard"] .f-delete-dashboard i {
  content: url(/assets/img/icon-delete-v2-dark.svg);
}

.f-furious-table-v2.dataTable .f-searchable-th .f-searchable-inner:after {
  background: transparent no-repeat url(/assets/img/icon-magnify-grey.svg);
  background-size: contain;
}

.f-swal-success .swal-content {
  background: transparent no-repeat url(/assets/img/bg-swal-success.svg);
}

#f_admin_crawler_email_form .btn-xs.toggle-on{
    height: 100%;
    padding: 0.2rem 0.6rem !important;
    color: white;
}

#f_admin_crawler_email_form .btn-xs.toggle-off{
    text-align: right;
    padding: 0.2rem 0.60rem !important;
    height: 100%;
}


/** CLIENT PORTAL TIMETRACKER **/


/*.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th:first-child{
  border:none !important;
}*/

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container thead tr th{
  padding-bottom: 5px !important;
  vertical-align: top !important;
  text-align: center;
  padding-top:11px !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-day-progress-container .f-weekly-time-tracker-day-progress,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-day-progress-container {
  height: 3px;
  border-radius: 3px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th.f-week-td{
  padding-top:16px !important;
  text-align: center;
  padding-left: 5px !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th.f-week-td .f-fast-edit-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th.f-week-td .f-week-number-text{
  font-weight: 600;
  text-align: right;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th.f-week-td .f-fast-edit-container{
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  letter-spacing: -0.15px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th.f-week-td{
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-color:#94979A !important;
  border-left:1px solid !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-table-container th .f-day-number{
  line-height: unset;
}

.f-client-portal-weekly-time-tracker-v2-container thead th:last-child,
.f-client-portal-weekly-time-tracker-v2-container .f-furious-table-v2 tbody tr td:last-child {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.f-client-portal-weekly-time-tracker-v2-container thead th.first-item-border{
  border-left: 1px solid #DCDCDC;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn.disabled,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn.disabled {
  color: #9c9fa6 !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-today-time-tracker-current-day-btn:hover,
.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:hover{
  color: #6c6c6c !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-date-range-text{
  font-family: 'Poppins', 'ubunt-regular', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.f-client-portal-weekly-time-tracker-v2-container .f-weekly-time-tracker-current-week-btn:after{
  top: 1px !important;
}

.f-client-portal-weekly-time-tracker-v2-container .f-client-portal-weekly-time-tracker-v2-content .f-weekly-time-tracker-table-container {
  margin: 0 !important;
}

.f-client-portal-weekly-time-tracker-row-selector,
.f-client-portal-weekly-time-tracker-selector{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

.f-client-portal-weekly-time-tracker-row-selector .btn,
.f-client-portal-weekly-time-tracker-selector .btn{
  font-size: 18px;
  font-weight: 200 !important;
  color: #949CA6;
  font-family: sans-serif !important;
  padding:5px !important;
}

.f-client-portal-weekly-time-tracker-row-selector .input-group.f-input-group,
.f-client-portal-weekly-time-tracker-selector .input-group.f-input-group{
  flex-wrap: nowrap;
  justify-content: center;
  height: 30px;
}

.f-client-portal-weekly-time-tracker-row-selector .input-group input.form-control,
.f-client-portal-weekly-time-tracker-selector .input-group input.form-control{
  border-right: none;
  border-radius: 2px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  text-align: center;
  min-width: 50px;
  max-width: 50px;
  font-size: 12px;
  height: 30px
}

.f-client-portal-weekly-time-tracker-row-selector .input-group .input-group-append,
.f-client-portal-weekly-time-tracker-selector .input-group .input-group-append{
  border-left: none;
}

.f-client-portal-weekly-time-tracker-row-selector .input-group .input-group-text,
.f-client-portal-weekly-time-tracker-selector .input-group .input-group-text{
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  padding-left: 2px;
  font-family: sans-serif;
  font-weight:200;
  font-size:12px;
  height: 30px
}

.f-client-portal-weekly-time-tracker-container .f-weekly-time-tracker-day-col{
  min-height: 60px;
  height: 60px;
}

.f-client-portal-weekly-time-tracker-container .f-time-container .f-total-time-value[f-color="blue"]{
  color: #5565FC;
}

.f-client-portal-weekly-time-tracker-container .f-time-container .f-total-time-value[f-color="red2"] {
  color: #EA5A81;
}

.f-client-portal-weekly-time-tracker-container .f-row-project-proposal-text{
  font-size:12px;
}

.f-client-portal-weekly-time-tracker-container .f-row-worked-days{
  font-size:10px;
}

.f-client-portal-weekly-time-tracker-container .f-row-worked-days-text{
  color:#9c9fa6;
}

.f-client-portal-weekly-time-tracker-selector input[disabled],
.f-client-portal-weekly-time-tracker-row-selector input[disabled]{
  background-color:white;
}

.f-client-portal-weekly-time-tracker-container .f-weekly-time-tracker-day-col.disabled .f-client-portal-weekly-time-tracker-selector{
  color: #949CA5;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.f-client-portal-weekly-time-tracker-container .f-weekly-time-tracker-day-col.disabled .f-client-portal-weekly-time-tracker-selector .logo-closed{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

.f-client-portal-weekly-time-tracker-row-selector.disabled .input-group-append .input-group-text,
.f-client-portal-weekly-time-tracker-row-selector input[name="week_total_num_days"][disabled]{
  color: #949CA6 !important;
}

.f-client-portal-weekly-time-tracker-selector.f-value-has-changed .input-group-append .input-group-text,
.f-client-portal-weekly-time-tracker-selector.f-value-has-changed input[name="num_days"]{
  border-color:#5565FC;
}

.f-client-portal-weekly-time-tracker-selector.f-value-is-over .input-group-append .input-group-text,
.f-client-portal-weekly-time-tracker-selector.f-value-is-over input[name="num_days"]{
  border-color:#EA5A81;
}


.f-client-portal-weekly-time-tracker-row-selector.f-input-has-focus input[name="week_total_num_days"],
.f-client-portal-weekly-time-tracker-selector.f-input-has-focus input[name="num_days"]{
  border-right:none !important;
  border-color:#5565FC;
}

.f-client-portal-weekly-time-tracker-row-selector.f-input-has-focus .input-group-append .input-group-text,
.f-client-portal-weekly-time-tracker-selector.f-input-has-focus .input-group-append .input-group-text{
  border-color:#5565FC;
}

.f-client-portal-weekly-time-tracker-container .f-time-tracker-row.showing-closed-project{
  background: #F9F9FA;
}

.f-client-portal-weekly-time-tracker-container .f-time-tracker-row.showing-closed-project .f-client-portal-weekly-time-tracker-selector .value-display{
  color: #a6a4a4;
}

.f-client-portal-weekly-time-tracker-action-btns{
  display: flex;
  align: end;
  gap: 5px;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

.f-client-portal-tab-links .nav-link{
  font-size: 16px;
  font-weight: 600;
  background: none;
  border-radius: 0 !important;
  padding-top: 0;
  padding-bottom: 6px;
}

.f-client-portal-tab-links .nav-link:not(.active){
  border: none;
  color: #D9D9D9;
}

.f-client-portal-tab-links .nav-link.active{
  color: #353A40;
  border-bottom: 5px solid;
  border-top: none;
  border-left: none;
  border-right: none;
}

.f-client-portal-tab-content .card{
  border-radius:0 !important;
}

.f-client-portal-tab-links .nav-item:not(:first-child){
  position: relative;
}

.f-client-portal-tab-links .nav-item:not(:first-child)::before{
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  height: 18px;
  width: 1px;
  background-color: #D9D9D9;
}

.f-client-portal-weekly-time-tracker-top-container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.f-client-portal-weekly-time-tracker-buttons-wrapper{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:3px;
  width:fit-content;
  position: absolute;
  top: -43px;
}

.f-client-portal-weekly-time-tracker-top-container .btn-success-black-inv{
  border-color: #DCDCDC !important;
}

.f-client-portal-weekly-time-tracker-top-container .f-client-portal-weekly-time-tracker-show-closed-open{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.f-client-portal-weekly-time-tracker-top-container .f-client-portal-weekly-time-tracker-show-closed-open svg path{
  fill:#353A40;
}

.f-client-portal-weekly-time-tracker-top-container .f-client-portal-weekly-time-tracker-show-closed-open:hover svg path{
  fill:white;
}

.btn-success-black{
  color: white;
  background-color:#353A40;
  border-color: #353A40;
}

.btn-success-black-inv{
  color: #353A40;
  background-color: white;
  border-color: #353A40;
}

.btn-success-black-inv:focus,
.btn-success-black-inv:hover{
  background-color: #353A40 !important;
  color: white !important;
  border-color: #353A40;
}

.btn-success-black:focus,
.btn-success-black:hover{
  color: #353A40 !important;
  background-color:white !important;
  border-color: #353A40;
}

.f-faq-header-actions-container{
  display: flex;
  gap: 10px;
  flex-direction: row;
}

.f-faq-templates-actions-container{
  display: flex;
  flex-direction: row;
  gap: 3px;
  flex-wrap: nowrap;
}

.f-faq-templates-create-selector{
  min-width: 260px;
  width:100%;
}

.f-gantt-quick-add-ext-btn i:before {
  content: url(/assets/img/icon-plus-dark-md.svg);
}

.f-gantt-slide-to-today:after {
  content: url(/assets/img/icon-single-chevron-light.svg);
  display: inline-block;
  transform: rotate(-90deg);
  position: absolute;
  right: -15px;
}

.f-todo-gantt-link-delete-icon:before {
  content: url(/assets/img/icon-delete-v2.svg);
  position: relative;
  top: -1px;
}

.f-azure-drive-loader,
.f-google-drive-loader{
  height:300px;
}

.f-azure-drive-files-list-container,
.f-google-drive-files-list-container{
  height:300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #353A40 transparent;
  position:relative;
}

.f-azure-drive-files-list-container::-webkit-scrollbar,
.f-google-drive-files-list-container::-webkit-scrollbar {
    width: 8px;
}

.f-azure-drive-files-list-container::-webkit-scrollbar-thumb,
.f-google-drive-files-list-container::-webkit-scrollbar-thumb {
    background-color: #353A40;
}

.f-azure-drive-files-list-container::-webkit-scrollbar-track,
.f-google-drive-files-list-container::-webkit-scrollbar-track {
    background: transparent;
}

.f-azure-drive-files-list,
.f-google-drive-files-list{
  display: flex;
  flex-direction: column;
  gap:1px;
}

.f-google-drive-files-list{
  /*height:100%;*/
}

.f-google-drive-files-list .f-google-no-result,
.f-azure-drive-files-list .f-azure-no-result{
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #CACDD2;
}

.f-google-drive-files-list .f-google-no-result-text,
.f-azure-drive-files-list .f-azure-no-result-text{
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
}

.f-google-drive-files-list .f-google-no-result-smiley,
.f-azure-drive-files-list .f-azure-no-result-smiley{
  font-size: 44px;
  font-weight: 600;
  transform: rotate(90deg);
}

.f-google-drive-folder,
.f-azure-drive-folder,
.f-azure-drive-file,
.f-google-drive-file{
  align-content: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 3px 5px;
  border: 1px solid #fff;
}

.f-google-drive-folder:hover,
.f-azure-drive-folder:hover,
.f-azure-drive-file:hover,
.f-google-drive-file:hover
{
  background-color: #d9d9d926;
}

.f-azure-drive-file.selected,
.f-google-drive-file.selected{
  border: 1px solid #D9D9D9;
}

.f-azure-drive-file-name,
.f-google-drive-file-name{
  font-size:10px;
}

.f-azure-drive-modal .f-azure-drive-file-browser-search .input-group input.form-control,
.f-google-drive-modal .f-google-drive-file-browser-search .input-group input.form-control{
  border-radius: 2px !important;
  height:35px;
}

.f-azure-drive-file-browser-search .input-group-apppend,
.f-google-drive-file-browser-search .input-group-apppend{
  height: 30px;
  top: 3px !important;
  z-index:10;
}

.f-azure-drive-file-browser-search .input-group-apppend .input-group-text,
.f-google-drive-file-browser-search .input-group-apppend .input-group-text{
  height:30px;
}

.f-azure-drive-file-browser-footer,
.f-google-drive-file-browser-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.f-azure-drive-file-browser-filters,
.f-google-drive-file-browser-filters{
  display: flex;
  gap: 5px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.f-form-v2 .f-azure-drive-file-browser-filters .form-group,
.f-form-v2 .f-google-drive-file-browser-filters .form-group{
  margin-bottom:0 !important;
}

.f-azure-drive-filter-order-by,
.f-google-drive-filter-order-by{
  display: flex;
  flex-direction: row;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
}

.f-azure-drive-filter-order-by-direction[f-direction="asc"] .f-azure-drive-filter-order-by-direction-arrow,
.f-google-drive-filter-order-by-direction[f-direction="asc"] .f-google-drive-filter-order-by-direction-arrow{
  transform: rotate(180deg);
}

.f-azure-drive-filter-order-by-direction[f-direction="desc"] .f-azure-drive-filter-order-by-direction-arrow,
.f-google-drive-filter-order-by-direction[f-direction="desc"] .f-google-drive-filter-order-by-direction-arrow{
  transform: rotate(0deg);
}

#f_azure_drive_folder_selector .select2-container--default .select2-selection--single,
.f-form-v2 .f-azure-drive-filter-type .select2-container--default .select2-selection--single,
.f-form-v2 .f-google-drive-filter-type .select2-container--default .select2-selection--single{
  border-radius:2px !important;
  height: 26px !important;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 10px;
  line-height: 13px;
}

.f-form-v2 .f-azure-drive-filter-order-by .select2-container--default .select2-selection--single,
.f-form-v2 .f-google-drive-filter-order-by .select2-container--default .select2-selection--single{
  height: 26px !important;
  padding-top: 3px;
  padding-bottom: 2px;
  font-size: 10px;
  line-height: 13px;
  border:none;
  padding-left:5px !important;
}

#f_azure_drive_folder_selector .select2-container--default .select2-selection--single .select2-selection__arrow,
.f-form-v2 .f-azure-drive-filter-order-by .select2-container--default .select2-selection--single .select2-selection__arrow,
.f-form-v2 .f-azure-drive-filter-type .select2-container--default .select2-selection--single .select2-selection__arrow,
.f-form-v2 .f-google-drive-filter-order-by .select2-container--default .select2-selection--single .select2-selection__arrow,
.f-form-v2 .f-google-drive-filter-type .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:12px;
}

.f-form-v2 .f-azure-drive-filter-order-by .select2-container--default .select2-selection--single .select2-selection__arrow,
.f-form-v2 .f-google-drive-filter-order-by .select2-container--default .select2-selection--single .select2-selection__arrow{
  width:0;
}

#f_azure_drive_file_browser_filters .select2-dropdown .select2-results li.select2-results__option,
.f-azure-drive-filter-date .f-simple-date-range-picker-date-display-container .f-simple-date-range-picker-date-display,
.f-google-drive-filter-date .f-simple-date-range-picker-date-display-container .f-simple-date-range-picker-date-display,
#f_google_drive_file_browser_filters .select2-dropdown .select2-results li.select2-results__option{
  font-size:10px;
}

#f_azure_drive_filter_order_by .select2-dropdown .select2-results,
#f_google_drive_filter_order_by .select2-dropdown .select2-results{
  border-top:1px solid #E1E7EA;
}

.f-azure-drive-files-list-next,
.f-google-drive-files-list-next{
  padding: 5px 6px 10px 6px;
}

.f-azure-drive-files-list-next .btn,
.f-google-drive-files-list-next .btn {
  width: 100%;
  color: #353A40 !important;
  border: dashed 1px #D9D9D9;
  border-radius: 6px;

  -webkit-transition: border-color .3s ease-out;
  -moz-transition: border-color .3s ease-out;
  -o-transition: border-color .3s ease-out;
  transition: border-color .3s ease-out;
}

.f-azure-drive-files-list-next .btn:hover,
.f-google-drive-files-list-next .btn:hover {
  border-color: #353A40;
}

.f-azure-drive-file,
.f-google-drive-file{
  cursor:pointer;
}

.f-google-drive-folder .btn,
.f-azure-drive-folder .btn{
  padding: 1px 0;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: baseline;
  justify-content: flex-start;
}

.f-azure-breadcrumb{
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding-bottom:2px;
  margin-bottom: 5px;
  position: sticky;
  top: 0;
  background-color:white;
  width:100%;
  align-items: center;
  font-size:10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space:nowrap;
  scrollbar-width: thin;
  scrollbar-color: #353A40 transparent;
}

.f-azure-breadcrumb::-webkit-scrollbar::-webkit-scrollbar {
  width: 8px;
}

.f-azure-breadcrumb::-webkit-scrollbar-thumb {
  background-color: #353A40;
}

.f-azure-breadcrumb::-webkit-scrollbar-track {
  background: transparent;
}

.f-azure-breadcrumb .btn{
  padding:0;
  vertical-align:baseline !important;
}

.f-azure-breadcrumb-current,
.f-azure-breadcrumb .btn .f-btn-text{
  white-space:nowrap;
}

.f-azure-drive-create-document-title,
.f-google-drive-create-document-title{
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  font-size: 14px;
}

.f-google-drive-file-browser-container .f-google-drive-connection-manager,
.f-azure-drive-file-browser-container .f-azure-drive-connection-manager{
  position: absolute;
  right: 50px;
  top: -35px;
  width: fit-content;
  padding: 0;
  min-width: 100px;
}

.f-google-drive-file-browser-container .f-google-drive-connection-manager .f-google-disconnection-btn,
.f-azure-drive-file-browser-container .f-azure-drive-connection-manager .f-azure-disconnection-btn{
  width: fit-content;
  padding: 4px;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}

.f-google-drive-file-browser-container .f-google-drive-connection-manager .f-google-disconnection-btn .f-btn-text,
.f-azure-drive-file-browser-container .f-azure-drive-connection-manager .f-azure-disconnection-btn .f-btn-text{
  padding-top: 2px;
}

.f-azure-drive-file-browser-container .f-azure-drive-sharepoint-filters{
  display: flex;
  flex-direction: row;
  gap:5px
}

.f-azure-drive-file-browser-container .f-azure-drive-sharepoint-filters .f-azure-drive-sharepoint-filter-site,
.f-azure-drive-file-browser-container .f-azure-drive-sharepoint-filters .f-azure-drive-sharepoint-filter-drive{
  flex:1;
}

.f-azure-connection-selector-container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

.f-azure-connection-selector-container .f-azure-connection-selector{
  white-space:nowrap;
  padding: 10px;
  height: 60px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  border: 1px solid transparent;
}

.f-azure-connection-selector-container .active:not(.single){
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}

.f-azure-connection-content-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.platform-windows ::-webkit-scrollbar{
  width: 8px !important;
  height: 8px !important;
}

.platform-windows ::-webkit-scrollbar-thumb {
    background-color: rgba(136, 136, 136, 0.8) !important;
    border-radius: 10px !important;
}

.platform-windows ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(85, 85, 85, 0.8) !important;
}

.f-user-filter-container.f-project-calendar-user-filter-container .btn .f-btn-text {
  position: relative;
  top: 0px;
}

#f_rh_drive_connections_tab_container .card-body{
  font-family: "Poppins-Regular", "ubuntu-bold", sans-serif !important;
  font-weight: 500;
  font-size: 14px;
}

.furious-mailer-ses-verification-send-state-ko,
.furious-mailer-ses-verification-send-state-ok{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}

.furious-mailer-ses-verification-send-state-ok{
  background-color:green;
}

.furious-mailer-ses-verification-send-state-ko{
  background-color:red;
}

.furious-mailer-ses-verification-state{
  overflow: auto;
}

.furious-mailer-ses-verification-state table.table.f-furious-table-v2 td::before{
  position:relative !important;
  display:none !important;
}

.furious-mailer-ses-verification-state table.table.f-furious-table-v2 td{
  line-height: normal;
  white-space: nowrap !important;
}

.furious-mailer-ses-verification-dns-list{
  border-radius: 6px;
  border: 1px solid #DCDCDC;
  background: #FFF;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  position:relative;
}

.furious-mailer-ses-unselectable{
  pointer-events: none;
  user-select: none;
  opacity: 0.1;
}

.furious-mailer-ses-verification-domain-infos{
  font-style: normal;
  font-size:11px;
  font-weight:400;
}

.furious-mailer-ses-verification-domain-infos .domain-info-title{
  font-weight: 600;
}

.furious-mailer-ses-verification-dns-loader-container{
  position:absolute;
  left:50%;
}

#f-widget-permissions-create-modal .f-edit-config-evaluation-permission-widget-form-content .form-check-label,
#f-widget-permissions-edit-modal .f-edit-config-evaluation-permission-widget-form-content .form-check-label {
  font-size: .8125rem;
  font-weight: 500;
}

#rh_eval-page td *,
#rh_eval-page .fr-box .fr-element.fr-view * {
  white-space: normal !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-wrapper,
#suivi_temps-page .f-calendar-wrapper{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}

#suivi_temps-page .f-user-timesheet-list-block{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #D9D9D9;
  padding:12px;
}


#suivi_temps-page .f-calendar-navigation-buttons-container{
  display: flex;
  gap: 5px;
  position: relative;
}

#suivi_temps-page .f-calendar-tab-container{
  position: absolute;
  right: 0;
  bottom: -41px;
  z-index: 500;
  display:flex;
}

#suivi_temps-page .f-calendar-tab-container .f-calendar-switch-view-btn.active{
  background: #FFFFFF !important;
  border-top-right-radius: 2px !important;
  border-top-left-radius: 2px !important;
  border-top: solid 1px #D9D9D9 !important;
  border-left: solid 1px #D9D9D9 !important;
  border-right: solid 1px #D9D9D9 !important;
  border-bottom: solid 1px #FFFFFF !important;
}

#suivi_temps-page .f-calendar-tab-container .f-calendar-switch-view-btn.active i
{
  color:#353A40 !important;
}

#planning-page .f-planning-container-col .f-planning-switch-view-btn.active svg path{
    fill: #353A40 !important;
    color: #353A40 !important;
}

#suivi_temps-page .card-body .furious-stat-container{
  height: 40px;
  display: flex;
  align-items: center;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-header-top-container,
#suivi_temps-page .f-calendar-header-top-container{
  box-shadow: none !important;
  border-top-right-radius: 0;
  border-top-left-radius: 4px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
  min-height:50px;

  padding-left: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 13px;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-header-top-container .f-calendar-legend-container,
#suivi_temps-page .f-calendar-header-top-container .f-calendar-legend-container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-container,
#suivi_temps-page .f-calendar-legend-container-menu-container{
  top:34px;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-wrapper .f-calendar [data-id="nav.scroll"] > div:first-child > div:first-child,
#suivi_temps-page .f-calendar-wrapper .f-calendar [data-id="nav.scroll"] > div:first-child > div:first-child{
  border-bottom-left-radius: 4px
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-wrapper .f-calendar [data-id="nav.scroll"] > div:first-child > div:last-child,
#suivi_temps-page .f-calendar-wrapper .f-calendar [data-id="nav.scroll"] > div:first-child > div:last-child{
  border-bottom-right-radius: 4px
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar .calendar_default_cell .calendar_default_cell_inner.highlight-cell,
#suivi_temps-page .f-calendar .calendar_default_cell .calendar_default_cell_inner.highlight-cell {
  background-color: #5565FC !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar .calendar_default_cell,
#suivi_temps-page .f-calendar .calendar_default_cell{
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar  tr.hover-active-crosshair .calendar_default_cell_inner,
#suivi_temps-page .f-calendar  tr.hover-active-crosshair .calendar_default_cell_inner{
  background-color: #f3f5f6 !important;
  border-color:#e7e9e9 !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar  td.hover-active-crosshair .calendar_default_cell_inner,
#suivi_temps-page .f-calendar  td.hover-active-crosshair .calendar_default_cell_inner{
  background-color: #f3f5f6 !important;
  border-color:#e7e9e9 !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar  tr.hover-active-crosshair td.hover-active-crosshair .calendar_default_cell_inner,
#suivi_temps-page .f-calendar  tr.hover-active-crosshair td.hover-active-crosshair .calendar_default_cell_inner{
  background-color: #e8ebed !important;
  border-color:#dde0e1 !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-v2 .f-legend.f-hideable-legend,
#suivi_temps-page .f-calendar-legend-container-menu-v2 .f-legend.f-hideable-legend{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

[f-gs-id="suivi_temps"] .f-widget-container .f-calendar-legend-container-menu-container div.f-calendar-legend-container-menu,
#suivi_temps-page .f-calendar-legend-container-menu-container div.f-calendar-legend-container-menu{
  flex-direction: column;
  align-items: baseline;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box.active + .f-calendar-header-percent-container,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box.active + .f-calendar-header-percent-container{
  color:white;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box .f-day-number,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box .f-day-number{
  font-family: "Poppins-Regular", "ubuntu-bold", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 0;
  margin: 4px 0 0 0;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_rowheader_inner .calendar_default_rowheader_minutes,
#suivi_temps-page .calendar_default_rowheader_inner .calendar_default_rowheader_minutes{
  display:none;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_rowheader_inner,
#suivi_temps-page .calendar_default_rowheader_inner{
  font-family: "Poppins-Regular", "ubuntu-bold", sans-serif !important;
  font-weight: 400;
  text-align: left;
  padding: 2px 11px;
  font-size: 12px !important;
  border-top: 1px solid rgb(153, 153, 153);
  border-bottom:none !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_colheader_inner .f-planning-day-box .f-day-name,
#suivi_temps-page .calendar_default_colheader_inner .f-planning-day-box .f-day-name{
  padding: 0;
  margin: 0;
  height: 16px;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_cell_business .calendar_default_cell_inner,
#suivi_temps-page .calendar_default_cell_business .calendar_default_cell_inner{
  border-top:none !important;
  border-bottom:none !important;
}

[f-gs-id="suivi_temps"] .f-widget-container .calendar_default_cell_business.f-start-hour .calendar_default_cell_inner,
#suivi_temps-page .calendar_default_cell_business.f-start-hour .calendar_default_cell_inner{
  border-top:1px solid #F2F2F2 !important
}

.f-notion-modal .f-notion-connection-manager{
  position: absolute;
  text-align: right;
  right: 30px;
  top: -20px;
}

.f-notion-modal .f-notion-connection-manager .f-notion-disconnection-btn{
  padding: 0 !important;
  margin-right: 5px;
}

.f-user-calendar-list-multi-update-form-count-wrapper{
  color:#929CFC;
}

.f-config-totp-qdcode-container{
  width:fit-content;
}

.f-config-totp-qdcode-container .f-legend{
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.f-config-totp-qdcode-container .f-config-totp-qdcode-code-display{
  font-family: monospace;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.f-config-totp-qdcode-container .f-hideable-legend[f-state="active"] .f-totp-secret-hide,
.f-config-totp-qdcode-container .f-hideable-legend .f-totp-secret-show{
  display:none;
}

.f-config-totp-qdcode-container .f-hideable-legend[f-state="active"] .f-totp-secret-show,
.f-config-totp-qdcode-container .f-hideable-legend .f-totp-secret-hide{
  display:block;
}

#f_regenerate_password_form .btn-success[type="submit"]{
  background-color: #5565FC !important;
  border-color: #5565FC !important;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#f_regenerate_password_form .btn-success[type="submit"]:focus,
#f_regenerate_password_form .btn-success[type="submit"]:visited,
#f_regenerate_password_form .btn-success[type="submit"]:active,
#f_regenerate_password_form .btn-success[type="submit"]:hover {
    background-color: #2338fb !important;
    border-color: #2338fb !important;
    outline: none !important;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

#cash_planner-page .popover-body {
  max-height: 400px;
  overflow: scroll;
}

.email-state-check .badge {
  border-radius: 10rem !important;
  padding: 0.15rem 0.4rem;
  font-size: 0.6rem;
}

.email-state-check img {
  width: 16px;
  height: 16px;
}

.f-text-waiting {
  color: #FFA678;
}

.f-evaluation-actions .f-dropdown-download-evaluation {
  position: relative;
}

.f-evaluation-actions .f-dropdown-download-evaluation .nav-link::after{
  margin-left: 0.15rem;
  content: "\f140";
  font: normal normal normal 24px / 1 "Material Design Icons";
  color: #566D89;
  font-size: 1rem;
}

.f-evaluation-actions .f-dropdown-download-evaluation:hover .dropdown-menu{
  display: block;
  margin-top: 0;
}

.f-evaluation-actions .f-dropdown-download-evaluation:hover .dropdown-menu{
  left: auto;
  right: 0;
}

.f-evaluation-actions .f-dropdown-download-evaluation  .dropdown-menu .dropdown-item:active {
  background-color: #353A40;
}