/******************************************* Global CSS **************************************************/
/** OpenSans font **/
@font-face { font-family: open_sans; font-style: italic; font-weight: 300; src: url('/fonts/OpenSans/open-sans-300italic.eot'); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/OpenSans/open-sans-300italic.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-300italic.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-300italic.woff') format('woff'), url('/fonts/OpenSans/open-sans-300italic.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-300italic.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: italic; font-weight: 400; src: url('/fonts/OpenSans/open-sans-italic.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/OpenSans/open-sans-italic.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-italic.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-italic.woff') format('woff'), url('/fonts/OpenSans/open-sans-italic.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-italic.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: italic; font-weight: 600; src: url('/fonts/OpenSans/open-sans-600italic.eot'); src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/fonts/OpenSans/open-sans-600italic.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-600italic.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-600italic.woff') format('woff'), url('/fonts/OpenSans/open-sans-600italic.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-600italic.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: italic; font-weight: 700; src: url('/fonts/OpenSans/open-sans-700italic.eot'); src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/fonts/OpenSans/open-sans-700italic.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-700italic.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-700italic.woff') format('woff'), url('/fonts/OpenSans/open-sans-700italic.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-700italic.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: italic; font-weight: 800; src: url('/fonts/OpenSans/open-sans-800italic.eot'); src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/fonts/OpenSans/open-sans-800italic.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-800italic.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-800italic.woff') format('woff'), url('/fonts/OpenSans/open-sans-800italic.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-800italic.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: normal; font-weight: 300; src: url('/fonts/OpenSans/open-sans-300.eot'); src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/OpenSans/open-sans-300.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-300.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-300.woff') format('woff'), url('/fonts/OpenSans/open-sans-300.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-300.svg#OpenSans') format('svg'); }
@font-face { font-family: open_sans; font-style: normal; font-weight: 400; src: url('/fonts/OpenSans/open-sans-regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/OpenSans/open-sans-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-regular.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-regular.woff') format('woff'), url('/fonts/OpenSans/open-sans-regular.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-regular.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: normal; font-weight: 600; src: url('/fonts/OpenSans/open-sans-600.eot'); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/OpenSans/open-sans-600.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-600.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-600.woff') format('woff'), url('/fonts/OpenSans/open-sans-600.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-600.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: normal; font-weight: 700; src: url('/fonts/OpenSans/open-sans-700.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/OpenSans/open-sans-700.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-700.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-700.woff') format('woff'), url('/fonts/OpenSans/open-sans-700.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-700.svg#OpenSans') format('svg'); } 
@font-face { font-family: open_sans; font-style: normal; font-weight: 800; src: url('/fonts/OpenSans/open-sans-800.eot'); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/fonts/OpenSans/open-sans-800.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans/open-sans-800.woff2') format('woff2'), url('/fonts/OpenSans/open-sans-800.woff') format('woff'), url('/fonts/OpenSans/open-sans-800.ttf') format('truetype'), url('/fonts/OpenSans/open-sans-800.svg#OpenSans') format('svg'); } 
/********************************************************************************/
:root {
    --star-size: 25px;
    --star-color: #eee;
    --star-background: #fc0;
}
 .Stars {
	 --percent: calc(var(--rating) / 5 * 100%);
	 display: inline-block;
	 font-size: var(--star-size);
	 font-family: Times;
	 line-height: 1;
}
 .Stars::before {
	 content: '★★★★★';
	 letter-spacing: 3px;
	 background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}



/*****************************************************************************/
body { font-family:Roboto, sans-serif  }
html { font-size:16px; color : #999999 !important;}
.hr_vertical{  border:none; border-left:1px solid #DAD7D7; height:55px;width:1px; }
.xsm{font-size:8px;}
.w-85{ width:85%;}
/** Dashboard colors css **/
.dashboard-disabled { color : #d7d7d7 !important;}
.dashboard-black {color : #000000 !important;}
.dashboard-dark {color : #4D4D4D !important;}
.dashboard-lightgray {color : #DAD7D7 !important;}
.dashboard-gray {color : #999999 !important;}
.dashboard-red {color : #FF5A00 !important;}
.dashboard-blue {color : #4B9BFD !important;}
.dashboard-green {color : #00AA87 !important ;}
.dashboard-textcolor{ color : #333333 !important;}
.norton-bg-primarycolor {color: #ffffff !important;background-color: #FDBB30 !important;}
/** Dashboard soicial colors **/
.googlecolor { background-color: #db3236; color: #fff;}
.facebookcolor{ background: #3b5998; color: #fff;}
.microsoftcolor { background-color: #00a1f1; color: #fff;}
/** Dashboard background colors css **/
.dashboard-bg-disabled {  background-color: #d7d7d7; color: #fff;}
.dashboard-bg-leftnav{ background-color: #2b2b2b; color: #fff !important; }
.admin-button {  color: #2b2b2b !important; cursor:pointer; }
.dashboard-bg-black {background-color : #000000; color: #fff;}
.dashboard-bg-dark {background-color : #4D4D4D; color: #fff;}
.dashboard-bg-lightgray{background-color : #DAD7D7; color: #fff;}
.dashboard-bg-gray{background-color : #999999; color: #fff;}
.dashboard-bg-red {background-color : #FF5A00; color: #fff;}
.dashboard-bg-blue {background-color : #4B9BFD; color: #fff;}
.dashboard-bg-green {background-color : #00AA87; color: #fff;}
.dashboard-bg-ultralight {background-color : #F7F9FC; color: #10284A;}
.dashboard-bg-white, #StatusBar .sbelement:hover, .sbactive {background-color : #ffffff; color: #000;}
/** Dashboard li, a colors css **/
.dashboard-bg-disabled li, .dashboard-bg-disabled a  { color: #fff;}
.dashboard-bg-black li, .dashboard-bg-black a {color: #fff; }
.dashboard-bg-dark li, .dashboard-bg-dark a {color: #fff;  }
.dashboard-bg-lightgray li, .dashboard-bg-lightgray a {color: #fff;  }
.dashboard-bg-gray li, .dashboard-bg-gray a {color: #fff;  }
.dashboard-bg-red li, .dashboard-bg-red a {color: #fff;  }
.dashboard-bg-blue li, .dashboard-bg-blue a {color: #fff;  }
.dashboard-bg-green li, .dashboard-bg-green a {color: #fff;  }
/** Dashboard border colors css **/
.dashboard-border-disabled { border-color: #d7d7d7 ;}
.dashboard-border-black {border-color : #000000;}
.dashboard-border-dark {border-color : #4D4D4D ;}
.dashboard-border-lightgray {border-color : #DAD7D7;}
.dashboard-border-gray {border-color : #999999;}
.dashboard-border-red {border-color : #FF5A00;}
.dashboard-border-blue {border-color : #4B9BFD;}
.dashboard-border-green {border-color : #00AA87;}
/** Dashboard text case css **/
.text-uppercase { text-transform: uppercase;}
.text-lowercase { text-transform: lowercase;}
.text-capitalize { text-transform: capitalize;}
/** Dashboard text-wrap / no wrap**/
.text-wrap { word-break: break-all;}
.word-break{ word-break: break-word;}
.text-underline{ text-decoration: underline;}
.nowrap { white-space:nowrap; }
.nowrap-ellipsis { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
.nowrap-ellipsis:hover { overflow-x: visible; }
/* --- NEW SELF SERVICE UI CHANGES 11-11-21 --- */
.bs-text-muted { color: #B0BAC9; }
/* --- Font Weights --- */
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
/* --- END UI STYLE CHANGES (bradj) --- */
/** Dashboard text align**/
.align-base-middle { vertical-align: -webkit-baseline-middle;}
/** Dashboard alternate striped rows  css**/
.row-striped:nth-of-type(odd) { background-color: #efefef;}
.row-striped:nth-of-type(even) { background-color: #ffffff;}
/**** SWITCH Checkbox switch ****/
.switch {   position: relative;  display: inline-block;  width: 50px;  height: 24px;}
.switch input {display:none;}
.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #DAD7D7;  -webkit-transition: .4s;  transition: .4s; }
.slider:before {  position: absolute;  content: "";  height: 16px;  width: 16px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s; }
input:checked + .slider {  background-color: #4B9BFD;}
input:focus + .slider {  box-shadow: 0 0 1px #4B9BFD;}
input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}
/* Rounded sliders */
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}
/* Dashboard Static Card-Modal  */
.card-backdrop-w { width: 450px !important;padding:3rem;border-radius: 10px; margin: 2rem auto !important;/*min-height: 450px;*/}
.card-backdrop-w .card-title { text-align: center !important; color : #4D4D4D; font-weight: 300 !important;}
.card-backdrop { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width: 650px; border-radius: 10px; }
.card-backdrop .card-title { margin: 1rem !important;padding: 1.5rem 1.5rem 0 1.5rem; text-align: center !important; color : #4D4D4D; font-weight: 300 !important;}
.card-backdrop .modaltick { position: absolute; top: -23px; right: 0; z-index: -10;left: 45%; border-radius: 50%; width: 50px !important; height: 50px !important; font-size: 1.5rem; font-weight: 700; line-height: 0; 
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0px -3px 10px rgba(0,0,0,.08);
    border-top: 1px solid rgba(0,0,0,.125); }
.card-backdrop .modaltick img { width: 50px; }
.card-backdrop-w .margin-icon { margin: 2rem 0;}
/**** Buyer seller SWITCH ****/
/*old switch css*/
/*.switch-container .slider { background-color:  #FDBB30 !important;}
.switch-container  input:checked + .slider { background-color: #00AA87  !important;}
.switch-container  input:focus + .slider {  box-shadow: 0 0 1px #00AA87;}*/
.switch-container  a.btn, .msg-response btn { border-radius: 25px !important; } 
.switch-container  .switch-light { position: relative; margin-bottom: unset !important; cursor:pointer; /*display: block;*/}
.switch-container  .switch-light a {  display: block;  transition: all 0.2s ease-out;   }
.switch-container  .switch-light::after { clear: both; content: ''; display: table;  }
.switch-container  .switch-light input { position: absolute; opacity: 0;  z-index: 3;}
.switch-container  .switch-light input:checked ~ span a {  right: 0%; padding: 5px;   }
.switch-container  .switch-light > span { display: block; min-height: 2em; padding: 4px; text-align: left; border-radius: 25px; }
.switch-container  .switch-light span span { position: relative;  z-index: 2; display: block; float: left; width: 50%; text-align: center; user-select: none; font-size:13px; font-weight: 700; padding: 3px 10px 0; right: 4px; bottom: 0px;}
.switch-container  .switch-light a { position: absolute; right: 50%; top: 0;z-index: 1;display: block;width: 55%; height: 100%; padding: 0; }
.switch-container  .switch-light .alert-light {color: #000; }
.switch-container  .btn {min-width: unset;}
#PricingSwitch.switch-container .switch-light span span { right:-3px;}
#PricingSwitch.switch-container .switch-light input:checked ~ span a {     right: -3%; }
#PricingSwitch.switch-container .switch-light a { height: 80%; top: 3px; width:50%; right: 49%; }
#PricingSwitch.switch-container .switch-light > span { width: 105% !important; }
/**** CUSTOM SCROLLL ******/
/**** CUSTOM SCROLLL ******/
/* Firefox */
:root{scrollbar-width: thin; scrollbar-color: #3B3B3B #F1F1F1 !important;}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar { width: 10px; height:10px;}
*::-webkit-scrollbar-track { box-shadow: inset 0 0 5px transparent;  border-radius: 10px; }
*::-webkit-scrollbar-thumb { background:#3B3B3B;  border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover {background:#DAD7D7; }
.pre-scrollable { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #3B3B3B transparent;}
.pre-scrollable { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #DAD7D7 transparent;}
/**** CUSTOM Checkbox ******/
.custom-control.overflow-checkbox .overflow-control-input {  display: none;}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {-webkit-transform: rotateZ(45deg) scale(1); transform: rotateZ(45deg) scale(1);top: -6px;left: 5px;}
.custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before { opacity: 1;}
.custom-control.overflow-checkbox .overflow-control-indicator { border-radius: 3px; display: inline-block;position: absolute;top: 4px;left: 0;width: 16px;height: 16px; }
.custom-control.overflow-checkbox .overflow-control-indicator::after {content: ""; display: block;position: absolute;width: 16px;height: 16px;transition: 0.3s;-webkit-transform: rotateZ(90deg) scale(0);transform: rotateZ(90deg) scale(0);width: 10px;border-radius: 3px; top: -2px; left: 2px;}
.custom-control.overflow-checkbox .overflow-control-indicator::before {content: "";display: block;position: absolute;width: 16px;height: 16px;transition: 0.3s;width: 10px;border-right: 7px solid #fff;border-radius: 3px;-webkit-transform: rotateZ(45deg) scale(1);transform: rotateZ(45deg) scale(1);top: -4px;left: 5px;opacity: 0;}
/**** CUSTOM Checkbox registration ******/
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-input {  display: none;}
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {-webkit-transform: rotateZ(45deg) scale(1); transform: rotateZ(45deg) scale(1);top: -2px;left: 5px;}
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before { opacity: 1;}
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-indicator { border-radius: 3px; display: inline-block;position: absolute;top: 4px;left: 0;width: 25px !important;height: 25px !important; }
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-indicator::after {content: ""; display: block;position: absolute;width: 12px;height: 20px;transition: 0.3s;-webkit-transform: rotateZ(90deg) scale(0);transform: rotateZ(90deg) scale(0);width: 10px;border-radius: 3px; top: -2px; left: 2px;}
#RegistrationContainer .custom-control.overflow-checkbox .overflow-control-indicator::before {content: "";display: block;position: absolute;width: 16px;height: 4px;transition: 0.3s;width: 10px;border-right: 7px solid #fff;border-radius: 3px;-webkit-transform: rotateZ(45deg) scale(1);transform: rotateZ(45deg) scale(1);top: 0;left: 5px;opacity: 0;}
#RegistrationContainer .overflow-control-description{vertical-align:middle;vertical-align:-webkit-baseline-middle;margin-left:0.75rem; padding-top:1rem; }
/* *** Dashboard Custom styles *** */
.center-vertically {  position: absolute; top: 50%; transform: translate(0, -50%); left:15%; width:70%; max-width:500px; }
a.text-underline, .btn-link.text-underline { text-decoration: underline;}
.dashboard-shadow { box-shadow: 0 0 8px rgba(0,0,0,.25); }
.dashboard-hover-shadow:hover { box-shadow: 0 0 8px rgba(0,0,0,.25); }
.empty-selector-content{position:fixed;width:100%;height:100%;background: black rgba(0,0,0,.3); /*or transparent */top:0;left:0;display:none;}
#gif.center-gif { position: absolute;  top: 120%; left: 50%;}
#StoreSetup .center-gif { position: absolute;  top: 60%; left: 42%;}
#BuyerMessages_gif.center-gif { position: absolute;  top: 60%; left: 42%;}
@media (max-width: 767px) {
#FixedLeftNavDiv { display:none; }
}
/*.toggle-password { padding-left:4px; }
.toggle-password-icon { position: absolute; right: 6%; top: 66%;z-index: 2; color: #999;font-size: 11px;text-transform: uppercase;border-left:1px solid #999;*//*float: right;margin-left: -25px; margin-top: -25px;position: relative;  right: 10px; z-index: 2;*//*}*/
.align-base-middle { vertical-align: -webkit-baseline-middle;}
.align-base-middle { vertical-align: -webkit-baseline-middle;}
/* *** Dashboard Custom styles *** */

/********** Bootstrap overrides START ***************/
.btn.focus, .btn:focus {outline: 1px dotted #000;}
.w-85 {width: 85% !important;}
.w-60 {width: 60% !important;}
.w-17 {width: 17% !important;}
a, .btn-link { color: #000; }
.badge { font-weight:normal; }
.card, #StatusBar .sbelement:hover, .sbactive  {  box-shadow: 0 0 10px rgba(0,0,0,.08); }
.card-header  { padding:1.25rem; }
.card-body    { padding:1.25rem; }
.custom-select { width: auto; border: 1px solid #aaa;  }
.filled .custom-control-label::before { background-color: unset; }
.filled .custom-control-label::after { background-size: 65% 65%; }
.filled .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; }
input[type=text].form-control-plaintext:focus { border:none !important ; box-shadow: none !important;}
/* Forms */
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {border-color: #dc3545 !important;}
.form-control, .btn { border-radius: 5px !important; padding:7.5px 12px !important; }
.form-control::placeholder { color: #DAD7D7;opacity: 1; /* Firefox */}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #DAD7D7;}
.form-control::-ms-input-placeholder { /* Microsoft Edge */ color: #DAD7D7;}
select.form-control{ border-radius: 5px; /*border-radius: 30px 0 0 30px;*/ padding:7px 12px; height:auto !important; }
.btn { min-width:120px; max-width:225px; }
.btn-link { text-decoration:none; min-width:unset !important; padding:0; }
a, .btn-link { transition: .15s all ease-in-out; }
/*.btn.modalclose { min-width:unset !important; }*/
.btn-sm { font-size: 12px; padding:9px 12px; }
.small  { font-size: 12px; }
small   { font-size: 12px; }
.left-0 { left:0; }
.right-0 { right:0; }
.top-0 { top:0; }
.bottom-0 { bottom:0; }
/********** Bootstrap overrides for Modal ***************/
.alert, .alert.alert-danger, .alert.alert-success{font-weight:bold;}
.modal-dialog { max-width: 550px; top:5%}
.modal-content{ border-radius :13px;}
.modal-header { border-bottom: unset !important; display: grid; justify-content: unset; padding-top:2px !important;}
.modal-header .close {font-size: 2.5rem; font-weight: 500; color: #999999 !important;}
.modal-header .modal-icon {width: 7%; margin: 0 10px;}
.modal-title{ margin:0 auto; text-align: center; }
.modal-body{ margin : auto; width: 90%;  }
.modal-body  {  }
.modal-footer{margin: 0 auto; text-align: center; border-top: unset !important; margin-bottom:10px;}
.modal-btn-group{ margin: 0 auto;}
.modal-btn-group button { margin: 0 5px; }
/********** Bootstrap overrides for Carousel ***************/
.dashboard-carousel-indicators { top: 50%!important; bottom: 75% !important;width: 10% !important; border-radius:50% !important; }
.carousel-indicators { cursor:pointer; }
/*.dashboard-carousel-indicators .fa-2x {font-size: 2.5em;}*/
@media (max-width: 767px) {
.modal-btn-group button { margin: unset; }
.modal-body{ margin : unset; width: unset;  }
}
/********** Bootstrap overrides END ***************/							
/**** Floating Labels ******/
/*.FloatingLabels .form-group .form-control,.FloatingLabels .form-group input,.FloatingLabels .form-group select { height: 50px !important;}
.FloatingLabels .form-group textarea.form-control { height: 150px !important;}
:root { --input-padding-x: .75rem; --input-padding-y: .75rem;}
.FloatingLabels .form-group { position: relative; margin-bottom: 1rem;}
.FloatingLabels .form-group > input,.FloatingLabels .form-group > .form-control, .FloatingLabels .form-group > select,.FloatingLabels .form-group > label:not(.error) {  padding: var(--input-padding-y) var(--input-padding-x);}
.FloatingLabels .form-group > label:not(.error) { position: absolute;top: 1px;left: 2px;*/ /*6px;*/ /*-- uncomment for rounded corners*/ /*display: block;width: 100%; margin-bottom: 0;line-height: 1.5;border: 1px solid transparent;border-radius: .25rem;transition: all .1s ease-in-out;font-size:15px; color:#999999;}
.FloatingLabels .form-group input::-webkit-input-placeholder,.FloatingLabels .form-group .form-control::-webkit-input-placeholder,.FloatingLabels .form-group select::-webkit-input-placeholder {color: transparent;}
.FloatingLabels .form-group input:-ms-input-placeholder,.FloatingLabels .form-group .form-control:-ms-input-placeholder,.FloatingLabels .form-group select:-ms-input-placeholder {color: transparent;}
.FloatingLabels .form-group input::-ms-input-placeholder,.FloatingLabels .form-group .form-control::-ms-input-placeholder,.FloatingLabels .form-group select::-ms-input-placeholder { color: transparent;}
.FloatingLabels .form-group input::-moz-placeholder,.FloatingLabels .form-group .form-control::-moz-placeholder,.FloatingLabels .form-group select::-moz-placeholder {color: transparent;}
.FloatingLabels .form-group input::placeholder,.FloatingLabels .form-group .form-control::placeholder,.FloatingLabels .form-group select::placeholder {color: transparent;}
.FloatingLabels input.float-input, .FloatingLabels select.float-input, .FloatingLabels .form-group input:not(:placeholder-shown), .FloatingLabels .form-group .form-control:not(:placeholder-shown), .FloatingLabels .form-group select:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (1 / 3)) !important;
    padding-bottom: calc(var(--input-padding-y) / 2 - 1) !important;*/
    /*padding-left:16px !important;*/ /*-- uncomment for rounded corners*/ 
/*}
.FloatingLabels .form-group textarea.float-input, .FloatingLabels .form-group textarea.form-control:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (1 / 3) + 9px) !important;
}
.FloatingLabels label.float-label, .FloatingLabels .form-group input:not(:placeholder-shown) ~ label:not(.error),.FloatingLabels .form-group .form-control:not(:placeholder-shown) ~ label:not(.error) {
  padding-top: calc(var(--input-padding-y) / 2) !important;
  padding-bottom: calc(var(--input-padding-y) / 2) !important;
  font-size: 11px !important;
  top: 0;
  max-width: fit-content;
  max-width: intrinsic;*/           /* Safari/WebKit uses a non-standard name */
  /*max-width: -moz-max-content;*/    /* Firefox/Gecko */
  /*max-width: -webkit-max-content;*/ /* Chrome */
/*}
 .FloatingLabels .form-group select:not(:placeholder-shown) ~ label:not(.error) {
  padding-top: calc(var(--input-padding-y) / 2) !important;
  padding-bottom: calc(var(--input-padding-y) / 2) !important;
  font-size: 11px;
  top: 0;
  max-width: fit-content; 
  max-width: intrinsic;*/           /* Safari/WebKit uses a non-standard name */
  /*max-width: -moz-max-content;*/    /* Firefox/Gecko */
  /*max-width: -webkit-max-content;*/ /* Chrome */
/*}*/
/*** Need these rules to seperated from above to for edge and ie ***/
/*.FloatingLabels input.float-input{
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (1 / 3)) !important;
    padding-bottom: calc(var(--input-padding-y) / 2 - 1) !important;*/
    /*padding-left:16px !important;*/ /*-- uncomment for rounded corners*/ 
/*}
.FloatingLabels .form-group textarea.float-input {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (1 / 3) + 9px) !important;
}
.FloatingLabels label.float-label {
  padding-top: calc(var(--input-padding-y) / 2) !important;
  padding-bottom: calc(var(--input-padding-y) / 2) !important;
  font-size: 11px;
  top: 0;
  max-width: fit-content;
  max-width: intrinsic;*/           /* Safari/WebKit uses a non-standard name */
  /*max-width: -moz-max-content;*/    /* Firefox/Gecko */
  /*max-width: -webkit-max-content;*/ /* Chrome */
/*}
.FloatingLabels label.float-select {
    font-size: 15px !important;
    top: 7px !important;
}*/
/*.FloatingLabels .form-group input:not(:placeholder-shown) ~ .toggle-password-icon { top: 40%;}*/
/*.form-group label.error.invalid-feedback{ padding-left: 8px;}
.FloatingLabels .formgroup{ width:70%; margin: 1rem auto;}*/
/**** Floating Labels ******/
/*:not(.FloatingLabels) > .form-group.row label{ display: none; }*/
.NonFloatingLabels .form-group.row{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.NonFloatingLabels .form-group > label:not(.error) { color:#4D4D4D;}
.FloatingLabels .form-group.row, .TopBottomLabels .form-group.row{display: flex; flex-direction: column-reverse;}
.FloatingLabels .form-group.row .input-group, .TopBottomLabels .form-group.row .input-group{ flex-direction: row-reverse !important;}
.FloatingLabels .form-group.row label:not(.error) {font-size:12px !important; text-transform: uppercase !important; font-weight: 600 !important; }  
.FloatingLabels .form-group.row label {order:3;}
.FloatingLabels .form-group.row input{order:2;}
.FloatingLabels .form-group.row label.error{ order:1; }


/******************************************* Global CSS START**************************************************/

/******************************* Dashboard global styles  *******************************/
.helpBody{float: right;}
.dashboard-bg-leftnav a {color: #fff;}
.admin-top { margin-top: 3rem !important; }
.alert-banner{ background: #fdab9f;padding: 0.75rem;text-align: center;font-size: medium;height: 45px;margin-top: 1rem;font-weight: bold;}
.notification-content a:not(.external-content) {text-decoration:underline;}
.burgerbutton{ /*background-color: white;*/ color: black; /*border: 1px solid black;*/ padding: .50rem 0.75rem; margin: 0 1px; font-size: 1.25rem; }
.example { background-color: #999999;}
.accordion .btn.btn-link { max-width:unset; padding:unset !important;}
.alert-rounded-circle, .alert-rounded-circle-green { display:inline-block; width:6px; height:6px; text-align:center; border-radius: 50%; background-color:#FF5A00; margin:0.1rem 0.25rem ;  }
.accordion .card-header .btn-link{ color:unset; text-decoration:none; }
.rounded-circle { display:inline-block; width:35px; height:35px; text-align:center; }
.btn-link.text{ margin: unset !important; padding:unset !important;line-height: unset !important;}
#ProfileInfoContainer, #ManageUsersContainer, #PaymentMethodsContainer, #EditStoreContainer { /*max-width:960px; margin-left:4rem;*/ }
.verify-code-input {width:40px; border-radius:4px !important;}
@media (max-width: 767px) {
main { padding-left: 2px !important; padding-right: 2px !important;}
/*#AjaxActionLinkFilter , #BuyerMessagesFilter, #MerchantMessagesFilter{margin: 0 0.75rem; }*/
#AjaxActionLinkFilter .nav-link , #BuyerMessagesFilter .nav-link, #MerchantMessagesFilter .nav-link{ padding: .5rem 0.75rem;}  
#ProfileInfoContainer, #ManageUsersContainer, #PaymentMethodsContainer, #EditStoreContainer { max-width:unset; margin-left:unset; }
}
/******************************* Dashboard global styles  *******************************/

/**________________________________________________ Header Section  ________________________________________________________________***/


/********** Layout and Nav section  *************/
#app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.main {  /*TO sync header with D6 keeping same styles*/
    overflow-y: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: var(--body-color);
    margin-top: 57px;
    height: calc(100vh - 57px);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.sidebar {
    overflow-y: auto;
    scroll-behavior: smooth;
    position: relative;
    margin-top: 57px;
    height: calc(100vh - 57px);
    width: 230px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    z-index: 1;
    -webkit-transition: ease .1s;
    transition: ease .1s;
}
.sidebar .menu-list .m-link {
    color: #fff;
    align-items: center;
    padding: 10px 0;
}
.sidebar .menu-list .sub-menu { list-style: none; position: relative; padding-left: 30px; }
.sidebar .menu-list .ms-link {  display: flex; color: #fff; position: relative; padding: 5px 0; }
.sidebar .menu-list .sub-menu::before { background-color: #fff; content: ""; position: absolute; height: 100%; width: 1px; left: 8px; top: 0; }
.sidebar .menu-list .ms-link::before { content: ""; display: none; position: absolute; height: 5px; width: 5px; left: -24px; top: 13px; }
.sidebar .menu-list .m-link:hover::before, .sidebar .menu-list .m-link.active::before, .sidebar .menu-list .ms-link:hover::before, .sidebar .menu-list .ms-link.active::before { display: block; }
.sidebar .menu-list .ms-link:hover::before, .sidebar .menu-list .ms-link.active::before { display: block; content: "\f45c"; font-size: 10px; position: relative; left: -26px;  top: 6px; }
.sidebar.open { left: 0; z-index: 1028; }
@media only screen and (max-width: 1279px){ .sidebar { position: fixed; left: -400px; } }
@media only screen and (max-width: 420px){
    .main {margin-top: 100px; height: calc(100vh - 100px); }
} 
/*#app.admin-display .navbar .img-fluid{ max-width:15%;}*/
#app.admin-display .sidebar, #app.admin-display .main { margin-top: 85px !important; height: calc(100vh - 85px) !important;}

.left-Nav .nav-item a { font-size: 16px;}
.NavIcon{ width:18px; margin-right:10px;}
.main-navbar { padding-right: unset; padding-left: unset; z-index: 1; overflow-x: hidden;}
.top-nav { z-index:20; height:60px; /*margin:0 !important;*/ padding:1rem 0.5rem 0; }
/*.body-content { margin-top:2rem !important; }*/
#DashboardMainNavBarContainer { z-index:100; min-width:180px; overflow-y:auto; }
/*#PartnerLogo { width:100%; max-width:170px; margin:1rem 0; }*/
#PartnerLogo_Mobile { width:100%; max-width:180px; margin: 0.25rem 0.75rem; }
.nav-item.left-nav { /*white-space:nowrap;*/ padding-bottom: 0.25rem;}
.badge-left-nav { min-width:25px; /*padding: 0.3rem; border-radius: 50%; float:right; margin:8px;*/}
i.nav-angle { position:absolute; right:12px; font-size:1.3rem; }
/*.dashboard-header { position:absolute; top:0; left:0; padding:.5rem 3rem; }*/
.dashboard-header {  }
.dashboard-title{font-size:1.5rem;  }
.Logout-Icon { transform: rotate(-90deg);}
/* #SelfServiceLayoutContainer .center-vertically{ left: 49%;} */
#SelfServiceLayoutContainer #PartnerLogo, #MerchantRegContainer #PartnerLogo { position:absolute; left: 15%; }
#RegLogoutLink{ display:none !important;}
@media (max-width: 768px) {
/*.body-content { margin-top:6rem !important; }*/
/*.body-content{ margin-top: 4.0rem !important; padding-top: 4.0rem !important; }*/
.dashboard-title{/*margin: 0 2rem;*/ font-size:1.5rem;  }
#ChoosePricingContainer  .card.pricing-pill-border{margin-bottom: 5rem;}
}
/* because we want Ipad to have desktop View */
@media (max-width: 767px) { 
#RegLeftNav {height:75px;}
#RegWelcomeMsg{ display:none; }
#RegLogoutLink{ display:block !important;}
}
@media (max-width: 960px) {
.top-nav { height:105px; padding: 0 1rem !important;  }
/*.dashboard-header { position:absolute; top:0; left:0; padding:.5rem 4rem; }*/
}
/********** Login Section  *************/
.left-Nav{ margin-left: -14px !important; margin-right: -14px !important; /*padding-top:2rem;*/ }
#LoginPartnerLogo { width:100%; position:absolute; top: 10px; left: 12px; max-width:200px; }
#LoginHeader, #RegistrationHeader{height:50px; -webkit-box-shadow: 0px 3px 6px 5px rgba(10,75,109,0.08); box-shadow: 0px 3px 6px 5px rgba(10,75,109,0.08);}
#LoginLayoutBody  { height:100vh !important; padding-top:3rem; margin:0 !important; }
#LoginLayoutContainer .left-col { }
#LoginBody { max-width:420px;  margin: 0 3rem; }
.btn-sociallogin{ margin: 3px;}
.login-btn{max-width: 100% !important; min-width:100% !important; }
#LoginLayoutContainer .LoginMerchant, #LoginLayoutContainer .LoginShopper { min-height:99vh;}
#LoginLayoutBody .left-col  {padding-top: 2rem;}
#SignUpLayoutBody .left-col {padding-top: 3rem;}
#SignUpContainer .signup-header{  margin:2rem;}
#SignUpContainer .signup-body{ padding:2rem 4rem; }
#SignUpContainer .signup-body .media-card{ }
#SignUpContainer .signup-body .media-card img{ width:50%; margin:1rem auto;}
#SignUpContainer .signup-body .media-card .media-title{ font-weight:bold; color:#4D4D4D; margin-bottom:1rem;}
#SignUpContainer .signup-body .cta-card{ margin-top:1rem; padding-left:1rem;}
#SignUpContainer .signup-body .cta-card .cta-blob{ color: #999999; }
#SignUpContainer .signup-body .cta-card .cta-link{ }
#SignUpLayoutBody .right-col {padding-top:3rem;}
#SignUpLayoutBody .right-col .navbar{position: absolute; right: 0; color:#000!important;}
@media (max-width: 767px) {
.navbar-header{margin-bottom: 1rem;}
#LoginLayoutContainer .logo{ position: unset; margin:10px 30px; width: 80%; }
#LoginLayoutBody {margin-top: 15px; padding-top: 5px;}
#LoginLayoutContainer .right-col, #SelfServiceLayoutContainer .right-col, #MerchantRegContainer .right-col {display:none;}
#LoginLayoutBody .left-col  {padding-top: 0;}
#LoginBody { max-width:unset;  margin: 1rem; }
#LoginBody .toggle-password-icon {right: 7.5%;top: 69%;}
#SignUpLayoutBody .left-col {padding-top: 0;}
#SignUpLayoutBody .right-col {padding-top:0;}
#SignUpContainer .signup-header{  margin:2rem 0;}
#SignUpContainer .signup-body{  }
#SignUpContainer .signup-body .cta-card{ /*display:none;*/}
}
/**________________________________________________ Header Section END ________________________________________________________________***/


/*________________________________________________Profile START ________________________________________________________________*/

/************************************PROFILE******************************/
.profile-body{padding: 0 1rem;}
#showAddEmailTextBox { display: none;}
#LinkedAccountsContainer #HelpInfoIcon, #DisputerSortByCol, .NeedHelp, .thankyousrow { cursor: pointer;}
#AssociatedEmailView > div.col-sm-4{ margin-top: 0.5rem;}
#AssociatedEmailView #validationCode {margin-right: 2rem;}
#PasswordModal #cancel, #PasswordModal #CloseBtn{ display:none;}
/************************* End PROFILE************************************/
/*________________________________________________ Profile END ________________________________________________________________*/
/*________________________________________________ Buyer Services START ________________________________________________________________*/
/* *****************  Guarantees BEGIN  ******************* */
#BuyerGuaranteesContainer #GuaranteesRow .card,
#BuyerGuaranteesContainer #GuaranteesRow .card-header { transition: .15s all ease-in-out;}
.guarantee-actions .btn { width:200px; }
#GuaranteeItem .card { min-width:300px; max-width:340px; }
#DisputeConfirmProfileInfoModal .disputeprofileinfo{ width:75%;}
#DisputeProblemsnSolModal .modal-dialog{ max-height:95%; max-width: 80%; }
#DisputeProblemsnSolModal .modal-dialog, #DisputeProblemsnSolModal .modal-content, #DisputeConfirmProfileInfoModal .modal-dialog  {height: 95%; }
#DisputeProblemsnSolModal .modal-body, #DisputeConfirmProfileInfoModal .modal-body { max-height: calc(100% - 10px); overflow-y: scroll;}
#DisputeConfirmProfileInfoModal .edit-body { border-bottom: 1px solid #999999;}
#DisputeConfirmProfileInfoModal .modal-content {height: 85%; }
#DisputeProblemSummaryContainer .row{margin-left: unset; margin-right:unset;}
#DisputeSummaryRow {margin: 1rem;}
#DisputeSummaryRow .summary-heading, #DisputeSummaryRow .summary-text{ padding: 0.75rem; padding-top: 1rem;}
#DisputeSummaryRow .row:first-child > .col-sm-3{ padding: 0 !important; }
@media (max-width: 767px) {
#GuaranteeItem { padding-left: 5px !important; padding-right: 5px !important;}
#DisputeGuaranteeInfoModal .modal-body{ max-height: calc(100% - 10px); overflow-y: scroll;}
#DisputeGuaranteeInfoModal .modal-dialog, #DisputeGuaranteeInfoModal .modal-content  {height: 95%; }
#DisputeProblemsnSolModal .modal-dialog{  max-width: 100%; }
#DisputeConfirmProfileInfoModal .modal-content {height: 95%; }
#DisputeConfirmProfileInfoModal .disputeprofileinfo{ width:unset;}
#DisputeGuaranteeInfoModal .modal-content .row {margin-left: unset; margin-right:unset;}
#GuaranteeItem .card{ min-width:unset; max-width:unset; }
#DisputeGuaranteeInfoContainer label{font-weight: bold;}
}
.dashboard-pill-left { position:absolute; top:-12px; left:12px; text-align:left; }
.dashboard-pill-left span { margin-right:4px; padding:.5rem 1rem; border-radius:14px; height:24px; }
.dashboard-pill-right { position:absolute; top:-12px; right:12px; text-align:right; }
.dashboard-pill-right span { margin-left:4px; padding:.5rem; border-radius:14px; width:24px; height:24px; }
/* ***************** Guarantees END******************* */
/* ***************** PriceClaim BEGIN ******************* */
#BuyerPriceClaimsContainer{}
#ProofLowPrice p{font-size: 14px; margin-bottom: 6px !important;   text-align: justify; text-justify: inter-word; }
/* ***************** PriceClaim END ******************* */
/******** BEGIN DISPUTE PAGE ***********/
/******** END  DISPUTE PAGE ***********/
/*________________________________________________ Buyer Services END ________________________________________________________________*/
/* ***************** Messages BEGIN ******************* */
#ActionList {  height: 90%;}
.pre-scrollable#ActionList{ max-height:100vh;}
.pre-scrollable#ActionSummary { max-height: 700px;}
.pre-scrollable#ActionSummary{ max-height:87vh;}
/*.pre-scrollable#ActionList{ max-height:80vh;}*/
.action-priceclaim-border.selected { border-left:0.5em solid #00AA87 !important;}
.action-siclaim-border.selected { border-left:0.5em solid #00AA87 !important;}
.msg-response { position: fixed; width: 47.5%; bottom: 5px; box-shadow: 0 0 10px rgba(0,0,0,.08);}
.msg-response textarea {box-shadow: none !important;}
.dispute-info-row{    position: sticky;  top: -3px;  z-index: 1000;}
 /*#ResponsesContainer {margin-bottom: 50px;}*/
 #ViewDisputeContainer { }
 .send-response{max-width:unset !important; min-width:unset !important;border-radius:50% !important;}
.dispute_responses_body.pre-scrollable { max-height:350px; /*height: 350px;*/}
#DisputeMessagesListContainer, #MerchantDisputeSummary, #MessagesActionListContainer ,#ActionSummary { margin-top: 0.5em;}
/*#DisputeMessagesListContainer*/ .ActionListItem {  padding-left:0.75em !important;}
/*#DisputeMessagesListContainer*/ .ActionListItem.selected { padding-left:0.3em !important;}
/*#DisputeMessagesListContainer*/ .ActionListItem:hover {  margin: -0.15rem -0.15rem 0.65rem -0.15rem  !important;  /* padding-right: 0.45rem !important; */}
/*#DisputeMessagesListContainer .ActionListItem.selected { border-left:0.5em solid #4B9BFD;}*/
@media (max-width: 767px) {
.dispute-info-row{ position: unset;  top: unset; }
/*#ViewDisputeContainer .row:first-child{ padding: 0 2rem !important;}
.dispute-problems .row:first-child, .dispute-solutions .row:first-child{ padding: 0 1.5rem !important;}*/
.pre-scrollable#ActionSummary{ max-height: unset;}
#ActionList {    height: unset;}
.pre-scrollable#ActionList{ max-height:unset;}
.pre-scrollable#ActionList{ max-height:unset;}
.msg-response { position: unset; width: unset; bottom: unset; }
 #ResponsesContainer {margin-bottom: unset;}
 #BuyerActionMessagesContainer {overflow: hidden;}
/*#BuyerMessagesContainer .page-title{ text-align: center;}*/
/*.pre-scrollable#ActionList{ max-height:unset;}*/
}
@media (min-width: 768px) and (max-width: 1024px){
.dispute-info-row{ position: unset;  top: unset; }
#BuyerActionMessagesContainer  { margin-left: 3rem!important;}
.msg-response { position: unset; width: unset; bottom: unset; }
 #ResponsesContainer {margin-bottom: unset;}
 #AssociatedEmailView .btn {min-width:100px;}
}
/* ***************** END Messages ******************* */
/*________________________________________________ Merchant Services START ________________________________________________________________*/
#WelcomeModal .modal-dialog {max-width: 480px;}
#WelcomeModal .modal-title{color:#4D4D4D !important;}
#ChartsContainer .card-header { padding: 1rem;}
#ChartsContainer .card-body { padding: 1.75rem;}
/*.clickcard:hover,*/ #StatusBar .sbelement:hover, .sbactive  {  margin: -0.15rem !important;}
#RearrangeCards { margin-top: 0.75rem; margin-left: 1rem;}
.helpIcon{ font-size:18px !important;}
.ChartIcon{ font-size:20px !important;}
.AlertIcon { font-size: 50px;}
.DisabledAlertIcon{ font-size: 60px; }
.AlertItemBody{ padding-top:2rem;}
/*.AlertIcon{ width: 25%; display: block; margin: 5px auto; }*/
#StatusBarModal .helpIcon{ font-size:15px !important;}
.ThankyouIcon.AlertIcon{ width: 30%; margin: 0 auto; }
.DisabledAlertIcon{ width: 35%; display: block; margin: 5px auto; }
#MerchantDashboardContainer .alerts-row .card { height: 200px;}
#ThankyouCountContainer{ border-right: 2px solid white;}
#MerchantDashboardContainer #DataCardsCarouselIndicators .carousel-indicators { bottom: -65px;  }
/*#FeedCardsCarousel canvas{ width: 50% !important; height:50% !important;}*/
#MerchantDashboardContainer .carousel-indicators li { width: 8px; height: 8px; border-radius: 20px; }   /* to circle*/
#AlertsCarousel .dashboard-carousel-indicators{top: 90% !important; font-size: 18px; color: #999999 !important; width: 0 !important;}
#AlertsCarousel .carousel-indicators { bottom: -35px; }
img.rating-star{ margin-top: -5px;}
/*#DisputesChart {width: 80% !important; height: 60% !important; margin: 1.25rem auto;}*/
/******** Progress bar ***********/
#ProgressBarContainer .status{ padding: 0 11px;}
#ProgressBarContainer .status-icon{width: 100px; vertical-align: middle;}
#ProgressBarContainer .status-bar{position: relative; top: -20px; left: 53px;}
#ProgressBarContainer .initial-status { color: #999999 !important; }
#ProgressBarContainer .incomplete-status{ color: #ff5a00 !important; }
/*#ProgressBarContainer .profile-icon-incomplete { background-image: url("../Content/profile-icon-incomplete.png");}
#ProgressBarContainer .store-icon-incomplete { background-image: url("../Content/store-icon-incomplete.png");}
#ProgressBarContainer .cc-icon-incomplete { background-image: url("../Content/cc-icon-incomplete.png");}
#ProgressBarContainer .users-icon-incomplete { background-image: url("../Content/users-icon-incomplete.png");}*/
#ProgressBarContainer .initial-status-bar {  border-top: dashed #999999;   }
#ProgressBarContainer .status-initial-bar { color: #999999 !important; border-top:dashed;}
#ProgressBarContainer .status-incomplete-bar { border: none; height: 3px; }
#ProgressBarContainer .status-complete-bar{ border-top:solid;}
/******** Progress bar ***********/
#DisputesCard .btn{position: absolute;top: 50%;right: 3%; margin: 10px 0;}
/* #ThankyouCard .center-vertically{  top: 55%;left: 49%;} */
#ThankyouCard .popover{ max-width: 400px; }
#ThankyouCard .popover{ max-height: 80%; overflow-y: scroll;}
/*#ChartsContainer #ThankyouCard > .card-body { position: absolute; top: 50%; transform: translateY(-50%); }*/
/*#ChartsContainer #RatingsCard > .card-body{ position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); width: 100%;}*/
#ChartsContainer .card { background-color: white; min-height:360px; }
#ChartsContainer .card-header { /*border: none;*/ cursor: move; }
#MerchantDashboardContainer #FeedCardsCarousel .carousel-indicators { bottom: -15px; }
/*#MerchantDashboardContainer #FeedCardsCarousel .carousel-indicators li { color: #6c757d; background-color: #6c757d; border-color: #6c757d; }*/
#RatingsChartConatiner .carousel-indicators { bottom: -65px; }
#FeedCardsCarousel .dashboard-carousel-indicators{top: 95% !important; font-size: 18px; color: #999999 !important; }
#FeedCardsCarousel .carousel-control-prev {left:78%;}
#FeedCardsCarousel #itemCount {/*position: relative; top: 13px;*/ margin-right: 2.75rem;}
/*#FeedCardsCarousel .FeedbackChart_Question_Text { position: relative; left: 10%; margin: 1rem 0; }*/
@media (max-width: 768px) {
#ChartsContainer .card {  min-height:unset; }
#ChartsContainer #ThankyouCard {height: 340px; }
#ChartsContainer #RatingsCard  {height: 450px; }
#FeedCardsCarousel .carousel-control-prev {left:65%;}
#DisputesCard .btn{top: 65%;}
}
@media (max-width: 767px) {
#MerchantDashboardContainer .custom-select{ width: 45%; margin-top:1rem;}
.FeedbackChart_Details.border-left { border-left:unset !important;}
}
/******** BEGIN DISPUTE PAGE ***********/
.pre-scrollable#MerchantDisputeSummary { max-height:80vh;}
#TransactionItem > .card{ width: 350px;}
#MerchantViewDisputeContainer .disputeitem-border.selected {  border-left: 0.5em solid #4B9BFD;}
@media (max-width: 767px) {
 #DisputeMessagesContainer {  margin-top: 2rem !important; }
 #FilterDisputesList { width:85% !important;}
}
@media (max-width: 767px) {
   #TransactionItem > .card { width:unset;}
}
/******** END  DISPUTE PAGE ***********/
#ManageUsersContainer .user-row:last-child { border-bottom: none !important ;}

/******** BEGIN THANK YOU NOTES PAGE ***********/
.scrolltoTop{ bottom:30px;}
.thankyousrow.row-striped:nth-of-type(odd) { background-color: #fafafa;}
.thankyousrow.row-striped:nth-of-type(even) { background-color: #ffedcc;}
.thankyousrow:hover { margin: -0.15rem -0.15rem 0.40rem -0.15rem !important; padding-right: 1.30rem !important;}
#MerchantThankYouNotesContainer { max-width:900px; }
#TYCountMsg { margin: -0.5rem 2.2rem 1rem 0rem; }
#ContentFilter_ThankYouNotes { min-width:170px; }
/* .thankyousrow:hover{ box-shadow: 0 10px 125px #a29b9b; position:relative; margin:-0.20rem !important} */
/******** END THANK YOU NOTES PAGE ***********/

/******** BEGIN Stores  ***********/
#StoreItem > .card{ width:350px;}
#StoreItem .dashboard-pill-right span { margin-left:unset !important; padding: .4rem !important; font-size: 13px;}
#MerchantStoresContainer .helpBody{float: none !important;}
@media (max-width: 767px) {
 #StoreItem > .card{ width:unset;}
}
#EditStoreContainer form:not(.FloatingLabels)  #MasterAgreement{ margin: 3rem auto; }
#EditStoreContainer form:not(.FloatingLabels)  #MasterAgreement .card{ margin: 1rem auto; }
#EditStoreContainer .FloatingLabels .form-group{ left:26%;}
@media (max-width: 767px) {
#EditStoreContainer .FloatingLabels .form-group{ left:unset;}
}
/******** END Stores  ***********/

/****************************************************************************** Begin Merchant Status Bar *************************************************/
#StatusBar, #StatusBar .sbelement:hover, .sbactive  {border: 1px solid rgba(0,0,0,.08);}
#StatusBar .sbelement:hover, .sbactive { padding-top: 0.75rem !important;}
.sb-modal-element-status{ max-width:4% !important;}
.sbelement { cursor: pointer; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.alert-rounded-circle-green {background-color: #00AA87 !important;}
.sb-popup-row{margin: 1rem 0rem;}
#StatusBarModal .modal-dialog { min-width: 65%;margin-top: 6rem;}
.modal-subhead-m {}
#DashboardHome_ValueScore #DashboardHome_VS_Image { width: 50px; margin-top: 0.5rem;}
.ValueScore { font-size: 28px; font-weight: bold}
#VS_PopUpImg { height:200px;}
#DashboardHome_ValueScore .alert-item-body { padding-top: 2.5rem; }
.rearrange-elements-highlight{background:#f2f2f2;}
.rearrange-elements, .rearrange-elements .custom-control-label { cursor: pointer; }
#RearrangeCardsModal .modal-dialog,#TabsSort .modal-dialog{ max-width: 28%;margin-top: 6rem;}
#WelcomeModal .modal-header > div > div > h3  {width:75%;}
/****************************************************************************** End Merchant Status Bar *************************************************/
/************************************* Store Set Up and Code Templates START***********************************/
#StoreSetup .primarycolor {  /*width:175px;*/background-color: #00AA87 !important; }
#StoreSetup #Step_1 .helpBody{ float:unset !important;}
#StoreSetup .card-header { background-color: #fff; }
#StoreSetup .active-step, #Step_1:hover { color: #00AA87 !important; }
#StoreSetup #KickerCodeConatiner.active-step  #KickersListContainer.kicker-active-step { border: 1px solid #00AA87 !important; box-shadow: 0px 0px 8px 0px rgba(0, 170, 135, 0.21) !important; }
.kicker-code-div.kicker-active-step { color: #00AA87 !important; }
#StoreSetup .active-step .code-js, .kicker-code-div.kicker-active-step .code-js { border: 1px solid #00AA87 !important; box-shadow: 0px 0px 8px 0px rgba(0, 170, 135, 0.21) !important; } 
#CodeTemplateDD{border-radius: 0px !important;}
.code-js { margin-top: 30px; border: 1px solid rgba(0,0,0,.125);  background-color: #f5f6fb;}
.code-js > textarea {border:none; resize: none;  background-color: #f5f6fb; /*border-top:1px solid rgba(0,0,0,.125);*/ outline: none; }
.code-js > button { background-color: #f5f6fb; border:none; min-width: unset; max-width:unset;  }
.code-js > button:hover { background-color: white; border: 1px solid rgba(0,0,0,.125); }
.code-steps ol li { padding: 0.1rem;}
#CodeTemplates textarea {/*height: 150px;*/ }
.CodeMirror {background-color:unset !important; height:unset !important; max-height:250px !important; min-height:55px !important; font-family: open_sans !important; font-style: normal !important;}
.CodeMirror-scroll{max-height:250px;}
#CodeTemplates .code-js button { position: absolute; top:-12px; right:-12px; z-index: 1000; }
#CodeTemplates .kicker-card-body textarea {height: 50px; }
#CodeTemplates .kicker-card-body .CodeMirror {background-color:unset !important;  height: 55px;}
#CodeTemplates .kicker-card-body .code-js button  { position: absolute; top: unset; left: unset; right: 2px;bottom: 20px;}
#CodeTemplates .code-js /*kicker-code-div*/{ position:relative; /*bottom: -70px;*/}
/*#GuaranteeCodeCard .card-body, #SealCodeCard .card-body, #KickerCodeCard .card-body{ height:450px;overflow-y:scroll;}*/
#KickersListContainer{ /*height:445px;*/}
#KickersBody{color: #333333;}
#KickerCodeConatiner #KickersBody .pre-scrollable {max-height:450px;}
.livekickers { height: 160px;}
.kickerlist-item {background-color:#f9f9f9; margin-bottom:0 !important; border-bottom: 1px solid #4d4d4d2e!important;}
.kickerlist-item.active {background-color:#ffffff; }
#FilterColors{position: absolute;right: -10%;top: -5%;}
.btn.change-color{ min-width: unset !important; border-radius:unset !important;padding: .275rem 1rem !important; margin: 0 5px !important; transform: rotate(90deg);}
.kicker-color.active{background-color: #00AA87;display: inline-block; text-align: center; width: 14px; height: 5px;border-radius: 20%;position: relative;top:-6px;left: -27px;z-index: 1;}
.code-container p { color: #4D4D4D !important; margin-bottom: 1rem;}
/************************************* Store Set Up and Code Templates  END ***********************************/
/******************************************************************** BEGIN Self Service Page **********************************************************************/
#SelfServiceHeader {height:50px; -webkit-box-shadow: 0px 3px 6px 5px rgba(10,75,109,0.08); box-shadow: 0px 3px 6px 5px rgba(10,75,109,0.08); }
#SelfServiceLayoutContainer .right-col .navbar, #MerchantRegContainer .right-col .navbar{position: absolute; right: 0; top:35px;}
#SelfServiceLayoutContainer .modal-title{color:#4D4D4D !important;}
#SelfServiceLayoutContainer .btn.primarycolor:hover{ color: #ffffff !important; background-color: #00AA87 !important; }
#SelfServiceLayoutContainer .btn.primarycolor:focus {box-shadow: 0px 0px 8px 0px rgba(0, 170, 135, 0.21); }
#SelfServiceLayoutContainer .form-control:hover, #SelfServiceLayoutContainer .form-control:focus,#SelfServiceLayoutContainer .custom-select:hover, #SelfServiceLayoutContainer .custom-select:focus,
#StoreSetup .form-control:hover, #StoreSetup .form-control:focus, #StoreSetup .custom-select:hover, #StoreSetup .custom-select:focus, #StoreSetup .active-step .custom-select,#Step_1:hover .custom-select
{ border-color:#00AA87 !important;box-shadow: 0px 0px 8px 0px rgba(0, 170, 135, 0.21) !important; }
/*#SelfServiceLayoutContainer .btn-link:hover, #SelfServiceLayoutContainer a:hover, #SelfServiceLayoutContainer .primarycolor-text:hover { color: #00AA87 !important; }*/
#SelfServiceBody{/*width:45%;*//* padding-top:2rem; padding-bottom:2rem;*/ margin : 5rem auto 0 auto;}
#WizardBody{/*width:75%;*/ margin : 0 3rem;}
#WizardBody.Address{width:75%; }
#SelfServiceBody #CloseBtn { display: none;}
#SelfServiceBody #cancel {  display: none;    }
#SelfServiceBody #Save { width: 100% !important; max-width: 100%; margin-left: unset !important;    }
#SelfServiceBody .text-right { text-align: center !important;    }
/******* Wizard *****/
#Wizard { margin: 2rem auto;}
#Wizard .wizard-hr{    margin: -0.25rem -6rem;}
#Wizard .dashboard-shadow-active{ box-shadow: 0 0 8px lightgray;}
/******* Active State *****/
#Wizard .active-step .wizard-title{color:#00AA87 !important;font-weight: 700;  }
#Wizard .active-step .wizard-icon {color:#00aa87;}
#Wizard .wizard-hr .hr-active{  border-top: 1px solid #DAD7D7; }
/******* Completed State *****/
#Wizard .completed-step .wizard-title{color:#00AA87; }
#Wizard .completed-step .wizard-icon{color:#00aa87; }
#Wizard .wizard-hr .hr-completed{  border-top: 1px solid #00aa87; }
/******* Unvisited State  *****/
#Wizard .unvisited-step .wizard-title{ color: #DAD7D7; }
#Wizard .unvisited-step .wizard-icon {color: #DAD7D7;}
#Wizard .wizard-hr .hr-unvisited { border-top: 1px solid #DAD7D7; }

#Wizard .wizard-state:last-of-type .wizard-hr {display:none;}
/******* AddStore *****/
#AddyourStore .text-right {text-align: unset !important; }
#AddyourStore .form-group .col-sm-6 { flex: 0 0 100%; max-width: 100%; }
#StoreSetup #Wizard{ width: 75%;}
/*#SelfServiceLayoutContainer #WizardBody.StorePricing .wizard-title { top: 220px;}
#StoreSetup #Wizard .wizard-title {top:  170px; margin-left:-0.25rem;}
#Guarantee .wizard-title {left: 35.5%;}*/

/*#AddyourStore .form-group .col-sm-4 {flex: 0 0 50.333333%;  max-width: 50.333333%; }*/

/******* Pricing *****/
#ChoosePricingContainer .card{ border-radius: 25px;border: 3px solid #00AA87; margin: 1rem; padding:1rem; box-shadow: 0 0 5px #00AA8766; min-width:295px; max-width:350px; }
#ChoosePricingContainer .card-title, .price-value {color : #00305E !important;}
#ChoosePricingContainer .card-footer{background-color : #ffffff; color: #000;}
#ChoosePricingContainer .card:hover,#ChoosePricingContainer .pricing-pill-border{ border: 3px solid #00aa87 !important; box-shadow: 0 0 0px #00aa8766; }
#ChoosePricingContainer .btnpricing{ /* margin: 1rem auto;*/ background-color: #00AA87; color: #fff; margin-bottom: -46px; position: relative;text-transform: uppercase; font-weight: 600;font-size:14px; }
#ChoosePricingContainer .btnpricing.selected, #ChoosePricingContainer .pricing-pill-border .btnpricing {  background-color: #00AA87; }
#ChoosePricingContainer #PricingSwitchContainer .btnpricing{ margin-bottom: unset; position: unset;}
#ChoosePricingContainer .card.selected {  border: 1px solid #00AA87 !important; }
#ChoosePricingContainer .card:hover .btnpricing{  background-color: #018267;}
.pricingbody-text{color : #999999 !important;}
.pricing-pill {position: absolute; top: -35px; left: -35px; padding: 1rem 1.25rem; font-size: 1.25rem; border-radius:50%;background-color : #00AA87; color: #fff}
.price-term-text{color : #999999 !important;font-size:16px; margin-left:1rem;}
.btnpricing:focus{cursor:wait !important;}
#ChoosePricingContainer .card-footer{/* position: absolute;bottom: -30px;left: 93px; */ background-color: unset!important;}
#ChoosePricingContainer .savings-text{position: absolute;bottom: -60px; font-size:0.9rem;/*left: 78px;font-weight: 700;*/ }
#PricingSwitchContainer .price-term-text{margin-left: -0.5rem;}
#ChoosePricingContainer.pricing-switch .btnpricing{padding: 10px 50px !important; }
#PricingSwitch.switch-container .switch-light span span.collapsed { color: #666 !important; }
.pricing-slider, .pricing-slider::-webkit-slider-runnable-track, .pricing-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
}
.pricing-slider {
    height: 8px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    width: 75%;
    margin-top: 2rem !important;
}
.pricing-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin-top: -4px
}

.pricing-slider::-moz-range-thumb {
    -webkit-appearance: none;
    box-shadow: 0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin-top: -4px
}
/******* Billing *****/
/*.Billing  #Wizard .wizard-title{*/ /*top: 150px;*/ /*margin-left: -0.75rem;}*/

/******************************************************************** END Self Service Page ***********************************************************************/
/*________________________________________________ Merchant Services END ________________________________________________________________*/

/******************************   JQuery UI DateRange Selector Overrides**************************************/
.comiseo-daterangepicker{padding:0;}
/*.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}*/
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {background-color : #f7f6f5; color: #3d3d3d;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f7f6f5;
    background: #f7f6f5;
    color: unset;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: unset;
    background: unset;
    font-weight: normal;
}
.ui-datepicker-header{background:white !important; border:unset;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus/*, .ui-button:hover, .ui-button:focus*/ {
    border: unset;
    background: unset;
    font-weight: normal;
    color: #4d4d4d;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, /*.ui-button,*/ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: unset;
    background: unset;
    font-weight: normal;
    color: #3d3d3d;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content { border-bottom-width: 0; }
.comiseo-daterangepicker-buttonpanel .ui-button{color: #fff !important; min-width:120px; max-width: 200px; padding: 7.5px 12px !important;}
.comiseo-daterangepicker-presets .ui-widget-content, .comiseo-daterangepicker-presets {
    background: #f7f6f5;
}
.comiseo-daterangepicker-left .comiseo-daterangepicker-buttonpanel{ position: absolute; bottom: 15px; right: 15px;}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel{ position: absolute; bottom: 15px; left: 5px;}
.comiseo-daterangepicker-presets{width: 100%; padding: 10px 5px !important;}
.comiseo-daterangepicker .ui-datepicker-inline { width: 39em !important; padding:15px;}
.comiseo-daterangepicker-main.ui-widget-content{ width: 700px;}
.comiseo-daterangepicker.comiseo-daterangepicker-left{left:939.16px;}
.comiseo-daterangepicker-left .comiseo-daterangepicker-calendar { border-right-width: 2px; padding-right: 0;}
@media (max-width: 767px) {
  .comiseo-daterangepicker.comiseo-daterangepicker-right{left:10px !important;}
  .comiseo-daterangepicker-main.ui-widget-content{ width: 280px;}
  /*.comiseo-daterangepicker-presets{width: 100%; padding: 10px px !important;}*/
  .comiseo-daterangepicker .ui-datepicker-inline { width:unset !important;}
  .comiseo-daterangepicker-buttonpanel .ui-button{ min-width:80px; }
}
/******************************   JQuery UI DateRange Selector Overrides**************************************/
#UnsubscribeContainer { padding: 3rem;}
#UnsubscribeContainer .bs_content_box { text-align: left;}

/*************************************   Transparency  *************************************************************/
/***************** Partner Overrides and or Potential Partner *******************/
#Transparency .card-header {padding:1rem 2rem 1rem 1rem;}
.grouplist-item.active, .grouplist-item.active .btn.btn-link, .grouplist-item:hover .btn.btn-link { color : #999999 !important;}
.topic-content-body .topic-url { color : #4D4D4D !important; text-decoration:underline;}
.topic-content-body .topic-url:hover {color : #999999 !important;}
.topic-content-body .topic-name { color: #000; font-weight:600; }
.topic-content-body .topic-value { color: #4D4D4D; }
/***************** Partner Overrides and or Potential Partner *******************/
/******************* Account Info Layout ****************************/
#Transparency {width: unset; margin: unset;overflow-y: auto;}
#Transparency .grouplist-item > .btn {max-width:unset !important; min-width:unset !important;padding: 0.5rem 0 !important; /*width: 100% !important;*/}
#Transparency .grouplist-item > .btn.btn-link, #Transparency .grouplist-item > .btn.btn-link:hover{ text-decoration:none;}
.verified-row { font-size:0.8em; }
.verified-row .verified     { color:#000; font-weight:bold; }
#GroupListContainer, #KickersListContainer { border-right: 1px solid #DAD7D7 !important;padding: 0 !important; }
#GroupList.d-layout { overflow-y: auto; min-height: 400px; max-height: 400px;}
.merchant-name  { margin:auto 0; font-size: 24px; display: inline-block; line-height: 1em; }
.merchant-logo  { margin:auto 0; max-height:24px; }
#AccountInfoContainer.v4_1 #PartnerLogoSection { text-align: right;  display: inline-block; }
#AccountInfoContainer.v4_1 #Transparency .partner-logo { margin:auto 0; max-height:30px; max-width:300px; }
#AccountInfoContainer.v4_1 #Transparency .poweredby-logo { max-height: 16px !important; }
#ClearContentModal{top: 20%!important; left: 10%!important;}
.grouplist-item{/*padding: 0.5rem;*/ margin-bottom: 0 !important; border-bottom: 1px solid #DAD7D7 !important; }
.grouplist-item:last-child { border-bottom: unset ; }
.grouplist-item button i { width:1.2em; margin-left:0.5em; }
.topic-content-body { padding: 2rem; margin-bottom:2em; }
.topic-content-body.pre-scrollable {min-height: 400px ; max-height: 400px ;}
.topic-content-body .topic-content-header { padding: 0; margin:0; }
.topic-content-body .topic-content-title  { padding-bottom: 1.5rem; margin:0; }
.topic-content-body .topic-content-blurb  { padding-bottom: 1.5rem; margin:0; }
.topic-icon { text-align:center; display: inline-block; width:1.0em; margin-right:0.5em; }
.topic-content-body .topic { margin-bottom:0.5rem; }
#Benefits           .topic { margin-bottom:1.0rem; }
#TransparencyBody   .topic { margin-left:1em; }
#Benefits .topic-name { color: #000000; margin-bottom: 1rem; }
#Benefits .topic-value { color: #4D4D4D;  padding-left: 1.5rem; }
#BenefitsFAQ {margin: 1rem;}
#TabsList .custom-checkbox.dashboard-disabled:hover { cursor:not-allowed;}
/** Dashboard Specific **/
#DisplayStoreContainer #Transparency {width: 90%; margin: auto;overflow-y: auto;}
#DisplayStoreContainer .topic-content-body .float-label { }
#DisplayStoreContainer .topic-content-body .float-input { margin: 0 1rem !important; /*width: 75%;*/}
#DisplayStoreContainer .topic-content-body .json-obj .float-label {padding-left: 1rem !important;}
#DisplayStoreContainer .topic-content-body .json-obj .float-input { /*width: 80% !important;*/ }
#DisplayStoreContainer #GroupList.d-layout { overflow-y: auto; min-height: 500px; max-height: 500px;}
#DisplayStoreContainer .topic-content-body.pre-scrollable { overflow-y: auto; min-height: 500px; max-height: 500px;}
@media (max-width: 400px) {
   #TransparencyHeader div.text-center.float-right { float:none !important; }
  .merchant-logo{ margin:auto auto; }
  .partner-logo { margin:auto auto; }
  .grouplist-item button i { margin-left:0; }
}
@media (max-width: 767px) {
    #Transparency {width: unset !important;margin: auto; box-shadow:unset; border: none;}
    #TransparencyHeader {position: fixed; z-index: 1000; width: 100%;}
    #TransparencyBody { margin-top: 53px; }
    .topic-content-body { padding: 1rem; }
    .topic-content-body.show { border-bottom: 1px solid #DAD7D7 !important;}
    .topic-content-body .topic-content-title { padding-bottom: 0.75rem !important; font-size:14px; }
    .topic-content-body .topic-content-blurb { padding-bottom: 0.75rem !important;font-size:13px; }
    .topic-content-body .topic { margin-left:0.25rem !important; font-size:12px;}
    .topic-content-body .topic-url{font-size:12px;}
    #Benefits .topic-value { padding-left: 0.5rem; }
    #BenefitsFAQ {margin: 0.5rem;}
    small{font-size:10px;}
    #VerfiedSection{ /*border-top: 1px solid lightgray;*/ padding: 0; }
    .merchant-name { font-size:16px;}
    #DisplayStoreContainer .topic-content-body {padding: 1.5rem; }
}
/******************* Account Info Layout ****************************/

#SelfServiceLayoutContainer .mobile-logout {  display:none;}
#SelfServiceLayoutContainer #TermsModal .btn.primarycolor, #SelfServiceLayoutContainer #PasswordModal .btn.primarycolor { background-color: #00AA87 !important; }
#SelfServiceLayoutContainer #PasswordModal .text-right:has(.btn.primarycolor) { text-align:center !important;}
@media (min-width: 768px) and (max-width: 1024px) {
    #Wizard .wizard-hr{margin: -0.25rem -2.50rem;}
}
@media (max-width: 767px) {
  #MerchantRegContainer       .dashboard-bg-leftnav.position-fixed.h-100,
  #SelfServiceLayoutContainer .dashboard-bg-leftnav.position-fixed.h-100 { position:relative !important;  height:auto !important;  }
  #MerchantRegContainer       .center-vertically,
  #SelfServiceLayoutContainer .center-vertically {  position:relative; transform:translate(0); top:0;  left:0;  margin:6rem 0 3.5rem 5%; width:90%;  }
  #SelfServiceLayoutContainer #PartnerLogo, #MerchantRegContainer #PartnerLogo { left:15px !important;  margin-left:5%;  }
  #MerchantRegContainer #LoginHeader {    display:none;  }
  #MerchantRegContainer .reg-body {    width:90% !important;  }
  #Wizard .wizard-hr{margin: -0.25rem -2rem;}
  #SelfServiceLayoutContainer #WizardBody {    width:90% !important;  }
  #WizardBody{/*width:75%;*/ margin : 0 auto;}
  #WizardBody.Address{width:unset; }
  #SelfServiceLayoutContainer #Wizard {   width:100%;  }
  #StoreSetup #Wizard{ width: 100%;}
  /*#SelfServiceLayoutContainer #Wizard .wizard-title {   top:210px; margin-left: -0.50rem; }
  #SelfServiceLayoutContainer #WizardBody.StorePricing .wizard-title {   top:210px; }
  #SelfServiceLayoutContainer #WizardBody.Address .wizard-title { top:205px; }
  #SelfServiceLayoutContainer #WizardBody.Billing .wizard-title { top:125px; }
  #SelfServiceLayoutContainer #Wizard .wizard-hr {   width:80px;  }*/
  #SelfServiceLayoutContainer #SelfServiceBody {    margin: 1rem 0;  }
  #SelfServiceLayoutContainer .mobile-logout {    display:block;  }
  #SelfServiceLayoutContainer .desktop-logout {    display:none;  }
  .card-backdrop .w-75 {    width:100% !important;    max-width:460px;  }
  #ChoosePricingContainer .card-footer {left:75px;}
  #ChoosePricingContainer .card {min-width:250px; max-width:300px;}
  #ChoosePricingContainer .savings-text{bottom: -60px; font-size:0.8rem; }
  #StoreSetup.row {margin: 0 1rem!important;}
/*  #StoreSetup #Wizard {width: unset;}
  #StoreSetup #Wizard .wizard-title { top: 200px!important; margin-left: 0.2rem;}
  #StoreSetup #Wizard .wizard-hr { width:75px !important;}*/
}

/******************* PTR Layout ****************************/

#PTR { font-family: 'Open Sans', sans-serif; max-width: 380px;background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 8%)!important;border-color: rgba(0,0,0,.125) !important; }
.ptr-header { max-width: 380px;font-weight: 700;  color: #717171;}
#PTR .guarantee { font-weight: 600; font-size: 14px; height: 67px; max-height: 67px; color: #fff;}
#PTR .benefits { max-width: 380px; max-height: 70px; height: 70px; background-color: #ebebeb; }
#PTR .ben-name{ font-family: 'Open Sans', sans-serif;font-weight:700; font-size:16px; color: #333 !important;text-align:left;margin-top:0.5rem;}
#PTR .sayThanks { height: 70px; font-size: 14px; color: #464646;}
#PTR .sayThanks span {font-weight: 700; font-style: italic;}
#PTR .feedback span {color: #000; font-size: 16px; font-weight: 600;}
#PTR .feedback {font-size: 14px; color: #666; }
#PTR .no-upSell { color: #000; font-size: 15px; font-weight: 600; border-color: #fff;}
#PTR .no-upSell.copyright { color: #000; font-size: 10px;}