/*838 den 19750 ye kadar düzelt */


@font-face {
  font-family: sfpro;
  src: url("../font/SFPRODISPLAYREGULAR.OTF") format("opentype");
}

@font-face {
  font-family: Lato;
  src: url("../font/Lato-Regular.ttf") format("opentype");
}
strong {
  font-weight: normal !important;
}
.hide {
  display: none;
}
.invalid {
  color: red;
}
.invalidFb,
.invalid-feedback-email,
.invalid-feedback-pw {
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
html,
body {
  height: -webkit-fill-available;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "sfpro";
}
body {
  width: 99%;
}
.dropdown-toggle {
  outline: 0;
}
.btn-primary {
  background-color: #0e53ef;
}
.btn-success {
  background-color: #7fd450;
  border: none;
}
.text-success {
  color: #7fd450 !important;
}

.hidden {
  display: none;
}

.table label input.form-check-input {
  margin-top: 10px;
  margin-left: 2px;
}
.accordion-body .form-check-input {
  margin-right: 10px;
  border-radius: 2px;
  border: 1px solid var(--Dark-Grey, #7487b2);
  background: var(--White, #fff);
}
.btn-toggle {
  padding: 0.25rem 0.5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), 0.85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), 0.85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: 0.1875rem 0.5rem;
  margin-top: 0.125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}

.scrollarea {
  overflow-y: auto;
}

/*sidebar start*/
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border: solid rgba(0, 0, 0, 0.15);
  border-width: 1px 0;
  box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, 0.1),
    inset 0 0.125em 0.5em rgba(0, 0, 0, 0.15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -0.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}
/*sidebar end*/

/* .main-logo {
  width: 212px;
  text-align: center;
  align-content: center;
  background-color: #5a23c8;
  margin-right: 10px;
} */

