#forms-modal .platform-row {
  direction: rtl;
  text-align: right;
  border: 1px solid #c6c6c6;
  padding: 0px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 15px;
}
#forms-modal .platform-row:last-child {
  margin-bottom: 0px;
}
#forms-modal .platform-row .title-row {
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}
#forms-modal .platform-row .title-row:hover {
  background-color: #f5f5f5;
}
#forms-modal .platform-row .title-row.close-row:after {
  content: "\f104";
  font: normal normal normal 28px / 1 FontAwesome;
  position: absolute;
  left: 10px;
  top: 7px;
}
#forms-modal .platform-row .title-row.open-row:after {
  content: "\f107";
  font: normal normal normal 28px / 1 FontAwesome;
  position: absolute;
  left: 10px;
  top: 7px;
}
#forms-modal .platform-row .title-row span.title {
  font-size: 17px;
  font-weight: bold;
}
#forms-modal .platform-row .form-list-row {
  padding: 0;
}
#forms-modal .platform-row .form-list-row ul.form-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
#forms-modal .platform-row .form-list-row ul.form-list li {
  padding: 8px 10px;
  font-size: 16px;
  border-top: 1px solid #ddd;
  cursor: pointer;
}
#forms-modal .platform-row .form-list-row ul.form-list li:hover {
  background-color: #6c6c6c !important;
  color: #fff;
}
#forms-modal .platform-row .form-list-row ul.form-list li:nth-child(even) {
  background-color: #f3f3f3;
}
#forms-modal .platform-row .form-list-row ul.form-list li:last-child {
  border-radius: 0 0 5px 5px;
}
#forms-modal h4.addDataServiceTitle {
  text-align: right;
  font-weight: bold;
  margin-top: 0px;
  font-size: 21px;
}
#forms-modal h4.serviceTitle {
  text-align: right;
  font-weight: bold;
  margin-top: 15px;
  font-size: 21px;
}
#customForm,
#customFormUpdate {
  margin-top: 10px;
}
#customForm .form-group,
#customFormUpdate .form-group {
  margin-bottom: 28px;
}
#customForm .help-block,
#customFormUpdate .help-block {
  position: absolute;
  color: red;
  top: -20px;
  right: 15px;
}
#customFormCreatorPage .card-header i {
  margin-left: 7px;
  font-size: 30px;
}
.btn-row {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.btn-row button {
  float: right;
}
#rangeCalendarTd {
  position: relative;
}
#rangeCalendarTd i {
  cursor: pointer;
  position: absolute;
  left: 13px;
  top: 17px;
  color: #999;
}
#rangeCalendarTd i:hover {
  color: #555;
}
#serviceList tbody tr {
  cursor: pointer;
}
#serviceList tbody tr:hover {
  background-color: #ececec;
}
.custom-loading-row {
  position: relative;
  float: right;
  width: 100%;
  height: 200px;
}
.custom-loading-row .loader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-footer .pagination {
  direction: ltr;
  margin-bottom: 0;
}
.card-footer .pagination li span {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000000;
  background-color: #fff;
  border: 1px solid #dee2e6;
  cursor: pointer;
}
.card-footer .pagination li span:hover {
  background-color: #eaeaea;
}
.card-footer .pagination li.active span {
  cursor: auto;
  background-color: #000;
  color: #fff;
}
.card-footer .pagination li.disabled span {
  cursor: auto;
}
.card-footer .pagination li:last-child span {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.card-footer .pagination li:first-child span {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.fileinput-remove-button {
  color: #000;
  border-color: #000;
  background-color: #fff;
  border-radius: 0;
}
.btn-file {
  border-radius: 0 .25rem .25rem 0;
}
.file-caption {
  height: 33px !important;
}
.file-input-new {
  width: 100%;
}
.file-caption-main .help-block {
  direction: rtl;
  right: 0 !important;
}
.order-document {
  padding: 0px !important;
}
.order-document .order-document-row {
  margin-top: 15px;
  padding: 0px;
}
.order-document div {
  float: right !important;
}
.order-document .image-box {
  background-color: #e7e7e7;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.order-document .image-box .btn-row {
  padding: 10px 0 0 0;
  margin-top: 10px;
}
.order-document .image-box .btn-row i {
  font-size: 18px;
}
.order-document .image-box .title-row {
  padding: 0px;
  color: #000;
  margin: 8px 0 0px 0;
  font-size: 12px;
}
.order-document .image-box .title-row span.status-label {
  width: 90px;
  display: inline-block;
  padding: 3px 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
}
.order-document .image-box .document-img {
  cursor: pointer;
}
.order-document .document-img {
  cursor: pointer;
  height: 130px;
  background-size: cover;
  width: 100%;
}
.rangeCalendarBox .removeTime {
  position: absolute;
  left: 25px;
  top: 8px;
  color: #777;
  cursor: pointer;
}
.rangeCalendarBox .removeTime:hover {
  color: #000;
}
.highcharts-title {
  font-family: iransans;
  direction: rtl;
}
.highcharts-axis.highcharts-yaxis text {
  font-family: iransans;
  font-size: 12px !important;
  font-weight: bold;
}
.highcharts-axis.highcharts-xaxis text {
  font-family: iransans;
  font-size: 12px;
  font-weight: bold;
}
.highcharts-axis-labels.highcharts-yaxis-labels tspan {
  font-family: 'iransans';
  font-size: 12px;
  font-weight: bold;
}
.highcharts-axis-labels.highcharts-yaxis-labels text {
  font-family: iransans;
  font-size: 12px !important;
  font-weight: bold;
}
.highcharts-axis-labels.highcharts-xaxis-labels tspan {
  font-family: 'iransans';
  font-size: 12px;
  font-weight: bold;
}
.highcharts-axis-labels.highcharts-xaxis-labels text {
  font-family: iransans;
  font-size: 12px !important;
  font-weight: bold;
}
.highcharts-legend-item.highcharts-column-series text {
  font-family: iransans;
  font-size: 12px !important;
  font-weight: bold;
}
.highcharts-label.highcharts-tooltip tspan {
  font-family: 'iransans';
  font-size: 14px;
  font-weight: bold;
}
.highcharts-label.highcharts-tooltip text {
  font-family: 'iransans';
  font-size: 14px;
  font-weight: bold;
}
.highcharts-label.highcharts-data-label tspan {
  font-family: 'iransans';
  font-size: 14px;
  font-weight: bold;
}
.highcharts-legend-item.highcharts-line-series text {
  font-family: 'iransans';
  font-size: 12px;
  font-weight: bold;
}
.highcharts-axis-labels.highcharts-xaxis-labels text {
  font-family: 'iransans';
  font-size: 14px;
  font-weight: bold;
}
#servicePageView .vertical-time-icons {
  padding: 20px 0px;
}
#servicePageView .vertical-time-icons::before {
  content: '';
  position: absolute;
  top: 0;
  right: 14px;
  left: unset;
  height: 100%;
  width: 6px;
  background: #e9ecef;
  border-radius: 0.25rem;
}
#servicePageView .vertical-timeline-element-content.bounce-in {
  margin: 0 40px 0 0;
}
#servicePageView .vertical-timeline-element-content.bounce-in span {
  font-weight: bold;
}
#servicePageView .vertical-timeline-element-content.bounce-in p.date-time {
  font-weight: bold;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon {
  right: 0;
  left: unset;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon {
  position: relative;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon i {
  position: absolute;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.create i {
  color: #3f6ad8;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.addComment i {
  color: #16aaff;
  top: 7px;
  left: 6px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.updateService i {
  color: #3f6ad8;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.changeStatus i {
  color: #3f6ad8;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.update i {
  color: #16aaff;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.addData i {
  color: #3f6ad8;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-time-icons .vertical-timeline-element-icon .timeline-icon.removeFile i {
  color: #d92550;
  top: 8px;
  left: 8px;
}
#servicePageView .vertical-timeline-element-content span.name {
  font-size: .8rem;
  text-transform: uppercase;
  margin: 0 0 3px 0;
  padding: 2px 0 0;
  font-weight: 700;
  display: block;
}
#servicePageView .scroll-area-lg {
  height: 600px !important;
}
.comment-box .message-header {
  height: auto;
  padding: 20px 20px;
}
.comment-box .message-header .message-details {
  font-size: 13px;
  font-weight: normal;
  color: #777;
  padding: 0px;
}
.comment-box .message-header .message-details .message-sender {
  display: block;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .comment-box .message-header .message-details:last-child {
    margin-top: 10px;
  }
}
/*# sourceMappingURL=crm.farakav.css.map */