@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
section {
  padding: 0 111px;
}

button.btn-close {
  box-shadow: none;
  outline: none;
}
button.btn-close:focus {
  box-shadow: none;
  outline: none;
}

a {
  text-decoration: none;
}
a:hover {
  color: unset;
}

.copy-btn {
  cursor: pointer;
  position: relative;
}

.copy-btn.copied:before {
  content: "The text is copied!";
  padding: 4px 16px;
  left: calc(100% - 24px);
  border-radius: 5px;
  background: #C5E9BF;
  position: absolute;
  width: max-content;
  bottom: calc(100% + 6px);
}

.main-btn {
  width: max-content;
  border-radius: 44px;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 14px 36px;
  color: white;
  outline: none;
  border: none;
}
.main-btn:hover {
  color: white;
}

.main-btn:disabled {
  background: #EBEBEB;
  color: #0B0B0B;
}

.btn-outline-green {
  border: 1px solid #14A800;
  background: #E7F6E5;
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.044px;
}
.btn-outline-green:hover {
  color: #0B0B0B;
}

.btn-outline-red {
  border: 1px solid #AF0000;
  background: #F6E5E5;
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.044px;
}
.btn-outline-red:hover {
  color: #0B0B0B;
}

.btn-green {
  background: #14A800;
}

.btn-danger {
  background: #CF0000;
}

.btn-gray {
  background: #EBEBEB;
  color: #0B0B0B;
}
.btn-gray:hover {
  color: #0B0B0B;
}

.btn-light-gray {
  background: #EBEBEB;
  color: #4A4A4A;
}
.btn-light-gray:hover {
  color: #4A4A4A;
}

.status-item {
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.044px;
  padding: 4px;
  border-radius: 16px;
  border: 1px solid #CACACA;
  width: max-content;
}

.status-ready {
  border: 1px solid #FFCC15;
  background: #FFF8E0;
}

.status-applied {
  border: 1px solid #14A800;
  background: #E7F6E5;
}

.main-title {
  text-align: left;
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.264px;
}