/*.container-mid .row {*/
/*  padding-right: 0 !important;*/
/*}*/
.left-menu {
  padding-right: 0;
}
.left-menu,
.top-content-left {
  /* max-width: 290px; */
}
.right-content {
  background: var(--Background-color, #f1f5f7);
  border-top: 1px solid rgb(230, 230, 230);
  border-left: 1px solid rgb(230, 230, 230);
  padding: 20px;
}

.right-navbar {
  padding: 0;
  margin: auto 0;
  background-color: white;
}
.side-menu-container {
  border-top: 1px solid rgb(245, 245, 245);
}
.side-menu-container .nav-link {
  color: #7487b2;
  padding: 13px 20px;
}

.side-menu-container .nav-link svg {
  margin-right: 10px;
}
.side-menu-container svg {
  vertical-align: -0.125em;
}

.menu-title {
  color: #1a125f;
  margin: 20px;
}

.side-menu-container .active-title {
  color: #0e53ef;
  border-right: 3px solid #0e53ef;
  border-radius: 0;
  background-color: #f1f6ff;
  font-weight: unset !important;
}
.nav-link svg.active-svg path {
  /* Add your styling for the active SVG here */
  fill: #0e53ef !important; /* Change this to your desired style */
}

.breadcrumb-custom,
.breadcrumb-custom a,
.breadcrumb-item.active {
  color: #7487b2;
  text-decoration: none;
}

.custom-searchbar {
  padding-left: 40px !important;
  border-radius: 20px;
  background-color: #f1f6ff;
  /* padding: 20px 20px; */
  color: #0e53ef;
}
.custom-searchbar::placeholder {
  color: #0e53ef;
}
.search_label {
  position: relative;
  display: inline-block;
  left: 30px;
  top: 5px;
}

/*sidebar end*/
.main-table td {
  vertical-align: middle;
}
.main-title {
  font-family: Lato;
  font-size: 24px;
}

.main-buttons button {
  margin: 0 0 0 10px;
  float: right;
}

.main-content .nav-link.active,
.modal-body .nav-link.active {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #0e53ef;

  background-color: inherit !important;
  color: #0e53ef;
  font-weight: unset;
}
.main-content .nav {
  margin-top: 10px;
}
.main-content .nav-link,
.modal-body .nav-link {
  color: #7487b2;
  border: none;
}

.main-content li {
  font-size: 18px;
}
.content-title {
  font-size: 20px;
  font-family: "Lato";
  color: #0e53ef;
  margin-bottom: 20px;
}
.main-content ul li {
  margin-right: 25px;
}
.content-container {
  margin-top: 20px;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  float: left;
  width: 100%;
}
.content-container p {
  color: #7487b2;
}
.modal-header {
  background-color: #0e53ef;
  color: white;
  padding: 15px 25px;
}
.modal-body {
  padding: 25px;
}
.modal-body .tab-pane {
  margin-top: 20px;
}
.modal-body label {
  color: #7487b2;
}
.modal-body ul li {
  margin-right: 20px;
}
.modal-body .details-row div {
  margin-top: 5px;
}


.main-content .details-row div {
  margin-top: 20px;
  float: left;
}

.details-row input {
  color: #7487b2;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.42px;
}
.name-container div {
  margin: 5px 10px 5px 20px;
}
.photo-container {
  margin-top: 10px;
  display: -webkit-inline-box;
}
.user-title {
  color: #0e53ef;
  font-size: 18px;
  font-family: "Lato";
}
.user-subtitle {
  color: #7487b2;
}
.table_edited thead tr th {
  color: #7487b2;
  background: var(--Light-Blue, #f1f6ff) !important;
  text-transform: uppercase;
  font-size: 12px !important;
  vertical-align: middle;
  padding: 15px 10px;
}



.content-container thead tr th,
.content-container td,
#modalShowOrgUsers thead tr th,
#modalShowOrgUsers td {
  color: #7487b2 !important;
  max-width: 300px;
}
.content-container thead tr th,
#modalShowOrgUsers thead tr th  {
  /* border-right: 1px solid #7487b2; */

  font-size: 12px;
  background: var(--Light-Blue, #f1f6ff);
  border: unset;
  /* border-radius: 10px 10px 0px 0px; */
  padding: 20px 10px;
}
.content-container thead tr th svg,
#modalShowOrgUsers thead tr th svg {
  margin-left: 10px;
}
.content-container .dropstart a.btn {
  padding: 0;
  border: none;
}
.content-container .dropstart ul,
.dropdown-menu {
  border-radius: 5px;
  background: var(--White, #fff);
  border: none;
  /* Shadow */
  box-shadow: 0.5px 0.5px 5px 0px rgba(0, 0, 0, 0.07);
  transform: translate(0px, 22px) !important;
  min-width: 190px;
  padding: 0 0 5px 0;
}
.content-container .dropstart ul li,
.dropdown-menu li {
  margin-right: 0;
}
.content-container .dropstart ul li:nth-of-type(1) {
  background-color: #f1f6ff !important;
}

.content-container .dropstart ul li a,
.dropdown-menu li a {
  color: var(--Grey, #7487b2);
  /* SF Pro Regular 14px */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.42px;
}
.content-container .dropstart ul li span {
  color: var(--Grey, #0e53ef);
  /* SF Pro Regular 14px */

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.42px;
}
.content-container .dropstart ul li a {
  padding: 6px 18px;
  text-align: center;
}
.content-container .dropstart ul li a img {
  float: right;
  margin-top: 6px;
}
.content-container .dropstart ul li a:active {
  background-color: white !important;
}

/* Float the second SVG element to the right */
.content-container thead tr th svg:nth-child(2),
#modalShowOrgUsers thead tr th svg:nth-child(2) {
  float: right;
  margin-top: 2px;
}
.content-container .form-checked-content {
  color: #0e53ef;
}
.show-entiry {
  display: -webkit-inline-box;
  margin-bottom: 15px;
}
.show-entiry p {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 21.6px */
  color: #7487b2;
  margin: auto;
}
.show-entiry input {
  margin: 0 10px;
  width: 50px;
  height: 30px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 0.5px solid var(--Light-grey, #74788d);
  opacity: 0.5;
  text-align: center;
  font-size: 14px;
}

#date {
  width: 150px;
  outline: none;
  border: 1px solid #aaa;
  padding: 6px 28px;
  color: #aaa;
}

.date-container {
  position: relative;
  float: left;
  .date-text {
    position: absolute;
    top: 6px;
    left: 12px;
    color: #aaa;
  }

  .date-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    /* pointer-events: none; */
    cursor: pointer;
    color: #aaa;
  }
}

.recentFileColumn {
  background-color: #f1f6ff;
  padding: 20px;
}
.recentInside {
  background-color: #fff;
}

.permissionsHolder {
  color: #7487b2;
  margin: 20px 0;
}
.permissionsHolder p {
  margin-left: 30px;
  margin-top: 10px;
}
.accordion-body {
  padding: 20px 0;
}
p svg {
  margin-right: 10px;
}
.permissionsHolder h5 {
  color: #1a125f;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.48px;
}

.userpermissionTop {
  margin: 15px 0;
}
.userpermissionTop input.form-control {
  border-radius: 6px;
  background: var(--White, #fff);
}
.accordion-button {
  background: transparent !important;
  padding: 0;
  box-shadow: none !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 32.4px */
  letter-spacing: 0.18px;
}

.filterPart {
  margin-bottom: 10px;
}
.filterPart p {
  padding: 5px 0;
  font-size: 14px;
}
.filterPart p svg {
  margin-left: 5px;
}
.filterPart .input-group,
.filterPart select {
  color: #7487b2;
  font-size: 14px;
}
.filterPart .form-control {
  font-size: 14px;
}
.filterPart .input-group span {
  margin: 5px 10px 0 0px;
}

/* .removeFilter {
  display: -webkit-inline-box;
  padding: 5px;
  border: 1px solid #1a125f;
} */
.bottomFilter button {
  border-radius: 30px;
  color: #7487b2;
  border-color: #7487b2;
  padding: 5px 15px;
}
.bottomFilter svg {
  margin-bottom: 2px;
}
.bottomFilter .btn-light {
  border: none;
}
.bottomFilter svg {
  margin-right: 5px;
}

.rightTableContent {
  float: right;
}

.rightTableContent .dropstart {
  margin-left: 30px;
}

.adminRoleSection {
  border-radius: 10px;
  background: var(--White, #fff);
  /* Background blur */
  backdrop-filter: blur(20px);
  padding: 20px;
  margin-top: 20px;
}
.adminRoleSection .d-inline-flex {
  border-radius: 10px;
  border: 1px solid var(--Light-Grey, #e7e6e8);
  background: var(--White, #fff);
  margin-right: 15px;
}
.adminRoleSection .d-inline-flex .row {
  padding: 5px;
}
.adminRoleSection img {
  border-radius: 50%;
  float: right;
}
.adminRoleSection .adminAcc {
  color: var(--Grey, #7487b2);
  /* SF Pro Regular 16px */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
.adminRoleSection .adminTitle {
  color: var(--Dark-Blue, #062760);
  /* Lato Medium 20px */
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 36px */
  letter-spacing: 0.2px;
}
.adminRoleSection .adminLearn {
  color: var(--Blue, #0e53ef);
  /* SF Pro Regular 16px */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
.adminRoleSection .adminP {
  color: var(--Grey, #7487b2);
  /* SF Pro Regular 16px */
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 28.8px */
}
.adminRoleSection h5 {
  color: var(--Black, #1b212c);
  /* Lato Semi Bold 18px */
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%; /* 32.4px */
}

.adminRoleSection a {
  text-decoration: none;
}

.loginTitle {
  color: var(--Black, #1b212c);
  /* Lato Medium 24px */
  font-family: Lato;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 43.2px */
  margin-bottom: 20px;
}

#personal-tab-pane .details-row .col-3 input::placeholder {
  font-size: 14px !important;
}

.registerDiv .butHolderLoading {
  display: none;
}


.alert-success-register , .alert-danger-register{
  margin-top: 10px;
  text-align: center;
}

#tabCreateOrganisation {
  border: none;
}

.buttonPersonalDetailsSave {
  float: right;
  margin: 20px 20px;
}

.alert-error-register {
  text-align: center;
  margin-top: 40px;
}
.alert-error {
  background-color: rgb(255 79 79);
  color: #ffffff;
}
#liveAlertPlaceholder {
  position: fixed;
  right: 20px;
  bottom: 20px;
  color: #7487b2;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.42px;
  z-index: 9999;
}

.text-info {
  color: #0e53ef !important;
}

#ModalAddUserOrganisationTab .modal-header {
  background-color: #03cfb7;
}

#ModalAddUserOrganisationTab .modal-body .nav-link.active {
  color: #03cfb7 !important;
  border-color: #03cfb7 !important;
}

.addUserTitleForOrg {
  color: #7487b2;
  font-size: 12px;
  vertical-align: middle;
}
.showTitleForOrg,
.showUserTitleForOrg , .spanLittleTitle{
  font-size: 16px;
  vertical-align: middle;
}

#modalShowOrg table tr th ,#modalShowAdminOrg table tr th{
  color: #7487b2;
  text-decoration: none;
}

#modalShowOrg table tr td , #modalShowAdminOrg table tr td {
  font-size: 16px;
  font-family: "Lato";
  color: #0e53ef;
}

#userList {
  min-height: 50vh;
}

.usersOfOrganisation .dropdown-item img {
  float: right;
  margin-top: 4px;
}

.deleteButtonCustom {
  width: 100%;
  display: inline-block;
  text-align: left;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

.deleteButtonCustom img {
  margin-right: 15px;
}
.deleteButton {
  background: transparent;
  color: #ff3535;
  border: 1px solid;
  font-size: 14px;
}

.btn-close {
  color: #fff;
  opacity: 1;
}

#profileDropdownUl {
  top: 32px;
  left: -95px;
}

.layover {
  position: fixed !important;
  background: #fff;
  width: 81.5%;
  height: 100%;
}





























h2.wp-block-heading {
  font-size:30px !important; 
  margin-top:35px !important;
}

 .detailButtonSettings {
   float: right;
}

#tableBudget th {
  vertical-align:  middle;
}

.modalText {
  color: cadetblue !important;
}

#callsModalList a {
  padding: 30px 20px;
}

.textGreen{
  color: #75b798;
}

.textGrey, #ideatesList tr th {
  color: var(--Grey, #7487b2);
}


.modalBackgroundColor {
  background: #f8f8f8;
  padding-bottom: 20px;
  margin: 0;

}

.modalBackgroundSetting {
  margin: 15px 0;
}

.OverviewOppList p {
  color: #75b798;
  font-size: 14px;

}
.OverviewOppList {
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  padding: 10px;
}

.OverviewOppList h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

#notification-icon {
  border: none;
  background:none;

}
#navbarSupportedContent .nav-item {
  align-content: center;
  margin-left: 27px;
}
.notification-item {
  padding: 10px;
  border: 1px solid #ebebeb;
  margin: 10px 2px;
  border-radius: 5px;
}

.notification-item.unread {
  background-color: #bdeeffa8;
}

.notification-item.read {
  background-color: #fff;
  font-weight: normal;
}

#notification-dropdown-menu {
  left: -73px;
  top: 33px;
  border-radius: 1rem;
}
#notification-message {
  text-align: center;
  padding: 10px 30px;
}



