/*Main Colors*/
/*Body Background*/
/* Primary Shades */
/*Text Color*/
/*Common Colors*/
/* Page Header */
/* Header */
/* Border */
/* Form Control */
/*Buttons*/
/*Navigation*/
/*Footer*/
/*Modal*/
/* Adbuilder */
/* Adbuilder */
/* Ad Page */
/* Ad Page */
/*Asset Card*/
/* Report */
/* Report */
/*Tabs*/
/*Accordion*/
/*Pagination*/
/*Table*/
/*Upload*/
/*Radio/Checkbox*/
/*Alerts*/
/*Badge*/
/*Wizard*/
/*ToolTip*/
/* Login Page */
/* Stock Colors */
/* Dashboard Blocks */
/* Dashboard Changes */
/* Dashboard Changes */
/* OCR Dashboard */
/* OCR Dashboard */
/* PopShop */
/* PopShop */
/* HighChart Color */
/* HighChart Color */
/* Landing Page Blocks */
/* Manage Tree */
/* Publisher */
/* Publisher */
/* Vertical Nav */
/* Vertical Nav */
/* Onboarding */
/* Onboarding */
/* Fonts */
/* Fonts */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

*::selection {
  color: var(--BtnText);
  background: var(--BtnBg);
}

body {
  font-size: var(--baseFont);
  color: var(--TextMain);
  font-family: var(--fontRegular);
  font-weight: 400;
  height: 100%;
  background-color: var(--bodyBg);
}
body.mainNavExpandBody {
  overflow: hidden;
  height: 100%;
}

*[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

input[type=submit] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.text-danger {
  color: #ff0000 !important;
}

.nobdr {
  border: none !important;
}

.disabled_Action {
  pointer-events: none !important;
  opacity: 0.5 !important;
  color: #ccc !important;
}

.hideImp {
  display: none !important;
}

.listStyle {
  list-style: disc;
  padding-left: 15px;
}

ul {
  margin-bottom: 0px;
  list-style: none;
}

img {
  max-width: 100%;
}

a {
  color: var(--link);
}
a:hover {
  text-decoration: none;
  color: var(--linkHover);
}

.modal {
  pointer-events: none;
}
.modal.confirmationModal .modal-dialog {
  max-width: 700px;
}
.modal.confirmationModal .modal-dialog .partsCatalogSuccessBlock, .modal.confirmationModal .modal-dialog .smallContainerBlock {
  margin: 0px;
}

.minbtn150wdth {
  min-width: 150px;
}

.minbtn130wdth {
  min-width: 130px;
}

.minbtn110wdth {
  min-width: 110px;
}

.minbtn90wdth {
  min-width: 90px;
}

.minbtn70wdth {
  min-width: 70px;
}

.minbtn50wdth {
  min-width: 50px;
}

.minbtn30wdth {
  min-width: 30px;
}

.inEdit {
  background-color: var(--grey100) !important;
}

.strongLabel label {
  font-family: var(--fontBold);
  font-weight: 700;
}

textarea.textarea150 {
  height: 150px;
  overflow-y: auto;
  max-height: 150px;
}

textarea.textarea120 {
  height: 120px;
  overflow-y: auto;
  max-height: 120px;
}

textarea.textarea100 {
  height: 100px;
  overflow-y: auto;
  max-height: 100px;
}

.TabBox-shadow {
  box-shadow: 0 0 13px rgba(175, 175, 175, 0.5);
  position: relative;
  border-radius: 0;
}

.margin-bottom25 {
  margin-bottom: 25px;
}

.bdrDashed {
  float: left;
  width: 100%;
  margin: 35px 0;
  border-top: 1px dashed #ccc;
}

.EditorText h1, .EditorText h2, .EditorText h3, .EditorText h4, .EditorText h5, .EditorText h6 {
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  margin-bottom: 1rem !important;
  max-width: 100% !important;
  width: 100% !important;
}
.EditorText h1 > *, .EditorText h2 > *, .EditorText h3 > *, .EditorText h4 > *, .EditorText h5 > *, .EditorText h6 > * {
  margin-top: 0px !important;
}
.EditorText strong {
  font-weight: 700 !important;
  font-size: 1rem !important;
}
.EditorText p, .EditorText ol, .EditorText ul, .EditorText li, .EditorText span, .EditorText div, .EditorText label {
  font-size: 0.9rem !important;
  max-width: 100% !important;
  width: 100% !important;
  font-weight: 500 !important;
}
.EditorText table tr td {
  padding: 0px !important;
}

h1, h2 {
  font-family: var(--fontBold);
  font-weight: 700;
}

h3, h4, h5, h6 {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}

.textEditorTxt iframe {
  font-weight: 400 !important;
}

strong {
  @imclude fontBold();
}

.EditorText h1, .EditorText h2 {
  font-size: 1.4rem !important;
  color: var(--TextMain) !important;
  font-family: "Poppins", sans-serif !important;
}

.fal, .fas, .far, .fad {
  color: var(--faIcon);
}
.fal:hover, .fas:hover, .far:hover, .fad:hover {
  color: var(--faIconHover);
}

label span.notrequired {
  display: none !important;
}

.dealerstatusyellow {
  background-color: #fbd60b !important;
}

.dealerstatusgreen {
  background-color: #367c2b !important;
}

.dealerstatusred {
  background-color: #ff0000 !important;
}

.greentext, .yellowtext, .redtext {
  color: #333333 !important;
}

.dataTables_wrapper .dataTables_filter {
  display: none;
}

.span_p20 {
  padding: 20px;
}

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*#Activitydetail {
    .ActivityContentRow {
        .S_content {
            h3 {
                padding: 0px;
            }

            table {
                tr {
                    td {
                        padding: 8px 15px 8px 0 !important;
                    }
                }
            }
        }
    }
}*/
html {
  font-size: var(--baseFont);
  height: 100%;
}

.primaryColor {
  color: var(--p_main);
}

.iconsList a + a {
  margin-left: 5px;
}

.text_link {
  text-decoration: none !important;
  color: var(--link) !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}
.text_link:hover {
  color: var(--TextMain) !important;
}

.a_decoration {
  color: var(--link) !important;
  text-decoration: underline !important;
}
.a_decoration:hover {
  color: var(--TextMain) !important;
}

*:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.container {
  width: 100%;
  max-width: 1600px;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 991px) {
  .container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.container .container {
  width: 100%;
  max-width: 1600px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
@media (max-width: 991px) {
  .container .container {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

.alert_Info {
  font-size: 0.8rem;
  padding: 10px 12px;
  background-color: var(--grey150);
  margin-bottom: 1rem;
  border-radius: 5px;
  float: left;
  width: 100%;
}
.alert_Info p {
  margin: 0;
}
.alert_Info.no-margin {
  margin-bottom: 0px;
}
.alert_Info h6 {
  float: left;
  width: 100%;
  font-family: var(--fontBold);
  font-weight: 700;
  font-size: 0.9rem;
}
.alert_Info h6 span {
  font-family: var(--fontRegular);
  font-weight: 400;
}
.alert_Info h6:last-child {
  margin-bottom: 0px;
}
.alert_Info ul {
  float: left;
  width: 100%;
}
.alert_Info ul li {
  float: left;
  width: 100%;
  margin: 3px 0;
  position: relative;
  padding-left: 22px;
}
.alert_Info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 5px;
  height: 5px;
  background-color: #666;
  border-radius: 100%;
}

.notifications, .EventNotifications {
  float: left;
  width: 100%;
}
.notifications p, .EventNotifications p {
  margin: 0;
}

.EventNotifications {
  margin-top: 8px;
  margin-bottom: 0px;
}

.sameSizeBtn button, .sameSizeBtn a {
  min-width: 80px;
  line-height: 1.3rem;
}

.exportToExcel {
  float: right;
}
.exportToExcel.withDataTable {
  margin-bottom: -50px;
}
.exportToExcel.withDataTable + .table-responsive table:not(.dataTable), .exportToExcel.withDataTable + .tableResponsive table:not(.dataTable) {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .exportToExcel.withDataTable {
    width: 100%;
    margin-bottom: 15px;
  }
  .exportToExcel.withDataTable button {
    float: right;
  }
}
.exportToExcel.withCustomPaging {
  position: relative;
  top: 80px;
}
.exportToExcel .btnExportTable {
  float: left;
  z-index: 99;
  position: relative;
}

.deleteBtnIcon {
  background: none;
  border: none;
}

.required {
  color: #ff0000;
}

.form-control, .top-var-cot .chilliFlex .var-name-tab input {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--border);
}
.form-control:focus, .top-var-cot .chilliFlex .var-name-tab input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--FormFocusBdr);
}

.btnRow {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.btnRow.btnAlighRight {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.btnRow.btnAlighRight.btnRgt * {
  margin: 4px 5px;
}
.btnRow.btnAlighCenter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnRow.btnAlighCenter button, .btnRow.btnAlighCenter a {
  margin: 6px;
}

.btnRowFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btnRowFlex > .btnBordered, .top-var-cot .chilliFlex .left-var-tab ul li .btnRowFlex > a, .modal .modal-dialog .modal-content .modal-footer .btnRowFlex > .btn.btn-default, .btnRowFlex > .primaryBtnBordered, .btnRowFlex > .yellowBtnBorder {
  margin: 5px 3px;
}
.btnRowFlex .alignRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnRowFlex .alignRgt * {
  margin: 5px 3px;
}

.buttonAlignCenter {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.field-validation-error, .help-block, .validation-error {
  float: left;
  width: 100%;
  font-size: 13px;
  margin-top: 1px;
  text-align: left;
  color: var(--FormValidationTxt) !important;
}
@media (max-width: 480px) {
  .field-validation-error, .help-block, .validation-error {
    word-wrap: break-word;
  }
}

.sucess_msg {
  float: left;
  width: 100%;
  font-size: 13px;
  text-align: left;
  color: var(--successText);
}

.BtnWthTopTitle {
  float: right;
}
.BtnWthTopTitle + .BtnWthTopTitle {
  margin-right: 10px;
}

.colorBlue {
  background-color: var(--p_main);
}

.colorGreen {
  background-color: var(--s_main);
}

.colorgrey {
  background-color: var(--grey400);
}

.colorYellow {
  background-color: var(--warningBg);
}

.no-border {
  border: none !important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--p_main);
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer i {
  color: var(--faIcon);
}
.cursor-pointer i:hover {
  color: var(--faIconHover);
}

.not-allowed {
  cursor: not-allowed !important;
}

*:disabled {
  cursor: not-allowed;
}

input:disabled {
  cursor: not-allowed;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.showimp {
  display: block !important;
}

.hideimp {
  display: none !important;
}

.table tr td {
  font-size: 0.9rem;
}
.table.table-bdr-left tr td + td {
  border-left: 1px solid #dee2e6 !important;
}
.table.tableSpacing2x tr td:first-child {
  padding: 8px 35px 8px 20px !important;
}
.table.tableSpacing2x tr td:first-child + td {
  padding: 8px 20px 8px 35px !important;
}
.table.noBdr {
  margin-bottom: 0px;
}
.table.noBdr tr td {
  padding: 2px 0 !important;
  border: none !important;
}

.myToDoWrapper table tbody tr td:last-child {
  text-align: center !important;
  vertical-align: middle;
  width: 110px;
}
.myToDoWrapper table tbody tr td:last-child .yellowBtn {
  width: 100%;
}
.myToDoWrapper table tbody tr td:last-child .inlineActionContent {
  display: inline-block;
  vertical-align: top;
}

*::placeholder {
  color: #ccc !important;
}

*:-ms-input-placeholder {
  color: #ccc !important;
}

*::-ms-input-placeholder {
  color: #ccc !important;
}

.fa-cloud-upload {
  color: var(--p_main) !important;
}

table tr th {
  position: relative;
}
table tr td.tableImg_small {
  width: 100px;
}
table tr td.column350 {
  min-width: 350px;
}
table tr td.column300 {
  min-width: 300px;
}
table tr td.column250 {
  min-width: 250px;
}
table tr td.column200 {
  min-width: 200px;
}
table tr td.column150 {
  min-width: 150px;
}
table tr td.column100 {
  min-width: 100px;
}
table tr td.column50 {
  min-width: 50px;
}
table tr td.column60 {
  min-width: 60px;
}
table.tableContentWrap tr td {
  word-break: break-all;
}
table.tableWithNoSpaceBdr thead tr th {
  border: none !important;
  padding: 0 0 5px 0;
  font-family: var(--fontBold);
  font-weight: 700;
  font-size: 1rem;
}
table.tableWithNoSpaceBdr thead tr th::before {
  display: none;
}
table.tableWithNoSpaceBdr tbody tr td {
  padding: 0px;
}

.repotsCommonWrapper table.table th {
  white-space: nowrap;
}

.sortingHide th {
  background-image: none !important;
}

.dataTable th:focus {
  outline: none !important;
}

/* Loader */
.loadingPanel {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.56);
}
.loadingPanel.templatePublisherLoader {
  display: block !important;
}

.loaderCenter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 1.2rem;
  gap: 10px;
}

.loader {
  border: 11px solid #cccccc;
  border-top: 11px solid var(--p_main);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loadingPanel2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loadingPanel2 .loader2 {
  border: 5px solid #cccccc;
  border-top: 5px solid var(--p_main);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

.pageWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pageWrapper {
    display: inline-block;
  }
}
.pageWrapper .pageFlexContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.mainContent {
  float: left;
  width: 100%;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
}
@media (max-width: 1200px) {
  .mainContent {
    padding-top: 60px;
  }
}

.dropdown-menu .dropdown-item.active {
  background-color: var(--p_main);
  color: #fff;
}

.pageTitle {
  float: left;
  width: 100%;
  margin: 25px 0;
  font-size: 2rem;
  color: var(--p_main);
  line-height: 1.2;
}
.pageTitle label {
  margin: 0px;
}

.dropdown.bootstrap-select {
  width: 100% !important;
  position: relative;
}
.dropdown.bootstrap-select button.btn.dropdown-toggle {
  background-color: #fff;
  border: 1px solid var(--TextMain);
  border-radius: 4px;
  color: var(--TextMain);
}
.dropdown.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
}

.moreDetail {
  float: left;
  width: 100%;
  margin-top: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.divider {
  position: relative;
  float: left;
  width: 100%;
}
.divider::before {
  content: "";
  float: left;
  background-color: var(--border);
  margin: 20px 0;
  width: 100%;
  height: 1px;
}

.datepicker table td, .datepicker table th {
  width: 2.2rem;
  height: 2.2rem;
  font-size: 0.95rem;
}
.datepicker table td.today, .datepicker table th.today {
  background: var(--p_main) !important;
  color: #fff !important;
}
.datepicker.date .input-group-text {
  background-color: var(--FormIconBg);
}
.datepicker.date .input-group-text i {
  color: var(--FormIconText);
}

.table td, .table th {
  border-top: 0px solid #ffffff !important;
}

@media (max-width: 1290px) {
  .dataTables_wrapper {
    overflow-x: auto;
  }
}

.dataTables_wrapper table, table.dataTable {
  width: 100% !important;
}

table.dataTable tbody th, table.dataTable tbody td, table tbody tr td {
  padding: 12px !important;
  text-align: left !important;
}

table tbody tr td td {
  padding: 0px !important;
}

.table tbody th {
  background-image: none !important;
}

.field-validation-error:empty, .help-block:empty {
  display: none;
}

select:disabled + .select2-container .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container {
  width: auto !important;
  min-width: 110px;
}
.select2-container .select2-selection--single {
  outline: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--p_main);
  color: var(--text_white);
}

.select2-container--default .select2-results > .select2-results__options li {
  font-size: 0.9rem;
  line-height: 1.4;
}

.dataTables_filter input[type=search] {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 0 5px;
  outline: none;
}

.dataTables_length select {
  border: 1px solid var(--border) !important;
  background-color: var(--FormBg) !important;
  color: var(--FormText) !important;
  border-radius: 2px;
  margin: 0 5px;
  height: 32px;
  min-width: 65px;
  outline: none;
}
.dataTables_length select:hover, .dataTables_length select:focus {
  border-color: var(--FormFocusBdr) !important;
}

.dataTables_length .select2-container {
  min-width: 60px;
}

.btnDelete {
  border: none;
  background: none;
  margin: 0 3px;
}

.btnEdit {
  margin: 0 4px;
  color: var(--TextMain);
  cursor: pointer;
}
.btnEdit ~ span, .btnEdit ~ button, .btnEdit ~ a {
  margin: 0 4px;
  border: none;
  background-color: transparent;
}

.btnView {
  margin: 0 4px;
  border: none;
  color: var(--TextMain);
  outline: none !important;
  background-color: transparent;
}

.infoTooltip i {
  font-size: 0.85rem;
  color: #212529;
}

.tbaleResponsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 991px) {
  .tbaleResponsive table {
    min-width: 990px;
  }
}

.mainWrapper {
  float: left;
  width: 100%;
}

.MainSmallContainer {
  float: left;
  width: 100%;
  max-width: 1100px;
}

.MainExtraSmallContainer {
  float: left;
  width: 100%;
  max-width: 800px;
}

.pageTitle2 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1.4rem;
}
.pageTitle2 h6 {
  font-size: 1.4rem;
  margin: 0px;
  float: left;
  min-width: 40%;
}
.pageTitle2 a {
  font-size: 1rem;
}

input.select2-search__field {
  outline: none;
}

.inlineActionContent {
  white-space: nowrap;
}

.table.tablecenter td {
  text-align: center;
}

.tableMinContent200 {
  min-width: 200px;
}

.tableMinContent100 {
  min-width: 100px;
}

.tableMinContent140 {
  min-width: 140px;
}

.table .tableTextLeft {
  text-align: left !important;
}

.datepicker {
  padding: 0px;
}
.datepicker .input-group-text {
  border-radius: 4px 0 0 4px !important;
}
.datepicker .form-control, .datepicker .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .datepicker input {
  border-radius: 0 4px 4px 0 !important;
}
.datepicker.datepicker-dropdown table tr td.active,
.datepicker.datepicker-dropdown table tr td.active:hover {
  background: var(--p_main);
}

.block373 {
  float: left;
  width: 100%;
}
.block373 .slimScrollDiv, .block373 .scrollWrapper {
  min-height: 373px;
  height: auto !important;
  max-height: 373px;
}
@media (max-width: 767px) {
  .block373 .slimScrollDiv, .block373 .scrollWrapper {
    min-height: inherit;
    height: auto !important;
    max-height: 100%;
    overflow: visible !important;
  }
  .block373 .slimScrollBar {
    display: none !important;
  }
}

.buttonRgtAlign {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.buttonRgtAlign .btnFill, .buttonRgtAlign .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .buttonRgtAlign a, .buttonRgtAlign .promo_details, .buttonRgtAlign .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .buttonRgtAlign .btn.btn-primary, .buttonRgtAlign .btnExportFill, .buttonRgtAlign .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .buttonRgtAlign .enrollNow, .buttonRgtAlign .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .buttonRgtAlign .btn.btn-primary, .buttonRgtAlign .btnBorderedsecondary, .buttonRgtAlign .primaryBtn, .buttonRgtAlign .btnGrey, .buttonRgtAlign .greyBtnBordered, .buttonRgtAlign .yellowBtn, .buttonRgtAlign .btnBordered, .buttonRgtAlign .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .buttonRgtAlign a, .buttonRgtAlign .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .buttonRgtAlign .btn.btn-default, .buttonRgtAlign .primaryBtnBordered, .buttonRgtAlign .yellowBtnBorder {
  float: right;
}

.buttonRow {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.buttonRow.btnHalf button, .buttonRow.btnHalf a {
  width: calc(50% - 10px);
  float: left;
}
.buttonRow.btnHalf button + button, .buttonRow.btnHalf a + button {
  float: right;
}
.buttonRow.buttonSpace button, .buttonRow.buttonSpace a {
  margin: 5px;
}
.buttonRow.buttonAuto * {
  margin: 4px 5px;
}
.buttonRow.buttonAuto button, .buttonRow.buttonAuto a {
  width: auto;
}

.tableButtonALign table {
  margin: 0 0;
}
.tableButtonALign .CommonHeader {
  float: right;
  margin-bottom: -40px;
  position: relative;
  z-index: 99;
  top: 16px;
}
.tableButtonALign .dataTables_wrapper {
  float: left;
  width: 100%;
  padding: 0px;
}

.pageTitleInner {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.pageTitleInner .TopBackBtn {
  float: right;
}
.pageTitleInner .TopBackBtn .btnBordered, .pageTitleInner .TopBackBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .pageTitleInner .TopBackBtn a, .pageTitleInner .TopBackBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .pageTitleInner .TopBackBtn .btn.btn-default, .pageTitleInner .TopBackBtn .primaryBtnBordered, .pageTitleInner .TopBackBtn .yellowBtnBorder {
  float: left;
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 90px;
}
.custom-file-label::after {
  background-color: var(--FormIconBg);
  color: var(--FormIconText);
}

.grayed-out {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  cursor: not-allowed !important;
}

.wrapper-cot {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.wrapper-cot .dataTables_info {
  margin: 5px 0;
}
.wrapper-cot .dataTables_paginate {
  margin: 5px 0;
}

.ui-widget {
  font-weight: 700 !important;
  font-size: 1rem !important;
}
.ui-widget.ui-widget-content {
  border: 1px solid #dcdcdc;
  background: #ffffff;
}
.ui-widget.ui-widget-content .ui-widget-header {
  border: 1px solid var(--p_main);
  background: var(--p_main);
  color: var(--text_white);
}
.ui-widget.ui-widget-content .ui-widget-header .ui-corner-all {
  border: none !important;
  background: none !important;
}
.ui-widget.ui-widget-content .ui-widget-header .ui-corner-all .ui-icon {
  display: none !important;
}
.ui-widget.ui-widget-content .ui-widget-header .ui-corner-all::after {
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: #fff;
}
.ui-widget.ui-widget-content .ui-widget-content {
  border: none !important;
  background: #fff !important;
  padding-top: 10px;
}
.ui-widget.ui-widget-content .ui-widget-content .ui-state-default {
  border: 1px solid #dedede !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 0.9rem !important;
}
.ui-widget.ui-widget-content #ptTimeSelectSetButton a {
  border: 1px solid var(--p_main) !important;
  background: var(--p_main) !important;
  color: #fff !important;
  font-size: 0.9rem;
}

.listStyleIcons ul {
  list-style: disc;
  padding-left: 15px;
}

.editBtn i {
  color: var(--p_main);
  cursor: pointer;
}

#PendingGeometryChangeRequests td:last-child {
  width: 100px;
}

.changeDealer {
  padding: 4px 6px;
  /*width: 62px;*/
  float: left;
  font-size: 0.9rem;
}

.block120 {
  float: left;
  width: 100%;
}
.block120 .slimScrollDiv, .block120 .scrollWrapper {
  height: auto !important;
  max-height: 120px !important;
}

.buttonRowCenter, .buttonRowLeft {
  float: left;
  width: 100%;
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.buttonRowCenter a, .buttonRowLeft a, .buttonRowCenter button, .buttonRowLeft button {
  margin: 5px;
}

.buttonRowLeft {
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.dealerOverviewCon .tableBlockRow .reportsMainContent {
  border: none;
  padding: 0;
}

.modal .table {
  margin-bottom: 0px;
}
.modal .table th {
  white-space: nowrap;
}

.DealerShipInfo table tr td + td {
  border-left: 1px solid #dee2e6 !important;
}

.inlineGroup {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.inlineGroup label {
  float: left;
  margin: 0;
  width: 140px;
}
@media (max-width: 520px) {
  .inlineGroup label {
    width: 100%;
  }
}
.inlineGroup .field-group {
  float: left;
  width: calc(100% - 140px);
}
@media (max-width: 520px) {
  .inlineGroup .field-group {
    margin-top: 12px;
    width: 100%;
  }
}

.datepicker table tbody tr td {
  padding: 5px !important;
  text-align: center !important;
}

#AddDealer .modal-dialog {
  max-width: 650px;
}

.alert {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.alert label {
  margin: 0px;
}

.tab-content .tab-pane {
  position: relative;
}

.alert-info2 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  padding: 15px 22px;
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #333333;
}
.alert-info2.alertWithDarkBg {
  background-color: #d6d6d6;
  color: #000000;
}

.btncenterAlign {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btncenterAlign * {
  margin: 4px;
}

.dealerWebsiteComment .modal-dialog {
  max-width: 850px;
}

.dealerWebsiteComment .modal-dialog .modal-content {
  width: 100%;
  max-width: 100%;
}

.programInfo ul {
  display: inline-block;
  width: 100%;
}

.EnrollmentModal .modal-body .EnrollmentFieldRow {
  margin: 10px 0;
}
.EnrollmentModal .modal-body .messageAlertRow {
  margin-top: 10px;
}
.EnrollmentModal .modal-body .fieldRow .select2-container {
  width: 100% !important;
}
.EnrollmentModal .modal-body .fieldRow .select2-container .select2-selection--single {
  height: 36px;
  border: 1px solid #ccc;
}
.EnrollmentModal .modal-body .fieldRow .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.EnrollmentModal .modal-body .fieldRow .select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.select2Width .select2-container {
  width: 100% !important;
}

.select2Width .select2-container .select2-selection.select2-selection--single {
  border-color: #ccc;
  height: 35px;
}

.select2Width .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}

.select2Width .select2-container .select2-selection.select2-selection--single span.select2-selection__arrow {
  height: 33px;
}

#AgencyEstimatedSpend .modal-content.modal-lg {
  border: 7px solid var(--link);
}

#AgencyEstimatedSpend .modal-content .modal-body {
  padding: 30px 40px;
  background-color: #e7e7e7;
}

#AgencyEstimatedSpend .modal-content .modal-footer {
  background-color: #e7e7e7;
}

table.tableBordered tr + tr td {
  border-top: 2px solid #ffffff !important;
}

@media (max-width: 767px) {
  .containerHome {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

.clsDisable {
  cursor: not-allowed !important;
}

.BulkUploadWrapper {
  float: left;
  width: 100%;
  background-color: var(--blockBg);
  border: 1px solid var(--border);
}
.BulkUploadWrapper .donwloadSampleFile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.BulkUploadWrapper .donwloadSampleFile .uploadFileImageBlockCon {
  float: left;
  width: calc(100% - 390px);
}
.BulkUploadWrapper .donwloadSampleFile .uploadFileImageBlockCon .uploadBlock {
  float: left;
  width: 100%;
  max-width: 400px;
}
.BulkUploadWrapper .donwloadSampleFile .uploadFileImageBlockCon .uploadBlock .form-group {
  margin: 0;
}
.BulkUploadWrapper .donwloadSampleFile .downloadSampleBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  padding-left: 40px;
  border-left: 1px dashed #ccc;
  width: 350px;
  margin-left: 40px;
}
.BulkUploadWrapper .donwloadSampleFile .downloadSampleBtn a {
  padding: 10px 25px;
  width: 100%;
}
@media (max-width: 767px) {
  .BulkUploadWrapper .donwloadSampleFile .uploadFileImageBlockCon {
    width: 100%;
    margin-bottom: 15px;
  }
  .BulkUploadWrapper .donwloadSampleFile .uploadFileImageBlockCon .uploadBlock {
    float: left;
    max-width: 100%;
  }
  .BulkUploadWrapper .donwloadSampleFile .downloadSampleBtn {
    border: none;
    margin: 0px;
    padding: 0px;
  }
}
.BulkUploadWrapper .multiUploadRow {
  float: left;
  width: 100%;
  margin-top: 50px;
}
.BulkUploadWrapper .multiUploadRow .multiUploaderRow {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: 31px !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border-radius: 30px;
  border: 1px solid var(--grey400);
  background-color: var(--grey300);
  line-height: 1.7;
  font-size: 0.85rem;
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  margin-right: 5px;
}

.dataTables_length, .dataTables_info {
  margin-bottom: 10px;
}

.moduleHeaderText {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 1.5rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 15px;
}

.downloadAsset {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.assetDownloadContent {
  float: left;
  width: calc(100% - 120px);
  line-height: 1.9;
}
@media (max-width: 520px) {
  .assetDownloadContent {
    width: calc(100% - 90px);
  }
}

#divCartDownloadBtn {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 25px 0;
}

.assetDIcon i {
  font-size: 5rem;
}

@media (max-width: 767px) {
  .assetDownloadWrapper .col-sm-6 {
    width: 100%;
    float: left;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #divDownloadCartItems .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  #divDownloadCartItems .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
.fieldGroup.FieldFlex .multiple_emails-container {
  width: calc(100% - 35px);
  float: left;
}
.fieldGroup.FieldFlex .multiple_emails-container .multiple_emails-email {
  display: inline-block;
  padding: 2px 15px;
  background: rgba(233, 236, 243, 0.5647058824);
  border-radius: 20px;
  margin: 7px 0;
  font-size: 0.8rem;
  border: 1px solid #e9ecf3;
}
.fieldGroup.FieldFlex .multiple_emails-container .multiple_emails-email + .multiple_emails-email {
  margin-left: 10px;
}
.fieldGroup.FieldFlex .infoIcon {
  float: right;
  width: 20px;
  text-align: right;
}

.listStyleIcons .modal-content form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.btnGrey {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: var(--TextMain) !important;
}
.btnGrey:hover {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
  color: #383838 !important;
}

.greyBtnBordered {
  background-color: #fff;
  border-color: #d4d4d4;
  color: #848484 !important;
}
.greyBtnBordered:hover {
  background-color: #f5f5f5;
  color: #7d7d7d !important;
}

#chkBoxPayout {
  float: left;
  width: 100%;
}

.sortingRow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 30px;
  height: 34px;
  align-self: center;
}
.sortingRow .sortUp, .sortingRow .sortDown {
  line-height: 0.2;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
.sortingRow .sortUp i, .sortingRow .sortDown i {
  line-height: 0.6;
  color: #c9ccd5;
}
.sortingRow .sortUp.active i, .sortingRow .active.sortDown i {
  color: var(--p_main);
}
#messagescroll {
  box-shadow: 0 6px 8px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
}
#messagescroll .carousel {
  float: left;
  width: calc(100% - 200px);
  padding: 0 40px;
}
#messagescroll .carousel .carousel-inner .message-item {
  font-size: 0.9rem;
  height: 65px;
  padding: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#messagescroll .carousel .carousel-inner .message-item a {
  color: var(--p_main);
}
#messagescroll .carousel .carousel-inner .message-item .messagebody {
  float: left;
  width: calc(100% - 180px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  #messagescroll .carousel .carousel-inner .message-item {
    height: auto;
    min-height: 40px;
  }
}
#messagescroll .carousel .carousel-control-prev {
  left: 0;
  width: 40px;
  padding: 0;
  font-size: 1.3rem;
  color: var(--TextMain);
}
#messagescroll .carousel .carousel-control-next {
  right: 0;
  width: 40px;
  padding: 0;
  font-size: 1.3rem;
  color: var(--TextMain);
}
@media (max-width: 767px) {
  #messagescroll .carousel {
    float: left;
    width: 100%;
    padding: 0 40px;
  }
}
#messagescroll .gut-label-left {
  z-index: 99;
  color: var(--text_white);
  background: var(--p_main);
  width: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#messagescroll .gut-label-left i {
  font-size: 1.1rem;
  margin-right: 7px;
  color: var(--text_white);
}
@media (max-width: 767px) {
  #messagescroll .gut-label-left {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
}

.listkRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listkRow h6 {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 4px;
}
.listkRow .dashKeyList {
  float: left;
  width: calc(100% + 10px);
  margin-left: -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listkRow .dashKeyList .scroll-content {
  padding: 5px 1px !important;
}
.listkRow .dashKeyList .checkboxList {
  float: left;
  padding: 4px 8px;
  font-size: 0.8rem;
  border: 1px dashed #ccc;
  margin: 4px;
  color: var(--TextMain);
  background-color: #fff;
}
.listkRow .dashKeyList .checkboxList label {
  margin: 0;
  color: var(--TextMain);
}

.assetImgSec {
  width: 100%;
  max-height: 350px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.assetImgSec img, .assetImgSec video {
  max-height: 350px;
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

.dropzone * {
  line-height: 1.2;
}

.horizontalForm .dropzone .dz-default.dz-message {
  margin: 0px;
}

article.scroll-content {
  display: inline-block;
  width: 100%;
}

.modal .modal-xl {
  max-width: 1140px;
  width: 100%;
  padding: 0 15px;
}

.modal.successModal .modal-dialog {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin: 0;
}
.modal.successModal .modal-dialog .modal-content {
  float: left;
  width: 100%;
  max-width: 500px;
  border-radius: 0;
}
.modal.successModal .modal-dialog .modal-content .modalIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  margin-top: -25px;
}
.modal.successModal .modal-dialog .modal-content .modalIcon i {
  float: left;
  width: 50px;
  height: 50px;
  font-size: 1.5rem;
  border-radius: 100%;
  color: var(--text_white);
  background-color: var(--s_main);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.modal.successModal .modal-dialog .modal-content .successContent {
  float: left;
  width: 100%;
  padding: 25px;
  text-align: center;
}
.modal.successModal .modal-dialog .modal-content .successContent .successTitle {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
.modal.successModal .modal-dialog .modal-content .successContent p {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .modal.successModal .modal-dialog {
    padding: 0 20px;
  }
  .modal.successModal .modal-dialog .modal-content .successContent {
    padding: 20px 15px;
  }
}

.slimScrollDiv .slimScrollBar {
  display: none !important;
}
.slimScrollDiv:hover .slimScrollBar {
  display: block !important;
}

#UploadAdjustmentsExcel .dropzone .dz-message, .uploadBlock-sm .dropzone .dz-message {
  margin: 0px;
}

.dropzone.smallDropZone .dz-message {
  margin: 0 0;
  position: relative;
  padding-left: 60px;
  text-align: left;
  line-height: 1.6;
  font-size: 0.85rem;
}
.dropzone.smallDropZone .dz-message span.dz-fa {
  position: absolute;
  left: 0;
  top: calc(50% - 22px);
  font-size: 1.8rem;
}
.dropzone.smallDropZone .dz-message span.dz-fa + br {
  display: none;
}

.AdjustmentTitle {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}

.emailCon {
  max-width: 600px;
  width: 100%;
}

.emailBlock {
  float: left;
  width: 100%;
}

.trainingSecBlock {
  float: left;
  width: 100%;
  max-width: 750px;
}

.stepRgt button.owl-prev {
  left: -15px !important;
}
.stepRgt button.owl-next {
  right: -15px !important;
}

.close {
  outline: none !important;
}

.close-body {
  margin-top: -10px;
}

.modalCenterText {
  text-align: center;
  font-size: 1.5rem;
  margin: -15px 0 20px;
  font-family: var(--fontRegular);
  font-weight: 400;
  line-height: 2rem;
}
.modalCenterText i.fal.fa-times-circle {
  font-size: 3rem;
  margin: -30px auto 15px;
  display: table;
  opacity: 0.7;
}

.assetSuccessModal button[class*=btn] {
  min-width: 120px;
}

.wrapper-full {
  display: inline-block;
  width: 100%;
}

.breadcrumb {
  background: #fff;
  font-size: 0.8rem;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.062745098);
}

.cancelModal {
  text-align: center;
  color: #5a2323;
}
.cancelModal i {
  font-size: 2.5rem;
  color: #d37b7b;
  margin-bottom: 15px;
}

.modal-lg {
  max-width: 830px;
  width: 100%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .modal-lg {
    margin: 15px auto;
  }
}

.scroll-wrapper.notificationList {
  padding: 0 !important;
}

#toast-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
}
#toast-container .toast {
  float: left;
  width: 100% !important;
  max-width: 100%;
  border-radius: 0;
  box-shadow: none !important;
  opacity: 1;
  margin: 0 !important;
  padding: 12px 50px;
}
#toast-container .toast .toast-close-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  opacity: 1;
  text-shadow: none;
  font-size: 0;
}
#toast-container .toast .toast-close-button::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.1rem;
  color: #fff;
  font-weight: lighter;
}
#toast-container .toast.toast-success {
  background-color: var(--successText);
  border: 1px solid var(--successBdr);
}
#toast-container .toast.toast-success .toast-message {
  color: var(--sucessBg);
}
#toast-container .toast.toast-error {
  background-color: var(--errorText);
  border: 1px solid var(--erroBdr);
}
#toast-container .toast.toast-error .toast-message {
  color: var(--errorBg);
}

.uploadBlock .editfile {
  background-color: var(--bodyBg);
  margin-top: 5px;
  padding: 0;
  line-height: 1.3;
  border-radius: 4px;
}
.uploadBlock .editfile label {
  padding: 8px;
  float: left;
}
.uploadBlock .editfile a {
  float: right;
  margin: 0;
  padding: 8px;
  font-size: 0.95rem;
  cursor: pointer;
}
.uploadBlock .editfile > div {
  border-bottom: 2px solid #fff;
  float: left;
  width: 100%;
}
.uploadBlock .editfile > div:last-child {
  border-bottom: none;
}

.help-block {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  margin-top: 3px;
}

.modal.FullModalLg .modal-dialog {
  max-width: 1140px;
}

.formFlex {
  max-width: 100%;
}

.radius-5 {
  border-radius: 5px !important;
}

.blockWrapper {
  display: inline-block;
  width: 100%;
}

hr.hrBordered {
  border-style: dashed;
  margin-bottom: 30px;
}

.widthAuto {
  width: auto !important;
}

.flexTitle {
  gap: 10px;
  display: flex;
}

.allocationTable {
  float: left;
  width: 100%;
  margin: 0px 0;
}
.allocationTable h5 {
  float: left;
  width: auto;
}
.allocationTable .table {
  margin: 0;
}
.allocationTable .exportToExcel {
  margin-bottom: 10px;
}

.updateAllocation {
  float: left;
  width: 100%;
}
.updateAllocation h5 {
  float: left;
  width: 100%;
  margin-bottom: 17px;
}

.updateFlex {
  float: left;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
}
.updateFlex .form-group {
  float: left;
  padding: 0 10px;
  width: 33.33%;
}
.updateFlex .form-group label {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.updateFlex .form-group .field-group {
  float: left;
  width: 100%;
}
.updateFlex .form-group .field-group label.form-control {
  margin: 0px;
  line-height: 32px;
}
@media (max-width: 767px) {
  .updateFlex .form-group {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .updateFlex .form-group {
    width: 100%;
  }
}

body > .select2-container {
  z-index: 1050;
}

.date.input-group {
  background: var(--FormBg);
  position: relative;
}
.date.input-group .input-group-append {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.date.input-group input {
  position: relative;
  z-index: 1;
  background: none;
  padding-left: 50px;
}
.date.input-group .field-validation-error, .date.input-group .help-block {
  position: absolute;
  bottom: -21px;
}

.mce-content-body {
  font-family: var(--fontRegular);
  font-weight: 400;
}

.fx-1 {
  font-size: 1rem;
}

.fx-95 {
  font-size: 0.95rem;
}

.fx-90 {
  font-size: 0.9rem;
}

.fx-85 {
  font-size: 0.85rem;
}

.fx-85 {
  font-size: 0.8rem;
}

.flex-full {
  flex: 1 !important;
}

/*Button*/
.btnFill, .top-var-cot .chilliFlex .right-var-tab ul li a, .promo_details, .bootstrap-datetimepicker-widget .btn.btn-primary, .btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .btnBorderedsecondary, .primaryBtn, .btnGrey, .greyBtnBordered, .yellowBtn, .btnBordered, .top-var-cot .chilliFlex .left-var-tab ul li a, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .primaryBtnBordered, .yellowBtnBorder {
  background-color: var(--BtnBg);
  padding: 8px 15px;
  color: var(--BtnText) !important;
  border: 1px solid var(--BtnBg);
  border-radius: 3px;
  cursor: pointer;
  outline: none !important;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  font-size: 0.9rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.btnFill .fal, .top-var-cot .chilliFlex .right-var-tab ul li a .fal, .promo_details .fal, .bootstrap-datetimepicker-widget .btn.btn-primary .fal, .btnExportFill .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary .fal, .btnBorderedsecondary .fal, .primaryBtn .fal, .btnGrey .fal, .greyBtnBordered .fal, .yellowBtn .fal, .btnBordered .fal, .top-var-cot .chilliFlex .left-var-tab ul li a .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default .fal, .primaryBtnBordered .fal, .yellowBtnBorder .fal, .btnFill .far, .top-var-cot .chilliFlex .right-var-tab ul li a .far, .promo_details .far, .bootstrap-datetimepicker-widget .btn.btn-primary .far, .btnExportFill .far, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary .far, .btnBorderedsecondary .far, .primaryBtn .far, .btnGrey .far, .greyBtnBordered .far, .yellowBtn .far, .btnBordered .far, .top-var-cot .chilliFlex .left-var-tab ul li a .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default .far, .primaryBtnBordered .far, .yellowBtnBorder .far {
  color: var(--BtnText);
}
.btnFill:hover, .top-var-cot .chilliFlex .right-var-tab ul li a:hover, .promo_details:hover, .bootstrap-datetimepicker-widget .btn.btn-primary:hover, .btnExportFill:hover, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover, .btnBorderedsecondary:hover, .primaryBtn:hover, .btnGrey:hover, .greyBtnBordered:hover, .yellowBtn:hover, .btnBordered:hover, .top-var-cot .chilliFlex .left-var-tab ul li a:hover, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover, .primaryBtnBordered:hover, .yellowBtnBorder:hover {
  background-color: var(--BtnBgHover);
  border-color: var(--btnBdrHover);
  color: var(--BtnTextHover) !important;
}
.btnFill:hover .fal, .top-var-cot .chilliFlex .right-var-tab ul li a:hover .fal, .promo_details:hover .fal, .bootstrap-datetimepicker-widget .btn.btn-primary:hover .fal, .btnExportFill:hover .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover .fal, .btnBorderedsecondary:hover .fal, .primaryBtn:hover .fal, .btnGrey:hover .fal, .greyBtnBordered:hover .fal, .yellowBtn:hover .fal, .btnBordered:hover .fal, .top-var-cot .chilliFlex .left-var-tab ul li a:hover .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover .fal, .primaryBtnBordered:hover .fal, .yellowBtnBorder:hover .fal, .btnFill:hover .far, .top-var-cot .chilliFlex .right-var-tab ul li a:hover .far, .promo_details:hover .far, .bootstrap-datetimepicker-widget .btn.btn-primary:hover .far, .btnExportFill:hover .far, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover .far, .btnBorderedsecondary:hover .far, .primaryBtn:hover .far, .btnGrey:hover .far, .greyBtnBordered:hover .far, .yellowBtn:hover .far, .btnBordered:hover .far, .top-var-cot .chilliFlex .left-var-tab ul li a:hover .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover .far, .primaryBtnBordered:hover .far, .yellowBtnBorder:hover .far {
  color: var(--BtnTextHover);
}
.btnFill.smallBtn, .top-var-cot .chilliFlex .right-var-tab ul li a.smallBtn, .promo_details, .bootstrap-datetimepicker-widget .smallBtn.btn.btn-primary, .bootstrap-datetimepicker-widget .btn.btn-primary.promo_details, .smallBtn.btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .smallBtn.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.promo_details, .modal .modal-dialog .modal-content .modal-footer .smallBtn.btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary.promo_details, .smallBtn.btnBorderedsecondary, .smallBtn.primaryBtn, .smallBtn.btnGrey, .smallBtn.greyBtnBordered, .smallBtn.yellowBtn, .smallBtn.btnBordered, .top-var-cot .chilliFlex .left-var-tab ul li a.smallBtn, .modal .modal-dialog .modal-content .modal-footer .smallBtn.btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default.promo_details, .smallBtn.primaryBtnBordered, .smallBtn.yellowBtnBorder {
  padding: 4px 8px;
  font-family: var(--fontMedium);
  font-weight: 500;
  line-height: 1.2;
  font-size: 0.8rem;
}
.btnFill.xs-smallBtn, .top-var-cot .chilliFlex .right-var-tab ul li a.xs-smallBtn, .xs-smallBtn.promo_details, .bootstrap-datetimepicker-widget .xs-smallBtn.btn.btn-primary, .xs-smallBtn.btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .xs-smallBtn.enrollNow, .modal .modal-dialog .modal-content .modal-footer .xs-smallBtn.btn.btn-primary, .xs-smallBtn.btnBorderedsecondary, .xs-smallBtn.primaryBtn, .xs-smallBtn.btnGrey, .xs-smallBtn.greyBtnBordered, .xs-smallBtn.yellowBtn, .xs-smallBtn.btnBordered, .top-var-cot .chilliFlex .left-var-tab ul li a.xs-smallBtn, .modal .modal-dialog .modal-content .modal-footer .xs-smallBtn.btn.btn-default, .xs-smallBtn.primaryBtnBordered, .xs-smallBtn.yellowBtnBorder {
  padding: 2px 8px;
  line-height: 1;
}

.btnBordered, .top-var-cot .chilliFlex .left-var-tab ul li a, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .primaryBtnBordered, .yellowBtnBorder {
  background-color: var(--BtnBorderedBg);
  border-color: var(--btnBorderedBdr);
  color: var(--BtnBorderedText) !important;
}
.btnBordered .far, .top-var-cot .chilliFlex .left-var-tab ul li a .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default .far, .primaryBtnBordered .far, .yellowBtnBorder .far, .btnBordered .fal, .top-var-cot .chilliFlex .left-var-tab ul li a .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default .fal, .primaryBtnBordered .fal, .yellowBtnBorder .fal {
  color: var(--BtnBorderedText);
}
.btnBordered:hover, .top-var-cot .chilliFlex .left-var-tab ul li a:hover, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover, .primaryBtnBordered:hover, .yellowBtnBorder:hover {
  background-color: var(--BtnBorderedBgHover);
  border-color: var(--BtnBorderedBgHover);
  color: var(--BtnBorderedTextHover) !important;
}
.btnBordered:hover .far, .top-var-cot .chilliFlex .left-var-tab ul li a:hover .far, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover .far, .primaryBtnBordered:hover .far, .yellowBtnBorder:hover .far, .btnBordered:hover .fal, .top-var-cot .chilliFlex .left-var-tab ul li a:hover .fal, .modal .modal-dialog .modal-content .modal-footer .btn.btn-default:hover .fal, .primaryBtnBordered:hover .fal, .yellowBtnBorder:hover .fal {
  color: var(--BtnBorderedTextHover);
}

.btnBorderedsecondary {
  background-color: var(--text_white);
  color: var(--s_main) !important;
  border-color: var(--s_main);
}
.btnBorderedsecondary .far, .btnBorderedsecondary .fal {
  color: var(--s_main);
}
.btnBorderedsecondary:hover {
  background-color: var(--s_main);
  color: var(--text_white) !important;
}
.btnBorderedsecondary:hover .far, .btnBorderedsecondary:hover .fal {
  color: var(--text_white);
}

.btnGrey {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: var(--TextMain) !important;
}
.btnGrey:hover {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
  color: #383838 !important;
}

.yellowDisabledBtn {
  background-color: #dcdcdc;
  color: var(--TextMain) !important;
  padding: 4px 15px;
  cursor: pointer;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 0.9rem;
  outline: none !important;
  text-align: center;
  font-size: 1rem;
}
.yellowDisabledBtn:hover {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
  color: #383838 !important;
}

/*.greenBtn {
    padding: 3px 10px;
    border: 1px solid $s_dark;
    border-radius: 30px;
    font-size: 0.85rem;
    text-align: center;
    background-color: $s_dark;
    color: $text_white;
    line-height: 1.3;
}*/
.lightSmallBtn {
  padding: 3px 10px;
  border: 1px solid var(--border);
  border-radius: 30px;
  font-size: 0.85rem;
  text-align: center;
  background-color: var(--grey100);
  color: var(--TextMain);
  line-height: 1.3;
}

/*Button*/
/*Table*/
.table {
  border: 1px solid var(--tableHeadBdr) !important;
  max-width: calc(100% - 2px);
  background-color: #fff;
}
.table thead {
  background-color: #F4F7FF;
  position: sticky;
  top: 1px;
  z-index: 99;
  border-bottom: 1px solid var(--tableHeadBdr) !important;
}
.table thead th {
  vertical-align: bottom;
  background-color: var(--tableHeadBg);
  font-size: 0.9rem;
  padding: 12px !important;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  border-bottom: 0px;
  color: var(--tableHeadText);
  vertical-align: middle;
  position: relative;
}
.table thead th::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--tableHeadBdr);
}
.table thead th::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: var(--tableHeadBdr);
}
.table thead th:last-child {
  border-right: none;
}
.table tbody tr {
  background-color: var(--tableRowBg);
  /*&:nth-child(even) {
      background-color: $tableAltRowBg;
  }*/
}
.table tbody tr td {
  border-bottom: 1px solid var(--tableRowBdr);
}
.table tbody tr:hover {
  background-color: var(--tableAltRowBg);
}
.table tbody tr:last-child td {
  border-bottom: none;
}
.table.tableCustomStyle tbody tr td {
  border: none;
  vertical-align: middle;
  border-right: 1px solid var(--tableRowBdr);
  border-top: 1px solid var(--tableRowBdr) !important;
}
.table.tableCustomStyle tbody tr td .btnGrey {
  padding: 4px 8px;
}
.table.tableCustomStyle tbody tr td:last-child {
  border-right: none;
}
.table.tableRelative thead {
  position: relative;
}

/*Table*/
/* Model Popup */
.modal .modal-dialog {
  margin: 1rem auto;
}
.modal .modal-dialog .modal-content {
  border: none;
  background-color: var(--modalBodyBg);
}
.modal .modal-dialog .modal-content .modal-header {
  float: left;
  display: inline-block;
  padding: 12px 15px;
  border: none;
  background-color: var(--modalHF_Bg);
  color: var(--TextMain);
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  line-height: 1.2;
  width: calc(100% - 40px);
  font-size: 1.2rem;
  float: left;
  color: var(--TextMain) !important;
}
.modal .modal-dialog .modal-content .modal-header .close {
  width: 40px;
  margin: 0;
  float: right;
  padding: 0;
  text-shadow: none;
  color: var(--TextMain);
  opacity: 1 !important;
  outline: none !important;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 20px 15px;
  background-color: var(--modalBodyBg);
  max-height: calc(100vh - 2rem - 105px);
  overflow-y: auto;
}
.modal .modal-dialog .modal-content .modal-body.span30 {
  padding: 30px;
}
.modal .modal-dialog .modal-content .modal-body.noModalFooter {
  max-height: calc(100vh - 2rem - 50px);
}
.modal .modal-dialog .modal-content .modal-body.noHeaderFooter {
  max-height: calc(100vh - 2rem);
}
.modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 8px 15px;
  background-color: var(--modalHF_Bg);
}
.modal .modal-dialog .modal-content .modal-footer * {
  line-height: 1.2;
}
.modal .modal-dialog .modal-content .modal-footer .buttonRowCenter, .modal .modal-dialog .modal-content .modal-footer .buttonRowLeft {
  margin: 0px;
}
/* Model Popup */
/*select 2*/
.select2-container .select2-selection--single {
  border: 1px solid var(--border) !important;
  width: 100% !important;
  height: 34px;
  min-height: 34px;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  /*height: 100% !important;
  @include display-flex();
  @include alignItrem(center);*/
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.select2-container .select2-dropdown .select2-results .select2-results__options li:hover {
  background-color: var(--selectDropHoverBg);
  color: var(--selectDropHoverText);
}
.select2-container .select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {
  background-color: var(--selectDropActiveBg);
  color: var(--selectDropActiveText);
}

/*select 2*/
/*CheckBox Radio*/
.checkBoxWrapper {
  float: left;
  padding: 0 15px;
}
.checkBoxWrapper.span10 {
  margin-top: 0px;
  padding: 0px;
}
.checkBoxWrapper .checkboxCon {
  float: left;
}

.checkBoxFullLi {
  float: left;
  width: 100%;
}
.checkBoxFullLi .checkboxCon {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.checkBoxFullLi .checkboxCon + .checkboxCon {
  margin: 5px 0;
}

.checkboxCon {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.checkboxCon input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
}
.checkboxCon input[type=checkbox]:checked ~ label::before {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_bgActive);
}
.checkboxCon input[type=checkbox]:checked ~ label::after {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  font-family: "Font Awesome 5 Pro";
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8rem;
  color: var(--rc_IconActive);
}
.checkboxCon input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkboxCon input[type=checkbox]:disabled + label::before {
  opacity: 0.6;
}
.checkboxCon label {
  width: 100%;
  float: left;
  font-size: 0.9rem;
  padding-left: 30px;
  margin: 0;
}
.checkboxCon label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 19px;
  border: 1px solid var(--border);
  border-radius: 3px;
  background-color: var(--rc_bg);
}
.checkboxCon.withNoContent label {
  padding-left: 20px;
}
.checkboxCon.checkboxWithDarkerBdr input[type=checkbox]:disabled + label::before {
  opacity: 0.6;
}
.checkboxCon.checkboxWithDarkerBdr label::before {
  border-color: var(--rc_bgActive);
}

.checkBoxInner {
  float: left;
  position: relative;
  min-height: 26px;
}
.checkBoxInner input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  z-index: 9;
  height: 100%;
  opacity: 0 !important;
}
.checkBoxInner input[type=checkbox]:checked + label::before {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_bgActive);
}
.checkBoxInner input[type=checkbox]:checked + label::after {
  content: "\f00c";
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8rem;
  color: var(--rc_IconActive);
}
.checkBoxInner input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkBoxInner input[type=checkbox]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}
.checkBoxInner input[type=checkbox]:disabled + label::before {
  opacity: 0.6;
}
.checkBoxInner label {
  float: left;
  margin: 0;
  padding-left: 35px;
  position: relative;
}
.checkBoxInner label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border: 1px solid var(--border);
  border-radius: 3px;
  background-color: var(--rc_bg);
}
.checkBoxInner.smallcheckbox {
  min-height: 20px;
}
.checkBoxInner.smallcheckbox input[type=checkbox]:checked + label::after {
  width: 18px;
  height: 18px;
  font-size: 0.65rem;
  top: 0;
}
.checkBoxInner.smallcheckbox label {
  padding-left: 25px;
  line-height: 1.2;
}
.checkBoxInner.smallcheckbox label::before {
  width: 18px;
  height: 18px;
  top: 0;
}
.checkBoxInner.CP2 label {
  padding-left: 20px;
}
.checkBoxInner.cbAlign_v {
  min-height: 21px;
}
.checkBoxInner.cbAlign_v input[type=checkbox]:checked + label::after {
  top: 0px;
}
.checkBoxInner.cbAlign_v label::before {
  top: 0px;
}

.radioBoxCon {
  float: left;
  position: relative;
  min-height: 22px;
}
.radioBoxCon input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  z-index: 9;
  height: 100%;
  opacity: 0 !important;
}
.radioBoxCon input[type=radio]:checked + label::before {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_bgActive);
}
.radioBoxCon input[type=radio]:checked + label::after {
  content: "\f00c";
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: var(--rc_IconActive);
  font-size: 0.7rem;
  font-weight: 600;
}
.radioBoxCon input[type=radio]:disabled {
  cursor: not-allowed;
}
.radioBoxCon input[type=radio]:disabled + label::before {
  opacity: 6;
}
.radioBoxCon label {
  float: left;
  margin: 0;
  padding-left: 30px;
  line-height: 1.5;
  position: relative;
}
.radioBoxCon label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--border);
  border-radius: 100%;
  background-color: #fff;
}
.radioBoxCon.smallRadio {
  min-height: 18px;
}
.radioBoxCon.smallRadio input[type=radio]:checked + label::after {
  width: 18px;
  height: 18px;
  padding-top: 2px;
}
.radioBoxCon.smallRadio label {
  padding-left: 25px;
  font-size: 0.85rem;
}
.radioBoxCon.smallRadio label::before {
  width: 18px;
  height: 18px;
}
.radioBoxCon.withBdr {
  margin: 5px 8px !important;
}
.radioBoxCon.withBdr input[type=radio]:checked + label {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_bgActive);
  color: var(--rc_IconActive);
}
.radioBoxCon.withBdr input[type=radio]:checked + label::before {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_IconActive);
}
.radioBoxCon.withBdr input[type=radio]:checked + label::after {
  left: 12px;
  top: calc(50% - 10px);
  font-weight: 400;
}
.radioBoxCon.withBdr label {
  border: 1px solid var(--border);
  padding: 10px 20px 10px 40px;
  border-radius: 30px;
}
.radioBoxCon.withBdr label::before {
  left: 12px;
  top: calc(50% - 10px);
}
.radioBoxCon + .radioBoxCon {
  margin-left: 20px;
}

.radioBoxConList .radioBoxCon {
  margin: 5px 20px 5px 0;
}
.radioBoxConList .radioBoxCon + .radioBoxCon {
  margin-left: 0 !important;
}

.customRadio {
  float: left;
  position: relative;
  min-height: 22px;
  font-size: 0.9rem;
  margin-right: 20px;
}
.customRadio input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  z-index: 9;
  height: 100%;
  opacity: 0 !important;
}
.customRadio input[type=radio]:checked + label::before {
  background-color: var(--rc_bgActive);
  border-color: var(--rc_bgActive);
}
.customRadio input[type=radio]:checked + label::after {
  content: "";
  left: 5px;
  top: 6px;
  width: 8px;
  height: 8px;
  position: absolute;
  color: #fff;
  border-radius: 100%;
  background-color: var(--rc_IconActive);
}
.customRadio label {
  float: left;
  margin: 0;
  padding-left: 26px;
  position: relative;
}
.customRadio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid var(--border);
  border-radius: 100%;
  background-color: var(--rc_bg);
}

/*CheckBox Radio*/
/*Pagination*/
.mainContent .dataTables_wrapper table {
  margin: 10px 0 0;
}
@media (max-width: 767px) {
  .mainContent .dataTables_wrapper table {
    min-width: 767px;
  }
  .mainContent .dataTables_wrapper table.tableMobile900 {
    min-width: 900px;
  }
}
@media (max-width: 767px) {
  .mainContent .dataTables_wrapper .dataTables_info {
    float: left;
  }
}
.mainContent .dataTables_wrapper .dataTables_paginate {
  margin-top: 10px !important;
  padding: 0px;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button {
  float: left;
  margin: 3px 2px !important;
  border: 1px solid var(--pgbdr) !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--pgText) !important;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: var(--pgBg) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  border-color: var(--pgBdrHover) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.previous {
  font-size: 0;
  position: relative;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.previous::before {
  content: "\f177";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.next {
  font-size: 0;
  position: relative;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.next::before {
  content: "\f178";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button {
  float: left;
  margin: 3px 2px !important;
  border: 1px solid var(--pgbdr) !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--pgText) !important;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: var(--pgBg) !important;
  cursor: default;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.current {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.current:hover {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button:hover {
  border-color: var(--pgBdrHover) !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.disabled {
  pointer-events: none;
  opacity: 0.6;
}
@media (max-width: 767px) {
  .mainContent .dataTables_wrapper .dataTables_paginate {
    float: right;
  }
}

.dataTables_paginate {
  float: right;
}
.dataTables_paginate .pagination {
  float: left;
  border-radius: 0;
}
.dataTables_paginate .pagination li[area-label=Previous] {
  font-size: 0;
  position: relative;
}
.dataTables_paginate .pagination li[area-label=Previous] a::before {
  content: "\f177";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.dataTables_paginate .pagination li[area-label=Next] {
  font-size: 0;
  position: relative;
}
.dataTables_paginate .pagination li[area-label=Next] a::before {
  content: "\f178";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.dataTables_paginate .pagination .page-item {
  float: left;
  margin: 3px 2px !important;
  border: 1px solid var(--pgbdr) !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--pgText) !important;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  width: auto;
  background: var(--pgBg) !important;
}
.dataTables_paginate .pagination .page-item a {
  color: var(--pgText) !important;
}
.dataTables_paginate .pagination .page-item.border-0 {
  background-color: #dedede !important;
  cursor: default;
}
.dataTables_paginate .pagination .page-item.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.dataTables_paginate .pagination .page-item.active {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.dataTables_paginate .pagination .page-item.active:hover {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.dataTables_paginate .pagination .page-item.active a {
  color: var(--pgActiveText) !important;
}
.dataTables_paginate .pagination .page-item:hover {
  border-color: var(--pgBdrHover) !important;
}

.customPagging {
  float: right;
}
.customPagging a {
  float: left;
  margin: 3px 2px !important;
  border: 1px solid var(--pgbdr) !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--pgText) !important;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: var(--pgBg) !important;
}
.customPagging a.aspNetDisabled {
  pointer-events: none;
  opacity: 0.6;
}
.customPagging a.aspNetDisabled.current {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
  opacity: 1;
  pointer-events: inherit;
}
.customPagging a.aspNetDisabled.current:hover {
  background: var(--pgActiveBg) !important;
  color: var(--pgActiveText) !important;
  border-color: var(--pgActiveBdr) !important;
}
.customPagging a:first-child {
  font-size: 0;
  position: relative;
}
.customPagging a:first-child::before {
  content: "\f177";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.customPagging a:last-child {
  font-size: 0;
  position: relative;
}
.customPagging a:last-child::before {
  content: "\f178";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.customPagging a:hover {
  border-color: var(--pgBdrHover) !important;
}

/*Pagination*/
/* Tooltip */
.tooltip.show {
  opacity: 1;
}
.tooltip.show.bs-tooltip-top .arrow::before {
  border-top-color: var(--tooltipBg);
  transform: translateY(-1px);
}
.tooltip.show.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--tooltipBg);
  transform: translateY(1px);
}
.tooltip.show.bs-tooltip-left .arrow::before {
  border-left-color: var(--tooltipBg);
  transform: translateX(-1px);
}
.tooltip.show.bs-tooltip-right .arrow::before {
  border-right-color: var(--tooltipBg);
  transform: translateX(1px);
}
.tooltip.show .tooltip-inner {
  background-color: var(--tooltipBg);
  max-width: 400px;
  color: var(--tooltipText);
  text-align: left;
}
@media (max-width: 767px) {
  .tooltip.show .tooltip-inner {
    max-width: 240px;
  }
}

/* Tooltip */
/*Toggle*/
.toggleWrapper {
  float: left;
  width: 100%;
}
.toggleWrapper li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.toggleWrapper li .toggleHeader {
  float: left;
  width: 100%;
  color: var(--accordionText);
  border: 1px solid var(--accordionBdr);
  background-color: var(--accordionBg);
  padding: 10px 10px 10px 50px;
  position: relative;
  cursor: pointer;
}
.toggleWrapper li .toggleHeader::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: ease-in 0.25s;
}
.toggleWrapper li .toggleContent {
  float: left;
  width: 100%;
  padding: 15px 50px;
  display: none;
}
.toggleWrapper li .toggleContent .subscribeForm {
  float: left;
  width: 100%;
  max-width: 530px;
}
.toggleWrapper li .toggleContent .subscribeForm h3 {
  font-size: 1.1rem;
  color: var(--p_main);
}
.toggleWrapper li .toggleContent .subscribeForm .subscriptionData {
  float: left;
  width: 100%;
}
.toggleWrapper li .toggleContent .subscribeForm .subscriptionForm {
  float: left;
  width: 100%;
  max-width: 400px;
}
.toggleWrapper li .toggleContent .subscribeForm .subscriptionForm .buttonRow {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.toggleWrapper li .toggleContent .newsletterListing {
  float: left;
  width: 100%;
}
.toggleWrapper li .toggleContent .newsletterListing li {
  float: left;
  width: 25%;
  padding: 0 10px;
}
@media (max-width: 991px) {
  .toggleWrapper li .toggleContent .newsletterListing li {
    width: 33.33%;
  }
}
@media (max-width: 640px) {
  .toggleWrapper li .toggleContent .newsletterListing li {
    width: 50%;
  }
}
@media (max-width: 420px) {
  .toggleWrapper li .toggleContent .newsletterListing li {
    width: 100%;
  }
}
.toggleWrapper li .toggleContent .newsletterListing li a {
  text-decoration: underline;
  font-size: 0.9rem;
}
.toggleWrapper li .toggleContent .seeAllArchive {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.toggleWrapper li .toggleContent .seeAllArchive a {
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.9rem;
}
.toggleWrapper li .toggleContent.smallSpacing {
  padding: 15px;
}
.toggleWrapper li .toggleContent.noSpacing {
  padding: 0;
}
@media (max-width: 767px) {
  .toggleWrapper li .toggleContent {
    padding: 15px;
  }
}
.toggleWrapper li.SlideOpen .toggleHeader {
  color: var(--accordionTextActive);
  border: 1px solid var(--accordionBdrActive);
  background-color: var(--accordionBgActive);
}
.toggleWrapper li.SlideOpen .toggleHeader::before {
  transform: rotate(90deg);
}
.toggleWrapper.toggleViewOnly li .toggleHeader {
  padding: 10px 10px 10px 10px;
}
.toggleWrapper.toggleViewOnly li .toggleHeader::before {
  display: none;
}

/*Toggle*/
/*Modal*/
.modal.modalCenter .modal-dialog {
  height: 100%;
  margin: 0px;
  padding: 25px;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.modal.modalCenter .modal-dialog .modal-content {
  max-width: 500px;
  border: none;
  border-radius: 0;
  padding: 30px 40px;
  text-align: center;
}
.modal.modalCenter .modal-dialog .modal-content h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
  color: var(--p_main);
}
.modal.modalCenter .modal-dialog .modal-content .successMessage {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.modal.modalCenter .modal-dialog .modal-content .successMessage .S_icon {
  float: left;
  width: 30px;
  font-size: 1.3rem;
  color: #ccc;
}
.modal.modalCenter .modal-dialog .modal-content .successMessage .S_content {
  float: left;
  width: calc(100% - 30px);
  text-align: left;
  padding-left: 20px;
  font-size: 0.9rem;
}
.modal.modalCenter .modal-dialog .modal-content .successMessage .S_content p {
  margin: 0px;
}
.modal.modalCenter .modal-dialog .modal-content .buttonRow {
  float: left;
  width: 100%;
  padding: 0 30px;
}
.modal.modalCenter .modal-dialog .modal-content .buttonRow button {
  width: 100%;
  padding: 5px 15px;
  font-size: 1.2rem;
  color: #000;
  font-family: var(--fontRegular);
  font-weight: 400;
}
@media (max-width: 767px) {
  .modal.modalCenter .modal-dialog .modal-content {
    padding: 20px;
  }
  .modal.modalCenter .modal-dialog .modal-content .buttonRow {
    padding: 0px;
  }
}
.modal .modal-content {
  background-color: var(--modalBodyBg);
}

/*Modal*/
.pageHeader {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: var(--blockBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pageHeader h6 {
  float: left;
  margin: 4px 0;
  color: var(--titleBg);
  font-size: 1.3rem;
}

.ad-List {
  float: left;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--border);
  background-color: #fff;
  border-radius: 8px;
}
.ad-List .ad_imgBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 200px;
  float: left;
  width: 100%;
  border-radius: 5px;
  background-color: var(--cardImgBg);
  margin-bottom: 15px;
  height: 235px;
  overflow: hidden;
  cursor: pointer;
}
.ad-List .ad_imgBlock img {
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
}
.ad-List .ad_Content {
  float: left;
  width: 100%;
}
.ad-List .ad_Content h5 {
  float: left;
  width: 100%;
  margin-bottom: 4px;
  font-size: 0.95rem;
  color: var(--p_main);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ad-List .ad_Content p {
  float: left;
  width: 100%;
  margin-bottom: 1px;
  font-size: 0.8rem;
  color: var(--TextMain);
}
.ad-List .ad_Content p strong {
  color: var(--TextMain);
}
.ad-List .assetSction {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ad-List .assetSction .assetIcons {
  float: left;
  padding: 4px;
  margin: 4px 6px;
  line-height: 0;
  font-size: calc(var(--baseFont) / 1.15);
  position: relative;
  color: var(--TextMain);
}
.ad-List .assetSction .assetIcons img {
  max-width: 20px;
  position: relative;
  top: -1px;
}
.ad-List .assetSction .assetIcons:hover .customToolTip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ad-List:hover {
  border: 1px dashed var(--cardBdrHover);
  background-color: var(--cardBgHover);
}
.ad-List:hover .ad_imgBlock {
  background-color: var(--cardImgBgHover);
}

.BlockTitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  background-color: #f5f5f5;
  padding: 8px 15px;
  margin-bottom: 20px;
}
.BlockTitle h6 {
  font-size: 1.2rem;
  margin: 0px;
  float: left;
  min-width: 40%;
  padding-left: 10px;
}
.BlockTitle a {
  font-size: 1rem;
}

.marginLeftAuto {
  margin-left: auto;
}

.programInfo {
  float: left;
  width: 100%;
  margin: 35px 0;
  padding: 0 12px;
}
.programInfo li {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.programInfo h3 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  color: var(--p_main);
}
.programInfo h3:last-child {
  margin-bottom: 0px;
}
.programInfo p {
  float: left;
  width: 100%;
}
.programInfo p:last-child {
  margin-bottom: 0px;
}

/* Inner Loader */
.dataFileWrapper {
  position: relative;
}

.InnerLoaderCon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.InnerLoaderCon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: var(--grey200);
}

.loader5 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  background: var(--grey500);
  z-index: 99;
  box-shadow: -24px 0 var(--grey500), 24px 0 var(--grey500);
  box-sizing: border-box;
  animation: shadowPulse 2s linear infinite;
}

@keyframes shadowPulse {
  33% {
    background: var(--grey500);
    box-shadow: -24px 0 var(--p_main), 24px 0 var(--grey500);
  }
  66% {
    background: var(--p_main);
    box-shadow: -24px 0 var(--grey500), 24px 0 var(--grey500);
  }
  100% {
    background: var(--grey500);
    box-shadow: -24px 0 var(--grey500), 24px 0 var(--p_main);
  }
}
header {
  float: left;
  width: 100%;
  background-color: var(--headerBg);
  z-index: 999;
  box-shadow: 0 6px 5px var(--headershadow);
}
header .logoLeftBlock {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
header .logoLeftBlock .brandLogo, header .logoLeftBlock .headerInner .HeadRgt, .headerInner header .logoLeftBlock .HeadRgt {
  float: left;
  /*width: 100%;*/
  max-width: 260px;
  padding: 10px 0;
}
header .logoLeftBlock .brandLogo a, header .logoLeftBlock .headerInner .HeadRgt a, .headerInner header .logoLeftBlock .HeadRgt a {
  float: left;
  width: 100%;
  margin: 5px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  outline: none !important;
}
header .logoLeftBlock .brandLogo a .DesktopLogo, header .logoLeftBlock .headerInner .HeadRgt a .DesktopLogo, .headerInner header .logoLeftBlock .HeadRgt a .DesktopLogo {
  float: left;
  width: 100%;
  max-width: 210px;
}
header .logoLeftBlock .brandLogo a .MobileLogo, header .logoLeftBlock .headerInner .HeadRgt a .MobileLogo, .headerInner header .logoLeftBlock .HeadRgt a .MobileLogo {
  display: none;
}
@media (max-width: 1200px) {
  header .logoLeftBlock .brandLogo, header .logoLeftBlock .headerInner .HeadRgt, .headerInner header .logoLeftBlock .HeadRgt {
    padding: 0;
    min-height: 60px;
  }
}
@media (max-width: 767px) {
  header .logoLeftBlock .brandLogo, header .logoLeftBlock .headerInner .HeadRgt, .headerInner header .logoLeftBlock .HeadRgt {
    max-width: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  header .logoLeftBlock .brandLogo a .DesktopLogo, header .logoLeftBlock .headerInner .HeadRgt a .DesktopLogo, .headerInner header .logoLeftBlock .HeadRgt a .DesktopLogo {
    display: none;
  }
  header .logoLeftBlock .brandLogo a .MobileLogo, header .logoLeftBlock .headerInner .HeadRgt a .MobileLogo, .headerInner header .logoLeftBlock .HeadRgt a .MobileLogo {
    display: block;
    max-height: 42px;
  }
}
header .logoLeftBlock h6 {
  float: left;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin: 0 0 0 20px;
  padding: 8px 20px;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: var(--TextMain);
  border-left: 1px solid var(--border);
}
@media (max-width: 767px) {
  header .logoLeftBlock h6 {
    display: none;
  }
}
header .headerRightCont {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .headerRightCont .dropdown {
  float: left;
  padding: 5px 13px;
}
header .headerRightCont .dropdown .dropdown-toggle {
  border: none;
  font-size: 1.3rem;
  position: relative;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: var(--TextMain);
}
header .headerRightCont .dropdown .dropdown-toggle::after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  border: none;
  vertical-align: middle;
  font-size: 0.85rem;
}
header .headerRightCont .dropdown .dropdown-toggle.langCon {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  overflow: hidden;
  font-size: inherit;
}
header .headerRightCont .dropdown .dropdown-toggle.langCon img {
  width: 100%;
  height: 100%;
}
header .headerRightCont .dropdown .dropdown-toggle.langCon::after {
  display: none;
}
header .headerRightCont .dropdown .dropRgt {
  color: var(--TextMain);
}
header .headerRightCont .dropdown.notificationBlock .dropdown-toggle::after {
  display: none;
}
header .headerRightCont .dropdown .dropdown-menu {
  display: block;
  left: inherit !important;
  transform: none !important;
  top: calc(100% + 50px) !important;
  right: 0;
  width: 320px;
  border: none;
  box-shadow: 0 0 10px #e9e9e9;
  transition: ease-in 0.3s;
  overflow: hidden;
  opacity: 0;
  padding: 0px;
  visibility: hidden;
}
header .headerRightCont .dropdown .dropdown-menu .ddTitle {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  padding: 10px 20px;
  border-bottom: 1px solid var(--border);
}
header .headerRightCont .dropdown .dropdown-menu .userInfo {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 20px;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li {
  float: left;
  width: 100%;
  padding: 12px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--border);
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li:hover {
  background-color: var(--grey100);
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li a {
  float: left;
  width: 100%;
  color: var(--TextMain);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .icon {
  float: left;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--bodyBg);
  font-size: 1.3rem;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .icon img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .icon i {
  color: var(--TextMain);
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent {
  margin-left: auto;
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent h6, header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent a {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  height: auto !important;
  font-family: var(--fontRegular);
  font-weight: 400;
  color: var(--TextMain);
  margin: 0px;
  font-weight: 600;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent p {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto !important;
  line-height: 1rem;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContentMsg {
  margin-left: auto;
  width: calc(100% - 50px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContentMsg h6 {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  height: auto !important;
  font-family: var(--fontBold);
  font-weight: 700;
  color: var(--TextMain);
  margin: 0 0 3px 0;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContentMsg p, header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContentMsg a {
  float: left;
  width: 100%;
  font-size: 0.78rem;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto !important;
  display: inline-block;
  line-height: 1rem;
}
header .headerRightCont .dropdown .dropdown-menu .dbtnRow {
  float: left;
  width: 100%;
  padding: 12px 20px;
}
header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnFill, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li header .headerRightCont .dropdown .dropdown-menu .dbtnRow a, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .promo_details, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btn.btn-primary, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnExportFill, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner header .headerRightCont .dropdown .dropdown-menu .dbtnRow .enrollNow, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnBordered, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li header .headerRightCont .dropdown .dropdown-menu .dbtnRow a, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .primaryBtn, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnGrey, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .greyBtnBordered, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .yellowBtn, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .primaryBtnBordered, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .yellowBtnBorder, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnBorderedsecondary, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btn.btn-primary, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btn.btn-default {
  float: left;
  padding: 10px 15px;
}
header .headerRightCont .dropdown .dropdown-menu .viewAll {
  float: left;
  width: 100%;
  background-color: var(--p_main_50);
}
header .headerRightCont .dropdown .dropdown-menu .viewAll a {
  color: var(--p_main);
  float: left;
  width: 100%;
  padding: 12px 20px;
  text-align: center;
}
header .headerRightCont .dropdown .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  top: 100% !important;
}
header .headerRightCont .dropdown.langBlock .dropdown {
  border: 1px solid var(--border);
  border-radius: 4px;
}
header .headerRightCont .dropdown.langBlock .dropdown .dropdown-toggle {
  font-size: 0.9rem;
  color: var(--TextMain);
}
header .headerRightCont .dropdown.langBlock .select2-container {
  min-width: 90px;
}
header .headerRightCont .dropdown.langBlock .select2-container .select2-selection--single {
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  font-size: 0.9rem;
  color: #393938;
  padding: 5px 13px;
  height: auto;
}
header .headerRightCont .dropdown.langBlock .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: inherit;
  padding-left: 0;
}
header .headerRightCont .dropdown.langBlock .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
}
header .headerRightCont .dropdown.langBlock select#drpCountry ~ .select2-container, header .headerRightCont .dropdown.langBlock select#drpCulture ~ .select2-container {
  min-width: 160px;
}
header .headerRightCont .dropdown.langBlock .dropdown-menu {
  width: auto;
}
@media (max-width: 1200px) {
  header .headerRightCont .dropdown.langBlock {
    display: none;
  }
}
header .headerRightCont .dropdown.langBlockSmall {
  padding: 5px 3px;
}
header .headerRightCont .dropdown.langBlockSmall .select2-container .select2-selection--single {
  font-size: 0.8rem;
  padding: 5px 6px;
}
header .headerRightCont .dropdown.langBlockSmall .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 15px;
}
header .headerRightCont .dropdown.userBlock {
  padding-right: 0px;
}
header .headerRightCont .dropdown.head_userInfo .dropdown-menu {
  width: 100%;
  min-width: 160px;
}
header .headerRightCont .dropdown.head_userInfo .dropdown-menu li {
  float: left;
  width: 100%;
}
header .headerRightCont .dropdown.head_userInfo .dropdown-menu li a {
  float: left;
  width: 100%;
  padding: 10px 20px;
  color: var(--TextMain);
}
header .headerRightCont .dropdown.head_userInfo .dropdown-menu li a i {
  color: var(--faIconHover);
}
header .headerRightCont .dropdown.head_userInfo .dropdown-menu li a:hover {
  background-color: var(--grey100);
}
@media (max-width: 500px) {
  header .headerRightCont .dropdown {
    position: static;
  }
  header .headerRightCont .dropdown .dropdown-menu {
    right: 10px;
    width: calc(100% - 20px);
  }
}

.count {
  background-color: var(--p_main);
  position: absolute;
  right: -5px;
  top: -3px;
  min-width: 13px;
  height: 13px;
  line-height: 1;
  color: var(--text_white);
  font-size: 0.65rem;
  border-radius: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

header.header-without-menu {
  display: none;
}
header.header-without-menu .topHeader {
  padding: 0;
}
header.header-without-menu + .mainContent {
  padding: 0px;
}
header.header-without-menu + .mainContent .container {
  max-width: 100%;
  padding: 0px;
}
header .topHeader {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header.headerAffix {
  position: fixed;
  left: 0;
  top: 0;
}
@media (max-width: 1200px) {
  header {
    box-shadow: 0 1px 2px rgba(214, 214, 214, 0.5);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
  }
}

.headerInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.headerInner .brandLogo, .headerInner .HeadRgt {
  -webkit-flex: 2 0;
  -webkit-box-flex: 2 0;
  -moz-box-flex: 2 0;
  -ms-flex: 2 0;
  flex: 2 0;
}
.headerInner .brandLogo > a, .headerInner .HeadRgt > a {
  float: left;
  margin-left: 15px;
}
.headerInner .brandLogo .MobileLogo, .headerInner .HeadRgt .MobileLogo {
  display: none;
}
@media (max-width: 767px) {
  .headerInner .brandLogo, .headerInner .HeadRgt {
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
  }
  .headerInner .brandLogo .MobileLogo, .headerInner .HeadRgt .MobileLogo {
    display: inline-block;
  }
  .headerInner .brandLogo .DesktopLogo, .headerInner .HeadRgt .DesktopLogo {
    display: none;
  }
}
.headerInner .headerCenterCont {
  -webkit-flex: 1 1 auto;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  color: var(--p_main);
  font-size: 1.5rem;
}
@media (max-width: 1100px) {
  .headerInner .headerCenterCont {
    font-size: 1.1rem;
  }
}
@media (max-width: 1080px) {
  .headerInner .headerCenterCont {
    display: none;
  }
}
.headerInner .HeadRgt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerInner .HeadRgt .headerInfo {
  float: left;
  padding: 0 0;
  text-align: right;
  line-height: 1.4;
  margin-left: auto;
}
@media (min-width: 992px) {
  .headerInner .HeadRgt {
    margin-left: auto;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .headerInner .HeadRgt .contactInfoBlock {
    float: left;
  }
  .headerInner .HeadRgt .contactInfoBlock a {
    float: left;
    color: #333333;
    padding: 10px 15px;
    position: relative;
  }
  .headerInner .HeadRgt .contactInfoBlock a i {
    color: var(--p_main);
    margin-right: 5px;
  }
  .headerInner .HeadRgt .contactInfoBlock a::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    width: 1px;
    height: 20px;
    background-color: #e2e2e2;
  }
  .headerInner .HeadRgt .Header_Link.userType {
    float: left;
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .headerInner .HeadRgt .Header_Link.userType .headUserRow {
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .headerInner .HeadRgt .Header_Link.userType .headUserRow span {
    font-size: 13px;
    color: #767676;
    float: left;
    width: 100%;
    line-height: 1.1;
  }
  .headerInner .HeadRgt .Header_Link.userType .headUserRow p {
    float: left;
    line-height: 1.2;
    color: var(--TextMain);
    margin: 0px;
  }
  .headerInner .HeadRgt .xl-hidden {
    display: none;
  }
}
@media (max-width: 991px) {
  .headerInner .HeadRgt {
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    width: 300px;
    position: absolute;
    right: 0;
    top: calc(100% + 30px);
    background-color: #fff;
    padding: 10px 25px;
    box-shadow: 0 7px 10px rgba(156, 156, 156, 0.5);
    z-index: 9;
  }
  .headerInner .HeadRgt .contactInfoBlock {
    float: left;
    width: 100%;
  }
  .headerInner .HeadRgt a {
    float: left;
    width: 100%;
    padding: 15px 0;
    color: #333333;
    position: relative;
  }
  .headerInner .HeadRgt a span {
    float: left;
    width: calc(100% - 35px);
  }
  .headerInner .HeadRgt i {
    margin-right: 15px;
    color: #00529c;
    font-size: 17px;
    width: 20px;
    float: left;
    text-align: center;
  }
  .headerInner .HeadRgt .Header_Link {
    float: left;
    width: 100%;
    padding: 15px 0;
    position: relative;
  }
  .headerInner .HeadRgt .Header_Link span {
    font-size: 13px;
    color: #767676;
    float: left;
    width: 100%;
    line-height: 1.1;
  }
  .headerInner .HeadRgt .Header_Link a {
    padding: 0px;
  }
  .headerInner .HeadRgt .headUserRow {
    float: left;
    width: calc(100% - 35px);
  }
}

.ExtraLInks {
  float: left;
  margin-left: 15px;
  display: none;
}
@media (max-width: 1200px) {
  .ExtraLInks {
    display: block;
  }
}
.ExtraLInks .linksCont {
  float: left;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.ExtraLInks .linksCont span {
  float: left;
  width: 100%;
  height: 3px;
  background-color: var(--p_main);
  margin: 2.5px 0;
  position: relative;
  transition: cubic-bezier(0.49, -0.01, 0.6, 1.1) 0.2s;
}
.ExtraLInks.MobileMenuExpand .linksCont span:nth-child(1) {
  transform: rotate(45deg);
  top: 8px;
}
.ExtraLInks.MobileMenuExpand .linksCont span:nth-child(2) {
  display: none;
}
.ExtraLInks.MobileMenuExpand .linksCont span:nth-child(3) {
  transform: rotate(-45deg);
}

.headBottom {
  float: left;
  width: 100%;
  color: var(--navText);
  background-color: var(--navBg);
}
.headBottom .hbInner {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.headBottom .nav {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.headBottom .nav > li {
  float: left;
  position: relative;
}
.headBottom .nav > li > a {
  float: left;
  padding: 12px 15px;
  color: var(--navText);
  position: relative;
}
@media (max-width: 1300px) {
  .headBottom .nav > li > a {
    padding: 12px 12px;
  }
}
@media (max-width: 1150px) {
  .headBottom .nav > li > a {
    font-size: 0.9rem;
  }
}
.headBottom .nav > li > a .fas {
  color: var(--navText);
}
.headBottom .nav > li > a .MobileToggleClick, .headBottom .MobileView .nav > li > a li .MobileToggleClickInner, .MobileView .headBottom .nav > li > a li .MobileToggleClickInner {
  display: none;
}
.headBottom .nav > li:hover > a {
  color: var(--text_white);
  background-color: #99ca3d;
}
.headBottom .nav > li:hover .subNav, .headBottom .nav > li:hover .subNav .subNavLabel2 {
  transition: cubic-bezier(0.85, 0.01, 0.43, 1.35) 0.3s;
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.headBottom .nav > li:hover .subNav .subNavLabel2 {
  display: none;
}
.headBottom .nav > li .subNav, .headBottom .nav > li .subNav .subNavLabel2 {
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  background-color: #fff;
  width: 240px;
  box-shadow: 0 5px 10px rgba(177, 177, 177, 0.5);
  padding: 6px 0;
  border-top: 5px solid var(--s_main);
  transition: cubic-bezier(0.85, 0.01, 0.43, 1.35) 0.4s;
  opacity: 0;
  font-family: var(--fontRegular);
  font-weight: 400;
  visibility: hidden;
}
.headBottom .nav > li .subNav .subNavLabel2 {
  left: 100%;
  display: none;
  top: 0px !important;
  border: none;
  min-height: 100%;
}
.headBottom .nav > li .subNav li, .headBottom .nav > li .subNav .subNavLabel2 li {
  float: left;
  width: 100%;
}
.headBottom .nav > li .subNav li a, .headBottom .nav > li .subNav .subNavLabel2 li a {
  float: left;
  width: 100%;
  padding: 8px 20px;
  position: relative;
  color: var(--TextMain);
}
.headBottom .nav > li .subNav li a .fa-chevron-right {
  position: absolute;
  right: 10px;
  color: var(--TextMain);
  font-size: 0.8rem;
  top: calc(50% - 5px);
}
.headBottom .nav > li .subNav li a .MobileToggleClick, .headBottom .MobileView .nav > li .subNav li a .MobileToggleClickInner, .MobileView .headBottom .nav > li .subNav li a .MobileToggleClickInner {
  display: none;
}
.headBottom .nav > li .subNav li:hover > a {
  color: var(--TextMain);
  background-color: var(--bodyBg);
}
.headBottom .nav > li .subNav li:hover > a i {
  color: var(--TextMain);
}
.headBottom .nav > li .subNav li:hover > .subNavLabel2 {
  display: block;
}
.headBottom .nav > li .subNav li:hover > .subNavLabel2.nav2Blocks {
  width: 250px;
}
.headBottom .nav > li .subNav li:hover > .subNavLabel2.nav2Blocks li ul {
  float: left;
  width: 100%;
}
.headBottom .nav > li.megaMenu > .subNav, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 {
  width: 500px;
  padding: 10px 0;
  border-top: 5px solid var(--s_main);
}
.headBottom .nav > li.megaMenu > .subNav > li > a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > a {
  width: 220px;
  color: var(--TextMain);
  padding: 10px 20px;
  background-color: transparent;
}
.headBottom .nav > li.megaMenu > .subNav > li > a:hover, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > a:hover {
  color: var(--text_white);
  background-color: var(--p_main);
}
.headBottom .nav > li.megaMenu > .subNav > li > a:hover i, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > a:hover i {
  color: var(--text_white);
}
.headBottom .nav > li.megaMenu > .subNav > li > .subNavLabel2, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > .subNavLabel2 {
  left: 220px;
  box-shadow: none;
  padding: 13px 0;
  background-color: var(--bodyBg);
  width: calc(100% - 220px) !important;
}
.headBottom .nav > li.megaMenu > .subNav > li > .subNavLabel2 li ul, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > .subNavLabel2 li ul {
  max-width: 350px;
}
.headBottom .nav > li.megaMenu > .subNav > li > .subNavLabel2 li ul li a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > .subNavLabel2 li ul li a {
  padding: 6px 20px;
}
.headBottom .nav > li.megaMenu > .subNav > li > .subNavLabel2 li ul li:hover a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > .subNavLabel2 li ul li:hover a {
  background-color: transparent !important;
}
.headBottom .nav > li.megaMenu > .subNav > li > .subNavLabel2 li ul li:hover a:hover, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > .subNavLabel2 li ul li:hover a:hover {
  color: var(--p_main);
}
.headBottom .nav > li.megaMenu > .subNav > li:hover > a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li:hover > a {
  color: var(--TextMain);
  background-color: var(--bodyBg);
}
.headBottom .nav > li.megaMenu > .subNav > li:hover > a i, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li:hover > a i {
  color: var(--TextMain);
}
.headBottom .nav > li.megaMenu:hover .subNav li:first-child .subNavLabel2 {
  display: block;
}
.headBottom .nav > li:last-child .subNav, .headBottom .nav > li:last-child .subNav .subNavLabel2 {
  left: inherit;
  right: 0;
}
@media (max-width: 1080px) {
  .headBottom .nav {
    display: none;
  }
}
.headBottom .hdRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.headBottom .hdRgt .userBlock {
  margin: 0 0 0 25px;
  position: relative;
}
@media (max-width: 1080px) {
  .headBottom .hdRgt .userBlock {
    margin: 0 25px 0 25px;
  }
}
.headBottom .hdRgt .userBlock .fa-user {
  color: var(--p_main);
  font-size: 1.3rem;
}
.headBottom .hdRgt .HeaderSearch {
  float: right;
  margin-left: 25px;
}
.headBottom .hdRgt .HeaderSearch .searchBtn {
  float: left;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .headBottom {
    display: none;
  }
  .headBottom .container {
    padding: 0px;
    float: right;
  }
  .headBottom .container .hdRgt .HeaderSearch {
    margin: 0 20px;
    font-size: 1.1rem;
  }
}

.searchBox {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 999;
  opacity: 0;
  transition: cubic-bezier(0.54, 0.24, 0.56, 0.95) 0.3s;
}
.searchBox .searchInner {
  float: left;
  width: 100%;
  display: none;
  background-color: #fff;
  position: relative;
  z-index: 9;
  height: 100%;
}
.searchBox .searchInner .control-label {
  width: 100%;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}
.searchBox .searchInner .control-label .close {
  cursor: pointer;
}
.searchBox .searchInner .form-control, .searchBox .searchInner .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .searchBox .searchInner input {
  height: 100%;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: none;
  padding: 0 40px;
}
.searchBox .searchInner .SearchField {
  position: relative;
  height: 100%;
}
.searchBox .searchInner .searchBtnInner {
  border: none;
  background: none;
  outline: none !important;
  box-shadow: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.searchBox .searchInner .closeSearch {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3rem;
}
.searchBox.open {
  opacity: 1;
  width: 100%;
}
.searchBox.open .searchInner {
  display: block;
}
@media (max-width: 1080px) {
  .searchBox {
    position: fixed;
    height: 50px;
    top: -70px;
    width: 100%;
    border-top: 1px solid #eaeaea;
    box-shadow: 0 4px 4px rgba(214, 214, 214, 0.5);
  }
  .searchBox.open {
    top: 60px;
  }
}

/* Mobile Responsive */
@media (min-width: 1080px) {
  .MobileToggleClick, .MobileView .nav li .MobileToggleClickInner, .MobileToggleClickInner {
    display: none;
  }
}
.MobileView {
  position: fixed;
  width: 320px;
  z-index: 999;
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
  left: -400px;
  top: 0;
  box-shadow: 15px 0 20px rgba(134, 134, 134, 0.5);
  transition: cubic-bezier(0.4, 0, 1, 1) 0.2s;
}
.MobileView.MobileNavOpen {
  left: 0px;
  opacity: 1;
}
.MobileView.MobileNavOpen .nav li a > i.fal.fa-chevron-right {
  display: none;
}
.MobileView.MobileNavOpen .nav li a .MobileToggleClick i::before, .MobileView.MobileNavOpen .nav li a .MobileToggleClickInner i::before {
  transform: rotate(0deg);
}
.MobileView .headerInfo {
  float: left;
  width: 100%;
  padding: 15px 25px;
  background-color: var(--p_main);
  color: var(--text_white);
  font-size: 1rem;
}
.MobileView .headerInfo > div {
  margin: 5px 0;
}
.MobileView .headerInfo .division {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.MobileView .headerInfo .division > span {
  width: 60px;
}
.MobileView .headerInfo .division .dropdown-toggle {
  color: var(--text_white);
}
.MobileView .headerInfo .division .dropdown.bootstrap-select {
  float: left;
  width: calc(100% - 60px);
  min-width: 70px;
  margin-left: 5px;
  outline: none;
  box-shadow: none;
}
.MobileView .headerInfo .division .dropdown.bootstrap-select button.btn {
  background: none;
  border: none;
  font-size: 0.8rem;
  padding: 0px;
  line-height: 1.3;
  font-size: 1rem;
  color: #fff;
  outline: none !important;
  box-shadow: none !important;
}
.MobileView .nav {
  float: left;
  width: 100%;
  display: inline-block;
}
.MobileView .nav li {
  float: left;
  width: 100%;
  position: relative;
}
.MobileView .nav li a {
  float: left;
  padding: 10px 40px 10px 25px;
  width: 100%;
  color: var(--TextMain);
  position: relative;
}
.MobileView .nav li a:hover {
  background-color: #e2e2e2;
  color: var(--TextMain);
}
.MobileView .nav li a .MobileToggleClick, .MobileView .nav li a .MobileToggleClickInner {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8rem;
}
.MobileView .nav li .subNav, .MobileView .headBottom .nav > li li .subNav .subNavLabel2, .headBottom .MobileView .nav > li li .subNav .subNavLabel2, .MobileView .headBottom .nav > li .subNav li .subNavLabel2, .headBottom .MobileView .nav > li .subNav li .subNavLabel2 {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
  display: none;
}
.MobileView .nav li .subNav li a, .MobileView .headBottom .nav > li li .subNav .subNavLabel2 li a, .headBottom .MobileView .nav > li li .subNav .subNavLabel2 li a, .MobileView .headBottom .nav > li .subNav li .subNavLabel2 li a, .headBottom .MobileView .nav > li .subNav li .subNavLabel2 li a {
  padding: 10px 40px 10px 35px;
}
.MobileView .nav li .subNav li a i, .MobileView .headBottom .nav > li li .subNav .subNavLabel2 li a i, .headBottom .MobileView .nav > li li .subNav .subNavLabel2 li a i, .MobileView .headBottom .nav > li .subNav li .subNavLabel2 li a i, .headBottom .MobileView .nav > li .subNav li .subNavLabel2 li a i {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  padding-left: 2px;
  font-size: 0.8rem;
}
.MobileView .nav li .subNav li a i::before, .MobileView .headBottom .nav > li li .subNav .subNavLabel2 li a i::before, .headBottom .MobileView .nav > li li .subNav .subNavLabel2 li a i::before, .MobileView .headBottom .nav > li .subNav li .subNavLabel2 li a i::before, .headBottom .MobileView .nav > li .subNav li .subNavLabel2 li a i::before {
  transform: rotate(90deg);
}
.MobileView .nav li .subNav li .subNavLabel2 {
  display: none;
}
.MobileView .nav li .subNav li .subNavLabel2 a {
  padding: 10px 40px 10px 45px;
}
.MobileView .nav li .MobileToggleClick, .MobileView .nav li .MobileToggleClickInner {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 43px;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.MobileView .nav li .MobileToggleClick i, .MobileView .nav li .MobileToggleClickInner i {
  font-size: 1.3rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--TextMain);
  transition: cubic-bezier(0.49, -0.02, 0.74, 1.25) 0.2s;
}
.MobileView .nav li.MenuExpand > a {
  background-color: var(--p_main);
  color: var(--text_white);
}
.MobileView .nav li.MenuExpand > a .MobileToggleClick i, .MobileView .nav li.MenuExpand > a .MobileToggleClickInner i {
  color: var(--text_white);
  transform: rotate(-180deg);
}
.MobileView .nav li.MenuExpand > .MobileToggleClick, .MobileView .nav li.MenuExpand > .MobileToggleClickInner {
  color: var(--text_white);
}
.MobileView .nav li.MenuExpand > .MobileToggleClick .fal, .MobileView .nav li.MenuExpand > .MobileToggleClickInner .fal {
  color: var(--text_white);
}
.MobileView .nav li.MenuExpand > .MobileToggleClick i, .MobileView .nav li.MenuExpand > .MobileToggleClickInner i {
  color: var(--text_white);
  transform: rotate(180deg);
}
.MobileView .nav li.MenuExpand .subNav, .MobileView .headBottom .nav > li li.MenuExpand .subNav .subNavLabel2, .headBottom .MobileView .nav > li li.MenuExpand .subNav .subNavLabel2, .MobileView .headBottom .nav > li .subNav li.MenuExpand .subNavLabel2, .headBottom .MobileView .nav > li .subNav li.MenuExpand .subNavLabel2 {
  display: block;
}
.MobileView .nav li.MenuExpand .subNav li.MenuExpandSub > a, .MobileView .headBottom .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub > a, .headBottom .MobileView .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub > a {
  background-color: var(--grey300);
  color: #fff;
}
.MobileView .nav li.MenuExpand .subNav li.MenuExpandSub > a i::before, .MobileView .headBottom .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub > a i::before, .headBottom .MobileView .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub > a i::before {
  transform: rotate(-90deg);
}
.MobileView .nav li.MenuExpand .subNav li.MenuExpandSub .subNavLabel2, .MobileView .headBottom .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub .subNavLabel2, .headBottom .MobileView .nav > li .subNav li.MenuExpand .subNavLabel2 li.MenuExpandSub .subNavLabel2 {
  display: block;
}
.MobileView .nav li.MenuExpandSub .MobileToggleClick, .MobileView .nav li.MenuExpandSub .MobileToggleClickInner {
  color: #fff;
}
.MobileView .nav li.MenuExpandSub .MobileToggleClick i, .MobileView .nav li.MenuExpandSub .MobileToggleClickInner i {
  color: #fff;
}
.MobileView .nav li.MenuExpandSub > .MobileToggleClick i, .MobileView .nav li.MenuExpandSub > .MobileToggleClickInner i {
  transform: rotate(180deg);
}
.MobileView .getInTouch {
  float: left;
  width: 100%;
  display: block;
}
.MobileView .getInTouch ul {
  border: none;
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 5px 0;
}
.MobileView .getInTouch ul li {
  float: left;
  width: 100%;
  padding: 5px 15px;
}
.MobileView .signout {
  display: inline-block;
  width: calc(100% - 40px);
  margin: 20px;
}
.MobileView .dropdown.langBlock {
  padding: 15px 15px;
  float: left;
  width: 100%;
  background-color: var(--grey150);
}
.MobileView .dropdown.langBlock .dropdown {
  width: 100%;
  display: inline-block;
  vertical-align: text-bottom;
}
.MobileView .dropdown.langBlock .dropdown .dropdown-toggle {
  font-size: 0.9rem;
  color: var(--TextMain);
  height: 35px;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--border);
}
.MobileView .dropdown.langBlock .dropdown .dropdown-toggle::after {
  margin-left: auto;
}
.MobileView .dropdown.langBlock .select2-container {
  width: 100% !important;
}
.MobileView .dropdown.langBlock .select2-container .select2-selection {
  font-size: 0.9rem;
  color: var(--TextMain);
  height: 35px;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid var(--border);
}
.MobileView .dropdown.langBlock .select2-container .select2-selection .select2-selection__arrow {
  height: 33px;
}
.MobileView .dropdown.langBlock ~ .dropdown.langBlock {
  padding-top: 0;
}
.MobileView .dropdown.langBlock:empty {
  display: none;
}
.MobileView .headBottom.megamenuNav {
  display: block;
  background: #ffffff;
  color: var(--TextMain);
}
.MobileView .headBottom.megamenuNav .container-fluid {
  padding: 0px;
}
.MobileView .headBottom.megamenuNav .flexnavContainer {
  display: inline-block;
  vertical-align: top;
  /*height: calc(100vh - 65px);
  overflow-y: auto;*/
}
.MobileView .headBottom.megamenuNav .flexnavContainer li {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  float: left;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger {
  height: auto;
  width: 100%;
  float: left;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a {
  color: var(--TextMain);
  padding: 16px;
  height: auto;
  border: none;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a i {
  color: var(--TextMain);
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a.MobileToggleAction {
  padding: 16px 40px 16px 16px;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a.MobileToggleAction ~ .MobileToggleClick, .MobileView .headBottom.megamenuNav .flexnavContainer .nav li .trigger a.MobileToggleAction ~ .MobileToggleClickInner, .MobileView .nav .headBottom.megamenuNav .flexnavContainer li .trigger a.MobileToggleAction ~ .MobileToggleClickInner {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 53px;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8rem;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a.MobileToggleAction ~ .MobileToggleClick i, .MobileView .headBottom.megamenuNav .flexnavContainer .nav li .trigger a.MobileToggleAction ~ .MobileToggleClickInner i, .MobileView .nav .headBottom.megamenuNav .flexnavContainer li .trigger a.MobileToggleAction ~ .MobileToggleClickInner i {
  font-size: 1.3rem;
  font-weight: normal;
  color: var(--TextMain);
  transition: cubic-bezier(0.49, -0.02, 0.74, 1.25) 0.2s;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu {
  width: 100%;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger > a {
  background-color: var(--navBg);
  color: var(--navText);
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .MobileToggleClick i, .MobileView .headBottom.megamenuNav .flexnavContainer .nav li.MenuExpand .trigger .MobileToggleClickInner i, .MobileView .nav .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .MobileToggleClickInner i {
  color: var(--navText) !important;
  transform: rotate(180deg);
  transition: cubic-bezier(0.49, -0.02, 0.74, 1.25) 0.2s;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .flexNavSubmenu {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 16px;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .flexNavSubmenu .innerNavContainer {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .flexNavSubmenu .innerNavContainer .subcat-one {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li.MenuExpand .trigger .flexNavSubmenu .innerNavContainer .subcat-one + .subcat-one {
  margin-top: 15px;
}
@media (max-width: 480px) {
  .MobileView {
    width: calc(100% - 60px);
    left: calc(-100% - 60px);
  }
}

.headLeft {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.headLeft a.homeLink {
  float: left;
  color: var(--p_main);
}
.headLeft .NavMenu {
  float: left;
  margin-right: 15px;
  /* Mega Menu */
  /* Mega Menu */
}
.headLeft .NavMenu > a {
  float: left;
  width: 150px;
  padding: 20px 15px;
  color: var(--TextMain);
  position: relative;
}
.headLeft .NavMenu > a i.fas.fa-caret-down {
  float: right;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .headLeft .NavMenu:hover > a {
    color: #00529c;
  }
  .headLeft .NavMenu:hover .dropdownClassification {
    display: block;
  }
  .headLeft .NavMenu:hover .dropdownClassification .DropUl li.DropAgri:first-child .navContent1 {
    display: block;
  }
  .headLeft .NavMenu .dropdownClassification {
    position: absolute;
    top: calc(100% - 1px);
    background-color: #fff;
    box-shadow: 2px 8px 14px rgb(219, 219, 219);
    width: 100%;
    z-index: 999;
    display: none;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl {
    max-height: inherit;
    height: inherit;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 270px;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul {
    float: left;
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 66px);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 17px;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 270px;
    float: left;
    position: relative;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA .mobile_arrow {
    display: none;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA .navText {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    padding: 12px 30px 12px 20px;
    color: var(--TextMain);
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 99999;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA .navText::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 0;
    width: calc(100% - 30px);
    height: 1px;
    background-color: #d9d9d9;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA .navText :before {
    content: "\f054";
    left: calc(100% - 25px);
    top: calc(50% - 5px);
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 11px;
    transition: 0.2s ease-in;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .dropAgriDivA .navText .industry_content {
    float: left;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri:hover .dropAgriDivA .navText {
    background-color: #00529c;
    color: #fff;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri:hover .dropAgriDivA .navText::after {
    background-color: #00529c;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri:hover .navContent1 {
    display: block;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 {
    position: absolute;
    right: 0;
    width: calc(100% - 270px);
    min-height: 100vh;
    top: 1px;
    display: none;
    z-index: 999999;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(207, 207, 207, 0.7294117647);
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: 18px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing li {
    float: left;
    width: 50%;
    padding: 10px;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing li h2 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #00529c;
    font-family: var(--fontBold);
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 12px;
    border-bottom: 1px solid #d5d5d5;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing li h2 a {
    color: #00529c;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing li .DropDownList {
    color: var(--TextMain);
    margin: 5px 0;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri .navContent1 ul.dropDownUiListing li .DropDownList:hover {
    color: #00529c;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri:last-child .navText::before {
    left: calc(100% - 18px);
  }
  .headLeft .NavMenu .dropdownClassification .DropUl ul li.DropAgri:last-child ::after {
    display: none;
  }
  .headLeft .NavMenu ul.dropDownUiListing li .DropDownList, .headLeft .NavMenu ul.dropDownUiListing li h2 {
    float: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) {
  .headLeft .NavMenu .dropdownClassification {
    position: fixed;
    left: calc(-100% - 100px);
    top: 62px;
    width: calc(100% - 70px);
    z-index: 99;
    background-color: #fff;
    height: calc(100vh - 62px);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    box-shadow: 7px 7px 9px rgba(179, 179, 179, 0.5);
    transition: cubic-bezier(0.67, 0.06, 0.38, 1.14) 0.3s;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl {
    float: left;
    width: 100%;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu {
    float: left;
    width: 100%;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #efefef;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .dropAgriDivA {
    float: left;
    width: 100%;
    position: relative;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .dropAgriDivA .navText {
    float: left;
    width: 100%;
    color: #333333;
    padding: 15px 45px 15px 20px;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .dropAgriDivA .mobile_arrow {
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .navContent1 {
    float: left;
    width: 100%;
    padding: 15px 20px;
    display: none;
    background-color: #f7f7f7;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .navContent1 .dropDownUiListing {
    float: left;
    width: 100%;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .navContent1 .dropDownUiListing li {
    float: left;
    width: 100%;
    margin: 10px 0;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .navContent1 .dropDownUiListing li h2 {
    margin: 0 0 15px;
    font-size: 18px;
    color: #00529c;
    font-family: var(--fontBold);
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 12px;
    border-bottom: 1px solid #d5d5d5;
  }
  .headLeft .NavMenu .dropdownClassification .DropUl .exceedMenu li.DropAgri .navContent1 .dropDownUiListing li .DropDownList {
    float: left;
    width: 100%;
    color: #333333;
    margin: 5px 0;
  }
}

.HeaderMobileLinks {
  display: none;
}
@media (max-width: 991px) {
  .HeaderMobileLinks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
  }
  .HeaderMobileLinks span {
    transition: ease-in-out 0.2s;
    position: relative;
    float: left;
    width: 25px;
    margin: 3px 0;
    background-color: #312a2a;
    height: 2px;
  }
}

.headerInner.HeaderLinksOpen .HeadRgt {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 1px);
}
.headerInner.HeaderLinksOpen .HeaderMobileLinks span:first-child {
  transform: rotate(45deg);
  top: 5px;
}
.headerInner.HeaderLinksOpen .HeaderMobileLinks span:nth-child(2) {
  display: none;
}
.headerInner.HeaderLinksOpen .HeaderMobileLinks span:last-child {
  transform: rotate(-45deg);
  bottom: 3px;
}

@media (max-width: 767px) {
  body.MegaMenuOpen .NavMenu a.mobileToggle {
    color: #00529c;
    z-index: 99;
  }
  body.MegaMenuOpen .headLeft .NavMenu .dropdownClassification {
    opacity: 1;
    visibility: visible;
    left: 0;
  }
  .menuOverlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 98;
  }
  .DropAgri.subMenuExpand .dropAgriDivA .mobile_arrow i {
    transform: rotate(180deg) !important;
    color: #fff !important;
  }
  .DropAgri.subMenuExpand .dropAgriDivA {
    background-color: #00529c !important;
    color: #fff !important;
    float: left;
    width: 100%;
    position: relative;
  }
  .DropAgri.subMenuExpand .dropAgriDivA .mobile_arrow {
    color: #fff !important;
  }
  .DropAgri.subMenuExpand .dropAgriDivA a.navText {
    color: #fff !important;
  }
  .DropAgri.subMenuExpand .navContent1 {
    display: block !important;
  }
  body.MegaMenuOpen {
    overflow: hidden;
  }
}
/* New Navigation */
@keyframes myAnim {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(8px);
  }
}
.megamenuNav {
  width: 100%;
  float: left;
  color: var(--navText);
}
.megamenuNav .flexnavContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 60px;
  width: 100%;
}
.megamenuNav .flexnavContainer li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 0.85rem;
}
.megamenuNav .flexnavContainer li .trigger {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.megamenuNav .flexnavContainer li .trigger > a {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.megamenuNav .flexnavContainer li .trigger a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  height: 100%;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color 0.1s ease;
  width: 100%;
  color: var(--navText);
  padding: 0px 16px;
  font-family: var(--fontRegular);
  font-weight: 400;
}
@media (max-width: 1280px) {
  .megamenuNav .flexnavContainer li .trigger a {
    padding: 0px 12px;
  }
}
.megamenuNav .flexnavContainer li .trigger a i {
  color: var(--navText);
}
@media (min-width: 1201px) {
  .megamenuNav .flexnavContainer li .trigger:hover > a {
    background-color: var(--navActiveBg);
    color: var(--navTextActive);
    border-bottom-color: var(--navbdr);
  }
  .megamenuNav .flexnavContainer li .trigger:hover > a i {
    color: var(--navTextActive);
  }
}
@media (min-width: 1201px) and (min-width: 1200px) {
  .megamenuNav .flexnavContainer li .trigger:hover .flexNavSubmenu {
    display: block;
  }
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu {
  position: absolute;
  display: none;
  top: 60px;
  background: var(--navDropdownBg);
  left: 0px;
  padding: 24px;
  z-index: 999;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .innerNavContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  min-width: 170px;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  width: 200px;
  padding-right: 18px;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: normal;
  -moz-box-pack: normal;
  -webkit-justify-content: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  align-content: normal;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a {
  color: var(--navDropdownText);
  font-family: var(--fontRegular);
  font-weight: 400;
  padding: 6px 0px;
  font-size: 0.9rem;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a:hover {
  animation: myAnim 300ms ease-in-out 0s 1 normal forwards;
  color: var(--navDropdownTextHover);
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a.headingNav {
  color: var(--navDropdownText);
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 20px;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a.roundLink {
  height: 30px;
  border: 1px solid var(--border);
  border-radius: 50px;
  background: transparent;
  width: auto;
  justify-content: center;
  font-family: var(--fontBold);
  font-weight: 700;
  padding: 0px 12px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a.roundLink:hover {
  background-color: var(--bodyBg);
  animation: none;
  border-color: var(--border);
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 {
  color: var(--TextMain);
  font-family: var(--fontBold);
  font-weight: 700;
  padding: 0px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 a {
  color: var(--TextMain);
  font-family: var(--fontSemiBold);
  font-weight: 600;
  padding: 0px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  display: block;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 a:hover {
  color: var(--p_main);
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one:last-child {
  padding-right: 0px;
}
.megamenuNav .flexnavContainer li .trigger.coop .flexNavSubmenu {
  /*width: 720px;*/
}
@media (min-width: 1200px) {
  .megamenuNav .flexnavContainer li .trigger.coop:hover .flexNavSubmenu {
    left: -311px;
    display: block;
  }
}
.megamenuNav .flexnavContainer li .trigger.adsAsset .flexNavSubmenu {
  /*width: 810px;*/
}
@media (min-width: 1200px) {
  .megamenuNav .flexnavContainer li .trigger.adsAsset:hover .flexNavSubmenu {
    left: -300px;
    display: block;
  }
}
@media (min-width: 1200px) {
  .megamenuNav .flexnavContainer li .trigger.administration:hover .flexNavSubmenu {
    right: 0px;
    display: block;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .megamenuNav .flexnavContainer li .trigger.supportNav:hover .flexNavSubmenu {
    right: 0px;
    display: block;
    left: auto;
    max-width: max-content;
    padding: 24px;
  }
}
.megamenuNav .flexnavContainer li:nth-child(5) ~ li:last-child .trigger .flexNavSubmenu {
  left: inherit;
  right: 0px;
}
.megamenuNav hr.smallHR {
  margin: 0px;
  width: calc(100% - 5px);
}

.noNotifications {
  padding: 25px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.noNotifications img {
  max-width: 60px;
  margin-bottom: 10px;
}
.noNotifications h5 {
  font-size: 0.95rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  margin: 0;
}

.getInTouch {
  float: left;
}
.getInTouch ul {
  float: left;
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 30px;
}
.getInTouch ul li {
  padding: 5px 10px;
  font-size: 13.5px;
}
.getInTouch ul li a {
  color: var(--TextMain);
  /*@media(max-width:991px){
  	font-size: 0px;
  	i{
  		font-size: 14px;
  		margin: 0px;
  	}
  }*/
}
.getInTouch ul li a i {
  color: var(--faIconHover);
  margin-right: 5px;
}
@media (max-width: 1200px) {
  .getInTouch {
    display: none;
  }
}

.head_userInfo {
  float: right;
  margin-left: 0;
  padding-right: 0 !important;
}
.head_userInfo .welcomedropdown {
  float: left;
  font-size: 14px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.head_userInfo .welcomedropdown i {
  font-size: 20px;
  color: var(--faIconHover);
}
.head_userInfo .welcomedropdown .dropRgt {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 10px;
  position: relative;
  padding-right: 5px;
  cursor: pointer;
  text-align: left;
  line-height: 1;
}
.head_userInfo .welcomedropdown .dropRgt .admin-desc {
  line-height: normal;
  float: left;
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

footer {
  width: 100%;
  float: left;
  background-color: var(--footerBg);
  color: var(--footerText);
  padding: 20px 0;
}
footer p {
  padding: 0px;
  margin: 0;
  font-size: 0.85rem;
}
@media (max-width: 991px) {
  footer {
    padding: 20px 16px;
  }
}
footer .fooFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer .fooFlex .fooLeft {
  float: left;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
footer .fooFlex .fooLogo {
  float: left;
  width: 62px;
}
footer .fooFlex .fooRgt {
  float: left;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.85rem;
}
footer .fooFlex .fooRgt ul {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
footer .fooFlex .fooRgt ul li {
  float: left;
  margin: 3px 0;
}
footer .fooFlex .fooRgt ul li a {
  float: left;
  padding: 0px 12px;
  color: var(--TextMain);
}
footer .fooFlex .fooRgt ul li a:hover {
  text-decoration: underline;
}
footer .fooFlex .fooRgt ul li + li {
  border-left: 1px solid var(--border);
}
@media (max-width: 991px) {
  footer .fooFlex {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .fooFlex .fooLogo {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  footer .fooFlex .fooRgt {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin: 8px 0;
  }
  footer .fooFlex .fooLeft {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

.headingTitle {
  float: left;
  width: 100%;
  padding: 7px 15px;
  text-align: center;
  font-size: 1.3rem;
  background-color: var(--dBlockHeadBg);
  color: var(--dBlockHeadtext);
  border-radius: 5px 5px 0 0;
  line-height: 1.3;
}

.HomeBlockListingCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.QuickLinksCon {
  float: left;
  width: calc(22% - 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px;
  background-color: #fff;
  box-shadow: 0 5px 8px rgba(171, 167, 167, 0.5);
  border-radius: 5px;
}
@media (max-width: 1100px) {
  .QuickLinksCon {
    width: calc(22% - 20px);
  }
}
@media (max-width: 991px) {
  .QuickLinksCon {
    width: calc(100% - 20px);
  }
}

.homeBlockListing {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homeBlockListing li {
  float: left;
  width: calc(33.33% - 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(171, 167, 167, 0.5);
  border-radius: 5px;
}
@media (max-width: 1050px) {
  .homeBlockListing li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .homeBlockListing li {
    width: calc(100% - 20px);
  }
}
.homeBlockListing li .headingTitle {
  background-color: #cacaca;
  color: var(--p_main);
  border-radius: 5px 5px 0 0;
}
.homeBlockListing li .hBlock_Img {
  float: left;
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.homeBlockListing li .hBlock_Img img {
  width: 100%;
}
.homeBlockListing li .hBlock_Cont {
  float: left;
  width: 50%;
  padding: 10px;
}
.homeBlockListing li .hBlock_Cont h2 {
  font-size: 1rem;
  color: var(--p_main);
}
.homeBlockListing li .hBlock_Cont p {
  margin: 0;
  font-size: 0.75rem;
  color: var(--TextMain);
}
.homeBlockListing li .TileRowCont {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homeBlockListing li .TileRowCont a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}
@media (max-width: 480px) {
  .homeBlockListing li .TileRowCont {
    display: inline-block;
    vertical-align: top;
  }
  .homeBlockListing li .TileRowCont a {
    display: inline-block;
    vertical-align: top;
  }
}
.homeBlockListing li .TileRowCont img {
  float: left;
  width: 100%;
}
.homeBlockListing li .TileRowCont[data-toggle=tooltip] a {
  pointer-events: none;
}
.homeBlockListing li .TileRowCont .hBlock_Img, .homeBlockListing li .TileRowCont .hBlock_Cont {
  width: 100%;
}

.homeRightBlock {
  float: left;
  width: 100%;
}
.homeRightBlock .QuickLinksCon {
  width: 100%;
  margin: 10px 0;
}
.homeRightBlock .QuickLinksCon .searchBlocks {
  float: left;
  width: 100%;
  padding: 15px;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group {
  float: left;
  width: 100%;
  margin-bottom: 0.5rem;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline label {
  float: left;
  width: 70px;
  padding-right: 10px;
  font-size: 0.9rem;
  margin: 4px 0 2px;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup {
  float: left;
  width: calc(100% - 70px);
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .form-control, .homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup input {
  height: 27px;
  font-size: 0.9rem;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .select2-container {
  width: 100% !important;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .select2-container .select2-selection--single {
  height: 28px;
  border: 1px solid #ced4da;
  font-size: 0.8rem;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 26px;
}
.homeRightBlock .QuickLinksCon .searchBlocks .form-group.contentInline .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 26px;
}
.homeRightBlock .QuickLinksCon .searchBlocks .btnRow {
  margin-top: 0px;
  text-align: center;
}
.homeRightBlock .QuickLinksCon .searchBlocks .btnRow .yellowBtn {
  line-height: 1;
  font-size: 0.85rem;
}
@media (max-width: 991px) {
  .homeRightBlock {
    width: 100%;
    margin: 0;
  }
  .homeRightBlock .QuickLinksCon {
    width: calc(100% - 20px);
    margin: 10px;
  }
  .homeRightBlock.searchBlocks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .homeRightBlock.searchBlocks > form {
    width: 33.33%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .homeRightBlock.searchBlocks > form {
    width: 50%;
  }
}
@media (max-width: 991px) and (max-width: 520px) {
  .homeRightBlock.searchBlocks > form {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .homeRightBlock.searchBlocks > form .QuickLinksCon {
    width: calc(100% - 20px);
  }
}
@media (max-width: 991px) {
  .homeRightBlock.searchBlocks .QuickLinksCon {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .homeRightBlock.searchBlocks .QuickLinksCon {
    width: calc(50% - 20px);
  }
}
@media (max-width: 991px) and (max-width: 520px) {
  .homeRightBlock.searchBlocks .QuickLinksCon {
    width: calc(100% - 20px);
  }
}

.homeWrapperListing .headingTitle {
  font-size: 1rem;
}
.homeWrapperListing.adminView .homecarouselWrapper .MessageCenterCon.hideimp + .QuickLinksCon {
  width: calc(33.33% - 20px);
}
@media (max-width: 991px) {
  .homeWrapperListing.adminView .homecarouselWrapper .MessageCenterCon.hideimp + .QuickLinksCon {
    width: calc(100% - 20px);
  }
}

.homeTitleRow {
  float: left;
  width: 100%;
}

.adminView .HomeBlockListingCon {
  display: inline-block;
}
.adminView .HomeBlockListingCon .homeBlockListing li .TileRowCont .hBlock_Img {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.adminView .HomeBlockListingCon .homeBlockListing li .TileRowCont .hBlock_Cont {
  padding: 15px 40px;
}
.adminView .HomeBlockListingCon .homeBlockListing li .TileRowCont .hBlock_Cont h2 {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 15px;
}
.adminView .HomeBlockListingCon .homeBlockListing li .TileRowCont .hBlock_Cont p {
  color: var(--TextMain);
}

.QlListing {
  float: left;
  width: 100%;
  padding: 15px 25px;
}
.QlListing li {
  float: left;
  width: 100%;
  position: relative;
  margin: 5px 0;
}
.QlListing li span {
  text-decoration: underline;
}
.QlListing li a {
  color: var(--link);
}
.QlListing li a:hover {
  color: var(--TextMain);
}
.QlListing li ul {
  float: left;
  width: 100%;
  padding-left: 15px;
}
.QlListing li ul li::before {
  content: "-";
  margin-right: 3px;
}

.homecarouselWrapper {
  float: left;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
}
.homecarouselWrapper .MessageCenterCon {
  float: left;
  width: calc(35% - 20px);
  margin: 10px;
  background-color: #fff;
  box-shadow: 0 5px 8px rgba(171, 167, 167, 0.5);
  border-radius: 5px;
}
@media (max-width: 1040px) {
  .homecarouselWrapper .MessageCenterCon {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 991px) {
  .homecarouselWrapper .MessageCenterCon {
    width: calc(100% - 20px);
  }
}
.homecarouselWrapper .MessageCenterCon .messageCenterCont {
  float: left;
  width: 100%;
  min-height: 239px;
  max-height: 239px;
  overflow: hidden;
}
.homecarouselWrapper .MessageCenterCon .messageCenterCont .slimScrollDiv,
.homecarouselWrapper .MessageCenterCon .messageCenterCont .scrollWrapper {
  height: 100% !important;
  max-height: 239px !important;
}
.homecarouselWrapper .MessageCenterCon ul {
  float: left;
  width: 100%;
  padding: 15px 25px;
}
.homecarouselWrapper .MessageCenterCon ul li {
  float: left;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.homecarouselWrapper .MessageCenterCon ul li:last-child {
  border-bottom: none;
}
.homecarouselWrapper .MessageCenterCon ul li .m_icon {
  float: left;
  width: 60px;
  font-size: 2rem;
  color: var(--p_main);
}
.homecarouselWrapper .MessageCenterCon ul li .m_icon.iconRed i {
  color: #ff0000;
}
.homecarouselWrapper .MessageCenterCon ul li .m_Content {
  float: left;
  width: calc(100% - 60px);
}
.homecarouselWrapper .MessageCenterCon ul li .m_Content .viewClaims {
  float: right;
}
.homecarouselWrapper .carousleCon {
  float: left;
  width: calc(65% - 20px);
  margin: 10px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1040px) {
  .homecarouselWrapper .carousleCon {
    width: calc(66.67% - 20px);
  }
}
@media (max-width: 991px) {
  .homecarouselWrapper .carousleCon {
    width: calc(100% - 20px);
  }
}
.homecarouselWrapper .carousleCon .carousel {
  position: relative;
  min-height: 275px;
}
@media (max-width: 991px) {
  .homecarouselWrapper .carousleCon .carousel {
    min-height: 80px;
  }
}
.homecarouselWrapper .carousleCon .carousel-inner {
  border-radius: 5px;
}
.homecarouselWrapper .carousleCon .carousel-item {
  max-height: 290px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .homecarouselWrapper .carousleCon .carousel-item {
    max-height: 100%;
    overflow: visible;
  }
}
.homecarouselWrapper .carousleCon .carousel-item img {
  min-height: 290px;
}
@media (max-width: 991px) {
  .homecarouselWrapper .carousleCon .carousel-item img {
    min-height: inherit;
  }
}
.homecarouselWrapper .carousleCon .carousel-indicators {
  width: auto;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.5);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: 15px;
  border-radius: 30px;
  padding: 2px 6px;
}
.homecarouselWrapper .carousleCon .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 3px 5px;
  border-radius: 100%;
  border: 1px solid var(--p_main);
  opacity: 1;
  background-color: #fff;
}
.homecarouselWrapper .carousleCon .carousel-indicators li.active {
  background-color: var(--p_main);
}
.homecarouselWrapper .carousleCon .carousel-control-next, .homecarouselWrapper .carousleCon .carousel-control-prev {
  width: 20px;
  height: 40px;
  top: calc(50% - 25px);
  opacity: 1;
  z-index: 999;
  font-size: 0.8rem;
}
.homecarouselWrapper .carousleCon .carousel-caption {
  right: 0;
  width: 40%;
  left: inherit;
  top: 0;
  height: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .homecarouselWrapper .carousleCon .carousel-caption {
    width: 60%;
  }
}
.homecarouselWrapper .carousleCon .carousel-caption::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #ffde00;
}
.homecarouselWrapper .carousleCon .carousel-caption::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0;
  width: calc(100% - 5px);
  height: 100%;
  background-color: var(--p_main);
  opacity: 0.8;
}
.homecarouselWrapper .carousleCon .carousel-caption .carouselInner {
  position: relative;
  z-index: 99;
}
.homecarouselWrapper .carousleCon .carousel-caption .carouselInner h3 {
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .homecarouselWrapper .carousleCon .carousel-caption .carouselInner h3 {
    display: none;
  }
}
.homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow {
  margin-top: 0.7rem;
  background-color: var(--s_main);
  color: var(--p_main);
  display: inline-block;
}
@media (min-width: 1401px) {
  .homecarouselWrapper .carousleCon .carousel {
    position: relative;
    min-height: 360px;
  }
  .homecarouselWrapper .carousleCon .carousel .carousel-inner .carousel-item {
    max-height: 360px;
  }
  .homecarouselWrapper .carousleCon .carousel .carousel-inner .carousel-item img {
    min-height: 360px;
    max-height: 360px;
  }
}
.homecarouselWrapper.headerBlocks3 .carousleCon {
  width: calc(66.66% - 20px);
}
@media (max-width: 991px) {
  .homecarouselWrapper.headerBlocks3 .carousleCon {
    width: calc(100% - 20px);
  }
}
.homecarouselWrapper.headerBlocks3 .MessageCenterCon {
  width: calc(26% - 20px);
}
@media (max-width: 991px) {
  .homecarouselWrapper.headerBlocks3 .MessageCenterCon {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .homecarouselWrapper.headerBlocks3 .MessageCenterCon {
    width: calc(100% - 20px);
  }
}
.homecarouselWrapper.headerBlocks3 .QuickLinksCon {
  float: left;
  width: calc(22% - 20px);
  margin: 10px;
  background-color: #fff;
  box-shadow: 0 5px 8px rgba(171, 167, 167, 0.5);
  border-radius: 5px;
}
.homecarouselWrapper.headerBlocks3 .QuickLinksCon .QuickLinksRow {
  float: left;
  width: 100%;
  min-height: 239px;
  max-height: 239px;
  overflow: hidden;
}
.homecarouselWrapper.headerBlocks3 .QuickLinksCon .QuickLinksRow .slimScrollDiv {
  height: 100% !important;
  max-height: 239px;
}
@media (max-width: 991px) {
  .homecarouselWrapper.headerBlocks3 .QuickLinksCon {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .homecarouselWrapper.headerBlocks3 .QuickLinksCon {
    width: calc(100% - 20px);
  }
}

.dataTables_wrapper .dataTables_scrollBody {
  border-bottom: none !important;
}
.dataTables_wrapper .dataTables_scrollBody table {
  margin-top: 0px;
}
.dataTables_wrapper .dataTables_scrollBody table thead th {
  display: none;
}

.MyFavBody {
  float: left;
  width: 100%;
  padding: 20px;
}
.MyFavBody h5 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: var(--link);
}
.MyFavBody p {
  float: left;
  width: 100%;
}

.EnrollmentBtnRow {
  float: left;
  width: 100%;
  margin: 25px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.EnrollmentFieldRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin: 10px 0 25px;
  padding: 0 10px;
}
.EnrollmentFieldRow label {
  margin: 7px 0;
  padding-right: 25px;
  width: 150px;
}
.EnrollmentFieldRow .fieldRow {
  float: left;
  width: 100%;
  max-width: 260px;
}
.EnrollmentFieldRow .btnFill, .EnrollmentFieldRow .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .EnrollmentFieldRow a, .EnrollmentFieldRow .promo_details, .EnrollmentFieldRow .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .EnrollmentFieldRow .btn.btn-primary, .EnrollmentFieldRow .btnExportFill, .EnrollmentFieldRow .btnBordered, .EnrollmentFieldRow .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .EnrollmentFieldRow a, .EnrollmentFieldRow .primaryBtn, .EnrollmentFieldRow .btnGrey, .EnrollmentFieldRow .greyBtnBordered, .EnrollmentFieldRow .yellowBtn, .EnrollmentFieldRow .primaryBtnBordered, .EnrollmentFieldRow .yellowBtnBorder, .EnrollmentFieldRow .btnBorderedsecondary, .EnrollmentFieldRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .EnrollmentFieldRow .btn.btn-primary, .EnrollmentFieldRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .EnrollmentFieldRow .btn.btn-default, .EnrollmentFieldRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .EnrollmentFieldRow .enrollNow {
  width: 140px;
  margin-left: 30px;
  padding: 6px 12px;
  float: left;
}

.EnrollmentModal .modal-dialog {
  max-width: 650px;
}
.EnrollmentModal .messageAlertRow {
  float: left;
  width: 100%;
  padding: 20px;
  background-color: #f5f5f5;
}
.EnrollmentModal .messageAlertRow .messageAlertBtn * {
  margin: 4px;
}

.homeWrapperListing {
  float: left;
  width: 100%;
}
.homeWrapperListing .dashboardLeftBlock {
  float: left;
  width: calc(100% - 290px);
  margin-top: 30px;
}
@media (max-width: 991px) {
  .homeWrapperListing .dashboardLeftBlock {
    width: 100%;
  }
}
.homeWrapperListing .dashboardRightBlock {
  float: right;
  width: 270px;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .homeWrapperListing .dashboardRightBlock {
    width: 100%;
  }
  .homeWrapperListing .dashboardRightBlock .homeRightBlock.searchBlocks {
    margin-left: -10px;
    width: calc(100% + 20px);
  }
}
.homeWrapperListing.dealerView {
  margin-top: 30px;
}
.homeWrapperListing.dealerView .homecarouselWrapper.headerBlocks3 .carousleCon {
  width: calc(52% - 20px);
}
@media (max-width: 991px) {
  .homeWrapperListing.dealerView .homecarouselWrapper.headerBlocks3 .carousleCon {
    width: 100%;
  }
}

.adBuilderSlider {
  float: left;
  width: 100%;
}
@media (max-width: 520px) {
  .adBuilderSlider .carousel-inner .carousel-item img {
    min-height: 160px;
  }
}
.adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner {
  float: left;
  width: 100%;
  padding: 30px;
  background-color: rgba(0, 82, 156, 0.67);
  max-width: 500px;
}
.adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner h5 {
  font-size: 1.7rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  color: #fff;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft {
    position: relative;
    float: left;
  }
  .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner {
    max-width: 100%;
    background-color: var(--p_main);
  }
  .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner h5 {
    font-size: 1.2rem;
  }
  .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner .primaryBtn, .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner .btnGrey, .adBuilderSlider .carousel-inner .carousel-item .captionAlignLeft .captionInner .greyBtnBordered {
    font-size: 0.9rem;
  }
}
.adBuilderSlider .carousel-control-prev {
  width: 50px;
  padding: 0;
  font-size: 2rem;
}
.adBuilderSlider .carousel-control-next {
  width: 50px;
  padding: 0;
  font-size: 2rem;
}
.adBuilderSlider .carousel-indicators {
  width: auto;
  margin: auto;
  background-color: rgba(0, 82, 156, 0.56);
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: 15px;
  border-radius: 30px;
  padding: 2px 6px;
}
.adBuilderSlider .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 3px 5px;
  border-radius: 100%;
  border: 1px solid #92c4f1;
  opacity: 1;
  background-color: #92c4f1;
}
.adBuilderSlider .carousel-indicators li.active {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}

.featuredLinksRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.featuredLinksRow li {
  float: left;
  width: calc(25% - 10px);
  border: 1px solid #dddddd;
  border-radius: 5px;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.featuredLinksRow li a {
  padding: 15px;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.featuredLinksRow li .icons {
  float: left;
  width: 60px;
}
.featuredLinksRow li .featuredContent {
  float: left;
  width: calc(100% - 75px);
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}
.featuredLinksRow li .featuredContent h5 {
  font-size: 1.2rem;
}
.featuredLinksRow li .featuredContent h6 {
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 0.9rem;
}
.featuredLinksRow li:hover {
  box-shadow: 0 3px 10px #ccc;
}
.featuredLinksRow li:hover .featuredContent h5 {
  color: var(--p_main);
}
@media screen and (min-device-width: 992px) and (max-device-width: 1180px) {
  .featuredLinksRow li .icons {
    width: 40px;
  }
  .featuredLinksRow li .featuredContent {
    width: calc(100% - 52px);
    margin-left: 12px;
    padding-left: 12px;
  }
  .featuredLinksRow li .featuredContent h5 {
    font-size: 1rem;
  }
  .featuredLinksRow li .featuredContent h6 {
    font-size: 0.85rem;
  }
}
@media (max-width: 991px) {
  .featuredLinksRow li {
    width: calc(50% - 10px);
    margin: 10px 0;
  }
  .featuredLinksRow li .featuredContent h5 {
    font-size: 1rem;
  }
  .featuredLinksRow li .featuredContent h6 {
    font-size: 0.85rem;
  }
}
@media (max-width: 540px) {
  .featuredLinksRow li {
    width: calc(100% - 10px);
  }
}

.Product_AdBuilder {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Product_AdBuilder .p_adCont {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.Product_AdBuilder .p_adCont h3 {
  float: left;
  width: 100%;
  position: relative;
  font-size: 2.1rem;
  color: var(--TextMain);
  line-height: 1;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .Product_AdBuilder .p_adCont h3 {
    font-size: 1.8rem;
  }
}
.Product_AdBuilder .p_adCont h6 {
  float: left;
  width: 100%;
  margin: 0;
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5;
  color: rgba(var(--TextMain), 0.39);
}
@media (max-width: 767px) {
  .Product_AdBuilder .p_adCont h6 {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .Product_AdBuilder .p_adCont {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

.adBuilder_carousel {
  float: left;
  width: 100%;
}
.adBuilder_carousel + .p_adCont {
  margin-left: 20px;
  padding-right: 0px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .adBuilder_carousel {
    width: 100% !important;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .adBuilder_carousel + .p_adCont {
    margin-left: 0;
    padding-left: 0;
  }
}

.carouselStyle .item {
  float: left;
  width: 100%;
  padding: 12px 6px;
}
.carouselStyle.slideBox .item .ad-List .ad_imgBlock {
  height: 160px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.carouselStyle .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff !important;
  font-size: 3rem !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
  outline: none;
}
.carouselStyle .owl-nav .owl-prev span {
  line-height: 13px;
  float: left;
  margin-top: 0;
  position: relative;
  left: 0;
  font-size: 32px;
  height: 19px;
}
.carouselStyle .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff !important;
  font-size: 3rem !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
  outline: none;
}
.carouselStyle .owl-nav .owl-next span {
  line-height: 13px;
  float: left;
  margin-top: 0;
  position: relative;
  left: 0;
  font-size: 32px;
  height: 19px;
}

.Product_AdBuilderMain {
  float: left;
  width: 100%;
}
.Product_AdBuilderMain:nth-child(odd) {
  background-color: var(--grey100);
}

.adModalWrapper .modal-dialog {
  max-width: 1120px;
  padding: 0 15px;
  margin: 10px auto;
}
.adModalWrapper .modal-dialog .modal-content {
  border-radius: 5px;
}
.adModalWrapper .modal-dialog .modalheader {
  background-color: var(--bodyBg);
  padding: 0;
  border-radius: 5px 5px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adModalWrapper .modal-dialog .modalheader .topHeader {
  margin-right: auto;
  padding: 8px 15px;
}
.adModalWrapper .modal-dialog .modalheader .topHeader h5 {
  margin-bottom: 2px;
  font-size: 1.05rem;
}
.adModalWrapper .modal-dialog .modalheader .topHeader p {
  margin: 0px;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .adModalWrapper .modal-dialog .modalheader .topHeader {
    width: calc(100% - 65px);
  }
}
.adModalWrapper .modal-dialog .modalheader nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.adModalWrapper .modal-dialog .modalheader nav .nav.nav-tabs .nav-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0px;
  border: none;
  padding: 12px 20px;
  border-bottom: 2px solid transparent;
  font-size: 0.9rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  background-color: transparent;
  position: relative;
  color: #1F2640;
}
.adModalWrapper .modal-dialog .modalheader nav .nav.nav-tabs .nav-item:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #d1d4db;
}
.adModalWrapper .modal-dialog .modalheader nav .nav.nav-tabs .nav-item.active {
  border-bottom-color: var(--p_main);
  color: var(--p_main);
}
@media (max-width: 767px) {
  .adModalWrapper .modal-dialog .modalheader nav .nav.nav-tabs .nav-item {
    padding: 5px 20px;
  }
}
.adModalWrapper .modal-dialog .modalheader .close {
  padding: 5px 15px;
  width: 60px;
  position: relative;
}
.adModalWrapper .modal-dialog .modalheader .close:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #d1d4db;
}
.adModalWrapper .modal-body {
  max-height: calc(100vh - 20px);
  padding: 0px !important;
}
@media (max-width: 991px) {
  .adModalWrapper .modal-body {
    max-height: calc(100vh - 175px);
    padding: 15px 30px !important;
  }
}
.adModalWrapper .carouselStyle .owl-carousel {
  padding: 0 50px;
}
@media (max-width: 767px) {
  .adModalWrapper .carouselStyle .owl-carousel {
    padding: 0 25px;
  }
}
@media (max-width: 400px) {
  .adModalWrapper .carouselStyle .owl-carousel {
    padding: 0;
  }
}
.adModalWrapper .RecentlyCreatedAds {
  display: inline-block;
  width: 100%;
  padding: 20px 30px;
}
.adModalWrapper .RecentlyCreatedAds.greyBg {
  background-color: #f8f8f8;
  border-top: 1px solid #ccc;
}
.adModalWrapper .RecentlyCreatedAds .owl-carousel .owl-stage, .adModalWrapper .RecentlyCreatedAds .owl-carousel .owl-stage .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.adModalWrapper .createAnAd {
  display: inline-block;
  width: 100%;
  padding: 15px 30px;
}
.adModalWrapper .ModalTitle {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.adModalWrapper .ModalTitle h5 {
  float: left;
  margin: 0;
  font-size: 1.4rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  padding-bottom: 5px;
  position: relative;
}
.adModalWrapper .ModalTitle h5 strong {
  color: var(--p_main);
}
.adModalWrapper .ModalTitle h5::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50px;
  height: 1px;
  background-color: var(--p_main);
}
.adModalWrapper .ModalTitle .close {
  float: right;
  font-size: 2rem;
  color: var(--TextMain);
}

.adCon {
  float: left;
  width: 100%;
}
.adCon .adIcon {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.adCon .adIcon span {
  float: left;
  width: 60px;
  height: 62px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.adCon .adIcon img {
  max-width: 60px;
}
.adCon h3 {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0.95rem;
  margin-top: 7px;
  margin-bottom: 0;
}
.adCon:hover .adIcon span {
  background-position: 0 bottom;
}

.recommendAdWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 30px;
  position: relative;
}
.recommendAdWrapper .close {
  position: absolute;
  right: 30px;
  top: 10px;
  font-size: 2rem;
  outline: none;
  line-height: 1;
  color: var(--TextMain);
}
.recommendAdWrapper .adLeft {
  float: left;
  width: 220px;
  padding-right: 25px;
}
.recommendAdWrapper .adLeft img {
  margin: 10px 0;
}
@media (max-width: 991px) {
  .recommendAdWrapper .adLeft {
    width: 100%;
    padding: 0px;
  }
  .recommendAdWrapper .adLeft img {
    display: none;
  }
}
.recommendAdWrapper .adRgt {
  float: left;
  width: calc(100% - 220px);
  padding-left: 25px;
  border-left: 1px solid #ccc;
}
.recommendAdWrapper .adRgt h2 {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-style: italic;
  color: var(--p_main);
}
.recommendAdWrapper .adRgt h2 .backArrow {
  left: -15px;
  font-size: 1.2rem;
  top: 4px;
  position: relative;
  float: left;
  padding: 5px 10px;
  cursor: pointer;
}
.recommendAdWrapper .adRgt h2 .questionCount {
  float: right;
  font-size: 0.9rem;
  margin: 11px 0 0 0;
  color: #a5a5a5;
  font-family: var(--fontRegular);
  font-weight: 400;
}
@media (max-width: 991px) {
  .recommendAdWrapper .adRgt h2 {
    font-size: 1.3rem;
  }
  .recommendAdWrapper .adRgt h2 .backArrow {
    top: 0;
    line-height: 1;
  }
}
.recommendAdWrapper .adRgt .questionSelect {
  float: left;
  width: 100%;
}
.recommendAdWrapper .adRgt .questionSelect li {
  float: left;
  width: calc(100% - 20px);
  margin: 7px 0;
  position: relative;
}
.recommendAdWrapper .adRgt .questionSelect li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.recommendAdWrapper .adRgt .questionSelect li input[type=radio] + label {
  margin: 0;
  border: 2px solid var(--border);
  border-radius: 5px;
  padding: 10px 15px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  float: left;
  width: 100%;
  color: var(--p_main);
}
.recommendAdWrapper .adRgt .questionSelect li input[type=radio]:checked + label {
  border-color: var(--p_main);
  background-color: var(--p_main);
  color: var(--text_white);
}
@media (max-width: 991px) {
  .recommendAdWrapper .adRgt {
    width: 100%;
    padding: 0px;
    border: none;
  }
  .recommendAdWrapper .adRgt .slideOption .SelectType {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .recommendAdWrapper .adRgt .slideOption .SelectType li {
    width: calc(33.33% - 20px);
    margin: 15px 10px;
  }
}
@media (max-width: 991px) {
  .recommendAdWrapper .adRgt .slideOption .SelectType li {
    width: calc(50% - 20px);
    margin: 15px 10px;
  }
}

.SelectType {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 6px);
  margin-left: -3px;
}
.SelectType li {
  float: left;
  width: calc(16.66% - 6px);
  margin: 15px 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.SelectType li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.SelectType li input[type=radio] + .typeBlock {
  margin: 0;
  border: 2px solid var(--border);
  border-radius: 5px;
  padding: 10px 7px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  float: left;
  width: 100%;
  text-align: center;
  color: var(--TextMain);
}
.SelectType li input[type=radio] + .typeBlock img {
  width: 100%;
  max-width: 54px;
}
.SelectType li input[type=radio] + .typeBlock p {
  margin: 10px 0 0 0;
  font-size: 0.9rem;
}
.SelectType li input[type=radio]:checked + .typeBlock {
  border-color: var(--p_main);
  background-color: #e1eafd;
  color: var(--p_main);
}

.homeCarousel {
  float: left;
  width: 100%;
}
.homeCarousel .carousel-inner .carousel-item img {
  width: 100%;
}
.homeCarousel .carousel-control-prev {
  width: 50px;
  font-size: 2rem;
  opacity: 1;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6588235294);
}
.homeCarousel .carousel-control-next {
  width: 50px;
  font-size: 2rem;
  opacity: 1;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6588235294);
}

.homeWrapper {
  float: left;
  width: 100%;
  padding: 25px 0;
  /*background-color: $grey400;*/
}
.homeWrapper .blockLeft {
  float: left;
  width: 340px;
  margin: 7px 0;
}
.homeWrapper .blockLeft .searchDealerBlock {
  float: left;
  width: 100%;
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #C5CBDA;
  box-shadow: 0px 4px 18px rgba(75, 70, 92, 0.1);
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader h3 {
  float: left;
  width: calc(100% - 20px);
  font-size: 1rem;
  padding-left: 30px;
  margin: 0;
  padding-top: 1px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader h3::before {
  content: "";
  width: 21px;
  background-image: url(../../images/list-details.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  height: 23px;
  top: 1px;
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader .moreOption {
  float: right;
  width: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader.bdr {
  position: relative;
  padding-bottom: 15px;
}
.homeWrapper .blockLeft .searchDealerBlock .sHeader.bdr:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: calc(100% + 40px);
  height: 1px;
  background-color: #C5CBDA;
  margin-left: -20px;
}
.homeWrapper .blockLeft .searchDealerBlock .sContent {
  float: left;
  width: 100%;
}
.homeWrapper .blockLeft .searchDealerBlock .sContent.contentScroll {
  overflow-y: auto;
  max-height: 203px;
}
.homeWrapper .blockLeft .searchDealerBlock .sContent ul {
  float: left;
  width: 100%;
}
.homeWrapper .blockLeft .searchDealerBlock .sContent ul li {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.homeWrapper .blockLeft .searchDealerBlock .sContent ul li p {
  margin: 0px;
}
.homeWrapper .blockLeft .searchDealerBlock .availableFunds {
  float: left;
  margin-left: -20px;
  margin-top: -20px;
  width: calc(100% + 40PX);
  padding: 20px;
  text-align: center;
  font-size: 1.05rem;
  background-color: #E9ECF3;
  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #C5CBDA;
}
.homeWrapper .blockLeft .searchDealerBlock .advanceFilter {
  float: left;
  margin-left: -20px;
  margin-bottom: -20px;
  padding: 20px;
  background-color: #E9ECF3;
  width: calc(100% + 40px);
  border-radius: 0 0 5px 5px;
  margin-top: 20px;
  font-size: 0.95rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.homeWrapper .blockLeft .searchDealerBlock .advanceFilter a {
  color: var(--TextMain);
}
.homeWrapper .blockLeft .searchDealerBlock .advanceFilter a.ad-Filter {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .homeWrapper .blockLeft {
    width: 100%;
    margin-bottom: 20px;
  }
}
.homeWrapper .blockLeft.hide + .blockRgt {
  width: 100%;
}

.blockRgt {
  float: right;
  width: calc(100% - 360px);
}
.blockRgt ul {
  float: left;
  margin-left: -7px;
  width: calc(100% + 14px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blockRgt ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  margin: 10px 7px;
  width: calc(20% - 14px);
  text-align: center;
}
.blockRgt ul li a {
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: var(--lb_bg);
  border-radius: 5px;
  border: 1px solid var(--lb_bdr);
}
.blockRgt ul li a .blockIcon {
  float: left;
  height: 52px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.blockRgt ul li a .blockIcon .hover {
  display: none;
}
.blockRgt ul li a h4 {
  float: left;
  font-size: 1rem;
  line-height: 1.2;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 0px;
  width: 100%;
  color: var(--lb_text);
}
.blockRgt ul li a:hover {
  border-color: var(--lb_bdrActive);
  box-shadow: 0 0 0 1px var(--lb_bdrActive);
  background-color: var(--lb_bgActive);
}
.blockRgt ul li a:hover .blockIcon .mainImg {
  display: none;
}
.blockRgt ul li a:hover .blockIcon .hover {
  display: inline-block;
}
@media (max-width: 767px) {
  .blockRgt ul li a {
    padding: 20px 10px;
  }
  .blockRgt ul li a .blockIcon img {
    max-width: 45px;
  }
  .blockRgt ul li a h4 {
    font-size: 0.85rem;
  }
}
@media (max-width: 991px) {
  .blockRgt ul li {
    width: calc(33.33% - 14px);
  }
}
@media (max-width: 600px) {
  .blockRgt ul li {
    width: calc(50% - 14px);
  }
}
.blockRgt.dealer-block ul li {
  width: calc(25% - 14px);
}
@media (max-width: 991px) {
  .blockRgt {
    width: 100%;
  }
}

.adsInner {
  float: left;
  width: 100%;
}

.adFlexCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: calc(100vh - 190px);
}

/* New Home */
.mainFullWrapper {
  float: left;
  width: 100%;
  padding: 30px 0;
  min-height: 70vh;
}
.mainFullWrapper .homeTopBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mainFullWrapper .homeTopBlock .msBlockRgt {
  margin-left: auto;
  width: 474px;
  border: 1px solid var(--border);
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mainFullWrapper .homeTopBlock .msBlockRgt img {
  pointer-events: none;
}
@media (min-width: 1380px) {
  .mainFullWrapper .homeTopBlock .msBlockRgt {
    width: 570px;
  }
}
@media (max-width: 1080px) {
  .mainFullWrapper .homeTopBlock .msBlockRgt {
    width: 397px;
  }
}
@media (max-width: 991px) {
  .mainFullWrapper .homeTopBlock .msBlockRgt {
    width: 100%;
    margin-top: 25px;
    text-align: center;
  }
  .mainFullWrapper .homeTopBlock .msBlockRgt .msgCenterHome {
    float: left;
    width: 100%;
  }
}
.mainFullWrapper .homeTopBlock .msBlockRgt .msgCenterHome {
  float: left;
  width: 100%;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .customScroll {
  max-height: 340px;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle {
  border-radius: 0;
  padding: 20px;
  text-align: left;
  font-size: 1.1rem;
  color: var(--TextMain);
  background: var(--grey150);
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle i {
  margin-right: 10px;
  color: var(--TextMain);
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .btnBordered, .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle a, .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .primaryBtnBordered, .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .yellowBtnBorder, .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .headingTitle .btn.btn-default {
  padding: 4px 10px;
  margin-top: -5px;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 10px;
  padding: 5px 0 15px;
  position: relative;
  font-size: 0.95rem;
  /*&:nth-child(1) {
      .m_icon {
          i {
              color: $s_main;
          }
      }
  }*/
  /*&:nth-child(2) {
      .m_icon {
          i {
              color: $warningBg;
          }
      }
  }*/
  /*&:nth-child(4) {
      .m_icon {
          i {
              color: $grey400;
          }
      }
  }*/
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 30px;
  width: 1px;
  height: calc(100% - 20px);
  background: #ddd;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li .m_icon {
  width: 20px;
  margin-right: 10px;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li .m_icon i {
  color: var(--TextMain);
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li .m_Content {
  flex: 1;
  text-align: left;
}
.mainFullWrapper .homeTopBlock .msBlockRgt .MessageCenterCon .messageCenterCont ul li:last-child::before {
  display: none;
}
.mainFullWrapper .homeTopBlock .slideBlockLeft {
  float: left;
  width: calc(100% - 490px);
  background-color: var(--grey150);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--border);
}
.mainFullWrapper .homeTopBlock .slideBlockLeft .carousel {
  float: left;
  width: 100%;
}
.mainFullWrapper .homeTopBlock .slideBlockLeft .carousel .carousel-item img {
  max-height: 442px;
  width: 100%;
}
@media (min-width: 1380px) {
  .mainFullWrapper .homeTopBlock .slideBlockLeft .carousel .carousel-item img {
    max-height: 520px;
  }
}
.mainFullWrapper .homeTopBlock .slideBlockLeft .carousel .carousel-item a {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1380px) {
  .mainFullWrapper .homeTopBlock .slideBlockLeft {
    width: calc(100% - 600px);
  }
}
@media (max-width: 1080px) {
  .mainFullWrapper .homeTopBlock .slideBlockLeft {
    width: calc(100% - 410px);
  }
}
@media (max-width: 991px) {
  .mainFullWrapper .homeTopBlock .slideBlockLeft {
    width: 100%;
  }
}
.mainFullWrapper .homeNewWrapper {
  float: left;
  width: 100%;
}
.mainFullWrapper .homeNewWrapper .blockRgt {
  float: left;
  width: 100%;
}
@media (max-width: 1280px) {
  .mainFullWrapper {
    padding: 30px 0;
  }
}

#homeCarousel .carousel-control-next, #homeCarousel .carousel-control-prev {
  width: 50px;
  font-size: 1.5rem;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5647058824);
}

.adBuilderBanner {
  float: left;
  width: 100%;
}
.adBuilderBanner .adBannerImg {
  float: left;
  width: 100%;
  position: relative;
}
.adBuilderBanner .adBannerImg img {
  width: 100%;
  pointer-events: none;
}
.adBuilderBanner .bannerHide {
  position: absolute;
  left: calc(50% - 20px);
  bottom: 0;
  width: 60px;
  height: 30px;
  background-color: var(--BtnBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px 10px 0 0;
}
.adBuilderBanner .bannerHide i {
  color: var(--BtnText);
}

.InnerBannerWrapper {
  float: left;
  width: 100%;
}
.InnerBannerWrapper .container {
  padding: 0px !important;
}
.InnerBannerWrapper .bannerCon {
  float: left;
  width: 100%;
}
.InnerBannerWrapper .bannerInner {
  float: left;
  width: 100%;
  position: relative;
  background-color: var(--grey300);
  padding: 15px 15px 15px 90px;
  height: 115px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*&.libraryFlex {
      &::before {*/
  /*background-image: $resourceBg1;*/
  /*background-image: url(/Images/library_bg1.svg);
          background-position: center center;
          background-size: 80px;
      }

      @media(max-width:991px) {
          background-color: transparent;
          padding: 0;
          height: auto;

          &::before {
              display: none;
          }

          .blockLeft {
              background-color: $grey300;
              padding: 15px 15px 15px 100px;
              max-width: 100%;
              width: 100%;
              text-align: left;
              position: relative;

              &::before {
                  background-image: $resourceBg1;
                  background-position: left center;
                  content: "";
                  position: absolute;
                  left: 0px;
                  top: 0px;
                  background-repeat: no-repeat;
                  width: 90px;
                  height: 100%;
                  background-size: 100%;
              }
          }

          .lbBlockRgt {
              width: calc(100% - 30px);
              margin: 15px;
              padding: 20px;
              background-color: $blockBg;
              border: 1px solid $border;
          }
      }
  }*/
}
.InnerBannerWrapper .bannerInner::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url(/Images/co-opbg1.svg);
  background-repeat: no-repeat;
  width: 70px;
  height: 100%;
  background-position: center right;
  background-size: 50px;
}
.InnerBannerWrapper .bannerInner.bannerSpiff::before {
  background-image: url(/Images/spiff_Icon.svg);
}
.InnerBannerWrapper .bannerInner.bannerPopshop::before {
  background-image: url(/Images/marketingStore.svg);
}
.InnerBannerWrapper .bannerInner.noIcon {
  padding: 15px;
}
.InnerBannerWrapper .bannerInner.noIcon::before {
  display: none;
}
.InnerBannerWrapper .bannerInner h4 {
  font-size: 1.5rem;
  margin-bottom: 6px;
}
.InnerBannerWrapper .bannerInner p {
  margin: 0px;
  font-size: 0.9rem;
}
.InnerBannerWrapper .bannerInner.adsBannerInner::before {
  left: 5px;
  background-image: url("../../images/social-banners.svg");
  background-position: center;
}
.InnerBannerWrapper .bannerInner.adsBannerInner::after {
  display: none;
}
.InnerBannerWrapper .bannerInner.adsBannerInner .bannerLeft {
  float: left;
  max-width: calc(100% - 50px);
}
.InnerBannerWrapper .bannerInner.adsBannerInner .bannerRgt {
  margin-left: auto;
}
.InnerBannerWrapper .bannerInner.adsBannerInner .bannerRgt .BigBannerHide {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: var(--BtnBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--BtnText);
}
.InnerBannerWrapper .bannerInner.adsBannerInner .bannerRgt .BigBannerHide i {
  color: var(--BtnText);
}
@media (max-width: 767px) {
  .InnerBannerWrapper .bannerInner.adsBannerInner {
    padding: 15px 15px 15px 80px;
  }
  .InnerBannerWrapper .bannerInner.adsBannerInner::before {
    left: 0px;
    width: 70px;
  }
}
@media (max-width: 767px) {
  .InnerBannerWrapper .bannerInner {
    padding: 15px 15px 15px 90px;
    height: auto;
    min-height: 100px;
  }
  .InnerBannerWrapper .bannerInner::before {
    width: 80px;
    background-position: center;
  }
  .InnerBannerWrapper .bannerInner::after {
    display: none;
  }
}

.quickHelpModal {
  float: left;
  width: 100%;
  min-height: 350px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--bodyBg);
  border-radius: 5px;
}
.quickHelpModal .helpHeader {
  float: left;
  width: 100%;
  padding: 20px 50px 20px 20px;
  position: relative;
}
.quickHelpModal .helpHeader h4 {
  font-family: var(--fontRegular);
  font-weight: 400;
  margin: 0;
  float: left;
  margin-bottom: 0px;
}
.quickHelpModal .helpHeader h4 strong {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.quickHelpModal .helpHeader .close {
  position: absolute;
  right: 20px;
  top: 12px;
  opacity: 1;
}
.quickHelpModal .helpHeader .close i {
  color: var(--TextMain);
}
.quickHelpModal .helpContent {
  float: left;
  width: 100%;
  padding: 20px;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.quickHelpModal .helpFoo {
  float: left;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.quickHelpModal .helpFoo .btnFill, .quickHelpModal .helpFoo .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .quickHelpModal .helpFoo a, .quickHelpModal .helpFoo .promo_details, .quickHelpModal .helpFoo .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .quickHelpModal .helpFoo .btn.btn-primary, .quickHelpModal .helpFoo .btnExportFill, .quickHelpModal .helpFoo .primaryBtn, .quickHelpModal .helpFoo .btnGrey, .quickHelpModal .helpFoo .greyBtnBordered, .quickHelpModal .helpFoo .yellowBtn, .quickHelpModal .helpFoo .primaryBtnBordered, .quickHelpModal .helpFoo .yellowBtnBorder, .quickHelpModal .helpFoo .btnBorderedsecondary, .quickHelpModal .helpFoo .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .quickHelpModal .helpFoo .btn.btn-primary, .quickHelpModal .helpFoo .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .quickHelpModal .helpFoo .btn.btn-default, .quickHelpModal .helpFoo .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .quickHelpModal .helpFoo .enrollNow, .quickHelpModal .helpFoo .btnBordered, .quickHelpModal .helpFoo .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .quickHelpModal .helpFoo a {
  margin: 4px;
}
.quickHelpModal .helpFoo.restrictRole {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.quickHelpModal .helpFoo.restrictRole .ovForm {
  padding: 0 15px;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.quickHelpModal .helpFoo.restrictRole .ovForm label {
  font-size: 0.85rem;
  margin: 5px 0;
  padding: 0 10px;
}
.quickHelpModal .helpFoo.restrictRole .ovForm .select2-container {
  width: 150px !important;
}
@media (max-width: 767px) {
  .quickHelpModal .helpFoo.restrictRole .order1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .quickHelpModal .helpFoo.restrictRole .order2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .quickHelpModal .helpFoo.restrictRole .order3 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    width: 100%;
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: 10px;
  }
  .quickHelpModal .helpFoo.restrictRole .order4 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

.radioListing, .checkboxListing {
  float: left;
  width: 100%;
}
.radioListing input[type=radio]:checked + label, .checkboxListing input[type=radio]:checked + label {
  border: 1px solid var(--rc_bgActive);
}
.radioListing input[type=radio]:checked + label::before, .checkboxListing input[type=radio]:checked + label::before {
  background-color: var(--rc_bg);
}
.radioListing input[type=radio]:checked + label::after, .checkboxListing input[type=radio]:checked + label::after {
  top: calc(50% - 6px);
  left: 10px;
  background-color: var(--rc_bgActive);
  content: "";
  width: 10px !important;
  height: 10px !important;
  border-radius: 100%;
}
.radioListing .radioBoxCon, .radioListing .checkBoxInner, .checkboxListing .radioBoxCon, .checkboxListing .checkBoxInner {
  float: left;
  margin: 4px 5px;
}
.radioListing .radioBoxCon label, .radioListing .checkBoxInner label, .checkboxListing .radioBoxCon label, .checkboxListing .checkBoxInner label {
  float: left;
  border-radius: 30px;
  border: 1px solid var(--border);
  padding: 6px 10px 6px 32px;
  background-color: var(--rc_bg);
  font-weight: normal;
  margin: 0px;
}
.radioListing .radioBoxCon label::before, .radioListing .checkBoxInner label::before, .checkboxListing .radioBoxCon label::before, .checkboxListing .checkBoxInner label::before {
  top: calc(50% - 10px);
  left: 6px;
}
.radioListing .checkBoxInner input[type=checkbox]:checked + label, .checkboxListing .checkBoxInner input[type=checkbox]:checked + label {
  border: 1px solid var(--rc_bgActive);
}
.radioListing .checkBoxInner label, .checkboxListing .checkBoxInner label {
  border-radius: 4px;
  font-size: 0.85rem;
  margin: 0px;
}
.radioListing .checkBoxInner label::before, .checkboxListing .checkBoxInner label::before {
  background-color: var(--rc_bg);
  width: 20px;
  height: 20px;
}
.radioListing .checkBoxInner label::after, .checkboxListing .checkBoxInner label::after {
  top: calc(50% - 10px) !important;
  left: 6px !important;
  font-size: 0.8rem;
  width: 20px !important;
  height: 20px !important;
}
.radioListing .checkBoxInner span.input-info, .checkboxListing .checkBoxInner span.input-info {
  position: relative;
  z-index: 9;
}
.radioListing.listingSmall label, .checkboxListing.listingSmall label {
  font-size: 0.85rem;
}

.messageCenterCont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.messageCenterCont .customScroll {
  flex: 1;
}
.messageCenterCont .msgBtnBlock {
  width: 100%;
  display: inline-block;
  height: 55px;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 15px;
}

msBlockRgt .msgCenterHome {
  flex: 1;
}

#Social-Media-Content iframe {
  height: calc(100vh - 20px);
  border: none;
}

/* New Home */
.MediaTypeCarousel {
  margin: 1.5rem 0;
  float: left;
  width: 100%;
}
.MediaTypeCarousel .owl-carousel {
  padding: 0px !important;
}
.MediaTypeCarousel .owl-carousel .item {
  float: left;
  width: 100%;
  border: 1px solid var(--mtpp-Bdr);
  border-radius: 2px;
  min-height: 100px;
  background-color: var(--mtpp-Bg);
}
.MediaTypeCarousel .owl-carousel .item .adCon .adIcon img {
  max-height: 40px;
}
.MediaTypeCarousel .owl-carousel .item .adCon p {
  float: left;
  width: 100%;
  margin: 16px 0 0 0;
  text-align: center;
  color: var(--mtpp-Text);
  font-size: 0.9rem;
  line-height: 1.2;
}
.MediaTypeCarousel .owl-carousel .item:hover {
  background-color: var(--mtpp-Bg-Hover);
  border: 1px solid var(--mtpp-BdrHover);
}
.MediaTypeCarousel .owl-carousel .item:hover .adCon p {
  color: var(--mtpp-TextHover);
}
.MediaTypeCarousel .owl-carousel.owl-4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  float: left;
  width: 100%;
}
.MediaTypeCarousel .owl-carousel.owl-4 a {
  float: left;
  max-width: 50%;
  padding: 0 5px;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.MediaTypeCarousel .owl-carousel.owl-4 a .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.dealerOverviewCon {
  float: left;
  width: 100%;
}
.dealerOverviewCon .dealerMainBlock {
  float: left;
  width: 100%;
  position: relative;
}

/* Tab Panel */
.nav.nav-tabs.navMain {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  border-bottom: none;
  position: relative;
}
.nav.nav-tabs.navMain li {
  float: left;
  width: calc(14.28% - 6px);
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  margin: 0px 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nav.nav-tabs.navMain li a {
  background-color: var(--tabBg);
  padding: 18px 5px;
  border: none;
  color: var(--tabText);
  border-radius: 0px;
  border: 1px solid var(--border);
  border-bottom: none;
  line-height: 1;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.nav.nav-tabs.navMain li a.active {
  border-color: var(--tabActiveBg);
  color: var(--tabTextActive);
  position: relative;
  z-index: 99;
  background-color: var(--tabActiveBg);
}
.nav.nav-tabs.navMain li:first-child {
  margin-left: 0px;
}
.nav.nav-tabs.navMain li:last-child {
  margin-right: 0px;
}
@media (max-width: 991px) {
  .nav.nav-tabs.navMain.myCap li {
    width: calc(33.33% - 6px);
  }
  .nav.nav-tabs.navMain.myCap li a {
    min-height: 30px;
  }
}
@media (max-width: 767px) {
  .nav.nav-tabs.navMain.myCap li {
    width: calc(50% - 6px);
  }
}
.nav.nav-tabs.navMain.navInline li {
  -webkit-flex: none;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none;
  min-width: 20%;
}
.nav.nav-tabs.navMain.navNoSpace li {
  width: auto;
  min-width: 100px;
  -webkit-flex: none;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0px;
}
.nav.nav-tabs.navMain.navNoSpace li a {
  border-right: 1px solid var(--border);
  padding: 18px 12px;
}
.nav.nav-tabs.navMain.navNoSpace li a.active {
  border-color: var(--p_main);
}

.navMain + .tab-content {
  border: 1px solid var(--border);
  position: relative;
  border-radius: 0 0 0 0;
}

.commonMainBlock {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 5px;
  height: 100%;
}
.commonMainBlock .CommonHeader {
  float: left;
  width: 100%;
  background-color: var(--dBlockHeadBg);
  color: var(--dBlockHeadtext);
  padding: 10px 15px;
}
.commonMainBlock .CommonHeader .btnExport {
  float: right;
  border: 1px solid var(--dbExporttext);
  border-radius: 3px;
  font-size: 0.8rem;
  color: var(--dbExporttext);
  padding: 5px;
  min-width: 80px;
  background-color: var(--dbExportBg);
  text-align: center;
  line-height: 1;
  outline: none;
}
.commonMainBlock .CommonHeader .btnExport .fal {
  color: var(--dbExporttext);
}
.commonMainBlock .commonContentBlock {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.commonMainBlock .commonContentBlock .flex_Row label {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.commonMainBlock .commonContentBlock .table td label {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.commonMainBlock + .commonMainBlock {
  margin-top: 20px;
}
.commonMainBlock.greyMediaHeader {
  background-color: #717171;
  color: #fff;
}
.commonMainBlock.greyMediaHeader .CommonHeader {
  background-color: #717171;
  color: #fff;
}

@media (max-width: 767px) {
  .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock table, .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock tbody {
    display: inline-block;
    width: 100%;
  }
  .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock table tr, .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock tbody tr {
    display: inline-block;
    width: 100% !important;
  }
  .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock table td, .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock tbody td {
    display: inline-block;
    width: 100% !important;
    padding: 10px 15px !important;
    border-left: none !important;
    border-right: none;
  }
}

.tab-content {
  float: left;
  width: 100%;
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
}
.tab-content .container {
  padding: 20px 15px;
  float: left;
  width: 100%;
}
.tab-content .tab-pane .dealerInfoBlock, .tab-content .tab-pane1 .dealerInfoBlock {
  float: left;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft {
  float: left;
  width: calc(40% - 10px);
  margin-top: 10px;
  margin-bottom: 10px;
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block50, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block50 {
  width: calc(50% - 10px);
}
@media (max-width: 767px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block50, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block50 {
    width: 100%;
  }
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block100, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block100 {
  width: calc(100% - 10px);
}
@media (max-width: 767px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block100, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block100 {
    width: 100%;
  }
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block33, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block33 {
  width: calc(33.33% - 10px);
}
@media (max-width: 991px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.block33, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.block33 {
    width: 100%;
  }
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft.hideimp + .dealerInfoRight, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft.hideimp + .dealerInfoRight {
  width: 100%;
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoRight, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight {
  float: right;
  width: calc(60% - 10px);
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoRight.block50, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight.block50 {
  width: calc(50% - 10px);
}
@media (max-width: 767px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoRight.block50, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight.block50 {
    width: 100%;
  }
}
.tab-content .tab-pane .dealerInfoBlock .dealerInfoRight.block33, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight.block33 {
  width: calc(33.33% - 10px);
}
@media (max-width: 991px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoRight.block33, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight.block33 {
    width: 100%;
  }
}
.tab-content .tab-pane .dealerInfoBlock.ForecastDashboard, .tab-content .tab-pane1 .dealerInfoBlock.ForecastDashboard {
  margin-top: 10px;
}
.tab-content .tab-pane .dealerInfoBlock.ForecastDashboard .flexRow, .tab-content .tab-pane1 .dealerInfoBlock.ForecastDashboard .flexRow {
  margin-left: -10px;
  width: calc(100% + 20px);
}
.tab-content .tab-pane .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft, .tab-content .tab-pane1 .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft {
  margin: 15px 10px;
  width: calc(50% - 20px);
}
.tab-content .tab-pane .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft .commonMainBlock .commonContentBlock .TerritoryManager .form-group label, .tab-content .tab-pane1 .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft .commonMainBlock .commonContentBlock .TerritoryManager .form-group label {
  width: auto;
  padding-left: 0;
}
.tab-content .tab-pane .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft .commonMainBlock .commonContentBlock .TerritoryManager .form-group span, .tab-content .tab-pane1 .dealerInfoBlock.ForecastDashboard .flexRow .dealerInfoLeft .commonMainBlock .commonContentBlock .TerritoryManager .form-group span {
  width: auto;
  float: right;
}
@media (max-width: 991px) {
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoLeft, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoLeft {
    width: 100%;
  }
  .tab-content .tab-pane .dealerInfoBlock .dealerInfoRight, .tab-content .tab-pane1 .dealerInfoBlock .dealerInfoRight {
    width: 100%;
  }
}
.tab-content .TerritoryManager {
  float: left;
  width: 100%;
  padding: 20px;
}
.tab-content .TerritoryManager .form-group {
  float: left;
  width: 100%;
}
.tab-content .TerritoryManager .form-group:last-child {
  margin-bottom: 0px;
}
.tab-content .TerritoryManager .form-group label {
  float: left;
  width: 120px;
  margin-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.98rem;
}
.tab-content .TerritoryManager .form-group span {
  float: left;
  width: calc(100% - 120px);
  font-size: 0.98rem;
  word-break: break-word;
  line-height: 1.6;
}
@media (max-width: 520px) {
  .tab-content .TerritoryManager .form-group label {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    text-align: left;
    margin-bottom: 0px;
  }
  .tab-content .TerritoryManager .form-group span {
    width: 100%;
    font-size: 1.15rem;
  }
}
.tab-content .AddEditContact {
  float: left;
  width: 100%;
}
.tab-content .AddEditContact .customScroll {
  max-height: 370px;
}
.tab-content .AddEditContact .slimScrollDiv {
  padding: 16px 16px;
}
.tab-content .AddEditContact .form-group {
  float: left;
  width: 100%;
}
.tab-content .AddEditContact .form-group label {
  float: left;
  width: 130px;
  padding-right: 15px;
}
.tab-content .AddEditContact .form-group .fieldGroup {
  float: left;
  width: calc(100% - 130px);
  position: relative;
}
.tab-content .AddEditContact .form-group .fieldGroup .bootstrap-select button.btn.dropdown-toggle {
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  color: #495057;
  border-radius: 0.25rem;
}
.tab-content .AddEditContact .form-group .fieldGroup .select2-container {
  width: 100% !important;
}
.tab-content .AddEditContact .form-group .fieldGroup .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
}
.tab-content .AddEditContact .form-group .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.tab-content .AddEditContact .form-group .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
@media (max-width: 520px) {
  .tab-content .AddEditContact .form-group label {
    width: 100%;
    padding: 0px;
  }
  .tab-content .AddEditContact .form-group .fieldGroup {
    width: 100%;
  }
}
.tab-content .AddEditContact .BlockBtnRow {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.tab-content .AddEditContact .BlockBtnRow button {
  width: calc(50% - 10px);
}
.tab-content .AddEditContact .BlockBtnRow button + button {
  float: right;
}
.tab-content .DealersipContact {
  float: left;
  width: 100%;
  max-width: 100%;
}
.tab-content .DealersipContact .customScroll {
  max-height: 370px;
}
@media (max-width: 767px) {
  .tab-content .DealersipContact .slimScrollDiv {
    height: auto !important;
  }
  .tab-content .DealersipContact .slimScrollDiv .slimScrollBar, .tab-content .DealersipContact .slimScrollDiv .slimScrollRail {
    display: none !important;
  }
  .tab-content .DealersipContact .slimScrollDiv .scrollWrapper {
    overflow: visible !important;
    height: auto !important;
  }
  .tab-content .DealersipContact .slimScrollDiv .scrollWrapper .dataTables_wrapper {
    float: left;
    width: 100%;
  }
}
.tab-content .DealersipContact .removeContact {
  color: var(--TextMain);
}
.tab-content .DealersipContact .removeContact:hover {
  color: var(--p_main);
}
.tab-content .DealerShipInfo {
  float: left;
  width: 100%;
  margin: 0px;
}
.tab-content .DealerShipInfo .table {
  margin: 0px;
  border: none !important;
  border-radius: 0 0 4px 4px;
  min-height: 290px;
  max-width: 100%;
}
.tab-content .DealerShipInfo .table tr td {
  width: 50%;
  vertical-align: middle;
}
.tab-content .DealerShipInfo .table tr td label {
  margin: 0px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 0.85rem;
  width: 70px;
  float: left;
}
.tab-content .DealerShipInfo .table tr td p {
  margin: 0px;
}
.tab-content .DealerShipInfo .table tr td p.contactAlign {
  float: left;
  width: 100%;
}
.tab-content .DealerShipInfo .table tr td.tableInner {
  padding: 0px;
}
.tab-content .DealerShipInfo .table tr td.tableInner tr td {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tab-content .DealerShipInfo .table tr td.tableInner tr:first-child td {
  border-top: none;
}
.tab-content .DealerShipInfo .table tr td.tableInner table tr + tr {
  border-top: 1px solid #ccc;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner {
  padding: 0px !important;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner tr td {
  padding: 8px 20px !important;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner tr + tr td {
  border-top: 1px solid #dee2e6 !important;
}
.tab-content .DealerShipInfo .table tr td:first-child {
  border-left: none;
}
.tab-content .DealerShipInfo .table tr td:last-child {
  border-right: none;
}
.tab-content .DealerShipInfo .table tr td span {
  word-break: break-all;
  width: calc(100% - 70px);
  float: left;
}
.tab-content .DealerShipInfo .table tr:last-child td {
  border-bottom: none;
}
.tab-content .DealerShipInfo .table td[colspan="2"] > label {
  width: auto;
  margin-right: 10px;
  min-width: 60px;
}
.tab-content .DealerShipInfo .table td[colspan="2"] > span {
  width: auto;
  margin-right: 10px;
  min-width: 60px;
}
@media (max-width: 767px) {
  .tab-content .DealerShipInfo table {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .tab-content .DealerShipInfo table tbody {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .tab-content .DealerShipInfo table tr {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .tab-content .DealerShipInfo table td {
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
    border: none !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .tab-content .DealerShipInfo table td.emptyTD {
    display: none;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow {
    margin: 0px;
    display: inline-block;
    width: 100%;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock {
    width: 100%;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock:first-child {
    border-bottom: 1px solid #dee2e6;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock + .dInfoFlexBlock {
    border-left: none;
  }
}
.tab-content .trBlocker {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px;
  gap: 10px;
}
.tab-content .trBlocker .form-group {
  background: var(--white);
  padding: 10px;
  width: calc(25% - 10px);
  border: 1px solid #ddd;
  display: flex;
  margin: 0;
}
.tab-content .trBlocker .form-group label {
  width: auto;
  padding: 0;
  margin-right: 10px;
}
.tab-content .trBlocker .form-group span {
  width: auto;
}

.budgetBlocks {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.budgetBlocks .hChartWrapper {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
  border: 1px solid var(--border);
  position: relative;
}
.budgetBlocks .hChartWrapper .hChartHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
  padding: 10px 20px;
}
.budgetBlocks .hChartWrapper .hChartHeader h2 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 0;
}
.budgetBlocks .hChartWrapper .hChartHeader p {
  float: left;
  width: 100%;
  margin: 0;
  color: #a5a5a5;
  font-size: 0.9rem;
}
.budgetBlocks .hChartWrapper .hChartHeader .hChartHeaderLeft {
  float: left;
  width: calc(100% - 120px);
}
@media (max-width: 520px) {
  .budgetBlocks .hChartWrapper .hChartHeader .hChartHeaderLeft {
    width: 100%;
  }
}
.budgetBlocks .hChartWrapper .hChartHeader .moreDetail {
  float: right;
  margin: 7px 0;
  width: auto;
}
.budgetBlocks .hChartWrapper .chartContent {
  float: left;
  width: 100%;
  padding: 20px;
}
.budgetBlocks .hChartWrapper .chartContent .h_chartCon {
  float: left;
  width: 100%;
}
.budgetBlocks .hChartWrapper .comingSoonBlock {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(239, 239, 239, 0.66);
  font-size: 2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .budgetBlocks .hChartWrapper {
    width: calc(100% - 20px);
  }
}

.HelpEmailAddresspHeader, .TabInnerCon, .tabInnerTitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.HelpEmailAddresspHeader h2, .TabInnerCon h2, .tabInnerTitle h2 {
  float: left;
  margin: 0;
  font-size: 1.1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
@media (max-width: 767px) {
  .HelpEmailAddresspHeader h2 + .topRight, .TabInnerCon h2 + .topRight, .HelpEmailAddresspHeader .topRight h2 + .selectOption, .TabInnerCon .topRight h2 + .selectOption, .tabInnerTitle h2 + .topRight, .tabInnerTitle .topRight h2 + .selectOption {
    margin-top: 15px;
    width: 100%;
  }
  .HelpEmailAddresspHeader h2 + .topRight .selectOption, .TabInnerCon h2 + .topRight .selectOption, .HelpEmailAddresspHeader .topRight h2 + .selectOption .selectOption, .TabInnerCon .topRight h2 + .selectOption .selectOption, .tabInnerTitle h2 + .topRight .selectOption, .tabInnerTitle .topRight h2 + .selectOption .selectOption {
    width: 50%;
    padding: 0 4px;
  }
  .HelpEmailAddresspHeader h2 + .topRight .selectOption label, .TabInnerCon h2 + .topRight .selectOption label, .HelpEmailAddresspHeader .topRight h2 + .selectOption .selectOption label, .TabInnerCon .topRight h2 + .selectOption .selectOption label, .tabInnerTitle h2 + .topRight .selectOption label, .tabInnerTitle .topRight h2 + .selectOption .selectOption label {
    width: 100%;
    margin: 0px;
  }
  .HelpEmailAddresspHeader h2 + .topRight .selectOption .dropdown.bootstrap-select, .TabInnerCon h2 + .topRight .selectOption .dropdown.bootstrap-select, .HelpEmailAddresspHeader .topRight h2 + .selectOption .selectOption .dropdown.bootstrap-select, .TabInnerCon .topRight h2 + .selectOption .selectOption .dropdown.bootstrap-select, .tabInnerTitle h2 + .topRight .selectOption .dropdown.bootstrap-select, .tabInnerTitle .topRight h2 + .selectOption .selectOption .dropdown.bootstrap-select {
    width: 100% !important;
  }
  .HelpEmailAddresspHeader h2 + .topRight .selectOption + .selectOption, .TabInnerCon h2 + .topRight .selectOption + .selectOption, .HelpEmailAddresspHeader .topRight h2 + .selectOption .selectOption + .selectOption, .TabInnerCon .topRight h2 + .selectOption .selectOption + .selectOption, .tabInnerTitle h2 + .topRight .selectOption + .selectOption, .tabInnerTitle .topRight h2 + .selectOption .selectOption + .selectOption {
    margin: 0px;
  }
}
.HelpEmailAddresspHeader .topRight, .TabInnerCon .topRight, .HelpEmailAddresspHeader .topRight .selectOption, .TabInnerCon .topRight .selectOption, .tabInnerTitle .topRight, .tabInnerTitle .topRight .selectOption {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.HelpEmailAddresspHeader .topRight .selectOption, .TabInnerCon .topRight .selectOption, .tabInnerTitle .topRight .selectOption {
  font-size: 0.9rem;
}
.HelpEmailAddresspHeader .topRight .selectOption label, .TabInnerCon .topRight .selectOption label, .tabInnerTitle .topRight .selectOption label {
  margin: 0px;
  padding-right: 10px;
}
.HelpEmailAddresspHeader .topRight .selectOption .dropdown.bootstrap-select, .TabInnerCon .topRight .selectOption .dropdown.bootstrap-select, .tabInnerTitle .topRight .selectOption .dropdown.bootstrap-select {
  width: auto !important;
  min-width: 100px;
}
.HelpEmailAddresspHeader .topRight .selectOption .dropdown.bootstrap-select button.btn.dropdown-toggle, .TabInnerCon .topRight .selectOption .dropdown.bootstrap-select button.btn.dropdown-toggle, .tabInnerTitle .topRight .selectOption .dropdown.bootstrap-select button.btn.dropdown-toggle {
  font-size: 0.9rem;
}
.HelpEmailAddresspHeader .topRight.HelpEmailAddresspSection, .TabInnerCon .topRight.HelpEmailAddresspSection, .tabInnerTitle .topRight.HelpEmailAddresspSection, .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption, .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption {
  width: 300px;
  margin-left: auto;
}
.HelpEmailAddresspHeader .topRight.HelpEmailAddresspSection .selectOption, .TabInnerCon .topRight.HelpEmailAddresspSection .selectOption, .tabInnerTitle .topRight.HelpEmailAddresspSection .selectOption, .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption, .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption, .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption {
  width: 100%;
  margin: 5px 0;
}
.HelpEmailAddresspHeader .topRight.HelpEmailAddresspSection .selectOption label, .TabInnerCon .topRight.HelpEmailAddresspSection .selectOption label, .tabInnerTitle .topRight.HelpEmailAddresspSection .selectOption label, .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption label {
  width: calc(100% - 120px);
  text-align: right;
  font-size: 0.85rem;
}
.HelpEmailAddresspHeader .topRight.HelpEmailAddresspSection .selectOption .select2-container, .TabInnerCon .topRight.HelpEmailAddresspSection .selectOption .select2-container, .tabInnerTitle .topRight.HelpEmailAddresspSection .selectOption .select2-container, .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container {
  width: 120px !important;
}
.HelpEmailAddresspHeader .topRight.HelpEmailAddresspSection .selectOption #fiscalrange, .TabInnerCon .topRight.HelpEmailAddresspSection .selectOption #fiscalrange, .tabInnerTitle .topRight.HelpEmailAddresspSection .selectOption #fiscalrange, .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption #fiscalrange, .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption #fiscalrange, .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption #fiscalrange {
  font-size: 0.8rem;
  margin-top: 2px;
}
.HelpEmailAddresspHeader.budgetHead12, .budgetHead12.TabInnerCon, .budgetHead12.tabInnerTitle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.HelpEmailAddresspHeader.budgetHead12 .BudgetPlanLeft, .budgetHead12.TabInnerCon .BudgetPlanLeft, .budgetHead12.tabInnerTitle .BudgetPlanLeft {
  float: left;
  width: 240px;
}
@media (max-width: 1200px) {
  .HelpEmailAddresspHeader.budgetHead12 .BudgetPlanLeft, .budgetHead12.TabInnerCon .BudgetPlanLeft, .budgetHead12.tabInnerTitle .BudgetPlanLeft {
    width: 100%;
  }
}
@media (max-width: 1040px) {
  .HelpEmailAddresspHeader.budgetHead12 h2, .budgetHead12.TabInnerCon h2, .budgetHead12.tabInnerTitle h2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .HelpEmailAddresspHeader.budgetHead12 .topRight.HelpEmailAddresspSection, .budgetHead12.TabInnerCon .topRight.HelpEmailAddresspSection, .budgetHead12.tabInnerTitle .topRight.HelpEmailAddresspSection, .HelpEmailAddresspHeader.budgetHead12 .topRight .HelpEmailAddresspSection.selectOption, .budgetHead12.TabInnerCon .topRight .HelpEmailAddresspSection.selectOption, .HelpEmailAddresspHeader .topRight .budgetHead12.tabInnerTitle .HelpEmailAddresspSection.selectOption, .TabInnerCon .topRight .budgetHead12.tabInnerTitle .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .HelpEmailAddresspHeader.budgetHead12 .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .budgetHead12.TabInnerCon .HelpEmailAddresspSection.selectOption, .budgetHead12.tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .HelpEmailAddresspHeader.budgetHead12 .budgetInfoRow, .budgetHead12.TabInnerCon .budgetInfoRow, .budgetHead12.tabInnerTitle .budgetInfoRow {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

.budgetInfoRow {
  float: left;
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.budgetInfoRow .budgetBlockInner {
  float: left;
  width: 100%;
  max-width: 800px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.budgetInfoRow .budgetBlockInner .budgetColl {
  float: left;
  width: calc(33.33% - 8px);
  text-align: center;
  background-color: var(--BtnBg);
  margin: 0 4px 8px 4px;
  color: var(--BtnText);
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 5px 7px rgba(183, 183, 183, 0.5);
}
.budgetInfoRow .budgetBlockInner .budgetColl h3 {
  font-size: 0.9rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.budgetInfoRow .budgetBlockInner .budgetColl h4 {
  font-size: 0.9rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin: 0px;
}
@media (max-width: 520px) {
  .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(100% - 16px);
  }
}
@media (max-width: 1280px) {
  .budgetInfoRow {
    max-width: 500px;
    margin-left: 0;
  }
  .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(33.33% - 8px);
  }
}
@media (max-width: 1280px) and (max-width: 640px) {
  .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1280px) and (max-width: 480px) {
  .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(100% - 8px);
  }
}
@media (max-width: 1040px) {
  .budgetInfoRow {
    max-width: 100%;
    margin-top: 15px;
  }
}

.ReportsRow {
  float: left;
  width: calc(100% + 16px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
}
.ReportsRow .reportColl {
  width: calc(33.33% - 16px);
  margin: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ReportsRow .reportColl + .reportColl {
  margin: 8px;
}
.ReportsRow .reportColl .CommonHeader {
  text-align: center;
  font-size: 1.1rem;
}
.ReportsRow .reportColl .commonContentBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 100%;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding: 15px;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.ReportsRow .reportColl .commonContentBlock .moreDetail {
  margin-top: 8px;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer {
  float: left;
  width: 100%;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 90px;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer p {
  margin: 25px 0;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer .form-group {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding: 0 20px;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer .form-group label {
  float: left;
  width: 130px;
  padding-right: 15px;
  text-align: right;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup {
  float: left;
  width: calc(100% - 130px);
}
.ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup .dropdown.bootstrap-select {
  max-width: 150px;
  float: left;
}
.ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup .select2-container {
  float: left;
  width: 100% !important;
  max-width: 90%;
  min-width: inherit;
  text-align: left;
}
@media (max-width: 991px) {
  .ReportsRow .reportColl .CommonHeader {
    font-size: 1rem;
    padding: 10px;
  }
  .ReportsRow .reportColl .commonContentBlock .reportContainer .form-group {
    margin-top: 10px;
  }
  .ReportsRow .reportColl .commonContentBlock .reportContainer .form-group label {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    text-align: left;
  }
  .ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup {
    width: 100%;
  }
  .ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup .dropdown.bootstrap-select, .ReportsRow .reportColl .commonContentBlock .reportContainer .form-group .fieldGroup .select2-container {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .ReportsRow .reportColl {
    width: calc(50% - 16px);
    margin: 8px;
  }
  .ReportsRow .reportColl .commonContentBlock .reportContainer {
    min-height: inherit;
  }
}
@media (max-width: 600px) {
  .ReportsRow .reportColl {
    width: 100%;
  }
}

.signupsTable {
  float: left;
  width: 100%;
  overflow-x: auto;
}
.signupsTable td {
  text-align: center;
}

.TabInnerCon {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
}
.TabInnerCon .nav-tabs.navInner {
  border-bottom: none;
}
.TabInnerCon .nav-tabs.navInner li a {
  font-size: 1rem;
  padding: 10px 15px;
  line-height: 16px;
}
@media (max-width: 991px) {
  .TabInnerCon .nav-tabs.navInner li a {
    font-size: 0.9rem;
    padding: 10px 8px;
  }
}
.TabInnerCon.tabFlexAlign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.TabInnerCon.tabFlexAlign .topRight, .HelpEmailAddresspHeader .topRight .TabInnerCon.tabFlexAlign .selectOption, .tabInnerTitle .topRight .TabInnerCon.tabFlexAlign .selectOption, .TabInnerCon.tabFlexAlign .topRight .selectOption {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.TabInnerCon.tabFlexAlign .nav-tabs.navInner {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .TabInnerCon.tabFlexAlign .topRight, .HelpEmailAddresspHeader .topRight .TabInnerCon.tabFlexAlign .selectOption, .tabInnerTitle .topRight .TabInnerCon.tabFlexAlign .selectOption, .TabInnerCon.tabFlexAlign .topRight .selectOption {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .TabInnerCon.tabFlexAlign .nav-tabs.navInner {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (max-width: 767px) {
  .TabInnerCon.withInnerTabsBlocks .nav-tabs.navInner {
    margin-top: 10px;
  }
  .TabInnerCon.withInnerTabsBlocks .nav-tabs.navInner li {
    margin-top: 10px;
  }
  .TabInnerCon.withInnerTabsBlocks .nav-tabs.navInner li a {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .TabInnerCon {
    border-bottom: none;
  }
  .TabInnerCon .nav-tabs.navInner {
    float: left;
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #dee2e6;
  }
  .TabInnerCon .nav-tabs.navInner li a {
    font-size: 0.95rem;
    padding: 0.4rem;
  }
}

.infoRow {
  float: left;
  width: 100%;
  margin: 15px 0;
  border-radius: 5px;
  background-color: #f9f9f9;
  box-shadow: 0 0 7px rgba(183, 183, 183, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px;
}
.infoRow .infoColl {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.infoRow .infoColl label {
  margin: 0px;
}
.infoRow .infoColl.collPhone {
  text-align: center;
}
.infoRow .infoColl.collEmail {
  text-align: right;
}
@media (max-width: 991px) {
  .infoRow {
    display: inline-block;
  }
  .infoRow .infoColl {
    width: 50%;
    padding: 10px;
    float: left;
    text-align: left;
  }
  .infoRow .infoColl.collPhone, .infoRow .infoColl.collEmail {
    text-align: left;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .infoRow .infoColl {
    width: 100%;
    padding: 10px 0;
  }
}

.dataBlockRow {
  float: left;
  width: calc(100% + 30px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
}
.dataBlockRow .dataBlockColl {
  float: left;
  width: calc(33.33% - 24px);
  margin: 15px 12px;
  text-align: center;
  border: 1px solid #707070;
  border-radius: 5px;
  box-shadow: 0 0 7px rgba(148, 148, 148, 0.5);
  padding: 15px 25px;
  border-top: 10px solid var(--p_main);
}
.dataBlockRow .dataBlockColl .dataHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: var(--p_main);
}
.dataBlockRow .dataBlockColl .dataHeader i.fal {
  font-size: 0.95rem;
}
.dataBlockRow .dataBlockColl .dataContent {
  float: left;
  width: 100%;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .dataBlockRow {
    margin-left: -7px;
    width: calc(100% + 14px);
  }
  .dataBlockRow .dataBlockColl {
    width: calc(50% - 14px);
    margin: 7px;
    padding: 15px 10px;
  }
  .dataBlockRow .dataBlockColl .dataHeader {
    font-size: 1.2rem;
  }
  .dataBlockRow .dataBlockColl .dataContent h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) and (max-width: 520px) {
  .dataBlockRow .dataBlockColl {
    width: calc(100% - 14px);
  }
}

.tableBlockRow {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.tableBlockRow .ActivityTableRow {
  display: inline-block;
  width: 100%;
  overflow-x: auto;
}
.tableBlockRow .ActivityTableRow.tableContentLeft .CommonHeader {
  float: right;
  margin-bottom: -40px;
  position: relative;
  z-index: 99;
  top: 16px;
}
.tableBlockRow .ActivityTableRow.tableContentLeft .CommonHeader + .table {
  margin-top: 50px;
}
.tableBlockRow .ActivityTableRow.tableContentLeft .dataTables_length + .dataTables_filter {
  margin-left: 15px;
}
.tableBlockRow .ActivityTableRow.tableContentLeft .dataTables_filter {
  float: left;
  font-size: 0.9rem;
}
.tableBlockRow .ActivityTableRow.tableContentLeft .dataTables_filter input[type=search] {
  max-width: 130px;
  height: 28px;
  padding: 0 8px;
}

.claimBLockRow {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.claimBLockRow .ClaimBudgetBlockInner {
  float: left;
  width: 100%;
  border-radius: 5px;
  background-color: var(--grey100);
  box-shadow: 0 0 7px rgba(183, 183, 183, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 15px;
  margin-top: 0;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl {
  float: left;
  width: calc(25% - 30px);
  padding: 8px;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .datepicker {
  padding: 0px;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .datepicker .input-group-append {
  margin-right: -1px;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .datepicker .input-group-append .input-group-text {
  border-radius: 0.25rem 0 0 0.25rem;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .fieldGroup {
  float: left;
  width: 100%;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .fieldGroup .select2-container {
  width: 100% !important;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .fieldGroup .select2-container .select2-selection--single {
  height: 37px;
  border-color: #ced4da;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 37px;
}
.claimBLockRow .ClaimBudgetBlockInner .claimColl .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 37px;
}
.claimBLockRow .ClaimBudgetBlockInner .claimBtn {
  float: left;
  width: 150px;
  padding: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .promo_details, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .greyBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtnBorder, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .claimBLockRow .ClaimBudgetBlockInner .claimBtn .enrollNow {
  padding: 6px 15px;
  width: 100%;
}
@media (max-width: 991px) {
  .claimBLockRow .ClaimBudgetBlockInner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .claimBLockRow .ClaimBudgetBlockInner .claimColl {
    width: 50%;
  }
  .claimBLockRow .ClaimBudgetBlockInner .claimBtn {
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }
  .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .promo_details, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .greyBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtnBorder, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .claimBLockRow .ClaimBudgetBlockInner .claimBtn .enrollNow {
    max-width: 200px;
  }
}
@media (max-width: 991px) and (max-width: 480px) {
  .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .promo_details, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .claimBLockRow .ClaimBudgetBlockInner .claimBtn a, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .greyBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .primaryBtnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .yellowBtnBorder, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .claimBLockRow .ClaimBudgetBlockInner .claimBtn .enrollNow {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .claimBLockRow .ClaimBudgetBlockInner .claimColl {
    width: 100%;
  }
}

.approvalBlocksRow {
  float: left;
  width: calc(100% + 12px);
  margin: 15px 0 15px -6px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.approvalBlocksRow .approvalColumn {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 8px 6px;
  text-align: center;
  box-shadow: 0 0 8px rgb(197, 197, 197);
  border-radius: 5px;
}
.approvalBlocksRow .approvalColumn .blockHeader {
  float: left;
  width: 100%;
  padding: 10px 15px;
  background-color: #e4e4e4;
  border-radius: 5px 5px 0 0;
}
.approvalBlocksRow .approvalColumn .blockContent {
  float: left;
  width: 100%;
  padding: 15px 15px 0 15px;
}
.approvalBlocksRow .approvalColumn .blockContent h3 {
  margin: 5px 0 10px 0;
  color: var(--p_main);
  font-size: 1.25rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.approvalBlocksRow .approvalColumn .blockContent h3 label {
  margin: 0px;
}
.approvalBlocksRow .approvalColumn .blockContent h4 {
  margin: 12px 0 5px;
  font-size: 1.4rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.approvalBlocksRow .approvalColumn .blockContent h5 {
  margin: 15px 0 12px 0;
  font-size: 2rem;
}
.approvalBlocksRow .approvalColumn .blockBtnRow {
  float: left;
  width: 100%;
  padding: 0 15px 15px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.approvalBlocksRow .approvalColumn.coll3 {
  width: calc(25% - 12px);
}
@media (max-width: 991px) {
  .approvalBlocksRow .approvalColumn.coll3 {
    width: calc(50% - 12px);
  }
}
@media (max-width: 520px) {
  .approvalBlocksRow .approvalColumn.coll3 {
    width: calc(100% - 12px);
  }
}
.approvalBlocksRow .approvalColumn.coll4 {
  width: calc(33.33% - 12px);
}
@media (max-width: 520px) {
  .approvalBlocksRow .approvalColumn.coll4 {
    width: calc(100% - 12px);
  }
}
.approvalBlocksRow .approvalColumn.collApproved .blockHeader {
  background-color: var(--dApproveBg);
  color: var(--dApprovetext);
}
.approvalBlocksRow .approvalColumn.collApproved .blockContent h3 {
  color: var(--p_main);
}
.approvalBlocksRow .approvalColumn.collIncomplete .blockHeader {
  background-color: var(--dIncompleteBg);
  color: var(--dIncompletetext);
}
.approvalBlocksRow .approvalColumn.collIncomplete .blockContent h3 {
  color: var(--p_main);
}
.approvalBlocksRow .approvalColumn.collDeclined .blockHeader {
  background-color: var(--dDeclinedBg);
  color: var(--dDeclinedtext);
}
.approvalBlocksRow .approvalColumn.collDeclined .blockContent h3 {
  color: var(--p_main);
}
.approvalBlocksRow .approvalColumn.collStatus .blockHeader {
  background-color: var(--s_main);
  color: var(--text_white);
}
.approvalBlocksRow .approvalColumn.collStatus .blockContent {
  margin: 10px 0;
}
.approvalBlocksRow .approvalColumn.collStatus .blockContent h3 {
  color: var(--s_main);
}
.approvalBlocksRow .approvalColumn.collStatus p {
  color: var(--TextMain);
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.approvalBlocksRow .approvalColumn.collStatus h4 {
  color: var(--s_main);
}
.approvalBlocksRow .approvalColumn.collStatus .status {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.approvalBlocksRow .approvalColumn.collStatus .status span {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: var(--s_main);
}

.mobileTabBlock {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
}
.mobileTabBlock h2 {
  font-size: 1.2rem;
  color: var(--TextMain);
  float: left;
  width: calc(100% - 40px);
}
.mobileTabBlock .MobileTabBtn {
  float: right;
  width: 35px;
  text-align: right;
  color: var(--p_main);
  cursor: pointer;
  height: 33px;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgb(187, 187, 187);
  position: relative;
  z-index: 11;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.mobileTabBlock .MobileTabBtn img {
  max-width: 25px;
}
.mobileTabBlock .MobileTabBtn .fas, .mobileTabBlock .MobileTabBtn far {
  color: var(--p_main);
}
.mobileTabBlock .overlay {
  position: fixed;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (max-width: 767px) {
  .mobileTabBlock ~ .nav.nav-tabs.navMain {
    position: absolute;
    display: none;
    right: 0;
    top: 40px;
    z-index: 997;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(136, 136, 136, 0.5);
  }
  .mobileTabBlock ~ .nav.nav-tabs.navMain li {
    float: left;
    width: 100%;
    margin: 0px;
  }
  .mobileTabBlock ~ .nav.nav-tabs.navMain li a {
    float: left;
    width: 100%;
    min-height: inherit;
    padding: 18px 25px;
    text-align: left;
    background-color: #fff;
    font-size: 1rem;
    border-top: none;
    text-align: left;
    display: inline-block;
    border-left: 6px solid transparent;
  }
  .mobileTabBlock ~ .nav.nav-tabs.navMain li a.active {
    border-left-color: var(--s_main);
    background-color: var(--p_main);
    color: #fff;
  }
  .mobileTabBlock ~ .nav.nav-tabs.navMain.TabMenuOpen {
    display: block;
  }
}

@media (max-width: 767px) {
  .mobileTabBlock {
    display: block;
  }
  .mobileTabBlock.selectTabOption .MobileTabBtn .fas, .mobileTabBlock.selectTabOption .MobileTabBtn far {
    color: #fff;
  }
}
/* Tab Panel */
.flexRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.signupsWrapper {
  float: left;
  width: 100%;
}

.deleteBtn {
  font-size: 0;
  background: none !important;
  border: none !important;
  padding: 0;
  color: var(--TextMain) !important;
}
.deleteBtn:hover {
  color: var(--p_main) !important;
}

.deleteBtn .far {
  font-size: 16px;
}

a.underline {
  color: var(--link);
  cursor: pointer;
  text-decoration: underline;
}
a.underline:hover {
  color: var(--TextMain);
}

#successError .alert-success,
#successError .alert-danger {
  float: left;
  width: 100%;
  padding: 5px 10px;
}

.signupsTable .dataTables_length {
  float: left;
}
.signupsTable .dataTables_length + .dataTables_filter {
  margin-left: 15px;
}
.signupsTable .dataTables_filter {
  float: left !important;
}
.signupsTable .dataTables_filter label {
  font-size: 0.9rem;
}
.signupsTable .dataTables_info {
  float: left;
}
.signupsTable .dataTables_paginate {
  float: right;
}
.signupsTable .btnFill.btnExportTable, .signupsTable .top-var-cot .chilliFlex .right-var-tab ul li a.btnExportTable, .top-var-cot .chilliFlex .right-var-tab ul li .signupsTable a.btnExportTable, .signupsTable .btnExportTable.promo_details, .signupsTable .bootstrap-datetimepicker-widget .btnExportTable.btn.btn-primary, .bootstrap-datetimepicker-widget .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .btnExportTable.btnExportFill, .signupsTable .btnExportTable.btnBordered, .signupsTable .top-var-cot .chilliFlex .left-var-tab ul li a.btnExportTable, .top-var-cot .chilliFlex .left-var-tab ul li .signupsTable a.btnExportTable, .signupsTable .btnExportTable.primaryBtn, .signupsTable .btnExportTable.btnGrey, .signupsTable .btnExportTable.greyBtnBordered, .signupsTable .btnExportTable.yellowBtn, .signupsTable .btnExportTable.primaryBtnBordered, .signupsTable .btnExportTable.yellowBtnBorder, .signupsTable .btnExportTable.btnBorderedsecondary, .signupsTable .modal .modal-dialog .modal-content .modal-footer .btnExportTable.btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .modal .modal-dialog .modal-content .modal-footer .btnExportTable.btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .signupsTable .btnExportTable.btn.btn-default, .signupsTable .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnExportTable.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .signupsTable .btnExportTable.enrollNow {
  float: right;
  margin-bottom: -20px;
  position: relative;
  z-index: 97;
}
@media (max-width: 767px) {
  .signupsTable .btnFill.btnExportTable, .signupsTable .top-var-cot .chilliFlex .right-var-tab ul li a.btnExportTable, .top-var-cot .chilliFlex .right-var-tab ul li .signupsTable a.btnExportTable, .signupsTable .btnExportTable.promo_details, .signupsTable .bootstrap-datetimepicker-widget .btnExportTable.btn.btn-primary, .bootstrap-datetimepicker-widget .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .btnExportTable.btnExportFill, .signupsTable .btnExportTable.btnBordered, .signupsTable .top-var-cot .chilliFlex .left-var-tab ul li a.btnExportTable, .top-var-cot .chilliFlex .left-var-tab ul li .signupsTable a.btnExportTable, .signupsTable .btnExportTable.primaryBtn, .signupsTable .btnExportTable.btnGrey, .signupsTable .btnExportTable.greyBtnBordered, .signupsTable .btnExportTable.yellowBtn, .signupsTable .btnExportTable.primaryBtnBordered, .signupsTable .btnExportTable.yellowBtnBorder, .signupsTable .btnExportTable.btnBorderedsecondary, .signupsTable .modal .modal-dialog .modal-content .modal-footer .btnExportTable.btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .modal .modal-dialog .modal-content .modal-footer .btnExportTable.btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .signupsTable .btnExportTable.btn.btn-default, .signupsTable .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnExportTable.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .signupsTable .btnExportTable.enrollNow {
    margin-bottom: 5px;
  }
}
.signupsTable .dataTables_wrapper {
  padding: 0px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 767px) {
  .signupsTable .dataTables_length {
    width: 100%;
    text-align: center;
  }
  .signupsTable .dataTables_length + .dataTables_filter {
    margin-left: 0px;
  }
  .signupsTable .dataTables_filter, .signupsTable .dataTables_info, .signupsTable .dataTables_paginate {
    width: 100%;
    text-align: center;
  }
}

.errorWrap {
  max-width: 1040px;
  padding: 0 15px;
  width: 100%;
  margin: auto;
}
.errorWrap .errorMainWrapper {
  float: left;
  width: 100%;
  margin: 70px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.errorWrap .errorMainWrapper .errorPageContent {
  float: left;
  width: calc(100% - 400px);
  padding-right: 80px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorHeading {
  float: left;
  width: 100%;
  font-size: 25px;
  color: #565758;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent .errorHeading {
    font-size: 20px;
  }
}
.errorWrap .errorMainWrapper .errorPageContent h3 {
  float: left;
  width: 100%;
  font-size: 1.7rem;
  color: #565758;
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent h3 {
    font-size: 1.3rem;
  }
}
.errorWrap .errorMainWrapper .errorPageContent p {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 1.1rem;
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent p {
    font-size: 1rem;
  }
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow {
  float: left;
  width: calc(100% + 10px);
  margin-top: 10px;
  margin-left: -10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li {
  float: left;
  margin-right: 10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  padding: 5px 12px 5px 5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #565758;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover {
  border-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fas {
  background-color: var(--BtnTextHover);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fas {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: var(--grey400);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a span {
  float: left;
  width: calc(100% - 35px);
  padding-left: 9px;
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li {
    margin: 4px;
  }
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent {
    width: calc(100% - 300px);
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .errorWrap .errorMainWrapper .errorPageContent {
    width: 100%;
    padding-right: 0;
  }
}
.errorWrap .errorMainWrapper .errorImg {
  width: 400px;
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorImg {
    width: 300px;
  }
}
@media (max-width: 767px) {
  .errorWrap .errorMainWrapper .errorImg {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }
  .errorWrap .errorMainWrapper .errorImg img {
    max-width: 250px;
  }
}
@media (max-width: 767px) {
  .errorWrap .errorMainWrapper {
    margin: 30px 0;
  }
}

.otherLocations {
  float: left;
  width: 100%;
}
.otherLocations .customScroll {
  max-height: 290px;
}
.otherLocations .slimScrollDiv {
  height: 290px !important;
  padding: 16px;
}
.otherLocations .slimScrollDiv .slimScrollBar {
  right: 0 !important;
}
.otherLocations .slimScrollDiv .scrollWrapper {
  height: 100% !important;
}
@media (max-width: 767px) {
  .otherLocations .slimScrollDiv {
    height: auto !important;
    width: 100% !important;
    float: left;
  }
  .otherLocations .slimScrollDiv .slimScrollBar, .otherLocations .slimScrollDiv .slimScrollRail {
    display: none !important;
  }
  .otherLocations .slimScrollDiv .scrollWrapper {
    overflow: visible !important;
    height: auto !important;
  }
  .otherLocations .slimScrollDiv .scrollWrapper .dataTables_wrapper {
    float: left;
    width: 100%;
  }
  .otherLocations .slimScrollDiv .scrollWrapper .dataTables_wrapper table {
    min-width: 500px;
  }
}

.DealersipContact .slimScrollDiv {
  height: 373px !important;
  overflow: visible !important;
  padding: 16px;
}
.DealersipContact .slimScrollDiv .slimScrollBar {
  right: 0 !important;
}
.DealersipContact .slimScrollDiv .scrollWrapper {
  height: 100% !important;
}

.PBTheight {
  float: left;
  width: 100%;
  min-height: 300px;
}
.PBTheight .customScroll {
  max-height: 300px;
}
.PBTheight .slimScrollDiv {
  height: 300px !important;
}
.PBTheight .slimScrollDiv .scrollWrapper {
  height: 100% !important;
}
@media (max-width: 767px) {
  .PBTheight .slimScrollDiv {
    height: auto !important;
    padding: 0 20px;
    float: left;
    overflow: auto !important;
    width: 100% !important;
  }
  .PBTheight .slimScrollDiv .slimScrollBar, .PBTheight .slimScrollDiv .slimScrollRail {
    display: none !important;
  }
  .PBTheight .slimScrollDiv .scrollWrapper {
    overflow: visible !important;
    height: auto !important;
    float: left;
    width: 100% !important;
  }
  .PBTheight .slimScrollDiv .scrollWrapper .dataTables_wrapper {
    float: left;
    width: 100%;
    padding: 15px 0px;
  }
  .PBTheight .slimScrollDiv .scrollWrapper .dataTables_wrapper table {
    min-width: 500px;
  }
}

.PGCR_Height {
  float: left;
  width: 100%;
}
.PGCR_Height .customScroll {
  max-height: 300px;
}
.PGCR_Height .slimScrollDiv {
  height: 300px !important;
}
.PGCR_Height .slimScrollDiv .scrollWrapper {
  height: 100% !important;
}
.PGCR_Height .dataTables_info, .PGCR_Height .dataTables_paginate {
  display: none;
}
@media (max-width: 767px) {
  .PGCR_Height .slimScrollDiv {
    height: auto !important;
    padding: 0 20px;
    float: left;
    width: 100% !important;
  }
  .PGCR_Height .slimScrollDiv .scrollWrapper {
    overflow: visible !important;
    height: auto !important;
    padding: 15px 0;
    float: left;
    width: 100% !important;
  }
  .PGCR_Height .slimScrollDiv .scrollWrapper .dataTables_wrapper {
    float: left;
    width: 100%;
    padding: 0;
  }
  .PGCR_Height .slimScrollDiv .scrollWrapper .dataTables_wrapper table {
    min-width: 500px;
  }
}

.myToDoWrapper {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.myToDoWrapper table tr th {
  text-align: left;
  width: auto !important;
}
.myToDoWrapper table tr th.tableMinContent200 {
  text-align: left;
}
.myToDoWrapper .MTDLeft {
  float: left;
  width: calc(40% - 10px);
  margin-top: 10px;
  margin-bottom: 10px;
}
.myToDoWrapper .MTDLeft.hideimp + .MTDRight {
  width: 100%;
}
@media (max-width: 991px) {
  .myToDoWrapper .MTDLeft {
    width: 100%;
  }
}
.myToDoWrapper .MTDLeft.block50 {
  width: calc(50% - 10px);
}
@media (max-width: 767px) {
  .myToDoWrapper .MTDLeft.block50 {
    width: calc(100% - 10px);
  }
}
.myToDoWrapper .MTDLeft.block100 {
  width: 100%;
  margin: 10px 0;
}
.myToDoWrapper .MTDRight {
  float: right;
  width: calc(60% - 10px);
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .myToDoWrapper .MTDRight {
    width: 100%;
  }
}
.myToDoWrapper .MTDRight.block50 {
  width: calc(50% - 10px);
}
@media (max-width: 767px) {
  .myToDoWrapper .MTDRight.block50 {
    width: calc(100% - 10px);
  }
}
.myToDoWrapper .MTDRight.block100 {
  width: 100%;
  margin: 10px 0;
}

.ADSWrapper {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}
.ADSWrapper .ADSTableWrapper {
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 800px;
}
.ADSWrapper .AdsTopHeader {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.ADSWrapper .AdsTopHeader .ADSLeft {
  float: left;
  max-width: calc(100% - 120px);
}
.ADSWrapper .AdsTopHeader .ADSLeft h3 {
  font-size: 1.4rem;
  margin: 0;
  color: var(--p_main);
}
.ADSWrapper .AdsTopHeader .ADSLeft p {
  font-size: 0.9rem;
  margin-top: 3px;
  margin-bottom: 0;
  color: #b3b3b3;
}
.ADSWrapper .AdsTopHeader .ADSRight {
  float: right;
}

.btnExportFill {
  float: left;
  border-radius: 3px;
  font-size: 0.8rem;
  color: #fff;
  padding: 5px;
  min-width: 100px;
}

/* My To Do */
.myToDoWrapper .dataTables_length, .myToDoWrapper .dataTables_filter {
  display: none;
}
.myToDoWrapper .yellowBtn {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.76rem;
  float: left;
  line-height: 1.2;
}
.myToDoWrapper .inlineActionContent .yellowBtn {
  display: inline-block;
  vertical-align: top;
}
.myToDoWrapper .DealerShipInfo .table {
  min-height: inherit;
}

/* My To Do */
.TableFixRow_FL table th:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
}
.TableFixRow_FL table th:last-child {
  position: sticky;
  right: 0;
  background-color: #fff;
}
.TableFixRow_FL table tr td:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
}
.TableFixRow_FL table tr td:last-child {
  position: sticky;
  right: 0;
  background-color: #fff;
}
.TableFixRow_FL table tr.even td {
  background-color: #eeeeee;
}

.ActivityTableRow table#tblPreapprovals td:nth-child(3) {
  width: 320px;
}
.ActivityTableRow table#tblPreapprovals td:nth-child(4) {
  width: 320px;
}

#enrollmentEdit .form-group.fieldInline label {
  float: left;
  margin-right: 20px;
}
#enrollmentEdit .form-group.fieldInline .fieldGroup {
  float: left;
}

.ActivityHistoryReport {
  float: left;
  width: 100%;
}
.ActivityHistoryReport .form-group {
  float: left;
  min-width: 200px;
  padding-right: 15px;
}

.dInfoContent {
  padding: 0px !important;
}
.dInfoContent .dInfoFlexRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 100%;
  margin: -6px 0;
}
.dInfoContent .dInfoFlexRow .dInfoFlexBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  float: left;
  width: 50%;
}
.dInfoContent .dInfoFlexRow .dInfoFlexBlock .dInfoFlexcol {
  padding: 8px 20px !important;
  text-align: left !important;
  font-size: 0.98rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}
.dInfoContent .dInfoFlexRow .dInfoFlexBlock .dInfoFlexcol span {
  padding-left: 10px;
  margin-left: auto;
  line-height: 1.2;
}
.dInfoContent .dInfoFlexRow .dInfoFlexBlock .dInfoFlexcol + .dInfoFlexcol {
  border-top: 1px solid #dee2e6;
}
.dInfoContent .dInfoFlexRow .dInfoFlexBlock + .dInfoFlexBlock {
  border-left: 1px solid #dee2e6;
}

.BudgetDashboardHeader .budgetInfoRow {
  max-width: 720px;
}
.BudgetDashboardHeader .budgetInfoRow .budgetBlockInner {
  max-width: 100%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.BudgetDashboardHeader .budgetInfoRow .budgetBlockInner .budgetColl {
  width: calc(33.33% - 8px);
}
@media (max-width: 1280px) {
  .BudgetDashboardHeader .budgetInfoRow .budgetBlockInner .budgetColl {
    max-width: 650px;
  }
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption {
  width: 300px;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption label, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label {
  width: calc(100% - 180px);
  margin: 5px 0;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption .fieldGroup, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup {
  width: 180px;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption .select2-container, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container {
  width: 180px !important;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber label, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber label {
  margin: 5px 0;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup {
  width: 180px !important;
  position: relative;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup input, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup input {
  height: 32px;
  padding-right: 40px;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  right: 0px;
  top: 0px;
  height: 32px;
  width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a {
  color: var(--TextMain);
}
@media screen and (min-device-width: 1081px) and (max-device-width: 1260px) {
  .BudgetDashboardHeader {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .BudgetDashboardHeader h2 {
    width: 150px;
  }
  .BudgetDashboardHeader .budgetInfoRow {
    max-width: calc(100% - 320px);
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption {
    width: 150px;
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption label, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption label, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption label {
    width: 100%;
    text-align: left;
    margin-top: 0px;
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption .select2-container, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .select2-container {
    width: 100% !important;
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection .selectOption .fieldGroup, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption .selectOption .fieldGroup {
    width: 100% !important;
  }
}
@media (max-width: 1080px) {
  .BudgetDashboardHeader h2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .BudgetDashboardHeader .topRight.HelpEmailAddresspSection, .BudgetDashboardHeader .HelpEmailAddresspHeader .topRight .HelpEmailAddresspSection.selectOption, .HelpEmailAddresspHeader .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .HelpEmailAddresspSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .HelpEmailAddresspSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .HelpEmailAddresspSection.selectOption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .BudgetDashboardHeader .budgetInfoRow {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    max-width: 100%;
  }
}
@media (max-width: 1080px) and (max-width: 767px) {
  .BudgetDashboardHeader .budgetInfoRow .budgetBlockInner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .BudgetDashboardHeader .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(50% - 8px);
  }
}
@media (max-width: 1080px) and (max-width: 480px) {
  .BudgetDashboardHeader .budgetInfoRow .budgetBlockInner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .BudgetDashboardHeader .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(100% - 8px);
  }
}

.DealerMarketingPlanRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 20px;
}
.DealerMarketingPlanRow .DMP_rowLabel {
  float: left;
  width: 100px;
}
.DealerMarketingPlanRow .DMP_rowLabel label {
  margin: 0px;
}
.DealerMarketingPlanRow .DMP_FieldRow {
  float: left;
  width: calc(100% - 100px);
}

.viewMarketingPlan {
  float: left;
  width: 100%;
}

.m_dealerInfo {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--grey150);
  border-radius: 3px;
  padding: 4px 12px;
  margin: 0 10px 10px 0;
}
.m_dealerInfo .t_userimg {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .m_dealerInfo .t_userimg + .d_InnerBlock {
    width: calc(100% - 35px);
  }
}
.m_dealerInfo .t_userimg i {
  font-size: 1.3rem;
  color: var(--TextMain);
}
.m_dealerInfo .d_InnerBlock {
  float: left;
  line-height: 1.3;
  font-size: 0.85rem;
}
.m_dealerInfo .d_InnerBlock .t--dealer-info {
  width: 100%;
}
.m_dealerInfo .d_InnerBlock #DealerNumber {
  color: var(--link);
}
.m_dealerInfo .d_InnerBlock .border_left {
  margin-left: 5px;
}
.m_dealerInfo .d_InnerBlock label {
  margin: 0px;
}

.dealerProfileWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dealerProfileWrapper.span50 {
  margin-top: 50px;
  margin-bottom: 25px;
}
.dealerProfileWrapper .dealerProfileCon {
  float: left;
  width: 100%;
  max-width: 600px;
}
.dealerProfileWrapper .profileLogo {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
.dealerProfileWrapper .profileContent {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 30px 50px;
  box-shadow: 0 0 10px rgba(160, 160, 160, 0.5);
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent {
    padding: 30px;
  }
}
.dealerProfileWrapper .profileContent .fieldCol_2, .dealerProfileWrapper .profileContent .fieldCol_4, .dealerProfileWrapper .profileContent .fieldCol_3 {
  float: left;
  margin-left: -10px;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .form-group {
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .form-group > label, .dealerProfileWrapper .profileContent .fieldCol_4 .form-group > label, .dealerProfileWrapper .profileContent .fieldCol_3 .form-group > label {
  width: 100%;
  padding: 0 0 5px 0;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .form-group .fieldGroup, .dealerProfileWrapper .profileContent .fieldCol_4 .form-group .fieldGroup, .dealerProfileWrapper .profileContent .fieldCol_3 .form-group .fieldGroup {
  width: 100%;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .EventSectionRow, .dealerProfileWrapper .profileContent .fieldCol_4 .EventSectionRow, .dealerProfileWrapper .profileContent .fieldCol_3 .EventSectionRow {
  float: left;
  width: 100%;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull {
  width: 100%;
  float: left;
}
.dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull .form-group {
  width: calc(33.33% - 20px);
}
.dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow .form-group {
  width: calc(50% - 20px);
}
@media (max-width: 991px) {
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow {
    width: 100%;
    float: left;
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull {
    width: 100%;
    float: left;
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull .form-group {
    width: calc(100% - 20px);
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow .form-group {
    width: calc(100% - 20px);
  }
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow {
    width: 100%;
    float: left;
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull {
    width: 100%;
    float: left;
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow.TimePickerFull .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow.TimePickerFull .form-group {
    width: calc(100% - 20px);
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .timePickerRow .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .timePickerRow .form-group {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent .fieldCol_2, .dealerProfileWrapper .profileContent .fieldCol_4, .dealerProfileWrapper .profileContent .fieldCol_3 {
    margin-left: 0;
    width: 100%;
  }
  .dealerProfileWrapper .profileContent .fieldCol_2 .form-group, .dealerProfileWrapper .profileContent .fieldCol_4 .form-group, .dealerProfileWrapper .profileContent .fieldCol_3 .form-group {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.dealerProfileWrapper .profileContent .fieldCol_3 .form-group {
  width: calc(33.33% - 20px);
}
@media (max-width: 991px) {
  .dealerProfileWrapper .profileContent .fieldCol_3 .form-group {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent .fieldCol_3 .form-group {
    width: 100%;
  }
}
.dealerProfileWrapper .profileContent .fieldCol_4 .form-group {
  width: calc(25% - 20px);
}
@media (max-width: 991px) {
  .dealerProfileWrapper .profileContent .fieldCol_4 .form-group {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent .fieldCol_4 .form-group {
    width: 100%;
  }
}
.dealerProfileWrapper .profileContent .pageTitle {
  margin-top: 0px;
}
.dealerProfileWrapper .profileContent .dealerName, .dealerProfileWrapper .profileContent .confirmation {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.7rem;
  color: var(--p_main);
}
.dealerProfileWrapper .profileContent .form-group {
  float: left;
  width: 100%;
  margin-bottom: 1.5rem;
}
.dealerProfileWrapper .profileContent .form-group label {
  float: left;
  width: 210px;
  padding-right: 15px;
  margin: 0;
}
.dealerProfileWrapper .profileContent .form-group label.align-start {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon label {
  width: auto;
}
.dealerProfileWrapper .profileContent .form-group .fieldGroup {
  float: left;
  width: calc(100% - 220px);
}
.dealerProfileWrapper .profileContent .form-group .fieldGroup .form-control, .dealerProfileWrapper .profileContent .form-group .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dealerProfileWrapper .profileContent .form-group .fieldGroup input {
  border-color: #ccc;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon {
  width: 100%;
  margin: 5px 0;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.btnWithText label {
  width: 100%;
  padding-right: 0px;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.btnWithText label .form-control, .dealerProfileWrapper .profileContent .form-group .radioBoxCon.btnWithText label .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dealerProfileWrapper .profileContent .form-group .radioBoxCon.btnWithText label input {
  margin: 5px 0;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip {
  width: 100%;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip .arrow::before {
  border-bottom-color: #e0e0e0;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip .tooltip-inner {
  max-width: 100%;
  text-align: left;
  background-color: #e0e0e0;
  color: var(--TextMain);
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip .tooltip-inner .divmessage p {
  font-size: 0.8rem;
  margin: 5px 0;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip .tooltip-inner .divmessage p b {
  font-size: 0.85rem;
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.tooltipCon .tooltip .tooltip-inner .divmessage a {
  color: var(--p_main);
}
.dealerProfileWrapper .profileContent .form-group .radioBoxCon.radioBoxInline {
  width: auto;
}
.dealerProfileWrapper .profileContent .form-group .dropdown.bootstrap-select .btn.dropdown-toggle {
  border-color: #ccc;
}
.dealerProfileWrapper .profileContent .form-group .select2-container {
  width: 100% !important;
}
.dealerProfileWrapper .profileContent .form-group .select2-container .select2-selection--single {
  height: 38px;
  border-color: #ccc;
}
.dealerProfileWrapper .profileContent .form-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.dealerProfileWrapper .profileContent .form-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.dealerProfileWrapper .profileContent .form-group.dealerConfirmationText label {
  color: #757575;
}
.dealerProfileWrapper .profileContent .form-group.dealerConfirmationText .fieldGroup span {
  float: right;
  color: #757575;
}
@media (max-width: 520px) {
  .dealerProfileWrapper .profileContent .form-group label {
    width: 100%;
  }
  .dealerProfileWrapper .profileContent .form-group .fieldGroup {
    width: 100%;
  }
  .dealerProfileWrapper .profileContent .form-group.dealerConfirmationText label {
    padding: 0px;
  }
  .dealerProfileWrapper .profileContent .form-group.dealerConfirmationText .fieldGroup span {
    float: left;
  }
}
.dealerProfileWrapper .profileContent .confirmation {
  margin-top: 15px;
}
.dealerProfileWrapper .profileContent .contactSupport {
  float: left;
  width: 100%;
  text-align: center;
}
.dealerProfileWrapper .profileContent .contactSupport p {
  margin: 0px;
  color: var(--p_main);
}
.dealerProfileWrapper .profileContent .buttonRow {
  margin-top: 30px;
}
.dealerProfileWrapper .profileContent .buttonRow button, .dealerProfileWrapper .profileContent .buttonRow a {
  width: 100%;
  padding: 6px 15px;
  font-size: 1.4rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.dealerProfileWrapper .profileContent .buttonRow {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.dealerProfileWrapper .profileContent .buttonRow button, .dealerProfileWrapper .profileContent .buttonRow a {
  width: 100%;
  padding: 6px 15px;
  font-size: 1.4rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.dealerProfileWrapper .profileContent .buttonRow.btnHalf button, .dealerProfileWrapper .profileContent .buttonRow.btnHalf a {
  width: calc(50% - 10px);
  float: left;
}
.dealerProfileWrapper .profileContent .buttonRow.btnHalf button + button, .dealerProfileWrapper .profileContent .buttonRow.btnHalf a + button {
  float: right;
}
.dealerProfileWrapper .profileContent .buttonRow.btnHalf button + a, .dealerProfileWrapper .profileContent .buttonRow.btnHalf a + a {
  float: right;
}
.dealerProfileWrapper .profileContent .buttonRowRight {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.dealerProfileWrapper .profileContent .buttonRowRight a {
  float: left;
}
.dealerProfileWrapper .profileContent .buttonRowRight a + a {
  margin-left: 10px;
}
.dealerProfileWrapper .profileContent .btrequestForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group {
  width: calc(50% - 12px);
  margin-bottom: 1rem;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group label {
  width: 100%;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group .fieldGroup {
  width: 100%;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group .fieldGroup textarea.form-control {
  min-height: 80px;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group:nth-child(even) {
  margin-left: auto;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group.FullWidthCol {
  width: 100%;
}
.dealerProfileWrapper .profileContent .btrequestForm .form-group.FullWidthCol .radioBoxCon label .form-control, .dealerProfileWrapper .profileContent .btrequestForm .form-group.FullWidthCol .radioBoxCon label .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dealerProfileWrapper .profileContent .btrequestForm .form-group.FullWidthCol .radioBoxCon label input {
  float: none;
  display: inline-block;
  width: 75px;
  height: 25px;
  font-size: 0.85rem;
  padding: 3px 5px;
  margin: 0px;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .dealerProfileWrapper .profileContent .btrequestForm .form-group {
    width: 100%;
  }
  .dealerProfileWrapper .profileContent .btrequestForm .form-group.FullWidthCol .fieldGroup .radioBoxCon {
    width: 100%;
  }
}

.dayOfPlayWrapper {
  float: left;
  width: 100%;
  max-width: 900px;
}
.dayOfPlayWrapper.DOP_withSidebar {
  max-width: 1100px;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent {
  float: left;
  width: 100%;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img {
  float: left;
  width: 300px;
  padding-right: 30px;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont {
  float: left;
  width: calc(100% - 300px);
  padding-left: 30px;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow {
  float: left;
  width: 100%;
  margin-top: 12px;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnFill, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow a, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .promo_details, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btn.btn-primary, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnBordered, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow a, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .primaryBtn, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnGrey, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .greyBtnBordered, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .yellowBtn, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .primaryBtnBordered, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .yellowBtnBorder, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnBorderedsecondary, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btn.btn-primary, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btn.btn-default, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .enrollNow, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnExportFill {
  float: left;
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent p {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img {
    width: 100%;
  }
  .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont {
    width: 100%;
    margin-top: 25px;
    padding: 0px;
  }
}
.dayOfPlayWrapper.DOP_withSidebar .DOP_FormCont {
  display: none;
  float: right;
  width: 100%;
}

.MainPageLayout {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.MainLayoutContent {
  float: left;
  width: 100%;
}

.AddSliderWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.AddSliderWrapper label {
  width: 100%;
}

.mainLayoutInner {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.m-tb-40 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.AddSliderWrapper .select2-container {
  width: 100% !important;
  float: left;
}
.AddSliderWrapper .select2-container .select2-selection--single, .AddSliderWrapper .select2-container .select2-selection--multiple {
  min-height: calc(1.5em + 0.75rem + 2px);
  border-color: var(--border);
  max-height: 70px;
  overflow: auto;
}
.AddSliderWrapper .select2-container .select2-selection--single .select2-selection__rendered, .AddSliderWrapper .select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem - 2px);
}
.AddSliderWrapper .select2-container .select2-selection--single .select2-selection__arrow, .AddSliderWrapper .select2-container .select2-selection--multiple .select2-selection__arrow {
  height: calc(1.5em + 0.75rem - 2px);
}
.AddSliderWrapper .selectBtnAlign .select2-container {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.dropzone {
  padding: 15px !important;
  min-height: 100px !important;
  display: inline-block;
  width: 100% !important;
  margin-bottom: 0 !important;
  vertical-align: top;
  border: none !important;
  background: linear-gradient(to right, var(--FormFocusBdr) 50%, var(--white) 0%) top/10px 1px repeat-x, linear-gradient(var(--FormFocusBdr) 51%, var(--white) 0%) right/1px 10px repeat-y, linear-gradient(to right, var(--FormFocusBdr) 50%, var(--white) 0%) bottom/10px 1px repeat-x, linear-gradient(var(--FormFocusBdr) 50%, var(--white) 0%) left/1px 10px repeat-y !important;
}
.dropzone .dz-message {
  margin: 1rem 0;
}
.dropzone .dz-message .dz-fa {
  font-size: 27px;
}
.dropzone .dz-message .fa-cloud-upload {
  color: var(--p_main);
  font-size: 27px;
}
.dropzone.uploadsmallList {
  min-height: 50px;
  padding: 0;
  border: none;
}
.dropzone.uploadsmallList .dz-message {
  margin: 0px;
  font-size: 0.9rem;
  float: left;
  width: 100%;
  padding: 5px 10px;
  display: block;
  border: 2px dashed #d4d4d4;
  margin-bottom: 10px;
  background-color: #fff;
}
.dropzone.uploadsmallList .dz-message .fa-cloud-upload {
  font-size: 25px;
}
.dropzone.uploadsmallList .dz-image-preview, .dropzone.uploadsmallList .dz-file-preview {
  float: left;
  width: 100%;
  min-height: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 8px;
  background: #f5f5f5 !important;
  margin: 5px 0;
}
.dropzone.uploadsmallList .dz-image-preview .dz-image, .dropzone.uploadsmallList .dz-file-preview .dz-image {
  height: auto !important;
  float: left;
  width: 50px;
  min-width: 50px;
}
.dropzone.uploadsmallList .dz-image-preview .dz-image img, .dropzone.uploadsmallList .dz-file-preview .dz-image img {
  filter: none;
}
.dropzone.uploadsmallList .dz-image-preview .dz-details, .dropzone.uploadsmallList .dz-file-preview .dz-details {
  position: relative;
  line-height: 1.1;
  float: left;
  width: calc(100% - 100px);
  min-width: inherit;
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  opacity: 1;
}
.dropzone.uploadsmallList .dz-image-preview .dz-details .dz-filename, .dropzone.uploadsmallList .dz-file-preview .dz-details .dz-filename {
  top: 0;
  float: left;
  width: 100%;
  font-size: 1rem;
  order: 1;
  line-height: 1.3;
  margin-bottom: 6px;
}
.dropzone.uploadsmallList .dz-image-preview .dz-details .dz-filename span, .dropzone.uploadsmallList .dz-file-preview .dz-details .dz-filename span {
  float: left;
  border: none;
  background: transparent;
  padding: 0;
}
.dropzone.uploadsmallList .dz-image-preview .dz-details .dz-size, .dropzone.uploadsmallList .dz-file-preview .dz-details .dz-size {
  float: left;
  width: 100%;
  order: 2;
  top: 0;
  margin: 0;
  text-align: left;
}
.dropzone.uploadsmallList .dz-image-preview .dz-details .dz-size span, .dropzone.uploadsmallList .dz-file-preview .dz-details .dz-size span {
  border: none;
  background: none;
  padding: 0;
}
.dropzone.uploadsmallList .dz-image-preview .dz-remove, .dropzone.uploadsmallList .dz-file-preview .dz-remove {
  font-size: 0px;
  width: 50px;
  padding: 5px;
  font-weight: 600;
  color: #00529c;
  text-decoration: none;
  border-left: 1px solid #ccc;
}
.dropzone.uploadsmallList .dz-image-preview .dz-remove::before, .dropzone.uploadsmallList .dz-file-preview .dz-remove::before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
}
.dropzone .dz-image-preview, .dropzone .dz-file-preview {
  float: left;
  width: 72px;
  height: 72px;
  margin: 5px 6px !important;
  padding: 0;
  position: relative !important;
  min-height: 72px !important;
}
.dropzone .dz-image-preview .dz-image, .dropzone .dz-file-preview .dz-image {
  width: 72px !important;
  height: 72px !important;
  max-height: 72px !important;
  max-width: 72px !important;
  min-width: 100% !important;
}
.dropzone .dz-image-preview .dz-image img, .dropzone .dz-file-preview .dz-image img {
  width: 100%;
  min-height: 100%;
}
.dropzone .dz-image-preview .dz-details, .dropzone .dz-file-preview .dz-details {
  display: none;
}
.dropzone .dz-image-preview .dz-progress, .dropzone .dz-file-preview .dz-progress {
  width: calc(100% - 15px) !important;
  height: 12px !important;
  margin-left: 0 !important;
  left: calc(50% - 29px) !important;
}
.dropzone .dz-image-preview .dz-progress .dz-upload, .dropzone .dz-file-preview .dz-progress .dz-upload {
  font-size: 0.6rem;
  padding: 1px 2px;
  color: #aaa;
}
.dropzone .dz-image-preview .dz-remove, .dropzone .dz-file-preview .dz-remove {
  font-size: 0 !important;
  height: 24px;
  width: 24px;
  color: var(--TextMain);
  border: none;
  border-radius: 100%;
  background-color: var(--text_white);
  position: absolute;
  right: 0;
  top: -13px;
  z-index: 99;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1254901961);
}
.dropzone .dz-image-preview .dz-remove::before, .dropzone .dz-file-preview .dz-remove::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.9;
  line-height: 1.4;
}
.dropzone.small-Dropzone .dz-message {
  margin: 1em 0 !important;
}

.BtnRight {
  float: right;
  margin-top: 10px;
}
.BtnRight .btn + .btn {
  margin-left: 10px;
}

.autoPlayWrapper {
  float: left;
  margin: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.autoPlayWrapper span {
  padding-right: 10px;
}
.autoPlayWrapper label.switch {
  margin: 0;
}

.AddSliderWrapper .checkBoxWrapper {
  margin-top: 0px;
  margin-bottom: 15px;
  width: 100%;
}
.AddSliderWrapper .checkBoxWrapper.noInnerSpan {
  padding: 0px;
}

/* CMS Management */
.CmsManagementRightContent {
  float: left;
  width: 100%;
  background-color: var(--cmsBlockBg) !important;
}
.CmsManagementRightContent .MainLayoutContent {
  max-width: 100%;
  overflow-x: auto;
}
.CmsManagementRightContent .pageTitleInner .slideToggleBtn {
  display: none;
}

.CMSManagementWrapper {
  float: left;
  width: 100%;
  position: relative;
}
.CMSManagementWrapper .CMS_Left {
  float: left;
  width: 270px;
  transition: ease-in 0.15s;
}
.CMSManagementWrapper .CMS_Right {
  float: right;
  width: calc(100% - 295px);
  transition: ease-in 0.15s;
}
.CMSManagementWrapper .CMS_Right .MainLayoutContent .form-group {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.CMSManagementWrapper .CMS_Right .radioBoxCon {
  margin: 0 15px 3px 0;
}
@media (max-width: 520px) {
  .CMSManagementWrapper .CMS_Right .radioBoxCon {
    margin: 3px 15px 3px 0;
  }
}
.CMSManagementWrapper .CMS_Right iframe {
  border: none;
}
.CMSManagementWrapper .pageTitleInner {
  color: var(--p_main);
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
  position: relative;
  font-family: var(--fontBold);
  font-weight: 700;
}
@media (max-width: 767px) {
  .CMSManagementWrapper .pageTitleInner {
    padding-right: 40px;
  }
}
.CMSManagementWrapper .datepicker input.form-control:read-only, .CMSManagementWrapper .datepicker .top-var-cot .chilliFlex .var-name-tab input:read-only, .top-var-cot .chilliFlex .var-name-tab .CMSManagementWrapper .datepicker input:read-only {
  background-color: #fff;
}
@media (max-width: 991px) {
  .CMSManagementWrapper .CMS_Left {
    width: 210px;
  }
  .CMSManagementWrapper .CMS_Right {
    width: calc(100% - 225px);
  }
}
@media (max-width: 767px) {
  .CMSManagementWrapper.SlideOpen .CMS_Left {
    opacity: 1;
    top: 70px;
    visibility: visible;
  }
  .CMSManagementWrapper.SlideOpen .slideToggleBtn {
    background-color: var(--p_main);
    color: #fff;
  }
  .CMSManagementWrapper.SlideOpen .slideToggleBtn .fas {
    color: #fff;
  }
  .CMSManagementWrapper .CMS_Left {
    width: 250px;
    position: absolute;
    z-index: 991;
    padding: 12px;
    background-color: #f3f3f3;
    overflow-y: auto;
    top: 70px;
    right: 0;
    height: 250px;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(121, 121, 121, 0.5);
    transition: ease-in-out 0.3s;
  }
  .CMSManagementWrapper .CMS_Right {
    width: 100%;
  }
  .CMSManagementWrapper .CMS_Right .a_Header {
    padding-right: 45px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .CMSManagementWrapper .CMS_Right .a_Header {
    position: relative;
  }
  .CMSManagementWrapper .CMS_Right .a_Header h4 {
    width: 100%;
    margin-bottom: 1rem;
  }
  .CMSManagementWrapper .CMS_Right .a_Header .slideToggleBtn {
    bottom: 5px;
    top: inherit;
  }
}

/* CMS Management */
/* Side bar Toggle */
.SdbToggleCon {
  float: left;
  width: 100%;
}
.SdbToggleCon li {
  float: left;
  width: 100%;
  border: 1px solid var(--tabBdr);
}
.SdbToggleCon li .SdbHeader, .SdbToggleCon li.linkOnly a {
  float: left;
  width: 100%;
  padding: 15px 40px 15px 15px;
  background-color: var(--tabBg);
  position: relative;
  cursor: pointer;
}
.SdbToggleCon li .SdbHeader::before, .SdbToggleCon li.linkOnly a::before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: ease-in 0.25s;
}
.SdbToggleCon li .SdbContent {
  float: left;
  width: 100%;
  padding: 0;
  background-color: #fff;
  display: none;
}
.SdbToggleCon li .SdbContent ul {
  float: left;
  width: 100%;
}
.SdbToggleCon li .SdbContent ul li {
  float: left;
  width: 100%;
  border: none;
  margin: 0px;
  box-shadow: none;
}
.SdbToggleCon li .SdbContent ul li a {
  padding: 10px 15px;
  float: left;
  width: 100%;
  color: var(--TextMain);
  cursor: pointer;
}
.SdbToggleCon li.linkOnly a {
  cursor: pointer;
  padding: 15px;
}
.SdbToggleCon li.linkOnly a::before {
  display: none;
}
.SdbToggleCon li.SlideOpen {
  border-color: var(--tabBdrActive);
}
.SdbToggleCon li.SlideOpen .SdbHeader, .SdbToggleCon li.SlideOpen li.linkOnly a, .SdbToggleCon li.linkOnly li.SlideOpen a {
  background-color: var(--tabActiveBg);
  color: var(--tabTextActive);
}
.SdbToggleCon li.SlideOpen .SdbHeader::before, .SdbToggleCon li.SlideOpen li.linkOnly a::before, .SdbToggleCon li.linkOnly li.SlideOpen a::before {
  transform: rotate(180deg);
}
.SdbToggleCon li + li {
  margin-top: 20px;
}

/* Side bar Toggle */
.topFiltersRow {
  float: left;
  width: 100%;
}
.topFiltersRow .topSelectFilter {
  float: left;
  width: calc(100% - 120px);
}
.topFiltersRow .topSelectFilter .SelectBtnCon {
  float: left;
  font-size: 0.9rem;
  margin-right: 15px;
  /*& + .SelectBtnCon {
      margin-left: 15px;
  }*/
}
.topFiltersRow .topSelectFilter .SelectBtnCon .select2-container {
  min-width: 80px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container {
  min-width: 170px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container .select2-selection--single {
  height: 32px;
  border: 1px solid var(--border);
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container .select2-selection--single .select2-selection__arrow {
  height: 30px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.SignUpDocument .select2-container {
  min-width: 100px;
}
@media (max-width: 520px) {
  .topFiltersRow .topSelectFilter .SelectBtnCon {
    width: 100%;
  }
  .topFiltersRow .topSelectFilter .SelectBtnCon label {
    width: 100%;
  }
  .topFiltersRow .topSelectFilter .SelectBtnCon .select2-container {
    width: 100% !important;
  }
  .topFiltersRow .topSelectFilter .SelectBtnCon + .SelectBtnCon {
    margin-top: 5px;
    margin-left: 0;
  }
}
.topFiltersRow .topSelectFilter.FilterWidthAuto {
  width: auto;
}
@media (max-width: 520px) {
  .topFiltersRow .topSelectFilter.FilterWidthAuto {
    width: 100%;
    margin-bottom: 15px;
  }
  .topFiltersRow .topSelectFilter.FilterWidthAuto label {
    width: auto;
  }
  .topFiltersRow .topSelectFilter.FilterWidthAuto .select2-container {
    width: 120px !important;
  }
}
.topFiltersRow .topSelectFilter.selectMaxWidth .SelectBtnCon .select2.select2-container {
  width: 280px !important;
}
@media (max-width: 520px) {
  .topFiltersRow .topSelectFilter.mCol2 {
    width: calc(100% + 10px);
    margin: 0 0 15px -5px;
  }
  .topFiltersRow .topSelectFilter.mCol2 .SelectBtnCon {
    float: left;
    width: calc(50% - 10px);
    margin: 5px;
  }
  .topFiltersRow .topSelectFilter.mCol2 label {
    width: 100%;
    margin-bottom: 3px;
  }
  .topFiltersRow .topSelectFilter.mCol2 .select2-container {
    width: 100% !important;
  }
}

.dataTables_length, .dataTables_info {
  float: left;
  font-size: 0.9rem;
}
.dataTables_length .form-group, .dataTables_info .form-group {
  margin: 0px;
}

.slideToggleBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 34px;
  font-size: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(177, 177, 177, 0.5);
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 767px) {
  .slideToggleBtn {
    visibility: visible;
    opacity: 1;
  }
}

/* Manage Training */
.nav-tabs.tabInline {
  border-bottom-color: #dcdcdc;
}
.nav-tabs.tabInline .nav-item .nav-link {
  border-radius: 0px;
  padding: 0 15px 12px 15px;
  color: var(--TextMain);
  border: none;
  border-bottom: 3px solid transparent;
}
.nav-tabs.tabInline .nav-item .nav-link.active {
  color: var(--p_main);
  border-bottom-color: var(--p_main);
}
@media (max-width: 767px) {
  .nav-tabs.tabInline {
    margin-left: -15px;
    width: calc(100% + 30px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
  }
}

.tab-content.tabContentInline {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.tab-content.tabContentInline .tab-pane {
  float: left;
  width: 100%;
}
.tab-content.tabContentInline .TrainingImageRow {
  float: left;
  width: 100%;
}
.tab-content.tabContentInline .TrainingImageRow .TrainingImageFile {
  float: left;
  width: 100%;
  max-width: 550px;
}
@media (max-width: 1200px) {
  .tab-content.tabContentInline .TrainingImageRow .TrainingImageFile {
    max-width: calc(100% - 160px);
  }
}
@media (max-width: 767px) {
  .tab-content.tabContentInline .TrainingImageRow .TrainingImageFile {
    max-width: 100%;
  }
}
.tab-content.tabContentInline .TrainingImageRow .imagePreview {
  float: left;
  width: 130px;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .tab-content.tabContentInline .TrainingImageRow .imagePreview {
    margin-left: 0px;
    margin-bottom: 15px;
  }
}
.tab-content.tabContentInline .TrainingImageRow .uploadMessage {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 0.85rem;
}
.tab-content.tabContentInline .ContentEditorBlocks {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.tab-content.tabContentInline .ContentEditorBlocks > label {
  float: left;
  width: 100%;
}
.tab-content.tabContentInline .ContentEditorBlocks .editorContentSec {
  float: left;
  width: 100%;
}
.tab-content.tabContentInline .ContentEditorBlocks .editorContentSec #editControls {
  float: left;
  width: 100%;
  background-color: #f3f3f3;
}
.tab-content.tabContentInline .ContentEditorBlocks .editorContentSec #editControls .btn {
  color: #616161;
  font-size: 0.9rem;
  padding: 0.65rem 0.8rem;
  outline: none !important;
  box-shadow: none;
}
.tab-content.tabContentInline .ContentEditorBlocks #editor, .tab-content.tabContentInline .ContentEditorBlocks #formeditor {
  float: left;
  width: 100%;
  border: 1px solid #e8e8e8;
  padding: 25px;
  outline: none !important;
  overflow-x: auto;
}
.tab-content.tabContentInline .ContentEditorBlocks #editor div, .tab-content.tabContentInline .ContentEditorBlocks #editor p, .tab-content.tabContentInline .ContentEditorBlocks #editor h1, .tab-content.tabContentInline .ContentEditorBlocks #editor h2, .tab-content.tabContentInline .ContentEditorBlocks #editor h3, .tab-content.tabContentInline .ContentEditorBlocks #editor h4, .tab-content.tabContentInline .ContentEditorBlocks #editor h5, .tab-content.tabContentInline .ContentEditorBlocks #editor h6, .tab-content.tabContentInline .ContentEditorBlocks #editor ul, .tab-content.tabContentInline .ContentEditorBlocks #editor ol, .tab-content.tabContentInline .ContentEditorBlocks #editor li, .tab-content.tabContentInline .ContentEditorBlocks #formeditor div, .tab-content.tabContentInline .ContentEditorBlocks #formeditor p, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h1, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h2, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h3, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h4, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h5, .tab-content.tabContentInline .ContentEditorBlocks #formeditor h6, .tab-content.tabContentInline .ContentEditorBlocks #formeditor ul, .tab-content.tabContentInline .ContentEditorBlocks #formeditor ol, .tab-content.tabContentInline .ContentEditorBlocks #formeditor li {
  width: 100%;
  max-width: 100%;
}
.tab-content.tabContentInline .CMSbuttonRow {
  float: left;
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

/* Manage Training */
#trainingFormVerbiage .MainLayoutContent .ContentEditorBlocks {
  margin-top: 0;
}

/* Editor */
.mce-panel {
  border: none !important;
  background: #f5f5f5 !important;
}
.mce-panel .mce-menubar {
  border-bottom: 1px solid #e0e0e0 !important;
}
.mce-panel .mce-btn {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.mce-panel .mce-btn button {
  padding: 8px 12px !important;
  color: #585858 !important;
}
.mce-panel .mce-btn button span {
  color: #585858 !important;
}
.mce-panel .mce-btn button i {
  text-shadow: none !important;
  color: #585858 !important;
}
.mce-panel .mce-edit-area {
  border: 1px solid var(--border) !important;
}
.mce-panel .mce-edit-area iframe {
  height: 300px !important;
}
.mce-panel.mce-menu {
  background: #ffffff !important;
}
.mce-panel.mce-menu .mce-menu-item:hover, .mce-panel.mce-menu .mce-menu-item:focus, .mce-panel.mce-menu .mce-menu-item.mce-menu-item.mce-selected {
  background: var(--p_main) !important;
}

.samll_Editor .mce-panel .mce-edit-area iframe {
  height: 230px !important;
}

.mce-tooltip .mce-tooltip-arrow {
  border-bottom-color: var(--p_main) !important;
}
.mce-tooltip .mce-tooltip-inner {
  background-color: var(--p_main) !important;
  box-shadow: none !important;
}

.tableButtonALign .dataTables_wrapper .dataTables_length,
.tableButtonALign .dataTables_wrapper .dataTables_filter {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tableButtonALign .dataTables_wrapper .dataTables_length label,
.tableButtonALign .dataTables_wrapper .dataTables_filter label {
  float: left;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.7rem;
}
.tableButtonALign .dataTables_wrapper .dataTables_length label .select2-container,
.tableButtonALign .dataTables_wrapper .dataTables_filter label .select2-container {
  margin: 0 5px;
}
.tableButtonALign .dataTables_wrapper .dataTables_length label input[type=search],
.tableButtonALign .dataTables_wrapper .dataTables_filter label input[type=search] {
  height: 28px;
  margin-left: 5px;
}
.tableButtonALign .dataTables_wrapper .dataTables_length + .dataTables_filter {
  margin-left: 10px;
}
.tableButtonALign .dataTables_wrapper .dataTables_filter {
  display: none !important;
}

.addDocumentWrapper {
  float: left;
  width: 100%;
}
.addDocumentWrapper .addDocumentRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  width: calc(100% + 20px);
}
.addDocumentWrapper .addDocumentRow .collBlock4, .addDocumentWrapper .addDocumentRow .collBlock12, .addDocumentWrapper .addDocumentRow .collBlock6, .addDocumentWrapper .addDocumentRow .collBlock8 {
  float: left;
  width: calc(33.33% - 20px);
  margin: 0 10px;
}
@media (max-width: 1100px) {
  .addDocumentWrapper .addDocumentRow .collBlock4, .addDocumentWrapper .addDocumentRow .collBlock12, .addDocumentWrapper .addDocumentRow .collBlock6, .addDocumentWrapper .addDocumentRow .collBlock8 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .addDocumentWrapper .addDocumentRow .collBlock4, .addDocumentWrapper .addDocumentRow .collBlock12, .addDocumentWrapper .addDocumentRow .collBlock6, .addDocumentWrapper .addDocumentRow .collBlock8 {
    width: calc(100% - 20px) !important;
  }
}
.addDocumentWrapper .addDocumentRow .collBlock4 .form-group, .addDocumentWrapper .addDocumentRow .collBlock12 .form-group, .addDocumentWrapper .addDocumentRow .collBlock6 .form-group, .addDocumentWrapper .addDocumentRow .collBlock8 .form-group {
  float: left;
  width: 100%;
}
.addDocumentWrapper .addDocumentRow .collBlock4 .form-group .fieldGroup .datepicker, .addDocumentWrapper .addDocumentRow .collBlock12 .form-group .fieldGroup .datepicker, .addDocumentWrapper .addDocumentRow .collBlock6 .form-group .fieldGroup .datepicker, .addDocumentWrapper .addDocumentRow .collBlock8 .form-group .fieldGroup .datepicker {
  padding: 0px !important;
}
.addDocumentWrapper .addDocumentRow .collBlock8 {
  width: calc(66.66% - 20px);
}
@media (max-width: 1100px) {
  .addDocumentWrapper .addDocumentRow .collBlock8 {
    width: calc(100% - 20px);
  }
}
.addDocumentWrapper .addDocumentRow .collBlock6 {
  width: calc(50% - 20px);
}
.addDocumentWrapper .addDocumentRow .collBlock12 {
  width: calc(100% - 20px);
}

.fgInline {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.formGroupInlineRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.formGroupInlineRow .formGroupInline {
  float: left;
  padding-right: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.formGroupInlineRow .formGroupInline + .formGroupInline {
  margin-left: auto;
}

.uploadInfo {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.mediaType {
  float: left;
  width: 100%;
}
.mediaType li {
  float: left;
}

.BtnALignWithPagination {
  float: left;
  width: 100%;
  margin-bottom: -40px;
  position: relative;
  z-index: 1;
}

.dataTableAligned .dataTables_wrapper {
  overflow: visible;
}
.dataTableAligned .dataTables_wrapper .dataTables_length {
  margin-top: -40px;
}

.mce-menubtn.mce-fixed-width span {
  width: 70px !important;
}

.VerbiageRow {
  padding-bottom: 0px;
}
.VerbiageRow .VerbiageInfo {
  float: right;
  width: 100%;
  margin-top: 15px;
  background-color: var(--grey100);
  padding: 12px;
}
.VerbiageRow .VerbiageInfo p {
  margin: 0 0 5px 0;
  padding: 0;
}
.VerbiageRow .VerbiageInfo p:last-child {
  margin-bottom: 0px;
}

.filtername {
  border: 1px dashed var(--border);
  padding: 4px 8px;
  margin: 3px;
  float: left;
  background-color: var(--whiteBlockBg);
}

.VerbiageBlock {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: var(--grey100);
  border-radius: 4px;
}
.VerbiageBlock .loginverbiage {
  float: left;
  width: 100%;
}
.VerbiageBlock .TrainingImageRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.VerbiageBlock .TrainingImageRow .TrainingImageFile.form-group {
  float: left;
  width: calc(100% - 300px);
}
.VerbiageBlock .TrainingImageRow .imagePreview.form-group {
  margin-left: auto;
  width: 250px;
  padding-left: 50px;
  border-left: 1px dashed var(--border);
}
.VerbiageBlock .TrainingImageRow .imagePreview.form-group label {
  float: left;
  width: 100%;
}

.customUploadFile {
  float: left;
  width: 100%;
  border-radius: 4px;
  border: 1px solid var(--border);
  background-color: var(--FormBg);
  padding: 6px 110px 6px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 42px;
}
.customUploadFile input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  text-indent: -250px;
  z-index: 9;
}
.customUploadFile .custom-file-label12 {
  margin: 2px 0;
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.customUploadFile span {
  position: absolute;
  right: 0;
  top: 0px;
  width: 140px;
  height: 100%;
  font-size: 0.9rem;
  border-radius: 0 4px 4px 0;
  background-color: var(--grey150);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid var(--border);
}
.customUploadFile span i {
  margin-right: 5px;
  color: var(--TextMain) !important;
}
.customUploadFile ~ .uploadMessage {
  float: left;
  width: 100%;
  margin-top: 0px;
  font-size: 0.85rem;
  padding: 5px 8px;
}

.newsletterWrapper {
  float: left;
  width: 100%;
}

.newLetterCon, .FlexAlignRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
}

.newletterInnerCon, .FlexAlignRow .TrainingWrapper {
  float: left;
  width: 100%;
}

.DAU_row {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.DAU_row .imgBLock {
  float: left;
  width: 350px;
  border-radius: 10px;
  overflow: hidden;
}
.DAU_row .imgBLock img {
  max-height: 260px;
}
.DAU_row .imgBLock + .RgtContent {
  padding-left: 35px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .DAU_row .imgBLock + .RgtContent {
    padding-left: 0px;
  }
}
.DAU_row .RgtContent {
  float: left;
  width: calc(100% - 350px);
  padding-right: 35px;
}
.DAU_row .RgtContent h2 {
  font-size: 1.4rem;
  margin: 0 0 3px 0;
}
.DAU_row .RgtContent h5 {
  font-size: 1.1rem;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.DAU_row .RgtContent ul {
  list-style: disc;
  padding-left: 17px;
  display: inline-block;
  vertical-align: top;
}
.DAU_row .RgtContent ul li {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.DAU_row .RgtContent ul + p {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .DAU_row .imgBLock {
    width: 250px;
  }
  .DAU_row .RgtContent {
    width: calc(100% - 250px);
  }
}
@media (max-width: 767px) {
  .DAU_row .imgBLock {
    width: 100%;
    max-width: 450px;
    margin-top: 20px;
  }
  .DAU_row .RgtContent {
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }
}

.subscriptionRow {
  float: left;
  width: 100%;
}
.subscriptionRow .subTitle, .subscriptionRow .subTitle2 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin-bottom: 15px;
}
.subscriptionRow .subTitle2 p {
  margin: 0px;
}
.subscriptionRow .subTitle2 p span {
  margin-right: 10px;
}

.datepicker.datepicker-dropdown {
  z-index: 1101 !important;
}

#frmManageSlider .datepicker.date.input-group {
  float: left;
}

.fieldValue {
  float: left;
  width: 100%;
}
.fieldValue + .notifyRow {
  margin-top: 10px;
}

.contactusRow {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contactusRow .contactusCol {
  float: left;
  width: calc(33.33% - 20px);
  margin: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contactusRow .contactusCol .headingTitle {
  font-size: 1rem;
}
.contactusRow .contactusCol .contactCont {
  float: left;
  width: 100%;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--blockBg);
  padding: 20px 15px;
  border: 1px solid var(--border);
}
.contactusRow .contactusCol .contactCont .span-lr-25 {
  padding: 0 25px;
}
.contactusRow .contactusCol .contactCont .chatRow {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.contactusRow .contactusCol .contactCont .chatRow .form-group {
  float: left;
  width: 100%;
}
.contactusRow .contactusCol .contactCont .chatRow label {
  float: left;
  margin: 0;
  width: 80px;
}
.contactusRow .contactusCol .contactCont .chatRow .fieldGroup {
  float: left;
  width: calc(100% - 80px);
}
.contactusRow .contactusCol .contactCont .moreDetail {
  margin-top: 15px;
}
.contactusRow .contactusCol .contactCont textarea {
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  border: none;
  border-radius: 0px;
  outline: none;
  box-shadow: none;
  min-height: 120px;
  border: 1px solid #ced4da;
}
.contactusRow .contactusCol .contactCont .contAddress {
  float: left;
  width: 100%;
}
.contactusRow .contactusCol .contactCont .contAddress .imgIcon {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
  font-size: 0.8rem;
  margin-top: -3px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contactusRow .contactusCol .contactCont .contAddress .imgIcon .fal, .contactusRow .contactusCol .contactCont .contAddress .imgIcon .fas {
  color: var(--BtnTextHover);
}
.contactusRow .contactusCol .contactCont .contAddress .imgContent {
  float: left;
  width: calc(100% - 35px);
  padding-left: 25px;
}
.contactusRow .contactusCol .contactCont .contAddress .imgContent h6 {
  font-size: 1.1rem;
}
.contactusRow .contactusCol .contactCont.aligncenter {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow {
  float: left;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--link);
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a .far {
  color: var(--link);
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a .liveChat {
  margin-right: 20px;
  float: right;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a:hover {
  color: var(--TextMain);
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a:hover .far {
  color: var(--TextMain);
}
@media (max-width: 767px) {
  .contactusRow .contactusCol .contactCont.aligncenter .chatNow {
    margin: 25px 0;
  }
}
@media (max-width: 991px) {
  .contactusRow .contactusCol {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media (max-width: 767px) {
  .contactusRow .contactusCol {
    width: calc(100% - 20px);
  }
}
.contactusRow .contactusCol.contactColAlign {
  -webkit-flex-direction: unset;
  -moz-flex-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
}
.contactusRow .contactusCol.contactColAlign form {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.Training_Wrapper {
  float: left;
  width: 100%;
}

.FlexAlignRow .TrainingWrapper .toggleContent {
  padding: 15px;
}

.trainingBtn {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.trainingVideoRow {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.trainingVideoRow > p {
  float: left;
  width: 100%;
}
.trainingVideoRow .trainingVideoCol {
  float: left;
  width: calc(25% - 20px);
  margin: 10px;
}
@media (max-width: 520px) {
  .trainingVideoRow .trainingVideoCol {
    width: calc(50% - 20px);
  }
}
.trainingVideoRow .trainingVideoCol .videoBlock {
  float: left;
  width: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  max-height: 190px;
}
.trainingVideoRow .trainingVideoCol .videoBlock .playVideo {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #fff;
  font-size: 1.4rem;
}
.trainingVideoRow .trainingVideoCol h6 {
  margin: 0;
  text-align: center;
  color: #367c2b;
  float: left;
  width: 100%;
  margin-top: 15px;
}

.TrainingForm {
  float: left;
  width: 100%;
}
.TrainingForm ul {
  list-style: disc;
  padding-left: 17px;
}
.TrainingForm ul li {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.TrainingForm .DateTime {
  float: left;
  width: 100%;
  margin: 15px 0;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  padding: 15px 0;
}
.TrainingForm .DateTime h3 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}
.TrainingForm .DateTime p {
  margin: 0;
}
.TrainingForm * {
  max-width: 100% !important;
}

/* Request Training page */
.TRForm {
  float: left;
  width: 100%;
  max-width: 700px;
}
.TRForm .form-group {
  width: 100%;
  float: left;
}
.TRForm .form-group label {
  margin: 0;
  padding-right: 15px;
  width: 220px;
  float: left;
}
.TRForm .form-group label span {
  font-size: 0.8rem;
}
.TRForm .form-group .fieldGroup {
  float: left;
  width: calc(100% - 220px);
}
.TRForm .form-group .fieldGroup .bootstrap-select .btn.dropdown-toggle {
  border: 1px solid #ced4da;
}
.TRForm .form-group .fieldGroup .select2-container {
  width: 100% !important;
}
.TRForm .form-group .fieldGroup .select2-container .select2-selection--single {
  width: 100%;
  border: 1px solid #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
}
.TRForm .form-group .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.TRForm .form-group .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
@media (max-width: 991px) {
  .TRForm .form-group label {
    width: 170px;
  }
  .TRForm .form-group .fieldGroup {
    width: calc(100% - 170px);
  }
}
@media (max-width: 520px) {
  .TRForm .form-group label {
    width: 100%;
  }
  .TRForm .form-group .fieldGroup {
    width: 100%;
  }
}
.TRForm .buttonRow {
  float: right;
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 170px);
}
@media (max-width: 520px) {
  .TRForm .buttonRow {
    width: 100%;
  }
}
.TRForm + .MainLayoutContent .alert {
  margin-top: 20px;
}
.TRForm.TRFormColl2 {
  margin-left: -10px;
  width: calc(100% + 20px);
  max-width: calc(100% + 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.TRForm.TRFormColl2 .form-group {
  width: calc(50% - 20px);
  float: left;
  margin: 10px;
}
.TRForm.TRFormColl2 .form-group label {
  float: left;
  width: 100%;
}
.TRForm.TRFormColl2 .form-group .fieldGroup {
  width: 100%;
}
.TRForm.TRFormColl2 .BtnRight {
  width: 100%;
  padding: 0 10px;
}
.TRForm.TRFormColl2 form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  float: left;
}
@media (max-width: 480px) {
  .TRForm.TRFormColl2 {
    margin-left: 0px;
    width: 100%;
    max-width: 100%;
  }
  .TRForm.TRFormColl2 .form-group {
    width: 100%;
    margin: 10px 0;
  }
  .TRForm.TRFormColl2 .form-group .fieldGroup .datepicker {
    padding: 0px;
  }
  .TRForm.TRFormColl2 .form-group .fieldGroup .datepicker .input-group-text {
    border-radius: 4px 0 0 4px;
  }
  .TRForm.TRFormColl2 .form-group .fieldGroup .datepicker .form-control, .TRForm.TRFormColl2 .form-group .fieldGroup .datepicker .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .TRForm.TRFormColl2 .form-group .fieldGroup .datepicker input {
    border-radius: 0 4px 4px 0;
  }
}
.TRForm.formBlock4 {
  margin-left: -8px;
  margin-right: -8px;
  max-width: calc(100% + 16px);
  width: calc(100% + 16px);
}
.TRForm.formBlock4 .pageTitle2 {
  padding: 0 8px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.TRForm.formBlock4 .form-group {
  padding: 0 8px;
  width: 25%;
  margin: 15px 0;
}
.TRForm.formBlock4 .form-group label {
  width: 100%;
  font-size: 0.9rem;
}
.TRForm.formBlock4 .form-group .fieldGroup {
  width: 100%;
}
@media (max-width: 991px) {
  .TRForm.formBlock4 .form-group {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .TRForm.formBlock4 .form-group {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .TRForm.formBlock4 .form-group {
    width: 100%;
  }
}
.TRForm.formBlock4 .buttonRow {
  width: 100%;
}

.messageNotification {
  float: left;
  width: 100%;
}
.messageNotification li {
  float: left;
  width: 100%;
  padding: 15px;
  border-bottom: 1px dashed var(--border);
}
.messageNotification li .mHead {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 3px;
}
.messageNotification li .mHead span {
  font-family: var(--fontRegular);
  font-weight: 400;
  float: right;
  font-size: 0.85rem;
}
.messageNotification li .mContent {
  font-size: 0.85rem;
  float: left;
  width: 100%;
}
.messageNotification li .mContent a {
  color: var(--link);
}
.messageNotification li .mContent a:hover {
  color: var(--linkHover);
}
.messageNotification li:hover {
  background-color: var(--grey400);
}

.trainingFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.notSubscribedWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 50px 0;
}
.notSubscribedWrapper .ns_Inner {
  float: left;
  width: 100%;
  max-width: 550px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.notSubscribedWrapper .ns_Inner img {
  max-width: 150px;
  margin-bottom: 30px;
}
.notSubscribedWrapper .ns_Inner h6 {
  font-weight: normal;
  font-size: 1.1rem;
}
.notSubscribedWrapper .ns_Inner h3 {
  font-family: var(--fontBold);
  font-weight: 700;
  font-size: 1.9rem;
}

#tblReport_paginate {
  float: right !important;
}

.col-green {
  color: var(--link);
}

.dataTables_paginate {
  float: right;
}

.dataTables_filter {
  display: none !important;
}

.topFiltersRow {
  padding-bottom: 20px;
}

.topFiltersRow .topSelectFilter {
  width: calc(100% - 330px);
}

.MainLayoutContent {
  padding-top: 10px;
}

.documentButton {
  width: 100%;
  margin-top: 35px;
}

.documentButton button {
  float: right;
  margin-right: 10px;
}

.TRForm .form-group label span {
  font-size: 0.9rem;
}

#tinymce {
  height: 300px;
}

.newsletterList .HelpEmailAddresspSection {
  width: 60% !important;
}

.newsletterList .HelpEmailAddresspSection .selectOption {
  width: 40% !important;
}

.newsletterList .HelpEmailAddresspSection .btnFill, .newsletterList .HelpEmailAddresspSection .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .newsletterList .HelpEmailAddresspSection a, .newsletterList .HelpEmailAddresspSection .promo_details, .newsletterList .HelpEmailAddresspSection .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .newsletterList .HelpEmailAddresspSection .btn.btn-primary, .newsletterList .HelpEmailAddresspSection .btnBordered, .newsletterList .HelpEmailAddresspSection .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .newsletterList .HelpEmailAddresspSection a, .newsletterList .HelpEmailAddresspSection .primaryBtn, .newsletterList .HelpEmailAddresspSection .btnGrey, .newsletterList .HelpEmailAddresspSection .greyBtnBordered, .newsletterList .HelpEmailAddresspSection .yellowBtn, .newsletterList .HelpEmailAddresspSection .primaryBtnBordered, .newsletterList .HelpEmailAddresspSection .yellowBtnBorder, .newsletterList .HelpEmailAddresspSection .btnBorderedsecondary, .newsletterList .HelpEmailAddresspSection .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .newsletterList .HelpEmailAddresspSection .btn.btn-primary, .newsletterList .HelpEmailAddresspSection .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .newsletterList .HelpEmailAddresspSection .btn.btn-default, .newsletterList .HelpEmailAddresspSection .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .newsletterList .HelpEmailAddresspSection .enrollNow, .newsletterList .HelpEmailAddresspSection .btnExportFill {
  width: 15%;
  margin-left: 5%;
}

.image-list {
  height: 65px;
  min-width: 25%;
  max-width: 25%;
  border: 2px solid #cfcfcf;
  border-radius: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 27px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  height: 26px;
  width: 52px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  transition: 0.4s;
}

input[type=checkbox]:checked + input[type=hidden] + .slider, input[type=checkbox]:checked + .slider {
  background-color: var(--p_main);
}

input[type=checkbox]:focus + input[type=hidden] + .slider, input[type=checkbox]:focus + .slider {
  box-shadow: 0 0 1px #367c2b;
}

input[type=checkbox]:checked + input[type=hidden] + .slider:before, input[type=checkbox]:checked + .slider:before {
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#trainingDocument .documentButton {
  width: 50%;
  margin-top: 35px;
}

/*.CMS_Right .radioBoxCon + .radioBoxCon { margin-left: 30px; }*/
.repotsCommonWrapper {
  float: left;
  width: 100%;
  min-height: 80px;
}

.reportsHeader {
  float: left;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
}
@media (max-width: 480px) {
  .reportsHeader {
    width: 100%;
    margin-left: 0;
  }
}
.reportsHeader .form-control, .reportsHeader .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .reportsHeader input {
  height: 38px;
}
.reportsHeader .reports_Coll_4, .reportsHeader .reports_Coll_12, .reportsHeader .reports_Coll_2, .reportsHeader .reports_Coll_6 {
  float: left;
  width: calc(25% - 20px);
  margin: 10px;
  position: relative;
}
@media (max-width: 991px) {
  .reportsHeader .reports_Coll_4, .reportsHeader .reports_Coll_12, .reportsHeader .reports_Coll_2, .reportsHeader .reports_Coll_6 {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .reportsHeader .reports_Coll_4, .reportsHeader .reports_Coll_12, .reportsHeader .reports_Coll_2, .reportsHeader .reports_Coll_6 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .reportsHeader .reports_Coll_4, .reportsHeader .reports_Coll_12, .reportsHeader .reports_Coll_2, .reportsHeader .reports_Coll_6 {
    width: 100%;
    margin: 10px 0;
  }
}
.reportsHeader .reports_Coll_4 label, .reportsHeader .reports_Coll_12 label, .reportsHeader .reports_Coll_2 label, .reportsHeader .reports_Coll_6 label {
  font-size: 0.9rem;
}
.reportsHeader .reports_Coll_4 .fieldGroup, .reportsHeader .reports_Coll_12 .fieldGroup, .reportsHeader .reports_Coll_2 .fieldGroup, .reportsHeader .reports_Coll_6 .fieldGroup {
  float: left;
  width: 100%;
}
.reportsHeader .reports_Coll_4 .fieldGroup .select2-container, .reportsHeader .reports_Coll_12 .fieldGroup .select2-container, .reportsHeader .reports_Coll_2 .fieldGroup .select2-container, .reportsHeader .reports_Coll_6 .fieldGroup .select2-container {
  width: 100% !important;
}
.reportsHeader .reports_Coll_4 .fieldGroup .select2-container .select2-selection--single, .reportsHeader .reports_Coll_12 .fieldGroup .select2-container .select2-selection--single, .reportsHeader .reports_Coll_2 .fieldGroup .select2-container .select2-selection--single, .reportsHeader .reports_Coll_6 .fieldGroup .select2-container .select2-selection--single {
  height: 38px;
  border: 1px solid #ced4da;
}
.reportsHeader .reports_Coll_4 .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered, .reportsHeader .reports_Coll_12 .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered, .reportsHeader .reports_Coll_2 .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered, .reportsHeader .reports_Coll_6 .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  font-size: 0.9rem;
}
.reportsHeader .reports_Coll_4 .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow, .reportsHeader .reports_Coll_12 .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow, .reportsHeader .reports_Coll_2 .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow, .reportsHeader .reports_Coll_6 .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.reportsHeader .reports_Coll_6 {
  width: calc(50% - 20px);
}
@media (max-width: 767px) {
  .reportsHeader .reports_Coll_6 {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .reportsHeader .reports_Coll_6 {
    width: 100%;
  }
}
.reportsHeader .reports_Coll_3 {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .reportsHeader .reports_Coll_3 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .reportsHeader .reports_Coll_3 {
    width: 100%;
    margin: 10px 0;
  }
}
.reportsHeader .reports_Coll_3 label {
  font-size: 0.9rem;
}
.reportsHeader .reports_Coll_3 .fieldGroup {
  float: left;
  width: 100%;
}
.reportsHeader .reports_Coll_3 .fieldGroup .select2-container {
  width: 100% !important;
}
.reportsHeader .reports_Coll_3 .fieldGroup .select2-container .select2-selection--single {
  height: calc(1.5em + 0.75rem + 2px);
  border: 1px solid #ced4da;
}
.reportsHeader .reports_Coll_3 .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  font-size: 0.9rem;
}
.reportsHeader .reports_Coll_3 .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.reportsHeader .reports_Coll_2 {
  width: calc(16.666667% - 20px);
}
.reportsHeader .reports_Coll_2.col2WithBtnInline {
  width: calc(16.666667% - 20px + 17px);
}
@media (max-width: 1310px) {
  .reportsHeader .reports_Coll_2.col2WithBtnInline {
    width: calc(25% - 20px);
  }
}
@media (max-width: 991px) {
  .reportsHeader .reports_Coll_2.col2WithBtnInline {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .reportsHeader .reports_Coll_2.col2WithBtnInline {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .reportsHeader .reports_Coll_2.col2WithBtnInline {
    width: calc(100% - 20px);
  }
}
.reportsHeader .reports_Coll_12 {
  width: calc(100% - 20px);
}
.reportsHeader .reports_Coll_12.col2WithBtnInline {
  width: calc(16.666667% - 20px + 17px);
}
@media (max-width: 480px) {
  .reportsHeader .reports_Coll_12 {
    width: 100%;
  }
}
.reportsHeader .reportBtn_row {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 10px;
  width: 100%;
  margin-bottom: 25px;
}
.reportsHeader .reportBtn_row .primaryBtn, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .greyBtnBordered {
  margin: 5px;
}
.reportsHeader .reportBtn_row .btnFill, .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .reportsHeader .reportBtn_row a, .reportsHeader .reportBtn_row .promo_details, .reportsHeader .reportBtn_row .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .btnBordered, .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .reportsHeader .reportBtn_row a, .reportsHeader .reportBtn_row .primaryBtn, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .greyBtnBordered, .reportsHeader .reportBtn_row .yellowBtn, .reportsHeader .reportBtn_row .primaryBtnBordered, .reportsHeader .reportBtn_row .yellowBtnBorder, .reportsHeader .reportBtn_row .btnBorderedsecondary, .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .reportsHeader .reportBtn_row .btn.btn-default, .reportsHeader .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .reportsHeader .reportBtn_row .enrollNow, .reportsHeader .reportBtn_row .btnExportFill {
  min-width: 100px;
  padding: 6px 15px;
}
@media (max-width: 480px) {
  .reportsHeader .reportBtn_row .btnFill, .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .reportsHeader .reportBtn_row a, .reportsHeader .reportBtn_row .promo_details, .reportsHeader .reportBtn_row .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .btnBordered, .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .reportsHeader .reportBtn_row a, .reportsHeader .reportBtn_row .primaryBtn, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .greyBtnBordered, .reportsHeader .reportBtn_row .yellowBtn, .reportsHeader .reportBtn_row .primaryBtnBordered, .reportsHeader .reportBtn_row .yellowBtnBorder, .reportsHeader .reportBtn_row .btnBorderedsecondary, .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .reportsHeader .reportBtn_row .btn.btn-default, .reportsHeader .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .reportsHeader .reportBtn_row .enrollNow, .reportsHeader .reportBtn_row .btnExportFill {
    width: 100%;
  }
}
.reportsHeader.reportInline {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.reportsHeader.reportInline .reportBtn_row {
  margin-top: 40px;
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.reportsHeader + .reportsMainContent {
  padding-top: 25px;
  border-top: 1px dashed #ccc;
  margin-top: 20px;
}
.reportsHeader.FilterHidden .reports_Coll_4, .reportsHeader.FilterHidden .reports_Coll_12, .reportsHeader.FilterHidden .reports_Coll_6, .reportsHeader.FilterHidden .reports_Coll_2, .reportsHeader.FilterHidden [class*=col-] {
  display: none;
}
.reportsHeader.FilterHidden .reportBtn_row {
  margin-top: 10px;
}
.reportsHeader .row {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 480px) {
  .reportsHeader .row {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.DealerNumberRow {
  float: left;
  width: 100%;
}
.DealerNumberRow label {
  min-width: 100px;
}
.DealerNumberRow + .DealerNumberRow {
  margin-top: 15px;
}

.reportsMainContent {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.reportsMainListing {
  float: left;
  width: 100%;
}
.reportsMainListing .reportListingRow {
  float: left;
  width: 100%;
}
.reportsMainListing .reportListingRow .reportListing {
  float: left;
  width: 100%;
}
.reportsMainListing .reportListingRow .reportListing .reportTitle1 {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 520px) {
  .reportsMainListing .reportListingRow .reportListing .reportTitle1 {
    font-size: 19px;
  }
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow {
  margin-left: -15px;
  width: calc(100% + 30px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing {
  margin: 15px;
  float: left;
  width: calc(33.33% - 30px);
}
@media (max-width: 767px) {
  .reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing {
    width: calc(50% - 30px);
  }
}
@media (max-width: 520px) {
  .reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing {
    width: calc(100% - 30px);
  }
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--reportListText);
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a .fa-file-alt {
  width: 30px;
  height: 30px;
  float: left;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 4px;
  margin-right: 10px;
  background-color: var(--reportListBg);
  color: var(--reportListIcon);
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a span {
  float: left;
  width: calc(100% - 40px);
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a {
  color: var(--reportListText-Active);
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a .fa-file-alt {
  background-color: var(--reportListBg-Active);
  color: var(--reportListIcon-Active);
}
.reportsMainListing .reportListingRow .reportListing + .reportListing {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed var(--border);
}

.TerritoryManager {
  float: left;
  width: 100%;
}
.TerritoryManager .form-group {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.TerritoryManager .form-group label {
  margin: 0;
  float: left;
}
.TerritoryManager .form-group span {
  float: right;
}

.Dealer_Advertising_Header {
  float: left;
  width: 100%;
}
.Dealer_Advertising_Header h3 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  margin-bottom: 15px;
}

.ActivityContentRow {
  float: left;
  width: 100%;
}
.ActivityContentRow .S_content {
  float: left;
  width: 100%;
  padding: 15px 0;
  border-top: 1px dashed #ccc;
}
.ActivityContentRow .S_content:first-child {
  padding-top: 0;
  border-top: none;
}
.ActivityContentRow .S_content h3 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  /*padding: 0 5px;*/
}
.ActivityContentRow .S_content table {
  margin: 0;
}
.ActivityContentRow .S_content table td {
  font-size: 0.9rem;
  padding: 5px;
}
.ActivityContentRow .S_content table td + td {
  text-align: right;
}

.dataTables_scroll .dataTables_scrollHead {
  display: none;
}
.dataTables_scroll .dataTables_scrollBody table thead tr {
  height: auto !important;
}
.dataTables_scroll .dataTables_scrollBody table thead tr th {
  display: table-cell !important;
  height: auto !important;
  background-image: none;
}
.dataTables_scroll .dataTables_scrollBody table thead tr th.hideimp {
  display: none !important;
}
.dataTables_scroll .dataTables_scrollBody table thead tr th .dataTables_sizing {
  height: auto !important;
  overflow: visible !important;
}
.dataTables_scroll .dataTables_scrollBody table tbody tr td.hideimp {
  display: none !important;
}

.labelBtn {
  float: left;
  text-decoration: underline;
  border: none;
  background: none;
  padding: 0px;
  color: var(--link);
  outline: none !important;
}

.usingTemplateWrapper .checkBoxInner {
  margin-right: 25px;
}

.mobileFilers {
  display: none;
}
@media (max-width: 767px) {
  .mobileFilers {
    width: 38px;
    height: 38px;
    position: relative;
    bottom: -10px;
    background-color: var(--grey100);
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -20px;
  }
  .mobileFilers .fa-filter {
    color: var(--p_main);
  }
  .mobileFilers ~ .reportsHeader {
    position: fixed;
    left: -350px;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    width: 320px;
    z-index: 9999;
    box-shadow: 0 0 16px rgba(169, 169, 169, 0.59);
    padding: 90px 25px 25px 25px;
    margin: 0px;
    display: inline-block;
    transition: cubic-bezier(0.4, 0, 1, 1) 0.2s;
  }
}
@media (max-width: 767px) and (max-width: 520px) {
  .mobileFilers ~ .reportsHeader {
    width: 100%;
    left: calc(-100% - 30px);
  }
}
@media (max-width: 767px) {
  .mobileFilers ~ .reportsHeader.FilterOpen {
    left: 0px;
  }
  .mobileFilers ~ .reportsHeader.FilterOpen .FilterHeader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 10px 25px;
    font-size: 1.3rem;
  }
  .mobileFilers ~ .reportsHeader.FilterOpen .FilterHeader p {
    margin: 0;
    float: left;
  }
  .mobileFilers ~ .reportsHeader.FilterOpen .FilterHeader .hideFilter {
    font-size: 1.7rem;
    margin-left: auto;
    padding-left: 20px;
  }
  .mobileFilers ~ .reportsHeader.FilterOpen .FilterHeader .hideFilter .fa-times {
    color: var(--p_main);
  }
  .mobileFilers ~ .reportsHeader.FilterOpen ~ .filterOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.24);
  }
}
@media (max-width: 767px) {
  .mobileFilers ~ .reportsHeader .reports_Coll_2 {
    width: 100%;
    margin: 0 0 15px 0;
    float: left;
  }
}
@media (max-width: 767px) {
  .mobileFilers ~ .reportsHeader .reportBtn_row {
    margin: 10px 0 0 0;
    width: 100%;
  }
  .mobileFilers ~ .reportsHeader .reportBtn_row .btnFill, .mobileFilers ~ .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .mobileFilers ~ .reportsHeader .reportBtn_row a, .mobileFilers ~ .reportsHeader .reportBtn_row .promo_details, .mobileFilers ~ .reportsHeader .reportBtn_row .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .mobileFilers ~ .reportsHeader .reportBtn_row .btn.btn-primary, .mobileFilers ~ .reportsHeader .reportBtn_row .btnBordered, .mobileFilers ~ .reportsHeader .reportBtn_row .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .mobileFilers ~ .reportsHeader .reportBtn_row a, .mobileFilers ~ .reportsHeader .reportBtn_row .primaryBtn, .mobileFilers ~ .reportsHeader .reportBtn_row .btnGrey, .mobileFilers ~ .reportsHeader .reportBtn_row .greyBtnBordered, .mobileFilers ~ .reportsHeader .reportBtn_row .yellowBtn, .mobileFilers ~ .reportsHeader .reportBtn_row .primaryBtnBordered, .mobileFilers ~ .reportsHeader .reportBtn_row .yellowBtnBorder, .mobileFilers ~ .reportsHeader .reportBtn_row .btnBorderedsecondary, .mobileFilers ~ .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .mobileFilers ~ .reportsHeader .reportBtn_row .btn.btn-primary, .mobileFilers ~ .reportsHeader .reportBtn_row .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .mobileFilers ~ .reportsHeader .reportBtn_row .btn.btn-default, .mobileFilers ~ .reportsHeader .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .mobileFilers ~ .reportsHeader .reportBtn_row .enrollNow, .mobileFilers ~ .reportsHeader .reportBtn_row .btnExportFill {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobileFilers ~ .reportsMainContent {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }
  .mobileFilers ~ .reportsMainContent .exportToExcel {
    margin-bottom: 25px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
  }
}

.AddNewReport {
  float: right;
}

.updateInfo {
  float: left;
  width: 100%;
}
.updateInfo p {
  float: left;
  width: 100%;
  margin: 5px 0;
}

.checkboxlistGroup {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  padding: 3px 5px;
  border-radius: 5px;
  min-height: 38px;
  max-height: 70px;
  overflow-y: auto;
}
.checkboxlistGroup .checkBoxInner {
  min-height: 18px;
  margin: 5px 7px;
}
.checkboxlistGroup .checkBoxInner label {
  padding-top: 1px;
}
.checkboxlistGroup .checkBoxInner label::before {
  top: 0;
}
.checkboxlistGroup .checkBoxInner input[type=checkbox]:checked + label::after {
  top: 1px;
}
.checkboxlistGroup .checkBoxInner.cb-Block {
  width: calc(100% - 14px);
}
.checkboxlistGroup.mgSmall {
  max-height: 50px;
}
.checkboxlistGroup.mgSmall .checkBoxInner.cb-Block {
  width: auto;
}

.assetInfoBlock {
  float: left;
  width: 100%;
}
.assetInfoBlock .select2-container .select2-selection--multiple {
  height: auto;
}
.assetInfoBlock .select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: 30px;
  max-height: 70px;
  overflow-y: auto;
}
.assetInfoBlock .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border: none !important;
  background-color: #e7e7e7;
  border-radius: 15px;
  line-height: 1.2;
  padding: 5px 10px;
  font-size: 0.9rem;
}
.assetInfoBlock .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice span {
  margin-right: 5px;
}

.assetInfoBlockMain {
  float: left;
  width: 100%;
}

.FilterBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: underline !important;
  padding: 5px;
  font-size: 0.9rem;
}
.FilterBtn i {
  float: left;
}

.hideField {
  display: none;
}

.searchBtn {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
  padding-left: 6px;
  padding-right: 6px;
}
.searchBtn .btnFill, .searchBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .searchBtn a, .searchBtn .promo_details, .searchBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .searchBtn .btn.btn-primary, .searchBtn .btnBordered, .searchBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .searchBtn a, .searchBtn .primaryBtn, .searchBtn .btnGrey, .searchBtn .greyBtnBordered, .searchBtn .yellowBtn, .searchBtn .primaryBtnBordered, .searchBtn .yellowBtnBorder, .searchBtn .btnBorderedsecondary, .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .searchBtn .btn.btn-primary, .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .searchBtn .btn.btn-default, .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchBtn .enrollNow, .searchBtn .btnExportFill {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reportFormCon {
  float: left;
  width: 100%;
}
.reportFormCon .topblock .topFilter {
  padding: 10px 15px;
}
.reportFormCon .topblock .topFilter .row [class*=col-] {
  margin: 7px 0;
}
.reportFormCon .topblock .topFilter .row [class*=col-] > label {
  font-size: 0.95rem;
  margin-bottom: 4px;
  float: left;
  width: 100%;
  font-family: var(--fontMedium);
  font-weight: 500;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reportFormCon .topblock .topFilter .row [class*=col-] > .form-group {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
.reportFormCon .fooBtnBlock {
  margin-bottom: 0px;
  padding: 10px;
}
.reportFormCon .fooBtnBlock .btnRgt .btnFill, .reportFormCon .fooBtnBlock .btnRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .reportFormCon .fooBtnBlock .btnRgt a, .reportFormCon .fooBtnBlock .btnRgt .promo_details, .reportFormCon .fooBtnBlock .btnRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .reportFormCon .fooBtnBlock .btnRgt .btn.btn-primary, .reportFormCon .fooBtnBlock .btnRgt .primaryBtn, .reportFormCon .fooBtnBlock .btnRgt .btnGrey, .reportFormCon .fooBtnBlock .btnRgt .greyBtnBordered, .reportFormCon .fooBtnBlock .btnRgt .yellowBtn, .reportFormCon .fooBtnBlock .btnRgt .primaryBtnBordered, .reportFormCon .fooBtnBlock .btnRgt .yellowBtnBorder, .reportFormCon .fooBtnBlock .btnRgt .btnBorderedsecondary, .reportFormCon .fooBtnBlock .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .reportFormCon .fooBtnBlock .btnRgt .btn.btn-primary, .reportFormCon .fooBtnBlock .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .reportFormCon .fooBtnBlock .btnRgt .btn.btn-default, .reportFormCon .fooBtnBlock .btnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .reportFormCon .fooBtnBlock .btnRgt .enrollNow, .reportFormCon .fooBtnBlock .btnRgt .btnExportFill, .reportFormCon .fooBtnBlock .btnRgt .btnBordered, .reportFormCon .fooBtnBlock .btnRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .reportFormCon .fooBtnBlock .btnRgt a {
  padding: 4px 10px;
}
.reportFormCon .formToggleCon {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.reportFormCon .formToggleCon .formToggle {
  float: left;
  width: 70px;
  height: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--grey300);
  border-radius: 0 0 30px 30px;
  font-size: 1.5rem;
  cursor: pointer;
}
.reportFormCon.formHidden .topblock, .reportFormCon.formHidden .fooBtnBlock {
  display: none;
}

.socialReport {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
}
.socialReport .post {
  padding: 35px 20px 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  margin: 10px 0 20px;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.socialReport .post .socialIcon {
  width: auto;
  padding: 2px 10px;
  border-radius: 6px 0 10px;
  color: #fff;
  background: #999;
  font-size: 0.8rem;
  position: absolute;
  left: -1px;
  top: -1px;
}
.socialReport .post .socialIcon i {
  margin-right: 3px;
}
.socialReport .post.twitter {
  background: rgba(29, 161, 242, 0.0117647059);
}
.socialReport .post.twitter .socialIcon {
  background: #1DA1F2;
}
.socialReport .post.facebook {
  background: rgba(72, 103, 170, 0.0117647059);
}
.socialReport .post.facebook .socialIcon {
  background: #4867AA;
}
.socialReport .post .fbPostImg {
  width: 100px;
  margin-right: 15px;
  padding-top: 6px;
}
.socialReport .post .fbPostImg img {
  border-radius: 6px;
}
.socialReport .post .postDesc {
  flex: 1;
  margin-right: 20px;
}
.socialReport .post .postDesc .postUrl label {
  margin: 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-right: 6px;
}
.socialReport .post .socialData {
  width: 33%;
  min-width: 400px;
}
.socialReport .post .socialData li {
  display: inline-block;
  margin: 5px;
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 5px 15px;
  background: #fff;
}
.socialReport .post .socialData li label {
  display: block;
  margin-bottom: 2px;
  font-size: 0.85rem;
  color: #888;
}
.socialReport .post .socialData li span {
  font-size: 1.1rem;
  font-family: var(--fontBold);
  font-weight: 700;
}
.socialReport .post .socialData li:first-child span {
  color: var(--p_main);
}
.socialReport .post .socialData li:nth-child(2) span {
  color: var(--s_main);
}
.socialReport .post .socialData li:nth-child(3) span {
  color: var(--border);
}
.socialReport .post .socialData li:nth-child(4) span {
  color: var(--warningBg);
}

.claimListBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.claimListBlock .form-group {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: center;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  flex: 30%;
}
.claimListBlock .form-group .control-label {
  padding: 0 !important;
  margin: 0;
}
.claimListBlock .form-group .btnFill, .claimListBlock .form-group .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .claimListBlock .form-group a, .claimListBlock .form-group .promo_details, .claimListBlock .form-group .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .claimListBlock .form-group .btn.btn-primary, .claimListBlock .form-group .btnBordered, .claimListBlock .form-group .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .claimListBlock .form-group a, .claimListBlock .form-group .primaryBtn, .claimListBlock .form-group .btnGrey, .claimListBlock .form-group .greyBtnBordered, .claimListBlock .form-group .yellowBtn, .claimListBlock .form-group .primaryBtnBordered, .claimListBlock .form-group .yellowBtnBorder, .claimListBlock .form-group .btnBorderedsecondary, .claimListBlock .form-group .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .claimListBlock .form-group .btn.btn-primary, .claimListBlock .form-group .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .claimListBlock .form-group .btn.btn-default, .claimListBlock .form-group .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .claimListBlock .form-group .enrollNow, .claimListBlock .form-group .btnExportFill {
  padding: 2px 20px;
}

.claimDetail .chosen-container.chosen-container-multi {
  min-width: 100%;
}
.claimDetail .chosen-container.chosen-container-multi .chosen-choices {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  padding: 5px 10px;
}
.claimDetail table td textarea.form-control {
  min-width: 150px;
}

.submitPreApprovalCon {
  float: left;
  width: 100%;
}

.pageTitle .DealerLoginIngo {
  float: right;
  font-size: 1rem;
  color: var(--TextMain);
  margin: 10px 0;
}
.pageTitle .DealerLoginIngo .dealerName + .dealerNumber, .pageTitle .DealerLoginIngo .dealerProfileWrapper .profileContent .confirmation + .dealerNumber, .dealerProfileWrapper .profileContent .pageTitle .DealerLoginIngo .confirmation + .dealerNumber {
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
}
.pageTitle .DealerLoginIngo .dealerName + .dealerNumber::before, .pageTitle .DealerLoginIngo .dealerProfileWrapper .profileContent .confirmation + .dealerNumber::before, .dealerProfileWrapper .profileContent .pageTitle .DealerLoginIngo .confirmation + .dealerNumber::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  width: 1px;
  height: 20px;
  background-color: #B7B7B7;
}

.pageInnerTitle {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  margin-bottom: 25px;
}

.IconListRow {
  float: left;
  margin-left: -10px;
  width: calc(100% + 20px);
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.IconListRow li {
  float: left;
  width: calc(12.5% - 16px);
  margin: 10px 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.IconListRow li a {
  float: left;
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border);
  color: var(--TextMain);
  background-color: var(--whiteBlockBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.IconListRow li a .iconImg {
  float: left;
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.IconListRow li a .iconImg img {
  width: 100%;
  max-width: 90px;
  max-height: 42px;
}
.IconListRow li a h4 {
  font-size: 0.9rem;
  margin-top: 5px;
  text-align: center;
  font-family: var(--fontRegular);
  font-weight: 400;
  margin-bottom: 0px;
}
.IconListRow li a:hover, .IconListRow li a.selected {
  border-color: var(--p_main);
  background-color: var(--grey400);
}
@media (max-width: 991px) {
  .IconListRow li {
    width: calc(20% - 20px);
  }
}
@media (max-width: 767px) {
  .IconListRow li {
    width: calc(25% - 20px);
  }
}
@media (max-width: 540px) {
  .IconListRow li {
    width: calc(50% - 20px);
  }
}

.co-opContainer {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.co-opContainer .Co-opHead {
  float: left;
  width: 100%;
  padding: 20px 60px;
  background-color: #DDDDDD;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .co-opContainer .Co-opHead {
    padding: 20px;
  }
}
.co-opContainer .Co-opHead .co-opHeadImg {
  float: left;
  width: 120px;
  text-align: center;
}
.co-opContainer .Co-opHead .co-opHeadImg img {
  max-width: 80px;
}
.co-opContainer .Co-opHead .co-opHeadRight {
  float: left;
  width: calc(100% - 130px);
  padding-left: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 {
  font-size: 1.5rem;
  color: var(--p_main);
  float: left;
  margin: 0;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 .headLeftContent {
  float: left;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 .headRightContent {
  float: right;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 p {
  float: left;
  margin: 0px;
  padding-right: 15px;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 span {
  float: left;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 span.questionEmail {
  margin-left: 10px;
  font-size: 1rem;
  margin-top: 3px;
}
.co-opContainer .Co-opHead .co-opHeadRight h4 {
  margin: 5px 0 0 0;
  font-size: 1rem;
  float: left;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight h5 {
  margin: 5px 0 0 0;
  font-size: 1rem;
  float: left;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockLeft {
  float: left;
  max-width: 50%;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt {
  margin-left: auto;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent {
  text-align: right;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p {
  margin: 0px;
}
.co-opContainer .co-opForm {
  padding: 25px;
  float: left;
  width: 100%;
  text-align: center;
}
.co-opContainer .co-opForm .FormInner {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 100%;
  max-width: 950px;
}
@media (max-width: 991px) {
  .co-opContainer .co-opForm .FormInner {
    max-width: 100%;
  }
}
.co-opContainer .co-opForm .FormInner .formInfo {
  float: left;
  width: 100%;
  padding: 15px 20px;
  background-color: #f7f7f7;
}
.co-opContainer .co-opForm .form-group {
  float: left;
  width: 100%;
  margin-bottom: 1.5rem;
}
.co-opContainer .co-opForm .form-group.expandedEmails .ExpandedEmailCon {
  max-height: 110px;
  overflow-y: auto;
}
.co-opContainer .co-opForm .form-group.expandedEmails .slimScrollDiv,
.co-opContainer .co-opForm .form-group.expandedEmails .scrollWrapper, .co-opContainer .co-opForm .form-group.expandedEquipments .slimScrollDiv,
.co-opContainer .co-opForm .form-group.expandedEquipments .scrollWrapper {
  height: auto !important;
  max-height: 110px;
}
.co-opContainer .co-opForm .form-group.expandedEmails .expandEmailRow,
.co-opContainer .co-opForm .form-group.expandedEmails .expandEquipment, .co-opContainer .co-opForm .form-group.expandedEquipments .expandEmailRow,
.co-opContainer .co-opForm .form-group.expandedEquipments .expandEquipment {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 5px 0;
}
.co-opContainer .co-opForm .form-group.expandedEmails .expandEmailRow span,
.co-opContainer .co-opForm .form-group.expandedEmails .expandEquipment span, .co-opContainer .co-opForm .form-group.expandedEquipments .expandEmailRow span,
.co-opContainer .co-opForm .form-group.expandedEquipments .expandEquipment span {
  margin-right: 10px;
}
.co-opContainer .co-opForm .form-group .control-label {
  float: left;
  width: 250px;
  text-align: right;
  margin: 0;
  padding-right: 20px;
}
.co-opContainer .co-opForm .form-group.expandedEmails > .fieldGroup, .co-opContainer .co-opForm .form-group.expandedEquipments > .fieldGroup {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
}
.co-opContainer .co-opForm .form-group .fieldGroup {
  float: left;
  width: calc(100% - 250px);
}
.co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group {
  float: left;
  width: calc(50% - 60px);
}
.co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group {
  float: left;
  width: calc(50% + 60px);
}
.co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label {
  width: 120px;
}
.co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup {
  width: calc(100% - 120px);
}
@media (max-width: 560px) {
  .co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group {
    width: 100%;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group {
    float: left;
    width: 100%;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label {
    width: 100%;
    padding-left: 0px;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup.FlexJustifyRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.co-opContainer .co-opForm .form-group .fieldGroup.FlexJustifyRow .flexAddRow {
  float: left;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding-right: 30px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .selectDate {
  margin-left: auto;
  width: calc(100% - 60px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 520px) {
  .co-opContainer .co-opForm .form-group .fieldGroup .selectDate {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup .selectDate span {
  float: left;
  white-space: nowrap;
  padding-right: 20px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group {
  width: auto;
}
@media (max-width: 767px) {
  .co-opContainer .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup.vAlign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.co-opContainer .co-opForm .form-group .fieldGroup.vAlign.inlineField {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.co-opContainer .co-opForm .form-group .fieldGroup.vAlign.inlineField .inputField.hide + .EmailButton {
  margin-left: inherit;
}
.co-opContainer .co-opForm .form-group .fieldGroup.inlineField .EmailButton {
  margin-left: 10px;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadImg {
  border: 1px solid #ced4da;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadInfo {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadInfo h4 {
  font-size: 1rem;
  margin-bottom: 5px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadInfo ul {
  float: left;
  width: 100%;
  list-style: disc;
  padding-left: 17px;
  font-size: 0.85rem;
}
.co-opContainer .co-opForm .form-group .fieldGroup textarea.form-control {
  min-height: 80px;
}
.co-opContainer .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment {
  max-width: 500px;
  width: 100%;
}
.co-opContainer .co-opForm .form-group .fieldGroup .EmailButton {
  float: left;
  text-align: right;
  margin-left: auto;
}
@media (max-width: 520px) {
  .co-opContainer .co-opForm .form-group .fieldGroup .EmailButton {
    min-width: 65px;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup .questionEmail {
  margin-left: 10px;
  float: left;
}
.co-opContainer .co-opForm .form-group .fieldGroup .spanTop7 {
  margin-top: 7px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .dropzone {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .dropzone .dz-default.dz-message {
  margin: 0.7rem 0;
}
.co-opContainer .co-opForm .form-group .fieldGroup.colsplit2 .form-group {
  float: left;
  width: calc(50% - 80px);
  margin: 5px 0;
}
.co-opContainer .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group {
  float: left;
  width: calc(50% + 80px);
}
.co-opContainer .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group label.control-label {
  width: 160px;
}
.co-opContainer .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group .fieldGroup {
  width: calc(100% - 160px);
}
@media (max-width: 991px) {
  .co-opContainer .co-opForm .form-group .control-label {
    width: 200px;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .co-opContainer .co-opForm .form-group .control-label {
    width: 100%;
    text-align: left;
    padding: 0px;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer .co-opForm .emailConfirmation {
  float: left;
  width: 100%;
}
.co-opContainer .co-opForm .emailConfirmation h3 {
  float: left;
  width: 100%;
  font-size: 1rem;
  padding: 0 50px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .co-opContainer .co-opForm .emailConfirmation h3 {
    padding: 0px;
  }
}
.co-opContainer .co-opForm.noSpacing {
  padding: 0px;
}
.co-opContainer .selectMediaType .pageInnerTitle {
  margin-bottom: 0px;
}
.co-opContainer .selectMediaType .IconListRow li {
  width: calc(25% - 20px);
  margin: 0 10px 25px 10px;
}
@media (max-width: 991px) {
  .co-opContainer .selectMediaType .IconListRow li {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .co-opContainer .selectMediaType .IconListRow li {
    width: calc(50% - 20px);
  }
}
.co-opContainer.smallContainerBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.co-opContainer.smallContainerBlock .successContainer {
  float: left;
  width: 100%;
  max-width: 700px;
  padding: 35px;
  position: relative;
  border: 1px solid #E9ECF3;
  box-shadow: 0 5px 15px rgba(204, 204, 204, 0.4);
}
.co-opContainer.smallContainerBlock .successContainer h4 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding-left: 32px;
  position: relative;
  color: var(--p_main);
}
.co-opContainer.smallContainerBlock .successContainer h4 i {
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--p_main);
}
.co-opContainer.smallContainerBlock .successContainer h2 {
  float: left;
  width: 100%;
  padding: 7px 15px;
  font-size: 1.3rem;
  background-color: #f4f4f4;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(212, 211, 211, 0.5);
}
.co-opContainer.smallContainerBlock .successContainer h2 strong {
  color: var(--link);
}
.co-opContainer.smallContainerBlock .successContainer ul {
  float: left;
  width: 100%;
}
.co-opContainer.smallContainerBlock .successContainer ul li {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 32px;
  margin: 5px 0;
}
.co-opContainer.smallContainerBlock .successContainer ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #797979;
}
.co-opContainer.smallContainerBlock .successContainer ul.noListStyle {
  list-style: none;
  padding: 0px;
}
.co-opContainer.smallContainerBlock .successContainer ul.noListStyle li {
  padding: 0px;
}
.co-opContainer.smallContainerBlock .successContainer ul.noListStyle li::after {
  display: none;
}
.co-opContainer.smallContainerBlock .successContainer.exSmall {
  max-width: 500px;
}
.co-opContainer.co_opformLeft {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.co-opContainer.co_opformLeft .Co-opHead {
  padding: 0;
  background-color: #ffffff;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg {
  width: 80px;
  text-align: left;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight {
  padding-left: 15px;
  width: calc(100% - 80px);
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h3 {
  font-size: 1rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h4 {
  font-family: var(--fontRegular);
  font-weight: 400;
  color: var(--p_main);
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h5 {
  font-size: 1.2rem;
  color: var(--p_main);
}
@media (max-width: 400px) {
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg {
    width: 45px;
  }
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg img {
    max-width: 100%;
  }
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight {
    width: calc(100% - 45px);
  }
}
.co-opContainer.co_opformLeft .co-opForm {
  padding: 20px;
  max-width: 900px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner {
  float: left;
  max-width: 900px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .control-label {
  width: 210px;
  text-align: left;
  padding-right: 15px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup {
  width: calc(100% - 210px);
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label {
  padding-left: 10px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group {
  width: 50%;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child {
  padding-right: 10px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child {
  padding-left: 10px;
}
@media (max-width: 480px) {
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group {
    width: 100%;
  }
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child {
    padding-right: 0;
  }
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .control-label {
    width: 100%;
    text-align: left;
    padding-right: 0;
  }
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo {
  margin-bottom: 15px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul {
  padding-left: 18px;
  list-style: disc;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul li ul {
  padding-left: 18px;
  list-style: disc;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup {
  width: 100%;
  max-width: 500px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile {
  margin-bottom: 0px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .form-group .control-label,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .form-group .control-label {
  padding: 0px;
  width: 100%;
  margin-bottom: 8px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation h3,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation h3 {
  padding: 0px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label {
  width: 210px;
  padding-right: 15px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup {
  width: calc(100% - 210px);
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup {
  width: 100%;
}
@media (max-width: 767px) {
  .co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label,
  .co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label {
    width: 100%;
    text-align: left;
    padding-right: 0;
  }
  .co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup {
    width: 100%;
    padding: 0px;
  }
}
.co-opContainer.co_opformLeft .co-opForm .Ad_Claim_table {
  margin-bottom: 0px;
}

.whiteBg {
  background-color: #fff;
}

.boxWrapper {
  float: left;
  width: calc(100% + 16px);
  margin-left: -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxWrapper .boxCol {
  float: left;
  width: calc(100% - 16px);
  margin: 12px 8px;
}
.boxWrapper .boxCol .table192 {
  /*overflow: hidden;*/
}
.boxWrapper .boxCol .table192 .slimScrollDiv,
.boxWrapper .boxCol .table192 .scrollWrapper {
  height: 192px !important;
  max-height: 192px;
}
.boxWrapper .boxCol .table192.tableBlockCol table tr td {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .boxWrapper .boxCol .table192.tableBlockCol table tr td {
    width: 100%;
    float: left;
    border-left: none;
    border-right: none;
  }
}
.boxWrapper .boxCol .table192 .slimScrollDiv .slimScrollBar {
  right: 0 !important;
}
.boxWrapper .boxCol .table {
  margin: 0px;
  border: none !important;
  max-width: 100% !important;
}
.boxWrapper .boxCol .table tr td label {
  margin: 0px;
  float: left;
}
.boxWrapper .boxCol .table tr td span {
  float: right;
}
.boxWrapper .boxCol .table tr td:first-child {
  border-left: none;
}
.boxWrapper .boxCol .table tr td:last-child {
  border-right: none;
}
.boxWrapper .boxCol .table tr:last-child td {
  border-bottom: none;
}
.boxWrapper .boxCol.box1 {
  width: calc(100% - 16px);
}
.boxWrapper .boxCol.box5 {
  width: calc(50% - 16px);
}
.boxWrapper .boxCol.box3 {
  width: calc(33.33% - 16px);
}
@media (max-width: 767px) {
  .boxWrapper .boxCol {
    width: 100%;
    margin: 12px 0px;
  }
  .boxWrapper .boxCol.box1, .boxWrapper .boxCol.box5, .boxWrapper .boxCol.box3 {
    width: 100%;
  }
}
.boxWrapper.spanBottom30 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .boxWrapper {
    width: 100%;
    margin-left: 0;
  }
}

.editApprovalRequest {
  float: left;
  width: 100%;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .editApprovalRequest table td, .editApprovalRequest table th {
    white-space: nowrap;
  }
}
.editApprovalRequest .editBtn + .deleteBtnIcon {
  margin-left: 5px;
}

.documentLIbraryWrapper {
  float: left;
  width: 100%;
}
.documentLIbraryWrapper > .slimScrollDiv,
.documentLIbraryWrapper .scrollWrapper {
  float: left;
  width: 100% !important;
  height: auto !important;
  max-height: 900px;
}

.boxListingRow {
  float: left;
  margin-left: -12px;
  width: calc(100% + 24px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxListingRow.customScroll9 {
  max-height: 900px;
  overflow: auto;
}
@media (max-width: 767px) {
  .boxListingRow.customScroll9 {
    max-height: 100%;
    overflow: visible;
  }
}
.boxListingRow .boxColl3, .boxListingRow .boxColl4 {
  float: left;
  margin: 12px;
  width: calc(33.33% - 24px);
  background-color: var(--grey300);
  border: 1px solid var(--border);
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.boxListingRow .boxColl3 a, .boxListingRow .boxColl4 a {
  float: left;
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxListingRow .boxColl3 .boxImg, .boxListingRow .boxColl4 .boxImg {
  width: 100px;
  border-right: 1px solid #ccc;
}
.boxListingRow .boxColl3 .boxCont, .boxListingRow .boxColl4 .boxCont {
  float: left;
  width: calc(100% - 100px);
  font-size: 1.3rem;
  padding-left: 15px;
}
.boxListingRow .boxColl3 .colHeader, .boxListingRow .boxColl4 .colHeader {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--p_main);
  color: var(--p_main);
}
.boxListingRow .boxColl3 .colContent, .boxListingRow .boxColl4 .colContent {
  float: left;
  width: 100%;
}
.boxListingRow .boxColl3 .colContent .slimScrollDiv, .boxListingRow .boxColl4 .colContent .slimScrollDiv, .boxListingRow .boxColl3 .colContent .scrollWrapper, .boxListingRow .boxColl4 .colContent .scrollWrapper {
  height: auto !important;
  max-height: 140px;
  min-height: 140px;
}
.boxListingRow .boxColl3 .colContent a, .boxListingRow .boxColl4 .colContent a {
  color: var(--p_main);
  text-decoration: underline;
}
.boxListingRow .boxColl3 .downloadBtn, .boxListingRow .boxColl4 .downloadBtn {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
}
@media (max-width: 1080px) {
  .boxListingRow .boxColl3 .boxImg, .boxListingRow .boxColl4 .boxImg {
    width: 50px;
    padding-right: 10px;
  }
  .boxListingRow .boxColl3 .boxCont, .boxListingRow .boxColl4 .boxCont {
    width: calc(100% - 50px);
    font-size: 1.1rem;
    padding-left: 10px;
  }
}
.boxListingRow .boxColl4 {
  width: calc(25% - 24px);
}
@media (max-width: 991px) {
  .boxListingRow .boxColl4 {
    width: calc(33.33% - 24px);
  }
}
.boxListingRow.OnlyHeaderBlock .boxColl3 .colHeader, .boxListingRow.OnlyHeaderBlock .boxColl4 .colHeader {
  border: none;
  margin: 0px;
  padding: 25px 0;
  font-size: 1.3rem;
  line-height: 1.1;
}
.boxListingRow.OnlyHeaderBlock .boxColl3 .colContent, .boxListingRow.OnlyHeaderBlock .boxColl4 .colContent {
  display: none;
}
.boxListingRow.OnlyHeaderBlock .boxColl3.boxWithIcon, .boxListingRow.OnlyHeaderBlock .boxWithIcon.boxColl4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.boxListingRow.OnlyHeaderBlock .boxColl3.boxWithIcon .downloadBtn, .boxListingRow.OnlyHeaderBlock .boxWithIcon.boxColl4 .downloadBtn {
  width: 65px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  border-right: 1px dashed #ccc;
}
.boxListingRow.OnlyHeaderBlock .boxColl3.boxWithIcon .colHeader, .boxListingRow.OnlyHeaderBlock .boxWithIcon.boxColl4 .colHeader {
  width: calc(100% - 65px);
  padding-left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .boxListingRow {
    margin-left: -10px;
    width: calc(100% + 20px);
  }
  .boxListingRow .boxColl3, .boxListingRow .boxColl4 {
    margin: 15px 10px;
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .boxListingRow {
    margin-left: 0;
    width: 100%;
  }
  .boxListingRow .boxColl3, .boxListingRow .boxColl4 {
    margin: 15px 0;
    width: 100%;
  }
}

.backBTn {
  float: left;
  width: 100%;
  color: #707070;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.backBTn i {
  margin-right: 5px;
  font-size: 1.2rem;
}

.inputField {
  float: left;
  width: 100%;
}

.pa_responsiveRpw {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  margin-left: -10px;
  width: calc(100% + 20px);
}
@media (max-width: 767px) {
  .pa_responsiveRpw {
    margin-left: 0px;
    width: 100%;
  }
}
.pa_responsiveRpw .pa_responsiveCol {
  float: left;
  width: calc(50% - 20px);
  padding: 15px 0;
  margin: 0 10px;
}
@media (max-width: 767px) {
  .pa_responsiveRpw .pa_responsiveCol {
    width: 100%;
  }
}
.pa_responsiveRpw .pa_responsiveCol.FullBlock {
  width: calc(100% - 20px);
}
.pa_responsiveRpw .pa_responsiveCol.FullBlock label {
  width: 100%;
}
.pa_responsiveRpw .pa_responsiveCol.FullBlock label + .fieldGroup {
  padding: 0px;
}
.pa_responsiveRpw .pa_responsiveCol.FullBlock .fieldGroup {
  width: 100%;
}
.pa_responsiveRpw .pa_responsiveCol.FullInline {
  width: calc(100% - 20px);
}
.pa_responsiveRpw .pa_responsiveCol.noBdr {
  border: none;
}
.pa_responsiveRpw .pa_responsiveCol .table {
  margin: 0px;
}
.pa_responsiveRpw .pa_responsiveCol label {
  margin: 0 0 5px 0;
  width: 170px;
  float: left;
}
.pa_responsiveRpw .pa_responsiveCol label + .fieldGroup {
  width: calc(100% - 170px);
  padding-left: 15px;
}
.pa_responsiveRpw .pa_responsiveCol .fieldGroup {
  float: left;
  width: 100%;
}
.pa_responsiveRpw .pa_responsiveCol .fieldGroup .DocLabels {
  background-color: #f3f3f3;
  padding: 6px 13px;
  border-radius: 5px;
  font-size: 0.95rem;
  color: #333;
  margin: 3px;
  float: left;
}
.pa_responsiveRpw .pa_responsiveCol .fieldGroup.span10 {
  margin-top: 10px;
}
.pa_responsiveRpw .pa_responsiveCol .radioBoxCon {
  margin-right: 15px;
}
.pa_responsiveRpw .pa_responsiveCol .radioBoxCon label {
  width: auto;
}
.pa_responsiveRpw .formInfo {
  float: left;
  width: calc(100% - 20px);
  padding: 15px 20px;
  background-color: #f7f7f7;
  margin-left: 10px;
}
.pa_responsiveRpw .formInfo p {
  margin: 4px 0;
}
.pa_responsiveRpw .pa_InnerRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  border-bottom: 1px dashed #ccc;
}
.pa_responsiveRpw .pa_InnerRow .blockTitle {
  padding: 15px 10px 10px 10px;
}
.pa_responsiveRpw .blockTitle {
  float: left;
  width: 100%;
  padding: 15px 0 10px 0;
  font-size: 1.4rem;
  color: var(--p_main);
}

.NeedHelp {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  font-size: 15px;
}

/*  Submit Claim */
.submitCliamMainWrapper .ChooseClaimTypeRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.submitCliamMainWrapper .ChooseClaimTypeRow h5 {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper {
  float: left;
  /*width: 100%;
  max-width: 720px;*/
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon {
  min-width: 115px;
  margin: 12px 10px;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon label span {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon.SplitProduct {
  max-width: 205px;
  width: 100%;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon.SplitProduct .fieldGroup {
  width: 100%;
}
.submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon.SplitProduct .fieldGroup .select2-container {
  width: calc(100% - 25px) !important;
  font-size: 0.8rem;
}
@media (max-width: 520px) {
  .submitCliamMainWrapper .ChooseClaimTypeRow .claimRadioWrapper .claimRadioRow .radioBoxCon {
    width: 100%;
  }
}
.submitCliamMainWrapper .claimFieldRow {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.submitCliamMainWrapper .claimFieldRow .submitPreApprovalConRow {
  float: left;
  width: 100%;
}
.submitCliamMainWrapper .claimFieldRow .submitPreApprovalConRow p {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .submitCliamMainWrapper .claimFieldRow .submitPreApprovalConRow p {
    text-align: left;
  }
}
.submitCliamMainWrapper .claimFieldRow .form-group {
  float: left;
  width: 100%;
  margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
  .submitCliamMainWrapper .claimFieldRow .form-group label.mobile-hidden {
    display: none;
  }
}
.submitCliamMainWrapper .claimFieldRow .form-group label {
  float: left;
  width: 30%;
  text-align: right;
  padding: 0 50px;
}
.submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal {
  float: left;
  width: 30%;
  padding-left: 25px;
}
.submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnFill, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal a, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .promo_details, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btn.btn-primary, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnBordered, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal a, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .primaryBtn, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnGrey, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .greyBtnBordered, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .yellowBtn, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .primaryBtnBordered, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .yellowBtnBorder, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnBorderedsecondary, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btn.btn-primary, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btn.btn-default, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .enrollNow, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnExportFill {
  float: left;
  padding: 6px 12px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal {
    width: auto;
  }
}
.submitCliamMainWrapper .claimFieldRow .form-group .fieldGroup {
  float: left;
  width: 40%;
}
@media (max-width: 767px) {
  .submitCliamMainWrapper .claimFieldRow .form-group label {
    padding: 0px;
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
  .submitCliamMainWrapper .claimFieldRow .form-group label:empty {
    display: none;
  }
  .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal {
    padding: 0px;
    margin-top: 5px;
  }
  .submitCliamMainWrapper .claimFieldRow .form-group .fieldGroup {
    width: 100%;
  }
}
.submitCliamMainWrapper .btnRow.btnAlighCenter.span-lb-35 {
  margin-bottom: 35px;
}
.submitCliamMainWrapper .btnRow.btnAlighCenter.span-lt-10 {
  margin-top: 10px;
}
.submitCliamMainWrapper .btnRow.btnAlighCenter button {
  padding: 5px 50px;
  min-width: 130px;
}
.submitCliamMainWrapper .Ad_Claim_table {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 10px;
}

/*  Submit Claim */
#AddToCampaign .btnRow {
  margin: 10px 0;
}
#AddToCampaign .table {
  margin: 10px 0;
}

.btnFormRow {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.btnFormRow .btnGrey, .btnFormRow .yellowBtn {
  margin: 4px;
}
.btnFormRow .btnLeft {
  float: left;
}
.btnFormRow .btnRight {
  float: right;
  margin-left: auto;
}

.selectMediaCon {
  float: left;
  width: 100%;
}

.searchDealerForm {
  float: left;
  width: 100%;
}
.searchDealerForm .dealerSearchBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.searchDealerForm .dealerSearchBlock .dealerSearchInner {
  float: left;
  width: 100%;
  max-width: 650px;
}
.searchDealerForm .dealerSearchBlock .dealerSearchInner [class*=col-] label {
  margin-bottom: 4px;
}

#frmManageTemplate {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.assetBlock .uploadBlock {
  float: left;
  width: 100%;
  max-width: 480px;
  padding-right: 30px;
}
.assetBlock .uploadBlock .dropzone {
  background-color: #fff !important;
}
@media (max-width: 991px) {
  .assetBlock .uploadBlock {
    max-width: 520px;
    padding-right: 0;
  }
}

.selectDealer {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.selectDealer li {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
  position: relative;
}
.selectDealer li input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0px;
}
.selectDealer li input[type=radio]:checked + .selectBlock {
  border-color: var(--borderActive);
  background-color: var(--grey300);
}
.selectDealer li .selectBlock {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  background-color: var(--blockBg);
  padding: 20px;
  text-align: center;
}
.selectDealer li .selectBlock h4 {
  font-size: 1.05rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin: 15px 0 0 0;
}
.selectDealer li:hover .selectBlock {
  border-color: var(--borderActive);
  background-color: var(--grey300);
}

.formWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.formWrapper .formInnerWrapper {
  float: left;
  width: 100%;
  max-width: calc(100% - 300px);
}
.formWrapper .formInnerWrapper .formBlock {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  margin: 20px 0;
  position: relative;
  border-radius: 2px;
  background-color: var(--whiteBlockBg);
}
@media (max-width: 991px) {
  .formWrapper .formInnerWrapper {
    max-width: 100%;
  }
}

.selectedBlock {
  position: absolute;
  right: 20px;
  top: -20px;
  font-family: var(--fontRegular);
  font-weight: 400;
  padding: 8px 10px;
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
  border-radius: 2px;
  font-size: 0.85rem;
}
.selectedBlock i {
  color: var(--BtnTextHover) !important;
}

.horizontalForm {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.horizontalForm .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.horizontalForm .form-group > label {
  float: left;
  width: 300px;
  font-size: 0.9rem;
}
.horizontalForm .form-group .fieldGroup {
  float: left;
  width: calc(100% - 300px);
  padding-right: 10%;
  padding-left: 10px;
  font-size: 0.9rem;
}
.horizontalForm .form-group .fieldGroup.block2Row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.horizontalForm .form-group .fieldGroup.block2Row .form-group {
  float: left;
  width: calc(50% - 12px);
  padding: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.horizontalForm .form-group .fieldGroup.block2Row .form-group > label {
  float: left;
  width: 100%;
}
.horizontalForm .form-group .fieldGroup.block2Row .form-group .fieldGroup {
  float: left;
  width: 100%;
  padding: 0px;
}
@media (max-width: 767px) {
  .horizontalForm .form-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .horizontalForm .form-group > label {
    width: 180px;
  }
  .horizontalForm .form-group .fieldGroup {
    width: calc(100% - 180px);
    padding-right: 0;
  }
}
@media (max-width: 520px) {
  .horizontalForm .form-group > label {
    width: 100%;
    margin-bottom: 5px;
  }
  .horizontalForm .form-group .fieldGroup {
    width: 100%;
    padding: 0px;
  }
}
.horizontalForm .form-group:last-child {
  margin-bottom: 0px;
}
.horizontalForm.formCol2 {
  margin-left: 0;
  width: 100%;
}
.horizontalForm.formCol2 .form-group {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0;
  float: left;
}
.horizontalForm.formCol2 .form-group .fieldGroup {
  width: 100%;
  padding: 0;
}
.horizontalForm .emailFieldsBlock {
  float: left;
  width: 300px;
  padding-right: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.horizontalForm .emailFieldsBlock.blockHide {
  display: none;
}
@media (max-width: 767px) {
  .horizontalForm .emailFieldsBlock {
    width: 100%;
    padding: 0px;
  }
}
.horizontalForm .emailTemp {
  float: right;
  width: calc(100% - 310px);
  position: relative;
  padding-left: 40px;
}
.horizontalForm .emailTemp::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #ccc;
}
.horizontalForm .emailTemp .emailBlockSlide {
  position: absolute;
  left: -15px;
  background: #dcdfeb;
  color: var(--p_main);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  cursor: pointer;
  top: calc(50% - 15px);
}
.horizontalForm .emailTemp.blockFull {
  width: 100%;
}
.horizontalForm .emailTemp.blockFull .emailBlockSlide {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
@media (max-width: 767px) {
  .horizontalForm .emailTemp {
    width: 100%;
    padding: 0px;
    margin-top: 20px;
  }
  .horizontalForm .emailTemp::before {
    display: none;
  }
  .horizontalForm .emailTemp .emailBlockSlide {
    display: none;
  }
}

.dwnBtn {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 10px 0;
}
.dwnBtn a {
  float: left;
  text-decoration: underline;
}

.noteCon {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  color: var(--TextMain);
  background-color: var(--grey400);
}
.noteCon p {
  margin: 0px;
}

.urlBlock {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.urlBlock .preFix, .urlBlock .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .postFix, .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .urlBlock .postFix, .urlBlock .browseBtn, .urlBlock .addMore, .urlBlock .postFix {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  min-width: 60px;
  background-color: var(--FormIconBg);
  border-right: 1px solid var(--border);
}
.urlBlock .addMore, .urlBlock .postFix {
  min-width: 50px;
  cursor: pointer;
  border: none;
  border-left: 1px solid var(--border);
}
.urlBlock .addMore i, .urlBlock .postFix i {
  color: var(--TextMain);
}
.urlBlock .browseBtn {
  border-right: none;
  border-left: 1px solid var(--text_white);
}
.urlBlock .form-control, .urlBlock .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .urlBlock input {
  border: none;
  border-radius: 0px;
}

.textNOte {
  float: left;
  width: 100%;
  margin: 3px 0;
  font-size: 0.85rem;
  color: #9D9D9D;
}

.addedBlock {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.addedBlock .urlBlock {
  margin: 10px 0;
}

.bxshadow {
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12);
}

.c_Icon {
  position: absolute;
  left: calc(50% - 20px);
  top: -20px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #99CA3E;
  border-radius: 100%;
  color: #fff;
}

.s-screenTitle {
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.s-screenText {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.5019607843);
}

.expandEmailRow {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.expandEmailRow .fieldGroup {
  width: 100% !important;
  padding: 0px !important;
}

.addEmailRow {
  display: flex;
  flex-wrap: wrap;
  max-height: 200px;
  overflow-y: auto;
}

.submitPreApprovalConRow h6 {
  font-size: 0.95rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 1rem;
}
.submitPreApprovalConRow .ClaimVal p {
  font-size: 0.85rem;
}
.submitPreApprovalConRow .ClaimVal p a {
  text-decoration: underline;
}

.dealerSearchList {
  margin: 10px 0;
  float: left;
  width: 100%;
}
.dealerSearchList .dataTables_wrapper {
  padding: 0px;
}

.uploadInfo .formTitle {
  font-size: 1rem;
}
.uploadInfo .formTitle a {
  font-size: 0.85rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin: 4px 0;
  text-decoration: underline;
  margin-left: 10px;
}

.dMain {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dMain .dRight {
  margin-left: auto;
  width: 400px;
  border: 1px solid var(--border);
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 8px;
}
.dMain .dRight .dHead {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px 4px 0 0;
  padding: 10px 20px;
  background-color: var(--grey300);
}
.dMain .dRight .dHead .hLeft {
  float: left;
  width: calc(100% - 100px);
}
.dMain .dRight .dHead .hLeft p {
  margin: 0;
  float: left;
  width: 100%;
  font-size: 0.8rem;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.dMain .dRight .dHead .hLeft h4 {
  margin: 0;
  float: left;
  width: 100%;
  color: var(--TextMain);
}
.dMain .dRight .dHead .hRgt {
  margin-left: auto;
  width: 100px;
}
.dMain .dRight .dHead.noBg {
  padding: 0px;
  border-radius: 0;
  background-color: transparent;
}
.dMain .dRight .dCont {
  float: left;
  width: 100%;
  border-radius: 0 0 4px 4px;
  padding: 16px;
}
.dMain .dRight .dCont li {
  float: left;
  width: 100%;
  margin: 12px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.dMain .dRight .dCont li .iconBlock {
  float: left;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  background-color: var(--darkGrey800);
}
.dMain .dRight .dCont li .iconBlock i {
  color: var(--text_white);
  font-size: 1.3rem;
}
.dMain .dRight .dCont li .blockCont {
  float: left;
  width: calc(100% - 50px);
  padding: 0 0 0 20px;
}
.dMain .dRight .dCont li .blockCont p {
  float: left;
  width: 100%;
  margin: 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.dMain .dRight .dCont li .blockCont p span {
  float: right;
}
.dMain .dRight .dCont li .blockCont .progress {
  float: left;
  width: 100%;
  height: 0.6rem;
  border-radius: 20px;
  background-color: var(--border);
}
.dMain .dRight .dCont li:first-child {
  margin-top: 0px;
}
.dMain .dRight .dCont li:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1200px) {
  .dMain .dRight {
    width: 350px;
  }
}
@media (max-width: 1080px) {
  .dMain .dRight {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .dMain .dRight {
    width: 100%;
  }
}
.dMain .dLeft {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 400px - 30px);
}
.dMain .dLeft form {
  float: left;
  width: 100%;
}
.dMain .dLeft form + .blockList {
  margin-top: 0px;
}
.dMain .dLeft .dealerSearchCon {
  float: left;
  width: 100%;
  padding: 22px 15px;
  background-color: var(--blockBg);
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.dMain .dLeft .dealerSearchCon .dealerNumber {
  max-width: calc(35% - 40px);
  margin: 0;
  float: left;
  width: 100%;
}
.dMain .dLeft .dealerSearchCon .dealerNumber .form-control, .dMain .dLeft .dealerSearchCon .dealerNumber .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dMain .dLeft .dealerSearchCon .dealerNumber input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dMain .dLeft .dealerSearchCon .dealerName, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation {
  max-width: calc(65% - 120px);
  margin: 0;
  float: left;
  width: 100%;
}
.dMain .dLeft .dealerSearchCon .dealerName .form-control, .dMain .dLeft .dealerSearchCon .dealerName .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dMain .dLeft .dealerSearchCon .dealerName input, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation .form-control, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation input, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation .form-control, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation input {
  border-radius: 0px;
}
.dMain .dLeft .dealerSearchCon .searchBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end;
  margin: 0;
  width: 160px;
  padding: 0;
}
.dMain .dLeft .dealerSearchCon .searchBtn .btnFill, .dMain .dLeft .dealerSearchCon .searchBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .dMain .dLeft .dealerSearchCon .searchBtn a, .dMain .dLeft .dealerSearchCon .searchBtn .promo_details, .dMain .dLeft .dealerSearchCon .searchBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .dMain .dLeft .dealerSearchCon .searchBtn .btn.btn-primary, .dMain .dLeft .dealerSearchCon .searchBtn .btnBordered, .dMain .dLeft .dealerSearchCon .searchBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .dMain .dLeft .dealerSearchCon .searchBtn a, .dMain .dLeft .dealerSearchCon .searchBtn .primaryBtn, .dMain .dLeft .dealerSearchCon .searchBtn .btnGrey, .dMain .dLeft .dealerSearchCon .searchBtn .greyBtnBordered, .dMain .dLeft .dealerSearchCon .searchBtn .yellowBtn, .dMain .dLeft .dealerSearchCon .searchBtn .primaryBtnBordered, .dMain .dLeft .dealerSearchCon .searchBtn .yellowBtnBorder, .dMain .dLeft .dealerSearchCon .searchBtn .btnBorderedsecondary, .dMain .dLeft .dealerSearchCon .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .dMain .dLeft .dealerSearchCon .searchBtn .btn.btn-primary, .dMain .dLeft .dealerSearchCon .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .dMain .dLeft .dealerSearchCon .searchBtn .btn.btn-default, .dMain .dLeft .dealerSearchCon .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .dMain .dLeft .dealerSearchCon .searchBtn .enrollNow, .dMain .dLeft .dealerSearchCon .searchBtn .btnExportFill {
  float: left;
  width: 100%;
  padding: 10px 15px;
  border-radius: 0 4px 4px 0;
}
@media (max-width: 1200px) {
  .dMain .dLeft {
    width: calc(100% - 350px - 30px);
  }
}
@media (max-width: 1080px) {
  .dMain .dLeft {
    width: calc(100% - 320px - 30px);
  }
  .dMain .dLeft .blockList li {
    width: calc(50% - 16px);
    height: auto;
  }
  .dMain .dLeft .dealerSearchCon .dealerNumber {
    max-width: calc(40% - 70px);
  }
  .dMain .dLeft .dealerSearchCon .dealerName, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation {
    max-width: calc(60% - 90px);
  }
}
@media (max-width: 991px) {
  .dMain .dLeft {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 520px) {
  .dMain .dLeft .blockList li {
    width: calc(100% - 20px);
  }
  .dMain .dLeft .dealerSearchCon .dealerNumber {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .dMain .dLeft .dealerSearchCon .dealerName, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .dMain .dLeft .dealerSearchCon .searchBtn {
    padding: 0;
    margin: 5px 0;
  }
}

.blockList {
  float: left;
  width: calc(100% + 16px);
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.blockList li {
  float: left;
  width: calc(33.33% - 16px);
  margin: 8px 8px;
  color: var(--TextMain);
  background-color: var(--blockListBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--blockListBdr);
}
.blockList li a {
  color: var(--blockListText);
  padding: 16px;
  float: left;
  width: 100%;
  min-height: 90px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.blockList li .bIcon {
  float: left;
  width: 50px;
}
.blockList li .bIcon i {
  pointer-events: none;
}
.blockList li .bCont {
  float: left;
  padding-left: 20px;
  width: calc(100% - 50px);
}
.blockList li .bCont h4 {
  margin-bottom: 2px;
  font-size: 0.95rem;
  font-family: var(--fontBold);
  font-weight: 700;
}
.blockList li .bCont p {
  margin: 0;
  font-size: 0.8rem;
}
.blockList li:hover {
  border-color: var(--blockListBdr-Hover);
  background-color: var(--blockListBg-Hover);
}
.blockList li:hover .bCont h4 {
  color: var(--blockListText-Hover);
}
@media (max-width: 767px) {
  .blockList li {
    width: calc(50% - 16px);
  }
}
@media (max-width: 520px) {
  .blockList li {
    width: calc(100% - 16px);
  }
}
.blockList.block5 li {
  width: calc(20% - 16px);
}
.blockList.block5 li a .bCont {
  padding-left: 10px;
}
@media (max-width: 1080px) {
  .blockList.block5 li {
    width: calc(33.33% - 16px);
  }
}
@media (max-width: 767px) {
  .blockList.block5 li {
    width: calc(50% - 16px);
  }
}
@media (max-width: 480px) {
  .blockList.block5 li {
    width: calc(100% - 16px);
  }
}

.ClaimVal p {
  font-size: 0.85rem;
}

.ExpandedEmailCon {
  max-height: 105px;
  overflow-y: auto;
}

.stepsWrapper {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .content {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding: 0 60px;
}
@media (max-width: 991px) {
  .stepsWrapper .wizard .content {
    padding: 0;
  }
}
.stepsWrapper .wizard .content .fieldGroup {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .content .fieldGroup.inlineStyleNone p {
  padding: 2px 0 !important;
  margin: 0px;
}
.stepsWrapper .wizard .content #spaddress br + br {
  display: none;
}
.stepsWrapper .wizard .content h3.title {
  display: none;
  color: var(--p_main);
  font-family: var(--fontRegular);
  font-weight: 400;
  outline: none;
}
.stepsWrapper .wizard .content h3.title.current {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.stepsWrapper .wizard .content h3.title.LastStep {
  display: none;
}
.stepsWrapper .wizard .content h3.title.TItleVisible {
  display: block;
}
.stepsWrapper .wizard .content .select2-container {
  width: 100% !important;
}
.stepsWrapper .wizard .content .select2-container .select2-selection {
  height: calc(1.5em + 0.75rem + 2px);
  border: 1px solid #ced4da;
}
.stepsWrapper .wizard .content .select2-container .select2-selection .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem);
}
.stepsWrapper .wizard .content .select2-container .select2-selection .select2-selection__arrow {
  height: calc(1.5em + 0.75rem);
}
.stepsWrapper .wizard .content .select2-container .select2-selection.select2-selection--multiple {
  height: auto;
  min-height: calc(1.5em + 0.75rem + 2px);
  max-height: 80px;
  overflow-y: auto;
}
.stepsWrapper .wizard .content .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .content .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
  float: left;
  border-radius: 30px;
  line-height: 1.4;
  font-size: 0.95rem;
  border: none;
  background-color: #f1f1f1;
  color: #757575;
  padding: 2px 10px;
}
.stepsWrapper .wizard .content .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  margin-right: 5px;
}
.stepsWrapper .wizard .content .fieldInfo {
  float: left;
  width: 100%;
  font-size: 0.8rem;
  margin-top: 3px;
  color: #949494;
}
.stepsWrapper .wizard .content .fieldInlineRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.stepsWrapper .wizard .content .fieldInlineRow > label {
  margin: 0px;
  padding-right: 15px;
}
.stepsWrapper .wizard .content .formRow-group .form-group {
  float: left;
}
.stepsWrapper .wizard .actions {
  display: none;
}

.imagePreview {
  float: left;
  width: 100%;
}
.imagePreview img#previewImage {
  max-width: 100px;
}

@media (min-width: 541px) {
  .showMobile {
    display: none;
  }
}
.ExtraSmallContainer {
  float: left;
  width: 100%;
  max-width: 800px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.ExtraSmallContainer .tourFinalStep {
  float: left;
  width: 100%;
  padding: 30px 50px;
}
.ExtraSmallContainer .tourFinalStep .tourFinalTitle {
  float: left;
  width: 100%;
  text-align: center;
  color: var(--p_main);
  margin-bottom: 20px;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.ExtraSmallContainer .tourFinalStep h4 {
  float: left;
  width: 100%;
  text-align: center;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin: 15px 0;
}
.ExtraSmallContainer .tourFinalStep .btncenterRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
}

.BTResponseSuccessCon .ExtraSmallContainer {
  max-width: 700px;
}
.BTResponseSuccessCon .ExtraSmallContainer .tourFinalStep {
  padding: 40px;
}
.BTResponseSuccessCon .ExtraSmallContainer .tourFinalStep .BTResponseSBtnRow {
  float: left;
  width: 100%;
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.BTResponseSuccessCon .ExtraSmallContainer .tourFinalStep .BTResponseSBtnRow .yellowBtn {
  margin: 5px 10px;
}

.claimDetailWrapper {
  float: left;
  width: 100%;
}

.ClaimDetail_main {
  float: left;
  width: 100%;
}

.activityRow {
  float: left;
  width: 100%;
}
.activityRow .ActivityTitle {
  float: left;
  width: 100%;
  font-size: 1.4rem;
  color: #367c2b;
  margin: 5px 0;
}
.activityRow + .activityRow {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed #ccc;
}

.flex_Row {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.flex_Row .Col4, .flex_Row .Col12, .flex_Row .Col11, .flex_Row .Col10, .flex_Row .Col9, .flex_Row .Col8, .flex_Row .Col7, .flex_Row .Col6, .flex_Row .Col5, .flex_Row .Col3, .flex_Row .Col2, .flex_Row .Col1 {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
}
.flex_Row .Col4 label, .flex_Row .Col12 label, .flex_Row .Col11 label, .flex_Row .Col10 label, .flex_Row .Col9 label, .flex_Row .Col8 label, .flex_Row .Col7 label, .flex_Row .Col6 label, .flex_Row .Col5 label, .flex_Row .Col3 label, .flex_Row .Col2 label, .flex_Row .Col1 label {
  margin-bottom: 5px;
  width: 100%;
}
@media (max-width: 767px) {
  .flex_Row .Col4, .flex_Row .Col12, .flex_Row .Col11, .flex_Row .Col10, .flex_Row .Col9, .flex_Row .Col8, .flex_Row .Col7, .flex_Row .Col6, .flex_Row .Col5, .flex_Row .Col3, .flex_Row .Col2, .flex_Row .Col1 {
    width: calc(50% - 20px);
  }
}
.flex_Row .Col1 {
  width: calc(8.333333% - 20px);
}
.flex_Row .Col2 {
  width: calc(16.666667% - 20px);
}
.flex_Row .Col3 {
  width: calc(25% - 20px);
}
@media (max-width: 991px) {
  .flex_Row .Col3 {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .flex_Row .Col3 {
    width: calc(50% - 20px);
  }
}
.flex_Row .Col5 {
  width: calc(41.666667% - 20px);
}
.flex_Row .Col6 {
  width: calc(50% - 20px);
}
.flex_Row .Col7 {
  width: calc(58.333333% - 20px);
}
.flex_Row .Col8 {
  width: calc(66.666667% - 20px);
}
.flex_Row .Col9 {
  width: calc(75% - 20px);
}
.flex_Row .Col10 {
  width: calc(83.333333% - 20px);
}
.flex_Row .Col11 {
  width: calc(91.666667% - 20px);
}
.flex_Row .Col12 {
  width: calc(100% - 20px);
}

.ClaimTableRow {
  float: left;
  width: 100%;
}

.claimListWrapper {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.claimListWrapper .claimWrapper {
  position: relative;
}
.claimListWrapper .claimWrapper + .claimWrapper {
  margin-top: 10px;
  padding-top: 10px;
}
.claimListWrapper .claimWrapper + .claimWrapper::before {
  content: "";
  left: 10px;
  top: 0px;
  position: absolute;
  width: calc(100% - 20px);
  border-top: 1px dashed #ccc;
}

.span_p10 {
  padding: 10px;
}

.cd_Row {
  float: left;
  width: 100%;
}
@media (max-width: 520px) {
  .cd_Row label {
    float: left;
    width: 100%;
  }
  .cd_Row span {
    float: left;
    width: 100%;
    text-align: left;
  }
}

.agencyRegTourWrapper, .commonWizardWrapepr {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content, .commonWizardWrapepr .stepsWrapper .wizard .content {
  padding: 0px;
  margin-top: 40px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content h3.title, .commonWizardWrapepr .stepsWrapper .wizard .content h3.title {
  display: none;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepsTitle, .commonWizardWrapepr .stepsWrapper .wizard .content .stepsTitle {
  background-color: var(--grey150);
  padding: 12px;
  position: relative;
  font-size: 1.5rem;
  color: var(--TextMain);
  float: left;
  width: 100%;
  line-height: 1;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepsTitle.titleSmall, .commonWizardWrapepr .stepsWrapper .wizard .content .stepsTitle.titleSmall {
  font-size: 1.1rem;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepsTitle .topNavspan i, .commonWizardWrapepr .stepsWrapper .wizard .content .stepsTitle .topNavspan i {
  display: none;
}
@media (max-width: 991px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .stepsTitle, .commonWizardWrapepr .stepsWrapper .wizard .content .stepsTitle {
    font-size: 1.2rem;
  }
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepSubTitle, .commonWizardWrapepr .stepsWrapper .wizard .content .stepSubTitle {
  float: left;
  width: 100%;
  color: #808080;
  margin: 20px 0;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepSubTitle.noSpacing, .commonWizardWrapepr .stepsWrapper .wizard .content .stepSubTitle.noSpacing {
  margin: 0px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .stepSubTitle2, .commonWizardWrapepr .stepsWrapper .wizard .content .stepSubTitle2 {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 0.85rem;
  color: #808080;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-left: 170px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group {
  float: left;
  width: 100%;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group label, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group label {
  float: left;
  width: 200px;
  padding-right: 15px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter {
  float: left;
  width: calc(100% - 200px);
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .fieldGroup, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .fieldGroup {
  float: left;
  max-width: 270px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight {
  float: left;
  width: calc(100% - 270px);
  padding-left: 20px;
  margin: 9px 0;
  font-size: 0.85rem;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight a, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight a {
  text-decoration: underline;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group.regProfileBtn, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group.regProfileBtn {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group.regProfileBtn label, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group.regProfileBtn label {
    display: none;
  }
}
@media (max-width: 991px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo {
    padding-left: 0px;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group label, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group label {
    width: 150px;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter {
    width: calc(100% - 150px);
  }
}
@media (max-width: 767px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo {
    padding-left: 0px;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group label, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group label {
    width: 100%;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter {
    width: 100%;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .fieldGroup, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .fieldGroup {
    max-width: 100%;
  }
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .form-group .fieldGroupOuter .RegInfoRight {
    width: 100%;
    padding: 0px;
  }
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .btnCenterSpace, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .btnCenterSpace {
  margin-left: 60px;
}
@media (max-width: 767px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .regUserInfo .btnCenterSpace, .commonWizardWrapepr .stepsWrapper .wizard .content .regUserInfo .btnCenterSpace {
    margin-left: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .regInfo, .commonWizardWrapepr .stepsWrapper .wizard .content .regInfo {
  float: left;
  width: 100%;
  font-size: 0.75rem;
  margin-top: 3px;
}
@media (max-width: 767px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col4, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col4, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col1, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col1, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col2, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col2, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col3, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col3, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col5, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col5, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col6, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col6, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col7, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col7, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col9, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col9, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col10, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col10, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col11, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col11, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col12, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col12, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col8, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col8 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) and (max-width: 480px) {
  .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col4, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col4, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col1, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col1, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col2, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col2, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col3, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col3, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col5, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col5, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col6, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col6, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col7, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col7, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col9, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col9, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col10, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col10, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col11, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col11, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col12, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col12, .agencyRegTourWrapper .stepsWrapper .wizard .content .flex_Row .Col8, .commonWizardWrapepr .stepsWrapper .wizard .content .flex_Row .Col8 {
    width: calc(100% - 20px);
  }
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .AgencyExtendedContent, .commonWizardWrapepr .stepsWrapper .wizard .content .AgencyExtendedContent {
  float: left;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .AgencyExtendedContent table.dataTable thead .sorting_asc, .commonWizardWrapepr .stepsWrapper .wizard .content .AgencyExtendedContent table.dataTable thead .sorting_asc {
  background-image: none;
}
.agencyRegTourWrapper .stepsWrapper .wizard .content .dealerSearchTitle, .commonWizardWrapepr .stepsWrapper .wizard .content .dealerSearchTitle {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  font-size: 1.3rem;
  color: var(--p_main);
}
.agencyRegTourWrapper .stepsWrapper .wizard .content #AddDealer .modal-dialog, .commonWizardWrapepr .stepsWrapper .wizard .content #AddDealer .modal-dialog {
  max-width: 600px;
}
.agencyRegTourWrapper .stepsWrapper .wizard .actions, .commonWizardWrapepr .stepsWrapper .wizard .actions {
  display: block;
}

.regSuccessContainer {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.regSuccessContainer .RegSuccessTitle {
  float: left;
  width: 100%;
  max-width: 600px;
  text-align: center;
  margin-bottom: 25px;
  font-size: 1.6rem;
  color: var(--p_main);
}
.regSuccessContainer .RegSuccessMessage {
  float: left;
  width: 100%;
  max-width: 600px;
  position: relative;
  padding-left: 35px;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 20px;
}
.regSuccessContainer .RegSuccessMessage::before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 0;
  color: var(--p_main);
  opacity: 0.5;
  font-size: 1.1rem;
}
.regSuccessContainer .RegErrorMessage {
  float: left;
  width: 100%;
  max-width: 600px;
  position: relative;
  padding-left: 35px;
  font-size: 0.9rem;
}
.regSuccessContainer .RegErrorMessage::before {
  content: "\f06a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  color: #f93628;
  opacity: 0.5;
  font-size: 1.1rem;
}

.signInWrapper {
  float: left;
  width: 100%;
  margin: 50px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100vh;
  margin: 0;
}
.signInWrapper .signInContainer {
  float: left;
  width: 100%;
  max-width: 460px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.signInWrapper .signInContainer .SignInlogo {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
.signInWrapper .signInContainer .SignInInnerCon {
  float: left;
  width: 100%;
  padding: 30px 40px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.06);
}
@media (max-width: 767px) {
  .signInWrapper .signInContainer .SignInInnerCon {
    padding: 30px 20px;
  }
}
.signInWrapper .signInContainer .SignInInnerCon .SignInTitle {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
.signInWrapper .signInContainer .SignInInnerCon .signInform {
  float: left;
  width: 100%;
  padding: 0;
}
.signInWrapper .signInContainer .SignInInnerCon .signInform .alert-info {
  font-size: 1rem;
}
.signInWrapper .signInContainer .SignInInnerCon .signInform .alert-info a {
  color: var(--TextMain);
}
.signInWrapper .signInContainer .SignInInnerCon .signInform .alert-info a:hover {
  color: var(--link);
}
@media (max-width: 520px) {
  .signInWrapper .signInContainer .SignInInnerCon .signInform {
    padding: 0px;
  }
}
.signInWrapper .signInContainer .SignInInnerCon .signInform {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
}
.signInWrapper .signInContainer .SignInInnerCon .btnBlock {
  float: left;
  width: 100%;
}
.signInWrapper .signInContainer.containerBig {
  max-width: 800px;
}
.signInWrapper .signInContainer.container12 {
  max-width: 1300px;
}

.commonWizardWrapepr .span10 {
  padding: 10px;
}
.commonWizardWrapepr .span20 {
  padding: 20px;
}
.commonWizardWrapepr .span30 {
  padding: 30px;
}
.commonWizardWrapepr .span40 {
  padding: 40px;
}
.commonWizardWrapepr .span50 {
  padding: 50px;
}
@media (max-width: 991px) {
  .commonWizardWrapepr .stepsWrapper {
    padding: 0;
  }
}
.commonWizardWrapepr .Enrollment_DealershipInfo {
  float: left;
  width: 100%;
}
.commonWizardWrapepr .Enrollment_DealershipInfo + .stepsTitle {
  margin-top: 20px;
}
.commonWizardWrapepr .smallBlock {
  max-width: 600px;
}
@media (max-width: 767px) {
  .commonWizardWrapepr .smallBlock {
    max-width: 100%;
  }
}
.commonWizardWrapepr .stepInfo {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 1.1rem;
}
.commonWizardWrapepr .stepInfo a {
  text-decoration: underline;
}
.commonWizardWrapepr .EnrollmentBlocks {
  float: left;
  width: 100%;
  padding: 15px 35px;
}
@media (max-width: 767px) {
  .commonWizardWrapepr .EnrollmentBlocks {
    padding: 15px;
  }
}
.commonWizardWrapepr .EnrollmentBlocks:nth-child(even) {
  background-color: #efefef;
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block {
  float: left;
  width: 100%;
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group {
  float: left;
  width: 100%;
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group label {
  float: left;
  width: 50%;
  padding-right: 15px;
  margin: 0px;
}
@media (max-width: 767px) {
  .commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group label {
    width: 190px;
  }
}
@media (max-width: 520px) {
  .commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group label {
    width: 100%;
    padding: 0px;
  }
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group .field-group {
  float: left;
  width: 50%;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group .field-group {
    width: calc(100% - 190px);
  }
}
@media (max-width: 520px) {
  .commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group .field-group {
    width: 100%;
    padding: 0px;
    margin-top: 5px;
  }
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group .field-group .Field_Value {
  float: right;
  text-align: right;
}
@media (max-width: 520px) {
  .commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group .field-group .Field_Value {
    text-align: left;
    float: left;
  }
}
.commonWizardWrapepr .EnrollmentBlocks .Enroll_info_block .form-group:last-child {
  margin-bottom: 0px;
}
.commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group label {
  width: calc(100% - 300px);
}
.commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group {
  width: 100%;
  max-width: 300px;
}
.commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .form-control.error ~ li, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .top-var-cot .chilliFlex .var-name-tab input.error ~ li, .top-var-cot .chilliFlex .var-name-tab .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group input.error ~ li, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .form-control.valid ~ li, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .top-var-cot .chilliFlex .var-name-tab input.valid ~ li, .top-var-cot .chilliFlex .var-name-tab .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group input.valid ~ li {
  list-style: none;
  float: left;
  width: 100%;
  margin: 2px 0;
  font-size: 0.85rem;
  color: #ff0000;
}
.commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .form-control.error ~ li label, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .top-var-cot .chilliFlex .var-name-tab input.error ~ li label, .top-var-cot .chilliFlex .var-name-tab .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group input.error ~ li label, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .form-control.valid ~ li label, .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group .top-var-cot .chilliFlex .var-name-tab input.valid ~ li label, .top-var-cot .chilliFlex .var-name-tab .commonWizardWrapepr .EnrollmentBlocks.smallFields .Enroll_info_block .form-group .field-group input.valid ~ li label {
  float: left;
  width: 100%;
}
.commonWizardWrapepr .EnrollmentBlocks.withShippingPreference {
  background-color: transparent !important;
  padding: 0px !important;
}
.commonWizardWrapepr .stepSmallTitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  color: var(--p_main);
  margin-bottom: 10px;
}
.commonWizardWrapepr .stepSmallTitle a.editBtn {
  float: right;
  font-size: 1rem;
  text-decoration: underline;
}
.commonWizardWrapepr .selectedCapWrapper .stepSmallTitle {
  padding: 8px 12px;
  border-bottom: 1px dashed #ddd;
}
.commonWizardWrapepr .EnrollmentNote {
  float: left;
  width: 100%;
  padding: 15px 35px;
}
@media (max-width: 767px) {
  .commonWizardWrapepr .EnrollmentNote {
    padding: 10px 15px;
  }
}
.commonWizardWrapepr .EnrollmentNote .programInfoTitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  color: var(--p_main);
}
.commonWizardWrapepr .EnrollmentNote p, .commonWizardWrapepr .EnrollmentNote ul {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}
.commonWizardWrapepr .EnrollmentNote ul {
  list-style: disc;
  padding-left: 18px;
  margin-left: 18px;
}
.commonWizardWrapepr .EnrollmentNote ul li {
  float: left;
  width: 100%;
  margin: 3px 0;
}
.commonWizardWrapepr .EnrollmentNote ul ul {
  list-style: circle !important;
}
.commonWizardWrapepr .buttonRowCenter button, .commonWizardWrapepr .buttonRowLeft button {
  min-width: 100px;
}
@media (max-width: 520px) {
  .commonWizardWrapepr .co-opContainer.smallContainerBlock .successContainer {
    padding: 0px 10px;
  }
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard section a, .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard section a {
  text-decoration: underline;
  color: #367c2b;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard section a:hover, .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard section a:hover {
  color: #fbd60b;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard ul li:nth-child(1) a span.number::before, .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard ul li:nth-child(1) a span.number::before {
  content: "\f05a";
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard ul li:nth-child(2), .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard ul li:nth-child(2) {
  /*width: 16%;*/
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard ul li:nth-child(2) a span.number::before, .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard ul li:nth-child(2) a span.number::after, .commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard ul li:nth-child(2) a span.number::after {
  display: none;
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .content {
  margin-top: 16px;
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li {
  width: 20%;
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li:nth-child(3) {
  /*width: 16%;*/
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f653";
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li:nth-child(3) a span.number::after {
  display: none;
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f507";
  font-weight: 900;
}
.commonWizardWrapepr .stepsWrapper .wizard#EnrollmentWizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .content {
  margin-top: 16px;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li {
  width: 16.6%;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(3) a span.number {
  position: relative;
  font-family: "Font Awesome 5 Duotone";
  font-weight: 900;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f302";
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(3) a span.number::after {
  display: none;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f670";
  font-weight: 900;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f507";
  font-weight: 900;
}
.commonWizardWrapepr .stepsWrapper .wizard#AgencySignUpWizard .steps ul li:nth-child(6) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.commonWizardWrapepr.GroupMediaWizard .EnrollmentBlocks .Enroll_info_block .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.commonWizardWrapepr.GroupMediaWizard .EnrollmentBlocks .Enroll_info_block .form-group label {
  width: 50%;
}
.commonWizardWrapepr.GroupMediaWizard .EnrollmentBlocks .Enroll_info_block .form-group .field-group {
  max-width: 50%;
}
.commonWizardWrapepr.GroupMediaWizard .EnrollmentBlocks .Enroll_info_block .form-group .dealerAddressAppended {
  float: left;
  width: 100%;
}
.commonWizardWrapepr.GroupMediaWizard .publicationContentCenter {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.commonWizardWrapepr.GroupMediaWizard .publicationContentCenter .publicationContInner {
  float: left;
  width: 100%;
  max-width: 750px;
}
.commonWizardWrapepr.GroupMediaWizard .successContainer .yellowBtn {
  margin: 4px;
}
.commonWizardWrapepr.GroupMediaWizard .enrollReviewPaddingInner {
  padding: 0 0 0 12px;
}

.absolute-center {
  position: absolute;
}
@media (max-width: 800px) {
  .absolute-center {
    float: none !important;
    clear: both;
    position: static;
  }
}

input.disabled_Action {
  color: inherit !important;
  opacity: 0.7 !important;
  background-color: #eee;
}

.dealerMainWrapper {
  padding: 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
.dealerMainWrapper form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.dealerMainWrapper .DealerMainInner, .dealerMainWrapper .Dealer-fix-cot {
  display: inline-block;
  width: 100%;
}

.roleRow {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.roleRow .roleBtnBlock {
  float: left;
  width: 100%;
  width: 200px;
}
.roleRow .roleBtnBlock .yellowBtn {
  float: left;
  width: 100%;
}
.roleRow .roleBtnContent {
  float: right;
  width: calc(100% - 200px);
  padding-left: 50px;
}
@media (max-width: 767px) {
  .roleRow .roleBtnBlock {
    width: 120px;
  }
  .roleRow .roleBtnContent {
    width: calc(100% - 120px);
    padding-left: 15px;
  }
}
@media (max-width: 400px) {
  .roleRow + .roleRow {
    margin-top: 25px;
  }
  .roleRow .roleBtnBlock {
    width: 100%;
  }
  .roleRow .roleBtnContent {
    width: 100%;
    padding-left: 0;
    margin-bottom: 15px;
  }
}

.updateRoleForm {
  float: left;
  width: 100%;
}
.updateRoleForm .updateRoleRow {
  float: left;
  width: 100%;
  margin: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .updateRoleForm .updateRoleRow {
    display: inline-block;
    margin: 0px;
  }
}
.updateRoleForm .updateRoleRow .updateRoleCol {
  float: left;
  width: calc(50% - 40px);
}
.updateRoleForm .updateRoleRow .updateRoleCol label {
  float: left;
  width: 150px;
  margin: 0 0 3px 0;
}
.updateRoleForm .updateRoleRow .updateRoleCol .updateField {
  float: left;
  width: calc(100% - 150px);
}
.updateRoleForm .updateRoleRow .updateRoleCol .updateField .select2-container {
  width: 100% !important;
}
.updateRoleForm .updateRoleRow .updateRoleCol .updateField .select2-container .select2-selection--single {
  height: 36px;
  border: 1px solid #ccc;
}
.updateRoleForm .updateRoleRow .updateRoleCol .updateField .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.updateRoleForm .updateRoleRow .updateRoleCol .updateField .select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
@media (max-width: 991px) {
  .updateRoleForm .updateRoleRow .updateRoleCol {
    width: calc(50% - 20px);
  }
  .updateRoleForm .updateRoleRow .updateRoleCol label {
    width: 110px;
  }
  .updateRoleForm .updateRoleRow .updateRoleCol .updateField {
    width: calc(100% - 110px);
  }
}
@media (max-width: 767px) {
  .updateRoleForm .updateRoleRow .updateRoleCol {
    width: 100%;
    margin: 10px 0;
  }
  .updateRoleForm .updateRoleRow .updateRoleCol label {
    width: 110px;
  }
  .updateRoleForm .updateRoleRow .updateRoleCol .updateField {
    width: calc(100% - 110px);
  }
}
@media (max-width: 480px) {
  .updateRoleForm .updateRoleRow .updateRoleCol {
    width: 100%;
    margin: 10px 0;
  }
  .updateRoleForm .updateRoleRow .updateRoleCol label {
    width: 100%;
  }
  .updateRoleForm .updateRoleRow .updateRoleCol .updateField {
    width: 100%;
    margin-top: 5px;
  }
}
.updateRoleForm .updateRoleBtn {
  float: left;
  width: 100%;
  margin: 20px 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.updateRoleForm .updateRoleBtn .yellowBtn {
  width: 120px;
  margin: 5px 10px;
}

.successWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  margin: 20px 0;
}
.successWrapper .successContainer {
  float: left;
  width: 100%;
  max-width: 700px;
  padding: 35px;
}
.successWrapper .successContainer h4 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  margin-bottom: 1rem;
  padding-left: 32px;
  position: relative;
  color: var(--p_main);
}
.successWrapper .successContainer h4 i {
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--p_main);
}

.RolebtnRow {
  float: left;
  width: 100%;
}
.RolebtnRow button, .RolebtnRow a {
  float: left;
  margin: 5px;
}

/* Toggle Inner */
.toggleWrapperInner {
  float: left;
  width: 100%;
}
.toggleWrapperInner li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.toggleWrapperInner li .toggleHeaderInner {
  float: left;
  width: 100%;
  background-color: #cecece;
  padding: 10px 10px 10px 50px;
  position: relative;
  cursor: pointer;
}
.toggleWrapperInner li .toggleHeaderInner::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: ease-in 0.25s;
}
.toggleWrapperInner li .toggleContentInner {
  float: left;
  width: 100%;
  padding: 15px 50px;
  display: none;
}
.toggleWrapperInner li .toggleContentInner.smallSpacing {
  padding: 15px;
}
.toggleWrapperInner li .toggleContentInner.noSpacing {
  padding: 0;
}
@media (max-width: 767px) {
  .toggleWrapperInner li .toggleContentInner {
    padding: 15px;
  }
}
.toggleWrapperInner li.InnerSlideOpen .toggleHeaderInner::before {
  transform: rotate(90deg);
}
.toggleWrapperInner.toggleViewOnly li .toggleHeader {
  padding: 10px 10px 10px 10px;
}
.toggleWrapperInner.toggleViewOnly li .toggleHeader::before {
  display: none;
}

/* Toggle Inner */
.RoleRedemption {
  float: left;
  width: 100%;
}
.RoleRedemption li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.RoleRedemption li .RoleCMSHeader {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border: 1px solid #ccc;
}
@media (max-width: 520px) {
  .RoleRedemption li .RoleCMSHeader {
    display: inline-block;
  }
}
.RoleRedemption li h6 {
  margin: 0;
  float: left;
}
@media (max-width: 520px) {
  .RoleRedemption li h6 {
    width: 100%;
    margin-bottom: 10px;
  }
}
.RoleRedemption li .RoleRedemptionRight {
  margin-left: auto;
  min-width: 130px;
}

.roleCMS {
  float: left;
  width: 100%;
}

.RoleCMSToggle {
  float: left;
  width: 100%;
}
.RoleCMSToggle li {
  float: left;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #ccc;
}
.RoleCMSToggle li .RoleCMSHeader {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 10px 15px;
}
@media (max-width: 767px) {
  .RoleCMSToggle li .RoleCMSHeader {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 580px) {
  .RoleCMSToggle li .RoleCMSHeader .checkBoxInner {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .RoleCMSToggle li .RoleCMSHeader .checkBoxInner {
    width: 100%;
  }
}
.RoleCMSToggle li h6 {
  margin: 0;
  float: left;
  min-width: 25%;
}
@media (max-width: 767px) {
  .RoleCMSToggle li h6 {
    width: 100%;
    margin-bottom: 10px;
  }
}
.RoleCMSToggle li .RoleRedemptionRight {
  margin-left: auto;
}
.RoleCMSToggle li .roleCMSContent {
  float: left;
  width: 100%;
  padding: 20px 15px;
  display: none;
}
.RoleCMSToggle li.CMSSubTabOpen .roleCMSContent {
  display: block;
}

.roleFormWrapper {
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  table.roleTableResponsive, table.roleTableResponsive tbody, table.roleTableResponsive tr, table.roleTableResponsive td {
    display: inline-block;
    width: 100%;
    border: none !important;
  }
  table.roleTableResponsive tbody tr td + td {
    border: none !important;
  }
}
.formHorizontal {
  float: left;
  width: 100%;
}
.formHorizontal .FormRow {
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 10px 0;
  width: 100%;
}
.formHorizontal .FormRow label {
  float: left;
  width: 250px;
  margin: 0;
  padding-right: 15px;
}
.formHorizontal .FormRow .fieldGroup {
  float: left;
  width: calc(100% - 250px);
}
.formHorizontal .FormRow .fieldGroup .select2-container {
  width: 100% !important;
}
.formHorizontal .FormRow .fieldGroup .select2-container .select2-selection--single {
  height: 36px;
  border: 1px solid #ccc;
}
.formHorizontal .FormRow .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.formHorizontal .FormRow .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.formHorizontal.FieldSmall .FormRow label {
  width: 120px;
}
.formHorizontal.FieldSmall .FormRow .fieldGroup {
  width: calc(100% - 120px);
}

.cartWrapper {
  padding: 0 12px;
  float: left;
  width: 100%;
}

.clsCartImage {
  max-width: 80px;
  max-height: 70px;
}

.clsReviewImage {
  max-width: 80px;
  max-height: 70px;
}

.cartWrapper td {
  vertical-align: middle;
}

.locationTable {
  float: left;
  width: 100%;
}

span.input-info {
  display: inline-block;
  margin-left: 5px;
  color: #4a5978;
  position: relative;
  z-index: 9;
}

span.input-info i {
  font-weight: lighter;
}

.PromotionsSignUpWrapper .form-group {
  margin-bottom: 1rem;
  float: left;
  width: 100%;
}
.PromotionsSignUpWrapper label.fa, .PromotionsSignUpWrapper label.fal, .PromotionsSignUpWrapper label.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.PromotionsSignUpWrapper label {
  font-family: var(--fontMedium);
  font-weight: 500;
}
.PromotionsSignUpWrapper .bgWhite {
  padding-left: 5px;
  padding-right: 5px;
}
.PromotionsSignUpWrapper .rtrTemplate {
  max-width: 100%;
}
.PromotionsSignUpWrapper .help-block {
  color: #cf0202;
}

.selectBig .select2-container .select2-selection.select2-selection--multiple {
  height: auto !important;
}
.selectBig .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  max-height: 100px !important;
  height: auto !important;
  min-height: 40px !important;
  padding-top: 2px !important;
  line-height: 2 !important;
}
.selectBig.selectLong .select2-container .select2-selection.select2-selection--multiple {
  min-height: 75px;
  align-items: flex-start;
}
.selectBig.selectXtlong .select2-container .select2-selection.select2-selection--multiple {
  min-height: 130px;
  align-items: flex-start;
}

.grayBlock {
  padding: 15px;
  background: #fafafa;
  margin: 0 0 15px;
  border: 1px solid #eee;
}

.tablePromo b {
  font-family: var(--fontBold);
  font-weight: 700;
}

.uploadDocTable table .customScroll {
  max-width: 250px;
  padding: 0 !important;
  max-height: 150px !important;
}
.uploadDocTable table .actionIcon {
  margin: 0 5px;
}

.fieldRightUpload {
  flex: 1;
  padding-right: 30px;
}

.borderBlock {
  width: 100%;
  padding: 20px;
  border: 1px dashed #bbb;
  margin: 20px 0 30px;
  border-radius: 6px;
}
.borderBlock .uploadDoc {
  max-width: 600px;
}
.borderBlock .uploadDoc .uploadBlock {
  max-width: 100%;
}
@media (max-width: 768px) {
  .borderBlock {
    flex-wrap: wrap;
  }
  .borderBlock .uploadDoc {
    max-width: 100%;
  }
}

.manageWrap .pageHeader {
  background: none;
  padding: 0;
}
.manageWrap .manageTreeCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  gap: 10px;
}
.manageWrap .manageTreeCon .manageTreeBlock {
  float: left;
  width: 100%;
  max-width: 400px;
  padding: 15px;
  background: var(--bodyBg);
  border-radius: 6px;
  border: 1px solid var(--grey400);
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner {
  float: left;
  width: 100%;
  padding: 0 !important;
  max-height: 350px !important;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList {
  float: left;
  width: 100%;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList > li + li {
  margin-top: 5px;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li {
  float: left;
  width: 100%;
  background-color: var(--mTreeBlockBg);
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead {
  float: left;
  width: 100%;
  position: relative;
  padding: 5px 10px 5px 25px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead:hover {
  background: var(--mTreeBlockInnerBg);
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead.active {
  border-radius: 4px 4px 0 0;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead.active + .subTreeList {
  background: var(--mTreeBlockInnerBg);
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead .toggleTree {
  position: absolute;
  left: 3px;
  top: 5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead .toggleTree i {
  font-weight: bold;
  transition: 0.2s;
  font-size: 1.2rem;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead .toggleTree i:before {
  content: "\f0da";
  color: #7c8aa9;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead .btn-edit {
  float: right;
  margin-right: 8px;
  opacity: 0.8;
  border: none;
  background-color: transparent;
  outline: none !important;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead .btn-edit i {
  font-weight: normal;
  font-size: 0.85rem;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li .mtHead.active .toggleTree i {
  transform: rotate(90deg);
  transition: 0.2s;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li ul {
  display: none;
  padding: 5px 10px 5px 20px;
  float: left;
  width: 100%;
  border-radius: 0 0 4px 4px;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li.dragContent {
  position: relative;
  padding-left: 25px;
}
.manageWrap .manageTreeCon .manageTreeBlock .mt_Inner .treeList li.dragContent .fa-grip-vertical {
  position: absolute;
  left: 5px;
  width: 20px;
  padding: 5px;
}
.manageWrap .manageTreeCon .formBlock {
  float: left;
  flex: 1;
  padding-left: 30px;
}
.manageWrap .manageTreeCon .formBlock .formFull {
  min-width: 300px;
}
@media (max-width: 768px) {
  .manageWrap .manageTreeCon {
    gap: 20px;
  }
  .manageWrap .manageTreeCon .manageTreeBlock {
    max-width: 100%;
  }
  .manageWrap .manageTreeCon .formBlock {
    flex: auto;
    padding: 0;
    width: 100%;
  }
  .manageWrap .manageTreeCon .formBlock .formFull {
    min-width: 100%;
  }
}

.formFull {
  width: 100%;
}

.listInner {
  float: left;
  width: 100%;
}

.ListingWrapper {
  float: left;
  width: 100%;
  position: relative;
}
.ListingWrapper .searchFilter {
  float: left;
  width: 300px;
  padding: 12px 20px;
  transition: ease-in 0.5s;
  position: sticky;
  top: 0;
  left: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}
.ListingWrapper .searchFilter.slideFilter {
  display: none;
}
.ListingWrapper .searchFilter .customScroll.scroll-wrapper {
  padding: 0 5px 0 0 !important;
  max-height: calc(100vh - 110px);
  min-height: 100vh;
}
@media (max-width: 991px) {
  .ListingWrapper .searchFilter .customScroll.scroll-wrapper {
    max-height: 100vh;
    padding: 0 !important;
  }
}
.ListingWrapper .searchFilter .customScroll.scroll-wrapper .customScroll.scroll-scrolly_visible {
  right: -17px;
  padding-right: 17px;
}
.ListingWrapper .searchFilter .customScroll.scroll-wrapper .scroll-scrolly_visible .scroll-element_outer .scroll-bar {
  width: 3px;
  left: -4px;
}
.ListingWrapper .searchFilter .customScroll.scroll-wrapper .scroll-scrolly_visible.scroll-x {
  display: none !important;
}
.ListingWrapper .searchFilter .customScroll.scroll-wrapper .tab-content {
  background-color: transparent;
  border: none;
}
.ListingWrapper .searchFilter .listTitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.34);
  font-size: 1.2rem;
  position: relative;
  color: var(--p_main);
}
.ListingWrapper .searchFilter .listTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 70px;
  height: 2px;
  background-color: var(--p_main);
}
.ListingWrapper .searchFilter .listTitle .FilterClose {
  float: right;
  line-height: 0;
  padding: 5px 10px;
  font-size: 1.3rem;
}
.ListingWrapper .searchFilter .toggleWrapper li .toggleHeader {
  padding: 12px 12px 12px 50px;
}
.ListingWrapper .searchFilter .toggleWrapper li .toggleContent {
  padding: 15px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.18);
}
.ListingWrapper .searchFilter .toggleWrapper li .toggleContent li {
  margin: 0px;
  padding-left: 20px;
  position: relative;
}
.ListingWrapper .searchFilter .toggleWrapper li .toggleContent li ul {
  display: none;
}
.ListingWrapper .searchFilter .toggleWrapper li .toggleContent li.open > .sublinks {
  display: block;
}
.ListingWrapper .searchFilter .toggleWrapper li.SlideOpen .toggleHeader {
  background-color: var(--p_main);
  color: var(--text_white);
}
.ListingWrapper .searchFilter .scroll-content {
  padding: 0;
}
.ListingWrapper .searchFilter.sidebarFix {
  max-height: 100vh;
  min-height: 100vh;
}
.ListingWrapper .searchFilter.sidebarFix .customScroll {
  max-height: 100vh;
}
@media (max-width: 991px) {
  .ListingWrapper .searchFilter {
    opacity: 0;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999;
    max-height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(72, 95, 169, 0.231372549);
    transition: ease-in-out 0.3s;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.ListingWrapper .searchFilter .nav-tabs {
  gap: 20px;
  margin: 20px 0;
  border-bottom: 1px solid var(--border);
}
.ListingWrapper .searchFilter .nav-tabs .nav-link {
  padding: 5px 5px 8px;
  border: none;
  background: none;
  outline: none !important;
  position: relative;
  color: var(--darkGrey600);
  font-size: 1rem;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.ListingWrapper .searchFilter .nav-tabs .nav-link.active {
  color: var(--tabActiveBg);
}
.ListingWrapper .searchFilter .nav-tabs .nav-link.active::before {
  content: "";
  width: 100%;
  bottom: 0;
  height: 2px;
  left: 0;
  position: absolute;
  background: var(--tabActiveBg);
}
@media (max-width: 991px) {
  .ListingWrapper .searchFilter .nav-tabs {
    margin: 20px 15px;
  }
}
.ListingWrapper .searchFilter .treeList {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: #fff;
}
.ListingWrapper .searchFilter .treeList > li {
  padding: 5px 2px 5px 30px !important;
}
.ListingWrapper .searchFilter .treeList > li:hover {
  background: #E8EBF4;
}
.ListingWrapper .searchFilter .treeList li {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 2px 2px 2px 30px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  border-radius: 5px;
}
.ListingWrapper .searchFilter .treeList li.open {
  background: #f7f7f9;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.ListingWrapper .searchFilter .treeList li .toggleTree {
  position: absolute;
  left: 10px;
  font-size: 1.2rem;
  top: 3px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.ListingWrapper .searchFilter .treeList li .toggleTree i:before {
  content: "\f0da";
  font-weight: bold;
  color: #7c8aa9;
}
.ListingWrapper .searchFilter .treeList li .toggleTree.active {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.ListingWrapper .searchFilter .treeList li .subTreeList {
  margin-top: 10px !important;
  float: left;
  width: 100%;
  display: none;
}
.ListingWrapper .searchFilter .treeList li .subTreeList .toggleTree {
  top: 0px;
}
.ListingWrapper .searchFilter .treeList li .subTreeList .toggleTree i:before {
  font-weight: normal;
}

.hideFilter {
  position: absolute;
  width: 20px;
  right: 20px;
  top: 25px;
}
@media (max-width: 991px) {
  .hideFilter {
    display: none;
  }
}

.showFilter {
  float: left;
  margin-right: 10px;
  width: 20px;
  display: none;
}
.showFilter.show {
  display: block;
}

.searchBlock {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.searchBlock .searchInnerCon {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
}
.searchBlock .searchInnerCon .form-control, .searchBlock .searchInnerCon .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .searchBlock .searchInnerCon input {
  padding: 8px 35px 8px 10px;
  height: auto;
}
.searchBlock .searchInnerCon .searchBtn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  background-color: transparent;
  height: 39px;
  width: 34px;
  outline: none;
}
.searchBlock p {
  float: right;
  margin: 2px 0;
  font-style: italic;
  font-size: 0.9rem;
  color: #939393;
}

.searchBlockRow {
  float: left;
  width: 100%;
  margin: 8px 0 !important;
  padding: 15px;
  background-color: var(--assetSideBlock);
}
.searchBlockRow h5 {
  font-size: 0.95rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-right: 25px;
  font-family: var(--fontMedium);
  font-weight: 500;
  color: var(--TextMain);
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
}
.searchBlockRow h5 .filterArrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
}
.searchBlockRow h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 70px;
  height: 2px;
  background-color: var(--s_main);
}
.searchBlockRow h5 .toggleBtn {
  float: right;
  cursor: pointer;
}
.searchBlockRow .form-group {
  margin-bottom: 0px;
}
.searchBlockRow .select2-container {
  width: 100% !important;
}
.searchBlockRow .select2-container .select2-selection--single {
  border: 1px solid var(--border);
  height: 38px;
}
.searchBlockRow .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  font-size: 0.85rem;
}
.searchBlockRow .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.searchBlockRow .sideCont {
  float: left;
  width: 100%;
}
.searchBlockRow.filterHidden h5 {
  margin-bottom: 0px;
}
.searchBlockRow.filterHidden h5 + * {
  display: none;
}

.sidebarWrapper .searchBlockRow .checkboxlist {
  padding: 0px;
}
.sidebarWrapper .searchBlockRow .checkboxlist .checkBoxInner {
  font-size: 0.9rem;
}
.sidebarWrapper .searchBlockRow.inlineCont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sidebarWrapper .searchBlockRow.inlineCont .form-group {
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 15px;
}
.sidebarWrapper .searchBlockRow .checkboxlist.inlineBlock .checkBoxInner {
  width: auto;
  padding-right: 12px;
}
.sidebarWrapper .searchBlockRow .checkboxlist.column2 .checkBoxInner {
  width: 50%;
  padding-right: 5px;
}

.btnSort {
  align-self: center;
  font-size: 20px;
  padding: 5px;
  margin-left: 5px;
}

.checkboxlist {
  float: left;
  width: 100%;
  padding: 10px;
  max-height: 240px;
  overflow-y: auto;
}
.checkboxlist .checkBoxInner {
  width: 100%;
  margin: 3px 0;
}
.checkboxlist .checkBoxInner.smallcheckbox label {
  padding-left: 25px;
}

button.FavBtn {
  float: left;
  border: 1px solid var(--border);
  padding: 8px 20px;
  background-color: #fff;
  border-radius: 30px;
  min-width: 55%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  outline: none;
  font-size: 0.95rem;
}
button.FavBtn i {
  margin-left: auto;
  color: #ccc;
}
button.FavBtn:hover {
  border-color: var(--btnBdrHover);
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
}
button.FavBtn:hover i {
  color: #fff;
}

.searchButtons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  margin: 10px 0 !important;
  width: 100%;
  padding: 5px 10px;
}
.searchButtons > * {
  margin: 5px;
}

.assetListingRgt {
  float: right;
  width: calc(100% - 300px);
  padding: 0 0 0 20px;
}
.assetListingRgt.fullListing {
  width: 100%;
  padding: 0px;
}
.assetListingRgt.fullListing .assetUL li, .assetListingRgt.fullListing .ImagesListRow li {
  width: calc(25% - 16px);
}
.assetListingRgt .listingHeading {
  float: left;
  width: calc(100% + 40px);
  margin: -20px 0 15px -20px;
  padding: 15px 20px;
  background-color: var(--bodyBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.assetListingRgt .listingHeading h6 {
  float: left;
  margin: 0;
  font-size: 1.4rem;
}
.assetListingRgt .listingHeading .btnFill, .assetListingRgt .listingHeading .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .assetListingRgt .listingHeading a, .assetListingRgt .listingHeading .promo_details, .assetListingRgt .listingHeading .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .assetListingRgt .listingHeading .btn.btn-primary, .assetListingRgt .listingHeading .btnBordered, .assetListingRgt .listingHeading .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .assetListingRgt .listingHeading a, .assetListingRgt .listingHeading .primaryBtn, .assetListingRgt .listingHeading .btnGrey, .assetListingRgt .listingHeading .greyBtnBordered, .assetListingRgt .listingHeading .yellowBtn, .assetListingRgt .listingHeading .primaryBtnBordered, .assetListingRgt .listingHeading .yellowBtnBorder, .assetListingRgt .listingHeading .btnBorderedsecondary, .assetListingRgt .listingHeading .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .assetListingRgt .listingHeading .btn.btn-primary, .assetListingRgt .listingHeading .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .assetListingRgt .listingHeading .btn.btn-default, .assetListingRgt .listingHeading .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .assetListingRgt .listingHeading .enrollNow, .assetListingRgt .listingHeading .btnExportFill {
  margin-left: auto;
}
.assetListingRgt .listingHeading .listHeadRgt {
  margin-left: auto;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount {
  padding-left: 15px;
  position: relative;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount i {
  font-size: 1.5rem;
  color: var(--p_main);
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .count {
  position: absolute;
  right: -2px;
  top: -14px;
  background-color: #ebebeb;
  border-radius: 10px;
  width: 15px;
  line-height: 1;
  text-align: center;
  height: 16px;
  font-size: 0.8rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  padding: 2px;
  color: var(--p_main);
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper {
  position: absolute;
  right: 0;
  top: 100%;
  width: 350px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 9;
  display: none;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul {
  float: left;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  counter-reset: section;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li {
  float: left;
  width: 100%;
  margin: 8px 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 20px;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li a.projectLinkCon {
  float: left;
  width: calc(100% - 25px);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li a.projectLinkCon .cartImg {
  float: left;
  width: 40px;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li a.projectLinkCon h3 {
  float: left;
  width: calc(100% - 40px);
  padding: 0 10px;
  font-size: 0.9rem;
  margin: 0;
  word-break: break-all;
  color: var(--TextMain);
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li .clsRemoveCartItem {
  float: left;
  width: 25px;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li .clsRemoveCartItem .removeItem {
  float: left;
  width: 25px;
  text-align: center;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li .clsRemoveCartItem .removeItem i {
  font-size: 1.1rem;
  color: #ff1300;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper ul li::before {
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  counter-increment: section;
  content: counter(section);
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .cartDivision {
  float: left;
  width: 100%;
  border-top: 1px dashed #ccc;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnFill, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper a, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .promo_details, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btn.btn-primary, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnBordered, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper a, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .primaryBtn, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnGrey, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .greyBtnBordered, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .yellowBtn, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .primaryBtnBordered, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .yellowBtnBorder, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnBorderedsecondary, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btn.btn-primary, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btn.btn-default, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .enrollNow, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnExportFill {
  width: 100%;
  float: left;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount:hover .addToCartWrapper {
  display: block;
}
@media (max-width: 991px) {
  .assetListingRgt {
    width: 100%;
    padding: 0;
  }
}

.searchTopFilter {
  float: left;
  width: 100%;
}
.searchTopFilter .dropdown button {
  background: var(--FormBg);
  border: none;
  padding: 10px;
  outline: none !important;
  font-size: 0.85rem;
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.searchTopFilter .dropdown button::after {
  margin-left: auto;
}
.searchTopFilter .dropdown .dropdown-menu.show {
  min-width: 100%;
}
.searchTopFilter .f_searchBlock {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 12px;
}
.searchTopFilter .f_searchBlock input {
  border: 1px solid var(--border);
  border-radius: 0px;
  box-shadow: none !important;
  outline: none !important;
  padding: 5px 30px 5px 15px;
  height: 40px;
}
.searchTopFilter .f_searchBlock .topSearch {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.listingFilter {
  float: left;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listingFilter .dropdown-menu {
  padding: 0;
  width: 165px;
  font-size: 0.85rem;
}
.listingFilter .dropdown-menu .dropdown-item.active i, .listingFilter .dropdown-menu .dropdown-item:active i {
  color: #fff;
}
.listingFilter .bulkBlock {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.listingFilter .bulkBlock .dropdown button {
  background: none;
  border: 1px solid var(--border);
  background-color: var(--FormBg);
  padding: 8px 10px;
  outline: none !important;
  margin-left: 0;
  font-size: 0.8rem;
  border-radius: 4px;
}
.listingFilter .bulkBlock .dropdown .dropdown-menu {
  left: inherit !important;
  right: 0;
  transform: none !important;
  top: 100% !important;
}
@media (max-width: 991px) {
  .listingFilter .bulkBlock .dropdown .dropdown-menu {
    left: 0px !important;
    right: inherit !important;
  }
}
@media (max-width: 380px) {
  .listingFilter .bulkBlock .dropdown {
    width: 100%;
    margin: 5px 0 !important;
  }
  .listingFilter .bulkBlock .dropdown button {
    width: 100%;
    text-align: left;
  }
  .listingFilter .bulkBlock .dropdown button::after {
    float: right;
    margin: 7px 0;
  }
}
.listingFilter .bulkBlock .btnBulk {
  padding: 5px 10px;
  background: var(--border);
  align-self: center;
  display: none;
  border-radius: 4px;
  font-size: 0.8rem;
}
.listingFilter .bulkBlock .btnBulkClose {
  display: none;
  align-self: center;
}
.listingFilter .filterLeft {
  float: left;
  width: calc(100% - 300px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.listingFilter .filterLeft .filterCol {
  float: left;
  width: 33.33%;
  padding: 0 10px;
}
.listingFilter .filterLeft .filterCol label {
  float: left;
  width: 100%;
}
.listingFilter .filterLeft .filterCol .fieldFroup {
  float: left;
  width: 100%;
}
.listingFilter .filterLeft .filterCol .fieldFroup .select2-container {
  width: 100% !important;
}
.listingFilter .filterLeft .filterCol .fieldFroup .select2-container .select2-selection {
  border-color: #ccc;
  height: 36px;
}
.listingFilter .filterLeft .filterCol .fieldFroup .select2-container .select2-selection .select2-selection__rendered {
  line-height: 34px;
}
.listingFilter .filterLeft .filterCol .fieldFroup .select2-container .select2-selection .select2-selection__arrow {
  height: 34px;
}
.listingFilter .filterBtn {
  width: 300px;
  float: left;
  margin-left: auto;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end;
}
.listingFilter .filterBtn .btnFill, .listingFilter .filterBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .listingFilter .filterBtn a, .listingFilter .filterBtn .promo_details, .listingFilter .filterBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .listingFilter .filterBtn .btn.btn-primary, .listingFilter .filterBtn .primaryBtn, .listingFilter .filterBtn .btnGrey, .listingFilter .filterBtn .greyBtnBordered, .listingFilter .filterBtn .yellowBtn, .listingFilter .filterBtn .primaryBtnBordered, .listingFilter .filterBtn .yellowBtnBorder, .listingFilter .filterBtn .btnBorderedsecondary, .listingFilter .filterBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .listingFilter .filterBtn .btn.btn-primary, .listingFilter .filterBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .listingFilter .filterBtn .btn.btn-default, .listingFilter .filterBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .listingFilter .filterBtn .enrollNow, .listingFilter .filterBtn .btnExportFill, .listingFilter .filterBtn .btnBordered, .listingFilter .filterBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .listingFilter .filterBtn a {
  width: calc(50% - 14px);
  float: left;
  padding: 7px 12px;
  margin: 10px 7px 0;
}
.listingFilter .btnFill, .listingFilter .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .listingFilter a, .listingFilter .promo_details, .listingFilter .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .listingFilter .btn.btn-primary, .listingFilter .btnBordered, .listingFilter .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .listingFilter a, .listingFilter .primaryBtn, .listingFilter .btnGrey, .listingFilter .greyBtnBordered, .listingFilter .yellowBtn, .listingFilter .primaryBtnBordered, .listingFilter .yellowBtnBorder, .listingFilter .btnBorderedsecondary, .listingFilter .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .listingFilter .btn.btn-primary, .listingFilter .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .listingFilter .btn.btn-default, .listingFilter .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .listingFilter .enrollNow, .listingFilter .btnExportFill {
  font-size: 0.85rem;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .listingFilter {
    margin-bottom: 5px;
  }
  .listingFilter .searchTopFilter {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
  }
  .listingFilter .searchTopFilter .dropdown {
    width: 170px;
  }
  .listingFilter .searchTopFilter .form-control, .listingFilter .searchTopFilter .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .listingFilter .searchTopFilter input {
    width: calc(100% - 210px);
  }
  .listingFilter .searchTopFilter .topSearch {
    width: 40px;
  }
}
@media (max-width: 767px) {
  .listingFilter {
    margin-bottom: 5px;
  }
  .listingFilter .searchTopFilter {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
    border: none;
  }
  .listingFilter .searchTopFilter .dropdown {
    width: 100%;
    border-right: none;
    border: 1px solid #ddd;
    margin-bottom: 10px;
  }
  .listingFilter .searchTopFilter .dropdown button {
    float: left;
    width: 100%;
    text-align: left;
  }
  .listingFilter .searchTopFilter .dropdown button::after {
    float: right;
    margin-top: 10px;
  }
  .listingFilter .searchTopFilter .form-control, .listingFilter .searchTopFilter .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .listingFilter .searchTopFilter input {
    width: calc(100% - 40px);
    border-radius: 0px;
    border: 1px solid #ddd !important;
  }
  .listingFilter .searchTopFilter .topSearch {
    border: 1px solid #ddd;
    border-left: none;
    width: 40px;
  }
}
@media (max-width: 1180px) {
  .listingFilter .filterLeft {
    width: calc(100% - 170px);
  }
  .listingFilter .filterLeft .filterCol {
    padding: 0 5px;
  }
  .listingFilter .filterBtn {
    width: 170px;
  }
}
@media (max-width: 991px) {
  .listingFilter {
    display: none;
  }
  .listingFilter .filterLeft {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listingFilter .filterLeft .filterCol {
    padding: 0;
    width: 100%;
    margin: 15px 0;
  }
  .listingFilter .filterBtn {
    width: 100%;
  }
}

.FilterOpen .listingFilter {
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
  padding-top: 15px;
  position: relative;
}
.FilterOpen .listingFilter .FilterClose {
  position: absolute;
  top: 0px;
  right: 0px;
  width: auto;
}
.FilterOpen .listingFilter .bulkBlock {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.FilterOpen .listingFilter .btnFill, .FilterOpen .listingFilter .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .FilterOpen .listingFilter a, .FilterOpen .listingFilter .promo_details, .FilterOpen .listingFilter .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .FilterOpen .listingFilter .btn.btn-primary, .FilterOpen .listingFilter .btnBordered, .FilterOpen .listingFilter .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .FilterOpen .listingFilter a, .FilterOpen .listingFilter .primaryBtn, .FilterOpen .listingFilter .btnGrey, .FilterOpen .listingFilter .greyBtnBordered, .FilterOpen .listingFilter .yellowBtn, .FilterOpen .listingFilter .primaryBtnBordered, .FilterOpen .listingFilter .yellowBtnBorder, .FilterOpen .listingFilter .btnBorderedsecondary, .FilterOpen .listingFilter .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .FilterOpen .listingFilter .btn.btn-primary, .FilterOpen .listingFilter .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .FilterOpen .listingFilter .btn.btn-default, .FilterOpen .listingFilter .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .FilterOpen .listingFilter .enrollNow, .FilterOpen .listingFilter .btnExportFill {
  float: right;
}
.FilterOpen .mobileDeviceLinks .sideBarFilter i {
  color: var(--p_main);
}
.FilterOpen .FilterClose {
  float: left;
  width: 100%;
}
.FilterOpen .FilterClose i {
  float: right;
  line-height: 0;
  padding: 5px 10px;
  font-size: 1.3rem;
}

.customToolTip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: -30px;
  background-color: var(--tooltipBg);
  border-radius: 4px;
  font-size: 0.85rem;
  width: 85px;
  padding: 10px 5px;
  line-height: 1.1;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  color: var(--tooltipText);
}
.customToolTip::before {
  content: "";
  position: absolute;
  left: calc(50% - 3px);
  top: 100%;
  z-index: 9;
  border-top: 6px solid var(--tooltipBg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.toolTipBig {
  position: relative;
}
.toolTipBig .customToolTip {
  width: 320px;
  z-index: 999;
}
.toolTipBig:hover .customToolTip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.assetUL, .ImagesListRow {
  float: left;
  width: calc(100% + 16px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
}
.assetUL.bulkAsset li, .bulkAsset.ImagesListRow li {
  position: relative;
  cursor: pointer;
}
.assetUL.bulkAsset li.noRecord::before, .bulkAsset.ImagesListRow li.noRecord::before, .assetUL.bulkAsset li.noRecord .bulkCheckbox, .bulkAsset.ImagesListRow li.noRecord .bulkCheckbox {
  display: none;
}
.assetUL.bulkAsset li .bulkCheckbox, .bulkAsset.ImagesListRow li .bulkCheckbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.assetUL.bulkAsset li .favoriteAsset, .bulkAsset.ImagesListRow li .favoriteAsset {
  display: none !important;
}
.assetUL li, .ImagesListRow li {
  float: left;
  width: calc(33.33% - 16px);
  border: 1px solid var(--border);
  margin: 12px 8px;
  padding: 12px;
  position: relative;
  border-radius: 8px;
  background-color: var(--cardBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.assetUL li .bulkCheckbox, .ImagesListRow li .bulkCheckbox {
  position: absolute;
  right: 0px;
  top: 0;
  display: none;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.assetUL li .bulkCheckbox label, .ImagesListRow li .bulkCheckbox label {
  float: right;
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.3137254902);
  display: block;
}
.assetUL li .bulkCheckbox label::before, .ImagesListRow li .bulkCheckbox label::before {
  content: "\f00c";
  position: absolute;
  right: 20px;
  top: 20px;
  width: 25px;
  left: auto;
  height: 25px;
  border: 1px solid #fff;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1254901961);
  font-family: "Font Awesome 5 Pro";
  color: #fff;
  font-size: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assetUL li .bulkCheckbox input, .ImagesListRow li .bulkCheckbox input {
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.assetUL li .bulkCheckbox input:checked ~ label, .ImagesListRow li .bulkCheckbox input:checked ~ label {
  background: rgba(0, 0, 0, 0.1254901961);
}
.assetUL li .bulkCheckbox input:checked ~ label::before, .ImagesListRow li .bulkCheckbox input:checked ~ label::before {
  font-size: 1rem;
  background: var(--p_main);
  border-color: var(--p_main);
}
.assetUL li .bulkCheckbox input:checked ~ label::after, .ImagesListRow li .bulkCheckbox input:checked ~ label::after {
  display: none;
}
.assetUL li .assetImg, .ImagesListRow li .assetImg {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  overflow: hidden;
  height: 200px;
  border-radius: 8px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--cardImgBg);
  border: 1px solid var(--cardBdr);
  cursor: pointer;
}
.assetUL li .assetImg img, .ImagesListRow li .assetImg img {
  max-width: 100%;
  max-height: 100%;
}
.assetUL li .assetImg i, .ImagesListRow li .assetImg i {
  font-size: 6.5rem;
}
.assetUL li .assetImg.wordFile i, .ImagesListRow li .assetImg.wordFile i {
  color: var(--TextMain);
}
.assetUL li .assetImg.photoVideo i, .ImagesListRow li .assetImg.photoVideo i {
  color: var(--TextMain);
}
.assetUL li .assetImg .favoriteAsset, .ImagesListRow li .assetImg .favoriteAsset {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  line-height: 1;
  border-radius: 100%;
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.66);
}
.assetUL li .assetImg .favoriteAsset i, .ImagesListRow li .assetImg .favoriteAsset i {
  font-size: 1rem;
  color: #ff1300;
}
.assetUL li .assetImg .favoriteAsset.clsFav, .ImagesListRow li .assetImg .favoriteAsset.clsFav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.assetUL li .assetContent, .ImagesListRow li .assetContent {
  float: left;
  width: 100%;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  position: relative;
}
.assetUL li .assetContent h3, .ImagesListRow li .assetContent h3 {
  font-size: 1rem;
  margin-bottom: 6px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.assetUL li .assetContent h3 + p, .ImagesListRow li .assetContent h3 + p {
  padding: 0;
}
.assetUL li .assetContent p, .ImagesListRow li .assetContent p {
  font-size: 0.9rem;
  padding: 10px 0;
  margin: 0;
}
.assetUL li .assetContent .assetHeading, .ImagesListRow li .assetContent .assetHeading {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.assetUL li .assetContent .assetHeading h3, .ImagesListRow li .assetContent .assetHeading h3 {
  font-size: 0.85rem;
  margin: 5px 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--TextMain);
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 80px);
}
.assetUL li .assetContent .assetHeading h6.assetCount, .ImagesListRow li .assetContent .assetHeading h6.assetCount {
  font-size: 0.85rem;
  margin: 0;
  font-family: var(--fontRegular);
  font-weight: 400;
  color: var(--TextMain);
  float: left;
  position: relative;
  padding-left: 16px;
  padding-right: 0;
}
.assetUL li .assetContent .assetHeading h6.assetCount::before, .ImagesListRow li .assetContent .assetHeading h6.assetCount::before {
  content: "";
  position: absolute;
  left: 8px;
  top: calc(50% - 8px);
  width: 1px;
  height: 16px;
  background-color: var(--border);
}
.assetUL li .assetContent .assetHeading p, .ImagesListRow li .assetContent .assetHeading p {
  float: left;
  width: 100%;
  margin: 3px 0;
  word-break: break-all;
}
.assetUL li .assetSction, .ImagesListRow li .assetSction {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.assetUL li .assetSction .assetIcons, .ImagesListRow li .assetSction .assetIcons {
  float: left;
  padding: 3px 4px;
  margin: 3px 5px;
  line-height: 0;
  font-size: 0.9rem;
  position: relative;
  color: var(--TextMain);
}
.assetUL li .assetSction .assetIcons img, .ImagesListRow li .assetSction .assetIcons img {
  max-width: 20px;
  position: relative;
  top: -1px;
}
.assetUL li .assetSction .assetIcons i, .ImagesListRow li .assetSction .assetIcons i {
  color: var(--TextMain);
}
.assetUL li .assetSction .assetIcons .iconText, .ImagesListRow li .assetSction .assetIcons .iconText {
  margin-left: 5px;
  font-size: 0.9rem;
}
.assetUL li .assetSction .assetIcons:hover i, .ImagesListRow li .assetSction .assetIcons:hover i {
  color: var(--p_main);
}
.assetUL li .assetSction .assetIcons:hover .customToolTip, .ImagesListRow li .assetSction .assetIcons:hover .customToolTip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 1300px) {
  .assetUL li .assetSction .assetIcons, .ImagesListRow li .assetSction .assetIcons {
    padding: 4px;
    font-size: 0.9rem;
  }
}
.assetUL li .removeCampaign, .ImagesListRow li .removeCampaign {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  line-height: 1;
  border-radius: 100%;
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(241, 241, 241, 0.66);
}
.assetUL li .removeCampaign i, .ImagesListRow li .removeCampaign i {
  font-size: 1.15rem;
  color: var(--TextMain);
}
.assetUL li.noRecord, .ImagesListRow li.noRecord {
  width: calc(100% - 30px);
  border: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.assetUL li.noRecord img, .ImagesListRow li.noRecord img {
  max-width: 170px;
}
.assetUL li.noRecord p, .ImagesListRow li.noRecord p {
  font-size: 1.3rem;
  margin: 15px 0;
}
.assetUL li:hover, .ImagesListRow li:hover {
  border: 1px dashed var(--cardBdrHover);
  background-color: var(--cardBgHover);
}
.assetUL li:hover .assetImg, .ImagesListRow li:hover .assetImg {
  background-color: var(--cardImgBgHover);
}
.assetUL li:hover .assetImg .favoriteAsset, .ImagesListRow li:hover .assetImg .favoriteAsset {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.assetUL li:hover .assetSction, .ImagesListRow li:hover .assetSction {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}
.assetUL li:hover .removeCampaign, .ImagesListRow li:hover .removeCampaign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (min-width: 1600px) {
  .assetUL li, .ImagesListRow li {
    width: calc(25% - 20px);
  }
}
@media (min-width: 1900px) {
  .assetUL li, .ImagesListRow li {
    width: calc(20% - 20px);
  }
}
@media (min-width: 2200px) {
  .assetUL li, .ImagesListRow li {
    width: calc(16.66% - 20px);
  }
}
@media (min-width: 2500px) {
  .assetUL li, .ImagesListRow li {
    width: calc(14.28% - 20px);
  }
}
@media (max-width: 1180px) {
  .assetUL, .ImagesListRow {
    margin-left: -5px;
    width: calc(100% + 10px);
  }
  .assetUL li, .ImagesListRow li {
    width: calc(33.33% - 10px);
    margin: 15px 5px;
    padding: 8px;
  }
  .assetUL li .assetContent p, .ImagesListRow li .assetContent p {
    font-size: 0.9rem;
  }
  .assetUL li .assetSction .assetIcons, .ImagesListRow li .assetSction .assetIcons {
    padding: 4px 6px;
    margin: 4px 5px;
  }
}
@media (max-width: 1180px) and (max-width: 767px) {
  .assetUL li, .ImagesListRow li {
    width: calc(50% - 10px);
  }
}
@media (max-width: 1180px) and (max-width: 480px) {
  .assetUL li, .ImagesListRow li {
    width: calc(100% - 10px);
  }
}
.assetUL.assetList4, .assetList4.ImagesListRow {
  margin-left: -10px;
  width: calc(100% + 20px);
}
.assetUL.assetList4 li, .assetList4.ImagesListRow li {
  width: calc(25% - 20px);
  margin: 15px 10px;
}
@media (max-width: 1180px) {
  .assetUL.assetList4 li, .assetList4.ImagesListRow li {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .assetUL.assetList4 li, .assetList4.ImagesListRow li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .assetUL.assetList4 li, .assetList4.ImagesListRow li {
    width: calc(100% - 20px);
  }
}

.assettype {
  position: absolute;
  right: 15px;
  top: -12px;
  padding: 5px;
  z-index: 9;
  border-radius: 15px;
  font-size: 0.85rem;
  line-height: 0.8;
  border: 1px solid #ccc;
  background-color: #fff;
}
.assettype.public {
  background-color: #cad5fb;
  border-color: #4663c0;
  color: #323a58;
}
.assettype.private {
  background-color: #daefb2;
  border-color: #8fb93f;
  color: #72913c;
}
.assettype.restricted {
  background-color: #FFEAEE;
  border-color: #FFCBD3;
  color: #FF2C33;
}

.InnerToggle {
  position: absolute;
  left: -2px;
  top: 2px;
  cursor: pointer;
  z-index: 9;
}
.InnerToggle i {
  color: var(--TextMain);
}

.mobileDeviceLinks {
  float: right;
  display: none;
  margin-left: auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mobileDeviceLinks .sideBarFilter {
  float: left;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.mobileDeviceLinks .sideBarFilter i {
  font-size: 1.1rem;
  color: var(--faIcon);
}
.mobileDeviceLinks .FilterTop {
  float: left;
  padding: 0 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}
.mobileDeviceLinks .FilterTop i {
  font-size: 1.1rem;
  color: var(--faIcon);
}
@media (max-width: 991px) {
  .mobileDeviceLinks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}

.FilterOpen {
  /*overflow: hidden;*/
}
.FilterOpen .ListingWrapper .searchFilter {
  opacity: 1;
  transition: ease-in 0.3s;
  right: 0px;
}

.TopFilterOpen {
  overflow: hidden;
}
.TopFilterOpen .ListingWrapper .searchFilter {
  opacity: 1;
  transition: ease-in-out 0.3s;
  left: 0px;
}
.TopFilterOpen .ListingWrapper .searchFilter .scroll-content {
  padding-bottom: 80px;
}
.TopFilterOpen .FilterTop i {
  color: var(--p_main);
}
.TopFilterOpen .searchBlockRow {
  margin: 0 0 !important;
  padding: 20px 15px;
  border-bottom: 1px dashed #ccc;
}
.TopFilterOpen .searchButtons {
  padding: 20px 12px;
}

.TopFilterClose {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  border-bottom: 1px dashed #ccc;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  left: 0;
  top: 0;
  padding: 10px 15px;
  z-index: 99;
  background-color: #fff;
}
.TopFilterClose i {
  margin-left: auto;
  line-height: 0;
  padding: 5px 10px;
  font-size: 1.3rem;
}

/*.AssetListingRow {
    li {
        .toggleHeader {
            background-color: $accorditionBg;
            color: $accorditionText;
            @include fontSemiBold();
        }
    }
}*/
.AssetViewRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.AssetViewRow .AssetViewLeft {
  float: left;
  width: 600px;
  padding: 12px 20px;
}
.AssetViewRow .AssetViewLeft .topHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}
.AssetViewRow .AssetViewLeft .topHeader h5 {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: var(--p_main);
}
.AssetViewRow .AssetViewLeft .topHeader p {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 5px;
}
.AssetViewRow .AssetViewLeft .owl-carousel .owl-item .viewAssetOwl {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-height: 390px;
}
.AssetViewRow .AssetViewLeft .owl-carousel .owl-item .viewAssetOwl img {
  width: auto;
  max-width: 100%;
  max-height: 390px;
}
.AssetViewRow .AssetViewLeft .owl-carousel .owl-dots {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 99;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
}
.AssetViewRow .AssetViewRgt {
  width: calc(100% - 600px);
  overflow-y: auto;
  padding: 10px 15px;
}
.AssetViewRow .AssetViewRgt .AssetTitle {
  float: right;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e3e3e3;
}
.AssetViewRow .AssetViewRgt .AssetTitle h5 {
  margin: 0;
  float: left;
  font-size: 0.9rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  color: var(--p_main);
}
.AssetViewRow .AssetViewRgt .AssetTitle h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background-color: var(--p_main);
}
.AssetViewRow .AssetViewRgt .assetRow {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.AssetViewRow .AssetViewRgt .assetRow .assetTopDesc {
  display: inline-block;
  width: 100%;
  font-size: 0.9rem;
  margin-top: 10px;
}
.AssetViewRow .AssetViewRgt .assetRow .assetTopDesc h5 {
  color: var(--p_main);
  font-size: 1rem;
  float: left;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow {
  float: right;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow > span {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #888;
  font-size: 0.8rem;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow > span label {
  color: #111;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow > span.assetStatus {
  padding: 1px 8px;
  background: rgba(var(--s_main), 0.15);
  border-radius: 20px;
  position: relative;
  top: -4px;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow > span i {
  color: var(--s_main);
  margin-right: 2px;
}
.AssetViewRow .AssetViewRgt .assetRow h3 {
  font-size: 1.2rem;
}
.AssetViewRow .AssetViewRgt .assetRow ul {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.AssetViewRow .AssetViewRgt .assetRow ul li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.AssetViewRow .AssetViewRgt .assetRow ul li label {
  margin: 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.AssetViewRow .AssetViewRgt .assetRow ul li label.assetlabel {
  width: 95px;
  float: left;
}
.AssetViewRow .AssetViewRgt .assetRow ul li span {
  color: #7c7c7c;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList .checkboxList {
  float: left;
  position: relative;
  margin: 4px 5px 4px 0;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList .checkboxList input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList .checkboxList input[type=checkbox]:checked + label {
  border-color: var(--p_main);
  background-color: var(--p_main);
  color: #ffffff;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList .checkboxList label {
  float: left;
  position: relative;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 30px;
  line-height: 1;
  font-size: 0.85rem;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList.inlineList {
  width: calc(100% - 95px);
  margin: 0;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList.inlineList .checkboxList {
  margin: 2px 3px 2px 0;
}
.AssetViewRow .AssetViewRgt .assetRow ul li .typeList.inlineList .checkboxList label {
  padding: 2px 5px;
  font-size: 0.75rem;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.AssetViewRow .AssetViewRgt .scroll-content {
  padding: 12px 20px;
}
.AssetViewRow .assetKeyBlock {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.AssetViewRow .assetKeyBlock .assetKeyTab {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 0.9rem;
  padding-top: 0;
  min-height: 47px;
}
.AssetViewRow .assetKeyBlock .assetKeyTab > label {
  font-size: 0.9rem;
  margin-right: 10px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 0;
  padding: 10px 15px;
  width: 200px;
  background: var(--grey300);
  word-break: break-all;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.AssetViewRow .assetKeyBlock .assetKeyTab p {
  margin: 0;
  padding: 10px 15px;
  width: calc(100% - 210px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .AssetViewRow .assetKeyBlock .assetKeyTab {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .AssetViewRow .assetKeyBlock .assetKeyTab {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .AssetViewRow .assetKeyBlock .assetKeyTab > label {
    width: 100%;
    margin: 0px;
  }
  .AssetViewRow .assetKeyBlock .assetKeyTab p {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .AssetViewRow .AssetViewRgt {
    width: 100%;
    border: none;
  }
  .AssetViewRow .AssetViewRgt .scroll-content {
    padding: 10px 0px;
  }
  .AssetViewRow .AssetViewLeft {
    width: 100%;
    max-height: inherit;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .AssetViewRow .AssetViewRgt {
    width: 100%;
  }
  .AssetViewRow .AssetViewLeft {
    width: 100%;
  }
}

.assetsInfoBlock {
  float: left;
  width: 100%;
  margin: 10px 0 0px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.assetsInfoBlock .updatedOn, .assetsInfoBlock .AdUsage, .assetsInfoBlock .LastUpdatedOn {
  float: left;
  font-size: 0.85rem;
  margin-right: 15px;
}
.assetsInfoBlock .iconBlock {
  float: left;
  margin-right: 25px;
  font-size: 0.9rem;
}
.assetsInfoBlock .iconBlock i {
  color: var(--TextMain);
  margin-right: 5px;
}
.assetsInfoBlock .iconBlock:last-child {
  margin-right: 0px;
}

.assetSuccessModal .modal-body {
  max-height: calc(100vh - 40px);
  padding: 20px;
}
.assetSuccessModal .AssetSuccessCon {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.assetSuccessModal .AssetSuccessCon h5 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  color: var(--p_main);
  margin-bottom: 15px;
}
.assetSuccessModal .AssetSuccessCon h5 i {
  margin-right: 15px;
}
.assetSuccessModal .AssetSuccessCon p {
  font-size: 1rem;
  line-height: 1.7;
}
.assetSuccessModal .AssetSuccessCon .BtnRow {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-top: 1px dashed #ccc;
  padding-top: 15px;
}

.selectFileCon {
  display: inline-block;
  width: 100%;
  margin: 10px 0 20px 0;
}
.selectFileCon label {
  float: left;
  width: 120px;
  margin: 4px 0;
  padding-right: 15px;
}
.selectFileCon .fileDropDown {
  float: left;
  width: calc(100% - 120px);
}
.selectFileCon .fileDropDown .select2-container {
  width: 100% !important;
}
.selectFileCon .fileDropDown .select2-container .select2-selection--single {
  border: 1px solid #cfcfcf;
}

.EmailWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.EmailWrapper .fieldBlock {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.EmailWrapper .fieldBlock label {
  float: left;
  width: 100%;
}
.EmailWrapper .fieldBlock .fieldGroup {
  float: left;
  width: 100%;
  position: relative;
}
.EmailWrapper .fieldBlock .fieldGroup .select2-container {
  width: 100% !important;
}
.EmailWrapper .fieldBlock .fieldGroup .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 34px;
}
.EmailWrapper .fieldBlock .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.EmailWrapper .fieldBlock .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
.EmailWrapper .fieldBlock .fieldGroup.helpIcon .InfoIcon {
  width: 50px;
  float: left;
  text-align: center;
}
.EmailWrapper .fieldBlock .fieldGroup.helpIcon .InfoIcon a {
  font-size: 17px;
  margin: 4px 0;
  float: left;
  width: 100%;
}
.EmailWrapper .fieldBlock .fieldGroup.helpIcon .multiple_emails {
  float: left;
  width: calc(100% - 50px);
}
.EmailWrapper .fieldBlock .fieldGroup div#dvMediaContactEmails {
  width: calc(100% - 35px) !important;
  left: 0 !important;
  top: 100% !important;
  padding: 0 10px;
  line-height: 1.5;
  font-size: 0.8rem;
  height: auto !important;
}
.EmailWrapper .fieldBlock .fieldGroup div#dvMediaContactEmails .selectize-dropdown-content {
  background: none !important;
  padding: 5px 0;
  display: inline-block;
  width: 100%;
}

.adTemplateWrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.adTemplateWrapper iframe {
  border: none;
}
.adTemplateWrapper .item .ad-List {
  box-shadow: none;
  border-radius: 0;
}
.adTemplateWrapper .item .ad-List .ad_imgBlock {
  padding: 0 35px;
  text-align: center;
  height: auto;
}
.adTemplateWrapper .item .ad-List .ad_imgBlock img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
  display: inline-block;
  vertical-align: top;
  float: none;
}

#dvHtmlBannerPreview .ad-List .ad_imgBlock {
  height: auto;
}

.bulkDownload {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.bulkDownload .bulkInner {
  float: left;
  position: relative;
  padding: 3px 0;
  cursor: pointer;
  color: var(--TextMain);
}
.bulkDownload .addToCartWrapper {
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 99;
  background-color: #fff;
  width: 320px;
  box-shadow: 0 0 10px #e9e9e9;
  padding: 10px 0 0 0;
  visibility: hidden;
  opacity: 0;
  transition: ease-in-out 0.3s;
}
.bulkDownload .addToCartWrapper .assetAdded {
  float: left;
  width: 100%;
  max-height: 200px;
}
.bulkDownload .addToCartWrapper .assetAdded .scroll-content {
  padding: 0 15px;
}
.bulkDownload .addToCartWrapper ul {
  float: left;
  width: 100%;
}
.bulkDownload .addToCartWrapper ul li {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4px 0;
}
.bulkDownload .addToCartWrapper ul li a.projectLinkCon {
  float: left;
  width: calc(100% - 30px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--TextMain);
}
.bulkDownload .addToCartWrapper ul li a.projectLinkCon .cartImg {
  float: left;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bulkDownload .addToCartWrapper ul li a.projectLinkCon .cartImg img {
  max-height: 100%;
}
.bulkDownload .addToCartWrapper ul li a.projectLinkCon h3 {
  font-size: 0.85rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  max-width: calc(100% - 40px);
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  float: left;
}
.bulkDownload .addToCartWrapper ul li a.clsRemoveCartItem {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bulkDownload .addToCartWrapper ul li a.clsRemoveCartItem .removeItem {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #FFEAEE;
}
.bulkDownload .addToCartWrapper ul li a.clsRemoveCartItem .removeItem i {
  color: #FF2C33;
}
.bulkDownload .addToCartWrapper .cartBtn {
  float: left;
  width: 100%;
  padding: 12px 15px;
  background-color: var(--grey400);
}
.bulkDownload .addToCartWrapper .cartBtn .btnFill, .bulkDownload .addToCartWrapper .cartBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .bulkDownload .addToCartWrapper .cartBtn a, .bulkDownload .addToCartWrapper .cartBtn .promo_details, .bulkDownload .addToCartWrapper .cartBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .bulkDownload .addToCartWrapper .cartBtn .btn.btn-primary, .bulkDownload .addToCartWrapper .cartBtn .btnBordered, .bulkDownload .addToCartWrapper .cartBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .bulkDownload .addToCartWrapper .cartBtn a, .bulkDownload .addToCartWrapper .cartBtn .primaryBtn, .bulkDownload .addToCartWrapper .cartBtn .btnGrey, .bulkDownload .addToCartWrapper .cartBtn .greyBtnBordered, .bulkDownload .addToCartWrapper .cartBtn .yellowBtn, .bulkDownload .addToCartWrapper .cartBtn .primaryBtnBordered, .bulkDownload .addToCartWrapper .cartBtn .yellowBtnBorder, .bulkDownload .addToCartWrapper .cartBtn .btnBorderedsecondary, .bulkDownload .addToCartWrapper .cartBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .bulkDownload .addToCartWrapper .cartBtn .btn.btn-primary, .bulkDownload .addToCartWrapper .cartBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .bulkDownload .addToCartWrapper .cartBtn .btn.btn-default, .bulkDownload .addToCartWrapper .cartBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .bulkDownload .addToCartWrapper .cartBtn .enrollNow, .bulkDownload .addToCartWrapper .cartBtn .btnExportFill {
  float: left;
  width: 100%;
}
.bulkDownload .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.bulkDownload.open .addToCartWrapper {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.assetCount {
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.assetCount span {
  border-radius: 30px;
  color: #6A6A6A;
  background-color: var(--bodyBg);
  padding: 3px 10px;
  font-size: 0.8rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  line-height: 1.3;
}
.assetCount span i {
  font-size: 0.7rem;
}
@media (max-width: 767px) {
  .assetCount {
    padding: 10px 5px;
  }
}

.addAsset {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.addAsset .leftAssetBlock {
  flex: 1;
  display: none;
}
.addAsset .leftAssetBlock.show {
  display: block;
}
.addAsset .rightUploadBlock {
  float: left;
  width: 35%;
  max-width: 450px;
}
.addAsset .rightUploadBlock.dvFull {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.addAsset .rightUploadBlock.dvFull .addAssetInner {
  display: none;
}
.addAsset .rightUploadBlock.dvFull .uploadAssetInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.addAsset .rightUploadBlock.dvFull .uploadLeftInner {
  width: calc(100% - 480px);
  background-color: var(--uploadBg);
}
@media (max-width: 1200px) {
  .addAsset .rightUploadBlock.dvFull .uploadLeftInner {
    width: calc(100% - 340px);
  }
  .addAsset .rightUploadBlock.dvFull .uploadLeftInner .uploadBlock {
    max-width: 100% !important;
  }
}
@media (max-width: 991px) {
  .addAsset .rightUploadBlock.dvFull .uploadLeftInner {
    width: 100%;
  }
  .addAsset .rightUploadBlock.dvFull .uploadLeftInner .uploadBlock {
    max-width: 100% !important;
  }
}
.addAsset .rightUploadBlock.dvFull .uploadBlock {
  float: none;
  margin: 0 auto;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dz-default.dz-message {
  position: relative;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dz-default.dz-message::before {
  content: "To Get Started";
  position: absolute;
  top: 13%;
  font-size: 20px;
  text-transform: uppercase;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone {
  align-content: center;
  justify-content: center;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-image-preview, .addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-file-preview {
  width: 200px;
  height: 200px;
  min-height: 200px !important;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-image-preview .dz-image, .addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-file-preview .dz-image {
  width: 200px !important;
  height: 200px !important;
  max-height: 200px !important;
  max-width: 200px !important;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-image-preview .dz-progress, .addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-file-preview .dz-progress {
  left: 8px !important;
}
.addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-image-preview .dz-progress .dz-upload, .addAsset .rightUploadBlock.dvFull .uploadBlock .dropzone .dz-file-preview .dz-progress .dz-upload {
  background: var(--s_main);
}
.addAsset .rightUploadBlock .uploadBlock {
  float: left;
  width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.addAsset .rightUploadBlock .uploadBlock .dropzone {
  width: 100%;
  background-color: transparent;
  margin: 0px;
  height: 220px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
}
.addAsset .rightUploadBlock .uploadBlock .dropzone .dz-default.dz-message {
  background-color: transparent;
  color: var(--TextMain);
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px;
  width: 100%;
}
.addAsset .rightUploadBlock .uploadBlock .dropzone.dz-started .dz-default.dz-message {
  display: none !important;
}
@media (max-width: 991px) {
  .addAsset .rightUploadBlock .uploadBlock {
    max-width: 100%;
  }
}
.addAsset .rightUploadBlock .uploadLeftInner {
  float: left;
  width: 100%;
}
.addAsset .rightUploadBlock .uploadAssetInfo {
  float: right;
  width: 480px;
  display: none;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign {
  margin: auto;
  float: left;
  width: 100%;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .smartIdentity {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 10px;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .smartIdentity img {
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  background-color: var(--grey100);
  border-radius: 100%;
  margin-right: 10px;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .smartIdentity h6 {
  margin: 0;
  font-size: 1.35rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign p {
  text-align: center;
  float: left;
  width: 100%;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .uploadImgType {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .uploadImgType .tags {
  float: left;
  padding: 7px 18px;
  border: 1px solid var(--border);
  margin: 5px 8px;
  font-size: 0.9rem;
  border-radius: 2px;
  font-family: var(--fontMedium);
  font-weight: 500;
  color: var(--TextMain);
  position: relative;
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .uploadImgType .tags.active {
  border: 1px dashed var(--border);
  background-color: var(--grey100);
}
.addAsset .rightUploadBlock .uploadAssetInfo .uploadFlexAlign .uploadImgType .tags.active::after {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: var(--p_main);
  position: absolute;
  right: 3px;
  top: 1px;
  font-size: 0.75rem;
}
@media (max-width: 1200px) {
  .addAsset .rightUploadBlock .uploadAssetInfo {
    width: 340px;
  }
}
@media (max-width: 991px) {
  .addAsset .rightUploadBlock .uploadAssetInfo {
    width: 100%;
    margin: 25px 0 15px 0;
  }
}
.addAsset .blockWithUploader {
  width: calc(100% - 480px);
  float: right;
  position: relative;
}
@media (max-width: 991px) {
  .addAsset .blockWithUploader {
    width: 100%;
    margin-top: 25px;
  }
}
.addAsset .formBlock {
  float: right;
  width: 100%;
  margin-left: auto;
}
@media (max-width: 991px) {
  .addAsset .formBlock {
    padding-left: 0;
  }
}
.addAsset .bulkTabCot .uploadLeftInner {
  flex: 1;
  width: 100% !important;
}
.addAsset .bulkTabCot .bigUpload {
  height: 240px !important;
}
.addAsset .bulkTabCot .bigUpload .dz-default.dz-message {
  min-height: 240px;
  padding-top: 2rem;
}
.addAsset .bulkTabCot .bigUpload .dz-default.dz-message::before {
  top: 12% !important;
}
.addAsset .bulkTabCot .blkUploadedData {
  width: 100%;
}
.addAsset .bulkTabCot .blkUploadedData button#btnValidation {
  float: right;
  margin-bottom: -40px;
  position: relative;
  top: 30px;
  z-index: 2;
}
.addAsset .bulkTabCot .blkUploadedData .dataTables_wrapper {
  padding-top: 2rem;
}

.bigUpload {
  background: var(--uploadBg) !important;
  height: 350px !important;
  margin-bottom: 10px !important;
}
.bigUpload .dz-default.dz-message {
  min-height: 350px;
  font-size: 0.9rem;
}
.bigUpload .dz-default.dz-message .uploadIcon {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
.bigUpload .dz-default.dz-message .uploadIcon:after {
  content: "\f062";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 100;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 17px);
  background: #eef6ff;
  border-radius: 100%;
  border: 1px solid;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--p_main);
}
.bigUpload .dz-default.dz-message .uploadIcon i {
  color: var(--p_main);
  font-size: 3.5rem;
  opacity: 0.5;
}
.bigUpload .dz-default.dz-message h5 {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 15px;
}
.bigUpload .dz-default.dz-message h5 span {
  color: var(--p_main);
  text-decoration: underline;
}

.uploadView {
  background: #EEF6FF;
  border: 1px dashed #d4dde7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  min-height: 300px;
}
.uploadView img {
  max-height: 400px;
}

.multiUploader .bigUpload {
  height: 200px !important;
}
.multiUploader .bigUpload .dz-default.dz-message {
  min-height: 200px;
}

.innerPageWrap {
  margin: 0 -24px;
  width: calc(100% + 50px);
}
.innerPageWrap .tab-content .tab-pane {
  padding: 20px 15px;
  border-top: none;
}
.innerPageWrap .nav-tabs {
  border-bottom: none;
}
.innerPageWrap .nav-tabs .nav-item {
  margin-bottom: 0px;
  margin-right: 6px;
}
.innerPageWrap .nav-tabs .nav-item .nav-link {
  background: var(--tabBg);
  padding: 13px 30px;
  border-radius: 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 0.9rem;
  border: 1px solid var(--tabBdr);
  color: var(--tabText);
}
.innerPageWrap .nav-tabs .nav-item .nav-link i {
  margin-right: 5px;
}
.innerPageWrap .nav-tabs .nav-item .nav-link.active {
  color: var(--tabTextActive);
  background-color: var(--tabActiveBg);
  border-color: var(--tabBdrActive);
}
.innerPageWrap .nav-tabs .nav-item .nav-link.active i {
  color: var(--tabTextActive);
}
.innerPageWrap .nav-tabs .nav-item .nav-link:focus {
  outline: none;
}
@media (max-width: 769px) {
  .innerPageWrap .nav-tabs .nav-item .nav-link {
    padding: 10px;
  }
}
@media (max-width: 640px) {
  .innerPageWrap .nav-tabs .nav-item .nav-link {
    font-size: 0.8rem;
    margin-left: 0 !important;
  }
  .innerPageWrap .nav-tabs .nav-item .nav-link i {
    font-size: 1.2rem;
    display: block;
  }
}
@media (max-width: 640px) {
  .innerPageWrap .nav-tabs .nav-item {
    width: 33.3%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .innerPageWrap .nav-tabs .nav-item .nav-link {
    width: 100%;
  }
}
.innerPageWrap .select2-container .select2-selection, .innerPageWrap .form-control, .innerPageWrap .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .innerPageWrap input {
  border-color: #ddd;
  border-radius: 0;
  min-height: 45px;
}
.innerPageWrap .checkBoxInner {
  margin: 10px 0 0;
  color: #777;
}
.innerPageWrap .checkBoxInner input[type=checkbox]:checked + label {
  color: #111;
  font-weight: 500 !important;
}
.innerPageWrap .checkBoxInner label {
  font-weight: normal !important;
}
.innerPageWrap .datepicker {
  padding: 0px;
  flex-direction: row-reverse;
  position: relative;
  border: 1px solid #ced4da;
  border-radius: 0;
  height: 45px;
  overflow: hidden;
}
.innerPageWrap .datepicker input {
  border: none;
  padding-right: 2px;
}
.innerPageWrap .datepicker .input-group-text {
  background: no-repeat;
  border: none;
}
.innerPageWrap .datepicker .input-group-text i:before {
  content: "\f073";
  color: #777;
  font-weight: light;
}
.innerPageWrap .form-group {
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  .innerPageWrap .a_Header .btnGroup {
    width: 100%;
    margin: 10px 0;
  }
}

.verticalForm label {
  font-family: var(--fontMedium);
  font-weight: 500;
  margin-bottom: 3px;
}
.verticalForm .form-group {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.verticalForm .form-group.formFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.verticalForm .form-group.formFlex label {
  margin-right: 15px;
  padding-top: 9px;
}
.verticalForm .form-group.formFlex > div {
  flex: 1;
}

.addAssetInner {
  float: left;
  width: 100%;
}
.addAssetInner .row {
  margin-left: -5px;
  margin-right: -5px;
}
.addAssetInner div[class*=col-] {
  padding: 0 5px;
}

.assetAutoBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background: #fff;
  align-items: flex-start;
}
.assetAutoBlock .bootstrap-tagsinput {
  background: #fff !important;
  border: none;
  padding: 0 !important;
}
.assetAutoBlock .bootstrap-tagsinput input {
  background: #fff !important;
  border: none !important;
}
.assetAutoBlock input, .assetAutoBlock textarea {
  border: none;
  background: none;
  outline: none !important;
  width: 100%;
}
.assetAutoBlock textarea {
  min-height: 100px !important;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid;
}

.bgBordered {
  border: 1px solid #ddd;
}

.adAssetCon {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 35px;
}
.adAssetCon label, .adAssetCon .contorl-label {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 0.9rem;
}
@media (max-width: 991px) {
  .adAssetCon {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .adAssetCon .rightUploadBlock {
    width: 100%;
    max-width: 100%;
  }
  .adAssetCon .leftAssetBlock {
    width: 100%;
  }
}
.adAssetCon .steps {
  min-width: 500px;
}
.adAssetCon .rtrTemplate {
  background-color: #ffffff;
  border: 1px solid var(--border);
  border-radius: 10px;
  float: left;
  width: 100%;
}
@media (max-width: 1140px) {
  .adAssetCon .rtrTemplate .uploadBlock {
    max-width: 100%;
  }
}
@media (max-width: 1140px) {
  .adAssetCon.tabletBLock {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .adAssetCon.tabletBLock .commonWizard {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .adAssetCon.tabletBLock .rtrTemplate {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.adAssetCon.updateProductInfo .multiUploader {
  margin-top: 55px;
}
@media (max-width: 1140px) {
  .adAssetCon.updateProductInfo .multiUploader {
    margin: 0px;
  }
}
@media (max-width: 1100px) {
  .adAssetCon .steps {
    top: 10px !important;
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .adAssetCon .formBlock {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .adAssetCon .rtrTemplate {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

#divAssetEditModal .modal-dialog {
  max-width: 1280px;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds {
  padding: 0px;
  position: relative;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds .close {
  position: absolute;
  right: 18px;
  top: 15px;
  z-index: 99;
  outline: none;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds iframe {
  border: none !important;
  height: calc(100vh - 30px);
}
#divAssetEditModal .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 20px);
  padding: 0 !important;
}

.commonFooter {
  float: left;
  width: 100%;
  padding: 8px 15px;
  border-radius: 0 0 5px 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--bodyBg);
  border-top: 1px solid #E9ECF3;
}
.commonFooter button {
  padding: 3px 10px;
}
.commonFooter .btnRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.subTitleRow {
  float: left;
  width: 100%;
}
.subTitleRow p {
  width: auto;
  float: left;
  padding-right: 15px;
}
.subTitleRow .assetsInfoBlock {
  margin: 0px;
  float: left;
  width: auto;
}
.subTitleRow .assetsInfoBlock .AdUsage, .subTitleRow .assetsInfoBlock .iconBlock {
  font-size: 0.8rem;
  margin-right: 15px;
}

.asseteInner {
  float: left;
  width: 100%;
}
.asseteInner p {
  float: left;
  width: 100%;
  font-size: 0.8rem;
  margin: 15px 0 10px;
}

.selectAsset {
  float: left;
  width: 100%;
}
.selectAsset li {
  float: left;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  position: relative;
  background-color: #fff;
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.selectAsset li .imgBlock {
  width: 70px;
  max-height: 70px;
  float: left;
  cursor: pointer;
  background: #f9f9f9;
  overflow: hidden;
  text-align: center;
}
.selectAsset li .imgBlock img {
  max-height: 70px;
}
.selectAsset li .imgCont {
  float: left;
  width: calc(100% - 120px);
  padding: 0 15px;
}
.selectAsset li .imgCont p {
  margin: 0 0 1px 0;
}
.selectAsset li .selectBtn {
  float: right;
  width: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.selectAsset li .selectBtn .actionBtn {
  width: 40px;
  float: left;
  height: 40px;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--grey400);
  font-size: 1.2rem;
}
.selectAsset li .selectBtn .actionBtn i {
  color: var(--p_main);
}
.selectAsset li.selected {
  border: 1px solid var(--p_main);
  background-color: var(--grey100);
}
.selectAsset li.selected .selectBtn .actionBtn {
  background-color: var(--p_main);
}
.selectAsset li.selected .selectBtn .actionBtn i {
  color: var(--text_white);
}

.editfile {
  float: left;
  width: 100%;
}
.editfile label {
  max-width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.editfile a {
  float: right;
  margin: 5px 0;
}

#btnBulkDownload i {
  font-size: 0.7rem;
}

.cartItemWrapper {
  float: left;
  width: 100%;
}
.cartItemWrapper .cartItems {
  float: left;
  width: calc(100% - 500px);
}
@media (max-width: 1080px) {
  .cartItemWrapper .cartItems {
    width: calc(100% - 400px);
  }
}
@media (max-width: 991px) {
  .cartItemWrapper .cartItems {
    width: 100%;
  }
}
.cartItemWrapper .cartItems .table td .checkBoxInner.smallcheckbox label {
  padding-left: 15px;
}
.cartItemWrapper .assetDownloadWrapper {
  float: right;
  width: 500px;
  padding-left: 40px;
  margin-bottom: 30px;
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont {
  float: left;
  width: 100%;
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont .moduleHeaderText {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: var(--p_main);
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont .downloadAsset .assetDownloadContent {
  width: 100%;
  line-height: 1.8;
  font-size: 0.95rem;
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont .downloadAsset .assetDownloadContent p:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1080px) {
  .cartItemWrapper .assetDownloadWrapper {
    width: 400px;
    padding-left: 25px;
  }
}
@media (max-width: 991px) {
  .cartItemWrapper .assetDownloadWrapper {
    width: 100%;
    padding-left: 0;
  }
}

.cartTable {
  max-height: 480px;
}

.uploadCon {
  float: left;
  width: 100%;
}

.bulkBlock.assetBulk {
  padding: 5px 10px;
  min-width: 110px;
  border-radius: 4px;
  color: #393938;
  background-color: var(--grey200);
  border: 1px solid var(--border);
  margin-left: 10px;
}
.bulkBlock.assetBulk .dropdown-toggle {
  border: none;
  background: no-repeat;
  outline: none !important;
  box-shadow: none !important;
}
.bulkBlock.assetBulk .btnBulkClose {
  color: #666;
  margin-left: 20px;
}
.bulkBlock.assetBulk .btnBulkClose i {
  color: #666;
}
.bulkBlock.assetBulk .dropdown-menu {
  left: auto !important;
  right: -35px !important;
}

.cartFile {
  border: 1px dashed #ccc;
  padding: 10px;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 100%;
}
.cartFile + .cartFile {
  margin-top: 10px;
}
.cartFile i {
  margin-right: 10px;
  opacity: 0.5;
  font-size: 1.4rem;
}

.btnEllipsis {
  border: none;
  background: none;
  box-shadow: none !important;
  outline: none !important;
  color: var(--p_main);
  font-size: 1.8rem;
  line-height: 10px;
}
.btnEllipsis::after {
  display: none;
}

.assetFilterList {
  width: 100%;
  float: left;
}
.assetFilterList li {
  display: inline-block;
  padding: 2px 10px;
  font-size: 0.8rem;
  background: #f2f5fb;
  border: 1px solid #d9e3f5;
  border-radius: 5px;
  margin: 0 7px 7px 0;
}
.assetFilterList li .closeList {
  opacity: 0.8;
  margin-left: 8px;
}

.AssetViewModal {
  padding: 0 !important;
  pointer-events: auto;
}
.AssetViewModal button.close {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 2rem;
  font-weight: normal;
  opacity: 1;
  z-index: 9;
}
.AssetViewModal * {
  pointer-events: auto;
}
.AssetViewModal .AssetViewRow {
  height: 100%;
}
.AssetViewModal .modal-dialog {
  max-width: 1330px;
  max-height: 650px;
  width: calc(100% - 30px);
  height: calc(100vh - 20px);
}
.AssetViewModal .modal-dialog .modal-content {
  max-height: calc(100vh - 20px);
}
.AssetViewModal .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 20px);
}
.AssetViewModal .modal-body {
  max-height: 100%;
  padding: 0px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
.AssetViewModal .commonFooter {
  background: #fff;
  padding: 10px 0;
  margin: 15px 0 10px;
  border: none;
}
.AssetViewModal .commonFooter .btnRgt {
  margin-left: 0;
}
.AssetViewModal .commonFooter .btnRgt button {
  padding: 8px 15px;
}
.AssetViewModal .commonFooter .btnRgt button i {
  font-size: 1.2rem !important;
}
.AssetViewModal .commonFooter .btnRgt button#btnBulkSend i {
  font-size: 1.3rem !important;
  position: relative;
  top: 2px;
}
.AssetViewModal .AssetViewLeft {
  position: relative;
}
.AssetViewModal .AssetViewLeft .checkboxList {
  padding: 3px 8px;
  font-size: 0.8rem;
  color: #1F2640;
  font-family: var(--fontRegular);
  font-weight: 400;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.AssetViewModal .AssetViewLeft .assetTopBtn {
  position: absolute;
  top: 20px;
  left: 25px;
  color: #666 !important;
  border: none;
  padding: 5px 10px;
}
.AssetViewModal .AssetViewLeft .assetTopBtn .btnSideImg {
  display: table;
  margin: 0 0 10px;
  border-radius: 6px;
  font-size: 1.1rem;
  padding: 5px 10px;
  opacity: 0.8;
}
.AssetViewModal .AssetViewLeft .assetTopBtn .btnSideImg:hover {
  opacity: 1;
}
.AssetViewModal .AssetViewLeft .assetImgSec {
  background: var(--grey100);
  padding: 15px;
  min-height: 450px;
  max-height: calc(100% - 20px);
}
.AssetViewModal .AssetViewLeft .assetImgSec img {
  max-height: 550px;
  max-width: 85%;
}
.AssetViewModal .AssetViewLeft .subTitleRow {
  font-size: 0.8rem;
  padding: 10px;
  background: #f6f6f6;
  margin-bottom: 10px;
}
.AssetViewModal .AssetViewLeft .subTitleRow p {
  margin: 0;
}
.AssetViewModal .AssetViewLeft .subTitleRow span {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: #1e2226;
}
.AssetViewModal .nav-tabs {
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.AssetViewModal .nav-tabs .nav-link {
  color: #999;
  background: #f9f9f9;
  border-radius: 4px;
  margin-right: 9px;
  flex: 1;
  text-align: center;
}
.AssetViewModal .nav-tabs .nav-link.active {
  color: #1e2226;
  background-color: rgba(var(--p_main), 0.3);
  border: none;
}
.AssetViewModal .AssetViewRgt {
  position: relative;
}
.AssetViewModal .AssetViewRgt .assetRow {
  padding-top: 10px;
}
.AssetViewModal .AssetViewRgt .assetRow h5 {
  font-size: 1rem;
  margin-bottom: 0;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.AssetViewModal .AssetViewRgt .assetRow .assetTopDesc h3 {
  float: left;
}
.AssetViewModal .AssetViewRgt .assetRow .assetTopDesc .rightFLow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.AssetViewModal .AssetViewRgt .assetRow .assetTopDesc .rightFLow .assetCount {
  padding: 0;
}
.AssetViewModal .AssetViewRgt .assetRow .assetTopDesc .rightFLow span.assetStatus {
  padding: 3px 8px;
  top: 0;
}
.AssetViewModal .assetImgCrop, .AssetViewModal .assetShareSocialMedia {
  display: none;
}
.AssetViewModal .assetImgCrop.showEditor, .AssetViewModal .assetShareSocialMedia.showEditor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.AssetViewModal .assetImgCrop .imgCropHead, .AssetViewModal .assetShareSocialMedia .imgCropHead {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.AssetViewModal .assetImgCrop .imgCropHead .btnBlank i, .AssetViewModal .assetShareSocialMedia .imgCropHead .btnBlank i {
  margin-right: 5px;
  font-size: 0.8rem;
}
.AssetViewModal .assetImgCrop .imgCropHead .btnBlank:hover, .AssetViewModal .assetShareSocialMedia .imgCropHead .btnBlank:hover {
  background-color: rgba(var(--p_main), 0.3);
}
.AssetViewModal .assetImgCrop .imgCropHead button, .AssetViewModal .assetShareSocialMedia .imgCropHead button {
  padding: 5px 15px;
}
.AssetViewModal .assetImgCrop .imgCropHead .cropBtnGroup, .AssetViewModal .assetShareSocialMedia .imgCropHead .cropBtnGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.AssetViewModal .assetImgCrop .imgCropHead .cropBtnGroup button, .AssetViewModal .assetShareSocialMedia .imgCropHead .cropBtnGroup button {
  margin-left: 15px;
  border-radius: 4px;
  white-space: nowrap;
}
.AssetViewModal .assetImgCrop .imgCropHead .cropBtnGroup button i, .AssetViewModal .assetShareSocialMedia .imgCropHead .cropBtnGroup button i {
  margin-right: 5px;
}
.AssetViewModal .assetImgCrop .imgCropBody, .AssetViewModal .assetShareSocialMedia .imgCropBody {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #f6f6f6;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOpt .nav, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOpt .nav {
  display: inline-block;
  padding: 10px;
  height: 100%;
  width: 65px;
  padding-top: 20px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOpt .nav .nav-item, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOpt .nav .nav-item {
  margin: 0 0 10px;
  font-size: 1.1rem;
  background: none;
  color: #fff;
  padding: 8px 5px;
  text-align: center;
  border: none;
  background: rgba(var(--p_main), 0.4);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOpt .nav .nav-item.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOpt .nav .nav-item.active {
  background: var(--BtnBg);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOpt .nav .nav-item.active i, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOpt .nav .nav-item.active i {
  color: var(--BtnText);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOpt .nav .nav-item i, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOpt .nav .nav-item i {
  display: block;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent {
  padding: 15px;
  width: 335px;
  background: #fff;
  color: #434748;
  font-size: 0.9rem;
  box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.1254901961);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .nav-tabs, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .nav-tabs {
  margin-bottom: 20px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .nav-tabs .nav-link, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .nav-tabs .nav-link {
  line-height: normal;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .nav-tabs .nav-link.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .nav-tabs .nav-link.active {
  border: 1px solid var(--BtnBg);
  color: var(--BtnBg);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .checkboxCon input[type=checkbox], .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .checkboxCon input[type=checkbox] {
  width: 100%;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .checkboxCon label::before, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .checkboxCon label::before {
  top: 2px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .checkboxCon input[type=checkbox]:checked ~ label::after, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .checkboxCon input[type=checkbox]:checked ~ label::after {
  top: 2px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .tab-content, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .tab-content {
  background: none;
  border: none;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgWh, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgWh {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -6px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .form-group, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .form-group {
  margin: 0 5px 10px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .form-group input, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .form-group select, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .form-group input, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .form-group select {
  height: 35px;
  padding: 5px 10px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialImgList, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialPostBlock.nav, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialImgList, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialPostBlock.nav {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialImgList li, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialImgList .nav-item, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock li, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock .nav-item, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialPostBlock.nav li, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialPostBlock.nav .nav-item, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialImgList li, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialImgList .nav-item, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock li, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock .nav-item, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialPostBlock.nav li, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialPostBlock.nav .nav-item {
  padding: 5px;
  cursor: pointer;
  margin-right: 9px;
  color: var(--TextLight);
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background: var(--grey300);
  float: left;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialImgList li.active, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialImgList .nav-item.active, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock li.active, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock .nav-item.active, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialPostBlock.nav li.active, .AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialPostBlock.nav .nav-item.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialImgList li.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialImgList .nav-item.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock li.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock .nav-item.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialPostBlock.nav li.active, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialPostBlock.nav .nav-item.active {
  background: var(--BtnBg);
  color: var(--BtnText);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .socialSizeBlock li, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .socialSizeBlock li {
  padding: 5px 10px;
  width: auto;
  height: auto;
  border-radius: 6px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgEditCheckbox, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgEditCheckbox {
  display: inline-block;
  width: 100%;
  padding: 5px 0;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgEditCheckbox label, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgEditCheckbox label {
  font-family: var(--fontRegular);
  font-weight: 400;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgEditCheckbox .radioBoxCon input[type=radio]:checked + label::after, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgEditCheckbox .radioBoxCon input[type=radio]:checked + label::after {
  top: 2px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock {
  background: rgba(255, 255, 255, 0.1254901961);
  border-radius: 6px;
  float: left;
  width: 100%;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList {
  margin-top: -5px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li label, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li label {
  background: #f2f2f2;
  padding: 5px 10px 5px 22px;
  border-radius: 6px;
  font-size: 0.85rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  opacity: 0.8;
  margin: 4px 2px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li label::before, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li label::before {
  width: 15px;
  height: 15px;
  background: no-repeat;
  top: 6px;
  left: 3px;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label {
  background: var(--BtnBg);
  color: var(--BtnText);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label::before, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label::before {
  border-color: #fff;
  background: #fff;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label::after, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .imgByBlock ul.prcntList li input[type=radio]:checked + label::after {
  font-size: 9px;
  top: 4px;
  color: var(--BtnBg);
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .leftOptBtn, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .leftOptBtn {
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  text-align: center;
}
.AssetViewModal .assetImgCrop .imgCropBody .leftOptContent .leftOptBtn button, .AssetViewModal .assetShareSocialMedia .imgCropBody .leftOptContent .leftOptBtn button {
  width: 100%;
  margin-top: 5px;
}
.AssetViewModal .assetImgCrop .imgCropBody .imgCropBlock, .AssetViewModal .assetShareSocialMedia .imgCropBody .imgCropBlock {
  flex: 1;
  background: #f6f6f6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  position: relative;
  padding: 40px 25px 40px;
  align-items: flex-start;
  max-width: calc(100% - 335px);
  max-height: 520px;
  overflow: auto;
  flex: 1;
  margin-right: 10px;
}

.socialPostImg img {
  max-height: 450px;
}

.resetImg {
  position: absolute;
  right: 20px;
  top: 10px;
}
.resetImg a, .resetImg button {
  color: #222;
  background: rgba(0, 0, 0, 0.062745098);
  border-radius: 6px;
  text-align: center;
  padding: 4px 12px;
  font-size: 0.85rem;
  display: inline-block;
}
.resetImg a i, .resetImg button i {
  color: #222;
  margin-right: 2px;
  font-size: 0.8rem;
}

.form-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.form-flex .select2-container {
  flex: 1;
  margin-left: 30px;
}

.addAssetInner .bootstrap-tagsinput {
  font-size: 1rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #f2f2f2;
  width: 100%;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.addAssetInner .bootstrap-tagsinput input {
  width: 100%;
  padding: 5px;
  border-radius: 3px;
  outline: none !important;
  background: white !important;
  border: 1px solid #ddd !important;
  order: 1;
  margin-bottom: 5px;
  font-size: 0.9rem;
  min-height: 40px;
}
.addAssetInner .bootstrap-tagsinput .tag {
  background: #FAFBFF;
  padding: 5px 8px;
  font-size: 0.9rem;
  border: 1px solid #E3E5EF;
  border-radius: 2px;
  position: relative;
  margin: 5px 5px 5px 0;
  display: inline-block;
  order: 2;
}
.addAssetInner .bootstrap-tagsinput .tag span {
  margin-left: 5px;
  cursor: pointer;
}
.addAssetInner .bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "\f00d";
  padding: 0;
  background: none;
  font-family: "Font Awesome 5 Pro";
  color: #999;
  font-size: 0.7rem;
}

.uploadImgDesc {
  background: #fff;
  border: 1px dashed #bbb;
  padding: 20px 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
  margin: 5px 0 15px;
}
.uploadImgDesc img {
  max-width: 100px;
  max-height: 150px;
}
.uploadImgDesc .dvDesc {
  flex: 1;
}
.uploadImgDesc .dvDesc h4 {
  margin: 0 0 5px;
  font-size: 0.9rem;
}
.uploadImgDesc .dvDesc p {
  font-size: 0.9rem;
  color: #666;
  margin: 0;
}

.aiBlock {
  position: fixed;
  bottom: 30px;
  left: -200px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}
.aiBlock.showAi {
  bottom: 30px;
  left: 30px;
  opacity: 1;
  visibility: visible;
}
.aiBlock .aiDetail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aiBlock .aiDetail .aiIcon {
  width: 50px;
  height: 50px;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1882352941);
  backdrop-filter: blur(2px);
  border: 2px solid var(--p_main);
}
.aiBlock .aiDetail .aiIcon img {
  height: 25px;
}
.aiBlock .aiDetail .aiDesc {
  margin-left: 20px;
  max-width: 200px;
  background: var(--p_main);
  padding: 10px;
  font-size: 0.9rem;
  color: #333;
  box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.2509803922);
  border-radius: 6px;
  position: relative;
  color: #fff;
}
.aiBlock .aiDetail .aiDesc::before {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid var(--p_main);
  left: -10px;
  top: 20px;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.aiBlock .aiDetail .aiDesc b {
  color: #c1ef62;
  font-family: var(--fontBold);
  font-weight: 700;
}
.aiBlock .closeAi {
  position: absolute;
  top: -7px;
  right: -10px;
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #aaa;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  color: #333;
}

.aiInnerBlock {
  position: relative;
  float: right;
  margin-top: -40px;
  right: 10px;
}
.aiInnerBlock a:hover {
  background: none !important;
  border: none !important;
}
.aiInnerBlock img {
  height: 25px;
}

.aiModal .modal-dialog {
  max-width: 900px;
}
.aiModal .modal-body {
  border-radius: 6px;
}
.aiModal .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 1.6rem;
}
.aiModal .dvFlex {
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 30px 30px 0;
}
.aiModal .dvFlex .dvSearch {
  flex: 1;
}
.aiModal .dvFlex .dvSearch input {
  height: 46px;
}
.aiModal .dvFlex .dvBtn {
  max-width: 200px;
  padding-left: 20px;
}
.aiModal .dvFlex .dvBtn button {
  margin: 0 !important;
  height: 46px;
  width: 100%;
}
.aiModal .RecentlyCreatedAds {
  position: relative;
  padding-top: 30px !important;
}
.aiModal .RecentlyCreatedAds ul {
  background: #f2f5f8;
  padding: 10px;
  border-radius: 16px;
  position: relative;
}
.aiModal .RecentlyCreatedAds ul::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 20px;
  border-bottom: 10px solid #f2f5f8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.aiModal .RecentlyCreatedAds ul li {
  background: none;
  border: none;
}
.aiModal .RecentlyCreatedAds ul li + li {
  border-top: 1px dashed #a5abb1 !important;
}

.modalVideo {
  max-height: 95vh;
}
.modalVideo video {
  width: 100%;
}

.campaingAsset {
  position: relative;
  margin-bottom: 10px;
}
.campaingAsset::before {
  content: "Campaigns";
  display: inline-block;
  left: 10px;
  font-size: 18px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  border-top: 1px dashed #ddd;
  padding-top: 5px;
  position: relative;
  width: calc(100% - 10px);
  color: #333;
}

.folderSelect {
  padding: 10px 15px;
  background: rgb(246, 248, 250);
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 2px;
  border: 1px solid rgb(221, 229, 237);
}
.folderSelect .radioFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 5px 0;
}
.folderSelect .radioFlex .radioBoxCon {
  padding: 5px 10px 0px;
  background: #fff;
  border-radius: 4px;
}
.folderSelect .allFolderSug {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #f9f9f9;
  border-radius: 4px;
  width: 100%;
  align-items: center;
  margin-top: 10px;
  gap: 20px;
  border: 1px solid #ddd;
}
.folderSelect .allFolderSug label {
  flex: 1;
  white-space: nowrap;
  padding: 0 10px 0;
  margin: 0;
}
.folderSelect .allFolderSug span.select2-selection {
  border-width: 0px 0 0 1px;
  padding-top: 4px;
  background: #fff;
}
@media (max-width: 640px) {
  .folderSelect .allFolderSug {
    flex-wrap: wrap;
  }
  .folderSelect .allFolderSug label {
    padding: 15px 10px 0;
  }
  .folderSelect .allFolderSug span.select2-selection {
    border-width: 1px 0 0 1px;
  }
}

.iconDoc {
  font-size: 3rem;
  color: #8b9ab9;
}

.specificationWrapper {
  float: left;
  width: calc(100% - 40px);
  padding: 20px;
  margin: 0 20px 20px 20px;
  background-color: #fff;
  border: 1px solid var(--border);
}
.specificationWrapper .s_head {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.specificationWrapper .s_head h6 {
  float: left;
  margin: 0;
  font-size: 0.9rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  border-bottom: 2px solid var(--p_main);
  padding: 0px 12px 10px 12px;
  color: var(--p_main);
}
.specificationWrapper .s_body {
  float: left;
  width: 100%;
  margin-top: 11px;
}

.viewFooter {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px 0;
}
.viewFooter > * {
  margin: 3px 7px 3px 0;
}
.viewFooter .dropdown-menu .dropdown-item {
  font-size: 0.8rem;
}

.keyWordBtnTags {
  padding: 15px;
  border: 1px solid var(--border);
  background-color: var(--grey100);
}
.keyWordBtnTags .bootstrap-tagsinput {
  background-color: transparent !important;
}
.keyWordBtnTags .bootstrap-tagsinput .tag {
  border: 1px dashed var(--border);
  background-color: #fff;
}
.keyWordBtnTags .bootstrap-tagsinput .tag:hover {
  background-color: var(--grey100);
}

#assetTab .nav-item {
  position: relative;
}
#assetTab .nav-item .comingSoon {
  position: absolute;
  right: 5px;
  top: -12px;
  padding: 4px;
  z-index: 9;
  border-radius: 15px;
  font-size: 10px;
  line-height: 0.8;
  border: 1px solid #FFCBD3;
  background-color: #FFEAEE;
  color: #FF2C33;
}
#assetTab .nav-item button.nav-link.disabled {
  pointer-events: none;
  opacity: 0.7;
}

.assetBundle {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.assetBundle .fieldBlock {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.assetBundle .fieldBlock > label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 600;
}
.assetBundle .fieldBlock .fieldGroup {
  float: left;
  width: 100%;
}
.assetBundle .fieldBlock .fieldGroup .infoIcon {
  margin: 7px 0;
}

.colorWrapper {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding: 15px 10px;
  background: #fff;
  margin-left: -10px;
  border: 1px dashed #ccc;
  width: calc(100% + 20px);
  border-radius: 4px;
}
.colorWrapper h4 {
  font-size: 1.05rem;
  width: 100%;
}
.colorWrapper .colorTb {
  width: 50%;
  display: inline-block;
}
.colorWrapper .colorTb.colorCustom {
  padding-left: 20px;
}
.colorWrapper label {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.colorWrapper .cw_List {
  float: left;
  width: calc(100% + 6px);
  margin-left: -3px;
}
.colorWrapper .cw_List li {
  float: left;
  margin: 2px 3px;
}
.colorWrapper .cw_List li span {
  float: left;
  width: 22px;
  height: 22px;
  border: 2px solid #000;
  border-radius: 2px;
  cursor: pointer;
}

.searchFilterCon {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.previewImgBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.previewImgBlock .p_img_sec {
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.previewImgBlock .p_img_sec img {
  max-height: 100%;
  max-width: 100%;
}
.previewImgBlock .p_Imgcont {
  float: left;
  width: calc(100% - 95px);
  margin-left: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.previewImgBlock .p_Imgcont .p_head {
  float: left;
  width: 100%;
  margin: 4px 0;
  position: relative;
}
.previewImgBlock .p_Imgcont .p_head p {
  margin: 0;
  float: left;
  width: 100%;
  padding-right: 50px;
  word-break: break-all;
}
.previewImgBlock .p_Imgcont .p_head .p_action {
  position: absolute;
  right: 0;
  top: 0;
}
.previewImgBlock .p_Imgcont .p_head .p_action a {
  color: var(--link);
  margin: 2px;
}
.previewImgBlock .p_Imgcont p {
  margin: 0px;
}

/*============= New Publisher ============*/
.adContainer .showHeaderTab {
  position: absolute;
  width: auto;
  left: calc(50% - 50px);
  z-index: 10;
}
.adContainer .adTopWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 9;
}
.adContainer .adTopWrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adContainer .adTopWrap ul li a {
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #333;
  text-transform: uppercase;
}
.adContainer .adTopWrap ul li a::before {
  content: "";
  position: absolute;
  bottom: -8px;
  background: var(--p_main);
  left: 0;
  width: 100%;
  height: 3px;
  opacity: 0;
}
.adContainer .adTopWrap ul li a.active {
  color: var(--p_main);
}
.adContainer .adTopWrap ul li a.active::before {
  opacity: 1;
}
@media (max-width: 991px) {
  .adContainer .adTopWrap ul li a {
    padding: 10px 12px;
    font-size: 0.85rem;
  }
  .adContainer .adTopWrap ul li a::before {
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .adContainer .adTopWrap ul {
    margin: 4px 0;
  }
}
.adContainer .adTopWrap .btnRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 991px) {
  .adContainer .adTopWrap .btnRgt {
    gap: 5px;
  }
  .adContainer .adTopWrap .btnRgt .btnFill, .adContainer .adTopWrap .btnRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .adContainer .adTopWrap .btnRgt a, .adContainer .adTopWrap .btnRgt .promo_details, .adContainer .adTopWrap .btnRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .adContainer .adTopWrap .btnRgt .btn.btn-primary, .adContainer .adTopWrap .btnRgt .primaryBtn, .adContainer .adTopWrap .btnRgt .btnGrey, .adContainer .adTopWrap .btnRgt .greyBtnBordered, .adContainer .adTopWrap .btnRgt .yellowBtn, .adContainer .adTopWrap .btnRgt .primaryBtnBordered, .adContainer .adTopWrap .btnRgt .yellowBtnBorder, .adContainer .adTopWrap .btnRgt .btnBorderedsecondary, .adContainer .adTopWrap .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .adContainer .adTopWrap .btnRgt .btn.btn-primary, .adContainer .adTopWrap .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .adContainer .adTopWrap .btnRgt .btn.btn-default, .adContainer .adTopWrap .btnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adContainer .adTopWrap .btnRgt .enrollNow, .adContainer .adTopWrap .btnRgt .btnExportFill, .adContainer .adTopWrap .btnRgt .btnBordered, .adContainer .adTopWrap .btnRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .adContainer .adTopWrap .btnRgt a {
    padding: 5px 10px;
  }
}
@media (max-width: 991px) {
  .adContainer .adTopWrap {
    padding: 3px 10px;
  }
}
.adContainer .chilliAreaCon {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  background: #fff;
}
.adContainer .chilliAreaCon .ChilliFilter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: var(--p_main_100);
  box-shadow: none;
  padding: 0;
  width: 400px;
  max-height: calc(100vh - 60px);
  overflow: hidden;
}
.adContainer .chilliAreaCon .ChilliFilter .customScroll {
  max-height: calc(100vh - 60px);
  padding: 18px 24px !important;
}
.adContainer .chilliAreaCon .ChilliFilter .customScroll .customScroll {
  padding: 0px !important;
}
.adContainer .chilliAreaCon .ChilliFilter .slide-toggle {
  background: var(--adListBg);
  float: left;
  width: calc(100% - 30px);
  border-radius: 4px;
  margin: 15px;
  transition: cubic-bezier(0.76, -0.01, 0.16, 0.96) 0.3s;
}
.adContainer .chilliAreaCon .ChilliFilter .slide-toggle .adpageContent {
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .vrTab {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .vrTab .form-group {
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .vrTab .form-group select.form-control[multiple] {
  max-height: 42px;
}
.adContainer .chilliAreaCon .ChilliFilter .vrTab .form-group .formatInput {
  float: left;
  width: 100%;
  margin: 0px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content {
  margin: 0 -10px;
  width: calc(100% + 20px);
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content label {
  margin-bottom: 3px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title {
  margin: 0;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a {
  border-width: 1px;
  margin-top: 10px;
  color: var(--pub-TabText);
  background: var(--pub-TabBg);
  border: 1px solid var(--pub-TabBdr);
  padding: 12px;
  border-radius: 4px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a:hover {
  border-color: var(--pub-TabBg-Active);
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a.active {
  background: var(--pub-TabBg-Active);
  color: var(--pub-TabText-Active);
  border: 1px solid var(--pub-TabBdr-Active);
  border-radius: 4px 4px 0 0;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a.active::before {
  background: none;
  content: "\f0d8";
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form {
  border: none;
  padding: 10px 15px;
  background: var(--pub-TabContentBg);
  border: 1px solid var(--pub-TabContentBdr);
  border-radius: 0 0 4px 4px;
  /*.formatInput.noSpace ~ div[class*=formatBlock] {
      margin-top: 0 !important;
  }*/
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  column-gap: 10px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .halfBlock {
  width: 50%;
  padding: 0;
  margin: 7px 0;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .halfBlock label {
  margin-bottom: 3px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .halfBlock.numForm {
  max-width: 110px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .fullBlock {
  width: 100%;
  padding: 0;
  margin: 7px 0;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .fullBlock label {
  margin-bottom: 3px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .formatTextarea ~ div[class*=formatBlock], .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .formatInput ~ div[class*=formatBlock] {
  background: var(--pub-formatBlock);
  margin-top: 0;
  width: calc(100% - 2px);
  margin-left: 1px;
  /*border-radius: 0 0 4px 4px;*/
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock] {
  margin-bottom: 10px;
  position: relative;
  max-width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock] .colorWrapper {
  border: none;
  background: no-repeat;
  max-width: 140px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock] .colorWrapper input {
  margin: 0 !important;
  min-width: 60px;
  height: 32px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock]:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--pub-FormBdr);
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form input[type=text], .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form textarea, .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .form-control, .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form input {
  background-color: var(--pub-FormBg);
  color: var(--pub-FormText);
  border: 1px solid var(--pub-FormBdr);
  border-radius: 4px;
  margin: 0px !important;
  padding: 5px 10px;
  font-size: 0.9rem;
  height: 38px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form textarea, .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form textarea.form-control {
  min-height: 90px;
  height: auto;
  max-height: 90px;
  padding-right: 40px !important;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form textarea ~ .btnFormat, .adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form textarea.form-control ~ .btnFormat {
  right: 15px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content:nth-child(1) .var-inner-title {
  margin-top: -15px;
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone {
  background: var(--uploadBg) !important;
  border: 1px dashed var(--uploadBdr) !important;
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone .dz-message p {
  color: var(--TextMain);
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone .dz-message p span {
  color: var(--p_main);
  text-decoration: underline;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .cw_List li {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .cw_List li span {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1254901961);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(18, 18, 18, 0.1);
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .cw_List li.active span {
  box-shadow: inset 0 0 0 1px rgba(18, 18, 18, 0.1), 0 0 0 2px #fff, 0 0 0 4px #3b9e62;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .cw_List li + li {
  margin-left: 6px;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .cw_List li:hover {
  transform: scale(1.1);
}
.adContainer .chilliAreaCon .ChilliFilter .textSize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize input {
  width: 100%;
  background: none;
  margin: 0 !important;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize button {
  position: absolute;
  right: 3px;
  border: none;
  background: none;
  border-radius: 3px;
  top: 4px;
  width: 20px;
  height: 15px;
  line-height: 15px;
  font-size: 20px;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize button i {
  line-height: 0;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize button.num-down {
  top: auto;
  bottom: 4px;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize button:focus {
  outline: none;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize button:hover {
  color: var(--p_main);
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] {
  background: var(--pub-formatBlock);
  padding: 10px;
  box-shadow: 0 0 0 1px var(--pub-FormBdr);
  border-radius: 3px;
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] .textStyleBlock {
  float: right;
  margin: 2px 0 10px;
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] .textStyleBlock .textarea-block-tab {
  margin: 0 0 0 6px;
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] .textStyleBlock .textarea-block-tab button {
  height: revert;
  border: 1px solid #ccc;
  background: var(--white);
  color: var(--icon-color);
  padding: 3px 10px;
  font-size: 13px;
  border-radius: 4px;
  display: inline-block;
  width: auto;
  outline: none !important;
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] .textStyleBlock .textarea-block-tab button.active {
  background: var(--p_main_50);
  color: var(--p_main);
  border: 1px solid var(--p_main);
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] .select2.select2-container {
  min-width: 50px;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  gap: 3px;
  min-height: 30px;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: var(--pub-FormBg);
  color: var(--icon-color);
  padding: 7px;
  align-items: center;
  border: 1px solid var(--pub-FormBdr);
  font-size: 0.8rem;
  border-radius: 4px;
  cursor: pointer;
  min-width: 22%;
  justify-content: center;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li.active {
  background: var(--p_main_50);
  color: var(--p_main);
  border: 1px solid var(--p_main);
}
.adContainer .chilliAreaCon .chilliTemplateArea {
  flex: 1;
  position: relative;
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload {
  position: absolute;
  left: 0;
  top: 60px;
  height: calc(100% - 60px);
  width: 100%;
  background: #fff;
  z-index: 9;
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload .preloaderInnerTab {
  width: 400px;
  flex-wrap: wrap;
  margin-top: -50px;
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload .progress-bar {
  background-color: var(--p_main);
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload .progress-detail-tab {
  margin: 0;
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload .progress-detail-tab .load-message-cot {
  display: table;
  margin: 0 auto;
  float: none;
}
@media (max-width: 991px) {
  .adContainer .chilliAreaCon .chilliTemplateArea {
    width: 100%;
    flex: none;
  }
}
.adContainer .chilliAreaCon .over-layout {
  background: var(--grey100);
  border-top: 1px solid var(--grey400);
  border-bottom: 1px solid var(--grey400);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: auto;
  padding: 10px;
  margin: 0;
  justify-content: flex-end;
}
.adContainer .chilliAreaCon .over-layout .toolbar-tab-left {
  position: relative;
  right: 0;
  top: 0;
  width: auto;
}
.adContainer .chilliAreaCon .over-layout .ovForm {
  flex: 1;
}
.adContainer .chilliAreaCon .over-layout .ovForm label span {
  font-size: 0.9rem;
  color: var(--TextMain);
}
.adContainer .chilliAreaCon .over-layout .ovForm .select2-container, .adContainer .chilliAreaCon .over-layout .ovForm select {
  min-width: 200px;
  max-width: 250px;
  margin-left: 10px;
  display: inline-block;
}
.adContainer .chilliAreaCon .CreateAdTemplate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 10px;
  background: #fff;
  gap: 20px;
  position: relative;
}
.adContainer .chilliAreaCon .CreateAdTemplate .CreateAdInner {
  flex: 1;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv {
  width: 100px;
  background: var(--grey100);
  padding: 10px 15px;
  text-align: center;
  border: 1px solid var(--grey400);
  border-radius: 4px;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv h4 {
  font-size: 1rem;
  margin: 5px 0 0;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv .tempImgPrv li a {
  display: block;
  padding: 5px;
  background: var(--blockBg);
  border: 1px solid var(--border);
  border-radius: 4px;
  margin: 15px 0;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv .tempImgPrv li a.active {
  border-color: var(--p_main);
}

.adModal .modal-content {
  border-radius: 10px;
}
.adModal .modal-content .quickHelpModal {
  border-radius: 10px;
}
.adModal .modal-content .quickHelpModal .helpHeader h4 {
  font-size: 16px;
}
.adModal .modal-content .quickHelpModal .helpHeader .close {
  position: absolute;
  right: -35px;
  top: 0px;
  opacity: 1;
  font-size: 0.9rem;
  background: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  line-height: 26px;
}
@media (max-width: 767px) {
  .adModal .modal-content .quickHelpModal.selectMediaType_theme .row {
    margin-right: -8px !important;
    margin-left: -8px !important;
  }
  .adModal .modal-content .quickHelpModal.selectMediaType_theme .row [class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .adModal .modal-content .quickHelpModal.selectMediaType_theme .row [class*=col-] .helpHeader {
    padding: 15px !important;
  }
  .adModal .modal-content .quickHelpModal.selectMediaType_theme .row [class*=col-] .helpContent {
    padding: 0 15px 15px 15px !important;
  }
}

.sizeWrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  gap: 15px;
}
.sizeWrap .sizeBlock {
  width: auto;
  position: relative;
  min-width: 100px;
}
.sizeWrap .sizeBlock input {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.sizeWrap .sizeBlock input:checked ~ label {
  border-color: var(--p_main);
  opacity: 1;
  filter: grayscale(0);
}
.sizeWrap .sizeBlock input:checked ~ label::before {
  opacity: 1;
}
.sizeWrap .sizeBlock label {
  padding: 20px;
  width: 100%;
  text-align: center;
  border: 1px dashed #bbb;
  background: #fff;
  margin: 0;
  flex-wrap: wrap;
  filter: grayscale(1);
  opacity: 0.8;
}
.sizeWrap .sizeBlock label::before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  font-weight: bold;
  opacity: 0;
  color: var(--p_main);
}
.sizeWrap .sizeBlock label img {
  max-height: 180px;
}

.imagePreviewRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: calc(100% + 10px);
  margin-left: -5px;
}
.imagePreviewRow .p_ImgCol {
  float: left;
  width: 72px;
  height: 72px;
  border: 1px solid var(--border);
  position: relative;
  margin: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.imagePreviewRow .p_ImgCol img {
  max-width: 100%;
  max-height: 100%;
}
.imagePreviewRow .p_ImgCol .remove {
  position: absolute;
  right: -4px;
  top: -7px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.imagePreviewRow .p_ImgCol .remove i {
  color: var(--BtnTextHover);
  font-size: 11px;
  line-height: 11px;
}

.note_text {
  font-size: 0.85rem;
}

.restrctForm {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 5px 0;
}
.restrctForm label {
  font-size: 0.9rem;
}

.mediaTypeCb {
  float: left;
  width: 100%;
}
.mediaTypeCb ul {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.mediaTypeCb ul li {
  float: left;
  margin: 7px 10px;
}

/* Publisher */
.customFieldBlock {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-bottom: 16px;
  padding: 15px;
  background-color: var(--grey200);
  border-radius: 4px;
}
.customFieldBlock .cb_row {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.customFieldBlock .cb_row .cbRowInner {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio {
  flex: 1;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio label {
  width: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  text-align: center;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio label:hover {
  border-color: var(--p_main);
  color: var(--p_main);
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio label i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
  opacity: 0.8;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio label::before, .customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio label::after {
  display: none !important;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio + .radioBoxCon.smallRadio {
  margin-left: 0;
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label, .customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label:hover {
  border-color: var(--p_main);
  background: var(--p_main);
  color: var(--white);
}
.customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label i, .customFieldBlock .cb_row .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label:hover i {
  color: var(--white);
  opacity: 1;
}
.customFieldBlock .cb_row:last-child {
  margin-bottom: 0px;
}
.customFieldBlock .cb_row p {
  float: left;
  width: 100%;
  margin: 5px 0 0;
  font-size: 0.8rem;
  color: #333;
  font-style: italic;
  text-align: right;
}
.customFieldBlock .cb_row .pageList {
  background: #fff;
  margin-top: 10px;
  display: flex;
  float: left;
  padding: 5px 0 0;
  align-items: center;
  border: 1px dashed #ddd;
  border-radius: 6px;
}
.customFieldBlock .cb_row .pageList h6 {
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 0;
}
.customFieldBlock .cb_row .pageList .cbRowInner {
  width: auto;
  gap: 5px;
}
.customFieldBlock .cb_row .pageList .cbRowInner .radioBoxCon.smallRadio {
  flex: auto;
  width: 30px;
}
.customFieldBlock .cb_row .pageList .cbRowInner .radioBoxCon.smallRadio label {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 1rem;
  padding: 5px;
}
.customFieldBlock .cb_row .pageList .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label, .customFieldBlock .cb_row .pageList .cbRowInner .radioBoxCon.smallRadio input[type=radio]:checked + label:hover {
  border-color: var(--p_main);
  color: var(--p_main);
  background: var(--white);
}

.selectWrapper {
  float: left;
  width: 100%;
}
.selectWrapper .selectRow {
  float: left;
  width: calc(100% + 10px);
  margin-left: -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.selectWrapper .selectRow .radioBoxCon {
  margin: 3px 5px;
}

.btnSelectRow {
  float: left;
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-top: 5px;
}
.btnSelectRow a, .btnSelectRow button {
  float: left;
  margin: 4px;
  padding: 6px 8px;
  font-size: 0.85rem;
}

/* Publisher */
.customSizeCon {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.customSizeCon .cs_Block, .customSizeCon .sizeBlock {
  float: left;
  width: 100%;
  max-width: 150px;
  padding: 0 5px;
}

.textLogoWrapper {
  float: left;
  width: 100%;
}
.textLogoWrapper .logoNote {
  float: left;
  width: 100%;
  opacity: 0.7;
  font-size: 0.85rem;
  margin-top: 5px;
}
.textLogoWrapper .radioBoxCon {
  margin-bottom: 10px;
}
.textLogoWrapper .fieldGroup {
  float: left;
  width: 100%;
}
.textLogoWrapper .fieldGroup .form-control, .textLogoWrapper .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .textLogoWrapper .fieldGroup input {
  margin: 0px !important;
}

.alertMsg {
  font-weight: 400;
  font-size: 0.85rem;
  padding: 6px 10px;
  margin: 10px 0;
}

.regionFilterTopBLock {
  float: left;
  margin-right: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.regionFilterTopBLock .regionFilterInner {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px;
}
.regionFilterTopBLock .regionFilterInner .contorl-label {
  margin: 4px 0;
  padding-right: 6px;
  font-size: 0.85rem;
}
.regionFilterTopBLock .regionFilterInner .form-group {
  margin: 0;
}
.regionFilterTopBLock .regionFilterInner .form-group .select2-container {
  width: 190px !important;
}
@media (max-width: 991px) {
  .regionFilterTopBLock {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 12px;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
  .regionFilterTopBLock .regionFilterInner {
    width: calc(50% - 10px);
    margin: 0;
  }
  .regionFilterTopBLock .regionFilterInner label {
    width: 100%;
    margin: 0 0 3px 0 !important;
  }
  .regionFilterTopBLock .regionFilterInner .form-group {
    float: left;
    width: 100%;
  }
  .regionFilterTopBLock .regionFilterInner .form-group .select2-container {
    width: 100% !important;
  }
}
@media (max-width: 520px) {
  .regionFilterTopBLock .regionFilterInner {
    width: 100%;
    margin: 10px 0;
  }
}

.formatInput {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 10px;
}
.formatInput.datepicker .form-control, .formatInput.datepicker .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .formatInput.datepicker input {
  background-color: transparent !important;
}
.formatInput.datepicker .input-group-append {
  left: 2px;
  top: 1px;
  height: calc(100% - 2px);
}
.formatInput.datepicker .input-group-append .input-group-text {
  border: none;
  opacity: 0.8;
}
.formatInput input {
  background: none;
  margin: 0 !important;
}
.formatInput .btnFormat {
  white-space: nowrap;
  border: none;
  padding: 2px 5px;
  width: 35px;
}
.formatInput .btnFormat img {
  max-width: 20px;
}
.formatInput .btnFormat:focus {
  outline: none;
}

.formatTextarea {
  padding: 0;
  position: relative;
}
.formatTextarea textarea {
  border: none;
  outline: none !important;
  margin: 0 !important;
  flex: 1;
  min-height: 38px;
  height: auto;
  max-height: 60px;
}
.formatTextarea .btnFormat {
  position: absolute;
  z-index: 1;
  bottom: 4px;
  right: 4px;
  padding: 4px;
  width: auto;
  border: none !important;
  box-shadow: none;
  outline: none;
  background-color: transparent;
}
.formatTextarea .btnFormat img {
  max-width: 20px;
}
.formatTextarea.withIcon .form-control, .formatTextarea.withIcon .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .formatTextarea.withIcon input {
  padding-right: 40px !important;
}
.formatTextarea.withIcon .form-control.textareaBlock, .formatTextarea.withIcon .top-var-cot .chilliFlex .var-name-tab input.textareaBlock, .top-var-cot .chilliFlex .var-name-tab .formatTextarea.withIcon input.textareaBlock {
  padding-right: 40px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  resize: none;
}
.formatTextarea.withIcon .form-control.textareaBlock ~ .btnFormat, .formatTextarea.withIcon .top-var-cot .chilliFlex .var-name-tab input.textareaBlock ~ .btnFormat, .top-var-cot .chilliFlex .var-name-tab .formatTextarea.withIcon input.textareaBlock ~ .btnFormat {
  right: 15px;
}
.formatTextarea.withIcon .form-control ~ .btnFormat, .formatTextarea.withIcon .top-var-cot .chilliFlex .var-name-tab input ~ .btnFormat, .top-var-cot .chilliFlex .var-name-tab .formatTextarea.withIcon input ~ .btnFormat {
  right: 15px;
}
.formatTextarea:has(.btnFormat) ~ div[class*=formatBlock] {
  margin-top: 0.8rem !important;
  border-radius: 4px !important;
}
.formatTextarea:has(.btnFormat) ~ div[class*=formatBlock]::before {
  content: "";
  position: absolute;
  right: 20px !important;
  top: -8px !important;
  border-bottom: 8px solid var(--pub-FormBdr) !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  display: block !important;
}
.formatTextarea:has(.btnFormat) ~ div[class*=formatBlock]::after {
  content: "";
  position: absolute;
  right: 22px;
  top: -6px;
  border-bottom: 6px solid var(--pub-formatBlock);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.formatInput:has(.btnFormat) ~ div[class*=formatBlock], .formatTextarea:has(.btnFormat) ~ div[class*=formatBlock], .dvTagCot.TagOnly:has(.btnFormat) ~ div[class*=formatBlock] {
  margin-top: 0.8rem !important;
  border-radius: 4px !important;
}
.formatInput:has(.btnFormat) ~ div[class*=formatBlock]::before, .formatTextarea:has(.btnFormat) ~ div[class*=formatBlock]::before, .dvTagCot.TagOnly:has(.btnFormat) ~ div[class*=formatBlock]::before {
  content: "";
  position: absolute;
  right: 20px !important;
  top: -8px !important;
  border-bottom: 8px solid var(--pub-FormBdr) !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  display: block !important;
}
.formatInput:has(.btnFormat) ~ div[class*=formatBlock]::after, .formatTextarea:has(.btnFormat) ~ div[class*=formatBlock]::after, .dvTagCot.TagOnly:has(.btnFormat) ~ div[class*=formatBlock]::after {
  content: "";
  position: absolute;
  right: 22px;
  top: -6px;
  border-bottom: 6px solid var(--pub-formatBlock);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.couponSelectedImage {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
  padding: 10px;
  background: #f5f5f5;
  border: 1px dashed var(--border);
  border-radius: 4px;
}
.couponSelectedImage img {
  max-height: 100px;
  border: 1px solid var(--border);
  border-radius: 4px;
}

.bulkAssetFields {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 15px;
}
.bulkAssetFields .form-group {
  margin: 6px 0;
}

.smallLabel {
  font-size: 0.75rem;
  opacity: 0.8;
}

.textarea-xl {
  max-height: 120px !important;
  min-height: 120px !important;
}

.chilliAreaCon .ChilliFilter .formatTextarea ~ div[class*=formatBlock], .chilliAreaCon .ChilliFilter .formatInput ~ div[class*=formatBlock] {
  background: var(--pub-formatBlock) !important;
}
.chilliAreaCon .ChilliFilter .colorWrapper {
  border: none;
  background: no-repeat;
  max-width: 100% !important;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field {
  border: 1px solid var(--pub-FormBdr);
  padding: 5px;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: auto;
  float: left;
  padding-left: 36px;
  min-height: 40px;
  background: var(--pub-FormBg);
  width: 100% !important;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field button {
  width: 25px;
  height: 25px;
  left: 5px;
  right: auto;
  border-radius: 5px;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field input, .chilliAreaCon .ChilliFilter .colorWrapper .clr-field input:focus {
  background: none !important;
  outline: none !important;
  width: 100%;
  border: none !important;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .color-Reset {
  margin: 0;
  float: left;
  cursor: pointer;
  color: var(--TextLight);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .color-Reset i {
  margin-right: 3px;
  font-size: 0.9rem;
  color: var(--TextLight);
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .color-Reset.active {
  color: var(--p_main);
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .color-Reset.active i {
  color: var(--p_main);
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .customTooltip {
  position: absolute;
  right: -30px;
  bottom: calc(100% + 12px);
  background-color: var(--tooltipBg);
  color: var(--tooltipText);
  padding: 4px;
  border-radius: 4px;
  min-width: 80px;
  text-align: center;
  font-size: 0.85rem;
  visibility: hidden;
  opacity: 0;
  transition: ease-in 0.3s;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset .customTooltip::before {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  border-top: 5px solid var(--tooltipBg);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.chilliAreaCon .ChilliFilter .colorWrapper .clr-field .colorReset:hover .customTooltip {
  visibility: visible;
  opacity: 1;
  bottom: calc(100% + 7px);
  transition: ease-in 0.3s;
}

#divAssetItemList tr td {
  vertical-align: middle;
}
#divAssetItemList tr td img {
  max-height: 40px;
}

.MyLibraryWrapper {
  float: left;
  width: 100%;
}

.tabInline {
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 991px) {
  .tabInline {
    padding-bottom: 10px;
  }
}
.tabInline .tabInlineBtn {
  float: right;
}
.tabInline .nav-tabs.tabInline {
  border-bottom: none;
  width: auto;
}
@media (max-width: 991px) {
  .tabInline .nav-tabs.tabInline {
    position: absolute;
    display: none;
    left: 0;
    top: 40px;
    z-index: 99;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(136, 136, 136, 0.5);
  }
  .tabInline .nav-tabs.tabInline li {
    float: left;
    width: 100%;
    margin: 0px;
  }
  .tabInline .nav-tabs.tabInline li a {
    float: left;
    width: 100%;
    min-height: inherit;
    padding: 15px 25px !important;
    text-align: left;
    background-color: #fff;
    font-size: 1.1rem;
    border-top: none !important;
    border-bottom: none !important;
  }
}
.tabInline.tabExpand .nav-tabs.tabInline {
  display: block;
}
.tabInline.tabExpand .nav-tabs.tabInline li a.active {
  background-color: var(--p_main) !important;
  color: #fff !important;
}

.infoMsg {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin-top: 3px;
}

.astrick {
  color: #ff0000;
}

.SplitBLockRow {
  float: left;
  width: 100%;
}
.SplitBLockRow .reportsHeader {
  width: 50%;
  padding-right: 70px;
  border-right: 1px dashed #ccc;
  margin-left: 0px;
}
.SplitBLockRow .reportsHeader .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.SplitBLockRow .reportsHeader .form-group > label {
  width: 150px;
}
.SplitBLockRow .reportsHeader .form-group > .fieldGroup {
  width: calc(100% - 150px);
}
.SplitBLockRow .LogoSpecifications {
  float: right;
  width: 50%;
  padding-left: 70px;
}
.SplitBLockRow .LogoSpecifications h5 {
  font-size: 1rem;
}
.SplitBLockRow .LogoSpecifications p, .SplitBLockRow .LogoSpecifications li {
  font-size: 0.9rem;
  color: #ff0000;
  margin-bottom: 5px;
}
.SplitBLockRow .LogoSpecifications ul {
  list-style: disc;
  padding-left: 18px;
}
@media (max-width: 991px) {
  .SplitBLockRow .reportsHeader .form-group > label {
    width: 100%;
  }
  .SplitBLockRow .reportsHeader .form-group > .fieldGroup {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .SplitBLockRow .reportsHeader {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .SplitBLockRow .reportsHeader .reports_Coll_12 {
    margin: 10px 0;
    width: 100%;
  }
  .SplitBLockRow .LogoSpecifications {
    width: 100%;
    padding-left: 0;
  }
}

.ImagesListRow .dataTables_length {
  float: left;
  width: 100%;
}
.ImagesListRow li {
  width: calc(25% - 16px);
}
@media (max-width: 991px) {
  .ImagesListRow li {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 767px) {
  .ImagesListRow li {
    width: calc(50% - 10px);
  }
}
@media (max-width: 420px) {
  .ImagesListRow li {
    width: calc(100% - 10px);
  }
}

.locationRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.locationRow .fieldBlock {
  float: left;
  width: 50%;
  margin: 10px 0;
  padding: 0 15px;
}
@media (max-width: 480px) {
  .locationRow .fieldBlock {
    width: 100%;
    padding: 0px;
  }
}
.locationRow.column3 .fieldBlock {
  width: 33.33%;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}
.locationRow.column3 .fieldBlock > label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-size: 0.9rem;
}
.locationRow.column3 .fieldBlock .fieldGroup {
  float: left;
  width: 100%;
}
.locationRow.column3 .fieldBlock .fieldGroup .select2-container {
  width: 100% !important;
}
.locationRow.column3 .fieldBlock .fieldGroup .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 34px;
}
.locationRow.column3 .fieldBlock .fieldGroup .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.locationRow.column3 .fieldBlock .fieldGroup .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
@media (max-width: 991px) {
  .locationRow.column3 .fieldBlock {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .locationRow.column3 .fieldBlock {
    width: 100%;
  }
}

#templateSuggestion .modal-body {
  padding: 15px;
}

.TemplateRow {
  float: left;
  width: 100%;
}
.TemplateRow .fieldBlock {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.TemplateRow .fieldBlock label {
  float: left;
  width: 140px;
  margin: 0;
}
.TemplateRow .fieldBlock .fieldGroup {
  float: left;
  width: calc(100% - 140px);
}
@media (max-width: 480px) {
  .TemplateRow .fieldBlock label {
    width: 100%;
    margin-bottom: 5px;
  }
  .TemplateRow .fieldBlock .fieldGroup {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .MobileTabBtn {
    display: none;
  }
}
@media (max-width: 991px) {
  .MobileTabBtn {
    float: left;
    width: 35px;
    text-align: right;
    color: #367c2b;
    cursor: pointer;
    height: 33px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 2px 3px #bbbbbb;
    position: relative;
    z-index: 11;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .MobileTabBtn img {
    max-width: 25px;
  }
}

.tabOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.CommonInner {
  float: left;
  width: 100%;
}

.tabsBtn {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tabsBtn > form {
  width: 100%;
}
.tabsBtn .btnRgtAlign {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tabsBtn .nav.nav-tabs {
  border-bottom: none;
}
.tabsBtn .nav.nav-tabs li {
  margin: 0px 3px;
}
.tabsBtn .nav.nav-tabs li a, .tabsBtn .nav.nav-tabs li .nav-link {
  background-color: var(--tabBg);
  border-radius: 0;
  border: none;
  text-align: center;
  color: var(--tabText);
  padding: 15px;
  min-width: 120px;
  border: 1px solid var(--tabBdr);
  outline: none;
}
.tabsBtn .nav.nav-tabs li a i, .tabsBtn .nav.nav-tabs li .nav-link i {
  color: var(--tabText);
  font-size: 1.3rem;
}
.tabsBtn .nav.nav-tabs li a .tabIcons, .tabsBtn .nav.nav-tabs li .nav-link .tabIcons {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}
.tabsBtn .nav.nav-tabs li a .tabIcons .hoverImg, .tabsBtn .nav.nav-tabs li .nav-link .tabIcons .hoverImg {
  display: none;
}
.tabsBtn .nav.nav-tabs li a p, .tabsBtn .nav.nav-tabs li .nav-link p {
  margin: 8px 0 0 0;
  font-size: 0.9rem;
}
.tabsBtn .nav.nav-tabs li a.active, .tabsBtn .nav.nav-tabs li .nav-link.active {
  background-color: var(--tabActiveBg);
  color: var(--tabTextActive);
  border-color: var(--tabBdrActive);
}
.tabsBtn .nav.nav-tabs li a.active i, .tabsBtn .nav.nav-tabs li .nav-link.active i {
  color: var(--tabTextActive);
}
.tabsBtn .nav.nav-tabs li a.active .tabIcons .mainImg, .tabsBtn .nav.nav-tabs li .nav-link.active .tabIcons .mainImg {
  display: none;
}
.tabsBtn .nav.nav-tabs li a.active .tabIcons .hoverImg, .tabsBtn .nav.nav-tabs li .nav-link.active .tabIcons .hoverImg {
  display: block;
}
.tabsBtn .nav.nav-tabs li:first-child {
  margin-left: 0px;
}
.tabsBtn .nav.nav-tabs li:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .tabsBtn .nav.nav-tabs {
    width: 100%;
  }
  .tabsBtn .nav.nav-tabs li {
    -webkit-flex: 1 0 auto;
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .tabsBtn .nav.nav-tabs li a, .tabsBtn .nav.nav-tabs li .nav-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 30px;
  }
  .tabsBtn .nav.nav-tabs li a p, .tabsBtn .nav.nav-tabs li .nav-link p {
    display: none;
  }
}
.tabsBtn.nobdr {
  border-bottom: none;
}
.tabsBtn + .tab-content {
  border-top: none;
}

.listTitle {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listTitle h3 {
  margin: 0;
  float: left;
  font-size: 1.5rem;
}
@media (max-width: 991px) {
  .listTitle h3 {
    font-size: 1.3rem;
  }
}
.listTitle .listRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listTitle .listRgt .FilterBtn {
  padding: 0px;
}
.listTitle .listRgt .FilterBtn .Libraryfilter {
  padding: 6px 10px;
}
.listTitle .FilterBtn {
  margin-left: auto;
  position: relative;
}
.listTitle .FilterBtn > a {
  float: left;
  padding: 5px 10px;
  min-width: 110px;
  border-radius: 4px;
  color: var(--TextMain);
  background-color: var(--grey100);
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.listTitle .FilterBtn > a i {
  margin-left: auto;
}
.listTitle .FilterBtn .FilterWrapper {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 99;
  width: 520px;
  background-color: var(--blockBg);
  border: 1px solid var(--border);
  display: none;
}
.listTitle .FilterBtn .FilterWrapper .filterHead {
  float: left;
  width: 100%;
  background-color: var(--grey100);
  padding: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.listTitle .FilterBtn .FilterWrapper .filterHead label {
  margin: 3px 0;
  width: 140px;
  float: left;
  padding-right: 10px;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch {
  width: calc(100% - 140px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .clearFilter {
  font-size: 0.85rem;
  text-decoration: underline;
  min-width: 65px;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .form-control, .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock input {
  padding-right: 30px;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .sFilterBtn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none;
  background: none;
  width: 30px;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .sFilterBtn i {
  color: var(--TextMain);
}
.listTitle .FilterBtn .FilterWrapper .filterBody {
  float: left;
  width: 100%;
  padding: 16px;
  background-color: var(--text_white);
}
.listTitle .FilterBtn .FilterWrapper .filterBody li {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.listTitle .FilterBtn .FilterWrapper .filterBody li label {
  margin: 3px 0;
  width: 140px;
  float: left;
  padding-right: 10px;
}
.listTitle .FilterBtn .FilterWrapper .filterBody li .fieldCont {
  float: left;
  width: calc(100% - 140px);
}
.listTitle .FilterBtn .FilterWrapper .filterBody li .fieldCont .FavBtn {
  min-width: 130px;
}
.listTitle .FilterBtn .FilterWrapper .filterFooter {
  float: left;
  width: 100%;
  padding: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--grey100);
}
.listTitle .FilterBtn .FilterWrapper .filterFooter .btnRgt {
  margin-left: auto;
}
@media (max-width: 767px) {
  .listTitle .FilterBtn .FilterWrapper {
    width: calc(100vw - 30px);
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead label {
    float: left;
    width: 60px;
    margin: 0;
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch {
    width: calc(100% - 60px);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock {
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .form-control, .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock input {
    max-width: 100%;
  }
  .listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .clearFilter {
    float: right;
  }
  .listTitle .FilterBtn .FilterWrapper .filterBody li label {
    float: left;
    width: 100%;
  }
  .listTitle .FilterBtn .FilterWrapper .filterBody li .fieldCont {
    width: 100%;
  }
}
.listTitle .FilterBtn.expandFilters > a {
  background-color: var(--BtnBgHover);
  border-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
}
.listTitle .FilterBtn.expandFilters > a i {
  color: var(--BtnTextHover);
}
.listTitle .FilterBtn.expandFilters .FilterWrapper {
  display: block;
}

.libraryBtnRgt {
  position: absolute;
  right: -1.5rem;
  top: -82px;
}
@media (max-width: 991px) {
  .libraryBtnRgt {
    position: relative;
    top: 0px;
    right: 0;
    margin: 20px 0;
    float: right;
  }
}

.locationTable, .ContactTable {
  float: left;
  width: 100%;
}

.libraryBanner {
  float: left;
  width: 100%;
  padding: 30px 0;
}
.libraryBanner .blockLeft {
  float: left;
  width: 400px;
  /*p {
      float: left;
      width: 100%;
      margin-bottom: 5px;
      font-size: 1.2rem;
  }*/
}
.libraryBanner .blockLeft h2 {
  float: left;
  width: 100%;
  margin: 0;
  color: var(--TextMain);
  text-transform: uppercase;
  font-size: 2.2rem;
  position: relative;
}
@media (max-width: 991px) {
  .libraryBanner .blockLeft {
    max-width: 410px;
    text-align: center;
    margin: auto;
  }
}
.libraryBanner .lbBlockRgt {
  margin-left: auto;
  max-width: calc(100% - 400px);
  padding-left: 25px;
}
.libraryBanner .lbBlockRgt .lsearchBlock {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.libraryBanner .lbBlockRgt .lsearchBlock .dropdown {
  float: left;
  width: 160px;
  border-right: 1px solid var(--border);
}
.libraryBanner .lbBlockRgt .lsearchBlock .dropdown .dropdown-toggle {
  float: left;
  width: 100%;
  border: none;
  background-color: #fff;
  height: 42px;
  border-radius: 4px 0 0 4px;
  font-size: 0.85rem;
  outline: none;
}
@media (max-width: 520px) {
  .libraryBanner .lbBlockRgt .lsearchBlock .dropdown {
    width: 100%;
  }
  .libraryBanner .lbBlockRgt .lsearchBlock .dropdown .dropdown-toggle {
    border-radius: 4px;
    text-align: left;
    padding: 0 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .libraryBanner .lbBlockRgt .lsearchBlock .dropdown .dropdown-toggle::after {
    margin-left: auto;
  }
}
.libraryBanner .lbBlockRgt .lsearchBlock .selectCategory {
  float: left;
  width: 170px;
}
.libraryBanner .lbBlockRgt .lsearchBlock .selectCategory .select2-container .select2-selection {
  border: none;
  border-radius: 4px 0 0 4px;
  font-size: 0.9rem;
}
@media (max-width: 520px) {
  .libraryBanner .lbBlockRgt .lsearchBlock .selectCategory {
    width: 100%;
    border: none;
  }
  .libraryBanner .lbBlockRgt .lsearchBlock .selectCategory .select2-container .select2-selection {
    border-radius: 4px;
  }
}
.libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow {
  float: left;
  width: 450px;
  border: 1px solid var(--border);
  background-color: var(--FormBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-right: 35px;
  border-radius: 0 4px 4px 0;
}
.libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow form {
  float: left;
  width: 100%;
}
.libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow .form-control, .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow input {
  border: none;
  outline: none;
  height: 100%;
}
.libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow button.searchBtn {
  position: absolute;
  right: 0;
  width: 35px;
  height: 100%;
  border: none;
  background-color: transparent;
  outline: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1100px) {
  .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow {
    width: calc(100% - 160px);
  }
}
@media (max-width: 520px) {
  .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow {
    border-radius: 4px;
    width: 100%;
    margin-top: 12px;
  }
  .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow .form-control, .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .libraryBanner .lbBlockRgt .lsearchBlock .searchFieldRow input {
    height: 42px;
  }
}
@media (max-width: 520px) {
  .libraryBanner .lbBlockRgt .lsearchBlock {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.libraryBanner .lbBlockRgt .suggestionRow {
  float: right;
  margin-top: 15px;
  font-size: 0.9rem;
  width: 100%;
  text-align: right;
}
@media (max-width: 991px) {
  .libraryBanner .lbBlockRgt {
    max-width: 100%;
    padding: 0;
    margin: 20px 0;
  }
  .libraryBanner .lbBlockRgt .lsearchBlock {
    width: 100%;
  }
  .libraryBanner .lbBlockRgt .suggestionRow {
    width: 100%;
    text-align: center;
  }
}

.libraryFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1100px) {
  .libraryFlex {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.rlListingWrapper {
  float: left;
  width: 100%;
  padding: 35px 0;
}
.rlListingWrapper h6 {
  float: left;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: var(--BtnBgHover);
}
.rlListingWrapper h3 {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
.rlListingWrapper .rlListing {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 40px;
}
.rlListingWrapper .rlListing li {
  float: left;
  width: calc(20% - 24px);
  margin: 12px;
  padding-right: 25px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 9;
}
.rlListingWrapper .rlListing li::before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: calc(100% - 25px);
  height: calc(100% - 25px);
  background-image: url("../../images/dot_shape.svg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rlListingWrapper .rlListing li .rlListInner {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rlListingWrapper .rlListing li .rlListInner a {
  float: right;
  width: 100%;
  text-align: center;
  background-color: var(--p_main_50);
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rlListingWrapper .rlListing li .rlListInner .rlImg {
  float: left;
  width: 100%;
  text-align: center;
  margin: 15px 0;
  font-size: 1.9rem;
}
.rlListingWrapper .rlListing li .rlListInner .rlImg i {
  color: var(--link);
}
.rlListingWrapper .rlListing li .rlListInner h5 {
  float: left;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--TextMain);
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1100px) {
  .rlListingWrapper .rlListing li {
    width: calc(25% - 24px);
  }
}
@media (max-width: 991px) {
  .rlListingWrapper .rlListing li {
    width: calc(33.33% - 24px);
  }
}
@media (max-width: 767px) {
  .rlListingWrapper .rlListing li {
    width: calc(50% - 16px);
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 8px;
  }
}
@media (max-width: 420px) {
  .rlListingWrapper .rlListing li {
    width: 100%;
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 8px 0;
  }
}

.showMoreLibrary {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.labelBlock {
  display: inline-block;
  width: 100%;
  min-height: 42px;
  padding: 8px 10px;
  background: #f9f9f9;
}

.clsRemoveCartItem {
  cursor: pointer;
}

.adWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.uploadProfilePic {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.uploadProfilePic .profileImg {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  overflow: hidden;
  border: 2px solid var(--p_main);
}
.uploadProfilePic .uploadBtn {
  float: left;
  width: calc(100% - 100px);
  margin-left: auto;
  position: relative;
}
.uploadProfilePic .uploadBtn input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 99;
}
.uploadProfilePic .uploadBtn span {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
  text-align: center;
}

.bdrLine {
  border-top: 1px solid #e1e1e1;
  float: left;
  width: 100%;
}

.adFinalstepCon {
  float: left;
  width: 100%;
  margin: 40px 0;
}
.adFinalstepCon .finalStepWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adFinalstepCon .finalStepWrapper .stepRgt {
  margin-left: auto;
  width: 50%;
  box-shadow: 0 0 10px #ccc;
  background-color: #fff;
  position: relative;
}
.adFinalstepCon .finalStepWrapper .stepRgt img {
  width: 100%;
  float: left;
}
.adFinalstepCon .finalStepWrapper .stepRgt .stepOverlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.39);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.adFinalstepCon .finalStepWrapper .stepRgt .stepOverlay i {
  color: #fff;
  font-size: 3rem;
}
@media (max-width: 991px) {
  .adFinalstepCon .finalStepWrapper .stepRgt {
    width: 100%;
  }
}
.adFinalstepCon .finalStepWrapper .stepLeft {
  float: left;
  width: 45%;
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 0 10px #ccc;
}
.adFinalstepCon .finalStepWrapper .stepLeft .titleBlock {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 5px;
  font-size: 1.5rem;
}
.adFinalstepCon .finalStepWrapper .stepLeft .titleBlock strong {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--p_main);
}
.adFinalstepCon .finalStepWrapper .stepLeft .titleBlock::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background-color: #ccc;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adInfo {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adInfo label {
  float: left;
  width: 120px;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adInfo span {
  float: left;
  width: calc(100% - 120px);
  padding-left: 15px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .adBtnICon {
  float: left;
  width: calc(33.33% - 20px);
  margin: 5px 10px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: nowrap;
  flex: 1;
  min-width: calc(30% - 10px);
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .adBtnICon.adBtnHalf {
  width: calc(50% - 20px);
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .adBtnICon .far, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .adBtnICon .fal {
  font-size: 1.1rem;
  margin-bottom: 5px;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnFill, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.promo_details, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .bootstrap-datetimepicker-widget button.btn.btn-primary, .bootstrap-datetimepicker-widget .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.greyBtnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtnBorder, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.enrollNow, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnExportFill {
  width: calc(100% - 20px);
  padding: 12px 15px;
  margin: 15px 10px;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnFill .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.promo_details .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .bootstrap-datetimepicker-widget button.btn.btn-primary .fal, .bootstrap-datetimepicker-widget .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBordered .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtn .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.greyBtnBordered .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtn .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtnBordered .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtnBorder .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-primary .fal, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-default .fal, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.enrollNow .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnExportFill .fal {
  font-size: 1.2rem;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow {
    width: calc(100% + 8px);
    margin-left: -4px;
  }
  .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .adBtnICon {
    width: calc(33.33% - 8px);
    margin: 5px 4px;
    padding: 10px 5px;
    font-size: 0.8rem;
  }
  .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnFill, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.promo_details, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .bootstrap-datetimepicker-widget button.btn.btn-primary, .bootstrap-datetimepicker-widget .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.greyBtnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.primaryBtnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.yellowBtnBorder, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-dialog .modal-content .modal-footer button.btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.enrollNow, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnExportFill {
    width: calc(100% - 8px);
    margin: 15px 4px;
  }
}
@media (max-width: 991px) {
  .adFinalstepCon .finalStepWrapper .stepLeft {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .adFinalstepCon .finalStepWrapper .stepLeft {
    padding: 15px;
  }
  .adFinalstepCon .finalStepWrapper .stepLeft .adInfo label {
    width: 100%;
  }
  .adFinalstepCon .finalStepWrapper .stepLeft .adInfo span {
    width: 100%;
    padding: 0px;
  }
}

.relatedAds {
  float: left;
  width: 100%;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px dashed #ccc;
}
.relatedAds h3 {
  font-size: 1rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 15px;
}
.relatedAds .relatedadsRow {
  float: left;
  width: 100%;
}
.relatedAds .relatedadsRow .item .ad-List {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.relatedAds .relatedadsRow .item .ad-List .ad_imgBlock {
  border-radius: 10px 0 0 10px;
  width: 45%;
}
.relatedAds .relatedadsRow .item .ad-List .ad_Content {
  width: 55%;
}
.relatedAds .relatedadsRow .item .ad-List .ad_Content h5 {
  font-size: 1rem;
}
.relatedAds .relatedadsRow .item .ad-List .ad_Content p {
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .relatedAds .relatedadsRow .item .ad-List {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relatedAds .relatedadsRow .item .ad-List .ad_imgBlock {
    border-radius: 10px 10px 0 0;
    width: 100%;
  }
  .relatedAds .relatedadsRow .item .ad-List .ad_Content {
    width: 100%;
  }
}

#dvAddCoupons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
#dvAddCoupons .adCouponWrapper {
  float: left;
  width: 100%;
  padding: 5px 0;
  gap: 6px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#dvAddCoupons .adCouponWrapper .couponBlock {
  float: left;
  width: calc(33.33% - 5px);
  height: 80px;
  border-radius: 5px;
  position: relative;
  border: 1px solid var(--border);
}
#dvAddCoupons .adCouponWrapper .couponBlock .appliedCouponBlock {
  position: absolute;
  left: -5px;
  top: 5px;
  width: auto;
  padding: 5px;
  border-radius: 0;
  font-size: 9px;
  line-height: 1;
  color: var(--BtnText);
  background-color: var(--BtnBg);
}
#dvAddCoupons .adCouponWrapper .couponBlock .appliedCouponBlock::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 7px solid var(--BtnBgHover);
}
#dvAddCoupons .adCouponWrapper .couponBlock .couponImg {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#dvAddCoupons .adCouponWrapper .couponBlock .couponImg img {
  max-height: 100%;
}
#dvAddCoupons .adCouponWrapper .couponBlock:hover {
  border-color: var(--btnBdr);
}

.commonWizardWrapepr {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.commonWizardWrapepr .FlexAlignRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-content: center;
}

.newWizardLayout .stepsWrapper {
  float: left;
  width: 100%;
}
.newWizardLayout .stepsWrapper .wizard {
  float: left;
  width: 100%;
}
.newWizardLayout .stepsWrapper .wizard .steps {
  float: left;
  width: 100%;
}
.newWizardLayout .stepsWrapper .wizard .steps ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  border-bottom: none;
  position: relative;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li {
  float: left;
  width: 11.28%;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  margin: 0px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a {
  background-color: var(--tabBg);
  padding: 15px 5px;
  border: none;
  color: var(--tabText);
  border-radius: 0px;
  line-height: 1;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  outline: none !important;
  border: 1px solid var(--border);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a .current-info, .newWizardLayout .stepsWrapper .wizard .steps ul li a .number {
  display: none;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a .topNavspan {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  font-size: 0.9rem;
  line-height: 1.3;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a .topNavspan i {
  font-size: 1.6rem;
  color: var(--tabText);
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .newWizardLayout .stepsWrapper .wizard .steps ul li a .topNavspan {
    font-size: 0.8rem;
  }
}
@media (max-width: 767px) {
  .newWizardLayout .stepsWrapper .wizard .steps ul li a .topNavspan {
    font-size: 0px;
  }
  .newWizardLayout .stepsWrapper .wizard .steps ul li a .topNavspan i {
    margin-bottom: 0px;
    font-size: 1.1rem;
  }
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a:before, .newWizardLayout .stepsWrapper .wizard .steps ul li a:after {
  display: none;
}
@media (max-width: 991px) {
  .newWizardLayout .stepsWrapper .wizard .steps ul li a {
    min-height: 70px;
  }
}
@media (max-width: 767px) {
  .newWizardLayout .stepsWrapper .wizard .steps ul li a {
    min-height: 40px;
  }
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.tab_incomplete a {
  color: var(--errorText);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.tab_incomplete a .topNavspan i {
  color: var(--errorText);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.tab_incomplete a .topNavspan i::before {
  content: "\f071";
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current a {
  color: var(--BtnTextHover);
  position: relative;
  z-index: 99;
  background-color: var(--BtnBgHover);
  border-color: var(--BtnBgHover);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current a .topNavspan i {
  color: var(--BtnTextHover);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current.tab_incomplete a {
  background-color: var(--errorBg);
  color: var(--errorText);
  border: 1px solid var(--erroBdr) !important;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current.tab_incomplete a .topNavspan i {
  color: var(--errorText);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.done.tab_incomplete a {
  background-color: var(--errorBg);
  color: var(--errorText);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.done.tab_incomplete a .topNavspan i {
  color: var(--errorText);
}
.newWizardLayout .stepsWrapper .wizard .steps ul li:first-child {
  margin-left: 0px;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li:last-child {
  margin-right: 0px;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li + li a {
  border-left: none;
}
@media (max-width: 767px) {
  .newWizardLayout .stepsWrapper .wizard .steps ul li {
    margin: 0px;
  }
  .newWizardLayout .stepsWrapper .wizard .steps ul li + li {
    border-left: 1px solid #ebebeb;
  }
}
.newWizardLayout .stepsWrapper .wizard .content {
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
  padding: 25px;
  margin: 0px;
  float: left;
  width: 100%;
  position: relative;
}
.newWizardLayout .stepsWrapper .wizard .content > h3.title {
  display: none;
}
.newWizardLayout .stepsWrapper .wizard .content > h3.title .topNavspan i {
  display: none;
}
.newWizardLayout .stepsWrapper .wizard .content > section.body {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.newWizardLayout .stepsWrapper .wizard .content > section.body .programInfo {
  float: left;
  width: 100%;
  margin: 35px 0;
}
.newWizardLayout .stepsWrapper .wizard .actions {
  display: none;
}

.bgWhite {
  background-color: var(--whiteBlockBg);
  padding: 25px;
  border: 1px solid var(--border);
}
@media (max-width: 991px) {
  .bgWhite {
    padding: 15px;
  }
}

.stepsTitle {
  position: relative;
  font-size: 1.2rem;
  color: var(--TextMain);
  float: left;
  width: 100%;
  line-height: 1;
  font-family: var(--fontMedium);
  font-weight: 500;
}
@media (max-width: 991px) {
  .stepsTitle {
    font-size: 1.2rem;
  }
}

.rowBlock {
  float: left;
  margin-left: -15px;
  width: calc(100% + 30px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rowBlock [class*=col-] {
  float: left;
}
.rowBlock [class*=col-] label {
  font-size: 0.9rem;
  float: left;
}
.rowBlock [class*=col-] .fieldGroup {
  float: left;
  width: 100%;
}
.rowBlock [class*=col-] .fieldGroup .datepicker {
  padding: 0px;
}
.rowBlock [class*=col-] .fieldGroup .datepicker .input-group-append {
  margin: 0;
}
.rowBlock [class*=col-].fieldInlineRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rowBlock [class*=col-].fieldInlineRow > label {
  margin: 0px;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .rowBlock .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .rowBlock .BlockFull {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .rowBlock .uploadBlock {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .rowBlock .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .rowBlock .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.checkboxRow {
  float: left;
  width: 100%;
}

.SignUpFieldBlock {
  float: left;
  width: 100%;
}
.SignUpFieldBlock .Signup_info_block {
  float: left;
  width: 100%;
}

.purchaseAmount {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.programBlockRow {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.programBlockRow + .programBlockRow {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px dashed #ccc;
}

.stepSubTitleInner {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: var(--TextMain);
  font-family: var(--fontMedium);
  font-weight: 500;
  margin-bottom: 15px;
}

.productTopBlockRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}
.productTopBlockRow h6 {
  margin: 0px;
  padding-right: 15px;
}
.productTopBlockRow.vertical-align {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.productTopBlockRow.vertical-align p {
  padding-right: 0px;
  margin: 0px;
}

#UploadDocument .dropzone {
  padding: 10px 20px 10px 80px;
  min-height: 50px;
  position: relative;
}
#UploadDocument .dropzone .dz-message {
  text-align: left;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#UploadDocument .dropzone .dz-message span {
  float: left;
  width: 100%;
}
#UploadDocument .dropzone .dz-message span br {
  display: none;
}

.uploadBtn {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 5px 10px;
  cursor: pointer;
}
.uploadBtn .uploadExcel, .uploadBtn .uploadExcelForPGVendor, .uploadBtn .uploadExcelForPGGroup, .uploadBtn .uploadExcelForPGProducts, .uploadBtn .uploadExcelForProductGroup, .uploadBtn .uploadExcelForVendorPayout, .uploadBtn .uploadExcelForGroupPayout, .uploadBtn .uploadExcelForStylePayout, .uploadBtn .uploadExcelForProductPayout {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.uploadBtn label {
  margin-bottom: 0px;
}
.uploadBtn input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.uploadBtn .uploadExcel2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}

.downloadBtnAN {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  margin: 5px 12px 5px 0px !important;
}
.downloadBtnAN > label {
  margin-bottom: 0;
}
.downloadBtnAN .downloadLnExcel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.childBlockExpand {
  float: left;
  width: 50%;
}
.childBlockExpand .form-group {
  float: left;
  width: calc(50% - 65px);
  padding: 0 12px;
}
.childBlockExpand .primaryBtn, .childBlockExpand .btnGrey, .childBlockExpand .greyBtnBordered {
  margin: 0 10px;
}
@media (max-width: 1180px) {
  .childBlockExpand {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .childBlockExpand {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  .childBlockExpand .form-group {
    width: 100%;
    padding: 0 10px;
  }
}

@media (max-width: 1180px) {
  .PercentageIncrease .col-3 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (max-width: 991px) {
  .PercentageIncrease .col-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 520px) {
  .PercentageIncrease .col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.payoutGrouth {
  float: left;
  width: 100%;
}

.dataTables_length .col {
  padding: 0px;
}
.dataTables_length .form-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.dataTables_length label {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3px 0;
}
.dataTables_length label .select2.select2-container, .dataTables_length label ~ .select2.select2-container {
  margin: 0 5px;
  min-width: 65px;
  float: left;
}
.dataTables_length label .select2.select2-container .select2-selection, .dataTables_length label ~ .select2.select2-container .select2-selection {
  height: 32px;
  border-color: var(--border);
}
.dataTables_length label .select2.select2-container .select2-selection .select2-selection__rendered, .dataTables_length label ~ .select2.select2-container .select2-selection .select2-selection__rendered {
  line-height: 31px;
}
.dataTables_length label .select2.select2-container .select2-selection .select2-selection__arrow, .dataTables_length label ~ .select2.select2-container .select2-selection .select2-selection__arrow {
  height: 30px;
}

.FullContainer {
  float: left;
  width: 100%;
}

.SignUpFieldBlock1 {
  float: left;
  width: 100%;
  padding: 15px;
}

.programBlockRowNew {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  flex-direction: row-reverse;
}
.programBlockRowNew .btnAlignRgt {
  float: left;
}
.programBlockRowNew .btnAlignRgt button {
  margin: 5px;
}
.programBlockRowNew .btnAlignRgt button:last-child {
  margin-right: 0px;
}

.downloadBtn {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.downloadBtn input[type=submit] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.downloadBtn label {
  padding: 3px 10px;
  margin: 0;
  cursor: pointer;
}

.uploadDownloadBtn .fieldGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}
.uploadDownloadBtn .fieldGroup button, .uploadDownloadBtn .fieldGroup .uploadBtn {
  float: left;
  margin: 5px;
}
.uploadDownloadBtn .fieldGroup button#btnAddGoals, .uploadDownloadBtn .fieldGroup .uploadBtn#btnAddGoals {
  position: relative;
}
.uploadDownloadBtn .fieldGroup button#btnAddGoals input[type=file], .uploadDownloadBtn .fieldGroup .uploadBtn#btnAddGoals input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  text-indent: -100%;
  cursor: pointer;
}
.uploadDownloadBtn .fieldGroup .uploadBtn {
  margin: 0px;
}

.sales-cot, .reward-cot {
  float: left;
  width: 100%;
}

.corp-selector {
  float: left;
  width: 100%;
}

.blockHeader {
  float: left;
  width: 100%;
}
.blockHeader .a_Header {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.blockHeader .a_Header.nobdr {
  border-bottom: none;
}
.blockHeader .a_Header .headBtnRgt {
  margin-left: auto;
}
.blockHeader .a_Header .headBtnRgt .btnBordered, .blockHeader .a_Header .headBtnRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .blockHeader .a_Header .headBtnRgt a, .blockHeader .a_Header .headBtnRgt .primaryBtnBordered, .blockHeader .a_Header .headBtnRgt .yellowBtnBorder, .blockHeader .a_Header .headBtnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default, .blockHeader .a_Header .headBtnRgt .btnFill, .blockHeader .a_Header .headBtnRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .blockHeader .a_Header .headBtnRgt a, .blockHeader .a_Header .headBtnRgt .promo_details, .blockHeader .a_Header .headBtnRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .blockHeader .a_Header .headBtnRgt .btn.btn-primary, .blockHeader .a_Header .headBtnRgt .primaryBtn, .blockHeader .a_Header .headBtnRgt .btnGrey, .blockHeader .a_Header .headBtnRgt .greyBtnBordered, .blockHeader .a_Header .headBtnRgt .yellowBtn, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow, .blockHeader .a_Header .headBtnRgt .btnExportFill, .blockHeader .a_Header .headBtnRgt .btnFill {
  float: left;
  line-height: 1.1;
  margin: 0 0 5px 0;
}
.blockHeader h4 {
  font-size: 1.3rem;
  color: var(--TextMain);
}
.blockHeader h4 span {
  color: var(--TextMain);
}

.createAdsWrapper {
  float: left;
  width: 100%;
}
.createAdsWrapper .recentPost {
  float: left;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  background-color: var(--border);
}
.createAdsWrapper .recentPost h5 {
  font-size: 1rem;
}
.createAdsWrapper .recentPost p {
  font-size: 0.85rem;
}
.createAdsWrapper .recentPost.hideBlock {
  display: none;
}
.createAdsWrapper .recentPost.hideBlock + .commonWizard.wizard.fixedTop {
  width: 100%;
}
.createAdsWrapper .recentPost.hideBlock + .commonWizard.wizard.fixedTop .steps {
  width: calc(100% - 480px);
}
@media (max-width: 991px) {
  .createAdsWrapper .recentPost {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.createAdsWrapper .owl-carousel .ad-List {
  float: left;
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.createAdsWrapper .owl-carousel .ad-List .ad_imgBlock {
  float: left;
  width: 100%;
  padding: 10px 0;
}
.createAdsWrapper .owl-carousel .ad-List .ad_imgBlock img {
  width: auto;
  max-height: 280px;
  max-width: 100%;
  margin: 0 auto;
}
.createAdsWrapper .owl-carousel .ad-List .ad_Content {
  float: left;
  width: 100%;
  padding: 15px;
  border: 1px solid #E9ECF3;
  border-radius: 0 0 4px 4px;
}
.createAdsWrapper .owl-carousel .ad-List .ad_Content p:last-child {
  margin-bottom: 0px;
}
.createAdsWrapper .createAds {
  float: left;
  width: 100%;
  position: relative;
}
.createAdsWrapper .adSteps {
  float: left;
  width: 100%;
  padding: 15px 25px;
}

.owl-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 0;
}
.owl-dots .owl-dot {
  float: left;
  width: 10px;
  height: 10px;
  margin: 3px;
  border-radius: 100%;
  background-color: #C9D2EF !important;
  box-shadow: none;
  outline: none;
}
.owl-dots .owl-dot.active {
  background-color: var(--s_main) !important;
}

.adSteps {
  float: left;
  width: 100%;
}

.commonWizard.wizard {
  float: left;
  position: relative;
  width: 100%;
}
.commonWizard.wizard .steps ul {
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--border);
}
.commonWizard.wizard .steps ul li {
  float: left;
}
.commonWizard.wizard .steps ul li a {
  float: left;
  min-width: 120px;
  cursor: default;
  color: var(--TextMain);
  padding: 10px 15px;
  pointer-events: none;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.commonWizard.wizard .steps ul li a .current-info {
  display: none;
}
.commonWizard.wizard .steps ul li a .number {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  position: relative;
  background-color: var(--wizard_bg);
  /*border: 1px solid $wizard_bg;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 0px;
}
.commonWizard.wizard .steps ul li.current a {
  color: var(--wizard_textmain_Active);
  /*border-bottom-color: $wizard_bgActive;*/
}
.commonWizard.wizard .steps ul li.current a .number {
  background-color: var(--wizard_bgActive);
  border: 1px solid var(--wizard_borderActive);
}
.commonWizard.wizard .steps ul li.current a .number::before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: var(--wizard_bgMidCircle_Active);
}
.commonWizard.wizard .steps ul li.done a {
  color: var(--wizard_textmain_complete);
  border-bottom-color: transparent;
}
.commonWizard.wizard .steps ul li.done a .number {
  background-color: var(--wizard_bgcomplete);
  border: 1px solid var(--wizard_border_complete);
}
.commonWizard.wizard .steps ul li.done a .number::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  color: var(--wizard_complete_icon);
}
@media (max-width: 991px) {
  .commonWizard.wizard .steps ul li a {
    font-size: 0.9rem;
    padding: 10px 10px;
  }
}
@media (max-width: 767px) {
  .commonWizard.wizard .steps ul li a {
    padding: 6px;
    min-width: 40px;
    font-size: 0;
  }
  .commonWizard.wizard .steps ul li.done a .number {
    font-size: 0rem;
  }
  .commonWizard.wizard .steps ul li.done a .number::before {
    font-size: 1rem;
  }
}
.commonWizard.wizard.fixedTop {
  width: calc(100% - 480px);
  float: right;
}
.commonWizard.wizard.fixedTop .steps {
  position: absolute;
  right: 0;
  top: -77px;
  width: 100%;
}
@media (max-width: 991px) {
  .commonWizard.wizard.fixedTop {
    width: 100%;
  }
  .commonWizard.wizard.fixedTop .steps {
    position: relative;
    top: 0;
  }
}
.commonWizard.wizard.fixedwithTitle {
  width: 100%;
  float: left;
}
.commonWizard.wizard.fixedwithTitle .steps {
  position: absolute;
  right: 0;
  top: -77px;
  max-width: calc(100% - 300px);
}
@media (max-width: 991px) {
  .commonWizard.wizard.fixedwithTitle .steps {
    position: relative;
    top: 0px;
    width: 100%;
    max-width: 100%;
  }
}
.commonWizard .content h3.title {
  display: none;
}
.commonWizard .content section.body {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.commonWizard.withBg .content {
  background-color: var(--addItemBg);
  padding: 1rem;
}
.commonWizard.withBg .content .btnRgt .checkBoxInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  align-self: center;
}

.formRow {
  float: left;
  width: 100%;
}

.formTitle {
  font-size: 1.1rem;
  float: left;
  width: 100%;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}

.checkbox-Row {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.checkbox-Row .customheckBox {
  float: left;
  padding: 0 10px;
}

.radiobox-Row {
  float: left;
  width: 100%;
}

.optionalCont {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  font-size: 0.85rem;
  color: #9b9b9b;
}

.ht6 .form-control, .ht6 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht6 input, .ht37 .form-control, .ht37 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht37 input, .ht4 .form-control, .ht4 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht4 input, .ht5 .form-control, .ht5 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht5 input {
  height: 60px;
  padding: 5px 15px;
}
.ht6 .select2-container, .ht37 .select2-container, .ht4 .select2-container, .ht5 .select2-container {
  width: 100% !important;
}
.ht6 .select2-container .select2-selection, .ht37 .select2-container .select2-selection, .ht4 .select2-container .select2-selection, .ht5 .select2-container .select2-selection {
  border: 1px solid var(--border);
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht6 .select2-container .select2-selection .select2-selection__rendered, .ht37 .select2-container .select2-selection .select2-selection__rendered, .ht4 .select2-container .select2-selection .select2-selection__rendered, .ht5 .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
  max-height: 58px;
  overflow: auto;
}
.ht6 .select2-container .select2-selection .select2-selection__arrow, .ht37 .select2-container .select2-selection .select2-selection__arrow, .ht4 .select2-container .select2-selection .select2-selection__arrow, .ht5 .select2-container .select2-selection .select2-selection__arrow {
  height: 100%;
}
.ht6 .select2-container.select2-container--open .select2-selection, .ht37 .select2-container.select2-container--open .select2-selection, .ht4 .select2-container.select2-container--open .select2-selection, .ht5 .select2-container.select2-container--open .select2-selection {
  border: 1px solid var(--border);
}

.ht5 .select2-container {
  width: 100% !important;
}
.ht5 .select2-container .select2-selection {
  border: 1px solid var(--border);
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht5 .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
}
.ht5 .select2-container .select2-selection .select2-selection__arrow {
  height: 100%;
}
.ht5 .select2-container.select2-container--open .select2-selection {
  border: 1px solid var(--border);
}
.ht5 .form-control, .ht5 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht5 input {
  height: 50px;
}

.ht4 .form-control, .ht4 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht4 input {
  height: 42px;
}
.ht4 .select2-container {
  width: 100% !important;
}
.ht4 .select2-container .select2-selection {
  border: 1px solid var(--border);
  width: 100%;
  position: relative;
  height: 42px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht4 .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
  line-height: 40px !important;
}
.ht4 .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple {
  height: auto !important;
  min-height: 42px;
  max-height: 70px;
  height: auto;
  overflow-y: auto;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  /*max-height: 70px;
  height: auto;
  overflow-y: auto;*/
  white-space: normal;
  text-overflow: unset;
  line-height: 1.5 !important;
  max-height: inherit;
  overflow: visible;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: inherit !important;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto !important;
  float: none !important;
  margin: 2px 3px 2px 0 !important;
  line-height: 16px !important;
  padding: 2px 10px !important;
  max-width: calc(100% - 20px);
  word-break: break-all;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  /*font-size: 0.8rem;*/
  max-width: 100%;
}
.ht4 .select2-container.select2-container--open .select2-selection {
  border: 1px solid var(--FormFocusBdr);
}

.ht37 .form-control, .ht37 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht37 input {
  height: 37px;
}
.ht37 .select2-container {
  width: 100% !important;
}
.ht37 .select2-container .select2-selection {
  border: 1px solid var(--border);
  width: 100%;
  height: 37px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht37 .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
  line-height: 35px !important;
}
.ht37 .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple {
  height: auto !important;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  max-height: 50px;
  min-height: 35px;
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
  line-height: 1 !important;
  padding: 3px 5px;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  display: inline-block;
  width: auto !important;
  float: none !important;
  margin: 1px 5px 1px 0 !important;
  line-height: 20px !important;
  padding: 2px 11px !important;
  max-width: calc(100% - 10px);
}
.ht37 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
  max-width: 100%;
  margin: 0;
}
.ht37 .select2-container.select2-container--open .select2-selection {
  border: 1px solid var(--border);
}

.contorl-label, .control-label {
  font-size: 0.9rem;
}

.customLabel {
  position: relative;
  float: left;
  width: 100%;
}
.customLabel .form-control, .customLabel .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .customLabel input {
  padding-top: 18px;
}
.customLabel .form-control:focus, .customLabel .top-var-cot .chilliFlex .var-name-tab input:focus, .top-var-cot .chilliFlex .var-name-tab .customLabel input:focus, .customLabel .form-control.not-empty, .customLabel .top-var-cot .chilliFlex .var-name-tab input.not-empty, .top-var-cot .chilliFlex .var-name-tab .customLabel input.not-empty {
  border-color: var(--p_main);
}
.customLabel .form-control:focus + .contorl-label, .customLabel .top-var-cot .chilliFlex .var-name-tab input:focus + .contorl-label, .top-var-cot .chilliFlex .var-name-tab .customLabel input:focus + .contorl-label, .customLabel .form-control.not-empty + .contorl-label, .customLabel .top-var-cot .chilliFlex .var-name-tab input.not-empty + .contorl-label, .top-var-cot .chilliFlex .var-name-tab .customLabel input.not-empty + .contorl-label {
  top: 5px;
  font-size: 0.8rem;
  transition: ease-in 0.2s;
  color: var(--p_main);
}
.customLabel .contorl-label {
  position: absolute;
  left: 11px;
  top: calc(50% - 10px);
  margin: 0;
  padding: 2px 5px;
  pointer-events: none;
  transition: ease-in 0.2s;
  line-height: 1;
  width: auto;
  background-color: transparent;
}

.customSelect {
  position: relative;
  float: left;
  width: 100%;
}
.customSelect .select2-container .select2-selection {
  padding-top: 15px;
}
.customSelect .select2-container .select2-selection .select2-selection__rendered {
  padding-left: 18px;
  line-height: 28px;
}
.customSelect .select2-container .select2-selection.select2-selection--multiple {
  position: relative;
  min-height: 55px;
  height: auto;
}
.customSelect .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  overflow-y: auto;
  max-height: 50px;
  line-height: 25px !important;
}
.customSelect .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  line-height: 1.4;
  font-size: 0.75rem;
}
.customSelect .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search .select2-search__field {
  margin: 0px;
  max-width: 100px;
}
.customSelect .select2-container .select2-selection.select2-selection--multiple::after {
  content: "";
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 10px;
  width: 0;
  position: absolute;
  top: 50%;
}
.customSelect .datepicker .form-control, .customSelect .datepicker .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .customSelect .datepicker input {
  padding-top: 5px;
  border-radius: 4px 0 0 4px !important;
}
.customSelect .datepicker .input-group-text {
  border-radius: 0 4px 4px 0 !important;
}
.customSelect .contorl-label {
  position: absolute;
  left: 11px;
  top: 5px;
  font-size: 0.8rem;
  margin: 0;
  z-index: 99;
  padding: 2px 5px;
  pointer-events: none;
  transition: ease-in 0.2s;
  line-height: 1;
  width: auto;
  background-color: #fff;
}

.bgLightBlue {
  background-color: var(--grey300);
}

.bgLightGrey {
  background-color: var(--formWrapperBg);
}

.blockBdr {
  border: 1px solid #bccbf5;
}

.fooBtnBlock {
  float: left;
  width: 100%;
  padding: 15px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fooBtnBlock .btnRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fooBtnBlock .btnRgt .btnFill, .fooBtnBlock .btnRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .fooBtnBlock .btnRgt a, .fooBtnBlock .btnRgt .promo_details, .fooBtnBlock .btnRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .fooBtnBlock .btnRgt .btn.btn-primary, .fooBtnBlock .btnRgt .primaryBtn, .fooBtnBlock .btnRgt .btnGrey, .fooBtnBlock .btnRgt .greyBtnBordered, .fooBtnBlock .btnRgt .yellowBtn, .fooBtnBlock .btnRgt .primaryBtnBordered, .fooBtnBlock .btnRgt .yellowBtnBorder, .fooBtnBlock .btnRgt .btnBorderedsecondary, .fooBtnBlock .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .fooBtnBlock .btnRgt .btn.btn-primary, .fooBtnBlock .btnRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .fooBtnBlock .btnRgt .btn.btn-default, .fooBtnBlock .btnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .fooBtnBlock .btnRgt .enrollNow, .fooBtnBlock .btnRgt .btnExportFill, .fooBtnBlock .btnRgt .btnBordered, .fooBtnBlock .btnRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .fooBtnBlock .btnRgt a, .fooBtnBlock .btnRgt .FilterBtn, .fooBtnBlock .btnRgt .btnFill {
  float: left;
}

.topFilter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.topFilter .row {
  margin-left: -6px;
  margin-right: -6px;
  width: calc(100% + 12px);
}
.topFilter [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
}

.dropdown-menu {
  border: none !important;
  box-shadow: 0 0 6px rgba(187, 187, 187, 0.7098039216);
}
.dropdown-menu > .dropdown-item {
  padding: 10px 15px;
  line-height: 1.2;
}
.dropdown-menu > .dropdown-item i {
  margin-right: 5px;
}

.customFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.customFlex .field-validation-error, .customFlex .help-block, .customFlex .validation-error {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  margin-bottom: 1rem;
}
.customFlex .field-validation-error + .form-group, .customFlex .help-block + .form-group, .customFlex .validation-error + .form-group {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin-bottom: 0px;
}

.customFlex .validation-error:not([style="display:none;"]) ~ .customLabel .form-control, .customFlex .validation-error:not([style="display:none;"]) ~ .customLabel .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .customFlex .validation-error:not([style="display:none;"]) ~ .customLabel input {
  border-color: var(--erroBdr);
}

.BulkWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.BulkWrapper .form-group {
  float: left;
  width: 25%;
  margin-bottom: 5px;
  padding: 6px 10px;
}
.BulkWrapper .form-group label {
  float: left;
  width: 100%;
}
.BulkWrapper .form-group .fieldGroup {
  float: left;
  width: 100%;
}
@media (max-width: 1120px) {
  .BulkWrapper .form-group {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .BulkWrapper .form-group {
    width: 100%;
  }
}

.rtrTemplate {
  max-width: 480px;
  width: 100%;
}
.rtrTemplate .uploadBlock {
  margin-bottom: 15px;
}
.rtrTemplate .uploadBlock .dropzone {
  background-color: var(--uploadBg) !important;
}
.rtrTemplate .uploadBlock .dropzone .dz-message {
  margin: 0;
}
.rtrTemplate .uploadBlock:last-child {
  margin-bottom: 0px;
}
@media (max-width: 1140px) {
  .rtrTemplate {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

#frmManageAsset .commonWizard.wizard.fixedTop .steps, #frmManageTemplate .commonWizard.wizard.fixedTop .steps {
  top: -101px;
}
@media (max-width: 1100px) {
  #frmManageAsset .commonWizard.wizard.fixedTop .steps, #frmManageTemplate .commonWizard.wizard.fixedTop .steps {
    top: 0px;
  }
}
@media (max-width: 1100px) {
  #frmManageAsset, #frmManageTemplate {
    padding-top: 60px;
    position: relative;
    width: 100%;
  }
  #frmManageAsset .uploadBlock, #frmManageAsset .multiUploader, #frmManageTemplate .uploadBlock, #frmManageTemplate .multiUploader {
    max-width: 400px;
    float: left;
  }
}
@media (max-width: 1100px) and (max-width: 991px) {
  #frmManageAsset .uploadBlock, #frmManageAsset .multiUploader, #frmManageTemplate .uploadBlock, #frmManageTemplate .multiUploader {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 1100px) {
  #frmManageAsset .commonWizard.wizard.fixedTop, #frmManageTemplate .commonWizard.wizard.fixedTop {
    position: static;
    width: calc(100% - 400px);
  }
  #frmManageAsset .commonWizard.wizard.fixedTop .steps, #frmManageTemplate .commonWizard.wizard.fixedTop .steps {
    top: 0px;
    left: 0px;
    position: absolute;
  }
}
@media (max-width: 1100px) and (max-width: 991px) {
  #frmManageAsset .commonWizard.wizard.fixedTop, #frmManageTemplate .commonWizard.wizard.fixedTop {
    width: 100%;
  }
  #frmManageAsset .commonWizard.wizard.fixedTop .formBlock, #frmManageTemplate .commonWizard.wizard.fixedTop .formBlock {
    padding: 0px;
  }
}
@media (max-width: 1100px) {
  #frmManageAsset, #frmManageTemplate {
    padding-top: 10px;
  }
}
@media (max-width: 850px) {
  #frmManageAsset .adAssetCon, #frmManageTemplate .adAssetCon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 850px) and (max-width: 767px) {
  #frmManageAsset .adAssetCon .commonWizard.wizard.fixedTop .steps ul li a, #frmManageTemplate .adAssetCon .commonWizard.wizard.fixedTop .steps ul li a {
    padding: 6px;
    min-width: 40px;
    font-size: 0;
  }
  #frmManageAsset .adAssetCon .commonWizard.wizard.fixedTop .steps ul li.done a .number, #frmManageTemplate .adAssetCon .commonWizard.wizard.fixedTop .steps ul li.done a .number {
    font-size: 0px;
  }
  #frmManageAsset .adAssetCon .commonWizard.wizard.fixedTop .steps ul li.done a .number::before, #frmManageTemplate .adAssetCon .commonWizard.wizard.fixedTop .steps ul li.done a .number::before {
    font-size: 1rem;
  }
}

.tableResponsive {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1290px) {
  .tableResponsive {
    overflow-x: auto;
  }
}

.LogoSpecifications {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.LogoSpecifications h5 {
  margin-bottom: 3px;
  font-size: 1rem;
}
.LogoSpecifications p, .LogoSpecifications li {
  font-size: 0.85rem;
  margin-bottom: 3px;
}

.fieldExpandForm {
  float: left;
  width: 100%;
  display: none;
}

.uploadArrow .fa-angle-down {
  transition: ease-in-out 0.3s;
}
.uploadArrow.expandForm .fa-angle-down {
  transition: ease-in-out 0.3s;
  transform: rotate(180deg);
}

.dealerNameLabel {
  padding: 5px 15px;
  border-radius: 4px;
  display: inline-block;
  background: #f3fff2;
  font-size: 13px;
  border: 1px solid #c9e7c5;
  color: #367c2a;
  margin-bottom: 10px;
}
.dealerNameLabel.hide {
  display: none;
}

.assetListingRgt .dealerName, .assetListingRgt .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .assetListingRgt .confirmation {
  margin-bottom: 10px;
}

.dealerSelectForm .fooBtnBlock {
  align-items: flex-start;
}
.dealerSelectForm .fooBtnBlock .btnRgt {
  width: calc(100% - 100px);
  justify-content: flex-end;
  gap: 10px;
}
.dealerSelectForm .fooBtnBlock .btnRgt .ml-2 {
  margin: 0 !important;
}

@media (max-width: 620px) {
  #dvBudgetSpendBreakdown > div {
    height: auto !important;
  }
  #dvBudgetSpendBreakdown svg {
    min-height: 350px;
  }
}

.programWrapper {
  float: left;
  width: 100%;
  position: relative;
}
.programWrapper .viewFilter {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.programWrapper .viewFilter label {
  margin: 3px 0;
  padding-right: 15px;
}
.programWrapper .viewFilter .fieldGroup {
  float: left;
  width: 200px;
}
.programWrapper .viewFilter .fieldGroup .form-control, .programWrapper .viewFilter .fieldGroup .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .programWrapper .viewFilter .fieldGroup input {
  height: 32px;
  font-size: 0.85rem;
}
.programWrapper .dealerTabFilter {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 3px;
  margin-bottom: 10px;
  background-color: #e7eef5;
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.programWrapper .dealerTabFilter i {
  color: var(--p_main) !important;
}
@media (max-width: 991px) {
  .programWrapper .dealerTabFilter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .programWrapper .dealerTabFilter.activeNav {
    background-color: var(--p_main);
    color: #fff;
  }
  .programWrapper .dealerTabFilter.activeNav i {
    color: #fff !important;
  }
}
.programWrapper .nav.nav-tabs {
  float: left;
  width: auto;
  border-bottom: none;
}
.programWrapper .nav.nav-tabs .nav-item {
  float: left;
  margin: 0 3px 0 0;
}
.programWrapper .nav.nav-tabs .nav-item .nav-link {
  background-color: var(--border);
  border: 1px solid var(--border);
  color: var(--TextMain);
  border-bottom: none;
  border-radius: 4px;
  padding: 10px 15px;
}
.programWrapper .nav.nav-tabs .nav-item .nav-link.active {
  background-color: var(--p_main);
  border-color: var(--p_main);
  color: var(--text_white);
}
@media (max-width: 991px) {
  .programWrapper .nav.nav-tabs {
    display: none;
  }
  .programWrapper .nav.nav-tabs.openFilter {
    display: block;
    position: absolute;
    left: 0;
    top: 36px;
    width: 300px;
    background-color: #fff;
    z-index: 99;
    padding: 15px;
    box-shadow: 0 0 10px #d1d1d1;
  }
  .programWrapper .nav.nav-tabs.openFilter .nav-item {
    width: 100%;
    margin: 5px 0;
  }
}
.programWrapper .tab-content {
  background-color: #f9f9f9;
  padding: 25px;
  box-shadow: 0 0px 5px #a3a3a3;
}
@media (max-width: 767px) {
  .programWrapper .tab-content {
    padding: 10px;
  }
}
.programWrapper .programLeftBlock {
  float: left;
  width: 350px;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: cubic-bezier(0.57, 0.24, 0.57, 0.96) 0.3s;
}
.programWrapper .programLeftBlock h5 {
  font-family: var(--fontMedium);
  font-weight: 500;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.programWrapper .programLeftBlock .programHeadTitle {
  float: left;
  width: 100%;
}
.programWrapper .programLeftBlock .programHeadTitle h5 {
  float: left;
  width: auto;
}
.programWrapper .programLeftBlock .programHeadTitle .primaryBtn, .programWrapper .programLeftBlock .programHeadTitle .btnGrey, .programWrapper .programLeftBlock .programHeadTitle .greyBtnBordered {
  float: right;
  padding: 4px 7px;
  font-size: 0.85rem;
  line-height: 1.3;
}
.programWrapper .programLeftBlock .dealerSearch {
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 10px 20px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  display: inline-block;
}
.programWrapper .programLeftBlock .dealerSearch .FieldGroup {
  float: left;
  width: 100%;
  position: relative;
}
.programWrapper .programLeftBlock .dealerSearch .FieldGroup i {
  position: absolute;
  right: 15px;
  top: 9px;
}
.programWrapper .programLeftBlock .dealerSearch .form-control, .programWrapper .programLeftBlock .dealerSearch .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .programWrapper .programLeftBlock .dealerSearch input {
  border-radius: 30px;
  height: 34px;
  padding: 6px 35px 6px 15px;
}
.programWrapper .programLeftBlock .programList {
  float: left;
  width: 100%;
}
.programWrapper .programLeftBlock .programList ul {
  float: left;
  width: 100%;
  overflow-y: auto;
  max-height: 450px;
}
.programWrapper .programLeftBlock .programList ul li {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.programWrapper .programLeftBlock .programList ul li a {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 8px 20px;
  border-radius: 30px;
  line-height: 1.2;
  font-size: 0.9rem;
  color: var(--TextMain);
}
.programWrapper .programLeftBlock .programList ul li a label {
  margin: 0px;
  cursor: pointer;
}
.programWrapper .programLeftBlock .programList ul li a:hover, .programWrapper .programLeftBlock .programList ul li a.active {
  background-color: var(--p_main);
  border-color: var(--p_main);
  color: var(--text_white);
}
@media (max-width: 767px) {
  .programWrapper .programLeftBlock .programList .slimScrollDiv, .programWrapper .programLeftBlock .programList ul {
    height: auto !important;
  }
}
@media (max-width: 1120px) {
  .programWrapper .programLeftBlock {
    width: 260px;
  }
}
@media (max-width: 767px) {
  .programWrapper .programLeftBlock {
    width: 100%;
    margin-bottom: 25px;
    padding: 10px;
  }
}

.tabInnerFlex {
  float: left;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tabInnerFlex.hideSideBar .programLeftBlock {
  width: 0;
  overflow: hidden;
  left: -60px;
  height: 0;
  transition: cubic-bezier(0.57, 0.24, 0.57, 0.96) 0.3s;
  padding: 0;
}
.tabInnerFlex.hideSideBar .programDetailUnit {
  width: 100%;
  transition: cubic-bezier(0.57, 0.24, 0.57, 0.96) 0.3s;
}
.tabInnerFlex.hideSideBar .programDetailUnit .gaugeRow .gaugeCol {
  width: calc(33.33% - 10px);
}
@media (max-width: 991px) {
  .tabInnerFlex.hideSideBar .programDetailUnit .gaugeRow .gaugeCol {
    width: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .tabInnerFlex.hideSideBar .programDetailUnit .gaugeRow .gaugeCol {
    width: calc(100% - 10px);
  }
}

.programDetailUnit {
  float: left;
  width: calc(100% - 350px);
  padding: 15px 35px;
  background-color: #e7eef5;
  position: relative;
  transition: cubic-bezier(0.57, 0.24, 0.57, 0.96) 0.3s;
}
@media (max-width: 1120px) {
  .programDetailUnit {
    width: calc(100% - 260px);
  }
}
@media (max-width: 767px) {
  .programDetailUnit {
    width: 100%;
    padding: 0;
  }
}
.programDetailUnit .toggleSearch {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 13px;
  width: 27px;
  height: 27px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--p_main);
  border-radius: 4px;
}
.programDetailUnit .toggleSearch i {
  color: #ffffff;
}
@media (max-width: 767px) {
  .programDetailUnit .toggleSearch {
    display: none;
  }
}
.programDetailUnit .programUnitCon {
  float: left;
  width: 100%;
  text-align: center;
}
.programDetailUnit .programUnitCon p {
  float: left;
  width: 100%;
  margin: 2px 0;
  font-size: 0.85rem;
}
.programDetailUnit .programUnitCon .daysLeft {
  float: left;
  width: 100%;
  margin: 3px 0;
  height: 15px;
  border-radius: 10px;
  border: 1px solid var(--p_main);
  position: relative;
  background-color: #FFF;
  overflow: hidden;
}
.programDetailUnit .programUnitCon .daysLeft span {
  position: absolute;
  left: 0;
  top: 0px;
  height: 100%;
  background-color: var(--p_main);
}
.programDetailUnit .programUnitCon .unitBar {
  float: left;
  width: 100%;
  height: 180px;
  border: 1px solid var(--p_main);
  background-color: #fff;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
}
.programDetailUnit .programUnitCon .unitBar span {
  float: left;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--p_main);
}
.programDetailUnit .programUnitCon .unitBar.fullBar {
  border: 1px solid #80c347;
}
.programDetailUnit .programUnitCon .unitBar.fullBar span {
  background-color: #80c347;
}
.programDetailUnit .owl-nav .owl-prev {
  position: absolute;
  left: -25px;
  top: calc(50% - 20px);
  font-size: 60px !important;
  line-height: 30px !important;
  outline: none !important;
}
.programDetailUnit .owl-nav .owl-prev.disabled {
  color: #a7a3a3;
}
.programDetailUnit .owl-nav .owl-next {
  position: absolute;
  right: -25px;
  top: calc(50% - 20px);
  font-size: 60px !important;
  line-height: 30px !important;
  outline: none !important;
}
.programDetailUnit .owl-nav .owl-next.disabled {
  color: #a7a3a3;
}

.slimScrollDiv {
  overflow: visible !important;
}
.slimScrollDiv .slimScrollBar {
  width: 4px !important;
  right: -12px !important;
}

.amountDetail {
  float: left;
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.amountDetail li {
  float: left;
  width: calc(16.6% - 10px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #ccc;
  margin: 10px 5px;
  box-shadow: 0 0 5px #ccc;
  border-radius: 5px;
}
.amountDetail li .a_topBlock {
  float: left;
  width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px 5px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.amountDetail li .a_topBlock h3 {
  float: left;
  width: 100%;
  font-size: 1rem;
  color: var(--TextMain);
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.amountDetail li .a_topBlock .mainblock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.amountDetail li .a_topBlock .mainblock .iconBlock {
  float: left;
  width: 40px;
  font-size: 2rem;
  color: var(--p_main);
}
.amountDetail li .a_topBlock .mainblock .IconMainContent {
  float: left;
  width: calc(100% - 40px);
}
.amountDetail li .a_topBlock .mainblock .IconMainContent h5 {
  color: var(--TextMain);
  font-size: 0.85rem;
  margin-bottom: 3px;
}
.amountDetail li .a_topBlock .mainblock .IconMainContent h4 {
  margin: 0;
  font-size: 1.2rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--p_main);
}
.amountDetail li .a_block2 {
  float: left;
  width: 100%;
  padding: 5px;
  background-color: var(--grey100);
  border-top: 1px dashed #ccc;
  border-radius: 0 0 5px 5px;
}
.amountDetail li .a_block2 p {
  margin: 0;
  font-size: 0.85rem;
}
.amountDetail li .a_block2 p span {
  margin-left: 5px;
}
.amountDetail li.blockBlue .a_block2 {
  background-color: var(--p_main);
  color: var(--text_white);
  border-top: none;
}
@media (max-width: 991px) {
  .amountDetail li {
    width: calc(33.33% - 10px);
  }
  .amountDetail li.blockBlue {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 767px) {
  .amountDetail li {
    width: calc(50% - 10px);
  }
  .amountDetail li.blockBlue {
    width: calc(50% - 10px);
  }
}
@media (max-width: 420px) {
  .amountDetail li {
    width: calc(100% - 10px);
  }
  .amountDetail li.blockBlue {
    width: calc(100% - 10px);
  }
}

.programTitle {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-family: var(--fontBold);
  font-weight: 700;
}

.programDocument {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 10px;
}
.programDocument i {
  font-size: 1.3rem;
  margin-right: 8px;
}

.gauge {
  width: 100%;
  max-width: 170px;
  float: left;
  margin-bottom: 15px;
  position: relative;
}
.gauge .guageCountLeft {
  position: absolute;
  left: -50px;
  bottom: -15px;
  font-size: 10px;
  line-height: 1;
  text-align: right;
  width: 62px;
}
@media (max-width: 1120px) {
  .gauge .guageCountLeft {
    font-size: 8px;
  }
}
.gauge .guageCountRight {
  position: absolute;
  right: -50px;
  bottom: -15px;
  font-size: 10px;
  line-height: 1;
  text-align: left;
  width: 62px;
}
@media (max-width: 1120px) {
  .gauge .guageCountRight {
    font-size: 8px;
  }
}
.gauge .gauge__body {
  width: 100%;
  height: 0px;
  padding-bottom: 50%;
  background-color: #e2e5e4;
  position: relative;
  border-top-left-radius: 100% 200%;
  border-top-right-radius: 100% 200%;
  overflow: hidden;
}
.gauge .gauge__fill {
  position: absolute;
  top: 100%;
  left: 0;
  width: inherit;
  height: 100%;
  background-color: #008140;
  transform-origin: center top;
  transform: rotate(0.25turn);
  transition: transform 0.2s ease-out;
}
.gauge .gauge__cover {
  width: 85%;
  height: 170%;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 36%;
  font-size: 17px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
@media (max-width: 1200px) {
  .gauge .gauge__cover {
    font-size: 14px;
  }
}
.gauge .unitstoGo {
  width: 90%;
  height: 180%;
  border-radius: 50%;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 13%;
  font-size: 11px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.gauge.gaugeRed .gauge__fill {
  background-color: #f70000;
}
.gauge.gaugeYellow .gauge__fill {
  background-color: #f6f623;
}
.gauge.gaugeGreen .gauge__fill {
  background-color: #008140;
}

.gaugeRow {
  float: left;
  width: 100% !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 560px;
  overflow-y: auto;
  height: auto !important;
}

.gaugeCol {
  float: left;
  width: calc(50% - 10px);
  margin: 10px 5px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 15px;
  text-align: center;
  box-shadow: 0 0 5px #ccc;
  cursor: pointer;
}
.gaugeCol h3 {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.gaugeCol .contentBlock {
  float: left;
  width: 100%;
  margin: 8px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.gaugeCol .contentBlock p {
  float: left;
  width: calc(100% - 140px);
  text-align: left;
  font-size: 0.9rem;
  position: relative;
  padding-left: 15px;
  margin: 0;
}
.gaugeCol h5 {
  float: left;
  width: 100%;
  padding-top: 8px;
  font-size: 0.8rem;
  font-family: var(--fontBold);
  font-weight: 700;
  border-top: 1px solid #ccc;
  margin: 0px;
}
@media (max-width: 991px) {
  .gaugeCol {
    width: calc(100% - 10px);
  }
}
@media (max-width: 767px) {
  .gaugeCol {
    padding: 8px;
    width: calc(100% - 10px);
  }
  .gaugeCol h3 {
    font-size: 0.7rem;
  }
  .gaugeCol h5 {
    font-size: 0.7rem;
  }
  .gaugeCol .contentBlock .gauge .gauge__body .unitstoGo {
    font-size: 10px;
  }
  .gaugeCol .contentBlock .gauge .gauge__body .gauge__cover {
    font-size: 18px;
  }
}

.dealerInfoWrapper {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 70%;
  margin-bottom: 5px;
  justify-content: flex-end;
}
.dealerInfoWrapper .dealerCol {
  padding: 8px 12px;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #ededed;
  margin-right: 10px;
}
.dealerInfoWrapper .dealerCol .d_icon {
  float: left;
  width: 22px;
  font-size: 22px;
  color: var(--p_main);
}
.dealerInfoWrapper .dealerCol:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .dealerInfoWrapper {
    width: 100%;
  }
  .dealerInfoWrapper .dealerCol {
    width: 100%;
    margin: 5px 0px;
  }
  .dealerInfoWrapper .dealerCol + .dealerCol {
    margin: 5px 0px;
  }
}
.dealerInfoWrapper .dealerIconContent {
  float: left;
  width: calc(100% - 22px);
  padding-left: 5px;
  color: var(--TextMain);
}
.dealerInfoWrapper .dealerIconContent h6 {
  font-size: 0.8rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  float: left;
  width: 100%;
  margin-bottom: 4px;
  color: var(--TextMain);
}
.dealerInfoWrapper .dealerIconContent h4 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--TextMain) !important;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}

.dealergaugeBLockRow {
  float: left;
  width: 100%;
  border-top: 1px dashed #ccc;
  margin-top: 5px;
  padding-top: 25px;
}
.dealergaugeBLockRow .gaugeBlockLeft {
  float: left;
  width: 300px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol {
  width: 100%;
  margin: 0;
  border-radius: 5px;
  border: none;
  box-shadow: none;
  padding: 15px;
  background-color: #f7f7f7;
  cursor: default;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .contentBlock .gauge {
  max-width: 170px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .contentBlock .gauge .gauge__cover {
  background-color: #f7f7f7;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .totalEarned {
  float: left;
  width: 100%;
  text-align: left;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 5px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .totalEarned .gaugeTotalEarned {
  float: left;
  width: 100%;
  font-size: 14px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .totalEarned .gaugeTotalpoints {
  float: left;
  width: 100%;
  font-size: 22px;
  margin-bottom: 10px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .totalEarned .gaugepotential {
  float: left;
  width: 100%;
  font-size: 13px;
}
.dealergaugeBLockRow .gaugeBlockLeft .gaugeCol .totalEarned .gaugePpoints {
  float: left;
  width: 100%;
  font-size: 17px;
}
@media (max-width: 991px) {
  .dealergaugeBLockRow .gaugeBlockLeft {
    width: 100%;
  }
}
.dealergaugeBLockRow .tableRgtBLock {
  float: right;
  width: calc(100% - 300px);
  padding-left: 40px;
}
@media (max-width: 991px) {
  .dealergaugeBLockRow .tableRgtBLock {
    width: 100%;
    padding: 0px;
    margin-top: 25px;
  }
}

.IncentiveSales {
  font-size: 0.8rem;
  margin: 0;
}
.IncentiveSales b {
  font-family: var(--fontRegular);
  font-weight: 400;
}

.topTitileBlock {
  float: left;
  width: 100%;
}
.topTitileBlock p {
  font-size: 0.9rem;
}
.topTitileBlock p:empty {
  display: none;
}

.ViewDrop {
  float: right;
  margin: 0px 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ViewDrop label {
  margin: 0;
  padding-right: 10px;
}
.ViewDrop .select2.select2-container .select2-selection--single {
  height: 30px;
  width: 140px;
}
.ViewDrop .select2.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
  font-size: 12px;
}
.ViewDrop .select2.select2-container .select2-selection--single .select2-selection__arrow {
  height: 28px;
}

.uploadCenter .dropzone .dz-message {
  text-align: center !important;
}

.cl30 {
  min-width: 30px !important;
  max-width: 30px;
  box-sizing: border-box !important;
}

.cl300 {
  min-width: 300px !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
}

.cl120 {
  min-width: 120px !important;
  max-width: 120px !important;
  box-sizing: border-box !important;
}

.cl200 {
  min-width: 200px !important;
  max-width: 200px !important;
  box-sizing: border-box !important;
}

.cl250 {
  min-width: 250px !important;
  max-width: 250px !important;
  box-sizing: border-box !important;
}

.cl150 {
  min-width: 150px !important;
  max-width: 150px !important;
  box-sizing: border-box !important;
}

.dt-hasChild.shown + tr > td {
  padding: 0 !important;
}

.noBg {
  background: none !important;
}

.grayBg {
  background: var(--grey150);
}

.subPercent {
  font-size: 12px;
  color: #888;
}
.subPercent span {
  font-size: 13px;
  font-family: var(--fontMedium);
  font-weight: 500;
  color: var(--link);
}
@media (min-width: 768px) and (max-width: 1200px) {
  .subPercent span {
    display: block;
  }
}

.qtyReward {
  position: absolute;
  right: -10px;
  padding: 0.7rem 1.2rem;
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.3rem;
  top: -10px;
  background: var(--grey100);
  border: 1px solid var(--border);
  font-family: var(--fontBold);
  font-weight: 700;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .qtyReward {
    font-size: 1.2rem;
  }
}
@media (max-width: 540px) {
  .qtyReward {
    font-size: 1rem;
    right: 0;
    top: 0;
    position: relative;
  }
}

.dvBrandBlock {
  display: flex;
  flex-wrap: wrap;
}
.dvBrandBlock .ad-payout-tab {
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-right: 1px dashed #ccc;
  padding-left: 65px;
  flex: 1;
}
.dvBrandBlock .ad-payout-tab img {
  max-height: 35px;
}
.dvBrandBlock .ad-payout-tab + .ad-payout-tab {
  margin-left: 10px;
  border: none;
}

.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
  width: 100%;
  overflow: hidden;
}

#ByStore .highcharts-container {
  max-width: 100% !important;
  width: 100% !important;
}

.mr_dash .row [class*=col-] {
  margin: 15px 0;
}

.report-dash {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.report-dash .wrapper-full {
  float: left;
  width: 100%;
  padding: 15px;
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
  border-radius: 4px;
}
.report-dash .earned-cot {
  position: relative;
  padding-left: 250px !important;
}
.report-dash .earned-cot .earned-fix {
  position: absolute;
  left: 13px;
  top: 15px;
  width: 220px;
  height: calc(100% - 25px);
  background: var(--grey150);
  border-radius: 4px 0 0 4px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--border);
}
.report-dash .earned-cot .earned-fix .rwrd-icon-block {
  background: none;
  border-bottom: 1px solid var(--border);
  padding: 20px 10px;
  padding-left: 45px;
  position: relative;
  min-height: 60px;
}
.report-dash .earned-cot .earned-fix .rwrd-icon-block img, .report-dash .earned-cot .earned-fix .rwrd-icon-block i {
  position: absolute;
  left: 0;
  top: 21px;
  max-height: 33px;
  font-size: 30px;
  color: var(--faIcon);
  width: 30px;
  text-align: right;
}
.report-dash .earned-cot .earned-fix .rwrd-icon-block h4 {
  margin-bottom: 5px;
  font-size: 1rem;
}
.report-dash .earned-cot .earned-fix .rwrd-icon-block h3 {
  font-size: 40px;
  margin-bottom: 0;
  color: var(--link);
  font-family: var(--fontBold);
  font-weight: 700;
  font-size: 1.6rem;
}
.report-dash .earned-cot .earned-fix .rwrd-icon-block:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  .report-dash .earned-cot {
    padding: 15px !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .report-dash .earned-cot .mainTitleBlock {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .report-dash .earned-cot #TotalDollars {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    float: left;
    width: 100%;
  }
  .report-dash .earned-cot .earned-fix {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 4px;
  }
}
.report-dash .sale-title {
  display: inline-block;
  width: 100%;
}
.report-dash .sale-title h3 {
  font-family: var(--fontBold);
  font-weight: 700;
  padding: 0;
  display: inline-block;
  margin: 0 0 10px 0;
  font-size: 1.2rem;
}
.report-dash .nav-tabs {
  border: none;
  padding: 0;
  background: none;
}
.report-dash .nav-tabs li a, .report-dash .graph-desc-tab {
  border-radius: 0;
  padding: 5px 10px;
  padding-left: 10px;
  position: relative;
  padding-left: 50px;
  background: var(--grey150);
  color: var(--TextMain);
  border: none !important;
  margin: 0;
  min-height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  border: 1px solid var(--grey150);
  font-family: var(--fontRegular);
  font-weight: 400;
  float: left;
}
.report-dash .nav-tabs li a i, .report-dash .graph-desc-tab i {
  color: var(--TextMain) !important;
  font-size: 2rem;
  position: absolute;
  left: 12px;
  top: 15px;
}
.report-dash .nav-tabs li a img, .report-dash .graph-desc-tab img {
  position: absolute;
  left: 14px;
  top: 11px;
  max-width: 70px;
  max-height: 42px;
}
.report-dash .nav-tabs li a p, .report-dash .graph-desc-tab p {
  margin: 0;
  font-size: 15px;
  line-height: 17px;
  color: var(--TextMain);
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.report-dash .nav-tabs li a {
  padding-left: 55px;
}
.report-dash .nav-tabs li a.active {
  background: var(--p_main);
}
.report-dash .nav-tabs li a.active p, .report-dash .nav-tabs li a.active i {
  color: #ffffff !important;
}
.report-dash .nav-tabs li a.active::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 30%;
  bottom: -7px;
  border-top: 7px solid var(--p_main);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.report-dash .report-dash .nav-tabs li a p, .report-dash .report-dash .nav-tabs li a i {
  color: #333333 !important;
}
.report-dash .graph-desc-tab {
  border-radius: 5px;
  background-color: var(--BtnBg);
  color: var(--BtnText);
  border: 1px solid var(--btnBdr);
}
.report-dash .graph-desc-tab i {
  color: var(--BtnText) !important;
}
.report-dash .graph-desc-tab p {
  color: var(--BtnText);
}
.report-dash .graph-desc-tab-2 {
  background-color: var(--BtnBorderedBg) !important;
  color: var(--BtnBorderedText) !important;
  border: 1px solid var(--btnBorderedBdr) !important;
}
.report-dash .graph-desc-tab-2 i {
  color: var(--BtnBorderedText) !important;
}
.report-dash .graph-desc-tab-2 p {
  color: var(--BtnBorderedText);
}
.report-dash .approve-dash .nav-tabs li {
  width: 50%;
  padding-bottom: 0;
  max-width: 400px;
}

.form-top-title {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1.4rem;
}

.profileWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profileWrapper .leftLogo {
  float: left;
  width: 300px;
}
.profileWrapper .leftLogo .logoImgBlock {
  float: left;
  width: 100%;
  background-color: var(--grey150);
  border: 1px solid var(--border);
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px 10px;
}
.profileWrapper .leftLogo .logoImgBlock .logoSec {
  float: left;
  position: relative;
}
.profileWrapper .leftLogo .logoImgBlock .logoSec .imgInner {
  float: left;
  overflow: hidden;
  width: 130px;
  height: 130px;
  position: relative;
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--border);
  background-color: var(--whiteBlockBg);
}
.profileWrapper .leftLogo .logoImgBlock .logoSec .imgInner .avtar {
  font-size: 3.5rem;
  color: var(--TextMain);
}
.profileWrapper .leftLogo .logoImgBlock .logoSec .imgInner img {
  max-width: 100%;
  max-height: 100%;
}
.profileWrapper .leftLogo .logoImgBlock .logoSec .imgInner:hover .ImgAction {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 991px) {
  .profileWrapper .leftLogo .logoImgBlock .logoSec .imgInner {
    width: 90px;
    height: 90px;
  }
}
.profileWrapper .leftLogo .logoImgBlock .logoSec > i {
  font-size: 2rem;
}
.profileWrapper .leftLogo .logoImgBlock h6 {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-size: 0.9rem;
}
@media (max-width: 991px) {
  .profileWrapper .leftLogo .logoImgBlock h6 {
    padding: 0 25px;
    text-align: left;
    font-size: 1.1rem;
  }
}
@media (max-width: 991px) {
  .profileWrapper .leftLogo {
    width: 100%;
    margin-bottom: 25px;
  }
  .profileWrapper .leftLogo .logoImgBlock {
    padding: 10px;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.profileWrapper .profileContent {
  float: left;
  width: calc(100% - 330px);
  margin-left: auto;
}
.profileWrapper .profileContent .pContInner {
  border: 1px solid var(--border);
  padding: 20px;
  float: left;
  width: 100%;
}
.profileWrapper .profileContent .fieldRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.profileWrapper .profileContent .fieldRow .fieldBlock {
  float: left;
  width: calc(33.33% - 16px);
  margin: 8px;
  display: block;
}
@media (max-width: 1140px) {
  .profileWrapper .profileContent .fieldRow .fieldBlock {
    width: calc(50% - 16px);
  }
}
@media (max-width: 520px) {
  .profileWrapper .profileContent .fieldRow .fieldBlock {
    width: calc(100% - 16px);
  }
}
.profileWrapper .profileContent .fieldRow .fieldBlock label, .profileWrapper .profileContent .fieldRow .fieldBlock .control-label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.profileWrapper .profileContent .fieldRow .fieldBlock .fieldGroup {
  float: left;
  width: 100%;
}
.profileWrapper .profileContent .fieldCenterAlign {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.profileWrapper .profileContent .fieldCenterAlign .fieldInnerCon {
  max-width: 500px;
  width: 100%;
  float: left;
}
.profileWrapper .profileContent .fieldCenterAlign .fieldInnerCon .fieldRow .fieldBlock {
  width: calc(100% - 16px);
}
@media (max-width: 991px) {
  .profileWrapper .profileContent {
    width: 100%;
  }
  .profileWrapper .profileContent .tabsBtn .nav.nav-tabs .nav-item .nav-link {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .profileWrapper > * {
    float: left;
    width: 100%;
  }
}

.profileViewModal .modal-dialog {
  max-width: 750px;
  pointer-events: auto;
}
.profileViewModal .modal-dialog button.close {
  position: absolute;
  right: -20px;
  color: #fff;
  top: 0;
  font-size: 2rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  opacity: 0.9;
}
.profileViewModal .modal-dialog .profile-body {
  float: left;
  width: 100%;
}
.profileViewModal .modal-dialog .profile-body .assetImgCrop {
  display: none;
}
.profileViewModal .modal-dialog .profile-body .assetImgCrop.showEditor {
  display: block;
}
.profileViewModal .modal-dialog .profile-body .assetImgCrop.showEditor + .AssetViewRow {
  display: none;
}
.profileViewModal .modal-dialog .profile-body .assetImgCrop .imgCropBody {
  padding: 15px;
}
.profileViewModal .modal-dialog .profile-body .AssetViewRow {
  padding: 15px;
}
.profileViewModal .modal-dialog .profile-body .AssetViewRow .profileImgCon {
  float: left;
  width: 100%;
}
.profileViewModal .modal-dialog .profile-body .AssetViewRow .profileImgCon .assetImgSec {
  max-height: inherit;
}
.profileViewModal .modal-dialog .profile-body .AssetViewRow .profileImgCon .assetImgSec img {
  max-height: inherit;
}
.profileViewModal .modal-dialog .profile-body .profileBtn {
  float: left;
  width: 100%;
  padding: 10px 15px;
  background-color: #d9d9d9;
  display: flex;
}

.ImgAction {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
}
.ImgAction .imgEdit {
  position: relative;
  margin: 5px 7px;
  overflow: hidden;
}
.ImgAction .imgEdit .form-control, .ImgAction .imgEdit .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ImgAction .imgEdit input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  padding-left: 40px;
  cursor: pointer;
}
.ImgAction .imgEdit i {
  color: var(--TextMain);
  font-size: 1.1rem;
}
@media (max-width: 991px) {
  .ImgAction .imgEdit {
    margin: 5px;
  }
  .ImgAction .imgEdit i {
    font-size: 0.95rem;
  }
}
.ImgAction .removeImg {
  float: left;
  margin: 5px 7px;
  color: var(--TextMain);
}
.ImgAction .removeImg i {
  color: var(--TextMain);
  font-size: 1.1rem;
}
@media (max-width: 991px) {
  .ImgAction .removeImg {
    margin: 5px;
  }
  .ImgAction .removeImg i {
    font-size: 0.95rem;
  }
}

.emailWrapper {
  float: left;
  width: 100%;
}
.emailWrapper label {
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .emailWrapper ~ .fooBtnBlock {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*& > .btnBordered {
        margin-top: 10px;
    }

    .btnRgt {*/
    /* & * {
         margin: 5px 0;
     }*/
    /*}*/
  }
}
@media (max-width: 767px) {
  .emailWrapper .dataTables_wrapper .dataTables_info {
    text-align: left;
  }
}

.selectTemplate {
  float: left;
  width: 100%;
}
.selectTemplate .selectDealer {
  margin: 0;
  width: auto;
}
.selectTemplate .selectDealer li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.selectTemplate .selectDealer li .selectBlock {
  padding: 15px;
  border: 1px solid var(--border);
}
.selectTemplate .selectDealer li .selectBlock .iconImg i {
  font-size: 1.5rem;
  color: var(--link);
}
.selectTemplate .selectDealer li .selectBlock h4 {
  font-size: 0.9rem;
  margin-top: 5px;
}
.selectTemplate .selectDealer li:first-child {
  margin-left: 0px;
}

.uploadNewTemplate {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
.uploadNewTemplate label {
  margin-bottom: 3px;
}

.alignBtnCon {
  float: left;
  margin-bottom: 1rem;
}
.alignBtnCon a, .alignBtnCon button {
  float: left;
  margin-top: 25px;
}

.col2Wrapper {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.col2Wrapper .uploadBlock {
  float: left;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--grey150);
}
.col2Wrapper .uploadBlock .dropzone {
  width: 100%;
  background-color: transparent;
  margin: 0px;
  min-height: 120px;
  max-height: 170px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  background-color: var(--text_white) !important;
}
.col2Wrapper .uploadBlock .dropzone .dz-default.dz-message {
  background-color: transparent;
  color: var(--TextMain);
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0px;
  width: 100%;
}
.col2Wrapper .uploadBlock .dropzone.dz-started .dz-default.dz-message {
  display: none !important;
}
.col2Wrapper .uploadBlock span {
  max-width: 100%;
  word-wrap: break-word;
}
@media (max-width: 991px) {
  .col2Wrapper .uploadBlock {
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-bottom: 20px;
  }
}
.col2Wrapper .blockWithUploader {
  width: calc(100% - 480px);
  float: right;
  position: relative;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .col2Wrapper .blockWithUploader {
    width: 100%;
    margin-top: 0;
    padding: 0px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.col2Wrapper .blockWithUploader + .fooBtnBlock {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}

.existingTemplate {
  float: left;
  width: 100%;
  margin: 15px 0;
}

.btnview {
  float: left;
  color: var(--TextMain);
}
.btnview i {
  color: var(--TextMain);
}

.chooseDealerCon {
  float: left;
  width: 100%;
}
.chooseDealerCon .radioBoxCon {
  margin: 2px 15px 2px 0 !important;
}

.dealerContentRow {
  float: left;
  width: 100%;
}

.glyphicon-time::before {
  content: "\f017";
  font-family: "Font Awesome 5 Pro";
}

.glyphicon-chevron-up::before {
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.glyphicon-chevron-down::before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.glyphicon-calendar::before {
  content: "\f073";
  font-family: "Font Awesome 5 Pro";
}

.bootstrap-datetimepicker-widget table tbody tr td {
  text-align: center !important;
}
.selectedBlocks {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
}
.selectedBlocks li {
  float: left;
  width: 25%;
  padding: 0 12px;
  margin: 12px 0;
}
.selectedBlocks li label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.selectedBlocks li span {
  float: left;
  width: 100%;
}

.desktopTable .tableResponsive {
  display: inline-block;
  width: 100%;
  overflow: auto;
}

.emailVariableCon {
  float: left;
  width: 100%;
}
.emailVariableCon > p {
  margin-bottom: 5px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.emailVariableCon ._uploadExcelDiv {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.emailVariableCon ._uploadExcelDiv .uploadFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: calc(100% - 150px);
}
.emailVariableCon ._uploadExcelDiv .uploadFlex .uploadBtn {
  margin: 0;
}
.emailVariableCon ._uploadExcelDiv .uploadFlex .uploadBtn input[type=file] {
  text-indent: -110px;
}
.emailVariableCon ._uploadExcelDiv .uploadFlex .uploadFileName {
  padding: 8px 15px;
  font-size: 0.9rem;
}
@media (max-width: 640px) {
  .emailVariableCon ._uploadExcelDiv .uploadFlex {
    width: 100%;
  }
}
.emailVariableCon ._uploadExcelDiv .searchBtn {
  margin: 0;
  float: right;
  width: 150px;
}
.emailVariableCon ._uploadExcelDiv .searchBtn .btnFill, .emailVariableCon ._uploadExcelDiv .searchBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .emailVariableCon ._uploadExcelDiv .searchBtn a, .emailVariableCon ._uploadExcelDiv .searchBtn .promo_details, .emailVariableCon ._uploadExcelDiv .searchBtn .btnBordered, .emailVariableCon ._uploadExcelDiv .searchBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .emailVariableCon ._uploadExcelDiv .searchBtn a, .emailVariableCon ._uploadExcelDiv .searchBtn .primaryBtn, .emailVariableCon ._uploadExcelDiv .searchBtn .btnGrey, .emailVariableCon ._uploadExcelDiv .searchBtn .greyBtnBordered, .emailVariableCon ._uploadExcelDiv .searchBtn .yellowBtn, .emailVariableCon ._uploadExcelDiv .searchBtn .primaryBtnBordered, .emailVariableCon ._uploadExcelDiv .searchBtn .yellowBtnBorder, .emailVariableCon ._uploadExcelDiv .searchBtn .btnBorderedsecondary, .emailVariableCon ._uploadExcelDiv .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .emailVariableCon ._uploadExcelDiv .searchBtn .btn.btn-primary, .emailVariableCon ._uploadExcelDiv .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .emailVariableCon ._uploadExcelDiv .searchBtn .btn.btn-default, .emailVariableCon ._uploadExcelDiv .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .emailVariableCon ._uploadExcelDiv .searchBtn .enrollNow, .emailVariableCon ._uploadExcelDiv .searchBtn .btnExportFill, .emailVariableCon ._uploadExcelDiv .searchBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .emailVariableCon ._uploadExcelDiv .searchBtn .btn.btn-primary {
  margin-left: auto;
}
@media (max-width: 640px) {
  .emailVariableCon ._uploadExcelDiv .searchBtn {
    width: 100%;
  }
}

.UploadFileMsg {
  font-size: 0.9rem;
  float: left;
  width: 100%;
}

.UploadedFileWrapper {
  float: left;
  width: 100%;
}

.customScroll {
  display: inline-block;
  width: 100%;
  min-width: 100%;
}
.customScroll.scroll500 {
  max-height: 500px;
  padding: 0px !important;
}
.customScroll .scroll-element {
  z-index: 99 !important;
}
.customScroll .dataTables_wrapper {
  float: left;
  width: 100%;
}

.cursor-pointer {
  cursor: pointer !important;
}

.uploadBlock {
  float: left;
  width: 100%;
  max-width: 600px;
}
.uploadBlock.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.etWrapper {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  padding: 0 20px;
  background-color: var(--text_white);
}
.etWrapper .etInner {
  float: left;
  width: 100%;
}

.dwnList {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.dwnList .cart-link {
  float: right;
  position: relative;
}
.dwnList .cart-link .fa {
  font-size: 1.1rem;
  color: var(--p_main);
}
.dwnList .cart-link .badge {
  position: absolute;
  right: -8px;
  top: -13px;
  height: 20px;
  background-color: var(--grey400);
  width: 20px;
  border-radius: 100%;
  border: 1px solid var(--border);
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  padding: 0;
}
@media (max-width: 767px) {
  .dwnList {
    margin-bottom: 10px;
  }
}

/* Paggination */
.btncenter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px 0;
}
.btncenter button, .btncenter a {
  margin: 5px;
}

.customScroll .table-responsive.tableButtonALign {
  overflow: visible;
}

/*$s_GreenBtnBG:            $p_main;
$s_GreenBtnColor:         #ffffff;*/
/*$s_formbdr:               #DFDFDF;*/
.socialSharingModal .modal-dialog {
  margin: 0px;
  max-width: 100%;
  width: 100%;
  height: 100vh;
}
.socialSharingModal .modal-dialog .modal-content {
  height: 100vh;
  float: left;
  width: 100%;
  border-radius: 0;
  overflow: auto;
  padding: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #F6F8FA;
}
.socialSharingModal .modal-dialog .modal-content .assetShareSocialMedia {
  width: 100%;
  max-width: 1420px;
}

.ht5 .form-control, .ht5 .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ht5 input {
  height: 50px;
}
.ht5 .select2-container {
  width: 100% !important;
}
.ht5 .select2-container .select2-selection {
  border: 1px solid var(--border) !important;
  width: 100%;
  height: 50px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht5 .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
  line-height: 48px !important;
}
.ht5 .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple {
  height: auto;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  max-height: 48px;
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  display: inline-block;
  width: auto !important;
  float: none !important;
  margin: 0 5px 0 0 !important;
  line-height: 16px !important;
  padding: 2px 11px !important;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice {
  background-color: #E8ECF4;
  border: none;
  font-size: 0.85rem;
  padding: 5px 10px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice .select2-selection__choice__remove {
  margin-left: 5px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice[title=Facebook]::before {
  content: "\f09a";
  font-weight: 400;
  margin-right: 5px;
  color: #1773ea;
  font-family: "Font Awesome 6 Brands";
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice[title=Instagram]::before {
  content: "\f16d";
  font-weight: 400;
  margin-right: 5px;
  color: #D9246B;
  font-family: "Font Awesome 6 Brands";
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li.select2-selection__choice[title=Twitter]::before {
  content: "\f099";
  font-weight: 400;
  margin-right: 5px;
  color: #1c96e8;
  font-family: "Font Awesome 6 Brands";
}
.ht5 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
}

.select2-dropdown .select2-results .select2-results__options [id*=-Facebook]::before {
  content: "\f09a";
  font-weight: 400;
  margin-right: 8px;
  color: var(--p_main);
  font-family: "Font Awesome 6 Brands";
}
.select2-dropdown .select2-results .select2-results__options [id*=-Instagram]::before {
  content: "\f16d";
  font-weight: 400;
  margin-right: 8px;
  color: var(--p_main);
  font-family: "Font Awesome 6 Brands";
}
.select2-dropdown .select2-results .select2-results__options [id*=-Twitter]::before {
  content: "\f099";
  font-weight: 400;
  margin-right: 8px;
  color: var(--p_main);
  font-family: "Font Awesome 6 Brands";
}
.select2-dropdown .select2-results .select2-results__options li {
  padding: 8px;
  word-break: break-all;
}
.select2-dropdown .select2-results .select2-results__options li:hover, .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted {
  background-color: #E8ECF4;
  color: var(--p_main);
}
.select2-dropdown .select2-results .select2-results__options li:hover::before, .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted::before {
  color: var(--p_main);
}
.select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {
  background-color: var(--p_main);
  color: #ffffff;
}
.select2-dropdown .select2-results .select2-results__options li[aria-selected=true]::before {
  color: #ffffff;
}

.s_topHead {
  float: left;
  width: 100%;
  padding: 12px;
  background-color: #E8ECF4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.s_topHead h5 {
  margin: 0;
  font-weight: 600;
}
.s_topHead .s_btnRgt {
  margin-left: auto;
}
.s_topHead .s_btnRgt * {
  margin: 1px 3px;
  float: left;
}

.s_mainWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
}
.s_mainWrapper .socialMainContent {
  float: left;
  width: calc(50% - 15px);
  padding: 20px;
  background-color: #ffffff;
}
.s_mainWrapper .socialMainContent .form-group {
  float: left;
  width: 100%;
}
.s_mainWrapper .socialMainContent .form-group label {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 4px;
}
.s_mainWrapper .socialMainContent .fieldGroup {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .s_mainWrapper .socialMainContent {
    width: 100%;
  }
}
.s_mainWrapper .previewBlock {
  margin-left: auto;
  width: calc(50% - 15px);
  padding: 35px 20px;
  background-color: #E8ECF4;
}
.s_mainWrapper .previewBlock .previewCol {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.s_mainWrapper .previewBlock .previewCol:first-child {
  margin-top: 0px;
}
.s_mainWrapper .previewBlock .previewCol:last-child {
  margin-bottom: 0px;
}
.s_mainWrapper .previewBlock .previewCol h6 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 15px;
  color: var(--p_main);
}
.s_mainWrapper .previewBlock .previewCol .previewInner {
  float: left;
  width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 20px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_topBlock {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_topBlock .p_logo {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_topBlock .handlerName {
  padding: 0 12px;
  font-size: 0.9rem;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_topBlock + .post_content {
  margin-bottom: 12px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_ImgBlock {
  float: left;
  width: 100%;
  text-align: center;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .p_ImgBlock img {
  max-height: 350px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons {
  float: left;
  width: 100%;
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons a {
  float: left;
  margin: 0 10px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons a i {
  color: #393938;
  font-size: 1.2rem;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons .iconRgt {
  margin-left: auto;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons.iconStretch {
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons.iconStretch a {
  color: #393938;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_icons + .post_content {
  margin-top: 12px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_content {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_content p {
  margin: 0px;
}
.s_mainWrapper .previewBlock .previewCol .previewInner .post_content a {
  color: var(--p_main);
}
@media (max-width: 991px) {
  .s_mainWrapper .previewBlock {
    width: 100%;
  }
}

.instagramPost .post_content p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin: 0;
}

.socialTabs .nav {
  border: none !important;
}
.socialTabs .nav .nav-item.nav-link {
  background-color: #E8ECF4 !important;
  margin: 0 2px !important;
  color: #30475D !important;
  border: none !important;
  border-radius: 4px 4px 0 0 !important;
  -webkit-flex: none;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.socialTabs .nav .nav-item.nav-link.active {
  border: none !important;
  background-color: var(--p_main) !important;
  color: #ffffff !important;
}
.socialTabs .nav .nav-item.nav-link:first-child {
  margin-left: 0px !important;
}
.socialTabs .tab-content .socialAllPost {
  float: left;
  width: 100%;
}
.socialTabs .tab-content .postText {
  float: left;
  width: 100%;
  border: 1px solid #DFDFDF;
  padding: 12px;
}
.socialTabs .tab-content .postText textarea {
  height: auto;
  min-height: 90px;
  padding: 0;
  border: none !important;
  width: 100%;
  max-width: 100%;
  font-size: 0.95rem;
  color: #393938;
  resize: none;
}

.socialFilters {
  float: left;
  width: 100%;
  margin-top: 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.socialFilters .s_emojis {
  float: left;
}
.socialFilters .s_emojis a {
  margin: 0 4px;
  float: left;
  padding: 4px;
  line-height: 1;
  color: #393938;
}
.socialFilters .e_smartWrite {
  margin-left: auto;
  max-width: 28px;
}

.postForm {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.postForm .postNow {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.postForm .postNow .checkBoxInner {
  min-height: 19px;
}
.postForm .SchedulePost {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
}
.postForm .SchedulePost label {
  float: left;
  width: 130px;
  text-align: center;
  margin: 0 !important;
  font-size: 0.9rem;
  font-weight: 600;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F6F8FA;
  border-radius: 4px 0 0 4px;
}
.postForm .SchedulePost .form-control, .postForm .SchedulePost .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .postForm .SchedulePost input {
  float: left;
  width: calc(100% - 130px);
  border-radius: 0;
  background-color: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}
.postForm .SchedulePost.field_disabled {
  pointer-events: none;
  opacity: 0.6;
}

.attachments_Row {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 10px 0;
}
.attachments_Row li {
  float: left;
  width: 110px;
  height: 110px;
  overflow: hidden;
  border: 1px dashed #8391A1;
  margin: 5px 8px;
}
.attachments_Row li .socialPostImg {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.attachments_Row li .socialPostImg input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 9;
}
.attachments_Row li .socialPostImg input[type=checkbox] + label {
  position: absolute;
  right: 3px;
  top: 3px;
  color: var(--p_main);
  font-size: 1.2rem;
}
.attachments_Row li .socialPostImg input[type=checkbox] + label::before {
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
.attachments_Row li .socialPostImg img {
  min-width: 100%;
  max-height: 100%;
}
.attachments_Row li:first-child {
  margin-left: 0;
}
.attachments_Row li.addMore {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.attachments_Row li.addMore a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  color: var(--p_main);
  text-decoration: none !important;
}
.attachments_Row li.addMore a img {
  margin-bottom: 5px;
}

.assetRequestChatGpt {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.53);
  backdrop-filter: blur(2px);
  font-size: 14px;
  display: none;
}
.assetRequestChatGpt .cancelSuggestion {
  position: fixed;
  right: 15px;
  top: 15px;
  color: #fff;
  cursor: pointer;
}
.assetRequestChatGpt .cancelSuggestion i {
  font-size: 1.3rem;
}
.assetRequestChatGpt .assetResponseBody {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 15px 20px;
  background: #fff;
  max-width: calc(100% - 70px);
  /*        max-width: 100%;*/
  border-radius: 6px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.41);
  backdrop-filter: blur(2px);
  position: relative;
  height: calc(100vh - 30px);
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter {
  float: left;
  width: 100%;
  padding: 20px 15px;
  background-color: #E8ECF4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 5px 5px 0 0;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .sCol-1 {
  float: left;
  width: 170px;
  padding: 0 4px;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .sCol-6 {
  float: left;
  max-width: 100%;
  padding: 0 4px;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 600;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .fieldBlock {
  float: left;
  width: 100%;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock {
  position: relative;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock .form-control, .assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock input {
  padding: 5px 60px;
  font-size: 0.9rem;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 32px;
  height: 100%;
  background-image: url("../../images/smartwrite.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock .btnSuggest {
  position: absolute;
  right: 0;
  width: 50px;
  top: 5px;
  height: 40px;
  border-left: 1px solid #DFDFDF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock .btnSuggest input[type=button] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  box-shadow: none;
  opacity: 0;
}
.assetRequestChatGpt .assetResponseBody .smartTopFilter .smartWriteBlock .btnSuggest i {
  font-size: 1.05rem;
}
.assetRequestChatGpt .assetResponseBody .aiResponseBlock {
  float: left;
  width: 100%;
  flex: 1 0 auto;
  padding: 20px;
  overflow: auto;
}
.assetRequestChatGpt .assetResponseBody .aiResponseBlock .aiResultTab {
  float: left;
  width: 100%;
  height: 100%;
}
.assetRequestChatGpt .assetResponseBody .aiResponseBlock .aiResultTab .form-group {
  margin: 0;
  float: left;
  width: 100%;
  height: 100%;
}
.assetRequestChatGpt .assetResponseBody .aiResponseBlock .aiResultTab .form-group textarea.form-control {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
.assetRequestChatGpt .assetResponseBody .smartBtnRow {
  float: left;
  width: 100%;
  padding: 15px 20px;
  background-color: #E8ECF4;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 0 0 5px 5px;
}

.astrick {
  color: #ff0000;
}

article.scroll-content {
  display: inline-block;
  width: 100%;
}

.previewInnerCon {
  max-height: 100vh;
  float: left;
  width: 100%;
}

.loading {
  background: rgba(90, 90, 90, 0.5);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1000;
  display: none;
}
.loading .loading_image {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading .loading_image img {
  width: 100px;
  height: 100px;
}

.smartBtnRow input {
  margin: 5px;
}

.aiResults {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 100%;
}
.aiResults ul {
  float: left;
  width: 100%;
}
.aiResults ul li {
  float: left;
  width: 100%;
  margin: 12px 0;
  padding: 20px 35px 20px 20px;
  border: none !important;
  border-radius: 8px !important;
  background-color: #F6F8FA;
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1215686275);
}
.aiResults ul li input[type=button] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.aiResults ul li .selectText {
  display: none;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.2rem;
  color: #99ca3d;
}
.aiResults ul li:hover .selectText {
  display: block;
}

.SelectImgSocialMedia {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99990;
  display: none;
}
.SelectImgSocialMedia .addImagesMain {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
.SelectImgSocialMedia .addImagesMain .sm_Main {
  float: left;
  width: 100%;
  max-width: 750px;
  position: relative;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon {
  float: left;
  width: 100%;
  background-color: var(--grey400);
  border-radius: 7px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 500px;
  max-height: calc(100% - 30px);
  position: relative;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption {
  float: left;
  width: 100%;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li {
  margin: 5px 7px;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a {
  float: left;
  width: 120px;
  height: 90px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 8px;
  background-color: var(--bodyBg);
  border: 1px solid var(--border);
  border-radius: 5px;
  position: relative;
  color: var(--TextMain);
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a .tabIcons {
  float: left;
  width: 45px;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a img {
  max-width: 40px;
  max-height: 35px;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a p {
  margin: 6px 0 0;
  font-size: 0.85rem;
  font-weight: 600;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a[disabled] * {
  opacity: 0.7;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a[disabled] .comingSoon {
  opacity: 1;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: -10px;
  padding: 3px 5px;
  background-color: #ff1300;
  line-height: 1;
  color: #fff;
  border-radius: 10px;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .addOption .addMoreList li a:hover {
  background-color: var(--grey100);
  border: 1px solid var(--p_main);
  color: var(--p_main);
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .uploadPc {
  float: left;
  width: 100%;
  border-top: 1px dashed #c7c7c7;
  margin-top: 20px;
  padding-top: 20px;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .uploadPc .bigUpload {
  height: 240px !important;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .uploadPc .bigUpload .dz-default.dz-message {
  min-height: 100px !important;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btnFill, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn a, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .promo_details, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btnBordered, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn a, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .primaryBtn, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btnGrey, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .greyBtnBordered, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .yellowBtn, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .primaryBtnBordered, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .yellowBtnBorder, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btnBorderedsecondary, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btn.btn-primary, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btn.btn-default, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .enrollNow, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btnExportFill, .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .SelectImgSocialMedia .addImagesMain .sm_Main .addImagesCon .backBtn .btn.btn-primary {
  float: left;
}
.SelectImgSocialMedia button.close {
  position: absolute;
  right: -20px;
  color: #fff;
  top: 0;
  font-size: 1.2rem;
  font-weight: normal;
  opacity: 0.9;
  cursor: pointer;
}

.topHeader-con {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--whiteBlockBg);
  padding: 10px;
  border: 1px solid var(--border);
  margin-bottom: 15px;
}
.topHeader-con .t-leftSec {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
}
.topHeader-con .t-leftSec.flex1 {
  flex: 1;
}
.topHeader-con .t-leftSec .dealer-location-con {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 7px;
  position: relative;
}
.topHeader-con .t-leftSec .dealer-location-con label {
  font-family: var(--fontRegular);
  font-weight: 400;
  margin: 0 0 5px 0;
  float: left;
  width: 100%;
  font-size: 0.85rem;
}
.topHeader-con .t-leftSec .dealer-location-con label .fa, .topHeader-con .t-leftSec .dealer-location-con label i {
  color: var(--faIcon);
  margin-right: 3px;
}
.topHeader-con .t-leftSec .dealer-location-con .selectFieldCon {
  float: left;
}
.topHeader-con .t-leftSec .dealer-location-con .select2-container {
  min-width: 170px;
  font-size: 0.85rem;
}
.topHeader-con .t-leftSec .dealer-location-con.fieldAlign {
  width: calc(25% - 14px);
  margin: 10px 7px;
}
@media (max-width: 991px) {
  .topHeader-con .t-leftSec .dealer-location-con.fieldAlign {
    width: calc(33% - 14px);
  }
}
@media (max-width: 640px) {
  .topHeader-con .t-leftSec .dealer-location-con.fieldAlign {
    width: calc(50% - 14px);
  }
}
@media (max-width: 460px) {
  .topHeader-con .t-leftSec .dealer-location-con.fieldAlign {
    width: calc(100% - 14px);
  }
}
.topHeader-con .t-leftSec .dealer-location-con.fieldAlign .selectFieldCon {
  float: left;
  width: 100%;
}
@media (max-width: 520px) {
  .topHeader-con .t-leftSec .dealer-location-con {
    padding: 0 !important;
    float: left;
    width: 100%;
    margin: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .topHeader-con .t-leftSec .dealer-location-con::before {
    display: none;
  }
  .topHeader-con .t-leftSec .dealer-location-con label {
    width: 100%;
  }
}
.topHeader-con .t-leftSec .dealerInfoBlock {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .topHeader-con .t-leftSec {
    float: left;
    width: 100%;
  }
  .topHeader-con .t-leftSec .dealer-location-con {
    width: calc(50% - 10px);
    margin: 10px 5px;
  }
  .topHeader-con .t-leftSec .dealer-location-con .selectFieldCon {
    width: 100%;
  }
  .topHeader-con .t-leftSec .dealer-location-con .selectFieldCon .select2-container {
    min-width: 100%;
  }
}
@media (max-width: 520px) {
  .topHeader-con .t-leftSec {
    margin: 0px;
    width: 100%;
  }
  .topHeader-con .t-leftSec .dealer-location-con {
    width: calc(100% - 10px);
    margin: 10px 5px;
  }
}
.topHeader-con .t-RightSec {
  margin-left: auto;
  margin-top: 2px;
  margin-bottom: 2px;
  /*@media(max-width:991px) {
      width: 100%;
      float: left;
  }*/
}
@media (max-width: 767px) {
  .topHeader-con .t-RightSec {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin-top: 0;
  }
  .topHeader-con .t-RightSec form {
    float: left;
    width: 100%;
  }
}
.topHeader-con .t-RightSec .rightSecText {
  font-size: 0.9rem;
  float: left;
  margin: 0px 15px 0 0;
  padding: 8px 15px;
  border: 1px dashed var(--p_main);
  border-radius: 4px;
  color: var(--p_main);
}
@media (min-width: 991px) and (max-width: 1300px) {
  .topHeader-con .t-RightSec .rightSecText {
    max-width: 300px;
    font-size: 0.8rem;
  }
}
@media (max-width: 991px) {
  .topHeader-con .t-RightSec .rightSecText {
    display: table;
    max-width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
.topHeader-con.fieldInline .dealer-location-con, .topHeader-con.fieldInline .yearBlockCon {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.topHeader-con.fieldInline .dealer-location-con label, .topHeader-con.fieldInline .yearBlockCon label {
  margin: 0;
  padding-right: 10px;
}
.topHeader-con.fieldInline .t-leftSec {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.topHeader-con.fieldInline .t-leftSec .innerLocation {
  max-width: 480px;
  width: 100%;
}
.topHeader-con.fieldInline .t-leftSec .innerLocation label {
  width: auto;
}
.topHeader-con.fieldInline .t-leftSec .innerLocation .custom-dropdown {
  float: left;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.topHeader-con.fieldInline .t-leftSec .innerLocation .select2-container {
  min-width: 120px;
  font-size: 0.85rem;
  max-width: 100%;
}
@media (max-width: 991px) {
  .topHeader-con.fieldInline .t-leftSec .innerLocation {
    max-width: 320px;
  }
}
.topHeader-con.fieldInline .t-leftSec .dealerInfoBlock {
  margin: 0px;
  width: auto;
  max-width: 400px;
}
@media (max-width: 767px) {
  .topHeader-con.fieldInline .t-leftSec .dealerInfoBlock {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .topHeader-con.fieldInline .t-leftSec {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .topHeader-con.fieldInline .t-leftSec .t_userimg + .dealerInfoBlock.landingDashboard {
    width: calc(100% - 40px);
    margin: 0px;
  }
  .topHeader-con.fieldInline .t-leftSec .dealerInfoBlock {
    width: 100%;
    margin-bottom: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealerInfoBlock #DealerName {
    float: left;
    width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealerInfoBlock #DealerNumber {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-left: 0;
    border-left: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .topHeader-con.fieldInline .t-leftSec .dealerInfoBlock.dealerDashboard .dealerInfoBlock {
    width: calc(100% - 55px);
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con {
    width: calc(50% - 10px);
    padding: 0;
    max-width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con::before {
    display: none;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con label {
    float: left;
    width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con .custom-dropdown {
    width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con .custom-dropdown .select2-container {
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con {
    margin: 10px 0;
    width: 100%;
    max-width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con .custom-dropdown {
    float: left;
    width: 100%;
  }
  .topHeader-con.fieldInline .t-leftSec .dealer-location-con .custom-dropdown .select2-container {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .topHeader-con.fieldInline .t-RightSec .yearBlockCon {
    width: calc(50% - 10px);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .topHeader-con.fieldInline .t-RightSec .yearBlockCon label {
    width: 100%;
  }
  .topHeader-con.fieldInline .t-RightSec .yearBlockCon .fieldColl {
    float: left;
    width: 100%;
  }
}
@media (max-width: 520px) {
  .topHeader-con.fieldInline .t-RightSec .yearBlockCon {
    width: 100%;
    margin: 10px 0;
  }
}

.yearBlockCon {
  float: left;
  margin: 0 7px;
  font-size: 0.85rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.yearBlockCon label {
  font-family: var(--fontRegular);
  font-weight: 400;
  margin: 0 0 3px 0;
  float: left;
  width: 100%;
  font-size: 0.85rem;
}
.yearBlockCon i {
  margin-right: 3px;
  color: var(--p_main);
}
.yearBlockCon .select2-container {
  min-width: 75px;
}
@media (max-width: 767px) {
  .yearBlockCon {
    width: calc(50% - 10px);
    margin: 10px 5px;
  }
}
@media (max-width: 520px) {
  .yearBlockCon {
    width: calc(100% - 10px);
    margin: 10px 5px;
  }
}

.corp-selector i {
  font-size: 0.85rem;
  color: var(--faIcon);
  margin-right: 3px;
}

.totalTireWrapper {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  background-color: var(--whiteBlockBg);
  border-radius: 5px;
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--TextMain);
}
.totalTireWrapper .totalTireContainer {
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f9f9f9;
  padding: 10px;
}
.totalTireWrapper .totalTireContainer.tireInlineRow {
  border: none;
  padding: 10px 0;
}
.totalTireWrapper .totalTireContainer.tireInlineRow .totalTireBlock {
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  min-width: 25%;
}
@media (max-width: 767px) {
  .totalTireWrapper .totalTireContainer.tireInlineRow .totalTireBlock {
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}
.totalTireWrapper .totalTireContainer.tireInlineRow .qualifiedTire {
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}
@media (max-width: 767px) {
  .totalTireWrapper .totalTireContainer.tireInlineRow .qualifiedTire {
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    margin: 7px 0;
  }
}
.totalTireWrapper .totalTireContainer .totalTireBlock {
  float: left;
  width: auto;
  position: relative;
  padding: 0 15px 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1100px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock {
    width: 15%;
  }
}
@media (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock {
    padding: 0 35px 0 10px;
    width: 25%;
  }
}
.totalTireWrapper .totalTireContainer .totalTireBlock::after {
  content: "";
  position: absolute;
  right: 8px;
  top: calc(50% - 5px);
  border-left: 7px solid var(--link);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.totalTireWrapper .totalTireContainer .totalTireBlock::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 0px;
  width: 3px;
  height: 100%;
  background-color: var(--link);
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tireBlockImg {
  float: left;
  width: 35px;
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tireBlockImg i {
  font-size: 25px;
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tireBlockImg img {
  max-height: 30px;
}
@media (min-width: 991px) and (max-width: 1300px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock .tireBlockImg {
    width: 45px;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock .tireBlockImg img {
    max-height: 35px;
  }
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content {
  float: left;
  width: calc(100% - 40px);
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h4 {
  margin: 3px 0;
  font-size: 15px;
  float: left;
  width: 100%;
  font-family: var(--fontRegular);
  font-weight: 400;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h4 {
    font-size: 14px;
  }
}
.totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h2 {
  margin: 3px 0;
  font-size: 19px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--TextMain);
  float: left;
  width: 100%;
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h2 {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content {
    width: calc(100% - 45px);
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h4 {
    margin: 2px 0;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock .tire_Content h2 {
    margin: 2px 0;
  }
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .totalTireBlock {
    padding: 0 35px 0 0;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock::before {
    right: 15px;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock::after {
    right: 9px;
  }
}
.totalTireWrapper .totalTireContainer .unitFxBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 50%;
  margin-right: 20px;
}
@media (max-width: 520px) {
  .totalTireWrapper .totalTireContainer .unitFxBlock {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire {
  float: left;
  width: calc(17% - 2px);
  position: relative;
  text-align: center;
  -webkit-flex: 1 0 0;
  -webkit-box-flex: 1 0 0;
  -moz-box-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire {
    width: 16%;
  }
}
@media (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire {
    width: 33.33%;
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    margin: 7px 0;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedFlex {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 480px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedFlex {
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
    text-align: left;
    margin: 10px 0;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedLt {
  max-width: 130px;
}
@media (min-width: 768px) and (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedLt {
    width: 33.33%;
    max-width: 33.33%;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedLt {
    width: 100%;
    text-align: left;
    margin: 10px 0;
    max-width: 100% !important;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire h4 {
  margin: 0 0 5px 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--link);
  font-size: 21px;
}
.totalTireWrapper .totalTireContainer .qualifiedTire h3 {
  margin: 10px 0 0 0;
  font-size: 14px;
  font-family: var(--fontRegular);
  font-weight: 400;
  line-height: 14px;
}
@media (max-width: 1200px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire h3 {
    font-size: 13px;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedTireLast::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  height: 100%;
  background-color: var(--p_main);
}
@media (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedTireLast::before {
    display: none;
  }
}
.totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedTireLast::after {
  content: "";
  position: absolute;
  right: -7px;
  top: calc(50% - 5px);
  border-left: 7px solid var(--p_main);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
@media (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedTireLast::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire {
    width: 50%;
    margin: 5px 0;
  }
  .totalTireWrapper .totalTireContainer .qualifiedTire.qualifiedLt {
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  .totalTireWrapper .totalTireContainer .qualifiedTire {
    width: 100%;
    text-align: left;
    margin: 10px 0;
    max-width: 100% !important;
  }
}
@media (max-width: 1180px) {
  .totalTireWrapper .totalTireContainer {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock {
    width: 100%;
    padding: 0 0 25px 0;
    margin-bottom: 15px;
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock::before {
    width: 100%;
    height: 3px;
    right: 0;
    top: calc(100% - 20px);
  }
  .totalTireWrapper .totalTireContainer .totalTireBlock::after {
    right: calc(50% - 3px);
    top: calc(100% - 17px);
    border-top: 7px solid var(--p_main);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
}
@media (max-width: 1180px) {
  .totalTireWrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .totalTireWrapper .totalTireContainer {
    width: 100%;
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}
@media (min-width: 991px) {
  .totalTireWrapper#divDistTotalTires .totalTireContainer .qualifiedTire {
    flex: 1;
  }
}

.cq-du-row {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .cq-du-row {
    margin: 0px;
    width: 100%;
  }
}

.box-shadow {
  border: 1px solid var(--border);
  background-color: var(--whiteBlockBg);
  position: relative;
}
.box-shadow.nobdr {
  border: none;
}

.distributor-units {
  float: right;
  width: calc(33.33% - 20px);
  margin: 0 10px;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .distributor-units {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .distributor-units {
    width: 100%;
    margin: 0px;
  }
}

.span-top-bottom {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mainTitleBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
  z-index: 9;
}
.mainTitleBlock > i {
  font-size: 2rem;
  margin-right: 14px;
}
.mainTitleBlock h2 {
  margin: 0;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 16px;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mainTitleBlock .rgt-btns {
  margin-left: auto;
  padding-left: 10px;
}
.mainTitleBlock .amtSpan {
  font-family: var(--fontBold);
  font-weight: 700;
  display: block;
  color: var(--link);
  font-size: 1.3rem;
  margin-top: 3px;
}
@media (max-width: 640px) {
  .mainTitleBlock .w-auto {
    margin: 10px 0px 0;
    width: 100% !important;
  }
}

.view-detail-btn {
  float: left;
  color: var(--p_main);
  font-size: 10px;
  border: 1px solid var(--p_main);
  border-radius: 30px;
  padding: 3px 7px;
}

.Hi-octaneCon {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 9;
}
@media (max-width: 767px) {
  .Hi-octaneCon {
    height: auto !important;
  }
}

.octaneBonusCon {
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
  font-size: 17px;
  margin-top: 17px;
}
.octaneBonusCon .octaneLeft {
  float: left;
  width: 100%;
  padding: 0;
}
.octaneBonusCon .octaneLeft p {
  margin: 0;
  font-size: 0.95rem;
  text-align: left;
}
.octaneBonusCon .octaneLeft p .yellow, .octaneBonusCon .octaneLeft p .red {
  color: var(--p_main);
  display: block;
}
.octaneBonusCon .octaneLeft p strong {
  float: right;
}
@media (max-width: 767px) {
  .octaneBonusCon .octaneLeft {
    width: 100%;
    padding: 0;
    margin: 5px 0;
    font-size: 0.9rem;
  }
  .octaneBonusCon .octaneLeft p {
    text-align: left;
  }
  .octaneBonusCon .octaneLeft p strong {
    float: right;
  }
}
.octaneBonusCon .fuleOctaneRight {
  float: right;
  width: 100%;
}
.octaneBonusCon .fuleOctaneRight p {
  margin: 0px;
  font-size: 0.95rem;
}
.octaneBonusCon .fuleOctaneRight p strong {
  color: var(--p_main);
  float: right;
}

.ps-distributor-con {
  float: left;
  border-radius: 5px;
  width: calc(33.33% - 20px);
  margin: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 991px) {
  .ps-distributor-con {
    width: calc(50% - 20px);
  }
}
.ps-distributor-con .nav-tabs {
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ps-distributor-con .nav-tabs li {
  width: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ps-distributor-con .nav-tabs li a {
  padding: 15px 10px;
  display: inline-block;
  text-align: center;
  width: 100%;
  line-height: 1.1;
  font-size: 0.95rem;
  background: var(--tabBg);
  color: var(--tabText);
  border: 1px solid var(--tabBdr);
  /*@include display-flex();
  @include alignItrem(center);*/
}
.ps-distributor-con .nav-tabs li a.active {
  background: var(--tabActiveBg);
  color: var(--tabTextActive);
  border-color: var(--tabBdrActive);
}
.ps-distributor-con .tab-content {
  padding: 15px;
}

.p-listing-main {
  float: left;
  width: 100%;
}

.ytd-block {
  float: left;
  border-radius: 5px;
  width: calc(33.33% - 20px);
  padding: 20px;
  margin: 0 10px;
}
@media (max-width: 991px) {
  .ytd-block {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .ytd-block {
    width: 100%;
    margin: 0px;
  }
}

.SkuWrapper {
  float: left;
  padding: 20px;
  border-radius: 5px;
  width: calc(66.67% - 20px);
  margin: 0 10px;
}
@media (max-width: 991px) {
  .SkuWrapper {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .SkuWrapper {
    width: 100% !important;
    margin: 0px;
  }
}

.halfBlock {
  float: left;
  padding: 20px;
  border-radius: 5px;
  width: calc(50% - 20px);
  margin: 0 10px;
}
@media (max-width: 991px) {
  .halfBlock {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .halfBlock {
    width: 100% !important;
    margin: 0px;
  }
}

.QTRGraph_con {
  float: left;
  margin-top: 15px;
  width: 100%;
}

.complianceScore {
  float: left;
  padding: 20px;
  border-radius: 5px;
  width: calc(100% - 20px);
  margin: 0 10px;
}
@media (max-width: 767px) {
  .complianceScore {
    margin: 0px;
    width: 100%;
  }
}

.full-cot {
  width: calc(100% - 20px);
}

.c-score-percent {
  position: absolute;
  bottom: 36%;
  right: 55px;
  width: 260px;
  border-radius: 4px;
  background: var(--BtnBorderedBg);
  border: 2px solid var(--btnBorderedBdr);
  color: var(--BtnBorderedText);
  text-align: center;
  font-size: 40px;
  font-family: var(--fontBold);
  font-weight: 700;
  padding: 5px 10px;
}
.c-score-percent .total-dl-count-tab {
  color: var(--TextMain);
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 15px;
  text-align: left;
  background: var(--p_main_50);
  display: inline-block;
  margin: -5px;
  margin-left: -5px;
  position: relative;
  margin-left: -10px;
  width: calc(100% + 20px);
  padding: 20px;
}
.c-score-percent .total-dl-count-tab li {
  float: left;
  width: 100%;
  margin: 3px 0;
}
.c-score-percent .total-dl-count-tab li span {
  font-family: var(--fontBold);
  font-weight: 700;
  color: var(--BtnBorderedText);
}
.c-score-percent h3 {
  margin: 10px 0 0;
  font-size: 17px;
  font-family: var(--fontRegular);
  font-weight: 400;
  text-align: left;
  text-align: center;
  color: var(--TextMain);
}
@media (max-width: 767px) {
  .c-score-percent {
    top: 10%;
    bottom: inherit;
    right: 20px;
    width: 150px;
    font-size: 16px;
    bottom: inherit !important;
  }
  .c-score-percent .total-dl-count-tab {
    font-size: 13px;
    padding: 8px;
  }
  .c-score-percent h3 {
    font-size: 14px;
  }
}

.c-admin-per {
  bottom: 19%;
}

.c-score-percent.low {
  color: var(--p_main);
}

.qtr_rewardLeft {
  float: left;
  border-radius: 5px;
  width: calc(33.33% - 20px);
  margin: 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.qtr_rewardLeft .promo-rewards {
  position: relative;
  background-image: var(--reward-bg);
  background-size: cover;
  background-position: center;
  overflow: auto;
  border-radius: 4px;
  padding: 20px;
  left: 0;
  color: var(--grey100);
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -moz-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.qtr_rewardLeft .promo-rewards::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
.qtr_rewardLeft .promo-rewards .promo-rewards-inner {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0 20px;
  width: 100%;
}
.qtr_rewardLeft .promo-rewards.PRTitleTop .promo-rewards-inner {
  padding: 0;
}
.qtr_rewardLeft .promo-rewards.PRTitleTop h2 {
  color: #fff;
  -webkit-flex: inherit;
  -webkit-box-flex: inherit;
  -moz-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  position: relative;
  padding-bottom: 7px;
}
.qtr_rewardLeft .promo-rewards.PRTitleTop h2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--link);
  content: "";
}
.qtr_rewardLeft .promo-rewards .trip-track {
  text-align: left;
  position: relative;
  background: none;
  margin: 0 0 10px;
  padding: 10px;
  padding-bottom: 12px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.qtr_rewardLeft .promo-rewards .trip-track:last-child {
  border-bottom: none;
}
.qtr_rewardLeft .promo-rewards .trip-track ul {
  float: left;
  width: 100%;
}
.qtr_rewardLeft .promo-rewards .trip-track ul li {
  line-height: 20px;
  font-size: 20px;
  position: relative;
  padding-left: 80px;
  margin: 20px 0;
  float: left;
  width: 100%;
}
.qtr_rewardLeft .promo-rewards .trip-track ul li .proICons {
  width: 70px;
  text-align: center;
  font-size: 40px;
  padding-top: 5px;
  height: 100%;
  color: var(--grey150);
  position: absolute;
  left: 0;
  top: 0;
}
.qtr_rewardLeft .promo-rewards .trip-track ul li h4 {
  color: #fff;
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  text-align: left;
}
.qtr_rewardLeft .promo-rewards .trip-track ul li h3 {
  margin-top: 0;
  font-family: var(--fontBold);
  font-weight: 700;
  color: #fff;
  font-size: 1.2rem;
  margin-bottom: 0;
  text-align: left;
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qtr_rewardLeft .promo-rewards #BonusEarned {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .qtr_rewardLeft {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .qtr_rewardLeft {
    width: 100%;
    margin: 0px;
  }
}
.qtr_rewardLeft .carousel-control-prev, .qtr_rewardLeft .carousel-control-next {
  background: none;
  border: none;
  color: #fff;
  width: 10px;
}
.qtr_rewardLeft .carousel-control-prev:hover, .qtr_rewardLeft .carousel-control-next:hover {
  opacity: 1;
}
.qtr_rewardLeft .carousel-control-prev span, .qtr_rewardLeft .carousel-control-next span {
  font-size: 2rem;
  color: #fff;
}

.tireTRackingGraphBlock {
  float: left;
  width: 100%;
}

.sales-cot svg .highcharts-title, .reward-cot svg .highcharts-title {
  display: none;
}

.reward-cot {
  float: left;
  width: 100%;
}
.reward-cot .ParentContainer {
  float: left;
  width: 100%;
}

label:empty {
  display: none;
}

.dealerInfoBlock {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.dealerInfoBlock .t_userimg {
  margin-right: 5px;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .dealerInfoBlock .t_userimg + .dealerInfoBlock {
    width: calc(100% - 35px);
  }
}
.dealerInfoBlock .dealerInfoBlock {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.3;
  font-size: 0.85rem;
}
.dealerInfoBlock .dealerInfoBlock .t--dealer-info {
  width: 100%;
  margin-bottom: 3px;
}
.dealerInfoBlock .dealerInfoBlock #DealerNumber {
  color: var(--p_main);
}
.dealerInfoBlock .dealerInfoBlock .border_left {
  margin-left: 5px;
}
.dealerInfoBlock .dealerInfoBlock label {
  margin: 0px;
}
.dealerInfoBlock + .dealer-location-con {
  padding-left: 10px;
  margin-left: 10px;
}
.dealerInfoBlock + .dealer-location-con::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
  width: 1px;
  height: 18px;
  background-color: #e1dfdf;
}

.currentLabel {
  float: left;
  padding: 0px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.currentLabel .currentLabelImg {
  float: left;
  width: 35px;
  padding-right: 5px;
}
.currentLabel .currentLabelImg i {
  font-size: 20px;
}
@media (max-width: 1300px) {
  .currentLabel .currentLabelImg {
    display: none;
  }
}
.currentLabel .currentLabelCont {
  float: left;
  width: calc(100% - 45px);
}
.currentLabel .currentLabelCont h3 {
  margin: 0 0 3px 0;
  font-size: 14px;
  font-family: var(--fontRegular);
  font-weight: 400;
  white-space: nowrap;
}
.currentLabel .currentLabelCont h2 {
  margin: 0 0 3px 0;
  font-size: 19px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--TextMain);
}
@media (max-width: 991px) {
  .currentLabel .currentLabelCont {
    width: 100%;
  }
}
@media (max-width: 1180px) {
  .currentLabel {
    padding: 10px 12px;
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
  }
}

.currentQuarter {
  float: left;
  margin: 0 10px;
  width: calc(66.67% - 20px);
  border-radius: 5px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*@media(max-width:991px) {
      width: 100%;
      margin: 0;
  }*/
}
.currentQuarter .CurrentQ-main {
  float: left;
  width: 100%;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.currentQuarter .CurrentQ-main .quarterLeftBlock {
  float: left;
  width: 400px;
  font-size: 0.85rem;
  padding-left: 30px;
}
.currentQuarter .CurrentQ-main .quarterLeftBlock .gauge {
  max-width: 100%;
}
.currentQuarter .CurrentQ-main .quarterLeftBlock > * {
  float: left;
  width: 100%;
}
@media (max-width: 1200px) {
  .currentQuarter .CurrentQ-main .quarterLeftBlock {
    width: 360px;
    padding-left: 0;
  }
}
@media (max-width: 640px) {
  .currentQuarter .CurrentQ-main .quarterLeftBlock {
    width: 100%;
    text-align: center;
    padding: 0px;
  }
  .currentQuarter .CurrentQ-main .quarterLeftBlock #power-gauge {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 520px) {
  .currentQuarter .CurrentQ-main .quarterLeftBlock {
    width: 100%;
    max-width: 400px;
    padding: 0;
  }
  .currentQuarter .CurrentQ-main .quarterLeftBlock #power-gauge {
    max-width: 100%;
    overflow: auto;
    float: left;
    width: 100%;
  }
  .currentQuarter .CurrentQ-main .quarterLeftBlock #power-gauge svg {
    width: auto;
    float: none;
    max-width: initial;
  }
}
.currentQuarter .CurrentQ-main .guage_indicator {
  float: right;
  width: calc(100% - 400px);
  margin-top: 30px;
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul {
  float: left;
  width: 100%;
  padding-left: 120px;
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5px 0;
  font-size: 0.85rem;
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor {
  float: left;
  width: 20px;
  height: 15px;
  border: 1px solid rgba(51, 51, 51, 0.062745098);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier6 {
  background-color: var(--g8);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier5 {
  background-color: var(--g7);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier4 {
  background-color: var(--g6);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier3 {
  background-color: var(--g5);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier2 {
  background-color: var(--g4);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.tier1 {
  background-color: var(--g3);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.takeoff {
  background-color: var(--g1);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageColor.no-tracking {
  background-color: var(--g1);
}
.currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li .guageLabel {
  float: left;
  width: calc(100% - 20px);
  padding-left: 10px;
}
@media (max-width: 1200px) {
  .currentQuarter .CurrentQ-main .guage_indicator {
    width: calc(100% - 370px);
  }
  .currentQuarter .CurrentQ-main .guage_indicator .indicator_ul {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .currentQuarter .CurrentQ-main .guage_indicator .indicator_ul {
    max-width: 210px;
    float: right;
  }
}
@media (max-width: 640px) {
  .currentQuarter .CurrentQ-main .guage_indicator {
    width: 100%;
  }
  .currentQuarter .CurrentQ-main .guage_indicator .indicator_ul {
    max-width: 100%;
    padding: 0;
  }
  .currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li {
    width: calc(50% - 10px);
    margin: 5px;
  }
}
@media (max-width: 640px) and (max-width: 480px) {
  .currentQuarter .CurrentQ-main .guage_indicator .indicator_ul li {
    width: 100%;
    margin: 5px 0;
  }
}
@media (max-width: 991px) {
  .currentQuarter {
    width: calc(100% - 20px);
  }
}
.currentQuarter .tireDetailCon {
  flex: 1;
}

.purchaseMoreTires {
  float: right;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.purchaseMoreTires .lavel-msg {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.purchaseMoreTires .lavel-msg .tireInner_block {
  font-size: 0.85rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.purchaseMoreTires .lavel-msg .tireInner_block i {
  color: var(--p_main);
  margin-right: 5px;
  vertical-align: middle;
  font-size: 1.3rem;
}
.purchaseMoreTires .lavel-msg .tireInner_block img {
  margin-right: 5px;
}
.purchaseMoreTires .lavel-msg .tireInner_block .levelUpT0res {
  margin: 0 5px;
  font-size: 22px;
  color: var(--p_main);
  line-height: 1.2;
}
.purchaseMoreTires .lavel-msg .tireInner_block .level-class {
  font-family: var(--fontBold);
  font-weight: 700;
  margin: 0px 4px 0px 4px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .purchaseMoreTires {
    margin: 5px 0;
    width: 100%;
  }
  .purchaseMoreTires .lavel-msg .tireInner_block {
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#power-gauge g.pointer {
  fill: var(--p_main);
  stroke: var(--p_main);
}

.guageValue {
  padding-top: 20px;
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.guageValue h2 {
  margin: 0;
  color: var(--p_main);
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.1;
}
.guageValue h5 {
  margin: 0 0 0 5px;
  font-size: 16px;
  font-family: var(--fontRegular);
  font-weight: 400;
}

.proTitle2 {
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 5px;
  font-size: 24px;
  padding-top: 10px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.proTitle2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 3px;
  background-color: var(--p_main);
}
@media (max-width: 1200px) {
  .proTitle2 {
    font-size: 1.25rem;
  }
}

.cqBottom-row {
  float: left;
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 10px 20px;
  background-color: #f2f2f2;
  margin-bottom: -20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cqBottom-row .cmpColl {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cqBottom-row .cmpColl .cmp_img {
  max-width: 26px;
}
.cqBottom-row .cp-label {
  padding: 0 10px;
}
.cqBottom-row .cp-val {
  font-size: 19px;
  color: var(--p_main);
  font-family: var(--fontSemiBold);
  font-weight: 600;
  line-height: 1;
}
.cqBottom-row .quartlyRewards {
  float: right;
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.cqBottom-row .quartlyRewards .cmp_img {
  max-width: 34px;
}
@media (max-width: 767px) {
  .cqBottom-row {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cqBottom-row .cmpColl {
    margin: 5px;
  }
  .cqBottom-row .quartlyRewards {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.primaryListingul {
  float: left;
  width: 100%;
  padding: 0px;
}
.primaryListingul .p-listing-li {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.primaryListingul .p-listing-li .pl-img {
  float: left;
  width: 40px;
  text-align: center;
}
.primaryListingul .p-listing-li .pl-img i {
  font-size: 1.7rem;
  color: var(--link);
}
.primaryListingul .p-listing-li .pl-content {
  float: left;
  width: calc(100% - 55px);
  margin-left: auto;
  padding: 10px 0;
}
.primaryListingul .p-listing-li .pl-content .pl-label {
  font-size: 13px;
  line-height: 1.2;
  font-family: var(--fontBold);
  font-weight: 700;
}
.primaryListingul .p-listing-li .pl-content .pl-value {
  float: left;
  width: 100%;
  line-height: 1.3;
  margin-top: 2px;
  font-size: 0.9rem;
  word-wrap: break-word;
}
.primaryListingul .p-listing-li:first-child .pl-content {
  margin-top: 0px;
  padding-top: 0px;
}
.primaryListingul .p-listing-li + .p-listing-li .pl-content {
  border-top: 1px solid #f0eeee;
}
.primaryListingul.primaryListingInline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.primaryListingul.primaryListingInline .p-listing-li {
  width: 33.3333333333%;
}
.primaryListingul.primaryListingInline .p-listing-li .pl-content {
  padding: 15px 0 !important;
}
.primaryListingul.primaryListingInline .p-listing-li + .p-listing-li .pl-content {
  border: none;
  margin-top: 0;
}
@media (max-width: 1280px) {
  .primaryListingul.primaryListingInline .p-listing-li {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .primaryListingul.primaryListingInline .p-listing-li {
    width: 100%;
    word-wrap: break-word;
  }
}

.top-5 {
  margin-top: 5px;
}

.ytd_ulListing {
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
}
.ytd_ulListing li {
  float: left;
  width: 100%;
  padding: 15px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ytd_ulListing li .tire-vall {
  margin-left: auto;
  font-size: 15px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--link);
  line-height: 1;
}
.ytd_ulListing li .tire-val {
  margin-left: auto;
  font-size: 0.95rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  color: var(--TextMain);
  line-height: 1;
}
.ytd_ulListing li .tire-cont {
  font-size: 0.9rem;
}
.ytd_ulListing li .ytd-li-img {
  float: left;
  width: 50px;
}
.ytd_ulListing li .ytd-li-img i {
  font-size: 1.85rem;
  color: var(--t_main);
}
.ytd_ulListing li .ytd-li-img img {
  max-height: 28px;
}
.ytd_ulListing li:first-child {
  padding-top: 0px;
}
.ytd_ulListing li:nth-child(2) {
  border-bottom: 1px dashed var(--border);
}
.ytd_ulListing li:nth-last-child(3) {
  border-top: 1px dashed var(--border);
  padding-top: 20px;
  margin-top: 10px;
}

.quarterly-unit-block {
  float: left;
  padding: 20px;
  border-radius: 5px;
  width: calc(33.33% - 20px);
  margin: 0 10px;
}
.quarterly-unit-block .qu-graph {
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .quarterly-unit-block {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .quarterly-unit-block {
    width: 100%;
    margin: 0px;
  }
}

.SkuHeaderCon {
  float: left;
  width: 100%;
  margin-top: -20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.SkuHeaderCon .nav.nav-tabs {
  float: left;
  border-bottom: none;
}
.SkuHeaderCon .nav.nav-tabs li {
  float: left;
  margin: 0 5px;
  /*@media(max-width: 520px){
      margin: 0px;
  }*/
}
.SkuHeaderCon .nav.nav-tabs li a {
  float: left;
  border: none;
  border-top: 4px solid transparent;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 0;
  cursor: pointer;
}
.SkuHeaderCon .nav.nav-tabs li a h4 {
  margin: 5px 0;
  color: #9d9d9d;
  font-family: var(--fontMedium);
  font-weight: 500;
  font-size: 1.15rem;
}
.SkuHeaderCon .nav.nav-tabs li a h3 {
  margin: 5px 0;
  color: #9d9d9d;
  font-family: var(--fontMedium);
  font-weight: 500;
  font-size: 1.15rem;
}
.SkuHeaderCon .nav.nav-tabs li a h3 .fa {
  display: none;
  color: var(--p_main);
  font-size: 16px;
  vertical-align: middle;
}
.SkuHeaderCon .nav.nav-tabs li a.active {
  border-color: var(--p_main);
}
.SkuHeaderCon .nav.nav-tabs li a.active h4 {
  color: #404447;
}
.SkuHeaderCon .nav.nav-tabs li a.active h3 {
  color: var(--p_main);
}
.SkuHeaderCon .nav.nav-tabs li a.active h3 i {
  display: inline-block;
}
@media (max-width: 520px) {
  .SkuHeaderCon .nav.nav-tabs li a {
    padding: 5px;
  }
  .SkuHeaderCon .nav.nav-tabs li a h3 {
    font-size: 0.95rem;
  }
  .SkuHeaderCon .nav.nav-tabs li a h4 {
    font-size: 0.95rem;
  }
}

.viewBtn {
  float: right;
  margin-left: auto;
  font-size: 0.8rem;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 2px 8px;
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.1294117647);
}
.viewBtn i {
  color: #ffffff;
}

.topBottomDelaer-Con {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 10px;
  border-radius: 5px;
}
.topBottomDelaer-Con .nav.nav-tabs {
  float: left;
  width: 300px;
  background-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-bottom: none;
}
.topBottomDelaer-Con .nav.nav-tabs li {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.topBottomDelaer-Con .nav.nav-tabs li a {
  float: left;
  width: 100%;
  padding: 15px 25px;
  border: none;
  background-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.topBottomDelaer-Con .nav.nav-tabs li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 6px;
  height: calc(100% - 30px);
  background-color: transparent;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab {
  float: left;
  width: 100%;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab h4 {
  margin: 0;
  font-size: 22px;
  float: left;
  width: 100%;
  font-family: var(--fontRegular);
  font-weight: 400;
  color: var(--TextMain);
  opacity: 0.4;
}
@media (max-width: 991px) {
  .topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab h4 {
    font-size: 17px;
  }
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent {
  float: left;
  width: 100%;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h2 {
  margin: 10px 0;
  font-size: 46px;
  line-height: 1;
  float: left;
  width: 100%;
  padding-right: 35px;
  position: relative;
  color: var(--TextMain);
  opacity: 0.4;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h2 span {
  float: left;
  line-height: 1;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h2 .arrowRgt {
  position: absolute;
  font-size: 25px;
  right: 0;
  top: calc(50% - 12px);
  display: none;
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h2 .arrowRgt i {
  font-size: 15px;
  margin-right: 3px;
}
@media (max-width: 991px) {
  .topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h2 {
    margin: 5px 0;
    font-size: 28px;
  }
}
.topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h5 {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 17px;
  color: var(--TextMain);
  opacity: 0.4;
  font-family: var(--fontRegular);
  font-weight: 400;
}
@media (max-width: 991px) {
  .topBottomDelaer-Con .nav.nav-tabs li a .tBDealersTab .tBDContent h5 {
    font-size: 15px;
  }
}
.topBottomDelaer-Con .nav.nav-tabs li a.active::before {
  background-color: var(--tabActiveBg);
}
.topBottomDelaer-Con .nav.nav-tabs li a.active .tBDealersTab h4 {
  color: var(--TextMain);
  opacity: 1;
}
.topBottomDelaer-Con .nav.nav-tabs li a.active .tBDealersTab .tBDContent h2 {
  color: var(--tabActiveBg);
  opacity: 1;
}
.topBottomDelaer-Con .nav.nav-tabs li a.active .tBDealersTab .tBDContent h2 .arrowRgt {
  display: block;
}
.topBottomDelaer-Con .nav.nav-tabs li + li::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  height: 1px;
  width: calc(100% - 40px);
  background-color: #d4d4d4;
}
@media (max-width: 767px) {
  .topBottomDelaer-Con .nav.nav-tabs li + li::before {
    width: 1px;
    height: 100%;
    left: 0;
  }
}
@media (max-width: 480px) {
  .topBottomDelaer-Con .nav.nav-tabs li + li::before {
    width: calc(100% - 40px);
    height: 1px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .topBottomDelaer-Con .nav.nav-tabs li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .topBottomDelaer-Con .nav.nav-tabs li {
    width: 100%;
  }
}
.topBottomDelaer-Con .nav.nav-tabs::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  height: calc(100% - 40px);
  width: 1px;
  background-color: #d4d4d4;
}
@media (max-width: 767px) {
  .topBottomDelaer-Con .nav.nav-tabs::after {
    width: 100%;
    height: 1px;
    top: calc(100% - 1px);
  }
}
@media (max-width: 991px) {
  .topBottomDelaer-Con .nav.nav-tabs {
    width: 230px;
  }
}
@media (max-width: 767px) {
  .topBottomDelaer-Con .nav.nav-tabs {
    width: 100%;
  }
}
.topBottomDelaer-Con .tab-content {
  float: right;
  width: calc(100% - 300px);
  padding: 20px;
  position: relative;
}
.topBottomDelaer-Con .tab-content .tab-TopContent {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 9;
}
.topBottomDelaer-Con .tab-content .tab-TopContent h3, .topBottomDelaer-Con .tab-content .tab-TopContent h2 {
  float: left;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin: 12px 0;
  color: #605e5d;
  padding-right: 10px;
  font-size: 16px;
}
.topBottomDelaer-Con .tab-content .adminDealersGraph {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.topBottomDelaer-Con .tab-content .adminDealersGraph #dvByStoresGraph1 {
  max-width: 100%;
  min-width: 100% !important;
}
@media (max-width: 991px) {
  .topBottomDelaer-Con .tab-content {
    width: calc(100% - 230px);
  }
}
@media (max-width: 767px) {
  .topBottomDelaer-Con .tab-content {
    width: 100%;
  }
}

.yr-list {
  float: right;
}
.yr-list li {
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 13px;
  margin: 0 0 0 22px;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  background: rgba(var(--p_main), 0.2);
}
.yr-list li.hide {
  display: none;
}
.yr-list li a {
  color: #555;
}
.yr-list li.active {
  background-color: var(--p_main) !important;
  border-color: var(--p_main) !important;
  color: #fff;
}
.yr-list li.active a {
  color: #fff;
}

.ad-payout-tab {
  display: inline-block;
  width: 100%;
  padding: 10px 0 8px;
  position: relative;
  padding-left: 80px;
  margin: 10px 0 10px;
}
.ad-payout-tab + .ad-payout-tab {
  border-top: 1px dashed var(--border);
  padding-top: 30px;
}
.ad-payout-tab h4 {
  font-size: 1.1rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.ad-payout-tab h3 {
  font-size: 1.5rem;
}
.ad-payout-tab img, .ad-payout-tab i {
  position: absolute;
  left: 9px;
  top: calc(50% - 25px);
  max-width: 60px;
  font-size: 40px;
  color: var(--grey100);
}
.ad-payout-tab ul {
  margin-top: 5px;
}
.ad-payout-tab ul li {
  font-family: var(--fontBold);
  font-weight: 700;
}
.ad-payout-tab ul li span {
  color: var(--p_main);
  display: inline-block;
  margin-left: 3px;
  font-size: 17px;
}

.unitsDetails {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 12px 0;
  align-items: center;
}
.unitsDetails .udContent p {
  margin: 0;
  font-size: 1.2rem;
}
.unitsDetails .udContent p strong, .unitsDetails .udContent p b {
  color: var(--p_main);
}

.rewardDetailBlock {
  padding: 30px 15px;
  margin: 20px 0 0;
  display: inline-block;
  width: 100%;
  background: rgba(var(--p_main), 0.05);
}
.rewardDetailBlock .tableListing li .tableHead {
  background: rgba(var(--p_main), 0.2);
  border-color: #ddd;
}
.rewardDetailBlock .tableListing li .tableCo {
  background: #fff;
  border-color: #ddd;
  box-shadow: 0 0 0 1px rgba(221, 221, 221, 0.5647058824);
}

.gougeIncludes {
  text-align: center;
  margin: 5px 0 10px;
  display: inline-block;
  width: 100%;
}
.gougeIncludes p {
  margin: 0;
}

.fullImageBlock {
  width: 100%;
  height: 100vh;
  background: #f2f2f2;
  padding: 20px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}
.fullImageBlock img {
  max-width: calc(100vh - 40px);
}

.enrollmentBlocks {
  display: inline-block;
  width: 100%;
}

.pnlCorporate.hide {
  display: none;
}

.ytdListing li a {
  font-size: 12px;
  width: 35px;
  height: 35px;
  display: flex;
  border-radius: 100%;
  background: var(--grey100);
  align-items: center;
  border: 1px solid var(--border);
  justify-content: center;
}
.ytdListing li.active a {
  background: var(--p_main);
  border: 1px solid var(--p_main);
  opacity: 1;
  color: #fff;
}

.halfMidblock {
  float: right;
  width: calc(50% - 20px);
  margin: 0 10px;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .halfMidblock {
    width: calc(100% - 20px);
  }
}

.comingSoonBlock {
  position: relative;
  background: #222 !important;
}
.comingSoonBlock * {
  filter: blur(3px);
}
.comingSoonBlock::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #111;
  opacity: 0.7;
}
.comingSoonBlock::after {
  content: "Coming Soon..";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2rem;
}

.midFlex {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.midFlex.fullMidFlex {
  padding: 20px;
}
.midFlex.fullMidFlex .dvMidBlock {
  width: 100%;
}

.dvMidBlock {
  display: inline-block;
  width: calc(50% - 10px);
  padding: 15px;
  background: #fff;
  border: 1px dashed #ddd;
}
.dvMidBlock h4 {
  font-size: 1rem;
  margin: 0 0 15px;
  padding-bottom: 10px;
  position: relative;
}
.dvMidBlock h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  border-radius: 10px;
  background: var(--link);
}
@media (max-width: 767px) {
  .dvMidBlock {
    width: calc(100% - 10px);
  }
}

#RewardedTiresBody tr th, #RewardedTiresBody tr td {
  padding: 10px 5px !important;
}

.adjustment .dropzone {
  min-height: 222px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.adjustment .dropzone {
  min-height: 220px !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* New */
.qtrBlock {
  justify-content: space-between;
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0 40px;
  position: relative;
  align-items: center;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.0823529412);
  gap: 15px;
  background-color: #fff;
  border: 1px solid #eee;
}
.qtrBlock p {
  margin: 0;
  font-family: var(--fontMedium);
  font-weight: 500;
}

.payoutWrap .actions.clearfix {
  display: none;
}

.reportBtn_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}

.typeItDesc, .drawItDesc {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sigNav a {
  background-color: #fff;
}
.sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited {
  color: var(--p_main) !important;
  border: 1px solid var(--p_main) !important;
}

.sigWrapper {
  background-color: #fff;
  border: 1px solid var(--border) !important;
}

.confrmList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  margin: 0px 20px 10px 0;
  gap: 30px;
  padding-right: 10px;
  border-right: 1px dashed #ccc;
}
.confrmList li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  padding: 10px;
  align-items: center;
}
.confrmList li i {
  font-size: 1.9rem;
  opacity: 0.5;
}
.confrmList li b {
  display: block;
  color: var(--p_main);
}

.qtrInListing .confrmList {
  border: none;
  width: 100%;
}
.qtrInListing .confrmList li {
  flex: 1;
}
@media (max-width: 992px) {
  .qtrInListing .confrmList {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
  }
  .qtrInListing .confrmList li {
    flex: auto;
    width: 33.33%;
    padding: 10px;
    background-color: #fff;
    border: 1px dashed var(--border);
  }
}
@media (max-width: 520px) {
  .qtrInListing .confrmList {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
  }
  .qtrInListing .confrmList li {
    width: 100%;
  }
}

#frmPaymentRules .fieldColl {
  float: left;
  width: 100%;
}

label.sku_Icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
label.sku_Icons .SKUSection {
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
label.sku_Icons .SKUSection label {
  margin: 0px;
}
label.sku_Icons .SKUSection .downloadBtn label {
  padding: 0 10px;
}
@media (max-width: 365px) {
  label.sku_Icons .SKUSection {
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
}

/* New Units BLock */
.tr_unitsRow {
  float: left;
  width: 100%;
  border-radius: 5px;
}
.tr_unitsRow .tr_unitsInnerCon {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft {
  float: left;
  width: 100%;
  max-width: 280px;
  padding: 12px;
  background-color: var(--grey150);
  border-radius: 5px;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main {
  float: left;
  width: 100%;
  padding: 7px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main .tr_Icon {
  font-size: 1.6rem;
  width: 50px;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main .tr_Content {
  width: calc(100% - 50px);
  float: left;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main .tr_Content p {
  margin: 0px;
  font-size: 0.9rem;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main .tr_Content h2 {
  margin: 0px;
  font-size: 1.15rem;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main ~ .tr_main {
  border-top: 1px solid var(--border);
}
@media (max-width: 991px) and (min-width: 541px) {
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft {
    max-width: 100%;
  }
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft .tr_main {
    float: left;
    width: 50%;
    padding: 10px;
    border: none !important;
  }
}
@media (max-width: 540px) {
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsLeft {
    max-width: 100%;
  }
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt {
  float: left;
  width: calc(100% - 280px);
  padding: 0 8px;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex {
  float: left;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 6px 12px;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex h4 {
  margin-bottom: 3px;
  font-size: 1.35rem;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex h3 {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 0;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex h3 .input-info {
  font-size: 0.85rem;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex .subPercent {
  float: left;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock ~ .tr_unitsRgtBlock {
  padding-top: 5px;
  margin-top: 5px;
}
.tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock ~ .tr_unitsRgtBlock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  border-top: 1px dashed var(--border);
}
@media (max-width: 991px) {
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt {
    padding: 10px;
    width: 100%;
  }
}
@media (max-width: 540px) {
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock {
    padding: 0px !important;
    margin: 0px !important;
  }
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock::before {
    display: none;
  }
  .tr_unitsRow .tr_unitsInnerCon .tr_unitsRgt .tr_unitsRgtBlock .tr_b_Flex {
    min-width: 100%;
    padding: 12px 0;
    border-bottom: 1px dashed var(--border);
  }
}

/* New Units BLock */
.dataUpdate {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  font-weight: normal;
  background-color: var(--grey300);
  margin: 0;
  border-radius: 0 0 5px 5px;
  padding: 5px 15px;
  text-align: right;
  font-style: italic;
}

.activeTier {
  background-color: var(--BtnBg) !important;
  color: var(--BtnText) !important;
}

.dlr_dashboard {
  cursor: pointer;
  color: var(--link) !important;
}
.dlr_dashboard:hover {
  color: var(--linkHover) !important;
}

.b_bdr_dashed {
  border-bottom: 1px dashed var(--border);
}

.modal-backdrop.show ~ .modal-backdrop.show {
  z-index: 1051;
}

.modal.show.modal2 {
  z-index: 1052;
}
.modal.show ~ .modal.show {
  z-index: 1052;
}

.DocmentName {
  float: left;
  width: 100%;
  word-break: break-all;
}

.signaturePadWrapper {
  float: left;
  width: 100%;
}
.signaturePadWrapper .sigPadDLR {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.d_flexBLock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.d_flexBLock .bonusWhiteTheme {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards {
  background-image: none;
  padding: 0;
  height: 100%;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards::before {
  display: none;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .noPromoSection {
  float: left;
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-color: var(--grey100);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .noPromoSection .noPromoSectionInner {
  text-align: center;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .noPromoSection .noPromoSectionInner img {
  margin-bottom: 10px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .noPromoSection .noPromoSectionInner h4 {
  margin: 15px 0;
  font-size: 1.7rem;
  color: var(--TextMain);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .noPromoSection .noPromoSectionInner h4 span {
  color: var(--p_main);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper {
  color: var(--TextMain);
  float: left;
  width: 100%;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab {
  background-color: var(--bonusAmount);
  float: left;
  width: 100%;
  margin: 0;
  padding: 24px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab .iconLeftBlock {
  float: left;
  width: 65px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab .iconLeftBlock i {
  position: relative;
  left: 0px;
  top: 0px;
  color: var(--TextMain);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab .RgtBlock {
  float: left;
  width: calc(100% - 65px);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab .RgtBlock h4 {
  margin-bottom: 3px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .ad-payout-tab .RgtBlock h3 {
  font-size: 1.6rem;
  font-family: var(--fontBold);
  font-weight: 700;
  color: var(--p_main);
  margin: 0px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon {
  padding: 20px 45px;
  float: left;
  width: 100%;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track-Name {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px dashed var(--border);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track-Name h4 {
  color: var(--TextMain);
  font-family: var(--fontRegular);
  font-weight: 400;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track-Name h3 {
  color: var(--p_main);
  margin-top: 5px;
  font-size: 1.3rem;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track {
  float: left;
  width: 100%;
  padding: 0;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li {
  float: left;
  width: 100%;
  padding: 0px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li .iconLeftBlock {
  float: left;
  width: 65px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li .iconLeftBlock i {
  position: relative;
  left: 0px;
  top: 0px;
  color: var(--TextMain);
  text-align: left;
  padding: 0;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li .RgtBlock {
  float: left;
  width: calc(100% - 65px);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li .RgtBlock h4 {
  color: var(--TextMain);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .trip-track ul li .RgtBlock h3 {
  color: var(--TextMain);
  margin-top: 5px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .carousel-control-prev {
  left: -28px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .carousel-control-prev span {
  font-size: 2.5rem;
  color: var(--TextMain);
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .carousel-control-next {
  right: -28px;
}
.d_flexBLock .bonusWhiteTheme .promo-rewards .promoWrapper .bonusEarnedCon .carousel-control-next span {
  font-size: 2.5rem;
  color: var(--TextMain);
}

@media (max-width: 767px) {
  #dvDealerRewardGraph {
    max-width: 100% !important;
    min-width: 100% !important;
  }
}

.DistributorInfoTab {
  gap: 0;
}
.DistributorInfoTab .tab-content {
  border: none;
}
.DistributorInfoTab .tab-content .tab-pane .dvMidBlock {
  border: 1px solid var(--border);
  width: 100%;
  padding: 5px;
}
.DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li {
  float: left;
  width: calc(50% - 24px);
  margin: 0 12px;
  padding: 12px 0;
  border-bottom: 1px dashed var(--border);
}
.DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li .pl-img {
  text-align: left;
}
.DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li .pl-content {
  margin: 0px;
  padding: 0 0 0 12px;
  border: none;
  width: calc(100% - 40px);
}
@media (min-width: 768px) {
  .DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li:last-child {
    border-bottom: none;
  }
  .DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li:nth-last-child(2) {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li {
    width: calc(100% - 24px);
  }
  .DistributorInfoTab .tab-content .tab-pane .dvMidBlock .primaryListingul .p-listing-li:last-child {
    border-bottom: none;
  }
}

.commonWizard .row [class*=col-] .form-group {
  float: left;
  width: 100%;
}

.incentiveDashboard .carousel-control-next, .incentiveDashboard .carousel-control-prev {
  width: 30px;
  height: 40px;
  top: calc(50% - 20px);
  opacity: 1;
  font-size: 1.5rem;
  background-color: rgba(255, 255, 255, 0.3137254902);
  border-radius: 3px;
}
.incentiveDashboard .carousel-control-next:hover, .incentiveDashboard .carousel-control-prev:hover {
  background-color: #ffffff;
}
.incentiveDashboard .carousel-control-prev .carousel-control-prev-icon {
  display: none;
}
.incentiveDashboard .carousel-control-prev::before {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  color: #767676;
}
.incentiveDashboard .carousel-control-next .carousel-control-next-icon {
  display: none;
}
.incentiveDashboard .carousel-control-next::before {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  color: #767676;
}

/*.sales-cot .wrapper-full {
    float: left;
    width: 100%;
    background-color: $text_white;
    border: 1px solid $border;
    border-radius: 4px;
}*/
.sales-cot, .reward-cot {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.sales-cot .wrapper-full, .reward-cot .wrapper-full {
  float: left;
  width: 100%;
  padding: 10px 0;
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
  border-radius: 4px;
  margin: 15px 0;
}

.tabsNote {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.tabsNote a {
  font-style: italic;
  font-size: 0.85rem;
  color: #e50009;
}

.top-dl-block {
  padding-left: 20px;
  margin: -10px 0 -10px;
  padding-bottom: 30px;
  background: var(--whiteBlockBg);
  border: 1px solid var(--border);
}
.top-dl-block.unitsdisplay {
  display: inline-block;
  width: 100%;
  margin: 0;
  vertical-align: top;
  padding: 15px;
}

/* Tab Panel */
.incentive_d .nav.nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  border-bottom: none;
  position: relative;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
.incentive_d .nav.nav-tabs li {
  float: left;
  width: calc(14.28% - 6px);
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  margin: 0px;
}
.incentive_d .nav.nav-tabs li a {
  background-color: var(--tabBg);
  padding: 15px 5px;
  border: none;
  color: var(--tabText);
  border: 1px solid var(--tabBdr);
  border-radius: 0px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.95rem;
  line-height: 1.1;
  margin: 0;
}
.incentive_d .nav.nav-tabs li a.active {
  border-color: var(--tabBdrActive);
  color: var(--tabTextActive);
  position: relative;
  z-index: 99;
  background-color: var(--tabActiveBg);
}
.incentive_d .nav.nav-tabs li:first-child {
  margin-left: 0px;
}
.incentive_d .nav.nav-tabs li:last-child {
  margin-right: 0px;
}
.incentive_d .nav.nav-tabs.navInline li {
  -webkit-flex: none;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none;
  min-width: 20%;
}
.incentive_d .nav.nav-tabs.navNoSpace li {
  width: auto;
  min-width: 100px;
  -webkit-flex: none;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0px;
}
.incentive_d .nav.nav-tabs.navNoSpace li a {
  border-right: 1px solid var(--tabBdr);
  padding: 18px 12px;
}
.incentive_d .nav.nav-tabs.navNoSpace li a.active {
  border-color: var(--tabBdrActive);
}

.promo-rewards h4 {
  font-size: 1rem;
  text-align: left;
}
.promo-rewards h4.rule_graph {
  padding-right: 150px;
}

.rwrd-icon-block h3, .promo-rewards .div_NewPromo .trip-track li h3 {
  font-size: 1.1rem;
  margin-top: 2px;
}

.promo-rewards .trip-track li h4 {
  text-align: center;
  margin: 10px 0;
  width: 100%;
  padding: 0;
}

.promo-rewards .div_NewPromo h4 {
  padding: 0;
}

.rewardRowLevel {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rewardRowLevel .blockCon {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rewardRowLevel .blockCon .totalTireBlock {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
  color: var(--TextMain);
  background-color: var(--text_white);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--border);
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rewardRowLevel .blockCon .totalTireBlock .iconBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 120px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--p_main_50);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.rewardRowLevel .blockCon .totalTireBlock .iconBlock i {
  font-size: 2rem;
}
.rewardRowLevel .blockCon .totalTireBlock .iconBlock h4 {
  font-size: 1rem;
  float: left;
  width: 100%;
  text-align: center;
  margin: 12px 0 0 0;
  color: var(--link);
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock {
  float: left;
  width: calc(100% - 120px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px;
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock li {
  float: left;
  width: 100%;
  padding: 5px;
  font-size: 0.85rem;
  border-bottom: 1px solid var(--border);
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock li p {
  float: left;
  margin: 0;
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock li span {
  float: right;
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock li.strong {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 0.9rem;
}
.rewardRowLevel .blockCon .totalTireBlock .contentBlock li:last-child {
  border-bottom: none;
}
@media (max-width: 1080px) {
  .rewardRowLevel .blockCon .totalTireBlock {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .rewardRowLevel .blockCon .totalTireBlock {
    width: 100%;
  }
  .rewardRowLevel .blockCon .totalTireBlock .iconBlock {
    width: 100%;
    padding: 10px;
  }
  .rewardRowLevel .blockCon .totalTireBlock .contentBlock {
    width: 100%;
  }
}

.corp-selector {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.corp-selector .pull-right {
  margin-left: auto !important;
}
.corp-selector .corp-select-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: auto;
  margin: 10px 5px;
  margin-right: 10px;
  padding-left: 10px;
  float: left;
}
.corp-selector .corp-select-inner label {
  color: var(--TextMain);
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
  font-size: 0.85rem;
}
.corp-selector .corp-select-inner label i {
  margin-right: 5px;
}
.corp-selector .corp-select-inner .fieldColl {
  min-width: 140px;
  max-width: 220px;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  vertical-align: top;
  position: relative;
}
.corp-selector .corp-select-inner .fieldColl .select2-container {
  min-width: 110px;
}

#SpnDealerName i {
  margin-right: 5px;
}

.sale-title {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.sale-title h3 {
  font-family: var(--fontBold);
  font-weight: 700;
  padding: 0;
  display: inline-block;
  margin: 0 0 10px 0;
  font-size: 1.2rem;
}

.wrapper-full.purchase-track-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.mutli-listtab {
  float: right;
}

.table-stick {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 350px;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .table-stick {
    height: auto;
  }
}

.promo-rewards {
  position: absolute;
  left: 10px;
  top: 0;
  height: 100%;
  width: calc(100% - 25px);
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: 4px;
  color: var(--TextMain);
  background: #ffffff;
  /*&.promo-dealer-slider {
      @include alignItrem(flex-start);
  }*/
}

.promo-rewards-rel {
  position: relative;
  width: 100%;
  left: 0;
  min-height: 350px;
}
.promo-rewards-rel .promo-rewards-inner {
  padding: 0 25px 0;
  width: 100%;
}
.promo-rewards-rel .trip-track {
  background: rgba(192, 197, 215, 0.1490196078);
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  margin: 5px 0;
  text-align: left;
  position: relative;
  display: inline-block;
  width: calc(33.33% - 10px);
  margin: 10px 5px;
}
.promo-rewards-rel .trip-track li {
  line-height: 20px;
  font-size: 20px;
  position: relative;
  text-align: center;
}
.promo-rewards-rel .trip-track li i {
  left: 0;
  display: table;
  position: relative;
  text-align: center;
  margin: 10px auto 30px;
  font-size: 40px;
  padding-top: 5px;
  height: 100%;
  color: var(--p_main);
}
.promo-rewards-rel .trip-track li h4 {
  text-align: center;
  margin: 4px 0;
  width: 100%;
  padding: 0;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.promo-rewards-rel .trip-track li h6 {
  text-align: center;
  margin: 4px 0;
  width: 100%;
  padding: 0;
  font-size: 0.9rem;
  float: left;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.promo-rewards-rel .trip-track li h3 {
  margin-top: 0;
  font-family: var(--fontBold);
  font-weight: 700;
  color: var(--TextMain);
  font-size: 1.4rem;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .promo-rewards-rel .trip-track {
    width: calc(50% - 10px);
  }
  .promo-rewards-rel .trip-track li i {
    margin: 10px auto 10px;
    font-size: 30px;
  }
}
@media (max-width: 520px) {
  .promo-rewards-rel .trip-track {
    width: calc(100% - 10px);
  }
}

.promo-rewards h4 {
  font-size: 1rem;
  text-align: left;
}

.promo .promo-rewards .slider_pnl {
  position: relative;
  padding-right: 200px;
  float: left;
  width: 100%;
}
.promo .promo-rewards .slider_pnl .trip-track {
  width: calc(50% - 10px);
  float: left;
  margin: 5px 10px 5px 0 !important;
}
.promo .promo-rewards .slider_pnl .trip-track li {
  position: relative;
  padding: 5px 5px 5px 50px;
  text-align: left;
  line-height: 20px;
  font-size: 20px;
}
.promo .promo-rewards .slider_pnl .trip-track li i {
  position: absolute;
  font-size: 30px;
  padding-left: 0;
  width: auto;
  left: 8px;
  padding: 0;
  margin: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promo .promo-rewards .slider_pnl .trip-track li h4 {
  margin: 4px 0;
  text-align: left;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.promo .promo-rewards .slider_pnl .trip-track li h3 {
  font-size: 22px;
  margin-top: 2px;
}
.promo .promo-rewards .slider_pnl .trip-track.reward {
  position: absolute;
  right: 0;
  width: 190px;
  height: calc(100% - 10px);
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promo .promo-rewards .slider_pnl .trip-track.reward li {
  padding: 10px;
  text-align: center;
}
.promo .promo-rewards .slider_pnl .trip-track.reward li i {
  position: relative;
  margin: 10px auto;
}
@media (max-width: 1080px) {
  .promo .promo-rewards .slider_pnl .trip-track {
    width: calc(100% - 10px);
  }
}
@media (max-width: 767px) {
  .promo .promo-rewards .slider_pnl .trip-track {
    width: calc(50% - 10px);
    margin: 5px !important;
  }
  .promo .promo-rewards .slider_pnl .trip-track li {
    padding: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .promo .promo-rewards .slider_pnl .trip-track li i {
    position: static;
  }
  .promo .promo-rewards .slider_pnl .trip-track li h4 {
    text-align: center;
  }
  .promo .promo-rewards .slider_pnl .trip-track.reward {
    position: relative;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 520px) {
  .promo .promo-rewards .slider_pnl .trip-track {
    width: 100%;
    margin: 5px 0 !important;
  }
}
@media (max-width: 767px) {
  .promo .promo-rewards .slider_pnl {
    padding: 0;
  }
}

.promo-rewards-rel {
  position: relative;
  width: 100%;
  left: 0;
  min-height: 345px;
}

#dvCategoryDetailGraph, #dvBrandDetailGraph {
  max-width: 100%;
}
@media (max-width: 991px) {
  #dvCategoryDetailGraph, #dvBrandDetailGraph {
    height: auto !important;
  }
}

.div_NewPromo .carousel-item {
  text-align: center;
  /*padding-top: 30px;*/
  width: 100%;
}
.div_NewPromo .carousel-item .item-inner > h4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.div_NewPromo .carousel-item .item-inner > h4 .slide-date {
  margin-left: auto;
}
.div_NewPromo .carousel-item h4 {
  font-size: 0.95rem;
  text-align: left;
  float: left;
  width: 100%;
  position: relative;
}
.div_NewPromo .carousel-item h4 .viewdeatils {
  margin: 0 10px;
}
.div_NewPromo .carousel-item h4 .viewdeatils .promo_details {
  font-size: 13px;
  color: var(--p_main);
  border-radius: 20px;
  /*border: 1px solid #ddd;*/
  font-family: var(--fontRegular);
  font-weight: 400;
  padding: 4px 12px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
@media (max-width: 767px) {
  .div_NewPromo .carousel-item h4 .viewdeatils {
    float: right;
    margin-right: 0px;
  }
}
.div_NewPromo .carousel-item h4 .slide-date {
  border-left: 4px solid var(--p_main);
  line-height: 16px;
  position: relative;
  font-size: 13px;
  padding: 5px 7px;
  float: right;
  width: auto;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.div_NewPromo .carousel-item h4 .slide-date i {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .div_NewPromo .carousel-item h4 .slide-date {
    width: 100%;
  }
}
.div_NewPromo .carousel-item.rule_graph {
  position: relative;
  padding-top: 10px;
}
.div_NewPromo .carousel-item.rule_graph .item-inner {
  float: left;
  width: calc(40% - 30px);
}
.div_NewPromo .carousel-item.rule_graph .item-inner h4 {
  font-size: 1rem;
  text-align: left;
  float: left;
  width: 100%;
  position: relative;
}
.div_NewPromo .carousel-item.rule_graph .item-inner h4 .viewdeatils {
  margin: 0;
  float: right;
  margin-left: auto;
}
.div_NewPromo .carousel-item.rule_graph .item-inner h4 .viewdeatils .promo_details {
  font-size: 13px;
  color: var(--p_main);
  border-radius: 3px;
  /*border: 1px solid #ddd;*/
  font-family: var(--fontRegular);
  font-weight: 400;
  padding: 4px 12px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.div_NewPromo .carousel-item.rule_graph .item-inner h4 .slide-date {
  border-left: 4px solid var(--p_main);
  line-height: 16px;
  position: relative;
  font-size: 13px;
  padding: 5px 7px;
  float: left;
  width: 100%;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.div_NewPromo .carousel-item.rule_graph .item-inner h4 .slide-date i {
  margin-right: 5px;
}
.div_NewPromo .carousel-item.rule_graph .item-inner .trip-track {
  float: left;
  width: 100%;
  margin: 10px 0 0;
}
.div_NewPromo .carousel-item.rule_graph .item-inner .trip-track li {
  text-align: left;
  padding-left: 60px;
  margin: 7px 0;
}
.div_NewPromo .carousel-item.rule_graph .item-inner .trip-track li i {
  left: 0;
  position: absolute;
  font-size: 20px;
  margin: 0;
  width: 60px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.div_NewPromo .carousel-item.rule_graph .item-inner .trip-track li h4 {
  text-align: left;
  margin: 0;
}
.div_NewPromo .carousel-item.rule_graph .item-inner .trip-track li h3 {
  font-size: 1.4rem;
  margin-top: 2px;
}
@media (max-width: 767px) {
  .div_NewPromo .carousel-item.rule_graph .item-inner {
    width: 100%;
    margin-bottom: 20px;
  }
}
.div_NewPromo .carousel-item.rule_graph .rule_div {
  position: relative;
  width: 60%;
  right: 0px;
  top: 10px;
  padding: 10px;
  background: #fff;
  height: 310px;
  float: right;
}
@media (max-width: 767px) {
  .div_NewPromo .carousel-item.rule_graph .rule_div {
    width: 100%;
  }
}

.border_left {
  border-left: 1px solid #d5d5d5;
  padding-left: 8px;
}

.leftInnerBlock {
  float: left;
  width: 100%;
  text-align: left;
  min-height: 250px;
}
.leftInnerBlock .sectionLeft {
  float: left;
  width: 100%;
  position: relative;
}
.leftInnerBlock .sectionLeft h3 {
  margin: 10px 0;
  font-size: 20px;
  position: relative;
  padding-bottom: 5px;
}
.leftInnerBlock .sectionLeft h3 .slide-date {
  float: right;
  font-size: 12px;
  padding: 7px 12px;
  line-height: 16px;
  position: relative;
  border-left: 4px solid var(--p_main);
  font-family: var(--fontRegular);
  font-weight: 400;
}
@media (max-width: 767px) {
  .leftInnerBlock .sectionLeft h3 .slide-date {
    margin: 10px 0;
  }
}
.leftInnerBlock .sectionLeft h3::before {
  position: absolute;
  bottom: 0;
  width: 100px;
  height: 2px;
  content: "";
  background: var(--p_main);
}
.leftInnerBlock .unitsDetails {
  float: left;
  width: 100%;
  margin-top: 5px;
  gap: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
}
.leftInnerBlock .unitsDetails .ud_imgSec {
  width: 30px;
  position: relative;
  top: 9px;
  font-size: 1.85rem;
  opacity: 1;
  float: left;
  text-align: center;
}
.leftInnerBlock .unitsDetails .udContent {
  float: left;
  width: calc(100% - 30px);
}
.leftInnerBlock .unitsDetails .udContent .unit-leftblock {
  float: left;
  width: 60%;
  margin-left: 10px;
}
.leftInnerBlock .unitsDetails .udContent .unit-leftblock p {
  float: left;
  width: 100%;
  line-height: 1.2;
  font-size: 0.9rem;
  margin: 2px 0;
}
.leftInnerBlock .unitsDetails .udContent .unit-leftblock p strong {
  color: var(--link);
  margin: 0 5px;
  font-size: 1.1rem;
}
@media (max-width: 767px) {
  .leftInnerBlock .unitsDetails .udContent .unit-leftblock {
    width: 100%;
    margin-left: 10px;
  }
}
.leftInnerBlock .unitsDetails .udContent .unit-rightblock {
  float: right;
  position: relative;
  padding-left: 45px;
  line-height: 25px;
  font-size: 0.9rem;
}
.leftInnerBlock .unitsDetails .udContent .unit-rightblock i {
  position: absolute;
  left: 0;
  top: 13px;
  font-size: 2rem;
}
.leftInnerBlock .unitsDetails .udContent .unit-rightblock h6 {
  font-size: 0.9rem;
  margin-bottom: 0;
}
.leftInnerBlock .unitsDetails .udContent .unit-rightblock h6 a {
  color: var(--link);
}
.leftInnerBlock .unitsDetails .udContent .unit-rightblock strong {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: var(--link);
}
@media (max-width: 767px) {
  .leftInnerBlock .unitsDetails .udContent .unit-rightblock {
    width: 100%;
    margin-left: 10px;
  }
}
.leftInnerBlock .tireDetailCon {
  float: left;
  width: 100%;
  margin: 8px 0 15px 0;
  overflow: auto;
  /*.tireDetailCon {
      margin: 0px;
  }*/
}

.tableListing {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  min-width: 767px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.tableListing li {
  float: left;
  text-align: center;
  font-size: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.tableListing li .tableHead {
  float: left;
  width: 100%;
  background-color: var(--tableHeadBg);
  color: var(--tableHeadText);
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 13px;
  border-bottom: none;
  padding: 8px;
  line-height: 1.2;
  height: 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tableListing li .tableCo {
  padding: 12px 8px;
  line-height: 1.2;
  float: left;
  width: 100%;
  border-top: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.tableListing li.highlight .tableHead {
  background-color: var(--BtnBg);
  color: var(--BtnText);
}
.tableListing li.highlight .tableCo {
  background-color: var(--BtnBg);
  color: var(--BtnText);
}

.bdrDivider {
  border-top: 1px dashed #ccc;
  float: left;
  width: 100%;
  margin: 25px 0;
}

.btnFlexAlign {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 19px;
}
.btnFlexAlign button, .btnFlexAlign a {
  margin: 4px;
}

.formFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}

.textEllipses {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.PromotionsSignUpWrapper label.form-group {
  margin-bottom: 4px;
}
.PromotionsSignUpWrapper label.control-label {
  margin-bottom: 4px;
}
.PromotionsSignUpWrapper label.labelFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.PromotionsSignUpWrapper label.labelFlex .checkBoxWrapper .checkboxCon {
  margin-bottom: 0px;
}

.rowBlock [class*=col-] label small {
  font-size: 0.65rem;
}

.commonMainWrapper {
  float: left;
  width: 100%;
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
  padding: 25px;
}
.commonMainWrapper .FileUploadWrapper {
  float: left;
  width: 100%;
  border-top: 1px dashed var(--border);
  margin-top: 20px;
  padding-top: 20px;
}

.multiSelectWithIcon .alert_Info:empty {
  display: none;
}

.dealerPromoTab {
  float: left;
  width: 100%;
  padding: 1rem;
}

.dealerPromoData {
  float: left;
  width: 100%;
}

.promo_details {
  float: left;
}

.promotionBtnRow {
  float: right;
  margin: 5px 0 5px 10px;
}
.promotionBtnRow ~ .dealerPromoData {
  margin-top: 10px;
}

.tripTrackRow {
  float: left;
  width: 100%;
}

.blockRow {
  float: left;
  width: 100%;
}

.pt-btnGroup {
  float: left;
  margin-left: -5px;
  width: calc(100% + 10px);
}

.dashboardCarouselAlignment .blockRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin: 5px 0;
}
.dashboardCarouselAlignment .promotionBtn {
  float: right;
  width: 100%;
}
.dashboardCarouselAlignment .promotionBtn .promo_details, .dashboardCarouselAlignment .promotionBtn a {
  float: right;
}

.landingDashboardSlider .slider_pnl {
  float: left;
  width: 100%;
  display: grid;
  grid-template-areas: "trip-track trip-track reward" "trip-track trip-track reward";
}
.landingDashboardSlider .slider_pnl.s_3TileBLock {
  grid-template-areas: "trip-track trip-track reward";
}
.landingDashboardSlider .slider_pnl.s_3TileBLock .trip-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.landingDashboardSlider .slider_pnl .trip-track {
  width: calc(100% - 10px);
  margin: 5px;
}
.landingDashboardSlider .slider_pnl .trip-track:not(.reward) ul li {
  float: left;
  width: 100%;
  position: relative;
  padding: 12px 12px 12px 55px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.landingDashboardSlider .slider_pnl .trip-track:not(.reward) ul li i {
  position: absolute;
  font-size: 28px;
  left: 0;
  top: 0px;
  padding: 0;
  margin: 0;
  width: 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landingDashboardSlider .slider_pnl .trip-track:not(.reward) ul li h4 {
  margin: 4px 0;
  text-align: left;
}
.landingDashboardSlider .slider_pnl .trip-track:not(.reward) ul li h3 {
  margin: 2px 0;
  text-align: left;
  line-height: 1.2;
}
.landingDashboardSlider .slider_pnl .trip-track.reward {
  grid-area: reward;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.landingDashboardSlider .slider_pnl .trip-track.reward ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.landingDashboardSlider .slider_pnl .trip-track.reward ul li i {
  font-size: 28px;
  margin: 10px auto;
  height: auto;
}

.table thead th.colSticky {
  position: sticky !important;
  left: 0;
  z-index: 9;
}

.table tbody tr td.colSticky, .table tbody tr td.sorting_1 {
  position: sticky !important;
  left: 0;
  z-index: 9;
  background-color: #fff;
}

.enrollmentWrapper.modal-body .confirmationBlock .form-group label {
  width: 160px;
  font-family: var(--fontBold);
  font-weight: 700;
}
.enrollmentWrapper.secondaryEnroll .navPanelContainer .steps li.current span.number::before {
  background-position: 6px -42px !important;
}
.enrollmentWrapper .navPanelContainer {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  vertical-align: top;
}
.enrollmentWrapper .navPanelContainer h3 {
  font-size: 1.2rem;
  margin-bottom: 20px;
}
.enrollmentWrapper .navPanelContainer > .actions {
  display: none;
}
.enrollmentWrapper .navPanelContainer .steps {
  position: sticky;
  float: left;
  left: 0;
  width: 220px;
  background-color: #fff;
  border-radius: 5px;
  padding: 0px;
  top: 0;
  text-align: center;
}
.enrollmentWrapper .navPanelContainer .steps ul {
  border: none;
}
.enrollmentWrapper .navPanelContainer .steps li {
  float: left;
  width: 100%;
  cursor: default;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--tabText);
  position: relative;
  background-color: var(--tabBg);
  border: 1px solid var(--tabBdr);
  /* &:hover:not(.current) {
      background-color: #fff;
  }*/
}
.enrollmentWrapper .navPanelContainer .steps li.current {
  background-color: var(--tabActiveBg);
  border-color: var(--tabBdrActive);
  color: var(--tabTextActive);
}
.enrollmentWrapper .navPanelContainer .steps li.current a {
  color: var(--tabTextActive) !important;
}
.enrollmentWrapper .navPanelContainer .steps li.current a span.number {
  border: none;
}
.enrollmentWrapper .navPanelContainer .steps li.current a span.number::before {
  background-color: transparent;
}
.enrollmentWrapper .navPanelContainer .steps li.current::before {
  content: "";
  position: absolute;
  border-left: 14px solid var(--tabActiveBg);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -14px;
  top: calc(50% - 5px);
}
.enrollmentWrapper .navPanelContainer .steps li.current::after {
  display: none;
}
.enrollmentWrapper .navPanelContainer .steps li.current:first-child span.number::before {
  background-position: 10px -45px;
}
.enrollmentWrapper .navPanelContainer .steps li.current:nth-child(2) span.number::before {
  background-position: -55px -45px;
}
.enrollmentWrapper .navPanelContainer .steps li.current:nth-child(3) span.number::before {
  background-position: -110px -45px;
}
.enrollmentWrapper .navPanelContainer .steps li.current:nth-child(4) span.number::before {
  background-position: -220px -45px;
}
.enrollmentWrapper .navPanelContainer .steps li.current:last-child span.number::before {
  background-position: -162px -45px;
}
.enrollmentWrapper .navPanelContainer .steps li.done {
  color: var(--tabText);
}
.enrollmentWrapper .navPanelContainer .steps li.done a {
  color: var(--tabText) !important;
}
.enrollmentWrapper .navPanelContainer .steps li.done a span.number {
  border: none;
}
.enrollmentWrapper .navPanelContainer .steps li.done a span.number::before {
  background-color: transparent;
}
.enrollmentWrapper .navPanelContainer .steps li.done .number::before {
  content: "" !important;
}
.enrollmentWrapper .navPanelContainer .steps li a {
  display: table !important;
  margin: 0 auto;
  border: none !important;
  background-color: transparent !important;
}
.enrollmentWrapper .navPanelContainer .steps li a span.number {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 0;
  background: none !important;
  height: auto;
  margin-bottom: 5px;
  border: none;
}
.enrollmentWrapper .navPanelContainer .steps li a span.number::before {
  display: inline-block;
  width: 50px !important;
  content: "" !important;
  height: 50px !important;
  background-repeat: no-repeat;
  background-size: 262px;
  background-image: url("../../Images/sprite.png");
  transition: cubic-bezier(0.54, 0.66, 0.64, 1.14) 0.25s;
}
.enrollmentWrapper .navPanelContainer .steps li:first-child {
  border-radius: 5px 5px 0 0;
}
.enrollmentWrapper .navPanelContainer .steps li:first-child span.number::before {
  background-position: 10px 5px;
}
@media (max-width: 767px) {
  .enrollmentWrapper .navPanelContainer .steps li:first-child {
    border-radius: 0px;
  }
}
.enrollmentWrapper .navPanelContainer .steps li:nth-child(2) span.number::before {
  background-position: -55px 5px;
}
.enrollmentWrapper .navPanelContainer .steps li:nth-child(3) span.number::before {
  background-position: -110px 5px;
}
.enrollmentWrapper .navPanelContainer .steps li:nth-child(4) span.number::before {
  background-position: -220px 5px;
}
.enrollmentWrapper .navPanelContainer .steps li:last-child {
  border-radius: 0px 0px 5px 5px;
}
.enrollmentWrapper .navPanelContainer .steps li:last-child span.number::before {
  background-position: -162px 5px;
}
@media (max-width: 767px) {
  .enrollmentWrapper .navPanelContainer .steps li:last-child {
    border-radius: 0px;
  }
}
.enrollmentWrapper .navPanelContainer .steps li.first.last {
  border-radius: 5px;
}
@media screen and (max-width: 992px) {
  .enrollmentWrapper .navPanelContainer .steps {
    position: relative;
    width: 100%;
  }
  .enrollmentWrapper .navPanelContainer .steps ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .enrollmentWrapper .navPanelContainer .steps ul li {
    width: 20%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 0 auto;
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
  }
  .enrollmentWrapper .navPanelContainer .steps ul li.current::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 14px solid var(--p_main);
    bottom: -24px;
    top: auto;
    right: calc(50% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .enrollmentWrapper .navPanelContainer .steps {
    position: relative;
    width: 100%;
  }
  .enrollmentWrapper .navPanelContainer .steps ul li a {
    transform: scale(0.8);
    position: relative;
    left: -5px;
  }
}
.enrollmentWrapper .navPanelContainer .content {
  float: right;
  width: calc(100% - 250px);
  background-color: var(--whiteBlockBg);
  border: 1px solid var(--border);
  border-radius: 2px;
}
.enrollmentWrapper .navPanelContainer .content.contentFull {
  width: 100%;
  box-shadow: none;
  border: none;
}
.enrollmentWrapper .navPanelContainer .content.contentFull .navPanelContainer {
  margin: 0px;
}
.enrollmentWrapper .navPanelContainer .content .preApprovalWrapper {
  padding: 35px 35px 0;
}
@media (max-width: 767px) {
  .enrollmentWrapper .navPanelContainer .content .preApprovalWrapper {
    padding: 20px 20px 0;
  }
}
.enrollmentWrapper .navPanelContainer .content .dealerInfo, .enrollmentWrapper .navPanelContainer .content .salesObject-con, .enrollmentWrapper .navPanelContainer .content .dealerAddress1, .enrollmentWrapper .navPanelContainer .content .dealerProAgree {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.enrollmentWrapper .navPanelContainer .content .navTitle {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 22px;
  margin-bottom: 15px;
}
.enrollmentWrapper .navPanelContainer .content .SearchBar_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}
.enrollmentWrapper .navPanelContainer .content .SearchBar_row::after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #ccc;
  width: calc(100% - 20px);
}
.enrollmentWrapper .navPanelContainer .content .dealarInfoCont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.enrollmentWrapper .navPanelContainer .content .dealarInfoCont > br {
  display: none;
}
.enrollmentWrapper .navPanelContainer .content .dealarInfoCont .SearchBar_row .formColl .form-group label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enrollmentWrapper .navPanelContainer .content .formColl {
  float: left;
  width: calc(100% - 20px);
  margin: 10px 10px 0;
}
.enrollmentWrapper .navPanelContainer .content .formColl.collZip {
  width: 100px;
}
.enrollmentWrapper .navPanelContainer .content .formColl.collAddress {
  width: calc(100% - 140px);
}
.enrollmentWrapper .navPanelContainer .content .formCollOwnerType {
  float: left;
  width: calc(100% - 20px);
  margin: 10px;
}
.enrollmentWrapper .navPanelContainer .content .fColl33 {
  width: calc(33.33% - 20px);
}
.enrollmentWrapper .navPanelContainer .content .fColl36 {
  width: calc(66.67% - 20px);
}
.enrollmentWrapper .navPanelContainer .content .qtrRow {
  float: left;
  padding: 0 10px;
  width: 400px;
}
.enrollmentWrapper .navPanelContainer .content .premiumLines {
  float: right;
  width: calc(100% - 440px);
  padding: 0 10px;
  margin-left: auto;
}
.enrollmentWrapper .navPanelContainer .content .qtrFld ~ .help-block {
  margin-bottom: 0;
}
.enrollmentWrapper .navPanelContainer .content .enrollment-coll {
  float: left;
  width: 100%;
}
.enrollmentWrapper .navPanelContainer .content .enrollment-coll label {
  margin: 0 0 10px 0;
  width: 100%;
}
.enrollmentWrapper .navPanelContainer .content .enrollment-coll .form-control, .enrollmentWrapper .navPanelContainer .content .enrollment-coll .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .enrollmentWrapper .navPanelContainer .content .enrollment-coll input {
  border-radius: 0;
  box-shadow: none;
  padding-left: 12px;
  height: 34px;
}
.enrollmentWrapper .navPanelContainer .content .enrollmentDate {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.enrollmentWrapper .navPanelContainer .content .enrollmentDate label {
  margin: 0;
  padding-right: 12px;
}
.enrollmentWrapper .navPanelContainer .content .enrollmentDate .enrollmentField.form-group {
  margin: 0;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.enrollmentWrapper .navPanelContainer .content .formBtnCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
.enrollmentWrapper .navPanelContainer .content .addressLeft {
  float: left;
  width: 50%;
  padding-right: 35px;
}
.enrollmentWrapper .navPanelContainer .content .addressRight {
  float: right;
  width: 50%;
  padding-left: 35px;
  border-left: 1px dashed #ccc;
}
@media (max-width: 768px) {
  .enrollmentWrapper .navPanelContainer .content .addressLeft, .enrollmentWrapper .navPanelContainer .content .addressRight {
    width: 100%;
    padding: 10px 0;
    border: none;
  }
}
.enrollmentWrapper .navPanelContainer .content .fooBtnBlock {
  width: 100%;
  padding: 15px 35px;
  position: relative;
  border-radius: 0 0 5px 5px;
  margin: 10px 0 0;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con {
  position: relative;
  margin-left: 10px;
  font-size: 14px;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con input[type=checkbox] {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  opacity: 0;
  z-index: 99;
  cursor: pointer;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con label {
  margin: 0;
  padding-left: 28px;
  position: relative;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 2px solid #e4e3e3;
  border-radius: 3px;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con input[type=checkbox]:checked + label {
  color: var(--p_main);
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con input[type=checkbox]:checked + label::before {
  border-color: var(--p_main);
  background-color: #fff;
}
.enrollmentWrapper .navPanelContainer .content .checkbox-con input[type=checkbox]:checked + label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 4px;
  top: 2px;
  font-size: 10px;
  color: var(--p_main);
}
@media (max-width: 991px) {
  .enrollmentWrapper .navPanelContainer .content .checkbox-con {
    margin-left: 0px;
  }
}
.enrollmentWrapper .navPanelContainer .content .radioListing {
  margin: 10px 0 40px;
}
.enrollmentWrapper .navPanelContainer .content .radioListing .form-group {
  float: left;
  margin-left: 20px;
  min-width: 230px;
}
.enrollmentWrapper .navPanelContainer .content .radioListing .form-group .form-control[disabled], .enrollmentWrapper .navPanelContainer .content .radioListing .form-group .top-var-cot .chilliFlex .var-name-tab input[disabled], .top-var-cot .chilliFlex .var-name-tab .enrollmentWrapper .navPanelContainer .content .radioListing .form-group input[disabled] {
  display: none;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock {
  background: var(--grey100);
  border-radius: 5px;
  padding: 1.2rem;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 25px;
  border: 1px solid var(--border);
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock h3 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed var(--border);
  float: left;
  width: 100%;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock h3.innerHead {
  border: none;
  font-size: 1rem;
  color: #666;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock h3 a {
  padding: 5px 20px;
  background: #fff;
  position: relative;
  top: -2px;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock h3 a:hover {
  background: var(--p_main);
}
@media (max-width: 767px) {
  .enrollmentWrapper .navPanelContainer .content .confirmationBlock h3 a {
    margin: 10px 0;
  }
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  width: 50%;
  float: left;
  padding-right: 15px;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group.fullFormGroup {
  width: 100%;
  padding-right: 0px;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group.fullFormGroup .fieldGroup .customScroll {
  padding: 0 !important;
  max-height: 120px !important;
}
@media (max-width: 768px) {
  .enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group.fullFormGroup .fieldGroup {
    width: 100%;
    margin: 0 0 5px 0;
  }
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group label {
  width: 250px;
}
@media (max-width: 768px) {
  .enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group label {
    width: auto;
    margin: 0 5px 0 0;
  }
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group .fieldGroup {
  flex: 1;
  font-size: 0.95rem;
}
.enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group .fieldGroup textarea {
  min-height: 80px;
}
@media (max-width: 768px) {
  .enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group .fieldGroup {
    width: 100%;
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
  }
}
@media (max-width: 991px) {
  .enrollmentWrapper .navPanelContainer .content .confirmationBlock .form-group {
    width: 100%;
    font-size: 0.9rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 1140px) {
  .enrollmentWrapper .navPanelContainer .content .fColl33 {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 992px) {
  .enrollmentWrapper .navPanelContainer .content {
    position: relative;
    width: 100%;
    margin-top: 20px;
  }
  .enrollmentWrapper .navPanelContainer .content .fColl33 {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 560px) {
  .enrollmentWrapper .navPanelContainer .content .fColl33 {
    width: calc(100% - 20px);
  }
}
.enrollmentWrapper .navPanelContainer .successContainer {
  margin-top: 50px;
}
.enrollmentWrapper .navPanelContainer .successContainer li {
  padding-left: 0 !important;
}
.enrollmentWrapper .navPanelContainer .successContainer li::after {
  display: none;
}

.labelInfo {
  font-size: 0.9rem;
}

.clsFileData {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
  padding: 5px 10px;
  background: rgba(70, 92, 168, 0.1882352941);
  margin: 10px 0 0;
  border-radius: 6px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-right: 77px;
}
.clsFileData span {
  position: absolute;
  right: 10px;
  font-size: 0.8rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  color: var(--p_main);
  top: 8px;
}

.flexTitle {
  gap: 25px;
  display: flex;
  margin-bottom: 20px;
}
.flexTitle .checkboxListing {
  width: auto;
  position: relative;
  margin: -15px;
  top: 2px;
}

/*============= Manage Dealer ==================*/
.formBlock .form-group label {
  font-size: 0.9rem;
}

.uploadDoc {
  float: left;
  width: 100%;
  max-width: 480px;
}
.uploadDoc .uploadBlock {
  float: left;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--grey150);
}
.uploadDoc .uploadBlock .dropzone {
  min-height: 110px;
  width: 100%;
  background-color: transparent;
  margin: 0px;
  height: 160px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  background-color: #ffffff !important;
}
.uploadDoc .uploadBlock .dropzone .dz-message, .uploadDoc .uploadBlock .dropzone .dz-default.dz-message {
  margin: 0px;
  background-color: transparent;
  color: #393938;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0px;
  width: 100%;
}

.tableResponsive {
  float: left;
  width: 100%;
  overflow: auto;
}

.fieldWithUpload {
  float: left;
  width: calc(100% - 480px);
  padding-left: 30px;
}
.fieldWithUpload .input-group-addon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 6px;
}
.fieldWithUpload .fa-eye-slash {
  cursor: pointer;
}

.tabBlock .form-top-title {
  font-size: 1rem;
  float: left;
  width: 100%;
}

.fieldBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fieldBlock select + .error-span, .fieldBlock select + .error {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.fieldBlock select + .error-span + .select2-container, .fieldBlock select + .error + .select2-container {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.fieldBlock.fieldWithIcon {
  position: relative;
}
.fieldBlock.fieldWithIcon .form-control, .fieldBlock.fieldWithIcon .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .fieldBlock.fieldWithIcon input {
  padding-right: 25px;
}
.fieldBlock.fieldWithIcon .fa {
  position: absolute;
  right: 10px;
  top: calc(50% - 5px);
  cursor: pointer;
  font-size: 0.9rem;
}

.dvFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.actionTd {
  white-space: nowrap;
}
.actionTd > * {
  padding: 0 2px;
}
.actionTd .clsPointer, .actionTd span.fal {
  cursor: pointer;
  margin: 0 1px;
}

.contentListBlock {
  display: inline-block;
  width: 100%;
  padding: 20px;
  background: #f7f7f7;
  margin: 20px 0;
  border: 1px dashed #ddd;
  border-radius: 4px;
}
.contentListBlock .contentTitle {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--p_main);
  font-size: 1.1rem;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.contentListBlock .contentListForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contentListBlock .contentListForm .form-group {
  width: 50%;
  padding: 5px 0;
  margin: 0 0 5px;
}
.contentListBlock .contentListForm .form-group span {
  margin-left: 5px;
  display: inline-block;
}

.pageInfoWrap {
  float: left;
  width: 100%;
  max-width: 700px;
  padding: 20px 35px 35px;
  background: #fff;
  position: relative;
  border: 1px solid #E9ECF3;
  box-shadow: 0 5px 15px rgba(204, 204, 204, 0.4);
  margin: 50px 0;
  text-align: center;
}
.pageInfoWrap .centerIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 10px auto 15px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  box-shadow: 0 0 0 4px rgba(var(--p_main), 0.15);
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  background: rgba(var(--p_main), 0.25);
}
.pageInfoWrap .centerIcon.success {
  box-shadow: 0 0 0 4px rgba(var(--sucessBg), 0.1);
  background: var(--sucessBg);
}
.pageInfoWrap .centerIcon.success i {
  color: var(--successText);
}
.pageInfoWrap .centerIcon.info {
  box-shadow: 0 0 0 4px rgba(var(--warningBg), 0.1);
  background: rgba(var(--warningBg), 0.2);
}
.pageInfoWrap .centerIcon.info i {
  color: var(--warningBg);
}
.pageInfoWrap h4 {
  font-size: 1.3rem;
  margin: 10px 0 10px;
}
.pageInfoWrap p {
  margin: 0;
}
.pageInfoWrap.withBtn {
  padding: 20px 0 0;
}
.pageInfoWrap.withBtn h4, .pageInfoWrap.withBtn p {
  padding: 0 35px;
}
.pageInfoWrap.withBtn .fooBtnBlock {
  background: rgba(var(--p_main), 0.05);
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0;
}

.borderTop {
  padding-top: 20px;
  border-top: 1px dashed var(--border);
}

.inputWicon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.inputWicon .select2 {
  flex: 1;
}
.inputWicon .input-info {
  position: relative;
}

.sweet-container .sweet-alert {
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
}
.sweet-container .sweet-alert button {
  padding: 10px 20px;
  border-radius: 4px !important;
  vertical-align: middle;
  font-size: 0.9rem;
}

.DistEnrollment .rowBlock [class*=col-] > label .required {
  float: right;
  margin-left: 2px;
}
.DistEnrollment .contactBlockRow {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clsHide {
  display: none;
}

.clsShow {
  display: block;
}

.clsRuleQuantity {
  display: none !important;
}

.PromotionsSignUpWrapper .help-block {
  float: left;
  width: 100%;
  font-size: 13px;
  margin-top: 1px;
  text-align: left;
  color: #eb004c !important;
}

.sig.sigWrapper canvas {
  max-width: 100%;
}

button.swal2-close {
  border: none;
  opacity: 1;
  color: #444 !important;
  outline: none !important;
  box-shadow: none !important;
}

.regcontainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.regcontainer .reg-logo {
  width: 290px;
  text-align: left;
  height: 100vh;
  padding: 20px;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--grey100);
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.regcontainer .reg-logo img {
  max-width: 170px;
}
.regcontainer .reg-logo::after {
  content: "";
  background-image: var(--registration-bg);
  position: absolute;
  right: -70px;
  bottom: -120px;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  background-size: 100%;
}
.regcontainer .reg-logo .logo-rg {
  width: 100%;
  max-width: 250px;
}
.regcontainer .reg-logo .regSteps {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 9;
  width: 100%;
}
.regcontainer .reg-logo .regSteps ul {
  margin: 10px 0;
  padding: 0 10px;
}
.regcontainer .reg-logo .regSteps ul li {
  margin: 60px 0;
  color: #424242;
  position: relative;
  padding-left: 50px;
  opacity: 0.8;
}
.regcontainer .reg-logo .regSteps ul li i {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: var(--p_main);
  border: 1px solid #fff;
  background: #fff;
}
.regcontainer .reg-logo .regSteps ul li p {
  color: #818181;
  margin: 0;
}
.regcontainer .reg-logo .regSteps ul li h4 {
  font-size: 16px;
  margin-top: 6px;
}
@media (max-width: 1100px) {
  .regcontainer .reg-logo .regSteps ul li h4 {
    font-size: 18px;
  }
}
.regcontainer .reg-logo .regSteps ul li::before {
  content: "";
  height: 45px;
  width: 2px;
  background: #b1b1b1;
  position: absolute;
  left: 25px;
  top: 55px;
  opacity: 0.5;
}
.regcontainer .reg-logo .regSteps ul li:last-child::before {
  display: none;
}
.regcontainer .reg-logo .regSteps ul li.active, .regcontainer .reg-logo .regSteps ul li .completed {
  opacity: 1;
}
.regcontainer .reg-logo .regSteps ul li.active i, .regcontainer .reg-logo .regSteps ul li .completed i {
  border: 1px solid var(--p_main);
  background: var(--p_main);
  color: var(--text_white);
}
@media (max-width: 1240px) {
  .regcontainer .reg-logo {
    width: 280px;
  }
  .regcontainer .reg-logo .logoImg {
    max-width: 220px;
  }
  .regcontainer .reg-logo .regSteps ul {
    padding: 0px;
  }
  .regcontainer .reg-logo .regSteps ul li h4 {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .regcontainer .reg-logo {
    width: 100%;
    height: auto;
  }
  .regcontainer .reg-logo .logo-rg, .regcontainer .reg-logo .logoImg {
    display: none;
  }
  .regcontainer .reg-logo .regSteps {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .regcontainer .reg-logo .regSteps ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .regcontainer .reg-logo .regSteps ul li {
    margin: 0px;
    padding: 0 30px;
    width: 50%;
    opacity: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .regcontainer .reg-logo .regSteps ul li i {
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 17px;
  }
  .regcontainer .reg-logo .regSteps ul li h4 {
    font-size: 15px;
    width: 100%;
    text-align: center;
  }
  .regcontainer .reg-logo .regSteps ul li::before {
    height: 2px;
    width: 100%;
    background: #b1b1b1;
    position: absolute;
    left: 50%;
    top: 20px;
  }
  .regcontainer .reg-logo::after {
    display: none;
  }
}
.regcontainer .regFormCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 25px;
  text-align: left;
  background-color: #fff;
  height: 100vh;
  overflow-y: auto;
  box-shadow: -6px 0px 10px 0 rgba(0, 0, 0, 0.062745098);
  position: relative;
}
.regcontainer .regFormCon form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.regcontainer .regFormCon form .regForm {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  float: left;
  padding: 0 10px;
}
.regcontainer .regFormCon form .regForm .regFormInner {
  float: left;
  width: 100%;
}
.regcontainer .regFormCon form .regForm .regFormInner .regTitle {
  float: left;
  width: 100%;
  font-size: 1.6rem;
}
.regcontainer .regFormCon form .regForm .regFormInner .subHeading {
  font-size: 0.95rem;
  color: #9F9F9F;
  font-family: var(--fontBold);
  font-weight: 700;
}
.regcontainer .regFormCon form .regForm .regFormInner .formBtnRow {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.regcontainer .regFormCon form .regForm .regFormInner .formBtnRow * {
  margin: 3px;
}
.regcontainer .regFormCon form .regForm .regFormInner .subTitle .checkBoxInner, .regcontainer .regFormCon form .regForm .regFormInner .subscriptionRow .subTitle2 .checkBoxInner, .subscriptionRow .regcontainer .regFormCon form .regForm .regFormInner .subTitle2 .checkBoxInner {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: 1px;
}
.regcontainer .regFormCon form .regForm .regFormInner .subTitle .checkBoxInner label, .regcontainer .regFormCon form .regForm .regFormInner .subscriptionRow .subTitle2 .checkBoxInner label, .subscriptionRow .regcontainer .regFormCon form .regForm .regFormInner .subTitle2 .checkBoxInner label {
  font-weight: normal;
}
.regcontainer .regFormCon form .regForm .regFormInner .subTitle .checkBoxInner label::before, .regcontainer .regFormCon form .regForm .regFormInner .subscriptionRow .subTitle2 .checkBoxInner label::before, .subscriptionRow .regcontainer .regFormCon form .regForm .regFormInner .subTitle2 .checkBoxInner label::before {
  top: -1px;
}
.regcontainer .regFormCon form .regForm.step1 {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.regcontainer .regFormCon form .regForm .form-control.clsnoautofill, .regcontainer .regFormCon form .regForm .top-var-cot .chilliFlex .var-name-tab input.clsnoautofill, .top-var-cot .chilliFlex .var-name-tab .regcontainer .regFormCon form .regForm input.clsnoautofill {
  background-color: #fff;
}
@media (max-width: 1240px) {
  .regcontainer .regFormCon form .regForm {
    padding: 0 0;
  }
}
.regcontainer .regFormCon form .regForm .formTitle {
  margin-bottom: 10px;
}
.regcontainer .regFormCon.fullCon {
  height: auto;
  width: 100%;
}
.regcontainer .regFormCon.fullCon form .regForm {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .regcontainer .regFormCon.fullCon form .regForm {
    padding: 0px;
  }
}
@media (max-width: 1100px) {
  .regcontainer .regFormCon {
    width: calc(100% - 280px);
  }
}
@media (max-width: 991px) {
  .regcontainer .regFormCon {
    height: auto;
    overflow: visible;
    width: 100%;
  }
}

.form-control.clsnoautofill, .top-var-cot .chilliFlex .var-name-tab input.clsnoautofill {
  background-color: #fff;
}

.form-group > label {
  font-size: 0.95rem;
  font-family: var(--fontMedium);
  font-weight: 500;
  margin-bottom: 3px;
  color: var(--TextMain) !important;
}

.searchRowInline {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.searchRowInline .col-md-2 {
  max-width: calc(16.666667% - 7px);
}
.searchRowInline .col-md-3 {
  max-width: calc(25% - 7px);
}
.searchRowInline .col-md-6, .searchRowInline col-sm-6 {
  max-width: calc(50% - 7px);
}
.searchRowInline.nomargin .col-md-2 {
  max-width: 16.666667%;
}
.searchRowInline.nomargin .col-md-3 {
  max-width: 25%;
}
.searchRowInline .searchBtn {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 17px;
  padding-left: 6px;
  padding-right: 6px;
  min-width: 120px;
}
.searchRowInline .searchBtn .btnFill, .searchRowInline .searchBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .searchRowInline .searchBtn a, .searchRowInline .searchBtn .btnBordered, .searchRowInline .searchBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .searchRowInline .searchBtn a, .searchRowInline .searchBtn .primaryBtn, .searchRowInline .searchBtn .btnGrey, .searchRowInline .searchBtn .greyBtnBordered, .searchRowInline .searchBtn .yellowBtn, .searchRowInline .searchBtn .primaryBtnBordered, .searchRowInline .searchBtn .yellowBtnBorder, .searchRowInline .searchBtn .btnBorderedsecondary, .searchRowInline .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .searchRowInline .searchBtn .btn.btn-primary, .searchRowInline .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .searchRowInline .searchBtn .btn.btn-default, .searchRowInline .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchRowInline .searchBtn .enrollNow, .searchRowInline .searchBtn .btnExportFill, .searchRowInline .searchBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .searchRowInline .searchBtn .btn.btn-primary, .searchRowInline .searchBtn .promo_details {
  width: 100%;
}
.searchRowInline .searchBtn.multiBtn {
  width: auto;
}
.searchRowInline .searchBtn.multiBtn button {
  width: auto;
  margin-right: 10px;
}
@media (max-width: 1024px) {
  .searchRowInline {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .searchRowInline .col-md-2, .searchRowInline .col-md-3 {
    max-width: 33.33%;
    min-width: 33.33%;
  }
}
@media (max-width: 767px) {
  .searchRowInline {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .searchRowInline .col-md-2, .searchRowInline .col-md-3 {
    max-width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 520px) {
  .searchRowInline {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .searchRowInline .col-md-2, .searchRowInline .col-md-3 {
    max-width: 100%;
    min-width: 100%;
  }
}

.topblock {
  float: left;
  width: 100%;
}

.tableResponsive {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1290px) {
  .tableResponsive {
    overflow-x: auto;
  }
}

.alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group .form-control, .input-group .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .input-group input {
  border-radius: 4px !important;
  box-shadow: none;
}
.input-group .form-control + .input-group-append .input-group-text, .input-group .top-var-cot .chilliFlex .var-name-tab input + .input-group-append .input-group-text, .top-var-cot .chilliFlex .var-name-tab .input-group input + .input-group-append .input-group-text {
  border-radius: 4px !important;
}
.input-group .input-group-append + .form-control, .input-group .top-var-cot .chilliFlex .var-name-tab .input-group-append + input, .top-var-cot .chilliFlex .var-name-tab .input-group .input-group-append + input {
  border-radius: 4px !important;
  border-left: none !important;
  box-shadow: none;
}

.input-group-append, .input-group-prepend {
  display: -ms-flexbox !important;
  display: flex !important;
}

.input-group-append {
  margin-left: -1px;
}

.regTopBlock {
  float: left;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border);
}
.regTopBlock .btnFill, .regTopBlock .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .regTopBlock a, .regTopBlock .btnBordered, .regTopBlock .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .regTopBlock a, .regTopBlock .primaryBtn, .regTopBlock .btnGrey, .regTopBlock .greyBtnBordered, .regTopBlock .yellowBtn, .regTopBlock .primaryBtnBordered, .regTopBlock .yellowBtnBorder, .regTopBlock .btnBorderedsecondary, .regTopBlock .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .regTopBlock .btn.btn-primary, .regTopBlock .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .regTopBlock .btn.btn-default, .regTopBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .regTopBlock .enrollNow, .regTopBlock .btnExportFill, .regTopBlock .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .regTopBlock .btn.btn-primary, .regTopBlock .promo_details {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  margin-left: auto;
  padding: 6px 12px;
  float: left;
}
.regTopBlock .regTopInner {
  float: left;
  order: 1;
  width: 100%;
  padding-right: 20px;
}
.regTopBlock .previousTab {
  position: absolute;
  left: -30px;
  top: 1px;
  font-size: 1.3rem;
  z-index: 99;
  cursor: pointer;
}
.regTopBlock .previousTab i {
  color: var(--TextMain);
}
.regTopBlock h6 {
  color: #9F9F9F;
  font-family: var(--fontMedium);
  font-weight: 500;
}
.regTopBlock .locationTxt {
  font-size: 1.3rem;
  float: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.formInner {
  float: left;
  width: 100%;
}

.dvmainuserform {
  float: left;
  width: 100%;
}

.checkBoxNotes p {
  float: left;
  width: calc(100% - 35px);
  font-size: 0.85rem;
  color: #686868;
}
.checkBoxNotes p a {
  font-family: var(--fontRegular);
  font-weight: 400;
}

.regBtn {
  float: left;
  width: 100%;
  text-align: right;
}
.regBtn .btnFill, .regBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .regBtn a, .regBtn .btnBordered, .regBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .regBtn a, .regBtn .primaryBtn, .regBtn .btnGrey, .regBtn .greyBtnBordered, .regBtn .yellowBtn, .regBtn .primaryBtnBordered, .regBtn .yellowBtnBorder, .regBtn .btnBorderedsecondary, .regBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .regBtn .btn.btn-primary, .regBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .regBtn .btn.btn-default, .regBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .regBtn .enrollNow, .regBtn .btnExportFill, .regBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .regBtn .btn.btn-primary, .regBtn .promo_details {
  float: right;
}

.customPagging .dataTables_length {
  float: left;
  margin-bottom: -40px;
}
.customPagging ~ .tablePaggingCon {
  margin-top: -30px;
}
@media (max-width: 991px) {
  .customPagging .dataTables_length {
    margin-bottom: 0;
  }
  .customPagging ~ .tablePaggingCon {
    margin-top: 0;
  }
}

#_AllPendingUserCA tr td[data-title="Store Owner Status"], #_AllPendingUserCA tr td[data-title="Store Owner Approval"], #_AllPendingUserCA tr td[data-title=Training], #_AllPendingUserCA tr td[data-title=Taxation], #_AllPendingUserCA tr td[data-title="Approve(Y/N)"], #_AllPendingUserCA tr td[data-title=Action] {
  font-size: 0px;
}
#_AllPendingUserCA tr td[data-title="Store Owner Status"] *, #_AllPendingUserCA tr td[data-title="Store Owner Approval"] *, #_AllPendingUserCA tr td[data-title=Training] *, #_AllPendingUserCA tr td[data-title=Taxation] *, #_AllPendingUserCA tr td[data-title="Approve(Y/N)"] *, #_AllPendingUserCA tr td[data-title=Action] * {
  font-size: 0.9rem;
}

.tablePaggingCon {
  float: right;
}
.tablePaggingCon .dataTables_paginate {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tablePaggingCon .dataTables_paginate a {
  float: left;
  margin: 3px !important;
  border: 1px solid #F2F2F2 !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--p_main);
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: #F2F2F2 !important;
}
.tablePaggingCon .dataTables_paginate a.current {
  background: var(--p_main) !important;
  color: var(--text_white) !important;
  border-color: var(--p_main) !important;
}
.tablePaggingCon .dataTables_paginate a.current:hover {
  background: var(--p_main);
  color: var(--text_white) !important;
  border-color: var(--p_main) !important;
}
.tablePaggingCon .dataTables_paginate a:hover {
  background: #f7f7f7;
  color: var(--TextMain) !important;
}
.tablePaggingCon .dataTables_paginate a:first-child {
  font-size: 0;
  position: relative;
}
.tablePaggingCon .dataTables_paginate a:first-child::before {
  content: "\f177";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}
.tablePaggingCon .dataTables_paginate a:last-child {
  font-size: 0;
  position: relative;
}
.tablePaggingCon .dataTables_paginate a:last-child::before {
  content: "\f178";
  font-size: 1rem;
  font-family: "Font Awesome 5 Pro";
}

.mTitle {
  float: left;
  width: 100%;
  font-family: var(--fontBold);
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 1.3rem;
}

#modelviewUserDetail .form-group > label {
  float: left;
  width: 100%;
}
#modelviewUserDetail .form-group > span {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}

.storeOwnerRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.storeOwnerRow .form-group {
  float: left;
  margin: 5px 0;
}
.storeOwnerRow .storeStatus {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.storeOwnerRow .storeStatus label {
  padding-right: 10px;
}
.storeOwnerRow .storeStatus .dropdown button {
  outline: none;
  box-shadow: none;
}

@media (max-width: 1200px) {
  .dMain .dLeft {
    width: calc(100% - 350px - 30px);
  }
}
@media (max-width: 1080px) {
  .dMain .dLeft {
    width: calc(100% - 320px - 30px);
  }
  .dMain .dLeft .blockList li {
    width: calc(50% - 16px);
  }
}
@media (max-width: 991px) {
  .dMain .dLeft {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 520px) {
  .dMain .dLeft .blockList li {
    width: calc(100% - 16px);
  }
}
@media (max-width: 1200px) {
  .dMain .dRight {
    width: 350px;
  }
}
@media (max-width: 1080px) {
  .dMain .dRight {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .dMain .dRight {
    width: 100%;
  }
}
.dMain .dRight + .dLeft {
  margin-left: auto;
}
.dMain.spiffMain .dRight {
  width: 50%;
}
.dMain.spiffMain .dLeft {
  width: calc(50% - 30px);
}
.dMain.spiffMain .dLeft .blockList li {
  width: calc(50% - 20px);
}
@media (max-width: 991px) {
  .dMain.spiffMain .dLeft .blockList li {
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  .dMain.spiffMain .dRight {
    width: 100%;
  }
  .dMain.spiffMain .dLeft {
    width: 100%;
  }
  .dMain.spiffMain .dLeft .blockList li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) and (max-width: 500px) {
  .dMain.spiffMain .dLeft .blockList li {
    width: calc(100% - 20px);
  }
}
.dMain.spiffMain .dLeft.FullBlock {
  width: 100%;
}
.dMain.spiffMain .dLeft.FullBlock .blockList li {
  width: calc(33.33% - 20px);
}
@media (max-width: 991px) {
  .dMain.spiffMain .dLeft.FullBlock .blockList li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .dMain.spiffMain .dLeft.FullBlock .blockList li {
    width: calc(100% - 20px);
  }
}

.dashboardMainCon {
  float: left;
  width: 100%;
  min-height: 330px;
}

.spiffHead {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 0;
  width: 160px;
}
.spiffHead .blockCol {
  float: left;
  padding: 7px 10px;
  width: 100%;
  position: relative;
  border-radius: 4px;
  margin: 4px 0;
  background-color: var(--grey100);
}
.spiffHead .blockCol label {
  margin-bottom: 2px;
  font-size: 0.85rem;
  font-family: var(--fontRegular);
  font-weight: 400;
  float: left;
  width: 100%;
}
.spiffHead .blockCol h3 {
  font-size: 1.5rem;
  margin: 0;
  float: left;
  width: 100%;
  line-height: 1;
  color: var(--p_main);
}
.spiffHead .blockCol + .blockCol:nth-child(2n) {
  background-color: var(--grey150);
}
@media (max-width: 991px) {
  .spiffHead {
    width: 100%;
  }
  .spiffHead .blockCol {
    width: calc(33.33% - 8px);
    margin: 4px;
  }
  .spiffHead .blockCol h3 {
    font-size: 1.1rem;
  }
}
@media (max-width: 991px) and (max-width: 500px) {
  .spiffHead .blockCol {
    width: calc(50% - 8px);
  }
}

.spiffCont {
  float: left;
  width: calc(100% - 160px);
  padding: 0 15px;
}
@media (max-width: 991px) {
  .spiffCont {
    width: 100%;
    padding: 0;
  }
}

#dvTotalDollars text {
  fill: var(--TextMain) !important;
}

.searchcontWrapper {
  float: left;
  width: 100%;
}

.manageAccount, .manageAccountRow {
  float: left;
  width: 100%;
}

.btn100 {
  min-width: 100px;
  float: left;
}

.FilterBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: underline !important;
  padding: 5px;
  font-size: 0.9rem;
}
.FilterBtn i {
  float: left;
}

.hideField {
  display: none !important;
}

.mainWrapper {
  float: left;
  width: 100%;
}

.form-control-feedback {
  display: none !important;
}

.tableInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.35;
}
.tableInner p {
  margin-bottom: 5px;
  line-height: 1.35;
}
.tableInner p:last-child {
  margin-bottom: 0px;
}
.tableInner span {
  float: left;
}

.iconRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.iconRow a {
  margin-right: 7px;
}

.btnFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.btnFlex button {
  margin-right: 7px;
  border: none;
  background: none;
  width: auto !important;
  box-shadow: none;
  outline: none;
}

.processFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.processFlex .processBtn {
  order: 2;
  margin-left: auto;
}
.processFlex .processBtn button {
  margin: 3px;
}
.processFlex .processInfo {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  font-size: 0.95rem;
}
.processFlex .processInfo p {
  float: left;
  width: 100%;
  margin-bottom: 2px;
}
.processFlex .processInfo p span {
  margin-right: 25px;
}

.status {
  min-width: 150px;
}

.detail-list-tab [class*=col-] {
  font-size: 0.85rem;
}

.modal-footer p.note {
  font-size: 0.8rem;
  float: left;
  width: 100%;
}

.viewBatch {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.viewBatch p {
  width: auto;
  margin: 0;
}
.viewBatch .RgtAlign {
  margin-left: auto;
}
.viewBatch .RgtAlign a#_btnBack {
  cursor: pointer;
}

.fileupload-processing {
  float: left;
  width: 100%;
}
.fileupload-processing .fileupload-buttonbar {
  float: left;
  width: 100%;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button {
  float: left;
  width: 100%;
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: none;
  height: 50px;
  position: relative;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button .ui-button-icon-primary {
  float: left;
  width: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--grey400);
  position: static;
  margin: 0;
  height: 100%;
  text-indent: 0;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button .ui-button-icon-primary::before {
  content: "\f0ee";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button .ui-button-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 60px);
  padding: 0 20px;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button .ui-button-text span {
  font-size: 0.9rem;
  font-family: var(--fontRegular);
  font-weight: 400;
}
.fileupload-processing .fileupload-buttonbar .fileinput-button input[type=file] {
  width: 100%;
  height: 100%;
}
.fileupload-processing .fileupload-buttonbar .up-lbl-desc {
  position: static;
  margin: 0;
  font-size: 0.75rem;
}

.report-dash {
  float: left;
  width: 100%;
}

.claimDetail [class*=col-] .control-label {
  font-family: var(--fontSemiBold);
  font-weight: 600;
  float: left;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /*width: 100%;*/
}
.claimDetail [class*=col-] .claimRgtCont {
  margin-left: auto;
  min-width: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  gap: 10px;
}
.claimDetail [class*=col-] .claimRgtCont .form-control, .claimDetail [class*=col-] .claimRgtCont .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .claimDetail [class*=col-] .claimRgtCont input {
  height: 26px;
  width: 100px;
  padding: 5px;
  font-size: 0.9rem;
  line-height: 26;
}
.claimDetail [class*=col-] .claimRgtCont .input-append {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.claimDetail [class*=col-] .claimRgtCont .input-append .add-on {
  margin-left: 5px;
}

.claimGrid {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

#divClaimDetail .modal-dialog {
  margin: 15px auto;
}
#divClaimDetail .modal-body {
  max-height: calc(100vh - 140px);
}

.errorWrap {
  max-width: 1040px;
  padding: 0 15px;
  width: 100%;
  margin: auto;
}
.errorWrap .errorMainWrapper {
  float: left;
  width: 100%;
  margin: 70px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.errorWrap .errorMainWrapper .errorPageContent {
  float: left;
  width: calc(100% - 400px);
  padding-right: 100px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorHeading {
  float: left;
  width: 100%;
  font-size: 25px;
  color: #565758;
  margin-bottom: 5px;
}
.errorWrap .errorMainWrapper .errorPageContent h3 {
  float: left;
  width: 100%;
  font-size: 1.7rem;
  color: #565758;
}
.errorWrap .errorMainWrapper .errorPageContent p {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 1.1rem;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow {
  float: left;
  width: calc(100% + 10px);
  margin-top: 10px;
  margin-left: -10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li {
  float: left;
  margin-right: 10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  padding: 5px 12px 5px 5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #565758;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover {
  border-color: p_main;
  color: p_main;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fas {
  background-color: p_main;
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fas {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: var(--grey400);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a span {
  float: left;
  width: calc(100% - 35px);
  padding-left: 9px;
}
.errorWrap .errorMainWrapper .errorImg {
  width: 400px;
}

.regTitle {
  font-size: 1.5rem;
  float: left;
  width: 100%;
}

.selectOptionCon {
  float: left;
  width: 100%;
}

.ExemptionsBlock {
  float: left;
  width: 100%;
}
.ExemptionsBlock.bgLightGrey {
  background: #f9f9f9;
}

.regSubtitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
}

.ExemptionsForm {
  float: left;
  width: 100%;
  flex-wrap: wrap;
}
.ExemptionsForm .form-group {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: calc(50% - 10px);
}
.ExemptionsForm .form-group label {
  margin: 0;
  padding-right: 12px;
  flex: 1;
}
.ExemptionsForm .form-group .form-control, .ExemptionsForm .form-group .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ExemptionsForm .form-group input {
  max-width: 130px;
}
.ExemptionsForm .form-group + .form-group {
  margin-left: 20px;
}
@media (max-width: 991px) {
  .ExemptionsForm .form-group {
    max-width: 100%;
    margin: 10px 0 !important;
  }
}
@media (max-width: 620px) {
  .ExemptionsForm .form-group {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .ExemptionsForm .form-group label {
    width: 100%;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    display: inline-block;
  }
  .ExemptionsForm .form-group .form-control, .ExemptionsForm .form-group .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .ExemptionsForm .form-group input {
    max-width: 100%;
    width: 100%;
  }
}

.exmNote {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  font-style: italic;
}

.ssnWrapper {
  float: left;
  width: 100%;
}
.ssnWrapper p {
  font-size: 0.9rem;
}

.signatureWrapper {
  float: left;
  width: 100%;
}

.thankyouWrapper {
  float: left;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.thankyouWrapper .thankyouInner {
  float: left;
  width: 100%;
  max-width: 550px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 2rem;
  border-radius: 6px;
  margin: 4rem 0;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.062745098);
}
.thankyouWrapper .thankyouInner i {
  font-size: 3rem;
  margin-bottom: 16px;
  color: var(--s_main);
}
.thankyouWrapper .thankyouInner p {
  float: left;
  width: 100%;
}
.thankyouWrapper .thankyouInner .continueLogin {
  float: left;
  width: 100%;
}

.sweet-container .sweet-alert .icon.success .line {
  background-color: var(--s_main) !important;
}
.sweet-container .sweet-alert .icon.success .placeholder {
  border: 4px solid var(--s_main) !important;
}
.sweet-container .sweet-alert .sweet-content > div {
  color: var(--s_main) !important;
}
.sweet-container .sweet-alert .sweet-content .text-success {
  color: var(--s_main) !important;
}
.sweet-container .sweet-alert .sweet-confirm {
  background-color: var(--p_main) !important;
  padding: 8px 15px;
  color: var(--text_white) !important;
  border: 1px solid var(--p_main) !important;
  border-radius: 3px;
  cursor: pointer;
  outline: none !important;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  font-size: 0.9rem;
}
.sweet-container .sweet-alert .sweet-confirm:hover {
  background-color: var(--p_main) !important;
  border-color: var(--p_main) !important;
  color: var(--text_white) !important;
}
.sweet-container .sweet-alert .sweet-confirm:hover .fal, .sweet-container .sweet-alert .sweet-confirm:hover .far {
  color: var(--text_white);
}

.modalContentOnly label {
  float: left;
  width: 100%;
  margin-bottom: 4px;
}
.modalContentOnly .fieldBlock {
  float: left;
  width: 100%;
}

.ui-autocomplete {
  padding: 0 !important;
}
.ui-autocomplete li.ui-menu-item {
  float: left;
  width: 100%;
}
.ui-autocomplete li.ui-menu-item a {
  padding: 5px 15px;
  font-size: 14px;
  float: left;
  width: 100%;
  line-height: 1.5;
  border: none !important;
  margin: 0px !important;
  border-radius: 0px !important;
}
.ui-autocomplete li.ui-menu-item a.ui-state-hover {
  border: none !important;
  background: #465ca8 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  #modelviewUserDetail .modal-body [class*=col-] {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 480px) {
  #modelviewUserDetail .modal-body [class*=col-] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  #modelviewUserDetail .modal-body .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.clsViewPaymentDetails {
  font-size: 1rem;
}

.cssload-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.SpiffFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fieldColl.selectBig .Items {
  float: left;
  width: 100%;
}
.fieldColl.selectBig .Items label {
  float: left;
}
.fieldColl.selectBig .Items .downloadBtn {
  float: left;
}
.fieldColl.selectBig .Items .downloadBtn a label {
  padding: 0 10px;
}
.fieldColl.selectBig .Items .smallBtn, .fieldColl.selectBig .Items .promo_details {
  margin: 3px 0;
  font-weight: normal;
  font-family: var(--fontRegular);
  font-weight: 400;
}

.blockSpr {
  padding: 20px 10px;
  border: 1px dashed #ccc;
  margin: 10px 0 30px;
  border-radius: 6px;
  background: #fcfcfc;
  row-gap: 10px;
}
.blockSpr h4 {
  width: calc(100% + 20px);
  font-size: 1.15rem;
  border-bottom: 1px solid #ddd;
  margin: -20px -10px 10px;
  padding: 15px 25px;
  background: #fff;
  color: #666;
}

#dvRuleInfo .form-group > label {
  margin-bottom: 10px;
}

.attributeRow {
  float: left;
  width: 100%;
}

.att_Block {
  float: left;
  width: 100%;
  background-color: var(--blockBg);
  padding: 15px;
}
.att_Block > label {
  float: left;
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}
.att_Block .att_InnerCont {
  float: left;
  width: 100%;
}
.att_Block .att_InnerCont .radioRow {
  float: left;
  width: calc(100% + 16px);
  margin-left: -8px;
}

.dragContent {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 4px;
  margin: 5px 0;
  cursor: move;
  position: relative;
}
.dragContent i {
  width: 15px;
  color: var(--grey500);
}
.dragContent span {
  float: left;
  width: calc(100% - 30px);
  padding: 0 8px;
}
.dragContent .mltDelete {
  position: absolute;
  width: 35px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  right: 0;
}
.dragContent input.form-control, .dragContent .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .dragContent input {
  flex: 1;
  border: none;
  outline: none;
  box-shadow: none;
  margin: -10px 5px -10px;
  min-height: 42px;
  background: #f9f9f9;
}
.dragContent .fa-trash-alt {
  color: var(--TextMain);
}
.dragContent.mltContent {
  border-color: var(--erroBdr);
}
.dragContent.mltContent .fa-trash-alt {
  color: var(--erroBdr);
}
.dragContent.mltContent .fa-trash-alt:before {
  content: "\f00d";
  font-size: 1.3rem;
}

.finalPage {
  float: left;
  width: 100%;
  padding: 16px;
  background-color: var(--grey150);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.finalPage .blockColInner {
  float: left;
  width: 100%;
  max-width: calc(33.33% - 20px);
  margin: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.finalPage .blockColInner .contorl-label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
.finalPage .blockColInner .form-group {
  float: left;
  width: 100%;
}
.finalPage .blockColInner .a_btnRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.finalPage .blockColInner .a_btnRow .spacer {
  float: left;
  margin: 0 12px;
  border-left: 1px solid var(--border);
  height: 20px;
}
.finalPage .blockColInner .a_btnRow .btnLink {
  background-color: transparent;
  border: none;
  font-size: 0.9rem;
  padding: 5px;
  color: var(--link);
  text-decoration: underline;
}
.finalPage .blockColInner .a_btnRow .btnLink:hover {
  color: var(--linkHover);
}
@media (max-width: 991px) {
  .finalPage .blockColInner {
    max-width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .finalPage .blockColInner {
    max-width: 100%;
    margin: 10px 0;
  }
  .finalPage .blockColInner .form-group {
    margin: 0px;
  }
}

.formOuterCon {
  float: left;
  width: 100%;
}

.carousel-control-next, .carousel-control-prev {
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  opacity: 1;
  font-size: 1.7rem;
  background-color: #ffffff;
  border-radius: 3px;
}

.sales-cot, .reward-cot {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.tabsNote {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.tabsNote a {
  font-style: italic;
  font-size: 0.85rem;
  color: #e50009;
}

.promo-rewards h4 {
  font-size: 1rem;
  text-align: left;
}
.promo-rewards h4.rule_graph {
  padding-right: 150px;
}

.corp-selector {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.corp-selector .pull-right {
  margin-left: auto;
}

#SpnDealerName i {
  margin-right: 5px;
}

/* Model Popup */
.modal .modal-content {
  border: none;
}

/* Model Popup */
.topBannerCon {
  float: left;
  width: 100%;
  padding: 36px 0;
  background-image: url("../images/Banner.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.topBannerCon .bannerInner {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
}
.topBannerCon .bannerInner h4 {
  padding: 10px 20px;
  position: relative;
  z-index: 1;
  margin: 10px 0;
}
.topBannerCon .bannerInner h4::before {
  content: "";
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.7;
  z-index: -1;
}

.psListingCon {
  float: left;
  width: 100%;
}
.psListingCon ul {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.psListingCon ul li {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
}
.psListingCon ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 100%;
  padding: 15px;
}
.psListingCon ul li a .iconBLock {
  float: left;
  width: 50px;
}
.psListingCon ul li a .iconBLock img {
  max-width: 100%;
}
.psListingCon ul li a .iconBLock img.imgHover {
  display: none;
}
.psListingCon ul li a .contBlock {
  float: left;
  width: calc(100% - 50px);
  padding-left: 10px;
}
.psListingCon ul li a .contBlock h3 {
  margin-bottom: 5px;
  font-size: 0.95rem;
  font-weight: 700;
}
.psListingCon ul li a .contBlock p {
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.4;
  color: #9f9f9e;
}
.psListingCon ul li a:hover .contBlock h3 {
  color: var(--s_main);
}
.psListingCon ul li a:hover .iconBLock .mainImg {
  display: none;
}
.psListingCon ul li a:hover .iconBLock .imgHover {
  display: block;
}
@media (max-width: 991px) {
  .psListingCon ul li {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .psListingCon ul li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .psListingCon ul li {
    width: calc(100% - 20px);
  }
}

.AssetCon {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.AssetCon .uploadBlock {
  float: left;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: var(--grey400);
}
.AssetCon .uploadBlock .dropzone {
  width: 100%;
  background-color: transparent;
  margin: 0px;
  height: 220px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px !important;
  background-color: var(--white) !important;
}
.AssetCon .uploadBlock .dropzone .dz-default.dz-message {
  background-color: transparent;
  color: var(--TextMain);
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px;
  width: 100%;
}
.AssetCon .uploadBlock .dropzone .dz-default.dz-message p {
  width: 100%;
  margin: 0px;
}
.AssetCon .uploadBlock .dropzone.dz-started .dz-default.dz-message {
  display: none !important;
}
@media (max-width: 991px) {
  .AssetCon .uploadBlock {
    max-width: 100%;
  }
}
.AssetCon .uploadBlock .elipes {
  float: left;
  width: 100%;
  padding: 5px 10px;
  margin: 5px 0 2px 0;
  background-color: #F4F7FF;
  max-width: 100%;
  border-radius: 2px;
  color: var(--TextMain) !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.85rem;
}
.AssetCon .uploadBlock .elipes .clsFileData {
  float: left;
  width: 100%;
}
.AssetCon .uploadBlock .elipes a {
  margin: 0 4px;
  color: var(--TextMain);
  font-size: 1rem;
}
.AssetCon .uploadBlock .elipes a i {
  color: var(--TextMain);
}
.AssetCon .blockWithUploader {
  width: calc(100% - 480px);
  float: right;
  position: relative;
}
@media (max-width: 991px) {
  .AssetCon .blockWithUploader {
    width: 100%;
    margin-top: 25px;
  }
}
.AssetCon .formBlock {
  float: right;
  width: 100%;
  margin-left: auto;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .AssetCon .formBlock {
    padding-left: 0;
  }
}

.MainPageLayout {
  float: left;
  width: 100%;
}

.AssetCon, .uploadBlockCon {
  float: left;
  width: 100%;
}

.dropZoneWrapper {
  float: left;
  width: 100%;
}

#updpageInfo .commonWizard.wizard.fixedTop .steps {
  top: -101px;
}
@media (max-width: 1100px) {
  #updpageInfo .commonWizard.wizard.fixedTop .steps {
    top: 0px;
  }
}
@media (max-width: 1100px) {
  #updpageInfo {
    padding-top: 80px !important;
    position: relative;
    width: 100%;
  }
  #updpageInfo .uploadBlock, #updpageInfo .multiUploader {
    max-width: 400px;
  }
}
@media (max-width: 1100px) and (max-width: 991px) {
  #updpageInfo .uploadBlock, #updpageInfo .multiUploader {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
@media (max-width: 1100px) {
  #updpageInfo .commonWizard.wizard.fixedTop {
    position: static;
    width: calc(100% - 400px);
  }
  #updpageInfo .commonWizard.wizard.fixedTop .steps {
    top: 0px;
    left: 0px;
    position: absolute;
  }
}
@media (max-width: 1100px) and (max-width: 991px) {
  #updpageInfo .commonWizard.wizard.fixedTop {
    width: 100%;
  }
  #updpageInfo .commonWizard.wizard.fixedTop .formBlock {
    padding: 0px;
  }
}

.date .input-group-append .input-group-addon {
  margin: 0;
  border: 1px solid var(--border);
  width: 100%;
}

.wizardRow {
  float: left;
  width: 100%;
}

.psTopBar {
  float: left;
  width: 100%;
  padding: 12px 0;
  background-color: var(--psTopFilter);
}

.psBarInner {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.psBarInner .searchTopFilter {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 550px;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.psBarInner .searchTopFilter .customLabel {
  border-right: 1px solid var(--border);
  padding: 5px 15px;
  font-size: 0.9rem;
  height: 42px;
  width: 90px;
  float: left;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px 0 0 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}
.psBarInner .searchTopFilter .customLabel + .searchBlock {
  width: calc(100% + 90px);
}
.psBarInner .searchTopFilter .dropdown {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 180px;
}
.psBarInner .searchTopFilter .dropdown .selectFieldCon {
  float: left;
  width: 100%;
}
.psBarInner .searchTopFilter .dropdown .dropdown-toggle {
  height: 42px;
  width: 100%;
  float: left;
  background-color: #fff;
  text-align: left;
  padding: 5px 15px;
  font-size: 0.9rem;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid var(--border);
}
.psBarInner .searchTopFilter .dropdown .select2-container {
  float: left;
  width: 100% !important;
}
.psBarInner .searchTopFilter .dropdown .select2-container .select2-selection--single {
  width: 100%;
  float: left;
  background-color: #fff;
  text-align: left;
  height: 42px !important;
  padding: 2px 5px;
  font-size: 0.9rem;
  border-radius: 4px 0 0 4px;
  border: none !important;
  border-right: 1px solid var(--border) !important;
}
.psBarInner .searchTopFilter .dropdown .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}
.psBarInner .searchTopFilter .dropdown .select2-container .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
}
.psBarInner .searchTopFilter .dropdown .dropdown-menu .dropdown-item {
  font-size: 0.9rem;
  padding: 5px 15px;
}
.psBarInner .searchTopFilter .searchBlock {
  float: left;
  margin: 0;
  width: calc(100% - 180px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.psBarInner .searchTopFilter .searchBlock .form-control, .psBarInner .searchTopFilter .searchBlock .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .psBarInner .searchTopFilter .searchBlock input {
  float: left;
  border: none;
  outline: none;
  height: 42px;
}
.psBarInner .searchTopFilter .searchBlock .searchBtn {
  float: right;
  width: 30px;
  height: 100%;
  border: none;
  outline: none;
  color: var(--TextMain);
  background-color: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .psBarInner .searchTopFilter {
    max-width: 390px;
  }
}
@media (max-width: 767px) {
  .psBarInner .searchTopFilter {
    max-width: 100%;
  }
}
@media (max-width: 520px) {
  .psBarInner .searchTopFilter {
    border-radius: 0px;
    background-color: transparent;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
  }
  .psBarInner .searchTopFilter .dropdown {
    border-radius: 4px;
    background-color: #fff;
    width: 100%;
  }
  .psBarInner .searchTopFilter .dropdown .select2-container .select2-selection--single {
    border-radius: 4px;
    border: none !important;
  }
  .psBarInner .searchTopFilter .searchBlock {
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    margin-top: 10px;
  }
}
.psBarInner .alignRgt {
  margin-left: auto;
}
.psBarInner .alignRgt .btnFill, .psBarInner .alignRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .psBarInner .alignRgt a, .psBarInner .alignRgt .btnBordered, .psBarInner .alignRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .psBarInner .alignRgt a, .psBarInner .alignRgt .primaryBtn, .psBarInner .alignRgt .btnGrey, .psBarInner .alignRgt .greyBtnBordered, .psBarInner .alignRgt .yellowBtn, .psBarInner .alignRgt .primaryBtnBordered, .psBarInner .alignRgt .yellowBtnBorder, .psBarInner .alignRgt .btnBorderedsecondary, .psBarInner .alignRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .psBarInner .alignRgt .btn.btn-primary, .psBarInner .alignRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .psBarInner .alignRgt .btn.btn-default, .psBarInner .alignRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .psBarInner .alignRgt .enrollNow, .psBarInner .alignRgt .btnExportFill, .psBarInner .alignRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .psBarInner .alignRgt .btn.btn-primary, .psBarInner .alignRgt .promo_details, .psBarInner .alignRgt .btnFill {
  float: left;
}
@media (max-width: 767px) {
  .psBarInner .alignRgt {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }
  .psBarInner .alignRgt .btnFill, .psBarInner .alignRgt .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .psBarInner .alignRgt a, .psBarInner .alignRgt .btnBordered, .psBarInner .alignRgt .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .psBarInner .alignRgt a, .psBarInner .alignRgt .primaryBtn, .psBarInner .alignRgt .btnGrey, .psBarInner .alignRgt .greyBtnBordered, .psBarInner .alignRgt .yellowBtn, .psBarInner .alignRgt .primaryBtnBordered, .psBarInner .alignRgt .yellowBtnBorder, .psBarInner .alignRgt .btnBorderedsecondary, .psBarInner .alignRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .psBarInner .alignRgt .btn.btn-primary, .psBarInner .alignRgt .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .psBarInner .alignRgt .btn.btn-default, .psBarInner .alignRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .psBarInner .alignRgt .enrollNow, .psBarInner .alignRgt .btnExportFill, .psBarInner .alignRgt .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .psBarInner .alignRgt .btn.btn-primary, .psBarInner .alignRgt .promo_details, .psBarInner .alignRgt .btnFill {
    margin: 5px;
  }
}

.psWrapper {
  float: left;
  width: 100%;
}
.psWrapper .searchFilter {
  float: left;
  width: 280px;
}
.psWrapper .searchFilter .sidebarWrapper {
  float: left;
  width: 100%;
  padding: 15px;
}
.psWrapper .searchFilter .sidebarWrapper > li {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  border-top: 1px solid var(--border);
  padding-top: 24px;
  margin-top: 24px;
}
.psWrapper .searchFilter .sidebarWrapper > li h5 {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.05rem;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock {
  float: left;
  width: 100%;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 5px 0;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange > span {
  float: left;
  width: 60px;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner {
  float: left;
  width: calc(100% - 60px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid var(--border);
  border-radius: 4px;
  overflow: hidden;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .preFix, .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .postFix, .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .urlBlock .addMore, .urlBlock .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .addMore, .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .urlBlock .browseBtn, .urlBlock .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .browseBtn {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--grey400);
  border-right: 1px solid var(--border);
  min-width: 30px;
  font-size: 0.9rem;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .postFix {
  border-left: 1px solid var(--border);
  border-right: none;
  min-width: 60px;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .form-control, .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .priceRange .priceRangeInner input {
  float: left;
  border: none;
  border-radius: 0px;
  padding: 5px 10px;
}
.psWrapper .searchFilter .sidebarWrapper > li .fieldBlock .selectFieldCon {
  float: left;
  width: 100%;
}
.psWrapper .searchFilter .sidebarWrapper > li ul li {
  border-top: none;
  padding-top: 0px;
  margin-top: 0px;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 15px;
  float: left;
  width: 100%;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li {
  float: left;
  width: 100%;
  position: relative;
  padding: 0;
  cursor: pointer;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li .toggler {
  height: 100%;
  left: 0;
  padding-right: 5px;
  position: absolute;
  text-align: right;
  top: 2px;
  width: 35px;
  color: #555;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li.tree-empty .toggler {
  display: none;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li.tree-closed > .toggler::before {
  content: "\f105";
  font-size: 1.1rem;
  font-family: "Font Awesome 5 Pro";
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li.tree-opened > .toggler::before {
  content: "\f107";
  font-size: 1.1rem;
  font-family: "Font Awesome 5 Pro";
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li > a {
  border-radius: 0;
  color: var(--TextMain);
  display: inline-block;
  text-decoration: none;
  width: 100%;
  padding: 5px;
  padding-left: 40px;
  font-size: 0.92rem;
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree > li > a.active {
  color: var(--p_main);
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree .treemenu {
  float: left;
  width: 100%;
  padding: 3px 10px;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree .treemenu li {
  float: left;
  width: 100%;
}
.psWrapper .searchFilter .sidebarWrapper > li.browse-category-cot .tree .treemenu li a {
  float: left;
  width: 100%;
  padding: 3px;
  padding-left: 40px;
  cursor: pointer;
}
.psWrapper .searchFilter .sidebarWrapper > li:first-child {
  margin-top: 0px;
  padding-top: 0px;
  border-top: none;
}
@media (max-width: 991px) {
  .psWrapper .searchFilter {
    width: 320px;
    position: fixed;
    left: -340px;
    top: 0;
    padding: 12px;
    z-index: 999;
    box-shadow: 2px 0 4px rgba(179, 179, 179, 0.4117647059);
    overflow: auto;
    height: 100vh;
    transition: ease-in 0.3s;
    opacity: 0;
  }
}
.psWrapper .orderListingRgt {
  float: right;
  width: calc(100% - 310px);
}
@media (max-width: 991px) {
  .psWrapper .orderListingRgt {
    width: 100%;
  }
}
.psWrapper.sidebarExpand .searchFilter {
  opacity: 1;
  left: 0px;
}

body.sideBarFilter {
  overflow: hidden;
  height: 100vh;
}

.filterTitle {
  float: left;
  width: 100%;
  margin: 0;
  padding: 15px;
  font-size: 1.2rem;
}
.filterTitle .filterIcon {
  float: right;
}

.psListingRow {
  float: left;
  width: 100%;
}
.psListingRow .psTopFilter {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.psListingRow .psTopFilter .sortBox {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.psListingRow .psTopFilter .sortBox label {
  margin: 3px 0;
  font-size: 0.85rem;
}
.psListingRow .psTopFilter .sortBox select {
  float: left;
  margin: 0 5px;
  padding: 0 10px;
  font-size: 0.85rem;
}
.psListingRow .psTopFilter .sortBox .select2-container {
  float: left;
  margin: 0 5px;
  font-size: 0.85rem;
  min-width: 65px;
  width: 65px !important;
}
.psListingRow .psTopFilter .sortingRgt {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.psListingRow .psTopFilter .sortingRgt .prdocut-list-action {
  margin-left: 14px;
  font-size: 1.2rem;
}
.psListingRow .psTopFilter .sortingRgt .prdocut-list-action i {
  color: var(--TextMain);
}
.psListingRow .psTopFilter .sortingRgt .prdocut-list-action.active {
  color: var(--p_main);
}
.psListingRow .psTopFilter .sortingRgt .prdocut-list-action.active i {
  color: var(--p_main);
}
.psListingRow .psTopFilter .sortingRgt .sortBox .select2-container {
  width: 120px !important;
}
@media (max-width: 767px) {
  .psListingRow .psTopFilter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .psListingRow .psTopFilter .sortBox {
    margin: 0 0 10px 0;
  }
}

.itemUL {
  float: left;
  margin-left: -8px;
  width: calc(100% + 16px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.itemUL li {
  float: left;
  width: calc(33.33% - 16px);
  margin: 8px;
  padding: 12px;
  border: 1px solid var(--border);
  background-color: var(--white);
}
.itemUL li .itemImg {
  float: left;
  width: 100%;
  max-height: 180px;
  overflow: hidden;
  height: 180px;
  position: relative;
  background-color: var(--grey400);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.itemUL li .itemImg img {
  cursor: pointer;
  max-height: 100%;
  max-width: 100%;
}
.itemUL li .itemImg .favoriteitem {
  position: absolute;
  right: 0;
  top: 10px;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.itemUL li .itemImg .favoriteitem .psIcon {
  float: left;
  width: 25px;
  height: 25px;
  color: var(--p_main);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  margin: 3px 0;
  z-index: 1;
  position: absolute;
  right: -10px;
  top: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: ease-in 0.3s;
}
.itemUL li .itemImg .favoriteitem .psIcon::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.75;
  z-index: -1;
  border-radius: 100%;
}
.itemUL li .itemImg .favoriteitem .psIcon i {
  font-size: 0.9rem;
}
.itemUL li .itemImg .favoriteitem .psIcon.favSelected {
  opacity: 1;
  visibility: visible;
  right: 5px;
}
.itemUL li .itemImg .favoriteitem .psIcon.favSelected i {
  color: var(--p_main);
}
.itemUL li .itemImg .favoriteitem .psIcon ~ .psIcon {
  margin-top: 32px;
}
.itemUL li .itemContent {
  float: left;
  width: 100%;
  padding-top: 12px;
}
.itemUL li .itemContent .psHeading {
  float: left;
  width: 100%;
}
.itemUL li .itemContent .psHeading h3 {
  float: left;
  width: calc(100% - 100px);
  margin: 0;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.itemUL li .itemContent .psHeading .inStock {
  float: right;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--inStock);
  margin: 0;
  width: 100px;
  text-align: right;
}
.itemUL li .itemContent .psPoints {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.itemUL li .itemContent .psPoints h3 {
  float: left;
  width: calc(100% - 120px);
  margin: 0;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  color: var(--link);
}
.itemUL li .itemContent .psPoints h3 a {
  color: var(--link);
}
.itemUL li .itemContent .psPoints h3 a:hover {
  text-decoration: underline;
}
.itemUL li .itemContent .psPoints .pointsCon {
  float: right;
  font-size: 0.85rem;
  color: var(--TextMain);
}
.itemUL li .itemContent .psPoints .pointsCon i {
  color: var(--TextMain);
}
.itemUL li .itemContent .psFooter {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.itemUL li .itemContent .psFooter .fooBlock {
  float: left;
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: 4px;
  height: 36px;
  color: var(--TextMain);
  font-size: 0.9rem;
  outline: none;
}
.itemUL li .itemContent .psFooter .fooBlock i {
  color: var(--TextMain);
}
.itemUL li .itemContent .psFooter .fooBlock.buyNow {
  margin-left: 5px;
}
.itemUL li .itemContent .psFooter .fooBlock:hover {
  border-color: var(--BtnBgHover);
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
}
.itemUL li .itemContent .psFooter .fooBlock:hover i {
  color: var(--BtnTextHover);
}
.itemUL li .itemContent .psFooter .fooBlock.aspNetDisabled {
  border-color: var(--BtnBgHover);
  background-color: var(--BtnBgHover);
  color: var(--BtnTextHover);
  cursor: not-allowed;
  opacity: 0.7;
}
.itemUL li .itemContent .psFooter .fooBlock.aspNetDisabled i {
  color: var(--BtnTextHover);
}
.itemUL li .itemContent .psFooter .qty {
  float: right;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.itemUL li .itemContent .psFooter .qty label {
  margin: 2px 0;
  font-size: 0.85rem;
  float: left;
  padding-right: 5px;
}
.itemUL li .itemContent .psFooter .qty .form-control, .itemUL li .itemContent .psFooter .qty .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .itemUL li .itemContent .psFooter .qty input {
  float: left;
  max-width: 60px;
  text-align: center;
  height: 36px;
}
.itemUL li:hover .itemImg .favoriteitem .psIcon {
  opacity: 1;
  visibility: visible;
  right: 5px;
}
@media (max-width: 767px) {
  .itemUL li {
    width: calc(50% - 16px);
  }
}
@media (max-width: 420px) {
  .itemUL li {
    width: calc(100% - 16px);
  }
}
.itemUL.listView {
  margin: 8px 0;
  width: 100%;
}
.itemUL.listView li {
  margin: 8px 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.itemUL.listView li .itemImg {
  width: 200px;
  height: auto;
  min-height: 120px;
}
@media (max-width: 520px) {
  .itemUL.listView li .itemImg {
    width: 80px;
    height: auto;
    min-height: 60px;
  }
}
.itemUL.listView li .itemContent {
  width: calc(100% - 200px);
  padding: 0 0 0 15px;
}
@media (max-width: 520px) {
  .itemUL.listView li .itemContent {
    width: calc(100% - 80px);
    padding: 0 0 0 10px;
  }
}
.itemUL.listView li:first-child {
  margin-top: 0px;
}
.itemUL.listView li:last-child {
  margin-bottom: 0px;
}

.tableFilterRow {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.tableFilterRow .dataTables_length {
  float: left;
  margin: 4px 0;
}
.tableFilterRow .wrapper-cot {
  float: right;
  width: auto;
  margin: 4px;
}

.cartIteamsCon {
  position: absolute;
  right: 0;
  top: calc(100% + 40px);
  width: 380px;
  padding: 15px;
  border: 1px solid var(--border);
  background-color: #fff;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  transition: ease-in 0.3s;
}
.cartIteamsCon .cartUpdate {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.cartIteamsCon .cartUpdate > i {
  float: left;
  width: 20px;
  color: var(--s_main) !important;
}
.cartIteamsCon .cartUpdate p {
  margin: 0;
  width: calc(100% - 40px);
  padding: 0 5px;
  font-size: 0.9rem;
}
.cartIteamsCon .cartUpdate .hideInfo {
  float: right;
  width: 20px;
  text-align: center;
  cursor: pointer;
}
.cartIteamsCon .cartListing {
  float: left;
  width: 100%;
  max-height: 210px;
  overflow: auto;
}
.cartIteamsCon .cartListing li {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.cartIteamsCon .cartListing li .cartImg {
  float: left;
  width: 70px;
}
.cartIteamsCon .cartListing li .cartCont {
  float: left;
  width: calc(100% - 70px);
  padding-left: 10px;
}
.cartIteamsCon .cartListing li .cartCont h6 {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.cartIteamsCon .cartListing li .cartCont p {
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.cartIteamsCon .cartListing li .cartCont h5 {
  margin-bottom: 0;
  font-size: 1.1rem;
}
.cartIteamsCon .cartBtn {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.cartIteamsCon .cartBtn a {
  float: left;
  line-height: 1.6;
}
@media (max-width: 400px) {
  .cartIteamsCon {
    width: 310px;
  }
}

.searchRowInline {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.searchBtn {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 17px;
  padding-left: 6px;
  padding-right: 6px;
}
.searchBtn .btnFill, .searchBtn .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .searchBtn a, .searchBtn .btnBordered, .searchBtn .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .searchBtn a, .searchBtn .primaryBtn, .searchBtn .btnGrey, .searchBtn .greyBtnBordered, .searchBtn .yellowBtn, .searchBtn .primaryBtnBordered, .searchBtn .yellowBtnBorder, .searchBtn .btnBorderedsecondary, .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .searchBtn .btn.btn-primary, .searchBtn .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .searchBtn .btn.btn-default, .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchBtn .enrollNow, .searchBtn .btnExportFill, .searchBtn .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .searchBtn .btn.btn-primary, .searchBtn .promo_details {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.topblock {
  float: left;
  width: 100%;
}

.FilterBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: underline !important;
  padding: 5px;
  font-size: 0.9rem;
}
.FilterBtn i {
  float: left;
}

.hideField {
  display: none;
}

.cartCon:hover .cartIteamsCon {
  visibility: visible;
  top: 100%;
  opacity: 1;
  transition: ease-in 0.3s;
}

.orderBLock {
  float: right;
  width: 450px;
}
@media (max-width: 1200px) {
  .orderBLock {
    width: 350px;
  }
}
@media (max-width: 991px) {
  .orderBLock {
    width: 100%;
    margin: 20px 0;
  }
}

.productListing {
  float: left;
  width: calc(100% - 470px);
  margin-top: 15px;
}
.productListing li {
  float: left;
  width: 100%;
  padding: 22px;
  background-color: var(--cartRowBg);
  border: 1px solid var(--cartRowBdr);
}
.productListing li .imgBlock {
  float: left;
  width: 150px;
}
.productListing li .productCont {
  float: left;
  width: calc(100% - 150px);
  padding-left: 20px;
  font-size: 0.9rem;
  font-weight: 500;
}
.productListing li .productCont h6 {
  float: left;
  width: 100%;
  font-size: 0.95rem;
  margin-bottom: 10px;
}
.productListing li .productCont h6 p {
  float: left;
  max-width: calc(100% - 80px);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.productListing li .productCont h6 span {
  float: right;
}
.productListing li .productCont .skuBlock {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: var(--p_main);
}
.productListing li .productCont p {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.productListing li .productCont .fooBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.productListing li .productCont .fooBlock .proRemove {
  margin-left: auto;
  float: right;
  font-size: 1rem;
}
.productListing li + li {
  margin-top: 15px;
}
.productListing li:hover {
  background-color: var(--cartRowBgHover);
  border-color: var(--cartRowBdrHover);
}
@media (max-width: 767px) {
  .productListing li {
    padding: 14px;
  }
  .productListing li .imgBlock {
    width: 80px;
  }
  .productListing li .productCont {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .productListing {
    width: calc(100% - 350px - 20px);
  }
}
@media (max-width: 991px) {
  .productListing {
    width: 100%;
  }
}

.QtyBlock {
  float: left;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}
.QtyBlock label {
  float: left;
  margin: 3px 0;
  padding-right: 10px;
  font-weight: 500;
}

.heading2 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
}

.heading3 {
  float: left;
  width: 100%;
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 12px;
}

.paymentList {
  float: left;
  width: 100%;
}

.orderSummaryList {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.orderSummaryList li {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 0.95rem;
}
.orderSummaryList li label {
  margin: 0;
  float: left;
}
.orderSummaryList li span {
  float: right;
}
.orderSummaryList li .bdr {
  float: left;
  width: 100%;
  border-top: 1px solid var(--border);
  margin: 5px 0;
}

.qty-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qty-container .input-qty {
  text-align: center;
  padding: 6px 10px;
  border: 1px solid var(--border);
  width: 60px;
  height: 38px;
}

.countBtn {
  float: left;
  display: flex;
  flex-direction: column;
  margin-left: -1px;
}

.countBtn button {
  flex: 1 0 auto;
  float: left;
  float: left;
  width: 20px;
  height: 19px;
  font-size: 0.7rem;
  background-color: #E9ECF3;
  border: 1px solid #DFDFDF;
}

.paymentWrapper {
  float: left;
  width: 100%;
}

.selectDealer {
  float: left;
  width: 100%;
}

.filter-tab {
  border: 1px solid #DFDFDF;
  padding: 5px;
  font-weight: 400;
  font-size: 0.8rem;
  width: 100%;
}

.clsRetailerlocation {
  float: left;
  width: 100%;
}

.order-summary-cot {
  float: left;
  width: 100%;
}

.shippingBlock {
  float: left;
  width: 100%;
}

.orderWrapper {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.orderWrapper .blockLeft {
  float: left;
  width: calc(100% - 400px);
  padding-right: 50px;
}
.orderWrapper .blockLeft h2 {
  margin: 10px 0 15px;
  text-transform: uppercase;
  font-size: 2.2rem;
  color: var(--s_main);
  width: 100%;
  float: left;
}
.orderWrapper .blockLeft h4 {
  font-weight: 600;
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
@media (max-width: 991px) {
  .orderWrapper .blockLeft {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
    padding: 0px;
    margin-top: 40px;
    text-align: center;
  }
  .orderWrapper .blockLeft h2 {
    font-size: 1.9rem;
  }
  .orderWrapper .blockLeft h4 {
    font-size: 1.2rem;
  }
}
.orderWrapper .blockRgt {
  float: left;
  width: 400px;
  text-align: right;
}
@media (max-width: 991px) {
  .orderWrapper .blockRgt {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
    text-align: center;
  }
  .orderWrapper .blockRgt img {
    max-width: 350px;
  }
}
@media (max-width: 520px) {
  .orderWrapper .blockRgt {
    max-width: calc(100% - 50px);
  }
}
@media (max-width: 767px) {
  .orderWrapper {
    padding: 20px 0 !important;
  }
}

.tableResponsive {
  float: left;
  width: 100%;
}
.tableResponsive.desktopScroll {
  overflow: auto;
}
.tableResponsive.desktopScroll.tableH500 {
  height: 500px;
}
.tableResponsive.desktopScroll.fixColumn9 .table tr td:nth-child(9) {
  position: sticky;
  left: 0;
  z-index: 9;
  background-color: #fff;
}
.tableResponsive.desktopScroll.fixColumn9 .table tr th:nth-child(9) {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: var(--grey400);
}
.tableResponsive.desktopScroll.fixColumn9 .table tr:hover td:nth-child(9) {
  background-color: var(--bodyBg);
}
@media (max-width: 1180px) {
  .tableResponsive {
    overflow-x: auto;
  }
}

.mainLayoutInner {
  float: left;
  width: 100%;
}

.uploadStatus {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--border);
  background-color: var(--uploadStatusBg);
}
.uploadStatus .downloadSampleBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  border-left: 1px dashed #ccc;
  width: 270px;
  margin-left: auto;
}
.uploadStatus .downloadSampleBtn a {
  padding: 10px 25px;
  border-radius: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .uploadStatus .downloadSampleBtn {
    width: 100%;
    border-left: none;
    padding: 0px;
    border-top: 1px dashed #ccc;
  }
  .uploadStatus .downloadSampleBtn a {
    width: auto;
    margin-top: 20px;
  }
}
.uploadStatus .uploadBlock {
  float: left;
  max-width: calc(100% - 270px);
  padding-right: 40px;
}
.uploadStatus .uploadBlock .uploadSec {
  float: left;
  width: 100%;
  max-width: 350px;
}
.uploadStatus .uploadBlock .uploadInfo {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 0.9rem;
}
.uploadStatus .uploadBlock .uploadInfo[style="visibility:hidden;"] {
  display: none;
}
.uploadStatus .uploadBlock .uploadNote {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 0.9rem;
}
.uploadStatus .uploadBlock .uploadBtn {
  float: left;
  width: 100%;
}
.uploadStatus .uploadBlock .donwloadSampleFile {
  float: left;
  width: 100%;
}
.uploadStatus .uploadBlock .donwloadSampleFile .dropzone {
  float: left;
  width: 100%;
  max-width: 650px;
}
@media (max-width: 767px) {
  .uploadStatus .uploadBlock .donwloadSampleFile .dropzone {
    max-width: 100%;
  }
}
.uploadStatus .uploadBlock .FileUploadWrapper {
  float: left;
  width: 100%;
}
.uploadStatus .uploadBlock *[style="visibility:hidden;"] {
  display: none;
}
@media (max-width: 767px) {
  .uploadStatus .uploadBlock {
    max-width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}

.alertRow {
  float: left;
  width: 100%;
}

.pnlDropDown {
  float: left;
  width: 100%;
}

.orderContent {
  float: left;
  width: 100%;
}

.purchaseOrderInfo, .ShipToCon {
  float: left;
  width: 100%;
}
.purchaseOrderInfo .checkSelectRow, .ShipToCon .checkSelectRow {
  float: left;
  width: 100%;
}

.selectPurchaseItems {
  float: left;
  width: 100%;
}

.addNewBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 36px;
}
.addNewBtn i {
  color: var(--TextMain);
}

.smallForm {
  max-width: 100%;
}

.PurchaseOrderDealer {
  float: left;
  width: 100%;
  max-width: 310px;
}
@media (max-width: 767px) {
  .PurchaseOrderDealer {
    max-width: 200px;
  }
}

.purchaseTotal {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.purchaseTotal .ptRgt {
  margin-left: auto;
  width: 100%;
  max-width: 400px;
}
.purchaseTotal .ptRgt .ptFormRow {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.purchaseTotal .ptRgt .ptFormRow label.control-label {
  float: left;
  width: 120px;
  margin: 0;
}
.purchaseTotal .ptRgt .ptFormRow .ptBlock {
  float: left;
  width: calc(100% - 120px);
  padding-left: 15px;
}
@media (max-width: 520px) {
  .purchaseTotal .ptRgt .ptFormRow label.control-label {
    width: 70px;
    font-size: 0.85rem;
  }
  .purchaseTotal .ptRgt .ptFormRow .ptBlock {
    width: calc(100% - 70px);
    font-size: 0.85rem;
  }
}

@media (max-width: 991px) {
  .table800 {
    min-width: 800px;
  }
}

.clsItemDetail td.clsName {
  max-width: 300px;
}
@media (max-width: 520px) {
  .clsItemDetail td.clsName {
    max-width: 200px;
  }
}

.orderDetailCon {
  float: left;
  width: 100%;
}

.errorWrap {
  max-width: 1040px;
  padding: 0 15px;
  width: 100%;
  margin: auto;
}
.errorWrap .errorMainWrapper {
  float: left;
  width: 100%;
  margin: 70px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.errorWrap .errorMainWrapper .errorPageContent {
  float: left;
  width: calc(100% - 400px);
  padding-right: 100px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorHeading {
  float: left;
  width: 100%;
  font-size: 25px;
  color: #565758;
  margin-bottom: 5px;
}
.errorWrap .errorMainWrapper .errorPageContent h3 {
  float: left;
  width: 100%;
  font-size: 1.7rem;
  color: #565758;
}
.errorWrap .errorMainWrapper .errorPageContent p {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 1.1rem;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow {
  float: left;
  width: calc(100% + 10px);
  margin-top: 10px;
  margin-left: -10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li {
  float: left;
  margin-right: 10px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 30px;
  padding: 5px 12px 5px 5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #565758;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 {
  background-color: #ffffff;
  border-color: var(--p_main);
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fas {
  background-color: var(--p_main);
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover {
  border-color: var(--btnBdrHover);
  color: var(--BtnTextHover);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fas {
  background-color: var(--btnBdrHover);
  color: var(--white);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a .fas {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: var(--grey400);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--p_main);
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a span {
  float: left;
  width: calc(100% - 35px);
  padding-left: 9px;
}
.errorWrap .errorMainWrapper .errorImg {
  width: 400px;
}

.productDetailCon {
  float: left;
  width: 100%;
}
.productDetailCon .proLeft {
  float: left;
  width: 550px;
}
@media (max-width: 991px) {
  .productDetailCon .proLeft {
    width: 380px;
  }
}
@media (max-width: 767px) {
  .productDetailCon .proLeft {
    width: 100%;
  }
}
.productDetailCon .proContent {
  float: right;
  width: calc(100% - 550px);
  padding-left: 30px;
}
.productDetailCon .proContent .proSKU {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 0.9rem;
  color: var(--p_main);
}
.productDetailCon .proContent .ProHeading {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: var(--TextMain);
  font-weight: 700;
  font-size: 1.5rem;
}
.productDetailCon .proContent .stockCon {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.productDetailCon .proContent .stockCon p {
  margin: 0;
  float: left;
}
.productDetailCon .proContent .stockCon p + p {
  margin-left: 50px;
}
.productDetailCon .proContent .pointsCon {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 0.9rem;
  color: #F7B11F;
}
.productDetailCon .proContent .pointsCon p {
  margin: 0;
  float: left;
}
.productDetailCon .proContent .pointsCon p i {
  color: #F7B11F;
  margin-right: 5px;
}
.productDetailCon .proContent .pointsCon p.lastHours {
  float: right;
}
@media (max-width: 991px) {
  .productDetailCon .proContent {
    width: calc(100% - 380px);
  }
}
@media (max-width: 767px) {
  .productDetailCon .proContent {
    width: 100%;
    padding: 0;
    margin-top: 35px;
  }
}

.qtFullBlock {
  float: left;
  width: 100%;
  margin: 14px 0;
}
.qtFullBlock label {
  font-size: 0.9rem;
}

.cartBtnRow {
  float: left;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 10px;
}
.cartBtnRow .btnFill, .cartBtnRow .top-var-cot .chilliFlex .right-var-tab ul li a, .top-var-cot .chilliFlex .right-var-tab ul li .cartBtnRow a, .cartBtnRow .btnBordered, .cartBtnRow .top-var-cot .chilliFlex .left-var-tab ul li a, .top-var-cot .chilliFlex .left-var-tab ul li .cartBtnRow a, .cartBtnRow .primaryBtn, .cartBtnRow .btnGrey, .cartBtnRow .greyBtnBordered, .cartBtnRow .yellowBtn, .cartBtnRow .primaryBtnBordered, .cartBtnRow .yellowBtnBorder, .cartBtnRow .btnBorderedsecondary, .cartBtnRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-primary, .modal .modal-dialog .modal-content .modal-footer .cartBtnRow .btn.btn-primary, .cartBtnRow .modal .modal-dialog .modal-content .modal-footer .btn.btn-default, .modal .modal-dialog .modal-content .modal-footer .cartBtnRow .btn.btn-default, .cartBtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .cartBtnRow .enrollNow, .cartBtnRow .btnExportFill, .cartBtnRow .bootstrap-datetimepicker-widget .btn.btn-primary, .bootstrap-datetimepicker-widget .cartBtnRow .btn.btn-primary, .cartBtnRow .promo_details, .cartBtnRow .btnFill {
  float: left;
  margin: 4px;
}

.topPggaing {
  display: none !important;
}

.topPggination {
  display: none;
}

.pagginationWrapper {
  float: left;
  width: 100%;
  margin: 15px 0;
}

.mobileFilters {
  float: left;
}
.mobileFilters i {
  color: var(--TextMain);
}
.mobileFilters i.fas.fa-filter {
  color: var(--p_main);
}
@media (min-width: 992px) {
  .mobileFilters {
    display: none;
  }
}

.sideBarClose {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 10px 0;
  font-size: 1.2rem;
  text-align: right;
  padding: 0 5px;
}

.statusTooltip ~ .tooltip .tooltip-inner {
  width: 300px;
}

.itemQtyBlock {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
}
.itemQtyBlock::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px);
  border-top: 1px dashed var(--border);
}

.thumbnails .thumbnail {
  width: 60px;
  height: 50px;
  position: relative;
  border-radius: 0;
  border: 3px solid var(--border);
}
.thumbnails .thumbnail img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.thumbnails .thumbnail.is-active {
  border-color: var(--s_main);
}

.splide__list li {
  max-height: 340px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pro-description {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}

.proList {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.proList li {
  float: left;
  width: 100%;
  padding: 10px 0;
  font-size: 0.9rem;
  border-bottom: 1px solid #E9ECF3;
}
.proList li strong {
  float: left;
  width: 180px;
  font-weight: 600 !important;
}
.proList li p {
  float: left;
  width: calc(100% - 180px);
  margin: 0;
  padding-left: 20px;
}
@media (max-width: 520px) {
  .proList li strong {
    width: 100%;
  }
  .proList li p {
    width: 100%;
    padding: 0px;
  }
}
.proList li:first-child {
  padding-top: 5px;
}

.DealerSelectBlock {
  float: left;
  width: 100%;
}

.dealerInfoRow {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin: 3px 0;
}
.dealerInfoRow label {
  margin: 0;
}

.reportsMainContent .dataTables_wrapper {
  float: left;
  width: 100%;
}
.reportsMainContent .export-sortingRow {
  float: left;
  width: 100%;
}
.reportsMainContent .export-sortingRow .wrapper-cot {
  float: right;
  width: auto;
  margin: 0 0 1rem 0;
}

.leftPanel {
  float: left;
  width: calc(100% - 470px);
}
.leftPanel .productListing {
  width: 100%;
}
@media (max-width: 1200px) {
  .leftPanel {
    width: calc(100% - 350px - 20px);
  }
}
@media (max-width: 991px) {
  .leftPanel {
    width: 100%;
  }
}

.Backorder {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 0.85rem;
  z-index: 99;
  color: var(--errorBg);
  background-color: rgba(255, 255, 255, 0.6705882353);
  padding: 3px;
}

.pagginationWrapper .paginationSimple {
  float: right;
  font-size: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pagginationWrapper .paginationSimple .PageNumber, .pagginationWrapper .paginationSimple .CurrentPage {
  float: left;
  margin: 3px !important;
  border: 1px solid #F2F2F2 !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 1rem;
  color: var(--TextMain);
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: #F2F2F2 !important;
}
.pagginationWrapper .paginationSimple .PageNumber ~ .PrevNext, .pagginationWrapper .paginationSimple .CurrentPage ~ .PrevNext {
  font-size: 0;
  position: relative;
}
.pagginationWrapper .paginationSimple .PageNumber ~ .PrevNext::before, .pagginationWrapper .paginationSimple .CurrentPage ~ .PrevNext::before {
  content: "\f178";
  font-size: 1rem;
  color: var(--TextMain);
  font-family: "Font Awesome 5 Pro";
}
.pagginationWrapper .paginationSimple .CurrentPage {
  background-color: var(--p_main) !important;
  border-color: var(--p_main) !important;
  color: var(--white) !important;
}
.pagginationWrapper .paginationSimple .PrevNext {
  float: left;
  margin: 3px !important;
  border: 1px solid #F2F2F2 !important;
  padding: 3px 4px !important;
  min-width: 30px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  color: var(--TextMain);
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: #F2F2F2 !important;
  font-size: 0;
  position: relative;
}
.pagginationWrapper .paginationSimple .PrevNext::before {
  content: "\f177";
  font-size: 1rem;
  color: var(--TextMain);
  font-family: "Font Awesome 5 Pro";
}

.proDeleteCart {
  position: absolute;
  left: 5px;
  top: 10px;
  cursor: pointer;
  float: left;
  width: 25px;
  height: 25px;
  color: var(--p_main);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  margin: 3px 0;
  z-index: 1;
  cursor: pointer;
  transition: ease-in 0.3s;
}
.proDeleteCart .deleteCart {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.proDeleteCart::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.75;
  z-index: -1;
  border-radius: 100%;
}
.proDeleteCart::after {
  content: "\f2ed";
  color: var(--p_main);
  font-family: "Font Awesome 5 Pro";
}

.rgtInnerBLock {
  float: left;
  width: 100%;
}

.editIcon {
  font-size: 0px;
  position: relative;
  cursor: pointer;
}
.editIcon::before {
  content: "\f044";
  font-family: "Font Awesome 5 Pro";
  color: var(--p_main);
  font-size: 0.95rem;
  font-weight: 400;
}

.continueBtn {
  float: left;
  width: 100%;
}

.glyphicon.glyphicon-chevron-left {
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
}
.glyphicon.glyphicon-chevron-left::before {
  content: "\f053";
}

.glyphicon.glyphicon-chevron-right {
  font-family: "Font Awesome 5 Pro";
  font-weight: 800;
}
.glyphicon.glyphicon-chevron-right::before {
  content: "\f054";
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--p_main) !important;
}
.bootstrap-datetimepicker-widget table td.active::before, .bootstrap-datetimepicker-widget table td.active:hover::before {
  border-bottom-color: var(--p_main) !important;
}

.boxmain {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.boxWithOutline {
  float: left;
  width: 100%;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.boxWithOutline .radioBoxCon.smallRadio tr td {
  padding: 4px 10px 4px 0 !important;
}
.boxWithOutline .radioBoxCon.smallRadio tr td input[type=radio]:checked + label::after {
  width: 16px;
  height: 16px;
}
.boxWithOutline .radioBoxCon.smallRadio tr td label {
  padding-left: 20px;
}
.boxWithOutline .radioBoxCon.smallRadio tr td label::before {
  width: 16px;
  height: 16px;
}
.boxWithOutline .checkBoxInner.smallcheckbox {
  min-height: 16px;
  margin-right: 10px;
}
.boxWithOutline .checkBoxInner.smallcheckbox table tr td {
  padding: 4px 10px 4px 0 !important;
}
.boxWithOutline .checkBoxInner.smallcheckbox table tr td input[type=checkbox]:checked + label::after {
  width: 16px;
  height: 15px;
  font-size: 0.65rem;
  top: 1px;
}
.boxWithOutline .checkBoxInner.smallcheckbox table tr td label {
  padding-left: 20px;
  padding-top: 0;
}
.boxWithOutline .checkBoxInner.smallcheckbox table tr td label::before {
  width: 16px;
  height: 16px;
  top: 0;
}
.boxWithOutline .checkBoxInner.smallcheckbox input[type=checkbox]:checked + label::after {
  width: 16px;
  height: 15px;
  font-size: 0.65rem;
  top: 1px;
}
.boxWithOutline .checkBoxInner.smallcheckbox label {
  padding-left: 20px;
  padding-top: 0;
}
.boxWithOutline .checkBoxInner.smallcheckbox label::before {
  width: 16px;
  height: 16px;
  top: 0;
}

#dvVendorFulfillment + .boxmain .boxWithOutline {
  align-self: center;
  margin-top: 23px;
  padding: 6px 10px;
}

.arrowHide .splide__arrow {
  display: none;
}

.bannerRgt {
  margin-left: auto !important;
  float: right;
  margin: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bannerRgt .cartPoint {
  float: left;
  position: relative;
  z-index: 1;
  padding: 10px;
}
.bannerRgt .cartPoint::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.8;
  z-index: -1;
}
.bannerRgt .cartPoint h6 {
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.bannerRgt .cartPoint h6:last-child {
  margin-bottom: 0px;
}
.bannerRgt .cartPoint p {
  margin: 0;
  font-size: 0.9rem;
}
.bannerRgt .cartCon {
  float: left;
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 12px;
  position: relative;
  background-color: var(--topCartFavIconBg);
  border: 1px solid var(--topCartFavIconBdr);
}
.bannerRgt .cartCon i {
  color: var(--topCartFavIconText);
}
.bannerRgt .cartCon .cartItemsBtn {
  float: left;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bannerRgt .cartCon .cartOverlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.bannerRgt .cartCon .searchBtn {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
.bannerRgt .cartCon .count {
  top: -7px;
  height: 16px;
  min-width: 16px;
  font-size: 9px;
  font-weight: 600;
  border-radius: 100%;
  padding-top: 1px;
}
.bannerRgt .cartCon .count label {
  margin: 0px;
}
@media (max-width: 991px) {
  .bannerRgt {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
}

.cls-not-allowed {
  cursor: not-allowed;
}

.selectDealerWrapper {
  float: left;
  width: 100%;
}

#viewComment {
  cursor: pointer;
  color: var(--link);
  white-space: nowrap;
  font-size: 0.9rem;
}

#imgfile {
  float: left;
  width: 100%;
  margin-top: 8px;
}
#imgfile label {
  font-weight: normal;
}

.cartTotalRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.9rem;
}
.cartTotalRow p {
  margin: 5px 30px 5px 0;
}

.MainWrapper {
  float: left;
  width: 100%;
}

.quizWrapper {
  float: left;
  width: 100%;
}

.welcomeUserName {
  float: left;
  width: 100%;
}
.welcomeUserName strong {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}

.feedbackWrap {
  float: left;
  width: 100%;
}
.feedbackWrap .feedbackBlock {
  float: left;
  width: 100%;
  margin: 15px 0;
  padding: 15px;
  border-radius: 5px;
  background-color: var(--grey100);
}
.feedbackWrap .feedbackBlock .fleftBlock {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  font-family: var(--fontSemiBold);
  font-weight: 600;
  font-size: 1.05rem;
}
.feedbackWrap .feedbackBlock .fleftBlock label {
  margin: 0px;
}
.feedbackWrap .feedbackBlock .frightBlock {
  float: left;
  width: 100%;
}
.feedbackWrap .feedbackBlock .frightBlock .feedList {
  float: left;
  width: 100%;
}
.feedbackWrap .feedbackBlock .frightBlock .feedList li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.feedbackWrap .btncenterAlign {
  border-top: 1px dashed var(--border);
  padding: 20px 0 0;
  margin: 20px 0 0;
  position: relative;
}
.feedbackWrap .btncenterAlign .requiredText {
  color: #d51212;
  position: absolute;
  left: 0;
  top: 25px;
}

.hField {
  float: left;
  font-size: 0.85rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 180px;
  margin: 3px 5px;
}
.hField label {
  float: left;
  width: 100%;
  margin-bottom: 1px;
}
.hField .form-control, .hField .top-var-cot .chilliFlex .var-name-tab input, .top-var-cot .chilliFlex .var-name-tab .hField input {
  font-size: 0.85rem;
  height: 33px;
}
.hField .selectFieldCon {
  width: 100%;
}
.hField .selectFieldCon .select2.select2-container {
  width: 100% !important;
}

.dashboardContent {
  float: left;
  width: 100%;
}

.dsh-toptile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: calc(100% + 16px);
  float: left;
  margin-left: -8px;
}
.dsh-toptile .dsh-tabs {
  border: 1px solid var(--border);
  text-align: left;
  margin: 8px;
  color: var(--TextMain);
  padding: 10px;
  border-radius: 4px;
  -webkit-flex: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.dsh-toptile .dsh-tabs h4 {
  margin: 5px 0 8px;
  font-size: 15px;
  color: var(--p_main);
}
.dsh-toptile .dsh-tabs ul {
  float: left;
  margin-top: 0;
  width: 100%;
  opacity: 1;
}
.dsh-toptile .dsh-tabs ul li {
  width: 100%;
  text-align: left;
  padding: 5px 0;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1254901961);
}
.dsh-toptile .dsh-tabs ul li label {
  margin: 0px;
  font-weight: 600;
}
.dsh-toptile .dsh-tabs ul li span {
  float: right;
  font-size: 1rem;
}
.dsh-toptile .dsh-tabs ul li:last-child {
  border-bottom: none;
}
.dsh-toptile .dsh-tabs:nth-child(10n+1) {
  background-color: var(--ocr_color1);
}
.dsh-toptile .dsh-tabs:nth-child(10n+2) {
  background-color: var(--ocr_color2);
}
.dsh-toptile .dsh-tabs:nth-child(10n+3) {
  background-color: var(--ocr_color3);
}
.dsh-toptile .dsh-tabs:nth-child(10n+4) {
  background-color: var(--ocr_color4);
}
.dsh-toptile .dsh-tabs:nth-child(10n+5) {
  background-color: var(--ocr_color5);
}
.dsh-toptile .dsh-tabs:nth-child(10n+6) {
  background-color: var(--ocr_color6);
}
.dsh-toptile .dsh-tabs:nth-child(10n+7) {
  background-color: var(--ocr_color7);
}
.dsh-toptile .dsh-tabs:nth-child(10n+8) {
  background-color: var(--ocr_color8);
}
.dsh-toptile .dsh-tabs:nth-child(10n+9) {
  background-color: var(--ocr_color9);
}
.dsh-toptile .dsh-tabs:nth-child(10n+10) {
  background-color: var(--ocr_color10);
}
.dsh-toptile .dsh-tabs.dshTotal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--p_main);
}
.dsh-toptile .dsh-tabs.dshTotal .dshInner {
  float: left;
  width: 100%;
}
.dsh-toptile .dsh-tabs.dshTotal .dshInner h3 {
  float: left;
  width: 100%;
  margin: 8px 0;
  font-size: 1rem;
  color: var(--p_main);
}
.dsh-toptile .dsh-tabs.dshTotal .dshInner h3 span {
  float: right;
  color: var(--TextMain);
  font-weight: normal;
  font-size: 0.9rem;
}
@media (max-width: 991px) {
  .dsh-toptile {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dsh-toptile .dsh-tabs {
    flex: auto;
    margin: 7px !important;
    width: calc(33.33% - 14px);
  }
}
@media (max-width: 767px) {
  .dsh-toptile .dsh-tabs {
    width: calc(50% - 14px);
  }
  .dsh-toptile .dsh-tabs.dshTotal {
    width: calc(100% - 14px);
  }
}
@media (max-width: 480px) {
  .dsh-toptile .dsh-tabs {
    width: calc(100% - 14px);
  }
}

.ocr_dashboardBlocks {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}

.ocr_dashboard_Blocks {
  border: 1px solid var(--border);
  padding: 15px;
  margin: 15px 10px;
  background-color: #ffffff;
  cursor: move;
  position: relative;
  z-index: 1;
  float: left;
  border-radius: 5px;
}
.ocr_dashboard_Blocks.ocr_col-4 {
  width: calc(33.333333% - 20px);
}
@media (max-width: 991px) {
  .ocr_dashboard_Blocks.ocr_col-4 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .ocr_dashboard_Blocks.ocr_col-4 {
    width: calc(100% - 20px);
  }
}
.ocr_dashboard_Blocks.ocr_col-6 {
  width: calc(50% - 20px);
}
@media (max-width: 767px) {
  .ocr_dashboard_Blocks.ocr_col-6 {
    width: calc(100% - 20px);
  }
}
.ocr_dashboard_Blocks.ocr_col-12 {
  width: calc(100% - 20px);
}

.dragging {
  border: 2px dashed #007bff;
}

.Hi-octaneCon {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.templaeImageBlock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.templaeImageBlock .templateLeftBlock {
  float: left;
  width: calc(100% - 350px);
}
@media (max-width: 767px) {
  .templaeImageBlock .templateLeftBlock {
    width: 100%;
  }
}
.templaeImageBlock .uploadImageRgtBlock {
  float: left;
  width: 350px;
}
@media (max-width: 767px) {
  .templaeImageBlock .uploadImageRgtBlock {
    width: 100%;
  }
}
.templaeImageBlock .uploadBackgroundImage {
  float: left;
  width: 100%;
  padding: 0 20px;
}
.templaeImageBlock .uploadBackgroundImage .dropzone {
  background: var(--uploadBgLight) !important;
  border: 1px dashed var(--uploadBdrLight) !important;
  min-height: 80px !important;
}
.templaeImageBlock .uploadBackgroundImage .dropzone .dz-message {
  margin: 1rem 0;
}
.templaeImageBlock .uploadBackgroundImage .dropzone .dz-message p {
  color: var(--TextMain);
  margin: 0px;
}
.templaeImageBlock .uploadBackgroundImage .dropzone .dz-message p span {
  color: var(--p_main);
  text-decoration: underline;
}
.templaeImageBlock .uploadBackgroundImage .imagePreviewList {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.templaeImageBlock .uploadBackgroundImage .imagePreviewList .uploadList {
  float: left;
  width: 100%;
  margin: 3px 0;
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--uplodedListBg);
  border-radius: 4px;
}
.templaeImageBlock .uploadBackgroundImage .imagePreviewList .uploadList label {
  float: left;
  margin: 0;
  max-width: calc(100% - 22px);
  font-size: 0.9rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.templaeImageBlock .uploadBackgroundImage .imagePreviewList .uploadList a {
  margin-left: auto;
  cursor: pointer;
}

.zoomTabBlock {
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 99;
  padding: 10px;
  border-radius: 4px;
  line-height: 1;
  background-color: var(--zoomBg);
  color: var(--zoomText);
}
.zoomTabBlock a {
  color: var(--zoomText);
}
.zoomTabBlock a i {
  font-weight: 500;
}
.zoomTabBlock #spnZoom {
  margin: 0 5px;
}

.newPublisherPage .customScroll-1 {
  float: left;
  width: 100%;
  padding: 0;
}
.newPublisherPage .customScroll-1.tabTextContent {
  padding: 0px;
}
.newPublisherPage .customScroll-1.tabTextContent .adListWrapper, .newPublisherPage .customScroll-1.tabTextContent .smallNav .adListWrapper-Small, .smallNav .newPublisherPage .customScroll-1.tabTextContent .adListWrapper-Small {
  margin: 15px;
  width: calc(100% - 30px);
}
.newPublisherPage .customScroll-1.tabTextContent .adListWrapper .customScroll.scroll-wrapper, .newPublisherPage .customScroll-1.tabTextContent .smallNav .adListWrapper-Small .customScroll.scroll-wrapper, .smallNav .newPublisherPage .customScroll-1.tabTextContent .adListWrapper-Small .customScroll.scroll-wrapper {
  height: calc(100vh - 30px - 60px);
  overflow: auto;
  padding: 18px 24px !important;
}
.newPublisherPage .customScroll-1.tabTextContent .smallNav .adListWrapper-Small {
  margin: 0;
  width: 60px;
  height: auto;
}
.newPublisherPage .customScroll-1.tabTextContent .slide-toggle {
  /*.openSlideContent {
      height: calc(100vh - 30px - 60px);
      overflow: auto;
  }*/
}
.newPublisherPage .customScroll-1 .slide-toggle .scroll-wrapper.customScroll {
  height: calc(100vh - 30px - 60px);
  padding: 18px 24px !important;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate {
  gap: 0;
  padding: 0 20px;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 60px);
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar {
  float: left;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: var(--publisherTopBg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar h6 {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--publisherText);
  font-weight: normal;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper {
  margin-left: auto;
  color: var(--publisherText);
  border-radius: 0 4px 0 0;
  position: relative;
  background-color: var(--publisherSizeBg);
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .templateBlock {
  padding: 8px 10px;
  width: 140px;
  text-align: center;
  cursor: pointer;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .templateBlock i {
  color: var(--publisherText);
  margin-left: 5px;
  font-size: 1rem;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .framePrv {
  position: absolute;
  right: 0px;
  top: 100%;
  width: 100%;
  border-radius: 0;
  padding: 12px;
  overflow-y: auto;
  display: none;
  max-height: calc(100vh - 110px);
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .framePrv ul li {
  margin: 15px 0;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .framePrv ul li a {
  margin: 0px;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .framePrv ul li:first-child {
  margin-top: 0px;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper .framePrv ul li:last-child {
  margin-bottom: 0px;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .publisherTopBar .templateSizeWrapper.showTemplate .framePrv {
  display: block;
}
.newPublisherPage .chilliAreaCon .chilliTemplateArea .CreateAdTemplate .CreateAdInner {
  float: left;
  width: 100%;
  height: calc(100vh - 60px - 30px);
  overflow: auto;
}
.newPublisherPage .chilliAreaCon .openSlideContent {
  width: 100%;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content {
  margin: 0px;
  width: 100%;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content .var-inner-title {
  margin: 0 !important;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content div[class*=formatBlock] {
  margin-top: 5px;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content div[class*=formatBlock]::before {
  display: none;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content div[class*=formatBlock] ul.listAlgnmt li {
  padding: 8px 4px;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content div[class*=formatBlock] .colorWrapper .clr-field {
  min-height: 38px;
  padding: 0;
  width: 100%;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content div[class*=formatBlock] .colorWrapper .clr-field input {
  min-width: 55px;
  height: 36px;
  border: none;
  padding-left: 36px;
  padding-right: 5px;
  width: 100%;
}
.newPublisherPage .chilliAreaCon .openSlideContent .var-inner-content .halfWrap .halfBlock .clr-field {
  width: 90% !important;
}
.newPublisherPage .chilliAreaCon .adSetting {
  display: none;
}
@media (max-width: 991px) {
  .newPublisherPage .chilliAreaCon {
    position: relative;
  }
  .newPublisherPage .chilliAreaCon .adSetting {
    display: block;
    position: absolute;
    right: -35px;
    top: 10px;
    z-index: 999;
    background-color: #fff;
    width: 35px;
    height: 35px;
    font-size: 1.1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 0 5px #d3d3d3;
    transition: cubic-bezier(0.63, 0.01, 0.47, 1.02) 0.3s;
  }
  .newPublisherPage .chilliAreaCon .ChilliFilter {
    position: absolute;
    left: -380px;
    top: 0;
    width: 100%;
    z-index: 99;
    max-width: 380px;
    overflow: visible;
    transition: cubic-bezier(0.63, 0.01, 0.47, 1.02) 0.3s;
  }
  .newPublisherPage .chilliAreaCon .ChilliFilter .customScroll-1 {
    overflow: hidden;
  }
}
@media (max-width: 991px) and (max-width: 600px) {
  .newPublisherPage .chilliAreaCon .ChilliFilter {
    max-width: calc(100% - 40px);
    right: 100%;
    left: inherit;
  }
}
@media (max-width: 991px) {
  .newPublisherPage .chilliAreaCon.openFilter .ChilliFilter {
    left: 0;
    transition: cubic-bezier(0.63, 0.01, 0.47, 1.02) 0.3s;
  }
}

.adListWrapper, .smallNav .adListWrapper-Small {
  float: left;
  width: 100%;
  background-color: var(--adListBg);
  border-radius: 4px;
  /*padding: 18px 24px;*/
}
.adListWrapper .adBlock1, .smallNav .adListWrapper-Small .adBlock1 {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.adListWrapper .adBlock1:first-child, .smallNav .adListWrapper-Small .adBlock1:first-child {
  margin-top: 0px;
}
.adListWrapper .adBlock1:last-child, .smallNav .adListWrapper-Small .adBlock1:last-child {
  margin-bottom: 0px;
}
.adListWrapper .adBlock1:nth-child(even) ul li .ad_Icon, .smallNav .adListWrapper-Small .adBlock1:nth-child(even) ul li .ad_Icon {
  border: 1px solid var(--adIcon2-Bdr);
  background-color: var(--adIcon2-Bg);
}
.adListWrapper .adBlock1:nth-child(even) ul li .ad_Icon i, .smallNav .adListWrapper-Small .adBlock1:nth-child(even) ul li .ad_Icon i {
  color: var(--adIcon2-Text);
}
.adListWrapper .adBlock1 > h6, .smallNav .adListWrapper-Small .adBlock1 > h6 {
  float: left;
  width: 100%;
  color: var(--adListHeading);
  font-size: 0.9rem;
}
.adListWrapper .adBlock1 ul, .smallNav .adListWrapper-Small .adBlock1 ul {
  float: left;
  width: 100%;
}
.adListWrapper .adBlock1 ul li, .smallNav .adListWrapper-Small .adBlock1 ul li {
  float: left;
  width: 100%;
  margin: 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adListWrapper .adBlock1 ul li a, .smallNav .adListWrapper-Small .adBlock1 ul li a {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--TextMain);
}
.adListWrapper .adBlock1 ul li .ad_Icon, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Icon {
  float: left;
  width: 45px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid var(--adIcon1-Bdr);
  background-color: var(--adIcon1-Bg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.adListWrapper .adBlock1 ul li .ad_Icon i, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Icon i {
  color: var(--adIcon1-Text);
}
.adListWrapper .adBlock1 ul li .ad_Icon img, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Icon img {
  max-width: 19px;
}
.adListWrapper .adBlock1 ul li .ad_Content, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Content {
  float: left;
  width: calc(100% - 45px);
  padding-left: 12px;
  padding-right: 15px;
  position: relative;
}
.adListWrapper .adBlock1 ul li .ad_Content h6, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Content h6 {
  font-weight: 500;
  margin-bottom: 2px;
  float: left;
  width: 100%;
  font-size: 0.95rem;
  color: var(--adIconTextHeading);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adListWrapper .adBlock1 ul li .ad_Content h6 .frameCount, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Content h6 .frameCount {
  background-color: var(--BtnBg);
  color: var(--BtnText);
  border-radius: 4px;
  min-width: 35px;
  text-align: center;
  font-family: var(--fontRegular);
  font-weight: 400;
  font-size: 0.75rem;
  margin-left: 8px;
  padding: 2px 6px;
  margin-top: -1px;
}
.adListWrapper .adBlock1 ul li .ad_Content p, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Content p {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  font-weight: 300;
  margin-bottom: 0;
  color: var(--adIconTextp);
  line-height: 1.2;
}
.adListWrapper .adBlock1 ul li .ad_Content::after, .smallNav .adListWrapper-Small .adBlock1 ul li .ad_Content::after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  color: var(--adIconArrow);
  font-size: 1.3rem;
  font-weight: 300;
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
  line-height: 14px;
}

body.ad-body-content .newPublisherPage .chilliAreaCon .slide-toggle {
  display: block;
  padding: 0px;
  position: absolute;
  top: 0;
  z-index: 99;
  left: 0;
  transition: cubic-bezier(0.76, -0.01, 0.16, 0.96) 0.3s;
}
body.ad-body-content .newPublisherPage .chilliAreaCon .slide-toggle .scroll-wrapper.customScroll {
  max-height: calc(100vh - 30px - 60px);
  height: calc(100vh - 30px - 60px);
  padding: 18px 24px !important;
  /*.customScroll {
      height: calc(100vh - 30px - 60px) !important;
  }*/
}
body.ad-body-content .newPublisherPage .chilliAreaCon .slide-toggle.slideOpen {
  transition: cubic-bezier(0.76, -0.01, 0.16, 0.96) 0.3s;
}

.slideTopBar {
  float: left;
  width: 100%;
  position: relative;
}
.slideTopBar .breadcrumbCon {
  float: left;
  width: 100%;
  font-size: 0.95rem;
}
.slideTopBar .breadcrumbCon a {
  font-family: var(--fontSemiBold);
  font-weight: 600;
}
.slideTopBar .breadcrumbCon a ~ span {
  margin-left: 8px;
  padding-left: 8px;
  position: relative;
}
.slideTopBar .breadcrumbCon a ~ span::before {
  content: "/";
  position: absolute;
  left: -3px;
  top: 2px;
  font-size: 0.8rem;
}

.smallNav {
  position: absolute;
  left: 0;
  top: 29px;
  display: none;
}
.smallNav .navToggle {
  width: 27px;
  height: 27px;
  border-radius: 30px;
  border: 1px solid #C6CDE5;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.smallNav .navList {
  position: absolute;
  left: -5px;
  top: 100%;
  padding: 12px;
  width: 60px;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1490196078);
  display: none;
}
.smallNav.SmallNavOpen .navList {
  display: block;
}
.smallNav.SmallNavOpen .navList .adBlock1 {
  margin: 0px;
}
.smallNav.SmallNavOpen .navList .adBlock1 ul li {
  margin: 5px 0;
}

body.ad-body-content .smallNav {
  display: block;
  z-index: 999;
}
body.ad-body-content .smallNav .navToggle {
  animation-name: smallNav_animation;
  animation-duration: 0.3s;
  left: 5px;
}

@keyframes smallNav_animation {
  0% {
    opacity: 0;
    left: 0;
  }
  100% {
    opacity: 1;
    left: 5px;
  }
}
.addMoreList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  padding: 5px;
  background: #fff;
  font-size: 0.8rem;
  border-radius: 4px;
  align-items: center;
  gap: 5px;
  border: 1px solid;
}
.addMoreList i {
  position: relative;
  top: 1px;
}

.social-media-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 5px 0 10px;
}
.social-media-icons label {
  position: relative;
  width: auto !important;
  margin: 0;
}
.social-media-icons label input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 100%;
  z-index: 1;
  cursor: pointer;
}
.social-media-icons label span {
  opacity: 0.6;
  position: relative;
  border: 1px solid #ccc;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1rem;
}
.social-media-icons label span::before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  position: absolute;
  top: -2px;
  right: 0px;
  font-size: 10px;
  opacity: 0;
  color: var(--p_main);
}
.social-media-icons label span svg {
  width: 18px;
}
.social-media-icons label span .fa-instagram {
  color: #CB2867;
}
.social-media-icons label span .fa-pinterest {
  color: #BD242C;
}
.social-media-icons label span .fa-youtube {
  color: #E52A23;
}
.social-media-icons label span .fa-facebook {
  color: #2E69B2;
}
.social-media-icons label span .fa-linkedin {
  color: #147CB7;
}
.social-media-icons label input:checked ~ span {
  border-color: #aaa;
  opacity: 1;
}
.social-media-icons label input:checked ~ span::before {
  opacity: 1;
}

.uploadedBg {
  padding: 5px 10px;
  border: 1px dashed #ccc;
  border-radius: 4px;
}
.uploadedBg .uploadList {
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 5px 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--uplodedListBg);
  border-radius: 4px;
}
.uploadedBg .uploadList label {
  margin: 0;
}

.uploadRightBtn {
  float: right;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
}

.IconAlignmentRow {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
.IconAlignmentRow .alignmentFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.IconAlignmentRow .alignmentFlex .alignmentCol {
  float: left;
  width: calc(50% - 6px);
  padding: 5px;
  position: relative;
  background-color: #ffffff;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #e3e3e3;
  font-size: 0.9rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.IconAlignmentRow .alignmentFlex .alignmentCol.alignLeft i {
  margin-right: 8px;
}
.IconAlignmentRow .alignmentFlex .alignmentCol.alignRgt {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.IconAlignmentRow .alignmentFlex .alignmentCol.alignRgt i {
  margin-left: 8px;
}
.IconAlignmentRow .alignmentFlex .alignmentCol i {
  float: left;
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ededed;
  border-radius: 100%;
}
.IconAlignmentRow .alignmentFlex .alignmentCol.active {
  border-color: var(--btnBdr);
  color: var(--BtnBg);
}
.IconAlignmentRow .alignmentFlex .alignmentCol.active i {
  background-color: var(--BtnBg);
  color: var(--BtnText);
}

.dvTagCot div[class*=formatBlock] {
  padding: 5px 0 0 !important;
  box-shadow: none !important;
  border-top: 1px solid #ddd;
  border-radius: 0 !important;
}

.uploadedBg .imgUploaded .uploadList label {
  font-size: 0.85rem;
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rowFormat {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.formatInput {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px !important;
}
.formatInput .btnFormat {
  height: 38px;
  margin-left: 5px;
  color: var(--FormText);
  border-radius: 4px;
  background-color: var(--FormIconBg);
  border: 1px solid var(--FormFocusBdr);
}

.adlogoWrapper {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adlogoWrapper .logoBlock {
  float: left;
  width: calc(33.33% - 8px);
  margin: 4px;
  position: relative;
  padding: 5px;
  border: 1px solid var(--border);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.adlogoWrapper .logoBlock input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 9;
  opacity: 0;
}
.adlogoWrapper .logoBlock input[type=radio][type=radio]:checked + .radioBlock::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 1;
  color: var(--rc_IconActive);
  background-color: var(--rc_bgActive);
  border-radius: 100%;
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
}
.adlogoWrapper .logoBlock .radioBlock {
  float: left;
  width: 100%;
}

.onBoardingWrapper {
  float: left;
  width: 100%;
  padding: 0 1rem;
}
.onBoardingWrapper .onboardingHeroBanner {
  background-color: var(--onboardingHeroBanner);
  padding: 1rem;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: var(--text_white);
}
.onBoardingWrapper .onboardingHeroBanner .leftContent p {
  max-width: 400px;
  margin-top: 1rem;
}
.onBoardingWrapper .onboardingHeroBanner .leftContent i {
  color: var(--text_white);
  font-size: 18px;
  margin-left: 10px;
}
.onBoardingWrapper .onboardingHeroBanner .leftContent .activateBtn {
  background-color: var(--s_btnBg);
}
@media (max-width: 767px) {
  .onBoardingWrapper .onboardingHeroBanner .leftContent {
    width: 100%;
  }
  .onBoardingWrapper .onboardingHeroBanner .leftContent p {
    max-width: 100%;
  }
}
.onBoardingWrapper .onboardingHeroBanner .rightImg img {
  max-width: 300px;
}
@media (max-width: 767px) {
  .onBoardingWrapper .onboardingHeroBanner .rightImg {
    width: 100%;
    margin-top: 1rem;
  }
}
.onBoardingWrapper .onboardingLeft {
  margin-top: 1rem;
  border-radius: 5px;
}
.onBoardingWrapper .onboardingLeft .imgblock {
  text-align: center;
}
.onBoardingWrapper .onboardingRight {
  margin-top: 1rem;
}
.onBoardingWrapper .onboardingRight p {
  font-size: 13px;
}
.onBoardingWrapper .onboardingRight .upperblock {
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 1rem;
  background-color: var(--p_main);
  color: var(--text_white);
  position: relative;
  z-index: 1;
}
.onBoardingWrapper .onboardingRight .upperblock p {
  max-width: 250px;
}
.onBoardingWrapper .onboardingRight .upperblock .imgblock {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.onBoardingWrapper .onboardingRight .upperblock .imgblock img {
  max-width: 115px;
}
.onBoardingWrapper .onboardingRight .lowerblock {
  border: 1px solid var(--border);
  padding: 1rem;
  border-radius: 5px;
  text-align: center;
}
.onBoardingWrapper .onboardingRight .lowerblock h4, .onBoardingWrapper .onboardingRight .lowerblock p {
  text-align: left;
}
.onBoardingWrapper .onboardingRight .lowerblock i {
  font-size: 18px;
  margin-left: 10px;
}

.onboardingBlocks {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.onboardingBlocks .onboardingLeft {
  float: left;
  width: 100%;
  max-width: calc(100% - 360px - 1rem);
}
.onboardingBlocks .onboardingLeft .imgblock {
  float: left;
  width: 100%;
}
.onboardingBlocks .onboardingLeft .imgblock img {
  width: 100%;
}
@media (min-width: 1600px) {
  .onboardingBlocks .onboardingLeft {
    max-width: calc(100% - 500px - 1rem);
  }
}
@media (max-width: 1140px) {
  .onboardingBlocks .onboardingLeft {
    max-width: calc(100% - 350px - 1.6rem);
  }
}
@media (max-width: 991px) {
  .onboardingBlocks .onboardingLeft {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.onboardingBlocks .onboardingRight {
  width: 360px;
  margin-left: auto;
}
.onboardingBlocks .onboardingRight .upperblock {
  padding: 1.2rem;
  border-radius: var(--border-radius);
  margin-bottom: 1.2rem;
  background-color: var(--setGoalBg);
  color: var(--setGoalText);
  position: relative;
  z-index: 1;
}
.onboardingBlocks .onboardingRight .upperblock p {
  font-size: 13px;
  max-width: 250px;
}
.onboardingBlocks .onboardingRight .upperblock .imgblock {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.onboardingBlocks .onboardingRight .upperblock .imgblock img {
  max-width: 115px;
}
.onboardingBlocks .onboardingRight .lowerblock {
  border: 1px solid var(--border);
  padding: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--DigitalHealthScore);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.onboardingBlocks .onboardingRight .lowerblock h4 {
  font-size: 1.5rem;
  margin-bottom: 0.7rem;
}
.onboardingBlocks .onboardingRight .lowerblock h4 i {
  font-size: 18px;
  margin-left: 10px;
}
.onboardingBlocks .onboardingRight .lowerblock p {
  font-size: 13px;
}
.onboardingBlocks .onboardingRight .lowerblock .imgblock {
  text-align: center;
  margin-top: 1rem;
}
@media (min-width: 1600px) {
  .onboardingBlocks .onboardingRight {
    width: 500px;
  }
}
@media (max-width: 1140px) {
  .onboardingBlocks .onboardingRight {
    width: 350px;
  }
}
@media (max-width: 991px) {
  .onboardingBlocks .onboardingRight {
    width: 100%;
  }
}

.chatbot-popup {
  bottom: 80px;
  right: 20px;
  width: 400px;
  max-width: 100%;
  z-index: 9999;
  border-radius: 6px;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chatbot-popup .chat-header {
  background-color: var(--p_main);
  color: #fff;
  border-radius: 0px;
  padding: 15px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 6px 6px 0 0;
}
.chatbot-popup .chat-header a {
  color: #fff;
}
.chatbot-popup .chat-header #close-btn {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  outline: none !important;
  box-shadow: none !important;
}
.chatbot-popup .chat-header #close-btn i {
  color: #fff !important;
}
.chatbot-popup .chat-box {
  height: auto;
  max-height: 400px;
  min-height: 350px;
  padding: 10px 20px 10px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  /* &:has(.chat-history) {
      padding: 10px 20px 15px;
  }

  .chat-history {
      top: 0;
      padding: 0;
  }*/
}
.chatbot-popup .chat-box .user-message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: transparent;
  padding: 0;
  margin: 3px 0;
  position: relative;
  align-items: center;
  flex-direction: row-reverse;
  color: #333;
  border-radius: 15px;
}
.chatbot-popup .chat-box .user-message .InnerContent {
  float: right;
  padding: 10px 12px;
  line-height: 1.6;
  max-width: 85%;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 0.9rem;
  border-radius: 15px;
  color: #fff;
  background-color: var(--p_main);
}
.chatbot-popup .chat-box .user-message::before {
  display: none;
}
.chatbot-popup .chat-box .bot-message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: transparent;
  padding: 0 0 0 25px;
  margin: 3px 0;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
  align-self: flex-start;
  color: #000;
}
.chatbot-popup .chat-box .bot-message .InnerContent {
  float: left;
  padding: 10px 12px;
  line-height: 1.6;
  max-width: 85%;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 0.9rem;
  border-radius: 15px;
  color: #444;
  background-color: #f4f6f8;
}
.chatbot-popup .chat-box .bot-message .InnerContent h3 {
  font-size: 1rem;
  margin: 0;
}
.chatbot-popup .chat-box .bot-message .InnerContent p {
  margin: 0px;
}
.chatbot-popup .chat-box .bot-message .InnerContent a {
  color: var(--p_main);
  text-decoration: underline;
}
.chatbot-popup .chat-box .bot-message::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.753 8.885C5.454 8.652 5.183 8.19 5.061 7.659 4.887 6.895 5.09 6.274 5.516 6.275h.014l.039.003c.019.002.037.005.055.01-.146-.999-.244-1.958-.066-2.893.027-.17.074-.349.143-.531C6.042 1.67 7.514.25 10 .25s3.957 1.42 4.298 2.613c.069.183.116.362.144.532.178.935.08 1.894-.066 2.893.031-.007.063-.011.053-.009.014 0 .028 0 .042-.002h.012c.426-.001.629.619.455 1.384-.12.531-.393.993-.691 1.225C13.2 11.293 11.058 12.75 10 12.75s-3.201-1.457-4.247-3.865Zm7.923-.25c.042-.096.107-.18.19-.245.153-.118.366-.436.464-.87.045-.192.053-.344.046-.455v-.04c0-.094-.025-.188-.074-.27-.049-.082-.119-.148-.202-.193-.311-.1-.58.66-.726 1.082.159-.773.376-1.772.376-2.396v.004V5.005c-.306-.766-.695-1.457-1.359-1.912-.512.945-1.337 1.541-2.401 1.868-.88.271-1.924.36-3.09.312a1.115 1.115 0 0 0-.363.295c-.105.094-.19.208-.248.336.07.574.218 1.263.335 1.831-.146-.422-.415-1.182-.726-1.082a.606.606 0 0 0-.21.311c-.048.089-.07.19-.063.291-.007.112 0 .263.046.455.098.433.311.751.463.869a.525.525 0 0 1 .19.246c.996 2.292 2.966 3.488 3.674 3.488s2.97-1.196 3.965-3.49ZM1.347 14.834c1.21-1.149 2.925-1.42 5.047-2.084.283 2.607 1.912 4.749 3.606 5.556 1.694-.807 3.323-2.949 3.606-5.556 2.122.664 3.836.935 5.047 2.084.7 1.152.756 2.465.711 4.167H.637c-.044-1.703.012-3.016.71-4.167Z' fill='#9EA9B4' /></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: auto;
  height: 21px;
  bottom: 0;
  left: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
}
.chatbot-popup .chat-box .preselectContentBlock {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chatbot-popup .chat-box .preselectContentBlock li {
  float: left;
  padding: 8px 15px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  box-shadow: 0 2px 5px #e9e9e9;
  margin: 6px;
  font-size: 0.9rem;
  position: relative;
  animation-name: example;
  animation-duration: 1s;
}
.chatbot-popup .chat-box .chat-date {
  font-size: 0.7rem;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 15px 0;
}
.chatbot-popup .chat-box .chat-date span {
  display: inline-block;
  padding: 5px 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.chatbot-popup .chat-box .chat-date:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #ddd;
  position: absolute;
  left: 0;
  top: 11px;
}
.chatbot-popup .chat-input {
  border: none;
  position: relative;
  padding: 8px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.chatbot-popup .chat-input #send-btn {
  border-radius: 100%;
  border: none;
  width: 45px;
  height: 45px;
  font-size: 1.1rem;
  color: var(--p_main);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--p_main_50);
}
.chatbot-popup .chat-input #send-btn:hover {
  background-color: var(--p_main);
}
.chatbot-popup .chat-input #send-btn:hover i {
  color: #fff !important;
}
.chatbot-popup .chat-input .chat_search, .chatbot-popup .chat-input #user-input {
  font-size: 0.9rem;
  font-weight: normal;
  float: left;
  width: 100%;
  border-radius: 30px;
  padding: 10px 12px;
  flex: 1;
  border: 1px solid #ddd;
  outline: none;
  margin-right: 10px;
}

@keyframes example {
  0% {
    bottom: -15px;
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}
.chatLoader {
  width: 40px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side, #aaa 90%,#0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 1s infinite linear;
  display: inline-block;
  position: relative;
  left: 30px;
  top: 10px;
}

@keyframes l7 {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
.chat-history {
  display: inline-block;
  padding: 10px 10px 0;
  width: 100%;
  text-align: center;
  position: relative;
  top: 0;
  z-index: 1;
  /*  &:has(.btnNewChat) {
      top: auto;
      bottom:62px;
  }*/
}
.chat-history .btnChatHistory {
  border: 1px solid var(--p_main_50);
  background: rgba(255, 255, 255, 0.75);
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  outline: none !important;
}
.chat-history .btnChatHistory i {
  margin-right: 3px;
}
.chat-history .btnChatHistory:hover {
  color: var(--p_main);
  border: 1px solid var(--p_main_100);
}

.floatNav {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
}
.floatNav .toggleFnav {
  padding: 2px;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #383C43;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1254901961);
  font-size: 1.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  outline: none !important;
}
.floatNav .toggleFnav i {
  color: #fff;
}
.floatNav .floatSubNav {
  position: absolute;
  bottom: 60px;
  right: 0;
  width: 280px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1254901961);
  border-radius: 6px;
  display: none;
  padding: 5px 2px;
  border: 1px solid var(--p_main_50);
}
.floatNav .floatSubNav li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
  padding: 0.8rem 1rem;
  color: var(--TextMain);
  font-size: 1.1rem;
  outline: none !important;
}
.floatNav .floatSubNav li a i {
  background: var(--grey100);
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 1.2rem;
  color: var(--p_main_400);
}
.floatNav .floatSubNav li a i svg {
  height: 20px;
}
.floatNav .floatSubNav li a:hover {
  color: var(--p_main);
}
.floatNav .floatSubNav li a:hover i {
  color: var(--p_main);
}
.floatNav .floatSubNav li a:hover i:before {
  font-weight: bold;
}
.floatNav .floatSubNav li a:hover i svg path {
  fill: var(--p_main);
}
.floatNav .floatSubNav li a:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  right: 10px;
  position: absolute;
  color: var(--p_main_400);
}
.floatNav.active .toggleFnav {
  background: var(--p_main_900);
}
.floatNav.active .floatSubNav {
  display: block;
}

.toggleFnav svg {
  fill: #fff;
  width: 18px;
}

.top-var-cot {
  background: var(--p_main_50);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 100%;
  margin-top: 10px;
  padding: 7px;
}
.top-var-cot .chilliFlex {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}
.top-var-cot .chilliFlex .right-var-tab {
  float: right;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.top-var-cot .chilliFlex .right-var-tab ul {
  margin-left: auto;
}
.top-var-cot .chilliFlex .right-var-tab ul li {
  min-width: 80px;
}
.top-var-cot .chilliFlex .left-var-tab ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
  position: relative;
}
.top-var-cot .chilliFlex .left-var-tab ul li {
  float: left;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  flex-basis: 100%;
  min-width: 100px;
  max-width: 40%;
}
.top-var-cot .chilliFlex .left-var-tab ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.top-var-cot .chilliFlex .var-name-tab {
  float: left;
  width: 100%;
  padding: 0 5px;
}
.top-var-cot .chilliFlex .var-name-tab input {
  float: left;
  width: 100%;
  height: 38px;
  padding: 3px 12px;
  font-size: 0.9rem;
}

.chilliAreaCon {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.chilliAreaCon .ChilliFilter {
  width: 33.33333333%;
  max-height: calc(100vh - 20px);
  position: sticky;
  top: 0;
  overflow-y: auto;
  background-color: var(--ad-LeftFilterBg);
  padding: 20px 20px;
  float: left;
  border-radius: 5px;
  border: 1px solid var(--ad-LeftFilterBdr);
}
.chilliAreaCon .ChilliFilter .adTitle {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ad-LeftFilterBdr);
  width: 100%;
  display: inline-block;
  position: relative;
}
.chilliAreaCon .ChilliFilter .adTitle::before {
  content: "";
  width: 30%;
  height: 1px;
  bottom: -1px;
  background: var(--ad-filterTitlebdr-h);
  position: absolute;
  left: 0;
}
.chilliAreaCon .ChilliFilter .var-tab-content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.chilliAreaCon .ChilliFilter .var-tab-content .var-inner-content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 15px;
}
.chilliAreaCon .ChilliFilter .var-tab-content .var-inner-content .var-inner-title a {
  color: var(--tabText);
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 14px;
  width: 100%;
  border: 1px solid var(--tabBdr);
  position: relative;
  background: var(--tabBg);
  font-weight: normal;
}
.chilliAreaCon .ChilliFilter .var-tab-content .var-inner-content .var-inner-title a::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: bold;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  color: var(--tabText);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.chilliAreaCon .ChilliFilter .var-tab-content .var-inner-content .var-inner-title a.active {
  border: 1px solid var(--tabBdrActive);
  color: var(--tabTextActive);
  background: var(--tabActiveBg);
}
.chilliAreaCon .ChilliFilter .var-tab-content .var-inner-content .var-inner-title a.active::before {
  color: var(--tabTextActive);
}

.verticalNav2 {
  float: left;
  width: 215px;
  max-height: 100vh;
  position: sticky;
  top: 0;
  border-right: 1px solid var(--v-NavBdr);
  background-color: var(--v_NavBg);
  transition: cubic-bezier(0.4, 0, 1, 1) 0.2s;
}
.verticalNav2 ~ .mainContentArea {
  width: calc(100% - 215px);
}
.verticalNav2 .logoBlock {
  float: left;
  width: 100%;
  height: 70px;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--v-NavBdr);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 991px) {
  .verticalNav2 {
    display: none;
  }
}
.verticalNav2 .v_navRow {
  float: left;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 99;
}
.verticalNav2 .v_navRow > .customScroll {
  padding: 0 0.8rem;
  max-height: calc(100vh - 30px);
  min-height: calc(100vh - 30px);
}
@media (max-width: 991px) {
  .verticalNav2 .v_navRow > .customScroll {
    padding: 1rem 0.8rem 0.5rem;
  }
}
@media (max-width: 991px) {
  .verticalNav2 .v_navRow {
    padding-top: 30px;
  }
}

.toggleRow {
  float: left;
  width: 100%;
}
.toggleRow .sd_toggleBtn {
  float: right;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.toggleRow .sd_toggleBtn:hover {
  background-color: #e0e1e7;
}
@media (max-width: 991px) {
  .toggleRow {
    display: none;
  }
}

@media (min-width: 992px) {
  .verticalNav2.sidebarHidden {
    width: 40px !important;
  }
  .verticalNav2.sidebarHidden .engageLeftNav > .customScroll {
    padding: 0.4rem 0.4rem 2rem 0.4rem;
    position: relative;
  }
  .verticalNav2.sidebarHidden .acc2Row {
    visibility: hidden;
    opacity: 0;
  }
  .verticalNav2.sidebarHidden .toggleRow h6 {
    display: none;
  }
  .verticalNav2.sidebarHidden ~ .mainContentArea {
    width: calc(100% - 40px) !important;
  }
}
.acc2Row {
  float: left;
  width: 100%;
}
.acc2Row .acc2List {
  float: left;
  width: 100%;
  margin: 0.3rem 0;
  padding: 0 0.8rem;
}
.acc2Row .acc2List .acc2Head {
  float: left;
  width: 100%;
  cursor: pointer;
  background-color: var(--v-acc2-Bg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--v-acc2-bottom-Bdr);
}
.acc2Row .acc2List .acc2Head p {
  float: left;
  margin: 0;
  font-size: 0.95rem;
  padding: 10px 0 10px 5px;
  position: relative;
  color: var(--v-acc2-Text);
}
.acc2Row .acc2List .acc2Head p::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 60px;
  height: 2px;
  background-color: var(--v-acc2-bottom-Bdr-highlighted);
}
.acc2Row .acc2List .acc2Head p i {
  width: 18px;
}
.acc2Row .acc2List .acc2Head .acc2-ToggleIcon {
  float: right;
  width: 22px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  font-size: 0.8rem;
  padding: 5px 3px;
  cursor: pointer;
}
.acc2Row .acc2List .acc2Head .acc2-ToggleIcon i {
  color: var(--v-acc2-Text);
}
.acc2Row .acc2List .acc2Head:hover {
  background-color: var(--v-acc2-Bg-hover);
}
.acc2Row .acc2List .acc2Head:hover p {
  color: var(--v-acc2-Text-hover);
}
.acc2Row .acc2List .acc2Cont {
  float: left;
  width: 100%;
  padding: 0;
  transition: cubic-bezier(0.4, 0, 1, 1) 0.1s;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.acc2Row .acc2List .acc2Cont .acc2-direct-Listing {
  float: left;
  width: 100%;
}
.acc2Row .acc2List .acc2Cont .acc2-direct-Listing a {
  float: left;
  width: 100%;
  margin: 1px 0;
  padding: 6px 8px;
  font-size: 0.85rem;
  cursor: pointer;
  color: var(--v-accHeadText);
  background-color: var(--v-accHeadBg);
}
.acc2Row .acc2List .acc2Cont .acc2-direct-Listing a:hover {
  color: var(--v-acccontHoverText);
  background-color: var(--v-acccontHoverBg);
}
.acc2Row .acc2List .acc2Cont .sideBarList li {
  margin: 2px 0;
}
.acc2Row .acc2List.showList .acc2Head {
  color: var(--v-acc2-Text-active);
  background-color: var(--v-acc2-Bg-active);
}
.acc2Row .acc2List.showList .acc2Cont {
  opacity: 1;
  height: auto;
  visibility: visible;
  padding: 0.6rem 0 0 0;
  transition: cubic-bezier(0.4, 0, 1, 1) 0.2s;
}

.mainEngageLayout {
  float: left;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mainEngageLayout .mainContentArea {
  float: left;
  padding: 1rem;
  width: calc(100% - 215px);
  /*width: 100%;*/
  transition: width cubic-bezier(0.4, 0, 1, 1) 0.2s;
}
.mainEngageLayout .mainContentArea iframe {
  border: none;
}
@media (max-width: 991px) {
  .mainEngageLayout .mainContentArea {
    width: 100%;
  }
}
.mainEngageLayout .filterToggleBtn {
  display: none;
}
@media (max-width: 991px) {
  .mainEngageLayout .filterToggleBtn {
    display: block;
    position: fixed;
    left: 0;
    top: 105px;
    padding: 10px 6px;
    background-color: #465ca8;
    border-radius: 0 5px 5px 0;
    line-height: 1;
    cursor: pointer;
  }
  .mainEngageLayout .filterToggleBtn i {
    color: #ffffff;
  }
}
.mainEngageLayout.openFilter {
  position: relative;
}
.mainEngageLayout.openFilter .verticalNav2 {
  display: block;
  position: absolute;
  left: 0px;
  top: 1px;
  min-height: 100vh;
  height: calc(100% - 1px);
  overflow: auto;
  z-index: 99;
}
.mainEngageLayout.openFilter .closeFilter {
  position: absolute;
  right: 5px;
  top: 0;
  padding: 5px 10px;
  line-height: 1;
  z-index: 9999;
  cursor: pointer;
}

.toggleRow {
  float: left;
  width: 100%;
  height: 50px;
  padding: 8px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f7f7f7;
}
.toggleRow h6 {
  float: left;
  margin: 0;
  color: #2d3e50;
}
.toggleRow .sd_toggleBtn {
  margin-left: auto;
}
.toggleRow .sd_toggleBtn i {
  color: #323232;
}

.tooltip.show {
  opacity: 1;
}
.tooltip.show.bs-tooltip-top .arrow::before {
  border-top-color: var(--tooltipBg);
  transform: translateY(-1px);
}
.tooltip.show.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--tooltipBg);
  transform: translateY(1px);
}
.tooltip.show.bs-tooltip-left .arrow::before {
  border-left-color: var(--tooltipBg);
  transform: translateX(-1px);
}
.tooltip.show.bs-tooltip-right .arrow::before {
  border-right-color: var(--tooltipBg);
  transform: translateX(1px);
}
.tooltip.show .tooltip-inner {
  background-color: var(--tooltipBg);
  max-width: 400px;
  color: var(--tooltipText);
  text-align: left;
}
@media (max-width: 767px) {
  .tooltip.show .tooltip-inner {
    max-width: 240px;
  }
}

.customToolTip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: -30px;
  background-color: var(--tooltipBg);
  border-radius: var(--border-radius);
  font-size: calc(var(--baseFont) / 1.25);
  width: 85px;
  padding: 10px 5px;
  line-height: 1.1;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  color: var(--tooltipText);
  z-index: 99;
}
.customToolTip::before {
  content: "";
  position: absolute;
  left: calc(50% - 3px);
  top: 100%;
  z-index: 9;
  border-top: 6px solid var(--tooltipBg);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.toolTipBig {
  position: relative;
}
.toolTipBig .customToolTip {
  width: 320px;
  z-index: 999;
  bottom: inherit;
  top: calc(100% + 10px);
}
.toolTipBig .customToolTip::before {
  top: -6px;
  border-top: none;
  border-bottom: 6px solid var(--tooltipBg);
}
.toolTipBig .customToolTip.alignRgt200 {
  width: 230px;
  left: inherit;
  right: 0px;
  min-width: 100%;
}
.toolTipBig .customToolTip.alignRgt200::before {
  left: inherit;
  right: 40px;
}
.toolTipBig:hover .customToolTip {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

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