.subtitle {
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.inp-wrapper label {
  width: 100%;
  color: #2C2C2C;
  font-family: "Montserrat";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 3px;
}
.inp-wrapper .main-inp {
  width: 100%;
  outline: none;
  padding: 12px 24px 12px 16px;
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inp-wrapper .help-block {
  margin-top: 3px;
  font-family: "Montserrat";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.inp-wrapper .help-block.danger {
  color: #CF0000;
}
.inp-wrapper .main-inp.danger {
  border-color: #CF0000;
}

.pagination {
  justify-content: right;
  align-items: center;
}
.pagination .page-item {
  margin-left: 12px;
}
.pagination .page-item .page-link {
  border: none;
  box-shadow: none;
  color: #838383;
  padding: 6px 10px;
  border-radius: 5px !important;
}
.pagination .page-item.active .page-link {
  color: white;
  background: #14A800;
  box-shadow: unset;
}
.pagination .page-item.disabled {
  opacity: 0.5;
}

.vue-pagination .pagination .pagination-prev-nav .page-link {
  position: relative;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
}
.vue-pagination .pagination .pagination-prev-nav .page-link:before {
  top: calc(50% - 6px);
  display: flex;
  align-items: center;
  position: absolute;
  content: "\f104";
  width: 100%;
  height: 100%;
}
.vue-pagination .pagination .pagination-prev-nav .page-link span {
  display: none;
}
.vue-pagination .pagination .pagination-next-nav .page-link {
  position: relative;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
}
.vue-pagination .pagination .pagination-next-nav .page-link:before {
  top: calc(50% - 6px);
  display: flex;
  align-items: center;
  position: absolute;
  content: "\f105";
  width: 100%;
  height: 100%;
}
.vue-pagination .pagination .pagination-next-nav .page-link span {
  display: none;
}

.navbar {
  padding: 28px 111px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.navbar .navbar-brand {
  width: 102px;
}
.navbar .navbar-links-wrapper {
  align-items: center;
  display: flex;
}
.navbar .navbar-links-wrapper .nav-item {
  margin-left: 76px;
  display: flex;
  align-items: center;
}
.navbar .navbar-links-wrapper .nav-item .total {
  margin-left: 8px;
  background: #14A800;
  color: white;
  border-radius: 34px;
  padding: 4px 8px;
  width: max-content;
}
.navbar .navbar-links-wrapper .nav-item .nav-link {
  transition: 0.3s ease-in-out;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.navbar .navbar-links-wrapper .nav-item .nav-link:hover {
  color: #14A800;
}
.navbar .navbar-links-wrapper .nav-item .nav-link.active {
  color: #14A800;
}

.background-wrapper {
  position: absolute;
  width: 100%;
  padding-top: 224px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.background-wrapper .img-wrapper {
  width: 316px;
}
.background-wrapper .text-wrapper {
  margin-top: 24px;
  width: 100%;
  color: #4A4A4A;
  text-align: center;
  font-family: "Montserrat";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.login {
  display: flex;
  justify-content: flex-end;
}
.login .login-form-wrapper {
  width: 25%;
  border-radius: 10px;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  padding: 48px 36px;
}
.login .login-form-wrapper .inp-wrapper {
  margin-bottom: 36px;
}

.job-view-title {
  padding-top: 48px;
  padding-bottom: 36px;
  border-bottom: 1px solid #EBEBEB;
}
.job-view-title .title-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.job-view-title .title-wrapper .start-wrapper {
  margin-left: 14px;
}
.job-view-title .status-wrapper {
  margin-top: 12px;
}
.job-view-title .link-wrapper {
  display: flex;
  justify-content: flex-end;
}
.job-view-title .link-wrapper .icon-wrapper {
  margin-right: 12px;
}

.job-view-description {
  border-bottom: 1px solid #EBEBEB;
  padding-top: 48px;
  padding-bottom: 51px;
}
.job-view-description .description-wrapper {
  margin-top: 8px;
}
.job-view-description .description-wrapper .description {
  color: #2C2C2C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
  height: 166px;
  overflow: hidden;
}
.job-view-description .description-wrapper .description.opened {
  height: auto;
}
.job-view-description .open-more-line {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn {
  display: flex;
  align-items: center;
  color: #14A800;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.154px;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn i {
  margin-left: 4px;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn .more-text {
  display: block;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn .less-text {
  display: none;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn .fa-chevron-up {
  display: none;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn .fa-chevron-down {
  display: block;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn.opened .more-text {
  display: none;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn.opened .less-text {
  display: block;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn.opened .fa-chevron-up {
  display: block;
}
.job-view-description .open-more-line .open-more-btn-wrapper .open-more-btn.opened .fa-chevron-down {
  display: none;
}
.job-view-description .comment-wrapper {
  padding: 24px;
  border-radius: 10px;
  background: #E7F6E5;
}
.job-view-description .comment-wrapper .comment {
  margin-top: 8px;
  color: #4A4A4A;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.proposal .proposal-wrapper {
  padding-top: 48px;
  padding-bottom: 150px;
}
.proposal .proposal-wrapper .btn-wrapper {
  padding-top: 36px;
  display: flex;
  justify-content: flex-end;
}
.proposal .proposal-wrapper .inp-wrapper {
  margin-top: 20px;
}
.proposal .proposal-wrapper .inp-wrapper textarea.main-inp {
  overflow: hidden;
  resize: none;
  min-height: 350px;
  padding: 36px 36px 56px;
}
.proposal .proposal-wrapper .inp-wrapper textarea.main-inp ~ .copy-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: -48px;
  margin-right: 36px;
  width: max-content;
  margin-left: auto;
  height: 48px;
}
.proposal .proposal-wrapper .question-wrapper .inp-wrapper {
  padding-top: 36px;
}
.proposal .proposal-wrapper .question-wrapper .inp-wrapper label {
  color: #0B0B0B;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.154px;
  margin-bottom: 12px;
}
.proposal .proposal-wrapper .question-wrapper .inp-wrapper textarea.main-inp {
  min-height: 200px;
}
.proposal .proposal-wrapper .rate-wrapper {
  display: flex;
  padding: 63px 0 73px;
  align-items: center;
}
.proposal .proposal-wrapper .rate-wrapper .rate-value {
  padding: 0 10px;
  color: #14A800;
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.proposal .job-activity-wrapper {
  margin-bottom: 64px;
  padding-top: 48px;
}
.proposal .job-activity-wrapper .subtitle {
  margin-bottom: 24px;
}
.proposal .job-activity-wrapper .activity-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.proposal .job-activity-wrapper .activity-line .activity-name {
  color: #4A4A4A;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.154px;
}
.proposal .job-activity-wrapper .activity-line .activity-info {
  color: #2C2C2C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.154px;
}
.proposal .client-info-wrapper .subtitle {
  margin-bottom: 24px;
}
.proposal .client-info-wrapper .client-info-item .name {
  width: 100%;
  color: #2C2C2C;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.154px;
}
.proposal .client-info-wrapper .client-info-item .info {
  margin: 2px 0 36px;
  width: 100%;
  color: #4A4A4A;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.inbox, .job-list {
  padding-bottom: 124px;
}
.inbox .section-title, .job-list .section-title {
  padding: 48px 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: "Montserrat";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0.22px;
}
.inbox .table-wrapper, .job-list .table-wrapper {
  margin-bottom: 32px;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.inbox .table-wrapper table, .job-list .table-wrapper table {
  width: 100%;
}
.inbox .table-wrapper .head, .job-list .table-wrapper .head {
  background: #EBEBEB;
  border-radius: 10px 10px 0 0;
}
.inbox .table-wrapper tr, .job-list .table-wrapper tr {
  border-bottom: 1px solid #EBEBEB;
}
.inbox .table-wrapper tr.sent-to-slack, .job-list .table-wrapper tr.sent-to-slack {
  background: rgba(74, 21, 75, 0.06);
  border-left: 3px solid #4A154B;
}
.inbox .table-wrapper .slack-badge, .job-list .table-wrapper .slack-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background: rgba(74, 21, 75, 0.15);
  color: #4A154B;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
}
.inbox .table-wrapper th, .job-list .table-wrapper th {
  padding: 18px 0 21px 0;
}
.inbox .table-wrapper td, .job-list .table-wrapper td {
  padding: 15px 0 15px 0;
}
.inbox .table-wrapper th.actions, .job-list .table-wrapper th.actions {
  width: 360px;
}
.inbox .table-wrapper .first, .job-list .table-wrapper .first {
  padding-left: 48px;
}
.inbox .table-wrapper .actions, .job-list .table-wrapper .actions {
  border-left: 1px solid #EBEBEB;
  padding-left: 24px;
}
.inbox .table-wrapper .action-buttons-wrapper, .job-list .table-wrapper .action-buttons-wrapper {
  display: flex;
  align-items: center;
}
.inbox .table-wrapper .action-buttons-wrapper .main-btn, .job-list .table-wrapper .action-buttons-wrapper .main-btn {
  margin-left: 20px;
}
.inbox .table-wrapper .action-buttons-wrapper .main-btn i, .job-list .table-wrapper .action-buttons-wrapper .main-btn i {
  margin-left: 4px;
}
.inbox .table-wrapper .action-buttons-wrapper .external-link, .job-list .table-wrapper .action-buttons-wrapper .external-link {
  margin-right: 10px;
}
.inbox .table-wrapper .action-buttons-wrapper .btn-icon, .job-list .table-wrapper .action-buttons-wrapper .btn-icon {
  margin-left: 30px;
  color: #A4A4A4;
  font-size: 20px;
  transition: 0.3s ease-in-out;
}
.inbox .table-wrapper .action-buttons-wrapper .btn-icon:hover, .job-list .table-wrapper .action-buttons-wrapper .btn-icon:hover {
  color: red;
}
.inbox .table-wrapper .start-wrapper, .job-list .table-wrapper .start-wrapper {
  cursor: pointer;
}
.inbox .table-wrapper .start-wrapper .fa-solid, .job-list .table-wrapper .start-wrapper .fa-solid {
  display: none;
  color: #14A800;
}
.inbox .table-wrapper .start-wrapper .fa-regular, .job-list .table-wrapper .start-wrapper .fa-regular {
  display: block;
  color: #CACACA;
}
.inbox .table-wrapper .start-wrapper.priority .fa-solid, .job-list .table-wrapper .start-wrapper.priority .fa-solid {
  display: block;
}
.inbox .table-wrapper .start-wrapper.priority .fa-regular, .job-list .table-wrapper .start-wrapper.priority .fa-regular {
  display: none;
}
.inbox .tool-line, .job-list .tool-line {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  width: 100%;
  flex-wrap: wrap;
}
.inbox .tool-line .tabs-wrapper, .job-list .tool-line .tabs-wrapper {
  display: flex;
}
.inbox .tool-line .tabs-wrapper .tab-item, .job-list .tool-line .tabs-wrapper .tab-item {
  cursor: pointer;
  padding: 12px 36px;
  color: #CACACA;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border-bottom: 2px solid #CACACA;
}
.inbox .tool-line .tabs-wrapper .tab-item.active, .job-list .tool-line .tabs-wrapper .tab-item.active {
  color: #14A800;
  border-color: #14A800;
}
.inbox .tool-line .tools-wrapper, .job-list .tool-line .tools-wrapper {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.inbox .tool-line .tools-wrapper .tool-item, .job-list .tool-line .tools-wrapper .tool-item {
  padding-left: 36px;
}
.inbox .tool-line .tools-wrapper .tool-item .main-btn i, .job-list .tool-line .tools-wrapper .tool-item .main-btn i {
  margin-right: 12px;
}
.inbox .tool-line .tools-wrapper .tool-item .dropdown .filter-btn, .job-list .tool-line .tools-wrapper .tool-item .dropdown .filter-btn {
  display: flex;
  padding: 4px 12px;
  align-items: center;
  border: 1px solid #CACACA;
  border-radius: 16px;
}
.inbox .tool-line .tools-wrapper .tool-item .dropdown .filter-btn span, .job-list .tool-line .tools-wrapper .tool-item .dropdown .filter-btn span {
  padding: 0 8px;
}
.inbox .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu, .job-list .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu {
  border: none;
  padding: 16px 20px 4px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}
.inbox .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu .status-item-wrapper, .job-list .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu .status-item-wrapper {
  margin-bottom: 12px;
}
.inbox .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu .status-item-wrapper .status-inp, .job-list .tool-line .tools-wrapper .tool-item .dropdown .dropdown-menu .status-item-wrapper .status-inp {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  color: #0B0B0B;
}

.modal-customize .modal-title {
  color: rgba(0, 0, 0, 0.8);
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.modal-customize .modal-header {
  padding: 25px 36px 20px 36px;
  border-bottom: 1px solid #E0E0E0;
}
.modal-customize .modal-body {
  padding: 48px 36px 36px;
}
.modal-customize .btn-wrapper {
  display: flex;
  justify-content: flex-end;
}
.modal-customize .checkbox-wrapper {
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
  display: flex;
  align-items: center;
}
.modal-customize .checkbox-wrapper label {
  padding-left: 30px;
  position: relative;
}
.modal-customize input[type=checkbox] {
  display: none;
}
.modal-customize .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #CACACA;
}
.modal-customize .background {
  display: none;
  position: absolute;
  width: 18px;
  height: 100%;
  background: #14A800;
  top: 1px;
  left: 1px;
}
.modal-customize .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.modal-customize input[type=checkbox]:checked ~ .checkmark {
  border-color: #14A800;
}
.modal-customize input[type=checkbox]:checked ~ .checkmark::after {
  display: block;
}
.modal-customize input[type=checkbox]:checked ~ .background {
  display: block;
}
.modal-customize .checkmark::after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custom-checkbox-wrapper {
  padding-left: 30px;
  overflow: hidden;
  height: 20px;
  position: relative;
}
.custom-checkbox-wrapper input[type=checkbox] {
  display: none;
}
.custom-checkbox-wrapper .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid #CACACA;
  border-radius: 3px;
}
.custom-checkbox-wrapper .background {
  display: none;
  position: absolute;
  width: 18px;
  height: 100%;
  background: #14A800;
  top: 0;
  left: 0;
  border-radius: 3px;
}
.custom-checkbox-wrapper .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox-wrapper input[type=checkbox]:checked ~ .checkmark {
  border-color: #14A800;
}
.custom-checkbox-wrapper input[type=checkbox]:checked ~ .checkmark::after {
  display: block;
}
.custom-checkbox-wrapper input[type=checkbox]:checked ~ .background {
  display: block;
}
.custom-checkbox-wrapper .checkmark::after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#addFreelancerModal textarea {
  min-height: 162px;
}
#addFreelancerModal .btn-wrapper {
  margin-top: 48px;
}

.slide-checkbox-wrapper label {
  margin-right: 22px;
}
.slide-checkbox-wrapper input.form-checkbox {
  position: relative;
  width: 0;
  margin: 0 30px;
}
.slide-checkbox-wrapper input.form-checkbox::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  top: -5px;
  left: -23px;
  transition: 0.3s;
  background: #EBEBEB;
}
.slide-checkbox-wrapper input.form-checkbox::after {
  content: "";
  position: absolute;
  width: 29px;
  height: 29px;
  border-radius: 20px;
  top: -7px;
  left: -32px;
  background: #ffffff;
  border: 1px solid #ededed;
  cursor: pointer;
  transition: 0.3s;
}
.slide-checkbox-wrapper input.form-checkbox:checked::after {
  left: 0px;
  background: #14A800;
}
.slide-checkbox-wrapper input.form-checkbox:checked::before {
  background: rgba(20, 168, 0, 0.3215686275);
}
.slide-checkbox-wrapper .preview-layout {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

#confirmDeleteModal .modal-header {
  align-items: flex-start;
}
#confirmDeleteModal .modal-header .modal-title {
  max-width: 240px;
}
#confirmDeleteModal .confirm-buttons-wrapper {
  display: flex;
  justify-content: flex-end;
}
#confirmDeleteModal .confirm-buttons-wrapper .main-btn {
  margin-left: 24px;
}

.custom-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}
.custom-scroll::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 10px;
}
.custom-scroll::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5;
}
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #c9c9c9;
}

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