#notification-icon .dropdown-toggle::after {
  display: none !important;  /* Hides the caret */
}

.notif_data {
font-weight: bold;
}

.notif_username {
  font-weight: bold;
}

.top-30 {
  top: 30% !important;
}

.start-90 {
  left: 90% !important;
}




.dropdown-list-image {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
}
.dropdown-list-image img {
  height: 2.5rem;
  width: 2.5rem;
}
.btn-light {
  color: #2cdd9b;
  background-color: #e5f7f0;
  border-color: #d8f7eb;
}

.start-top-menu-buttons {
  top: 26px;
  margin-left: 15px;
}

.modal tr td{
  word-wrap: break-word;          /* Force break within words for older browsers */
  overflow-wrap: anywhere;       /* Modern property: break at any character */

}

.lastChangedOpp,.logsDateText {
  color: cadetblue;
  font-style: italic;
  font-size: 14px;
}

.no-gutters .font-weight-bold {
  font-size: 12px;
  letter-spacing: .2em;

}

.logsHolder {
  display: inline-flex;
}
.logsHolder span {
  float: right;

}

.new_opp_list_content {
  border-bottom: 1px solid #e8e8e8;
  padding-top: 5px;
  padding-bottom: 5px;
}

.new_added_opportunities {
  height: 390px;
  overflow-y: scroll;
}
.server_logs_body {
   height: 169px;
   overflow-y: scroll;
}


