﻿@charset "UTF-8";
.listbasic {
  list-style: none;
  padding: 0;
  margin: 0;
}
.listbasic li {
  padding: 2px;
}

.autoshortstring {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  max-width: 250px;
}

.fa-blank {
  width: 24px;
  height: 24px;
}

canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.sitetable .leadviewbutton {
  padding: 5px 10px;
  background-color: #00549b;
  color: #fff;
  border-radius: 7px;
}
.sitetable .leadcreatebutton {
  padding: 5px 10px;
  background-color: #1b1b1b;
  color: #fff;
  border-radius: 7px;
}

small, .small {
  font-size: 100%;
}

body {
  overflow-x: hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
  width: 100%;
}

/* QR code generator */
#qrCode {
  margin: 15px;
}

.section-2column {
  display: flex;
  flex-direction: row;
}
.section-2column .columnwrapper {
  width: 48%;
  margin: 1%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none;
  }
}
.chartservice {
  width: 100%;
}

.report-search {
  grid-area: mySearch;
}

.report-View {
  grid-area: myView;
}

.report-filter-top {
  flex-wrap: wrap-reverse;
  display: flex;
  grid-template-areas: "mySearch myView";
}

.report-filter-top > div {
  flex-basis: 100%;
  width: 100%;
}

.report-filter {
  flex-wrap: wrap-reverse;
  display: flex;
  grid-template-areas: "mySearch myView";
}

.report-filter > div {
  flex-basis: 100%;
  width: 100%;
}

label.error {
  color: darkred;
  margin-left: 1%;
  margin-top: 0.5%;
}

.error {
  color: darkred;
}

label.required::after {
  content: "*";
  margin-right: 4px;
  color: red;
}

ul.table-ul {
  width: auto;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

h4.card-header.text-center.font-weight-bold.text-uppercase.py-4 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}

span.table-add.float-right.mb-3.mr-2 {
  margin-bottom: 0rem !important;
}

.page-item.active .page-link:hover {
  color: floralwhite;
}

fieldset {
  display: block;
  border-width: 2px;
  border-style: groove;
  border-color: threedface;
  border-image: initial;
  margin-top: 1%;
  margin-bottom: 1%;
  padding: 2%;
  border-radius: 5px;
}

legend {
  display: block;
  width: auto;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

div#myModal {
  background: rgba(0, 0, 0, 0.4);
}

.modal-content.styling {
  box-shadow: 0 0 20px -10px #fff;
  border: 4px solid #ffffff;
  border-radius: 10px;
  max-height: 550px;
  height: auto;
  overflow-y: auto;
  border: solid 4px #012b4a;
}

.custom-error {
  color: darkred;
}

.pointerrow tbody tr {
  cursor: pointer;
}

.btnline {
  color: #007bff !important;
  text-decoration: underline;
}

.recordcount {
  float: right;
  font-size: large;
  font-weight: 700;
  color: black;
}

.list-inside {
  list-style: initial;
}

div.jobcontent {
  font-size: 16px;
  color: #222;
}

.ul-area {
  margin: 0;
}

div.jobcontent .panel-body li.right-content, div.jobcontent .panel-body li.link-only a {
  margin: 0;
  padding: 7px 15px;
  font-weight: 600;
  font-size: 15px;
}

div.jobcontent .left-content {
  text-align: right;
}

div.jobcontent .right-content {
  text-align: left;
}

.inner-content {
  border-bottom: 2px solid #e6e6e6;
  padding: 25px 0;
  box-shadow: 0px 10px 8px -12px #d5d5d5;
}

.inner-content:last-child {
  box-shadow: none;
  border: none;
}

div.jobcontent .link-only {
  font-weight: 600;
}

.select2-container .select2-selection--single {
  height: 38px;
  padding: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 4px;
  right: 1px;
  width: 20px;
}

.activitystatus {
  max-height: 100px;
  overflow-y: scroll;
}

.table-responsive .gridicon {
  font-size: 28px;
}

.table-responsive Table.sitetable thead tr th:first-child {
  padding-left: 5px !important;
}

.table-responsive Table.sitetable tbody tr td:first-child {
  padding-left: 5px !important;
}

.breadcrumb {
  width: 100%;
  padding: 5px 10px;
  color: #333;
  background-color: transparent;
  font-size: 13px;
}

.breadcrumb:before {
  content: "»";
  padding-right: 5px;
}

@media print {
  .lefts-side, header, footer, .breadcrumb {
    display: none;
  }
}
.report table thead {
  background: #162f72;
  color: #fff;
}

.table td.linkbutton a {
  background-color: #162f72;
  color: #fff !important;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 5px;
}

.campaign-list-table-2 {
  border: solid 5px black;
  border-radius: 7px;
  padding: 10px;
}

.campaign-list-table-2 td {
  font-weight: 600;
}

.smallpopupmessage {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #fff;
  font-weight: bold;
  padding: 20px 30px;
  border-radius: 7px;
  box-shadow: 2px 2px 2px #000;
  z-index: 1050;
}

.nav-tabs .nav-link {
  border: solid 2px transparent;
  margin: 0 2px;
}

/* ACCORDION ICONS - Simple and Direct Approach */
/* Add space for icon on ALL accordion triggers */
a[data-toggle=collapse] {
  position: relative;
  padding-right: 30px !important;
}

/* Default: Show PLUS icon for all accordion items */
a[data-toggle=collapse]:after {
  content: "+" !important;
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: inherit !important;
}

/* Show MINUS icon only when NOT collapsed (opened) */
a[data-toggle=collapse]:not(.collapsed):after {
  content: "−" !important;
}

.vertical-tabs .tab-pane {
  color: #000000;
}
.vertical-tabs .tab-pane#application {
  min-height: 450px;
}
.vertical-tabs h3 {
  color: #000000;
}

.footer-style {
  color: #000;
  mix-blend-mode: difference;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///T:/dealerapps/dealerapps4/Source/DealerApps5/DealerApps5/wwwroot/style/scss/general/_common.scss%22,%22file:///T:/dealerapps/dealerapps4/Source/DealerApps5/DealerApps5/wwwroot/style/scss/general/_color.scss%22,%22file:///T:/dealerapps/dealerapps4/Source/DealerApps5/DealerApps5/wwwroot/style/scss/_site.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AACA;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAIA;EACC;EACA,kBC7Bc;ED8Bd;EACA;;AAGD;EACC;EACA,kBCnCgB;EDoChB;EACA;;;AAIF;EACC;;;AE7CD;EACC;;;AAGD;AACA;AACA;EACC;EACA;;;AAGD;AACA;EACC;EACA;;;AAGD;AACA;EACC;;;AAGD;AACA;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;;;AAKF;AACA;AACC;EACA;IACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAID;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAID;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAKD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;IACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAID;EACC;EACA;EACA;;;AAGD;EACC;;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;AACA;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AACA;EACC;;;AAIA;EACC;;AACA;EACC;;AAIF;EACC;;;AAKF;EACC;EACA%22%7D */