/* Cricket */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

$font-regular: "Open Sans", sans-serif;
$font-Medium: "Open Sans", sans-serif;
$font-Bold: "Open Sans", sans-serif;

$primary:                #5AAA2E;
$textcolor:              #272D33;
$textcolor1:             #444444;
$whiteColor:             #ffffff;
$bodyBg:                 #F6F6F6;
$l-grey-1:               #F3F3F3;

$fontAwesomeIcons:      #5AAA2E;
$fontAwesomeIconsHover: #438b1b;

$headerBg:               #ffffff;
$headerShadow:           rgba(0, 0, 0, 0.0862745098);
$headerIconBg:           #F3F3F3;

$nav_bg:                 #5AAA2E;
$navText:                #FFFFFF;
$navActiveBg:            #519929;
$navActiveTextColor:     #ffffff;
$navActiveBdr:           #EFA814;

$Secondary500:           #F0F0F0;
$uploader:               #e9ecf3;
$innerTitle:             #e3e3e3;

$fooBg:                  #F0F0F0;
$foobdr:                 #CFCFCF;

$cmsTabBg:  rgba(255,255,255,0.5);

$formbdr:                #D4D4D4;

$btnPrimaryFill:         #3170B7;
$btnPrimarytext:         #ffffff;
$btnPrimaryBorder:       #3170B7;

$btnPrimaryFill-hover:   #26578f;
$btnPrimarytext-hover:   #ffffff;
$btnPrimaryBorder-hover: #26578f;


$btnPrimaryB:            #ffffff;
$btnPrimaryBText:        #3170B7;
$btnPrimaryBBdr:         #3170B7;

$btnPrimaryB-hover:      #26578f;
$btnPrimaryBText-hover:  #ffffff;
$btnPrimaryBBdr-hover:   #26578f;


$titlebdr:               #EFA814;
$tooltipColor:           #ffffff;

$tableHeader:            #D1DAE2;
$tableHeadcolor:         #3D3D3D;
$tablebdr:               #BFCCD8;
$tableRowSelected:       #E9ECF3;

$orderTabHeadBg:         #ffffff;
$orderTabHeadBdr:        #C2C2C2;
$orderTabHeadText:       #444444;

$orderTabHeadBgActive:   #FBFBFB;
$orderTabHeadBdrActive:  #C2C2C2;
$orderTabHeadTextActive: #444444;

$order_AR_infoBdr:       #EFEFEF;
$order_AR_infoBg:        #F9F9F9;

$appliedCoponBg:         #F7FBF5;
$appliedCoponBdr:        #BCE2A7;
$appliedCoponText:       #5AAA2E;

$radioBlockBg:           #F9F9F9;
$radioBlockBdr:          #EFEFEF;
$radioBlockBgActive:     #EAF0F8;
$radioBlockBdrActive:    #AEC7E4;
$radioBlockInnerBg:      #3170B7; 
$radioBlockInnerText:    #ffffff;

$showHeader:             #E9ECF3;
$ChilliFilterBg:         #eeeff3;
$adToggleBg:             #d9e9d0;
$adToggleBdr:            #c8c6c6;
$adTogglecolor:          #4e4e4e;
$adToggleBgActive:       #5aaa2e;
$adToggleBdrActive:      #5aaa2e;
$adTogglecolorActive:    #ffffff;
$modalFooterBG:          #f5f5f5;*/
/* BadCock */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

$font-regular: "Open Sans", sans-serif;
$font-Medium: "Open Sans", sans-serif;
$font-Bold: "Open Sans", sans-serif;

$primary:                #C8012E;
$textcolor:              #272D33;
$textcolor1:             #444444;
$whiteColor:             #ffffff;
$bodyBg:                 #F6F6F6;
$l-grey-1:               #F3F3F3;

$fontAwesomeIcons:       #C8012E;
$fontAwesomeIconsHover:  #9c0428;

$headerBg:               #ffffff;
$headerShadow:           rgba(0, 0, 0, 0.0862745098);
$headerIconBg:           #F3F3F3;

$nav_bg:                 #C8012E;
$navText:                #ffffff;
$navActiveBg:            #87001e;
$navActiveTextColor:     #ffffff;
$navActiveBdr:           #ffffff;

$Secondary500:           #F0F0F0;
$uploader:               #e9ecf3;
$innerTitle:             #e3e3e3;

$fooBg:                  #F0F0F0;
$foobdr:                 #CFCFCF;

$cmsTabBg:  rgba(255,255,255,0.5);

$formbdr:                #D4D4D4;

$btnPrimaryFill:         #C8012E;
$btnPrimarytext:         #ffffff;
$btnPrimaryBorder:       #C8012E;

$btnPrimaryFill-hover:   #950122;
$btnPrimarytext-hover:   #ffffff;
$btnPrimaryBorder-hover: #950122;


$btnPrimaryB:            #ffffff;
$btnPrimaryBText:        #C8012E;
$btnPrimaryBBdr:         #C8012E;

$btnPrimaryB-hover:      #950122;
$btnPrimaryBText-hover:  #ffffff;
$btnPrimaryBBdr-hover:   #950122;

$titlebdr:               #AC383B;
$tooltipColor:           #ffffff;

$tableHeader:            #D1DAE2;
$tableHeadcolor:         #3D3D3D;
$tablebdr:               #BFCCD8;
$tableRowSelected:       #E9ECF3;

$orderTabHeadBg:         #ffffff;
$orderTabHeadBdr:        #C2C2C2;
$orderTabHeadText:       #444444;

$orderTabHeadBgActive:   #FBFBFB;
$orderTabHeadBdrActive:  #C2C2C2;
$orderTabHeadTextActive: #444444;

$order_AR_infoBdr:       #EFEFEF;
$order_AR_infoBg:        #F9F9F9;

$appliedCoponBg:         #F7FBF5;
$appliedCoponBdr:        #BCE2A7;
$appliedCoponText:       #5AAA2E;

$radioBlockBg:           #F9F9F9;
$radioBlockBdr:          #EFEFEF;
$radioBlockBgActive:     #EAF0F8;
$radioBlockBdrActive:    #AEC7E4;
$radioBlockInnerBg:      #3170B7; 
$radioBlockInnerText:    #ffffff;

$showHeader:             #E9ECF3;
$ChilliFilterBg:         #eeeff3;
$adToggleBg:             #f3f3f3;
$adToggleBdr:            #ebe3e3;
$adTogglecolor:          #000000;
$adToggleBgActive:       #c8012e;
$adToggleBdrActive:      #c8012e;
$adTogglecolorActive:    #ffffff;
$modalFooterBG:          #f5f5f5;
*/
/* Mspark Demo / Style */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* Bojangles */
/*@font-face {
    font-family: 'HKNova-Regular';
    src: url('../fonts/Bojangles/HKNova-Regular.eot');
    src: url('../fonts/Bojangles/HKNova-Regular.eot') format('embedded-opentype'), url('../fonts/Bojangles/HKNova-Regular.woff2') format('woff2'), url('../fonts/Bojangles/HKNova-Regular.woff') format('woff'), url('../fonts/Bojangles/HKNova-Regular.ttf') format('truetype'), url('../fonts/Bojangles/HKNova-Regular.svg#HKNova-Regular') format('svg');
}
@font-face {
    font-family: 'HKNova-Medium';
    src: url('../fonts/Bojangles/HKNova-Medium.eot');
    src: url('../fonts/Bojangles/HKNova-Medium.eot') format('embedded-opentype'), url('../fonts/Bojangles/HKNova-Medium.woff2') format('woff2'), url('../fonts/Bojangles/HKNova-Medium.woff') format('woff'), url('../fonts/Bojangles/HKNova-Medium.ttf') format('truetype'), url('../fonts/Bojangles/HKNova-Medium.svg#HKNova-Medium') format('svg');
}
@font-face {
    font-family: 'HKNova-Bold';
    src: url('../fonts/Bojangles/HKNova-Bold.eot');
    src: url('../fonts/Bojangles/HKNova-Bold.eot') format('embedded-opentype'), url('../fonts/Bojangles/HKNova-Bold.woff2') format('woff2'), url('../fonts/Bojangles/HKNova-Bold.woff') format('woff'), url('../fonts/Bojangles/HKNova-Bold.ttf') format('truetype'), url('../fonts/Bojangles/HKNova-Bold.svg#HKNova-Bold') format('svg');
}

$font-regular: 'HKNova-Regular';
$font-Medium: 'HKNova-Medium';
$font-Bold: 'HKNova-Bold';

$primary:                #cd001a;
$textcolor:              #1a1a1a;
$textcolor1:             #444444;
$whiteColor:             #ffffff;
$bodyBg:                 #ffffff;
$l-grey-1:               #F3F3F3;

$fontAwesomeIcons:       #cd001a;
$fontAwesomeIconsHover:  #8d0113;

$headerBg:               #f7f3ec;
$headerShadow:           rgb(255 255 255 / 0%);
$headerIconBg:           #ffffff;

$nav_bg:                 #cd001a;
$navText:                #FFFFFF;
$navActiveBg:            #fedb00;
$navActiveTextColor:     #1a1a1a;
$navActiveBdr:           #fedb00;

$Secondary500:           #F0F0F0;
$uploader:               #e9ecf3;
$innerTitle:             #e3e3e3;

$fooBg:                  #f7f3ec;
$foobdr:                 #CFCFCF;

$cmsTabBg:  rgba(255,255,255,0.5);

$formbdr:                #D4D4D4;

$btnPrimaryFill:         #cd001a;
$btnPrimarytext:         #ffffff;
$btnPrimaryBorder:       #cd001a;

$btnPrimaryFill-hover:   #a70015;
$btnPrimarytext-hover:   #ffffff;
$btnPrimaryBorder-hover: #a70015;

$btnPrimaryB:            #1a1a1a;
$btnPrimaryBText:        #ffffff;
$btnPrimaryBBdr:         #1a1a1a;

$btnPrimaryB-hover:      #3a3a3a;
$btnPrimaryBText-hover:  #ffffff;
$btnPrimaryBBdr-hover:   #3a3a3a;

$titlebdr:               #cd001a;
$tooltipColor:           #ffffff;

$tableHeader:            #1a1a1a;
$tableHeadcolor:         #ffffff;
$tablebdr:               #BFCCD8;
$tableRowSelected:       #f7f3ec;

$orderTabHeadBg:         #ffffff;
$orderTabHeadBdr:        #C2C2C2;
$orderTabHeadText:       #444444;

$orderTabHeadBgActive:   #FBFBFB;
$orderTabHeadBdrActive:  #C2C2C2;
$orderTabHeadTextActive: #444444;

$order_AR_infoBdr:       #EFEFEF;
$order_AR_infoBg:        #F9F9F9;

$appliedCoponBg:         #F7FBF5;
$appliedCoponBdr:        #BCE2A7;
$appliedCoponText:       #5AAA2E;

$radioBlockBg:           #F9F9F9;
$radioBlockBdr:          #EFEFEF;
$radioBlockBgActive:     #EAF0F8;
$radioBlockBdrActive:    #AEC7E4;
$radioBlockInnerBg:      #3170B7; 
$radioBlockInnerText:    #ffffff;

$showHeader:             #E9ECF3;
$ChilliFilterBg:         #eeeff3;
$adToggleBg:             #f3f3f3;
$adToggleBdr:            #ebe3e3;
$adTogglecolor:          #4e4e4e;
$adToggleBgActive:       #cd001a;
$adToggleBdrActive:      #cd001a;
$adTogglecolorActive:    #ffffff;
$modalFooterBG:          #f5f5f5;*/
/* Theme Green */
/*$navActiveBg:       #303b57;*/
/*$navTextColor:      rgb(255 255 255 / 80%);*/
/*$navActiveTextColor: #ffffff;*/
/* New colors */
/* New colors */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  font-size: 1rem;
  color: #444444;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-weight: 400;
  height: 100%;
  background-color: #F6F6F6;
}
body.mainNavExpandBody {
  overflow: hidden;
  height: 100%;
}

.zoomOutResend {
  width: 15px;
  height: 17px;
  line-height: 1;
}
.zoomOutResend .fa-stack-2x {
  font-size: 1rem;
}
.zoomOutResend .fa-stack-1x {
  font-size: 0.55rem;
  line-height: 1.8;
}
.zoomOutResend:hover .fal, .zoomOutResend:hover .fas {
  color: #00D2AC;
}

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

.text-danger {
  color: #ff0000 !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: #00D2AC;
}

a:hover {
  text-decoration: none;
  color: #00D2AC;
}

.modal {
  pointer-events: none;
}
.modal .modal-content {
  overflow: auto;
  max-height: calc(100vh - 2rem);
}
.modal.confirmationModal .modal-dialog {
  max-width: 700px;
}
.modal.confirmationModal .modal-dialog .partsCatalogSuccessBlock, .modal.confirmationModal .modal-dialog .smallContainerBlock {
  margin: 0px;
}
.modal.registrationModal .modal-content {
  overflow: visible;
  max-height: inherit;
}

.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: rgba(235, 252, 0, 0.7) !important;
}

.strongLabel label {
  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;
}

textarea.textarea80 {
  height: 80px;
}

.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: 1rem !important;
  max-width: 100% !important;
  width: 100% !important;
}
.EditorText table tr td, .EditorText table tr th {
  padding: 0px !important;
}

h1, h2, h3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}

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

strong {
  font-weight: 700 !important;
}

.EditorText h1, .EditorText h2 {
  font-size: 1.4rem !important;
  color: #444444 !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.fal, .fas {
  color: #5c5a5a;
}
.fal:hover, .fas:hover {
  color: #00D2AC;
}

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

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;
}

.modal .modal-body {
  max-height: calc(100vh - 165px);
  overflow-y: auto;
}
.modal .modal-body.bodyAutoScroll {
  max-height: inherit;
  overflow: inherit;
}
@media (max-width: 767px) {
  .modal .modal-body {
    max-height: inherit;
  }
}

.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;
}
#Activitydetail .ActivityContentRow .S_content table tr td, #Activitydetail .ActivityContentRow .S_content table tr th {
  padding: 8px 15px 8px 0 !important;
}

html {
  font-size: 16px;
  height: 100%;
}

.primaryColor {
  color: #00D2AC;
}

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

.text_link {
  text-decoration: none !important;
  color: #465ca8 !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}
.text_link:hover {
  color: #333333 !important;
}

.a_decoration {
  color: #465ca8 !important;
  text-decoration: underline !important;
}
.a_decoration:hover {
  color: #333333 !important;
}

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

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

/*.tooltip {
    z-index: 1010;
}*/
.alertSmall {
  font-size: 0.8rem;
  padding: 7px 12px;
  border-radius: 5px;
}

.alert-info {
  font-size: 0.8rem;
  padding: 7px 12px;
  /*background-color: #f7f7f7;*/
  margin-bottom: 1rem;
  border-radius: 5px;
  /*color: $text-color;*/
  float: left;
  width: 100%;
}
.alert-info p {
  margin: 0;
}
.alert-info.no-margin {
  margin-bottom: 0px;
}
.alert-info h6 {
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 0.9rem;
}
.alert-info h6 span {
  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, .form-control:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #D4D4D4;
}

.primaryBtn, .greyBtnBordered, .btnGrey, .primaryBtnBordered {
  float: left;
  border: 1px solid #fff;
  padding: 8px 15px;
  background-color: #00386b;
  color: #fff;
  font-size: 1rem;
  border-radius: 4px;
  outline: none !important;
}

.btnFill, .modal .modal-footer .btn.btn-primary, .btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .btnGrey, .btnBorderedGrey, .btnReset, .btnBorderedsecondary, .secondaryBtn, .btnBordered, .modal .modal-footer .btn.btn-default {
  background-color: #1F3FD6;
  padding: 8px 15px;
  color: #ffffff !important;
  border: 1px solid #1F3FD6;
  border-radius: 4px;
  cursor: pointer;
  outline: none !important;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  font-size: 0.9rem;
  font-weight: 400;
}
.btnFill .fal, .modal .modal-footer .btn.btn-primary .fal, .btnExportFill .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow .fal, .btnGrey .fal, .btnBorderedGrey .fal, .btnReset .fal, .btnBorderedsecondary .fal, .secondaryBtn .fal, .btnBordered .fal, .modal .modal-footer .btn.btn-default .fal, .btnFill .far, .modal .modal-footer .btn.btn-primary .far, .btnExportFill .far, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow .far, .btnGrey .far, .btnBorderedGrey .far, .btnReset .far, .btnBorderedsecondary .far, .secondaryBtn .far, .btnBordered .far, .modal .modal-footer .btn.btn-default .far {
  color: #ffffff;
}
.btnFill:hover, .modal .modal-footer .btn.btn-primary:hover, .btnExportFill:hover, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover, .btnGrey:hover, .btnBorderedGrey:hover, .btnReset:hover, .btnBorderedsecondary:hover, .secondaryBtn:hover, .btnBordered:hover, .modal .modal-footer .btn.btn-default:hover, .btnFill:focus, .modal .modal-footer .btn.btn-primary:focus, .btnExportFill:focus, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:focus, .btnGrey:focus, .btnBorderedGrey:focus, .btnReset:focus, .btnBorderedsecondary:focus, .secondaryBtn:focus, .btnBordered:focus, .modal .modal-footer .btn.btn-default:focus {
  background-color: #3648B7;
  border-color: #3648B7;
  color: #ffffff !important;
}
.btnFill:hover .fal, .modal .modal-footer .btn.btn-primary:hover .fal, .btnExportFill:hover .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover .fal, .btnGrey:hover .fal, .btnBorderedGrey:hover .fal, .btnReset:hover .fal, .btnBorderedsecondary:hover .fal, .secondaryBtn:hover .fal, .btnBordered:hover .fal, .modal .modal-footer .btn.btn-default:hover .fal, .btnFill:hover .far, .modal .modal-footer .btn.btn-primary:hover .far, .btnExportFill:hover .far, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:hover .far, .btnGrey:hover .far, .btnBorderedGrey:hover .far, .btnReset:hover .far, .btnBorderedsecondary:hover .far, .secondaryBtn:hover .far, .btnBordered:hover .far, .modal .modal-footer .btn.btn-default:hover .far, .btnFill:focus .fal, .modal .modal-footer .btn.btn-primary:focus .fal, .btnExportFill:focus .fal, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:focus .fal, .btnGrey:focus .fal, .btnBorderedGrey:focus .fal, .btnReset:focus .fal, .btnBorderedsecondary:focus .fal, .secondaryBtn:focus .fal, .btnBordered:focus .fal, .modal .modal-footer .btn.btn-default:focus .fal, .btnFill:focus .far, .modal .modal-footer .btn.btn-primary:focus .far, .btnExportFill:focus .far, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow:focus .far, .btnGrey:focus .far, .btnBorderedGrey:focus .far, .btnReset:focus .far, .btnBorderedsecondary:focus .far, .secondaryBtn:focus .far, .btnBordered:focus .far, .modal .modal-footer .btn.btn-default:focus .far {
  color: #ffffff;
}
.btnFill.btnSmall, .modal .modal-footer .btnSmall.btn.btn-primary, .btnSmall.btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnSmall.enrollNow, .btnSmall.btnGrey, .btnSmall.btnBorderedGrey, .btnSmall.btnReset, .btnSmall.btnBorderedsecondary, .btnSmall.secondaryBtn, .btnSmall.btnBordered, .modal .modal-footer .btnSmall.btn.btn-default {
  padding: 5px 15px;
  line-height: 1.3;
}

.btnBordered, .modal .modal-footer .btn.btn-default {
  background-color: #ffffff;
  color: #1F3FD6 !important;
  border: 1px solid #1F3FD6;
}
.btnBordered .far, .modal .modal-footer .btn.btn-default .far, .btnBordered .fal, .modal .modal-footer .btn.btn-default .fal {
  color: #1F3FD6;
}
.btnBordered:hover, .modal .modal-footer .btn.btn-default:hover, .btnBordered:focus, .modal .modal-footer .btn.btn-default:focus {
  background-color: #3648B7;
  border-color: #3648B7;
  color: #ffffff !important;
}
.btnBordered:hover .far, .modal .modal-footer .btn.btn-default:hover .far, .btnBordered:hover .fal, .modal .modal-footer .btn.btn-default:hover .fal, .btnBordered:focus .far, .modal .modal-footer .btn.btn-default:focus .far, .btnBordered:focus .fal, .modal .modal-footer .btn.btn-default:focus .fal {
  color: #ffffff;
}

.secondaryBtn {
  background-color: #F7941C;
  color: #ffffff !important;
  border-color: #F7941C;
}
.secondaryBtn .far, .secondaryBtn .fal {
  color: #ffffff;
}
.secondaryBtn:hover {
  background-color: #ffffff;
  color: #F7941C !important;
  border-color: #F7941C;
}
.secondaryBtn:hover .far, .secondaryBtn:hover .fal {
  color: #F7941C;
}

.btnBorderedsecondary {
  background-color: #ffffff;
  color: #F7941C !important;
  border-color: #F7941C;
}
.btnBorderedsecondary .far, .btnBorderedsecondary .fal {
  color: #F7941C;
}
.btnBorderedsecondary:hover {
  background-color: #F7941C;
  color: #ffffff !important;
}
.btnBorderedsecondary:hover .far, .btnBorderedsecondary:hover .fal {
  color: #ffffff;
}

.btnReset {
  background-color: transparent;
  color: #AC383B !important;
}
.btnReset .far, .btnReset .fal {
  color: #00D2AC;
}
.btnReset:hover {
  background-color: #862b2e;
  border-color: #862b2e;
  color: #ffffff !important;
}
.btnReset:hover .far, .btnReset:hover .fal {
  color: #ffffff;
}

/*.btnReset {
    @extend .btnFill;
    background-color: lighten($red, 62);
    color: $red !important;
    border-color: $red;


    .far, .fal {
        color: $red;
    }

    &:hover {
        background-color: $red;
        border-color: $red;
        color: $colorWhite !important;

        .far, .fal {
            color: $colorWhite;
        }
    }
}*/
.btnBorderedGrey {
  background-color: #fff;
  color: #444444 !important;
  border-color: #dcdcdc;
}
.btnBorderedGrey .fal, .btnBorderedGrey .far {
  color: #444444;
}

.btnGrey {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: #444444 !important;
}
.btnGrey:hover, .btnGrey:focus {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
  color: #383838 !important;
}

.yellowDisabledBtn {
  background-color: #dcdcdc;
  color: #444444 !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 #3A700F;
  border-radius: 30px;
  font-size: 0.85rem;
  text-align: center;
  background-color: #3A700F;
  color: #ffffff;
  line-height: 1.3;
}

.lightSmallBtn {
  padding: 3px 10px;
  border: 1px solid #F0F0F0;
  border-radius: 30px;
  font-size: 0.85rem;
  text-align: center;
  background-color: #F0F0F0;
  color: #444444;
  line-height: 1.3;
}

.yellowBtn, .yellowBtnBorder {
  background-color: #1F3FD6;
  color: #ffffff !important;
  padding: 4px 15px;
  cursor: pointer;
  border: 1px solid #1F3FD6;
  border-radius: 4px;
  font-size: 0.9rem;
  /*box-shadow: 0 2px 5px rgba(169, 169, 169, 0.5);*/
  outline: none !important;
  text-align: center;
  font-size: 1rem;
}
.yellowBtn:hover, .yellowBtnBorder:hover, .yellowBtn:focus, .yellowBtnBorder:focus {
  background-color: #3648B7;
  border-color: #3648B7;
  color: #ffffff !important;
}
.yellowBtn:hover .fal, .yellowBtnBorder:hover .fal, .yellowBtn:hover .far, .yellowBtnBorder:hover .far, .yellowBtn:focus .fal, .yellowBtnBorder:focus .fal, .yellowBtn:focus .far, .yellowBtnBorder:focus .far {
  color: #ffffff;
}

.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.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;
}

.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, .field-validation-valid, .validation-error {
  float: left;
  width: 100%;
  font-size: 13px;
  margin-top: 1px;
  color: #eb004c !important;
  text-align: left;
}

.field-validation-valid {
  color: #155724 !important;
}

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

.colorBlue {
  background-color: #00D2AC;
}

.colorGreen {
  background-color: #F7941C;
}

.colorgrey {
  background-color: #F0F0F0;
}

.colorYellow {
  background-color: #FFC700;
}

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

.dropdown-item.active, .dropdown-item:active {
  background-color: #00D2AC;
}

.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer i {
  color: #465ca8;
}
.cursor-pointer i:hover {
  color: #333333;
}

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

*: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, .table table tr th, table .table tr th {
  font-size: 0.9rem;
}
.table.table-bdr-left tr td + td, .table.table-bdr-left table tr th + td, table .table.table-bdr-left tr th + td, .table.table-bdr-left table tr td + th, table .table.table-bdr-left tr td + th, .table.table-bdr-left table tr th + th, table .table.table-bdr-left tr th + th {
  border-left: 1px solid #dee2e6 !important;
}
.table.tableSpacing2x tr td:first-child, .table.tableSpacing2x table tr th:first-child, table .table.tableSpacing2x tr th:first-child {
  padding: 8px 35px 8px 20px !important;
}
.table.tableSpacing2x tr td:first-child + td, .table.tableSpacing2x table tr th:first-child + td, table .table.tableSpacing2x tr th:first-child + td, .table.tableSpacing2x table tr td:first-child + th, table .table.tableSpacing2x tr td:first-child + th, .table.tableSpacing2x table tr th:first-child + th, table .table.tableSpacing2x tr th:first-child + th {
  padding: 8px 20px 8px 35px !important;
}
.table.noBdr {
  margin-bottom: 0px;
}
.table.noBdr tr td, .table.noBdr table tr th, table .table.noBdr tr th {
  padding: 2px 0 !important;
  border: none !important;
}
@media (max-width: 767px) {
  .table.tableContent700 {
    min-width: 700px;
  }
}
.table tbody tr:nth-child(even) {
  background-color: #F0F0F0;
}

.myToDoWrapper table tbody tr td:last-child, .myToDoWrapper table tbody tr th:last-child {
  text-align: center !important;
  vertical-align: middle;
  width: 110px;
}
.myToDoWrapper table tbody tr td:last-child .yellowBtn, .myToDoWrapper table tbody tr th:last-child .yellowBtn, .myToDoWrapper table tbody tr td:last-child .yellowBtnBorder, .myToDoWrapper table tbody tr th:last-child .yellowBtnBorder {
  width: 100%;
}
.myToDoWrapper table tbody tr td:last-child .inlineActionContent, .myToDoWrapper table tbody tr th: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: #00D2AC !important;
}

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

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

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

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

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

.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;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  color: #fff;
}

.loadingPanel_cart .loaderCenter {
  flex-direction: column;
  gap: 20px;
  text-align: center;
  color: #fff;
  left: 15%;
  width: 70%;
}

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.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;
}
@media (max-width: 1200px) {
  .mainContent {
    padding-top: 60px;
  }
}

.dropdown-menu .dropdown-item.active {
  background-color: #00D2AC;
  color: #fff;
}

.pageTitle {
  float: left;
  width: 100%;
  margin: 25px 0;
  font-size: 2rem;
  color: #465ca8;
  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 #444444;
  border-radius: 4px;
  color: #444444;
}
.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;
}

table.tableCustomStyle th {
  border-top: none;
  font-size: 0.9rem;
  border-bottom: 3px solid #465ca8;
  text-align: left;
}
table.tableCustomStyle tbody tr {
  /*&:nth-child(even) {
      background-color: #eee;
  }*/
}
table.tableCustomStyle tbody tr td, table.tableCustomStyle tbody tr th {
  font-size: 0.9rem;
  border: none;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
table.tableCustomStyle tbody tr td .yellowBtn, table.tableCustomStyle tbody tr th .yellowBtn, table.tableCustomStyle tbody tr td .yellowBtnBorder, table.tableCustomStyle tbody tr th .yellowBtnBorder, table.tableCustomStyle tbody tr td .yellowDisabledBtn, table.tableCustomStyle tbody tr th .yellowDisabledBtn {
  font-weight: normal;
  padding: 4px 8px;
  display: inline-block;
  min-width: 100px;
  white-space: nowrap;
}
table.tableCustomStyle tbody tr td .btnGrey, table.tableCustomStyle tbody tr th .btnGrey {
  padding: 4px 8px;
}
table.tableCustomStyle tbody tr td:last-child, table.tableCustomStyle tbody tr th:last-child {
  border-right: none;
}

table.dataTable, table.dataTable th, table.dataTable td {
  box-sizing: border-box !important;
}

.checkBoxInner {
  float: left;
  position: relative;
  min-height: 20px;
}
.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 {
  border-color: #374857;
}
.checkBoxInner input[type=checkbox]:checked + label::after {
  content: "\f00c";
  left: 0;
  top: 0;
  width: 22px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  color: #374857;
  font-weight: 600;
  font-size: 0.9rem;
}
.checkBoxInner input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkBoxInner input[type=checkbox]:disabled + label {
  color: #b9b9b9;
}
.checkBoxInner input[type=checkbox]:disabled + label::before {
  border: 1px solid #e5e5e5;
  background-color: #e9e9e9;
}
.checkBoxInner label {
  float: left;
  margin: 0;
  padding-left: 25px;
  position: relative;
  line-height: 1.3;
}
.checkBoxInner label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 20px;
  border: 1px solid #D4D4D4;
  border-radius: 3px;
  background-color: #fff;
}
.checkBoxInner.smallcheckbox input[type=checkbox]:checked + label::after {
  width: 18px;
  height: 18px;
  font-size: 0.65rem;
  top: 0;
}
.checkBoxInner.smallcheckbox label {
  padding-left: 25px;
  font-size: 0.85rem;
  font-weight: normal;
}
.checkBoxInner.smallcheckbox label::before {
  width: 18px;
  height: 18px;
  top: 0px;
}
.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: #00D2AC;
  border-color: #00D2AC;
}
.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: #fff;
  font-size: 0.7rem;
  font-weight: 600;
}
.radioBoxCon input[type=radio]:disabled {
  cursor: not-allowed;
}
.radioBoxCon input[type=radio]:disabled + label {
  color: #b9b9b9;
}
.radioBoxCon input[type=radio]:disabled + label::before {
  border: 1px solid #e5e5e5;
  background-color: #e9e9e9;
}
.radioBoxCon label {
  float: left;
  margin: 0;
  padding-left: 30px;
  line-height: 1.3;
  position: relative;
}
.radioBoxCon label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #b3b3b3;
  border-radius: 100%;
  background-color: #fff;
}
.radioBoxCon.smallRadio {
  min-height: 18px;
}
.radioBoxCon.smallRadio input[type=radio]:checked + label::after {
  width: 18px;
  height: 18px;
}
.radioBoxCon.smallRadio label {
  padding-left: 25px;
  font-size: 0.85rem;
}
.radioBoxCon.smallRadio label::before {
  width: 18px;
  height: 18px;
}
.radioBoxCon.withBlock input[type=radio]:checked + label {
  background-color: #EAF0F8;
  border: 1px solid #AEC7E4;
}
.radioBoxCon.withBlock input[type=radio]:checked + label::before {
  background-color: #3170B7;
  border-color: #3170B7;
}
.radioBoxCon.withBlock input[type=radio]:checked + label::after {
  width: 18px;
  height: 18px;
  left: 6px;
  top: calc(50% - 9px);
  color: #ffffff;
}
.radioBoxCon.withBlock label {
  padding: 8px 8px 8px 30px;
  border-radius: 4px;
  font-size: 0.85rem;
  background-color: #F9F9F9;
  border: 1px solid #EFEFEF;
  line-height: 1.2;
  font-weight: 600;
}
.radioBoxCon.withBlock label::before {
  width: 18px;
  height: 18px;
  left: 6px;
  top: calc(50% - 9px);
}
.radioBoxCon + .radioBoxCon {
  margin-left: 20px;
}

.radioGroup {
  float: left;
}
.radioGroup .radioG_Con {
  float: left;
  position: relative;
}
.radioGroup .radioG_Con input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 9;
}
.radioGroup .radioG_Con input[type=radio]:checked + label {
  border-color: #1F3FD6;
  color: #1F3FD6;
}
.radioGroup .radioG_Con input[type=radio]:checked + label::after {
  content: "\f00c";
  left: 12px;
  top: calc(50% - 12px);
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-weight: 600;
}
.radioGroup .radioG_Con label {
  float: left;
  border: 1px solid #ccc;
  padding: 10px 35px;
  position: relative;
  margin: 0;
}
.radioGroup .radioG_Con:first-child label {
  border-radius: 4px 0 0 4px;
}
.radioGroup .radioG_Con:last-child label {
  border-radius: 0 4px 4px 0;
}

.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;
  /*&:disabled {
      cursor: not-allowed;

      + label {
          color: #b9b9b9;

          &::before {
              border: 1px solid #e5e5e5;
              background-color: #e9e9e9;
          }
      }
  }*/
}
.customRadio input[type=radio]:checked + label::before {
  background-color: #00D2AC;
  border-color: #00D2AC;
}
.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: #ffffff;
}
.customRadio label {
  float: left;
  margin: 0;
  padding-left: 26px;
  position: relative;
  line-height: 1.4;
}
.customRadio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  border: 1px solid #b3b3b3;
  border-radius: 100%;
  background-color: #fff;
}

.divider {
  position: relative;
}
.divider::before {
  content: "";
  float: left;
  background-color: #E9ECF3;
  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: #00D2AC !important;
  color: #fff !important;
}

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

.table {
  border: 1px solid #BFCCD8 !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 #BFCCD8 !important;
}
.table thead th {
  vertical-align: bottom;
  background-color: #D1DAE2;
  font-size: 0.9rem;
  padding: 12px !important;
  font-weight: 700;
  border-bottom: 0px;
  color: #3D3D3D;
  vertical-align: middle;
  position: relative;
}
.table thead th::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background-color: #BFCCD8;
}
.table thead th:last-child {
  border-right: none;
}
.table.tableGreyBar thead th {
  padding: 8px 0 !important;
  border-bottom: 4px solid #cccccc !important;
}
.table.tableGreyBar thead th + th::before {
  display: none;
}
.table.tableGreyBar tbody td, .table.tableGreyBar tbody table tr th, table tr .table.tableGreyBar tbody th {
  padding: 8px 0 !important;
}
.table.tableGreyBar .greyBar {
  padding: 8px 20px !important;
}
.table tbody tr td, .table tbody table tr th, table .table tbody tr th {
  border-bottom: 1px solid #BFCCD8;
}
.table tbody tr:hover {
  background-color: #F2F2F2;
}
.table tbody tr:last-child td, .table tbody table tr:last-child th, table .table tbody tr:last-child th {
  border-bottom: none;
}

/*table.dataTable tbody tr.even { background-color: #eeeeee; }*/
@media (max-width: 1290px) {
  .dataTables_wrapper {
    overflow-x: auto;
  }
}

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

/*table.dataTable.no-footer { border-bottom: #ffffff !important; }*/
table.dataTable tbody th, table.dataTable tbody td, table tbody tr td, table tbody tr th {
  padding: 12px !important;
  text-align: left !important;
}

table.pListingTable tr {
  padding: 25px 0;
  border-bottom: 1px solid #ccc !important;
}
table.pListingTable tr td, table.pListingTable tr th {
  padding: 12px !important;
  text-align: left !important;
}
table.pListingTable tr td[align=right], table.pListingTable tr th[align=right] {
  text-align: right !important;
}
@media (max-width: 767px) {
  table.pListingTable tr td, table.pListingTable tr th {
    padding: 3px 10px !important;
  }
  table.pListingTable tr td[align=right], table.pListingTable tr th[align=right] {
    text-align: left !important;
  }
}
table.pListingTable tfoot tr {
  border-bottom: none !important;
}

.table.tableCheckboxCenter td, .table.tableCheckboxCenter table tr th, table tr .table.tableCheckboxCenter th {
  text-align: center !important;
}
.table.tableCheckboxCenter td[align=left], .table.tableCheckboxCenter table tr th[align=left], table tr .table.tableCheckboxCenter th[align=left] {
  text-align: left !important;
}
.table.tableCheckboxCenter td .checkBoxInner, .table.tableCheckboxCenter table tr th .checkBoxInner, table tr .table.tableCheckboxCenter th .checkBoxInner {
  display: inline-block;
  float: none;
}

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

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

.field-validation-error:empty, .field-validation-valid: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: #00D2AC;
  color: #ffffff;
}

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

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

.dataTables_length select {
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0 5px;
  height: 32px;
  min-width: 65px;
}

.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;
  }
}
.mainContent .dataTables_wrapper .dataTables_paginate {
  margin-top: 10px !important;
  padding: 0px;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button {
  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: #00D2AC;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: #F2F2F2 !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background: #00D2AC !important;
  color: #ffffff !important;
  border-color: #00D2AC !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
  background: #00D2AC;
  color: #ffffff !important;
  border-color: #00D2AC !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate a.paginate_button:hover {
  background: #f7f7f7;
  color: #444444 !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 {
  cursor: not-allowed;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button {
  float: left;
  margin: 0px !important;
  border: 1px solid #ccc !important;
  padding: 4px 7px !important;
  min-width: 32px !important;
  line-height: 1.3;
  border-radius: 0px !important;
  font-size: 0.9rem;
  color: #00D2AC;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background-color: #dedede !important;
  cursor: default;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.current {
  background: #00D2AC;
  color: #ffffff !important;
  border-color: #00D2AC !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.current:hover {
  background: #00D2AC;
  color: #ffffff !important;
  border-color: #00D2AC !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button:hover {
  background: #f7f7f7;
  color: #444444 !important;
}
.mainContent .dataTables_wrapper .dataTables_paginate span.paginate_button.disabled {
  cursor: none;
}
.mainContent .dataTables_wrapper .dataTables_paginate .ellipsis {
  float: left;
}

.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: #00D2AC;
}
.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-weight: normal;
}
@media (max-width: 767px) {
  .modal.modalCenter .modal-dialog .modal-content {
    padding: 20px;
  }
  .modal.modalCenter .modal-dialog .modal-content .buttonRow {
    padding: 0px;
  }
}

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

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

.btnEdit {
  margin: 0 4px;
  color: #444444 !important;
  cursor: pointer;
}
.btnEdit ~ span, .btnEdit ~ button, .btnEdit ~ a {
  margin: 0 4px;
  border: none;
  background-color: transparent;
}

.btnView {
  margin: 0 4px;
  border: none;
  color: #444444 !important;
  outline: none !important;
  background-color: transparent;
}

.btnIcon {
  margin: 0 4px;
  border: none;
  color: #444444 !important;
  outline: none !important;
  background-color: transparent;
  font-size: 1rem;
  cursor: pointer;
}

.SliderWrapperContent {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.SliderWrapperContent .currentSlideRow {
  float: left;
  width: 100%;
}
.SliderWrapperContent .currentSlideRow .form-group {
  float: left;
  width: 100%;
}
.SliderWrapperContent .currentSlideRow label {
  width: 100%;
  float: left;
}
.SliderWrapperContent .currentSlideRow .select2-container {
  width: 100% !important;
  float: left;
}
.SliderWrapperContent .currentSlideRow .select2-container .select2-selection--single {
  height: 38px;
  border: 1px solid #ced4da;
}
.SliderWrapperContent .currentSlideRow .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.SliderWrapperContent .currentSlideRow .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

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

/* Tooltip */
.tooltip.show {
  opacity: 1;
}

.bs-tooltip-top .arrow::before {
  border-top-color: #00D2AC;
  transform: translateY(-1px);
}

.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #00D2AC;
  transform: translateY(1px);
}

.bs-tooltip-left .arrow::before {
  border-left-color: #00D2AC;
  transform: translateX(-1px);
}

.bs-tooltip-right .arrow::before {
  border-right-color: #00D2AC;
  transform: translateX(1px);
}

.tooltip-inner {
  background-color: #00D2AC;
  max-width: 400px;
  color: #ffffff;
  text-align: left;
}

/* Tooltip */
.tbaleResponsive, .tableResponsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
@media (max-width: 991px) {
  .tbaleResponsive table, .tableResponsive 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;
}

input.select2-search__field {
  outline: none;
}

.inlineActionContent {
  white-space: nowrap;
}

.table.tablecenter td, .table.tablecenter table tr th, table tr .table.tablecenter th {
  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 {
  border-radius: 0 4px 4px 0 !important;
}
.datepicker.datepicker-dropdown table tr td.active, .datepicker.datepicker-dropdown table tr th.active,
.datepicker.datepicker-dropdown table tr td.active:hover {
  background: #00D2AC;
}

.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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .buttonRgtAlign .btn.btn-primary, .buttonRgtAlign .btnExportFill, .buttonRgtAlign .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .buttonRgtAlign .enrollNow, .buttonRgtAlign .btnBordered, .buttonRgtAlign .modal .modal-footer .btn.btn-default, .modal .modal-footer .buttonRgtAlign .btn.btn-default, .buttonRgtAlign .secondaryBtn, .buttonRgtAlign .btnBorderedsecondary, .buttonRgtAlign .btnReset, .buttonRgtAlign .btnBorderedGrey, .buttonRgtAlign .btnGrey {
  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: 10px 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 .modal .modal-footer .btn.btn-default, .modal .modal-footer .pageTitleInner .TopBackBtn .btn.btn-default {
  float: left;
}

.custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 90px;
}

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

/*.multiSelectWithIcon {
    .select2-container {
        .select2-selection {
            padding-right: 30px;
            position: relative;

            &::after {
                content: "\f078";
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
                position: absolute;
                right: 0px;
                top: 0px;
                height: 100%;
                width: 25px;
                text-align: center;
                @include display-flex();
                @include alignItrem(center);
                @include justify-content(center);
            }
        }
    }
}*/
/* Paggination */
.wrapper-cot {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.wrapper-cot .dataTables_info {
  margin: 5px 0;
}
.wrapper-cot .dataTables_paginate {
  margin: 5px 0;
}

.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]::before {
  content: "\f177";
  font-size: 1rem;
  color: #444444;
  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]::before {
  content: "\f178";
  font-size: 1rem;
  color: #444444;
  font-family: "Font Awesome 5 Pro";
}
.dataTables_paginate .pagination .page-item {
  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: #00D2AC;
  cursor: pointer;
  text-align: center;
  outline: none;
  box-shadow: none;
  background: #F2F2F2 !important;
}
.dataTables_paginate .pagination .page-item.border-0 {
  background-color: #dedede !important;
  cursor: default;
}
.dataTables_paginate .pagination .page-item.disabled {
  cursor: not-allowed;
}
.dataTables_paginate .pagination .page-item.active {
  background-color: #00D2AC !important;
  border-color: #00D2AC !important;
  color: #ffffff !important;
}
.dataTables_paginate .pagination .page-item.active a {
  color: #ffffff !important;
}
.dataTables_paginate .pagination .page-item:hover {
  background: #f7f7f7;
  color: #333;
}

/* Paggination */
.gm-style {
  font-weight: 400;
}

.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 #00D2AC;
  background: #00D2AC;
  color: #ffffff;
}
.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 #00D2AC !important;
  background: #00D2AC !important;
  color: #fff !important;
  font-size: 0.9rem;
}

/* SlimScroll on hover */
/*.slimScrollDiv {
    .slimScrollBar {
        display: none !important;
    }

    &:hover {
        > .slimScrollBar {
            display: block !important;
        }
    }
}*/
/* SlimScroll on hover */
.listStyleIcons ul {
  list-style: disc;
  padding-left: 15px;
}

.pageTitle .headerRightBtnCont {
  float: right;
  margin: 5px 0;
}
.pageTitle .headerRightBtnCont .DealerLoginIngo {
  float: left;
  margin: 5px 15px 5px 0;
}
.pageTitle .headerRightBtnCont .BtnWthTopTitle {
  float: right;
}
.pageTitle .headerRightBtnCont .BtnWthTopTitle .btnBordered, .pageTitle .headerRightBtnCont .BtnWthTopTitle .modal .modal-footer .btn.btn-default, .modal .modal-footer .pageTitle .headerRightBtnCont .BtnWthTopTitle .btn.btn-default {
  float: left;
}

.editBtn i {
  color: #00D2AC;
  cursor: pointer;
}

#PendingGeometryChangeRequests td:last-child, #PendingGeometryChangeRequests table tr th:last-child, table tr #PendingGeometryChangeRequests th:last-child {
  width: 100px;
}

#enrollmentEdit .form-group {
  float: left;
  width: 100%;
}

.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, .DealerShipInfo table tr th + td, .DealerShipInfo table tr td + th, .DealerShipInfo table tr th + th {
  border-left: 1px solid #dee2e6 !important;
}

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

.GreenHeader {
  float: left;
  width: 100%;
  background-color: #465ca8;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px;
}

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

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

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

/*.dataTables_wrapper {

    .TableAppend {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .TableAppend + .table {
        display: none;
    }
}*/
.tab-content .tab-pane {
  position: relative;
}

.deleteTabBlock {
  float: right;
  margin: 25px 0 10px 0;
}
.deleteTabBlock a {
  font-size: 0.9rem;
}
.deleteTabBlock a i {
  font-size: 0.8rem;
  margin-right: 5px;
}

.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;
}

/* Admin View */
.adminViewWrapper {
  float: left;
  width: 100%;
  padding: 60px 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;
}
.adminViewWrapper .adminViewContainer {
  float: left;
  width: 100%;
  max-width: 500px;
  padding: 30px 30px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(160, 160, 160, 0.5);
}
.adminViewWrapper .adminViewContainer h3 {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  color: #465ca8;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon {
  float: left;
  width: 100%;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .yellowBtn, .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .yellowBtnBorder {
  width: 170px;
  float: left;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .fieldGroup {
  float: left;
  width: 270px;
  padding-left: 30px;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .fieldGroup .form-control {
  height: 34px;
}
.adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewBtn {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
@media (max-width: 580px) {
  .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow {
    margin-bottom: 40px;
  }
  .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .yellowBtn, .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .yellowBtnBorder {
    width: 100%;
  }
  .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewRow .fieldGroup {
    padding: 0px;
    width: 100%;
    margin-top: 15px;
  }
  .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewBtn .yellowBtn, .adminViewWrapper .adminViewContainer .adminViewInnerCon .adminViewBtn .yellowBtnBorder {
    width: 100%;
  }
}

/* Admin View */
.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;
}

/* Upload */
.MKGUploadWrapepr .dropzone {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin: 0px;
}
.MKGUploadWrapepr .dropzone .dz-default.dz-message {
  margin: 0.7rem 0;
}
.MKGUploadWrapepr .dropzone .dz-default.dz-message span {
  float: none;
  font-weight: 400;
  font-size: 1rem;
}
.MKGUploadWrapepr .dropzone .dz-default.dz-message span .fa.fa-cloud-upload {
  margin: 10px 0;
}

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

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

.EnrollmentSummaryCon {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.EnrollmentSummaryCon span {
  float: left;
  width: 50%;
}
.EnrollmentSummaryCon span + span {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .EnrollmentSummaryCon span {
    width: 100%;
  }
  .EnrollmentSummaryCon span + span {
    margin-top: 10px;
    padding-left: 0;
  }
}
.EnrollmentSummaryCon span button {
  border: none;
  background: none;
  color: #465ca8;
  text-decoration: underline;
  margin: 0 5px;
  padding: 0 5px;
  line-height: 1.3;
  outline: none;
}
.EnrollmentSummaryCon span button.btnSelect {
  background-color: #465ca8;
  color: #FFFFFF;
}

.SEM_Division {
  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;
}
.SEM_Division label {
  float: left;
  margin: 3px 0;
}
.SEM_Division .SEM_divisionSelect {
  float: left;
  margin: 0 20px;
  width: 140px;
}
.SEM_Division .SEM_divisionSelect .DivisionSpan {
  padding: 5px 0;
  float: left;
}
.SEM_Division .SEM_divisionSelect .select2-container {
  width: 100% !important;
}
.SEM_Division .SEM_divisionSelect .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 34px;
}
.SEM_Division .SEM_divisionSelect .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.SEM_Division .SEM_divisionSelect .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}

.keyWordWrapper {
  float: left;
  width: 100%;
  margin: 30px 0;
}
.keyWordWrapper .RowTitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.keyWordWrapper .keyWordBtnCon {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.keyWordWrapper .keyWordBtnCon .btnFill, .keyWordWrapper .keyWordBtnCon .modal .modal-footer .btn.btn-primary, .modal .modal-footer .keyWordWrapper .keyWordBtnCon .btn.btn-primary, .keyWordWrapper .keyWordBtnCon .btnExportFill, .keyWordWrapper .keyWordBtnCon .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .keyWordWrapper .keyWordBtnCon .enrollNow, .keyWordWrapper .keyWordBtnCon .btnBordered, .keyWordWrapper .keyWordBtnCon .modal .modal-footer .btn.btn-default, .modal .modal-footer .keyWordWrapper .keyWordBtnCon .btn.btn-default, .keyWordWrapper .keyWordBtnCon .secondaryBtn, .keyWordWrapper .keyWordBtnCon .btnBorderedsecondary, .keyWordWrapper .keyWordBtnCon .btnReset, .keyWordWrapper .keyWordBtnCon .btnBorderedGrey, .keyWordWrapper .keyWordBtnCon .btnGrey {
  float: left;
  margin-right: 15px;
}
.keyWordWrapper .keyWordFieldRow {
  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;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol {
  float: left;
  width: 100%;
  max-width: 450px;
  margin: 0 15px;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol label {
  float: left;
  width: 100%;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock {
  float: left;
  width: calc(100% - 135px);
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .form-control {
  float: left;
  width: 100%;
  height: 34px;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnFill, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .modal .modal-footer .btn.btn-primary, .modal .modal-footer .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btn.btn-primary, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnExportFill, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .enrollNow, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnBordered, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .modal .modal-footer .btn.btn-default, .modal .modal-footer .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btn.btn-default, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .secondaryBtn, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnBorderedsecondary, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnReset, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnBorderedGrey, .keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyWordFieldBlock .btnGrey {
  float: right;
  width: 120px;
  padding: 6px 12px;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyboardBtn {
  float: right;
  width: 115px;
}
.keyWordWrapper .keyWordFieldRow .keyWordFieldCol .keyboardBtn .keyWordBtn {
  float: left;
  width: 100%;
  padding: 4px 6px;
}

.ViewAdPrice .modal-dialog {
  max-width: 700px;
  width: 100%;
}
.ViewAdPrice .modal-dialog .modal-body {
  padding: 15px;
}
.ViewAdPrice .modal-dialog .modal-header .modal-title span {
  font-size: 1rem;
  font-weight: 400;
}
.ViewAdPrice .modal-dialog .modal-body {
  text-align: center;
  max-height: calc(100vh - 110px);
}
.ViewAdPrice .modal-dialog .table thead th {
  font-size: 0.85rem;
  vertical-align: middle;
  padding: 5px !important;
}
.ViewAdPrice .modal-dialog .table thead th p {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
}
.ViewAdPrice .modal-dialog .table tbody tr td, .ViewAdPrice .modal-dialog .table tbody table tr th, table .ViewAdPrice .modal-dialog .table tbody tr th {
  font-size: 0.85rem;
  padding: 5px !important;
  text-align: center !important;
}
.ViewAdPrice .modal-dialog .table.tableAlignMiddle td, .ViewAdPrice .modal-dialog .table.tableAlignMiddle table tr th, table tr .ViewAdPrice .modal-dialog .table.tableAlignMiddle th {
  vertical-align: middle;
}
.ViewAdPrice .modal-dialog p {
  text-align: left;
  font-size: 0.9rem;
  margin: 0px;
}

.ulListItems {
  list-style: disc !important;
  padding-left: 17px !important;
}

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

.BulkOrderCostRgt {
  margin-left: auto;
}
@media (max-width: 991px) {
  .BulkOrderCostRgt {
    width: 50%;
    margin-top: 10px;
  }
  .BulkOrderCostRgt .BulkOdrPrice {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .BulkOrderCostRgt {
    width: 100%;
  }
}

.BulkOdrPrice {
  float: left;
  width: 180px;
  font-size: 0.9rem;
}
.BulkOdrPrice label {
  font-weight: 700;
  float: left;
  width: 100%;
}

.catalogPDF {
  float: left;
  width: 100%;
}
.catalogPDF .catalogPDFInner {
  float: left;
  width: 100%;
  max-width: 450px;
}

.divPreviewemailtextboxes {
  float: left;
  width: 100%;
}
.divPreviewemailtextboxes p {
  padding-right: 15px;
  float: left;
  width: 50%;
}
.divPreviewemailtextboxes .emailRgtContent {
  float: left;
  width: 50%;
  padding-left: 15px;
  text-align: right;
}
@media (max-width: 767px) {
  .divPreviewemailtextboxes .emailRgtContent {
    width: 100%;
    padding-left: 0;
    text-align: left;
  }
}

.smallHeading {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1.2rem;
  font-weight: 700;
}

.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;
}

/* Parts Catalog */
.pcReviewWrapper {
  float: left;
  width: 100%;
}
.pcReviewWrapper .pcReviewRow {
  float: left;
  width: 100%;
}
.pcReviewWrapper .pcReviewRow h4 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #465ca8;
  margin-bottom: 10px;
}
.pcReviewWrapper .pcReviewRow .pcReviewTable {
  float: left;
  width: 100%;
}
.pcReviewWrapper .pcReviewRow .pcReviewTable table tfoot tr td.ptop2, .pcReviewWrapper .pcReviewRow .pcReviewTable table tfoot tr th.ptop2 {
  padding-top: 15px !important;
}

/* Parts Catalog */
.termsConditionBLock {
  float: left;
  width: 100%;
}

.adminCOmmentsRow {
  float: left;
  width: 100%;
}
.adminCOmmentsRow .adminCommentLabel {
  float: left;
  width: 50%;
  font-weight: 700;
  padding-right: 15px;
  font-weight: normal !important;
}
.adminCOmmentsRow .adminCommentContent {
  float: left;
  width: 50%;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .adminCOmmentsRow .adminCommentLabel {
    width: 100%;
    padding-right: 0;
  }
  .adminCOmmentsRow .adminCommentContent {
    width: 100%;
    padding-left: 0;
  }
}

.ModalTitle1 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1.3rem;
  color: #465ca8;
}

.alignTop {
  vertical-align: top;
}

.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 #465ca8;
}

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

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

.VYCMarketingTable {
  overflow-x: auto;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.VYCMarketingTable .table tr .column200 {
  width: 240px;
}
.VYCMarketingTable .table tr .vyccnfrmamount {
  width: 230px;
}
@media (max-width: 991px) {
  .VYCMarketingTable .table {
    min-width: 950px;
  }
}

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

table.tableBdr0 tr td, table.tableBdr0 tr th {
  border-left: 0 !important;
}
table.tableBdr4 tr td.greyBar, table.tableBdr4 tr th.greyBar {
  border-left-width: 4px !important;
}

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

.redIcon {
  color: #ff0000 !important;
  font-size: 1.1rem !important;
}

table.tableVAlign tbody td, table.tableVAlign tbody tr th, table.tableVAlign tr tbody th {
  vertical-align: middle;
}

.ActionIconAlign .btnEdit {
  float: left;
}
.ActionIconAlign .spnDelete {
  float: right;
  margin: 0 4px;
}

.clsDisable {
  cursor: not-allowed;
}

.BulkUploadWrapper {
  float: left;
  width: 100%;
  border: 1px solid #F0F0F0;
}
.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;
  border-radius: 30px;
  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: 2px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  line-height: 1.7;
  font-size: 0.85rem;
}
.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 5px;
  float: right;
  font-size: 18px;
  font-weight: 500;
  padding: 1px 3px;
}

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

.moduleHeaderText {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 1.5rem;
  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);
  }
}

.assetDIcon {
  float: left;
  width: 120px;
  padding: 0 15px;
}
@media (max-width: 520px) {
  .assetDIcon {
    width: 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;
}

.primaryBtn, .greyBtnBordered, .btnGrey, .primaryBtnBordered {
  background-color: #00D2AC;
  padding: 8px 20px;
  color: #ffffff !important;
  border: 1px solid #00D2AC;
  border-radius: 3px;
  cursor: pointer;
  outline: none !important;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  font-size: 0.9rem;
  line-height: 1.4;
}
.primaryBtn .fal, .greyBtnBordered .fal, .btnGrey .fal, .primaryBtnBordered .fal, .primaryBtn .far, .greyBtnBordered .far, .btnGrey .far, .primaryBtnBordered .far {
  color: #ffffff;
}
.primaryBtn:hover, .greyBtnBordered:hover, .btnGrey:hover, .primaryBtnBordered:hover {
  background-color: #ffffff;
  color: #00D2AC !important;
}
.primaryBtn:hover .fal, .greyBtnBordered:hover .fal, .btnGrey:hover .fal, .primaryBtnBordered:hover .fal, .primaryBtn:hover .far, .greyBtnBordered:hover .far, .btnGrey:hover .far, .primaryBtnBordered:hover .far {
  color: #00D2AC;
}
.primaryBtn.smallBtn, .smallBtn.greyBtnBordered, .smallBtn.btnGrey, .smallBtn.primaryBtnBordered {
  padding: 4px 8px;
  font-weight: 500;
  line-height: 1;
  font-size: 0.8rem;
}
.primaryBtn.xs-smallBtn, .xs-smallBtn.greyBtnBordered, .xs-smallBtn.btnGrey, .xs-smallBtn.primaryBtnBordered {
  padding: 2px 8px;
  line-height: 1;
}

.primaryBtnBordered {
  background-color: #ffffff;
  color: #00D2AC !important;
}
.primaryBtnBordered .far {
  color: #00D2AC;
}
.primaryBtnBordered:hover {
  background-color: #00D2AC;
  color: #ffffff !important;
}
.primaryBtnBordered:hover .far {
  color: #ffffff;
}

.btnGrey {
  background-color: #dcdcdc;
  border-color: #dcdcdc;
  color: #444444 !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;
  /*border: 1px solid $leftBdrcol;
  border-radius: 100%;*/
  align-self: center;
  margin-left: 10px;
}
.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: #00D2AC;
}
#messagescroll {
  box-shadow: 0 6px 8px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 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;
}
#messagescroll .carousel {
  float: left;
  width: calc(100% - 200px);
  padding: 0 40px;
}
#messagescroll .carousel .carousel-inner .message-item {
  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: #00D2AC;
}
#messagescroll .carousel .carousel-inner .message-item .messagebody {
  float: left;
  width: calc(100% - 180px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#messagescroll .carousel .carousel-control-prev {
  left: 0;
  width: 40px;
  padding: 0;
  font-size: 1.6rem;
  color: #444444;
}
#messagescroll .carousel .carousel-control-next {
  right: 0;
  width: 40px;
  padding: 0;
  font-size: 1.6rem;
  color: #444444;
}
#messagescroll .gut-label-left {
  z-index: 99;
  color: #ffffff;
  background: #00D2AC;
  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: #ffffff;
}

.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;
  max-height: 75px;
  overflow-y: auto;
}
.listkRow .dashKeyList .checkboxList {
  float: left;
  padding: 4px 8px;
  font-size: 0.85rem;
  border: 1px dashed #ccc;
  margin: 5px;
  color: #1F2640;
  font-weight: 500;
}
.listkRow .dashKeyList .checkboxList label {
  margin: 0;
  color: #1F2640;
}

.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;
}

.linkBtn {
  text-decoration: underline !important;
  font-size: 0.9rem;
  color: #00D2AC;
}

.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: #ffffff;
  background-color: #82ce34;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.modal.successModal .modal-dialog .modal-content.delete .modalIcon i {
  background-color: #93161b;
}
.modal.successModal .modal-dialog .modal-content.delete .successContent .successTitle {
  color: #93161b;
}
.modal.successModal .secondaryBtn {
  background-color: #82ce34;
  border-color: #82ce34;
  color: #fff !important;
}

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

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

.AdjustmentTitle {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
}

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

.emailCheckRow {
  float: left;
  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;
}

.input-group .input-group-text {
  background-color: transparent;
  border-right: 0px;
}
.input-group .form-control {
  border-left: none;
  padding-left: 3px !important;
}

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

.modal-backdrop ~ .bootbox.modal {
  z-index: 99991;
}
.modal-backdrop ~ .modal-backdrop {
  z-index: 9999;
}

.modal-open .modal.show ~ .modal.show {
  z-index: 99991;
}

.topblock {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

#toast-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
#toast-container .toast {
  box-shadow: 0 0 7px rgba(38, 38, 38, 0.4784313725) !important;
  opacity: 1;
  border-radius: 0;
  border: none;
  width: 100% !important;
  float: left;
  max-width: 100%;
  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 6 Sharp";
  font-size: 1.1rem;
  color: #fff;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 170px;
}

/*.select2-dropdown {
    z-index: 99;
}*/
.requestAccessMain {
  float: left;
  width: 100%;
}
.requestAccessMain .modal-dialog {
  max-width: 100%;
  margin: 0;
}
.requestAccessMain .modal-dialog .modal-content {
  border: none;
}
.requestAccessMain .modal-dialog .modal-content .regcontainer .reg-Left {
  max-height: inherit;
  min-height: 100vh;
}
.requestAccessMain .modal-dialog .modal-content .regcontainer .reg-Left::after {
  height: 100vh;
}
@media (max-width: 991px) {
  .requestAccessMain .modal-dialog .modal-content .regcontainer .reg-Left {
    min-height: inherit;
  }
}
.requestAccessMain .modal-dialog .modal-content .regcontainer .regFormCon {
  height: 100vh;
}
.requestAccessMain .modal-dialog .modal-content .regcontainer .regFormCon .topheader .close {
  display: none;
}
@media (max-width: 991px) {
  .requestAccessMain .modal-dialog .modal-content .regcontainer .regFormCon {
    height: auto;
  }
}

.preLoader {
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 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;
  z-index: 999;
  backdrop-filter: blur(6px);
}
.preLoader.hide {
  display: none;
}
.preLoader .preLoaderTab {
  display: inline-block;
  text-align: center;
}
.preLoader .preLoaderTab h3 {
  font-size: 1.2rem;
}
.preLoader .preLoaderTab span {
  font-weight: bold;
  color: #00D2AC;
}
.preLoader .loader_element {
  height: 25px;
  width: 300px;
  background: #fff;
  border-radius: 20px;
  display: inline-block;
  margin: 10px 0;
  overflow: hidden;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1254901961);
}
.preLoader .loader_element::before {
  content: "";
  display: block;
  background-color: #00D2AC;
  height: 25px;
  width: 0;
  animation: getWidth 9s linear forwards;
}

@keyframes getWidth {
  100% {
    width: 100%;
  }
}
.noteBlock {
  float: left;
  border-radius: 2px;
  padding: 3px 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: normal;
  /*color: #856404;
  background-color: #fff3cd;*/
}

.clsDisableControl {
  pointer-events: none;
  cursor: not-allowed;
}

.errorMsgCon {
  font-size: 0.95rem;
  font-weight: 600;
  position: relative;
  margin: 7px 0;
  padding: 5px 20px 5px 70px;
  line-height: 1.4;
}
.errorMsgCon i {
  position: absolute;
  left: 10px;
  top: calc(50% - 18px);
  font-size: 2.3rem;
  color: #ff0000;
}

.customScroll .scroll-element.scroll-scrolly_visible {
  z-index: 99;
}

.select2-container .select2-results__options .select2-results__option.select2-results__message {
  display: none !important;
}

.modal-lg {
  max-width: 860px;
  width: 100%;
}

.flex-1 {
  flex: 1;
}

.alertWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5882352941);
}
.alertWrapper .alertInner {
  margin: 15px auto;
  max-width: 440px;
  padding: 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-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 15px;
}
.alertWrapper .alertInner .a_Icon {
  float: left;
  width: 60px;
  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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.alertWrapper .alertInner .a_Icon i {
  font-size: 2rem;
}
.alertWrapper .alertInner h5 {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}
.alertWrapper .alertInner p {
  text-align: center;
  margin-bottom: 1rem;
}
.alertWrapper .alertInner .a_btn {
  float: left;
  padding: 10px 15px;
  border-radius: 4px;
  min-width: 120px;
  text-align: center;
}
.alertWrapper.a_success .alertInner .a_Icon {
  background-color: #208835;
  box-shadow: 0 0 0 6px rgba(32, 136, 53, 0.1);
}
.alertWrapper.a_success .alertInner .a_Icon i {
  color: #fff;
}
.alertWrapper.a_success .alertInner h5 {
  color: #208835;
}
.alertWrapper.a_success .alertInner .a_btn {
  background-color: #208835;
  color: #fff;
}
.alertWrapper.a_error .alertInner .a_Icon {
  background-color: #E6000F;
  box-shadow: 0 0 0 6px rgba(230, 0, 15, 0.1);
}
.alertWrapper.a_error .alertInner .a_Icon i {
  color: #fff;
}
.alertWrapper.a_error .alertInner h5 {
  color: #E6000F;
}
.alertWrapper.a_error .alertInner .a_btn {
  background-color: #E6000F;
  color: #fff;
}
.alertWrapper.a_warning .alertInner .a_Icon {
  background-color: #F9C205;
  box-shadow: 0 0 0 6px rgba(249, 194, 5, 0.1);
}
.alertWrapper.a_warning .alertInner .a_Icon i {
  color: #fff;
}
.alertWrapper.a_warning .alertInner h5 {
  color: #F9C205;
}
.alertWrapper.a_warning .alertInner .a_btn {
  background-color: #F9C205;
  color: #fff;
}

.modal-dialog {
  margin: 1rem auto;
}

header {
  float: left;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.0862745098);
}
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: 280px;
  padding: 0 20px;
}
header .logoLeftBlock .brandLogo a, header .logoLeftBlock .headerInner .HeadRgt a, .headerInner header .logoLeftBlock .HeadRgt a {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
header .logoLeftBlock .brandLogo a .DesktopLogo, header .logoLeftBlock .headerInner .HeadRgt a .DesktopLogo, .headerInner header .logoLeftBlock .HeadRgt a .DesktopLogo {
  float: left;
  max-width: 210px;
  max-height: 50px;
}
header .logoLeftBlock .brandLogo a .MobileLogo, header .logoLeftBlock .headerInner .HeadRgt a .MobileLogo, .headerInner header .logoLeftBlock .HeadRgt a .MobileLogo {
  display: none;
}
@media (max-width: 767px) {
  header .logoLeftBlock .brandLogo, header .logoLeftBlock .headerInner .HeadRgt, .headerInner header .logoLeftBlock .HeadRgt {
    padding: 0 10px;
    max-width: inherit;
    width: auto;
  }
  header .logoLeftBlock .brandLogo a .DesktopLogo, header .logoLeftBlock .headerInner .HeadRgt a .DesktopLogo, .headerInner header .logoLeftBlock .HeadRgt a .DesktopLogo {
    max-width: 100px;
    max-height: 45px;
  }
}
header .logoLeftBlock h6 {
  float: left;
  font-weight: 500;
  margin: 0;
  padding: 0 20px;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #444444;
}
@media (max-width: 767px) {
  header .logoLeftBlock h6 {
    padding: 0 10px;
  }
}
@media (max-width: 380px) {
  header .logoLeftBlock h6 {
    display: none;
  }
}
header .headerRightCont {
  margin-left: auto;
  padding-right: 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;
}
header .headerRightCont .dropdown {
  float: left;
  padding: 5px 12px;
}
header .headerRightCont .dropdown .dropdown-toggle {
  border: none;
  font-size: 1.3rem;
  position: relative;
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
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.notificationBlock .dropdown-toggle::after {
  display: none;
}
header .headerRightCont .dropdown::after {
  content: "";
  background-color: #ccc;
  width: 1px;
  height: 25px;
  position: absolute;
  left: 0;
  top: calc(50% - 12.5px);
}
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;
  visibility: hidden;
}
header .headerRightCont .dropdown .dropdown-menu .ddTitle {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  padding: 10px 20px;
  border-bottom: 1px solid #E9ECF3;
}
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 #E9ECF3;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li:hover {
  background-color: #e9ecf4;
}
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: #E9ECF4;
  font-size: 1.3rem;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .icon i {
  color: #444444;
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent {
  margin-left: auto;
  width: calc(100% - 50px);
}
header .headerRightCont .dropdown .dropdown-menu .userInfo li .ddContent h6 {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  height: auto !important;
  margin: 0px;
  color: #272D33;
}
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 .dbtnRow {
  float: left;
  width: 100%;
  padding: 12px 20px;
}
header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnFill, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .modal .modal-footer .btn.btn-primary, .modal .modal-footer 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 .modal .modal-footer .btn.btn-default, .modal .modal-footer header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btn.btn-default, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .secondaryBtn, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnBorderedsecondary, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnReset, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnBorderedGrey, header .headerRightCont .dropdown .dropdown-menu .dbtnRow .btnGrey {
  float: left;
  padding: 10px 15px;
}
header .headerRightCont .dropdown .dropdown-menu .viewAll {
  float: left;
  width: 100%;
  padding: 12px 20px;
  text-align: center;
}
header .headerRightCont .dropdown .dropdown-menu .viewAll a {
  color: #00D2AC;
}
header .headerRightCont .dropdown .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  top: 100% !important;
}
header .headerRightCont .dropdown.langBlock .dropdown-toggle {
  font-size: 0.9rem;
}
header .headerRightCont .dropdown.langBlock .dropdown-menu {
  width: auto;
}
header .headerRightCont .dropdown.userBlock .dropdown-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  font-size: 0.85rem;
}
header .headerRightCont .dropdown.userBlock .dropdown-toggle .userName {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  header .headerRightCont .dropdown.userBlock .dropdown-toggle .userName {
    display: none;
  }
  header .headerRightCont .dropdown.userBlock .dropdown-toggle .userName + i {
    margin-left: 0px !important;
  }
}
header .headerRightCont .dropdown.userBlock .dropdown-toggle i {
  background-color: #00D2AC;
  color: #ffffff;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  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;
}
header .headerRightCont .dropdown.notificationBlock .dropdown-toggle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  font-size: 0.85rem;
}
header .headerRightCont .dropdown.notificationBlock .dropdown-toggle i {
  background-color: #F3F3F3;
  color: #272D33;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  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;
}
@media (max-width: 500px) {
  header .headerRightCont .dropdown {
    position: static;
  }
  header .headerRightCont .dropdown .dropdown-menu {
    right: 10px;
    width: calc(100% - 20px);
  }
}
@media (max-width: 767px) {
  header .headerRightCont {
    padding-right: 15px;
  }
}
header .headerRightCont .divisionBlock {
  margin-right: 15px;
}
header .headerRightCont .divisionBlock .select2.select2-container .select2-selection--single {
  border: none;
  font-size: 0.85rem;
  min-width: 140px;
}
@media (max-width: 767px) {
  header .headerRightCont .divisionBlock {
    display: none;
  }
}
header .headerRightCont .divisionBlock + #dvMessgaeNotifications .dropdown::before {
  content: "";
  background-color: #ccc;
  width: 1px;
  height: 25px;
  position: absolute;
  left: 0;
  top: calc(50% - 12.5px);
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #ddd;
}

.count {
  background-color: #00D2AC;
  position: absolute;
  right: -5px;
  top: -3px;
  min-width: 13px;
  height: 13px;
  line-height: 1;
  color: #ffffff;
  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 {
  float: left;
  width: 100%;
  /*position: sticky;
  top: 0;*/
  background-color: #ffffff;
  z-index: 999;
  position: relative;
}
header .headBottom {
  z-index: 100;
  position: relative;
}
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, header.header-without-menu + .mainContent .containerHome {
  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;
  height: 80px;
}
@media (max-width: 1200px) {
  header .topHeader {
    height: 60px;
  }
}
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;
    /*.MobileLogo {
        display: inline-block;
    }

    .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: #465ca8;
  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: #00D2AC;
    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: #444444;
    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;
  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: #00D2AC;
  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: #FFFFFF;
  background-color: #00D2AC;
}
.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-weight: 500;
}
.headBottom .nav > li {
  float: left;
  position: relative;
}
.headBottom .nav > li > a {
  float: left;
  padding: 12px 15px;
  color: #ffffff;
  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: #ffffff;
}
.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: #ffffff;
  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 #F7941C;
  transition: cubic-bezier(0.85, 0.01, 0.43, 1.35) 0.4s;
  opacity: 0;
  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: #333333;
}
.headBottom .nav > li .subNav li a .fa-chevron-right {
  position: absolute;
  right: 10px;
  color: #444444;
  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: #333333;
  background-color: #F8FAFC;
}
.headBottom .nav > li .subNav li:hover > a i {
  color: #333333;
}
.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 #F7941C;
}
.headBottom .nav > li.megaMenu > .subNav > li > a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > a {
  width: 220px;
  color: #444444;
  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: #ffffff;
  background-color: #00D2AC;
}
.headBottom .nav > li.megaMenu > .subNav > li > a:hover i, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li > a:hover i {
  color: #ffffff;
}
.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: #F8FAFC;
  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: #00D2AC;
}
.headBottom .nav > li.megaMenu > .subNav > li:hover > a, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li:hover > a {
  color: #333333;
  background-color: #F8FAFC;
}
.headBottom .nav > li.megaMenu > .subNav > li:hover > a i, .headBottom .nav > li .subNav .nav > li.megaMenu > .subNavLabel2 > li:hover > a i {
  color: #333333;
}
.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: #00D2AC;
  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, .headBottom footer .container, footer .headBottom .container, .headBottom footer .containerHome, footer .headBottom .containerHome, .headBottom .containerHome {
    padding-left: 0px;
    float: right;
  }
  .headBottom .container .hdRgt .HeaderSearch, .headBottom footer .container .hdRgt .HeaderSearch, footer .headBottom .container .hdRgt .HeaderSearch, .headBottom footer .containerHome .hdRgt .HeaderSearch, footer .headBottom .containerHome .hdRgt .HeaderSearch, .headBottom .containerHome .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 {
  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 .divisionBlock {
  float: left;
  width: 100%;
  padding: 15px;
  height: 64px;
  background-color: #e7e7e7;
}
.MobileView .divisionBlock .select2-container {
  width: 100% !important;
}
.MobileView .divisionBlock .select2-container .select2-selection--single {
  height: 34px;
  font-size: 0.85rem;
  border: 1px solid #fff;
}
.MobileView .divisionBlock .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.MobileView .divisionBlock .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
.MobileView .divisionBlock + .headBottom.megamenuNav .flexnavContainer {
  height: calc(100vh - 64px);
}
.MobileView .headerInfo {
  float: left;
  width: 100%;
  padding: 15px 25px;
  background-color: #00D2AC;
  color: #ffffff;
  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: #ffffff;
}
.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: #444444;
  position: relative;
}
.MobileView .nav li a:hover {
  background-color: #e2e2e2;
  color: #444444;
}
.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-weight: 600;
  color: #444444;
  transition: cubic-bezier(0.49, -0.02, 0.74, 1.25) 0.2s;
}
.MobileView .nav li.MenuExpand > a {
  background-color: #00D2AC;
  color: #ffffff;
}
.MobileView .nav li.MenuExpand > a .MobileToggleClick i, .MobileView .nav li.MenuExpand > a .MobileToggleClickInner i {
  color: #ffffff;
  transform: rotate(-180deg);
}
.MobileView .nav li.MenuExpand > .MobileToggleClick, .MobileView .nav li.MenuExpand > .MobileToggleClickInner {
  color: #ffffff;
}
.MobileView .nav li.MenuExpand > .MobileToggleClick .fal, .MobileView .nav li.MenuExpand > .MobileToggleClickInner .fal {
  color: #ffffff;
}
.MobileView .nav li.MenuExpand > .MobileToggleClick i, .MobileView .nav li.MenuExpand > .MobileToggleClickInner i {
  color: #ffffff;
  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: #8f9197;
  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 .signout {
  display: inline-block;
  width: calc(100% - 40px);
  margin: 20px;
}
.MobileView .headBottom.megamenuNav {
  display: block;
  background: #ffffff;
  color: #444444;
}
.MobileView .headBottom.megamenuNav .container-fluid {
  padding: 0px;
}
.MobileView .headBottom.megamenuNav .flexnavContainer {
  display: inline-block;
  vertical-align: top;
  height: 100vh;
  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: #444444;
  padding: 16px;
  height: auto;
}
.MobileView .headBottom.megamenuNav .flexnavContainer li .trigger a i {
  color: #444444;
}
.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: 0.95rem;
  font-weight: 600;
  color: #444444;
  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: #4a5978;
  color: #ffffff;
}
.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: #ffffff !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: #00D2AC;
}
.headLeft .NavMenu {
  float: left;
  margin-right: 15px;
  /* Mega Menu */
  /* Mega Menu */
}
.headLeft .NavMenu > a {
  float: left;
  width: 150px;
  padding: 20px 15px;
  color: #444444;
  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: #444444;
    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-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: #444444;
    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-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;
  }
}
footer {
  width: 100%;
  float: left;
  background-color: #F0F0F0;
  color: #272D33;
  padding: 20px 0;
  border-top: 1px solid #CFCFCF;
}
footer .fooInner {
  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;
  width: 100%;
}
footer .fooLeft {
  float: left;
}
footer .fooLeft img {
  max-width: 94px;
}
footer .fooRgt {
  margin-left: auto;
}
footer p {
  padding: 0px;
  margin: 0;
  font-size: 0.9rem;
}
@media (max-width: 991px) {
  footer {
    padding: 20px 16px;
  }
}

/* New Navigation */
@keyframes myAnim {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(8px);
  }
}
.megamenuNav {
  width: 100%;
  float: left;
  color: #FFFFFF;
}
.megamenuNav .flexnavContainer {
  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;
  height: 59px;
}
.megamenuNav .flexnavContainer li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 0.85rem;
  /*.trigger.popshopStore {
  	.flexNavSubmenu {
  		width: 720px;
  	}

  	&:hover {
  		@media(min-width:1200px) {
  			.flexNavSubmenu {
  				left: -180px;
  				display: block;
  			}
  		}
  	}
  }*/
  /*.trigger.spiffNav {
  	.flexNavSubmenu {
  		width: 464px;
  	}
  }*/
  /*.trigger.incentives {
  	.flexNavSubmenu {
  		width: 438px;
  	}
  }*/
  /*.trigger.communications {
  	.flexNavSubmenu {
  		width: 438px;
  	}

  	&:hover {
  		@media(min-width:1200px) {
  			.flexNavSubmenu {
  				left: 0px;
  				display: block;
  			}
  		}
  	}
  }*/
}
.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 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: #FFFFFF;
  padding: 0px 20px;
  font-weight: 400;
  border-bottom: 3px solid transparent;
}
@media (max-width: 1280px) {
  .megamenuNav .flexnavContainer li .trigger a {
    padding: 0px 12px;
  }
}
.megamenuNav .flexnavContainer li .trigger a i {
  color: #FFFFFF;
}
@media (min-width: 1201px) {
  .megamenuNav .flexnavContainer li .trigger a:hover {
    color: #323A58;
  }
}
.megamenuNav .flexnavContainer li .trigger a.active {
  background-color: #F0F0F0;
  color: #323A58;
}
.megamenuNav .flexnavContainer li .trigger a.active i {
  color: #323A58;
}
@media (min-width: 1201px) {
  .megamenuNav .flexnavContainer li .trigger:hover > a {
    background-color: #F7941C;
    color: #ffffff;
    border-bottom-color: #ffffff;
  }
  .megamenuNav .flexnavContainer li .trigger:hover > a i {
    color: #ffffff;
  }
}
@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: 100%;
  background: #ffffff;
  left: 0px;
  padding: 12px 24px;
  z-index: 999;
  box-shadow: 0 0 10px #ccc;
}
.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: #505050;
  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: #00D2AC;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a.headingNav {
  color: #505050;
  font-weight: 400;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 20px;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one ul li a.roundLink {
  height: 30px;
  border: 1px solid #323A58;
  border-radius: 50px;
  background: transparent;
  width: auto;
  justify-content: center;
  font-weight: bold;
  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: #F7F9FC;
  animation: none;
  border-color: #D4D4D4;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 {
  color: #505050;
  font-weight: 400;
  padding: 0px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 a {
  color: #505050;
  font-weight: 400;
  padding: 0px;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.megamenuNav .flexnavContainer li .trigger .flexNavSubmenu .subcat-one h5 a:hover {
  color: #00D2AC;
}
.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 {
    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 hr.smallHR {
  margin: 0px;
  width: calc(100% - 5px);
}

.dropdown[style="display:none"] ~ #dvMessgaeNotifications .dropdown::after {
  display: none;
}

.cartBlock {
  float: left;
  padding: 5px 12px;
  position: relative;
}
.cartBlock::before {
  content: "";
  background-color: #ccc;
  width: 1px;
  height: 25px;
  position: absolute;
  left: 0;
  top: calc(50% - 12.5px);
}
.cartBlock .cartIcon {
  /*background-color: $l-grey-1;*/
  color: #272D33;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  font-size: 1rem;
  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;
}
.cartBlock .cartCount {
  position: absolute;
  right: 10px;
  top: -4px;
  font-size: 10px;
  background-color: #00D2AC;
  width: 16px;
  line-height: 16px;
  border-radius: 100%;
  text-align: center;
  height: 16px;
  color: #fff;
  z-index: 99;
}
.cartBlock .emptyCart {
  position: absolute;
  right: -80px;
  width: 280px;
  background-color: #fff;
  padding: 20px;
  border-radius: 7px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 10px #e9e9e9;
  top: calc(100% + 30px);
  transition: cubic-bezier(0.61, -0.03, 0.4, 1.05) 0.3s;
}
.cartBlock .emptyCart .cartInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  text-align: center;
}
.cartBlock .emptyCart .cartInner img {
  margin-bottom: 15px;
}
.cartBlock .emptyCart .cartInner h6 span {
  color: #00D2AC;
}
.cartBlock .emptyCart .cartInner p {
  margin: 0;
  font-size: 0.85rem;
  color: #afafaf;
}
.cartBlock.emptyCartMsg:hover .emptyCart {
  top: calc(100% + 3px);
  opacity: 1;
  visibility: visible;
}

.contactInfoWrapper {
  position: fixed;
  right: -282px;
  bottom: 70px;
  z-index: 999;
  transition: cubic-bezier(0.57, 0.11, 0.65, 1.04) 0.3s;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.contactInfoWrapper .contactIcon {
  float: left;
  width: 38px;
  height: 42px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end;
  border-radius: 5px 0 0 5px;
  background-color: #fff;
  box-shadow: 0 3px 13px #a1a1a1;
  cursor: pointer;
}
.contactInfoWrapper .contactIcon i {
  font-size: 1.3rem;
}
.contactInfoWrapper .contactInfo {
  float: left;
  width: 280px;
  padding: 15px;
  background-color: #fff;
  border-radius: 5px 0 0 0;
  box-shadow: 0 0 5px #ccc;
}
.contactInfoWrapper .contactInfo ul {
  float: left;
  width: 100%;
}
.contactInfoWrapper .contactInfo ul 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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #E5E5E5;
}
.contactInfoWrapper .contactInfo ul li .c_icon {
  float: left;
  width: 30px;
}
.contactInfoWrapper .contactInfo ul li .c_icon i {
  color: #00D2AC;
}
.contactInfoWrapper .contactInfo ul li p {
  width: auto;
}
.contactInfoWrapper .contactInfo ul li:first-child {
  padding-top: 0;
}
.contactInfoWrapper .contactInfo ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.contactInfoWrapper.openInfo {
  right: 0px;
}

.headingTitle {
  float: left;
  width: 100%;
  padding: 7px 15px;
  text-align: center;
  font-size: 1.3rem;
  background-color: #465ca8;
  color: #ffffff;
  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: #465ca8;
  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: #00D2AC;
}
.homeBlockListing li .hBlock_Cont p {
  margin: 0;
  font-size: 0.75rem;
  color: #444444;
}
.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 {
  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, .homeRightBlock .QuickLinksCon .searchBlocks .btnRow .yellowBtnBorder {
  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: #444444;
}

.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: #465ca8;
}
.QlListing li a:hover {
  color: #333333;
}
.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: #00D2AC;
}
.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 #00D2AC;
  opacity: 1;
  background-color: #fff;
}
.homecarouselWrapper .carousleCon .carousel-indicators li.active {
  background-color: #00D2AC;
}
.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: #00D2AC;
  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: #F7941C;
  color: #00D2AC;
  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: #465ca8;
}
.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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .EnrollmentFieldRow .btn.btn-primary, .EnrollmentFieldRow .btnExportFill, .EnrollmentFieldRow .btnBordered, .EnrollmentFieldRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .EnrollmentFieldRow .btn.btn-default, .EnrollmentFieldRow .secondaryBtn, .EnrollmentFieldRow .btnBorderedsecondary, .EnrollmentFieldRow .btnReset, .EnrollmentFieldRow .btnBorderedGrey, .EnrollmentFieldRow .btnGrey, .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-weight: normal;
  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: #00D2AC;
  }
  .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 .primaryBtnBordered, .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;
  opacity: 1;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6588235294);
}
.adBuilderSlider .carousel-control-next {
  width: 50px;
  padding: 0;
  font-size: 2rem;
  opacity: 1;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.6588235294);
}
.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-weight: normal;
  font-size: 0.9rem;
}
.featuredLinksRow li:hover {
  box-shadow: 0 3px 10px #ccc;
}
.featuredLinksRow li:hover .featuredContent h5 {
  color: #00D2AC;
}
@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%;
  max-width: 320px;
  padding-right: 30px;
}
.Product_AdBuilder .p_adCont h3 {
  float: left;
  width: 100%;
  position: relative;
  font-size: 2.2rem;
  padding-bottom: 12px;
  margin-bottom: 1rem;
  color: #00D2AC;
}
.Product_AdBuilder .p_adCont h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 1px;
  background-color: #ababab;
}
.Product_AdBuilder .p_adCont h6 {
  float: left;
  width: 100%;
  margin: 0;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.5;
}
.Product_AdBuilder .p_adCont + .adBuilder_carousel {
  margin-left: 20px;
}
@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;
  }
  .Product_AdBuilder .p_adCont + .adBuilder_carousel {
    margin-left: 0;
  }
}

.adBuilder_carousel {
  float: left;
  width: calc(100% - 340px) !important;
}
.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: 10px;
}
.carouselStyle .item a {
  color: #444444;
}
.carouselStyle .item a:hover {
  color: #00D2AC;
}
.carouselStyle .item .ad-List {
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: rgba(110, 108, 108, 0.14) 0 5px 5px;
  border-radius: 10px;
}
.carouselStyle .item .ad-List .ad_imgBlock {
  float: left;
  width: 100%;
  min-height: 100px;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.carouselStyle .item .ad-List .ad_imgBlock img {
  max-height: 90%;
  width: auto;
}
.carouselStyle .item .ad-List .ad_Content {
  float: left;
  width: 100%;
  padding: 15px;
}
.carouselStyle .item .ad-List .ad_Content h5 {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  font-size: 1.15rem;
  color: #00D2AC;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.carouselStyle .item .ad-List .ad_Content p {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin-bottom: 5px;
}
.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.homeCarousel .item .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;
  height: 180px;
  float: left;
  width: 100%;
  background-color: #e3e3e3;
}
.carouselStyle.homeCarousel .item .ad-List .ad_imgBlock img {
  width: auto;
  max-height: 90%;
  max-width: 100%;
}
.carouselStyle .owl-nav .owl-prev {
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  width: 50px;
  height: 50px;
  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: 1;
  float: left;
  margin-top: -8px;
  position: relative;
  left: -2px;
}
.carouselStyle .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  width: 50px;
  height: 50px;
  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: 1;
  float: left;
  margin-top: -8px;
  position: relative;
  left: 2px;
}

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

.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: #E9ECF3;
  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-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: #00D2AC;
  color: #00D2AC;
}
@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-weight: normal;
  padding-bottom: 5px;
  position: relative;
}
.adModalWrapper .ModalTitle h5 strong {
  color: #00D2AC;
}
.adModalWrapper .ModalTitle h5::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50px;
  height: 1px;
  background-color: #00D2AC;
}
.adModalWrapper .ModalTitle .close {
  float: right;
  font-size: 2rem;
  color: #444444;
}

.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 img {
  max-width: 60px;
}
.adCon h3 {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  margin-top: 7px;
  margin-bottom: 0;
}

.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: #444444;
}
.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: #00D2AC;
}
.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-weight: normal;
}
@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 #cccccc;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: 600;
  float: left;
  width: 100%;
  color: #465ca8;
}
.recommendAdWrapper .adRgt .questionSelect li input[type=radio]:checked + label {
  border-color: #465ca8;
  background-color: #465ca8;
  color: #ffffff;
}
@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 #cccccc;
  border-radius: 5px;
  padding: 10px 7px;
  font-weight: 600;
  float: left;
  width: 100%;
  text-align: center;
  color: #444444;
}
.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: #465ca8;
  background-color: #e1eafd;
  color: #465ca8;
}

.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: #F0F0F0;
}
.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-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: #444444;
}
.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: #ffffff;
  border-radius: 5px;
  border: 1px solid #00D2AC;
}
.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: 0.95rem;
  line-height: 1.2;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 0px;
  width: 100%;
  color: #444444;
}
.blockRgt ul li a:hover {
  border-color: #F7941C;
}
.blockRgt ul li a:hover .blockIcon .mainImg {
  display: none;
}
.blockRgt ul li a:hover .blockIcon .hover {
  display: inline-block;
}
@media (max-width: 1280px) {
  .blockRgt ul li {
    width: calc(33.33% - 14px);
  }
}
@media (max-width: 600px) {
  .blockRgt ul li {
    width: calc(50% - 14px);
  }
}
@media (max-width: 991px) {
  .blockRgt {
    width: 100%;
  }
}

.homeListinCon {
  float: left;
  width: 100%;
  padding: 40px 0;
  background-color: #fff;
}
.homeListinCon h3, .homeListinCon h6 {
  float: left;
  width: 100%;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
.homeListinCon h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.homeListinCon .listingCon {
  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;
}
.homeListinCon .listingCon li {
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  padding: 0 15px;
}
.homeListinCon .listingCon li a {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
}
.homeListinCon .listingCon li a .comingSoon {
  opacity: 1;
  font-size: 11px;
  position: absolute;
  right: 40px;
  top: 0;
  padding: 4px 8px;
  background-color: #e7001d;
  line-height: 1;
  color: #fff;
  border-radius: 10px;
}
.homeListinCon .listingCon li img {
  max-width: 150px;
}
.homeListinCon .listingCon li h5 {
  font-size: 0.95rem;
  margin-top: 12px;
  color: #272D33;
}
@media (max-width: 991px) {
  .homeListinCon .listingCon li img {
    max-width: 100px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .homeListinCon .listingCon li {
    width: 50%;
    margin: 15px 0;
  }
}

body img.img_pizzaInn, body img.img_badcock, body img.img_demo, body img.img_bojangles {
  display: none;
}
body.body_cricket img.img_pizzaInn, body.body_cricket img.img_badcock, body.body_cricket img.img_demo, body.body_cricket img.img_bojangles {
  display: none;
}
body.body_PizzaInn img.img_cricket, body.body_PizzaInn img.img_badcock, body.body_PizzaInn img.img_demo, body.body_PizzaInn img.img_bojangles {
  display: none;
}
body.body_PizzaInn img.img_pizzaInn {
  display: inline-block;
}
body.body_Badcock img.img_cricket, body.body_Badcock img.img_pizzaInn, body.body_Badcock img.img_demo, body.body_Badcock img.img_bojangles {
  display: none;
}
body.body_Badcock img.img_badcock {
  display: inline-block;
}
body.body_Demo img.img_cricket, body.body_Demo img.img_pizzaInn, body.body_Demo img.img_badcock, body.body_Demo img.img_bojangles {
  display: none;
}
body.body_Demo img.img_demo {
  display: inline-block;
}
body.body_bojangles img.img_cricket, body.body_bojangles img.img_pizzaInn, body.body_bojangles img.img_badcock, body.body_bojangles img.img_demo {
  display: none;
}
body.body_bojangles img.img_bojangles {
  display: inline-block;
}

.modalInner {
  padding: 20px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.modalInner .campaignHeader {
  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%;
  padding-right: 30px;
  position: relative;
}
.modalInner .campaignHeader .close {
  position: absolute;
  right: 5px;
}
.modalInner .campaignHeader h5 {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative;
  font-weight: 700;
}
.modalInner .campaignHeader h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 3px;
  width: 90px;
  background-color: #00D2AC;
}
.modalInner .cbody {
  float: left;
  width: 100%;
  margin: 25px 0;
}
.modalInner .cbody .owl-carousel .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.modalInner .cbody .owl-carousel .owl-stage .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.modalInner .cbody .owl-carousel .item {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin: 0 10px;
}
.modalInner .cbody .owl-carousel .item a {
  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;
  width: 100%;
  padding: 15px;
  border: 1px solid #B1B1B1;
  border-radius: 3px;
  color: #272D33;
}
.modalInner .cbody .owl-carousel .item .imgBlock {
  float: left;
  width: 65px;
  height: 65px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: 10px;
}
.modalInner .cbody .owl-carousel .item .imgBlock img {
  max-width: 60px;
  max-height: 60px;
}
.modalInner .cbody .owl-carousel .item h6 {
  font-weight: 500;
  font-size: 0.98rem;
}
.modalInner .cbody .owl-carousel .owl-dots .owl-dot {
  background-color: #b9fff2 !important;
}
.modalInner .cbody .owl-carousel .owl-dots .owl-dot.active {
  background-color: #00D2AC !important;
}
.modalInner .cbody .empty {
  float: left;
  width: 100%;
}
.modalInner .cbody .empty.Items2 .item {
  max-width: calc(50% - 20px);
}
.modalInner .cbody .empty .item {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: calc(20% - 10px);
  margin: 0 5px;
}
.modalInner .cbody .empty .item a {
  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;
  width: 100%;
  padding: 15px;
  border: 1px solid #B1B1B1;
  border-radius: 3px;
  color: #272D33;
}
.modalInner .cbody .empty .item .imgBlock {
  float: left;
  width: 65px;
  height: 65px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: 10px;
}
.modalInner .cbody .empty .item .imgBlock img {
  max-width: 60px;
  max-height: 60px;
}
.modalInner .cbody .empty .item h6 {
  font-weight: 500;
  font-size: 0.98rem;
}
@media (max-width: 991px) {
  .modalInner .cbody .empty .item {
    max-width: calc(33.33% - 10px);
    margin: 5px;
  }
}
@media (max-width: 767px) {
  .modalInner .cbody .empty .item {
    max-width: calc(50% - 10px);
    margin: 5px;
  }
}
@media (max-width: 520px) {
  .modalInner .cbody .empty .item {
    max-width: calc(100% - 10px);
    margin: 5px;
  }
}

.MediaSizeWrapper {
  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;
}
.MediaSizeWrapper .sizesRow {
  float: left;
  margin: 6px;
}
.MediaSizeWrapper .sizesRow a {
  float: left;
  width: 100%;
  padding: 10px 20px;
  border: 2px solid #D4D4D4;
  border-radius: 3px;
  color: #272D33;
}
.MediaSizeWrapper .sizesRow a h6 {
  margin: 0px;
}
.MediaSizeWrapper .sizesRow a:focus, .MediaSizeWrapper .sizesRow a:active, .MediaSizeWrapper .sizesRow a:hover {
  border-color: #00D2AC;
  color: #00D2AC;
}
.MediaSizeWrapper + .modal-footer {
  float: left;
  width: 100%;
  margin: 20px 0 -30px 0 !important;
  display: none;
}

#dvMediaType.MediaHide {
  display: none;
}
#dvMediaType.MediaHide ~ .modal-footer {
  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;
}
.nav.nav-tabs.navMain li a {
  background-color: #F2F2F2;
  padding: 18px 5px;
  border: none;
  color: #333333;
  border-radius: 0px;
  border-top: 3px solid transparent;
  line-height: 1;
}
.nav.nav-tabs.navMain li a:hover, .nav.nav-tabs.navMain li a:focus {
  border-color: transparent;
}
.nav.nav-tabs.navMain li a.active {
  border-color: #465ca8;
  color: #ffffff;
  position: relative;
  z-index: 99;
  background-color: #00D2AC;
}
@media (max-width: 991px) {
  .nav.nav-tabs.navMain li a {
    min-height: 70px;
  }
}
.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 #E9ECF3;
  padding: 18px 12px;
}
.nav.nav-tabs.navMain.navNoSpace li a.active {
  border-color: #00D2AC;
}

.navMain + .tab-content {
  border: 1px solid #F0F0F0;
  position: relative;
  border-radius: 0 0 0 0;
}

.commonMainBlock {
  float: left;
  width: 100%;
  border: 1px solid #dfe2e9;
  border-radius: 5px;
  height: 100%;
}
.commonMainBlock .CommonHeader {
  float: left;
  width: 100%;
  background-color: #465ca8;
  color: #ffffff;
  padding: 10px 15px;
}
.commonMainBlock .CommonHeader .btnExport {
  float: right;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 0.8rem;
  color: #ffffff;
  padding: 5px;
  min-width: 80px;
  background-color: transparent;
  text-align: center;
  line-height: 1;
  outline: none;
}
.commonMainBlock .CommonHeader .btnExport .fal {
  color: #ffffff;
}
.commonMainBlock .commonContentBlock {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.commonMainBlock .commonContentBlock .flex_Row label {
  font-weight: 600;
}
.commonMainBlock .commonContentBlock .table td label, .commonMainBlock .commonContentBlock .table table tr th label, table tr .commonMainBlock .commonContentBlock .table th label {
  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 table tr th, .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock tbody td, table tr .boxWrapper .boxCol .commonMainBlock.mobilePreApproval .commonContentBlock tbody th {
    display: inline-block;
    width: 100% !important;
    padding: 10px 15px !important;
  }
}

.tab-content {
  float: left;
  width: 100%;
  background-color: #fff;
}
.tab-content .container, .tab-content .containerHome {
  padding: 20px 15px;
  float: left;
  width: 100%;
}
.tab-content .tab-pane .dealerInfoBlock, .tab-content .tab-pane1 .dealerInfoBlock {
  float: left;
  width: 100%;
}
.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.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: #444444;
}
.tab-content .DealersipContact .removeContact:hover {
  color: #00D2AC;
}
.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, .tab-content .DealerShipInfo .table table tr th, table .tab-content .DealerShipInfo .table tr th {
  width: 50%;
  vertical-align: middle;
}
.tab-content .DealerShipInfo .table tr td label, .tab-content .DealerShipInfo .table table tr th label, table .tab-content .DealerShipInfo .table tr th label {
  margin: 0px;
  font-weight: 600;
  font-size: 0.85rem;
  width: 70px;
  float: left;
}
.tab-content .DealerShipInfo .table tr td p, .tab-content .DealerShipInfo .table table tr th p, table .tab-content .DealerShipInfo .table tr th p {
  margin: 0px;
}
.tab-content .DealerShipInfo .table tr td.tableInner, .tab-content .DealerShipInfo .table table tr th.tableInner, table .tab-content .DealerShipInfo .table tr th.tableInner {
  padding: 0px;
}
.tab-content .DealerShipInfo .table tr td.tableInner tr td, .tab-content .DealerShipInfo .table table tr th.tableInner tr td, table .tab-content .DealerShipInfo .table tr th.tableInner tr td, .tab-content .DealerShipInfo .table table tr td.tableInner tr th, table .tab-content .DealerShipInfo .table tr td.tableInner tr th, .tab-content .DealerShipInfo .table table tr th.tableInner tr th, table .tab-content .DealerShipInfo .table tr th.tableInner tr th {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.tab-content .DealerShipInfo .table tr td.tableInner tr:first-child td, .tab-content .DealerShipInfo .table table tr th.tableInner tr:first-child td, table .tab-content .DealerShipInfo .table tr th.tableInner tr:first-child td, .tab-content .DealerShipInfo .table table tr:first-child td.tableInner tr:first-child th, table .tab-content .DealerShipInfo .table tr:first-child td.tableInner tr:first-child th, .tab-content .DealerShipInfo .table table tr:first-child th.tableInner tr:first-child th, table .tab-content .DealerShipInfo .table tr:first-child th.tableInner tr:first-child th {
  border-top: none;
}
.tab-content .DealerShipInfo .table tr td.tableInner table tr + tr, .tab-content .DealerShipInfo .table table tr th.tableInner table tr + tr, table .tab-content .DealerShipInfo .table tr th.tableInner table tr + tr {
  border-top: 1px solid #ccc;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner, .tab-content .DealerShipInfo .table table tr th.dInfoInner, table .tab-content .DealerShipInfo .table tr th.dInfoInner {
  padding: 0px !important;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner tr td, .tab-content .DealerShipInfo .table table tr th.dInfoInner tr td, table .tab-content .DealerShipInfo .table tr th.dInfoInner tr td, .tab-content .DealerShipInfo .table table tr td.dInfoInner tr th, table .tab-content .DealerShipInfo .table tr td.dInfoInner tr th, .tab-content .DealerShipInfo .table table tr th.dInfoInner tr th, table .tab-content .DealerShipInfo .table tr th.dInfoInner tr th {
  padding: 8px 20px !important;
}
.tab-content .DealerShipInfo .table tr td.dInfoInner tr + tr td, .tab-content .DealerShipInfo .table table tr th.dInfoInner tr + tr td, table .tab-content .DealerShipInfo .table tr th.dInfoInner tr + tr td, .tab-content .DealerShipInfo .table table tr td.dInfoInner tr + tr th, table .tab-content .DealerShipInfo .table tr td.dInfoInner tr + tr th, .tab-content .DealerShipInfo .table table tr th.dInfoInner tr + tr th, table .tab-content .DealerShipInfo .table tr th.dInfoInner tr + tr th {
  border-top: 1px solid #dee2e6 !important;
}
.tab-content .DealerShipInfo .table tr td:first-child, .tab-content .DealerShipInfo .table table tr th:first-child, table .tab-content .DealerShipInfo .table tr th:first-child {
  border-left: none;
}
.tab-content .DealerShipInfo .table tr td:last-child, .tab-content .DealerShipInfo .table table tr th:last-child, table .tab-content .DealerShipInfo .table tr th:last-child {
  border-right: none;
}
.tab-content .DealerShipInfo .table tr td span, .tab-content .DealerShipInfo .table table tr th span, table .tab-content .DealerShipInfo .table tr th span {
  word-break: break-all;
  width: calc(100% - 70px);
  float: left;
}
.tab-content .DealerShipInfo .table tr:last-child td, .tab-content .DealerShipInfo .table table tr:last-child th, table .tab-content .DealerShipInfo .table tr:last-child th {
  border-bottom: none;
}
@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, .tab-content .DealerShipInfo table tr th {
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
    border: none !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .tab-content .DealerShipInfo table td.emptyTD, .tab-content .DealerShipInfo table tr th.emptyTD {
    display: none;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow, .tab-content .DealerShipInfo table tr th .dInfoFlexRow {
    margin: 0px;
    display: inline-block;
    width: 100%;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock, .tab-content .DealerShipInfo table tr th .dInfoFlexRow .dInfoFlexBlock {
    width: 100%;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock:first-child, .tab-content .DealerShipInfo table tr th .dInfoFlexRow .dInfoFlexBlock:first-child {
    border-bottom: 1px solid #dee2e6;
  }
  .tab-content .DealerShipInfo table td .dInfoFlexRow .dInfoFlexBlock + .dInfoFlexBlock, .tab-content .DealerShipInfo table tr th .dInfoFlexRow .dInfoFlexBlock + .dInfoFlexBlock {
    border-left: none;
  }
}

.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 #F0F0F0;
  position: relative;
}
.budgetBlocks .hChartWrapper .hChartHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid #F0F0F0;
  padding: 10px 20px;
}
.budgetBlocks .hChartWrapper .hChartHeader h2 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  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);
  }
}

.budgetTopHeader, .TabInnerCon, .tabInnerTitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.budgetTopHeader h2, .TabInnerCon h2, .tabInnerTitle h2 {
  float: left;
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #465ca8;
}
@media (max-width: 767px) {
  .budgetTopHeader h2 + .topRight, .TabInnerCon h2 + .topRight, .budgetTopHeader .topRight h2 + .selectOption, .TabInnerCon .topRight h2 + .selectOption, .tabInnerTitle h2 + .topRight, .tabInnerTitle .topRight h2 + .selectOption {
    margin-top: 15px;
    width: 100%;
  }
  .budgetTopHeader h2 + .topRight .selectOption, .TabInnerCon h2 + .topRight .selectOption, .budgetTopHeader .topRight h2 + .selectOption .selectOption, .TabInnerCon .topRight h2 + .selectOption .selectOption, .tabInnerTitle h2 + .topRight .selectOption, .tabInnerTitle .topRight h2 + .selectOption .selectOption {
    width: 50%;
    padding: 0 4px;
  }
  .budgetTopHeader h2 + .topRight .selectOption label, .TabInnerCon h2 + .topRight .selectOption label, .budgetTopHeader .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;
  }
  .budgetTopHeader h2 + .topRight .selectOption .dropdown.bootstrap-select, .TabInnerCon h2 + .topRight .selectOption .dropdown.bootstrap-select, .budgetTopHeader .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;
  }
  .budgetTopHeader h2 + .topRight .selectOption + .selectOption, .TabInnerCon h2 + .topRight .selectOption + .selectOption, .budgetTopHeader .topRight h2 + .selectOption .selectOption + .selectOption, .TabInnerCon .topRight h2 + .selectOption .selectOption + .selectOption, .tabInnerTitle h2 + .topRight .selectOption + .selectOption, .tabInnerTitle .topRight h2 + .selectOption .selectOption + .selectOption {
    margin: 0px;
  }
}
.budgetTopHeader .topRight, .TabInnerCon .topRight, .budgetTopHeader .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;
}
.budgetTopHeader .topRight .selectOption, .TabInnerCon .topRight .selectOption, .tabInnerTitle .topRight .selectOption {
  font-size: 0.9rem;
}
.budgetTopHeader .topRight .selectOption label, .TabInnerCon .topRight .selectOption label, .tabInnerTitle .topRight .selectOption label {
  margin: 0px;
  padding-right: 10px;
}
.budgetTopHeader .topRight .selectOption .dropdown.bootstrap-select, .TabInnerCon .topRight .selectOption .dropdown.bootstrap-select, .tabInnerTitle .topRight .selectOption .dropdown.bootstrap-select {
  width: auto !important;
  min-width: 100px;
}
.budgetTopHeader .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;
}
.budgetTopHeader .topRight.budgetTopSection, .TabInnerCon .topRight.budgetTopSection, .tabInnerTitle .topRight.budgetTopSection, .budgetTopHeader .topRight .budgetTopSection.selectOption, .TabInnerCon .topRight .budgetTopSection.selectOption, .tabInnerTitle .topRight .budgetTopSection.selectOption {
  width: 240px;
  margin-left: auto;
}
.budgetTopHeader .topRight.budgetTopSection .selectOption, .TabInnerCon .topRight.budgetTopSection .selectOption, .tabInnerTitle .topRight.budgetTopSection .selectOption, .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption, .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption, .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption {
  width: 100%;
  margin: 5px 0;
}
.budgetTopHeader .topRight.budgetTopSection .selectOption label, .TabInnerCon .topRight.budgetTopSection .selectOption label, .tabInnerTitle .topRight.budgetTopSection .selectOption label, .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption label, .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption label, .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption label {
  width: calc(100% - 120px);
  text-align: right;
}
.budgetTopHeader .topRight.budgetTopSection .selectOption .select2-container, .TabInnerCon .topRight.budgetTopSection .selectOption .select2-container, .tabInnerTitle .topRight.budgetTopSection .selectOption .select2-container, .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption .select2-container {
  width: 120px !important;
}
.budgetTopHeader.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;
}
.budgetTopHeader.budgetHead12 .BudgetPlanLeft, .budgetHead12.TabInnerCon .BudgetPlanLeft, .budgetHead12.tabInnerTitle .BudgetPlanLeft {
  float: left;
  width: 240px;
}
@media (max-width: 1040px) {
  .budgetTopHeader.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;
  }
  .budgetTopHeader.budgetHead12 .topRight.budgetTopSection, .budgetHead12.TabInnerCon .topRight.budgetTopSection, .budgetHead12.tabInnerTitle .topRight.budgetTopSection, .budgetTopHeader.budgetHead12 .topRight .budgetTopSection.selectOption, .budgetHead12.TabInnerCon .topRight .budgetTopSection.selectOption, .budgetTopHeader .topRight .budgetHead12.tabInnerTitle .budgetTopSection.selectOption, .TabInnerCon .topRight .budgetHead12.tabInnerTitle .budgetTopSection.selectOption, .tabInnerTitle .topRight .budgetTopHeader.budgetHead12 .budgetTopSection.selectOption, .tabInnerTitle .topRight .budgetHead12.TabInnerCon .budgetTopSection.selectOption, .budgetHead12.tabInnerTitle .topRight .budgetTopSection.selectOption {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .budgetTopHeader.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: 750px;
  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(25% - 8px);
  text-align: center;
  background-color: #00D2AC;
  margin: 0 4px 8px 4px;
  color: #ffffff;
  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-weight: 600;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.budgetInfoRow .budgetBlockInner .budgetColl h4 {
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0px;
}
@media (max-width: 520px) {
  .budgetInfoRow .budgetBlockInner .budgetColl {
    width: calc(100% - 16px);
  }
}
@media (max-width: 1280px) {
  .budgetInfoRow {
    max-width: 600px;
  }
  .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, .signupsTable table tr th, table tr .signupsTable th {
  text-align: center;
}

.TabInnerCon {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}
.TabInnerCon .nav-tabs.navInner {
  border-bottom: none;
}
.TabInnerCon .nav-tabs.navInner li a {
  font-size: 1rem;
  padding: 10px 15px;
  line-height: 16px;
  color: #444444;
}
@media (max-width: 991px) {
  .TabInnerCon .nav-tabs.navInner li a {
    font-size: 0.9rem;
    padding: 10px 8px;
  }
}
.TabInnerCon .nav-tabs.navInner li a.active {
  color: #465ca8;
}
@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 #00D2AC;
}
.dataBlockRow .dataBlockColl .dataHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid #707070;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #465ca8;
}
.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);
  }
}

.Opt-In-Services {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.Opt-In-Services .optInUL {
  float: left;
  width: 100%;
}
.Opt-In-Services .optInUL 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;
}
.Opt-In-Services .optInUL li p {
  float: left;
  margin: 0;
  width: 100%;
  max-width: 50%;
  padding-right: 20px;
}
.Opt-In-Services .optInUL li .checkBoxRow {
  float: left;
  width: 50%;
}
.Opt-In-Services .optInUL li .checkBoxRow .checkboxColl {
  float: left;
  margin: 5px;
  min-width: 150px;
}
.Opt-In-Services .optInUL li .checkBoxRow .checkboxColl .checkVal {
  font-size: 1.2rem;
  float: left;
  margin-right: 8px;
  line-height: 1.2;
  font-weight: 600;
}
.Opt-In-Services .optInUL li label {
  font-size: 1.2rem;
  margin: 0px;
  font-weight: 600;
}
.Opt-In-Services .optInUL li .servicesPrice {
  font-size: 1.2rem;
  margin-left: 50px;
}
@media (max-width: 767px) {
  .Opt-In-Services .optInUL li p {
    width: auto;
    max-width: 100%;
  }
  .Opt-In-Services .optInUL li .checkBoxRow {
    margin-left: auto;
    width: auto;
  }
  .Opt-In-Services .optInUL li .checkBoxRow .checkboxColl {
    min-width: inherit;
  }
  .Opt-In-Services .optInUL li .checkBoxRow .checkboxColl .checkVal {
    font-size: 1rem;
  }
}
@media (max-width: 520px) {
  .Opt-In-Services .optInUL li {
    margin: 10px 0;
  }
  .Opt-In-Services .optInUL li p {
    width: 100%;
    max-width: 100%;
  }
  .Opt-In-Services .optInUL li .checkBoxRow {
    margin-left: auto;
    width: 100%;
  }
  .Opt-In-Services .optInUL li label {
    font-size: 1rem;
  }
  .Opt-In-Services .optInUL li .servicesPrice {
    font-size: 1rem;
    margin-left: 15px;
  }
}

.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: #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;
  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;
  background-color: #efefef;
}
.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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .secondaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnReset, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .secondaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnReset, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-primary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnExportFill, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBordered, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btn.btn-default, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .secondaryBtn, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedsecondary, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnReset, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnBorderedGrey, .claimBLockRow .ClaimBudgetBlockInner .claimBtn .btnGrey, .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: #00D2AC;
  font-size: 1.25rem;
  font-weight: 600;
}
.approvalBlocksRow .approvalColumn .blockContent h3 label {
  margin: 0px;
}
.approvalBlocksRow .approvalColumn .blockContent h4 {
  margin: 12px 0 5px;
  font-size: 1.4rem;
  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: #465ca8;
  color: #ffffff;
}
.approvalBlocksRow .approvalColumn.collApproved .blockContent h3 {
  color: #465ca8;
}
.approvalBlocksRow .approvalColumn.collIncomplete .blockHeader {
  background-color: #d9d9d9;
  color: #1e1e1e;
}
.approvalBlocksRow .approvalColumn.collIncomplete .blockContent h3 {
  color: #465ca8;
}
.approvalBlocksRow .approvalColumn.collDeclined .blockHeader {
  background-color: #717171;
  color: #ffffff;
}
.approvalBlocksRow .approvalColumn.collDeclined .blockContent h3 {
  color: #465ca8;
}
.approvalBlocksRow .approvalColumn.collStatus .blockHeader {
  background-color: #99ca3d;
  color: #ffffff;
}
.approvalBlocksRow .approvalColumn.collStatus .blockContent {
  margin: 10px 0;
}
.approvalBlocksRow .approvalColumn.collStatus .blockContent h3 {
  color: #99ca3d;
}
.approvalBlocksRow .approvalColumn.collStatus p {
  color: #444444;
  margin-bottom: 10px;
  font-size: 0.9rem;
}
.approvalBlocksRow .approvalColumn.collStatus h4 {
  color: #99ca3d;
}
.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: #99ca3d;
}

.mobileTabBlock {
  display: none;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
}
.mobileTabBlock h2 {
  font-size: 1.5rem;
  color: #444444;
  float: left;
  width: calc(100% - 40px);
}
.mobileTabBlock .MobileTabBtn {
  float: right;
  width: 35px;
  text-align: right;
  color: #00D2AC;
  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: #00D2AC;
}
.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: 99;
    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: 1.1rem;
    border-top: none;
    border-left: 6px solid transparent;
  }
  .mobileTabBlock ~ .nav.nav-tabs.navMain li a.active {
    border-left-color: #F7941C;
    background-color: #00D2AC;
    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: #444444 !important;
}
.deleteBtn:hover {
  color: #00D2AC !important;
}

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

a.underline {
  color: #465ca8;
  cursor: pointer;
  text-decoration: underline;
}
a.underline:hover {
  color: #333333;
}

#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 .modal .modal-footer .btnExportTable.btn.btn-primary, .modal .modal-footer .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .btnExportTable.btnExportFill, .signupsTable .btnExportTable.btnBordered, .signupsTable .modal .modal-footer .btnExportTable.btn.btn-default, .modal .modal-footer .signupsTable .btnExportTable.btn.btn-default, .signupsTable .btnExportTable.secondaryBtn, .signupsTable .btnExportTable.btnBorderedsecondary, .signupsTable .btnExportTable.btnReset, .signupsTable .btnExportTable.btnBorderedGrey, .signupsTable .btnExportTable.btnGrey, .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 .modal .modal-footer .btnExportTable.btn.btn-primary, .modal .modal-footer .signupsTable .btnExportTable.btn.btn-primary, .signupsTable .btnExportTable.btnExportFill, .signupsTable .btnExportTable.btnBordered, .signupsTable .modal .modal-footer .btnExportTable.btn.btn-default, .modal .modal-footer .signupsTable .btnExportTable.btn.btn-default, .signupsTable .btnExportTable.secondaryBtn, .signupsTable .btnExportTable.btnBorderedsecondary, .signupsTable .btnExportTable.btnReset, .signupsTable .btnExportTable.btnBorderedGrey, .signupsTable .btnExportTable.btnGrey, .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: 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: -5px;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li {
  float: left;
  margin: 5px;
}
.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: #00D2AC;
  color: #00D2AC;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a:hover .fas {
  background-color: #00D2AC;
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 {
  background-color: #ffffff;
  border-color: #00D2AC;
  color: #00D2AC;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1 .fas {
  background-color: #00D2AC;
  color: #fff;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover {
  border-color: #009f82;
  color: #009f82;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fa, .errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a.active1:hover .fas {
  background-color: #009f82;
  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: #F0F0F0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: #00D2AC;
}
.errorWrap .errorMainWrapper .errorPageContent .errorBtnRow li a span {
  float: left;
  width: calc(100% - 35px);
  padding-left: 9px;
}
@media (max-width: 1100px) {
  .errorWrap .errorMainWrapper .errorPageContent {
    width: calc(100% - 280px);
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorPageContent {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.errorWrap .errorMainWrapper .errorImg {
  width: 400px;
}
@media (max-width: 1100px) {
  .errorWrap .errorMainWrapper .errorImg {
    width: 280px;
  }
}
@media (max-width: 991px) {
  .errorWrap .errorMainWrapper .errorImg {
    width: 100%;
    max-width: 320px;
  }
}
@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);
}
.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);
}

.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: #465ca8;
}
.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_wrapper {
      padding: 15px;
  }*/
}
.myToDoWrapper .dataTables_length, .myToDoWrapper .dataTables_filter {
  display: none;
}
.myToDoWrapper .yellowBtn, .myToDoWrapper .yellowBtnBorder {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.76rem;
  float: left;
  line-height: 1.2;
}
.myToDoWrapper .inlineActionContent .yellowBtn, .myToDoWrapper .inlineActionContent .yellowBtnBorder {
  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, .TableFixRow_FL table tr th:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
}
.TableFixRow_FL table tr td:last-child, .TableFixRow_FL table tr th:last-child {
  position: sticky;
  right: 0;
  background-color: #fff;
}
.TableFixRow_FL table tr.even td, .TableFixRow_FL table tr.even th {
  background-color: #eeeeee;
}

.ActivityTableRow table#tblPreapprovals td:nth-child(3), .ActivityTableRow table#tblPreapprovals tr th:nth-child(3) {
  width: 320px;
}
.ActivityTableRow table#tblPreapprovals td:nth-child(4), .ActivityTableRow table#tblPreapprovals tr th: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.budgetTopSection, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption {
  width: 300px;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.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.budgetTopSection .selectOption label, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption label, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption label, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption label, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label {
  width: calc(100% - 180px);
  margin: 5px 0;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption .fieldGroup, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .fieldGroup {
  width: 180px;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption .select2-container, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption .select2-container, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container {
  width: 180px !important;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption.dealernumber, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.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.budgetTopSection .selectOption.dealernumber label, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber label, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber label, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber label, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber label, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber label, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber label {
  margin: 5px 0;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup {
  width: 180px !important;
  position: relative;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .form-control {
  height: 32px;
  padding-right: 40px;
}
.BudgetDashboardHeader .topRight.budgetTopSection .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.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.budgetTopSection .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption.dealernumber .fieldGroup .btnSubmit a {
  color: #444444;
}
@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.budgetTopSection, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption {
    width: 150px;
  }
  .BudgetDashboardHeader .topRight.budgetTopSection .selectOption, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .BudgetDashboardHeader .topRight.budgetTopSection .selectOption label, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption label, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption label, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption label, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption label {
    width: 100%;
    text-align: left;
    margin-top: 0px;
  }
  .BudgetDashboardHeader .topRight.budgetTopSection .selectOption .select2-container, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption .select2-container, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption .select2-container, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption .select2-container, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .select2-container {
    width: 100% !important;
  }
  .BudgetDashboardHeader .topRight.budgetTopSection .selectOption .fieldGroup, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption .selectOption .fieldGroup, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption .selectOption .fieldGroup, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.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.budgetTopSection, .BudgetDashboardHeader .budgetTopHeader .topRight .budgetTopSection.selectOption, .budgetTopHeader .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .tabInnerTitle .topRight .budgetTopSection.selectOption, .tabInnerTitle .topRight .BudgetDashboardHeader .budgetTopSection.selectOption, .BudgetDashboardHeader .TabInnerCon .topRight .budgetTopSection.selectOption, .TabInnerCon .topRight .BudgetDashboardHeader .budgetTopSection.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%;
}

.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: #00D2AC;
}
.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 {
  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 {
  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: #444444;
}
.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: #00D2AC;
}
.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: #00D2AC;
}
.dealerProfileWrapper .profileContent .buttonRow {
  margin-top: 30px;
}
.dealerProfileWrapper .profileContent .buttonRow button, .dealerProfileWrapper .profileContent .buttonRow a {
  width: 100%;
  padding: 6px 15px;
  font-size: 1.4rem;
  font-weight: normal;
}
.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-weight: normal;
}
.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 {
  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%;
  }
}

/* Budget */
.budgetTransferForm {
  float: left;
  width: 100%;
  max-width: 1180px;
}
.budgetTransferForm .BTFormLeft {
  float: left;
  width: 400px;
}
.budgetTransferForm .BTFormLeft h2 {
  font-size: 1.5rem;
  color: #00D2AC;
}
.budgetTransferForm .BTFormLeft p {
  line-height: 1.7rem;
}
.budgetTransferForm .BTFormLeft ul {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding-left: 18px;
  list-style: disc;
  margin-bottom: 1rem;
}
.budgetTransferForm .BTFormLeft ul li {
  float: left;
  width: 100%;
  margin: 3px 0;
}
.budgetTransferForm .BTFormRight {
  float: right;
  width: calc(100% - 400px - 30px);
}
@media (max-width: 1200px) {
  .budgetTransferForm .BTFormLeft {
    width: 350px;
  }
  .budgetTransferForm .BTFormRight {
    width: calc(100% - 350px - 20px);
  }
}
@media (max-width: 991px) {
  .budgetTransferForm .BTFormLeft {
    width: 100%;
  }
  .budgetTransferForm .BTFormRight {
    width: 100%;
  }
}

.radioBoxCon.btnWithText input[type=radio] {
  width: 25px;
  height: 25px;
}

/* Budget */
.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 .modal .modal-footer .btn.btn-primary, .modal .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 .btnBordered, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .modal .modal-footer .btn.btn-default, .modal .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 .secondaryBtn, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnBorderedsecondary, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnReset, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnBorderedGrey, .dayOfPlayWrapper.DOP_withSidebar .DOP_mainContent .DOP_img_Cont .DOP_buttonRow .btnGrey, .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%;
}

.EventRow {
  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;
}
.EventRow .EventCol {
  float: left;
  width: calc(50% - 20px);
  margin: 0 10px;
}
@media (max-width: 520px) {
  .EventRow .EventCol {
    width: 100%;
  }
}
.EventRow.eventTime .EventCol {
  width: calc(50% - 70px);
}
@media (max-width: 520px) {
  .EventRow.eventTime .EventCol {
    width: 100%;
  }
}
.EventRow.eventTime .eventCheck {
  float: left;
  padding-top: 6px;
}
.EventRow.eventTime .eventCheck label {
  width: auto;
}
.EventRow .EventRowInner1 {
  float: left;
  width: 100%;
  padding: 0 10px;
}
@media (max-width: 520px) {
  .EventRow {
    margin-left: 0px;
    width: 100%;
  }
  .EventRow .EventCol {
    width: 100%;
    margin: 5px 0;
  }
  .EventRow .EventRowInner1 {
    padding: 0;
  }
}
.EventRow + .EventRow {
  margin-top: 10px;
}

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

.mapViewRow .mapView {
  float: left;
  width: 100%;
  height: 300px;
  margin: 10px 0;
}
.mapViewRow p {
  font-size: 0.85rem;
}

.playEventHeader {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-bottom: 20px;
}
.playEventHeader h3 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
}
.playEventHeader .buttonsRow {
  float: left;
  width: 100%;
}
.playEventHeader .buttonsRow .btnBordered, .playEventHeader .buttonsRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .playEventHeader .buttonsRow .btn.btn-default {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.playEventHeader p:last-child {
  margin-bottom: 0px;
}

.DealerNoteCon {
  position: relative;
}
.DealerNoteCon .toggleBtn {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(241, 241, 241) 14%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(241, 241, 241) 14%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(241, 241, 241) 14%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#f1f1f1",GradientType=1 );
  padding: 2px 5px;
  font-size: 0.9rem;
  display: none;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 2px;
  z-index: 9;
  width: 100px;
  text-align: right;
}
.DealerNoteCon .toggleBtn.showMore, .DealerNoteCon .toggleBtn.showLess {
  display: inline-block;
}

.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;
}

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

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

.AddSliderWrapper .select2-container {
  width: 100% !important;
  float: left;
}
.AddSliderWrapper .select2-container .select2-selection--single, .AddSliderWrapper .select2-container .select2-selection--multiple {
  height: 38px;
  border-color: #ced4da;
}
.AddSliderWrapper .select2-container .select2-selection--single .select2-selection__rendered, .AddSliderWrapper .select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: 36px;
}
.AddSliderWrapper .select2-container .select2-selection--single .select2-selection__arrow, .AddSliderWrapper .select2-container .select2-selection--multiple .select2-selection__arrow {
  height: 36px;
}
.AddSliderWrapper .selectBtnAlign .select2-container {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.dropzone {
  padding: 15px !important;
  min-height: 90px !important;
  display: inline-block;
  width: 100% !important;
  margin-bottom: 0 !important;
  vertical-align: top;
  border: none !important;
  background: linear-gradient(to right, #b1b1b1 50%, #e8eeff 0%) top/8px 1px repeat-x, linear-gradient(#b1b1b1 51%, #e8eeff 0%) right/1px 8px repeat-y, linear-gradient(to right, #b1b1b1 50%, #e8eeff 0%) bottom/8px 1px repeat-x, linear-gradient(#b1b1b1 50%, #e8eeff 0%) left/1px 8px repeat-y !important;
}
.dropzone .dz-message {
  margin: 1rem 0;
}
.dropzone .dz-message .fa-cloud-upload {
  color: #00D2AC;
  font-weight: 300;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.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: 9px !important;
  margin-left: 0 !important;
  left: calc(50% - 29px) !important;
}
.dropzone .dz-image-preview .dz-remove, .dropzone .dz-file-preview .dz-remove {
  font-size: 0 !important;
  height: 24px;
  width: 24px;
  color: #444444;
  border: none;
  border-radius: 100%;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  top: -10px;
  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.smallDropzone {
  border-radius: 4px;
  padding: 5px !important;
  min-height: 40px !important;
}
.dropzone.smallDropzone .dz-message {
  margin: 0px;
  position: relative;
  background-color: #dee8f4;
  border-radius: 3px;
  width: 120px;
  float: left;
  height: 35px;
  font-size: 0.85rem;
  color: #444444;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.dropzone.smallDropzone .dz-message i {
  margin-right: 5px;
  font-size: 1rem;
  margin-bottom: 0;
  line-height: 1.4;
}
.dropzone.smallDropzone .dz-message i + br {
  display: none;
}
.dropzone.smallDropzone .dz-message [type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  text-indent: -100px;
}
.dropzone.smallDropzone .dz-message + .fileName {
  float: left;
  width: calc(100% - 120px);
  line-height: 35px;
  padding-left: 10px;
  font-size: 0.85rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  position: relative;
}
.dropzone.smallDropzone .dz-message + .fileName:empty {
  display: none;
}
.dropzone.smallDropzone .dz-message + .fileName:not(:empty) {
  padding-right: 20px;
}
.dropzone.smallDropzone .dz-message + .fileName:not(:empty)::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 5px;
  top: 0px;
  height: 100%;
  color: #5AAA2E;
}
.dropzone.smallDropzone.dz-started .dz-message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview {
  width: calc(100% - 120px);
  height: auto !important;
  min-height: 20px !important;
  margin: 0px !important;
  background: transparent;
  padding: 0 20px 0 8px;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-image {
  display: none;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-details {
  display: block;
  padding: 10px 0;
  position: static;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-details .dz-size {
  display: none;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-details .dz-filename {
  top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-details .dz-filename span {
  padding: 0px;
  border: none;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-remove {
  box-shadow: none;
  top: calc(50% - 12px);
  text-decoration: none;
}
.dropzone.smallDropzone.dz-started .dz-preview.dz-file-preview .dz-progress {
  width: calc(100% - 35px) !important;
  left: 10px !important;
  z-index: 111;
  display: none !important;
}
.dropzone.smallDropzone.s_d_preview.dz-started .dz-default.dz-message {
  display: none;
}

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

.checkBoxWrapper {
  float: left;
  /*margin-top: 35px;*/
  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: #00D2AC;
  border-color: #00D2AC;
}
.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: #fff;
}
.checkboxCon input[type=checkbox]:disabled {
  cursor: not-allowed;
}
.checkboxCon input[type=checkbox]:disabled + label {
  color: #b9b9b9;
}
.checkboxCon input[type=checkbox]:disabled + label::before {
  border: 1px solid #e5e5e5;
  background-color: #e9e9e9;
}
.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 #ccc;
  border-radius: 3px;
  background-color: #fff;
}
.checkboxCon.withNoContent label {
  padding-left: 20px;
}
.checkboxCon.checkboxWithDarkerBdr input[type=checkbox]:disabled + label::before {
  border-color: #81967e;
}
.checkboxCon.checkboxWithDarkerBdr label::before {
  border-color: #465ca8;
}

/* Model Popup */
.modal .modal-content {
  border: none;
}

.modal .modal-header {
  float: left;
  display: inline-block;
  padding: 20px 0 10px;
  border: none;
  border-bottom: 1px solid #E9ECF3;
  color: #333333;
  margin: 0 20px;
  border-radius: 0;
  position: relative;
}

.modal .modal-header .modal-title {
  line-height: 1.3;
  width: calc(100% - 40px);
  font-size: 1.1rem;
  float: left;
  font-weight: 500;
}

.modal .modal-header .modal-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 1px;
  background-color: #00D2AC;
}

.modal .modal-header .close {
  width: 40px;
  margin: 0;
  float: right;
  padding: 0;
  text-shadow: none;
  color: #333333;
  opacity: 1 !important;
  outline: none !important;
}

.modal .modal-body {
  padding: 20px 20px;
  background-color: #ffffff;
}
.modal .modal-body.span30 {
  padding: 30px;
}

.modal .modal-footer {
  border: none;
  padding: 15px 0;
  margin: 0 20px;
  border-top: 1px solid #E9ECF3;
  /*& * {
      line-height: 1.2;
  }*/
}
.modal .modal-footer .buttonRowCenter, .modal .modal-footer .buttonRowLeft {
  margin: 0px;
}

/* Model Popup */
.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%;
}
.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;
}
.CMSManagementWrapper .CMS_Right {
  float: right;
  width: calc(100% - 295px);
}
.CMSManagementWrapper .CMS_Right .MainLayoutContent .form-group {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.CMSManagementWrapper .pageTitleInner {
  color: #465ca8;
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
  position: relative;
  font-weight: 700;
}
@media (max-width: 767px) {
  .CMSManagementWrapper .pageTitleInner {
    padding-right: 40px;
  }
}
.CMSManagementWrapper .datepicker input.form-control: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: 50px;
    visibility: visible;
  }
  .CMSManagementWrapper.SlideOpen .slideToggleBtn {
    background-color: #00D2AC;
    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;
  }
}

/* CMS Management */
/* Side bar Toggle */
.SdbToggleCon {
  float: left;
  width: 100%;
}
.SdbToggleCon li {
  float: left;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.SdbToggleCon li .SdbHeader {
  float: left;
  width: 100%;
  padding: 15px 40px 15px 15px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #D4D4D4;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
}
.SdbToggleCon li .SdbHeader::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;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-top: none;
  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: #444444;
}
.SdbToggleCon li.SlideOpen .SdbHeader {
  background-color: #00D2AC;
  color: #ffffff;
  border-color: #00D2AC;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
.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;
}
.topFiltersRow .topSelectFilter .SelectBtnCon .select2-container {
  min-width: 80px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon + .SelectBtnCon {
  margin-left: 15px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container {
  min-width: 170px;
}
.topFiltersRow .topSelectFilter .SelectBtnCon.DocumentLibraryCategory .select2-container .select2-selection--single {
  height: 32px;
  border: 1px solid #D4D4D4;
}
.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;
  }
}

.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: 30px;
  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: #444444;
  border: none;
  border-bottom: 3px solid transparent;
}
.nav-tabs.tabInline .nav-item .nav-link.active {
  color: #00D2AC;
  border-bottom-color: #00D2AC;
}
@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 #e8e8e8 !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: #00D2AC !important;
}

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

.mce-tooltip .mce-tooltip-arrow {
  border-bottom-color: #00D2AC !important;
}
.mce-tooltip .mce-tooltip-inner {
  background-color: #00D2AC !important;
  box-shadow: none !important;
}

/* Editor */
.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: 20px;
}
.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);
  }
}
.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;
}

#GuidelinesDocument .BtnWithTable {
  margin-bottom: -50px;
  position: relative;
  z-index: 99;
}
#GuidelinesDocument .dataTables_wrapper {
  padding-top: 0px;
}
#GuidelinesDocument table {
  margin-top: 50px;
}

.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;
}

.configForm {
  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: -7px;
  margin-right: -7px;
}
.configForm [class*=col-] {
  padding: 0 7px;
}
.configForm.doorHangerSelected .Col_price, .configForm.doorHangerSelected .Col_minQty {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  order: 1;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.configForm.doorHangerSelected .Col_minQty {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

.ulClass {
  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;
}
.ulClass li {
  width: 30px;
  height: 30px;
  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;
  margin: 2px 5px 2px 0;
  font-size: 0.9rem;
  opacity: 0.6;
  cursor: pointer;
  overflow: hidden;
  background-color: #e0e5fb;
}
.ulClass li.WklyActive {
  background-color: #1F3FD6;
  color: #ffffff;
  opacity: 1;
}

.priceGroup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
}
.priceGroup .form-control {
  border: none;
  border-radius: 0;
  padding: 5px 8px !important;
  background-color: transparent;
}
.priceGroup .select2.select2-container {
  min-width: 85px;
}
.priceGroup .select2.select2-container .select2-selection {
  border: none;
  font-size: 0.8rem;
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: 1px solid #ced4da;
  background-color: #F8F8F8;
}

.configModal .modal-dialog {
  max-width: 980px;
  padding: 0 15px;
}
.configModal .modal-footer .btnFill, .configModal .modal-footer .secondaryBtn, .configModal .modal-footer .btnBorderedsecondary, .configModal .modal-footer .btnReset, .configModal .modal-footer .btnBorderedGrey, .configModal .modal-footer .btnGrey, .configModal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .configModal .modal-footer .enrollNow, .configModal .modal-footer .btnExportFill, .configModal .modal .modal-footer .btn.btn-primary, .modal .configModal .modal-footer .btn.btn-primary, .configModal .modal .modal-footer .btn.btn-default, .modal .configModal .modal-footer .btn.btn-default, .configModal .modal-footer .btnBordered {
  float: left;
}

.fieldAlignRow {
  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;
}
.fieldAlignRow [class*=col-] {
  padding: 0 8px;
  margin: 12px 0;
}
.fieldAlignRow [class*=col-] label {
  margin-bottom: 4px;
}
@media (max-width: 1199px) {
  .fieldAlignRow [class*=col-] {
    margin: 10px 0;
  }
}
.fieldAlignRow .fldBtn {
  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;
  padding: 0 8px;
  margin: 12px 0;
}
.fieldAlignRow .fldBtn .btnFill, .fieldAlignRow .fldBtn .btnBordered, .fieldAlignRow .fldBtn .secondaryBtn, .fieldAlignRow .fldBtn .btnBorderedsecondary, .fieldAlignRow .fldBtn .btnReset, .fieldAlignRow .fldBtn .btnBorderedGrey, .fieldAlignRow .fldBtn .btnGrey, .fieldAlignRow .fldBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .fieldAlignRow .fldBtn .enrollNow, .fieldAlignRow .fldBtn .btnExportFill, .fieldAlignRow .fldBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .fieldAlignRow .fldBtn .btn.btn-primary, .fieldAlignRow .fldBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .fieldAlignRow .fldBtn .btn.btn-default {
  float: left;
  height: 45px;
  padding: 10px 15px;
  min-width: 80px;
}
.fieldAlignRow .fldBtn.btnFull {
  width: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 25px 0 0 0;
}
@media (max-width: 1199px) {
  .fieldAlignRow .fldBtn {
    width: 100%;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 25px 0 0 0;
  }
}

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

.date_f {
  padding-left: 15px !important;
}
.date_f .datepicker::before {
  content: "";
  position: absolute;
  left: -22px;
  width: 15px;
  height: 1px;
  background-color: #ccc;
  top: calc(50% - 0.5px);
}
@media (max-width: 767px) {
  .date_f {
    padding-left: 8px !important;
  }
  .date_f .datepicker::before {
    display: none;
  }
}

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

.subHeading {
  float: left;
  width: 100%;
  font-size: 1.07rem;
  font-weight: 600;
  color: #515151;
}

.toggleWrapper2 {
  float: left;
  width: 100%;
}
.toggleWrapper2 > li {
  float: left;
  width: 100%;
  border: 1px solid #DFDFDF;
  background-color: #FBFBFB;
  border-radius: 6px;
  margin: 15px 0;
}
.toggleWrapper2 > li .toggleHead2 {
  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;
  padding: 15px 20px;
  font-weight: 600;
  position: relative;
  cursor: pointer;
}
.toggleWrapper2 > li .toggleHead2::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f107";
  position: absolute;
  right: 15px;
  top: 0px;
  font-weight: 400;
  color: #A5A5A5;
  font-size: 1.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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%;
  cursor: pointer;
  width: 25px;
}
.toggleWrapper2 > li .toggleCont2 {
  float: left;
  width: 100%;
  padding: 0 20px 15px 20px;
}
.toggleWrapper2 > li.slideup .toggleCont2 {
  display: none;
}
.toggleWrapper2 > li:first-child {
  margin-top: 0px;
}
.toggleWrapper2 > li.Active .color {
  color: #5AAA2E;
}
.toggleWrapper2 > li.upcoming .color {
  color: #F7941C;
}
.toggleWrapper2 > li.expired .color {
  color: #ed0812;
}

.dateListRow {
  float: left;
  width: 100%;
}
.dateListRow li {
  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;
  border: 1px solid #DFDFDF;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 12px 15px;
  margin: 9px 0;
  font-size: 0.85rem;
}
.dateListRow li .Action {
  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;
  padding-right: 10px;
  min-width: 65px;
}
.dateListRow li .Action::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
@media (max-width: 991px) {
  .dateListRow li .Action {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 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;
  }
  .dateListRow li .Action::before {
    width: 100%;
    height: 1px;
  }
}
.dateListRow li .dInnerCon {
  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;
}
@media (max-width: 1280px) {
  .dateListRow li .dInnerCon {
    width: calc(100% - 75px);
  }
}
@media (max-width: 991px) {
  .dateListRow li .dInnerCon {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
  }
}
.dateListRow li .typeBlock1 {
  float: left;
  display: flex;
  padding: 0 20px 0 15px;
  position: relative;
  min-width: 200px;
}
.dateListRow li .typeBlock1::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
@media (max-width: 1190px) {
  .dateListRow li .typeBlock1 {
    width: 50%;
  }
  .dateListRow li .typeBlock1 .dCol {
    width: calc(100% - 25px);
  }
}
@media (max-width: 991px) {
  .dateListRow li .typeBlock1 {
    width: 100%;
    padding: 0px 0 5px 0;
    margin-bottom: 5px;
  }
  .dateListRow li .typeBlock1 .dCol {
    width: calc(100% - 25px);
  }
  .dateListRow li .typeBlock1::after {
    width: 100%;
    height: 1px;
    top: inherit;
    bottom: 0;
    right: 0;
  }
}
.dateListRow li .statusIcon {
  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;
  width: 25px;
  font-size: 1.2rem;
}
.dateListRow li .statusIcon + .dCol {
  padding: 0 0 0 6px;
}
.dateListRow li .dCol {
  float: left;
  padding: 0 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;
}
.dateListRow li .dCol > label {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  line-height: 1.3;
}
.dateListRow li .dCol .fieldGroup {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  font-weight: 600;
}
.dateListRow li .dCol .fieldGroup.contentEllipse {
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .dateListRow li .dCol .fieldGroup.contentEllipse {
    max-width: 100%;
  }
}
@media (max-width: 1190px) {
  .dateListRow li .dCol {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .dateListRow li .dCol {
    width: 100%;
    margin: 7px 0;
  }
}
.dateListRow li .dateDivider {
  margin: 0 6px;
  font-size: 0.8rem;
}
.dateListRow li .dateDivider i {
  color: #1F3FD6;
}
.dateListRow li:first-child {
  margin-top: 0px;
}

.editIcon {
  float: left;
  margin: 3px;
  line-height: 1;
  font-size: 0.9rem;
}
.editIcon i {
  color: #1F3FD6;
}

.deleteIcon {
  float: left;
  margin: 3px;
  line-height: 1;
  font-size: 0.9rem;
}
.deleteIcon i {
  color: #C45050;
}

.downloadIcon {
  float: left;
  margin: 3px;
  line-height: 1;
  font-size: 0.9rem;
}
.downloadIcon i {
  color: #1F3FD6;
}

.uploadWithBtn {
  float: left;
  width: calc(100% - 65px);
}
.uploadWithBtn + .dlBtn {
  float: right;
  margin-left: 12px;
  width: 50px;
}
.uploadWithBtn + .dlBtn .btnFill, .uploadWithBtn + .dlBtn .btnBordered, .uploadWithBtn + .dlBtn .secondaryBtn, .uploadWithBtn + .dlBtn .btnBorderedsecondary, .uploadWithBtn + .dlBtn .btnReset, .uploadWithBtn + .dlBtn .btnBorderedGrey, .uploadWithBtn + .dlBtn .btnGrey, .uploadWithBtn + .dlBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .uploadWithBtn + .dlBtn .enrollNow, .uploadWithBtn + .dlBtn .btnExportFill, .uploadWithBtn + .dlBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .uploadWithBtn + .dlBtn .btn.btn-primary, .uploadWithBtn + .dlBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .uploadWithBtn + .dlBtn .btn.btn-default {
  float: left;
  width: 100%;
  padding: 11px;
}

.flexDrop {
  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%;
}
.flexDrop .dropInner {
  float: left;
  width: calc(100% - 60px);
}
.flexDrop .btnDownload {
  float: left;
  width: 50px;
  margin-left: auto;
}
.flexDrop .btnDownload .btnFill, .flexDrop .btnDownload .btnBordered, .flexDrop .btnDownload .secondaryBtn, .flexDrop .btnDownload .btnBorderedsecondary, .flexDrop .btnDownload .btnReset, .flexDrop .btnDownload .btnBorderedGrey, .flexDrop .btnDownload .btnGrey, .flexDrop .btnDownload .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .flexDrop .btnDownload .enrollNow, .flexDrop .btnDownload .btnExportFill, .flexDrop .btnDownload .modal .modal-footer .btn.btn-primary, .modal .modal-footer .flexDrop .btnDownload .btn.btn-primary, .flexDrop .btnDownload .modal .modal-footer .btn.btn-default, .modal .modal-footer .flexDrop .btnDownload .btn.btn-default {
  float: left;
  width: 100%;
  padding: 10px;
}

#RestrictedDates .modal-body {
  min-height: 220px;
}
#RestrictedDates .modal-footer {
  min-height: 60px;
}

.cpRow {
  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;
}
.cpRow .cpCol {
  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-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 25px;
}
.cpRow .cpCol label {
  margin-bottom: 3px;
  font-size: 0.8rem;
}
.cpRow .cpCol .cp_Field {
  float: left;
  width: 100%;
  font-weight: 600;
  font-size: 0.9rem;
}
.cpRow .cpCol.cp_Action {
  min-width: 70px;
  padding-left: 0px;
  border-right: 1px solid #ccc;
  margin: 5px 0;
}
.cpRow .cpCol.cp_budget {
  border-right: 1px solid #ccc;
  min-width: 180px;
}
@media (max-width: 1100px) {
  .cpRow .cpCol {
    padding: 0 15px;
  }
  .cpRow .cpCol.cp_Action {
    min-width: 50px;
    width: 100%;
    border-right: none;
    border-top: 1px solid #ccc;
    padding: 12px 0 0 0;
    margin-top: 12px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .cpRow .cpCol.cp_Action .cp_Field {
    width: auto;
  }
  .cpRow .cpCol.cp_budget {
    min-width: 120px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .cpRow .cpCol.cp_colBlock {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (max-width: 767px) {
  .cpRow .cpCol.cp_budget {
    min-width: 50px;
    width: 50%;
    border: none;
    margin: 10px 0;
  }
  .cpRow .cpCol.cp_colBlock {
    min-width: 50px;
    width: 50%;
    margin: 10px 0;
  }
}
@media (max-width: 520px) {
  .cpRow .cpCol.cp_budget {
    min-width: 50px;
    width: 100%;
    border: none;
    margin: 10px 0;
  }
  .cpRow .cpCol.cp_colBlock {
    min-width: 50px;
    width: 100%;
    margin: 10px 0;
  }
}

.filtername {
  border: 1px dashed #D4D4D4;
  padding: 4px 8px;
  margin: 3px;
  float: left;
  background-color: #fff;
}
.filtername:empty {
  display: none;
}

.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: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.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;
  }
}

.DriveGreebContent {
  float: left;
  width: 100%;
}
.DriveGreebContent ul {
  list-style: disc;
  padding-left: 17px;
  display: inline-block;
  vertical-align: top;
}
.DriveGreebContent ul li {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.DriveGreebContent ul + p {
  margin-top: 15px;
}
.DriveGreebContent .stepList {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.DriveGreebContent .stepList p {
  margin-bottom: 0px;
}
.DriveGreebContent strong {
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
}

.subscriptionRow {
  float: left;
  width: 100%;
}
.subscriptionRow .subTitle, .subscriptionRow .subTitle2 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  margin-bottom: 15px;
}
.subscriptionRow .subTitle2 p {
  margin: 0px;
}
.subscriptionRow .subTitle2 p span {
  margin-right: 10px;
}

.toggleWrapper {
  float: left;
  width: 100%;
}
.toggleWrapper li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.toggleWrapper li .toggleHeader {
  float: left;
  width: 100%;
  background-color: #eeeeee;
  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: #00D2AC;
}
.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::before {
  transform: rotate(90deg);
}
.toggleWrapper.toggleViewOnly li .toggleHeader {
  padding: 10px 10px 10px 10px;
}
.toggleWrapper.toggleViewOnly li .toggleHeader::before {
  display: none;
}

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

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

.notifyRow {
  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-bottom: 5px;
}
.notifyRow .radioBoxCon label {
  width: auto !important;
}

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

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

.adZoneSuccessBlock {
  margin: 40px 0;
}

.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: #fff;
  padding: 20px 15px;
  border: 1px solid #E9ECF3;
}
.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: #00D2AC;
  color: #fff;
  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: #ffffff;
}
.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: #465ca8;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a .far {
  color: #465ca8;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a .liveChat {
  margin-right: 20px;
  float: right;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a:hover {
  color: #333333;
}
.contactusRow .contactusCol .contactCont.aligncenter .chatNow a:hover .far {
  color: #333333;
}
@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 {
    border-radius: 0 4px 4px 0;
  }
}

.driveGreenWrapper .DAU_row {
  margin-bottom: 20px;
}
.driveGreenWrapper .DAU_row .imgBLock {
  float: right;
}
.driveGreenWrapper .DAU_row .RgtContent {
  float: left;
  padding-left: 0;
  padding-right: 35px;
}
@media (max-width: 767px) {
  .driveGreenWrapper .DAU_row .imgBLock {
    float: none;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0px 0 20px 0;
  }
  .driveGreenWrapper .DAU_row .RgtContent {
    padding-right: 0;
  }
}
.driveGreenWrapper .driveGreenRow {
  float: left;
  width: 100%;
}
.driveGreenWrapper .driveGreenRow h5, .driveGreenWrapper .driveGreenRow p {
  margin-bottom: 1rem;
}
.driveGreenWrapper .driveGreenRow ul {
  margin-bottom: 1rem;
  list-style: disc;
  padding-left: 17px;
  display: inline-block;
  vertical-align: top;
}
.driveGreenWrapper .driveGreenRow ul li {
  float: left;
  width: 100%;
  margin: 2px 0;
}

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

.messageNotification {
  float: left;
  width: 100%;
}
.messageNotification li {
  float: left;
  width: 100%;
  padding: 18px;
  border-bottom: 1px dashed #ccc;
}
.messageNotification li .mHead {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.messageNotification li .mHead span {
  font-weight: 400;
  float: right;
  font-size: 0.85rem;
}
.messageNotification li .mContent {
  font-size: 0.85rem;
  float: left;
  width: 100%;
}
.messageNotification li:hover {
  background-color: #F0F0F0;
}

#tblReport_paginate {
  float: right !important;
}

.col-green {
  color: #465ca8;
}

.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: 1rem;
}

#tinymce {
  height: 300px;
}

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

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

.newsletterList .budgetTopSection .btnFill, .newsletterList .budgetTopSection .btnBordered, .newsletterList .budgetTopSection .secondaryBtn, .newsletterList .budgetTopSection .btnBorderedsecondary, .newsletterList .budgetTopSection .btnReset, .newsletterList .budgetTopSection .btnBorderedGrey, .newsletterList .budgetTopSection .btnGrey, .newsletterList .budgetTopSection .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .newsletterList .budgetTopSection .enrollNow, .newsletterList .budgetTopSection .btnExportFill, .newsletterList .budgetTopSection .modal .modal-footer .btn.btn-primary, .modal .modal-footer .newsletterList .budgetTopSection .btn.btn-primary, .newsletterList .budgetTopSection .modal .modal-footer .btn.btn-default, .modal .modal-footer .newsletterList .budgetTopSection .btn.btn-default {
  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: #00D2AC;
}

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 {
  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 .primaryBtnBordered, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .greyBtnBordered {
  margin: 5px;
}
.reportsHeader .reportBtn_row .btnFill, .reportsHeader .reportBtn_row .btnBordered, .reportsHeader .reportBtn_row .secondaryBtn, .reportsHeader .reportBtn_row .btnBorderedsecondary, .reportsHeader .reportBtn_row .btnReset, .reportsHeader .reportBtn_row .btnBorderedGrey, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .reportsHeader .reportBtn_row .enrollNow, .reportsHeader .reportBtn_row .btnExportFill, .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-primary, .modal .modal-footer .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-default, .modal .modal-footer .reportsHeader .reportBtn_row .btn.btn-default {
  min-width: 100px;
  padding: 6px 15px;
}
@media (max-width: 480px) {
  .reportsHeader .reportBtn_row .btnFill, .reportsHeader .reportBtn_row .btnBordered, .reportsHeader .reportBtn_row .secondaryBtn, .reportsHeader .reportBtn_row .btnBorderedsecondary, .reportsHeader .reportBtn_row .btnReset, .reportsHeader .reportBtn_row .btnBorderedGrey, .reportsHeader .reportBtn_row .btnGrey, .reportsHeader .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .reportsHeader .reportBtn_row .enrollNow, .reportsHeader .reportBtn_row .btnExportFill, .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-primary, .modal .modal-footer .reportsHeader .reportBtn_row .btn.btn-primary, .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-default, .modal .modal-footer .reportsHeader .reportBtn_row .btn.btn-default {
    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%;
}

.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: #616161;
}
.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: #f9f9f9;
  color: #00D2AC;
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing a span {
  float: left;
  width: calc(100% - 40px);
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a {
  color: #00D2AC;
}
.reportsMainListing .reportListingRow .reportListing .reportFlexRow .reportCol_listing:hover a .fa-file-alt {
  background-color: #00D2AC;
  color: #fff;
}
.reportsMainListing .reportListingRow .reportListing + .reportListing {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #ccc;
}

.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, .ActivityContentRow .S_content table tr th {
  font-size: 0.9rem;
  padding: 5px;
}
.ActivityContentRow .S_content table td + td, .ActivityContentRow .S_content table tr th + td, .ActivityContentRow .S_content table tr td + th, .ActivityContentRow .S_content table tr th + th {
  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, .dataTables_scroll .dataTables_scrollBody table tbody tr th.hideimp {
  display: none !important;
}

.semKeywords {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.semKeywords .semKeywordsCol {
  float: left;
  width: 33.33%;
  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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  position: relative;
}
.semKeywords .semKeywordsCol label {
  float: left;
  margin: 3px 0;
}
.semKeywords .semKeywordsCol .fieldGroup {
  float: left;
  margin-left: 20px;
}
.semKeywords .semKeywordsCol::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  width: 1px;
  height: 40px;
  background-color: #e0e0e0;
}

.SemRowInline {
  float: left;
  width: 100%;
}
.SemRowInline .RowTitle {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.SemRowInline .SemRowCol {
  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;
}
.SemRowInline .SemRowCol label {
  float: left;
  padding-right: 20px;
}
.SemRowInline .SemRowCol.dealerSpecificKeyword label {
  width: 215px;
}
.SemRowInline .SemRowCol .fieldGroup {
  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;
}
@media (max-width: 520px) {
  .SemRowInline .SemRowCol .fieldGroup {
    -webkit-flex: none;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}
.SemRowInline .SemRowCol .fieldGroup .form-control {
  float: left;
  max-width: 250px;
  height: 34px;
}
@media (max-width: 520px) {
  .SemRowInline .SemRowCol .fieldGroup .form-control {
    max-width: 100%;
  }
}
.SemRowInline .SemRowCol .fieldGroup span {
  float: left;
  font-size: 1.2rem;
}
.SemRowInline .SemRowCol .fieldGroup span.field-validation-error, .SemRowInline .SemRowCol .fieldGroup span.field-validation-valid, .SemRowInline .SemRowCol .fieldGroup span.is-valid {
  font-size: 1rem;
}
.SemRowInline .SemRowCol .fieldGroup span.field-validation-error span, .SemRowInline .SemRowCol .fieldGroup span.field-validation-valid span, .SemRowInline .SemRowCol .fieldGroup span.is-valid span {
  font-size: 1rem;
}
@media (max-width: 520px) {
  .SemRowInline .SemRowCol .fieldGroup span {
    width: 100%;
  }
}
.SemRowInline .SemRowCol .fieldGroup .btnFill, .SemRowInline .SemRowCol .fieldGroup .secondaryBtn, .SemRowInline .SemRowCol .fieldGroup .btnBorderedsecondary, .SemRowInline .SemRowCol .fieldGroup .btnReset, .SemRowInline .SemRowCol .fieldGroup .btnBorderedGrey, .SemRowInline .SemRowCol .fieldGroup .btnGrey, .SemRowInline .SemRowCol .fieldGroup .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SemRowInline .SemRowCol .fieldGroup .enrollNow, .SemRowInline .SemRowCol .fieldGroup .btnExportFill, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .btn.btn-primary, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .btn.btn-primary, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .btn.btn-default, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .btn.btn-default, .SemRowInline .SemRowCol .fieldGroup .btnBordered {
  float: left;
  margin-left: 20px;
  padding: 4px 12px;
}
@media (max-width: 520px) {
  .SemRowInline .SemRowCol .fieldGroup .btnFill, .SemRowInline .SemRowCol .fieldGroup .secondaryBtn, .SemRowInline .SemRowCol .fieldGroup .btnBorderedsecondary, .SemRowInline .SemRowCol .fieldGroup .btnReset, .SemRowInline .SemRowCol .fieldGroup .btnBorderedGrey, .SemRowInline .SemRowCol .fieldGroup .btnGrey, .SemRowInline .SemRowCol .fieldGroup .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SemRowInline .SemRowCol .fieldGroup .enrollNow, .SemRowInline .SemRowCol .fieldGroup .btnExportFill, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .btn.btn-primary, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .btn.btn-primary, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .btn.btn-default, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .btn.btn-default, .SemRowInline .SemRowCol .fieldGroup .btnBordered {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.SemRowInline .SemRowCol .fieldGroup .btnFill.smallBtn, .SemRowInline .SemRowCol .fieldGroup .smallBtn.secondaryBtn, .SemRowInline .SemRowCol .fieldGroup .smallBtn.btnBorderedsecondary, .SemRowInline .SemRowCol .fieldGroup .smallBtn.btnReset, .SemRowInline .SemRowCol .fieldGroup .smallBtn.btnBorderedGrey, .SemRowInline .SemRowCol .fieldGroup .smallBtn.btnGrey, .SemRowInline .SemRowCol .fieldGroup .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .smallBtn.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SemRowInline .SemRowCol .fieldGroup .smallBtn.enrollNow, .SemRowInline .SemRowCol .fieldGroup .smallBtn.btnExportFill, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .smallBtn.btn.btn-primary, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .smallBtn.btn.btn-primary, .SemRowInline .SemRowCol .fieldGroup .modal .modal-footer .smallBtn.btn.btn-default, .modal .modal-footer .SemRowInline .SemRowCol .fieldGroup .smallBtn.btn.btn-default, .SemRowInline .SemRowCol .fieldGroup .btnBordered.smallBtn {
  padding: 3px 10px;
}
.SemRowInline .semBtnRow {
  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;
}
.SemRowInline .semBtnRow .SemRowCol {
  float: left;
  width: auto;
  padding: 0 10px;
}
.SemRowInline .semBtnRow .SemRowCol .btnFill, .SemRowInline .semBtnRow .SemRowCol .btnBordered, .SemRowInline .semBtnRow .SemRowCol .secondaryBtn, .SemRowInline .semBtnRow .SemRowCol .btnBorderedsecondary, .SemRowInline .semBtnRow .SemRowCol .btnReset, .SemRowInline .semBtnRow .SemRowCol .btnBorderedGrey, .SemRowInline .semBtnRow .SemRowCol .btnGrey, .SemRowInline .semBtnRow .SemRowCol .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SemRowInline .semBtnRow .SemRowCol .enrollNow, .SemRowInline .semBtnRow .SemRowCol .btnExportFill, .SemRowInline .semBtnRow .SemRowCol .modal .modal-footer .btn.btn-primary, .modal .modal-footer .SemRowInline .semBtnRow .SemRowCol .btn.btn-primary, .SemRowInline .semBtnRow .SemRowCol .modal .modal-footer .btn.btn-default, .modal .modal-footer .SemRowInline .semBtnRow .SemRowCol .btn.btn-default {
  min-width: 140px;
}

.labelBtn {
  float: left;
  text-decoration: underline;
  border: none;
  background: none;
  padding: 0px;
  color: #465ca8;
  outline: none !important;
}

.keywordRow {
  float: left;
  width: calc(100% + 30px);
  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;
}
@media (max-width: 520px) {
  .keywordRow {
    width: 100%;
    margin-left: 0px;
  }
}
.keywordRow .keywordColl {
  float: left;
  width: 25%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .keywordRow .keywordColl {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .keywordRow .keywordColl {
    width: 100%;
    padding: 0px;
  }
}
.keywordRow .keywordColl .form-control {
  height: 34px;
}
.keywordRow .keywordCollAuto {
  float: left;
  width: auto;
  min-width: 15%;
  padding: 0 15px;
}
@media (max-width: 520px) {
  .keywordRow .keywordCollAuto {
    width: 100%;
    padding: 0px;
  }
}
.keywordRow .keywordComment {
  float: left;
  width: 50%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .keywordRow .keywordComment {
    width: calc(100% - 125px);
  }
}
@media (max-width: 520px) {
  .keywordRow .keywordComment {
    width: 100%;
    padding: 0px;
  }
}
.keywordRow .keywordComment .form-control {
  height: 34px;
}
.keywordRow .keyboardBtn {
  float: left;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .keywordRow .keyboardBtn {
    margin-top: 29px;
  }
}
@media (max-width: 520px) {
  .keywordRow .keyboardBtn {
    margin-top: 0px;
  }
}
.keywordRow .keyboardBtn .btnFill, .keywordRow .keyboardBtn .btnBordered, .keywordRow .keyboardBtn .secondaryBtn, .keywordRow .keyboardBtn .btnBorderedsecondary, .keywordRow .keyboardBtn .btnReset, .keywordRow .keyboardBtn .btnBorderedGrey, .keywordRow .keyboardBtn .btnGrey, .keywordRow .keyboardBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .keywordRow .keyboardBtn .enrollNow, .keywordRow .keyboardBtn .btnExportFill, .keywordRow .keyboardBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .keywordRow .keyboardBtn .btn.btn-primary, .keywordRow .keyboardBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .keywordRow .keyboardBtn .btn.btn-default {
  float: left;
  padding: 4px 12px;
}

.keyWordGroupUpload {
  margin: 15px 0;
}
.keyWordGroupUpload .BrowseBtn {
  float: left;
  width: 100%;
  max-width: 500px;
}
.keyWordGroupUpload .BrowseBtn input[type=file] {
  width: 100%;
}

.masterKeywordRow {
  margin-bottom: 10px;
}

.usingTemplateWrapper {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.usingTemplateWrapper .templateExpandedRow {
  float: left;
  width: 100%;
  background-color: #f9f9f9;
  padding: 20px;
  margin: 10px 0 0;
}

.templateBtnRow {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.templateBtnRow .btnFill, .templateBtnRow .btnBordered, .templateBtnRow .secondaryBtn, .templateBtnRow .btnBorderedsecondary, .templateBtnRow .btnReset, .templateBtnRow .btnBorderedGrey, .templateBtnRow .btnGrey, .templateBtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .templateBtnRow .enrollNow, .templateBtnRow .btnExportFill, .templateBtnRow .modal .modal-footer .btn.btn-primary, .modal .modal-footer .templateBtnRow .btn.btn-primary, .templateBtnRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .templateBtnRow .btn.btn-default {
  float: left;
}

.semKeywordWrapper {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.semKeywordWrapper.SemRowInline .SemRowCol {
  margin: 5px 0;
}

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

.dealerRowField {
  float: left;
  width: 100%;
  max-width: 250px;
}
@media (max-width: 520px) {
  .dealerRowField {
    max-width: 100%;
  }
}

.mobileFilers {
  display: none;
}
@media (max-width: 767px) {
  .mobileFilers {
    width: 38px;
    height: 38px;
    position: relative;
    bottom: -10px;
    background-color: #f1f1f1;
    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: #465ca8;
  }
  .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: #465ca8;
  }
  .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 .btnBordered, .mobileFilers ~ .reportsHeader .reportBtn_row .secondaryBtn, .mobileFilers ~ .reportsHeader .reportBtn_row .btnBorderedsecondary, .mobileFilers ~ .reportsHeader .reportBtn_row .btnReset, .mobileFilers ~ .reportsHeader .reportBtn_row .btnBorderedGrey, .mobileFilers ~ .reportsHeader .reportBtn_row .btnGrey, .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, .mobileFilers ~ .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-primary, .modal .modal-footer .mobileFilers ~ .reportsHeader .reportBtn_row .btn.btn-primary, .mobileFilers ~ .reportsHeader .reportBtn_row .modal .modal-footer .btn.btn-default, .modal .modal-footer .mobileFilers ~ .reportsHeader .reportBtn_row .btn.btn-default {
    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;
}

.SEM-ButtonRow {
  float: left;
  width: calc(100% + 20px);
  margin: 25px -10px 15px -10px;
}
.SEM-ButtonRow .btnBordered, .SEM-ButtonRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .SEM-ButtonRow .btn.btn-default {
  float: left;
  margin: 5px 10px;
}

.downloadTemplateRow {
  float: left;
  width: 100%;
  margin: 5px 0 30px 0;
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 25px;
}
.downloadTemplateRow .d_TemplateBtn {
  float: left;
  width: 200px;
}
@media (max-width: 767px) {
  .downloadTemplateRow .d_TemplateBtn {
    width: 100%;
  }
}
.downloadTemplateRow .d_TemplateContent {
  float: left;
  width: calc(100% - 200px);
  font-size: 1.1rem;
  padding: 5px 5px 5px 50px;
  border-left: 1px dashed #ccc;
}
@media (max-width: 767px) {
  .downloadTemplateRow .d_TemplateContent {
    width: 100%;
    padding: 0px;
    margin-top: 15px;
    border: none;
  }
}
.downloadTemplateRow .d_TemplateContent p {
  float: left;
  width: 100%;
  margin: 0px;
}

.adminUpdateBtn {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}
.adminUpdateBtn .btnFill, .adminUpdateBtn .btnBordered, .adminUpdateBtn .secondaryBtn, .adminUpdateBtn .btnBorderedsecondary, .adminUpdateBtn .btnReset, .adminUpdateBtn .btnBorderedGrey, .adminUpdateBtn .btnGrey, .adminUpdateBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adminUpdateBtn .enrollNow, .adminUpdateBtn .btnExportFill, .adminUpdateBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .adminUpdateBtn .btn.btn-primary, .adminUpdateBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .adminUpdateBtn .btn.btn-default {
  float: left;
}

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

.reportWithTabs {
  float: left;
  width: 100%;
}
.reportWithTabs .nav.nav-tabs.navMain {
  display: inline-block;
}
.reportWithTabs .nav.nav-tabs.navMain li {
  float: left;
  width: 25%;
}
@media (max-width: 991px) {
  .reportWithTabs .nav.nav-tabs.navMain li {
    width: 33.33%;
  }
  .reportWithTabs .nav.nav-tabs.navMain li a {
    min-height: 30px;
  }
}
@media (max-width: 767px) {
  .reportWithTabs .nav.nav-tabs.navMain li {
    width: calc(50% - 3px);
  }
}
@media (max-width: 480px) {
  .reportWithTabs .nav.nav-tabs.navMain li a {
    min-height: 60px;
  }
}

.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 .btnBordered, .searchBtn .secondaryBtn, .searchBtn .btnBorderedsecondary, .searchBtn .btnReset, .searchBtn .btnBorderedGrey, .searchBtn .btnGrey, .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchBtn .enrollNow, .searchBtn .btnExportFill, .searchBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .searchBtn .btn.btn-primary, .searchBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .searchBtn .btn.btn-default {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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-weight: 500;
}
.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 .secondaryBtn, .reportFormCon .fooBtnBlock .btnRgt .btnBorderedsecondary, .reportFormCon .fooBtnBlock .btnRgt .btnReset, .reportFormCon .fooBtnBlock .btnRgt .btnBorderedGrey, .reportFormCon .fooBtnBlock .btnRgt .btnGrey, .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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .reportFormCon .fooBtnBlock .btnRgt .btn.btn-primary, .reportFormCon .fooBtnBlock .btnRgt .modal .modal-footer .btn.btn-default, .modal .modal-footer .reportFormCon .fooBtnBlock .btnRgt .btn.btn-default, .reportFormCon .fooBtnBlock .btnRgt .btnBordered {
  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: #F0F0F0;
  border-radius: 0 0 30px 30px;
  font-size: 1.5rem;
  cursor: pointer;
}
.reportFormCon.formHidden .topblock, .reportFormCon.formHidden .fooBtnBlock {
  display: none;
}

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

.pageTitle .DealerLoginIngo {
  float: right;
  font-size: 1rem;
  color: #444444;
  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 #D4D4D4;
  color: #606d8c;
  background-color: #ffffff;
  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;
}
.IconListRow li a h4 {
  font-size: 0.9rem;
  margin-top: 5px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 0px;
}
.IconListRow li a:hover, .IconListRow li a.selected {
  border-color: #00D2AC;
  background-color: #F0F0F0;
}
@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, .partsCatalogSuccessBlock, .successContainerBlock, .GKTFinalStep, .adZoneSuccessBlock {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.co-opContainer .Co-opHead, .partsCatalogSuccessBlock .Co-opHead, .successContainerBlock .Co-opHead, .GKTFinalStep .Co-opHead, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .Co-opHead, .successContainerBlock .Co-opHead, .GKTFinalStep .Co-opHead, .adZoneSuccessBlock .Co-opHead {
    padding: 20px;
  }
}
.co-opContainer .Co-opHead .co-opHeadImg, .partsCatalogSuccessBlock .Co-opHead .co-opHeadImg, .successContainerBlock .Co-opHead .co-opHeadImg, .GKTFinalStep .Co-opHead .co-opHeadImg, .adZoneSuccessBlock .Co-opHead .co-opHeadImg {
  float: left;
  width: 120px;
  text-align: center;
}
.co-opContainer .Co-opHead .co-opHeadImg img, .partsCatalogSuccessBlock .Co-opHead .co-opHeadImg img, .successContainerBlock .Co-opHead .co-opHeadImg img, .GKTFinalStep .Co-opHead .co-opHeadImg img, .adZoneSuccessBlock .Co-opHead .co-opHeadImg img {
  max-width: 80px;
}
.co-opContainer .Co-opHead .co-opHeadRight, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight, .successContainerBlock .Co-opHead .co-opHeadRight, .GKTFinalStep .Co-opHead .co-opHeadRight, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3, .successContainerBlock .Co-opHead .co-opHeadRight h3, .GKTFinalStep .Co-opHead .co-opHeadRight h3, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 {
  font-size: 1.5rem;
  color: #00D2AC;
  float: left;
  margin: 0;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 .headLeftContent, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3 .headLeftContent, .successContainerBlock .Co-opHead .co-opHeadRight h3 .headLeftContent, .GKTFinalStep .Co-opHead .co-opHeadRight h3 .headLeftContent, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 .headLeftContent {
  float: left;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 .headRightContent, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3 .headRightContent, .successContainerBlock .Co-opHead .co-opHeadRight h3 .headRightContent, .GKTFinalStep .Co-opHead .co-opHeadRight h3 .headRightContent, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 .headRightContent {
  float: right;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 p, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3 p, .successContainerBlock .Co-opHead .co-opHeadRight h3 p, .GKTFinalStep .Co-opHead .co-opHeadRight h3 p, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 p {
  float: left;
  margin: 0px;
  padding-right: 15px;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 span, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3 span, .successContainerBlock .Co-opHead .co-opHeadRight h3 span, .GKTFinalStep .Co-opHead .co-opHeadRight h3 span, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 span {
  float: left;
}
.co-opContainer .Co-opHead .co-opHeadRight h3 span.questionEmail, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3 span.questionEmail, .successContainerBlock .Co-opHead .co-opHeadRight h3 span.questionEmail, .GKTFinalStep .Co-opHead .co-opHeadRight h3 span.questionEmail, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 span.questionEmail {
  margin-left: 10px;
  font-size: 1rem;
  margin-top: 3px;
}
.co-opContainer .Co-opHead .co-opHeadRight h4, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h4, .successContainerBlock .Co-opHead .co-opHeadRight h4, .GKTFinalStep .Co-opHead .co-opHeadRight h4, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h4 {
  margin: 5px 0 0 0;
  font-size: 1rem;
  float: left;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight h5, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h5, .successContainerBlock .Co-opHead .co-opHeadRight h5, .GKTFinalStep .Co-opHead .co-opHeadRight h5, .adZoneSuccessBlock .Co-opHead .co-opHeadRight h5 {
  margin: 5px 0 0 0;
  font-size: 1rem;
  float: left;
  width: 100%;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockLeft, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockLeft, .successContainerBlock .Co-opHead .co-opHeadRight .HeadBlockLeft, .GKTFinalStep .Co-opHead .co-opHeadRight .HeadBlockLeft, .adZoneSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockLeft {
  float: left;
  max-width: 50%;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt, .successContainerBlock .Co-opHead .co-opHeadRight .HeadBlockRgt, .GKTFinalStep .Co-opHead .co-opHeadRight .HeadBlockRgt, .adZoneSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt {
  margin-left: auto;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent, .successContainerBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent, .GKTFinalStep .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent, .adZoneSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent {
  text-align: right;
}
.co-opContainer .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p, .partsCatalogSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p, .successContainerBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p, .GKTFinalStep .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p, .adZoneSuccessBlock .Co-opHead .co-opHeadRight .HeadBlockRgt .headRightContent p {
  margin: 0px;
}
.co-opContainer .co-opForm, .partsCatalogSuccessBlock .co-opForm, .successContainerBlock .co-opForm, .GKTFinalStep .co-opForm, .adZoneSuccessBlock .co-opForm {
  padding: 25px;
  float: left;
  width: 100%;
  text-align: center;
}
.co-opContainer .co-opForm .FormInner, .partsCatalogSuccessBlock .co-opForm .FormInner, .successContainerBlock .co-opForm .FormInner, .GKTFinalStep .co-opForm .FormInner, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .FormInner, .successContainerBlock .co-opForm .FormInner, .GKTFinalStep .co-opForm .FormInner, .adZoneSuccessBlock .co-opForm .FormInner {
    max-width: 100%;
  }
}
.co-opContainer .co-opForm .FormInner .formInfo, .partsCatalogSuccessBlock .co-opForm .FormInner .formInfo, .successContainerBlock .co-opForm .FormInner .formInfo, .GKTFinalStep .co-opForm .FormInner .formInfo, .adZoneSuccessBlock .co-opForm .FormInner .formInfo {
  float: left;
  width: 100%;
  padding: 15px 20px;
  background-color: #f7f7f7;
}
.co-opContainer .co-opForm .form-group, .partsCatalogSuccessBlock .co-opForm .form-group, .successContainerBlock .co-opForm .form-group, .GKTFinalStep .co-opForm .form-group, .adZoneSuccessBlock .co-opForm .form-group {
  float: left;
  width: 100%;
  margin-bottom: 1.5rem;
}
.co-opContainer .co-opForm .form-group.expandedEmails .ExpandedEmailCon, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .ExpandedEmailCon, .successContainerBlock .co-opForm .form-group.expandedEmails .ExpandedEmailCon, .GKTFinalStep .co-opForm .form-group.expandedEmails .ExpandedEmailCon, .adZoneSuccessBlock .co-opForm .form-group.expandedEmails .ExpandedEmailCon {
  max-height: 110px;
  overflow-y: auto;
}
.co-opContainer .co-opForm .form-group.expandedEmails .slimScrollDiv, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .slimScrollDiv, .successContainerBlock .co-opForm .form-group.expandedEmails .slimScrollDiv, .GKTFinalStep .co-opForm .form-group.expandedEmails .slimScrollDiv, .adZoneSuccessBlock .co-opForm .form-group.expandedEmails .slimScrollDiv,
.co-opContainer .co-opForm .form-group.expandedEmails .scrollWrapper,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .scrollWrapper,
.successContainerBlock .co-opForm .form-group.expandedEmails .scrollWrapper,
.GKTFinalStep .co-opForm .form-group.expandedEmails .scrollWrapper,
.adZoneSuccessBlock .co-opForm .form-group.expandedEmails .scrollWrapper, .co-opContainer .co-opForm .form-group.expandedEquipments .slimScrollDiv, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .slimScrollDiv, .successContainerBlock .co-opForm .form-group.expandedEquipments .slimScrollDiv, .GKTFinalStep .co-opForm .form-group.expandedEquipments .slimScrollDiv, .adZoneSuccessBlock .co-opForm .form-group.expandedEquipments .slimScrollDiv,
.co-opContainer .co-opForm .form-group.expandedEquipments .scrollWrapper,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .scrollWrapper,
.successContainerBlock .co-opForm .form-group.expandedEquipments .scrollWrapper,
.GKTFinalStep .co-opForm .form-group.expandedEquipments .scrollWrapper,
.adZoneSuccessBlock .co-opForm .form-group.expandedEquipments .scrollWrapper {
  height: auto !important;
  max-height: 110px;
}
.co-opContainer .co-opForm .form-group.expandedEmails .expandEmailRow, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .expandEmailRow, .successContainerBlock .co-opForm .form-group.expandedEmails .expandEmailRow, .GKTFinalStep .co-opForm .form-group.expandedEmails .expandEmailRow, .adZoneSuccessBlock .co-opForm .form-group.expandedEmails .expandEmailRow,
.co-opContainer .co-opForm .form-group.expandedEmails .expandEquipment,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .expandEquipment,
.successContainerBlock .co-opForm .form-group.expandedEmails .expandEquipment,
.GKTFinalStep .co-opForm .form-group.expandedEmails .expandEquipment,
.adZoneSuccessBlock .co-opForm .form-group.expandedEmails .expandEquipment, .co-opContainer .co-opForm .form-group.expandedEquipments .expandEmailRow, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .expandEmailRow, .successContainerBlock .co-opForm .form-group.expandedEquipments .expandEmailRow, .GKTFinalStep .co-opForm .form-group.expandedEquipments .expandEmailRow, .adZoneSuccessBlock .co-opForm .form-group.expandedEquipments .expandEmailRow,
.co-opContainer .co-opForm .form-group.expandedEquipments .expandEquipment,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .expandEquipment,
.successContainerBlock .co-opForm .form-group.expandedEquipments .expandEquipment,
.GKTFinalStep .co-opForm .form-group.expandedEquipments .expandEquipment,
.adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .expandEmailRow span, .successContainerBlock .co-opForm .form-group.expandedEmails .expandEmailRow span, .GKTFinalStep .co-opForm .form-group.expandedEmails .expandEmailRow span, .adZoneSuccessBlock .co-opForm .form-group.expandedEmails .expandEmailRow span,
.co-opContainer .co-opForm .form-group.expandedEmails .expandEquipment span,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails .expandEquipment span,
.successContainerBlock .co-opForm .form-group.expandedEmails .expandEquipment span,
.GKTFinalStep .co-opForm .form-group.expandedEmails .expandEquipment span,
.adZoneSuccessBlock .co-opForm .form-group.expandedEmails .expandEquipment span, .co-opContainer .co-opForm .form-group.expandedEquipments .expandEmailRow span, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .expandEmailRow span, .successContainerBlock .co-opForm .form-group.expandedEquipments .expandEmailRow span, .GKTFinalStep .co-opForm .form-group.expandedEquipments .expandEmailRow span, .adZoneSuccessBlock .co-opForm .form-group.expandedEquipments .expandEmailRow span,
.co-opContainer .co-opForm .form-group.expandedEquipments .expandEquipment span,
.partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments .expandEquipment span,
.successContainerBlock .co-opForm .form-group.expandedEquipments .expandEquipment span,
.GKTFinalStep .co-opForm .form-group.expandedEquipments .expandEquipment span,
.adZoneSuccessBlock .co-opForm .form-group.expandedEquipments .expandEquipment span {
  margin-right: 10px;
}
.co-opContainer .co-opForm .form-group .control-label, .partsCatalogSuccessBlock .co-opForm .form-group .control-label, .successContainerBlock .co-opForm .form-group .control-label, .GKTFinalStep .co-opForm .form-group .control-label, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEmails > .fieldGroup, .successContainerBlock .co-opForm .form-group.expandedEmails > .fieldGroup, .GKTFinalStep .co-opForm .form-group.expandedEmails > .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group.expandedEmails > .fieldGroup, .co-opContainer .co-opForm .form-group.expandedEquipments > .fieldGroup, .partsCatalogSuccessBlock .co-opForm .form-group.expandedEquipments > .fieldGroup, .successContainerBlock .co-opForm .form-group.expandedEquipments > .fieldGroup, .GKTFinalStep .co-opForm .form-group.expandedEquipments > .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group.expandedEquipments > .fieldGroup {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
}
.co-opContainer .co-opForm .form-group .fieldGroup, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup {
  float: left;
  width: calc(100% - 250px);
}
.co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group {
    width: 100%;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group label.control-label, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup.DateTimeGroup .form-group + .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup.FlexJustifyRow, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.FlexJustifyRow, .successContainerBlock .co-opForm .form-group .fieldGroup.FlexJustifyRow, .GKTFinalStep .co-opForm .form-group .fieldGroup.FlexJustifyRow, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.FlexJustifyRow .flexAddRow, .successContainerBlock .co-opForm .form-group .fieldGroup.FlexJustifyRow .flexAddRow, .GKTFinalStep .co-opForm .form-group .fieldGroup.FlexJustifyRow .flexAddRow, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .selectDate, .successContainerBlock .co-opForm .form-group .fieldGroup .selectDate, .GKTFinalStep .co-opForm .form-group .fieldGroup .selectDate, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .selectDate, .successContainerBlock .co-opForm .form-group .fieldGroup .selectDate, .GKTFinalStep .co-opForm .form-group .fieldGroup .selectDate, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .selectDate {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup .selectDate span, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .selectDate span, .successContainerBlock .co-opForm .form-group .fieldGroup .selectDate span, .GKTFinalStep .co-opForm .form-group .fieldGroup .selectDate span, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .successContainerBlock .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .GKTFinalStep .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .successContainerBlock .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .GKTFinalStep .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .selectDate .datepicker.input-group {
    width: 100%;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup.vAlign, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.vAlign, .successContainerBlock .co-opForm .form-group .fieldGroup.vAlign, .GKTFinalStep .co-opForm .form-group .fieldGroup.vAlign, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.vAlign.inlineField, .successContainerBlock .co-opForm .form-group .fieldGroup.vAlign.inlineField, .GKTFinalStep .co-opForm .form-group .fieldGroup.vAlign.inlineField, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.vAlign.inlineField .inputField.hide + .EmailButton, .successContainerBlock .co-opForm .form-group .fieldGroup.vAlign.inlineField .inputField.hide + .EmailButton, .GKTFinalStep .co-opForm .form-group .fieldGroup.vAlign.inlineField .inputField.hide + .EmailButton, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup.vAlign.inlineField .inputField.hide + .EmailButton {
  margin-left: inherit;
}
.co-opContainer .co-opForm .form-group .fieldGroup.inlineField .EmailButton, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.inlineField .EmailButton, .successContainerBlock .co-opForm .form-group .fieldGroup.inlineField .EmailButton, .GKTFinalStep .co-opForm .form-group .fieldGroup.inlineField .EmailButton, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .uploadImg, .successContainerBlock .co-opForm .form-group .fieldGroup .uploadImg, .GKTFinalStep .co-opForm .form-group .fieldGroup .uploadImg, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .uploadInfo, .successContainerBlock .co-opForm .form-group .fieldGroup .uploadInfo, .GKTFinalStep .co-opForm .form-group .fieldGroup .uploadInfo, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .uploadInfo {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadInfo h4, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .uploadInfo h4, .successContainerBlock .co-opForm .form-group .fieldGroup .uploadInfo h4, .GKTFinalStep .co-opForm .form-group .fieldGroup .uploadInfo h4, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .uploadInfo h4 {
  font-size: 1rem;
  margin-bottom: 5px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .uploadInfo ul, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .uploadInfo ul, .successContainerBlock .co-opForm .form-group .fieldGroup .uploadInfo ul, .GKTFinalStep .co-opForm .form-group .fieldGroup .uploadInfo ul, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup textarea.form-control, .successContainerBlock .co-opForm .form-group .fieldGroup textarea.form-control, .GKTFinalStep .co-opForm .form-group .fieldGroup textarea.form-control, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup textarea.form-control {
  min-height: 80px;
}
.co-opContainer .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment, .successContainerBlock .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment, .GKTFinalStep .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup textarea.form-control.submissionComment {
  max-width: 500px;
  width: 100%;
}
.co-opContainer .co-opForm .form-group .fieldGroup .EmailButton, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .EmailButton, .successContainerBlock .co-opForm .form-group .fieldGroup .EmailButton, .GKTFinalStep .co-opForm .form-group .fieldGroup .EmailButton, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .EmailButton, .successContainerBlock .co-opForm .form-group .fieldGroup .EmailButton, .GKTFinalStep .co-opForm .form-group .fieldGroup .EmailButton, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .EmailButton {
    min-width: 65px;
  }
}
.co-opContainer .co-opForm .form-group .fieldGroup .questionEmail, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .questionEmail, .successContainerBlock .co-opForm .form-group .fieldGroup .questionEmail, .GKTFinalStep .co-opForm .form-group .fieldGroup .questionEmail, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .questionEmail {
  margin-left: 10px;
  float: left;
}
.co-opContainer .co-opForm .form-group .fieldGroup .spanTop7, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .spanTop7, .successContainerBlock .co-opForm .form-group .fieldGroup .spanTop7, .GKTFinalStep .co-opForm .form-group .fieldGroup .spanTop7, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .spanTop7 {
  margin-top: 7px;
}
.co-opContainer .co-opForm .form-group .fieldGroup .dropzone, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .dropzone, .successContainerBlock .co-opForm .form-group .fieldGroup .dropzone, .GKTFinalStep .co-opForm .form-group .fieldGroup .dropzone, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup .dropzone .dz-default.dz-message, .successContainerBlock .co-opForm .form-group .fieldGroup .dropzone .dz-default.dz-message, .GKTFinalStep .co-opForm .form-group .fieldGroup .dropzone .dz-default.dz-message, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup .dropzone .dz-default.dz-message {
  margin: 0.7rem 0;
}
.co-opContainer .co-opForm .form-group .fieldGroup.colsplit2 .form-group, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.colsplit2 .form-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group, .successContainerBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group, .GKTFinalStep .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group label.control-label, .successContainerBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group label.control-label, .GKTFinalStep .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group label.control-label, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup.colsplit2 .form-group + .form-group .fieldGroup, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .form-group .control-label, .successContainerBlock .co-opForm .form-group .control-label, .GKTFinalStep .co-opForm .form-group .control-label, .adZoneSuccessBlock .co-opForm .form-group .control-label {
    width: 200px;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup {
    width: calc(100% - 200px);
  }
}
@media (max-width: 767px) {
  .co-opContainer .co-opForm .form-group .control-label, .partsCatalogSuccessBlock .co-opForm .form-group .control-label, .successContainerBlock .co-opForm .form-group .control-label, .GKTFinalStep .co-opForm .form-group .control-label, .adZoneSuccessBlock .co-opForm .form-group .control-label {
    width: 100%;
    text-align: left;
    padding: 0px;
  }
  .co-opContainer .co-opForm .form-group .fieldGroup, .partsCatalogSuccessBlock .co-opForm .form-group .fieldGroup, .successContainerBlock .co-opForm .form-group .fieldGroup, .GKTFinalStep .co-opForm .form-group .fieldGroup, .adZoneSuccessBlock .co-opForm .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer .co-opForm .emailConfirmation, .partsCatalogSuccessBlock .co-opForm .emailConfirmation, .successContainerBlock .co-opForm .emailConfirmation, .GKTFinalStep .co-opForm .emailConfirmation, .adZoneSuccessBlock .co-opForm .emailConfirmation {
  float: left;
  width: 100%;
}
.co-opContainer .co-opForm .emailConfirmation h3, .partsCatalogSuccessBlock .co-opForm .emailConfirmation h3, .successContainerBlock .co-opForm .emailConfirmation h3, .GKTFinalStep .co-opForm .emailConfirmation h3, .adZoneSuccessBlock .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, .partsCatalogSuccessBlock .co-opForm .emailConfirmation h3, .successContainerBlock .co-opForm .emailConfirmation h3, .GKTFinalStep .co-opForm .emailConfirmation h3, .adZoneSuccessBlock .co-opForm .emailConfirmation h3 {
    padding: 0px;
  }
}
.co-opContainer .co-opForm.noSpacing, .partsCatalogSuccessBlock .co-opForm.noSpacing, .successContainerBlock .co-opForm.noSpacing, .GKTFinalStep .co-opForm.noSpacing, .adZoneSuccessBlock .co-opForm.noSpacing {
  padding: 0px;
}
.co-opContainer .selectMediaType .pageInnerTitle, .partsCatalogSuccessBlock .selectMediaType .pageInnerTitle, .successContainerBlock .selectMediaType .pageInnerTitle, .GKTFinalStep .selectMediaType .pageInnerTitle, .adZoneSuccessBlock .selectMediaType .pageInnerTitle {
  margin-bottom: 0px;
}
.co-opContainer .selectMediaType .IconListRow li, .partsCatalogSuccessBlock .selectMediaType .IconListRow li, .successContainerBlock .selectMediaType .IconListRow li, .GKTFinalStep .selectMediaType .IconListRow li, .adZoneSuccessBlock .selectMediaType .IconListRow li {
  width: calc(25% - 20px);
  margin: 0 10px 25px 10px;
}
@media (max-width: 991px) {
  .co-opContainer .selectMediaType .IconListRow li, .partsCatalogSuccessBlock .selectMediaType .IconListRow li, .successContainerBlock .selectMediaType .IconListRow li, .GKTFinalStep .selectMediaType .IconListRow li, .adZoneSuccessBlock .selectMediaType .IconListRow li {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .co-opContainer .selectMediaType .IconListRow li, .partsCatalogSuccessBlock .selectMediaType .IconListRow li, .successContainerBlock .selectMediaType .IconListRow li, .GKTFinalStep .selectMediaType .IconListRow li, .adZoneSuccessBlock .selectMediaType .IconListRow li {
    width: calc(50% - 20px);
  }
}
.co-opContainer.smallContainerBlock, .smallContainerBlock.partsCatalogSuccessBlock, .smallContainerBlock.successContainerBlock, .smallContainerBlock.GKTFinalStep, .smallContainerBlock.adZoneSuccessBlock {
  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, .smallContainerBlock.partsCatalogSuccessBlock .successContainer, .smallContainerBlock.successContainerBlock .successContainer, .smallContainerBlock.GKTFinalStep .successContainer, .smallContainerBlock.adZoneSuccessBlock .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, .smallContainerBlock.partsCatalogSuccessBlock .successContainer h4, .smallContainerBlock.successContainerBlock .successContainer h4, .smallContainerBlock.GKTFinalStep .successContainer h4, .smallContainerBlock.adZoneSuccessBlock .successContainer h4 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  margin-bottom: 1rem;
  padding-left: 32px;
  position: relative;
  color: #00D2AC;
}
.co-opContainer.smallContainerBlock .successContainer h4 i, .smallContainerBlock.partsCatalogSuccessBlock .successContainer h4 i, .smallContainerBlock.successContainerBlock .successContainer h4 i, .smallContainerBlock.GKTFinalStep .successContainer h4 i, .smallContainerBlock.adZoneSuccessBlock .successContainer h4 i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #00D2AC;
}
.co-opContainer.smallContainerBlock .successContainer h2, .smallContainerBlock.partsCatalogSuccessBlock .successContainer h2, .smallContainerBlock.successContainerBlock .successContainer h2, .smallContainerBlock.GKTFinalStep .successContainer h2, .smallContainerBlock.adZoneSuccessBlock .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, .smallContainerBlock.partsCatalogSuccessBlock .successContainer h2 strong, .smallContainerBlock.successContainerBlock .successContainer h2 strong, .smallContainerBlock.GKTFinalStep .successContainer h2 strong, .smallContainerBlock.adZoneSuccessBlock .successContainer h2 strong {
  color: #465ca8;
}
.co-opContainer.smallContainerBlock .successContainer ul, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul, .smallContainerBlock.successContainerBlock .successContainer ul, .smallContainerBlock.GKTFinalStep .successContainer ul, .smallContainerBlock.adZoneSuccessBlock .successContainer ul {
  float: left;
  width: 100%;
}
.co-opContainer.smallContainerBlock .successContainer ul li, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul li, .smallContainerBlock.successContainerBlock .successContainer ul li, .smallContainerBlock.GKTFinalStep .successContainer ul li, .smallContainerBlock.adZoneSuccessBlock .successContainer ul li {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 32px;
  margin: 5px 0;
}
.co-opContainer.smallContainerBlock .successContainer ul li::after, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul li::after, .smallContainerBlock.successContainerBlock .successContainer ul li::after, .smallContainerBlock.GKTFinalStep .successContainer ul li::after, .smallContainerBlock.adZoneSuccessBlock .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, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul.noListStyle, .smallContainerBlock.successContainerBlock .successContainer ul.noListStyle, .smallContainerBlock.GKTFinalStep .successContainer ul.noListStyle, .smallContainerBlock.adZoneSuccessBlock .successContainer ul.noListStyle {
  list-style: none;
  padding: 0px;
}
.co-opContainer.smallContainerBlock .successContainer ul.noListStyle li, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul.noListStyle li, .smallContainerBlock.successContainerBlock .successContainer ul.noListStyle li, .smallContainerBlock.GKTFinalStep .successContainer ul.noListStyle li, .smallContainerBlock.adZoneSuccessBlock .successContainer ul.noListStyle li {
  padding: 0px;
}
.co-opContainer.smallContainerBlock .successContainer ul.noListStyle li::after, .smallContainerBlock.partsCatalogSuccessBlock .successContainer ul.noListStyle li::after, .smallContainerBlock.successContainerBlock .successContainer ul.noListStyle li::after, .smallContainerBlock.GKTFinalStep .successContainer ul.noListStyle li::after, .smallContainerBlock.adZoneSuccessBlock .successContainer ul.noListStyle li::after {
  display: none;
}
.co-opContainer.smallContainerBlock .successContainer.exSmall, .smallContainerBlock.partsCatalogSuccessBlock .successContainer.exSmall, .smallContainerBlock.successContainerBlock .successContainer.exSmall, .smallContainerBlock.GKTFinalStep .successContainer.exSmall, .smallContainerBlock.adZoneSuccessBlock .successContainer.exSmall {
  max-width: 500px;
}
.co-opContainer.co_opformLeft, .co_opformLeft.partsCatalogSuccessBlock, .co_opformLeft.successContainerBlock, .co_opformLeft.GKTFinalStep, .co_opformLeft.adZoneSuccessBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead, .co_opformLeft.successContainerBlock .Co-opHead, .co_opformLeft.GKTFinalStep .Co-opHead, .co_opformLeft.adZoneSuccessBlock .Co-opHead {
  padding: 0;
  background-color: #ffffff;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadImg, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadImg, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadImg, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadImg {
  width: 80px;
  text-align: left;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadRight, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadRight, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadRight, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadRight {
  padding-left: 15px;
  width: calc(100% - 80px);
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h3, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h3, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadRight h3, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadRight h3, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadRight h3 {
  font-size: 1rem;
  font-weight: 400;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h4, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h4, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadRight h4, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadRight h4, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadRight h4 {
  font-weight: 400;
  color: #00D2AC;
}
.co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight h5, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadRight h5, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadRight h5, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadRight h5, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadRight h5 {
  font-size: 1.2rem;
  color: #00D2AC;
}
@media (max-width: 400px) {
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadImg, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadImg, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadImg, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadImg {
    width: 45px;
  }
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadImg img, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadImg img, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadImg img, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadImg img, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadImg img {
    max-width: 100%;
  }
  .co-opContainer.co_opformLeft .Co-opHead .co-opHeadRight, .co_opformLeft.partsCatalogSuccessBlock .Co-opHead .co-opHeadRight, .co_opformLeft.successContainerBlock .Co-opHead .co-opHeadRight, .co_opformLeft.GKTFinalStep .Co-opHead .co-opHeadRight, .co_opformLeft.adZoneSuccessBlock .Co-opHead .co-opHeadRight {
    width: calc(100% - 45px);
  }
}
.co-opContainer.co_opformLeft .co-opForm, .co_opformLeft.partsCatalogSuccessBlock .co-opForm, .co_opformLeft.successContainerBlock .co-opForm, .co_opformLeft.GKTFinalStep .co-opForm, .co_opformLeft.adZoneSuccessBlock .co-opForm {
  padding: 20px;
  max-width: 900px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner, .co_opformLeft.successContainerBlock .co-opForm .FormInner, .co_opformLeft.GKTFinalStep .co-opForm .FormInner, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner {
  float: left;
  max-width: 900px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .control-label, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .control-label, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group .fieldGroup {
  width: calc(100% - 210px);
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group .fieldGroup.DateTimeGroup .control-label, .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group .fieldGroup.colsplit2 .control-label {
  padding-left: 10px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group {
  width: 50%;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group {
    width: 100%;
  }
  .co-opContainer.co_opformLeft .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group:first-child, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group.colsplit2 .form-group:last-child, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .control-label, .co_opformLeft.adZoneSuccessBlock .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, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner .form-group .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .form-group .fieldGroup {
    width: 100%;
  }
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo {
  margin-bottom: 15px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul,
.co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul li ul, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul li ul, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul li ul, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .uploadInfo ul li ul,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .uploadFile .uploadInfo ul li ul,
.co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent #uploadFile .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent #uploadFile .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent #uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent #uploadFile .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile .fieldGroup {
  width: 100%;
  max-width: 500px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .uploadFile, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .uploadFile, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .uploadFile, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .uploadFile,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .uploadFile,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .uploadFile,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .uploadFile,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .uploadFile {
  margin-bottom: 0px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .form-group .control-label, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .form-group .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .form-group .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .form-group .control-label, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .form-group .control-label,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .form-group .control-label,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .form-group .control-label,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .form-group .control-label,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .form-group .control-label,
.co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation h3, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation h3, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation h3, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation h3,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation h3,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation h3,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation h3,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation h3,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation h3 {
  padding: 0px;
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
.co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
.co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup {
  width: calc(100% - 210px);
}
.co-opContainer.co_opformLeft .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation .expandEmailRow .fieldGroup,
.co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .control-label,
  .co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
  .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
  .co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
  .co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .control-label,
  .co_opformLeft.adZoneSuccessBlock .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_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.successContainerBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.GKTFinalStep .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup, .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner #dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co-opContainer.co_opformLeft .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co_opformLeft.partsCatalogSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co_opformLeft.successContainerBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co_opformLeft.GKTFinalStep .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup,
  .co_opformLeft.adZoneSuccessBlock .co-opForm .FormInner .dvOtherContent .emailConfirmation .form-group .fieldGroup {
    width: 100%;
    padding: 0px;
  }
}
.co-opContainer.co_opformLeft .co-opForm .Ad_Claim_table, .co_opformLeft.partsCatalogSuccessBlock .co-opForm .Ad_Claim_table, .co_opformLeft.successContainerBlock .co-opForm .Ad_Claim_table, .co_opformLeft.GKTFinalStep .co-opForm .Ad_Claim_table, .co_opformLeft.adZoneSuccessBlock .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, .boxWrapper .boxCol .table192.tableBlockCol table tr th {
  width: 50%;
}
.boxWrapper .boxCol .table {
  margin: 0px;
  border: none !important;
  max-width: 100% !important;
}
.boxWrapper .boxCol .table tr td label, .boxWrapper .boxCol .table table tr th label, table .boxWrapper .boxCol .table tr th label {
  margin: 0px;
  float: left;
}
.boxWrapper .boxCol .table tr td span, .boxWrapper .boxCol .table table tr th span, table .boxWrapper .boxCol .table tr th span {
  float: right;
}
.boxWrapper .boxCol .table tr td:first-child, .boxWrapper .boxCol .table table tr th:first-child, table .boxWrapper .boxCol .table tr th:first-child {
  border-left: none;
}
.boxWrapper .boxCol .table tr td:last-child, .boxWrapper .boxCol .table table tr th:last-child, table .boxWrapper .boxCol .table tr th:last-child {
  border-right: none;
}
.boxWrapper .boxCol .table tr:last-child td, .boxWrapper .boxCol .table table tr:last-child th, table .boxWrapper .boxCol .table tr:last-child th {
  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: #F0F0F0;
  border: 1px solid #D4D4D4;
  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 #465ca8;
  color: #465ca8;
}
.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: #00D2AC;
  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%;
  }
}

.docLibraryBanner {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  background-color: #00D2AC;
  overflow: hidden;
}
.docLibraryBanner img {
  float: left;
  min-width: 50%;
}
.docLibraryBanner img.imageFull {
  max-width: calc(100% - 430px);
}
.docLibraryBanner .docLibraryContent {
  position: absolute;
  width: 500px;
  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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #ffffff;
  padding: 25px 50px;
}
.docLibraryBanner .docLibraryContent::before {
  content: "";
  width: calc(100% + 20px);
  height: 100%;
  background-color: #00D2AC;
  border-left: 10px solid #F7941C;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: skew(-9deg);
  -moz-transform: skew(-9deg);
  transform: skew(-9deg);
}
.docLibraryBanner .docLibraryContent .bannerContInner {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.docLibraryBanner .docLibraryContent .bannerContInner h2 {
  font-size: 2rem;
  color: #F7941C;
}
@media (max-width: 991px) {
  .docLibraryBanner {
    display: none;
  }
}

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

/* Budget Approval */
.budgetApprovalWrapper {
  float: left;
  width: 100%;
}

.budgetApprovalRow {
  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;
}

.AdditionalBudgetRequest .BudgetLeftBlock {
  float: left;
  width: 500px;
}
@media (max-width: 991px) {
  .AdditionalBudgetRequest .BudgetLeftBlock {
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 520px) {
  .AdditionalBudgetRequest .BudgetLeftBlock {
    padding: 0;
  }
}

.BudgetLeftBlock {
  float: left;
  width: 420px;
}
@media (max-width: 991px) {
  .BudgetLeftBlock {
    width: 100%;
    padding: 0 15px;
  }
}
@media (max-width: 520px) {
  .BudgetLeftBlock {
    padding: 0;
  }
}

.BudgetRightBlock {
  float: right;
  width: calc(100% - 420px);
  padding: 0 0 0 80px;
  position: relative;
}
.BudgetRightBlock::before {
  content: "";
  position: absolute;
  left: 40px;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #cacaca;
}
@media (max-width: 991px) {
  .BudgetRightBlock {
    width: 100%;
    padding: 80px 15px 0 15px;
  }
  .BudgetRightBlock::before {
    width: 100%;
    left: 0px;
    top: 40px;
    height: 1px;
    border-left: none;
    border-top: 1px dashed #cacaca;
  }
}
@media (max-width: 520px) {
  .BudgetRightBlock {
    padding: 80px 0 0 0;
  }
}
.BudgetRightBlock .noPendingChanges {
  float: left;
  width: 100%;
}
.BudgetRightBlock .noPendingChanges h3 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1.35rem;
}
.BudgetRightBlock .noPendingChanges h4 {
  float: left;
  width: 100%;
  font-size: 1.25rem;
  color: #00D2AC;
}
.BudgetRightBlock .noPendingChanges h4 i {
  margin-right: 10px;
}

.FormFlexListing {
  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%;
}
.FormFlexListing .transferListBtn {
  float: left;
  width: 100%;
}
.FormFlexListing .transferListBtn a {
  float: right;
}
.FormFlexListing .transferListBtn a i {
  margin-right: 5px;
}
.FormFlexListing .form-group {
  float: left;
  width: 100%;
}
.FormFlexListing .form-group > label {
  float: left;
  width: 100%;
}
.FormFlexListing .form-group .fieldGroup {
  float: left;
  width: 100%;
}
.FormFlexListing .form-group .fieldGroup .radioBoxCon {
  float: left;
  width: 100%;
  margin: 4px 0;
}
.FormFlexListing .form-group.fieldInline {
  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;
}
.FormFlexListing .form-group.fieldInline > label {
  width: auto;
  padding-right: 15px;
  margin-bottom: 3px;
}
.FormFlexListing .form-group.fieldInline .fieldGroup {
  width: auto;
}
.FormFlexListing .form-group.fieldInlineStyle {
  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;
}
.FormFlexListing .form-group.fieldInlineStyle > label {
  width: 200px;
  padding-right: 15px;
  margin-bottom: 3px;
}
.FormFlexListing .form-group.fieldInlineStyle .fieldGroup {
  width: calc(100% - 200px);
}
.FormFlexListing .form-group:empty {
  display: none;
}
.FormFlexListing .budgercol2 {
  float: left;
  width: 100%;
}
.FormFlexListing .budgercol2 .form-group {
  float: left;
  width: calc(50% - 10px);
}
.FormFlexListing .budgercol2 .form-group + .form-group {
  float: right;
}
.FormFlexListing .budgercol2 .form-group .select2-container {
  width: 100% !important;
}
.FormFlexListing .budgercol2 .form-group .select2-container .select2-selection--single {
  border-color: 1px solid #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
}
.FormFlexListing .budgercol2 .form-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem + 2px);
}
.FormFlexListing .budgercol2 .form-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: calc(1.5em + 0.75rem + 2px);
}
@media (max-width: 400px) {
  .FormFlexListing .budgercol2 .form-group {
    width: 100%;
  }
}

/* Budget Approval */
.dvAddedDealer {
  float: left;
  width: 100%;
}
.dvAddedDealer .slimScrollDiv,
.dvAddedDealer .scrollWrapper {
  height: auto !important;
  max-height: 250px;
}

.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: #00D2AC;
}

.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 .btnBordered, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .secondaryBtn, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnBorderedsecondary, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnReset, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnBorderedGrey, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btnGrey, .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, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .modal .modal-footer .btn.btn-primary, .modal .modal-footer .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btn.btn-primary, .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .modal .modal-footer .btn.btn-default, .modal .modal-footer .submitCliamMainWrapper .claimFieldRow .form-group .ClaimVal .btn.btn-default {
  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;
}

/* map */
.mapWrapper {
  float: left;
  width: 100%;
  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;
}
.mapWrapper .mapRow {
  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;
  box-shadow: 0 0 10px rgba(146, 146, 146, 0.5);
}
.mapWrapper .mapRow .mapBlock {
  float: left;
  width: calc(100% - 450px);
}
.mapWrapper .mapRow .mapBlock .map {
  float: left;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.mapWrapper .mapRow .mapContentBlock {
  float: left;
  width: 450px;
  padding: 25px 50px;
  border-left: 1px solid #e8e8e8;
}
.mapWrapper .mapRow .mapContentBlock h3 {
  float: left;
  width: 100%;
  font-size: 1.4rem;
  color: #00D2AC;
  margin-bottom: 20px;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow {
  float: left;
  width: 100%;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group {
  float: left;
  width: 100%;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .control-label {
  width: 100%;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .fieldGroup {
  float: left;
  width: 100%;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .select2-container {
  width: 100% !important;
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .select2-container .select2-selection--single {
  border-color: #ced4da;
  height: calc(1.5em + 0.75rem + 2px);
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: calc(1.5em + 0.75rem);
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .form-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: calc(1.5em + 0.75rem);
}
.mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnFill, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnBordered, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .secondaryBtn, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnBorderedsecondary, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnReset, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnBorderedGrey, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnGrey, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .enrollNow, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btnExportFill, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .modal .modal-footer .btn.btn-primary, .modal .modal-footer .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btn.btn-primary, .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .mapWrapper .mapRow .mapContentBlock .mapFormRow .buttonRow .btn.btn-default {
  float: right;
}
@media (max-width: 991px) {
  .mapWrapper .mapRow .mapBlock {
    width: 50%;
  }
  .mapWrapper .mapRow .mapContentBlock {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .mapWrapper .mapRow .mapBlock {
    width: 100%;
  }
  .mapWrapper .mapRow .mapContentBlock {
    width: 100%;
  }
}

/* map */
.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, .btnFormRow .yellowBtnBorder {
  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;
}

.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;
}
.selectDealer li input[type=radio]:checked + .selectBlock {
  border-color: #00D2AC;
  background-color: #F0F0F0;
}
.selectDealer li .selectBlock {
  float: left;
  width: 100%;
  border: 1px solid #fff;
  background-color: #fff;
  padding: 20px;
  text-align: center;
}
.selectDealer li .selectBlock h4 {
  font-size: 1.05rem;
  font-weight: 500;
  margin: 15px 0 0 0;
}
.selectDealer li:hover .selectBlock {
  border-color: #00D2AC;
  background-color: #FAFAFA;
}

.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 #E9ECF3;
  margin: 20px 0;
  position: relative;
  border-radius: 2px;
}

.selectedBlock {
  position: absolute;
  right: 20px;
  top: -20px;
  font-weight: normal;
  padding: 8px 10px;
  background-color: #00D2AC;
  color: #ffffff;
  border-radius: 2px;
}

.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;
}
.horizontalForm .form-group .fieldGroup {
  float: left;
  width: calc(100% - 300px);
  padding-right: 10%;
  padding-left: 10px;
}
.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;
}
.horizontalForm .form-group:last-child {
  margin-bottom: 0px;
}

.noteCon {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  color: #535E84;
  background-color: #e9ecf4;
}
.noteCon p {
  margin: 0px;
}

.urlBlock {
  float: left;
  width: 100%;
  border: 1px solid #E9ECF3;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.urlBlock .preFix, .urlBlock .browseBtn, .urlBlock .addMore, .urlBlock .postFix {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  min-width: 60px;
  background-color: #E9ECF3;
  border-right: 1px solid #ffffff;
}
.urlBlock .addMore, .urlBlock .postFix {
  min-width: 50px;
  cursor: pointer;
  border: none;
  border-left: 1px solid #ffffff;
}
.urlBlock .addMore i, .urlBlock .postFix i {
  color: #444444;
}
.urlBlock .browseBtn {
  border-right: none;
  border-left: 1px solid #ffffff;
}
.urlBlock .form-control {
  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-weight: normal;
  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-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-weight: 500;
  margin: 4px 0;
  text-decoration: underline;
  margin-left: 10px;
}

/* Coop Dashboard */
.mainBanner {
  float: left;
  width: 100%;
  background-image: url("../../images/header-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px 0;
}
.mainBanner h3 {
  float: left;
  color: #ffffff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  margin: 0;
  font-weight: 500;
}
@media (min-width: 1500px) {
  .mainBanner {
    padding: 50px 0;
  }
}
@media (max-width: 767px) {
  .mainBanner {
    padding: 30px 0;
  }
  .mainBanner h3 {
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
  }
}

.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 #D4D4D4;
  background-color: #fff;
  border-radius: 4px;
}
.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: #F2F2F2;
}
.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-weight: 500;
}
.dMain .dRight .dHead .hLeft h4 {
  margin: 0;
  float: left;
  width: 100%;
  color: #00D2AC;
}
.dMain .dRight .dHead .hRgt {
  margin-left: auto;
  width: 100px;
}
.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: #323A58;
}
.dMain .dRight .dCont li .iconBlock i {
  color: #ffffff;
  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-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: #323A58;
}
.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;
  width: calc(100% - 400px - 30px);
}
.dMain .dLeft .blockList {
  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;
}
.dMain .dLeft .blockList li {
  float: left;
  width: calc(33.33% - 16px);
  padding: 16px;
  margin: 8px;
  color: #444444;
  min-height: 90px;
  background-color: #ffffff;
  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 .dLeft .blockList li a {
  color: #444444;
}
.dMain .dLeft .blockList li .bIcon {
  float: left;
  width: 50px;
}
.dMain .dLeft .blockList li .bIcon .imgHover {
  display: none;
}
.dMain .dLeft .blockList li .bCont {
  float: left;
  width: calc(100% - 50px);
}
.dMain .dLeft .blockList li .bCont h4 {
  margin-bottom: 2px;
  font-size: 0.95rem;
  font-weight: 700;
}
.dMain .dLeft .blockList li .bCont p {
  margin: 0;
  font-size: 0.8rem;
}
.dMain .dLeft .blockList li:hover .bIcon .imgHover {
  display: block;
}
.dMain .dLeft .blockList li:hover .bIcon .mainImg {
  display: none;
}
.dMain .dLeft .blockList li:hover .bCont h4 {
  color: #F7941C;
}
.dMain .dLeft .dealerSearchCon {
  float: left;
  width: 100%;
  padding: 22px 15px;
  background-color: #ffffff;
  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: 15px;
}
.dMain .dLeft .dealerSearchCon .dealerNumber {
  max-width: calc(35% - 30px);
  margin: 8px 0;
}
.dMain .dLeft .dealerSearchCon .dealerNumber .form-control {
  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% - 110px);
  margin: 8px 0;
}
.dMain .dLeft .dealerSearchCon .dealerName .form-control, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation .form-control, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation .form-control {
  border-radius: 0px;
}
.dMain .dLeft .dealerSearchCon .searchBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 8px 0;
  width: 140px;
}
.dMain .dLeft .dealerSearchCon .searchBtn .btnFill, .dMain .dLeft .dealerSearchCon .searchBtn .btnBordered, .dMain .dLeft .dealerSearchCon .searchBtn .secondaryBtn, .dMain .dLeft .dealerSearchCon .searchBtn .btnBorderedsecondary, .dMain .dLeft .dealerSearchCon .searchBtn .btnReset, .dMain .dLeft .dealerSearchCon .searchBtn .btnBorderedGrey, .dMain .dLeft .dealerSearchCon .searchBtn .btnGrey, .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, .dMain .dLeft .dealerSearchCon .searchBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .dMain .dLeft .dealerSearchCon .searchBtn .btn.btn-primary, .dMain .dLeft .dealerSearchCon .searchBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .dMain .dLeft .dealerSearchCon .searchBtn .btn.btn-default {
  float: left;
  width: 100%;
}
@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% - 20px);
    height: auto;
  }
  .dMain .dLeft .dealerSearchCon .dealerNumber {
    max-width: calc(40% - 60px);
  }
  .dMain .dLeft .dealerSearchCon .dealerName, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation {
    max-width: calc(60% - 100px);
  }
}
@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%;
  }
  .dMain .dLeft .dealerSearchCon .dealerName, .dMain .dLeft .dealerSearchCon .dealerProfileWrapper .profileContent .confirmation, .dealerProfileWrapper .profileContent .dMain .dLeft .dealerSearchCon .confirmation {
    max-width: 100%;
  }
}

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

.co-BlockSelected {
  float: left;
  width: 100%;
  border: 1px solid #E9ECF3;
  border-radius: 5px;
}
.co-BlockSelected .co-BlockHead {
  float: left;
  width: 100%;
  padding: 12px 25px;
  background-color: #F6F6F6;
  border-bottom: 1px solid #E9ECF3;
  border-radius: 5px 5px 0 0;
}
.co-BlockSelected .co-BlockHead h2 {
  float: left;
  margin: 0;
  font-size: 1.1rem;
}
.co-BlockSelected .co-BlockContent {
  float: left;
  width: 100%;
  padding: 12px 25px;
}
@media (max-width: 1100px) {
  .co-BlockSelected .co-BlockContent {
    padding: 12px 10px;
  }
}

[class*=col-] label {
  float: left;
  width: 100%;
}

.btnFooterCenterAlign {
  float: left;
  margin-bottom: -20px;
  margin-left: -25px;
  width: calc(100% + 50px);
  padding: 12px 25px;
  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;
  background-color: #F6F6F6;
  border-top: 1px solid #E9ECF3;
  border-radius: 0 0 5px 5px;
}
@media (max-width: 991px) {
  .btnFooterCenterAlign {
    margin-left: -15px;
    margin-bottom: -15px;
    width: calc(100% + 30px);
  }
}

.programList {
  float: left;
  width: 100%;
  padding: 0px !important;
}
.programList li {
  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;
  font-size: 0.85rem;
  padding: 12px 25px;
}
.programList li .Action {
  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;
  padding-right: 15px;
  min-width: 75px;
}
.programList li .Action::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
@media (max-width: 767px) {
  .programList li .Action {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: 100%;
    padding: 10px 0 0 0;
    margin-top: 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;
  }
  .programList li .Action::before {
    width: 100%;
    height: 1px;
  }
}
.programList li .dInnerCon {
  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;
}
@media (max-width: 767px) {
  .programList li .dInnerCon {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100%;
  }
}
.programList li .typeBlock1 {
  float: left;
  display: flex;
  padding: 0 30px 0 20px;
  position: relative;
  min-width: 200px;
}
.programList li .typeBlock1::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ccc;
}
@media (max-width: 767px) {
  .programList li .typeBlock1 {
    width: 50%;
  }
  .programList li .typeBlock1::after {
    display: none;
  }
  .programList li .typeBlock1 .dCol {
    width: calc(100% - 25px);
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .programList li .typeBlock1 {
    width: 100%;
    padding: 0px 0 5px 0;
    margin-bottom: 5px;
  }
  .programList li .typeBlock1 .dCol {
    width: calc(100% - 25px);
  }
  .programList li .typeBlock1::after {
    width: 100%;
    height: 1px;
    top: inherit;
    bottom: 0;
    right: 0;
  }
}
.programList li .statusIcon {
  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;
  width: 25px;
  font-size: 1.2rem;
}
.programList li .dCol {
  float: left;
  padding: 0 15px;
  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;
}
.programList li .dCol > label {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  line-height: 1.3;
}
.programList li .dCol .fieldGroup {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 600;
}
.programList li .dCol .fieldGroup.contentEllipse {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .programList li .dCol .fieldGroup.contentEllipse {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .programList li .dCol {
    width: 100%;
    margin: 7px 0;
    padding: 0px;
  }
}
.programList li .dateDivider {
  margin: 0 6px;
  font-size: 0.8rem;
}
.programList li .dateDivider i {
  color: #1F3FD6;
}
.programList li + li {
  background-color: #fbfbfb;
}

.co-smallHeading {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.95rem;
  padding: 0 6px;
}

.co-opBudgetBlock {
  float: left;
  width: calc(50% - 50px);
  margin: 15px 0;
}
.co-opBudgetBlock [class*=col-] {
  max-width: 100%;
}

.co-opDivider {
  float: left;
  width: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  position: relative;
  margin: 15px 0;
}
.co-opDivider::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: calc(50% - 30px);
  border-left: 1px dashed #ccc;
}
.co-opDivider::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: calc(50% - 30px);
  border-left: 1px dashed #ccc;
}
.co-opDivider i {
  position: relative;
  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;
  background-color: #e9e9e9;
  border-radius: 100%;
}

.co-opResults > div {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.pSelectedRow {
  float: left;
  width: calc(100% - 70px);
  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;
}
.pSelectedRow .programSelected {
  float: left;
  width: calc(50% - 50px);
}
.pSelectedRow .programSelected .cpCol {
  float: left;
  min-width: 50%;
  border: none;
  margin: 5px 0;
}
.pSelectedRow .co-opDivider {
  margin: 0px;
}
.pSelectedRow .co-opDivider::before {
  height: calc(50% - 15px);
}
.pSelectedRow .co-opDivider::after {
  height: calc(50% - 15px);
}
.pSelectedRow .co-opDivider i {
  width: 25px;
  height: 25px;
}

.ChangeRequestWrapper {
  float: left;
  width: 100%;
}
.ChangeRequestWrapper.agencyChngRequest .requestformRow .form-control {
  max-width: 300px;
}

.searchDNumber {
  float: left;
  width: 100%;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.searchDNumber p {
  float: left;
  width: 100%;
}
.searchDNumber .dealerNumber {
  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;
}
.searchDNumber .dealerNumber label {
  margin: 5px 0 0 0;
  min-width: 110px;
}
.searchDNumber .dealerNumber .form-field {
  float: left;
  width: 100%;
  max-width: 230px;
}
.searchDNumber .dealerNumber .btnFill, .searchDNumber .dealerNumber .btnBordered, .searchDNumber .dealerNumber .secondaryBtn, .searchDNumber .dealerNumber .btnBorderedsecondary, .searchDNumber .dealerNumber .btnReset, .searchDNumber .dealerNumber .btnBorderedGrey, .searchDNumber .dealerNumber .btnGrey, .searchDNumber .dealerNumber .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchDNumber .dealerNumber .enrollNow, .searchDNumber .dealerNumber .btnExportFill, .searchDNumber .dealerNumber .modal .modal-footer .btn.btn-primary, .modal .modal-footer .searchDNumber .dealerNumber .btn.btn-primary, .searchDNumber .dealerNumber .modal .modal-footer .btn.btn-default, .modal .modal-footer .searchDNumber .dealerNumber .btn.btn-default {
  margin-left: 15px;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns {
  float: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns .select2-container {
  width: 100% !important;
  min-width: 170px;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns .select2-container .select2-selection--single {
  height: 38px;
  border: 1px solid #ced4da;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns .select2-container .select2-selection__rendered {
  line-height: 36px;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns .select2-container .select2-selection__arrow {
  height: 36px;
}
.searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns + .DealerNumberColumns {
  margin-left: 20px;
}
@media (max-width: 991px) {
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns label {
    min-width: 100px;
  }
}
@media (max-width: 767px) {
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns {
    width: calc(50% - 10px);
    margin-bottom: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns label {
    min-width: 50px;
    width: 100%;
  }
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns .form-field {
    max-width: 100%;
  }
}
@media (max-width: 767px) and (max-width: 520px) {
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns {
    width: 100%;
  }
  .searchDNumber .dealerNumber.VYCChangeRequest .DealerNumberColumns + .DealerNumberColumns {
    margin-left: 0px;
  }
}
.searchDNumber .dealerNumber.VYCChangeRequest .btnFill, .searchDNumber .dealerNumber.VYCChangeRequest .btnBordered, .searchDNumber .dealerNumber.VYCChangeRequest .secondaryBtn, .searchDNumber .dealerNumber.VYCChangeRequest .btnBorderedsecondary, .searchDNumber .dealerNumber.VYCChangeRequest .btnReset, .searchDNumber .dealerNumber.VYCChangeRequest .btnBorderedGrey, .searchDNumber .dealerNumber.VYCChangeRequest .btnGrey, .searchDNumber .dealerNumber.VYCChangeRequest .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchDNumber .dealerNumber.VYCChangeRequest .enrollNow, .searchDNumber .dealerNumber.VYCChangeRequest .btnExportFill, .searchDNumber .dealerNumber.VYCChangeRequest .modal .modal-footer .btn.btn-primary, .modal .modal-footer .searchDNumber .dealerNumber.VYCChangeRequest .btn.btn-primary, .searchDNumber .dealerNumber.VYCChangeRequest .modal .modal-footer .btn.btn-default, .modal .modal-footer .searchDNumber .dealerNumber.VYCChangeRequest .btn.btn-default {
  padding: 6px 12px;
}
@media (max-width: 767px) {
  .searchDNumber .dealerNumber.VYCChangeRequest .btnFill, .searchDNumber .dealerNumber.VYCChangeRequest .btnBordered, .searchDNumber .dealerNumber.VYCChangeRequest .secondaryBtn, .searchDNumber .dealerNumber.VYCChangeRequest .btnBorderedsecondary, .searchDNumber .dealerNumber.VYCChangeRequest .btnReset, .searchDNumber .dealerNumber.VYCChangeRequest .btnBorderedGrey, .searchDNumber .dealerNumber.VYCChangeRequest .btnGrey, .searchDNumber .dealerNumber.VYCChangeRequest .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchDNumber .dealerNumber.VYCChangeRequest .enrollNow, .searchDNumber .dealerNumber.VYCChangeRequest .btnExportFill, .searchDNumber .dealerNumber.VYCChangeRequest .modal .modal-footer .btn.btn-primary, .modal .modal-footer .searchDNumber .dealerNumber.VYCChangeRequest .btn.btn-primary, .searchDNumber .dealerNumber.VYCChangeRequest .modal .modal-footer .btn.btn-default, .modal .modal-footer .searchDNumber .dealerNumber.VYCChangeRequest .btn.btn-default {
    margin-left: 0px;
  }
}

.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;
}

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

.requestformRow {
  float: left;
  width: 100%;
}
.requestformRow .blockList {
  float: left;
  width: 100%;
}
.requestformRow .blockList + .blockList {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}
.requestformRow .requestBlockInner {
  float: left;
  width: 100%;
}
.requestformRow .requestBlockInner .form-group {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.requestformRow .requestBlockInner .form-group.content5Blocks .block5 label, .requestformRow .requestBlockInner .form-group.content5Blocks .block5 p, .requestformRow .requestBlockInner .form-group.content5Blocks .block5 h4, .requestformRow .requestBlockInner .form-group.content5Blocks .block5 h5 {
  width: 100%;
  margin: 0px;
}
.requestformRow .requestBlockInner .form-group.content5Blocks .block5 h4 {
  font-size: 1rem;
}
.requestformRow .requestBlockInner .form-group.content5Blocks .block5 h5 {
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .requestformRow .requestBlockInner .form-group.content5Blocks .block5 {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .requestformRow .requestBlockInner .form-group.content5Blocks .block5 {
    width: 100%;
  }
}
.requestformRow .requestBlockInner .form-group .block5 {
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  .requestformRow .requestBlockInner .form-group .block5 {
    width: 100%;
    margin-bottom: 15px;
  }
}
.requestformRow .requestBlockInner .form-group .block5.VYC_field_inline .fieldRow {
  width: auto;
}
.requestformRow .requestBlockInner .form-group .block5.VYC_field_inline .fieldRow + .fieldRow {
  float: right;
}
.requestformRow .requestBlockInner .form-group label {
  margin: 5px 0;
  float: left;
  width: 165px;
  padding-right: 15px;
}
.requestformRow .requestBlockInner .form-group label + .fieldRow {
  width: calc(100% - 165px);
}
@media (max-width: 520px) {
  .requestformRow .requestBlockInner .form-group label {
    width: 100%;
    padding-right: 0;
    margin: 0px;
  }
  .requestformRow .requestBlockInner .form-group label + .fieldRow {
    width: 100%;
  }
}
.requestformRow .requestBlockInner .form-group label.labelAuto {
  width: auto;
}
.requestformRow .requestBlockInner .form-group .fieldRow {
  float: left;
  width: 100%;
}
.requestformRow .requestBlockInner .form-group .fieldRow .form-control {
  height: 33px;
}
.requestformRow .requestBlockInner .form-group .fieldRow textarea.form-control {
  height: 60px;
}
.requestformRow .requestBlockInner .form-group .fieldRow p {
  margin: 5px 0;
}
.requestformRow .requestBlockInner .form-group .pnlAccept {
  float: left;
  width: 100%;
}
.requestformRow .requestBlockInner .form-group .pnlAccept .pnlTextarea {
  float: left;
  width: 100%;
  height: 100px;
  overflow-y: auto;
  border: 1px solid #ced4da;
  padding: 5px;
  border-radius: 4px;
}
.requestformRow .requestBlockInner .form-group .pnlChecbox {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.requestformRow .requestBlockInner .form-group .pnlChecbox .checkBoxInner label {
  width: auto;
}
.requestformRow .requestBlockInner .form-group.content5Blocks .block5 {
  padding-right: 10px;
}
.requestformRow .requestBlockInner .form-group.content5Blocks .block5 + .block5 {
  padding-right: 0px;
  padding-left: 10px;
}
@media (max-width: 520px) {
  .requestformRow .requestBlockInner .form-group.content5Blocks .block5 {
    padding-right: 0px;
  }
  .requestformRow .requestBlockInner .form-group.content5Blocks .block5 + .block5 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.requestformRow .requestBlockInner .blockRow {
  float: left;
  width: 100%;
  margin: 6px 0;
}
.requestformRow .requestBlockInner .blockRow label {
  margin: 0;
  padding-right: 15px;
}
.requestformRow .requestBlockInner .divisionBLockRow {
  float: left;
  width: 100%;
}
.requestformRow .requestBlockInner .divisionBLockRow .divisionBlock {
  float: left;
  width: 50%;
  padding-right: 15px;
}
.requestformRow .requestBlockInner .divisionBLockRow .divisionAddress {
  float: left;
  width: 50%;
  padding-left: 15px;
}
@media (max-width: 520px) {
  .requestformRow .requestBlockInner .divisionBLockRow .divisionBlock {
    width: 100%;
    padding-right: 0px;
  }
  .requestformRow .requestBlockInner .divisionBLockRow .divisionAddress {
    width: 100%;
    padding-left: 0px;
  }
}
.requestformRow .requestBlockInner address {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.requestformRow .requestBlockInner.DealerInfoInline .DealerNumberBlock {
  float: left;
  width: 50%;
  padding-right: 15px;
}
.requestformRow .requestBlockInner.DealerInfoInline address {
  float: left;
  width: 50%;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .requestformRow .requestBlockInner.DealerInfoInline .DealerNumberBlock, .requestformRow .requestBlockInner.DealerInfoInline address {
    width: 100%;
    padding: 0px;
  }
}
.requestformRow + .requestformRow .blockList:first-child {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}
.requestformRow + .requestformRow .blockList.noBdr {
  border: none;
  padding-top: 0px;
}

.GMS_RadioCon {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.GMS_RadioCon .GMS_Row {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.GMS_RadioCon .GMS_Row .form-control {
  float: left;
  width: auto;
  margin-left: 10px;
}

.GoldKeyTourWrapper {
  float: left;
  width: 100%;
}
.GoldKeyTourWrapper .DAU_row .btnRow {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.GoldKeyTourWrapper .DAU_row .btnRow .yellowBtn, .GoldKeyTourWrapper .DAU_row .btnRow .yellowBtnBorder {
  float: left;
}
.GoldKeyTourWrapper .DAU_row.noSpacing {
  margin: 0px;
}

.stepsWrapper {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .steps {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .steps ul {
  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;
}
.stepsWrapper .wizard .steps ul li {
  float: left;
  width: 25%;
  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;
}
.stepsWrapper .wizard .steps ul li a {
  float: left;
  width: 100%;
  border: 1px solid #EAEAEB;
  padding: 20px 20px;
  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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.3);
  text-align: center;
  line-height: 1.1;
}
.stepsWrapper .wizard .steps ul li a::before {
  content: "";
  position: absolute;
  right: -10px;
  top: calc(50% - 10px);
  z-index: 2;
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.stepsWrapper .wizard .steps ul li a::after {
  content: "";
  position: absolute;
  right: -12px;
  top: calc(50% - 11px);
  z-index: 1;
  border-left: 11px solid #EAEAEB;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}
.stepsWrapper .wizard .steps ul li a span.current-info {
  display: none;
}
.stepsWrapper .wizard .steps ul li a span.number {
  font-size: 0px;
  position: relative;
  width: 24px;
  margin-right: 10px;
  opacity: 0.3;
}
.stepsWrapper .wizard .steps ul li a span.number::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left center;
  width: 100%;
  height: 22px;
}
@media (max-width: 991px) {
  .stepsWrapper .wizard .steps ul li a {
    padding: 12px 15px;
  }
  .stepsWrapper .wizard .steps ul li a span.number {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .stepsWrapper .wizard .steps ul li a span.number::before {
    background-position: center top;
  }
}
@media (max-width: 540px) {
  .stepsWrapper .wizard .steps ul li a {
    font-size: 0px;
    padding: 20px 15px;
  }
  .stepsWrapper .wizard .steps ul li a span.number {
    margin: 0px;
  }
}
.stepsWrapper .wizard .steps ul li:first-child a {
  border-radius: 4px 0 0 4px;
}
.stepsWrapper .wizard .steps ul li:first-child a span.number::before {
  background-image: url(../images/id-card-Dealer.png);
}
.stepsWrapper .wizard .steps ul li:nth-child(2) a {
  background-color: #F3F4F5;
}
.stepsWrapper .wizard .steps ul li:nth-child(2) a::before {
  border-left-color: #F3F4F5;
}
.stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  background-image: url(../images/customer-Info.png);
}
.stepsWrapper .wizard .steps ul li:nth-child(3) a {
  background-color: #F9FBFC;
}
.stepsWrapper .wizard .steps ul li:nth-child(3) a::before {
  border-left-color: #F9FBFC;
}
.stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  background-image: url(../images/Attendees.png);
}
.stepsWrapper .wizard .steps ul li:last-child a {
  background-color: #FFFFFF;
  border-radius: 0 4px 4px 0;
}
.stepsWrapper .wizard .steps ul li:last-child a::before, .stepsWrapper .wizard .steps ul li:last-child a::after {
  display: none;
}
.stepsWrapper .wizard .steps ul li:last-child a span.number::before {
  background-image: url(../images/confirmation.png);
}
.stepsWrapper .wizard .steps ul li.current a, .stepsWrapper .wizard .steps ul li.done a {
  border-color: #00D2AC;
  border-width: 2px;
  color: #000;
}
.stepsWrapper .wizard .steps ul li.current a::after, .stepsWrapper .wizard .steps ul li.done a::after {
  border-left-color: #00D2AC;
}
.stepsWrapper .wizard .steps ul li.current span.number, .stepsWrapper .wizard .steps ul li.done span.number {
  opacity: 1;
}
.stepsWrapper .wizard .steps ul li.done + .current a, .stepsWrapper .wizard .steps ul li.done + .done a, .stepsWrapper .wizard .steps ul li.current + .done a {
  border-left-width: 0px;
}
.stepsWrapper .wizard .steps ul li.current a {
  color: #465ca8;
}
.stepsWrapper .wizard .steps ul li.completed.done span.number::before {
  content: "\f00c" !important;
  font-weight: normal !important;
  background-image: none !important;
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  height: auto;
}
.stepsWrapper .wizard .steps ul li.completed.done span.number::after {
  display: none !important;
}
.stepsWrapper .wizard .steps ul li.lastvisiblestep a::before, .stepsWrapper .wizard .steps ul li.lastvisiblestep a::after {
  display: none;
}
.stepsWrapper .wizard .steps ul li.done a span.number {
  font-weight: normal !important;
}
.stepsWrapper .wizard .steps ul li.done a span.number::before {
  content: "\f00c" !important;
  font-weight: normal !important;
}
.stepsWrapper .wizard .steps ul li.done a span.number::after {
  display: none !important;
}
.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: #465ca8;
  font-weight: normal;
  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 .GKTRadioBtns, .stepsWrapper .wizard .content .GKTRadioBtns10 {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .stepsWrapper .wizard .content .GKTRadioBtns, .stepsWrapper .wizard .content .GKTRadioBtns10 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.stepsWrapper .wizard .content .GKTRadioBtns10 {
  margin-top: 10px;
}
.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 .AttendiesRow {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .content .AttendiesRow h5 {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  margin: 0;
}
.stepsWrapper .wizard .content .AttendiesRow label {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  margin: 5px 0 10px 0;
}
.stepsWrapper .wizard .content .AttendiesRow label span {
  float: left;
  width: 100%;
}
.stepsWrapper .wizard .content .formRow-group .form-group {
  float: left;
}
.stepsWrapper .wizard .content #frmattendees textarea.form-control {
  max-height: 100px;
}
.stepsWrapper .wizard .content .BtnRight a, .stepsWrapper .wizard .content .BtnRight button {
  float: left;
  margin: 3px;
}
@media (max-width: 991px) {
  .stepsWrapper .wizard .content .col-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float: left;
  }
  .stepsWrapper .wizard .content .col-4.GKTRadioBtns, .stepsWrapper .wizard .content .col-4.GKTRadioBtns10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) and (max-width: 540px) {
  .stepsWrapper .wizard .content .col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .stepsWrapper .wizard .content .sm_device .col-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .stepsWrapper .wizard .content .sm_device .col-6 .hidden-sm {
    display: none;
  }
  .stepsWrapper .wizard .content .sm_device .col-6.GKTRadioBtns, .stepsWrapper .wizard .content .sm_device .col-6.GKTRadioBtns10 {
    margin-top: 10px;
  }
}
@media (min-width: 540px) {
  .stepsWrapper .wizard .content .mobile-show {
    display: none;
  }
}
@media (max-width: 540px) {
  .stepsWrapper .wizard .content .row {
    display: inline-block;
    vertical-align: top;
    width: calc(100% + 30px);
  }
  .stepsWrapper .wizard .content .col-6,
  .stepsWrapper .wizard .content .col-md-6 {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .stepsWrapper .wizard .content .col-6.hideMobile,
  .stepsWrapper .wizard .content .col-md-6.hideMobile {
    display: none;
  }
  .stepsWrapper .wizard .content .col-6.showMobile,
  .stepsWrapper .wizard .content .col-md-6.showMobile {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .stepsWrapper .wizard .content .mobile-hidden {
    display: none;
  }
  .stepsWrapper .wizard .content .mobile-show {
    display: block;
  }
  .stepsWrapper .wizard .content .mobile-show .AttendiesRow h5 {
    margin-bottom: 10px;
  }
}
.stepsWrapper .wizard .actions {
  display: none;
}

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

.GKTBanner {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 30px;
  background-image: url("../../images/gold-Key_New.jpg");
  background-repeat: no-repeat;
  background-position: left, center;
  background-size: 370px;
  background-color: #00D2AC;
  overflow: hidden;
}
.GKTBanner .GKTContent {
  float: right;
  width: calc(100% - 370px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  color: #ffffff;
  padding: 15px 50px;
  position: relative;
}
.GKTBanner .GKTContent::before {
  content: "";
  width: calc(100% + 20px);
  height: 100%;
  background-color: #00D2AC;
  border-left: 10px solid #F7941C;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: skew(-9deg);
  -moz-transform: skew(-9deg);
  transform: skew(-9deg);
}
.GKTBanner .GKTContent .bannerContInner {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.GKTBanner .GKTContent .bannerContInner h2 {
  font-size: 2rem;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  color: #F7941C;
}
.GKTBanner .GKTContent .bannerContInner p {
  margin-bottom: 0.6rem;
  font-size: 0.9rem;
}
@media (max-width: 1120px) {
  .GKTBanner {
    background-size: 300px;
  }
  .GKTBanner .GKTContent {
    width: calc(100% - 300px);
    padding: 10px 25px;
  }
}
@media (max-width: 991px) {
  .GKTBanner {
    background: none;
  }
  .GKTBanner .GKTContent {
    width: 100%;
    border-left: none;
    border-top: 10px solid #F7941C;
  }
  .GKTBanner .GKTContent::before {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    transform: skew(0deg);
  }
}

.GKTListingWrapper {
  float: left;
  width: 100%;
}
.GKTListingWrapper .boxListingRow .colContent .slimScrollDiv,
.GKTListingWrapper .boxListingRow .colContent .scrollWrapper {
  max-height: 110px;
  min-height: 100px;
}
.GKTListingWrapper .GKTSubTitle {
  float: left;
  width: 100%;
}
.GKTListingWrapper .GKTSubTitle h2 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  margin-bottom: 10px;
}
.GKTListingWrapper .toggleWrapper {
  margin-top: 10px;
}
.GKTListingWrapper .toggleWrapper li .toggleHeader {
  background-color: #e1e1e1;
}
.GKTListingWrapper .toggleWrapper li .toggleContent {
  padding: 15px;
}
.GKTListingWrapper .toggleWrapper li .toggleContent .table thead th {
  background-color: transparent;
}
.GKTListingWrapper .toggleWrapper li .toggleContent .table thead th + th::before {
  display: none;
}
.GKTListingWrapper .toggleWrapper li .toggleContent .table tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.GKTListingWrapper .toggleWrapper li .toggleContent .table tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
.SummaryContainer {
  float: left;
  width: 100%;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent {
  padding: 15px 0;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow {
  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;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent {
  float: left;
  width: calc(100% - 60px);
  padding-right: 25px;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow label {
  margin: 0;
  float: left;
  width: 250px;
  padding-right: 15px;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow .summaryRowCont {
  float: left;
  padding-left: 15px;
  width: calc(100% - 250px);
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow .summaryRowCont span {
  word-break: break-all;
}
@media (max-width: 767px) {
  .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent {
    padding-right: 15px;
  }
  .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow {
    margin: 15px 0;
  }
  .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow label {
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
  }
  .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryContent .summaryRow .summaryRowCont {
    width: 100%;
    padding: 0px;
  }
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryEditBtn {
  margin-left: auto;
  float: left;
  width: 60px;
}
.SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryEditBtn .btnBordered, .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryEditBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .SummaryContainer .toggleWrapper.ToggleFullRow li .toggleContent .SummaryStepsRow .summaryEditBtn .btn.btn-default {
  float: right;
}

@media (min-width: 541px) {
  .showMobile {
    display: none;
  }
}
.GKTFinalStep {
  float: left;
  width: 100%;
  margin: 25px 0;
}
.GKTFinalStep .confirmationTitle {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 32px;
  margin-bottom: 15px;
  color: #465ca8;
}
.GKTFinalStep p {
  float: left;
  width: 100%;
  color: #AEAEAE;
}
.GKTFinalStep p strong {
  font-weight: normal;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  color: #444444;
}

.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: #465ca8;
  margin-bottom: 20px;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.ExtraSmallContainer .tourFinalStep h4 {
  float: left;
  width: 100%;
  text-align: center;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  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%;
}

.AttendeesAlertRow {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.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, .BTResponseSuccessCon .ExtraSmallContainer .tourFinalStep .BTResponseSBtnRow .yellowBtnBorder {
  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%;
}
.flex_Row .Col1 {
  width: calc(8.333333% - 20px);
}
.flex_Row .Col2 {
  width: calc(16.666667% - 20px);
}
.flex_Row .Col3 {
  width: calc(25% - 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;
}

#frmAgencyPartner .DAU_row {
  margin: 0px;
}

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

.AgencyContactInfo {
  float: left;
  width: 100%;
  margin-top: 8px;
}
.AgencyContactInfo .form-group {
  margin: 4px 0;
  float: left;
  width: 100%;
}
.AgencyContactInfo .form-group label {
  float: left;
  width: 80px;
  margin: 0;
}
.AgencyContactInfo .form-group span {
  float: left;
  width: calc(100% - 80px);
}

.flexForm .field-group {
  float: left;
  width: 100%;
}
.flexForm .field-group .select2-container {
  width: 100% !important;
}
.flexForm .field-group .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 38px;
}
.flexForm .field-group .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.flexForm .field-group .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.agencyRegTourWrapper, .commonWizardWrapepr {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.agencyRegTourWrapper .stepsWrapper .wizard, .commonWizardWrapepr .stepsWrapper .wizard {
  /*.steps {
      ul {
          li {
              a {
                  padding: 20px 14px;
                  outline: none !important;

                  span.topNavspan {
                      float: left;
                      max-width: calc(100% - 40px);
                      text-align: left;
                      @include display-flex();
                      @include flex-direction(column);

                      i {
                          float: left;
                          width: 100%;
                          font-style: normal;
                          font-size: 0.75rem;
                          margin-top: 2px;
                      }
                  }

                  span.number {
                      width: 30px;
                      text-align: left;
                      height: 25px;
                      color: #000;

                      &::before {
                          background-image: none;
                          font-family: "Font Awesome 5 Pro";
                          font-size: 24px;
                          height: auto;
                      }
                  }

                  @media(max-width:991px) {
                      @include flex-direction(column);

                      span.topNavspan {
                          max-width: 100%;
                          text-align: center;
                          margin-top: 5px;

                          @media(max-width:540px) {
                              display: none;
                          }
                      }
                  }
              }

              &.current {
                  a {
                      background-color: #ffffff;

                      &::before {
                          border-left-color: #ffffff;
                      }

                      span.topNavspan {
                          i {
                              color: #000;
                          }
                      }
                  }
              }

              &.done {
                  a {
                      background-color: $completedStepColor;
                      color: $dashboardTitleColor;

                      &::before {
                          border-left-color: $completedStepColor;
                      }

                      span.topNavspan {
                          i {
                              color: #000;
                          }
                      }
                  }

                  &.completed:not(.current) {
                      a {
                          span.number {
                              font-weight: normal !important;

                              &::before {
                                  content: "\f00c" !important;
                                  font-weight: normal !important;
                              }

                              &::after {
                                  display: none !important;
                              }
                          }
                      }
                  }
              }


              &:nth-child(1) {
                  a {
                      span.number {
                          &::before {
                              content: "\f2c2";
                          }
                      }
                  }
              }

              &:nth-child(2) {
                  a {
                      span.number {
                          position: relative;
                          font-family: "Font Awesome 5 Duotone";
                          font-weight: 900;

                          &::before {
                              content: "\f0c0";
                              position: absolute;
                              color: #000;
                          }

                          &::after {
                              content: "\10f0c0";
                              font-size: 24px;
                              color: #615c5c;
                              position: relative;
                          }
                      }
                  }
              }

              &:nth-child(3) {
                  a {
                      span.number {
                          &::before {
                              content: "\f507";
                              font-weight: 900;
                          }
                      }
                  }
              }

              &:nth-child(4) {
                  a {
                      span.number {
                          &::before {
                              content: "\f058";
                              font-weight: 900;
                          }
                      }
                  }
              }
          }
      }
  }*/
}
.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: #efefef;
  padding: 12px; /*12px 12px 60px;*/
  position: relative;
  font-size: 1.5rem;
  color: #444444;
  float: left;
  width: 100%;
  line-height: 1;
  /*&::before {
      content: "\f00c";
      position: absolute;
      left: 0;
      top: 0;
      font-family: "Font Awesome 5 Pro";
      width: 50px;
      font-size: 1.2rem;
      height: 100%;
      font-weight: 900;
      color: $link;
      @include display-flex();
      @include alignItrem(center);
      @include justify-content(center);
  }*/
}
.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: #465ca8;
}
.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;
}

.addDealerForm {
  float: left;
  width: 100%;
}
.addDealerForm .form-group {
  float: left;
  width: 100%;
}
.addDealerForm .form-group label {
  float: left;
  width: 220px;
  padding-right: 20px;
  margin: 0;
}
.addDealerForm .form-group .field-group {
  float: left;
  width: calc(100% - 220px);
}
.addDealerForm .form-group .field-group p {
  float: left;
  width: 100%;
  margin: 0;
  color: #989898;
}
@media (max-width: 480px) {
  .addDealerForm .form-group label {
    width: 100%;
    padding: 0px;
  }
  .addDealerForm .form-group .field-group {
    width: 100%;
  }
}

.bdrSpacing {
  margin: 30px 0;
  border-top: 1px solid #e0e0e0;
  float: left;
  width: 100%;
}

.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: #465ca8;
}
.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: #465ca8;
  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;
}

.publicationsWrapper {
  float: left;
  width: 100%;
}
.publicationsWrapper .stepCount {
  float: left;
  width: 100%;
  font-size: 1.4rem;
  color: #465ca8;
  margin-bottom: 10px;
}
.publicationsWrapper .stepCount span {
  color: #868686;
}
.publicationsWrapper .publicationsTitle {
  float: left;
  width: 100%;
  background-color: #efefef;
  padding: 12px;
  font-size: 1.3rem;
  margin-bottom: 15px;
}
.publicationsWrapper .publicationsTitle h5 {
  margin: 0 10px;
  float: left;
  line-height: 1.4;
}
.publicationsWrapper .publicationsTitle .perLocation {
  float: left;
  font-size: 1.2rem;
  margin: 0 10px;
  line-height: 1.5;
  font-style: italic;
  color: #465ca8;
}
.publicationsWrapper .publicationsTitle .ParticipatedYear {
  float: right;
  font-size: 1.2rem;
  color: #545454;
  line-height: 1.4;
  margin: 0 10px;
}
.publicationsWrapper .publicationslocations {
  float: left;
  width: 100%;
}
.publicationsWrapper .publicationslocations .checkboxBlock {
  float: left;
  width: 100%;
  max-width: 350px;
  padding-right: 25px;
}
.publicationsWrapper .publicationslocations .checkboxBlock .LocationCheckRow {
  float: left;
  width: 100%;
}
.publicationsWrapper .publicationslocations .checkboxBlock .LocationCheckRow .checkboxCon {
  margin: 0;
  float: left;
  width: 100%;
}
.publicationsWrapper .publicationslocations .checkboxBlock .LocationCheckRow + .LocationCheckRow {
  margin-top: 15px;
}
.publicationsWrapper .publicationslocations .adBlocks {
  float: left;
  width: calc(100% - 350px);
  padding-left: 25px;
}
.publicationsWrapper .publicationslocations .adBlocks .adBlockRow {
  float: left;
  width: 100%;
}
.publicationsWrapper .publicationslocations .adBlocks .adBlockRow label {
  float: left;
  margin: 0;
  padding-right: 10px;
}
.publicationsWrapper .publicationslocations .adBlocks .adBlockRow + .adBlockRow {
  margin-top: 10px;
}

.publicationEditList {
  float: left;
  width: 100%;
}
.publicationEditList li {
  float: left;
  width: 100%;
}
.publicationEditList li .stepSmallTitle {
  font-size: 1rem;
}
.publicationEditList li .pEditContent {
  float: left;
  width: 100%;
}
.publicationEditList li .pEditContent label {
  float: left;
  width: 100%;
}
.publicationEditList li .pEditContent .pEditValue {
  float: left;
  width: 33.33%;
  color: #737373;
  padding: 0 12px;
}
.publicationEditList li .adminComment {
  float: left;
  width: 100%;
}
.publicationEditList li .adminComment label {
  float: left;
  width: 100%;
  max-width: 300px;
  text-align: right;
  padding-right: 30px;
}
.publicationEditList li .adminComment textarea.form-control {
  float: left;
  width: calc(100% - 330px);
  margin-left: 30px;
  min-height: 80px;
}
.publicationEditList li + li {
  border-top: 1px dashed #ccc;
  margin-top: 15px;
  padding-top: 15px;
}

.container800 {
  max-width: 800px !important;
}

.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 .SignInInfo {
  float: left;
  width: 100%;
  font-size: 1rem;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  color: #465ca8;
  text-align: left;
  line-height: 1.8;
  margin: 10px 0 30px 0;
  padding: 0;
}
@media (max-width: 767px) {
  .signInWrapper .signInContainer .SignInInnerCon .SignInInfo {
    padding: 0px;
  }
}
.signInWrapper .signInContainer .SignInInnerCon .SignInProfileInfo {
  float: left;
  width: 100%;
  font-size: 0.8rem;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  color: #444444;
  text-align: center;
  line-height: 1.6;
  margin: 10px 0 30px 0;
  padding: 0 16%;
}
@media (max-width: 520px) {
  .signInWrapper .signInContainer .SignInInnerCon .SignInProfileInfo {
    padding: 0px;
  }
}
.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: #333333;
}
.signInWrapper .signInContainer .SignInInnerCon .signInform .alert-info a:hover {
  color: #465ca8;
}
@media (max-width: 520px) {
  .signInWrapper .signInContainer .SignInInnerCon .signInform {
    padding: 0px;
  }
}
.signInWrapper .signInContainer .SignInInnerCon .SignInAlert {
  float: left;
  width: 100%;
  text-align: center;
  color: #ff0000;
  font-size: 0.9rem;
  line-height: 1.3;
}
.signInWrapper .signInContainer .SignInInnerCon .signInBtn {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
}
.signInWrapper .signInContainer .SignInInnerCon .btnBlock {
  float: left;
  width: 100%;
}
.signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks {
  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;
}
.signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks p {
  float: left;
  margin: 8px 20px;
  position: relative;
  line-height: 1.3;
}
.signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks p + p::before {
  content: "";
  position: absolute;
  left: -20px;
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #333;
}
@media (max-width: 520px) {
  .signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks p {
    margin: 8px 10px;
  }
  .signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks p + p::before {
    left: -10px;
  }
}
.signInWrapper .signInContainer .SignInInnerCon .signInMoreLinks a {
  text-decoration: underline;
}
.signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail {
  margin: auto;
  width: 100%;
  max-width: 450px;
}
.signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail .addDealerForm .form-group label {
  width: 170px;
}
.signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail .addDealerForm .form-group .field-group {
  width: calc(100% - 170px);
}
.signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail .addDealerForm .form-group p {
  font-size: 0.95rem;
  margin: 0px;
}
@media (max-width: 520px) {
  .signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail .addDealerForm .form-group label {
    width: 100%;
    padding: 0px;
  }
  .signInWrapper .signInContainer .SignInInnerCon .registeredUserDetail .addDealerForm .form-group .field-group {
    width: 100%;
  }
}
.signInWrapper .signInContainer.containerBig {
  max-width: 800px;
}
.signInWrapper .signInContainer.container12 {
  max-width: 1300px;
}

.userProfileCon {
  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;
  width: 100%;
  float: left;
}
.userProfileCon .userProfileInnerCon {
  display: inline-block;
  vertical-align: top;
  max-width: 650px;
  width: 100%;
}
.userProfileCon .userProfileInnerCon ul.ulListItems {
  margin: 0 30px;
  width: calc(100% - 60px);
}

.commonWizardWrapepr h4 {
  color: #465ca8 !important;
}
.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 .form-control.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 .form-control.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: #465ca8;
  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: #00D2AC;
}
.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, .commonWizardWrapepr .smallContainerBlock.partsCatalogSuccessBlock .successContainer, .commonWizardWrapepr .smallContainerBlock.successContainerBlock .successContainer, .commonWizardWrapepr .smallContainerBlock.adZoneSuccessBlock .successContainer, .commonWizardWrapepr .smallContainerBlock.GKTFinalStep .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, .commonWizardWrapepr.GroupMediaWizard .successContainer .yellowBtnBorder {
  margin: 4px;
}
.commonWizardWrapepr.GroupMediaWizard .enrollReviewPaddingInner {
  padding: 0 0 0 12px;
}

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

.calculatedRow {
  float: left;
  width: 100%;
}
.calculatedRow .calculatedCol {
  float: left;
  width: calc(50% - 15px);
}
@media (max-width: 520px) {
  .calculatedRow .calculatedCol {
    width: 100%;
    margin: 10px 0;
  }
}
.calculatedRow .calculatedCol h5 {
  border-radius: 5px;
  color: #ffffff;
  background-color: #465ca8;
  text-align: center;
  padding: 3px;
}
.calculatedRow .calculatedCol .form-control {
  border-radius: 4px;
  border: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  outline: none;
  text-align: center;
  font-size: 1.2rem;
}
.calculatedRow .calculatedCol + .calculatedCol {
  float: right;
}

.enrollmentCheckbox {
  float: left;
  width: 100%;
  margin: 25px 0;
}
.enrollmentCheckbox p {
  float: left;
  margin: 0;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .enrollmentCheckbox p {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
  }
}

.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;
}

.bdrTopBottom {
  padding: 15px 0;
  margin: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.additionalBudgetRequest {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.additionalBudgetRequest label {
  margin: 6px 0;
  float: left;
  padding-right: 15px;
}
.additionalBudgetRequest .budgetRequestField {
  float: left;
}
.additionalBudgetRequest .budgetRequestField .form-control {
  float: left;
  min-width: 200px;
}
@media (max-width: 520px) {
  .additionalBudgetRequest label {
    width: 100%;
    padding: 0px;
  }
  .additionalBudgetRequest .budgetRequestField {
    width: 100%;
  }
  .additionalBudgetRequest .budgetRequestField .form-control {
    min-width: 100%;
  }
}

.reviewContainer {
  float: left;
  width: 100%;
  padding: 5px 35px;
}
.reviewContainer .EnrollmentNote {
  padding: 10px;
}
@media (max-width: 767px) {
  .reviewContainer {
    padding: 10px 0;
  }
  .reviewContainer .EnrollmentNote {
    padding: 5px;
  }
}

.GmsFieldContainer {
  float: left;
  width: 100%;
}
.GmsFieldContainer .form-group {
  float: left;
  width: 100%;
}
.GmsFieldContainer label {
  width: calc(100% - 300px);
  float: left;
  padding-right: 50px;
  text-align: right;
}
.GmsFieldContainer .field-group {
  float: left;
  width: 300px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .GmsFieldContainer label {
    width: 100%;
    padding: 0px;
    text-align: left;
  }
  .GmsFieldContainer .field-group {
    width: 100%;
    padding-left: 0;
  }
}

.GmsSlideContainer {
  float: left;
  width: 100%;
  /*padding: 15px 40px;*/
}
@media (max-width: 767px) {
  .GmsSlideContainer {
    padding: 15px;
  }
}

.GmsBlock {
  float: left;
  width: 100%;
}
.GmsBlock .GmsHeader {
  float: left;
  width: 100%;
  padding: 10px 15px;
  background-color: #efefef;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(128, 128, 128, 0.3);
}
.GmsBlock .GmsHeader .GmsIcon {
  float: left;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: 2px solid #ffffff;
  background-color: #465ca8;
}
.GmsBlock .GmsHeader .GmsIcon .fas {
  color: #ffffff;
}
.GmsBlock .GmsHeader h2 {
  float: left;
  margin: 5px 0;
  padding-left: 15px;
  font-size: 1.3rem;
}
.GmsBlock .GmsHeader .sliderNumber {
  float: right;
  margin: 8px 0 4px;
  font-size: 1.2rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .GmsBlock .GmsHeader .GmsIcon {
    width: 28px;
    height: 28px;
    font-size: 0.9rem;
  }
  .GmsBlock .GmsHeader h2 {
    padding-left: 10px;
    font-size: 1rem;
  }
  .GmsBlock .GmsHeader .sliderNumber {
    font-size: 0.9rem;
  }
}
.GmsBlock .GmsBodyContent {
  float: left;
  width: 100%;
  padding: 20px 40px;
  border: 1px solid #efefef;
}
@media (max-width: 767px) {
  .GmsBlock .GmsBodyContent {
    padding: 20px;
  }
}
.GmsBlock .GmsBodyContent .GmsTitle {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-size: 1.4rem;
  color: #465ca8;
}
@media (max-width: 767px) {
  .GmsBlock .GmsBodyContent .GmsTitle {
    margin-bottom: 10px;
    font-size: 1.3rem;
  }
}
.GmsBlock .GmsBodyContent ul {
  list-style-position: inside !important;
  margin-bottom: 1em;
  padding-left: 5px;
  list-style: disc;
}
.GmsBlock .GmsCost {
  float: left;
  width: 100%;
}
.GmsBlock .GmsCost label {
  float: left;
  min-width: 180px;
  padding-right: 15px;
  margin: 0;
}
.GmsBlock .GmsCost .GmsCostValue {
  float: left;
}

.radiocenter {
  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;
  float: left;
  width: 100%;
}

.additionbudgetcenter {
  float: left;
  width: 100%;
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.additionbudgetcenter .additionalBudgetRequest {
  width: auto;
}

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

.sellMoreForm {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.sellMoreForm .form-group {
  float: left;
  width: 100%;
}
.sellMoreForm label {
  float: left;
  width: 200px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .sellMoreForm label {
    width: 100%;
  }
}
.sellMoreForm .field-group {
  float: left;
  width: calc(100% - 200px);
  padding-left: 15px;
}
@media (max-width: 767px) {
  .sellMoreForm .field-group {
    width: 100%;
    padding-left: 0;
  }
}
.sellMoreForm .field-group p {
  margin: 0;
}
.sellMoreForm .field-group p ~ * {
  margin-top: 10px;
}
.sellMoreForm .field-group.fieldInline .form-control {
  float: left;
  width: 120px;
}
.sellMoreForm .field-group.fieldInline p {
  float: left;
  width: calc(100% - 120px);
  padding-left: 15px;
  margin: 5px 0;
}
.sellMoreForm .buttonRowCenter, .sellMoreForm .buttonRowLeft {
  margin-top: 25px;
}

.smallField {
  float: left;
  width: 100%;
  max-width: 250px;
}
@media (max-width: 520px) {
  .smallField {
    max-width: 100%;
  }
}
.smallField .select2-container {
  width: 100% !important;
}
.smallField .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 38px;
}
.smallField .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.smallField .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.uploadFileContainer {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.uploadFileContainer h3 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  color: #465ca8;
  margin-bottom: 15px;
}
.uploadFileContainer .uploadCol6 {
  float: left;
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .uploadFileContainer .uploadCol6 {
    width: 100%;
  }
}
.uploadFileContainer .uploadCol6 label {
  float: left;
  width: 100%;
}
.uploadFileContainer .uploadCol6 .uploadBlock {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  padding: 15px;
  border-radius: 10px;
  text-align: center;
}
.uploadFileContainer .uploadCol6 + .uploadCol6 {
  float: right;
}
@media (max-width: 767px) {
  .uploadFileContainer .uploadCol6 + .uploadCol6 {
    margin-top: 15px;
  }
}

.successContainerBlock {
  margin-top: 50px;
}

/* Website Audit */
.websiteAuditForm {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.websiteAuditForm .websiteAuditFormSec {
  float: left;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  background-color: #f1f1f1;
}
.websiteAuditForm .select2-container {
  width: 100% !important;
}
.websiteAuditForm .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 38px;
}
.websiteAuditForm .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
}
.websiteAuditForm .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}
.websiteAuditForm .AuditFormRow {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
  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;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.websiteAuditForm .AuditFormColl_4 {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
}
@media (max-width: 767px) {
  .websiteAuditForm .AuditFormColl_4 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .websiteAuditForm .AuditFormColl_4 {
    width: calc(100% - 20px);
  }
}
.websiteAuditForm .AuditFormColl_3 {
  float: left;
  width: calc(25% - 20px);
  margin: 10px;
}
@media (max-width: 767px) {
  .websiteAuditForm .AuditFormColl_3 {
    width: calc(50% - 20px);
  }
}
@media (max-width: 520px) {
  .websiteAuditForm .AuditFormColl_3 {
    width: calc(100% - 20px);
  }
}
.websiteAuditForm .AuditFormColl_6 {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
}
@media (max-width: 767px) {
  .websiteAuditForm .AuditFormColl_6 {
    width: calc(100% - 20px);
  }
}
.websiteAuditForm .reportBtn_row {
  float: left;
  margin: 10px;
}
.websiteAuditForm .reportBtn_row .btnFill, .websiteAuditForm .reportBtn_row .btnBordered, .websiteAuditForm .reportBtn_row .secondaryBtn, .websiteAuditForm .reportBtn_row .btnBorderedsecondary, .websiteAuditForm .reportBtn_row .btnReset, .websiteAuditForm .reportBtn_row .btnBorderedGrey, .websiteAuditForm .reportBtn_row .btnGrey, .websiteAuditForm .reportBtn_row .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .websiteAuditForm .reportBtn_row .enrollNow, .websiteAuditForm .reportBtn_row .btnExportFill, .websiteAuditForm .reportBtn_row .modal .modal-footer .btn.btn-primary, .modal .modal-footer .websiteAuditForm .reportBtn_row .btn.btn-primary, .websiteAuditForm .reportBtn_row .modal .modal-footer .btn.btn-default, .modal .modal-footer .websiteAuditForm .reportBtn_row .btn.btn-default {
  height: 38px;
  min-width: 100px;
}
.websiteAuditForm .WebsiteComplianceCon {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.websiteAuditForm .WebsiteComplianceCon h2 {
  float: left;
  width: 100%;
  font-size: 1.3rem;
  color: #465ca8;
}
.websiteAuditForm .successContainerBlock {
  margin-top: 0px;
}

.websiteContentListing {
  float: left;
  width: 100%;
}
.websiteContentListing h3 {
  float: left;
  width: 100%;
  font-size: 1rem;
  color: #465ca8;
}
.websiteContentListing .formListing {
  float: left;
  width: 100%;
}
.websiteContentListing .formListing .form-group {
  float: left;
  width: 100%;
}
.websiteContentListing .formListing .form-group label {
  float: left;
  width: 100%;
}
.websiteContentListing .formListing .form-group .field-group {
  float: left;
  width: 100%;
}
.websiteContentListing .formListing .form-group .field-group.commentExpand .addNote {
  color: #465ca8;
}
.websiteContentListing .formListing .form-group .field-group.commentExpand .addComment {
  display: block;
}
@media (max-width: 767px) {
  .websiteContentListing .formListing .form-group .field-group .addNote {
    width: 35px;
  }
  .websiteContentListing .formListing .form-group .field-group .smallField {
    width: calc(100% - 50px);
  }
}
.websiteContentListing .formListing .addNote {
  float: left;
  margin-left: 10px;
  padding: 10px;
  line-height: 0;
  cursor: pointer;
  font-size: 1.1rem;
}
.websiteContentListing .formListing .addComment {
  float: left;
  width: 100%;
  margin-top: 15px;
  display: none;
}
.websiteContentListing .formListing .addComment .form-control {
  background-color: #fbfbfb;
}
.websiteContentListing + .websiteContentListing {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px dashed #ccc;
}

.auditFormData {
  float: left;
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}
.auditFormData p {
  margin: 5px 0;
}

/* Website Audit */
.kitsSignUpWrapper .stepsWrapper, .partsCatalogWrapper .stepsWrapper {
  padding: 0px;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li {
  width: 20%;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f15c";
  font-weight: 900;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
  font-weight: normal;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f507";
  font-weight: 900;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f0d1";
  font-weight: 900;
}
.kitsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before, .partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.kitsSignUpWrapper .stepsWrapper .wizard .content .KitsDealerInfo, .partsCatalogWrapper .stepsWrapper .wizard .content .KitsDealerInfo {
  float: left;
  width: 100%;
}

.programInfo, .DealerShipInfo {
  float: left;
  width: 100%;
  margin: 35px 0;
  padding: 0 12px;
}
.programInfo li, .DealerShipInfo li {
  float: left;
  width: 100%;
  margin: 8px 0;
}
.programInfo h3, .DealerShipInfo h3 {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  color: #00D2AC;
}
.programInfo h3:last-child, .DealerShipInfo h3:last-child {
  margin-bottom: 0px;
}
.programInfo p, .DealerShipInfo p {
  float: left;
  width: 100%;
}
.programInfo p:last-child, .DealerShipInfo p:last-child {
  margin-bottom: 0px;
}

.SearchNumber {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  padding: 4px;
}
.SearchNumber .form-control {
  border: none;
  width: calc(100% - 110px);
  float: left;
  height: 34px;
}
.SearchNumber .btnFill, .SearchNumber .btnBordered, .SearchNumber .secondaryBtn, .SearchNumber .btnBorderedsecondary, .SearchNumber .btnReset, .SearchNumber .btnBorderedGrey, .SearchNumber .btnGrey, .SearchNumber .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .SearchNumber .enrollNow, .SearchNumber .btnExportFill, .SearchNumber .modal .modal-footer .btn.btn-primary, .modal .modal-footer .SearchNumber .btn.btn-primary, .SearchNumber .modal .modal-footer .btn.btn-default, .modal .modal-footer .SearchNumber .btn.btn-default {
  float: right;
  width: 100px;
}

.ExpandedDealerData {
  float: left;
  margin-left: -35px;
  width: calc(100% + 70px);
  background-color: #efefef;
  padding: 15px 35px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ExpandedDealerData {
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 15px 15px;
  }
}
.ExpandedDealerData.alignWithField {
  margin-left: 0;
  width: 100%;
}

.kitTypeWrapper {
  float: left;
  width: 100%;
  padding: 30px 0;
}
.kitTypeWrapper h6 {
  float: left;
  width: 100%;
  font-family: "JDSansPro-Medium";
}
.kitTypeWrapper .kitsTypeWrapper {
  float: left;
  width: 100%;
}
.kitTypeWrapper .kitsTypeWrapper h3 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #465ca8;
  margin-bottom: 10px;
}
.kitTypeWrapper .kitsTypeWrapper.kitsTypeWrapper {
  margin-top: 20px;
}
.kitTypeWrapper .kitsTypeRow {
  float: left;
  width: 100%;
}
.kitTypeWrapper .kitsTypeList {
  float: left;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin: 3px 0;
}
.kitTypeWrapper .kitsTypeList .kitsHeader {
  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 15px;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderLeft {
  float: left;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderLeft .checkBoxInner label::before {
  top: 3px;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderLeft .checkBoxInner label::after {
  top: 3px;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderLeft .checkBoxInner label span {
  color: #a7a7a7;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderRight {
  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;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderRight p {
  margin: 0 15px 0 0;
  float: left;
  color: #a7a7a7;
}
.kitTypeWrapper .kitsTypeList .kitsHeader .kitsHeaderRight a {
  float: left;
  text-decoration: underline;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody {
  float: left;
  width: 100%;
  padding: 15px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkboxCenter {
  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;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkboxCenter .checkBoxInner + .numberCheck {
  margin-left: 15px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkboxCenter.checkBoxSectionDivider {
  border-top: 1px dashed #ccc;
  margin-top: 20px;
  padding-top: 30px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkBoxInner.smallcheckbox input[type=checkbox] {
  width: 24px;
  height: 24px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkBoxInner.smallcheckbox label::before {
  top: 3px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkBoxInner.smallcheckbox label::after {
  top: 3px;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkBoxInner.smallcheckbox > p {
  float: left;
  margin: 0px;
  width: calc(100% - 40px);
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .checkboxCenter .checkBoxInner {
  width: auto;
}
.kitTypeWrapper .kitsTypeList .kitsAccortionBody .kitsCheckboxList {
  float: left;
  width: 100%;
}

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

.kitsFormInline {
  float: left;
  width: 100%;
}
.kitsFormInline .form-group {
  float: left;
  width: 100%;
}
.kitsFormInline .form-group label {
  float: left;
  width: 200px;
  margin: 4px 0;
  padding-right: 15px;
}
.kitsFormInline .form-group .field-group {
  float: left;
  width: calc(100% - 200px);
}
.kitsFormInline .form-group .field-group .form-control, .kitsFormInline .form-group .field-group .select2-container {
  float: left;
  width: 100%;
  max-width: 300px;
}
@media (max-width: 767px) {
  .kitsFormInline .form-group label {
    width: 100%;
    padding-right: 0;
  }
  .kitsFormInline .form-group .field-group {
    width: 100%;
  }
  .kitsFormInline .form-group .field-group .form-control {
    max-width: 100%;
  }
}

.checkboxListRow {
  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;
}
.checkboxListRow li {
  float: left;
  width: 50%;
  padding: 5px 10px;
}
.checkboxListRow li .numberCheck {
  float: right;
}
@media (max-width: 767px) {
  .checkboxListRow li {
    width: 100%;
  }
}

.numberCheck {
  float: left;
}
.numberCheck .numberCheckList {
  float: left;
  position: relative;
  margin: 2px;
}
.numberCheck .numberCheckList input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.numberCheck .numberCheckList input[type=checkbox]:checked + label {
  background-color: #465ca8;
}
.numberCheck .numberCheckList label {
  float: left;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #d2d2d2;
  color: #fff;
  margin: 0;
}

.selectShippingPreference, .backCoverImprint {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.selectShippingPreference h6, .backCoverImprint h6 {
  float: left;
  width: 100%;
  font-family: "JDSansPro-Medium";
}

.ShippingUl {
  float: left;
  width: 100%;
}
.ShippingUl li {
  float: left;
  width: 100%;
  margin: 5px 0;
}

.EditBTnRow {
  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;
  border-top: 1px solid #ccc;
  margin: 10px 0;
  padding-top: 15px;
}
.EditBTnRow * {
  margin: 5px 10px;
}

.EditShippingPreference {
  float: left;
  margin: 20px 0;
  width: 100%;
}
.EditShippingPreference h5 {
  float: left;
  width: 420px;
  padding-right: 15px;
  margin: 0;
  color: #465ca8;
  font-family: "JDSansBold";
}
.EditShippingPreference .ESP_fieldGroup {
  float: left;
  width: calc(100% - 420px);
  padding-left: 10px;
}
.EditShippingPreference .ESP_fieldGroup .edit {
  margin-left: 15px;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .EditShippingPreference .ESP_fieldGroup {
    width: 100%;
    padding-left: 0;
    text-align: left;
    margin-top: 5px;
  }
}
.EditShippingPreference.KitsPreference h5 {
  width: 200px;
}
.EditShippingPreference.KitsPreference .ESP_fieldGroup {
  width: calc(100% - 200px);
}
.EditShippingPreference .EnrollmentBlocks {
  padding: 15px 0;
}
.EditShippingPreference .EnrollmentBlocks .Enroll_info_block .form-group label {
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  color: #444444;
}
@media (max-width: 520px) {
  .EditShippingPreference label {
    width: 100%;
    padding-right: 0;
  }
  .EditShippingPreference .ESP_fieldGroup {
    float: left;
    width: 100%;
  }
}

.selectedKits {
  float: left;
  width: 100%;
  padding: 15px;
}
.selectedKits h5 {
  float: left;
  width: 100%;
  font-size: 1rem;
  color: #465ca8;
  font-family: "JDSansPro-Medium";
}

.selectedKitsUl {
  float: left;
  width: 100%;
}
.selectedKitsUl li {
  float: left;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #e6e6e6;
  padding: 15px;
  border-radius: 4px;
}
.selectedKitsUl li h4 {
  float: left;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 0;
  color: #465ca8;
}
.selectedKitsUl li .kitsDataRow {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.selectedKitsUl li .kitsDataRow > label {
  margin: 3px 0;
  width: 50%;
  padding-right: 15px;
  float: left;
}
.selectedKitsUl li .kitsDataRow .kitsContent {
  float: left;
  width: 50%;
  text-align: right;
}
.selectedKitsUl li .kitsDataRow.span15 {
  margin: 15px 0;
}
@media (max-width: 520px) {
  .selectedKitsUl li .kitsDataRow > label {
    width: 100%;
    padding-right: 0;
  }
  .selectedKitsUl li .kitsDataRow .kitsContent {
    width: 100%;
    text-align: left;
  }
}

/* Parts Catalog */
.partsCatalogWrapper .stepsWrapper {
  padding: 0px;
}
.partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f54f";
  font-weight: 900;
}
.partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f466";
  font-weight: 900;
}
.partsCatalogWrapper .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f058";
  font-weight: 900;
}

.retailSalesDateWrapper {
  float: left;
  width: 100%;
  padding: 15px;
}
@media (max-width: 767px) {
  .retailSalesDateWrapper {
    padding: 15px 0;
  }
}
.retailSalesDateWrapper h5 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #465ca8;
  margin-bottom: 10px;
}
.retailSalesDateWrapper p {
  float: left;
  width: 100%;
}

.pcTableWrapper {
  float: left;
  margin-left: -15px;
  width: calc(100% + 30px);
}
.pcTableWrapper table tbody tr td.span_pr3, .pcTableWrapper table tbody tr th.span_pr3, .pcTableWrapper table thead tr td.span_pr3, .pcTableWrapper table thead tr th.span_pr3, .pcTableWrapper table tfoot tr td.span_pr3, .pcTableWrapper table tfoot tr th.span_pr3 {
  padding-right: 50px !important;
}
.pcTableWrapper table tbody tr td.span_pl3, .pcTableWrapper table tbody tr th.span_pl3, .pcTableWrapper table thead tr td.span_pl3, .pcTableWrapper table thead tr th.span_pl3, .pcTableWrapper table tfoot tr td.span_pl3, .pcTableWrapper table tfoot tr th.span_pl3 {
  padding-left: 50px !important;
}
.pcTableWrapper .checkBoxInner input[type=checkbox]:disabled + label {
  color: #444444;
}

.tableCatalog {
  width: 100%;
}
.tableCatalog thead tr th {
  padding: 5px 15px !important;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
}
.tableCatalog thead tr th::before {
  display: none !important;
}
.tableCatalog tbody tr td, .tableCatalog tbody table tr th, table .tableCatalog tbody tr th {
  padding: 5px 15px !important;
  border: none !important;
}
.tableCatalog tbody tr td::before, .tableCatalog tbody table tr th::before, table .tableCatalog tbody tr th::before {
  display: none !important;
}
.tableCatalog.tableLocation tbody tr td:first-child, .tableCatalog.tableLocation tbody table tr th:first-child, table .tableCatalog.tableLocation tbody tr th:first-child {
  padding-left: 0px !important;
  width: 400px;
}
.tableCatalog tfoot tr td, .tableCatalog tfoot table tr th, table .tableCatalog tfoot tr th {
  padding: 5px 15px !important;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  vertical-align: top;
}
.tableCatalog tfoot tr td span, .tableCatalog tfoot table tr th span, table .tableCatalog tfoot tr th span {
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  font-size: 0.85rem;
}
.tableCatalog .tableSelect150 {
  width: 150px;
}
.tableCatalog .tableSelect150 .select2-container {
  min-width: 100%;
}
.tableCatalog .tableSelect150 .select2-container .select2-selection {
  height: 30px !important;
}
.tableCatalog .tableSelect150 .select2-container .select2-selection .select2-selection__rendered {
  line-height: 28px !important;
}
.tableCatalog .tableSelect150 .select2-container .select2-selection .select2-selection__arrow {
  height: 28px !important;
}
.tableCatalog .tableTxtRgt {
  text-align: right !important;
}
@media (max-width: 767px) {
  .tableCatalog.tableMobile {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .tableCatalog.tableMobile tbody {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .tableCatalog.tableMobile tbody tr {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .tableCatalog.tableMobile tbody tr td, .tableCatalog.tableMobile tbody table tr th, table .tableCatalog.tableMobile tbody tr th {
    display: inline-block;
    vertical-align: top;
    width: 100% !important;
    padding: 5px !important;
  }
  .tableCatalog.tableMobile tbody tr td:first-child, .tableCatalog.tableMobile tbody table tr th:first-child, table .tableCatalog.tableMobile tbody tr th:first-child {
    padding-left: 5px !important;
  }
}

.additionalContentWrapper {
  float: left;
  width: 100%;
}
.additionalContentWrapper .radioWrapper {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.additionalContentWrapper p {
  float: left;
  width: 100%;
}
.additionalContentWrapper .radio-Option {
  float: left;
  width: 100%;
  margin: 3px 0;
}
.additionalContentWrapper .radio-Option p {
  float: left;
  width: 100%;
  margin: 2px 0;
  max-width: 450px;
}
.additionalContentWrapper .radio-Option p + .radioCon {
  margin-left: 15px;
}
.additionalContentWrapper .radio-Option .radioCon {
  float: left;
  margin: 3px 0;
}
@media (max-width: 767px) {
  .additionalContentWrapper .radio-Option p {
    max-width: 100%;
  }
  .additionalContentWrapper .radio-Option p + .radioCon {
    margin-left: 0px;
    margin-right: 15px;
  }
}
.additionalContentWrapper .checboxInline {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.additionalContentWrapper .checboxInline .checkBoxInner + .checkBoxInner {
  margin-left: 15px;
}
.additionalContentWrapper .checboxInline .checkBoxInner[style] + .checkBoxInner {
  margin-left: 0;
}
@media (max-width: 767px) {
  .additionalContentWrapper .checboxInline .checkBoxInner {
    width: 100%;
    margin: 5px 0;
  }
  .additionalContentWrapper .checboxInline .checkBoxInner + .checkBoxInner {
    margin-left: 0;
  }
}

.coverImprintFileWrapper {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
}
.coverImprintFileWrapper .browseContainer {
  float: left;
  width: 100%;
  max-width: 350px;
  overflow: hidden;
}

.RSL-Row {
  float: left;
  width: 100%;
}
.RSL-Row h5 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #465ca8;
  margin-bottom: 10px;
}
.RSL-Row .rslListUl {
  float: left;
  width: 100%;
}
.RSL-Row .rslListUl li {
  padding: 10px 15px !important;
}
.RSL-Row .rslListUl li:nth-child(odd) {
  background-color: #eee;
}
.RSL-Row .rslListUl li h4 {
  float: left;
  width: 100%;
  font-size: 1rem;
  margin-bottom: 5px;
}

.totalBuldOrderBlock {
  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;
}
.totalBuldOrderBlock .TotlePrice {
  float: left;
  width: 140px;
  font-size: 0.9rem;
}
.totalBuldOrderBlock .TotlePrice label {
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  float: left;
  width: 100%;
}
@media (max-width: 991px) {
  .totalBuldOrderBlock {
    width: 50%;
    margin-top: 10px;
  }
  .totalBuldOrderBlock .TotlePrice {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .totalBuldOrderBlock {
    width: 100%;
  }
}

.totalBulkOrder {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin-top: 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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.totalBulkOrder h4 {
  float: left;
  margin: 3px 0;
  font-size: 1.1rem;
  width: 200px;
}
.totalBulkOrder h4 span {
  float: left;
  width: 100%;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
  font-size: 0.85rem;
}
.totalBulkOrder p {
  float: left;
  margin: 3px 0;
  margin-left: auto;
  padding: 0 15px;
}
.totalBulkOrder h3 {
  float: left;
  margin: 3px 0;
  font-size: 1.2rem;
  padding-left: 15px;
}

.additionalContentRow {
  float: left;
  width: 100%;
}
.additionalContentRow h5 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #367c2b;
  margin-bottom: 10px;
}
.additionalContentRow ul {
  float: left;
  width: 100%;
}
.additionalContentRow ul .acrLabel {
  float: left;
  width: 50%;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  padding-right: 15px;
}
.additionalContentRow ul .acrContent {
  float: left;
  width: 50%;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .additionalContentRow ul .acrLabel {
    width: calc(100% - 150px);
  }
  .additionalContentRow ul .acrContent {
    width: 150px;
  }
}
@media (max-width: 520px) {
  .additionalContentRow ul .acrLabel {
    width: 100%;
    padding: 0px;
  }
  .additionalContentRow ul .acrContent {
    width: 100%;
    text-align: left;
    padding: 0px;
  }
}
.additionalContentRow + .additionalContentRow {
  margin-top: 15px;
}

.partsCatalogList {
  float: left;
  width: 100%;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.partsCatalogList p {
  float: left;
  width: 100%;
  margin: 3px 0;
}

@media (max-width: 991px) {
  .tableResponsive {
    overflow-x: auto;
  }
  .tableResponsive table {
    width: 850px;
  }
}

@media (max-width: 991px) {
  .tableResponsive650 {
    overflow-x: auto;
  }
  .tableResponsive650 table {
    width: 650px;
  }
}

.MobileOnly {
  display: none;
}

.tableResponsiveBulk {
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .tableResponsiveBulk table {
    display: inline-block;
    width: 100%;
  }
  .tableResponsiveBulk thead {
    display: none;
  }
  .tableResponsiveBulk tbody {
    display: inline-block;
    width: 100%;
  }
  .tableResponsiveBulk tr {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
  }
  .tableResponsiveBulk tr + tr {
    border-top: 1px dashed #ccc;
  }
  .tableResponsiveBulk td, .tableResponsiveBulk table tr th, table tr .tableResponsiveBulk th {
    display: inline-block;
    width: 100% !important;
  }
  .tableResponsiveBulk td .checkBoxInner, .tableResponsiveBulk table tr th .checkBoxInner, table tr .tableResponsiveBulk th .checkBoxInner {
    float: left;
    width: 100%;
  }
  .tableResponsiveBulk td.tableTxtRgt, .tableResponsiveBulk table tr th.tableTxtRgt, table tr .tableResponsiveBulk th.tableTxtRgt {
    text-align: left !important;
  }
  .tableResponsiveBulk .MobileOnly {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  }
}

/* Parts Catalog */
.partsCatalogSuccessBlock {
  margin: 40px 0;
}

.reviewBlockWrapper {
  float: left;
  width: 100%;
}
.reviewBlockWrapper li {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.reviewBlockWrapper li .reviewBlockHeader {
  float: left;
  width: 100%;
  background-color: #eeeeee;
  padding: 10px 10px 10px 20px;
  position: relative;
  cursor: pointer;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  font-size: 1.1rem;
}
.reviewBlockWrapper li .reviewBlockHeader .btnEdit {
  float: right;
  line-height: 1;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.reviewBlockWrapper li .reviewBlockContent {
  float: left;
  width: 100%;
  padding: 15px;
}
.reviewBlockWrapper li .reviewBlockContent.additionalContentBlock {
  padding: 15px 35px;
}

.kitsLocationListing {
  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;
}
.kitsLocationListing .kitsLocationColl {
  float: left;
  width: 33.33%;
  margin: 5px 0;
}
@media (max-width: 991px) {
  .kitsLocationListing .kitsLocationColl {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .kitsLocationListing .kitsLocationColl {
    width: 100%;
  }
}

.selectAddressWrapper {
  float: left;
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dashed #ccc;
}

.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 .DealerInner {
  max-width: 300px;
  float: left;
  width: 100%;
}
.dealerMainWrapper .DealerInner .Dealer-fix-cot {
  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: 50px 0;
}
.dealerMainWrapper .DealerInner .Dealer-fix-cot .Dealer-content {
  width: 100%;
  float: left;
}
.dealerMainWrapper .DealerInner .Dealer-fix-cot .Dealer-content .form-group .form-control {
  border-radius: 0px;
}
.dealerMainWrapper .dealerloginBtn {
  float: left;
  width: 100%;
  margin-top: 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;
}
.dealerMainWrapper .dealerloginBtn .btnFill, .dealerMainWrapper .dealerloginBtn .btnBordered, .dealerMainWrapper .dealerloginBtn .secondaryBtn, .dealerMainWrapper .dealerloginBtn .btnBorderedsecondary, .dealerMainWrapper .dealerloginBtn .btnReset, .dealerMainWrapper .dealerloginBtn .btnBorderedGrey, .dealerMainWrapper .dealerloginBtn .btnGrey, .dealerMainWrapper .dealerloginBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .dealerMainWrapper .dealerloginBtn .enrollNow, .dealerMainWrapper .dealerloginBtn .btnExportFill, .dealerMainWrapper .dealerloginBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .dealerMainWrapper .dealerloginBtn .btn.btn-primary, .dealerMainWrapper .dealerloginBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .dealerMainWrapper .dealerloginBtn .btn.btn-default {
  width: 100%;
  border-radius: 0;
  padding: 7px 10px;
}
.dealerMainWrapper .DealerMainInner, .dealerMainWrapper .Dealer-fix-cot {
  display: inline-block;
  width: 100%;
}

.LmppSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f15c";
  font-weight: 900;
}
.LmppSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
  font-weight: normal;
}
.LmppSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.LmppSignUpWrapper .SignUpFieldBlock {
  /*&.withEditBtn {
      .Signup_info_block {
          float: left;
          width: calc(100% - 80px);
          padding-right: 25px;
      }

      .LMPEditBtn {
          margin-left: auto;
          float: left;
          width: 80px;
          .btnEdit {
              float:right;
          }
      }
  }*/
}
.LmppSignUpWrapper .SignUpFieldBlock .Signup_info_block .form-group .field-group .Field_Value {
  float: right;
  text-align: right;
}
@media (max-width: 600px) {
  .LmppSignUpWrapper .SignUpFieldBlock .Signup_info_block .form-group .field-group .Field_Value {
    float: left;
    text-align: left;
  }
}
.LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group label {
  width: 35%;
}
.LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group .field-group {
  width: 65%;
}
.LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group .field-group .Field_Value {
  float: right;
  text-align: right;
}
@media (max-width: 600px) {
  .LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group label {
    width: 100%;
    font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  }
  .LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group .field-group {
    width: 100%;
  }
  .LmppSignUpWrapper .SubmitReviewCon .SignUpFieldBlock .Signup_info_block .form-group .field-group .Field_Value {
    float: left;
    text-align: left;
  }
}

.ConfigurationList {
  float: left;
  width: 100%;
  margin: 25px 0;
  padding: 0 15px;
}

.ConfigInnerContent {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.ConfigInnerContent h5 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #465ca8;
}
.ConfigInnerContent ul {
  float: left;
  width: 100%;
  list-style: disc;
  padding-left: 19px;
}
.ConfigInnerContent ul ul {
  list-style: circle;
  margin-top: 15px;
}

.SignUpFieldBlock {
  float: left;
  width: 100%;
  padding: 20px 35px;
}
.SignUpFieldBlock p {
  float: left;
  width: 100%;
}
.SignUpFieldBlock .Signup_info_block {
  float: left;
  width: 100%;
}
.SignUpFieldBlock .Signup_info_block .form-group {
  float: left;
  width: 100%;
}
.SignUpFieldBlock .Signup_info_block .form-group label {
  float: left;
  width: 50%;
  padding-right: 15px;
  margin: 0px;
}
.SignUpFieldBlock .Signup_info_block .form-group .field-group {
  float: left;
  width: 50%;
  padding-left: 10px;
}
.SignUpFieldBlock .Signup_info_block .form-group .field-group.FieldTextAlignRight {
  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;
}
.SignUpFieldBlock .Signup_info_block .form-group .field-group.FieldTextAlignRight .Field_Value {
  margin-left: auto;
  text-align: right;
}
@media (max-width: 600px) {
  .SignUpFieldBlock .Signup_info_block .form-group label {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5px;
    font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  }
  .SignUpFieldBlock .Signup_info_block .form-group .field-group {
    width: 100%;
    padding-left: 0;
  }
  .SignUpFieldBlock .Signup_info_block .form-group .field-group.FieldTextAlignRight .Field_Value {
    margin-left: inherit;
    text-align: left;
  }
}
.SignUpFieldBlock .Signup_info_block .checkInfo {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 12px;
  background-color: #efefef;
}
.SignUpFieldBlock .Signup_info_block.colBlock3 .form-group label {
  width: 180px;
}
.SignUpFieldBlock .Signup_info_block.colBlock3 .form-group .colBlock2 {
  width: calc(50% - 90px);
  float: left;
  min-height: 10px;
}
.SignUpFieldBlock .Signup_info_block.colBlock3 .form-group .field-group {
  width: calc(50% - 90px);
}

.SubmitReviewCon {
  float: left;
  width: 100%;
  margin: 25px 0;
}
.SubmitReviewCon .toggleWrapper li .toggleHeader .btnEdit {
  float: right;
  line-height: 1.1;
}

.tableResponsiveMobile {
  min-width: 767px;
}

.roleRow {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.roleRow .roleBtnBlock {
  float: left;
  width: 100%;
  width: 200px;
}
.roleRow .roleBtnBlock .yellowBtn, .roleRow .roleBtnBlock .yellowBtnBorder {
  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, .updateRoleForm .updateRoleBtn .yellowBtnBorder {
  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: #00D2AC;
}
.successWrapper .successContainer h4 i {
  position: absolute;
  left: 0;
  top: 2px;
  color: #00D2AC;
}

.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, table.roleTableResponsive tr th {
    display: inline-block;
    width: 100%;
    border: none !important;
  }
  table.roleTableResponsive tbody tr td + td, table.roleTableResponsive tbody tr th + td, table.roleTableResponsive tbody tr td + th, table.roleTableResponsive tbody tr th + th {
    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);
}

.GroupMediaWizard .stepsWrapper {
  padding: 0px;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f15c";
  font-weight: 900;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
  font-weight: normal;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f507";
  font-weight: 900;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f0d1";
  font-weight: 900;
}
.GroupMediaWizard .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.GroupMediaWizard .stepsWrapper .wizard .content .stepCount {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.GroupMediaWizard .stepsWrapper .wizard .content .publicationsTitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 5px;
}
.GroupMediaWizard .stepsWrapper .wizard .content .adBlocks {
  float: left;
  width: 100%;
}
.GroupMediaWizard .stepsWrapper .wizard .content .adBlocks .adBlockRow {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.GroupMediaWizard .stepsWrapper .wizard .content .adBlocks .adBlockRow label {
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  margin: 0px;
}

.flexButtonw {
  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;
}

.marginLeftAuto {
  margin-left: auto;
}

.marginAuto {
  margin: auto;
}

.FurrowDealerInfo {
  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;
}
.FurrowDealerInfo li {
  float: left;
  width: calc(50% - 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: #eaeaeb;
  padding: 15px;
  border-radius: 5px;
}
.FurrowDealerInfo li .FD_Row {
  float: left;
  width: 100%;
  margin: 3px 0;
}
.FurrowDealerInfo li .FD_Row label {
  float: left;
  width: 100px;
  margin: 0;
  font-weight: bold;
  color: #465ca8;
}
.FurrowDealerInfo li .FD_Row .FDContent {
  float: left;
  width: calc(100% - 100px);
}

.backCoverImprint {
  padding: 10px 0 0 0;
}

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

.imprintForm {
  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;
}
.imprintForm .imprintFormInner {
  float: left;
  width: 100%;
  max-width: 450px;
}
.imprintForm .imprintFormInner .form-group {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.imprintForm .imprintFormInner .form-group label.control-label {
  float: left;
  width: 80px;
  margin: 4px 0;
}
.imprintForm .imprintFormInner .form-group .field-group {
  float: left;
  width: calc(100% - 80px);
}

.customizeImprint {
  float: left;
  width: 100%;
}
.customizeImprint .CI_Row {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.customizeImprint .CI_Row .CI_Header {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 9px 20px 8px;
}
.customizeImprint .CI_Row .CI_Header::before {
  display: none;
}
.customizeImprint .CI_Row .CI_Content {
  float: left;
  width: 100%;
  padding: 15px 15px 15px 20px;
  display: none;
}

.locationsListBLock {
  float: left;
  width: 100%;
}
.locationsListBLock > li {
  background-color: transparent !important;
  padding: 0 !important;
}

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

.bulkLocationOrderCost {
  float: left;
  width: 100%;
}
.bulkLocationOrderCost .bulkOrderLeft {
  float: left;
  width: 250px;
}
.bulkLocationOrderCost .bulkOrderLeft h6 {
  margin: 0;
}
.bulkLocationOrderCost .bulkOrderLeft p {
  margin: 0;
  font-size: 0.85rem;
}
.bulkLocationOrderCost .bulkOrderRight {
  float: left;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  width: calc(100% - 250px);
  padding-left: 15px;
}
@media (max-width: 767px) {
  .bulkLocationOrderCost .bulkOrderLeft {
    width: 100%;
  }
  .bulkLocationOrderCost .bulkOrderRight {
    margin-top: 5px;
    width: 100%;
    padding-left: 0;
  }
}

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

/* Checkbox Toggle */
.CBtoggleWrapper {
  float: left;
  width: 100%;
}
.CBtoggleWrapper li {
  float: left;
  width: 100%;
  margin: 5px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.CBtoggleWrapper li .CBtoggleHeader {
  float: left;
  width: 100%;
  padding: 10px 15px;
}
.CBtoggleWrapper li .CBtoggleContent {
  float: left;
  width: 100%;
  padding: 10px 15px;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive {
  background-color: #eaeaeb;
  padding: 10px 5px;
  float: left;
  width: 100%;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table {
  margin: 0px;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table thead tr th {
  padding: 5px !important;
  line-height: 1;
  background-color: transparent;
  border: none !important;
  text-align: center;
  vertical-align: top;
  width: 90px;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table thead tr th::before {
  display: none;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr td, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr th {
  padding: 5px !important;
  border: none !important;
  width: 90px;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr td .select2-container, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr th .select2-container {
  min-width: 100%;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr td h3, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr th h3 {
  font-size: 1.1rem;
  text-align: center;
}
.CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr td p, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tbody tr th p {
  margin: 5px 0;
  font-size: 0.8rem;
  text-align: center;
}
@media (min-width: 992px) {
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive .mobileTitle {
    display: none;
  }
}
@media (max-width: 991px) {
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive .mobileTitle {
    display: inline-block;
    width: 100%;
    font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
  }
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody {
    display: inline-block;
    width: 100%;
  }
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table thead, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody thead {
    display: none;
  }
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tr, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody tr {
    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;
  }
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table td, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tr th, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody td, table tr .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody th {
    float: left;
    min-width: 50%;
  }
}
@media (max-width: 991px) and (max-width: 380px) {
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table td, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tr th, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody td, table tr .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody th {
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table td p, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tr th p, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody td p, table tr .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody th p {
    text-align: left !important;
    font-size: 0.85rem;
  }
}
@media (max-width: 991px) {
  .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table td h3, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive table tr th h3, .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody td h3, table tr .CBtoggleWrapper li .CBtoggleContent .FurrowTableResponsive tbody th h3 {
    text-align: left !important;
  }
}

/* Checkbox Toggle */
.FurrowBulkOrderWrapper .stepsWrapper {
  padding: 0px;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li {
  width: 20%;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f15c";
  font-weight: 900;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
  font-weight: normal;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f466";
  font-weight: 900;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f674";
  font-weight: 900;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li.done a span.number {
  font-weight: normal !important;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li.done a span.number::before {
  content: "\f00c" !important;
  font-weight: normal !important;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .steps ul li.done a span.number::after {
  display: none !important;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .content .KitsDealerInfo {
  float: left;
  width: 100%;
}
.FurrowBulkOrderWrapper .stepsWrapper .wizard .content .tableResponsive {
  float: left;
  width: 100%;
  overflow-y: auto;
}
@media (max-width: 991px) {
  .FurrowBulkOrderWrapper .stepsWrapper .wizard .content .mp-0 {
    padding: 0px;
  }
}

.PromotionsSignUpWrapper .stepsWrapper {
  padding: 0px;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li {
  width: 20%;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f15c";
  font-weight: 900;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f2c2";
  font-weight: normal;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f466";
  font-weight: 900;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f466";
  font-weight: 900;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(5) a span.number::before {
  content: "\f507";
  font-weight: 900;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .steps ul li:nth-child(6) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .content .KitsDealerInfo {
  float: left;
  width: 100%;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .content .pLImg {
  width: 90px;
  max-height: 70px;
}
.PromotionsSignUpWrapper .stepsWrapper .wizard .content .pLTitle {
  font-size: 1.2rem;
  color: #465ca8;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}

.innercart-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -webkit-align-content: flex-start;
}
.innercart-flex .innercart-leftct {
  flex: 1;
}

.CapListingWrapper {
  float: left;
  width: 100%;
  background-color: #D7E5D5;
  padding: 10px 20px;
}
.CapListingWrapper .capListing {
  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;
}
.CapListingWrapper .capListing li {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
  border: 1px solid #707070;
  border-radius: 10px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.34);
  background-color: #EAEAEB;
  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) {
  .CapListingWrapper .capListing li {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 767px) {
  .CapListingWrapper .capListing li {
    width: calc(50% - 20px);
  }
}
@media (max-width: 500px) {
  .CapListingWrapper .capListing li {
    width: calc(100% - 20px);
  }
}
.CapListingWrapper .capListing li .capImgBlock {
  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;
  height: 150px;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
}
.CapListingWrapper .capListing li .capImgBlock img {
  max-height: 140px;
  max-width: calc(100% - 10px);
}
.CapListingWrapper .capListing li .capNumber {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 0.8rem;
}
.CapListingWrapper .capListing li .capNumber span {
  opacity: 0.8;
}
.CapListingWrapper .capListing li .capInfoBlock {
  float: left;
  width: 100%;
  padding: 15px 10px 20px;
  background-color: #EAEAEB;
  border-radius: 0 0 10px 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: 1 0 auto;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.CapListingWrapper .capListing li .capInfoBlock h5 {
  float: left;
  width: 100%;
  font-size: 1.15rem;
  color: #465ca8;
  line-height: 1;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.CapListingWrapper .capListing li .capInfoBlock h6 {
  float: left;
  width: 100%;
  font-size: 0.95rem;
  margin: 2px 0;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.CapListingWrapper .capListing li .capInfoBlock .capQty {
  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;
  font-size: 0.95rem;
  margin-top: 5px;
  padding-bottom: 10px;
  position: relative;
}
@media (max-width: 1080px) {
  .CapListingWrapper .capListing li .capInfoBlock .capQty {
    padding-bottom: 20px;
  }
}
.CapListingWrapper .capListing li .capInfoBlock .capQty label {
  float: left;
  margin: 0;
  width: 65px;
  padding-right: 10px;
}
.CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup {
  float: left;
  width: calc(100% - 65px);
  border: 1px solid #ccc;
  padding: 2px;
  background-color: #fff;
  border-radius: 4px;
}
.CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .cap-control {
  outline: none;
  box-shadow: none;
  border: none;
  background-color: transparent;
  width: calc(100% - 45px);
  float: left;
  height: 29px;
  padding: 0 5px;
}
.CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnFill, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnBordered, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .secondaryBtn, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnBorderedsecondary, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnReset, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnBorderedGrey, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnGrey, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .enrollNow, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btnExportFill, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .modal .modal-footer .btn.btn-primary, .modal .modal-footer .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btn.btn-primary, .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .modal .modal-footer .btn.btn-default, .modal .modal-footer .CapListingWrapper .capListing li .capInfoBlock .capQty .fieldGroup .btn.btn-default {
  float: right;
  width: 45px;
  padding: 4px 5px;
  line-height: 1.2;
}
.CapListingWrapper .capListing li .capInfoBlock .capQty .field-validation-error, .CapListingWrapper .capListing li .capInfoBlock .capQty .field-validation-valid {
  width: calc(100% - 65px);
  margin-left: auto;
  position: absolute;
  top: calc(100% - 9px);
  right: 0;
  line-height: 1.1;
  font-size: 11px;
}

.selectedCapWrapper {
  position: sticky;
  top: 10px;
  margin-left: 20px;
  background-color: #fff;
  width: 300px;
  z-index: 999;
  box-shadow: 0 0 10px #ccc;
  height: 100vh;
  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;
}
.selectedCapWrapper ul.ScapListing {
  float: left;
  width: 100%;
  padding: 10px 15px;
  -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;
  overflow-y: auto;
}
.selectedCapWrapper ul.ScapListing li {
  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;
  width: 100%;
  padding: 15px 0;
}
.selectedCapWrapper ul.ScapListing li ~ li {
  border-top: 1px solid #ccc;
}
.selectedCapWrapper ul.ScapListing li .sCapimg {
  float: left;
  width: 60px;
}
.selectedCapWrapper ul.ScapListing li .sCapContent {
  float: left;
  width: calc(100% - 80px);
  padding: 0 15px;
}
.selectedCapWrapper ul.ScapListing li .sCapContent h3 {
  float: left;
  width: 100%;
  font-size: 1rem;
  color: #465ca8;
  margin-bottom: 5px;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.selectedCapWrapper ul.ScapListing li .sCapContent h6 {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  margin: 1px 0;
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}
.selectedCapWrapper ul.ScapListing li .removeCap {
  float: left;
  width: 20px;
  cursor: pointer;
}
.selectedCapWrapper ul.ScapListing li .removeCap .fas {
  color: #c1c1c1;
}
.selectedCapWrapper ul.ScapListing li:hover .removeCap .fas {
  color: #ff0000;
}
.selectedCapWrapper .sCapTotal {
  float: left;
  width: 100%;
  padding: 10px 15px;
  background-color: #465ca8;
  color: #fff;
  font-size: 1.2rem;
}
.selectedCapWrapper .sCapTotal label {
  margin: 0px;
  margin-right: 15px;
  font-family: "JDSansBold", "Open Sans", sans-serif, Arial;
}
.selectedCapWrapper .sCapTotal label .fas {
  color: #fff;
  margin-right: 5px;
}
.selectedCapWrapper .sCapTotal span {
  font-family: "JDSansPro-Medium", "Open Sans", sans-serif, Arial;
}

.proceed-checkout-tab {
  float: right;
}
.proceed-checkout-tab a {
  float: left;
  position: relative;
  color: #465ca8;
  font-size: 1.3rem;
}
.proceed-checkout-tab a .cart-value {
  position: absolute;
  right: -11px;
  top: -6px;
  background-color: #99ca3d;
  width: 20px;
  height: 16px;
  border-radius: 4px;
  font-size: 11px;
  text-align: center;
  color: #465ca8;
  line-height: 16px;
}

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

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

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

.cartWrapper td, .cartWrapper table tr th, table tr .cartWrapper th {
  vertical-align: middle;
}

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

.capBottomInfo {
  float: left;
  width: 100%;
  -webkit-align-self: flex-end;
  -moz-align-self: flex-end;
  -ms-align-self: flex-end;
  -o-align-self: flex-end;
  align-self: flex-end;
}

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

.VYCChangeRequestWrapper .stepsWrapper .wizard .steps ul li:nth-child(1) a span.number::before {
  content: "\f2c2";
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::before {
  content: "\f652";
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .steps ul li:nth-child(2) a span.number::after {
  display: none;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .steps ul li:nth-child(3) a span.number::before {
  content: "\f87c";
  font-weight: 900;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .steps ul li:nth-child(4) a span.number::before {
  content: "\f058";
  font-weight: 900;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content {
  padding: 0px;
  margin-top: 40px;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content h3.title {
  display: none;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
@media (max-width: 767px) {
  .VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow {
    margin-bottom: 20px;
  }
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColLeft {
  float: left;
  width: calc(100% - 180px);
}
@media (max-width: 767px) {
  .VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColLeft {
    width: 100%;
  }
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColRight {
  float: right;
  width: 150px;
}
.VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColRight button {
  width: 100%;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColRight {
    width: 100%;
  }
  .VYCChangeRequestWrapper .stepsWrapper .wizard .content .VYCRow .VYCColRight button {
    width: auto;
  }
}

.ToggleContentBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  width: 100%;
  text-align: center;
}
.ToggleContentBlock .VYC_ulList {
  list-style: disc;
  text-align: left;
  max-width: 400px;
}
.ToggleContentBlock .VYC_ulList li {
  float: left;
  width: 100%;
  margin: 3px 0;
}

.ToggleDivisionContent {
  display: none;
  width: 100%;
  vertical-align: top;
}
.ToggleDivisionContent h3 {
  font-size: 1rem;
  color: #465ca8;
}
.ToggleDivisionContent .divisionContent {
  float: left;
  width: 100%;
  border-bottom: 2px solid #ccc;
  padding-bottom: 15px;
}
.ToggleDivisionContent .divisionContent h5 {
  float: left;
  width: 100%;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ToggleDivisionContent .divisionContent + .divisionContent {
  margin-top: 20px;
}

.divisionLabel {
  float: left;
  width: 100%;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

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

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

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

.greyBar {
  background-color: #F1F1F1 !important;
}

.input30 {
  height: 30px !important;
}

.MarketingRadioBlock {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.MarketingRadioBlock h6 {
  float: left;
  margin: 0px;
}
@media (max-width: 767px) {
  .MarketingRadioBlock h6 {
    width: 100%;
  }
}

.fieldHighlight {
  background-color: #FFDE00;
}

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

@media (max-width: 767px) {
  .VYCChangeRequestWrapper .SignUpFieldBlock {
    padding: 20px 15px;
  }
  .VYCChangeRequestWrapper .Signup_info_block {
    padding: 15px !important;
  }
  .VYCChangeRequestWrapper .VYCMarketingTable {
    float: left;
    width: 100%;
    overflow-x: auto;
  }
  .VYCChangeRequestWrapper .VYCMarketingTable table {
    min-width: 900px;
  }
  .VYCChangeRequestWrapper .reviewBlockContent .SignUpFieldBlock {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.enrollmentSmallTitle {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 1.1rem;
}

.ListingWrapper {
  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;
}
.ListingWrapper .searchFilter {
  float: left;
  width: 300px;
  padding: 12px 20px;
  border-right: 1px solid #E9ECF3;
  transition: ease-in 0.5s;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #ffffff;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
  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 .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: #00D2AC;
}
.ListingWrapper .searchFilter .listTitle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 70px;
  height: 2px;
  background-color: #00D2AC;
}
.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: #465ca8;
  color: #ffffff;
}
.ListingWrapper .searchFilter .scroll-content {
  padding: 5px 0 15px 0;
}
.ListingWrapper .searchFilter.sidebarFix {
  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;
  }
}

.hideFilter {
  position: absolute;
  width: 20px;
  right: 0;
  top: 10px;
}
@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 {
  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: 0 !important;
  padding: 0 0 10px;
  /*+ .searchBlockRow {
      border-top: 1px solid #ccc;
      padding: 10px 0;
  }*/
}
.searchBlockRow h5 {
  font-size: 0.9rem;
  margin: 10px 0;
  text-transform: uppercase;
  color: #272D33;
}
.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 #D4D4D4;
  height: 38px;
}
.searchBlockRow .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}
.searchBlockRow .select2-container .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.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 {
  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 .checkboxlist.column2 li {
  float: left;
  width: 50%;
}
.sidebarWrapper .searchBlockRow .checkboxlist.column2 li .checkBoxInner {
  padding-right: 5px;
}
.sidebarWrapper .searchBlockRow .checkboxlist.column2 li .checkBoxInner label {
  word-break: break-word;
}
.sidebarWrapper .searchBlockRow .checkboxlist.column2 li .checkBoxInner label span.typeName {
  float: left;
  width: 100%;
  color: #7e7e7e;
  font-size: 10px;
}

.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 #D4D4D4;
  padding: 8px 20px;
  background-color: #fff;
  border-radius: 30px;
  min-width: 55%;
  display: flex;
  align-items: center;
  font-weight: 600;
  outline: none;
  font-size: 0.95rem;
}
button.FavBtn i {
  margin-left: auto;
  color: #ccc;
}
button.FavBtn:hover {
  border-color: #00D2AC;
  background-color: #00D2AC;
  color: #fff;
}
button.FavBtn:hover i {
  color: #fff;
}

.searchButtons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 10px 0 10px -0.25rem !important;
}

.assetListingRgt {
  float: right;
  width: calc(100% - 300px);
  padding: 20px;
}
.assetListingRgt.fullListing {
  width: 100%;
}
.assetListingRgt.fullListing .assetUL li, .assetListingRgt.fullListing .ImagesListRow li {
  width: calc(25% - 16px);
}
@media (max-width: 1180px) {
  .assetListingRgt.fullListing .assetUL li, .assetListingRgt.fullListing .ImagesListRow li {
    width: calc(33.33% - 10px);
  }
}
@media (max-width: 767px) {
  .assetListingRgt.fullListing .assetUL li, .assetListingRgt.fullListing .ImagesListRow li {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .assetListingRgt.fullListing .assetUL li, .assetListingRgt.fullListing .ImagesListRow li {
    width: calc(100% - 10px);
  }
}
.assetListingRgt .listingHeading {
  float: left;
  width: calc(100% + 40px);
  margin: -20px 0 15px -20px;
  padding: 12px 20px;
  background-color: #e3e3e3;
  position: sticky;
  top: 0;
  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-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 .btnBordered, .assetListingRgt .listingHeading .secondaryBtn, .assetListingRgt .listingHeading .btnBorderedsecondary, .assetListingRgt .listingHeading .btnReset, .assetListingRgt .listingHeading .btnBorderedGrey, .assetListingRgt .listingHeading .btnGrey, .assetListingRgt .listingHeading .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .assetListingRgt .listingHeading .enrollNow, .assetListingRgt .listingHeading .btnExportFill, .assetListingRgt .listingHeading .modal .modal-footer .btn.btn-primary, .modal .modal-footer .assetListingRgt .listingHeading .btn.btn-primary, .assetListingRgt .listingHeading .modal .modal-footer .btn.btn-default, .modal .modal-footer .assetListingRgt .listingHeading .btn.btn-default {
  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: #00D2AC;
}
.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-weight: 600;
  padding: 2px;
  color: #00D2AC;
}
.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: #444444;
}
.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-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 .btnBordered, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .secondaryBtn, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnBorderedsecondary, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnReset, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnBorderedGrey, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btnGrey, .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, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .modal .modal-footer .btn.btn-primary, .modal .modal-footer .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btn.btn-primary, .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .modal .modal-footer .btn.btn-default, .modal .modal-footer .assetListingRgt .listingHeading .listHeadRgt .downloadCount .addToCartWrapper .btn.btn-default {
  width: 100%;
  float: left;
}
.assetListingRgt .listingHeading .listHeadRgt .downloadCount:hover .addToCartWrapper {
  display: block;
}
@media (max-width: 991px) {
  .assetListingRgt {
    width: 100%;
  }
}

.listingFilter {
  float: left;
  width: 100%;
  margin: 0 0 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;
}
.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 .searchTopFilter {
  display: flex;
  background: #fff;
  border: 1px solid #D4D4D4;
  width: calc(50% - 50px);
}
.listingFilter .searchTopFilter input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 10px;
  height: 40px;
}
.listingFilter .searchTopFilter .dropdown {
  border-right: 1px solid #ddd;
}
.listingFilter .searchTopFilter .dropdown button {
  background: #fff;
  border: none;
  padding: 10px;
  outline: none !important;
  font-size: 0.85rem;
}
.listingFilter .searchTopFilter .topSearch {
  padding: 10px;
  line-height: 1;
}
.listingFilter .bulkBlock {
  margin-left: auto;
  display: flex;
}
.listingFilter .bulkBlock .dropdown button {
  background: #fff;
  border: 1px solid #D4D4D4;
  padding: 6px 10px;
  outline: none !important;
  margin-left: 10px;
  font-size: 0.85rem;
}
.listingFilter .bulkBlock .dropdown .dropdown-menu {
  left: inherit !important;
  right: 0;
  transform: none !important;
  top: 100% !important;
}
.listingFilter .bulkBlock .btnBulk {
  margin: 0 0 0 10px;
  padding: 5px 10px;
  background: #F4F7FF;
  align-self: center;
  display: none;
  border-radius: 4px;
  font-size: 0.8rem;
}
.listingFilter .bulkBlock .btnBulkClose {
  display: none;
  align-self: center;
}
@media (max-width: 991px) {
  .listingFilter .bulkBlock {
    float: left;
    width: 100%;
  }
}
.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 .secondaryBtn, .listingFilter .filterBtn .btnBorderedsecondary, .listingFilter .filterBtn .btnReset, .listingFilter .filterBtn .btnBorderedGrey, .listingFilter .filterBtn .btnGrey, .listingFilter .filterBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .listingFilter .filterBtn .enrollNow, .listingFilter .filterBtn .btnExportFill, .listingFilter .filterBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .listingFilter .filterBtn .btn.btn-primary, .listingFilter .filterBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .listingFilter .filterBtn .btn.btn-default, .listingFilter .filterBtn .btnBordered {
  width: calc(50% - 14px);
  float: left;
  padding: 7px 12px;
  margin: 10px 7px 0;
}
@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;
    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 {
    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;
  padding: 15px 0;
}
.FilterOpen .mobileDeviceLinks .sideBarFilter i {
  color: #00D2AC;
}
.FilterOpen .bulkBlock {
  width: calc(100% - 40px);
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.FilterOpen .bulkBlock .dropdown {
  margin: 2px 0 2px 10px;
}
.FilterOpen .bulkBlock .dropdown button {
  margin: 0px;
}
.FilterOpen .bulkBlock .dropdown .dropdown-menu {
  left: 0px !important;
}
.FilterOpen .bulkBlock .dropdown ~ .sortingRow {
  margin-left: 0px;
}
@media (max-width: 420px) {
  .FilterOpen .bulkBlock .dropdown {
    margin: 2px 10px 2px 0;
    width: calc(50% - 10px);
  }
  .FilterOpen .bulkBlock .dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
  }
  .FilterOpen .bulkBlock .dropdown .dropdown-toggle::after {
    float: right;
    margin: 8px 0;
  }
}
.FilterOpen .FilterClose {
  float: right;
  width: 40px;
  padding: 10px 5px;
}
.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: #ffffff;
  border-radius: 4px;
  font-size: 0.85rem;
  width: 85px;
  padding: 12px 5px;
  line-height: 1.1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.19);
  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: #444444;
}
.customToolTip::before {
  content: "";
  position: absolute;
  left: calc(50% - 3px);
  top: 100%;
  z-index: 9;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.customToolTip::after {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  top: 100%;
  border-top: 8px solid #ededed;
  border-left: 8px solid transparent;
  border-right: 8px 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::before, .bulkAsset.ImagesListRow li::before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.3;
}
.assetUL.bulkAsset li .bulkCheckbox, .bulkAsset.ImagesListRow li .bulkCheckbox {
  display: block;
}
.assetUL li, .ImagesListRow li {
  float: left;
  width: calc(33.33% - 16px);
  border: 1px solid #D4D4D4;
  margin: 12px 8px;
  padding: 8px;
  position: relative;
  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;
  -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: 10px;
  display: none;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.assetUL li .bulkCheckbox label, .ImagesListRow li .bulkCheckbox label {
  float: right;
}
.assetUL li .assetImg, .ImagesListRow li .assetImg {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  height: 200px;
  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: #e3e3e3;
  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, .ImagesListRow li .assetImg.wordFile {
  background-color: #e3e3e3;
}
.assetUL li .assetImg.wordFile i, .ImagesListRow li .assetImg.wordFile i {
  color: #00529c;
}
.assetUL li .assetImg.photoVideo, .ImagesListRow li .assetImg.photoVideo {
  background-color: #e3e3e3;
}
.assetUL li .assetImg.photoVideo i, .ImagesListRow li .assetImg.photoVideo i {
  color: #ef5d51;
}
.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 .recommendedUse, .ImagesListRow li .recommendedUse {
  position: absolute;
  left: -4px;
  top: -1px;
  background-color: #cb0513;
  padding: 3px 5px;
  font-size: 0.75rem;
  color: #fff;
}
.assetUL li .recommendedUse i, .ImagesListRow li .recommendedUse i {
  font-size: 0.85rem;
}
.assetUL li .recommendedUse::before, .ImagesListRow li .recommendedUse::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  border-top: 10px solid #cb0513;
  border-left: 4px solid transparent;
  border-bottom: 5px solid transparent;
}
.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.92rem;
  margin: 5px 0;
  color: #00D2AC;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 90px);
}
.assetUL li .assetContent .assetHeading h6.assetCount, .ImagesListRow li .assetContent .assetHeading h6.assetCount {
  font-size: 0.85rem;
  margin: 5px 0;
  font-weight: normal;
  color: #C4C4C4;
  float: left;
  position: relative;
  padding-left: 16px;
}
.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: #E9ECF3;
}
.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: left;
  width: 100%;
  padding: 0 0;
  position: absolute;
  left: 0;
  bottom: -3px;
  opacity: 0;
  visibility: 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;
  -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: #f2f2f2;
  padding: 2px 5px;
  line-height: 1;
  min-height: 100%;
  transition: cubic-bezier(0.56, 0.14, 0.66, 1.15) 0.15s;
}
.assetUL li .assetSction .assetIcons, .ImagesListRow li .assetSction .assetIcons {
  float: left;
  padding: 4px 7px;
  margin: 4px 6px;
  line-height: 0;
  font-size: 1rem;
  position: relative;
  color: #444444;
}
.assetUL li .assetSction .assetIcons i, .ImagesListRow li .assetSction .assetIcons i {
  color: #444444;
}
.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: #00D2AC;
}
.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.noRecord, .ImagesListRow li.noRecord {
  width: calc(100% + 16px) !important;
  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-color: #00D2AC;
}
.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;
}
@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: 5px;
  }
  .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: #BEE5FB;
  border-color: rgba(35, 166, 240, 0.5019607843);
  color: #0C5460;
}
.assettype.private {
  background-color: #CDE5A2;
  border-color: #A9D25D;
  color: #3A700F;
}
.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: #444444;
}

.mobileDeviceLinks {
  float: right;
  display: none;
  margin-bottom: 6px;
  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.3rem;
  color: #484848;
}
.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: 15px;
}
.mobileDeviceLinks .FilterTop i {
  font-size: 1.3rem;
  color: #484848;
}
@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: #00D2AC;
}

.TopFilterClose {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 15px;
  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: absolute;
  left: 0;
  top: 0;
  padding: 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: #00D2AC;
  color: #fff;
  font-weight: 600;
}

.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: calc(100% - 450px);
  padding: 12px 20px;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  max-height: calc(100vh - 70px - 70px);
  overflow-y: auto;
}
.AssetViewRow .AssetViewLeft .topHeader {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}
.AssetViewRow .AssetViewLeft .topHeader h5 {
  float: left;
  width: 100%;
  margin-bottom: 2px;
  color: #00D2AC;
}
.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: 450px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  max-height: calc(100vh - 70px - 70px);
  overflow-y: auto;
  border-left: 1px solid #E9ECF3;
}
.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-weight: normal;
  color: #00D2AC;
}
.AssetViewRow .AssetViewRgt .AssetTitle h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 50px;
  height: 1px;
  background-color: #00D2AC;
}
.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: #00D2AC;
  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(247, 148, 28, 0.15);
  border-radius: 20px;
  position: relative;
  top: -4px;
}
.AssetViewRow .AssetViewRgt .assetRow .rightFLow > span i {
  color: #F7941C;
  margin-right: 2px;
}
.AssetViewRow .AssetViewRgt .assetRow h3 {
  font-size: 1.2rem;
}
.AssetViewRow .AssetViewRgt .assetRow .assetKeyBlock {
  display: inline-block;
  width: 100%;
}
.AssetViewRow .AssetViewRgt .assetRow .assetKeyBlock .assetKeyTab {
  margin: 0 0 10px;
  width: 100%;
  display: inline-block;
  padding: 5px 8px 7px;
  border: 1px dashed #ddd;
}
.AssetViewRow .AssetViewRgt .assetRow .assetKeyBlock .assetKeyTab label {
  font-size: 0.9rem;
  color: #111;
  margin-bottom: 4px;
}
.AssetViewRow .AssetViewRgt .assetRow .assetKeyBlock .assetKeyTab .checkboxList {
  display: inline-block;
  background: #fff;
  padding: 1px 10px;
  background: rgba(0, 210, 172, 0.05);
  margin-right: 10px;
}
.AssetViewRow .AssetViewRgt .assetRow .assetKeyBlock .assetKeyTab .checkboxList label {
  margin: 0;
}
.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-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: #00D2AC;
  background-color: #00D2AC;
  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-weight: 500;
}
.AssetViewRow .AssetViewRgt .scroll-content {
  padding: 12px 20px;
}
@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: 10px 0;
  }
}
@media (max-width: 767px) {
  .AssetViewRow .AssetViewRgt {
    /*@include flexOrder(1);*/
    width: 100%;
  }
  .AssetViewRow .AssetViewLeft {
    /*@include flexOrder(2);*/
    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: #444444;
  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: #00D2AC;
  margin-bottom: 15px;
}
.assetSuccessModal .AssetSuccessCon h5 i {
  margin-right: 15px;
}
.assetSuccessModal .AssetSuccessCon p {
  font-size: 0.9rem;
  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 .item .ad-List {
  box-shadow: none;
  border-radius: 0;
}
.adTemplateWrapper .item .ad-List .ad_imgBlock {
  padding: 0 35px;
  text-align: center;
}
.adTemplateWrapper .item .ad-List .ad_imgBlock img {
  width: auto;
  max-width: 100%;
  max-height: 450px;
  display: inline-block;
  vertical-align: top;
  float: none;
}

.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;
  margin-left: 15px;
  position: relative;
}
.bulkDownload .bulkInner {
  float: left;
  position: relative;
  padding: 3px 0;
  cursor: pointer;
  color: #444444;
}
.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: 2px 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: #444444;
}
.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 h3 {
  font-size: 0.85rem;
  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: #F0F0F0;
}
.bulkDownload .addToCartWrapper .cartBtn .btnFill, .bulkDownload .addToCartWrapper .cartBtn .btnBordered, .bulkDownload .addToCartWrapper .cartBtn .secondaryBtn, .bulkDownload .addToCartWrapper .cartBtn .btnBorderedsecondary, .bulkDownload .addToCartWrapper .cartBtn .btnReset, .bulkDownload .addToCartWrapper .cartBtn .btnBorderedGrey, .bulkDownload .addToCartWrapper .cartBtn .btnGrey, .bulkDownload .addToCartWrapper .cartBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .bulkDownload .addToCartWrapper .cartBtn .enrollNow, .bulkDownload .addToCartWrapper .cartBtn .btnExportFill, .bulkDownload .addToCartWrapper .cartBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .bulkDownload .addToCartWrapper .cartBtn .btn.btn-primary, .bulkDownload .addToCartWrapper .cartBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .bulkDownload .addToCartWrapper .cartBtn .btn.btn-default {
  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: #F6F5F5;
  padding: 3px 10px;
  font-size: 0.8rem;
  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 #frmManageAsset {
  float: left;
  width: 100%;
}
.addAsset .uploadBlock {
  float: left;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 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;
  background-color: #e9ecf3;
}
.addAsset .uploadBlock label {
  font-weight: 600;
  font-size: 0.9rem;
}
.addAsset .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;
  background-color: #ffffff !important;
}
.addAsset .uploadBlock .dropzone .dz-default.dz-message {
  background-color: transparent;
  color: #444444;
  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%;
  font-size: 0.9rem;
}
.addAsset .uploadBlock .dropzone.dz-started .dz-default.dz-message {
  display: none !important;
}
@media (max-width: 991px) {
  .addAsset .uploadBlock {
    max-width: 100%;
  }
}
.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;
  padding-left: 30px;
}
@media (max-width: 991px) {
  .addAsset .formBlock {
    padding-left: 0;
  }
}

.verticalForm label {
  font-weight: 600;
  margin-bottom: 3px;
}
.verticalForm .form-group {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

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

.adAssetCon {
  float: left;
  width: 100%;
}
.adAssetCon .dataFileWrapper.multiUploader {
  position: sticky;
  top: 0;
}
@media (max-width: 991px) {
  .adAssetCon .dataFileWrapper.multiUploader {
    position: relative;
  }
}

.multiUploader {
  float: left;
  width: 100%;
  position: relative;
  max-width: 500px;
}
.multiUploader .uploadBlock {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 20px 10px 20px;
  border-radius: 0px;
}
.multiUploader .uploadBlock:nth-child(2) {
  border-radius: 6px 6px 0 0;
}
.multiUploader .uploadBlock:last-child {
  border-radius: 0 0 6px 6px;
}
.multiUploader .uploadBlock .dropzone {
  height: auto;
}
.multiUploader .uploadBlock.uploadBlock {
  padding-top: 10px;
}
.multiUploader .uploadBlock.uploadBlock .row {
  width: calc(100% + 30px);
}
.multiUploader .uploadBlock.uploadBlock:last-child {
  padding-bottom: 20px;
}
.multiUploader.socialMediaUploader {
  margin-left: -10px;
  width: calc(100% + 20px);
  background-color: #e9ecf3;
  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;
}
.multiUploader.socialMediaUploader .uploadBlock {
  width: calc(50% - 20px);
  margin: 10px;
  padding: 0 !important;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.multiUploader.socialMediaUploader .uploadBlock .dropzone {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.multiUploader.socialMediaUploader .uploadValidation {
  padding: 0 10px;
  margin-bottom: 5px;
}

#divAssetEditModal .modal-dialog {
  max-width: 1280px;
}
#divAssetEditModal .modal-dialog .modal-content {
  overflow: visible;
  max-height: inherit;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds {
  padding: 0px;
  position: relative;
  float: left;
  width: 100%;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds .close {
  position: absolute;
  right: 35px;
  top: 15px;
  z-index: 99;
  outline: none;
}
#divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds iframe {
  border: none !important;
  float: left;
  width: 100%;
}
@media (max-width: 1400px) {
  #divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds iframe {
    height: calc(100vh - 30px);
  }
}
@media (min-width: 1401px) {
  #divAssetEditModal .modal-dialog .modal-content .RecentlyCreatedAds iframe {
    max-height: calc(100vh - 30px);
    min-height: 650px;
  }
}
#divAssetEditModal .modal-dialog .modal-content .modal-body {
  overflow: visible;
  max-height: inherit;
}

.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: #F6F5F5;
  border-top: 1px solid #E9ECF3;
}
.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-bottom: 10px;
}

.selectAsset {
  float: left;
  width: 100%;
}
.selectAsset li {
  float: left;
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  position: relative;
  border: 1px solid #E9ECF3;
  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: #F0F0F0;
  font-size: 1.2rem;
}
.selectAsset li .selectBtn .actionBtn i {
  color: #00D2AC;
}
.selectAsset li.selected {
  border: 1px solid #00D2AC;
  background-color: #FAFAFA;
}
.selectAsset li.selected .selectBtn .actionBtn {
  background-color: #00D2AC;
}
.selectAsset li.selected .selectBtn .actionBtn i {
  color: #ffffff;
}

.editfile {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.editfile label {
  max-width: calc(100% - 25px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.editfile a {
  float: right;
  margin: 5px 0;
  cursor: pointer;
}
.editfile.uploadedFile {
  background-color: #F3F3F3;
  padding: 2px 8px;
  border-radius: 3px;
  line-height: 1;
}
.editfile.uploadedFile .editFileTxt {
  font-size: 0.85rem;
  float: left;
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #272D33;
}

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

.cartItemWrapper {
  float: left;
  width: 100%;
}
.cartItemWrapper .cartItems {
  float: left;
  width: calc(100% - 500px);
}
@media (max-width: 991px) {
  .cartItemWrapper .cartItems {
    width: 100%;
  }
}
.cartItemWrapper .assetDownloadWrapper {
  float: right;
  width: 500px;
  padding-left: 40px;
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont {
  float: left;
  width: 100%;
}
.cartItemWrapper .assetDownloadWrapper .cartBlockCont .moduleHeaderText {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #00D2AC;
}
.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: 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: #F9F9F9;
  border: 1px solid #DFDFDF;
  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: 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: #00D2AC;
  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;
}

/* Inner Loader */
.s_LoaderMain {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.s_LoaderInner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(223, 223, 223, 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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.loader_S, .loader_S:before, .loader_S:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}

.loader_S {
  color: #00D2AC;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  top: calc(-1.25em - 7px);
}

.loader_S:before,
.loader_S:after {
  content: "";
  position: absolute;
  top: 0;
}

.loader_S:before {
  left: -3.5em;
  animation-delay: -0.32s;
}

.loader_S:after {
  left: 3.5em;
}

@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.tp_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;
  padding: 10px 15px;
  border: 1px solid #DFDFDF;
  background-color: #FBFBFB;
  border-radius: 4px;
  margin: 5px 0;
}
.tp_Row .tp_col {
  float: left;
  width: 100%;
  margin: 2px 0;
}
.tp_Row .tp_col label {
  margin: 0px;
}
.tp_Row .tp_col span {
  float: right;
  /*color: $primary;*/
  font-size: 0.9rem;
  font-weight: bold;
}

.helpIcon {
  float: left;
  width: 100%;
}
.helpIcon .multiple_emails {
  float: left;
  width: calc(100% - 35px);
}
.helpIcon .InfoIcon {
  float: right;
  width: 35px;
  text-align: center;
  padding: 5px;
}

.upload_disable {
  pointer-events: none;
}
.upload_disable .dropzone {
  opacity: 0.55;
}

.dropsCount {
  float: left;
  width: 100%;
  font-size: 0.85rem;
}
.dropsCount .d_count {
  float: left;
  padding: 2px 5px;
  background-color: #eaf7e6;
  border-radius: 5px;
  font-weight: 600;
}

.dropsCount_h {
  float: left;
  font-size: 0.85rem;
  padding: 4px 8px;
  background-color: #f8fff4;
  border-radius: 3px;
  font-weight: 600;
}

.viewp_Drop {
  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;
  padding: 0 10px;
  font-size: 0.85rem;
  background-color: #e5ebf1;
  font-weight: 600;
  border-radius: 3px;
}

.multiple_emails-ul {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 0.85rem;
  max-height: 140px;
  overflow: auto;
}

.dvFlex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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%;
  gap: 10px;
}
.dvFlex .dropzone {
  background: none !important;
  border: 1px dashed #ddd !important;
}

.storeInfoWrapper {
  float: left;
  width: 100%;
  padding: 10px 15px;
  border: 1px dashed #C2C2C2;
  background-color: #FBFBFB;
  border-radius: 3px;
}

.storeRow {
  float: left;
  width: 100%;
  margin: 8px 0;
  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;
}
.storeRow label {
  margin: 5px 0;
  width: 100px;
  font-weight: 600;
  text-align: right;
}
.storeRow label + .selectBlock {
  width: calc(100% - 100px);
  padding-left: 15px;
}
@media (max-width: 767px) {
  .storeRow label {
    width: 100%;
    text-align: left;
  }
  .storeRow label + .selectBlock {
    width: calc(100% + 10px);
    padding: 0px;
    margin-left: -5px;
  }
}

.selectBlock {
  float: left;
}
.selectBlock li {
  float: left;
  padding: 3px 8px;
  border: 1px solid #E6E6E6;
  background-color: #fff;
  color: #818181;
  margin: 3px;
  font-size: 0.8rem;
}
.selectBlock.spnRetailerName_fmm li {
  border: none;
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  color: #272D33;
}

#dvEmailProceedToCart .modal-dialog {
  max-width: 580px;
}
#dvEmailProceedToCart .modal-dialog .customScroll {
  max-height: calc(100vh - 60px);
}

.smallNote {
  float: left;
  width: 100%;
  padding: 3px 8px;
  font-size: 0.8rem;
  color: #535E84;
  background-color: #e9ecf4;
}

.templateFieldRow {
  float: left;
  width: 100%;
  padding: 20px 15px 0;
  margin-top: 15px;
  position: relative;
}
.templateFieldRow::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  width: calc(100% - 30px);
  border-top: 1px dashed #ccc;
}
.templateFieldRow .smallHeading2 {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.nameSelectedBlock {
  float: left;
  padding: 7px 10px;
  background-color: #F2F2F2;
  border-radius: 3px;
  font-size: 0.95rem;
  font-weight: 600;
}
.nameSelectedBlock label {
  margin: 0;
  padding-right: 5px;
}

.dynamic_variablesBlock {
  float: left;
  width: calc(100% - 30px);
  margin: 0 15px;
  background-color: #fff3cd;
  border: 1px solid #ffeeba;
  padding: 15px;
}
.dynamic_variablesBlock .smallHeading2 {
  font-size: 1rem;
}
.dynamic_variablesBlock ul {
  float: left;
  width: 100%;
}
.dynamic_variablesBlock ul li {
  float: left;
  width: 100%;
  margin: 2px 0;
  font-size: 0.9rem;
}

#divAssetItemList .bundleTd {
  word-break: break-all;
}

.searchKeywordFilter {
  float: left;
  width: 100%;
  position: relative;
}
.searchKeywordFilter .form-control {
  padding-right: 35px;
}
.searchKeywordFilter .topSearch {
  position: absolute;
  right: 0;
  top: 0;
  width: 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;
  height: 100%;
}

.DelEditRestrict {
  float: left;
  padding: 5px 12px;
  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;
  background-color: #f5f5f5;
  font-size: 0.85rem;
}
.DelEditRestrict a {
  margin: 0;
  color: #272D33;
}
.DelEditRestrict a.fal {
  margin-left: 10px;
}

.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: #00D2AC !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%;
}
.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 #D4D4D4;
  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 .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 li a {
  background-color: #F0F0F0;
  border-radius: 0;
  border: none;
  text-align: center;
  color: #606d8c;
  padding: 15px;
  min-width: 120px;
  border-right: 1px solid #D4D4D4;
}
.tabsBtn .nav.nav-tabs li a i {
  color: #606d8c;
  font-size: 1.3rem;
}
.tabsBtn .nav.nav-tabs li a .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 {
  display: none;
}
.tabsBtn .nav.nav-tabs li a p {
  margin: 5px 0 0 0;
  font-size: 0.85rem;
}
.tabsBtn .nav.nav-tabs li a.active {
  background-color: #00D2AC;
  color: #ffffff;
}
.tabsBtn .nav.nav-tabs li a.active i {
  color: #ffffff;
}
.tabsBtn .nav.nav-tabs li a.active .tabIcons .mainImg {
  display: none;
}
.tabsBtn .nav.nav-tabs li a.active .tabIcons .hoverImg {
  display: block;
}
.tabsBtn .nav.nav-tabs li:last-child a {
  border-right: none;
}
@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 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-width: 30px;
  }
  .tabsBtn .nav.nav-tabs li a p {
    display: 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 .FilterBtn {
  margin-left: auto;
  position: relative;
}
.listTitle .FilterBtn > a {
  float: left;
  padding: 5px 10px;
  min-width: 110px;
  border-radius: 4px;
  color: #444444;
  background-color: #F9F9F9;
  border: 1px solid #D4D4D4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  border: 1px solid #D4D4D4;
  display: none;
}
.listTitle .FilterBtn .FilterWrapper .filterHead {
  float: left;
  width: 100%;
  background-color: #F9F9F9;
  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 .filterSearch {
  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;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .clearFilter {
  font-size: 0.9rem;
  text-decoration: underline;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock {
  float: left;
  margin: 0 10px;
  position: relative;
}
.listTitle .FilterBtn .FilterWrapper .filterHead .filterSearch .fieldBlock .form-control {
  max-width: 210px;
  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: #444444;
}
.listTitle .FilterBtn .FilterWrapper .filterBody {
  float: left;
  width: 100%;
  padding: 16px;
  background-color: #ffffff;
}
.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: #F9F9F9;
}
.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 {
    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: #606d8c;
  border-color: #606d8c;
  color: #ffffff;
}
.listTitle .FilterBtn.expandFilters .FilterWrapper {
  display: block;
}

.libraryBtnRgt {
  position: absolute;
  right: 0;
  top: -62px;
}
@media (max-width: 991px) {
  .libraryBtnRgt {
    position: relative;
    top: 0px;
    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;
}
.libraryBanner .blockLeft p {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  color: #272D33;
  font-size: 1.2rem;
}
.libraryBanner .blockLeft h2 {
  float: left;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  color: #00D2AC;
  text-transform: uppercase;
  font-size: 2.3rem;
  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 #D4D4D4;
}
.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;
  border-right: 1px solid #D4D4D4;
}
.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;
  background-color: #fff;
  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-control {
  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 {
    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;
  }
}

/*.body_Badcock {
    .libraryBanner {
        .blockLeft {
            h2 {
                background-image: url('../../images/resourceLine_b.svg');
            }
        }
    }
}
.body_Demo {
    .libraryBanner {
        .blockLeft {
            h2 {
                background-image: url('../../images/resourceLine_m.svg');
            }
        }
    }
}*/
.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: #00D2AC;
}
.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: #ffffff;
  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: #00D2AC;
}
.rlListingWrapper .rlListing li .rlListInner h5 {
  float: left;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4;
  color: #00D2AC;
  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;
}

.modal-dialog-full {
  min-width: 100%;
  padding: 0 !important;
}
.modal-dialog-full .modal-dialog {
  min-width: 100%;
  height: 100vh;
  margin: 0;
}
.modal-dialog-full .modal-dialog .modal-content {
  padding-top: 40px;
  background-color: rgba(0, 0, 0, 0.75);
  max-height: calc(100vh - 15px);
}
.modal-dialog-full .modal-dialog button.close {
  position: absolute;
  top: 3px;
  right: 20px;
  color: #fff;
  opacity: 1;
  font-size: 2rem;
  font-weight: normal;
}
.modal-dialog-full .modal-dialog .modal-body {
  max-height: 100%;
  min-height: calc(100vh - 55px);
  display: flex;
  flex-direction: column;
}
.modal-dialog-full .modal-dialog .modal-body .fullGray {
  margin: 0 -20px;
  width: calc(100% + 40px);
  background: #FCFCFC;
  padding: 40px 20px;
  border-top: 1px solid #ddd;
  flex: 1;
}

.orderUserDetail {
  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;
  width: 100%;
  margin: 10px 0 30px;
  gap: 15px;
  padding: 10px 0;
}
.orderUserDetail > img {
  max-width: 50px;
}
.orderUserDetail .captionSpan {
  color: #777;
  font-size: 0.9rem;
}
.orderUserDetail label {
  display: block;
  font-weight: 700;
  margin: 0;
  font-size: 0.95rem;
}
.orderUserDetail .form-group {
  margin-bottom: 0;
}
.orderUserDetail .orderTotalTab {
  padding: 10px 15px;
  background: rgba(201, 201, 201, 0.2);
  color: #272D33;
  min-width: 140px;
}
.orderUserDetail .orderInenrD {
  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;
  gap: 15px 50px;
}
@media (max-width: 991px) {
  .orderUserDetail .orderInenrD {
    width: 100%;
    gap: 15px 35px;
  }
}
.orderUserDetail .totalCostBlock {
  float: left;
  flex: 1 0 auto;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.orderUserDetail .totalCostBlock ul {
  width: 100%;
  float: left;
  display: flex;
  flex-wrap: wrap;
}
.orderUserDetail .totalCostBlock ul li {
  flex: 1;
  padding: 15px;
  background-color: #f5f5f5;
  position: relative;
}
.orderUserDetail .totalCostBlock ul li.totalCost {
  background-color: #00D2AC;
  color: #ffffff;
}
.orderUserDetail .totalCostBlock ul li.totalCost ~ li::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 1px;
  top: 15px;
  height: calc(100% - 30px);
  background-color: #ccc;
}
.orderUserDetail .totalCostBlock ul li.totalCost ~ li:last-child::after {
  display: none;
}
.orderUserDetail .totalCostBlock ul li label {
  font-weight: normal;
}
.orderUserDetail .totalCostBlock ul li span {
  font-weight: bold;
  font-size: 1rem;
}
@media (max-width: 991px) {
  .orderUserDetail {
    gap: 15px 35px;
  }
}

.btn-small {
  border-radius: 20px;
  background: rgba(0, 210, 172, 0.2);
  color: #00D2AC !important;
  padding: 5px 15px;
  color: #333;
}
.btn-small i {
  color: #00D2AC !important;
}

.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;
}
.adWrapper .adLeftFilter {
  float: left;
  width: 320px;
  background-color: #fff;
  padding: 25px;
  box-shadow: 3px 0 5px #dbdbdb;
  position: relative;
}
.adWrapper .adLeftFilter .adTitle {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 10px;
  position: relative;
  color: #00D2AC;
  word-break: break-all;
}
.adWrapper .adLeftFilter .adTitle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 1px;
  background-color: #00529c;
}
.adWrapper .adLeftFilter .adForm {
  float: left;
  width: 100%;
  margin-top: 5px;
}
.adWrapper .adLeftFilter .adForm .form-group {
  float: left;
  width: 100%;
}
.adWrapper .adLeftFilter .adForm .form-group label {
  float: left;
  width: 100%;
}
.adWrapper .adLeftFilter .adForm .form-group .adField {
  float: left;
  width: 100%;
}
.adWrapper .adLeftFilter .adForm .form-group .adField .select2-container {
  width: 100% !important;
}
.adWrapper .adLeftFilter .adForm .form-group .adField .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 34px;
}
.adWrapper .adLeftFilter .adForm .form-group .adField .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 32px;
}
.adWrapper .adLeftFilter .adForm .form-group .adField .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
@media (max-width: 991px) {
  .adWrapper .adLeftFilter {
    width: 100%;
  }
}

.updateInfoBtn {
  float: left;
  position: relative;
}
.updateInfoBtn input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.updateInfoBtn .btnBordered, .updateInfoBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .updateInfoBtn .btn.btn-default {
  float: left;
  width: 100%;
}

.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 #00D2AC;
}
.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%;
}

.adTemplateCon {
  float: left;
  width: calc(100% - 320px);
  background-color: #8c8c8c;
}
.adTemplateCon .adTopBlock {
  float: left;
  width: 100%;
  padding: 15px 25px;
  background-color: #fff;
  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;
}
.adTemplateCon .adTopBlock .adForm {
  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;
}
.adTemplateCon .adTopBlock .adForm .adNameField {
  width: 220px;
}
.adTemplateCon .adTopBlock .adForm .adBtn {
  margin-top: 25px;
}
.adTemplateCon .adTopBlock .adForm .adBtn button.btnFill, .adTemplateCon .adTopBlock .adForm .adBtn button.btnBordered, .adTemplateCon .adTopBlock .adForm .adBtn button.secondaryBtn, .adTemplateCon .adTopBlock .adForm .adBtn button.btnBorderedsecondary, .adTemplateCon .adTopBlock .adForm .adBtn button.btnReset, .adTemplateCon .adTopBlock .adForm .adBtn button.btnBorderedGrey, .adTemplateCon .adTopBlock .adForm .adBtn button.btnGrey, .adTemplateCon .adTopBlock .adForm .adBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adTemplateCon .adTopBlock .adForm .adBtn button.enrollNow, .adTemplateCon .adTopBlock .adForm .adBtn button.btnExportFill, .adTemplateCon .adTopBlock .adForm .adBtn .modal .modal-footer button.btn.btn-primary, .modal .modal-footer .adTemplateCon .adTopBlock .adForm .adBtn button.btn.btn-primary, .adTemplateCon .adTopBlock .adForm .adBtn .modal .modal-footer button.btn.btn-default, .modal .modal-footer .adTemplateCon .adTopBlock .adForm .adBtn button.btn.btn-default {
  width: 100px;
  padding: 5px 12px;
}
.adTemplateCon .adTopBlock .adForm .adOutput {
  width: 150px;
  margin-top: 25px;
}
.adTemplateCon .adTopBlock .adForm .adOutput .select2-container {
  width: 100% !important;
}
.adTemplateCon .adTopBlock .adForm .adOutput .select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: 32px;
}
.adTemplateCon .adTopBlock .adForm .adOutput .select2-container .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 32px;
}
.adTemplateCon .adTopBlock .adForm .adOutput .select2-container .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
@media (max-width: 767px) {
  .adTemplateCon .adTopBlock {
    padding: 25px 10px;
  }
}
@media (max-width: 520px) {
  .adTemplateCon .adTopBlock .adForm {
    width: 100%;
  }
  .adTemplateCon .adTopBlock .adForm .form-group {
    padding: 0 10px !important;
  }
  .adTemplateCon .adTopBlock .adForm .form-group.adNameField {
    width: calc(100% - 120px);
  }
  .adTemplateCon .adTopBlock .adForm .form-group.adOutput {
    width: 100%;
    margin-top: 5px;
  }
}
.adTemplateCon .CreateAdTemplate {
  float: left;
  width: 100%;
  padding: 30px;
  text-align: center;
}
@media (max-width: 991px) {
  .adTemplateCon {
    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-weight: 600;
  color: #00D2AC;
}
.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-weight: 600;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow {
  float: left;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.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;
}
.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.btnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.secondaryBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnReset, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedGrey, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey, .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, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-primary, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-default, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default {
  width: calc(100% - 20px);
  padding: 12px 15px;
  margin: 15px 10px;
}
.adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnFill .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBordered .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.secondaryBtn .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnReset .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedGrey .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey .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, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-primary .fal, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary .fal, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-default .fal, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default .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.btnBordered, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.secondaryBtn, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedsecondary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnReset, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnBorderedGrey, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btnGrey, .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, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-primary, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-primary, .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow .modal .modal-footer button.btn.btn-default, .modal .modal-footer .adFinalstepCon .finalStepWrapper .stepLeft .adsBtnRow button.btn.btn-default {
    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-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%;
  }
}

.ad_Title {
  float: left;
  width: 100%;
  max-width: 415px;
  position: relative;
  font-size: 18px;
  padding-bottom: 10px;
  font-weight: 500;
}
.ad_Title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
  background-color: #5AAA2E;
}

.adSearchRow {
  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;
  width: 100%;
  max-width: calc(100% - 440px);
}
.adSearchRow .searchBlock {
  -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: auto;
  margin: 0;
}
.adSearchRow .topBtnRow {
  margin-left: 30px;
  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;
}
.adSearchRow .topBtnRow * {
  margin: 0 6px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-list-tab a {
  background-color: #e9e9e9;
  border: none;
  border-radius: 100%;
  color: #444444;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 3px;
  text-align: center;
  width: 30px;
}
.page-list-tab a.active {
  background-color: #00D2AC;
  color: #ffffff;
}

.ChilliFilter {
  max-height: inherit !important;
  position: relative !important;
  /*.customScroll {
      padding: 0px !important;
      max-height: 300px !important;
  }*/
}
.ChilliFilter .main_group .var-inner-content {
  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;
}
.ChilliFilter .main_group .var-inner-content .var-inner-title {
  margin: 0px;
  float: right;
  width: 100%;
}
.ChilliFilter .main_group .var-inner-content .var-inner-title a {
  float: right;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: #dfdfdf;
  border: 1px solid #cdcdcd;
  color: #717C87;
  font-size: 0.95rem;
  font-weight: 500;
}
.ChilliFilter .main_group .var-inner-content .var-inner-title a::before {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: bold;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);
  color: #777;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}
.ChilliFilter .main_group .var-inner-content .var-inner-title a.active {
  background-color: #717C87;
  border: 1px solid #444B51;
  color: #fff;
}
.ChilliFilter .main_group .var-inner-content .var-inner-title a.active::before {
  color: #fff;
}
.ChilliFilter .main_group .var-inner-content .var-inner-form {
  border: 1px solid #D5D5D5;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  width: 100%;
}
.ChilliFilter .main_group .var-inner-content .var-inner-form .ulList {
  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;
  border: none;
  max-height: inherit;
  overflow: visible;
}
.ChilliFilter .main_group .var-inner-content .var-inner-form .ulList li {
  float: left;
  background-color: #fff;
  border: 1px solid #D4D4D4;
  border-radius: 4px;
  margin: 5px;
  width: calc(50% - 10px);
  padding: 5px;
  line-height: 1.3;
}
.ChilliFilter .main_group .var-inner-content .var-inner-form .ulList li .checkBoxInner.smallcheckbox {
  width: 100%;
}
.ChilliFilter .main_group .var-inner-content .var-inner-form .ulList li .checkBoxInner.smallcheckbox label {
  padding-left: 25px;
  font-size: 0.8rem;
}

.adBtn {
  float: left;
  width: 100%;
}
.adBtn .btnFill, .adBtn .btnBordered, .adBtn .secondaryBtn, .adBtn .btnBorderedsecondary, .adBtn .btnReset, .adBtn .btnBorderedGrey, .adBtn .btnGrey, .adBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adBtn .enrollNow, .adBtn .btnExportFill, .adBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .adBtn .btn.btn-primary, .adBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .adBtn .btn.btn-default {
  float: right;
}

.thubnailsBlock {
  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;
}
.thubnailsBlock li {
  float: left;
  margin: 4px;
}
.thubnailsBlock li a {
  float: left;
  width: 75px;
  height: 55px;
  overflow: hidden;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.63);
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.25);
}
.thubnailsBlock li a img {
  max-width: 100%;
  float: left;
  min-height: 100%;
}

.over-layout.flexRow {
  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;
}

.tempNote {
  float: left;
  width: 100%;
  padding: 12px;
  background-color: #ecf2f7;
  border-radius: 4px;
  font-size: 0.9rem;
}
.tempNote i {
  margin-right: 5px;
}

#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%;
}

[class*=adCouponWrapper_] {
  float: left;
  width: 100%;
  padding: 0 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;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
[class*=adCouponWrapper_] .couponBlock {
  float: left;
  width: calc(50% - 6px);
  height: 110px;
  margin: 8px 0;
  border-radius: 5px;
  position: relative;
}
[class*=adCouponWrapper_] .couponBlock .selectCoupon {
  left: 0;
  top: 0;
  cursor: pointer;
}
[class*=adCouponWrapper_] .couponBlock .selectCoupon:checked ~ .couponImg {
  border: 1px solid #00D2AC;
}
[class*=adCouponWrapper_] .couponBlock .selectCoupon:checked ~ .couponImg::after {
  content: "\f058";
  font-weight: 900;
  color: #00D2AC;
  font-family: "Font Awesome 5 Pro";
  right: 8px;
  position: absolute;
  top: 8px;
  font-size: 1rem;
  line-height: 1;
}
[class*=adCouponWrapper_] .couponBlock .couponImg {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #CED4DA;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
[class*=adCouponWrapper_] .couponBlock .couponImg img {
  max-height: 100%;
}
[class*=adCouponWrapper_] .couponBlock:hover {
  border-color: #1F3FD6;
}

.couponSelectedImage {
  float: left;
  width: 100%;
  border: 1px dashed #CED4DA;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
}
.couponSelectedImage img {
  max-height: 150px;
}
.couponSelectedImage .couponEdit {
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
  z-index: 9;
  border: none !important;
  background: none !important;
  line-height: 1;
  color: #272D33;
}
.couponSelectedImage .couponEdit:hover {
  color: #00D2AC;
}

.var-inner-form textarea {
  height: 120px !important;
}
.var-inner-form textarea.txtarea {
  margin: 0px !important;
}
.var-inner-form .halfWrap {
  margin: 0px !important;
}
.var-inner-form .halfWrap .row {
  margin-left: -6px;
  margin-right: -6px;
}
.var-inner-form .halfWrap .row [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.var-inner-form .halfWrap .formatBlock {
  float: left;
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  background-color: #f9f9f9;
  margin: 8px 0;
  border: 1px solid #ebebeb;
}
.var-inner-form .halfWrap .form-group {
  margin: 8px 0;
}
.var-inner-form .halfWrap .content-editable-dv {
  background-color: #fff;
  border: 1px solid #d4d4d4;
}
.var-inner-form .textSize {
  position: relative;
  float: left;
  width: 100%;
}
.var-inner-form .textSize .form-control {
  float: left;
  width: 100%;
  padding-right: 20px;
  margin: 0px !important;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}
.var-inner-form .textSize .num-up {
  width: 20px;
  height: 50%;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  border: none !important;
  background: none !important;
  box-shadow: none;
  outline: none;
}
.var-inner-form .textSize .num-up i {
  line-height: 1;
  color: #272D33;
}
.var-inner-form .textSize .num-down {
  width: 20px;
  height: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1;
  border: none !important;
  background: none;
  box-shadow: none;
  outline: none;
}
.var-inner-form .textSize .num-down i {
  line-height: 1;
  color: #272D33;
}
.var-inner-form .listAlgnmt {
  float: left;
  width: calc(100% + 6px);
  margin-left: -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;
}
.var-inner-form .listAlgnmt li {
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 2px 4px 2px;
  border: 1px solid #ccc;
  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;
  border-radius: 2px;
}
.var-inner-form .listAlgnmt li i {
  color: #272D33;
}
.var-inner-form .listAlgnmt li.decorationActive {
  border-color: #00D2AC;
}
.var-inner-form .listAlgnmt li.decorationActive i {
  color: #00D2AC;
}
.var-inner-form .clr-field #txtColor {
  margin: 0px !important;
  outline: none;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}
.var-inner-form .clr-field button[type=button] {
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.var-inner-form .textStyleBlock {
  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;
}
.var-inner-form .textStyleBlock .textarea-block-tab {
  margin: 0px;
}
.var-inner-form .textStyleBlock .textarea-block-tab button {
  float: left;
  width: 30px;
  height: 25px;
  margin: 0 3px 5px 3px;
  border: 1px solid #ccc;
  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;
  border-radius: 2px;
}
.var-inner-form .textStyleBlock .textarea-block-tab button i {
  font-size: 0.85rem;
}
.var-inner-form .textStyleBlock .textarea-block-tab button.active {
  border-color: #00D2AC;
}
.var-inner-form .textStyleBlock .textarea-block-tab button.active i {
  color: #00D2AC;
}
.var-inner-form .formatInput.datepicker, .var-inner-form .adContainer .chilliAreaCon .ChilliFilter .datepicker.formatTextarea, .adContainer .chilliAreaCon .ChilliFilter .var-inner-form .datepicker.formatTextarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.var-inner-form .formatInput.datepicker .input-group-append .input-group-append, .var-inner-form .adContainer .chilliAreaCon .ChilliFilter .datepicker.formatTextarea .input-group-append .input-group-append, .adContainer .chilliAreaCon .ChilliFilter .var-inner-form .datepicker.formatTextarea .input-group-append .input-group-append {
  background-color: #fff;
  width: 40px;
  height: 100%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.var-inner-form .formatInput.datepicker .form-control, .var-inner-form .adContainer .chilliAreaCon .ChilliFilter .datepicker.formatTextarea .form-control, .adContainer .chilliAreaCon .ChilliFilter .var-inner-form .datepicker.formatTextarea .form-control {
  margin: 0px !important;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  padding: 5px 10px !important;
}

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

.couponLibraryScrollBlock {
  float: left;
  width: calc(100% + 12px);
  margin-top: 8px;
  margin-left: -6px;
}
.couponLibraryScrollBlock .scroll-wrapper {
  padding: 0px !important;
  max-height: 400px;
}

.appliedCouponBlock {
  position: absolute;
  left: -5px;
  top: 5px;
  width: auto;
  padding: 5px;
  border-radius: 0;
  font-size: 9px;
  line-height: 1;
  z-index: 99;
  color: #ffffff;
  background-color: #1F3FD6;
}
.appliedCouponBlock::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 7px solid #3648B7;
}

.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: #F0F0F0;
  padding: 15px 5px;
  border: none;
  color: #606d8c;
  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-right: 1px solid #DFDFDF;
}
.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: #606d8c;
  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;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li a:hover, .newWizardLayout .stepsWrapper .wizard .steps ul li a:focus {
  border-color: transparent;
}
@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: #00D2AC;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.tab_incomplete a .topNavspan i {
  color: #00D2AC;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.tab_incomplete a .topNavspan i::before {
  content: "\f071";
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current a {
  color: #fff;
  position: relative;
  z-index: 99;
  background-color: #00D2AC;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.current a .topNavspan i {
  color: #ffffff;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.done.tab_incomplete a {
  color: #00D2AC;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.done.tab_incomplete a .topNavspan i {
  color: #00D2AC;
}
.newWizardLayout .stepsWrapper .wizard .steps ul li.done.tab_incomplete a .topNavspan i::before {
  content: "\f071";
}
.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:last-child a {
  border-right: 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: #fff;
  padding: 25px;
  margin: 0px;
  box-shadow: 0 0 10px rgba(160, 160, 160, 0.5);
  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, .newWizardLayout .stepsWrapper .wizard .content > section.body .DealerShipInfo {
  float: left;
  width: 100%;
  margin: 35px 0;
}
.newWizardLayout .stepsWrapper .wizard .actions {
  display: none;
}

.bgWhite {
  background-color: #fff;
  padding: 20px 25px;
  border: 1px solid #D4D4D4;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .bgWhite {
    padding: 15px;
  }
}

.stepsTitle {
  position: relative;
  font-size: 1.2rem;
  color: #444444;
  float: left;
  width: 100%;
  line-height: 1;
  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-] .fieldGroup .datepicker .input-group-append .input-group-text {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}
.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;
}

.stepInfo {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  font-weight: 600;
}

.stepSubTitleInner {
  float: left;
  width: 100%;
  font-size: 1.1rem;
  color: #444444;
  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%;
  /*&.dz-fa {
      position: absolute;
      left: 15px;
      top: 16px;
  }*/
}
#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 .primaryBtnBordered, .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: #F0F0F0;
}
.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;
}

.loginWrapper {
  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;
}
.loginWrapper .leftBlock {
  float: left;
  flex: 1;
  padding: 25px 80px;
  height: 100vh;
  overflow: auto;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  background: url("../../images/loginBg.jpg") no-repeat;
  background-size: cover;
  /*&::before {
      content: '';
      width: 100%;
      height: 100%;
      background: rgb(172,56,59);
      background: linear-gradient(180deg, rgba(172,56,59,1) 0%, rgba(242,186,68,1) 100%);
      opacity: 0.9;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
  }*/
}
.loginWrapper .leftBlock .leftContent {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 1.4rem;
  max-width: 500px;
}
.loginWrapper .leftBlock .leftContent h3 {
  font-size: 3rem;
}
.loginWrapper .leftBlock .loginInner {
  float: left;
  width: 100%;
  max-width: 650px;
}
.loginWrapper .leftBlock .carousel-inner {
  width: 100%;
  float: left;
}
.loginWrapper .leftBlock .carousel-inner .slideText {
  float: left;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
.loginWrapper .leftBlock .carousel-inner .slideText p {
  margin: 0px;
  line-height: 1.4;
}
.loginWrapper .leftBlock .carousel-indicators {
  position: relative;
  width: 100%;
  margin: 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;
}
.loginWrapper .leftBlock .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #D9D9D9;
}
.loginWrapper .leftBlock .carousel-indicators li.active {
  background-color: #00D2AC;
}
@media (min-width: 1600px) {
  .loginWrapper .leftBlock {
    width: 45%;
  }
  .loginWrapper .leftBlock .carousel-inner .carousel-item {
    text-align: center;
  }
  .loginWrapper .leftBlock .carousel-inner .carousel-item img {
    width: 100%;
    max-width: 550px;
  }
  .loginWrapper .leftBlock .carousel-inner .carousel-item .slideText p {
    font-size: 1.3rem;
    line-height: 1.7;
  }
}
@media (max-width: 1200px) {
  .loginWrapper .leftBlock {
    width: 420px;
  }
}
@media (max-width: 991px) {
  .loginWrapper .leftBlock {
    display: none;
  }
}
.loginWrapper .rightBlock {
  float: right;
  width: 530px;
  max-width: 530px;
  padding: 25px 70px;
  height: 100vh;
  overflow-y: auto;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  box-shadow: -10px 0px 20px 0 rgba(0, 0, 0, 0.1254901961);
  position: relative;
  z-index: 1;
}
.loginWrapper .rightBlock .loginRgtInner {
  float: left;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.loginWrapper .rightBlock .loginRgtInner .logoImg {
  max-width: 200px;
  margin-bottom: 25px;
  display: inline-block;
}
.loginWrapper .rightBlock .loginRgtInner .SignInTitle {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.loginWrapper .rightBlock .loginRgtInner p {
  color: #919EAB;
  line-height: 1.5;
}
.loginWrapper .rightBlock .loginRgtInner .signInform {
  float: left;
  width: 100%;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner {
  float: left;
  width: 100%;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group {
  float: left;
  margin: 10px 0;
  width: 100%;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group .form-control {
  height: 45px;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .codeBlock {
  float: left;
  width: calc(100% - 100px);
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .codeBlock label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  text-align: left;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .codeBlock .select2-container {
  float: left;
  width: 100%;
  text-align: left;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock {
  float: right;
  width: 90px;
  margin: 27px 0 10px;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnFill, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnBordered, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .secondaryBtn, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnBorderedsecondary, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnReset, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnBorderedGrey, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnGrey, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .enrollNow, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btnExportFill, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .modal .modal-footer .btn.btn-primary, .modal .modal-footer .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btn.btn-primary, .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .modal .modal-footer .btn.btn-default, .modal .modal-footer .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group.SendOtp .btnBlock .btn.btn-default {
  width: 100%;
  padding: 6px 8px;
}
@media (max-width: 500px) {
  .loginWrapper .rightBlock .loginRgtInner .signInform .formInner {
    margin-left: 0px;
    width: 100%;
  }
  .loginWrapper .rightBlock .loginRgtInner .signInform .formInner .form-group {
    margin: 10px 0;
    width: 100%;
  }
}
.loginWrapper .rightBlock .loginRgtInner .signInform .forgotBtnRow {
  float: left;
  width: 100%;
  margin: 10px 0 15px;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .forgotBtnRow .forgotBtn {
  float: right;
  font-size: 0.9rem;
  color: #222;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .forgotBtnRow .forgotBtn.accessBtn {
  color: #00D2AC;
  text-decoration: underline;
  font-size: 1rem;
  margin-top: 10px;
  display: inline-block;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn {
  float: left;
  width: 100%;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnFill, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnBordered, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .secondaryBtn, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnBorderedsecondary, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnReset, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnBorderedGrey, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnGrey, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .enrollNow, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btnExportFill, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btn.btn-primary, .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .loginWrapper .rightBlock .loginRgtInner .signInform .signInBtn .btn.btn-default {
  font-size: 1rem;
  padding: 6px 20px;
  width: 100%;
  height: 45px;
  border-radius: 0.25rem;
  background: #1F3FD6;
  border-color: #1F3FD6;
  color: #ffffff;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .btmLinks {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .btmLinks .fooLinks {
  float: right;
  position: relative;
  color: #444444;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .btmLinks .fooLinks i {
  margin-right: 3px;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .btmLinks .fooLinks:hover {
  color: #00D2AC;
}
.loginWrapper .rightBlock .loginRgtInner .signInform .btmLinks .fooLinks + .fooLinks {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ccc;
}
@media (min-width: 1600px) {
  .loginWrapper .rightBlock {
    width: 55%;
  }
  .loginWrapper .rightBlock .loginRgtInner {
    max-width: 800px;
  }
}
@media (max-width: 1200px) {
  .loginWrapper .rightBlock {
    width: calc(100% - 420px);
  }
}
@media (max-width: 991px) {
  .loginWrapper .rightBlock {
    width: 100%;
    max-width: 100%;
  }
  .loginWrapper .rightBlock .loginRgtInner {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .loginWrapper .rightBlock {
    width: 100%;
    max-width: 100%;
    padding: 25px;
  }
  .loginWrapper .rightBlock .loginRgtInner {
    max-width: 100%;
  }
}

.requestAccess {
  float: left;
  width: 100%;
}
.requestAccess a {
  text-decoration: underline;
  color: #272D33;
}

.confirmationEmailCon {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 30px 0 20px 0;
}
.confirmationEmailCon img {
  max-width: 80px;
  margin-bottom: 18px;
}
.confirmationEmailCon h6 {
  font-weight: 400;
  line-height: 1.6;
  font-size: 0.95rem;
  margin-bottom: 15px;
}
.confirmationEmailCon .signInBtn {
  float: left;
  width: 100%;
}

.blockHeader {
  float: left;
  width: 100%;
}
.blockHeader .a_Header {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #F0F0F0;
  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 .headBtnRgt {
  margin-left: auto;
}
.blockHeader .a_Header .headBtnRgt a.btnBordered, .blockHeader .a_Header .headBtnRgt .secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnFill, .blockHeader .a_Header .headBtnRgt .btnBordered, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnReset, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnGrey, .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 .modal .modal-footer .btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default {
  float: left;
  margin: 0 0 5px 0;
  padding: 5px 15px;
  line-height: 1.3;
}
.blockHeader .a_Header .headBtnRgt a.btnBordereda.btnBordered, .blockHeader .a_Header .headBtnRgt .modal .modal-footer a.btnBordereda.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt a.btnBordereda.btn.btn-default, .blockHeader .a_Header .headBtnRgt a.btnBordered.secondaryBtn, .blockHeader .a_Header .headBtnRgt .modal .modal-footer a.secondaryBtn.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt a.secondaryBtn.btn.btn-default, .blockHeader .a_Header .headBtnRgt a.btnBordered.btnFill, .blockHeader .a_Header .headBtnRgt a.btnBordered, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner a.btnBordered.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt a.btnBordered.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner a.btn.btn-default.enrollNow, .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt a.btn.btn-default.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer a.btn.btn-default.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .blockHeader .a_Header .headBtnRgt a.btn.btn-default.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer a.btnBordered.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt a.btnBordered.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer a.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt a.btn.btn-default, .blockHeader .a_Header .headBtnRgt .secondaryBtna.btnBordered, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtna.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtna.btn.btn-default, .blockHeader .a_Header .headBtnRgt .secondaryBtn.secondaryBtn, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnFill, .blockHeader .a_Header .headBtnRgt .secondaryBtn, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .secondaryBtn.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .secondaryBtn.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-default, .blockHeader .a_Header .headBtnRgt .btnFilla.btnBordered, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnFilla.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnFilla.btn.btn-default, .blockHeader .a_Header .headBtnRgt .btnFill.secondaryBtn, .blockHeader .a_Header .headBtnRgt .secondaryBtn, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .secondaryBtn.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .secondaryBtn.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-default, .blockHeader .a_Header .headBtnRgt .btnFill.btnFill, .blockHeader .a_Header .headBtnRgt .btnFill.btnBordered, .blockHeader .a_Header .headBtnRgt .btnFill.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnFill.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnFill.btnReset, .blockHeader .a_Header .headBtnRgt .btnFill.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnFill.btnGrey, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnFill.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnFill.enrollNow, .blockHeader .a_Header .headBtnRgt .btnFill.btnExportFill, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnFill.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnFill.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnFill.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnFill.btn.btn-default, .blockHeader .a_Header .headBtnRgt .btnFill.btnBordered, .blockHeader .a_Header .headBtnRgt .btnBordered, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnBordered, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btnBordered, .blockHeader .a_Header .headBtnRgt .btnReset.btnBordered, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btnBordered, .blockHeader .a_Header .headBtnRgt .btnGrey.btnBordered, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnBordered, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnBordered, .blockHeader .a_Header .headBtnRgt .btnExportFill.btnBordered, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnBordered, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnBordered, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnBordered, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnBordered, .blockHeader .a_Header .headBtnRgt .btnFill.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnBordered.secondaryBtn, .blockHeader .a_Header .headBtnRgt .secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnReset.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnGrey.secondaryBtn, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.secondaryBtn, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnExportFill.secondaryBtn, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.secondaryBtn, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.secondaryBtn, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.secondaryBtn, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.secondaryBtn, .blockHeader .a_Header .headBtnRgt .btnFill.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnBordered.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnReset.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnGrey.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnBorderedsecondary, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnExportFill.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnBorderedsecondary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnBorderedsecondary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnBorderedsecondary, .blockHeader .a_Header .headBtnRgt .btnFill.btnReset, .blockHeader .a_Header .headBtnRgt .btnBordered.btnReset, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnReset, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btnReset, .blockHeader .a_Header .headBtnRgt .btnReset, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btnReset, .blockHeader .a_Header .headBtnRgt .btnGrey.btnReset, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnReset, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnReset, .blockHeader .a_Header .headBtnRgt .btnExportFill.btnReset, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnReset, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnReset, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnReset, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnReset, .blockHeader .a_Header .headBtnRgt .btnFill.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnBordered.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnReset.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnGrey.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnBorderedGrey, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnExportFill.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnBorderedGrey, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnBorderedGrey, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnBorderedGrey, .blockHeader .a_Header .headBtnRgt .btnFill.btnGrey, .blockHeader .a_Header .headBtnRgt .btnBordered.btnGrey, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnGrey, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btnGrey, .blockHeader .a_Header .headBtnRgt .btnReset.btnGrey, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btnGrey, .blockHeader .a_Header .headBtnRgt .btnGrey, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnGrey, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnGrey, .blockHeader .a_Header .headBtnRgt .btnExportFill.btnGrey, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnGrey, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnGrey, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnGrey, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnGrey, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnFill.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnFill.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnBordered.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnBordered.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .secondaryBtn.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .secondaryBtn.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnBorderedsecondary.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnReset.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnReset.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnBorderedGrey.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnGrey.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnGrey.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnExportFill.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btnExportFill.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btn.btn-primary.enrollNow, .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btn.btn-primary.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .btn.btn-primary.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.enrollNow, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btn.btn-default.enrollNow, .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .btn.btn-default.enrollNow, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .btn.btn-default.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.enrollNow, .blockHeader .a_Header .headBtnRgt .btnFill.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnBordered.btnExportFill, .blockHeader .a_Header .headBtnRgt .secondaryBtn.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnReset.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnGrey.btnExportFill, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btnExportFill, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btnExportFill, .blockHeader .a_Header .headBtnRgt .btnExportFill, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btnExportFill, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btnExportFill, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btnExportFill, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btnExportFill, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnFill.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnFill.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBordered.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBordered.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBorderedsecondary.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnReset.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnReset.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBorderedGrey.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnGrey.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnGrey.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .enrollNow.btn.btn-primary, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .blockHeader .a_Header .headBtnRgt .enrollNow.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btn.btn-primary, .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnExportFill.btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnExportFill.btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default.btn-primary, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default.btn-primary, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnFill.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnFill.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBordered.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBordered.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .secondaryBtn.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .secondaryBtn.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBorderedsecondary.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBorderedsecondary.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnReset.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnReset.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnBorderedGrey.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnBorderedGrey.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnGrey.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnGrey.btn.btn-default, .blockHeader .a_Header .headBtnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .enrollNow.btn.btn-default, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .modal .modal-footer .blockHeader .a_Header .headBtnRgt .enrollNow.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow.btn.btn-default, .modal .modal-footer .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .blockHeader .a_Header .headBtnRgt .enrollNow.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btnExportFill.btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btnExportFill.btn.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-primary.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-primary.btn-default, .blockHeader .a_Header .headBtnRgt .modal .modal-footer .btn.btn-default, .modal .modal-footer .blockHeader .a_Header .headBtnRgt .btn.btn-default {
  margin-left: 5px;
}
.blockHeader .a_Header .headBtnRgt.alignStart {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}
.blockHeader h6 {
  font-weight: normal;
  color: #D9D9D9;
  margin-bottom: 5px;
  font-size: 1rem;
}
.blockHeader h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #444444;
  position: relative;
  padding-bottom: 12px;
  margin: 0;
}
.blockHeader h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 80px;
  height: 2px;
  background-color: #00D2AC;
}
.blockHeader h4 span {
  color: #444444;
}

.sizeoverflow {
  overflow: auto;
}

.createAdsWrapper {
  float: left;
  width: 100%;
}
.createAdsWrapper .recentPost {
  float: left;
  width: 100%;
  max-width: 480px;
  padding: 20px;
  background-color: #F4F7FF;
}
.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: #F7941C !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 #E9ECF3;
  counter-reset: section;
}
.commonWizard.wizard .steps ul li {
  float: left;
}
.commonWizard.wizard .steps ul li a {
  float: left;
  min-width: 120px;
  color: #8f8f8f;
  font-weight: 500;
  padding: 10px 15px;
  pointer-events: none;
  outline: none;
  box-shadow: none;
  border-bottom: 2px 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%;
  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;
  margin-right: 10px;
  font-size: 0px;
  border: 1px solid #ccc;
}
.commonWizard.wizard .steps ul li a .number::before {
  font-size: 0.95rem;
  font-weight: 600;
  counter-increment: section;
  content: counter(section);
}
.commonWizard.wizard .steps ul li.current a {
  color: #272D33;
  border-bottom-color: #00D2AC;
}
.commonWizard.wizard .steps ul li.current a .number {
  color: #00D2AC;
  border-color: #00D2AC;
  background-color: #ececec;
}
.commonWizard.wizard .steps ul li.done a {
  color: #00D2AC;
  border-bottom-color: transparent;
}
.commonWizard.wizard .steps ul li.done a .number {
  color: #00D2AC;
  background-color: #d2fff7;
  font-size: 0px;
  border-color: #00D2AC;
}
.commonWizard.wizard .steps ul li.done a .number::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-size: 1rem;
  font-weight: 400;
}
@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% - 500px);
  float: right;
}
.commonWizard.wizard.fixedTop .steps {
  position: absolute;
  right: 0;
  top: -77px;
  width: 100%;
}
.commonWizard.wizard.fixedTop .steps ul {
  border: none;
}
@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);
}
.commonWizard .content h3.title {
  display: none;
}
.commonWizard .content section.body {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

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

.formTitle {
  font-size: 1.09rem;
  float: left;
  width: 100%;
  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, .ht37 .form-control, .ht4 .form-control, .ht5 .form-control {
  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 #D4D4D4;
  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%;
}
.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%;
}

.ht5 .form-control {
  height: 50px;
}

.ht4 .form-control {
  height: 45px;
}
.ht4 .select2-container {
  width: 100% !important;
}
.ht4 .select2-container .select2-selection {
  border: 1px solid #ced4da;
  width: 100%;
  height: 45px !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: 43px !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;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  min-height: 43px;
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
  max-height: 60px;
  line-height: 1 !important;
  padding: 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-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  float: left;
  width: auto !important;
  float: none !important;
  margin: 2px !important;
  line-height: 16px !important;
  padding: 2px 8px !important;
  font-size: 0.8rem;
}
.ht4 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
}

.ht37 .form-control {
  height: 37px;
}
.ht37 .select2-container {
  width: 100% !important;
}
.ht37 .select2-container .select2-selection {
  border: 1px solid #ced4da;
  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;
  font-size: 0.9rem;
}
.ht37 .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple {
  height: auto;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  max-height: 35px;
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
}
.ht37 .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;
}
.ht37 .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
}

/*
.filterBody, .addAssetInner {
    .select2-selection__rendered {
        max-height: 40px;

        > li {
            display: inline-block;
            width: auto !important;
            float: none !important;
            margin: 0 5px 0 0 !important;
            line-height: 16px !important;
            padding: 2px 11px !important;
        }

        .select2-search--inline {
            display: none !important;
        }
    }
}*/
.contorl-label, .control-label {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 3px;
}

.customLabel {
  position: relative;
  float: left;
  width: 100%;
}
.customLabel .form-control {
  padding-top: 18px;
}
.customLabel .form-control:focus, .customLabel .form-control.not-empty {
  border-color: #00D2AC;
}
.customLabel .form-control:focus + .contorl-label, .customLabel .form-control.not-empty + .contorl-label {
  top: 5px;
  font-size: 0.8rem;
  transition: ease-in 0.2s;
  color: #00D2AC;
}
.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 {
  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: #F0F0F0;
}

.bgLightGrey {
  background-color: #ffffff;
}

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

.fooBtnBlock {
  float: left;
  width: 100%;
  padding: 12px;
  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 .btnBorderedsecondary, .fooBtnBlock .btnRgt .btnReset, .fooBtnBlock .btnRgt .btnBorderedGrey, .fooBtnBlock .btnRgt .btnGrey, .fooBtnBlock .btnRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .fooBtnBlock .btnRgt .enrollNow, .fooBtnBlock .btnRgt .btnExportFill, .fooBtnBlock .btnRgt .modal .modal-footer .btn.btn-primary, .modal .modal-footer .fooBtnBlock .btnRgt .btn.btn-primary, .fooBtnBlock .btnRgt .modal .modal-footer .btn.btn-default, .modal .modal-footer .fooBtnBlock .btnRgt .btn.btn-default, .fooBtnBlock .btnRgt .btnBordered, .fooBtnBlock .btnRgt .FilterBtn, .fooBtnBlock .btnRgt .secondaryBtn {
  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%;
  float: left;
}
.topFilter .row {
  margin-left: -6px;
  margin-right: -6px;
  width: calc(100% + 12px);
}
.topFilter [class*=col-] {
  padding-left: 6px;
  padding-right: 6px;
  float: left;
}
.topFilter .formBtn {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  -o-align-self: center;
  align-self: center;
  padding-left: 6px;
  padding-right: 6px;
  float: left;
}
.topFilter .formBtn * {
  margin: 2px;
}

.tableAction_dd .dropdown-toggle {
  float: left;
  width: 100%;
  border: none;
  background-color: transparent;
  text-align: left;
  outline: none !important;
  box-shadow: none !important;
}
.tableAction_dd .dropdown-toggle i {
  float: right;
}
.tableAction_dd .dropdown-toggle::after {
  display: none;
}
.tableAction_dd .dropdown-menu .dropdown-item {
  font-size: 0.9rem;
}

.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 .field-validation-valid, .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 .field-validation-valid + .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 {
  border-color: #eb004c;
}

.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%;
  }
}
.BulkWrapper .bulkCol5 {
  width: 50%;
}
@media (max-width: 520px) {
  .BulkWrapper .bulkCol5 {
    width: 100%;
  }
}

#frmManageAsset .commonWizard.wizard.fixedTop .steps, #frmManageTemplate .commonWizard.wizard.fixedTop .steps {
  top: -81px;
}
@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;
  }
}
@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: 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;
  }
}

.searchRowInline {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.searchRowInline .col-md-2 {
  max-width: calc(16.666667% - 9px);
}
.searchRowInline .col-md-3 {
  max-width: calc(25% - 9px);
}
.searchRowInline .col-md-3.s3Col {
  max-width: calc(25% - 16px);
}
.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;
  -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;
}
.searchRowInline .searchBtn .btnFill, .searchRowInline .searchBtn .btnBordered, .searchRowInline .searchBtn .secondaryBtn, .searchRowInline .searchBtn .btnBorderedsecondary, .searchRowInline .searchBtn .btnReset, .searchRowInline .searchBtn .btnBorderedGrey, .searchRowInline .searchBtn .btnGrey, .searchRowInline .searchBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .searchRowInline .searchBtn .enrollNow, .searchRowInline .searchBtn .btnExportFill, .searchRowInline .searchBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .searchRowInline .searchBtn .btn.btn-primary, .searchRowInline .searchBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .searchRowInline .searchBtn .btn.btn-default {
  width: 100%;
}
@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: 420px) {
  .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%;
  }
}

.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;
}

.fieldCombined {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fieldCombined .form-control {
  border-radius: 4px 0 0 4px;
}
.fieldCombined .checkboxLink {
  width: 250px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fieldCombined .checkboxLink .checkBox1 {
  position: relative;
  width: 100%;
  border: 1px solid #D4D4D4;
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.fieldCombined .checkboxLink .checkBox1 input[type=checkbox] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.fieldCombined .checkboxLink .checkBox1 input[type=checkbox]:checked + label {
  background-color: #eef8f9;
}
.fieldCombined .checkboxLink .checkBox1 input[type=checkbox]:checked + label::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 8px;
  color: #1F3FD6;
}
.fieldCombined .checkboxLink .checkBox1 label {
  font-weight: 400;
  font-size: 0.85rem;
  margin: 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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: 43px;
  background-color: #F0F0F0;
}
.fieldCombined .checkboxLink .checkBox1 label::before {
  content: "\f0c8";
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  margin-right: 8px;
  color: #444444;
  font-size: 1rem;
}

.assetsLeftCon {
  float: left;
  width: 100%;
  max-width: 480px;
  position: relative;
}
@media (max-width: 1100px) {
  .assetsLeftCon {
    max-width: 400px;
  }
}
@media (max-width: 991px) {
  .assetsLeftCon {
    max-width: 100%;
  }
}

.reviewBLock {
  float: left;
  width: 100%;
  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;
  padding: 30px 25px;
}
.reviewBLock .reviewBtn button {
  min-width: 100px;
  margin: 3px;
}

.variablesBlockRow {
  float: left;
  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;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  padding: 12px;
  border: 1px dashed #ccc;
  margin: 0 15px;
  border-radius: 4px;
}
.variablesBlockRow .smallHeading2 {
  font-size: 0.95rem;
}
.variablesBlockRow .divSM_Only {
  float: left;
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.variablesBlockRow .divSM_Only .dynamic_variablesBlock {
  width: 100%;
  margin: 5px 0;
  border-radius: 4px;
  background-color: #fff3cd;
  border: none;
}
.variablesBlockRow .divSM_Only .dynamic_variablesBlock p {
  font-size: 0.9rem;
  margin: 2px 0;
}
.variablesBlockRow .divSM_Only .dynamic_variablesBlock.c_col2 {
  background-color: #ecf8ed;
}
@media (max-width: 767px) {
  .variablesBlockRow .divSM_Only {
    width: 100%;
  }
}

.c_templateModal {
  float: left;
  width: 100%;
  padding: 0 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: space-between;
  -moz-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}
.c_templateModal .temp_Left {
  float: left;
  width: calc(50% - 10px);
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 4px;
  background-color: #fdfdfd;
}
.c_templateModal .temp_Left.temp_c_Left {
  background-color: #f8f9f8;
}

.socialMediaPreview .modal-content .modal-body {
  max-height: calc(100vh - 95px);
}
.socialMediaPreview .modal-content .modal-body .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1rem;
  outline: none;
}
.socialMediaPreview .modal-content .modal-body .preview-section {
  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: 15px 0;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner {
  float: left;
  width: 100%;
  max-width: 550px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewTitle {
  float: left;
  width: 100%;
  margin-bottom: 1.1rem;
  font-size: 0.95rem;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewImg {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewFooter {
  float: left;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-bottom: -15px;
  border-radius: 0 0 5px 5px;
  padding: 15px;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewFooter p {
  margin: 4px 0;
  line-height: 1.4;
  font-size: 0.85rem;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewFooter .previewRgt {
  margin-left: auto;
}
.socialMediaPreview .modal-content .modal-body .preview-section .previewInner .previewFooter .previewRgt .btnGrey {
  padding: 8px 10px;
  font-size: 0.8rem;
}
.socialMediaPreview .modal-content .modal-footer {
  margin: 0px;
  padding: 8px 15px;
  background-color: #f5f5f5;
}
.socialMediaPreview .modal-content .modal-footer .alignRgt {
  margin-left: auto;
}
.socialMediaPreview .modal-content .modal-footer .alignRgt .RgtAlignInner {
  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;
}
.socialMediaPreview .modal-content .modal-footer .alignRgt .RgtAlignInner .checkBoxInner {
  padding: 10px 15px;
}

.walletModal .modal-dialog {
  max-width: 890px;
  padding: 0 15px;
}
.walletModal .walletHeader {
  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: 15px 55px 15px 15px;
  position: relative;
}
.walletModal .walletHeader .whLeft {
  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;
}
.walletModal .walletHeader .whLeft i {
  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: 100%;
  border: 1px solid #1F3FD6;
  color: #1F3FD6;
  font-size: 1.3rem;
}
.walletModal .walletHeader .whLeft h6 {
  margin: 5px 15px;
  color: #1F3FD6;
}
.walletModal .walletHeader .whRgt {
  margin-left: auto;
  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;
}
.walletModal .walletHeader .whRgt label {
  float: left;
  font-size: 0.8rem;
  margin-bottom: 5px;
  line-height: 1;
}
.walletModal .walletHeader .whRgt h2 {
  float: left;
  margin: 0;
  line-height: 1;
  font-size: 1.7rem;
  color: #1F3FD6;
}
.walletModal .walletHeader .whRgt h2::before {
  content: "$";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  margin-right: 1px;
  font-size: 1.5rem;
}
.walletModal .walletHeader .close {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  opacity: 1;
  color: #444444;
  outline: none;
  box-shadow: none;
}
.walletModal .walletHeader.hideHeader {
  padding: 5px;
  border-radius: 0.3rem;
  background-color: #F6F6F6;
}
.walletModal .walletHeader.hideHeader + .modalBody .historyBLock .historyTable .customScroll {
  max-height: calc(100vh - 140px);
}
@media (max-width: 767px) {
  .walletModal .walletHeader .whRgt {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .walletModal .walletHeader .close {
    max-height: 60px;
  }
}
.walletModal .modalBody {
  float: left;
  padding: 15px;
  background-color: #F6F6F6;
  border-radius: 0 0 0.3rem 0.3rem;
}
.walletModal .modalBody .addMoneyRow {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.walletModal .modalBody .addMoneyRow label {
  text-transform: uppercase;
  font-size: 0.95rem;
}
.walletModal .modalBody .addMoneyRow .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;
}
.walletModal .modalBody .addMoneyRow .fieldBlock .fieldGroup {
  float: left;
  width: calc(100% - 210px);
  position: relative;
}
.walletModal .modalBody .addMoneyRow .fieldBlock .fieldGroup::before {
  content: "$";
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  margin-right: 1px;
  font-size: 0.85rem;
  width: 35px;
  height: 100%;
  position: absolute;
  left: 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;
}
.walletModal .modalBody .addMoneyRow .fieldBlock .fieldGroup .form-control {
  padding-left: 35px;
}
.walletModal .modalBody .addMoneyRow .fieldBlock .btnFill, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBordered, .walletModal .modalBody .addMoneyRow .fieldBlock .secondaryBtn, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedsecondary, .walletModal .modalBody .addMoneyRow .fieldBlock .btnReset, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .btnGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .walletModal .modalBody .addMoneyRow .fieldBlock .enrollNow, .walletModal .modalBody .addMoneyRow .fieldBlock .btnExportFill, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-primary, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-primary, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-default, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-default {
  width: 190px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .walletModal .modalBody .addMoneyRow .fieldBlock .fieldGroup {
    width: calc(100% - 140px);
  }
  .walletModal .modalBody .addMoneyRow .fieldBlock .btnFill, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBordered, .walletModal .modalBody .addMoneyRow .fieldBlock .secondaryBtn, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedsecondary, .walletModal .modalBody .addMoneyRow .fieldBlock .btnReset, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .btnGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .walletModal .modalBody .addMoneyRow .fieldBlock .enrollNow, .walletModal .modalBody .addMoneyRow .fieldBlock .btnExportFill, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-primary, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-primary, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-default, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-default {
    width: 120px;
  }
}
@media (max-width: 480px) {
  .walletModal .modalBody .addMoneyRow .fieldBlock .fieldGroup {
    width: 100%;
  }
  .walletModal .modalBody .addMoneyRow .fieldBlock .btnFill, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBordered, .walletModal .modalBody .addMoneyRow .fieldBlock .secondaryBtn, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedsecondary, .walletModal .modalBody .addMoneyRow .fieldBlock .btnReset, .walletModal .modalBody .addMoneyRow .fieldBlock .btnBorderedGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .btnGrey, .walletModal .modalBody .addMoneyRow .fieldBlock .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .walletModal .modalBody .addMoneyRow .fieldBlock .enrollNow, .walletModal .modalBody .addMoneyRow .fieldBlock .btnExportFill, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-primary, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-primary, .walletModal .modalBody .addMoneyRow .fieldBlock .modal .modal-footer .btn.btn-default, .modal .modal-footer .walletModal .modalBody .addMoneyRow .fieldBlock .btn.btn-default {
    width: 100%;
    padding: 12px;
    margin: 15px 0 0 0;
  }
}
.walletModal .modalBody .addMoneyRow[style="display: none;"] + .historyBLock {
  margin-top: 0px;
  padding-top: 0px;
  border: none;
}
.walletModal .modalBody .historyBLock {
  float: left;
  width: 100%;
  border-top: 1px dashed #ccc;
  padding-top: 30px;
  margin-top: 15px;
}
.walletModal .modalBody .historyBLock > h6 {
  font-size: 1.2rem;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.walletModal .modalBody .historyBLock .historyTable {
  float: left;
  width: 100%;
  overflow: auto;
}
.walletModal .modalBody .historyBLock .historyTable .scroll-wrapper {
  padding: 0px !important;
}
.walletModal .modalBody .historyBLock .historyTable .scroll-wrapper .scroll-element {
  z-index: 99;
}
.walletModal .modalBody .historyBLock .historyTable .table td, .walletModal .modalBody .historyBLock .historyTable .table table tr th, table tr .walletModal .modalBody .historyBLock .historyTable .table th {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .walletModal .modalBody .historyBLock .historyTable .table {
    min-width: 650px;
  }
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock {
  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;
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock .tIcon {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #C4C4C4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  position: relative;
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock .tIcon i {
  font-size: 1.2rem;
  color: #1F3FD6;
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock .r_Cont {
  float: left;
  padding-left: 15px;
  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;
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock .r_Cont h6 {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  margin-bottom: 3px;
}
.walletModal .modalBody .historyBLock .historyTable .TransactionsBlock .r_Cont p {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.walletModal .modalBody .historyBLock .historyTable .debitIcon .TransactionsBlock .tIcon::before, .walletModal .modalBody .historyBLock .historyTable .creditIcon .TransactionsBlock .tIcon::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 5px;
  z-index: 98;
  background-color: #fff;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
.walletModal .modalBody .historyBLock .historyTable .debitIcon .TransactionsBlock .tIcon::after, .walletModal .modalBody .historyBLock .historyTable .creditIcon .TransactionsBlock .tIcon::after {
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 4px;
  top: 5px;
  z-index: 99;
  width: 14px;
  height: 14px;
  color: #444444;
  font-size: 11px;
  font-weight: 900;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.walletModal .modalBody .historyBLock .historyTable .creditIcon .TransactionsBlock .tIcon::after {
  content: "+";
}

.fmm_BulkUpload, .masterStoreUpload, .GeoprofilesImports {
  float: left;
  width: 100%;
}
.fmm_BulkUpload .b_uploadRow, .masterStoreUpload .b_uploadRow, .GeoprofilesImports .b_uploadRow {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.fmm_BulkUpload .b_uploadRow .b_uploadInner, .masterStoreUpload .b_uploadRow .b_uploadInner, .GeoprofilesImports .b_uploadRow .b_uploadInner {
  -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;
  max-width: 580px;
  width: 100%;
}
.fmm_BulkUpload .b_uploadRow .uploadBtn1, .masterStoreUpload .b_uploadRow .uploadBtn1, .GeoprofilesImports .b_uploadRow .uploadBtn1 {
  padding-left: 20px;
  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;
}
.fmm_BulkUpload .b_uploadRow .uploadBtn1 .btnCol, .masterStoreUpload .b_uploadRow .uploadBtn1 .btnCol, .GeoprofilesImports .b_uploadRow .uploadBtn1 .btnCol {
  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;
}
@media (max-width: 767px) {
  .fmm_BulkUpload .b_uploadRow, .masterStoreUpload .b_uploadRow, .GeoprofilesImports .b_uploadRow {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .fmm_BulkUpload .b_uploadRow .uploadBtn1, .masterStoreUpload .b_uploadRow .uploadBtn1, .GeoprofilesImports .b_uploadRow .uploadBtn1 {
    width: 100%;
    padding: 0px;
    margin-top: 20px;
  }
}

.ErrorMsgCon {
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ErrorMsgCon .errorHeader {
  float: left;
  width: 100%;
  padding: 12px 15px;
  font-size: 2.1rem;
  background-color: #f65656;
  border-radius: 5px 5px 0 0;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ErrorMsgCon .errorHeader .fa {
  float: left;
  margin-right: 15px;
}
.ErrorMsgCon .errorHeader h5 {
  float: left;
  margin: 0;
}
.ErrorMsgCon .errorHeader button.close {
  margin-left: auto;
  text-shadow: none;
  color: #fff;
  opacity: 1;
  outline: none;
  box-shadow: none;
}
.ErrorMsgCon .ErrorContent {
  float: left;
  width: 100%;
  padding: 20px 15px;
  line-height: 1.7;
  font-size: 0.9rem;
}
.ErrorMsgCon .ErrorContent p {
  float: left;
  width: 100%;
  line-height: 1.7;
  font-size: 0.9rem;
}
.ErrorMsgCon .ErrorContent p span {
  float: left;
  width: 100%;
  margin: 5px 0;
  word-break: break-all;
}
.ErrorMsgCon .ErrorContent .BtnRow {
  float: left;
  width: 100%;
  border-top: 1px dashed #ccc;
  padding-top: 15px;
  margin-top: 15px;
}
.ErrorMsgCon .ErrorContent .BtnRow .btnFill, .ErrorMsgCon .ErrorContent .BtnRow .btnBordered, .ErrorMsgCon .ErrorContent .BtnRow .secondaryBtn, .ErrorMsgCon .ErrorContent .BtnRow .btnBorderedsecondary, .ErrorMsgCon .ErrorContent .BtnRow .btnReset, .ErrorMsgCon .ErrorContent .BtnRow .btnBorderedGrey, .ErrorMsgCon .ErrorContent .BtnRow .btnGrey, .ErrorMsgCon .ErrorContent .BtnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .ErrorMsgCon .ErrorContent .BtnRow .enrollNow, .ErrorMsgCon .ErrorContent .BtnRow .btnExportFill, .ErrorMsgCon .ErrorContent .BtnRow .modal .modal-footer .btn.btn-primary, .modal .modal-footer .ErrorMsgCon .ErrorContent .BtnRow .btn.btn-primary, .ErrorMsgCon .ErrorContent .BtnRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .ErrorMsgCon .ErrorContent .BtnRow .btn.btn-default {
  background-color: #f65656;
  border: 1px solid #f65656;
  color: #fff !important;
}

.GeoprofilesImports {
  max-width: 100%;
}

.masterStoreUpload {
  max-width: 100%;
}

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

.topFilterRow, .formRow {
  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: -10px;
  width: calc(100% + 20px);
}
.topFilterRow [class*=col-], .formRow [class*=col-] {
  padding: 0 10px;
}
.topFilterRow .formBtn, .formRow .formBtn {
  padding: 0 10px;
  align-self: center;
  margin-top: 10px;
}
.topFilterRow .formBtn .btnFill, .formRow .formBtn .btnFill, .topFilterRow .formBtn .secondaryBtn, .formRow .formBtn .secondaryBtn, .topFilterRow .formBtn .btnBorderedsecondary, .formRow .formBtn .btnBorderedsecondary, .topFilterRow .formBtn .btnReset, .formRow .formBtn .btnReset, .topFilterRow .formBtn .btnBorderedGrey, .formRow .formBtn .btnBorderedGrey, .topFilterRow .formBtn .btnGrey, .formRow .formBtn .btnGrey, .topFilterRow .formBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .formRow .formBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .topFilterRow .formBtn .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .formRow .formBtn .enrollNow, .topFilterRow .formBtn .btnExportFill, .formRow .formBtn .btnExportFill, .topFilterRow .formBtn .modal .modal-footer .btn.btn-primary, .formRow .formBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .topFilterRow .formBtn .btn.btn-primary, .modal .modal-footer .formRow .formBtn .btn.btn-primary, .topFilterRow .formBtn .modal .modal-footer .btn.btn-default, .formRow .formBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .topFilterRow .formBtn .btn.btn-default, .modal .modal-footer .formRow .formBtn .btn.btn-default, .topFilterRow .formBtn .btnBordered, .formRow .formBtn .btnBordered {
  margin: 3px;
}

.Action_icon {
  color: #374857;
  margin: 3px 4px;
  font-size: 0.95rem;
  float: left;
}

.registrationModal {
  padding-left: 17px;
}
.registrationModal .modal-dialog {
  max-width: 1400px;
  width: 100%;
  padding: 15px 15px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .registrationModal {
    padding: 0px;
  }
}

.topheader {
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px dashed #C9C9C9;
  padding-bottom: 12px;
  margin-bottom: 20px;
  padding-right: 30px;
}
.topheader h5 {
  float: left;
  margin: 3px 0;
  width: calc(100% - 40px);
}
.topheader button.close {
  position: absolute;
  right: 0;
  top: 5px;
}

.topbdr {
  border-top: 1px solid #C9C9C9;
  padding-top: 12px;
  margin-top: 12px;
}

.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-Left {
  width: 320px;
  text-align: left;
  height: calc(100vh - 30px);
  padding: 20px;
  overflow: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #00D2AC;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  /*&::after {
      content: "";
      background-image: url('./../images/LeftPanel.svg');
      position: absolute;
      top: 0px;
      left: 0px;
      background-repeat: no-repeat;
      width: 100%;
      height: calc(100vh - 30px);
      background-size: cover;

      @media(max-width:991px) {
          top: -10px;
          height: calc(100% + 10px);
      }
  }*/
}
.regcontainer .reg-Left .logo-rg {
  width: 100%;
  max-width: 250px;
}
.regcontainer .reg-Left .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-Left .regSteps ul {
  margin: 10px 0;
  padding: 0 10px;
}
.regcontainer .reg-Left .regSteps ul li {
  margin: 65px 0;
  color: #ffffff;
  position: relative;
  padding: 5px 0 5px 75px;
  opacity: 0.8;
}
.regcontainer .reg-Left .regSteps ul li i {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  height: 60px;
  width: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  color: #00D2AC;
  border: 1px solid #fff;
  background: #fff;
}
.regcontainer .reg-Left .regSteps ul li p {
  color: #ffffff;
  margin: 0;
}
@media (max-width: 767px) {
  .regcontainer .reg-Left .regSteps ul li p {
    font-size: 13px;
  }
}
.regcontainer .reg-Left .regSteps ul li h4 {
  font-size: 22px;
}
@media (max-width: 991px) {
  .regcontainer .reg-Left .regSteps ul li h4 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .regcontainer .reg-Left .regSteps ul li h4 {
    font-size: 14px;
  }
}
.regcontainer .reg-Left .regSteps ul li::before {
  content: "";
  height: 45px;
  width: 2px;
  background: #ffffff;
  position: absolute;
  left: 30px;
  top: 75px;
  opacity: 0.5;
}
.regcontainer .reg-Left .regSteps ul li:last-child::before {
  display: none;
}
.regcontainer .reg-Left .regSteps ul li.active, .regcontainer .reg-Left .regSteps ul li .completed {
  opacity: 1;
}
.regcontainer .reg-Left .regSteps ul li.active i, .regcontainer .reg-Left .regSteps ul li .completed i {
  border: 1px solid #ffffff;
  background: #ffffff;
  color: #00D2AC;
}
@media (max-width: 991px) {
  .regcontainer .reg-Left .regSteps ul {
    padding: 0px;
  }
}
.regcontainer .reg-Left[style="display: none;"] + .regFormCon {
  width: 100%;
}
@media (max-width: 991px) {
  .regcontainer .reg-Left {
    width: 100%;
    height: auto;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .regcontainer .reg-Left .regSteps {
    display: inline-block;
    width: 100%;
  }
  .regcontainer .reg-Left .regSteps ul {
    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;
  }
  .regcontainer .reg-Left .regSteps ul li {
    margin: 10px 0 0 0;
    padding: 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;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 50%;
  }
  .regcontainer .reg-Left .regSteps ul li::before {
    height: 2px;
    width: 100%;
    left: 50%;
    top: 17px;
  }
  .regcontainer .reg-Left .regSteps ul li i {
    position: relative;
    z-index: 9;
    width: 45px;
    height: 45px;
    font-size: 1.5rem;
    line-height: 45px;
  }
}
.regcontainer .regFormCon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: calc(100% - 320px);
  padding: 15px 25px;
  text-align: left;
  background-color: #fff;
  height: calc(100vh - 30px);
  overflow-y: auto;
}
.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 .regForm {
  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%;
  float: left;
  padding: 0 10px;
}
.regcontainer .regFormCon .regForm .regFormInner {
  float: left;
  width: 100%;
}
.regcontainer .regFormCon .regForm .regFormInner .regTitle {
  float: left;
  width: 100%;
  font-size: 1.6rem;
}
.regcontainer .regFormCon .regForm .regFormInner .subHeading {
  font-size: 0.9rem;
  font-weight: 400;
}
.regcontainer .regFormCon .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 .regForm .regFormInner .formBtnRow * {
  margin: 3px;
}
.regcontainer .regFormCon .regForm.step1 .regFormInner {
  /*@include flex(1 0 auto);*/
  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;
  /*@include flex-direction(column);
  @include justify-content(center);*/
  /*height: 100%;*/
}
.regcontainer .regFormCon .regForm.step1 .regFormInner #divStep1 {
  width: 100%;
  float: left;
}
.regcontainer .regFormCon .regForm.step1 .regFormInner #divStep1 .dvAlignCenter {
  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%;
  height: 100%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .regcontainer .regFormCon .regForm {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .regcontainer .regFormCon {
    width: 100%;
    height: auto;
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .regcontainer .regFormCon {
    padding: 15px;
  }
}

.userInfoSelected {
  float: left;
  width: 100%;
  font-size: 0.85rem;
}
.userInfoSelected p {
  float: left;
  margin: 0;
}
.userInfoSelected p span {
  font-weight: 700;
  margin-left: 2px;
  color: #00D2AC;
}
.userInfoSelected p + p {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}

.faStack {
  position: relative;
}
.faStack .stackIcon {
  position: absolute;
  right: -5px;
  bottom: -4px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #fff;
  font-size: 8px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.faStack .regenrateIcon {
  position: absolute;
  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;
  left: 0;
  top: 0;
  font-size: 8px;
}

.storeWrapper {
  float: left;
  width: 100%;
}
.storeWrapper .commonWizard.wizard .steps {
  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;
}
.storeWrapper .commonWizard.wizard .steps ul {
  float: left;
  width: 100%;
  max-width: 920px;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.storeWrapper .commonWizard.wizard .steps ul li {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.storeWrapper .commonWizard.wizard .steps ul li a {
  border: none;
  padding: 20px 15px;
}
.storeWrapper .commonWizard.wizard .steps ul li a .number {
  margin-right: 15px;
}
.storeWrapper .commonWizard.wizard .steps ul li a p {
  margin: 0px;
  font-size: 0.82rem;
}
@media (max-width: 991px) {
  .storeWrapper .commonWizard.wizard .steps ul li a p {
    font-size: 0px;
  }
}
.storeWrapper .commonWizard.wizard .steps ul li a p strong {
  font-size: 1.1rem;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .storeWrapper .commonWizard.wizard .steps ul li a p strong {
    font-size: 1rem;
  }
}
@media (max-width: 640px) {
  .storeWrapper .commonWizard.wizard .steps ul li a p {
    display: none;
  }
}
@media (max-width: 640px) {
  .storeWrapper .commonWizard.wizard .steps ul li {
    -webkit-flex: inherit;
    -webkit-box-flex: inherit;
    -moz-box-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
  }
  .storeWrapper .commonWizard.wizard .steps ul li a {
    padding: 10px;
    min-width: 20px;
  }
  .storeWrapper .commonWizard.wizard .steps ul li a .number {
    margin-right: 0px;
  }
}
@media (max-width: 640px) {
  .storeWrapper .commonWizard.wizard .steps ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.storeWrapper .commonWizard.wizard .content {
  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;
}
.storeWrapper .commonWizard.wizard .content section {
  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;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper {
  float: left;
  width: 100%;
  border: 1px solid #D4D4D4;
  border-radius: 10px;
  padding: 25px 20px;
  min-height: 250px;
  background-color: #ffffff;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeTitle {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 1.2rem;
  border-bottom: 1px dashed #D4D4D4;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeTitle span {
  color: #00D2AC;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm {
  float: left;
  width: 100%;
}
@media (max-width: 520px) {
  .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm {
    padding: 0 15px !important;
  }
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnFill, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnBordered, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .secondaryBtn, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnBorderedsecondary, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnReset, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnBorderedGrey, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnGrey, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .enrollNow, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btnExportFill, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .modal .modal-footer .btn.btn-primary, .modal .modal-footer .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btn.btn-primary, .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .modal .modal-footer .btn.btn-default, .modal .modal-footer .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .btnRow .btn.btn-default {
  min-width: 110px;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected #btnPrevious {
  position: absolute;
  left: -23px;
  top: 10px;
  border: none;
  background: none;
  outline: none;
  color: #272D33;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected .RetailerNameCon {
  float: left;
  padding: 10px 30px 10px 15px;
  border: 1px solid #ccc;
  border-radius: 30px;
  min-width: 250px;
  background-color: #fbfcfb;
  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;
  position: relative;
}
@media (max-width: 520px) {
  .storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected .RetailerNameCon {
    min-width: 100%;
  }
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected .RetailerNameCon span {
  float: left;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.storeWrapper .commonWizard.wizard .content section .storeInnerWrapper .storeForm .storeSelected .RetailerNameCon::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  position: absolute;
  right: 10px;
  color: #00D2AC;
}
.storeWrapper .commonWizard.wizard .content section.smallContainer {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.storeWrapper .commonWizard.wizard .content section.smallContainer .storeInnerWrapper {
  max-width: 920px;
}

.chooseLocations {
  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;
}
.chooseLocations .locationBlock {
  float: left;
  width: 100%;
}
.chooseLocations .locationBlock .form-group {
  float: left;
  width: 100%;
  position: relative;
}
.chooseLocations .locationBlock .select2-container {
  width: 100% !important;
}
.chooseLocations .locationBlock .select2-container .select2-selection {
  border: 1px solid #ced4da;
  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;
}
.chooseLocations .locationBlock .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
}
.chooseLocations .locationBlock .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.chooseLocations .locationBlock .select2-container .select2-selection.select2-selection--multiple {
  height: auto;
}
.chooseLocations .locationBlock .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
  min-height: 40px;
  line-height: 1 !important;
  padding: 5px;
  max-height: 80px;
}
.chooseLocations .locationBlock .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  display: inline-block;
  width: auto !important;
  float: none !important;
  margin: 3px 3px 3px 0 !important;
  line-height: 15px !important;
  padding: 1px 6px !important;
  font-size: 0.7rem;
  vertical-align: top;
}
.chooseLocations .locationBlock .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
}
.chooseLocations .locationBtn {
  margin-left: auto;
  width: 150px;
  /*@include alignSelf(center);*/
  margin-top: 26px;
}
.chooseLocations .locationBtn .btnFill, .chooseLocations .locationBtn .btnBordered, .chooseLocations .locationBtn .secondaryBtn, .chooseLocations .locationBtn .btnBorderedsecondary, .chooseLocations .locationBtn .btnReset, .chooseLocations .locationBtn .btnBorderedGrey, .chooseLocations .locationBtn .btnGrey, .chooseLocations .locationBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .chooseLocations .locationBtn .enrollNow, .chooseLocations .locationBtn .btnExportFill, .chooseLocations .locationBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .chooseLocations .locationBtn .btn.btn-primary, .chooseLocations .locationBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .chooseLocations .locationBtn .btn.btn-default {
  float: left;
  width: 100%;
}

.mapHeaderRow {
  float: left;
  width: 100%;
  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;
}
.mapHeaderRow a {
  float: left;
  color: #272D33;
  margin-right: 15px;
}
.mapHeaderRow .mapHead {
  float: left;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 600;
}
.mapHeaderRow .mapHeadRgt {
  margin-left: auto;
}
.mapHeaderRow .mapHeadRgt .field-validation-error, .mapHeaderRow .mapHeadRgt .field-validation-valid {
  text-align: right;
}
.mapHeaderRow .mapHeadRgt label {
  margin: 3px 0;
  padding-right: 12px;
  font-size: 0.85rem;
}
.mapHeaderRow .mapHeadRgt label span {
  font-weight: bold;
  color: #00D2AC;
}
@media (max-width: 767px) {
  .mapHeaderRow .mapHeadRgt label {
    float: left;
    width: 100%;
  }
}
.mapHeaderRow .mapHeadRgt label:empty {
  display: none;
}
.mapHeaderRow .mapHeadRgt .mapSelect {
  float: left;
}
.mapHeaderRow .mapHeadRgt .mapSelect .select2-container {
  float: left;
  width: 170px !important;
}
@media (max-width: 767px) {
  .mapHeaderRow .mapHeadRgt .mapSelect {
    width: 100%;
  }
  .mapHeaderRow .mapHeadRgt .mapSelect .select2-container {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .mapHeaderRow .mapHeadRgt {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
  }
}

.budgetBlockRow {
  float: left;
  width: 100%;
  padding: 20px;
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  background-color: #fbfcfe;
}
.budgetBlockRow .form-group {
  float: left;
  width: 100%;
}
.budgetBlockRow .flexGtroupInline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 100%;
  position: relative;
}
.budgetBlockRow .flexGtroupInline .form-control {
  float: left;
  margin-right: 10px;
}
.budgetBlockRow .flexGtroupInline .btnFill, .budgetBlockRow .flexGtroupInline .btnBordered, .budgetBlockRow .flexGtroupInline .secondaryBtn, .budgetBlockRow .flexGtroupInline .btnBorderedsecondary, .budgetBlockRow .flexGtroupInline .btnReset, .budgetBlockRow .flexGtroupInline .btnBorderedGrey, .budgetBlockRow .flexGtroupInline .btnGrey, .budgetBlockRow .flexGtroupInline .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .budgetBlockRow .flexGtroupInline .enrollNow, .budgetBlockRow .flexGtroupInline .btnExportFill, .budgetBlockRow .flexGtroupInline .modal .modal-footer .btn.btn-primary, .modal .modal-footer .budgetBlockRow .flexGtroupInline .btn.btn-primary, .budgetBlockRow .flexGtroupInline .modal .modal-footer .btn.btn-default, .modal .modal-footer .budgetBlockRow .flexGtroupInline .btn.btn-default {
  margin-left: auto;
}
.budgetBlockRow .costWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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%;
  float: left;
}
.budgetBlockRow .costWrapper .costLeft {
  float: left;
}
.budgetBlockRow .costWrapper .costLeft .contorl-label {
  margin-bottom: 0px;
}
.budgetBlockRow .costWrapper .costLeft .totalCost {
  font-weight: 700;
  font-size: 1.05rem;
  margin-left: 3px;
}
@media (max-width: 1280px) {
  .budgetBlockRow .costWrapper .costLeft {
    width: 100%;
  }
  .budgetBlockRow .costWrapper .costLeft .costBlock {
    float: left;
    width: 100%;
  }
  .budgetBlockRow .costWrapper .costLeft .contorl-label .totalCost {
    float: right;
  }
}
.budgetBlockRow .costWrapper .costViewBtn {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.budgetBlockRow .costWrapper .costViewBtn .btnBordered.btnSmall, .budgetBlockRow .costWrapper .costViewBtn .modal .modal-footer .btnSmall.btn.btn-default, .modal .modal-footer .budgetBlockRow .costWrapper .costViewBtn .btnSmall.btn.btn-default {
  padding: 3px 5px;
  line-height: 1.1;
  font-size: 0.8rem;
}
@media (max-width: 1280px) {
  .budgetBlockRow .costWrapper .costViewBtn {
    margin-top: 10px;
  }
}
.budgetBlockRow .chooseTemplate {
  float: left;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: -20px;
  padding: 12px 20px;
  border-top: 1px solid #D5D5D5;
}
.budgetBlockRow .chooseTemplate .btnFill, .budgetBlockRow .chooseTemplate .btnBordered, .budgetBlockRow .chooseTemplate .secondaryBtn, .budgetBlockRow .chooseTemplate .btnBorderedsecondary, .budgetBlockRow .chooseTemplate .btnReset, .budgetBlockRow .chooseTemplate .btnBorderedGrey, .budgetBlockRow .chooseTemplate .btnGrey, .budgetBlockRow .chooseTemplate .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .budgetBlockRow .chooseTemplate .enrollNow, .budgetBlockRow .chooseTemplate .btnExportFill, .budgetBlockRow .chooseTemplate .modal .modal-footer .btn.btn-primary, .modal .modal-footer .budgetBlockRow .chooseTemplate .btn.btn-primary, .budgetBlockRow .chooseTemplate .modal .modal-footer .btn.btn-default, .modal .modal-footer .budgetBlockRow .chooseTemplate .btn.btn-default {
  float: left;
  width: 100%;
}
.budgetBlockRow .contorl-label {
  font-size: 0.95rem;
}
.budgetBlockRow .selectedDaysRow {
  float: left;
  width: 100%;
}
.budgetBlockRow .mapHeadRgt {
  float: left;
  width: 100%;
}

.retailerInfoBlock {
  float: left;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
  padding: 12px;
  background-color: #FFFFFF;
}
.retailerInfoBlock .rlHead {
  float: left;
  width: 100%;
}
.retailerInfoBlock .rlHead i {
  color: #00D2AC;
  float: left;
  margin: 2px 5px 0 0;
}
.retailerInfoBlock .rlHead .spnRetailerName {
  float: left;
  font-size: 0.85rem;
  max-width: calc(100% - 50px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.retailerInfoBlock .rlHead .edit_rl {
  float: right;
  color: #272D33;
  cursor: pointer;
}
.retailerInfoBlock .rl_locations {
  float: left;
  width: calc(100% + 8px);
  margin: 0 0 0 -4px;
}
.retailerInfoBlock .rl_locations span {
  float: left;
  font-size: 0.8rem;
  border: 1px solid #E5E5E5;
  padding: 5px 6px;
  border-radius: 3px;
  line-height: 1;
  margin: 4px 3px;
  min-width: calc(25% - 6px);
}
.retailerInfoBlock .rl_locations span i {
  margin-left: 5px;
}

.locations.set_red {
  background-color: #d50000 !important;
  border-color: #d50000 !important;
  color: #fff !important;
}

.summaryWrapper {
  float: left;
  width: 100%;
  max-width: 400px;
  margin-bottom: 30px;
}
.summaryWrapper .fieldSummary {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.summaryWrapper .fieldGroup {
  float: left;
  width: 100%;
}
.summaryWrapper .SummaryDetail {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.summaryWrapper .SummaryDetail li {
  float: left;
  width: 100%;
  margin: 2px 0px;
  font-size: 0.9rem;
}
.summaryWrapper .SummaryDetail li > label {
  float: left;
  width: 140px;
  font-weight: 600;
  margin: 0;
}
.summaryWrapper .SummaryDetail li > label span {
  font-weight: 600;
}
.summaryWrapper .SummaryDetail li > span {
  float: left;
  width: calc(100% - 140px);
  font-weight: 600;
}
@media (max-width: 991px) {
  .summaryWrapper {
    max-width: 320px;
  }
}

.customizeWrapper {
  float: left;
  width: calc(100% - 450px);
  margin-right: 50px;
  border: 1px solid #D5D5D5;
  background-color: #fbfcfe;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 25px;
}
.customizeWrapper p {
  font-size: 0.85rem;
}
.customizeWrapper p:last-child {
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .customizeWrapper {
    width: calc(100% - 350px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .customizeWrapper {
    width: 100%;
    margin-right: 0;
  }
}

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

.csButtons {
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}
.csButtons button {
  float: left;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 400;
  text-align: center;
  box-shadow: none !important;
  outline: none !important;
  margin: 4px;
}
.csButtons button.btnAuto {
  background-color: #4c5f22;
  border: 1px solid #7f9f39;
  color: #fff;
}
.csButtons button.btnManual {
  background-color: #b1df52;
  border: 1px solid #7f9f39;
}
.csButtons button.btnAvaliable {
  background-color: #ccff5c;
  border: 1px solid #7f9f39;
}

@media (max-width: 767px) {
  #map {
    height: 280px !important;
  }
}

.selectedType {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.selectedType .selectedInner {
  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: #fbfcfe;
  border: 1px solid #D5D5D5;
  border-radius: 4px;
  padding: 10px 15px;
}
.selectedType .selectedInner p {
  margin: 0;
  float: left;
  font-size: 0.85rem;
}
.selectedType .selectedInner p span {
  padding-left: 5px;
}
.selectedType .selectedInner p + p {
  margin-left: 15px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}
@media (max-width: 620px) {
  .selectedType .selectedInner p {
    width: 100%;
    margin: 3px 0;
  }
  .selectedType .selectedInner p + p {
    margin-left: 0px;
    padding: 0px;
    border: none;
  }
}

.keyStyles {
  float: left;
  width: 100%;
  font-size: 0.9rem;
  background-color: #F3F4F5;
  padding: 10px 15px;
  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-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.keyStyles label {
  margin: 0;
  float: left;
}
@media (max-width: 991px) {
  .keyStyles label {
    width: 100%;
    margin-bottom: 5px;
  }
}
.keyStyles .k_contentBlock {
  float: left;
  width: calc(100% - 130px);
  padding-left: 15px;
}
.keyStyles .k_contentBlock > span {
  float: left;
  font-size: 0.9rem;
  margin: 2px 10px;
}
.keyStyles .k_contentBlock > span .k_col {
  float: left;
  width: 26px;
  height: 22px;
  border-radius: 4px;
  margin-right: 10px;
  border: 1px solid #CCCCCC;
  background-color: #fff;
}
.keyStyles .k_contentBlock > span .k_col.blocked-day {
  border: 1px solid #ACB9CA;
  background-color: #ACB9CA;
}
.keyStyles .k_contentBlock > span .k_col.selected-day {
  border: 1px solid #3bb479;
  background-color: #3bb479;
}
.keyStyles .k_contentBlock > span .k_col.corporate-day {
  border: 1px solid #d30915;
  background-color: #d30915;
}
@media (max-width: 991px) {
  .keyStyles .k_contentBlock {
    width: calc(100% + 20px);
    margin-left: -10px;
    padding-left: 0;
    margin-bottom: 15px;
  }
}

.calenderDates {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.calenderDates .calendar {
  float: left;
  width: calc(100% + 14px);
  margin-left: -7px;
  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;
  /*@include justify-content(space-between);*/
}
.calenderDates .calendar .month {
  width: calc(25% - 14px);
  margin: 7px;
  border: 1px solid #D9D9D9;
  text-align: center;
}
.calenderDates .calendar .month h2 {
  text-align: center;
  font-size: 0.95rem;
  background-color: #8497B0;
  padding: 5px;
  color: #fff;
  margin: 0;
}
.calenderDates .calendar .month .days {
  float: left;
  width: 100%;
  cursor: pointer;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calenderDates .calendar .month .days .day, .calenderDates .calendar .month .days .empty-day {
  float: left;
  width: 100%;
  margin: 0;
  height: 28px;
  font-size: 0.85rem;
  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;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.calenderDates .calendar .month .days div:nth-child(7), .calenderDates .calendar .month .days div:nth-child(14), .calenderDates .calendar .month .days div:nth-child(21), .calenderDates .calendar .month .days div:nth-child(28), .calenderDates .calendar .month .days div:nth-child(35) {
  border-right: none;
}
@media (max-width: 991px) {
  .calenderDates .calendar .month {
    width: calc(33.33% - 14px);
  }
}
@media (max-width: 767px) {
  .calenderDates .calendar .month {
    width: calc(50% - 14px);
  }
}
@media (max-width: 480px) {
  .calenderDates .calendar .month {
    width: calc(100% - 14px);
  }
}

.blocked-day {
  color: #ffffff;
  background-color: #ACB9CA;
  cursor: default;
}

.blocked2-day {
  color: white;
  cursor: default;
  background-color: saddlebrown;
}

.corporate-day {
  color: #ffffff;
  cursor: default;
  background-color: #d30915;
}

.selected-day {
  color: #ffffff;
  background-color: #3bb479;
}

#dvCalendarBody {
  max-height: inherit;
  border-radius: 0 0 10px 10px;
}

#divAmountToReachNextGeo .modal-body {
  max-height: inherit;
  border-radius: 0 0 3rem 3rem;
}

#frmAssetListSendToEmail .modal-body {
  max-height: inherit;
  border-radius: 0 0 3rem 3rem;
}

.tblProfileTable {
  float: left;
  width: 100%;
}
.tblProfileTable .customScroll {
  padding: 0 !important;
  max-height: calc(100vh - 330px) !important;
}
.tblProfileTable .scroll-element.scroll-y {
  display: block !important;
  z-index: 99 !important;
  right: 15px !important;
}
.tblProfileTable .scroll-element.scroll-y .scroll-element_outer .scroll-element_track {
  display: block !important;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.63);
}
.tblProfileTable .scroll-element.scroll-y .scroll-element_outer .scroll-bar {
  opacity: 1 !important;
  left: 2px;
  background-color: #000 !important;
  width: 10px;
}

.nextGEOTable {
  float: left;
  width: 100%;
}
.nextGEOTable .customScroll {
  padding: 0 !important;
  max-height: 350px !important;
}

.locationFlexField {
  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;
  margin-bottom: 10px;
}
.locationFlexField h6 {
  float: left;
  width: 100%;
  padding: 0 15px;
}
.locationFlexField.bdrlocation {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.locationFlexField.bdrlocation::before {
  content: "";
  position: absolute;
  left: 15px;
  width: calc(100% - 30px);
  bottom: 0;
  height: 1px;
  border-top: 1px dashed #ccc;
}

.mapLegand {
  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: 7px;
  background-color: #fbfcfe;
  border: 1px solid rgb(213, 213, 213);
  margin: 10px 0;
  border-radius: 4px;
}
.mapLegand li {
  float: left;
  margin: 5px 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;
}
.mapLegand li .box {
  float: left;
  width: 15px;
  height: 15px;
  background-color: #ccc;
  margin-right: 9px;
}
.mapLegand li .box.cl-avl {
  background-color: #F2EF92;
}
.mapLegand li .box.cl-Selected {
  background-color: #5FBB4B;
}
.mapLegand li .box.cl-Manual {
  background-color: #00783D;
}
.mapLegand li .box.cl-Locked {
  background-color: #A6ACAF;
}
.mapLegand li .box.cl-Restricted {
  background-color: #FF0000;
}
.mapLegand li .box.cl-avl-Alt {
  background-color: #0000FF;
}
.mapLegand li .box.cl-Selected-Alt {
  background-color: #00FFFF;
}
.mapLegand li p {
  margin: 0;
  float: left;
  font-size: 0.85rem;
}
.mapLegand.withbdr {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  padding: 0px;
  margin-bottom: 0px;
  border-top: 1px dashed #ccc;
  padding-top: 10px;
  margin-top: 12px;
}
.mapLegand.withbdr li {
  margin: 5px 15px 0 0;
}
.mapLegand.mapRgt {
  background-color: transparent;
  border: none;
  padding: 0;
  width: auto;
  margin: 5px 0 5px auto;
}

.mapboxgl-popup-content {
  padding: 13px 10px 15px !important;
}
.mapboxgl-popup-content button.mapboxgl-popup-close-button {
  font-size: 18px;
  right: 0;
  padding: 5px;
  line-height: 9px;
  outline: none !important;
}

#divAlgorithmDetail .modal-content {
  height: calc(100vh - 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;
}
#divAlgorithmDetail .modal-content .modal-body {
  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;
}
#divAlgorithmDetail .modal-content .modal-body .tblProfileTable {
  -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;
}
#divAlgorithmDetail .modal-dialog {
  margin: 10px 0;
  max-width: 100%;
  padding: 0 0 0 17px;
}
#divAlgorithmDetail .table tbody tr {
  background-color: #F2EF92;
}
#divAlgorithmDetail .table tbody tr.profile-selected {
  background-color: #5FBB4B !important;
  border-color: #808080;
  color: #ffffff;
}
#divAlgorithmDetail .table tbody tr.profile-selected-manually {
  background-color: #00783D !important;
  border-color: #808080;
  color: #ffffff;
}
#divAlgorithmDetail .table tbody tr td, #divAlgorithmDetail .table tbody table tr th, table #divAlgorithmDetail .table tbody tr th {
  border-color: #808080 !important;
}

.modal.distributionBLock .modal-body {
  border-radius: 0 0 0.3rem 0.3rem;
  max-height: inherit;
}
.modal.distributionBLock .modal-body .customScroll {
  max-height: calc(100vh - 160px) !important;
}

.geoLevels {
  float: left;
  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;
  margin-top: 3px;
}
.geoLevels h6 {
  margin: 0;
  font-size: 0.85rem;
  margin-right: 15px;
}

.MapFilter {
  float: left;
  width: calc(100% + 14px);
  margin-left: -7px;
  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;
}
.MapFilter .filterCol {
  float: left;
  width: 100%;
  max-width: calc(33.33% - 14px);
  margin: 5px 7px;
}
.MapFilter .filterCol label {
  float: left;
  width: 100%;
  margin-bottom: 3px;
  font-size: 0.85rem;
}
.MapFilter .filterCol .fieldBlock {
  float: left;
  width: 100%;
}
.MapFilter .filterCol .ht5Auto .select2-container {
  width: 100% !important;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection {
  border: 1px solid #ced4da;
  width: 100%;
  height: auto !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;
  min-height: 52px;
  overflow-y: auto;
  max-height: 70px;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection .select2-selection__rendered {
  width: 100%;
  line-height: 1 !important;
  font-size: 0.85rem;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection .select2-selection__arrow {
  height: calc(100% - 2px) !important;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection.select2-selection--multiple {
  height: auto;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
  height: auto;
  overflow-y: auto;
  white-space: normal;
  text-overflow: unset;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered > li {
  display: inline-block;
  width: auto !important;
  float: none !important;
  margin: 2px 3px 2px 0 !important;
  line-height: 16px !important;
  padding: 2px 5px !important;
  font-size: 0.75rem;
}
.MapFilter .filterCol .ht5Auto .select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered .select2-search--inline input {
  font-size: 0.8rem;
  margin-top: 0;
}

.orderMainBlock .fieldRow {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.orderMainBlock .prc_cart {
  float: left;
  width: 100%;
  margin-top: 12px;
  padding: 20px 0;
  border-top: 1px dashed #ccc;
  text-align: center;
}

.locationInfo {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  font-size: 0.8rem;
  color: #d50000;
}

.calRow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.calRow label {
  width: auto;
  margin: 0px 15px 0 0;
}
.calRow label strong {
  color: #00D2AC;
  font-weight: 600;
}
.calRow .calenderRow, .calRow .mapSelect {
  float: left;
  /*width: 100%;
  margin-top: 8px;*/
}

.editLocation_Msg {
  padding-left: 70px;
  font-size: 0.95rem;
  font-weight: 600;
  position: relative;
  margin: 12px 0;
  padding-right: 20px;
}
.editLocation_Msg i {
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 2.3rem;
  color: #ff0000;
}

.proBlock {
  float: left;
  width: calc(100% + 8px);
  margin-left: -4px;
  margin-bottom: 5px;
}
.proBlock .proCol {
  float: left;
  width: calc(50% - 8px);
  margin: 4px 4px;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #D4D4D4;
}
.proBlock .proCol label.control-label {
  margin: 0;
}
.proBlock .proCol span {
  float: right;
  width: 100%;
  font-size: 0.85rem;
}

.paymentLinkWrapper {
  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: 100%;
  float: left;
  margin: 15px 0;
}
.paymentLinkWrapper .py_Inner {
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px;
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.0784313725);
}
.paymentLinkWrapper .py_Inner img {
  max-width: 100px;
}
.paymentLinkWrapper .py_Inner h5 {
  margin: 15px 0 5px 0;
  font-size: 2.2rem;
}
.paymentLinkWrapper .py_Inner p {
  margin: 0;
  font-size: 1rem;
  color: #484646;
  padding: 6px 12px;
  font-weight: 500;
  background-color: #fbeeee;
  border-radius: 4px;
}

.geoInfo {
  float: left;
  -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;
  font-size: 0.9rem;
  width: 100%;
}
.geoInfo > span.alert {
  float: left;
  width: auto;
  margin: 0 0 7px 0;
}

.tableFilter input {
  background-color: transparent;
  border: none;
  outline: none;
  color: #3D3D3D;
  font-weight: 700;
}
.tableFilter::before {
  content: "";
  position: absolute;
  right: 5px;
  background-image: url(../../images/arrowfilter.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  width: 12px;
  height: 18px;
}
.tableFilter.filterChange::before {
  background-image: url(../../images/arrowfilter_select.png);
}

.advanceFilter {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ccc;
}

.location14 .select2-container.select2-container--open .select2-dropdown, .location1 .select2-container.select2-container--open .select2-dropdown {
  border: none !important;
}

@media (max-width: 620px) {
  .budgetBlock .b_rgt {
    margin-bottom: 5px;
  }
}

.budgetTitle {
  float: left;
  width: 100%;
  font-size: 0.92rem;
  margin-bottom: 0;
}

#tbodyMyOrders .hideAction {
  display: none;
}

.dateRow {
  float: left;
  width: calc(100% + 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;
  margin-left: -5px;
}
.dateRow .dateCol {
  float: left;
  font-size: 0.92rem;
  /*width: calc(50% - 10px);*/
  margin: 5px;
}
.dateRow .dateCol label {
  float: left;
  margin: 0 5px 0 0;
  width: auto;
  font-weight: 600;
}
.dateRow .dateCol strong {
  float: left;
  font-weight: 600;
  color: #00D2AC;
}

.daysBudgetRow {
  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;
  margin-bottom: 15px;
}
.daysBudgetRow .form-group {
  width: calc(50% - 16px);
  margin: 8px;
}

#tblMyOrders_wrapper table#tblMyOrders td:first-child, #tblMyOrders_wrapper table#tblMyOrders tr th:first-child {
  width: 100px !important;
  min-width: 100px;
}
@media (max-width: 991px) {
  #tblMyOrders_wrapper table#tblMyOrders {
    min-width: 1080px;
  }
}

.clickLinks {
  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;
}
.clickLinks p {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 0.9rem;
}
.clickLinks p .sm_size {
  float: left;
  padding: 2px 4px;
  font-size: 0.85rem;
  background-color: #f1f1f1;
  border-radius: 2px;
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.extraLocation {
  float: left;
  width: 100%;
  padding: 0 15px;
}
.extraLocation .MorelocationRow {
  float: left;
  width: 100%;
}
.extraLocation .selectMoreLocationBtn {
  float: left;
  background-color: #FBFCFE;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  font-size: 0.85rem;
  padding: 8px 12px;
  width: auto;
}

.viewAllBlock {
  float: left;
  width: 100%;
  display: none;
  position: relative;
}
.viewAllBlock .viewHead {
  float: left;
  width: 100%;
  font-size: 0.85rem;
  position: relative;
}
.viewAllBlock .viewHead .viewToggle {
  float: left;
  cursor: pointer;
}
.viewAllBlock .viewHead i.fa-eye {
  margin-right: 5px;
  color: #00D2AC;
}
.viewAllBlock .viewHead .edit_rl {
  float: right;
}
.viewAllBlock .ovarlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 990;
}
.viewAllBlock .viewPopupBlock {
  float: left;
  width: 100%;
  position: absolute;
  left: -400px;
  top: -13px;
  width: 380px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 12px;
  border-radius: 3px;
  z-index: 998;
  display: none;
}
.viewAllBlock .viewPopupBlock.show {
  display: block;
}
.viewAllBlock .viewPopupBlock::before {
  content: "";
  position: absolute;
  border-left: 7px solid #cccccc;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  top: 10px;
}
.viewAllBlock .viewPopupBlock::after {
  content: "";
  position: absolute;
  border-left: 6px solid #ffffff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  top: 11px;
}
.viewAllBlock .viewPopupBlock .arList, .viewAllBlock .viewPopupBlock .locationList {
  float: left;
  width: 100%;
  margin-bottom: 8px;
  font-size: 0.95rem;
  font-weight: 600;
}
.viewAllBlock .viewPopupBlock span {
  float: left;
  font-size: 0.75rem;
  padding: 3px;
  background-color: #ededed;
  margin: 2px;
  border-radius: 3px;
}
@media (max-width: 991px) {
  .viewAllBlock .viewPopupBlock {
    left: 0;
    top: calc(100% + 8px);
    max-width: 100%;
    max-height: 300px;
    overflow: auto;
  }
  .viewAllBlock .viewPopupBlock::before {
    border-bottom: 7px solid #cccccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: none;
    left: 6px;
    top: -7px;
    right: inherit;
  }
  .viewAllBlock .viewPopupBlock::after {
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: none;
    left: 7px;
    top: -5px;
    right: inherit;
  }
}

.bdrDivider {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed #ccc;
  float: left;
  width: 100%;
}

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

.myOrderTableLoader .dataTables_wrapper .dataTables_processing {
  font-size: 1rem !important;
  padding: 0 !important;
  height: 60px !important;
  -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 !important;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing div div:first-child {
  color: #00D2AC;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing div div:first-child::before, .myOrderTableLoader .dataTables_wrapper .dataTables_processing div div:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing div div:first-child::before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing div div:first-child::after {
  left: 3.5em;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing[style="display: block;"] {
  display: flex !important;
}
.myOrderTableLoader .dataTables_wrapper .dataTables_processing[style="display: block;"] ~ .dataTables_scroll .table {
  border: none !important;
}

@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
#divAmountToReachNextGeo .modal-dialog.modal-md {
  max-width: 550px;
  width: 100%;
}

.title3 {
  margin: 0;
  float: left;
  font-size: 1.2rem;
  font-weight: 600;
}

.cartFlex {
  float: left;
  width: 100%;
}
.cartFlex .cartOrderWrapper {
  float: left;
  width: calc(100% - 390px);
}
.cartFlex .cartOrderWrapper .orderInfobar {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.cartFlex .cartOrderWrapper .orderInfobar .orderInner {
  float: left;
  border-radius: 3px;
  background-color: #DEE8F4;
  padding: 5px 10px;
  font-size: 0.9rem;
}
.cartFlex .cartOrderWrapper .orderInfobar .orderInner span + span {
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px solid #707070;
}
.cartFlex .cartOrderWrapper .topBar {
  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-bottom: 10px;
}
.cartFlex .cartOrderWrapper .topBar .btnFill, .cartFlex .cartOrderWrapper .topBar .btnBordered, .cartFlex .cartOrderWrapper .topBar .secondaryBtn, .cartFlex .cartOrderWrapper .topBar .btnBorderedsecondary, .cartFlex .cartOrderWrapper .topBar .btnReset, .cartFlex .cartOrderWrapper .topBar .btnBorderedGrey, .cartFlex .cartOrderWrapper .topBar .btnGrey, .cartFlex .cartOrderWrapper .topBar .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .cartFlex .cartOrderWrapper .topBar .enrollNow, .cartFlex .cartOrderWrapper .topBar .btnExportFill, .cartFlex .cartOrderWrapper .topBar .modal .modal-footer .btn.btn-primary, .modal .modal-footer .cartFlex .cartOrderWrapper .topBar .btn.btn-primary, .cartFlex .cartOrderWrapper .topBar .modal .modal-footer .btn.btn-default, .modal .modal-footer .cartFlex .cartOrderWrapper .topBar .btn.btn-default {
  margin-left: auto;
}
.cartFlex .cartOrderWrapper .topBar.topBarInline .orderInfobar {
  width: auto;
  margin: 0 0 0 12px;
}
.cartFlex .cartOrderWrapper .topBar.topBarInline .orderInfobar .orderInner {
  padding: 3px 8px;
  font-size: 0.8rem;
}
.cartFlex .cartOrderWrapper .orderListWrapper {
  float: left;
  width: 100%;
}
.cartFlex .cartOrderWrapper .orderListWrapper .customScroll {
  padding: 0px !important;
  max-height: 780px !important;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl {
  float: left;
  width: 100%;
  border: 1px solid #C2C2C2;
  border-radius: 4px 4px 0 0;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li {
  float: left;
  width: 100%;
  padding: 20px 15px;
  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;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .orderEdit {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 1;
  z-index: 9;
  color: #9E9E9E;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .orderEdit:hover {
  color: #00D2AC;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn {
  position: absolute;
  right: 37px;
  top: 11px;
  line-height: 1;
  z-index: 9;
  color: #9E9E9E;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnFill.btnSmall, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnBordered, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.secondaryBtn, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnBorderedsecondary, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnReset, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnBorderedGrey, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnGrey, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnAddOn.btnSmall.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.enrollNow, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btnExportFill, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .modal .modal-footer .btnAddOn.btnSmall.btn.btn-primary, .modal .modal-footer .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btn.btn-primary, .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .modal .modal-footer .btnAddOn.btnSmall.btn.btn-default, .modal .modal-footer .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .btnAddOn.btnSmall.btn.btn-default {
  font-size: 0.75rem;
  padding: 3px 8px;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li .checkBoxInner {
  width: 22px;
}
.cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li + li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0px;
  width: calc(100% - 20px);
  height: 1px;
  border-top: 1px dashed #ccc;
}
@media (max-width: 767px) {
  .cartFlex .cartOrderWrapper .orderListWrapper .orderUl > li {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
}
.cartFlex .cartOrderWrapper .orderListWrapper .o_Bulkdwn {
  float: left;
  width: 100%;
  display: flex;
  background-color: #F9F9F9;
  border: 1px solid #C2C2C2;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 12px;
}
.cartFlex .cartOrderWrapper .orderListWrapper .o_Bulkdwn .btnBordered, .cartFlex .cartOrderWrapper .orderListWrapper .o_Bulkdwn .modal .modal-footer .btn.btn-default, .modal .modal-footer .cartFlex .cartOrderWrapper .orderListWrapper .o_Bulkdwn .btn.btn-default {
  margin-left: auto;
  line-height: 1.18;
}
@media (max-width: 1200px) {
  .cartFlex .cartOrderWrapper {
    width: calc(100% - 325px);
  }
}
@media (max-width: 991px) {
  .cartFlex .cartOrderWrapper {
    width: 100%;
  }
}
.cartFlex .cartSummary {
  float: right;
  width: 365px;
  padding: 20px;
}
.cartFlex .cartSummary .title3.bdrbtm {
  width: 100%;
  padding-bottom: 10px;
  /*margin-bottom: 10px;*/
  border-bottom: 1px solid #ccc;
}
.cartFlex .cartSummary .totalBlock {
  float: left;
  width: 100%;
}
.cartFlex .cartSummary .totalBlock li {
  float: left;
  width: 100%;
  font-size: 0.95rem;
  margin: 5px 0;
}
.cartFlex .cartSummary .totalBlock li label {
  float: left;
  margin: 0;
  color: #747474;
}
.cartFlex .cartSummary .totalBlock li span {
  float: right;
  color: #757575;
  font-weight: 600;
}
.cartFlex .cartSummary .totalBlock li.total {
  border-top: 1px solid #ccc;
  padding-top: 12px;
  margin-top: 10px;
  font-weight: bold;
}
.cartFlex .cartSummary .totalBlock li.total label {
  color: #444444;
  font-size: 1.05rem;
}
.cartFlex .cartSummary .totalBlock li.total span {
  color: #444444;
  font-size: 1.1rem;
  font-weight: bold;
}
.cartFlex .cartSummary .dealerContribution {
  float: left;
  margin-left: -20px;
  margin-bottom: -20px;
  width: calc(100% + 40px);
  padding: 15px 25px;
  background-color: #F8FAFD;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #D4D4D4;
  margin-top: 10px;
  /*.clsArtworkValidation {
      float: left;
      width: 100%;
      font-size: 0.83rem;
      margin: 10px 0;
      padding: 10px;
      border-radius: 4px;
      line-height: 1.4;
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb;
  }*/
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow {
  float: left;
  width: 100%;
  margin-bottom: 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-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow label {
  float: left;
  margin: 0;
  font-size: 0.95rem;
}
@media (max-width: 420px) {
  .cartFlex .cartSummary .dealerContribution .d_AmountRow label {
    width: 100%;
  }
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow .cartAmount {
  margin-left: auto;
  font-weight: bold;
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow .dCol {
  margin-left: auto;
  position: relative;
  width: 105px;
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow .dCol::before {
  content: "$";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 8px;
  top: calc(50% - 7px);
  color: #B8B8B8;
  font-size: 0.95rem;
  line-height: 1;
}
.cartFlex .cartSummary .dealerContribution .d_AmountRow .dCol .form-control {
  padding-left: 22px;
  font-weight: bold;
}
@media (max-width: 420px) {
  .cartFlex .cartSummary .dealerContribution .d_AmountRow .dCol {
    width: 100%;
  }
}
.cartFlex .cartSummary .dealerContribution .btnFill, .cartFlex .cartSummary .dealerContribution .btnBordered, .cartFlex .cartSummary .dealerContribution .secondaryBtn, .cartFlex .cartSummary .dealerContribution .btnBorderedsecondary, .cartFlex .cartSummary .dealerContribution .btnReset, .cartFlex .cartSummary .dealerContribution .btnBorderedGrey, .cartFlex .cartSummary .dealerContribution .btnGrey, .cartFlex .cartSummary .dealerContribution .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .cartFlex .cartSummary .dealerContribution .enrollNow, .cartFlex .cartSummary .dealerContribution .btnExportFill, .cartFlex .cartSummary .dealerContribution .modal .modal-footer .btn.btn-primary, .modal .modal-footer .cartFlex .cartSummary .dealerContribution .btn.btn-primary, .cartFlex .cartSummary .dealerContribution .modal .modal-footer .btn.btn-default, .modal .modal-footer .cartFlex .cartSummary .dealerContribution .btn.btn-default {
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 1rem;
}
.cartFlex .cartSummary .dealerContribution .clsCoopGreaterEstimate {
  float: left;
  width: 100%;
  font-size: 0.83rem;
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
  background-color: #ededed;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .cartFlex .cartSummary .dealerContribution {
    margin-left: -15px;
    margin-bottom: -15px;
    width: calc(100% + 30px);
  }
}
.cartFlex .cartSummary table tr td, .cartFlex .cartSummary table tr th {
  padding: 10px 0 !important;
  font-size: 0.85rem;
}
.cartFlex .cartSummary table tr td .bdr, .cartFlex .cartSummary table tr th .bdr {
  float: left;
  width: 100%;
  border-top: 1px solid #DCDCDC;
}
.cartFlex .cartSummary table tr td.left-align, .cartFlex .cartSummary table tr th.left-align {
  text-align: left !important;
}
.cartFlex .cartSummary table tr td.right-align, .cartFlex .cartSummary table tr th.right-align {
  text-align: right !important;
  font-weight: bold;
}
.cartFlex .cartSummary .Bill_summaryTop {
  float: left;
  width: 100%;
}
.cartFlex .cartSummary .Bill_Contribution {
  float: left;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: -20px;
  padding: 8px 20px;
  border-top: 1px solid #D4D4D4;
  background-color: #F8FAFD;
  border-radius: 0 0 4px 4px;
}
@media (max-width: 1200px) {
  .cartFlex .cartSummary {
    width: 310px;
  }
}
@media (max-width: 991px) {
  .cartFlex .cartSummary {
    width: 100%;
    margin-top: 20px;
  }
}

.orderMainBlock {
  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;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
}
.orderMainBlock .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1rem;
  outline: none;
}
.orderMainBlock .arrowCol {
  margin: 10px 0;
}
.orderMainBlock .arrowCol i {
  font-size: 4rem;
  color: #5AAA2E;
}
.orderMainBlock h5 {
  font-size: 1.4rem;
  margin-top: 10px;
}
.orderMainBlock p span {
  color: #00D2AC;
  font-weight: bold;
}

.fmm_Contribution {
  float: left;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  margin: 5px 0;
  background-color: #f7f7f7;
  position: relative;
}
.fmm_Contribution h6 {
  font-size: 0.85rem;
  float: left;
  width: 100%;
}
.fmm_Contribution h6 > span {
  padding: 3px 5px;
  background-color: #e0e5eb;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  margin-left: 4px;
  color: #3170B7;
}
.fmm_Contribution .fmm_list {
  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%;
  font-size: 0.9rem;
  color: #565656;
  margin: 8px 0;
}
.fmm_Contribution .fmm_list:first-child {
  margin-top: 0px;
}
.fmm_Contribution .fmm_list:last-child {
  margin-bottom: 0px;
}
.fmm_Contribution .fmm_list label {
  margin: 0;
  float: left;
  /*width: 100%;*/
}
.fmm_Contribution .fmm_list .fieldGroup {
  float: left;
  width: 100%;
}
.fmm_Contribution .fmm_list span {
  margin-left: auto;
  color: #424242;
  font-weight: 600;
}
.fmm_Contribution .fmm_list p {
  margin: 0px;
  font-weight: bold;
}
.fmm_Contribution .fmm_list ul {
  float: left;
  width: 100%;
}
.fmm_Contribution .fmm_list ul li {
  float: left;
  width: calc(100% - 18px);
  font-size: 0.83rem;
  list-style-type: disc;
  margin-left: 18px;
}
.fmm_Contribution .fmm_list ul li span {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  float: left;
}
.fmm_Contribution .fmm_list .dCol {
  margin-left: auto;
  position: relative;
  width: 105px;
}
.fmm_Contribution .fmm_list .dCol::before {
  content: "$";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 8px;
  top: calc(50% - 7px);
  color: #B8B8B8;
  font-size: 0.95rem;
  line-height: 1;
}
.fmm_Contribution .fmm_list .dCol .form-control {
  padding-left: 22px;
  font-weight: bold;
}
@media (max-width: 420px) {
  .fmm_Contribution .fmm_list .dCol {
    width: 100%;
  }
}
.fmm_Contribution #coop_not_applicable {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(222, 232, 244, 0.6705882353);
  border-radius: 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;
  backdrop-filter: blur(2px);
  font-weight: 600;
  padding: 15px;
  text-align: center;
  line-height: 1.5;
  font-size: 0.9rem;
  color: #000;
  text-shadow: 0 2px 1px rgba(255, 255, 255, 0.6392156863);
}

.orderCancelled .fa-circle-xmark {
  color: #e83f34 !important;
}

.errorTxt {
  background-color: #fbeeee;
  padding: 5px 10px;
  border-radius: 5px;
  color: #ff3224;
  line-height: 1.4;
}

.AddonProductType .modalInner .campaignHeader {
  padding-right: 0;
}
.AddonProductType .modalInner .campaignHeader h5 {
  width: calc(100% - 110px);
}
.AddonProductType .modalInner .campaignHeader button {
  margin-left: auto;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  -o-align-self: flex-start;
  align-self: flex-start;
}

.alert.alert-sm {
  padding: 5px 10px;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

#dvSocialMediaProceedToCart .modal-dialog {
  margin: 15px auto;
  max-width: 860px;
  width: 100%;
}
#dvSocialMediaProceedToCart .modal-dialog .customScroll {
  max-height: calc(100vh - 30px) !important;
}

.radiusBlock {
  float: left;
  width: 100%;
  border: 1px solid #D4D4D4;
  height: 45px;
  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;
}
.radiusBlock .spanLabel {
  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;
  align-items: center;
  width: 120px;
  font-size: 0.9rem;
  text-align: center;
  padding: 0 10px;
  background-color: #F2F2F2;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #D4D4D4;
}
.radiusBlock .radiusText {
  float: left;
  width: calc(100% - 120px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.radiusBlock .radiusText input[type=text] {
  float: left;
  width: calc(100% - 60px);
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0 12px;
}
.radiusBlock .radiusText span {
  float: right;
  color: #929292;
  font-size: 0.85rem;
  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;
}

.c_listCon {
  float: left;
  padding: 0 15px;
  width: calc(100% - 22px);
}
.c_listCon .c_img {
  float: left;
  width: 103px;
  border-radius: 4px;
  max-height: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .c_listCon .c_img {
    width: 60px;
    max-height: 80px;
  }
}
.c_listCon .c_content {
  float: left;
  width: calc(100% - 105px);
  padding: 0 15px;
  font-size: 0.95rem;
}
.c_listCon .c_content p {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  color: #00D2AC;
  font-weight: 600;
}
.c_listCon .c_content ul {
  float: left;
  width: 100%;
}
.c_listCon .c_content ul li {
  float: left;
  width: 50%;
  margin: 3px 0;
}
.c_listCon .c_content ul li label {
  margin: 0px;
  font-weight: 600;
}
.c_listCon .c_content ul li .view {
  color: #1F3FD6;
  font-size: 0.85rem;
}
@media (max-width: 1180px) {
  .c_listCon .c_content ul li {
    width: 100%;
    margin: 2px 0;
  }
}
@media (max-width: 991px) {
  .c_listCon .c_content ul li {
    width: 50%;
    margin: 4px 0;
  }
}
@media (max-width: 767px) {
  .c_listCon .c_content ul li {
    width: 100%;
    margin: 2px 0;
  }
}
@media (max-width: 767px) {
  .c_listCon .c_content {
    width: calc(100% - 60px);
    padding: 0 0 0 10px;
  }
}
@media (max-width: 420px) {
  .c_listCon .c_content {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
}

.orderToggleWrapper {
  float: left;
  width: 100%;
}
.orderToggleWrapper > li {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.orderToggleWrapper > li:first-child {
  margin-top: 0px;
}
.orderToggleWrapper > li:last-child {
  margin-bottom: 0px;
}
.orderToggleWrapper > li .orderHead {
  float: left;
  width: 100%;
  border: 1px solid #C2C2C2;
  background-color: #FBFBFB;
  color: #444444;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 4px 4px 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;
}
.orderToggleWrapper > li .orderHead .toggleIcon {
  margin-left: auto;
}
.orderToggleWrapper > li .orderToggleCont {
  float: left;
  width: 100%;
  border-radius: 0 0 4px 4px;
  border: 1px solid #C2C2C2;
  border-top: none;
}
.orderToggleWrapper > li .orderToggleCont > li {
  float: left;
  width: 100%;
  padding: 20px 15px;
}
.orderToggleWrapper > li .orderToggleCont > li .ProductInfoBlock {
  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;
}
.orderToggleWrapper > li .orderToggleCont > li .orderEdit {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 1;
  z-index: 9;
  color: #9E9E9E;
}
.orderToggleWrapper > li .orderToggleCont > li .orderEdit:hover {
  color: #00D2AC;
}
.orderToggleWrapper > li .orderToggleCont > li .btnAddOn {
  position: absolute;
  right: 37px;
  top: 11px;
  line-height: 1;
  z-index: 9;
  color: #9E9E9E;
}
.orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnFill.btnSmall, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnBordered, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.secondaryBtn, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnBorderedsecondary, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnReset, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnBorderedGrey, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnGrey, .orderToggleWrapper > li .orderToggleCont > li .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .btnAddOn.btnSmall.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.enrollNow, .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btnExportFill, .orderToggleWrapper > li .orderToggleCont > li .modal .modal-footer .btnAddOn.btnSmall.btn.btn-primary, .modal .modal-footer .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btn.btn-primary, .orderToggleWrapper > li .orderToggleCont > li .modal .modal-footer .btnAddOn.btnSmall.btn.btn-default, .modal .modal-footer .orderToggleWrapper > li .orderToggleCont > li .btnAddOn.btnSmall.btn.btn-default {
  font-size: 0.75rem;
  padding: 3px 8px;
}
.orderToggleWrapper > li .orderToggleCont > li .checkBoxInner {
  width: 22px;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow {
  float: left;
  width: 100%;
  margin: 12px 0;
  padding: 12px 0;
  border-top: 1px dashed #C2C2C2;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow .arHead {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow .arListRow {
  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;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow .arListRow .arc_List {
  float: left;
  width: calc(33.33% - 10px);
  margin: 10px 5px;
  border: 1px solid #EFEFEF;
  background-color: #F9F9F9;
  border-radius: 5px;
  padding: 10px;
  font-size: 0.85rem;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow .arListRow .arc_List p {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow .arListRow .arc_List span {
  float: left;
  margin-right: 12px;
}
.orderToggleWrapper > li .orderToggleCont > li .arInfoRow:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.orderToggleWrapper > li.BlockHide .orderHead {
  border-radius: 4px;
  border: 1px solid #C2C2C2;
  background-color: #ffffff;
  color: #444444;
}

.billingBlockTitle {
  float: left;
  width: 100%;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 0.95rem;
}
.billingBlockTitle span {
  float: left;
  margin-right: 11px;
  line-height: 1.3;
}

.BillingDetailCon {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 20px;
}
.BillingDetailCon .topBar .title3 .backArrow {
  position: absolute;
  left: -5px;
  font-size: 1rem;
}
.BillingDetailCon .topBar .title3 .backArrow i {
  color: #959595;
}
.BillingDetailCon .Co-opAppliedBlock {
  float: left;
  width: 100%;
  margin: 15px 0 0 0;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper {
  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;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper .appliedCoop {
  cursor: pointer;
  border: 1px solid #BCE2A7;
  background: #F7FBF5;
  border-radius: 5px;
  padding: 6px 10px;
  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-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;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper .appliedCoop .ca_Icon {
  float: left;
  font-size: 1.4rem;
  color: #5AAA2E;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper .appliedCoop .coopName {
  float: left;
  margin: 0 12px;
  font-size: 0.9rem;
  font-weight: bold;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper .appliedCoop .coopName span {
  color: #5AAA2E;
}
.BillingDetailCon .Co-opAppliedBlock .appliedCoopWrapper .appliedCoop .ca_Check {
  float: left;
  color: #5AAA2E;
}

.paymentBlock {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.paymentBlock .paymentRow {
  float: left;
  width: 100%;
}

.walletBalanceCon {
  float: left;
  width: 100%;
  border: 1px solid #CFCFCF;
  border-radius: 4px;
  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;
}
.walletBalanceCon .walletBalance {
  float: left;
  width: calc(33.33% - 15px);
  border-right: 1px solid #CFCFCF;
  padding: 12px 10px;
  margin-right: 15px;
}
.walletBalanceCon .walletBalance .amount {
  font-weight: bold;
  color: #1F3FD6;
}
.walletBalanceCon .walletField {
  float: left;
  width: 33.33%;
  padding: 12px 10px;
}
.walletBalanceCon .walletField .control-label {
  font-weight: normal;
}

.storeCostInfo {
  float: left;
  width: 100%;
  margin-top: 25px;
}
.storeCostInfo table {
  width: 100%;
}
.storeCostInfo table.storeTable {
  border: 1px solid #CFCFCF;
  border-radius: 4px;
}
.storeCostInfo table.storeTable thead tr th {
  padding: 12px;
  font-size: 0.9rem;
  background-color: #F8F8F8;
  border-bottom: 1px solid #CFCFCF;
}
.storeCostInfo table.storeTable thead tr th.right-align {
  text-align: right;
}
.storeCostInfo table.storeTable tbody tr td, .storeCostInfo table.storeTable tbody tr th {
  padding: 12px;
  font-size: 0.9rem;
}
.storeCostInfo table.storeTable tbody tr td.right-align, .storeCostInfo table.storeTable tbody tr th.right-align {
  text-align: right !important;
}
.storeCostInfo table.storeTable tbody tr td.py-0, .storeCostInfo table.storeTable tbody tr th.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.storeCostInfo table.storeTable tbody tr td.storeExpendedList, .storeCostInfo table.storeTable tbody tr th.storeExpendedList {
  padding: 0 0 15px 0 !important;
}
.storeCostInfo table.storeTable tbody tr td td, .storeCostInfo table.storeTable tbody tr th td, .storeCostInfo table.storeTable tbody tr td th, .storeCostInfo table.storeTable tbody tr th th {
  padding: 12px !important;
}
.storeCostInfo table.storeTable tbody tr td .ar_Store, .storeCostInfo table.storeTable tbody tr th .ar_Store {
  float: left;
  width: 100%;
  position: relative;
  border-radius: 0;
  border: 1px solid #F5F5F5;
  background-color: #FBFBFB;
  border-left: 0;
  border-right: 0;
}
.storeCostInfo table.storeTable tbody tr td .ar_Store::before, .storeCostInfo table.storeTable tbody tr th .ar_Store::before {
  content: "";
  position: absolute;
  border-bottom: 7px solid #F5F5F5;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  left: 23px;
  top: -7px;
}
.storeCostInfo table.storeTable tbody tr td .ar_Store::after, .storeCostInfo table.storeTable tbody tr th .ar_Store::after {
  content: "";
  position: absolute;
  border-bottom: 5px solid #FBFBFB;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 25px;
  top: -5px;
}
.storeCostInfo table.storeTable tbody tr td .ar_Store.headerOnly, .storeCostInfo table.storeTable tbody tr th .ar_Store.headerOnly {
  border-color: transparent;
  background-color: #ffffff;
}
.storeCostInfo table.storeTable tbody tr td .ar_Store.headerOnly:before, .storeCostInfo table.storeTable tbody tr th .ar_Store.headerOnly:before, .storeCostInfo table.storeTable tbody tr td .ar_Store.headerOnly:after, .storeCostInfo table.storeTable tbody tr th .ar_Store.headerOnly:after {
  display: none;
}
.storeCostInfo table.storeTable tbody tr:last-child td, .storeCostInfo table.storeTable tbody tr:last-child th {
  padding-bottom: 15px;
}
.storeCostInfo table.storeTable#withSplit th.column120, .storeCostInfo table.storeTable#withSplit td.column120 {
  width: 120px;
  min-width: inherit;
}
.storeCostInfo table.storeTable#withSplit th.column150, .storeCostInfo table.storeTable#withSplit td.column150 {
  width: 150px;
  min-width: inherit;
}
.storeCostInfo table.storeTable#withSplit th.column200, .storeCostInfo table.storeTable#withSplit td.column200 {
  width: 200px;
  min-width: inherit;
}
.storeCostInfo table.storeTable#withSplit th.column170, .storeCostInfo table.storeTable#withSplit td.column170 {
  width: 170px;
  min-width: inherit;
}

.fmm_Percentage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.fmm_Percentage .form-control {
  max-width: 75px;
  margin-right: 5px;
}

.coopAmountApplied {
  float: left;
  width: 100%;
  border: 1px solid #BCE2A7;
  background: #F7FBF5;
  border-radius: 5px;
  padding: 6px 10px;
}
.coopAmountApplied .right-align {
  color: #5AAA2E;
}

.downdloadBtn {
  float: right;
  font-size: 0.85rem;
  font-weight: 400;
  margin: 4px 0;
}

.amountWithTax {
  float: right;
}
.amountWithTax .amount {
  float: right;
  width: 100%;
  font-weight: bold;
}
.amountWithTax .taxInfo {
  float: right;
  width: 100%;
}
.amountWithTax.leftAlign {
  float: left;
}

.FmmAmountinfo {
  color: #00D2AC;
}

.paymentWrapper {
  float: left;
  width: 100%;
}
.paymentWrapper .p_pInner {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px;
}
.paymentWrapper .p_pInner .p_pHead {
  float: left;
  width: 100%;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 1px dashed #ccc;
  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;
}
.paymentWrapper .p_pInner .p_pHead > i {
  float: left;
  background-color: #EFFEE6;
  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;
  border-radius: 100%;
  margin-right: 10px;
  color: #00D2AC;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .paymentWrapper .p_pInner .p_pHead > i {
    font-size: 1rem;
    width: 35px;
    height: 35px;
  }
}
.paymentWrapper .p_pInner .p_pHead h5 {
  margin: 0px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .paymentWrapper .p_pInner .p_pHead h5 {
    font-size: 1rem;
  }
}
.paymentWrapper .p_pInner .p_pHead .p_headRgt {
  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;
}
.paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnFill, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBordered, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.secondaryBtn, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBorderedsecondary, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnReset, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBorderedGrey, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnGrey, .paymentWrapper .p_pInner .p_pHead .p_headRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .paymentWrapper .p_pInner .p_pHead .p_headRgt button.enrollNow, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnExportFill, .paymentWrapper .p_pInner .p_pHead .p_headRgt .modal .modal-footer button.btn.btn-primary, .modal .modal-footer .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btn.btn-primary, .paymentWrapper .p_pInner .p_pHead .p_headRgt .modal .modal-footer button.btn.btn-default, .modal .modal-footer .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btn.btn-default {
  float: left;
  margin-right: 10px;
}
@media (max-width: 420px) {
  .paymentWrapper .p_pInner .p_pHead .p_headRgt {
    width: 100%;
    margin-top: 10px;
  }
  .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnFill, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBordered, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.secondaryBtn, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBorderedsecondary, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnReset, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnBorderedGrey, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnGrey, .paymentWrapper .p_pInner .p_pHead .p_headRgt .homecarouselWrapper .carousleCon .carousel-caption .carouselInner button.enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .paymentWrapper .p_pInner .p_pHead .p_headRgt button.enrollNow, .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btnExportFill, .paymentWrapper .p_pInner .p_pHead .p_headRgt .modal .modal-footer button.btn.btn-primary, .modal .modal-footer .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btn.btn-primary, .paymentWrapper .p_pInner .p_pHead .p_headRgt .modal .modal-footer button.btn.btn-default, .modal .modal-footer .paymentWrapper .p_pInner .p_pHead .p_headRgt button.btn.btn-default {
    width: 100%;
    margin: 5px 0 10px 0;
  }
}
.paymentWrapper .p_pInner .p_pHead .timeRemaining {
  padding: 5px 8px;
  background-color: #f7f7f7;
  border-radius: 3px;
  line-height: 1.3;
}
.paymentWrapper .p_pInner .p_pHead .timeRemaining label {
  font-size: 0.8rem;
  margin-bottom: 2px;
}
.paymentWrapper .p_pInner .p_pHead .timeRemaining p {
  margin: 0;
  font-weight: 600;
}
.paymentWrapper .p_pInner .p_pHead .timeRemaining p i {
  margin-right: 3px;
  color: #00D2AC;
}
@media (max-width: 420px) {
  .paymentWrapper .p_pInner .p_pHead .timeRemaining {
    width: 100%;
    margin: 5px 0 10px 0;
  }
}
.paymentWrapper .p_pInner .p_pBody {
  float: left;
  width: 100%;
}
.paymentWrapper .p_pInner .p_pBody ul {
  float: left;
  width: calc(100% + 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;
  margin: 15px -5px 5px -5px;
}
.paymentWrapper .p_pInner .p_pBody ul li {
  float: left;
  width: calc(25% - 10px);
  padding: 5px 10px;
  margin: 5px;
}
.paymentWrapper .p_pInner .p_pBody ul li label {
  margin-bottom: 1px;
  font-weight: 600;
  font-size: 0.9rem;
  float: left;
  width: 100%;
}
.paymentWrapper .p_pInner .p_pBody ul li span {
  float: left;
  width: 100%;
  font-size: 0.9rem;
}
.paymentWrapper .p_pInner .p_pBody ul li:hover {
  background-color: #efefef;
}
@media (max-width: 991px) {
  .paymentWrapper .p_pInner .p_pBody ul li {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media (max-width: 520px) {
  .paymentWrapper .p_pInner .p_pBody ul li {
    width: calc(100% - 20px);
    margin: 10px;
  }
}

.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: #F6F6F6;
  border-radius: 5px;
}
.quickHelpModal .helpHeader {
  float: left;
  width: 100%;
  padding: 20px 50px 20px 20px;
  position: relative;
}
.quickHelpModal .helpHeader h4 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
  float: left;
  margin-bottom: 0px;
  font-size: 1rem;
}
.quickHelpModal .helpHeader h4 strong {
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
.quickHelpModal .helpHeader .close {
  position: absolute;
  right: 20px;
  top: 12px;
  opacity: 1;
}
.quickHelpModal .helpHeader .close i {
  color: #272D33;
}
.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 .secondaryBtn, .quickHelpModal .helpFoo .btnBorderedsecondary, .quickHelpModal .helpFoo .btnReset, .quickHelpModal .helpFoo .btnBorderedGrey, .quickHelpModal .helpFoo .btnGrey, .quickHelpModal .helpFoo .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .quickHelpModal .helpFoo .enrollNow, .quickHelpModal .helpFoo .btnExportFill, .quickHelpModal .helpFoo .modal .modal-footer .btn.btn-primary, .modal .modal-footer .quickHelpModal .helpFoo .btn.btn-primary, .quickHelpModal .helpFoo .modal .modal-footer .btn.btn-default, .modal .modal-footer .quickHelpModal .helpFoo .btn.btn-default, .quickHelpModal .helpFoo .btnBordered {
  margin: 4px;
}

.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: #00D2AC;
  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: #00D2AC;
}
.sizeWrap .sizeBlock label img {
  max-height: 180px;
}

.showHeaderTab {
  float: left;
  position: absolute;
  width: auto;
  left: calc(50% - 50px);
  position: absolute;
  transition: ease-in 0.3s;
  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;
}
.showHeaderTab h3 {
  float: left;
  width: 110px;
  font-size: 0.85rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 5px;
  text-align: center;
  background-color: #E9ECF3;
  border-radius: 0 0 4px 4px;
  cursor: pointer;
  margin: 0;
}

.adContainer .showHeaderTab {
  position: absolute;
  width: auto;
  left: calc(50% - 50px);
}
.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;
  border-bottom: 1px solid #ccc;
}
.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: #272D33;
  font-size: 0.95rem;
  text-transform: uppercase;
}
.adContainer .adTopWrap ul li a i {
  display: none;
}
.adContainer .adTopWrap ul li a::before {
  content: "";
  position: absolute;
  bottom: -8px;
  background: #00D2AC;
  left: 0;
  width: 100%;
  height: 3px;
  opacity: 0;
}
.adContainer .adTopWrap ul li a.active {
  color: #00D2AC;
}
.adContainer .adTopWrap ul li a.active::before {
  opacity: 1;
}
.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;
}
.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: #eeeff3;
  box-shadow: none;
  padding: 0;
  width: 400px;
  max-height: 100vh;
}
.adContainer .chilliAreaCon .ChilliFilter .customScroll {
  max-height: calc(100vh - 60px);
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .slide-toggle {
  padding: 10px;
  background: #fff;
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .vrTab {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .form-group {
  float: left;
  width: 100%;
  /*> .formatInput {
      margin-bottom: 0px;
  }*/
  /*.form-group {
      margin-bottom: 0px;
  }*/
}
.adContainer .chilliAreaCon .ChilliFilter .form-group .fieldGroup {
  float: left;
  width: 100%;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content {
  /*&:nth-child(1) {
      .var-inner-title {
          margin-top: -15px;
      }
  }*/
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title {
  margin: 0;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a {
  border: 1px solid #ebe3e3;
  background: #f3f3f3;
  color: #4e4e4e;
  border-radius: 0px;
  font-size: 0.9rem;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a:hover {
  border: 1px solid #00d2ac;
  background: #00d2ac;
  color: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a:hover::before {
  color: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a.active {
  border: 1px solid #00d2ac;
  background: #00d2ac;
  color: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-title a.active::before {
  color: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form {
  border: none;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #ccc;
}
.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: 0;
  flex: 1;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form .halfWrap .halfBlock.numForm {
  max-width: 90px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock] {
  margin-bottom: 10px;
  position: relative;
}
.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: 80px;
  padding: 0 5px;
}
.adContainer .chilliAreaCon .ChilliFilter .var-inner-content .var-inner-form div[class*=formatBlock]:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f6efef;
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone {
  background: #F7F8FD !important;
  border: 1px dashed #4A5878 !important;
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone .dz-message p {
  color: #272D33;
}
.adContainer .chilliAreaCon .ChilliFilter .dropzone .dz-message p span {
  color: #00D2AC;
  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 .colorWrapper .clr-field {
  border: 1px solid #ccc;
  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: 38px;
  min-height: 40px;
  background: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .clr-field button {
  width: 25px;
  height: 25px;
  left: 5px;
  right: auto;
  border-radius: 5px;
}
.adContainer .chilliAreaCon .ChilliFilter .colorWrapper .clr-field input, .adContainer .chilliAreaCon .ChilliFilter .colorWrapper .clr-field input:focus {
  background: none;
  border: none;
  outline: none;
  width: 75px;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 10px;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput .btnFill, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnFill, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnBordered, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnBordered, .adContainer .chilliAreaCon .ChilliFilter .formatInput .secondaryBtn, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .secondaryBtn, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnBorderedsecondary, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnBorderedsecondary, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnReset, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnReset, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnBorderedGrey, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnBorderedGrey, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnGrey, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnGrey, .adContainer .chilliAreaCon .ChilliFilter .formatInput .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adContainer .chilliAreaCon .ChilliFilter .formatInput .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .enrollNow, .adContainer .chilliAreaCon .ChilliFilter .formatInput .btnExportFill, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnExportFill, .adContainer .chilliAreaCon .ChilliFilter .formatInput .modal .modal-footer .btn.btn-primary, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .modal .modal-footer .btn.btn-primary, .modal .modal-footer .adContainer .chilliAreaCon .ChilliFilter .formatInput .btn.btn-primary, .modal .modal-footer .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btn.btn-primary, .adContainer .chilliAreaCon .ChilliFilter .formatInput .modal .modal-footer .btn.btn-default, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .modal .modal-footer .btn.btn-default, .modal .modal-footer .adContainer .chilliAreaCon .ChilliFilter .formatInput .btn.btn-default, .modal .modal-footer .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btn.btn-default {
  margin-right: 2px;
  line-height: 1.4;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput.datepicker .input-group-text, .adContainer .chilliAreaCon .ChilliFilter .datepicker.formatTextarea .input-group-text {
  border: none;
  opacity: 0.8;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput input, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea input {
  border: none !important;
  background: none;
  margin: 0 !important;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput .btnFormat, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnFormat {
  white-space: nowrap;
  border: none;
  padding: 2px 5px;
  background: #ffffff;
  border-radius: 3px;
  width: 35px;
  opacity: 0.8;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput .btnFormat img, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnFormat img {
  max-width: 20px;
}
.adContainer .chilliAreaCon .ChilliFilter .formatInput .btnFormat:focus, .adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnFormat:focus {
  outline: none;
}
.adContainer .chilliAreaCon .ChilliFilter .formatTextarea {
  padding: 0;
  position: relative;
}
.adContainer .chilliAreaCon .ChilliFilter .formatTextarea textarea {
  border: none;
  outline: none !important;
  margin: 0 !important;
  flex: 1;
}
.adContainer .chilliAreaCon .ChilliFilter .formatTextarea .btnFormat {
  position: absolute;
  bottom: 1px;
  right: 1px;
  border: 1px solid #ddd;
  padding: 4px;
  width: auto;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  height: 42px;
  background: #ffffff;
}
.adContainer .chilliAreaCon .ChilliFilter .textSize input {
  width: 100%;
  border: none !important;
  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: 18px;
  font-size: 1rem;
}
.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: #00D2AC;
}
.adContainer .chilliAreaCon .ChilliFilter div[class*=formatBlock] {
  background: #FAFAFA;
  padding: 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0823529412);
  border-radius: 3px;
  float: left;
  width: 100%;
}
.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: #ffffff;
  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: #ffffff;
  color: #1F3FD6;
  border: 1px solid #1F3FD6;
}
.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: 0;
  min-height: 38px;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #ffffff;
  color: #272D33;
  padding: 9px;
  align-items: center;
  border: 1px solid #ccc;
  font-size: 13px;
  border-radius: 4px;
  cursor: pointer;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li i {
  color: #272D33;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li.active {
  background: #ffffff;
  color: #1F3FD6;
  border: 1px solid #1F3FD6;
}
.adContainer .chilliAreaCon .ChilliFilter ul.listAlgnmt li.active i {
  color: #1F3FD6;
}
.adContainer .chilliAreaCon .chilliTemplateArea {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px;
  position: relative;
  overflow: auto;
  max-height: calc(100vh - 60px);
}
.adContainer .chilliAreaCon .chilliTemplateArea .innerPreload {
  position: absolute;
  left: 20px;
  top: 60px;
  height: calc(100% - 60px);
  width: calc(100% - 40px);
  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: #00D2AC;
}
.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;
}
.adContainer .chilliAreaCon .over-layout {
  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 .toolbar-tab-left .zoom-tab {
  border-radius: 4px;
  border: 1px solid #DEDEDE;
  font-size: 0.9rem;
  padding: 5px 4px;
}
.adContainer .chilliAreaCon .over-layout .ovForm {
  flex: 1;
}
.adContainer .chilliAreaCon .over-layout .ovForm label span {
  font-size: 0.9rem;
  color: #272D33;
}
.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;
  position: relative;
}
.adContainer .chilliAreaCon .CreateAdTemplate iframe {
  background-color: #323232;
}
.adContainer .chilliAreaCon .CreateAdTemplate .CreateAdInner {
  flex: 1;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv {
  width: 100px;
  background: #FAFAFA;
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #DEDEDE;
  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: #ffffff;
  border: 1px solid #CED4DA;
  border-radius: 4px;
  margin: 15px 0;
}
.adContainer .chilliAreaCon .CreateAdTemplate .framePrv .tempImgPrv li a.active {
  border-color: #00D2AC;
}

.ChilliFilter .form-group label {
  font-size: 0.85rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  margin-bottom: 3px;
  color: #272D33 !important;
}

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

.imagePreviewRow {
  float: left;
  width: 100%;
  margin-bottom: 1rem;
}
.imagePreviewRow .p_ImgCol {
  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;
}
.imagePreviewRow .p_ImgCol img {
  width: 40px;
}
.imagePreviewRow .p_ImgCol p {
  margin: 0;
  padding: 0 10px;
  font-size: 0.85rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.imagePreviewRow .p_ImgCol .remove {
  float: left;
  width: 20px;
  text-align: center;
  cursor: pointer;
}
.imagePreviewRow:empty {
  display: none;
}

.baseTempWrapper .ChilliFilter .row {
  margin-left: -5px;
  margin-right: -5px;
}
.baseTempWrapper .ChilliFilter div[class*=col-] {
  padding: 0 5px;
}
.baseTempWrapper .ChilliFilter .form-control {
  font-size: 0.9rem;
}
.baseTempWrapper .ChilliFilter textarea.form-control {
  height: 100px;
}
.baseTempWrapper .ChilliFilter .clsChooseFromLib {
  color: #272D33;
}

.content-editable-dv {
  width: 100%;
  display: inline-block;
  height: 110px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  background: #f2f2f2;
  outline: none;
}

.countLength {
  float: left;
}

.dvChangeBG {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  /* &.showBgBlock {
      .dvChangeBGInner {
          width: 100%;
      }
  }*/
}
.dvChangeBG .dvChangeBGInner {
  float: left;
  padding: 8px 10px;
  border: 1px dashed #ccc;
  border-radius: 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;
}
.dvChangeBG .dvChangeBGInner .backgroundUploadBtn {
  margin-left: auto;
  position: relative;
}
.dvChangeBG .dvChangeBGInner .backgroundUploadBtn input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -100%;
  cursor: pointer;
  opacity: 0;
}
.dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnFill, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnBordered, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .secondaryBtn, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnBorderedsecondary, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnReset, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnBorderedGrey, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnGrey, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .enrollNow, .homecarouselWrapper .carousleCon .carousel-caption .carouselInner .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .enrollNow, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btnExportFill, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .modal .modal-footer .btn.btn-primary, .modal .modal-footer .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btn.btn-primary, .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .modal .modal-footer .btn.btn-default, .modal .modal-footer .dvChangeBG .dvChangeBGInner .backgroundUploadBtn .btn.btn-default {
  float: left;
  padding: 4px 10px;
  font-size: 0.8rem;
}
.dvChangeBG .dropzone {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.dvChangeBG .dropzone .dz-message {
  margin: 0px;
}
.dvChangeBG .dropzone .dz-message span {
  font-size: 0.8rem;
}

.CouponLibraryModal .modal-body {
  padding: 24px;
  background-color: #f6f6f6;
  max-height: calc(100vh - 100px);
}
.CouponLibraryModal .modal-body .helpHeader {
  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;
}
.CouponLibraryModal .modal-body .helpHeader h6 {
  margin: 0px;
}
.CouponLibraryModal .modal-body .helpHeader .close {
  margin-left: auto;
  opacity: 1;
}
.CouponLibraryModal .modal-body .helpHeader .close i {
  color: #272D33;
}
.CouponLibraryModal .modal-body .CouponLibraryListing {
  float: left;
  width: 100%;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li {
  max-width: calc(25% - 16px);
  width: 100%;
  flex: 100%;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li .assetImg, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li .assetImg {
  height: 150px;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li .assetImg .tick-mark, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li .assetImg .tick-mark {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li .assetImg .tick-mark i, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li .assetImg .tick-mark i {
  color: #fff;
  font-size: 0.9rem;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li .assetContent h3, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li .assetContent h3 {
  font-size: 0.8rem;
}
.CouponLibraryModal .modal-body .CouponLibraryListing .assetUL li:not(.selected) .assetImg .tick-mark, .CouponLibraryModal .modal-body .CouponLibraryListing .ImagesListRow li:not(.selected) .assetImg .tick-mark {
  display: none;
}
.CouponLibraryModal .modal-footer .btnRow {
  margin: 0px;
  padding: 0px;
}
.CouponLibraryModal .modal-footer .btnRow .btnBordered, .CouponLibraryModal .modal .modal-footer .btnRow .btn.btn-default, .modal .CouponLibraryModal .modal-footer .btnRow .btn.btn-default {
  text-shadow: none;
  line-height: 1.5;
  opacity: 1;
}

.expiryDate {
  float: left;
  width: 100%;
  padding: 12px 15px;
  background-color: #e8e8e8;
  margin: 12px 0;
}
.expiryDate .expiryDateInner {
  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;
  width: 100%;
}
.expiryDate .expiryDateInner label {
  float: left;
  width: 160px;
  font-size: 0.85rem;
  margin: 4px 0;
}
.expiryDate .expiryDateInner .datepicker {
  max-width: 280px;
}
.expiryDate .expiryDateInner .datepicker .input-group-append .input-group-text {
  background-color: #fff;
}

.selectedCouponRow {
  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;
}
.selectedCouponRow li {
  float: left;
  margin: 4px 3px;
  padding: 5px 12px 5px 6px;
  border: 1px dashed #ccc;
  background-color: #fff;
  border-radius: 30px;
  font-size: 0.8rem;
  line-height: 1.6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.selectedCouponRow li .number_sequance {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ededed;
  margin-right: 6px;
  line-height: 1;
  padding: 2px;
  font-size: 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;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.selectedCouponRow li .updateSelectedCoupon {
  margin-left: 5px;
}
.selectedCouponRow li .updateSelectedCoupon i {
  color: #272D33;
}
.selectedCouponRow:empty {
  display: none;
}

.selectedCouponFlex {
  float: left;
  width: 100%;
  margin: 15px 0 10px 0;
}
.selectedCouponFlex ul {
  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;
}
.selectedCouponFlex ul li {
  float: left;
  width: 60px;
  height: 55px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 4px;
  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;
}
.selectedCouponFlex ul li img {
  max-height: 45px;
}
.selectedCouponFlex ul li .deleteCoupon {
  position: absolute;
  right: 0px;
  top: -6px;
  background-color: #d90000;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  font-size: 10px;
  border: 1px solid #d90000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  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;
}
.selectedCouponFlex ul li .deleteCoupon i {
  color: #fff;
}

#btnChooseFromLib {
  color: #272D33 !important;
}

.s_LoaderMain.loaderAdPage .s_LoaderInner {
  background-color: rgb(50, 50, 50);
}

.adWrapper .chilliAreaCon .chilliTemplateArea {
  position: sticky;
  top: 0;
}
.adWrapper .chilliAreaCon .chilliTemplateArea .over-layout.flexRow {
  height: 45px;
}

.zoom-tab {
  font-size: 0.75rem;
  padding: 5px;
}
.bindOverBudget-DisableSameGeo {
    pointer-events: none;
    opacity: 0.7;
}
/*# sourceMappingURL=style.css.map */