#adminModalUserData .modal-body .input-group-text {
  width: 120px;
}
#adminModalAddTrans .modal-body .input-group-text {
  width: 120px;
}
#adminEditTranslationModal .modal-body .input-group-text {
  width: 120px;
}
.adminTopSide .card-body {
  height: 250px;
  overflow-y: auto;
}

.language-btn {
  background-color: #f1f6ff;
  border-color: #dce8ff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.languageBar .dropdown-menu {
  min-width: 200px;
}
.flag-icon {
  width: 20px;
  height: 14px;
  margin-right: 8px;
}

.dataTables_info {
  margin-top: 8px; /* Adjust to center align vertically */
}

.dataTables_paginate {
  margin-top: 10px; /* Add space above pagination */
}

#SearchMainForm {
  display: none !important;
}

.commentSection {

}

#collapseComments {
  background-color: #f1f5f7;
  padding: 1px 100px;
}
.butComments {
  margin: 10px 20px;
}

.commentsBody {
  margin:0   20px;
}

.commentsList {
  overflow-y: auto;
  max-height: 330px;
}

.commentsList h6 {
  color: #006cd7;
  font-size: 14px !important;
}
.commentsList .card-text {
  font-size: 14px;
}

.DeleteCommentOrg{
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: #dc354596;
  padding: 3px 5px;
  font-size: 12px;
}


.column-filters th {
  background-color: #cee9ff !important;
}

.infoOrgChange {
  margin-bottom: 20px;
  margin-top: -5px !important;
}


.removeUserBut {
  padding: 0 10px;
  margin: 0 10px;
}