/*Write your custom css in this file.*/
/*Write your custom css in this file.*/
@font-face {
  font-family: 'yekan';
  src: url(fonts/yekan/Yekan.eot);
  src: url(fonts/yekan/Yekan.eot?#iefix) format('embedded-opentype'),
    url(fonts/yekan/Yekan.woff) format('woff'),
    url(fonts/yekan/Yekan.ttf) format('truetype'),
    url(fonts/yekan/Yekan.svg#BYekan) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'times new roman';
  src: url(fonts/times_new_roman/times_new_roman.eot);
  src: url(fonts/times_new_roman/times_new_roman.eot)
      format('embedded-opentype'),
    url(fonts/times_new_roman/times_new_roman.woff) format('woff'),
    url(fonts/times_new_roman/times_new_roman.woff2) format('woff2'),
    url(fonts/times_new_roman/times_new_roman.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vazir';
  src: url(fonts/vazir/Vazir-FD.eot);
  src: url(fonts/vazir/Vazir-FD.eot) format('embedded-opentype'),
    url(fonts/vazir/Vazir-FD.woff) format('woff'),
    url(fonts/vazir/Vazir-FD.woff2) format('woff2'),
    url(fonts/vazir/Vazir-FD.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'titr';
  src: url(fonts/titr/BTitrBold.eot);
  src: url(fonts/titr/BTitrBold.eot) format('embedded-opentype'),
    url(fonts/titr/BTitrBold.woff) format('woff'),
    url(fonts/titr/BTitrBold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'nazanin';
  src: url(fonts/nazanin/BNazanin.eot);
  src: url(fonts/nazanin/BNazanin.eot) format('embedded-opentype'),
    url(fonts/nazanin/BNazanin.woff) format('woff'),
    url(fonts/nazanin/BNazanin.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'nazaninBold';
  src: url(fonts/nazanin_bold/BNazaninBold.eot);
  src: url(fonts/nazanin_bold/BNazaninBold.eot) format('embedded-opentype'),
    url(fonts/nazanin_bold/BNazaninBold.woff) format('woff'),
    url(fonts/nazanin_bold/BNazaninBold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
html,
body {
  /*background-color: #e5e9ec;*/
  background-color: white;
  color: #4e5e6a;
  font-family: 'vazir', 'yekan' !important;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  /*overflow: hidden;*/
  overflow-x: hidden;
}

.f-titr {
  font-family: titr, vazir !important;
}

.f-nazanin {
  font-family: nazanin, vazir !important;
}

.f-nazanin-bold {
  font-family: nazaninBold, vazir !important;
}

.navbar-brand {
  max-width: 200px;
}

@page {
  size: A4 portrait;
}

@media print {
  #estimate-preview-content,
  .scrollable-page.main-scrollable-page {
    height: unset !important;
    overflow: unset !important;
  }
}

.row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.3);
  margin-left: calc(var(--bs-gutter-x) * -0.3);
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.3);
  padding-left: calc(var(--bs-gutter-x) * 0.3);
}

.card-title {
  margin-bottom: 0.25rem;
}

.select2-container .select2-choice {
  font-family: 'vazir' !important;
}
.select2-search-field input {
  font-family: 'vazir' !important;
}

.datepicker-plot-area {
  box-sizing: border-box;
  overflow: hidden;
  min-height: 70px;
  display: block;
  width: 200px;
  min-width: 200px;
  padding: 3px;
  position: absolute;
  font-family: 'vazir' !important;
  font: 14px vazir;
  border: 1px solid #ccc;
  background-color: #fff;
}
.tooltip-inner {
  padding: 7px !important;
  text-align: justify;
  font-family: 'vazir' !important;
}

.select2-search-choice {
  font-family: 'vazir' !important;
}
.datepicker table tr td,
.datepicker table tr th,
.datepicker table tr td span {
  border-radius: 0;
  font-size: 12px;
}
.datepicker {
  direction: rtl !important;
}
#mentions-table-widget_filter {
  display: none !important;
}

.project-file-relation-selected {
  border: 2px solid blue;
  border-radius: 10px;
}
#role-list-box{
  position: sticky !important;
  top: 10px !important;
}
.nav-tabs.vertical.settings {
  position: sticky !important;
  top: 10px !important;
}
.nav.nav-pills{
  position: sticky !important;
  top: 10px !important;
  z-index: 41;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
}
.report-container.has-border {
  background: white !important;
}
ul[aria-label="Results List"]
{
  text-align: right !important;
}
.awesomplete > ul:before {
  content: '';
  position: absolute;
  top: -0.43em;
  right: 1em !important;
  width: 0;
  height: 0; 
  padding: 0.4em;
  background: white;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pagination {
  justify-content: flex-start !important;
}

.modal,
.cropbox-modal {
    z-index: 1060 !important;
}
.modal-backdrop {
    display: none !important;
} 
@media screen and (max-width: 767px) {
  .card {
    margin-bottom: 70px;
  } 
} 
 
/* FullCalendar - Compact Design */
#event-calendar {
  max-height: 550px !important;
  overflow: auto !important;
}

.fc .fc-daygrid-day {
  min-height: 63px !important;
}

.fc .fc-daygrid-day-frame {
  min-height: 63px !important;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-frame {
  min-height: 63px !important;
}

.fc .fc-scrollgrid-section-body > td {
  border-bottom: 1px solid var(--fc-border-color, #ddd) !important;
}

.fc-daygrid-event {
  margin: 1px !important;
  padding: 1px 3px !important;
  font-size: 0.8em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.fc .fc-daygrid-day-top {
  padding: 2px 4px !important;
}

.fc .fc-daygrid-day-number {
  padding: 2px 4px !important;
  font-size: 0.9em !important;
}

.fc .fc-popover {
  z-index: 1050 !important;
}

.fc .fc-daygrid-day-events {
  margin: 0 !important;
}

.fc .fc-daygrid-event-harness {
  margin-top: 1px !important;
}

/* Make calendar scrollable with fixed height */
.fc .fc-scroller {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.fc .fc-scrollgrid {
  border-collapse: collapse !important;
}

/* Mobile Responsive Fixes */
@media screen and (max-width: 767px) {
  .fc .fc-daygrid-day {
    min-height: 60px !important;
  }
  
  .fc .fc-daygrid-day-frame {
    min-height: 60px !important;
  }
  
  .fc-daygrid-event {
    font-size: 0.75em !important;
    margin: 1px !important;
    padding: 1px 2px !important;
  }
  
  .fc .fc-toolbar {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  
  .fc .fc-toolbar-chunk {
    display: flex !important;
    justify-content: center !important;
  }
  
  /* Leads Index Page - Remove Empty Spaces */
  .leads-view .nav-tabs {
    flex-wrap: wrap !important;
  }
  
  .leads-view .title-button-group {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 10px !important;
  }
  
  .leads-view .title-button-group .btn {
    width: 100% !important;
    margin: 5px 0 !important;
  }
  
  .leads-view .tab-title {
    width: 100% !important;
    padding: 0 !important;
  }
  
  .leads-view .table-responsive {
    padding: 0 !important;
  }
  
  /* Remove excessive padding and margins on mobile */
  .page-wrapper.clearfix {
    padding: 0 !important;
  }
  
  .card {
    margin: 0 0 15px 0 !important;
    border-radius: 0 !important;
  }
  
  .card-body {
    padding: 10px !important;
  }
  
  /* Compact table on mobile */
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_length {
    margin: 5px 0 !important;
  }
  
  /* Reduce title section height */
  .leads-title-section {
    padding: 5px 10px !important;
  }
  
  .leads-title-section h4 {
    margin: 0 !important;
    font-size: 1.1em !important;
  }
}

/* Tablet and small desktop responsive */
@media screen and (max-width: 991px) {
  .title-button-group .btn {
    margin: 2px !important;
    font-size: 0.9em !important;
  }
  
  .leads-view .nav-tabs .title-tab {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}