/*
1. Typography
2. Page Layout
3. Media Query Ranges
4. colors
*/
/********************************** 1. Typography********************/
/********************************** /Typography********************/
/********************************** 2. Page Layout********************/
/********************************** /Page Layout********************/
/********************************** 3. Media Query Ranges********************/
/********************************** /Media Query Ranges********************/
/********************************** 4. colors********************/
/********************************** /colors********************/
body, html { min-height: 100%; }

/* Custom Stylesheet */
/** Use this file to override Materialize files so you can update the core Materialize files in the future  Made By MaterializeCSS.com */
/*@import url("typography.css");*/
/*@import "style-componerts/sidebar2";*/
/*@import "../materialize-v2/sass/components/color-variables";*/
/*@import "../materialize-v2/sass/components/variables";*/
.switch-wrapper { display: inline-block; margin-right: 16px; }

.mdc-switch { display: inline-block; position: relative; }
.mdc-switch [type="checkbox"]:not(:checked), .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }

.mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fafafa; border-color: #fafafa; }
.mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #1bb7c2; border-color: #1bb7c2; }
.mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }

.mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: .38; content: ""; }

.mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }

[dir="rtl"] .mdc-switch__knob, .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }

.mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: .2; content: ""; }

.mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: .5; }
.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: .15; }
.mdc-switch__native-control:disabled { cursor: initial; }
.mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; }
.mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }

[dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }

[dir="rtl"] .mdc-switch__native-control:checked, .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }

.switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #f44336; border-color: #f44336; }
.switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #f44336; border-color: #f44336; }
.switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #f44336; }

.mdc-typography { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

.h1, h1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 6rem; line-height: 6rem; font-weight: 300; letter-spacing: -0.01562em; text-decoration: inherit; text-transform: inherit; }

.h2, h2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3.75rem; line-height: 3.75rem; font-weight: 300; letter-spacing: -0.00833em; text-decoration: inherit; text-transform: inherit; }

.h3, h3 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3rem; line-height: 3.125rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }

.h4, h4 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 2.125rem; line-height: 2.5rem; font-weight: 400; letter-spacing: 0.00735em; text-decoration: inherit; text-transform: inherit; }

.h5, h5 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }

.h6, h6 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; }

.subtitle1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; }

.subtitle2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; }

.body1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; }

.body2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; }

.caption { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; }

.button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; }

.overline { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.16667em; text-decoration: none; text-transform: uppercase; }

.sales_panel_login header { background: transparent !important; }
.sales_panel_login header .brand img { height: 175px; width: auto; margin-top: 90px; }
.sales_panel_login header span { display: none; }
.sales_panel_login .mdc-dialog__body { padding: 65px 40px 35px !important; }
.sales_panel_login #gen_password_form label.active { color: #CD1719; }
.sales_panel_login #gen_password_form button { background: #CD1719 !important; height: 50px !important; }
.sales_panel_login #gen_password_form input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }

body.sales_panel_login .mdc-dialog__body input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }

body.sales_panel_login .mdc-dialog__body input.valid:not(.browser-default) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }

body, html { min-height: 100%; }

.step-3 #slide-out, .complete-profile #slide-out, .register-body #slide-out { display: none; }
.step-3 header, .complete-profile header, .register-body header { display: none !important; }
.step-3 header.white-text, .complete-profile header.white-text, .register-body header.white-text { display: flex !important; }
.step-3 .page-container-main main, .complete-profile .page-container-main main, .register-body .page-container-main main { padding: 0; }
.step-3 .page-container-main main .main-content, .complete-profile .page-container-main main .main-content, .register-body .page-container-main main .main-content { padding: 0; height: 100vh; }

.s-padding-left { padding-left: 0 !important; }

.s-padding-right { padding-right: 0 !important; }

* { -moz-box-sizing: border-box; box-sizing: border-box; }

body [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, body [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }

body [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }

.page-container { padding: 56px 0 0; min-height: 100vh; }

.progress { position: fixed; top: 0; left: 0; right: 0; margin: 0; z-index: 1000; }

.d-none { display: none !important; }

.border-btn { border: 1px solid #202124; box-shadow: none; }

.cursor-pointer { cursor: pointer; }

.pointer-event-none { pointer-events: none; }

.bdr-btn { border: 1px solid #202124 !important; line-height: 30px !important; }

.mt-xs-15 { margin-top: 15px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt40 { margin-top: 40px !important; }

.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

.mb12 { margin-bottom: 12px !important; }

.ml10 { margin-left: 10px !important; }

.no-padding { padding: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right; }

.text-bold-500 { font-weight: 500; }

.text-capitalize { text-transform: capitalize; }

.company_view_call { cursor: pointer; color: #303030; }

.company_view_call_v1 { color: #303030; cursor: pointer; }

#toast-container { min-width: 100%; right: auto; bottom: 0; left: 0; top: auto; }

.toast { position: absolute; bottom: 20px; left: 10px; font-size: 16px; /*color: #535353;*/ color: #fff; top: auto !important; }

/*FORM*/
.mdc-select, .mdc-text-field { width: 100%; }

/*FORM*/
body { margin: 0; }

img { max-width: 100%; }

.select-wrapper input.select-dropdown { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 30px); padding-right: 30px; color: #959595; }

.clearfix::after { display: block; clear: both; content: ""; }

.custom-browse { position: relative; display: inline-block; }

.custom-browse span { display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }

.custom-browse input { opacity: 0; height: 37px; cursor: pointer; }

.custom-browse a { position: relative; z-index: 1; }

select.error, .custom-browse .helper-text { display: none; }

.step-1 .error { position: absolute; }

.error, .custom-browse.invalid .helper-text { position: relative; min-height: 18px; display: block; font-size: 15px; color: #b00020; /*padding:0;*/ font-style: normal; }

.invalid.form-error { min-height: 18px; font-size: 12px; color: #b00020; /*padding: 0;*/ font-style: normal; }

input.error[type="text"]:not(.browser-default) { border-bottom: 1px solid #b00020; -webkit-box-shadow: 0 1px 0 0 #b00020; box-shadow: 0 1px 0 0 #b00020; }

.float-right { float: right; }

.backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 5px 0 0; font-size: 20px; }

.backto-priomarket a { margin: 4px 15px !important; line-height: 56 !important; }

/*COMMON*/
/*SIDENAV HEADER*/
.collapsible.sidenav li { margin: 0; }
.collapsible.sidenav li.active { border: 0; }
.collapsible.sidenav li.sidenav-header { line-height: 20px; padding: 15px; }

.home-main .sidenav li.sidenav-header > a { margin: 0; }

.sidenav-header .user { font-size: 16px; display: block; padding: 10px 0 0; }

.sidenav-header .user span { display: block; font-weight: 300; font-size: 15px; }

#account-dropdown { position: fixed; display: block; z-index: 9999999; right: 0; top: 15px; left: 282px; opacity: 1; width: 200px; border-radius: 5px; }

#account-dropdown.dropdown-content li > a { padding: 12px 16px; color: rgba(0, 0, 0, 0.87); }

/*SIDENAV HEADER*/
/*page one*/
.terms-conditions { position: relative; left: 0; }

.terms-conditions span a { line-height: 20px; height: 20px; position: relative; padding: 0; color: #202124; }

.terms-conditions span { color: #9e9e9e; padding-left: 25px !important; }

.terms-conditions [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, .terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }

.terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }

.terms-conditions + em.error { padding-left: 32px; }

/*page one*/
.mdc-button.white-btn { background: #fff; text-transform: capitalize; color: #202124; float: right; margin: 15px 0; }

.mdc-button.grey-btn { background: #f5f5f5; color: #9d9d9d; float: right; margin: 15px 0; }

.mdc-toolbar-fixed-adjust { margin: 0; padding: 0; }

.brand-logo { left: 0; transform: translateX(0); }

.brand-logo img { height: 38px; margin: 13px 0 0 0; }

/*.step-2*/
.step-2 { padding: 60px 0 0; background: url(../images/banner.jpg) 0 0 no-repeat; background-size: cover; }

.step-2 header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; }

.step-2 header nav { padding: 0 15px; min-height: 60px; }

header nav .dropdown-content, .step-2 header nav .dropdown-content { white-space: nowrap; width: auto !important; }

.step-2 h1.header { font-size: 3rem; }

.heading { min-height: 209px; padding: 120px 0 0; }

.heading h1 { color: #fff; font: 400 2.8125rem/1.06666667 Roboto, RobotoDraft, sans-serif; font-weight: 400; margin-top: 0; text-align: center; }

.heading h5 { color: #fff; font: 400 0.9375rem/1.6 Roboto, RobotoDraft, sans-serif; font-weight: 400; font-weight: 300; text-align: center; }

/*accordion*/
.collapsible { box-shadow: none; border: 0; }

.collapsible li { border-color: transparent; margin: 10px 0; }

.collapsible li.active { border: 1px solid #ddd; }

.collapsible .card-header { background: transparent; border: 0; padding: 0; text-decoration: none; color: rgba(0, 0, 0, 0.87); }

.collapsible .collapsible-header { background: #e3f2fd; padding: 10px 1.25rem; outline: 0; width: 100%; text-align: left; border-radius: 0; border: 0; }

.collapsible .collapsible-header .filled-checkbox { position: relative; top: 2px; pointer-events: none; }

.collapsible .collapsible-header .filled-checkbox:after { position: absolute; z-index: 1; top: 0; left: 0; content: ""; height: 100%; width: 100%; }

.collapsible .collapsible-header [type="checkbox"] + span:not(.lever) { padding-left: 25px; height: 20px; }

.collapsible .collapsible-header .row { margin: 0; width: 100%; }

.collapsible .collapsible-body { border: 0; }

.collapsible .collapse { border: 1px solid transparent; }

.collapsible .collapse.show { border: 1px solid rgba(0, 0, 0, 0.125); }

/*sidenav*/
.collapsible-body ul { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

.collapsible-body ul li a { padding-left: calc(1.25rem + 10px) !important; }

/*sidenav*/
/*accordion*/
.step-panel { position: relative; top: -100px; }

.step-panel .step { padding: 24px; margin: auto; max-width: 704px; position: relative; transition: all 100ms; background: #fff; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #000; }

.step-panel .collapsible .collapsible-body { padding: 1rem; }

.step-panel .select-wrapper input.select-dropdown:focus, .step-panel .select-wrapper input.select-dropdown { padding-right: 15%; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.step-panel a { text-decoration: none; }

.step-panel .status-img { -moz-border-radius: 50%; border-radius: 50%; height: 40px; position: absolute; width: 40px; }

.step-panel .status-img i { font-size: 48px; position: absolute; left: 0; top: -4px; }

.step-panel .step-text { padding-left: 56px; margin-right: 0; }

.step-panel h2 { font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 46px; margin: 0; }

.step-panel p { font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; margin-top: 4px; }

.step-panel .start-btn { -moz-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 24px; text-align: center; top: 50%; width: 120px; }

.step.step-expanded h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 1.33333; line-height: 40px; margin-bottom: 0; margin-top: 0; }

.step-panel .progress { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; }

.step-expanded-two #step-two-section-2 { display: none !important; }

/*step-expanded-one*/
.step-expanded-one .elevation { padding: 30px 15px; margin: 15px 0; text-align: center; }

.step-expanded-one .value-feilds .mdc-text-field__input { padding-bottom: 10px; }

/*step-expanded-one*/
.step-panel .step-expanded-one, .step.step-expanded { margin: 24px auto; padding: 32px; max-width: 720px; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.step.step-expanded .step-text { margin-right: 0; }

.step.step-expanded h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin-top: 32px; margin-bottom: 0; }

.step.step-expanded p strong { font-weight: 500; }

.step.step-expanded .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }

.step.step-expanded .domain-prioticket { position: absolute; right: 0; top: 21px; color: rgba(0, 0, 0, 0.55); }

.step.step-expanded .user-info { color: rgba(0, 0, 0, 0.87); font-size: 13px; line-height: 24px; margin: 24px 0; }

.step.step-expanded .user-info .light-grey { color: rgba(0, 0, 0, 0.52); }

.step.step-expanded .start-btn { display: none; }

.step.step-expanded .mdc-text-field { width: 100%; margin: 0; }

.step.step-expanded .mdc-text-field-helper-text { margin: 0; display: none; }

.step.step-expanded .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }

.step.step-expanded .mdc-linear-progress { position: absolute; bottom: 0; left: 0; right: 0; }

.step.step-expanded .mdc-layout-grid { padding-top: 0; padding-bottom: 0; }

.step.step-expanded .create-user-accounts { display: none; }

.step.step-expanded .demo-checkbox-wrapper { position: relative; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px 16px 16px 48px; min-height: 48px; }

.step.step-expanded .mdc-checkbox { position: absolute; top: 6px; left: 5px; }

.step.step-expanded #enabled-checkbox-label span { color: rgba(0, 0, 0, 0.87); font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; cursor: pointer; }

.step.step-expanded-one h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/40px Roboto, RobotoDraft, sans-serif; margin-bottom: 0; margin-top: 0; }

.step.step-expanded-one h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin: 32px 0 15px; }

.step.step-expanded-one .regsiter-success { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px; font-size: 12px; }

.step-four .select-product .z-depth-1 { justify-content: center; position: relative; padding: 40px 10px 15px; margin: 15px 0; }

.step-four .select-product .z-depth-1 .filled-checkbox { position: absolute; right: 5px; top: 10px; color: #33ac71; }

.step-four .select-product .z-depth-1 .filled-checkbox span { padding-left: 20px; height: 20px; }

.step-four .select-product .z-depth-1 h5 { margin: 0; font-size: 16px; line-height: 28px; }

/*step-1 page one*/
/************************************************* REGISTER OR SIGN UP*/
.register-body .page-container { padding: 0; }

.step-1 { background: #202124; min-height: 100vh; display: flex; display: -webkit-flex; align-items: center; }

.step-1 .mdc-dialog { position: relative; width: 100%; padding: 0; top: -20px; }

.step-1 .mdc-dialog .mdc-dialog__surface { margin: 23px auto; padding: 0 16px 24px; max-width: 750px; position: relative; border-radius: 8px; -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.step-1 .brand { padding: 40px 24px 0; }

.step-1 h3 { font-size: 24px; letter-spacing: -0.9px; font-weight: 400; line-height: 32px; margin: 0; padding: 15px 00 20px; color: #535353; }

.step-1 form { padding-top: 50px !important; }

.register-right { display: flex; justify-content: center; align-items: center; padding-top: 50px !important; padding-bottom: 50px !important; }
.register-right div { max-width: 340px; width: 100%; text-align: left; }
.register-right div .prio-account { height: auto; max-width: 100%; width: 100%; }
.register-right .one-account { font-size: 20px !important; }

.supplier-detail .register-right div { position: relative; top: -105px; }

.supplier-detail .register-right div div { position: static; }

.step-1 .mdc-text-field { width: 100%; }

.step-1 .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }

.step-1 .mdc-form-field > label { color: rgba(0, 0, 0, 0.6); }

.step-1 .form-footer { margin-top: 27px; margin-bottom: 20px; }

.step-1 .form-footer .btn-flat { padding: 0 12px; margin-left: 7px; letter-spacing: -0.2px; font-size: 15px; height: 30px; line-height: 25px; margin-top: -1px; border: 1px solid #202124; color: #202124; display: inline-flex; align-items: center; }

.step-1 .form-footer .btn-flat:hover { background: rgba(0, 0, 0, 0.05); }

.supplier-detail .one-account, .step-1 .one-account { font-size: 16px; color: #535353; font-weight: 300; }

.step-1 .mdc-dialog__footer .mdc-layout-grid { width: 100%; }

.step-1 .select-wrapper { display: inline-block; }

.step-1 footer .select-wrapper input.select-dropdown { font-size: 12px; border-bottom: 0; height: 18px; padding-right: 25px; }

.step-1 footer .select-wrapper .dropdown-content { width: auto !important; white-space: nowrap; }

.step-1 .mdc-dialog__footer .select-wrapper .caret { right: -25px; top: -3px; }

.step-1 .mdc-dialog__footer .mdc-select { height: 32px; }

.step-1 .mdc-dialog__footer a { font-size: 12px; text-transform: capitalize; padding: 6px 10px; line-height: 16px; height: 28px; position: relative; right: -10px; }

.supplier-detail .prio-account, .step-1 .prio-account { margin: 0 0 18px; max-width: none; height: 75px; width: auto; }

.select-wrapper input.select-dropdown.value-selected { color: rgba(0, 0, 0, 0.87); text-align: left; }

.step-1 footer { margin-top: 24px; }

/************************************************* //REGISTER OR SIGN UP*/
/*login page*/
body.login-page { background: none; }

.register-success .mdc-dialog__surface, .step-3 .mdc-dialog__surface, body.login-page .mdc-dialog__surface { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); }

/* //login page*/
.step-3 h6 { color: #535353; text-align: center; }

.register-success header, .step-3 header { background: #1bb7c2; height: 160px; justify-content: center; display: flex; align-items: center; }

.register-success img, .step-3 header img { width: auto; margin-bottom: 5px; height: 58px; }

.register-success header span, .step-3 header span { position: relative; left: -1px; font-size: 18px; top: -7px; }

.register-success .mdc-dialog, .step-3 .mdc-dialog { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }

.register-success .mdc-dialog__surface, .step-3 .mdc-dialog__surface { background: #fff; overflow: hidden; max-width: 420px; min-width: 300px; width: 100%; /*-webkit-box-shadow: none; box-shadow: none; */ }

.step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 0 25px 35px; }

.step-3 .btn { width: 100%; margin: 15px 0 0; background-color: #1bb7c2 !important; }

.step-3 .others-link { margin-left: -16px; margin-right: -16px; }

.step-3 .others-link a { padding: 6px 16px; color: #1bb7c2 !important; }

.step-3 .others-link a:hover { background-color: #58D1D9; }

.step-3 .note { font-size: 12px; line-height: 16px; }

.step-3 .mdc-text-field-helper-text { display: none; }

.step-3 .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }

.step-3 .visibility-off { position: absolute; right: 10px; top: 15px; color: rgba(0, 0, 0, 0.54); cursor: pointer; }

.step-3 .visibility-off i { width: 24px; }

.step-3 .visibility-off i::-moz-selection { background: transparent; }

.step-3 .visibility-off i::selection { background: transparent; }

.step-expand-section .section-body { display: none; }

.step-panel .section-body { display: none; }

.step-panel .step-expand-section .section-body { display: block; }

/*step-3*/
/*step-register*/
.step-register h2 { line-height: 40px; cursor: pointer; }

.step-register.step-expanded-one h2, .step-register h2.show-on-expand { display: none; cursor: pointer; }

.step-register.step-expanded-one h2.show-on-expand { display: block; }

.step-register form { margin: 30px 0 0; display: none; }

.step-register.step-expanded-one form { display: block; }

/*step-register*/
.step-panel .verify-domain { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }

/************************************ WELCOME - HOME MAIN */
.home-main #slide-out { top: 0; z-index: 999999; overflow: hidden; }

.home-main .demo-user { display: none; font-weight: 600; font-size: 20px; margin-right: 20px; }

.home-main .demo-user span { font-weight: normal; font-size: 16px; }

.home-main .sidenav .collapsible li { width: 100%; margin: 0; border: 0; }

.home-main .sidenav li > a { padding: 0 1.25rem; }

.home-main .sidenav li.active { background: transparent; }

.home-main .sidenav li.active > a { color: #202124; /*border-bottom:1px solid rgba(0, 0, 0, 0.12);*/ }

.home-main .sidenav li > a:hover i, .home-main .sidenav li.active > a i { color: #202124; }

.home-main .sidenav li > a i.chevron-right { position: absolute; right: 15px; margin: 0; top: 0; }

.home-main .sidenav li.active > a i.chevron-right { transform: rotate(-90deg); }

.home-main .sidenav li.active .collapsible-body ul { background: #f4f4f4; border: 0; }

.products-page .filters-bar .product-type li a.highlighted { font-weight: 500; color: #202124; }

body.products-page .distributor [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after, body.products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::after { top: 10px; }

.products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 7px; }

.home-main .sidenav li > a:hover { color: #202124; background-color: #f4f4f4 !important; }

.home-main .collapsible .collapsible-header { background: transparent; color: rgba(0, 0, 0, 0.87); }

.home-main header { position: fixed; width: 100%; height: 60px; z-index: 999; top: 0; left: 0; }
.home-main header nav { padding-right: calc(10px + .75rem); background: #fff !important; }

.home-main .heading { padding: 30px 0 0; }

.home-main .heading h1 { font-size: 30px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 40px; margin: 0 0 15px; text-transform: uppercase; }

.home-main .heading p { font-family: "Roboto", sans-serif; color: #fff; margin: 0 0 20px; font-size: 18px; }

.home-main .heading h5 { font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 30px; margin: 0 0 40px; }

.home-main .parallax-container { height: 275px; background: #00737d; }

.home-main nav .sidenav-trigger { display: block; border-radius: 50%; height: 40px; margin-top: 12px; }

.home-main nav .sidenav-trigger i { height: 40px; line-height: 40px; }

.home-main .brand-logo { left: 70px; transform: translateX(0); }

.home-main .sales-accounts .col { margin-bottom: 15px; margin-left: 0; }

.home-main .sales-accounts .z-depth-1 { padding: 25px; height: 100%; cursor: pointer; width: 100%; }

.home-main .sales-accounts .z-depth-1 .error { position: absolute; bottom: 30px; font-size: 18px; }

.home-main .sales-accounts .z-depth-1:hover { background: #d6d6d6 !important; cursor: pointer; -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }

.home-main .sales-accounts img { height: 36px; }

.home-main .sales-accounts strong { display: block; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; }

.home-main { background: #fbfbfb; /*    .growing-graph .container{ max-width: 1580px; width: 100%; }*/ }
.home-main .sales-accounts p { margin: 0 0 10px; }
.home-main .sales-accounts p.hotel_name { font-size: 11px; }
.home-main .sales-accounts .material-icons { font-size: 36px; }
.home-main .growing-graph { padding: 40px 0; }
.home-main .growing-graph .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.home-main .growing-text { display: -ms-flexbox; display: flex; align-items: center; padding: 10px 0.75rem; }
.home-main .growing-graph a { color: #202124; padding: 0; display: block; font-size: 14px; text-transform: capitalize; }
.home-main .growing-text span { color: #00737d !important; text-transform: uppercase; cursor: default; padding: 0; }
.home-main .growing-graph .growing-graph-img { text-align: center; }
.home-main .growing-graph .growing-graph-img img { width: 100px; }
.home-main .growing-graph .growing-text div { width: 100%; }
.home-main .growing-graph a:hover { text-decoration: underline; }
.home-main .growing-graph p { font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 5px; line-height: 26px; }
.home-main .sales-account-list { margin: 0; }
.home-main .sales-account-list i { font-size: 32px !important; }
.home-main .sales-account-list .account-desc { font-size: 16px; line-height: 20px; }
.home-main .sales-account-list .z-depth-1 { min-height: 210px !important; }
.home-main .sales-account-list h6 { font-weight: normal; line-height: 20px; font-size: 18px; margin-bottom: 20px; }
.home-main .accounts-list { height: calc(100vh - 66px); display: flex; align-items: center; }

/************************************ //WELCOME - HOME MAIN */
/************************************ MODALS */
#deleteTicket.modal { max-width: 440px; z-index: 99999 !important; top: 30% !important; }

#deleteTicket.modal .modal-footer { padding-right: 24px; }

/*CREATEPRODUCT*/
#createproduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }

#createproduct.modal { max-height: 75%; }

#createproduct .h6 { line-height: 26px; font-weight: 400; font-size: 18px; }

#createproduct .createproduct-inner { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); overflow-y: auto; }

#createproduct .chechbox-with-info { position: relative; padding-left: 26px; margin-bottom: 8px; }

#createproduct .chechbox-with-info + .chechbox-with-info { position: relative; padding-left: 26px; padding-right: 0; }

#createproduct .chechbox-with-info p { margin: 5px 0 15px; line-height: 18px; font-size: 15px; }

#createproduct .chechbox-with-info label { position: absolute; left: 0; top: 0; }

#createproduct .m2.subtitle1 { line-height: 47px; }

#createproduct .field-error .select-wrapper .caret { top: -32px; }

#createproduct .modal-footer { padding-right: 42px; height: 65px; margin: 10px 0 15px; }

#createproduct .select-wrapper .dropdown-content { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }

#createproduct .btn-flat, #createproduct .btn { font-size: 14px; }

/*CREATEPRODUCT*/
#select_channels .row-flex .col { margin-left: 0; margin-bottom: 10px; }

#ticket-listing h4 { font-size: 24px; }

#ticket-listing h4 span { font-size: 16px; margin-left: 5px; }

#ticket-listing p { margin: 0; }

#ticket-listing .modal-footer { text-align: left !important; }

#ticket-listing .modal-footer-inner { margin-bottom: 5px; }

#ticket-listing { height: auto; max-height: 80%; }

#ticket-listing th { white-space: nowrap; position: relative; font-weight: 500; }

#alert_popup { max-width: 300px; width: 100%; }

/************************************ //MODALS */
/*MORE INFORMATION*/
#moreinformation { max-width: 700px; top: 20% !important; box-shadow: 7px 6px 4px #515761; overflow: visible; }

#moreinformation .moreinformation-inner { overflow-y: auto; box-shadow: -7px -6px 4px #515761; }

/*MORE INFORMATION*/
/*distributers*/
.distributors-page { min-height: 100%; }

.main-section #main_section, .my-products, .distributors { height: calc(100% - 194px); width: 100%; padding-left: 0; display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; position: relative; }

.my-products.reseller-profile { display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; }

.distributors .sidenav { position: absolute; }

.distributors .distributors-sidenav { padding: 0; height: 100%; }

.distributors-right-panel h6, .distributors .sidenav .user-view { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); min-height: 67px; }

.distributors .distributors-tabs { padding: 10px 15px 0; }

.distributors #distributors-requested .dataTables_wrapper { margin-top: 0; }

.distributors #distributors-requested table, .distributors #distributors-received table { table-layout: fixed; }

.distributors #distributors-requested table th { width: 10% !important; }

.distributors #distributors-received table th { width: 10% !important; }

.distributors-right-panel h6 { padding: 15px 30px; }

.distributors .sidenav .user-view a { display: flex; }

.distributors .sidenav .user-view i { font-size: 2.25rem; margin-right: 20px; }

.distributors-right-panel .highlight { width: calc(100% - 50px); margin: 15px auto; table-layout: fixed; }

.distributors-right-panel .highlight th { white-space: nowrap; position: relative; font-weight: 500; }

/*.distributors-right-panel .highlight th.name { padding-right: 35px; min-width: 80px; }*/
.distributors-right-panel .highlight th.th-id { min-width: 65px; }

.distributors-right-panel .highlight th.price-list { min-width: 65px; }

.distributors-right-panel .highlight th.template { min-width: 65px; }

.distributors-right-panel .highlight th i { position: relative; top: 5px; }

.distributors-right-panel .highlight a { margin: 0 5px; }

.distributors-right-panel .highlight a.waves-effect i { font-size: 22px; }

.distributors-page .marketplace-btns { margin: 0; }

.marketplace-btns h6 { color: #535353; display: inline-block; }

.marketplace-btns .marketplace-header { width: calc(100% - 300px); }

.marketplace-btns .marketplace-header h6 { color: #535353; display: inline-block; }

.marketplace-btns .marketplace-header .tabs { margin-top: 16px; }

/*.marketplace-btns .marketplace-header ul { display: inline-block }*/
.distributors-page a.sidenav-trigger-dist { margin: 0 24px; float: left; }

.distributors-page .create-ticket { float: right; }

/*distributers*/
/***************************************************************** PRIOMARKET-DISTRIBUTORS*/
.priomarket-distributors .sidenav a { height: 64px; padding-top: 10px; padding-bottom: 5px; }

.priomarket-distributors .sidenav span { text-align: center; margin-right: 10px; width: 85px; height: 85px; line-height: 50px; display: inline-flex; justify-content: center; align-items: center; }

.priomarket-distributors .sidenav span img { /*width: 27px;*/ max-height: 55px; max-width: 55px; vertical-align: middle; }

.priomarket-distributors nav { height: auto; min-height: 64px; }

.priomarket-distributors .select-what-products { color: #535353; padding: 0 25px; font-size: 16px; line-height: 24px; }

.priomarket-distributors .ticket-detail-header a.translate_btn i { position: relative; top: -11px; }

.priomarket-distributors .listing { margin-bottom: 20px; }

.priomarket-distributors .listing label { font-size: 13px; }

.priomarket-distributors .listing .label-info { font-size: 16px; }

.priomarket-distributors .filter-box.product-type { padding: 20px 20px; }

.priomarket-distributors th .dropdown-trigger { position: absolute; left: 25px; top: 24px; width: 15px; height: 15px; }

.distributors-right-panel .highlight a.dropdown-trigger i { position: relative; left: 7px; top: 0; font-size: 30px; line-height: 15px; }

.distributors-right-panel .highlight .dropdown-content { width: 190px !important; }

.distributors-right-panel .highlight .dropdown-content a { font-size: 14px; color: #202124; }

.distributors-right-panel .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; font-weight: 400; }

.distributors-right-panel .dropdown-content li { min-height: 1px; position: relative; }

.distributors-right-panel .dropdown-content i { right: auto; left: 18px !important; top: 6px !important; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; display: none; }

.distributors-right-panel .dropdown-content li.current-action i { display: block; }

.distributors-right-panel table.highlight .actions-oprtions a { white-space: nowrap; padding: 0 5px; line-height: 32px; height: 32px; margin: 0 0 0 5px; font-size: 16px; display: none; }

.distributors-right-panel table.highlight tbody tr:hover .actions-oprtions a { display: inline-block; }

.distributors-right-panel table.highlight th.th-checkbox { width: 40px; padding-left: 10px; }

.distributors-right-panel table.highlight th.th-checkbox label { position: relative; top: 4px; }

.distributors-right-panel table.highlight td.td-checkbox { padding-left: 10px; }

.distributors-right-panel table.highlight td.td-checkbox label { position: relative; top: 3px; }

.distributors-right-panel table.highlight th.th-id { width: 80px; min-width: 80px; }

.distributors-right-panel table.highlight .distributor-link { cursor: pointer; color: #959595; }

.distributors-right-panel table.highlight .distributor-link:hover { color: #202124; }

.distributors-right-panel table.highlight th.th-name { width: 135px; }

.distributors-right-panel table.highlight th.th-product-type { width: 70px; }

.distributors-right-panel table.highlight th.th-product-range { width: 140px; }

.distributors-right-panel table.highlight th.th-list-price { width: 60px; }

.distributors-right-panel table.highlight th.th-discount { width: 55px; }

.distributors-right-panel table.highlight th.th-fees { width: 50px; }

.distributors-right-panel table.highlight th.th-resale-price { width: 75px; }

.distributors-right-panel table.highlight th.actions { width: 150px; }

.distributors-right-panel table.highlight td.td-product-name { word-break: break-all; }

/*.CustomPricing .modal-content table { width: 500px }*/
.CustomPricing .modal-content table th, .CustomPricing .modal-content table td { padding-left: 10px; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-name { width: auto; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-type { width: 100px; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-range { width: 100px; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-list-price { width: 130px; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-discount { width: 130px; }

.distributors-right-panel .CustomPricing .modal-content table.highlight th.th-fees { width: 130px; }

/***************************************************************** //PRIOMARKET-DISTRIBUTORS*/
/***************************************************************** GET-YOUR-MAIN*/
.get-your-guide nav { background: #f6f6f6 !important; border-bottom: 1px solid #d3d3d3; }

/*.get-your-main { overflow: auto; }*/
.get-your-main .banner-section { background: #f6f6f6; padding: 60px 0 40px 0; margin: 0; }

.get-your-main .banner-section h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }

.get-your-main .banner-section a.weblink { font-size: 16px; line-height: 20px; font-weight: 400; color: #202124; display: inline-block; margin: 4px 0 0; }

.get-your-main .banner-section h4 { font-size: 14px; margin: 20px 0 0; line-height: 16px; color: rgba(0, 0, 0, 0.987); max-width: 450px; }

.get-your-main .banner-section .golbal-ota { color: rgba(0, 0, 0, 0.654); font-size: 13px; line-height: 16px; display: block; }

.get-your-main .banner-section .btn { margin: 20px 0 0; }

.get-your-main .leftpanel { width: 264px; padding: 0 40px 0 64px; }

.get-your-main .rightpanel { width: calc(100% - 264px); }

.get-your-main .rightpanel .rightpanel-inner { max-width: 820px; }

.get-your-main .leftpanel span { overflow: hidden; background-color: #fff; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); height: 148px; width: 148px; display: flex; align-items: center; justify-content: center; }

.get-your-main .leftpanel span img { max-width: 90px; max-height: 90px; }

.get-your-main .get-your-content h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); font-weight: 500; }

.get-your-main .get-your-content { padding-bottom: 50px; }

.get-your-main .get-your-content p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }

/***************************************************************** //GET-YOUR-MAIN*/
/****************************************************************** PUBLIC-PROFILE*/
.public-profile .public-profile-inner { max-width: 750px; margin: 50px auto 20px; }
.public-profile .public-profile-inner p { max-width: 560px; margin: 30px 0 70px; }
.public-profile .public-profile-inner textarea { border: 0; border-bottom: 1px solid #959595; height: 48px; }
.public-profile .public-profile-inner textarea :focus { outline: -webkit-focus-ring-color auto 0 !important; }
.public-profile .public-profile-inner h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }
.public-profile .public-profile-inner .chips-parent { margin: 20px 0 8px; }
.public-profile .public-profile-inner .chips-parent label { font-size: 1rem; }
.public-profile .public-profile-inner form .btn.request { margin-top: 30px; }
.public-profile .public-profile-inner .custom-browse { margin-bottom: 15px; }
.public-profile .public-profile-inner #preview-image { max-width: 150px; }

/***************************************************************** // PUBLIC-PROFILE*/
/************************************************ PRODUCTS-PAGE*/
.products-page { overflow: auto !important; }

.create-templates .create-templates-nav, .combi-products nav, .products-page .marketplace-btns { position: fixed; left: 0; top: 56px; z-index: 998; }

/*FILTER BAR*/
.products-page .filters-bar .search { position: relative; padding: 10px 20px 5px; }

.products-page .filters-bar .search .search-wrapper input { padding: 0 15px 0 45px; margin: 0; border-bottom: 0; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; }

.products-page .filters-bar .search .search-wrapper input:focus { box-shadow: none; }

.products-page .filters-bar .search .search-wrapper i.material-icons { position: absolute; top: 20px; left: 15px; cursor: pointer; color: #535353; }

.products-page .filter-box { padding: 10px 20px 35px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); position: relative; }

.products-page .filter-box #product_status { margin: 10px 0 0 0; }

.products-page .filter-box #product_status span { padding-left: 40px; }

.products-page .filter-box .subtitle2 { text-transform: uppercase; }

.products-page .filter-box.categories .dropdown-trigger { position: relative; right: -7px; top: -5px; height: 30px; }

.products-page .filter-box.categories .dropdown-content { position: absolute; right: 10px; left: auto !important; }

.products-page .filter-box.product-status ul li, .products-page .filter-box.categories ul li { line-height: 35px; }

.products-page .filter-box.suppliers .select-dropdown:focus, .products-page .filter-box.suppliers .select-dropdown, .products-page .filters-bar .product-type li > a, .products-page .filter-box #product_status span, .products-page .filter-box.categories ul li label span { font-size: 14px; font-weight: 400; }

.products-page .filter-box.suppliers { padding: 8px 20px 8px; }

.products-page .filter-box.suppliers .select-dropdown:focus, .products-page .filter-box.suppliers .select-dropdown { margin: 0; box-shadow: none; border-bottom: 0; }

.products-page .filter-box.suppliers input.select-dropdown { height: 30px; }

.products-page .filters-bar .product-type li { position: relative; border-radius: 0 30px 30px 0; margin: 0; }

.products-page .filters-bar .product-type li ul li { border-radius: 0; }

.products-page .filters-bar .product-type ul { margin-right: 10px; }

.products-page .filters-bar .product-type li:hover { background: rgba(0, 0, 0, 0.05); }

.products-page .filters-bar .product-type li:hover a { background: transparent; }

.products-page .filters-bar .product-type li > a + a { display: none; }

.products-page .filters-bar .product-type li:hover > a + a { display: block; }

.products-page .filters-bar .product-type li > a { border-radius: 30px; color: #959595; }

.products-page .filters-bar .product-type li > a.pointer-event-none { color: rgba(0, 0, 0, 0.25); }

.products-page .filters-bar .product-type li ul a { border-radius: 0; }

.products-page .filters-bar .product-type li ul a:hover { background: transparent; }

.products-page .filters-bar .product-type li .dropdown-trigger { margin: 0 !important; position: absolute; text-align: center; right: 1px; top: 4px; height: 40px !important; width: 40px !important; padding: 0; }

.products-page .filters-bar .product-type li:hover .dropdown-trigger:hover, .products-page .filters-bar .product-type li .dropdown-trigger:focus { background: #dadada !important; }

.products-page .filters-bar .product-type li .dropdown-content { right: auto; left: calc(100% - 15px) !important; }

.products-page .filters-bar .product-type.filter-box { padding: 10px 0; }

.products-page .filters-bar .product-type.filter-box .control-label { padding: 10px 20px; }

.products-page .filters-bar .product-type.filter-box a:focus, .products-page .filters-bar .product-type.filter-box a:visited { border: 0 !important; outline: 0; }

.products-page .filters-bar .product-type.filter-box .btn-floating { margin-right: 10px; height: 30px; width: 30px; line-height: 33px; }

.products-page .filters-bar .product-type.filter-box i { margin-right: 0; line-height: 40px; height: 40px; float: none; width: 32px; }

.products-page .filters-bar ul { margin: 5px 0 0 0; }

/*.products-page .filters-bar ul li label{ margin-left: 5px;}*/
.products-page .filters-bar .create-new-category { margin: 10px; display: block; }

.products-page .filters-bar .qty { margin-right: 10px; }

/* //FILTER BAR*/
/*.overview-list {}*/
.products-page .filter-box.translation { padding: 10px 20px; border-bottom: 0; }

.products-page .filter-box.product-type { padding: 20px 20px 10px; }

.products-page .filter-box.product-type.header { display: flex; display: -webkit-flex; align-items: center; }

.products-page .filter-box.product-type.header a { width: 150px; line-height: 20px; height: auto; padding: 0; }

.products-page .filter-box.overview-list { padding: 10px 20px; }

.products-page .filter-box.overview-list ul { margin: 10px -20px; }

.products-page .filter-box.overview-list li { line-height: 38px; }

.products-page .filter-box.overview-list a { line-height: 26px; height: 36px; color: #959595; font-size: 13px; }

/*.overview-list {}*/
.products-page .filters-bar { position: absolute; padding: 30px 0 0; top: 0; left: 0; z-index: 998; }

.products-page a.filter-trigger { margin: 0 16px; z-index: 99999; position: relative; top: 10px; }

.products-page .my-products-right-panel h6 { padding: 0 0.75rem; font-weight: 400; color: #535353; margin: 20px 0 15px; }

.products-page .my-products-right-panel .card-content { padding: 15px 24px; width: 100%; }

.products-page .my-products-right-panel .card .card-image img { height: 270px; object-fit: cover; }

.products-page .my-products-right-panel .card .card-image { width: 100%; }

.products-page .my-products-right-panel .card { height: calc(100% - 1.5rem); display: flex; display: -webki-flex; flex-wrap: wrap; align-items: flex-end; }
.products-page .my-products-right-panel .card .card-top { align-self: flex-start; width: 100%; }
.products-page .my-products-right-panel .card .card-action { width: 100%; }

.products-page .my-products-right-panel .col { margin-left: 0; }

.products-page .card:hover { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }

.products-page .card .card-content .card-header .dropdown-trigger { position: absolute; top: 5px; right: -20px; border-radius: 50%; }

.products-page .card .card-content .card-header .dropdown-trigger:hover, .products-page .card .card-content .card-header.product-dropdown-action-open .dropdown-trigger { background: #f1f1f1; }

.products-page .card .card-content .card-header .dropdown-trigger i { color: #535353 !important; margin: 0; font-size: 27px; }

/*.products-page .card .card-content .card-header .dropdown-trigger i:hover {  }*/
.products-page .card-header .dropdown-content { top: 34px !important; }

.products-page .card .card-header { position: relative; padding-left: 45px; padding-right: 10px; }

.products-page .card .card-header .btn-floating { position: absolute; top: 4px; left: -10px; font-size: 24px; font-weight: 500; height: 40px; width: 40px; line-height: 40px; }

.products-page .card .card-content .card-title { font-size: 14px; font-weight: 400; line-height: 24px; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.products-page .card .card-content p { font-size: 12px; line-height: 23px; }

.products-page .card .card-action { padding: 15px 14px; }

.products-page .card .card-action a { margin: 0 0 0 15px !important; font-size: 14px; }

.products-page .dropdown-content { width: 194px !important; font-weight: 400; overflow: visible; }

.products-page .dropdown-content li { min-height: 1px; position: relative; }

.products-page .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; }

.products-page .dropdown-content i { right: auto; left: 18px; top: 6px; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; }

/*.products-page .dropdown-content li.bdr-top { border-top: 1px solid #ebebeb; }
.products-page .dropdown-content li.bdr-bot { border-bottom: 1px solid #ebebeb; }*/
.products-page .dropdown-content li i { display: none; }

.products-page .dropdown-content li > a, .products-page .dropdown-content li > span { font-size: 14px; color: #202124; }

.products-page .dropdown-content li:hover a, .products-page .dropdown-content li span { color: #959595; }

.products-page .dropdown-content li.current-action i { display: block; }

.products-page .pagination { width: 100%; }

.products-page .pagination span { color: rgba(0, 0, 0, 0.654) !important; font-size: 12px; }

.products-page .pagination .btn-flat { margin: 0 0 0 6px; height: 40px; min-width: 0; line-height: 24px; padding: 8px; width: 40px; }

.products-page .pagination .btn-flat + .btn-flat { margin: 0 6px 0 0; }

.products-page .dropdown-content li.labelcolor { margin: 8px 0; border-radius: 0; }

.products-page .dropdown-content li.labelcolor ul { display: block; width: 236px !important; }

.products-page .dropdown-content li.labelcolor:hover ul { display: block; right: auto; left: 100% !important; opacity: 1; }

.products-page .dropdown-content li.labelcolor .label { padding: 6px 40px 6px 20px; /*font-weight: 300;*/ line-height: 20px; font-size: 14px; color: #5f6368; margin-top: 6px; }

.products-page .dropdown-content li.labelcolor .label:hover { background: transparent; cursor: default; }

.products-page .dropdown-content li.labelcolor .material-icons { display: block; right: 15px; left: auto; }

.products-page .dropdown-content li.labelcolor:hover .material-icons { color: #202124; }

.products-page .dropdown-content li.labelcolor .color-picker-inner { padding: 0 46px 18px; margin-top: 0; font-size: 0; line-height: 0; }

.products-page .dropdown-content li.labelcolor .color-picker-inner:hover { background: transparent; }

.products-page .dropdown-content li.labelcolor .pick-color-selected { right: auto; left: 15px; top: 5px; position: absolute; }

.products-page .dropdown-content li.labelcolor .pick-color-selected, .products-page .dropdown-content li.labelcolor .color-picker-inner .pick-color { padding: 0; display: inline-block; text-decoration: none; color: #202124; font-size: 15px; border-radius: 50%; width: 20px; line-height: 20px; text-align: center; margin: 2px; }

.products-page .dropdown-content li.labelcolor a { text-decoration: none; color: #202124; font-weight: 400; }

.products-page .dropdown-content li.labelcolor .add-color { margin-top: 10px; }

.products-page .dropdown-content li.labelcolor .remove-color { margin-bottom: 5px; }

.products-page .dropdown-content li.labelcolor.add-color a, .products-page .dropdown-content li.labelcolor.remove-color a { padding: 6px 46px; line-height: 20px; }

/************************************************ //PRODUCTS-PAGE*/
#showLess, #loadMore { padding-left: 20px; height: 32px; line-height: 32px; width: calc(100% - 10px); position: absolute; left: 0; bottom: 8px; color: #959595; font-size: 14px; cursor: pointer; border-radius: 0 16px 16px 0; }

#showLess:hover, #loadMore:hover { background: #f1f3f4; }

#showLess i, #loadMore i { position: relative; top: 5px; margin-right: 8px; left: -4px; }

#showLess em, #loadMore em { position: relative; top: -2px; font-style: normal; }

/*PRODUCTS-PAGE*/
/*MY-PRODUCT-V2*/
.my-product-v2 { background: #fafafa; }

.my-product-v2 div.my-products-right-panel { padding: 0; }

.my-product-v2 .my-products-right-panel nav { /*box-shadow: none;*/ border-bottom: 1px solid #e0e0e0; margin: 0; height: 64px; line-height: 64px; }

.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { padding: 0 20px; }

.my-product-v2 .my-products-right-panel .header-row { margin: 20px 5px 0; }

.my-product-v2 .my-products-right-panel .header-row2 { margin: 10px 5px 0; }

.my-product-v2 .my-products-right-panel .header-row a { padding: 6px 16px; font-weight: 300; }

.my-product-v2 .my-products-right-panel h6 { font-size: 16px; color: rgba(0, 0, 0, 0.654); font-weight: 400; margin: 0; padding: 6px 0; line-height: 24px; }

.my-product-v2 .card-box { padding: 0 5px 10px; }

.my-product-v2 .card-box .card-footer { margin: 10px 0 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }

.my-product-v2 .card-box .card-footer a { font-size: 12px; letter-spacing: -0.2px; }

.my-product-v2 .card-box .card-footer a + a { margin-left: 5px; border: 1px solid #d3d3d3; padding: 5px 10px; color: #d5d5d5; }

.my-product-v2 .card.selected-card { background-color: #d6d6d6 !important; }

.my-product-v2 .card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }

.my-product-v2 .card.selected-card, .my-product-v2 .card-box .card:hover, .my-product-v2 .card-box .card:focus { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }

.my-product-v2 .card-logo img { max-width: 100%; vertical-align: middle; max-height: 100%; }

.my-product-v2 .card { height: 315px; margin: 0; position: relative; background-color: #fff; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); padding: 0 0 16px 0; transition: box-shadow 200ms; width: 230px; cursor: default !important; display: inline-block; }

/*.my-product-v2 .card:hover{ cursor:default;
}*/
.my-product-v2 .card.no-resellers-available { height: auto; margin: 20px 0; padding: 0; text-align: center; }

.my-product-v2 .card.no-resellers-available p { padding: 8px 20px; }

.my-product-v2 .card h3 { font-size: 15px; line-height: 21px; max-height: 42px; margin: 6px 0 8px; padding: 0 20px; }

.my-product-v2 .card h4 { color: rgba(0, 0, 0, 0.654); font-size: 13px; font-weight: 300; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -8px 0 8px; bottom: -5px; padding: 0 20px; }

.my-product-v2 .card p { font-size: 13px; line-height: 20px; margin: 5px 0 0; max-height: 60px; height: 40px; overflow: hidden; color: rgba(0, 0, 0, 0.654) !important; padding: 0 20px; }

.my-product-v2 .card dl { bottom: 0; font-size: 13px; left: 0; line-height: 20px; padding: 0 20px 16px; position: absolute; vertical-align: baseline; margin: 0; width: 100%; }

.my-product-v2 .card dl dt { display: inline-block; margin: 0; font-weight: 500; }

.my-product-v2 .card dl dd { display: inline-block; margin: 0; color: rgba(0, 0, 0, 0.654) !important; }

.my-product-v2 .banner-content { background: url(../images/pulish-banner.jpg) 0 bottom no-repeat; height: 278px; background-size: 100% auto; position: relative; }
.my-product-v2 .banner-content .btn { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -87px; }

/*MY-PRODUCT-V2*/
/*CREATE-TEMPLATES*/
.create-templates .create-templates-nav { /*height: auto;*/ margin: 0; }

.create-templates .create-templates-tabs { width: 100%; }

.create-templates .create-templates-tabs .tabs { width: auto; float: left; padding: 0 15px; }

.create-templates .create-templates-tabs .btn { margin: 6px 20px 6px 0; }

.create-templates .no-product-available { padding: 15px; }

.create-templates.products-page .my-products-right-panel { padding-top: 52px; }

.create-templates .distributor li { line-height: 36px; }

.create-templates .distributor li a { color: #9e9e9e; line-height: 18px; font-size: 14px; min-height: 36px; display: flex; display: -webkit-flex; align-items: center; font-weight: 400; }

.create-templates .distributor li a.active { color: #202124; }

.create-templates .distributor li label span { height: auto; line-height: 24px; font-size: 14px; }

.create-templates .distributor li.active a, .create-templates .filter-box.filter-by { border: 0; }

.create-templates .filter-box.filter-by li, .create-templates .filter-box.filter-by li a { line-height: 36px; height: 36px; }

.create-templates .hidden-layer { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #fff; font-size: 28px; text-transform: uppercase; justify-content: center; display: flex; display: -webkit-flex; align-items: center; }

/*CREATE-TEMPLATES*/
/*SUPPLIER-ONBAORDING*/
.marketplace-btns { /*margin: 5px 0;*/ justify-content: flex-end; margin-bottom: 0; }

.create-templates-nav a.btn, .marketplace-btns a { margin: 10px 20px; height: 33px; line-height: 33px; padding: 0 10px; font-size: 13px; background-color: transparent; }
.create-templates-nav a.btn.req_contract_btn, .marketplace-btns a.req_contract_btn { background-color: #1bb7c2; }
.create-templates-nav a.btn.create-product-btn, .marketplace-btns a.create-product-btn { background-color: #1bb7c2; }

.supplier-nav a { color: #202124; }

.supplier-sidenav { top: 183px; }

.supplier-onbaording { padding: 30px 0; }

.supplier-onbaording .card-box { margin: 0 0 25px !important; }

.supplier-onbaording .card { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; }

.supplier-onbaording .card .card-action { -ms-flex-item-align: end; align-self: flex-end; width: 100%; }

.supplier-onbaording .card .card-content { width: 100%; }

.supplier-onbaording .card .card-image .card-title { position: static; padding: 24px 24px 0; display: block; }

.supplier-onbaording .card .price { font-size: 1.3rem; }

.supplier-onbaording .tabs { background: transparent; bottom: -2px; }

.supplier-onbaording .tabs-btm-border { border-bottom: 2px solid #9e9e9e; margin: 10px 0; }

/*SUPPLIER-ONBAORDING*/
/*process2*/
.parallax { height: auto; overflow: hidden; }

.supplier-onboarding2 { margin: 30px 0; }

.supplier-onboarding2 h3 { margin-bottom: 50px; }

.bg-dark-iris { background: #00737d; }

.supplier-onboarding2 .row-flex { justify-content: center; }

.supplier-onboarding2 .row-flex .card-box .card-box-v2 { height: 100%; border-radius: 10px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

.supplier-onboarding2 .row-flex .card-box .card-box-v2 .card { margin: 0; border-radius: 10px; }

.supplier-onboarding2 .row-flex .card-box { margin: 0 10px 15px; width: 100%; }

.supplier-onboarding2 .row-flex .card-box .card { height: 100%; width: 100%; }

.supplier-onboarding2 .row-flex .card-box .card .card-image { padding: 36px 24px 0; }

.supplier-onboarding2 .row-flex .card .card-title { font-weight: 500; color: #535353 !important; }

.supplier-onboarding2 .row-flex .card-box .card img { max-width: 60px; display: inline-block; min-height: 70px; }

/*process2*/
.supplier-detail { /*background: url(../images/patteran-bg.jpg) 0 0 repeat;*/ background: #202124; min-height: 100vh; }

.supplier-detail h5 { border-bottom: 1px solid #9e9e9e; padding: 47px 0 21px; font-size: 31px; }

.supplier-detail form { padding-right: 60px !important; padding-left: 100px !important; }

.step-1 .main-row-flex { margin: 0; width: 100%; }
.step-1 .main-row-flex .xl7, .step-1 .main-row-flex .xl5 { height: 100vh; }

.step-1 .main-row-flex, .supplier-detail .main-row-flex { min-height: 100vh; }

.supplier-detail .company-details-info { position: relative; padding-left: 40px; }

.supplier-detail .company-details .edit-icon { position: relative; top: 3px; cursor: pointer; }

.supplier-detail .chechbox-with-info { position: relative; padding-left: 40px; }

.supplier-detail .chechbox-with-info + .invalid.form-error { margin: 0 0 0 45px; float: left; width: calc(100% - 45px); }

.supplier-detail .company-details-info p { margin: 0 0 15px; }

.supplier-detail .company-details-info i, .supplier-detail .chechbox-with-info label { position: absolute; left: 15px; top: 3px; }

.supplier-detail .company-details-info i { position: absolute; left: 0; top: 3px; }

.supplier-detail h6 { font-weight: 400; position: relative; padding-right: 30px; }
.supplier-detail h6 .info-click { position: absolute; right: 0; top: 0; }
.supplier-detail h6 .info-click i { position: static; }

.supplier-detail .info-click img { height: 20px; position: relative; top: 3px; }

.supplier-detail .company-details h6 .info-click { position: absolute; right: 0; top: -1px; }

.supplier-detail .custom-browse { margin: 0 0 20px; }

.supplier-detail .company-details { border-bottom: 1px solid #9e9e9e; margin: 0 0 15px; }

.supplier-detail .company-details .m6 { padding-left: 0; }

.supplier-detail .finalize-acount, .supplier-detail .section-point-sale, .supplier-detail .section-why-do, .supplier-detail .company-detail { margin: 0 0 20px; }

.supplier-detail .form-footer { margin-bottom: 15px; margin-top: 40px; padding-right: 26px; }

.supplier-detail .section-point-sale .chechbox-with-info + .invalid.form-error { float: left; width: 100%; }

.company-details h6 { margin: 0; }

.finalize-acount h6, .section-point-sale h6, .section-why-do h6 { margin: 0 0 20px; }

.company-detail { display: none; }

.company-detail .select-wrapper input.select-dropdown { color: rgba(0, 0, 0, 0.87); }

.company-detail.company-detail-expanbed { display: block; }

.supplier-detail #preview-image { max-width: 150px; }

/*.section-point-sale .tooltipped,
.section-why-do .tooltipped { position: relative; top:4px; left: 10px; }*/
.section-point-sale p, .section-why-do p { margin: 0; }

/*custom modals*/
.supplier-detail .modal { max-width: 440px; width: 100%; border: 2px solid #202124; box-shadow: 0 0 3px #202124; }

/*custom modals*/
/*footer*/
.home-main footer { padding: 6px 0 15px; border-top: 1px solid rgba(0, 0, 0, 0.2); background: #fbfbfb; }

.home-main footer .row .m3 { width: 100%; float: right; }

.home-main footer h3 { font-size: 18px; }

.home-main footer li { margin: 0 0 5px; }

.home-main footer a { font-size: 14px; color: rgba(0, 0, 0, 0.87); }

.home-main footer span { font-size: 14px; color: rgba(0, 0, 0, 0.87); cursor: default; }

.home-main footer a:hover { text-decoration: underline; }

/*footer*/
/*Home main*/
/*CREATE-TICKET-IFRAME*/
/*#ticket_overview_iframe { z-index: 99999}*/
.priohub-body-hidden { overflow: hidden !important; }

.priohub-body-hidden .main-content, .priohub-body-hidden footer, .priohub-body-hidden .marketplace-btns, .priohub-body-hidden .filters-bar { display: none !important; }

.iframe-parent { position: absolute; z-index: 9; top: 64px; width: 100%; min-height: 100%; left: 0; /*bottom: 0;*/ }

.iframe-parent iframe { max-height: calc(100vh - 64px); height: 1500px; }

.iframe-parent.angular { top: 0; }

#create-ticket-iframe.iframe-parent { padding: 0 0 0 272px; }

.iframe-parent.angular iframe { max-height: calc(100vh - 0px); height: 1500px; }

/*CREATE-TICKET-IFRAME*/
/*DELETE-TICKET-POPUP*/
#deleteTicket .modal-content p { margin: 0; }

/*//DELETE-TICKET-POPUP*/
/*COMBI PRODUCT*/
.combi-products nav { height: auto; }

.combi-products .backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 8px 0 0; font-size: 14px; }

.combi-products .backto-priomarket a { margin: 4px 25px; }

.combi-products .combi-product-tabs { width: auto; padding: 0 5px; margin: 16px 0 0; max-width: 100%; }

.combi-products .combi-product-tabs li { max-width: 33%; }

.combi-products .combi-product-tabs a { color: #535353; }

.combi-products .combi-product-tabs .tabs .tab a:hover, .combi-products .combi-product-tabs .tabs .tab a.active { color: #212121; }

.combi-products nav .btn { margin: 17px 20px 0 0; }

.create-templates.products-page .combi-products .my-products-right-panel { padding-top: 0; padding-right: 0; }

.combi-products .my-products { padding: 40px 20px 0; }

.combi-products .sidebar { width: 200px; }

.combi-products .products-tab .sidebar { width: 300px; }

.combi-products .sidebar img { margin-bottom: 30px; }

.combi-products .sidebar .links a { margin: 0; font-size: 13px; line-height: 20px; }

.combi-products .sidebar dt, .combi-products .sidebar dd { margin: 0; padding: 0; }

.combi-products .sidebar dt { font-size: 13px; line-height: 20px; font-weight: 500; }

.combi-products .sidebar dd { font-size: 13px; color: rgba(0, 0, 0, 0.654); margin-bottom: 12px; line-height: 20px; }

.combi-products .sidebar a { color: #202124; text-decoration: none; word-wrap: break-word; }

.combi-products #ResellerProfile { max-width: 800px; }

.combi-products #ResellerProfile h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); margin: -7px 0 25px; bottom: -4px; font-weight: 500; }

.combi-products #ResellerProfile p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }

.solution-detail-content a { font-size: 13px; line-height: 20px; letter-spacing: normal; cursor: pointer; color: #202124; }

.external-link-wrapper { margin-left: -3px; white-space: nowrap; }

.external-link-icon { display: inline-block; height: 3px; position: relative; }

.external-link .external-link-icon { height: 9px; width: 9px; margin-left: 6px; margin-right: 3px; }
.external-link .external-link-icon span:before, .external-link .external-link-icon span:after { content: ""; display: block; position: absolute; }
.external-link .external-link-icon span { position: absolute; display: block; margin: auto; }
.external-link .external-link-icon span:nth-child(1) { border-left-width: 1px; border-bottom-width: 1px; height: 9px; width: 9px; top: 0; bottom: 0; }
.external-link .external-link-icon span:nth-child(1):before { width: 2px; top: 0; left: 0; border-top-width: 1px; }
.external-link .external-link-icon span:nth-child(1):after { height: 2px; bottom: 0; right: 0; border-right-width: 1px; }
.external-link .external-link-icon span:nth-child(2) { border-top-width: 1px; border-right-width: 1px; height: 5px; width: 5px; top: -2px; right: -2px; }
.external-link .external-link-icon span:nth-child(2):before { height: 7px; top: -1px; right: 2px; border-right-width: 1px; -moz-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.external-link .external-link-icon span, .external-link .external-link-icon span:before, .external-link .external-link-icon span:after { border-color: rgba(0, 0, 0, 0.54); border-style: solid; border-width: 0; }

/*Products*/
#Products .card { margin-bottom: 50px; }

#Products .card .card-header { padding-left: 45px; }

#Products .card .card-content { padding: 10px 20px; }

#Products .card .card-header label { position: absolute; left: 5px; top: 2px; }

#Products .card .card-header .product-id { position: absolute; top: 3px; right: 0; font-size: 12px; }

#Products .card-box .card .card-content .card-title { max-width: calc(100% - 45px); }

#Products .card-box .tags { padding: 15px 15px 0; }

#Products .card-box .tags .btn { background: #dedede !important; color: rgba(0, 0, 0, 0.87); margin: 0 5px 10px; box-shadow: none; border-radius: 20px; font-size: 12px; line-height: 32px; height: 32px; }

#Products .card .card-action { padding: 10px 15px; }

#Products .card .card-action a { padding: 5px 4px; }

.my-products.reseller-profile .sidenav, .my-products.products-tab .sidebar { display: none; }

/*Products*/
/*combi product*/
/*STANDARD MEDIA HIGH TO LOW (MAX TO 0) oposite of bootsrap due to add minium classes*/
/*sm*/
/*priohub-front*/
/*.parallax { height: 250px; }*/
.priohub-front header { display: none; }

.priohub-front .supplier-onboarding2 { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }

/*OUT-OF-SCOPE*/
#createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }

#createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }

#createproduct.modal .modal-content { padding: 24px 42px 0 42px; }

.supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content { padding: 5px 24px 40px; }

.supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content .body2.grey-text { font-size: 15px; }

.supplier-onboarding2 .white-text { margin-bottom: 55px; font-size: 28px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.75); font-weight: bold; }

.mdc-dialog__header #mdc-dialog-default-label { padding-top: 20px; }

#register .select-wrapper { display: block; }
#register .select-wrapper .dropdown-content { overflow: auto !important; max-height: 200px; height: auto !important; }
#register .select-wrapper .dropdown-content:after { display: none; }

.register-success .main-content { min-height: 100vh; }

.register-success .h6 { margin: 30px 0 20px; }

.register-success .mdc-dialog { min-height: calc(100vh - 20px); margin: 0; }

.register-success .verification { margin: 30px 0 20px; font-weight: 400; }

.register-success .register-successfull img { height: 60px; width: auto; margin: 0 0 50px; position: relative; left: -23px; }

.alert-box .alert-box-inner { padding: 0 !important; }

.alert-box .alert-box-inner img { height: 100px; }

.alert-box .alert-box-inner .alert-content { padding: 24px; }

.alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }

.alert-box .alert-box-inner .alert-content .body1, .alert-box .alert-box-inner .alert-content .body2 { font-size: 13px; line-height: 17px; }

.alert-box .alert-box-inner .alert-content .body2 { margin: 15px 0 20px; }

.category-logo { text-align: center; margin-top: 50px; }

.category-logo img { max-width: 150px; }

.category-logo .logo-2 { margin-top: 30px; }

.distributors-right-panel.ticket-details-information { width: 100%; }

.distributors-right-panel.ticket-details-information .email-info { padding: 10px 40px; }

.distributors-right-panel.ticket-details-information .email-info li { list-style: circle; }

.distributors-right-panel.ticket-details-information .email-info p { font-weight: 500; margin: 0 0 5px 0; }

.supplier-detail .section-point-sale .chechbox-with-info { margin-bottom: 20px; padding-right: 0; }

.supplier-detail .section-point-sale .chechbox-with-info .subtitle1 { letter-spacing: -0.2px; }

.desktop_pos .input:disabled { color: #202124 !important; }

.desktop_pos [type="checkbox"].filled-in:disabled:checked + span:not(.lever)::after { background-color: #202124 !important; border-color: #202124 !important; }

/*//OUT-OF-SCOPE*/
/* //priohub-front*/
/*PRODUCTS-MODAL*/
.products-modal { max-height: 80%; width: 100%; max-width: 510px; }

.products-modal .tickets-list { margin-top: 20px; }

.products-modal .single-ticket { padding: 0; }

.products-modal .model-heading { margin-bottom: 50px; }

.products-modal p.subtitle1 { margin-top: 10px; }

.products-modal p { margin: 0; }

.products-modal .confirm { margin-top: 40px; }

.products-modal .modal-footer { padding: 24px 45px; height: auto; }

.products-modal-2 .modal-content { padding: 24px 36px; }

.products-modal-2 .chechbox-with-info { padding-left: 35px; position: relative; }

.products-modal-2 .chechbox-with-info .h6 { font-size: 16px; }

.products-modal-2 .chechbox-with-info label { position: absolute; left: 0; }

.products-modal-2 .subtitle1 { font-size: 14px; line-height: 18px; }

/*//PRODUCTS-MODAL*/
.no-nav .my-products-right-panel { padding-top: 30px !important; }

.no-nav.publish-request .my-products-right-panel { padding-top: 0 !important; }

.no-nav .marketplace-btns { display: none !important; }

#request_email_sent .alert-box { margin: 200px auto 0; max-width: 300px; }

#request_email_sent img { height: 60px; width: auto; margin: 0; position: relative; left: -18px; }

#request_email_sent span { display: block; margin: 0 0 20px; font-weight: 400; font-size: 1.25rem; line-height: 2rem; color: #535353; text-align: center; }

#request_email_sent span.red-text { display: inline; }

/*APPROVAL-BOARD*/
.approval-board table.highlight { margin: 0; }

.approval-board table.highlight thead th { background: #fafafa; border-bottom: 2px solid rgba(0, 0, 0, 0.12); }

.approval-board table.highlight td { padding: 12px 5px; }

.approval-board table.highlight th:first-child, .approval-board table.highlight td:first-child { padding-left: 10px; }

.approval-board table.highlight th.th-id { width: 80px; min-width: 80px; }

.approval-board table.highlight th.th-ticket { width: 190px; min-width: 190px; }

.approval-board table.highlight th.th-service { width: 100px; min-width: 190px; }

.approval-board table.highlight th.th-status { min-width: 100px; }

.approval-board .status-parent { position: relative; display: inline-block; padding-right: 30px; }

.approval-board .highlight th .status-parent i { top: 0; right: 0; position: absolute; }

.approval-board .status-parent em { position: absolute; background: #f44336; top: -5px; right: -10px; border-radius: 9px; color: #fff; font-style: normal; font-size: 10px; width: 20px; height: 16px; line-height: 16px; text-align: center; }

.approval-board .distributors-right-panel { width: 100%; }

.datatable-scroll { overflow: auto; }

/*//APPROVAL-BOARD*/
/*ALL MODALS SECTION*/
#createproduct.modal.pending-approval { color: #b00020; border: 1px solid #fff; max-width: 280px; top: 32% !important; }

#createproduct.modal.pending-approval .modal-content { padding: 14px 30px 17px !important; text-align: center; }

#createproduct.modal.pending-approval .modal-content i { position: relative; top: 6px; left: -10px; }

/*doit*/
#doit.modal { width: 700px; z-index: 99999 !important; top: 25% !important; border-radius: 10px; }

#doit.modal .modal-content { padding: 40px 40px 0; }

#doit.modal .modal-content .modal-content-inner { margin-bottom: 40px; }

#doit img { height: 30px; margin: 0 0 25px; }

#doit strong { display: block; font-size: 18px; }

#doit .z-depth-1 { padding: 45px 30px 30px; height: 100%; cursor: pointer; display: flex; display: -webkit-flex; align-items: flex-end; flex-wrap: wrap; }

#doit .topsection { align-self: flex-start; }

#doit .option_selection.active .z-depth-1 { background-color: #f1f1f1 !important; }

#doit .topsection p { line-height: 20px; margin: 10px 0 45px 0; font-size: 14px; }

#doit a { font-size: 14px; }

#doit.modal .modal-footer { padding: 4px 51px; }

/*doit*/
/*ALL MODALS SECTION*/
.publish-confrimation { max-width: 1400px; margin: 50px auto; }

.publish-confrimation h3 { margin: 70px 0 100px; }

.publish-confrimation strong { display: block; margin: 15px 0; }

.publish-confrimation .step-no { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #202124; color: #fff; }

.confrimation-middle { margin: 0 0 150px; }

.requested-confirmation { max-width: 960px; margin: 15px auto; display: flex; align-items: center; height: calc(100vh - 94px); }

.requested-confirmation .btns { margin: 30px 0; }

.requested-confirmation .btns .btn { margin: 0 10px; }

.requested-confirmation .btns .btn-flat { border: 1px solid #202124; }

.requested-confirmation .request-bottom-text { max-width: 620px; margin: 0 auto; }

.priomarket-dashboard { max-width: 960px; margin: 50px auto; }

.priomarket-dashboard h3 { margin: 60px 0 60px; }

.priomarket-dashboard .pd-box .z-depth-1 { padding: 25px; height: 100%; display: flex; flex-wrap: wrap; }

.priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom { align-self: flex-end; width: 100%; }

.priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom .btn-flat { text-transform: uppercase; }

.priomarket-dashboard .pd-bottom { padding: 10px 15px; }

.new-dashboard .step-list { margin: 30px 0 50px; }

.new-dashboard .step-list li { display: inline-block; }

.new-dashboard .step-list li.active .step-no { background: #fff; color: rgba(0, 0, 0, 0.87); }

.new-dashboard .step-list li.done .step-no { color: rgba(0, 0, 0, 0.87); font-size: 0; }

.new-dashboard .step-list li.done .step-no i { display: block; font-size: 22px; line-height: 24px; margin: 0; }

.new-dashboard .step-list .step-no { height: 24px; width: 24px; text-align: center; float: left; border-radius: 50%; background: #202124; margin: 0 15px 0 5px; }

.new-dashboard .step-list em { height: 1px; background: #202124; display: inline-block; width: 150px; position: relative; top: -3px; }

.new-dashboard .publish-request { border: 1px solid #d1d1d1; max-width: 960px; margin: 50px auto; }

.new-dashboard .publish-request .row-flex { margin: 0; }

.new-dashboard .request-box { border-left: 1px solid #d1d1d1; padding-right: 0; }

.new-dashboard .request-box .nd-request { font-size: 0; }

.new-dashboard .publish-request .col { padding-left: 20px; padding-top: 10px; }

.new-dashboard .publish-request p { max-width: 285px; }

.new-dashboard .publish-request .learn-more { line-height: 24px; display: inline-block; }

.new-dashboard .nd-publish { margin: 0 10px 10px 0; }

.my-products-right-panel .no-products { padding: 10px; }

/*TICKET-DETAILS*/
.ticket-details { padding-top: 40px; color: #535353; }

.ticket-details h5 { font-size: 22px; margin-bottom: 30px; }

.ticket-details .label { font-size: 15px; }

.ticket-details p.desc { color: #a6a6a6; margin: 0; padding-left: 40px; font-size: 15px; }

.ticket-details p.desc-1 { color: #a6a6a6; padding-left: 40px; font-size: 15px; }

/*/TICKET-DETAILS*/
/*email sent*/
.email-sent { background: #fbfbfb; width: 100%; }

.email-sent .email-sent-top { background: #00737d; padding: 40px 20px; }

.email-sent .email-sent-top i { border-radius: 50%; display: inline-block; padding: 5px; font-size: 35px; }

.email-sent .email-sent-top p { padding: 20px 0 10px; margin: 0; }

.email-sent .email-sent-middle { margin: 50px 0; min-height: calc(100vh - 450px); }

.email-sent .email-sent-middle .product-detail-box { max-width: 360px; margin: 0 auto; display: block; min-height: 200px; }

.email-sent .email-sent-middle .product-detail-box strong { display: block; padding: 10px 15px; font-weight: normal; }

.email-sent .email-sent-middle .product-detail-box ul { margin: 0; padding: 20px 15px; color: rgba(0, 0, 0, 0.87); }

.email-sent .email-sent-middle .product-detail-box ul li { text-transform: uppercase; padding: 5px 0 5px 25px; position: relative; }

.email-sent .email-sent-middle .product-detail-box ul li i { position: absolute; top: 5px; font-size: 18px; left: 0; }

.email-sent .email-sent-bottom .email-sent-bottom-inside { margin: 0 auto; padding: 20px 15px; max-width: 520px; }

.email-sent .email-sent-bottom .email-sent-bottom-inside .row-flex { align-items: center; }

.email-sent .email-sent-bottom .email-sent-bottom-inside p { margin: 0; }

/*email sent*/
/*PRIVACY-POLICY*/
.header.privacy-policy { width: 100%; height: auto; background-color: #202124 !important; margin-bottom: 50px; }

.header.privacy-policy .container { position: relative; display: flex; }

.privacy-policy .policy-heading { padding: 100px 0; color: #fff; font-weight: 400; margin: 0; max-width: 60%; font-size: 50px; }

.privacy-policy .policy-img { z-index: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; max-width: 100%; max-height: 100%; padding: 6px 0; }

.privacy-policy-content .title { margin-top: 18px; font-size: 24px; line-height: 28px; color: #5f6368; text-transform: uppercase; }

.privacy-policy-content .title.text-center { margin: 100px 0 60px; font-size: 30px; line-height: 40px; }

.privacy-policy-content .paragraph { margin-top: 10px; font-size: 18px; line-height: 24px; color: #8d8d8d; }

.privacy-policy-page .page-container { padding: 0; }

/*/PRIVACY-POLICY*/
/*TERMS & CONDITIONS*/
.terms-and-condition-page .page-container { padding: 0; }

.terms-and-condition-page .sub-title { margin-top: 30px; font-size: 20px; color: #5f6368; margin-bottom: 0; }

/*/TERMS & CONDITIONS*/
.distributor-salesaccount { margin: 30px calc(74px - 0.75rem); }

.distributor-salesaccount .col { max-width: 340px; margin-left: 0 !important; margin-bottom: 20px; }

.distributor-salesaccount .z-depth-1 { display: flex; align-items: flex-end; flex-wrap: wrap; }

.distributor-salesaccount .z-depth-1 .box-top { align-self: flex-start; width: 100%; }

.distributor-salesaccount .z-depth-1 .bottom-btns { width: 100%; }

.distributor-nav2 a.go_back { margin: 8px 20px 0 25px; }

.distributor-nav2 .xs-tabs { padding-top: 16px; }

.distributor-nav2 .xs-tabs a, .distributor-nav2 .xs-tabs a.active { color: rgba(0, 0, 0, 0.87); }

.my-product-v2.resellers-selection .card-box:hover .overlay { background: #000; position: absolute; width: 100%; height: 100%; opacity: 0.6; }

.my-product-v2.resellers-selection .card-box .overlay-content { display: none; }

.my-product-v2.resellers-selection .card-box:hover .overlay-content { position: absolute; top: calc(50% - 45px); left: 30%; display: block; }

.my-product-v2.resellers-selection .card-box:hover .overlay-content i { display: block; text-align: center; color: #fff; font-size: 50px; }

.my-product-v2.resellers-selection .card-box:hover .overlay-content span { color: #fff; font-size: 25px; }

/*.resellers-list .no-result .card{ height: auto; }*/
.resellers-list .card-box { padding: 0 10px 10px; }

.resellers-list .card { height: 270px; }

.resellers-list h5 { margin-bottom: 30px; }

.resellers-list .no-result .card { height: auto; padding: 10px; text-align: center; }

/*MERCHANT-LIST*/
.merchant-list h5 { margin-bottom: 30px; }

.merchant-list .card { height: 270px; }

.merchant-list card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }

/*/MERCHANT-LIST*/
/*STATEMENT-NAV*/
.statement-nav .tab a { font-weight: 600 !important; color: #000000; }

/*/STATEMENT-NAV*/
/*COMPANY-INFO*/
.company-info h5 { margin-bottom: 30px; }

.company-info .row { margin-bottom: 5px; }

.company-info .input-field { margin: 0; }

.company-info .input-field input, .company-info .input-field textarea, .company-info .input-field .select-wrapper { border: 1px solid #ebebeb !important; height: 2rem; padding: 0 5px; min-height: 2rem; border-radius: 5px; resize: auto; }

.company-info .input-field textarea { min-height: 4rem; }

.company-info .input-field .select-wrapper { margin-bottom: 8px; padding: 0; }

.company-info .input-field .select-wrapper .caret { border-left: 1px solid #ebebeb; text-align: center; width: 40px; margin: 0; height: 100%; }

.company-info .input-field .select-wrapper input { border: none !important; height: 2rem; padding: 0; }

.company-info .textarea { padding-right: 0; }

.company-info .label { position: relative; top: 7px; font-size: 13px; color: #949494; font-weight: 500; }

.company-info .input-right-icon { position: absolute; right: -11px; top: 1px; padding: 4px 7px; background: #202124; color: #fff; z-index: 999; cursor: pointer; }

.company-info .button { margin-top: 20px; font-size: 12px; line-height: 34px; }

.company-info .switch { position: relative; top: 5px; }

/*************************************NOTIFICATION BAR***************************/
#notification_bar { position: absolute; bottom: 40px; padding: 0 15px; }
#notification_bar .notification-message { display: flex; align-items: center; }
#notification_bar .notification-message i { color: #202124; font-size: 40px; position: absolute; }
#notification_bar .notification-message .notification-message-inner { padding-left: 60px; }
#notification_bar .notification-message .notification-message-inner h4 { font-size: 20px; color: #202124; }

.home-main .sales-accounts { max-width: 1636px; margin: 65px auto 0; }
.home-main .sales-accounts h5 { font-family: "Roboto", sans-serif; font-weight: 400; margin: 0 auto 30px; max-width: 1636px; color: #5b5b5b; font-size: 24px; line-height: 29px; }
.home-main .sales-accounts .row.row-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }

.home-main .sales-accounts .section-inside-h5 { max-width: 350px; margin: 0 auto; }

.home-main .sales-accounts .section-inside { max-width: 350px; margin: 0 auto; }

.suppliers6-parent { height: auto !important; }

.suppliers6 { margin: 35px auto 0; padding: 0 0 25px; color: #fff; max-width: 1636px; }
.suppliers6 .section-inside { margin: 0 auto; max-width: 302px; }
.suppliers6 .label-head { display: flex; font-size: 24px; line-height: 29px; position: relative; padding-left: 60px; }
.suppliers6 .label-head img { position: absolute; top: 2px; left: 0; max-width: 24px; }
.suppliers6 ul { background: #202124; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 15px 0 0; }
.suppliers6 ul li { font-size: 24px; line-height: 29px; padding: 20px 30px 20px 60px; }
.suppliers6 ul li a { color: #fff; }
.suppliers6 ul li.divider { height: 1px; background: #6bd0d7; padding: 0; line-height: 0; font-size: 0; }

.approved-success { position: relative; top: 6px; left: 10px; }

/************************************* /NOTIFICATION BAR***************************/
/********************************************************************* MD above all 768   **/
@media (min-width: 768px) { body, html { height: 100%; }
  .page-container { padding: 64px 0 0; }
  .products-page .page-container { padding: 128px 0 0; }
  .no-nav .page-container { padding: 64px 0 0 !important; }
  .mt-m-0, .mt-xs-0, .mt-xs-15 { margin-top: 0 !important; }
  /*ON BOARDING*/
  .supplier-onboarding2 .row-flex .card-box { width: 44%; }
  .supplier-onboarding2 .white-text { font-size: 45px; }
  /* //ON BOARDING*/
  /************************************************* REGISTER OR SIGN UP*/
  .step-1 form { padding-right: 60px !important; }
  /************************************************* //REGISTER OR SIGN UP*/
  /************************************ WELCOME - HOME MAIN */
  .home-main .parallax-container { height: 220px; }
  .home-main .sales-accounts-list .row { display: flex; }
  .home-main .sales-accounts .z-depth-1 { min-height: 250px; }
  /************************************ //WELCOME - HOME MAIN */
  /************************************ MODALS */
  #createproduct { top: 25% !important; }
  /************************************ //MODALS */
  /************************************************ PRODUCTS-PAGE*/
  .create-templates .create-templates-nav, .combi-products nav, .products-page .marketplace-btns { top: 64px; }
  /************************************************ //PRODUCTS-PAGE*/
  .mb-m-20, .mb0.mb-m-20 { margin-bottom: 20px !important; }
  .step-panel .collapsible .collapsible-body { padding: 2rem; }
  .growing-graph .growing-graph-img { text-align: right; }
  .home-main .growing-text { padding: 0 0.75rem 0 20px; }
  .home-main .growing-graph img { margin-right: 20px; }
  .home-main .growing-graph .footer_dashboard_link { color: #202124 !important; text-transform: capitalize; display: block; padding: 0; font-size: 14px; }
  .home-main footer .row .m3 { width: auto; }
  .supplier-onbaording .tabs-btm-border { margin: 0 0 10px; }
  .create-templates-nav a.btn, .marketplace-btns a { margin: 14px 20px 14px 0; }
  .supplier-onboarding2 { margin: 50px 0 20px; }
  /*.distributors-right-panel,*/
  .my-products-right-panel { width: calc(100% - 300px); float: right; }
  .create-templates.products-page .combi-products .my-products-right-panel { width: calc(100% - 200px); }
  .create-templates.products-page .combi-products .products-tab .my-products-right-panel { width: calc(100% - 300px); }
  .products-page .filters-bar, .distributors .sidenav { position: static; -webkit-transform: translateX(0); transform: translateX(0); min-height: calc(100vh - 130px); height: auto; }
  .no-nav.products-page .filters-bar, .no-nav .distributors .sidenav { min-height: calc(100vh - 66px); }
  .products-page .filters-bar { overflow: visible; }
  .products-page .my-products-right-panel { padding: 52px 18px 0; }
  .distributors-right-panel .highlight { width: calc(100% - 60px); }
  .distributors-right-panel .highlight th.name { padding-right: 5px; width: 180px; }
  .distributors-right-panel .highlight th.th-id { width: 60px; }
  .distributors-right-panel .highlight th.price-list { width: 16%; min-width: 250px; }
  .distributors-right-panel .highlight th.template { width: 18%; }
  .distributors-right-panel .highlight th.actions { width: 10%; }
  .distributors-right-panel .tabs a { font-size: 16px; }
  /*CREATEPRODUCT*/
  #createproduct .m2.subtitle1, #createproduct .supplier-selectbox { padding-left: 35px; }
  #createproduct h5 { margin-bottom: 60px; margin-top: 4px; font-size: 25px; }
  #createproduct .modal-footer { margin: 29px 0 22px; }
  /* //CREATEPRODUCT*/
  /* REGISTER-SUCCESS */
  .alert-box .alert-box-inner { padding: 0 !important; }
  .alert-box .alert-box-inner .alert-content { padding: 45px 0 55px; }
  .alert-box .alert-box-inner .alert-content strong { font-size: 35px; }
  .alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }
  .alert-box .alert-box-inner .alert-content .body1, .alert-box .alert-box-inner .alert-content .body2 { font-size: 24px; line-height: 30px; }
  /* //REGISTER-SUCCESS */
  /*OUT-OF-SCOPE*/
  #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }
  #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }
  #createproduct .btn { background-color: #1bb7c2; }
  #createproduct.modal .modal-content { padding: 24px 42px 0 42px !important; }
  /*//OUT-OF-SCOPE*/
  /*CustomPricing*/
  .CustomPricing { max-height: 80%; width: 45%; overflow: visible; }
  .CustomPricing .modal-content { padding: 24px 24px 0; }
  .CustomPricing .modal-content h4 { margin: -24px -24px 20px; padding: 10px 24px; background: transparent; border-bottom: 1px solid #ccc; font-size: 24px; color: #5d5d5d; }
  .CustomPricing .modal-content .input-field { margin: 0; }
  .CustomPricing .modal-content input { /*border: 1px solid rgba(0, 0, 0, 0.12);*/ padding: 0 12px; box-sizing: border-box; margin: 0; width: 120px; }
  .CustomPricing .modal-content .select-wrapper { width: 120px; }
  .CustomPricing .modal-content .input-field input:focus { border-color: #202124; }
  .CustomPricing .modal-content table { margin: 0; width: 100%; }
  .CustomPricing h6 { padding: 0; border-bottom: 0; font-size: 16px; }
  .CustomPricing h6 label { display: block; line-height: 20px; }
  .CustomPricing .switch { padding: 10px 0 0 10px; }
  .CustomPricing .content-footer { padding: 20px 0 0 0; }
  .CustomPricing .modal-content table th { color: #8c8c8c; background: transparent; }
  .CustomPricing .modal-content table th, .CustomPricing .modal-content table td { width: calc(100% / 6); font-size: 15px; }
  .CustomPricing .modal-content table th:first-child, .CustomPricing .modal-content table td:first-child { padding-left: 10px; }
  .CustomPricing .modal-content table tr, .CustomPricing .modal-content table td, .CustomPricing .modal-content table th { border-bottom: 0; padding: 0; }
  .CustomPricing .modal-footer { padding: 15px 24px; height: auto; }
  /*CustomPricing*/
  /*sign in*/
  .priohub-front .supplier-onboarding2, .step-3 .mdc-dialog { position: absolute; top: 0; }
  /*sign in*/
  .priohub-front .supplier-onboarding2 { top: -70px; }
  .create-templates .create-templates-tabs { width: calc(100% - 287px); /*padding: 0 0 0  calc(50px + 0.75rem);*/ margin-top: 16px; }
  .create-templates .create-templates-tabs .tabs { float: left; width: calc(100% - 300px); }
  .create-templates .create-templates-tabs .tabs li.col { width: auto; }
  .home-main .heading { padding: 45px 0 0; }
  /*COMBI-PRODUCTS*/
  .combi-products .my-products { padding: 40px 30px 0 64px; }
  .combi-products .my-products.products-tab { padding: 0 30px 0 0; }
  .combi-products .my-products.products-tab .my-products-right-panel { padding-top: 40px; }
  .combi-products .combi-product-tabs { width: auto; padding: 0; margin: 16px 0 0; }
  .combi-products .combi-product-tabs li { max-width: none; }
  .combi-products .my-products.products-tab .filters-bar { padding: 0; height: calc(100vh - 130px); overflow: auto; }
  /*Products*/
  /*#Products .card-box { padding: 0 35px; }*/
  /*Products*/
  /*COMBI-PRODUCTS*/
  /***************************************************************** PRIOMARKET-DISTRIBUTORS*/
  .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; color: #535353; width: calc(100% - 450px); float: left; }
  .connect-tabpage .select-what-products { width: 250px; float: right; padding-top: 8px; font-size: 14px; }
  /***************************************************************** //PRIOMARKET-DISTRIBUTORS*/
  /*OUT OF SCOPE*/
  .priomarket-distributors .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; width: 50%; float: left; }
  .page-container.ticket_list { padding: 0; }
  /*//OUT OF SCOPE*/
  /*APPROVAL-BOARD*/
  .approval-board .distributors-right-panel .highlight { width: 100%; table-layout: auto; }
  /*//APPROVAL-BOARD*/
  .distributors-right-panel.ticket-details-information { width: calc(100% - 300px); position: relative; } }
/********************************************************************* LG above all 992   **/
.error-404 nav { padding: 0 18px; }

.error-404 .error-404-content { height: calc(100vh - 64px); display: flex; display: -webkit-flex; align-items: center; }

.error-404 .error-404-content h2 { margin: 30px 0 30px; text-transform: uppercase; }

.error-404 .error-404-content div { width: 100%; }

#login_form input { padding-left: 10px; border-bottom-color: #1bb7c2; box-shadow: 0 1px 0 0 #1bb7c2; }

/*.input-field.col label { left: calc(0.75rem + 10px); }*/
/*********************************SCROLLER**************************/
.simplebar-scrollbar { width: 5px !important; }

/*********************************SCROLLER**************************/
.ledger-account-report-parent { padding: 0 24px; }

.ledger-account-report { max-width: 1650px; margin: 50px auto; padding: 25px 15px; font-size: 20px; font-family: Robotomedium, sans-serif; }
.ledger-account-report .btn { text-transform: uppercase; font-family: Robotomedium, sans-serif; }

@media (min-width: 992px) { /*ON BOARDING*/
  .supplier-onboarding2 .row-flex .card-box { width: 35%; }
  /* //ON BOARDING*/
  /************************************************* REGISTER OR SIGN UP*/
  .step-1 form { padding-right: 100px !important; }
  /************************************************* //REGISTER OR SIGN UP*/
  .step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 15px 40px 35px; }
  .step-3 .visibility-off { right: -25px; top: 18px; }
  .step-panel .step-text { padding-left: 56px; margin-right: 120px; }
  .home-main #slide-out { top: 0; z-index: 999999; max-height: 100vh; }
  .home-main .demo-user { display: block; }
  .distributors-right-panel .highlight th i { position: absolute; top: 18px; left: 53px; font-size: 18px; }
  .accounts-list .container { width: 50%; } }
/********************************************************************* xl above all 1200   **/
@media (min-width: 1200px) { /*ON BOARDING*/
  .supplier-onboarding2 .row-flex .card-box { width: 32%; }
  /* //ON BOARDING*/
  .home-main footer .row .m3 { right: -30px; position: relative; }
  /*custom modals*/
  .supplier-detail .modal-overlay { opacity: 0 !important; }
  .supplier-detail .modal { max-width: 440px; width: 100%; left: 61%; right: auto; top: 67px !important; }
  /*custom modals*/
  /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ }
@media (min-width: 1601px) { /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ }
/*********************************************************************  max 992   **/
@media (min-width: 993px) and (max-width: 1199px) { .my-product-v2 .banner-content { background-position: 0 0; height: 240px; }
  .new-dashboard .step-list em { width: 105px; }
  .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (min-width: 768px) and (max-width: 992px) { .my-product-v2 .card { width: 202px; }
  .new-dashboard .step-list em { width: 105px; }
  .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (max-width: 992px) { /*ACCOUNT DISTRIBUTOR*/
  .distributors-right-panel table.responsive-table tbody { width: calc(100% - 100px); }
  .distributors-right-panel table.responsive-table thead { width: 100px; }
  .distributors-right-panel .highlight th.name, .distributors-right-panel .highlight th.price-list, .distributors-right-panel table.highlight th.actions, .distributors-right-panel .highlight th.template { width: 100%; min-width: 100%; }
  .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 165px); }
  .approval-board .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 110px); }
  /* //ACCOUNT DISTRIBUTOR*/
  .distributors-right-panel { max-width: 100%; }
  .distributors-right-panel .highlight { width: calc(100% - 20px); max-width: 100%; margin: 15px auto; table-layout: fixed; }
  .distributors-right-panel .highlight th.name { position: relative; }
  .distributors-right-panel .highlight th.name div { position: absolute; top: 7px; width: 100%; }
  #createproduct .chechbox-with-info p br { display: none; }
  #createproduct .modal-footer { margin: 0 0 15px; }
  #createproduct h5 { margin: 0 0 30px; }
  #createproduct.modal .modal-content { padding-bottom: 0; }
  #createproduct .btn-large { padding: 0 20px; }
  .my-product-v2 .banner-content { background-position: 0 0; height: 160px; } }
/*********************************************************************  max 767   **/
@media only screen and (max-width: 767px) { .home-main header { position: static; }
  .page-container { padding: 0; }
  #createproduct .createproduct-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  #createproduct.modal { height: 75%; }
  /*ACCOUNT DISTRIBUTOR*/
  .distributors-right-panel table.highlight th.th-id { width: 100%; }
  /* //ACCOUNT DISTRIBUTOR*/
  .distributors .sidenav { position: static; transform: translate(0); width: 100%; }
  .supplier-detail .form-footer { margin-top: 15px; }
  .supplier-detail form { padding: 0 15px 15px !important; }
  .supplier-detail .register-right div { top: 0; }
  .my-product-v2 .card { width: 202px; }
  .my-product-v2 .banner-content { background-position: 0 0; background-size: 100 auto; height: 110px; }
  .marketplace-btns .marketplace-header { width: 100%; }
  .marketplace-btns .marketplace-header .tabs { margin: 8px 0 0; overflow: visible; width: 105px; }
  .products-page a.filter-trigger { margin: 0; }
  .marketplace-btns .create-product-btn { margin-left: 0; margin-right: 0; }
  .create-templates .create-templates-nav, .combi-products nav, .products-page .marketplace-btns { position: static; margin-bottom: 15px; }
  .create-templates .create-templates-nav .row, .combi-products nav .row, .products-page .marketplace-btns .row { margin: 0; }
  .create-templates .create-templates-nav .row .col.s5, .combi-products nav .row .col.s5, .products-page .marketplace-btns .row .col.s5 { padding-left: 0; }
  .create-templates-nav a.btn, .marketplace-btns a { margin: 10px; }
  .distributors #distributors-requested table, .distributors #distributors-received table { min-width: 500px; }
  .distributors #distributors-requested table th:last-child { width: 120px !important; }
  .back_to_overview { margin-top: 14px; }
  .user-profile .public-profile-view .leftpanel { padding: 0 40px; } }
.profile { margin-left: 10px; margin-top: 19px; display: flex; position: relative; align-items: center; cursor: pointer; }
.profile .user-popup { width: 288px; height: auto; position: absolute; right: -11px; top: 46px; z-index: 20; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.28); display: none; }
.profile .user-popup.active { display: block; }
.profile .user-popup .user-popup-arrow { position: absolute; top: -7px; right: 8px; }
.profile .user-popup .user-row { width: 100%; padding: 0px 32px; text-align: left; display: inline-block; }
.profile .user-popup .user-row.user-row1 { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eaeaea; }
.profile .user-popup .user-row.user-row1 .title { color: #202124; font-size: 20px; line-height: 20px; margin: 0px; }
.profile .user-popup .user-row.user-row1 .role { color: #202124; font-size: 16px; line-height: 19px; margin: 8px 0px; }
.profile .user-popup .user-row.user-row1 .email { color: #bcbcbc; font-size: 14px; line-height: 17px; margin: 0px; }
.profile .user-popup .user-row a .user-row2 { border-bottom: 1px solid #eaeaea; }
.profile .user-popup .user-row a .user-row2:last-child { border-bottom: none; }
.profile .user-popup .user-row.user-row2 { padding-top: 16px; padding-bottom: 16px; display: inline-flex; align-items: center; border-bottom: 1px solid #eaeaea; }
.profile .user-popup .user-row.user-row2 p { line-height: 20px; margin: 0; margin-left: 26px; color: #202124; font-size: 17px; }
.profile .user-popup .user-row .user-row2-border { border-bottom: 1px solid #eaeaea; }
.profile img { height: 40px; width: 40px; border-radius: 50%; }
.profile span { width: 0; height: 0; margin-left: 12px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #bcbcbc; }
.profile svg { stroke: #000; }
.profile svg g { fill: #000; }
.profile svg g path { fill: #000; }

.profile:hover .account_popup path { fill: #1bb7c2; stroke: #1bb7c2; }

@media (max-width: 1600px) { .suppliers6 { margin: 25px auto 0; padding: 0 0 15px; max-width: 78%; }
  .suppliers6 .label-head { font-size: 18px; line-height: 24px; padding-left: 45px; }
  .suppliers6 ul { margin: 25px 0 0; }
  .suppliers6 ul li { font-size: 18px; line-height: 24px; padding: 15px 20px 15px 45px; }
  .home-main .sales-accounts { max-width: 78%; margin: 100px auto 0; }
  .home-main .sales-accounts h5 { margin: 0 auto 15px; max-width: 100%; padding: 0 0.75rem; }
  .home-main .growing-graph .container { max-width: 77%; } }
@media (max-width: 1200px) { .suppliers6 { max-width: 90%; }
  .suppliers6 ul { margin: 20px 0 0; }
  .suppliers6 .label-head { font-size: 15px; line-height: 22px; padding-left: 30px; }
  .suppliers6 .label-head img { max-width: 18px; }
  .suppliers6 ul li { font-size: 15px; line-height: 22px; padding: 10px 15px 10px 30px; }
  .home-main .sales-accounts { max-width: 90%; } }
@media (max-width: 767px) { .suppliers6 { max-width: 90%; }
  .suppliers6 .section-inside { margin-bottom: 20px; }
  .suppliers6 ul { margin: 15px 0 0; } }
@media (min-width: 1601px) { .home-main .sales-accounts .home-main .sales-accounts .section-inside { max-width: 350px; padding: 0; }
  .home-main .sales-accounts .home-main .sales-accounts .col { padding: 0; } }
.iframe-body { overflow: hidden; }
.iframe-body .page-container-main .main-content { padding: 0; }

.theme-green .page-container-main main .main-content { height: 105vh !important; }
.theme-green .page-container-main .terms-conditions span a { color: #1bb7c2; }
.theme-green .page-container-main .step-1 .form-footer .btn-flat { border-color: #1bb7c2; color: #1bb7c2; }
.theme-green .page-container-main .register-right { background-color: #1bb7c2; }

.switch-wrapper { display: inline-block; margin-right: 16px; }

.mdc-switch { display: inline-block; position: relative; }
.mdc-switch [type="checkbox"]:not(:checked), .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }
.mdc-switch .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.mdc-switch .mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #1bb7c2; border-color: #1bb7c2; }
.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.mdc-switch .mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mdc-switch .mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: 0.38; content: ""; }
.mdc-switch .mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }
.mdc-switch [dir="rtl"] .mdc-switch__knob, .mdc-switch .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }
.mdc-switch .mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: 0.2; content: ""; }
.mdc-switch .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 0.5; }
.mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: 0.15; }
.mdc-switch .mdc-switch__native-control:disabled { cursor: initial; }
.mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: 0.12; }
.mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }
.mdc-switch [dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.mdc-switch [dir="rtl"] .mdc-switch__native-control:checked, .mdc-switch .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .no { visibility: hidden; }
.mdc-switch.switch-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #FF4411; border-color: #FF4411; }
.mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #00DC81; border-color: #00DC81; }
.mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #fff; }
.mdc-switch.switch-custom .mdc-switch__background { width: 50px; height: 20px; }
.mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.mdc-switch.switch-custom .mdc-switch__background span { font-size: 10px; color: #fff; font-family: RobotoBold; position: absolute; top: 3px; line-height: 14px; }
.mdc-switch.switch-custom .mdc-switch__background span.yes { left: 7px; }
.mdc-switch.switch-custom .mdc-switch__background span.no { right: 7px; }
.mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.mdc-switch.switch-custom .mdc-switch__native-control { /*&:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }*/ /*            &:checked ~ .mdc-switch__background .mdc-switch__knob::before {    opacity: .15; } &:disabled { cursor: initial; } &:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; } &:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }*/ }
.mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(30px); transform: translateX(30px); }
.mdc-switch + .mdc-switch-label { position: relative; top: -4px; left: 10px; }

.commission .mdc-switch.switch-custom .mdc-switch__background { width: 80px; height: 20px; }
.commission .mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.commission .mdc-switch.switch-custom .mdc-switch__background span { font-size: 8px; color: #fff; font-family: RobotoBold; position: absolute; top: 5px; }
.commission .mdc-switch.switch-custom .mdc-switch__background span.yes { left: 10px; display: none; }
.commission .mdc-switch.switch-custom .mdc-switch__background span.no { right: 12px; }
.commission .mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 68px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(63px); transform: translateX(63px); }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.yes { display: block; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.no { display: none; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled { cursor: initial; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #1bb7c2; opacity: 1; border-color: #1bb7c2; }
.commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #1bb7c2; background-color: #1bb7c2; }

#copyProduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }
#copyProduct h2 { font-size: 27px; line-height: 28px; }
#copyProduct .row { margin: 0 -0.75rem; }
#copyProduct .input-field { margin-bottom: 10px; }
#copyProduct .newlabel { padding: 0 0.75rem; }
#copyProduct p { margin: 8px 0 0; }
#copyProduct .modal-footer { padding: 0 24px 24px; height: auto; font-size: 0; }
#copyProduct .modal-footer .btn { margin: 0; }
#copyProduct .switch-wrapper { margin: 13px 0 0; float: right; }
#copyProduct .mdc-switch.switch-custom .mdc-switch__background span { font-size: 9px; top: 4px; }

/*$medium-up-320 : 320px !default;
480px: 480px !default;
640px : 640px !default;
1024px : 1024px !default;
1366px : 1366px !default;
1920px : 1920px !default;*/
/******************** (1) COMPLETE PROFILE PAGE***********************/
.complete-profile { /******* /RIGHT SIDE*********/ /******************** (2) CREATE PASSWORD***********************/ }
.complete-profile .brand { display: inline-block; position: absolute; top: 48px; left: 36px; }
.complete-profile .visibility { position: absolute; right: 0.75rem; top: 10px; color: #bcbcbc; width: 24px; }
.complete-profile .carousel { height: 360px; margin-top: 100px; }
.complete-profile .carousel img { height: auto; }
.complete-profile .complete-profile-main { min-height: 100vh; margin: 0; }
.complete-profile .left-side { background: #202124 url("../images/background-big width.png") no-repeat; /*min-height: 100vh*/ }
.complete-profile .right-side { display: flex; align-items: center; justify-content: center; padding: 34px 20px; }
.complete-profile .right-side .right-side-inner { display: flex; align-items: center; width: 100%; /* min-height: 765px;*/ }
.complete-profile .right-side .right-side-inner .right-side-inner-inside { width: 100%; }
.complete-profile .right-side .right-side-inner h1 { color: #202124; font-family: Roboto_light, sans-serif; }
.complete-profile .right-side .right-side-inner h4 { font-size: 26px; color: #202124; line-height: 32px; font-family: Roboto_medium, sans-serif; font-weight: normal; }
.complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; overflow: hidden; /********************TERMS AND CONDITIONS***************/ /******************** /TERMS AND CONDITIONS***************/ }
.complete-profile .right-side .right-side-inner .sign-up-form label { font-family: Roboto_light, sans-serif; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types { margin: 40px 0; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types h6 { font-size: 16px; color: #202124; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner { display: flex; flex-wrap: wrap; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li { border: 1px solid #bcbcbc; padding: 0 15px; border-radius: 20px; margin: 0 10px 10px 0; cursor: pointer; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li span { color: #bcbcbc; font-size: 14px; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active { border-color: #202124; background: #202124; }
.complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active span { color: #fff; }
.complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions { margin-bottom: 60px; /*.mdc-form-field-{    display: flex;    align-items: center;}*/ }
.complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions .terms-conditions-btn { text-align: right; }
.complete-profile .right-side .right-side-inner .sign-up-form .already-account { display: flex; align-items: center; }
.complete-profile .right-side .right-side-inner .sign-up-form .already-account label { font-family: RobotoRegular, sans-serif; color: #b3b3b3; font-size: 13px; margin-right: 20px; }
.complete-profile .right-side .right-side-inner .sign-up-form .already-account a { background: none; border: 1px solid #bcbcbc; color: #bcbcbc; box-shadow: none; height: 30px; line-height: 28px; }
.complete-profile .right-side .success-check { position: absolute; right: 0.75rem; top: 8px; color: #30e206; }
.complete-profile .right-side .error-close { position: absolute; right: 0.75rem; top: 8px; color: #ff4411; }
.complete-profile .right-side .invalid + label + .helper-text { color: red; }
.complete-profile .right-side .teal-message { margin: 0 0 80px; }
.complete-profile .sales-points-form { margin: 70px 0 0; }
.complete-profile .sales-points-form .sales-points-checkboxes { padding: 0 0 20px 38px; }
.complete-profile .sales-points-form .sales-points-checkboxes .mdc-checkbox { position: absolute; left: 4px; top: -7px; }
.complete-profile .sales-points-form .sales-points-checkboxes h3 { color: #202124; font-size: 20px; font-family: Roboto_medium, sans-serif; line-height: 24px; margin: 0; }
.complete-profile .sales-points-form .sales-points-checkboxes p { color: #bcbcbc; font-size: 16px; line-height: 19px; margin: 8px 0 0; }
.complete-profile .sales-points-form .btn { margin: 80px 0 0; }
.complete-profile.point-sale-choice .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.complete-profile.point-sale-choice .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.complete-profile.create-password { /******* (2.1) LEFT SIDE*********/ }
.complete-profile.create-password .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.complete-profile.create-password .create-password-form { margin: 40px 0; }
.complete-profile.create-password .create-password-form label { font-family: Roboto_light, sans-serif; }
.complete-profile.create-password .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.complete-profile .sign-in { max-width: 350px; }
.complete-profile .sign-in form { margin: 40px 0; }
.complete-profile .sign-in label { font-family: Roboto_light, sans-serif; }
.complete-profile .sign-in input[type="password"], .complete-profile .sign-in input[type="text"] { border-color: #bcbcbc; font-size: 20px; }
.complete-profile .sign-in .remember-me { margin-top: 80px; }
.complete-profile .sign-in .remember-me .switch-wrapper { margin: 9px 0 0; }
.complete-profile .sign-in .remember-me .mdc-switch-label { font-size: 16px; line-height: 19px; }
.complete-profile .sign-in .account-not-yet { margin-top: 80px; color: #b3b3b3; }

.input-field-with-flags { position: relative; /*input { padding-left: 50px !important; }*/ }
.input-field-with-flags .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #d9d9d9; position: absolute; top: 8px; left: 28px; cursor: pointer; }
.input-field-with-flags label { left: calc(0.75rem + 50px) !important; }
.input-field-with-flags .flags-select { position: absolute; top: 11px; left: 0.75rem; width: 70px; }
.input-field-with-flags .flags-select img { width: 20px; }
.input-field-with-flags .flags-select ul { box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); background: #fff; margin: 6px 0 0; padding: 5px 10px; z-index: 1; position: absolute; left: 0; top: 100%; display: none; }
.input-field-with-flags .flags-select ul li { cursor: pointer; }
.input-field-with-flags .flags-select ul.open { display: block; }

.recaptcha { position: relative; }
.recaptcha .text { position: absolute; top: 10px; font-size: 16px; }
.recaptcha input { box-sizing: border-box !important; padding-left: 68px !important; }
.recaptcha input[type=number]::-webkit-inner-spin-button, .recaptcha input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

/******************** COMPLETE PROFILE PAGE***********************/
@media (min-width: 480px) { .complete-profile .carousel { height: 350px !important; margin-top: 100px; }
  .complete-profile .carousel img { max-width: 300px; } }
@media (min-width: 640px) { .complete-profile .carousel { height: 400px !important; margin-top: 150px; }
  .complete-profile .right-side { padding: 54px 30px; } }
@media (min-width: 1024px) { .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .complete-profile .carousel img { max-width: 100%; }
  .complete-profile .left-side { display: flex; align-items: center; justify-content: center; }
  .complete-profile .right-side { padding: 74px 30px; } }
@media (min-width: 1366px) { .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .complete-profile .right-side { padding: 74px 150px; }
  .complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; } }
@media (min-width: 1601px) { .complete-profile.bigleft .left-side { max-width: 1080px; }
  .complete-profile.bigleft .right-side { max-width: calc(100% - 1080px); -ms-flex: 0 0 100%; flex: 0 0 100%; } }
/*COMMON*/
.theme-red { /* Custom Stylesheet */ /** Use this file to override Materialize files so you can update the core Materialize files in the future  Made By MaterializeCSS.com */ /*@import url("typography.css");*/ /*@import "style-componerts/sidebar2";*/ /*@import "../materialize-v2/sass/components/color-variables";*/ /*@import "../materialize-v2/sass/components/variables";*/ /*FORM*/ /*FORM*/ /*COMMON*/ /*SIDENAV HEADER*/ /*SIDENAV HEADER*/ /*page one*/ /*page one*/ /*.step-2*/ /*accordion*/ /*sidenav*/ /*sidenav*/ /*accordion*/ /*step-expanded-one*/ /*step-expanded-one*/ /*step-1 page one*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ /*login page*/ /* //login page*/ /*step-3*/ /*step-register*/ /*step-register*/ /************************************ WELCOME - HOME MAIN */ /************************************ //WELCOME - HOME MAIN */ /************************************ MODALS */ /*CREATEPRODUCT*/ /*CREATEPRODUCT*/ /************************************ //MODALS */ /*MORE INFORMATION*/ /*MORE INFORMATION*/ /*distributers*/ /*.distributors-right-panel .highlight th.name { padding-right: 35px; min-width: 80px; }*/ /*.marketplace-btns .marketplace-header ul { display: inline-block }*/ /*distributers*/ /***************************************************************** PRIOMARKET-DISTRIBUTORS*/ /*.CustomPricing .modal-content table { width: 500px }*/ /***************************************************************** //PRIOMARKET-DISTRIBUTORS*/ /***************************************************************** GET-YOUR-MAIN*/ /*.get-your-main { overflow: auto; }*/ /***************************************************************** //GET-YOUR-MAIN*/ /****************************************************************** PUBLIC-PROFILE*/ /***************************************************************** // PUBLIC-PROFILE*/ /************************************************ PRODUCTS-PAGE*/ /*FILTER BAR*/ /*.products-page .filters-bar ul li label{ margin-left: 5px;}*/ /* //FILTER BAR*/ /*.overview-list {}*/ /*.overview-list {}*/ /*.products-page .card .card-content .card-header .dropdown-trigger i:hover {  }*/ /*.products-page .dropdown-content li.bdr-top { border-top: 1px solid #ebebeb; }
.products-page .dropdown-content li.bdr-bot { border-bottom: 1px solid #ebebeb; }*/ /************************************************ //PRODUCTS-PAGE*/ /*PRODUCTS-PAGE*/ /*MY-PRODUCT-V2*/ /*.my-product-v2 .card:hover{ cursor:default;
}*/ /*MY-PRODUCT-V2*/ /*CREATE-TEMPLATES*/ /*CREATE-TEMPLATES*/ /*SUPPLIER-ONBAORDING*/ /*SUPPLIER-ONBAORDING*/ /*process2*/ /*process2*/ /*.section-point-sale .tooltipped,
.section-why-do .tooltipped { position: relative; top:4px; left: 10px; }*/ /*custom modals*/ /*custom modals*/ /*footer*/ /*footer*/ /*Home main*/ /*CREATE-TICKET-IFRAME*/ /*#ticket_overview_iframe { z-index: 99999}*/ /*CREATE-TICKET-IFRAME*/ /*DELETE-TICKET-POPUP*/ /*//DELETE-TICKET-POPUP*/ /*COMBI PRODUCT*/ /*Products*/ /*Products*/ /*combi product*/ /*STANDARD MEDIA HIGH TO LOW (MAX TO 0) oposite of bootsrap due to add minium classes*/ /*sm*/ /*priohub-front*/ /*.parallax { height: 250px; }*/ /*OUT-OF-SCOPE*/ /*//OUT-OF-SCOPE*/ /* //priohub-front*/ /*PRODUCTS-MODAL*/ /*//PRODUCTS-MODAL*/ /*APPROVAL-BOARD*/ /*//APPROVAL-BOARD*/ /*ALL MODALS SECTION*/ /*doit*/ /*doit*/ /*ALL MODALS SECTION*/ /*TICKET-DETAILS*/ /*/TICKET-DETAILS*/ /*email sent*/ /*email sent*/ /*PRIVACY-POLICY*/ /*/PRIVACY-POLICY*/ /*TERMS & CONDITIONS*/ /*/TERMS & CONDITIONS*/ /*.resellers-list .no-result .card{ height: auto; }*/ /*MERCHANT-LIST*/ /*/MERCHANT-LIST*/ /*STATEMENT-NAV*/ /*/STATEMENT-NAV*/ /*COMPANY-INFO*/ /*************************************NOTIFICATION BAR***************************/ /************************************* /NOTIFICATION BAR***************************/ /********************************************************************* MD above all 768   **/ /********************************************************************* LG above all 992   **/ /*.input-field.col label { left: calc(0.75rem + 10px); }*/ /*********************************SCROLLER**************************/ /*********************************SCROLLER**************************/ /********************************************************************* xl above all 1200   **/ /*********************************************************************  max 992   **/ /*********************************************************************  max 767   **/ /*$medium-up-320 : 320px !default;
480px: 480px !default;
640px : 640px !default;
1024px : 1024px !default;
1366px : 1366px !default;
1920px : 1920px !default;*/ /******************** (1) COMPLETE PROFILE PAGE***********************/ /******************** COMPLETE PROFILE PAGE***********************/ /*COMMON*/ }
.theme-red .switch-wrapper { display: inline-block; margin-right: 16px; }
.theme-red .mdc-switch { display: inline-block; position: relative; }
.theme-red .mdc-switch [type="checkbox"]:not(:checked), .theme-red .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }
.theme-red .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.theme-red .mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.theme-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fafafa; border-color: #fafafa; }
.theme-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.theme-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #e30613; border-color: #e30613; }
.theme-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #e30613; border-color: #e30613; }
.theme-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #e30613; }
.theme-red .mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.theme-red .mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: .38; content: ""; }
.theme-red .mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }
.theme-red [dir="rtl"] .mdc-switch__knob, .theme-red .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }
.theme-red .mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: .2; content: ""; }
.theme-red .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.theme-red .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: .5; }
.theme-red .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-red .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: .15; }
.theme-red .mdc-switch__native-control:disabled { cursor: initial; }
.theme-red .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; }
.theme-red .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }
.theme-red [dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .theme-red .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-red [dir="rtl"] .mdc-switch__native-control:checked, .theme-red .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-red .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #f44336; border-color: #f44336; }
.theme-red .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #f44336; border-color: #f44336; }
.theme-red .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #f44336; }
.theme-red .mdc-typography { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.theme-red .h1, .theme-red h1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 6rem; line-height: 6rem; font-weight: 300; letter-spacing: -0.01562em; text-decoration: inherit; text-transform: inherit; }
.theme-red .h2, .theme-red h2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3.75rem; line-height: 3.75rem; font-weight: 300; letter-spacing: -0.00833em; text-decoration: inherit; text-transform: inherit; }
.theme-red .h3, .theme-red h3 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3rem; line-height: 3.125rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }
.theme-red .h4, .theme-red h4 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 2.125rem; line-height: 2.5rem; font-weight: 400; letter-spacing: 0.00735em; text-decoration: inherit; text-transform: inherit; }
.theme-red .h5, .theme-red h5 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }
.theme-red .h6, .theme-red h6 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; }
.theme-red .subtitle1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; }
.theme-red .subtitle2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; }
.theme-red .body1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; }
.theme-red .body2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; }
.theme-red .caption { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; }
.theme-red .button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; }
.theme-red .overline { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.16667em; text-decoration: none; text-transform: uppercase; }
.theme-red .sales_panel_login header { background: transparent !important; }
.theme-red .sales_panel_login header .brand img { height: 175px; width: auto; margin-top: 90px; }
.theme-red .sales_panel_login header span { display: none; }
.theme-red .sales_panel_login .mdc-dialog__body { padding: 65px 40px 35px !important; }
.theme-red .sales_panel_login #gen_password_form label.active { color: #CD1719; }
.theme-red .sales_panel_login #gen_password_form button { background: #CD1719 !important; height: 50px !important; }
.theme-red .sales_panel_login #gen_password_form input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-red body.sales_panel_login .mdc-dialog__body input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-red body.sales_panel_login .mdc-dialog__body input.valid:not(.browser-default) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-red body, .theme-red html { min-height: 100%; }
.theme-red .step-3 #slide-out, .theme-red .complete-profile #slide-out, .theme-red .register-body #slide-out { display: none; }
.theme-red .step-3 header, .theme-red .complete-profile header, .theme-red .register-body header { display: none !important; }
.theme-red .step-3 header.white-text, .theme-red .complete-profile header.white-text, .theme-red .register-body header.white-text { display: flex !important; }
.theme-red .step-3 .page-container-main main, .theme-red .complete-profile .page-container-main main, .theme-red .register-body .page-container-main main { padding: 0; }
.theme-red .step-3 .page-container-main main .main-content, .theme-red .complete-profile .page-container-main main .main-content, .theme-red .register-body .page-container-main main .main-content { padding: 0; height: 100vh; }
.theme-red .s-padding-left { padding-left: 0 !important; }
.theme-red .s-padding-right { padding-right: 0 !important; }
.theme-red * { -moz-box-sizing: border-box; box-sizing: border-box; }
.theme-red body [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, .theme-red body [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }
.theme-red body [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }
.theme-red .page-container { padding: 56px 0 0; min-height: 100vh; }
.theme-red .progress { position: fixed; top: 0; left: 0; right: 0; margin: 0; z-index: 1000; }
.theme-red .d-none { display: none !important; }
.theme-red .border-btn { border: 1px solid #202124; box-shadow: none; }
.theme-red .cursor-pointer { cursor: pointer; }
.theme-red .pointer-event-none { pointer-events: none; }
.theme-red .bdr-btn { border: 1px solid #202124 !important; line-height: 30px !important; }
.theme-red .mt-xs-15 { margin-top: 15px !important; }
.theme-red .mt10 { margin-top: 10px !important; }
.theme-red .mt15 { margin-top: 15px !important; }
.theme-red .mt20 { margin-top: 20px !important; }
.theme-red .mt40 { margin-top: 40px !important; }
.theme-red .mt0 { margin-top: 0 !important; }
.theme-red .mb0 { margin-bottom: 0 !important; }
.theme-red .mb12 { margin-bottom: 12px !important; }
.theme-red .ml10 { margin-left: 10px !important; }
.theme-red .no-padding { padding: 0 !important; }
.theme-red .no-padding-right { padding-right: 0 !important; }
.theme-red .text-center { text-align: center !important; }
.theme-red .text-right { text-align: right; }
.theme-red .text-bold-500 { font-weight: 500; }
.theme-red .text-capitalize { text-transform: capitalize; }
.theme-red .company_view_call { cursor: pointer; color: #303030; }
.theme-red .company_view_call_v1 { color: #303030; cursor: pointer; }
.theme-red #toast-container { min-width: 100%; right: auto; bottom: 0; left: 0; top: auto; }
.theme-red .toast { position: absolute; bottom: 20px; left: 10px; font-size: 16px; /*color: #535353;*/ color: #fff; top: auto !important; }
.theme-red .mdc-select, .theme-red .mdc-text-field { width: 100%; }
.theme-red body { margin: 0; }
.theme-red img { max-width: 100%; }
.theme-red .select-wrapper input.select-dropdown { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 30px); padding-right: 30px; color: #959595; }
.theme-red .clearfix::after { display: block; clear: both; content: ""; }
.theme-red .custom-browse { position: relative; display: inline-block; }
.theme-red .custom-browse span { display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }
.theme-red .custom-browse input { opacity: 0; height: 37px; cursor: pointer; }
.theme-red .custom-browse a { position: relative; z-index: 1; }
.theme-red select.error, .theme-red .custom-browse .helper-text { display: none; }
.theme-red .step-1 .error { position: absolute; }
.theme-red .error, .theme-red .custom-browse.invalid .helper-text { position: relative; min-height: 18px; display: block; font-size: 15px; color: #b00020; /*padding:0;*/ font-style: normal; }
.theme-red .invalid.form-error { min-height: 18px; font-size: 12px; color: #b00020; /*padding: 0;*/ font-style: normal; }
.theme-red input.error[type="text"]:not(.browser-default) { border-bottom: 1px solid #b00020; -webkit-box-shadow: 0 1px 0 0 #b00020; box-shadow: 0 1px 0 0 #b00020; }
.theme-red .float-right { float: right; }
.theme-red .backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 5px 0 0; font-size: 20px; }
.theme-red .backto-priomarket a { margin: 4px 15px !important; line-height: 56 !important; }
.theme-red .collapsible.sidenav li { margin: 0; }
.theme-red .collapsible.sidenav li.active { border: 0; }
.theme-red .collapsible.sidenav li.sidenav-header { line-height: 20px; padding: 15px; }
.theme-red .home-main .sidenav li.sidenav-header > a { margin: 0; }
.theme-red .sidenav-header .user { font-size: 16px; display: block; padding: 10px 0 0; }
.theme-red .sidenav-header .user span { display: block; font-weight: 300; font-size: 15px; }
.theme-red #account-dropdown { position: fixed; display: block; z-index: 9999999; right: 0; top: 15px; left: 282px; opacity: 1; width: 200px; border-radius: 5px; }
.theme-red #account-dropdown.dropdown-content li > a { padding: 12px 16px; color: rgba(0, 0, 0, 0.87); }
.theme-red .terms-conditions { position: relative; left: 0; }
.theme-red .terms-conditions span a { line-height: 20px; height: 20px; position: relative; padding: 0; color: #202124; }
.theme-red .terms-conditions span { color: #9e9e9e; padding-left: 25px !important; }
.theme-red .terms-conditions [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, .theme-red .terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }
.theme-red .terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }
.theme-red .terms-conditions + em.error { padding-left: 32px; }
.theme-red .mdc-button.white-btn { background: #fff; text-transform: capitalize; color: #202124; float: right; margin: 15px 0; }
.theme-red .mdc-button.grey-btn { background: #f5f5f5; color: #9d9d9d; float: right; margin: 15px 0; }
.theme-red .mdc-toolbar-fixed-adjust { margin: 0; padding: 0; }
.theme-red .brand-logo { left: 0; transform: translateX(0); }
.theme-red .brand-logo img { height: 38px; margin: 13px 0 0 0; }
.theme-red .step-2 { padding: 60px 0 0; background: url(../images/banner.jpg) 0 0 no-repeat; background-size: cover; }
.theme-red .step-2 header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; }
.theme-red .step-2 header nav { padding: 0 15px; min-height: 60px; }
.theme-red header nav .dropdown-content, .theme-red .step-2 header nav .dropdown-content { white-space: nowrap; width: auto !important; }
.theme-red .step-2 h1.header { font-size: 3rem; }
.theme-red .heading { min-height: 209px; padding: 120px 0 0; }
.theme-red .heading h1 { color: #fff; font: 400 2.8125rem/1.06666667 Roboto, RobotoDraft, sans-serif; font-weight: 400; margin-top: 0; text-align: center; }
.theme-red .heading h5 { color: #fff; font: 400 0.9375rem/1.6 Roboto, RobotoDraft, sans-serif; font-weight: 400; font-weight: 300; text-align: center; }
.theme-red .collapsible { box-shadow: none; border: 0; }
.theme-red .collapsible li { border-color: transparent; margin: 10px 0; }
.theme-red .collapsible li.active { border: 1px solid #ddd; }
.theme-red .collapsible .card-header { background: transparent; border: 0; padding: 0; text-decoration: none; color: rgba(0, 0, 0, 0.87); }
.theme-red .collapsible .collapsible-header { background: #e3f2fd; padding: 10px 1.25rem; outline: 0; width: 100%; text-align: left; border-radius: 0; border: 0; }
.theme-red .collapsible .collapsible-header .filled-checkbox { position: relative; top: 2px; pointer-events: none; }
.theme-red .collapsible .collapsible-header .filled-checkbox:after { position: absolute; z-index: 1; top: 0; left: 0; content: ""; height: 100%; width: 100%; }
.theme-red .collapsible .collapsible-header [type="checkbox"] + span:not(.lever) { padding-left: 25px; height: 20px; }
.theme-red .collapsible .collapsible-header .row { margin: 0; width: 100%; }
.theme-red .collapsible .collapsible-body { border: 0; }
.theme-red .collapsible .collapse { border: 1px solid transparent; }
.theme-red .collapsible .collapse.show { border: 1px solid rgba(0, 0, 0, 0.125); }
.theme-red .collapsible-body ul { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.theme-red .collapsible-body ul li a { padding-left: calc(1.25rem + 10px) !important; }
.theme-red .step-panel { position: relative; top: -100px; }
.theme-red .step-panel .step { padding: 24px; margin: auto; max-width: 704px; position: relative; transition: all 100ms; background: #fff; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #000; }
.theme-red .step-panel .collapsible .collapsible-body { padding: 1rem; }
.theme-red .step-panel .select-wrapper input.select-dropdown:focus, .theme-red .step-panel .select-wrapper input.select-dropdown { padding-right: 15%; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-red .step-panel a { text-decoration: none; }
.theme-red .step-panel .status-img { -moz-border-radius: 50%; border-radius: 50%; height: 40px; position: absolute; width: 40px; }
.theme-red .step-panel .status-img i { font-size: 48px; position: absolute; left: 0; top: -4px; }
.theme-red .step-panel .step-text { padding-left: 56px; margin-right: 0; }
.theme-red .step-panel h2 { font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 46px; margin: 0; }
.theme-red .step-panel p { font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; margin-top: 4px; }
.theme-red .step-panel .start-btn { -moz-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 24px; text-align: center; top: 50%; width: 120px; }
.theme-red .step.step-expanded h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 1.33333; line-height: 40px; margin-bottom: 0; margin-top: 0; }
.theme-red .step-panel .progress { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; }
.theme-red .step-expanded-two #step-two-section-2 { display: none !important; }
.theme-red .step-expanded-one .elevation { padding: 30px 15px; margin: 15px 0; text-align: center; }
.theme-red .step-expanded-one .value-feilds .mdc-text-field__input { padding-bottom: 10px; }
.theme-red .step-panel .step-expanded-one, .theme-red .step.step-expanded { margin: 24px auto; padding: 32px; max-width: 720px; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.theme-red .step.step-expanded .step-text { margin-right: 0; }
.theme-red .step.step-expanded h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin-top: 32px; margin-bottom: 0; }
.theme-red .step.step-expanded p strong { font-weight: 500; }
.theme-red .step.step-expanded .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }
.theme-red .step.step-expanded .domain-prioticket { position: absolute; right: 0; top: 21px; color: rgba(0, 0, 0, 0.55); }
.theme-red .step.step-expanded .user-info { color: rgba(0, 0, 0, 0.87); font-size: 13px; line-height: 24px; margin: 24px 0; }
.theme-red .step.step-expanded .user-info .light-grey { color: rgba(0, 0, 0, 0.52); }
.theme-red .step.step-expanded .start-btn { display: none; }
.theme-red .step.step-expanded .mdc-text-field { width: 100%; margin: 0; }
.theme-red .step.step-expanded .mdc-text-field-helper-text { margin: 0; display: none; }
.theme-red .step.step-expanded .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }
.theme-red .step.step-expanded .mdc-linear-progress { position: absolute; bottom: 0; left: 0; right: 0; }
.theme-red .step.step-expanded .mdc-layout-grid { padding-top: 0; padding-bottom: 0; }
.theme-red .step.step-expanded .create-user-accounts { display: none; }
.theme-red .step.step-expanded .demo-checkbox-wrapper { position: relative; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px 16px 16px 48px; min-height: 48px; }
.theme-red .step.step-expanded .mdc-checkbox { position: absolute; top: 6px; left: 5px; }
.theme-red .step.step-expanded #enabled-checkbox-label span { color: rgba(0, 0, 0, 0.87); font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; cursor: pointer; }
.theme-red .step.step-expanded-one h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/40px Roboto, RobotoDraft, sans-serif; margin-bottom: 0; margin-top: 0; }
.theme-red .step.step-expanded-one h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin: 32px 0 15px; }
.theme-red .step.step-expanded-one .regsiter-success { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px; font-size: 12px; }
.theme-red .step-four .select-product .z-depth-1 { justify-content: center; position: relative; padding: 40px 10px 15px; margin: 15px 0; }
.theme-red .step-four .select-product .z-depth-1 .filled-checkbox { position: absolute; right: 5px; top: 10px; color: #33ac71; }
.theme-red .step-four .select-product .z-depth-1 .filled-checkbox span { padding-left: 20px; height: 20px; }
.theme-red .step-four .select-product .z-depth-1 h5 { margin: 0; font-size: 16px; line-height: 28px; }
.theme-red .register-body .page-container { padding: 0; }
.theme-red .step-1 { background: #202124; min-height: 100vh; display: flex; display: -webkit-flex; align-items: center; }
.theme-red .step-1 .mdc-dialog { position: relative; width: 100%; padding: 0; top: -20px; }
.theme-red .step-1 .mdc-dialog .mdc-dialog__surface { margin: 23px auto; padding: 0 16px 24px; max-width: 750px; position: relative; border-radius: 8px; -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.theme-red .step-1 .brand { padding: 40px 24px 0; }
.theme-red .step-1 h3 { font-size: 24px; letter-spacing: -0.9px; font-weight: 400; line-height: 32px; margin: 0; padding: 15px 00 20px; color: #535353; }
.theme-red .step-1 form { padding-top: 50px !important; }
.theme-red .register-right { display: flex; justify-content: center; align-items: center; padding-top: 50px !important; padding-bottom: 50px !important; }
.theme-red .register-right div { max-width: 340px; width: 100%; text-align: left; }
.theme-red .register-right div .prio-account { height: auto; max-width: 100%; width: 100%; }
.theme-red .register-right .one-account { font-size: 20px !important; }
.theme-red .supplier-detail .register-right div { position: relative; top: -105px; }
.theme-red .supplier-detail .register-right div div { position: static; }
.theme-red .step-1 .mdc-text-field { width: 100%; }
.theme-red .step-1 .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }
.theme-red .step-1 .mdc-form-field > label { color: rgba(0, 0, 0, 0.6); }
.theme-red .step-1 .form-footer { margin-top: 27px; margin-bottom: 20px; }
.theme-red .step-1 .form-footer .btn-flat { padding: 0 12px; margin-left: 7px; letter-spacing: -0.2px; font-size: 15px; height: 30px; line-height: 25px; margin-top: -1px; border: 1px solid #202124; color: #202124; display: inline-flex; align-items: center; }
.theme-red .step-1 .form-footer .btn-flat:hover { background: rgba(0, 0, 0, 0.05); }
.theme-red .supplier-detail .one-account, .theme-red .step-1 .one-account { font-size: 16px; color: #535353; font-weight: 300; }
.theme-red .step-1 .mdc-dialog__footer .mdc-layout-grid { width: 100%; }
.theme-red .step-1 .select-wrapper { display: inline-block; }
.theme-red .step-1 footer .select-wrapper input.select-dropdown { font-size: 12px; border-bottom: 0; height: 18px; padding-right: 25px; }
.theme-red .step-1 footer .select-wrapper .dropdown-content { width: auto !important; white-space: nowrap; }
.theme-red .step-1 .mdc-dialog__footer .select-wrapper .caret { right: -25px; top: -3px; }
.theme-red .step-1 .mdc-dialog__footer .mdc-select { height: 32px; }
.theme-red .step-1 .mdc-dialog__footer a { font-size: 12px; text-transform: capitalize; padding: 6px 10px; line-height: 16px; height: 28px; position: relative; right: -10px; }
.theme-red .supplier-detail .prio-account, .theme-red .step-1 .prio-account { margin: 0 0 18px; max-width: none; height: 75px; width: auto; }
.theme-red .select-wrapper input.select-dropdown.value-selected { color: rgba(0, 0, 0, 0.87); text-align: left; }
.theme-red .step-1 footer { margin-top: 24px; }
.theme-red body.login-page { background: none; }
.theme-red .register-success .mdc-dialog__surface, .theme-red .step-3 .mdc-dialog__surface, .theme-red body.login-page .mdc-dialog__surface { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); }
.theme-red .step-3 h6 { color: #535353; text-align: center; }
.theme-red .register-success header, .theme-red .step-3 header { background: #1bb7c2; height: 160px; justify-content: center; display: flex; align-items: center; }
.theme-red .register-success img, .theme-red .step-3 header img { width: auto; margin-bottom: 5px; height: 58px; }
.theme-red .register-success header span, .theme-red .step-3 header span { position: relative; left: -1px; font-size: 18px; top: -7px; }
.theme-red .register-success .mdc-dialog, .theme-red .step-3 .mdc-dialog { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }
.theme-red .register-success .mdc-dialog__surface, .theme-red .step-3 .mdc-dialog__surface { background: #fff; overflow: hidden; max-width: 420px; min-width: 300px; width: 100%; /*-webkit-box-shadow: none; box-shadow: none; */ }
.theme-red .step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 0 25px 35px; }
.theme-red .step-3 .btn { width: 100%; margin: 15px 0 0; background-color: #1bb7c2 !important; }
.theme-red .step-3 .others-link { margin-left: -16px; margin-right: -16px; }
.theme-red .step-3 .others-link a { padding: 6px 16px; color: #1bb7c2 !important; }
.theme-red .step-3 .others-link a:hover { background-color: #58D1D9; }
.theme-red .step-3 .note { font-size: 12px; line-height: 16px; }
.theme-red .step-3 .mdc-text-field-helper-text { display: none; }
.theme-red .step-3 .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }
.theme-red .step-3 .visibility-off { position: absolute; right: 10px; top: 15px; color: rgba(0, 0, 0, 0.54); cursor: pointer; }
.theme-red .step-3 .visibility-off i { width: 24px; }
.theme-red .step-3 .visibility-off i::-moz-selection { background: transparent; }
.theme-red .step-3 .visibility-off i::selection { background: transparent; }
.theme-red .step-expand-section .section-body { display: none; }
.theme-red .step-panel .section-body { display: none; }
.theme-red .step-panel .step-expand-section .section-body { display: block; }
.theme-red .step-register h2 { line-height: 40px; cursor: pointer; }
.theme-red .step-register.step-expanded-one h2, .theme-red .step-register h2.show-on-expand { display: none; cursor: pointer; }
.theme-red .step-register.step-expanded-one h2.show-on-expand { display: block; }
.theme-red .step-register form { margin: 30px 0 0; display: none; }
.theme-red .step-register.step-expanded-one form { display: block; }
.theme-red .step-panel .verify-domain { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.theme-red .home-main #slide-out { top: 0; z-index: 999999; overflow: hidden; }
.theme-red .home-main .demo-user { display: none; font-weight: 600; font-size: 20px; margin-right: 20px; }
.theme-red .home-main .demo-user span { font-weight: normal; font-size: 16px; }
.theme-red .home-main .sidenav .collapsible li { width: 100%; margin: 0; border: 0; }
.theme-red .home-main .sidenav li > a { padding: 0 1.25rem; }
.theme-red .home-main .sidenav li.active { background: transparent; }
.theme-red .home-main .sidenav li.active > a { color: #202124; /*border-bottom:1px solid rgba(0, 0, 0, 0.12);*/ }
.theme-red .home-main .sidenav li > a:hover i, .theme-red .home-main .sidenav li.active > a i { color: #202124; }
.theme-red .home-main .sidenav li > a i.chevron-right { position: absolute; right: 15px; margin: 0; top: 0; }
.theme-red .home-main .sidenav li.active > a i.chevron-right { transform: rotate(-90deg); }
.theme-red .home-main .sidenav li.active .collapsible-body ul { background: #f4f4f4; border: 0; }
.theme-red .products-page .filters-bar .product-type li a.highlighted { font-weight: 500; color: #202124; }
.theme-red body.products-page .distributor [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after, .theme-red body.products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::after { top: 10px; }
.theme-red .products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 7px; }
.theme-red .home-main .sidenav li > a:hover { color: #202124; background-color: #f4f4f4 !important; }
.theme-red .home-main .collapsible .collapsible-header { background: transparent; color: rgba(0, 0, 0, 0.87); }
.theme-red .home-main header { position: fixed; width: 100%; height: 60px; z-index: 999; top: 0; left: 0; }
.theme-red .home-main header nav { padding-right: calc(10px + .75rem); background: #fff !important; }
.theme-red .home-main .heading { padding: 30px 0 0; }
.theme-red .home-main .heading h1 { font-size: 30px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 40px; margin: 0 0 15px; text-transform: uppercase; }
.theme-red .home-main .heading p { font-family: "Roboto", sans-serif; color: #fff; margin: 0 0 20px; font-size: 18px; }
.theme-red .home-main .heading h5 { font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 30px; margin: 0 0 40px; }
.theme-red .home-main .parallax-container { height: 275px; background: #00737d; }
.theme-red .home-main nav .sidenav-trigger { display: block; border-radius: 50%; height: 40px; margin-top: 12px; }
.theme-red .home-main nav .sidenav-trigger i { height: 40px; line-height: 40px; }
.theme-red .home-main .brand-logo { left: 70px; transform: translateX(0); }
.theme-red .home-main .sales-accounts .col { margin-bottom: 15px; margin-left: 0; }
.theme-red .home-main .sales-accounts .z-depth-1 { padding: 25px; height: 100%; cursor: pointer; width: 100%; }
.theme-red .home-main .sales-accounts .z-depth-1 .error { position: absolute; bottom: 30px; font-size: 18px; }
.theme-red .home-main .sales-accounts .z-depth-1:hover { background: #d6d6d6 !important; cursor: pointer; -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
.theme-red .home-main .sales-accounts img { height: 36px; }
.theme-red .home-main .sales-accounts strong { display: block; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; }
.theme-red .home-main { background: #fbfbfb; /*    .growing-graph .container{ max-width: 1580px; width: 100%; }*/ }
.theme-red .home-main .sales-accounts p { margin: 0 0 10px; }
.theme-red .home-main .sales-accounts p.hotel_name { font-size: 11px; }
.theme-red .home-main .sales-accounts .material-icons { font-size: 36px; }
.theme-red .home-main .growing-graph { padding: 40px 0; }
.theme-red .home-main .growing-graph .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.theme-red .home-main .growing-text { display: -ms-flexbox; display: flex; align-items: center; padding: 10px 0.75rem; }
.theme-red .home-main .growing-graph a { color: #202124; padding: 0; display: block; font-size: 14px; text-transform: capitalize; }
.theme-red .home-main .growing-text span { color: #00737d !important; text-transform: uppercase; cursor: default; padding: 0; }
.theme-red .home-main .growing-graph .growing-graph-img { text-align: center; }
.theme-red .home-main .growing-graph .growing-graph-img img { width: 100px; }
.theme-red .home-main .growing-graph .growing-text div { width: 100%; }
.theme-red .home-main .growing-graph a:hover { text-decoration: underline; }
.theme-red .home-main .growing-graph p { font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 5px; line-height: 26px; }
.theme-red .home-main .sales-account-list { margin: 0; }
.theme-red .home-main .sales-account-list i { font-size: 32px !important; }
.theme-red .home-main .sales-account-list .account-desc { font-size: 16px; line-height: 20px; }
.theme-red .home-main .sales-account-list .z-depth-1 { min-height: 210px !important; }
.theme-red .home-main .sales-account-list h6 { font-weight: normal; line-height: 20px; font-size: 18px; margin-bottom: 20px; }
.theme-red .home-main .accounts-list { height: calc(100vh - 66px); display: flex; align-items: center; }
.theme-red #deleteTicket.modal { max-width: 440px; z-index: 99999 !important; top: 30% !important; }
.theme-red #deleteTicket.modal .modal-footer { padding-right: 24px; }
.theme-red #createproduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }
.theme-red #createproduct.modal { max-height: 75%; }
.theme-red #createproduct .h6 { line-height: 26px; font-weight: 400; font-size: 18px; }
.theme-red #createproduct .createproduct-inner { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); overflow-y: auto; }
.theme-red #createproduct .chechbox-with-info { position: relative; padding-left: 26px; margin-bottom: 8px; }
.theme-red #createproduct .chechbox-with-info + .chechbox-with-info { position: relative; padding-left: 26px; padding-right: 0; }
.theme-red #createproduct .chechbox-with-info p { margin: 5px 0 15px; line-height: 18px; font-size: 15px; }
.theme-red #createproduct .chechbox-with-info label { position: absolute; left: 0; top: 0; }
.theme-red #createproduct .m2.subtitle1 { line-height: 47px; }
.theme-red #createproduct .field-error .select-wrapper .caret { top: -32px; }
.theme-red #createproduct .modal-footer { padding-right: 42px; height: 65px; margin: 10px 0 15px; }
.theme-red #createproduct .select-wrapper .dropdown-content { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.theme-red #createproduct .btn-flat, .theme-red #createproduct .btn { font-size: 14px; }
.theme-red #select_channels .row-flex .col { margin-left: 0; margin-bottom: 10px; }
.theme-red #ticket-listing h4 { font-size: 24px; }
.theme-red #ticket-listing h4 span { font-size: 16px; margin-left: 5px; }
.theme-red #ticket-listing p { margin: 0; }
.theme-red #ticket-listing .modal-footer { text-align: left !important; }
.theme-red #ticket-listing .modal-footer-inner { margin-bottom: 5px; }
.theme-red #ticket-listing { height: auto; max-height: 80%; }
.theme-red #ticket-listing th { white-space: nowrap; position: relative; font-weight: 500; }
.theme-red #alert_popup { max-width: 300px; width: 100%; }
.theme-red #moreinformation { max-width: 700px; top: 20% !important; box-shadow: 7px 6px 4px #515761; overflow: visible; }
.theme-red #moreinformation .moreinformation-inner { overflow-y: auto; box-shadow: -7px -6px 4px #515761; }
.theme-red .distributors-page { min-height: 100%; }
.theme-red .main-section #main_section, .theme-red .my-products, .theme-red .distributors { height: calc(100% - 194px); width: 100%; padding-left: 0; display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; position: relative; }
.theme-red .my-products.reseller-profile { display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; }
.theme-red .distributors .sidenav { position: absolute; }
.theme-red .distributors .distributors-sidenav { padding: 0; height: 100%; }
.theme-red .distributors-right-panel h6, .theme-red .distributors .sidenav .user-view { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); min-height: 67px; }
.theme-red .distributors .distributors-tabs { padding: 10px 15px 0; }
.theme-red .distributors #distributors-requested .dataTables_wrapper { margin-top: 0; }
.theme-red .distributors #distributors-requested table, .theme-red .distributors #distributors-received table { table-layout: fixed; }
.theme-red .distributors #distributors-requested table th { width: 10% !important; }
.theme-red .distributors #distributors-received table th { width: 10% !important; }
.theme-red .distributors-right-panel h6 { padding: 15px 30px; }
.theme-red .distributors .sidenav .user-view a { display: flex; }
.theme-red .distributors .sidenav .user-view i { font-size: 2.25rem; margin-right: 20px; }
.theme-red .distributors-right-panel .highlight { width: calc(100% - 50px); margin: 15px auto; table-layout: fixed; }
.theme-red .distributors-right-panel .highlight th { white-space: nowrap; position: relative; font-weight: 500; }
.theme-red .distributors-right-panel .highlight th.th-id { min-width: 65px; }
.theme-red .distributors-right-panel .highlight th.price-list { min-width: 65px; }
.theme-red .distributors-right-panel .highlight th.template { min-width: 65px; }
.theme-red .distributors-right-panel .highlight th i { position: relative; top: 5px; }
.theme-red .distributors-right-panel .highlight a { margin: 0 5px; }
.theme-red .distributors-right-panel .highlight a.waves-effect i { font-size: 22px; }
.theme-red .distributors-page .marketplace-btns { margin: 0; }
.theme-red .marketplace-btns h6 { color: #535353; display: inline-block; }
.theme-red .marketplace-btns .marketplace-header { width: calc(100% - 300px); }
.theme-red .marketplace-btns .marketplace-header h6 { color: #535353; display: inline-block; }
.theme-red .marketplace-btns .marketplace-header .tabs { margin-top: 16px; }
.theme-red .distributors-page a.sidenav-trigger-dist { margin: 0 24px; float: left; }
.theme-red .distributors-page .create-ticket { float: right; }
.theme-red .priomarket-distributors .sidenav a { height: 64px; padding-top: 10px; padding-bottom: 5px; }
.theme-red .priomarket-distributors .sidenav span { text-align: center; margin-right: 10px; width: 85px; height: 85px; line-height: 50px; display: inline-flex; justify-content: center; align-items: center; }
.theme-red .priomarket-distributors .sidenav span img { /*width: 27px;*/ max-height: 55px; max-width: 55px; vertical-align: middle; }
.theme-red .priomarket-distributors nav { height: auto; min-height: 64px; }
.theme-red .priomarket-distributors .select-what-products { color: #535353; padding: 0 25px; font-size: 16px; line-height: 24px; }
.theme-red .priomarket-distributors .ticket-detail-header a.translate_btn i { position: relative; top: -11px; }
.theme-red .priomarket-distributors .listing { margin-bottom: 20px; }
.theme-red .priomarket-distributors .listing label { font-size: 13px; }
.theme-red .priomarket-distributors .listing .label-info { font-size: 16px; }
.theme-red .priomarket-distributors .filter-box.product-type { padding: 20px 20px; }
.theme-red .priomarket-distributors th .dropdown-trigger { position: absolute; left: 25px; top: 24px; width: 15px; height: 15px; }
.theme-red .distributors-right-panel .highlight a.dropdown-trigger i { position: relative; left: 7px; top: 0; font-size: 30px; line-height: 15px; }
.theme-red .distributors-right-panel .highlight .dropdown-content { width: 190px !important; }
.theme-red .distributors-right-panel .highlight .dropdown-content a { font-size: 14px; color: #202124; }
.theme-red .distributors-right-panel .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; font-weight: 400; }
.theme-red .distributors-right-panel .dropdown-content li { min-height: 1px; position: relative; }
.theme-red .distributors-right-panel .dropdown-content i { right: auto; left: 18px !important; top: 6px !important; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; display: none; }
.theme-red .distributors-right-panel .dropdown-content li.current-action i { display: block; }
.theme-red .distributors-right-panel table.highlight .actions-oprtions a { white-space: nowrap; padding: 0 5px; line-height: 32px; height: 32px; margin: 0 0 0 5px; font-size: 16px; display: none; }
.theme-red .distributors-right-panel table.highlight tbody tr:hover .actions-oprtions a { display: inline-block; }
.theme-red .distributors-right-panel table.highlight th.th-checkbox { width: 40px; padding-left: 10px; }
.theme-red .distributors-right-panel table.highlight th.th-checkbox label { position: relative; top: 4px; }
.theme-red .distributors-right-panel table.highlight td.td-checkbox { padding-left: 10px; }
.theme-red .distributors-right-panel table.highlight td.td-checkbox label { position: relative; top: 3px; }
.theme-red .distributors-right-panel table.highlight th.th-id { width: 80px; min-width: 80px; }
.theme-red .distributors-right-panel table.highlight .distributor-link { cursor: pointer; color: #959595; }
.theme-red .distributors-right-panel table.highlight .distributor-link:hover { color: #202124; }
.theme-red .distributors-right-panel table.highlight th.th-name { width: 135px; }
.theme-red .distributors-right-panel table.highlight th.th-product-type { width: 70px; }
.theme-red .distributors-right-panel table.highlight th.th-product-range { width: 140px; }
.theme-red .distributors-right-panel table.highlight th.th-list-price { width: 60px; }
.theme-red .distributors-right-panel table.highlight th.th-discount { width: 55px; }
.theme-red .distributors-right-panel table.highlight th.th-fees { width: 50px; }
.theme-red .distributors-right-panel table.highlight th.th-resale-price { width: 75px; }
.theme-red .distributors-right-panel table.highlight th.actions { width: 150px; }
.theme-red .distributors-right-panel table.highlight td.td-product-name { word-break: break-all; }
.theme-red .CustomPricing .modal-content table th, .theme-red .CustomPricing .modal-content table td { padding-left: 10px; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-name { width: auto; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-type { width: 100px; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-range { width: 100px; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-list-price { width: 130px; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-discount { width: 130px; }
.theme-red .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-fees { width: 130px; }
.theme-red .get-your-guide nav { background: #f6f6f6 !important; border-bottom: 1px solid #d3d3d3; }
.theme-red .get-your-main .banner-section { background: #f6f6f6; padding: 60px 0 40px 0; margin: 0; }
.theme-red .get-your-main .banner-section h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }
.theme-red .get-your-main .banner-section a.weblink { font-size: 16px; line-height: 20px; font-weight: 400; color: #202124; display: inline-block; margin: 4px 0 0; }
.theme-red .get-your-main .banner-section h4 { font-size: 14px; margin: 20px 0 0; line-height: 16px; color: rgba(0, 0, 0, 0.987); max-width: 450px; }
.theme-red .get-your-main .banner-section .golbal-ota { color: rgba(0, 0, 0, 0.654); font-size: 13px; line-height: 16px; display: block; }
.theme-red .get-your-main .banner-section .btn { margin: 20px 0 0; }
.theme-red .get-your-main .leftpanel { width: 264px; padding: 0 40px 0 64px; }
.theme-red .get-your-main .rightpanel { width: calc(100% - 264px); }
.theme-red .get-your-main .rightpanel .rightpanel-inner { max-width: 820px; }
.theme-red .get-your-main .leftpanel span { overflow: hidden; background-color: #fff; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); height: 148px; width: 148px; display: flex; align-items: center; justify-content: center; }
.theme-red .get-your-main .leftpanel span img { max-width: 90px; max-height: 90px; }
.theme-red .get-your-main .get-your-content h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); font-weight: 500; }
.theme-red .get-your-main .get-your-content { padding-bottom: 50px; }
.theme-red .get-your-main .get-your-content p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }
.theme-red .public-profile .public-profile-inner { max-width: 750px; margin: 50px auto 20px; }
.theme-red .public-profile .public-profile-inner p { max-width: 560px; margin: 30px 0 70px; }
.theme-red .public-profile .public-profile-inner textarea { border: 0; border-bottom: 1px solid #959595; height: 48px; }
.theme-red .public-profile .public-profile-inner textarea :focus { outline: -webkit-focus-ring-color auto 0 !important; }
.theme-red .public-profile .public-profile-inner h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }
.theme-red .public-profile .public-profile-inner .chips-parent { margin: 20px 0 8px; }
.theme-red .public-profile .public-profile-inner .chips-parent label { font-size: 1rem; }
.theme-red .public-profile .public-profile-inner form .btn.request { margin-top: 30px; }
.theme-red .public-profile .public-profile-inner .custom-browse { margin-bottom: 15px; }
.theme-red .public-profile .public-profile-inner #preview-image { max-width: 150px; }
.theme-red .products-page { overflow: auto !important; }
.theme-red .create-templates .create-templates-nav, .theme-red .combi-products nav, .theme-red .products-page .marketplace-btns { position: fixed; left: 0; top: 56px; z-index: 998; }
.theme-red .products-page .filters-bar .search { position: relative; padding: 10px 20px 5px; }
.theme-red .products-page .filters-bar .search .search-wrapper input { padding: 0 15px 0 45px; margin: 0; border-bottom: 0; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; }
.theme-red .products-page .filters-bar .search .search-wrapper input:focus { box-shadow: none; }
.theme-red .products-page .filters-bar .search .search-wrapper i.material-icons { position: absolute; top: 20px; left: 15px; cursor: pointer; color: #535353; }
.theme-red .products-page .filter-box { padding: 10px 20px 35px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); position: relative; }
.theme-red .products-page .filter-box #product_status { margin: 10px 0 0 0; }
.theme-red .products-page .filter-box #product_status span { padding-left: 40px; }
.theme-red .products-page .filter-box .subtitle2 { text-transform: uppercase; }
.theme-red .products-page .filter-box.categories .dropdown-trigger { position: relative; right: -7px; top: -5px; height: 30px; }
.theme-red .products-page .filter-box.categories .dropdown-content { position: absolute; right: 10px; left: auto !important; }
.theme-red .products-page .filter-box.product-status ul li, .theme-red .products-page .filter-box.categories ul li { line-height: 35px; }
.theme-red .products-page .filter-box.suppliers .select-dropdown:focus, .theme-red .products-page .filter-box.suppliers .select-dropdown, .theme-red .products-page .filters-bar .product-type li > a, .theme-red .products-page .filter-box #product_status span, .theme-red .products-page .filter-box.categories ul li label span { font-size: 14px; font-weight: 400; }
.theme-red .products-page .filter-box.suppliers { padding: 8px 20px 8px; }
.theme-red .products-page .filter-box.suppliers .select-dropdown:focus, .theme-red .products-page .filter-box.suppliers .select-dropdown { margin: 0; box-shadow: none; border-bottom: 0; }
.theme-red .products-page .filter-box.suppliers input.select-dropdown { height: 30px; }
.theme-red .products-page .filters-bar .product-type li { position: relative; border-radius: 0 30px 30px 0; margin: 0; }
.theme-red .products-page .filters-bar .product-type li ul li { border-radius: 0; }
.theme-red .products-page .filters-bar .product-type ul { margin-right: 10px; }
.theme-red .products-page .filters-bar .product-type li:hover { background: rgba(0, 0, 0, 0.05); }
.theme-red .products-page .filters-bar .product-type li:hover a { background: transparent; }
.theme-red .products-page .filters-bar .product-type li > a + a { display: none; }
.theme-red .products-page .filters-bar .product-type li:hover > a + a { display: block; }
.theme-red .products-page .filters-bar .product-type li > a { border-radius: 30px; color: #959595; }
.theme-red .products-page .filters-bar .product-type li > a.pointer-event-none { color: rgba(0, 0, 0, 0.25); }
.theme-red .products-page .filters-bar .product-type li ul a { border-radius: 0; }
.theme-red .products-page .filters-bar .product-type li ul a:hover { background: transparent; }
.theme-red .products-page .filters-bar .product-type li .dropdown-trigger { margin: 0 !important; position: absolute; text-align: center; right: 1px; top: 4px; height: 40px !important; width: 40px !important; padding: 0; }
.theme-red .products-page .filters-bar .product-type li:hover .dropdown-trigger:hover, .theme-red .products-page .filters-bar .product-type li .dropdown-trigger:focus { background: #dadada !important; }
.theme-red .products-page .filters-bar .product-type li .dropdown-content { right: auto; left: calc(100% - 15px) !important; }
.theme-red .products-page .filters-bar .product-type.filter-box { padding: 10px 0; }
.theme-red .products-page .filters-bar .product-type.filter-box .control-label { padding: 10px 20px; }
.theme-red .products-page .filters-bar .product-type.filter-box a:focus, .theme-red .products-page .filters-bar .product-type.filter-box a:visited { border: 0 !important; outline: 0; }
.theme-red .products-page .filters-bar .product-type.filter-box .btn-floating { margin-right: 10px; height: 30px; width: 30px; line-height: 33px; }
.theme-red .products-page .filters-bar .product-type.filter-box i { margin-right: 0; line-height: 40px; height: 40px; float: none; width: 32px; }
.theme-red .products-page .filters-bar ul { margin: 5px 0 0 0; }
.theme-red .products-page .filters-bar .create-new-category { margin: 10px; display: block; }
.theme-red .products-page .filters-bar .qty { margin-right: 10px; }
.theme-red .products-page .filter-box.translation { padding: 10px 20px; border-bottom: 0; }
.theme-red .products-page .filter-box.product-type { padding: 20px 20px 10px; }
.theme-red .products-page .filter-box.product-type.header { display: flex; display: -webkit-flex; align-items: center; }
.theme-red .products-page .filter-box.product-type.header a { width: 150px; line-height: 20px; height: auto; padding: 0; }
.theme-red .products-page .filter-box.overview-list { padding: 10px 20px; }
.theme-red .products-page .filter-box.overview-list ul { margin: 10px -20px; }
.theme-red .products-page .filter-box.overview-list li { line-height: 38px; }
.theme-red .products-page .filter-box.overview-list a { line-height: 26px; height: 36px; color: #959595; font-size: 13px; }
.theme-red .products-page .filters-bar { position: absolute; padding: 30px 0 0; top: 0; left: 0; z-index: 998; }
.theme-red .products-page a.filter-trigger { margin: 0 16px; z-index: 99999; position: relative; top: 10px; }
.theme-red .products-page .my-products-right-panel h6 { padding: 0 0.75rem; font-weight: 400; color: #535353; margin: 20px 0 15px; }
.theme-red .products-page .my-products-right-panel .card-content { padding: 15px 24px; width: 100%; }
.theme-red .products-page .my-products-right-panel .card .card-image img { height: 270px; object-fit: cover; }
.theme-red .products-page .my-products-right-panel .card .card-image { width: 100%; }
.theme-red .products-page .my-products-right-panel .card { height: calc(100% - 1.5rem); display: flex; display: -webki-flex; flex-wrap: wrap; align-items: flex-end; }
.theme-red .products-page .my-products-right-panel .card .card-top { align-self: flex-start; width: 100%; }
.theme-red .products-page .my-products-right-panel .card .card-action { width: 100%; }
.theme-red .products-page .my-products-right-panel .col { margin-left: 0; }
.theme-red .products-page .card:hover { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
.theme-red .products-page .card .card-content .card-header .dropdown-trigger { position: absolute; top: 5px; right: -20px; border-radius: 50%; }
.theme-red .products-page .card .card-content .card-header .dropdown-trigger:hover, .theme-red .products-page .card .card-content .card-header.product-dropdown-action-open .dropdown-trigger { background: #f1f1f1; }
.theme-red .products-page .card .card-content .card-header .dropdown-trigger i { color: #535353 !important; margin: 0; font-size: 27px; }
.theme-red .products-page .card-header .dropdown-content { top: 34px !important; }
.theme-red .products-page .card .card-header { position: relative; padding-left: 45px; padding-right: 10px; }
.theme-red .products-page .card .card-header .btn-floating { position: absolute; top: 4px; left: -10px; font-size: 24px; font-weight: 500; height: 40px; width: 40px; line-height: 40px; }
.theme-red .products-page .card .card-content .card-title { font-size: 14px; font-weight: 400; line-height: 24px; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.theme-red .products-page .card .card-content p { font-size: 12px; line-height: 23px; }
.theme-red .products-page .card .card-action { padding: 15px 14px; }
.theme-red .products-page .card .card-action a { margin: 0 0 0 15px !important; font-size: 14px; }
.theme-red .products-page .dropdown-content { width: 194px !important; font-weight: 400; overflow: visible; }
.theme-red .products-page .dropdown-content li { min-height: 1px; position: relative; }
.theme-red .products-page .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; }
.theme-red .products-page .dropdown-content i { right: auto; left: 18px; top: 6px; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; }
.theme-red .products-page .dropdown-content li i { display: none; }
.theme-red .products-page .dropdown-content li > a, .theme-red .products-page .dropdown-content li > span { font-size: 14px; color: #202124; }
.theme-red .products-page .dropdown-content li:hover a, .theme-red .products-page .dropdown-content li span { color: #959595; }
.theme-red .products-page .dropdown-content li.current-action i { display: block; }
.theme-red .products-page .pagination { width: 100%; }
.theme-red .products-page .pagination span { color: rgba(0, 0, 0, 0.654) !important; font-size: 12px; }
.theme-red .products-page .pagination .btn-flat { margin: 0 0 0 6px; height: 40px; min-width: 0; line-height: 24px; padding: 8px; width: 40px; }
.theme-red .products-page .pagination .btn-flat + .btn-flat { margin: 0 6px 0 0; }
.theme-red .products-page .dropdown-content li.labelcolor { margin: 8px 0; border-radius: 0; }
.theme-red .products-page .dropdown-content li.labelcolor ul { display: block; width: 236px !important; }
.theme-red .products-page .dropdown-content li.labelcolor:hover ul { display: block; right: auto; left: 100% !important; opacity: 1; }
.theme-red .products-page .dropdown-content li.labelcolor .label { padding: 6px 40px 6px 20px; /*font-weight: 300;*/ line-height: 20px; font-size: 14px; color: #5f6368; margin-top: 6px; }
.theme-red .products-page .dropdown-content li.labelcolor .label:hover { background: transparent; cursor: default; }
.theme-red .products-page .dropdown-content li.labelcolor .material-icons { display: block; right: 15px; left: auto; }
.theme-red .products-page .dropdown-content li.labelcolor:hover .material-icons { color: #202124; }
.theme-red .products-page .dropdown-content li.labelcolor .color-picker-inner { padding: 0 46px 18px; margin-top: 0; font-size: 0; line-height: 0; }
.theme-red .products-page .dropdown-content li.labelcolor .color-picker-inner:hover { background: transparent; }
.theme-red .products-page .dropdown-content li.labelcolor .pick-color-selected { right: auto; left: 15px; top: 5px; position: absolute; }
.theme-red .products-page .dropdown-content li.labelcolor .pick-color-selected, .theme-red .products-page .dropdown-content li.labelcolor .color-picker-inner .pick-color { padding: 0; display: inline-block; text-decoration: none; color: #202124; font-size: 15px; border-radius: 50%; width: 20px; line-height: 20px; text-align: center; margin: 2px; }
.theme-red .products-page .dropdown-content li.labelcolor a { text-decoration: none; color: #202124; font-weight: 400; }
.theme-red .products-page .dropdown-content li.labelcolor .add-color { margin-top: 10px; }
.theme-red .products-page .dropdown-content li.labelcolor .remove-color { margin-bottom: 5px; }
.theme-red .products-page .dropdown-content li.labelcolor.add-color a, .theme-red .products-page .dropdown-content li.labelcolor.remove-color a { padding: 6px 46px; line-height: 20px; }
.theme-red #showLess, .theme-red #loadMore { padding-left: 20px; height: 32px; line-height: 32px; width: calc(100% - 10px); position: absolute; left: 0; bottom: 8px; color: #959595; font-size: 14px; cursor: pointer; border-radius: 0 16px 16px 0; }
.theme-red #showLess:hover, .theme-red #loadMore:hover { background: #f1f3f4; }
.theme-red #showLess i, .theme-red #loadMore i { position: relative; top: 5px; margin-right: 8px; left: -4px; }
.theme-red #showLess em, .theme-red #loadMore em { position: relative; top: -2px; font-style: normal; }
.theme-red .my-product-v2 { background: #fafafa; }
.theme-red .my-product-v2 div.my-products-right-panel { padding: 0; }
.theme-red .my-product-v2 .my-products-right-panel nav { /*box-shadow: none;*/ border-bottom: 1px solid #e0e0e0; margin: 0; height: 64px; line-height: 64px; }
.theme-red .my-product-v2 .my-products-right-panel .my-products-right-panel-inner { padding: 0 20px; }
.theme-red .my-product-v2 .my-products-right-panel .header-row { margin: 20px 5px 0; }
.theme-red .my-product-v2 .my-products-right-panel .header-row2 { margin: 10px 5px 0; }
.theme-red .my-product-v2 .my-products-right-panel .header-row a { padding: 6px 16px; font-weight: 300; }
.theme-red .my-product-v2 .my-products-right-panel h6 { font-size: 16px; color: rgba(0, 0, 0, 0.654); font-weight: 400; margin: 0; padding: 6px 0; line-height: 24px; }
.theme-red .my-product-v2 .card-box { padding: 0 5px 10px; }
.theme-red .my-product-v2 .card-box .card-footer { margin: 10px 0 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.theme-red .my-product-v2 .card-box .card-footer a { font-size: 12px; letter-spacing: -0.2px; }
.theme-red .my-product-v2 .card-box .card-footer a + a { margin-left: 5px; border: 1px solid #d3d3d3; padding: 5px 10px; color: #d5d5d5; }
.theme-red .my-product-v2 .card.selected-card { background-color: #d6d6d6 !important; }
.theme-red .my-product-v2 .card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }
.theme-red .my-product-v2 .card.selected-card, .theme-red .my-product-v2 .card-box .card:hover, .theme-red .my-product-v2 .card-box .card:focus { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
.theme-red .my-product-v2 .card-logo img { max-width: 100%; vertical-align: middle; max-height: 100%; }
.theme-red .my-product-v2 .card { height: 315px; margin: 0; position: relative; background-color: #fff; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); padding: 0 0 16px 0; transition: box-shadow 200ms; width: 230px; cursor: default !important; display: inline-block; }
.theme-red .my-product-v2 .card.no-resellers-available { height: auto; margin: 20px 0; padding: 0; text-align: center; }
.theme-red .my-product-v2 .card.no-resellers-available p { padding: 8px 20px; }
.theme-red .my-product-v2 .card h3 { font-size: 15px; line-height: 21px; max-height: 42px; margin: 6px 0 8px; padding: 0 20px; }
.theme-red .my-product-v2 .card h4 { color: rgba(0, 0, 0, 0.654); font-size: 13px; font-weight: 300; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -8px 0 8px; bottom: -5px; padding: 0 20px; }
.theme-red .my-product-v2 .card p { font-size: 13px; line-height: 20px; margin: 5px 0 0; max-height: 60px; height: 40px; overflow: hidden; color: rgba(0, 0, 0, 0.654) !important; padding: 0 20px; }
.theme-red .my-product-v2 .card dl { bottom: 0; font-size: 13px; left: 0; line-height: 20px; padding: 0 20px 16px; position: absolute; vertical-align: baseline; margin: 0; width: 100%; }
.theme-red .my-product-v2 .card dl dt { display: inline-block; margin: 0; font-weight: 500; }
.theme-red .my-product-v2 .card dl dd { display: inline-block; margin: 0; color: rgba(0, 0, 0, 0.654) !important; }
.theme-red .my-product-v2 .banner-content { background: url(../images/pulish-banner.jpg) 0 bottom no-repeat; height: 278px; background-size: 100% auto; position: relative; }
.theme-red .my-product-v2 .banner-content .btn { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -87px; }
.theme-red .create-templates .create-templates-nav { /*height: auto;*/ margin: 0; }
.theme-red .create-templates .create-templates-tabs { width: 100%; }
.theme-red .create-templates .create-templates-tabs .tabs { width: auto; float: left; padding: 0 15px; }
.theme-red .create-templates .create-templates-tabs .btn { margin: 6px 20px 6px 0; }
.theme-red .create-templates .no-product-available { padding: 15px; }
.theme-red .create-templates.products-page .my-products-right-panel { padding-top: 52px; }
.theme-red .create-templates .distributor li { line-height: 36px; }
.theme-red .create-templates .distributor li a { color: #9e9e9e; line-height: 18px; font-size: 14px; min-height: 36px; display: flex; display: -webkit-flex; align-items: center; font-weight: 400; }
.theme-red .create-templates .distributor li a.active { color: #202124; }
.theme-red .create-templates .distributor li label span { height: auto; line-height: 24px; font-size: 14px; }
.theme-red .create-templates .distributor li.active a, .theme-red .create-templates .filter-box.filter-by { border: 0; }
.theme-red .create-templates .filter-box.filter-by li, .theme-red .create-templates .filter-box.filter-by li a { line-height: 36px; height: 36px; }
.theme-red .create-templates .hidden-layer { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #fff; font-size: 28px; text-transform: uppercase; justify-content: center; display: flex; display: -webkit-flex; align-items: center; }
.theme-red .marketplace-btns { /*margin: 5px 0;*/ justify-content: flex-end; margin-bottom: 0; }
.theme-red .create-templates-nav a.btn, .theme-red .marketplace-btns a { margin: 10px 20px; height: 33px; line-height: 33px; padding: 0 10px; font-size: 13px; background-color: transparent; }
.theme-red .create-templates-nav a.btn.req_contract_btn, .theme-red .marketplace-btns a.req_contract_btn { background-color: #1bb7c2; }
.theme-red .create-templates-nav a.btn.create-product-btn, .theme-red .marketplace-btns a.create-product-btn { background-color: #1bb7c2; }
.theme-red .supplier-nav a { color: #202124; }
.theme-red .supplier-sidenav { top: 183px; }
.theme-red .supplier-onbaording { padding: 30px 0; }
.theme-red .supplier-onbaording .card-box { margin: 0 0 25px !important; }
.theme-red .supplier-onbaording .card { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; }
.theme-red .supplier-onbaording .card .card-action { -ms-flex-item-align: end; align-self: flex-end; width: 100%; }
.theme-red .supplier-onbaording .card .card-content { width: 100%; }
.theme-red .supplier-onbaording .card .card-image .card-title { position: static; padding: 24px 24px 0; display: block; }
.theme-red .supplier-onbaording .card .price { font-size: 1.3rem; }
.theme-red .supplier-onbaording .tabs { background: transparent; bottom: -2px; }
.theme-red .supplier-onbaording .tabs-btm-border { border-bottom: 2px solid #9e9e9e; margin: 10px 0; }
.theme-red .parallax { height: auto; overflow: hidden; }
.theme-red .supplier-onboarding2 { margin: 30px 0; }
.theme-red .supplier-onboarding2 h3 { margin-bottom: 50px; }
.theme-red .bg-dark-iris { background: #00737d; }
.theme-red .supplier-onboarding2 .row-flex { justify-content: center; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card-box-v2 { height: 100%; border-radius: 10px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.theme-red .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card { margin: 0; border-radius: 10px; }
.theme-red .supplier-onboarding2 .row-flex .card-box { margin: 0 10px 15px; width: 100%; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card { height: 100%; width: 100%; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card .card-image { padding: 36px 24px 0; }
.theme-red .supplier-onboarding2 .row-flex .card .card-title { font-weight: 500; color: #535353 !important; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card img { max-width: 60px; display: inline-block; min-height: 70px; }
.theme-red .supplier-detail { /*background: url(../images/patteran-bg.jpg) 0 0 repeat;*/ background: #202124; min-height: 100vh; }
.theme-red .supplier-detail h5 { border-bottom: 1px solid #9e9e9e; padding: 47px 0 21px; font-size: 31px; }
.theme-red .supplier-detail form { padding-right: 60px !important; padding-left: 100px !important; }
.theme-red .step-1 .main-row-flex { margin: 0; width: 100%; }
.theme-red .step-1 .main-row-flex .xl7, .theme-red .step-1 .main-row-flex .xl5 { height: 100vh; }
.theme-red .step-1 .main-row-flex, .theme-red .supplier-detail .main-row-flex { min-height: 100vh; }
.theme-red .supplier-detail .company-details-info { position: relative; padding-left: 40px; }
.theme-red .supplier-detail .company-details .edit-icon { position: relative; top: 3px; cursor: pointer; }
.theme-red .supplier-detail .chechbox-with-info { position: relative; padding-left: 40px; }
.theme-red .supplier-detail .chechbox-with-info + .invalid.form-error { margin: 0 0 0 45px; float: left; width: calc(100% - 45px); }
.theme-red .supplier-detail .company-details-info p { margin: 0 0 15px; }
.theme-red .supplier-detail .company-details-info i, .theme-red .supplier-detail .chechbox-with-info label { position: absolute; left: 15px; top: 3px; }
.theme-red .supplier-detail .company-details-info i { position: absolute; left: 0; top: 3px; }
.theme-red .supplier-detail h6 { font-weight: 400; position: relative; padding-right: 30px; }
.theme-red .supplier-detail h6 .info-click { position: absolute; right: 0; top: 0; }
.theme-red .supplier-detail h6 .info-click i { position: static; }
.theme-red .supplier-detail .info-click img { height: 20px; position: relative; top: 3px; }
.theme-red .supplier-detail .company-details h6 .info-click { position: absolute; right: 0; top: -1px; }
.theme-red .supplier-detail .custom-browse { margin: 0 0 20px; }
.theme-red .supplier-detail .company-details { border-bottom: 1px solid #9e9e9e; margin: 0 0 15px; }
.theme-red .supplier-detail .company-details .m6 { padding-left: 0; }
.theme-red .supplier-detail .finalize-acount, .theme-red .supplier-detail .section-point-sale, .theme-red .supplier-detail .section-why-do, .theme-red .supplier-detail .company-detail { margin: 0 0 20px; }
.theme-red .supplier-detail .form-footer { margin-bottom: 15px; margin-top: 40px; padding-right: 26px; }
.theme-red .supplier-detail .section-point-sale .chechbox-with-info + .invalid.form-error { float: left; width: 100%; }
.theme-red .company-details h6 { margin: 0; }
.theme-red .finalize-acount h6, .theme-red .section-point-sale h6, .theme-red .section-why-do h6 { margin: 0 0 20px; }
.theme-red .company-detail { display: none; }
.theme-red .company-detail .select-wrapper input.select-dropdown { color: rgba(0, 0, 0, 0.87); }
.theme-red .company-detail.company-detail-expanbed { display: block; }
.theme-red .supplier-detail #preview-image { max-width: 150px; }
.theme-red .section-point-sale p, .theme-red .section-why-do p { margin: 0; }
.theme-red .supplier-detail .modal { max-width: 440px; width: 100%; border: 2px solid #202124; box-shadow: 0 0 3px #202124; }
.theme-red .home-main footer { padding: 6px 0 15px; border-top: 1px solid rgba(0, 0, 0, 0.2); background: #fbfbfb; }
.theme-red .home-main footer .row .m3 { width: 100%; float: right; }
.theme-red .home-main footer h3 { font-size: 18px; }
.theme-red .home-main footer li { margin: 0 0 5px; }
.theme-red .home-main footer a { font-size: 14px; color: rgba(0, 0, 0, 0.87); }
.theme-red .home-main footer span { font-size: 14px; color: rgba(0, 0, 0, 0.87); cursor: default; }
.theme-red .home-main footer a:hover { text-decoration: underline; }
.theme-red .priohub-body-hidden { overflow: hidden !important; }
.theme-red .priohub-body-hidden .main-content, .theme-red .priohub-body-hidden footer, .theme-red .priohub-body-hidden .marketplace-btns, .theme-red .priohub-body-hidden .filters-bar { display: none !important; }
.theme-red .iframe-parent { position: absolute; z-index: 9; top: 64px; width: 100%; min-height: 100%; left: 0; /*bottom: 0;*/ }
.theme-red .iframe-parent iframe { max-height: calc(100vh - 64px); height: 1500px; }
.theme-red .iframe-parent.angular { top: 0; }
.theme-red #create-ticket-iframe.iframe-parent { padding: 0 0 0 272px; }
.theme-red .iframe-parent.angular iframe { max-height: calc(100vh - 0px); height: 1500px; }
.theme-red #deleteTicket .modal-content p { margin: 0; }
.theme-red .combi-products nav { height: auto; }
.theme-red .combi-products .backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 8px 0 0; font-size: 14px; }
.theme-red .combi-products .backto-priomarket a { margin: 4px 25px; }
.theme-red .combi-products .combi-product-tabs { width: auto; padding: 0 5px; margin: 16px 0 0; max-width: 100%; }
.theme-red .combi-products .combi-product-tabs li { max-width: 33%; }
.theme-red .combi-products .combi-product-tabs a { color: #535353; }
.theme-red .combi-products .combi-product-tabs .tabs .tab a:hover, .theme-red .combi-products .combi-product-tabs .tabs .tab a.active { color: #212121; }
.theme-red .combi-products nav .btn { margin: 17px 20px 0 0; }
.theme-red .create-templates.products-page .combi-products .my-products-right-panel { padding-top: 0; padding-right: 0; }
.theme-red .combi-products .my-products { padding: 40px 20px 0; }
.theme-red .combi-products .sidebar { width: 200px; }
.theme-red .combi-products .products-tab .sidebar { width: 300px; }
.theme-red .combi-products .sidebar img { margin-bottom: 30px; }
.theme-red .combi-products .sidebar .links a { margin: 0; font-size: 13px; line-height: 20px; }
.theme-red .combi-products .sidebar dt, .theme-red .combi-products .sidebar dd { margin: 0; padding: 0; }
.theme-red .combi-products .sidebar dt { font-size: 13px; line-height: 20px; font-weight: 500; }
.theme-red .combi-products .sidebar dd { font-size: 13px; color: rgba(0, 0, 0, 0.654); margin-bottom: 12px; line-height: 20px; }
.theme-red .combi-products .sidebar a { color: #202124; text-decoration: none; word-wrap: break-word; }
.theme-red .combi-products #ResellerProfile { max-width: 800px; }
.theme-red .combi-products #ResellerProfile h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); margin: -7px 0 25px; bottom: -4px; font-weight: 500; }
.theme-red .combi-products #ResellerProfile p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }
.theme-red .solution-detail-content a { font-size: 13px; line-height: 20px; letter-spacing: normal; cursor: pointer; color: #202124; }
.theme-red .external-link-wrapper { margin-left: -3px; white-space: nowrap; }
.theme-red .external-link-icon { display: inline-block; height: 3px; position: relative; }
.theme-red .external-link .external-link-icon { height: 9px; width: 9px; margin-left: 6px; margin-right: 3px; }
.theme-red .external-link .external-link-icon span:before, .theme-red .external-link .external-link-icon span:after { content: ""; display: block; position: absolute; }
.theme-red .external-link .external-link-icon span { position: absolute; display: block; margin: auto; }
.theme-red .external-link .external-link-icon span:nth-child(1) { border-left-width: 1px; border-bottom-width: 1px; height: 9px; width: 9px; top: 0; bottom: 0; }
.theme-red .external-link .external-link-icon span:nth-child(1):before { width: 2px; top: 0; left: 0; border-top-width: 1px; }
.theme-red .external-link .external-link-icon span:nth-child(1):after { height: 2px; bottom: 0; right: 0; border-right-width: 1px; }
.theme-red .external-link .external-link-icon span:nth-child(2) { border-top-width: 1px; border-right-width: 1px; height: 5px; width: 5px; top: -2px; right: -2px; }
.theme-red .external-link .external-link-icon span:nth-child(2):before { height: 7px; top: -1px; right: 2px; border-right-width: 1px; -moz-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.theme-red .external-link .external-link-icon span, .theme-red .external-link .external-link-icon span:before, .theme-red .external-link .external-link-icon span:after { border-color: rgba(0, 0, 0, 0.54); border-style: solid; border-width: 0; }
.theme-red #Products .card { margin-bottom: 50px; }
.theme-red #Products .card .card-header { padding-left: 45px; }
.theme-red #Products .card .card-content { padding: 10px 20px; }
.theme-red #Products .card .card-header label { position: absolute; left: 5px; top: 2px; }
.theme-red #Products .card .card-header .product-id { position: absolute; top: 3px; right: 0; font-size: 12px; }
.theme-red #Products .card-box .card .card-content .card-title { max-width: calc(100% - 45px); }
.theme-red #Products .card-box .tags { padding: 15px 15px 0; }
.theme-red #Products .card-box .tags .btn { background: #dedede !important; color: rgba(0, 0, 0, 0.87); margin: 0 5px 10px; box-shadow: none; border-radius: 20px; font-size: 12px; line-height: 32px; height: 32px; }
.theme-red #Products .card .card-action { padding: 10px 15px; }
.theme-red #Products .card .card-action a { padding: 5px 4px; }
.theme-red .my-products.reseller-profile .sidenav, .theme-red .my-products.products-tab .sidebar { display: none; }
.theme-red .priohub-front header { display: none; }
.theme-red .priohub-front .supplier-onboarding2 { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }
.theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, .theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }
.theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }
.theme-red #createproduct.modal .modal-content { padding: 24px 42px 0 42px; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content { padding: 5px 24px 40px; }
.theme-red .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content .body2.grey-text { font-size: 15px; }
.theme-red .supplier-onboarding2 .white-text { margin-bottom: 55px; font-size: 28px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.75); font-weight: bold; }
.theme-red .mdc-dialog__header #mdc-dialog-default-label { padding-top: 20px; }
.theme-red #register .select-wrapper { display: block; }
.theme-red #register .select-wrapper .dropdown-content { overflow: auto !important; max-height: 200px; height: auto !important; }
.theme-red #register .select-wrapper .dropdown-content:after { display: none; }
.theme-red .register-success .main-content { min-height: 100vh; }
.theme-red .register-success .h6 { margin: 30px 0 20px; }
.theme-red .register-success .mdc-dialog { min-height: calc(100vh - 20px); margin: 0; }
.theme-red .register-success .verification { margin: 30px 0 20px; font-weight: 400; }
.theme-red .register-success .register-successfull img { height: 60px; width: auto; margin: 0 0 50px; position: relative; left: -23px; }
.theme-red .alert-box .alert-box-inner { padding: 0 !important; }
.theme-red .alert-box .alert-box-inner img { height: 100px; }
.theme-red .alert-box .alert-box-inner .alert-content { padding: 24px; }
.theme-red .alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }
.theme-red .alert-box .alert-box-inner .alert-content .body1, .theme-red .alert-box .alert-box-inner .alert-content .body2 { font-size: 13px; line-height: 17px; }
.theme-red .alert-box .alert-box-inner .alert-content .body2 { margin: 15px 0 20px; }
.theme-red .category-logo { text-align: center; margin-top: 50px; }
.theme-red .category-logo img { max-width: 150px; }
.theme-red .category-logo .logo-2 { margin-top: 30px; }
.theme-red .distributors-right-panel.ticket-details-information { width: 100%; }
.theme-red .distributors-right-panel.ticket-details-information .email-info { padding: 10px 40px; }
.theme-red .distributors-right-panel.ticket-details-information .email-info li { list-style: circle; }
.theme-red .distributors-right-panel.ticket-details-information .email-info p { font-weight: 500; margin: 0 0 5px 0; }
.theme-red .supplier-detail .section-point-sale .chechbox-with-info { margin-bottom: 20px; padding-right: 0; }
.theme-red .supplier-detail .section-point-sale .chechbox-with-info .subtitle1 { letter-spacing: -0.2px; }
.theme-red .desktop_pos .input:disabled { color: #202124 !important; }
.theme-red .desktop_pos [type="checkbox"].filled-in:disabled:checked + span:not(.lever)::after { background-color: #202124 !important; border-color: #202124 !important; }
.theme-red .products-modal { max-height: 80%; width: 100%; max-width: 510px; }
.theme-red .products-modal .tickets-list { margin-top: 20px; }
.theme-red .products-modal .single-ticket { padding: 0; }
.theme-red .products-modal .model-heading { margin-bottom: 50px; }
.theme-red .products-modal p.subtitle1 { margin-top: 10px; }
.theme-red .products-modal p { margin: 0; }
.theme-red .products-modal .confirm { margin-top: 40px; }
.theme-red .products-modal .modal-footer { padding: 24px 45px; height: auto; }
.theme-red .products-modal-2 .modal-content { padding: 24px 36px; }
.theme-red .products-modal-2 .chechbox-with-info { padding-left: 35px; position: relative; }
.theme-red .products-modal-2 .chechbox-with-info .h6 { font-size: 16px; }
.theme-red .products-modal-2 .chechbox-with-info label { position: absolute; left: 0; }
.theme-red .products-modal-2 .subtitle1 { font-size: 14px; line-height: 18px; }
.theme-red .no-nav .my-products-right-panel { padding-top: 30px !important; }
.theme-red .no-nav.publish-request .my-products-right-panel { padding-top: 0 !important; }
.theme-red .no-nav .marketplace-btns { display: none !important; }
.theme-red #request_email_sent .alert-box { margin: 200px auto 0; max-width: 300px; }
.theme-red #request_email_sent img { height: 60px; width: auto; margin: 0; position: relative; left: -18px; }
.theme-red #request_email_sent span { display: block; margin: 0 0 20px; font-weight: 400; font-size: 1.25rem; line-height: 2rem; color: #535353; text-align: center; }
.theme-red #request_email_sent span.red-text { display: inline; }
.theme-red .approval-board table.highlight { margin: 0; }
.theme-red .approval-board table.highlight thead th { background: #fafafa; border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
.theme-red .approval-board table.highlight td { padding: 12px 5px; }
.theme-red .approval-board table.highlight th:first-child, .theme-red .approval-board table.highlight td:first-child { padding-left: 10px; }
.theme-red .approval-board table.highlight th.th-id { width: 80px; min-width: 80px; }
.theme-red .approval-board table.highlight th.th-ticket { width: 190px; min-width: 190px; }
.theme-red .approval-board table.highlight th.th-service { width: 100px; min-width: 190px; }
.theme-red .approval-board table.highlight th.th-status { min-width: 100px; }
.theme-red .approval-board .status-parent { position: relative; display: inline-block; padding-right: 30px; }
.theme-red .approval-board .highlight th .status-parent i { top: 0; right: 0; position: absolute; }
.theme-red .approval-board .status-parent em { position: absolute; background: #f44336; top: -5px; right: -10px; border-radius: 9px; color: #fff; font-style: normal; font-size: 10px; width: 20px; height: 16px; line-height: 16px; text-align: center; }
.theme-red .approval-board .distributors-right-panel { width: 100%; }
.theme-red .datatable-scroll { overflow: auto; }
.theme-red #createproduct.modal.pending-approval { color: #b00020; border: 1px solid #fff; max-width: 280px; top: 32% !important; }
.theme-red #createproduct.modal.pending-approval .modal-content { padding: 14px 30px 17px !important; text-align: center; }
.theme-red #createproduct.modal.pending-approval .modal-content i { position: relative; top: 6px; left: -10px; }
.theme-red #doit.modal { width: 700px; z-index: 99999 !important; top: 25% !important; border-radius: 10px; }
.theme-red #doit.modal .modal-content { padding: 40px 40px 0; }
.theme-red #doit.modal .modal-content .modal-content-inner { margin-bottom: 40px; }
.theme-red #doit img { height: 30px; margin: 0 0 25px; }
.theme-red #doit strong { display: block; font-size: 18px; }
.theme-red #doit .z-depth-1 { padding: 45px 30px 30px; height: 100%; cursor: pointer; display: flex; display: -webkit-flex; align-items: flex-end; flex-wrap: wrap; }
.theme-red #doit .topsection { align-self: flex-start; }
.theme-red #doit .option_selection.active .z-depth-1 { background-color: #f1f1f1 !important; }
.theme-red #doit .topsection p { line-height: 20px; margin: 10px 0 45px 0; font-size: 14px; }
.theme-red #doit a { font-size: 14px; }
.theme-red #doit.modal .modal-footer { padding: 4px 51px; }
.theme-red .publish-confrimation { max-width: 1400px; margin: 50px auto; }
.theme-red .publish-confrimation h3 { margin: 70px 0 100px; }
.theme-red .publish-confrimation strong { display: block; margin: 15px 0; }
.theme-red .publish-confrimation .step-no { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #202124; color: #fff; }
.theme-red .confrimation-middle { margin: 0 0 150px; }
.theme-red .requested-confirmation { max-width: 960px; margin: 15px auto; display: flex; align-items: center; height: calc(100vh - 94px); }
.theme-red .requested-confirmation .btns { margin: 30px 0; }
.theme-red .requested-confirmation .btns .btn { margin: 0 10px; }
.theme-red .requested-confirmation .btns .btn-flat { border: 1px solid #202124; }
.theme-red .requested-confirmation .request-bottom-text { max-width: 620px; margin: 0 auto; }
.theme-red .priomarket-dashboard { max-width: 960px; margin: 50px auto; }
.theme-red .priomarket-dashboard h3 { margin: 60px 0 60px; }
.theme-red .priomarket-dashboard .pd-box .z-depth-1 { padding: 25px; height: 100%; display: flex; flex-wrap: wrap; }
.theme-red .priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom { align-self: flex-end; width: 100%; }
.theme-red .priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom .btn-flat { text-transform: uppercase; }
.theme-red .priomarket-dashboard .pd-bottom { padding: 10px 15px; }
.theme-red .new-dashboard .step-list { margin: 30px 0 50px; }
.theme-red .new-dashboard .step-list li { display: inline-block; }
.theme-red .new-dashboard .step-list li.active .step-no { background: #fff; color: rgba(0, 0, 0, 0.87); }
.theme-red .new-dashboard .step-list li.done .step-no { color: rgba(0, 0, 0, 0.87); font-size: 0; }
.theme-red .new-dashboard .step-list li.done .step-no i { display: block; font-size: 22px; line-height: 24px; margin: 0; }
.theme-red .new-dashboard .step-list .step-no { height: 24px; width: 24px; text-align: center; float: left; border-radius: 50%; background: #202124; margin: 0 15px 0 5px; }
.theme-red .new-dashboard .step-list em { height: 1px; background: #202124; display: inline-block; width: 150px; position: relative; top: -3px; }
.theme-red .new-dashboard .publish-request { border: 1px solid #d1d1d1; max-width: 960px; margin: 50px auto; }
.theme-red .new-dashboard .publish-request .row-flex { margin: 0; }
.theme-red .new-dashboard .request-box { border-left: 1px solid #d1d1d1; padding-right: 0; }
.theme-red .new-dashboard .request-box .nd-request { font-size: 0; }
.theme-red .new-dashboard .publish-request .col { padding-left: 20px; padding-top: 10px; }
.theme-red .new-dashboard .publish-request p { max-width: 285px; }
.theme-red .new-dashboard .publish-request .learn-more { line-height: 24px; display: inline-block; }
.theme-red .new-dashboard .nd-publish { margin: 0 10px 10px 0; }
.theme-red .my-products-right-panel .no-products { padding: 10px; }
.theme-red .ticket-details { padding-top: 40px; color: #535353; }
.theme-red .ticket-details h5 { font-size: 22px; margin-bottom: 30px; }
.theme-red .ticket-details .label { font-size: 15px; }
.theme-red .ticket-details p.desc { color: #a6a6a6; margin: 0; padding-left: 40px; font-size: 15px; }
.theme-red .ticket-details p.desc-1 { color: #a6a6a6; padding-left: 40px; font-size: 15px; }
.theme-red .email-sent { background: #fbfbfb; width: 100%; }
.theme-red .email-sent .email-sent-top { background: #00737d; padding: 40px 20px; }
.theme-red .email-sent .email-sent-top i { border-radius: 50%; display: inline-block; padding: 5px; font-size: 35px; }
.theme-red .email-sent .email-sent-top p { padding: 20px 0 10px; margin: 0; }
.theme-red .email-sent .email-sent-middle { margin: 50px 0; min-height: calc(100vh - 450px); }
.theme-red .email-sent .email-sent-middle .product-detail-box { max-width: 360px; margin: 0 auto; display: block; min-height: 200px; }
.theme-red .email-sent .email-sent-middle .product-detail-box strong { display: block; padding: 10px 15px; font-weight: normal; }
.theme-red .email-sent .email-sent-middle .product-detail-box ul { margin: 0; padding: 20px 15px; color: rgba(0, 0, 0, 0.87); }
.theme-red .email-sent .email-sent-middle .product-detail-box ul li { text-transform: uppercase; padding: 5px 0 5px 25px; position: relative; }
.theme-red .email-sent .email-sent-middle .product-detail-box ul li i { position: absolute; top: 5px; font-size: 18px; left: 0; }
.theme-red .email-sent .email-sent-bottom .email-sent-bottom-inside { margin: 0 auto; padding: 20px 15px; max-width: 520px; }
.theme-red .email-sent .email-sent-bottom .email-sent-bottom-inside .row-flex { align-items: center; }
.theme-red .email-sent .email-sent-bottom .email-sent-bottom-inside p { margin: 0; }
.theme-red .header.privacy-policy { width: 100%; height: auto; background-color: #202124 !important; margin-bottom: 50px; }
.theme-red .header.privacy-policy .container { position: relative; display: flex; }
.theme-red .privacy-policy .policy-heading { padding: 100px 0; color: #fff; font-weight: 400; margin: 0; max-width: 60%; font-size: 50px; }
.theme-red .privacy-policy .policy-img { z-index: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; max-width: 100%; max-height: 100%; padding: 6px 0; }
.theme-red .privacy-policy-content .title { margin-top: 18px; font-size: 24px; line-height: 28px; color: #5f6368; text-transform: uppercase; }
.theme-red .privacy-policy-content .title.text-center { margin: 100px 0 60px; font-size: 30px; line-height: 40px; }
.theme-red .privacy-policy-content .paragraph { margin-top: 10px; font-size: 18px; line-height: 24px; color: #8d8d8d; }
.theme-red .privacy-policy-page .page-container { padding: 0; }
.theme-red .terms-and-condition-page .page-container { padding: 0; }
.theme-red .terms-and-condition-page .sub-title { margin-top: 30px; font-size: 20px; color: #5f6368; margin-bottom: 0; }
.theme-red .distributor-salesaccount { margin: 30px calc(74px - 0.75rem); }
.theme-red .distributor-salesaccount .col { max-width: 340px; margin-left: 0 !important; margin-bottom: 20px; }
.theme-red .distributor-salesaccount .z-depth-1 { display: flex; align-items: flex-end; flex-wrap: wrap; }
.theme-red .distributor-salesaccount .z-depth-1 .box-top { align-self: flex-start; width: 100%; }
.theme-red .distributor-salesaccount .z-depth-1 .bottom-btns { width: 100%; }
.theme-red .distributor-nav2 a.go_back { margin: 8px 20px 0 25px; }
.theme-red .distributor-nav2 .xs-tabs { padding-top: 16px; }
.theme-red .distributor-nav2 .xs-tabs a, .theme-red .distributor-nav2 .xs-tabs a.active { color: rgba(0, 0, 0, 0.87); }
.theme-red .my-product-v2.resellers-selection .card-box:hover .overlay { background: #000; position: absolute; width: 100%; height: 100%; opacity: 0.6; }
.theme-red .my-product-v2.resellers-selection .card-box .overlay-content { display: none; }
.theme-red .my-product-v2.resellers-selection .card-box:hover .overlay-content { position: absolute; top: calc(50% - 45px); left: 30%; display: block; }
.theme-red .my-product-v2.resellers-selection .card-box:hover .overlay-content i { display: block; text-align: center; color: #fff; font-size: 50px; }
.theme-red .my-product-v2.resellers-selection .card-box:hover .overlay-content span { color: #fff; font-size: 25px; }
.theme-red .resellers-list .card-box { padding: 0 10px 10px; }
.theme-red .resellers-list .card { height: 270px; }
.theme-red .resellers-list h5 { margin-bottom: 30px; }
.theme-red .resellers-list .no-result .card { height: auto; padding: 10px; text-align: center; }
.theme-red .merchant-list h5 { margin-bottom: 30px; }
.theme-red .merchant-list .card { height: 270px; }
.theme-red .merchant-list card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }
.theme-red .statement-nav .tab a { font-weight: 600 !important; color: #000000; }
.theme-red .company-info h5 { margin-bottom: 30px; }
.theme-red .company-info .row { margin-bottom: 5px; }
.theme-red .company-info .input-field { margin: 0; }
.theme-red .company-info .input-field input, .theme-red .company-info .input-field textarea, .theme-red .company-info .input-field .select-wrapper { border: 1px solid #ebebeb !important; height: 2rem; padding: 0 5px; min-height: 2rem; border-radius: 5px; resize: auto; }
.theme-red .company-info .input-field textarea { min-height: 4rem; }
.theme-red .company-info .input-field .select-wrapper { margin-bottom: 8px; padding: 0; }
.theme-red .company-info .input-field .select-wrapper .caret { border-left: 1px solid #ebebeb; text-align: center; width: 40px; margin: 0; height: 100%; }
.theme-red .company-info .input-field .select-wrapper input { border: none !important; height: 2rem; padding: 0; }
.theme-red .company-info .textarea { padding-right: 0; }
.theme-red .company-info .label { position: relative; top: 7px; font-size: 13px; color: #949494; font-weight: 500; }
.theme-red .company-info .input-right-icon { position: absolute; right: -11px; top: 1px; padding: 4px 7px; background: #202124; color: #fff; z-index: 999; cursor: pointer; }
.theme-red .company-info .button { margin-top: 20px; font-size: 12px; line-height: 34px; }
.theme-red .company-info .switch { position: relative; top: 5px; }
.theme-red #notification_bar { position: absolute; bottom: 40px; padding: 0 15px; }
.theme-red #notification_bar .notification-message { display: flex; align-items: center; }
.theme-red #notification_bar .notification-message i { color: #202124; font-size: 40px; position: absolute; }
.theme-red #notification_bar .notification-message .notification-message-inner { padding-left: 60px; }
.theme-red #notification_bar .notification-message .notification-message-inner h4 { font-size: 20px; color: #202124; }
.theme-red .home-main .sales-accounts { max-width: 1636px; margin: 65px auto 0; }
.theme-red .home-main .sales-accounts h5 { font-family: "Roboto", sans-serif; font-weight: 400; margin: 0 auto 30px; max-width: 1636px; color: #5b5b5b; font-size: 24px; line-height: 29px; }
.theme-red .home-main .sales-accounts .row.row-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.theme-red .home-main .sales-accounts .section-inside-h5 { max-width: 350px; margin: 0 auto; }
.theme-red .home-main .sales-accounts .section-inside { max-width: 350px; margin: 0 auto; }
.theme-red .suppliers6-parent { height: auto !important; }
.theme-red .suppliers6 { margin: 35px auto 0; padding: 0 0 25px; color: #fff; max-width: 1636px; }
.theme-red .suppliers6 .section-inside { margin: 0 auto; max-width: 302px; }
.theme-red .suppliers6 .label-head { display: flex; font-size: 24px; line-height: 29px; position: relative; padding-left: 60px; }
.theme-red .suppliers6 .label-head img { position: absolute; top: 2px; left: 0; max-width: 24px; }
.theme-red .suppliers6 ul { background: #202124; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 15px 0 0; }
.theme-red .suppliers6 ul li { font-size: 24px; line-height: 29px; padding: 20px 30px 20px 60px; }
.theme-red .suppliers6 ul li a { color: #fff; }
.theme-red .suppliers6 ul li.divider { height: 1px; background: #6bd0d7; padding: 0; line-height: 0; font-size: 0; }
.theme-red .approved-success { position: relative; top: 6px; left: 10px; }
@media (min-width: 768px) { .theme-red { /*ON BOARDING*/ /* //ON BOARDING*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ /************************************ WELCOME - HOME MAIN */ /************************************ //WELCOME - HOME MAIN */ /************************************ MODALS */ /************************************ //MODALS */ /************************************************ PRODUCTS-PAGE*/ /************************************************ //PRODUCTS-PAGE*/ /*.distributors-right-panel,*/ /*CREATEPRODUCT*/ /* //CREATEPRODUCT*/ /* REGISTER-SUCCESS */ /* //REGISTER-SUCCESS */ /*OUT-OF-SCOPE*/ /*//OUT-OF-SCOPE*/ /*CustomPricing*/ /*CustomPricing*/ /*sign in*/ /*sign in*/ /*COMBI-PRODUCTS*/ /*Products*/ /*#Products .card-box { padding: 0 35px; }*/ /*Products*/ /*COMBI-PRODUCTS*/ /***************************************************************** PRIOMARKET-DISTRIBUTORS*/ /***************************************************************** //PRIOMARKET-DISTRIBUTORS*/ /*OUT OF SCOPE*/ /*//OUT OF SCOPE*/ /*APPROVAL-BOARD*/ /*//APPROVAL-BOARD*/ }
  .theme-red body, .theme-red html { height: 100%; }
  .theme-red .page-container { padding: 64px 0 0; }
  .theme-red .products-page .page-container { padding: 128px 0 0; }
  .theme-red .no-nav .page-container { padding: 64px 0 0 !important; }
  .theme-red .mt-m-0, .theme-red .mt-xs-0, .theme-red .mt-xs-15 { margin-top: 0 !important; }
  .theme-red .supplier-onboarding2 .row-flex .card-box { width: 44%; }
  .theme-red .supplier-onboarding2 .white-text { font-size: 45px; }
  .theme-red .step-1 form { padding-right: 60px !important; }
  .theme-red .home-main .parallax-container { height: 220px; }
  .theme-red .home-main .sales-accounts-list .row { display: flex; }
  .theme-red .home-main .sales-accounts .z-depth-1 { min-height: 250px; }
  .theme-red #createproduct { top: 25% !important; }
  .theme-red .create-templates .create-templates-nav, .theme-red .combi-products nav, .theme-red .products-page .marketplace-btns { top: 64px; }
  .theme-red .mb-m-20, .theme-red .mb0.mb-m-20 { margin-bottom: 20px !important; }
  .theme-red .step-panel .collapsible .collapsible-body { padding: 2rem; }
  .theme-red .growing-graph .growing-graph-img { text-align: right; }
  .theme-red .home-main .growing-text { padding: 0 0.75rem 0 20px; }
  .theme-red .home-main .growing-graph img { margin-right: 20px; }
  .theme-red .home-main .growing-graph .footer_dashboard_link { color: #202124 !important; text-transform: capitalize; display: block; padding: 0; font-size: 14px; }
  .theme-red .home-main footer .row .m3 { width: auto; }
  .theme-red .supplier-onbaording .tabs-btm-border { margin: 0 0 10px; }
  .theme-red .create-templates-nav a.btn, .theme-red .marketplace-btns a { margin: 14px 20px 14px 0; }
  .theme-red .supplier-onboarding2 { margin: 50px 0 20px; }
  .theme-red .my-products-right-panel { width: calc(100% - 300px); float: right; }
  .theme-red .create-templates.products-page .combi-products .my-products-right-panel { width: calc(100% - 200px); }
  .theme-red .create-templates.products-page .combi-products .products-tab .my-products-right-panel { width: calc(100% - 300px); }
  .theme-red .products-page .filters-bar, .theme-red .distributors .sidenav { position: static; -webkit-transform: translateX(0); transform: translateX(0); min-height: calc(100vh - 130px); height: auto; }
  .theme-red .no-nav.products-page .filters-bar, .theme-red .no-nav .distributors .sidenav { min-height: calc(100vh - 66px); }
  .theme-red .products-page .filters-bar { overflow: visible; }
  .theme-red .products-page .my-products-right-panel { padding: 52px 18px 0; }
  .theme-red .distributors-right-panel .highlight { width: calc(100% - 60px); }
  .theme-red .distributors-right-panel .highlight th.name { padding-right: 5px; width: 180px; }
  .theme-red .distributors-right-panel .highlight th.th-id { width: 60px; }
  .theme-red .distributors-right-panel .highlight th.price-list { width: 16%; min-width: 250px; }
  .theme-red .distributors-right-panel .highlight th.template { width: 18%; }
  .theme-red .distributors-right-panel .highlight th.actions { width: 10%; }
  .theme-red .distributors-right-panel .tabs a { font-size: 16px; }
  .theme-red #createproduct .m2.subtitle1, .theme-red #createproduct .supplier-selectbox { padding-left: 35px; }
  .theme-red #createproduct h5 { margin-bottom: 60px; margin-top: 4px; font-size: 25px; }
  .theme-red #createproduct .modal-footer { margin: 29px 0 22px; }
  .theme-red .alert-box .alert-box-inner { padding: 0 !important; }
  .theme-red .alert-box .alert-box-inner .alert-content { padding: 45px 0 55px; }
  .theme-red .alert-box .alert-box-inner .alert-content strong { font-size: 35px; }
  .theme-red .alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }
  .theme-red .alert-box .alert-box-inner .alert-content .body1, .theme-red .alert-box .alert-box-inner .alert-content .body2 { font-size: 24px; line-height: 30px; }
  .theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, .theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }
  .theme-red #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }
  .theme-red #createproduct .btn { background-color: #1bb7c2; }
  .theme-red #createproduct.modal .modal-content { padding: 24px 42px 0 42px !important; }
  .theme-red .CustomPricing { max-height: 80%; width: 45%; overflow: visible; }
  .theme-red .CustomPricing .modal-content { padding: 24px 24px 0; }
  .theme-red .CustomPricing .modal-content h4 { margin: -24px -24px 20px; padding: 10px 24px; background: transparent; border-bottom: 1px solid #ccc; font-size: 24px; color: #5d5d5d; }
  .theme-red .CustomPricing .modal-content .input-field { margin: 0; }
  .theme-red .CustomPricing .modal-content input { /*border: 1px solid rgba(0, 0, 0, 0.12);*/ padding: 0 12px; box-sizing: border-box; margin: 0; width: 120px; }
  .theme-red .CustomPricing .modal-content .select-wrapper { width: 120px; }
  .theme-red .CustomPricing .modal-content .input-field input:focus { border-color: #202124; }
  .theme-red .CustomPricing .modal-content table { margin: 0; width: 100%; }
  .theme-red .CustomPricing h6 { padding: 0; border-bottom: 0; font-size: 16px; }
  .theme-red .CustomPricing h6 label { display: block; line-height: 20px; }
  .theme-red .CustomPricing .switch { padding: 10px 0 0 10px; }
  .theme-red .CustomPricing .content-footer { padding: 20px 0 0 0; }
  .theme-red .CustomPricing .modal-content table th { color: #8c8c8c; background: transparent; }
  .theme-red .CustomPricing .modal-content table th, .theme-red .CustomPricing .modal-content table td { width: calc(100% / 6); font-size: 15px; }
  .theme-red .CustomPricing .modal-content table th:first-child, .theme-red .CustomPricing .modal-content table td:first-child { padding-left: 10px; }
  .theme-red .CustomPricing .modal-content table tr, .theme-red .CustomPricing .modal-content table td, .theme-red .CustomPricing .modal-content table th { border-bottom: 0; padding: 0; }
  .theme-red .CustomPricing .modal-footer { padding: 15px 24px; height: auto; }
  .theme-red .priohub-front .supplier-onboarding2, .theme-red .step-3 .mdc-dialog { position: absolute; top: 0; }
  .theme-red .priohub-front .supplier-onboarding2 { top: -70px; }
  .theme-red .create-templates .create-templates-tabs { width: calc(100% - 287px); /*padding: 0 0 0  calc(50px + 0.75rem);*/ margin-top: 16px; }
  .theme-red .create-templates .create-templates-tabs .tabs { float: left; width: calc(100% - 300px); }
  .theme-red .create-templates .create-templates-tabs .tabs li.col { width: auto; }
  .theme-red .home-main .heading { padding: 45px 0 0; }
  .theme-red .combi-products .my-products { padding: 40px 30px 0 64px; }
  .theme-red .combi-products .my-products.products-tab { padding: 0 30px 0 0; }
  .theme-red .combi-products .my-products.products-tab .my-products-right-panel { padding-top: 40px; }
  .theme-red .combi-products .combi-product-tabs { width: auto; padding: 0; margin: 16px 0 0; }
  .theme-red .combi-products .combi-product-tabs li { max-width: none; }
  .theme-red .combi-products .my-products.products-tab .filters-bar { padding: 0; height: calc(100vh - 130px); overflow: auto; }
  .theme-red .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; color: #535353; width: calc(100% - 450px); float: left; }
  .theme-red .connect-tabpage .select-what-products { width: 250px; float: right; padding-top: 8px; font-size: 14px; }
  .theme-red .priomarket-distributors .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; width: 50%; float: left; }
  .theme-red .page-container.ticket_list { padding: 0; }
  .theme-red .approval-board .distributors-right-panel .highlight { width: 100%; table-layout: auto; }
  .theme-red .distributors-right-panel.ticket-details-information { width: calc(100% - 300px); position: relative; } }
.theme-red .error-404 nav { padding: 0 18px; }
.theme-red .error-404 .error-404-content { height: calc(100vh - 64px); display: flex; display: -webkit-flex; align-items: center; }
.theme-red .error-404 .error-404-content h2 { margin: 30px 0 30px; text-transform: uppercase; }
.theme-red .error-404 .error-404-content div { width: 100%; }
.theme-red #login_form input { padding-left: 10px; border-bottom-color: #1bb7c2; box-shadow: 0 1px 0 0 #1bb7c2; }
.theme-red .simplebar-scrollbar { width: 5px !important; }
.theme-red .ledger-account-report-parent { padding: 0 24px; }
.theme-red .ledger-account-report { max-width: 1650px; margin: 50px auto; padding: 25px 15px; font-size: 20px; font-family: Robotomedium, sans-serif; }
.theme-red .ledger-account-report .btn { text-transform: uppercase; font-family: Robotomedium, sans-serif; }
@media (min-width: 992px) { .theme-red { /*ON BOARDING*/ /* //ON BOARDING*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ }
  .theme-red .supplier-onboarding2 .row-flex .card-box { width: 35%; }
  .theme-red .step-1 form { padding-right: 100px !important; }
  .theme-red .step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 15px 40px 35px; }
  .theme-red .step-3 .visibility-off { right: -25px; top: 18px; }
  .theme-red .step-panel .step-text { padding-left: 56px; margin-right: 120px; }
  .theme-red .home-main #slide-out { top: 0; z-index: 999999; max-height: 100vh; }
  .theme-red .home-main .demo-user { display: block; }
  .theme-red .distributors-right-panel .highlight th i { position: absolute; top: 18px; left: 53px; font-size: 18px; }
  .theme-red .accounts-list .container { width: 50%; } }
@media (min-width: 1200px) { .theme-red { /*ON BOARDING*/ /* //ON BOARDING*/ /*custom modals*/ /*custom modals*/ /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ }
  .theme-red .supplier-onboarding2 .row-flex .card-box { width: 32%; }
  .theme-red .home-main footer .row .m3 { right: -30px; position: relative; }
  .theme-red .supplier-detail .modal-overlay { opacity: 0 !important; }
  .theme-red .supplier-detail .modal { max-width: 440px; width: 100%; left: 61%; right: auto; top: 67px !important; } }
@media (min-width: 1601px) { .theme-red { /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ } }
@media (min-width: 993px) and (max-width: 1199px) { .theme-red .my-product-v2 .banner-content { background-position: 0 0; height: 240px; }
  .theme-red .new-dashboard .step-list em { width: 105px; }
  .theme-red .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (min-width: 768px) and (max-width: 992px) { .theme-red .my-product-v2 .card { width: 202px; }
  .theme-red .new-dashboard .step-list em { width: 105px; }
  .theme-red .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (max-width: 992px) { .theme-red { /*ACCOUNT DISTRIBUTOR*/ /* //ACCOUNT DISTRIBUTOR*/ }
  .theme-red .distributors-right-panel table.responsive-table tbody { width: calc(100% - 100px); }
  .theme-red .distributors-right-panel table.responsive-table thead { width: 100px; }
  .theme-red .distributors-right-panel .highlight th.name, .theme-red .distributors-right-panel .highlight th.price-list, .theme-red .distributors-right-panel table.highlight th.actions, .theme-red .distributors-right-panel .highlight th.template { width: 100%; min-width: 100%; }
  .theme-red .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 165px); }
  .theme-red .approval-board .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 110px); }
  .theme-red .distributors-right-panel { max-width: 100%; }
  .theme-red .distributors-right-panel .highlight { width: calc(100% - 20px); max-width: 100%; margin: 15px auto; table-layout: fixed; }
  .theme-red .distributors-right-panel .highlight th.name { position: relative; }
  .theme-red .distributors-right-panel .highlight th.name div { position: absolute; top: 7px; width: 100%; }
  .theme-red #createproduct .chechbox-with-info p br { display: none; }
  .theme-red #createproduct .modal-footer { margin: 0 0 15px; }
  .theme-red #createproduct h5 { margin: 0 0 30px; }
  .theme-red #createproduct.modal .modal-content { padding-bottom: 0; }
  .theme-red #createproduct .btn-large { padding: 0 20px; }
  .theme-red .my-product-v2 .banner-content { background-position: 0 0; height: 160px; } }
@media only screen and (max-width: 767px) { .theme-red { /*ACCOUNT DISTRIBUTOR*/ /* //ACCOUNT DISTRIBUTOR*/ }
  .theme-red .home-main header { position: static; }
  .theme-red .page-container { padding: 0; }
  .theme-red #createproduct .createproduct-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .theme-red #createproduct.modal { height: 75%; }
  .theme-red .distributors-right-panel table.highlight th.th-id { width: 100%; }
  .theme-red .distributors .sidenav { position: static; transform: translate(0); width: 100%; }
  .theme-red .supplier-detail .form-footer { margin-top: 15px; }
  .theme-red .supplier-detail form { padding: 0 15px 15px !important; }
  .theme-red .supplier-detail .register-right div { top: 0; }
  .theme-red .my-product-v2 .card { width: 202px; }
  .theme-red .my-product-v2 .banner-content { background-position: 0 0; background-size: 100 auto; height: 110px; }
  .theme-red .marketplace-btns .marketplace-header { width: 100%; }
  .theme-red .marketplace-btns .marketplace-header .tabs { margin: 8px 0 0; overflow: visible; width: 105px; }
  .theme-red .products-page a.filter-trigger { margin: 0; }
  .theme-red .marketplace-btns .create-product-btn { margin-left: 0; margin-right: 0; }
  .theme-red .create-templates .create-templates-nav, .theme-red .combi-products nav, .theme-red .products-page .marketplace-btns { position: static; margin-bottom: 15px; }
  .theme-red .create-templates .create-templates-nav .row, .theme-red .combi-products nav .row, .theme-red .products-page .marketplace-btns .row { margin: 0; }
  .theme-red .create-templates .create-templates-nav .row .col.s5, .theme-red .combi-products nav .row .col.s5, .theme-red .products-page .marketplace-btns .row .col.s5 { padding-left: 0; }
  .theme-red .create-templates-nav a.btn, .theme-red .marketplace-btns a { margin: 10px; }
  .theme-red .distributors #distributors-requested table, .theme-red .distributors #distributors-received table { min-width: 500px; }
  .theme-red .distributors #distributors-requested table th:last-child { width: 120px !important; }
  .theme-red .back_to_overview { margin-top: 14px; }
  .theme-red .user-profile .public-profile-view .leftpanel { padding: 0 40px; } }
.theme-red .profile { margin-left: 10px; margin-top: 19px; display: flex; position: relative; align-items: center; cursor: pointer; }
.theme-red .profile .user-popup { width: 288px; height: auto; position: absolute; right: -11px; top: 46px; z-index: 20; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.28); display: none; }
.theme-red .profile .user-popup.active { display: block; }
.theme-red .profile .user-popup .user-popup-arrow { position: absolute; top: -7px; right: 8px; }
.theme-red .profile .user-popup .user-row { width: 100%; padding: 0px 32px; text-align: left; display: inline-block; }
.theme-red .profile .user-popup .user-row.user-row1 { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eaeaea; }
.theme-red .profile .user-popup .user-row.user-row1 .title { color: #202124; font-size: 20px; line-height: 20px; margin: 0px; }
.theme-red .profile .user-popup .user-row.user-row1 .role { color: #202124; font-size: 16px; line-height: 19px; margin: 8px 0px; }
.theme-red .profile .user-popup .user-row.user-row1 .email { color: #bcbcbc; font-size: 14px; line-height: 17px; margin: 0px; }
.theme-red .profile .user-popup .user-row a .user-row2 { border-bottom: 1px solid #eaeaea; }
.theme-red .profile .user-popup .user-row a .user-row2:last-child { border-bottom: none; }
.theme-red .profile .user-popup .user-row.user-row2 { padding-top: 16px; padding-bottom: 16px; display: inline-flex; align-items: center; border-bottom: 1px solid #eaeaea; }
.theme-red .profile .user-popup .user-row.user-row2 p { line-height: 20px; margin: 0; margin-left: 26px; color: #202124; font-size: 17px; }
.theme-red .profile .user-popup .user-row .user-row2-border { border-bottom: 1px solid #eaeaea; }
.theme-red .profile img { height: 40px; width: 40px; border-radius: 50%; }
.theme-red .profile span { width: 0; height: 0; margin-left: 12px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #bcbcbc; }
.theme-red .profile svg { stroke: #000; }
.theme-red .profile svg g { fill: #000; }
.theme-red .profile svg g path { fill: #000; }
.theme-red .profile:hover .account_popup path { fill: #1bb7c2; stroke: #1bb7c2; }
@media (max-width: 1600px) { .theme-red .suppliers6 { margin: 25px auto 0; padding: 0 0 15px; max-width: 78%; }
  .theme-red .suppliers6 .label-head { font-size: 18px; line-height: 24px; padding-left: 45px; }
  .theme-red .suppliers6 ul { margin: 25px 0 0; }
  .theme-red .suppliers6 ul li { font-size: 18px; line-height: 24px; padding: 15px 20px 15px 45px; }
  .theme-red .home-main .sales-accounts { max-width: 78%; margin: 100px auto 0; }
  .theme-red .home-main .sales-accounts h5 { margin: 0 auto 15px; max-width: 100%; padding: 0 0.75rem; }
  .theme-red .home-main .growing-graph .container { max-width: 77%; } }
@media (max-width: 1200px) { .theme-red .suppliers6 { max-width: 90%; }
  .theme-red .suppliers6 ul { margin: 20px 0 0; }
  .theme-red .suppliers6 .label-head { font-size: 15px; line-height: 22px; padding-left: 30px; }
  .theme-red .suppliers6 .label-head img { max-width: 18px; }
  .theme-red .suppliers6 ul li { font-size: 15px; line-height: 22px; padding: 10px 15px 10px 30px; }
  .theme-red .home-main .sales-accounts { max-width: 90%; } }
@media (max-width: 767px) { .theme-red .suppliers6 { max-width: 90%; }
  .theme-red .suppliers6 .section-inside { margin-bottom: 20px; }
  .theme-red .suppliers6 ul { margin: 15px 0 0; } }
@media (min-width: 1601px) { .theme-red .home-main .sales-accounts .home-main .sales-accounts .section-inside { max-width: 350px; padding: 0; }
  .theme-red .home-main .sales-accounts .home-main .sales-accounts .col { padding: 0; } }
.theme-red .iframe-body { overflow: hidden; }
.theme-red .iframe-body .page-container-main .main-content { padding: 0; }
.theme-red .theme-green .page-container-main main .main-content { height: 105vh !important; }
.theme-red .theme-green .page-container-main .terms-conditions span a { color: #1bb7c2; }
.theme-red .theme-green .page-container-main .step-1 .form-footer .btn-flat { border-color: #1bb7c2; color: #1bb7c2; }
.theme-red .theme-green .page-container-main .register-right { background-color: #1bb7c2; }
.theme-red .switch-wrapper { display: inline-block; margin-right: 16px; }
.theme-red .mdc-switch { display: inline-block; position: relative; }
.theme-red .mdc-switch [type="checkbox"]:not(:checked), .theme-red .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }
.theme-red .mdc-switch .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.theme-red .mdc-switch .mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-red .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.theme-red .mdc-switch .mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.theme-red .mdc-switch .mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: 0.38; content: ""; }
.theme-red .mdc-switch .mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }
.theme-red .mdc-switch [dir="rtl"] .mdc-switch__knob, .theme-red .mdc-switch .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }
.theme-red .mdc-switch .mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: 0.2; content: ""; }
.theme-red .mdc-switch .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.theme-red .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 0.5; }
.theme-red .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-red .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: 0.15; }
.theme-red .mdc-switch .mdc-switch__native-control:disabled { cursor: initial; }
.theme-red .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: 0.12; }
.theme-red .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }
.theme-red .mdc-switch [dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .theme-red .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-red .mdc-switch [dir="rtl"] .mdc-switch__native-control:checked, .theme-red .mdc-switch .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-red .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-red .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-red .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.theme-red .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .no { visibility: hidden; }
.theme-red .mdc-switch.switch-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #FF4411; border-color: #FF4411; }
.theme-red .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #00DC81; border-color: #00DC81; }
.theme-red .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-red .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #fff; }
.theme-red .mdc-switch.switch-custom .mdc-switch__background { width: 50px; height: 20px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__background span { font-size: 10px; color: #fff; font-family: RobotoBold; position: absolute; top: 3px; line-height: 14px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__background span.yes { left: 7px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__background span.no { right: 7px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.theme-red .mdc-switch.switch-custom .mdc-switch__native-control { /*&:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }*/ /*            &:checked ~ .mdc-switch__background .mdc-switch__knob::before {    opacity: .15; } &:disabled { cursor: initial; } &:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; } &:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }*/ }
.theme-red .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.theme-red .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(30px); transform: translateX(30px); }
.theme-red .mdc-switch + .mdc-switch-label { position: relative; top: -4px; left: 10px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__background { width: 80px; height: 20px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__background span { font-size: 8px; color: #fff; font-family: RobotoBold; position: absolute; top: 5px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__background span.yes { left: 10px; display: none; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__background span.no { right: 12px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 68px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(63px); transform: translateX(63px); }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.yes { display: block; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.no { display: none; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled { cursor: initial; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #1bb7c2; opacity: 1; border-color: #1bb7c2; }
.theme-red .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #1bb7c2; background-color: #1bb7c2; }
.theme-red #copyProduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }
.theme-red #copyProduct h2 { font-size: 27px; line-height: 28px; }
.theme-red #copyProduct .row { margin: 0 -0.75rem; }
.theme-red #copyProduct .input-field { margin-bottom: 10px; }
.theme-red #copyProduct .newlabel { padding: 0 0.75rem; }
.theme-red #copyProduct p { margin: 8px 0 0; }
.theme-red #copyProduct .modal-footer { padding: 0 24px 24px; height: auto; font-size: 0; }
.theme-red #copyProduct .modal-footer .btn { margin: 0; }
.theme-red #copyProduct .switch-wrapper { margin: 13px 0 0; float: right; }
.theme-red #copyProduct .mdc-switch.switch-custom .mdc-switch__background span { font-size: 9px; top: 4px; }
.theme-red .complete-profile { /******* /RIGHT SIDE*********/ /******************** (2) CREATE PASSWORD***********************/ }
.theme-red .complete-profile .brand { display: inline-block; position: absolute; top: 48px; left: 36px; }
.theme-red .complete-profile .visibility { position: absolute; right: 0.75rem; top: 10px; color: #bcbcbc; width: 24px; }
.theme-red .complete-profile .carousel { height: 360px; margin-top: 100px; }
.theme-red .complete-profile .carousel img { height: auto; }
.theme-red .complete-profile .complete-profile-main { min-height: 100vh; margin: 0; }
.theme-red .complete-profile .left-side { background: #202124 url("../images/background-big width.png") no-repeat; /*min-height: 100vh*/ }
.theme-red .complete-profile .right-side { display: flex; align-items: center; justify-content: center; padding: 34px 20px; }
.theme-red .complete-profile .right-side .right-side-inner { display: flex; align-items: center; width: 100%; /* min-height: 765px;*/ }
.theme-red .complete-profile .right-side .right-side-inner .right-side-inner-inside { width: 100%; }
.theme-red .complete-profile .right-side .right-side-inner h1 { color: #202124; font-family: Roboto_light, sans-serif; }
.theme-red .complete-profile .right-side .right-side-inner h4 { font-size: 26px; color: #202124; line-height: 32px; font-family: Roboto_medium, sans-serif; font-weight: normal; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; overflow: hidden; /********************TERMS AND CONDITIONS***************/ /******************** /TERMS AND CONDITIONS***************/ }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form label { font-family: Roboto_light, sans-serif; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types { margin: 40px 0; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types h6 { font-size: 16px; color: #202124; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner { display: flex; flex-wrap: wrap; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li { border: 1px solid #bcbcbc; padding: 0 15px; border-radius: 20px; margin: 0 10px 10px 0; cursor: pointer; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li span { color: #bcbcbc; font-size: 14px; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active { border-color: #202124; background: #202124; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active span { color: #fff; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions { margin-bottom: 60px; /*.mdc-form-field-{    display: flex;    align-items: center;}*/ }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions .terms-conditions-btn { text-align: right; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .already-account { display: flex; align-items: center; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .already-account label { font-family: RobotoRegular, sans-serif; color: #b3b3b3; font-size: 13px; margin-right: 20px; }
.theme-red .complete-profile .right-side .right-side-inner .sign-up-form .already-account a { background: none; border: 1px solid #bcbcbc; color: #bcbcbc; box-shadow: none; height: 30px; line-height: 28px; }
.theme-red .complete-profile .right-side .success-check { position: absolute; right: 0.75rem; top: 8px; color: #30e206; }
.theme-red .complete-profile .right-side .error-close { position: absolute; right: 0.75rem; top: 8px; color: #ff4411; }
.theme-red .complete-profile .right-side .invalid + label + .helper-text { color: red; }
.theme-red .complete-profile .right-side .teal-message { margin: 0 0 80px; }
.theme-red .complete-profile .sales-points-form { margin: 70px 0 0; }
.theme-red .complete-profile .sales-points-form .sales-points-checkboxes { padding: 0 0 20px 38px; }
.theme-red .complete-profile .sales-points-form .sales-points-checkboxes .mdc-checkbox { position: absolute; left: 4px; top: -7px; }
.theme-red .complete-profile .sales-points-form .sales-points-checkboxes h3 { color: #202124; font-size: 20px; font-family: Roboto_medium, sans-serif; line-height: 24px; margin: 0; }
.theme-red .complete-profile .sales-points-form .sales-points-checkboxes p { color: #bcbcbc; font-size: 16px; line-height: 19px; margin: 8px 0 0; }
.theme-red .complete-profile .sales-points-form .btn { margin: 80px 0 0; }
.theme-red .complete-profile.point-sale-choice .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.theme-red .complete-profile.point-sale-choice .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.theme-red .complete-profile.create-password { /******* (2.1) LEFT SIDE*********/ }
.theme-red .complete-profile.create-password .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.theme-red .complete-profile.create-password .create-password-form { margin: 40px 0; }
.theme-red .complete-profile.create-password .create-password-form label { font-family: Roboto_light, sans-serif; }
.theme-red .complete-profile.create-password .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.theme-red .complete-profile .sign-in { max-width: 350px; }
.theme-red .complete-profile .sign-in form { margin: 40px 0; }
.theme-red .complete-profile .sign-in label { font-family: Roboto_light, sans-serif; }
.theme-red .complete-profile .sign-in input[type="password"], .theme-red .complete-profile .sign-in input[type="text"] { border-color: #bcbcbc; font-size: 20px; }
.theme-red .complete-profile .sign-in .remember-me { margin-top: 80px; }
.theme-red .complete-profile .sign-in .remember-me .switch-wrapper { margin: 9px 0 0; }
.theme-red .complete-profile .sign-in .remember-me .mdc-switch-label { font-size: 16px; line-height: 19px; }
.theme-red .complete-profile .sign-in .account-not-yet { margin-top: 80px; color: #b3b3b3; }
.theme-red .input-field-with-flags { position: relative; /*input { padding-left: 50px !important; }*/ }
.theme-red .input-field-with-flags .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #d9d9d9; position: absolute; top: 8px; left: 28px; cursor: pointer; }
.theme-red .input-field-with-flags label { left: calc(0.75rem + 50px) !important; }
.theme-red .input-field-with-flags .flags-select { position: absolute; top: 11px; left: 0.75rem; width: 70px; }
.theme-red .input-field-with-flags .flags-select img { width: 20px; }
.theme-red .input-field-with-flags .flags-select ul { box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); background: #fff; margin: 6px 0 0; padding: 5px 10px; z-index: 1; position: absolute; left: 0; top: 100%; display: none; }
.theme-red .input-field-with-flags .flags-select ul li { cursor: pointer; }
.theme-red .input-field-with-flags .flags-select ul.open { display: block; }
.theme-red .recaptcha { position: relative; }
.theme-red .recaptcha .text { position: absolute; top: 10px; font-size: 16px; }
.theme-red .recaptcha input { box-sizing: border-box !important; padding-left: 68px !important; }
.theme-red .recaptcha input[type=number]::-webkit-inner-spin-button, .theme-red .recaptcha input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
@media (min-width: 480px) { .theme-red .complete-profile .carousel { height: 350px !important; margin-top: 100px; }
  .theme-red .complete-profile .carousel img { max-width: 300px; } }
@media (min-width: 640px) { .theme-red .complete-profile .carousel { height: 400px !important; margin-top: 150px; }
  .theme-red .complete-profile .right-side { padding: 54px 30px; } }
@media (min-width: 1024px) { .theme-red .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .theme-red .complete-profile .carousel img { max-width: 100%; }
  .theme-red .complete-profile .left-side { display: flex; align-items: center; justify-content: center; }
  .theme-red .complete-profile .right-side { padding: 74px 30px; } }
@media (min-width: 1366px) { .theme-red .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .theme-red .complete-profile .right-side { padding: 74px 150px; }
  .theme-red .complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; } }
@media (min-width: 1601px) { .theme-red .complete-profile.bigleft .left-side { max-width: 1080px; }
  .theme-red .complete-profile.bigleft .right-side { max-width: calc(100% - 1080px); -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.theme-black { /* Custom Stylesheet */ /** Use this file to override Materialize files so you can update the core Materialize files in the future  Made By MaterializeCSS.com */ /*@import url("typography.css");*/ /*@import "style-componerts/sidebar2";*/ /*@import "../materialize-v2/sass/components/color-variables";*/ /*@import "../materialize-v2/sass/components/variables";*/ /*FORM*/ /*FORM*/ /*COMMON*/ /*SIDENAV HEADER*/ /*SIDENAV HEADER*/ /*page one*/ /*page one*/ /*.step-2*/ /*accordion*/ /*sidenav*/ /*sidenav*/ /*accordion*/ /*step-expanded-one*/ /*step-expanded-one*/ /*step-1 page one*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ /*login page*/ /* //login page*/ /*step-3*/ /*step-register*/ /*step-register*/ /************************************ WELCOME - HOME MAIN */ /************************************ //WELCOME - HOME MAIN */ /************************************ MODALS */ /*CREATEPRODUCT*/ /*CREATEPRODUCT*/ /************************************ //MODALS */ /*MORE INFORMATION*/ /*MORE INFORMATION*/ /*distributers*/ /*.distributors-right-panel .highlight th.name { padding-right: 35px; min-width: 80px; }*/ /*.marketplace-btns .marketplace-header ul { display: inline-block }*/ /*distributers*/ /***************************************************************** PRIOMARKET-DISTRIBUTORS*/ /*.CustomPricing .modal-content table { width: 500px }*/ /***************************************************************** //PRIOMARKET-DISTRIBUTORS*/ /***************************************************************** GET-YOUR-MAIN*/ /*.get-your-main { overflow: auto; }*/ /***************************************************************** //GET-YOUR-MAIN*/ /****************************************************************** PUBLIC-PROFILE*/ /***************************************************************** // PUBLIC-PROFILE*/ /************************************************ PRODUCTS-PAGE*/ /*FILTER BAR*/ /*.products-page .filters-bar ul li label{ margin-left: 5px;}*/ /* //FILTER BAR*/ /*.overview-list {}*/ /*.overview-list {}*/ /*.products-page .card .card-content .card-header .dropdown-trigger i:hover {  }*/ /*.products-page .dropdown-content li.bdr-top { border-top: 1px solid #ebebeb; }
.products-page .dropdown-content li.bdr-bot { border-bottom: 1px solid #ebebeb; }*/ /************************************************ //PRODUCTS-PAGE*/ /*PRODUCTS-PAGE*/ /*MY-PRODUCT-V2*/ /*.my-product-v2 .card:hover{ cursor:default;
}*/ /*MY-PRODUCT-V2*/ /*CREATE-TEMPLATES*/ /*CREATE-TEMPLATES*/ /*SUPPLIER-ONBAORDING*/ /*SUPPLIER-ONBAORDING*/ /*process2*/ /*process2*/ /*.section-point-sale .tooltipped,
.section-why-do .tooltipped { position: relative; top:4px; left: 10px; }*/ /*custom modals*/ /*custom modals*/ /*footer*/ /*footer*/ /*Home main*/ /*CREATE-TICKET-IFRAME*/ /*#ticket_overview_iframe { z-index: 99999}*/ /*CREATE-TICKET-IFRAME*/ /*DELETE-TICKET-POPUP*/ /*//DELETE-TICKET-POPUP*/ /*COMBI PRODUCT*/ /*Products*/ /*Products*/ /*combi product*/ /*STANDARD MEDIA HIGH TO LOW (MAX TO 0) oposite of bootsrap due to add minium classes*/ /*sm*/ /*priohub-front*/ /*.parallax { height: 250px; }*/ /*OUT-OF-SCOPE*/ /*//OUT-OF-SCOPE*/ /* //priohub-front*/ /*PRODUCTS-MODAL*/ /*//PRODUCTS-MODAL*/ /*APPROVAL-BOARD*/ /*//APPROVAL-BOARD*/ /*ALL MODALS SECTION*/ /*doit*/ /*doit*/ /*ALL MODALS SECTION*/ /*TICKET-DETAILS*/ /*/TICKET-DETAILS*/ /*email sent*/ /*email sent*/ /*PRIVACY-POLICY*/ /*/PRIVACY-POLICY*/ /*TERMS & CONDITIONS*/ /*/TERMS & CONDITIONS*/ /*.resellers-list .no-result .card{ height: auto; }*/ /*MERCHANT-LIST*/ /*/MERCHANT-LIST*/ /*STATEMENT-NAV*/ /*/STATEMENT-NAV*/ /*COMPANY-INFO*/ /*************************************NOTIFICATION BAR***************************/ /************************************* /NOTIFICATION BAR***************************/ /********************************************************************* MD above all 768   **/ /********************************************************************* LG above all 992   **/ /*.input-field.col label { left: calc(0.75rem + 10px); }*/ /*********************************SCROLLER**************************/ /*********************************SCROLLER**************************/ /********************************************************************* xl above all 1200   **/ /*********************************************************************  max 992   **/ /*********************************************************************  max 767   **/ /*$medium-up-320 : 320px !default;
480px: 480px !default;
640px : 640px !default;
1024px : 1024px !default;
1366px : 1366px !default;
1920px : 1920px !default;*/ /******************** (1) COMPLETE PROFILE PAGE***********************/ /******************** COMPLETE PROFILE PAGE***********************/ /*COMMON*/ }
.theme-black .switch-wrapper { display: inline-block; margin-right: 16px; }
.theme-black .mdc-switch { display: inline-block; position: relative; }
.theme-black .mdc-switch [type="checkbox"]:not(:checked), .theme-black .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }
.theme-black .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.theme-black .mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-black .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.theme-black .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fafafa; border-color: #fafafa; }
.theme-black .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.theme-black .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #202124; border-color: #202124; }
.theme-black .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #202124; border-color: #202124; }
.theme-black .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #202124; }
.theme-black .mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.theme-black .mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: .38; content: ""; }
.theme-black .mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }
.theme-black [dir="rtl"] .mdc-switch__knob, .theme-black .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }
.theme-black .mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: .2; content: ""; }
.theme-black .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.theme-black .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: .5; }
.theme-black .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-black .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: .15; }
.theme-black .mdc-switch__native-control:disabled { cursor: initial; }
.theme-black .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; }
.theme-black .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }
.theme-black [dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .theme-black .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-black [dir="rtl"] .mdc-switch__native-control:checked, .theme-black .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-black .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #f44336; border-color: #f44336; }
.theme-black .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #f44336; border-color: #f44336; }
.theme-black .switch-custom .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #f44336; }
.theme-black .mdc-typography { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
.theme-black .h1, .theme-black h1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 6rem; line-height: 6rem; font-weight: 300; letter-spacing: -0.01562em; text-decoration: inherit; text-transform: inherit; }
.theme-black .h2, .theme-black h2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3.75rem; line-height: 3.75rem; font-weight: 300; letter-spacing: -0.00833em; text-decoration: inherit; text-transform: inherit; }
.theme-black .h3, .theme-black h3 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 3rem; line-height: 3.125rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }
.theme-black .h4, .theme-black h4 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 2.125rem; line-height: 2.5rem; font-weight: 400; letter-spacing: 0.00735em; text-decoration: inherit; text-transform: inherit; }
.theme-black .h5, .theme-black h5 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: normal; text-decoration: inherit; text-transform: inherit; }
.theme-black .h6, .theme-black h6 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1.25rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.0125em; text-decoration: inherit; text-transform: inherit; }
.theme-black .subtitle1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.75rem; font-weight: 400; letter-spacing: 0.00937em; text-decoration: inherit; text-transform: inherit; }
.theme-black .subtitle2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.375rem; font-weight: 500; letter-spacing: 0.00714em; text-decoration: inherit; text-transform: inherit; }
.theme-black .body1 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.5rem; font-weight: 400; letter-spacing: 0.03125em; text-decoration: inherit; text-transform: inherit; }
.theme-black .body2 { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.01786em; text-decoration: inherit; text-transform: inherit; }
.theme-black .caption { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 1.25rem; font-weight: 400; letter-spacing: 0.03333em; text-decoration: inherit; text-transform: inherit; }
.theme-black .button { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.875rem; line-height: 2.25rem; font-weight: 500; letter-spacing: 0.08929em; text-decoration: none; text-transform: uppercase; }
.theme-black .overline { font-family: Roboto, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: 0.75rem; line-height: 2rem; font-weight: 500; letter-spacing: 0.16667em; text-decoration: none; text-transform: uppercase; }
.theme-black .sales_panel_login header { background: transparent !important; }
.theme-black .sales_panel_login header .brand img { height: 175px; width: auto; margin-top: 90px; }
.theme-black .sales_panel_login header span { display: none; }
.theme-black .sales_panel_login .mdc-dialog__body { padding: 65px 40px 35px !important; }
.theme-black .sales_panel_login #gen_password_form label.active { color: #CD1719; }
.theme-black .sales_panel_login #gen_password_form button { background: #CD1719 !important; height: 50px !important; }
.theme-black .sales_panel_login #gen_password_form input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-black body.sales_panel_login .mdc-dialog__body input:not(.browser-default):focus:not([readonly]) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-black body.sales_panel_login .mdc-dialog__body input.valid:not(.browser-default) { border-bottom: 1px solid #CD1719 !important; box-shadow: none !important; }
.theme-black body, .theme-black html { min-height: 100%; }
.theme-black .step-3 #slide-out, .theme-black .complete-profile #slide-out, .theme-black .register-body #slide-out { display: none; }
.theme-black .step-3 header, .theme-black .complete-profile header, .theme-black .register-body header { display: none !important; }
.theme-black .step-3 header.white-text, .theme-black .complete-profile header.white-text, .theme-black .register-body header.white-text { display: flex !important; }
.theme-black .step-3 .page-container-main main, .theme-black .complete-profile .page-container-main main, .theme-black .register-body .page-container-main main { padding: 0; }
.theme-black .step-3 .page-container-main main .main-content, .theme-black .complete-profile .page-container-main main .main-content, .theme-black .register-body .page-container-main main .main-content { padding: 0; height: 100vh; }
.theme-black .s-padding-left { padding-left: 0 !important; }
.theme-black .s-padding-right { padding-right: 0 !important; }
.theme-black * { -moz-box-sizing: border-box; box-sizing: border-box; }
.theme-black body [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, .theme-black body [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }
.theme-black body [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }
.theme-black .page-container { padding: 56px 0 0; min-height: 100vh; }
.theme-black .progress { position: fixed; top: 0; left: 0; right: 0; margin: 0; z-index: 1000; }
.theme-black .d-none { display: none !important; }
.theme-black .border-btn { border: 1px solid #202124; box-shadow: none; }
.theme-black .cursor-pointer { cursor: pointer; }
.theme-black .pointer-event-none { pointer-events: none; }
.theme-black .bdr-btn { border: 1px solid #202124 !important; line-height: 30px !important; }
.theme-black .mt-xs-15 { margin-top: 15px !important; }
.theme-black .mt10 { margin-top: 10px !important; }
.theme-black .mt15 { margin-top: 15px !important; }
.theme-black .mt20 { margin-top: 20px !important; }
.theme-black .mt40 { margin-top: 40px !important; }
.theme-black .mt0 { margin-top: 0 !important; }
.theme-black .mb0 { margin-bottom: 0 !important; }
.theme-black .mb12 { margin-bottom: 12px !important; }
.theme-black .ml10 { margin-left: 10px !important; }
.theme-black .no-padding { padding: 0 !important; }
.theme-black .no-padding-right { padding-right: 0 !important; }
.theme-black .text-center { text-align: center !important; }
.theme-black .text-right { text-align: right; }
.theme-black .text-bold-500 { font-weight: 500; }
.theme-black .text-capitalize { text-transform: capitalize; }
.theme-black .company_view_call { cursor: pointer; color: #303030; }
.theme-black .company_view_call_v1 { color: #303030; cursor: pointer; }
.theme-black #toast-container { min-width: 100%; right: auto; bottom: 0; left: 0; top: auto; }
.theme-black .toast { position: absolute; bottom: 20px; left: 10px; font-size: 16px; /*color: #535353;*/ color: #fff; top: auto !important; }
.theme-black .mdc-select, .theme-black .mdc-text-field { width: 100%; }
.theme-black body { margin: 0; }
.theme-black img { max-width: 100%; }
.theme-black .select-wrapper input.select-dropdown { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 30px); padding-right: 30px; color: #959595; }
.theme-black .clearfix::after { display: block; clear: both; content: ""; }
.theme-black .custom-browse { position: relative; display: inline-block; }
.theme-black .custom-browse span { display: block; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; }
.theme-black .custom-browse input { opacity: 0; height: 37px; cursor: pointer; }
.theme-black .custom-browse a { position: relative; z-index: 1; }
.theme-black select.error, .theme-black .custom-browse .helper-text { display: none; }
.theme-black .step-1 .error { position: absolute; }
.theme-black .error, .theme-black .custom-browse.invalid .helper-text { position: relative; min-height: 18px; display: block; font-size: 15px; color: #b00020; /*padding:0;*/ font-style: normal; }
.theme-black .invalid.form-error { min-height: 18px; font-size: 12px; color: #b00020; /*padding: 0;*/ font-style: normal; }
.theme-black input.error[type="text"]:not(.browser-default) { border-bottom: 1px solid #b00020; -webkit-box-shadow: 0 1px 0 0 #b00020; box-shadow: 0 1px 0 0 #b00020; }
.theme-black .float-right { float: right; }
.theme-black .backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 5px 0 0; font-size: 20px; }
.theme-black .backto-priomarket a { margin: 4px 15px !important; line-height: 56 !important; }
.theme-black .collapsible.sidenav li { margin: 0; }
.theme-black .collapsible.sidenav li.active { border: 0; }
.theme-black .collapsible.sidenav li.sidenav-header { line-height: 20px; padding: 15px; }
.theme-black .home-main .sidenav li.sidenav-header > a { margin: 0; }
.theme-black .sidenav-header .user { font-size: 16px; display: block; padding: 10px 0 0; }
.theme-black .sidenav-header .user span { display: block; font-weight: 300; font-size: 15px; }
.theme-black #account-dropdown { position: fixed; display: block; z-index: 9999999; right: 0; top: 15px; left: 282px; opacity: 1; width: 200px; border-radius: 5px; }
.theme-black #account-dropdown.dropdown-content li > a { padding: 12px 16px; color: rgba(0, 0, 0, 0.87); }
.theme-black .terms-conditions { position: relative; left: 0; }
.theme-black .terms-conditions span a { line-height: 20px; height: 20px; position: relative; padding: 0; color: #202124; }
.theme-black .terms-conditions span { color: #9e9e9e; padding-left: 25px !important; }
.theme-black .terms-conditions [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after, .theme-black .terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):after { top: 3px; width: 16px; height: 16px; }
.theme-black .terms-conditions [type="checkbox"].filled-in:checked + span:not(.lever):before { width: 6px; }
.theme-black .terms-conditions + em.error { padding-left: 32px; }
.theme-black .mdc-button.white-btn { background: #fff; text-transform: capitalize; color: #202124; float: right; margin: 15px 0; }
.theme-black .mdc-button.grey-btn { background: #f5f5f5; color: #9d9d9d; float: right; margin: 15px 0; }
.theme-black .mdc-toolbar-fixed-adjust { margin: 0; padding: 0; }
.theme-black .brand-logo { left: 0; transform: translateX(0); }
.theme-black .brand-logo img { height: 38px; margin: 13px 0 0 0; }
.theme-black .step-2 { padding: 60px 0 0; background: url(../images/banner.jpg) 0 0 no-repeat; background-size: cover; }
.theme-black .step-2 header { position: fixed; top: 0; left: 0; right: 0; z-index: 9; }
.theme-black .step-2 header nav { padding: 0 15px; min-height: 60px; }
.theme-black header nav .dropdown-content, .theme-black .step-2 header nav .dropdown-content { white-space: nowrap; width: auto !important; }
.theme-black .step-2 h1.header { font-size: 3rem; }
.theme-black .heading { min-height: 209px; padding: 120px 0 0; }
.theme-black .heading h1 { color: #fff; font: 400 2.8125rem/1.06666667 Roboto, RobotoDraft, sans-serif; font-weight: 400; margin-top: 0; text-align: center; }
.theme-black .heading h5 { color: #fff; font: 400 0.9375rem/1.6 Roboto, RobotoDraft, sans-serif; font-weight: 400; font-weight: 300; text-align: center; }
.theme-black .collapsible { box-shadow: none; border: 0; }
.theme-black .collapsible li { border-color: transparent; margin: 10px 0; }
.theme-black .collapsible li.active { border: 1px solid #ddd; }
.theme-black .collapsible .card-header { background: transparent; border: 0; padding: 0; text-decoration: none; color: rgba(0, 0, 0, 0.87); }
.theme-black .collapsible .collapsible-header { background: #e3f2fd; padding: 10px 1.25rem; outline: 0; width: 100%; text-align: left; border-radius: 0; border: 0; }
.theme-black .collapsible .collapsible-header .filled-checkbox { position: relative; top: 2px; pointer-events: none; }
.theme-black .collapsible .collapsible-header .filled-checkbox:after { position: absolute; z-index: 1; top: 0; left: 0; content: ""; height: 100%; width: 100%; }
.theme-black .collapsible .collapsible-header [type="checkbox"] + span:not(.lever) { padding-left: 25px; height: 20px; }
.theme-black .collapsible .collapsible-header .row { margin: 0; width: 100%; }
.theme-black .collapsible .collapsible-body { border: 0; }
.theme-black .collapsible .collapse { border: 1px solid transparent; }
.theme-black .collapsible .collapse.show { border: 1px solid rgba(0, 0, 0, 0.125); }
.theme-black .collapsible-body ul { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.theme-black .collapsible-body ul li a { padding-left: calc(1.25rem + 10px) !important; }
.theme-black .step-panel { position: relative; top: -100px; }
.theme-black .step-panel .step { padding: 24px; margin: auto; max-width: 704px; position: relative; transition: all 100ms; background: #fff; -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); color: #000; }
.theme-black .step-panel .collapsible .collapsible-body { padding: 1rem; }
.theme-black .step-panel .select-wrapper input.select-dropdown:focus, .theme-black .step-panel .select-wrapper input.select-dropdown { padding-right: 15%; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.theme-black .step-panel a { text-decoration: none; }
.theme-black .step-panel .status-img { -moz-border-radius: 50%; border-radius: 50%; height: 40px; position: absolute; width: 40px; }
.theme-black .step-panel .status-img i { font-size: 48px; position: absolute; left: 0; top: -4px; }
.theme-black .step-panel .step-text { padding-left: 56px; margin-right: 0; }
.theme-black .step-panel h2 { font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 46px; margin: 0; }
.theme-black .step-panel p { font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; margin-top: 4px; }
.theme-black .step-panel .start-btn { -moz-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 24px; text-align: center; top: 50%; width: 120px; }
.theme-black .step.step-expanded h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/1.33333333 Roboto, RobotoDraft, sans-serif; line-height: 1.33333; line-height: 40px; margin-bottom: 0; margin-top: 0; }
.theme-black .step-panel .progress { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; }
.theme-black .step-expanded-two #step-two-section-2 { display: none !important; }
.theme-black .step-expanded-one .elevation { padding: 30px 15px; margin: 15px 0; text-align: center; }
.theme-black .step-expanded-one .value-feilds .mdc-text-field__input { padding-bottom: 10px; }
.theme-black .step-panel .step-expanded-one, .theme-black .step.step-expanded { margin: 24px auto; padding: 32px; max-width: 720px; -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.theme-black .step.step-expanded .step-text { margin-right: 0; }
.theme-black .step.step-expanded h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin-top: 32px; margin-bottom: 0; }
.theme-black .step.step-expanded p strong { font-weight: 500; }
.theme-black .step.step-expanded .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }
.theme-black .step.step-expanded .domain-prioticket { position: absolute; right: 0; top: 21px; color: rgba(0, 0, 0, 0.55); }
.theme-black .step.step-expanded .user-info { color: rgba(0, 0, 0, 0.87); font-size: 13px; line-height: 24px; margin: 24px 0; }
.theme-black .step.step-expanded .user-info .light-grey { color: rgba(0, 0, 0, 0.52); }
.theme-black .step.step-expanded .start-btn { display: none; }
.theme-black .step.step-expanded .mdc-text-field { width: 100%; margin: 0; }
.theme-black .step.step-expanded .mdc-text-field-helper-text { margin: 0; display: none; }
.theme-black .step.step-expanded .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }
.theme-black .step.step-expanded .mdc-linear-progress { position: absolute; bottom: 0; left: 0; right: 0; }
.theme-black .step.step-expanded .mdc-layout-grid { padding-top: 0; padding-bottom: 0; }
.theme-black .step.step-expanded .create-user-accounts { display: none; }
.theme-black .step.step-expanded .demo-checkbox-wrapper { position: relative; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px 16px 16px 48px; min-height: 48px; }
.theme-black .step.step-expanded .mdc-checkbox { position: absolute; top: 6px; left: 5px; }
.theme-black .step.step-expanded #enabled-checkbox-label span { color: rgba(0, 0, 0, 0.87); font: 400 0.8125rem/1.53846154 Roboto, RobotoDraft, sans-serif; cursor: pointer; }
.theme-black .step.step-expanded-one h2 { color: rgba(0, 0, 0, 0.87); font: 400 1.5rem/40px Roboto, RobotoDraft, sans-serif; margin-bottom: 0; margin-top: 0; }
.theme-black .step.step-expanded-one h3 { color: rgba(0, 0, 0, 0.87); font: 500 0.9375rem/1em Roboto, RobotoDraft, sans-serif; margin: 32px 0 15px; }
.theme-black .step.step-expanded-one .regsiter-success { align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -moz-transition: background-color 130ms; transition: background-color 130ms; background: #e3f2fd; margin: 0 0 32px; padding: 16px; font-size: 12px; }
.theme-black .step-four .select-product .z-depth-1 { justify-content: center; position: relative; padding: 40px 10px 15px; margin: 15px 0; }
.theme-black .step-four .select-product .z-depth-1 .filled-checkbox { position: absolute; right: 5px; top: 10px; color: #33ac71; }
.theme-black .step-four .select-product .z-depth-1 .filled-checkbox span { padding-left: 20px; height: 20px; }
.theme-black .step-four .select-product .z-depth-1 h5 { margin: 0; font-size: 16px; line-height: 28px; }
.theme-black .register-body .page-container { padding: 0; }
.theme-black .step-1 { background: #202124; min-height: 100vh; display: flex; display: -webkit-flex; align-items: center; }
.theme-black .step-1 .mdc-dialog { position: relative; width: 100%; padding: 0; top: -20px; }
.theme-black .step-1 .mdc-dialog .mdc-dialog__surface { margin: 23px auto; padding: 0 16px 24px; max-width: 750px; position: relative; border-radius: 8px; -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.theme-black .step-1 .brand { padding: 40px 24px 0; }
.theme-black .step-1 h3 { font-size: 24px; letter-spacing: -0.9px; font-weight: 400; line-height: 32px; margin: 0; padding: 15px 00 20px; color: #535353; }
.theme-black .step-1 form { padding-top: 50px !important; }
.theme-black .register-right { display: flex; justify-content: center; align-items: center; padding-top: 50px !important; padding-bottom: 50px !important; }
.theme-black .register-right div { max-width: 340px; width: 100%; text-align: left; }
.theme-black .register-right div .prio-account { height: auto; max-width: 100%; width: 100%; }
.theme-black .register-right .one-account { font-size: 20px !important; }
.theme-black .supplier-detail .register-right div { position: relative; top: -105px; }
.theme-black .supplier-detail .register-right div div { position: static; }
.theme-black .step-1 .mdc-text-field { width: 100%; }
.theme-black .step-1 .mdc-text-field__input { line-height: 24px; padding: 14px 0 10px; height: 38px; }
.theme-black .step-1 .mdc-form-field > label { color: rgba(0, 0, 0, 0.6); }
.theme-black .step-1 .form-footer { margin-top: 27px; margin-bottom: 20px; }
.theme-black .step-1 .form-footer .btn-flat { padding: 0 12px; margin-left: 7px; letter-spacing: -0.2px; font-size: 15px; height: 30px; line-height: 25px; margin-top: -1px; border: 1px solid #202124; color: #202124; display: inline-flex; align-items: center; }
.theme-black .step-1 .form-footer .btn-flat:hover { background: rgba(0, 0, 0, 0.05); }
.theme-black .supplier-detail .one-account, .theme-black .step-1 .one-account { font-size: 16px; color: #535353; font-weight: 300; }
.theme-black .step-1 .mdc-dialog__footer .mdc-layout-grid { width: 100%; }
.theme-black .step-1 .select-wrapper { display: inline-block; }
.theme-black .step-1 footer .select-wrapper input.select-dropdown { font-size: 12px; border-bottom: 0; height: 18px; padding-right: 25px; }
.theme-black .step-1 footer .select-wrapper .dropdown-content { width: auto !important; white-space: nowrap; }
.theme-black .step-1 .mdc-dialog__footer .select-wrapper .caret { right: -25px; top: -3px; }
.theme-black .step-1 .mdc-dialog__footer .mdc-select { height: 32px; }
.theme-black .step-1 .mdc-dialog__footer a { font-size: 12px; text-transform: capitalize; padding: 6px 10px; line-height: 16px; height: 28px; position: relative; right: -10px; }
.theme-black .supplier-detail .prio-account, .theme-black .step-1 .prio-account { margin: 0 0 18px; max-width: none; height: 75px; width: auto; }
.theme-black .select-wrapper input.select-dropdown.value-selected { color: rgba(0, 0, 0, 0.87); text-align: left; }
.theme-black .step-1 footer { margin-top: 24px; }
.theme-black body.login-page { background: none; }
.theme-black .register-success .mdc-dialog__surface, .theme-black .step-3 .mdc-dialog__surface, .theme-black body.login-page .mdc-dialog__surface { -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.24); }
.theme-black .step-3 h6 { color: #535353; text-align: center; }
.theme-black .register-success header, .theme-black .step-3 header { background: #1bb7c2; height: 160px; justify-content: center; display: flex; align-items: center; }
.theme-black .register-success img, .theme-black .step-3 header img { width: auto; margin-bottom: 5px; height: 58px; }
.theme-black .register-success header span, .theme-black .step-3 header span { position: relative; left: -1px; font-size: 18px; top: -7px; }
.theme-black .register-success .mdc-dialog, .theme-black .step-3 .mdc-dialog { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }
.theme-black .register-success .mdc-dialog__surface, .theme-black .step-3 .mdc-dialog__surface { background: #fff; overflow: hidden; max-width: 420px; min-width: 300px; width: 100%; /*-webkit-box-shadow: none; box-shadow: none; */ }
.theme-black .step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 0 25px 35px; }
.theme-black .step-3 .btn { width: 100%; margin: 15px 0 0; background-color: #1bb7c2 !important; }
.theme-black .step-3 .others-link { margin-left: -16px; margin-right: -16px; }
.theme-black .step-3 .others-link a { padding: 6px 16px; color: #1bb7c2 !important; }
.theme-black .step-3 .others-link a:hover { background-color: #58D1D9; }
.theme-black .step-3 .note { font-size: 12px; line-height: 16px; }
.theme-black .step-3 .mdc-text-field-helper-text { display: none; }
.theme-black .step-3 .mdc-text-field--invalid + .mdc-text-field-helper-text { display: block; }
.theme-black .step-3 .visibility-off { position: absolute; right: 10px; top: 15px; color: rgba(0, 0, 0, 0.54); cursor: pointer; }
.theme-black .step-3 .visibility-off i { width: 24px; }
.theme-black .step-3 .visibility-off i::-moz-selection { background: transparent; }
.theme-black .step-3 .visibility-off i::selection { background: transparent; }
.theme-black .step-expand-section .section-body { display: none; }
.theme-black .step-panel .section-body { display: none; }
.theme-black .step-panel .step-expand-section .section-body { display: block; }
.theme-black .step-register h2 { line-height: 40px; cursor: pointer; }
.theme-black .step-register.step-expanded-one h2, .theme-black .step-register h2.show-on-expand { display: none; cursor: pointer; }
.theme-black .step-register.step-expanded-one h2.show-on-expand { display: block; }
.theme-black .step-register form { margin: 30px 0 0; display: none; }
.theme-black .step-register.step-expanded-one form { display: block; }
.theme-black .step-panel .verify-domain { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }
.theme-black .home-main #slide-out { top: 0; z-index: 999999; overflow: hidden; }
.theme-black .home-main .demo-user { display: none; font-weight: 600; font-size: 20px; margin-right: 20px; }
.theme-black .home-main .demo-user span { font-weight: normal; font-size: 16px; }
.theme-black .home-main .sidenav .collapsible li { width: 100%; margin: 0; border: 0; }
.theme-black .home-main .sidenav li > a { padding: 0 1.25rem; }
.theme-black .home-main .sidenav li.active { background: transparent; }
.theme-black .home-main .sidenav li.active > a { color: #202124; /*border-bottom:1px solid rgba(0, 0, 0, 0.12);*/ }
.theme-black .home-main .sidenav li > a:hover i, .theme-black .home-main .sidenav li.active > a i { color: #202124; }
.theme-black .home-main .sidenav li > a i.chevron-right { position: absolute; right: 15px; margin: 0; top: 0; }
.theme-black .home-main .sidenav li.active > a i.chevron-right { transform: rotate(-90deg); }
.theme-black .home-main .sidenav li.active .collapsible-body ul { background: #f4f4f4; border: 0; }
.theme-black .products-page .filters-bar .product-type li a.highlighted { font-weight: 500; color: #202124; }
.theme-black body.products-page .distributor [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after, .theme-black body.products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::after { top: 10px; }
.theme-black .products-page .distributor [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 7px; }
.theme-black .home-main .sidenav li > a:hover { color: #202124; background-color: #f4f4f4 !important; }
.theme-black .home-main .collapsible .collapsible-header { background: transparent; color: rgba(0, 0, 0, 0.87); }
.theme-black .home-main header { position: fixed; width: 100%; height: 60px; z-index: 999; top: 0; left: 0; }
.theme-black .home-main header nav { padding-right: calc(10px + .75rem); background: #fff !important; }
.theme-black .home-main .heading { padding: 30px 0 0; }
.theme-black .home-main .heading h1 { font-size: 30px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 40px; margin: 0 0 15px; text-transform: uppercase; }
.theme-black .home-main .heading p { font-family: "Roboto", sans-serif; color: #fff; margin: 0 0 20px; font-size: 18px; }
.theme-black .home-main .heading h5 { font-size: 24px; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 30px; margin: 0 0 40px; }
.theme-black .home-main .parallax-container { height: 275px; background: #00737d; }
.theme-black .home-main nav .sidenav-trigger { display: block; border-radius: 50%; height: 40px; margin-top: 12px; }
.theme-black .home-main nav .sidenav-trigger i { height: 40px; line-height: 40px; }
.theme-black .home-main .brand-logo { left: 70px; transform: translateX(0); }
.theme-black .home-main .sales-accounts .col { margin-bottom: 15px; margin-left: 0; }
.theme-black .home-main .sales-accounts .z-depth-1 { padding: 25px; height: 100%; cursor: pointer; width: 100%; }
.theme-black .home-main .sales-accounts .z-depth-1 .error { position: absolute; bottom: 30px; font-size: 18px; }
.theme-black .home-main .sales-accounts .z-depth-1:hover { background: #d6d6d6 !important; cursor: pointer; -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
.theme-black .home-main .sales-accounts img { height: 36px; }
.theme-black .home-main .sales-accounts strong { display: block; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; }
.theme-black .home-main { background: #fbfbfb; /*    .growing-graph .container{ max-width: 1580px; width: 100%; }*/ }
.theme-black .home-main .sales-accounts p { margin: 0 0 10px; }
.theme-black .home-main .sales-accounts p.hotel_name { font-size: 11px; }
.theme-black .home-main .sales-accounts .material-icons { font-size: 36px; }
.theme-black .home-main .growing-graph { padding: 40px 0; }
.theme-black .home-main .growing-graph .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.theme-black .home-main .growing-text { display: -ms-flexbox; display: flex; align-items: center; padding: 10px 0.75rem; }
.theme-black .home-main .growing-graph a { color: #202124; padding: 0; display: block; font-size: 14px; text-transform: capitalize; }
.theme-black .home-main .growing-text span { color: #00737d !important; text-transform: uppercase; cursor: default; padding: 0; }
.theme-black .home-main .growing-graph .growing-graph-img { text-align: center; }
.theme-black .home-main .growing-graph .growing-graph-img img { width: 100px; }
.theme-black .home-main .growing-graph .growing-text div { width: 100%; }
.theme-black .home-main .growing-graph a:hover { text-decoration: underline; }
.theme-black .home-main .growing-graph p { font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 5px; line-height: 26px; }
.theme-black .home-main .sales-account-list { margin: 0; }
.theme-black .home-main .sales-account-list i { font-size: 32px !important; }
.theme-black .home-main .sales-account-list .account-desc { font-size: 16px; line-height: 20px; }
.theme-black .home-main .sales-account-list .z-depth-1 { min-height: 210px !important; }
.theme-black .home-main .sales-account-list h6 { font-weight: normal; line-height: 20px; font-size: 18px; margin-bottom: 20px; }
.theme-black .home-main .accounts-list { height: calc(100vh - 66px); display: flex; align-items: center; }
.theme-black #deleteTicket.modal { max-width: 440px; z-index: 99999 !important; top: 30% !important; }
.theme-black #deleteTicket.modal .modal-footer { padding-right: 24px; }
.theme-black #createproduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }
.theme-black #createproduct.modal { max-height: 75%; }
.theme-black #createproduct .h6 { line-height: 26px; font-weight: 400; font-size: 18px; }
.theme-black #createproduct .createproduct-inner { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); overflow-y: auto; }
.theme-black #createproduct .chechbox-with-info { position: relative; padding-left: 26px; margin-bottom: 8px; }
.theme-black #createproduct .chechbox-with-info + .chechbox-with-info { position: relative; padding-left: 26px; padding-right: 0; }
.theme-black #createproduct .chechbox-with-info p { margin: 5px 0 15px; line-height: 18px; font-size: 15px; }
.theme-black #createproduct .chechbox-with-info label { position: absolute; left: 0; top: 0; }
.theme-black #createproduct .m2.subtitle1 { line-height: 47px; }
.theme-black #createproduct .field-error .select-wrapper .caret { top: -32px; }
.theme-black #createproduct .modal-footer { padding-right: 42px; height: 65px; margin: 10px 0 15px; }
.theme-black #createproduct .select-wrapper .dropdown-content { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.theme-black #createproduct .btn-flat, .theme-black #createproduct .btn { font-size: 14px; }
.theme-black #select_channels .row-flex .col { margin-left: 0; margin-bottom: 10px; }
.theme-black #ticket-listing h4 { font-size: 24px; }
.theme-black #ticket-listing h4 span { font-size: 16px; margin-left: 5px; }
.theme-black #ticket-listing p { margin: 0; }
.theme-black #ticket-listing .modal-footer { text-align: left !important; }
.theme-black #ticket-listing .modal-footer-inner { margin-bottom: 5px; }
.theme-black #ticket-listing { height: auto; max-height: 80%; }
.theme-black #ticket-listing th { white-space: nowrap; position: relative; font-weight: 500; }
.theme-black #alert_popup { max-width: 300px; width: 100%; }
.theme-black #moreinformation { max-width: 700px; top: 20% !important; box-shadow: 7px 6px 4px #515761; overflow: visible; }
.theme-black #moreinformation .moreinformation-inner { overflow-y: auto; box-shadow: -7px -6px 4px #515761; }
.theme-black .distributors-page { min-height: 100%; }
.theme-black .main-section #main_section, .theme-black .my-products, .theme-black .distributors { height: calc(100% - 194px); width: 100%; padding-left: 0; display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; position: relative; }
.theme-black .my-products.reseller-profile { display: -ms-flexbox; display: flex; justify-content: right; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; }
.theme-black .distributors .sidenav { position: absolute; }
.theme-black .distributors .distributors-sidenav { padding: 0; height: 100%; }
.theme-black .distributors-right-panel h6, .theme-black .distributors .sidenav .user-view { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); min-height: 67px; }
.theme-black .distributors .distributors-tabs { padding: 10px 15px 0; }
.theme-black .distributors #distributors-requested .dataTables_wrapper { margin-top: 0; }
.theme-black .distributors #distributors-requested table, .theme-black .distributors #distributors-received table { table-layout: fixed; }
.theme-black .distributors #distributors-requested table th { width: 10% !important; }
.theme-black .distributors #distributors-received table th { width: 10% !important; }
.theme-black .distributors-right-panel h6 { padding: 15px 30px; }
.theme-black .distributors .sidenav .user-view a { display: flex; }
.theme-black .distributors .sidenav .user-view i { font-size: 2.25rem; margin-right: 20px; }
.theme-black .distributors-right-panel .highlight { width: calc(100% - 50px); margin: 15px auto; table-layout: fixed; }
.theme-black .distributors-right-panel .highlight th { white-space: nowrap; position: relative; font-weight: 500; }
.theme-black .distributors-right-panel .highlight th.th-id { min-width: 65px; }
.theme-black .distributors-right-panel .highlight th.price-list { min-width: 65px; }
.theme-black .distributors-right-panel .highlight th.template { min-width: 65px; }
.theme-black .distributors-right-panel .highlight th i { position: relative; top: 5px; }
.theme-black .distributors-right-panel .highlight a { margin: 0 5px; }
.theme-black .distributors-right-panel .highlight a.waves-effect i { font-size: 22px; }
.theme-black .distributors-page .marketplace-btns { margin: 0; }
.theme-black .marketplace-btns h6 { color: #535353; display: inline-block; }
.theme-black .marketplace-btns .marketplace-header { width: calc(100% - 300px); }
.theme-black .marketplace-btns .marketplace-header h6 { color: #535353; display: inline-block; }
.theme-black .marketplace-btns .marketplace-header .tabs { margin-top: 16px; }
.theme-black .distributors-page a.sidenav-trigger-dist { margin: 0 24px; float: left; }
.theme-black .distributors-page .create-ticket { float: right; }
.theme-black .priomarket-distributors .sidenav a { height: 64px; padding-top: 10px; padding-bottom: 5px; }
.theme-black .priomarket-distributors .sidenav span { text-align: center; margin-right: 10px; width: 85px; height: 85px; line-height: 50px; display: inline-flex; justify-content: center; align-items: center; }
.theme-black .priomarket-distributors .sidenav span img { /*width: 27px;*/ max-height: 55px; max-width: 55px; vertical-align: middle; }
.theme-black .priomarket-distributors nav { height: auto; min-height: 64px; }
.theme-black .priomarket-distributors .select-what-products { color: #535353; padding: 0 25px; font-size: 16px; line-height: 24px; }
.theme-black .priomarket-distributors .ticket-detail-header a.translate_btn i { position: relative; top: -11px; }
.theme-black .priomarket-distributors .listing { margin-bottom: 20px; }
.theme-black .priomarket-distributors .listing label { font-size: 13px; }
.theme-black .priomarket-distributors .listing .label-info { font-size: 16px; }
.theme-black .priomarket-distributors .filter-box.product-type { padding: 20px 20px; }
.theme-black .priomarket-distributors th .dropdown-trigger { position: absolute; left: 25px; top: 24px; width: 15px; height: 15px; }
.theme-black .distributors-right-panel .highlight a.dropdown-trigger i { position: relative; left: 7px; top: 0; font-size: 30px; line-height: 15px; }
.theme-black .distributors-right-panel .highlight .dropdown-content { width: 190px !important; }
.theme-black .distributors-right-panel .highlight .dropdown-content a { font-size: 14px; color: #202124; }
.theme-black .distributors-right-panel .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; font-weight: 400; }
.theme-black .distributors-right-panel .dropdown-content li { min-height: 1px; position: relative; }
.theme-black .distributors-right-panel .dropdown-content i { right: auto; left: 18px !important; top: 6px !important; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; display: none; }
.theme-black .distributors-right-panel .dropdown-content li.current-action i { display: block; }
.theme-black .distributors-right-panel table.highlight .actions-oprtions a { white-space: nowrap; padding: 0 5px; line-height: 32px; height: 32px; margin: 0 0 0 5px; font-size: 16px; display: none; }
.theme-black .distributors-right-panel table.highlight tbody tr:hover .actions-oprtions a { display: inline-block; }
.theme-black .distributors-right-panel table.highlight th.th-checkbox { width: 40px; padding-left: 10px; }
.theme-black .distributors-right-panel table.highlight th.th-checkbox label { position: relative; top: 4px; }
.theme-black .distributors-right-panel table.highlight td.td-checkbox { padding-left: 10px; }
.theme-black .distributors-right-panel table.highlight td.td-checkbox label { position: relative; top: 3px; }
.theme-black .distributors-right-panel table.highlight th.th-id { width: 80px; min-width: 80px; }
.theme-black .distributors-right-panel table.highlight .distributor-link { cursor: pointer; color: #959595; }
.theme-black .distributors-right-panel table.highlight .distributor-link:hover { color: #202124; }
.theme-black .distributors-right-panel table.highlight th.th-name { width: 135px; }
.theme-black .distributors-right-panel table.highlight th.th-product-type { width: 70px; }
.theme-black .distributors-right-panel table.highlight th.th-product-range { width: 140px; }
.theme-black .distributors-right-panel table.highlight th.th-list-price { width: 60px; }
.theme-black .distributors-right-panel table.highlight th.th-discount { width: 55px; }
.theme-black .distributors-right-panel table.highlight th.th-fees { width: 50px; }
.theme-black .distributors-right-panel table.highlight th.th-resale-price { width: 75px; }
.theme-black .distributors-right-panel table.highlight th.actions { width: 150px; }
.theme-black .distributors-right-panel table.highlight td.td-product-name { word-break: break-all; }
.theme-black .CustomPricing .modal-content table th, .theme-black .CustomPricing .modal-content table td { padding-left: 10px; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-name { width: auto; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-type { width: 100px; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-product-range { width: 100px; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-list-price { width: 130px; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-discount { width: 130px; }
.theme-black .distributors-right-panel .CustomPricing .modal-content table.highlight th.th-fees { width: 130px; }
.theme-black .get-your-guide nav { background: #f6f6f6 !important; border-bottom: 1px solid #d3d3d3; }
.theme-black .get-your-main .banner-section { background: #f6f6f6; padding: 60px 0 40px 0; margin: 0; }
.theme-black .get-your-main .banner-section h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }
.theme-black .get-your-main .banner-section a.weblink { font-size: 16px; line-height: 20px; font-weight: 400; color: #202124; display: inline-block; margin: 4px 0 0; }
.theme-black .get-your-main .banner-section h4 { font-size: 14px; margin: 20px 0 0; line-height: 16px; color: rgba(0, 0, 0, 0.987); max-width: 450px; }
.theme-black .get-your-main .banner-section .golbal-ota { color: rgba(0, 0, 0, 0.654); font-size: 13px; line-height: 16px; display: block; }
.theme-black .get-your-main .banner-section .btn { margin: 20px 0 0; }
.theme-black .get-your-main .leftpanel { width: 264px; padding: 0 40px 0 64px; }
.theme-black .get-your-main .rightpanel { width: calc(100% - 264px); }
.theme-black .get-your-main .rightpanel .rightpanel-inner { max-width: 820px; }
.theme-black .get-your-main .leftpanel span { overflow: hidden; background-color: #fff; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); height: 148px; width: 148px; display: flex; align-items: center; justify-content: center; }
.theme-black .get-your-main .leftpanel span img { max-width: 90px; max-height: 90px; }
.theme-black .get-your-main .get-your-content h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); font-weight: 500; }
.theme-black .get-your-main .get-your-content { padding-bottom: 50px; }
.theme-black .get-your-main .get-your-content p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }
.theme-black .public-profile .public-profile-inner { max-width: 750px; margin: 50px auto 20px; }
.theme-black .public-profile .public-profile-inner p { max-width: 560px; margin: 30px 0 70px; }
.theme-black .public-profile .public-profile-inner textarea { border: 0; border-bottom: 1px solid #959595; height: 48px; }
.theme-black .public-profile .public-profile-inner textarea :focus { outline: -webkit-focus-ring-color auto 0 !important; }
.theme-black .public-profile .public-profile-inner h2 { font-size: 24px; line-height: 28px; color: rgba(0, 0, 0, 0.987); margin: 0; font-weight: 400; }
.theme-black .public-profile .public-profile-inner .chips-parent { margin: 20px 0 8px; }
.theme-black .public-profile .public-profile-inner .chips-parent label { font-size: 1rem; }
.theme-black .public-profile .public-profile-inner form .btn.request { margin-top: 30px; }
.theme-black .public-profile .public-profile-inner .custom-browse { margin-bottom: 15px; }
.theme-black .public-profile .public-profile-inner #preview-image { max-width: 150px; }
.theme-black .products-page { overflow: auto !important; }
.theme-black .create-templates .create-templates-nav, .theme-black .combi-products nav, .theme-black .products-page .marketplace-btns { position: fixed; left: 0; top: 56px; z-index: 998; }
.theme-black .products-page .filters-bar .search { position: relative; padding: 10px 20px 5px; }
.theme-black .products-page .filters-bar .search .search-wrapper input { padding: 0 15px 0 45px; margin: 0; border-bottom: 0; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; }
.theme-black .products-page .filters-bar .search .search-wrapper input:focus { box-shadow: none; }
.theme-black .products-page .filters-bar .search .search-wrapper i.material-icons { position: absolute; top: 20px; left: 15px; cursor: pointer; color: #535353; }
.theme-black .products-page .filter-box { padding: 10px 20px 35px; margin: 0 0 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); position: relative; }
.theme-black .products-page .filter-box #product_status { margin: 10px 0 0 0; }
.theme-black .products-page .filter-box #product_status span { padding-left: 40px; }
.theme-black .products-page .filter-box .subtitle2 { text-transform: uppercase; }
.theme-black .products-page .filter-box.categories .dropdown-trigger { position: relative; right: -7px; top: -5px; height: 30px; }
.theme-black .products-page .filter-box.categories .dropdown-content { position: absolute; right: 10px; left: auto !important; }
.theme-black .products-page .filter-box.product-status ul li, .theme-black .products-page .filter-box.categories ul li { line-height: 35px; }
.theme-black .products-page .filter-box.suppliers .select-dropdown:focus, .theme-black .products-page .filter-box.suppliers .select-dropdown, .theme-black .products-page .filters-bar .product-type li > a, .theme-black .products-page .filter-box #product_status span, .theme-black .products-page .filter-box.categories ul li label span { font-size: 14px; font-weight: 400; }
.theme-black .products-page .filter-box.suppliers { padding: 8px 20px 8px; }
.theme-black .products-page .filter-box.suppliers .select-dropdown:focus, .theme-black .products-page .filter-box.suppliers .select-dropdown { margin: 0; box-shadow: none; border-bottom: 0; }
.theme-black .products-page .filter-box.suppliers input.select-dropdown { height: 30px; }
.theme-black .products-page .filters-bar .product-type li { position: relative; border-radius: 0 30px 30px 0; margin: 0; }
.theme-black .products-page .filters-bar .product-type li ul li { border-radius: 0; }
.theme-black .products-page .filters-bar .product-type ul { margin-right: 10px; }
.theme-black .products-page .filters-bar .product-type li:hover { background: rgba(0, 0, 0, 0.05); }
.theme-black .products-page .filters-bar .product-type li:hover a { background: transparent; }
.theme-black .products-page .filters-bar .product-type li > a + a { display: none; }
.theme-black .products-page .filters-bar .product-type li:hover > a + a { display: block; }
.theme-black .products-page .filters-bar .product-type li > a { border-radius: 30px; color: #959595; }
.theme-black .products-page .filters-bar .product-type li > a.pointer-event-none { color: rgba(0, 0, 0, 0.25); }
.theme-black .products-page .filters-bar .product-type li ul a { border-radius: 0; }
.theme-black .products-page .filters-bar .product-type li ul a:hover { background: transparent; }
.theme-black .products-page .filters-bar .product-type li .dropdown-trigger { margin: 0 !important; position: absolute; text-align: center; right: 1px; top: 4px; height: 40px !important; width: 40px !important; padding: 0; }
.theme-black .products-page .filters-bar .product-type li:hover .dropdown-trigger:hover, .theme-black .products-page .filters-bar .product-type li .dropdown-trigger:focus { background: #dadada !important; }
.theme-black .products-page .filters-bar .product-type li .dropdown-content { right: auto; left: calc(100% - 15px) !important; }
.theme-black .products-page .filters-bar .product-type.filter-box { padding: 10px 0; }
.theme-black .products-page .filters-bar .product-type.filter-box .control-label { padding: 10px 20px; }
.theme-black .products-page .filters-bar .product-type.filter-box a:focus, .theme-black .products-page .filters-bar .product-type.filter-box a:visited { border: 0 !important; outline: 0; }
.theme-black .products-page .filters-bar .product-type.filter-box .btn-floating { margin-right: 10px; height: 30px; width: 30px; line-height: 33px; }
.theme-black .products-page .filters-bar .product-type.filter-box i { margin-right: 0; line-height: 40px; height: 40px; float: none; width: 32px; }
.theme-black .products-page .filters-bar ul { margin: 5px 0 0 0; }
.theme-black .products-page .filters-bar .create-new-category { margin: 10px; display: block; }
.theme-black .products-page .filters-bar .qty { margin-right: 10px; }
.theme-black .products-page .filter-box.translation { padding: 10px 20px; border-bottom: 0; }
.theme-black .products-page .filter-box.product-type { padding: 20px 20px 10px; }
.theme-black .products-page .filter-box.product-type.header { display: flex; display: -webkit-flex; align-items: center; }
.theme-black .products-page .filter-box.product-type.header a { width: 150px; line-height: 20px; height: auto; padding: 0; }
.theme-black .products-page .filter-box.overview-list { padding: 10px 20px; }
.theme-black .products-page .filter-box.overview-list ul { margin: 10px -20px; }
.theme-black .products-page .filter-box.overview-list li { line-height: 38px; }
.theme-black .products-page .filter-box.overview-list a { line-height: 26px; height: 36px; color: #959595; font-size: 13px; }
.theme-black .products-page .filters-bar { position: absolute; padding: 30px 0 0; top: 0; left: 0; z-index: 998; }
.theme-black .products-page a.filter-trigger { margin: 0 16px; z-index: 99999; position: relative; top: 10px; }
.theme-black .products-page .my-products-right-panel h6 { padding: 0 0.75rem; font-weight: 400; color: #535353; margin: 20px 0 15px; }
.theme-black .products-page .my-products-right-panel .card-content { padding: 15px 24px; width: 100%; }
.theme-black .products-page .my-products-right-panel .card .card-image img { height: 270px; object-fit: cover; }
.theme-black .products-page .my-products-right-panel .card .card-image { width: 100%; }
.theme-black .products-page .my-products-right-panel .card { height: calc(100% - 1.5rem); display: flex; display: -webki-flex; flex-wrap: wrap; align-items: flex-end; }
.theme-black .products-page .my-products-right-panel .card .card-top { align-self: flex-start; width: 100%; }
.theme-black .products-page .my-products-right-panel .card .card-action { width: 100%; }
.theme-black .products-page .my-products-right-panel .col { margin-left: 0; }
.theme-black .products-page .card:hover { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
.theme-black .products-page .card .card-content .card-header .dropdown-trigger { position: absolute; top: 5px; right: -20px; border-radius: 50%; }
.theme-black .products-page .card .card-content .card-header .dropdown-trigger:hover, .theme-black .products-page .card .card-content .card-header.product-dropdown-action-open .dropdown-trigger { background: #f1f1f1; }
.theme-black .products-page .card .card-content .card-header .dropdown-trigger i { color: #535353 !important; margin: 0; font-size: 27px; }
.theme-black .products-page .card-header .dropdown-content { top: 34px !important; }
.theme-black .products-page .card .card-header { position: relative; padding-left: 45px; padding-right: 10px; }
.theme-black .products-page .card .card-header .btn-floating { position: absolute; top: 4px; left: -10px; font-size: 24px; font-weight: 500; height: 40px; width: 40px; line-height: 40px; }
.theme-black .products-page .card .card-content .card-title { font-size: 14px; font-weight: 400; line-height: 24px; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.theme-black .products-page .card .card-content p { font-size: 12px; line-height: 23px; }
.theme-black .products-page .card .card-action { padding: 15px 14px; }
.theme-black .products-page .card .card-action a { margin: 0 0 0 15px !important; font-size: 14px; }
.theme-black .products-page .dropdown-content { width: 194px !important; font-weight: 400; overflow: visible; }
.theme-black .products-page .dropdown-content li { min-height: 1px; position: relative; }
.theme-black .products-page .dropdown-content li a { padding: 6px 48px; height: auto; line-height: 20px; }
.theme-black .products-page .dropdown-content i { right: auto; left: 18px; top: 6px; font-size: 20px; height: 20px; line-height: 20px !important; position: absolute; }
.theme-black .products-page .dropdown-content li i { display: none; }
.theme-black .products-page .dropdown-content li > a, .theme-black .products-page .dropdown-content li > span { font-size: 14px; color: #202124; }
.theme-black .products-page .dropdown-content li:hover a, .theme-black .products-page .dropdown-content li span { color: #959595; }
.theme-black .products-page .dropdown-content li.current-action i { display: block; }
.theme-black .products-page .pagination { width: 100%; }
.theme-black .products-page .pagination span { color: rgba(0, 0, 0, 0.654) !important; font-size: 12px; }
.theme-black .products-page .pagination .btn-flat { margin: 0 0 0 6px; height: 40px; min-width: 0; line-height: 24px; padding: 8px; width: 40px; }
.theme-black .products-page .pagination .btn-flat + .btn-flat { margin: 0 6px 0 0; }
.theme-black .products-page .dropdown-content li.labelcolor { margin: 8px 0; border-radius: 0; }
.theme-black .products-page .dropdown-content li.labelcolor ul { display: block; width: 236px !important; }
.theme-black .products-page .dropdown-content li.labelcolor:hover ul { display: block; right: auto; left: 100% !important; opacity: 1; }
.theme-black .products-page .dropdown-content li.labelcolor .label { padding: 6px 40px 6px 20px; /*font-weight: 300;*/ line-height: 20px; font-size: 14px; color: #5f6368; margin-top: 6px; }
.theme-black .products-page .dropdown-content li.labelcolor .label:hover { background: transparent; cursor: default; }
.theme-black .products-page .dropdown-content li.labelcolor .material-icons { display: block; right: 15px; left: auto; }
.theme-black .products-page .dropdown-content li.labelcolor:hover .material-icons { color: #202124; }
.theme-black .products-page .dropdown-content li.labelcolor .color-picker-inner { padding: 0 46px 18px; margin-top: 0; font-size: 0; line-height: 0; }
.theme-black .products-page .dropdown-content li.labelcolor .color-picker-inner:hover { background: transparent; }
.theme-black .products-page .dropdown-content li.labelcolor .pick-color-selected { right: auto; left: 15px; top: 5px; position: absolute; }
.theme-black .products-page .dropdown-content li.labelcolor .pick-color-selected, .theme-black .products-page .dropdown-content li.labelcolor .color-picker-inner .pick-color { padding: 0; display: inline-block; text-decoration: none; color: #202124; font-size: 15px; border-radius: 50%; width: 20px; line-height: 20px; text-align: center; margin: 2px; }
.theme-black .products-page .dropdown-content li.labelcolor a { text-decoration: none; color: #202124; font-weight: 400; }
.theme-black .products-page .dropdown-content li.labelcolor .add-color { margin-top: 10px; }
.theme-black .products-page .dropdown-content li.labelcolor .remove-color { margin-bottom: 5px; }
.theme-black .products-page .dropdown-content li.labelcolor.add-color a, .theme-black .products-page .dropdown-content li.labelcolor.remove-color a { padding: 6px 46px; line-height: 20px; }
.theme-black #showLess, .theme-black #loadMore { padding-left: 20px; height: 32px; line-height: 32px; width: calc(100% - 10px); position: absolute; left: 0; bottom: 8px; color: #959595; font-size: 14px; cursor: pointer; border-radius: 0 16px 16px 0; }
.theme-black #showLess:hover, .theme-black #loadMore:hover { background: #f1f3f4; }
.theme-black #showLess i, .theme-black #loadMore i { position: relative; top: 5px; margin-right: 8px; left: -4px; }
.theme-black #showLess em, .theme-black #loadMore em { position: relative; top: -2px; font-style: normal; }
.theme-black .my-product-v2 { background: #fafafa; }
.theme-black .my-product-v2 div.my-products-right-panel { padding: 0; }
.theme-black .my-product-v2 .my-products-right-panel nav { /*box-shadow: none;*/ border-bottom: 1px solid #e0e0e0; margin: 0; height: 64px; line-height: 64px; }
.theme-black .my-product-v2 .my-products-right-panel .my-products-right-panel-inner { padding: 0 20px; }
.theme-black .my-product-v2 .my-products-right-panel .header-row { margin: 20px 5px 0; }
.theme-black .my-product-v2 .my-products-right-panel .header-row2 { margin: 10px 5px 0; }
.theme-black .my-product-v2 .my-products-right-panel .header-row a { padding: 6px 16px; font-weight: 300; }
.theme-black .my-product-v2 .my-products-right-panel h6 { font-size: 16px; color: rgba(0, 0, 0, 0.654); font-weight: 400; margin: 0; padding: 6px 0; line-height: 24px; }
.theme-black .my-product-v2 .card-box { padding: 0 5px 10px; }
.theme-black .my-product-v2 .card-box .card-footer { margin: 10px 0 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.theme-black .my-product-v2 .card-box .card-footer a { font-size: 12px; letter-spacing: -0.2px; }
.theme-black .my-product-v2 .card-box .card-footer a + a { margin-left: 5px; border: 1px solid #d3d3d3; padding: 5px 10px; color: #d5d5d5; }
.theme-black .my-product-v2 .card.selected-card { background-color: #d6d6d6 !important; }
.theme-black .my-product-v2 .card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }
.theme-black .my-product-v2 .card.selected-card, .theme-black .my-product-v2 .card-box .card:hover, .theme-black .my-product-v2 .card-box .card:focus { -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; }
.theme-black .my-product-v2 .card-logo img { max-width: 100%; vertical-align: middle; max-height: 100%; }
.theme-black .my-product-v2 .card { height: 315px; margin: 0; position: relative; background-color: #fff; -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); padding: 0 0 16px 0; transition: box-shadow 200ms; width: 230px; cursor: default !important; display: inline-block; }
.theme-black .my-product-v2 .card.no-resellers-available { height: auto; margin: 20px 0; padding: 0; text-align: center; }
.theme-black .my-product-v2 .card.no-resellers-available p { padding: 8px 20px; }
.theme-black .my-product-v2 .card h3 { font-size: 15px; line-height: 21px; max-height: 42px; margin: 6px 0 8px; padding: 0 20px; }
.theme-black .my-product-v2 .card h4 { color: rgba(0, 0, 0, 0.654); font-size: 13px; font-weight: 300; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -8px 0 8px; bottom: -5px; padding: 0 20px; }
.theme-black .my-product-v2 .card p { font-size: 13px; line-height: 20px; margin: 5px 0 0; max-height: 60px; height: 40px; overflow: hidden; color: rgba(0, 0, 0, 0.654) !important; padding: 0 20px; }
.theme-black .my-product-v2 .card dl { bottom: 0; font-size: 13px; left: 0; line-height: 20px; padding: 0 20px 16px; position: absolute; vertical-align: baseline; margin: 0; width: 100%; }
.theme-black .my-product-v2 .card dl dt { display: inline-block; margin: 0; font-weight: 500; }
.theme-black .my-product-v2 .card dl dd { display: inline-block; margin: 0; color: rgba(0, 0, 0, 0.654) !important; }
.theme-black .my-product-v2 .banner-content { background: url(../images/pulish-banner.jpg) 0 bottom no-repeat; height: 278px; background-size: 100% auto; position: relative; }
.theme-black .my-product-v2 .banner-content .btn { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -87px; }
.theme-black .create-templates .create-templates-nav { /*height: auto;*/ margin: 0; }
.theme-black .create-templates .create-templates-tabs { width: 100%; }
.theme-black .create-templates .create-templates-tabs .tabs { width: auto; float: left; padding: 0 15px; }
.theme-black .create-templates .create-templates-tabs .btn { margin: 6px 20px 6px 0; }
.theme-black .create-templates .no-product-available { padding: 15px; }
.theme-black .create-templates.products-page .my-products-right-panel { padding-top: 52px; }
.theme-black .create-templates .distributor li { line-height: 36px; }
.theme-black .create-templates .distributor li a { color: #9e9e9e; line-height: 18px; font-size: 14px; min-height: 36px; display: flex; display: -webkit-flex; align-items: center; font-weight: 400; }
.theme-black .create-templates .distributor li a.active { color: #202124; }
.theme-black .create-templates .distributor li label span { height: auto; line-height: 24px; font-size: 14px; }
.theme-black .create-templates .distributor li.active a, .theme-black .create-templates .filter-box.filter-by { border: 0; }
.theme-black .create-templates .filter-box.filter-by li, .theme-black .create-templates .filter-box.filter-by li a { line-height: 36px; height: 36px; }
.theme-black .create-templates .hidden-layer { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #fff; font-size: 28px; text-transform: uppercase; justify-content: center; display: flex; display: -webkit-flex; align-items: center; }
.theme-black .marketplace-btns { /*margin: 5px 0;*/ justify-content: flex-end; margin-bottom: 0; }
.theme-black .create-templates-nav a.btn, .theme-black .marketplace-btns a { margin: 10px 20px; height: 33px; line-height: 33px; padding: 0 10px; font-size: 13px; background-color: transparent; }
.theme-black .create-templates-nav a.btn.req_contract_btn, .theme-black .marketplace-btns a.req_contract_btn { background-color: #1bb7c2; }
.theme-black .create-templates-nav a.btn.create-product-btn, .theme-black .marketplace-btns a.create-product-btn { background-color: #1bb7c2; }
.theme-black .supplier-nav a { color: #202124; }
.theme-black .supplier-sidenav { top: 183px; }
.theme-black .supplier-onbaording { padding: 30px 0; }
.theme-black .supplier-onbaording .card-box { margin: 0 0 25px !important; }
.theme-black .supplier-onbaording .card { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; }
.theme-black .supplier-onbaording .card .card-action { -ms-flex-item-align: end; align-self: flex-end; width: 100%; }
.theme-black .supplier-onbaording .card .card-content { width: 100%; }
.theme-black .supplier-onbaording .card .card-image .card-title { position: static; padding: 24px 24px 0; display: block; }
.theme-black .supplier-onbaording .card .price { font-size: 1.3rem; }
.theme-black .supplier-onbaording .tabs { background: transparent; bottom: -2px; }
.theme-black .supplier-onbaording .tabs-btm-border { border-bottom: 2px solid #9e9e9e; margin: 10px 0; }
.theme-black .parallax { height: auto; overflow: hidden; }
.theme-black .supplier-onboarding2 { margin: 30px 0; }
.theme-black .supplier-onboarding2 h3 { margin-bottom: 50px; }
.theme-black .bg-dark-iris { background: #00737d; }
.theme-black .supplier-onboarding2 .row-flex { justify-content: center; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card-box-v2 { height: 100%; border-radius: 10px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.theme-black .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card { margin: 0; border-radius: 10px; }
.theme-black .supplier-onboarding2 .row-flex .card-box { margin: 0 10px 15px; width: 100%; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card { height: 100%; width: 100%; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card .card-image { padding: 36px 24px 0; }
.theme-black .supplier-onboarding2 .row-flex .card .card-title { font-weight: 500; color: #535353 !important; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card img { max-width: 60px; display: inline-block; min-height: 70px; }
.theme-black .supplier-detail { /*background: url(../images/patteran-bg.jpg) 0 0 repeat;*/ background: #202124; min-height: 100vh; }
.theme-black .supplier-detail h5 { border-bottom: 1px solid #9e9e9e; padding: 47px 0 21px; font-size: 31px; }
.theme-black .supplier-detail form { padding-right: 60px !important; padding-left: 100px !important; }
.theme-black .step-1 .main-row-flex { margin: 0; width: 100%; }
.theme-black .step-1 .main-row-flex .xl7, .theme-black .step-1 .main-row-flex .xl5 { height: 100vh; }
.theme-black .step-1 .main-row-flex, .theme-black .supplier-detail .main-row-flex { min-height: 100vh; }
.theme-black .supplier-detail .company-details-info { position: relative; padding-left: 40px; }
.theme-black .supplier-detail .company-details .edit-icon { position: relative; top: 3px; cursor: pointer; }
.theme-black .supplier-detail .chechbox-with-info { position: relative; padding-left: 40px; }
.theme-black .supplier-detail .chechbox-with-info + .invalid.form-error { margin: 0 0 0 45px; float: left; width: calc(100% - 45px); }
.theme-black .supplier-detail .company-details-info p { margin: 0 0 15px; }
.theme-black .supplier-detail .company-details-info i, .theme-black .supplier-detail .chechbox-with-info label { position: absolute; left: 15px; top: 3px; }
.theme-black .supplier-detail .company-details-info i { position: absolute; left: 0; top: 3px; }
.theme-black .supplier-detail h6 { font-weight: 400; position: relative; padding-right: 30px; }
.theme-black .supplier-detail h6 .info-click { position: absolute; right: 0; top: 0; }
.theme-black .supplier-detail h6 .info-click i { position: static; }
.theme-black .supplier-detail .info-click img { height: 20px; position: relative; top: 3px; }
.theme-black .supplier-detail .company-details h6 .info-click { position: absolute; right: 0; top: -1px; }
.theme-black .supplier-detail .custom-browse { margin: 0 0 20px; }
.theme-black .supplier-detail .company-details { border-bottom: 1px solid #9e9e9e; margin: 0 0 15px; }
.theme-black .supplier-detail .company-details .m6 { padding-left: 0; }
.theme-black .supplier-detail .finalize-acount, .theme-black .supplier-detail .section-point-sale, .theme-black .supplier-detail .section-why-do, .theme-black .supplier-detail .company-detail { margin: 0 0 20px; }
.theme-black .supplier-detail .form-footer { margin-bottom: 15px; margin-top: 40px; padding-right: 26px; }
.theme-black .supplier-detail .section-point-sale .chechbox-with-info + .invalid.form-error { float: left; width: 100%; }
.theme-black .company-details h6 { margin: 0; }
.theme-black .finalize-acount h6, .theme-black .section-point-sale h6, .theme-black .section-why-do h6 { margin: 0 0 20px; }
.theme-black .company-detail { display: none; }
.theme-black .company-detail .select-wrapper input.select-dropdown { color: rgba(0, 0, 0, 0.87); }
.theme-black .company-detail.company-detail-expanbed { display: block; }
.theme-black .supplier-detail #preview-image { max-width: 150px; }
.theme-black .section-point-sale p, .theme-black .section-why-do p { margin: 0; }
.theme-black .supplier-detail .modal { max-width: 440px; width: 100%; border: 2px solid #202124; box-shadow: 0 0 3px #202124; }
.theme-black .home-main footer { padding: 6px 0 15px; border-top: 1px solid rgba(0, 0, 0, 0.2); background: #fbfbfb; }
.theme-black .home-main footer .row .m3 { width: 100%; float: right; }
.theme-black .home-main footer h3 { font-size: 18px; }
.theme-black .home-main footer li { margin: 0 0 5px; }
.theme-black .home-main footer a { font-size: 14px; color: rgba(0, 0, 0, 0.87); }
.theme-black .home-main footer span { font-size: 14px; color: rgba(0, 0, 0, 0.87); cursor: default; }
.theme-black .home-main footer a:hover { text-decoration: underline; }
.theme-black .priohub-body-hidden { overflow: hidden !important; }
.theme-black .priohub-body-hidden .main-content, .theme-black .priohub-body-hidden footer, .theme-black .priohub-body-hidden .marketplace-btns, .theme-black .priohub-body-hidden .filters-bar { display: none !important; }
.theme-black .iframe-parent { position: absolute; z-index: 9; top: 64px; width: 100%; min-height: 100%; left: 0; /*bottom: 0;*/ }
.theme-black .iframe-parent iframe { max-height: calc(100vh - 64px); height: 1500px; }
.theme-black .iframe-parent.angular { top: 0; }
.theme-black #create-ticket-iframe.iframe-parent { padding: 0 0 0 272px; }
.theme-black .iframe-parent.angular iframe { max-height: calc(100vh - 0px); height: 1500px; }
.theme-black #deleteTicket .modal-content p { margin: 0; }
.theme-black .combi-products nav { height: auto; }
.theme-black .combi-products .backto-priomarket { width: 300px; color: #535353; height: 56px; padding: 8px 0 0; font-size: 14px; }
.theme-black .combi-products .backto-priomarket a { margin: 4px 25px; }
.theme-black .combi-products .combi-product-tabs { width: auto; padding: 0 5px; margin: 16px 0 0; max-width: 100%; }
.theme-black .combi-products .combi-product-tabs li { max-width: 33%; }
.theme-black .combi-products .combi-product-tabs a { color: #535353; }
.theme-black .combi-products .combi-product-tabs .tabs .tab a:hover, .theme-black .combi-products .combi-product-tabs .tabs .tab a.active { color: #212121; }
.theme-black .combi-products nav .btn { margin: 17px 20px 0 0; }
.theme-black .create-templates.products-page .combi-products .my-products-right-panel { padding-top: 0; padding-right: 0; }
.theme-black .combi-products .my-products { padding: 40px 20px 0; }
.theme-black .combi-products .sidebar { width: 200px; }
.theme-black .combi-products .products-tab .sidebar { width: 300px; }
.theme-black .combi-products .sidebar img { margin-bottom: 30px; }
.theme-black .combi-products .sidebar .links a { margin: 0; font-size: 13px; line-height: 20px; }
.theme-black .combi-products .sidebar dt, .theme-black .combi-products .sidebar dd { margin: 0; padding: 0; }
.theme-black .combi-products .sidebar dt { font-size: 13px; line-height: 20px; font-weight: 500; }
.theme-black .combi-products .sidebar dd { font-size: 13px; color: rgba(0, 0, 0, 0.654); margin-bottom: 12px; line-height: 20px; }
.theme-black .combi-products .sidebar a { color: #202124; text-decoration: none; word-wrap: break-word; }
.theme-black .combi-products #ResellerProfile { max-width: 800px; }
.theme-black .combi-products #ResellerProfile h3 { font-size: 14px; line-height: 16px; color: rgba(0, 0, 0, 0.987); margin: -7px 0 25px; bottom: -4px; font-weight: 500; }
.theme-black .combi-products #ResellerProfile p { max-width: 660px; font-size: 13px; line-height: 20px; bottom: -6px; margin: -11px 0 20px; letter-spacing: normal; color: rgba(0, 0, 0, 0.987); }
.theme-black .solution-detail-content a { font-size: 13px; line-height: 20px; letter-spacing: normal; cursor: pointer; color: #202124; }
.theme-black .external-link-wrapper { margin-left: -3px; white-space: nowrap; }
.theme-black .external-link-icon { display: inline-block; height: 3px; position: relative; }
.theme-black .external-link .external-link-icon { height: 9px; width: 9px; margin-left: 6px; margin-right: 3px; }
.theme-black .external-link .external-link-icon span:before, .theme-black .external-link .external-link-icon span:after { content: ""; display: block; position: absolute; }
.theme-black .external-link .external-link-icon span { position: absolute; display: block; margin: auto; }
.theme-black .external-link .external-link-icon span:nth-child(1) { border-left-width: 1px; border-bottom-width: 1px; height: 9px; width: 9px; top: 0; bottom: 0; }
.theme-black .external-link .external-link-icon span:nth-child(1):before { width: 2px; top: 0; left: 0; border-top-width: 1px; }
.theme-black .external-link .external-link-icon span:nth-child(1):after { height: 2px; bottom: 0; right: 0; border-right-width: 1px; }
.theme-black .external-link .external-link-icon span:nth-child(2) { border-top-width: 1px; border-right-width: 1px; height: 5px; width: 5px; top: -2px; right: -2px; }
.theme-black .external-link .external-link-icon span:nth-child(2):before { height: 7px; top: -1px; right: 2px; border-right-width: 1px; -moz-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.theme-black .external-link .external-link-icon span, .theme-black .external-link .external-link-icon span:before, .theme-black .external-link .external-link-icon span:after { border-color: rgba(0, 0, 0, 0.54); border-style: solid; border-width: 0; }
.theme-black #Products .card { margin-bottom: 50px; }
.theme-black #Products .card .card-header { padding-left: 45px; }
.theme-black #Products .card .card-content { padding: 10px 20px; }
.theme-black #Products .card .card-header label { position: absolute; left: 5px; top: 2px; }
.theme-black #Products .card .card-header .product-id { position: absolute; top: 3px; right: 0; font-size: 12px; }
.theme-black #Products .card-box .card .card-content .card-title { max-width: calc(100% - 45px); }
.theme-black #Products .card-box .tags { padding: 15px 15px 0; }
.theme-black #Products .card-box .tags .btn { background: #dedede !important; color: rgba(0, 0, 0, 0.87); margin: 0 5px 10px; box-shadow: none; border-radius: 20px; font-size: 12px; line-height: 32px; height: 32px; }
.theme-black #Products .card .card-action { padding: 10px 15px; }
.theme-black #Products .card .card-action a { padding: 5px 4px; }
.theme-black .my-products.reseller-profile .sidenav, .theme-black .my-products.products-tab .sidebar { display: none; }
.theme-black .priohub-front header { display: none; }
.theme-black .priohub-front .supplier-onboarding2 { display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); height: calc(100% - 20px); z-index: 1; margin: 10px; }
.theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, .theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }
.theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }
.theme-black #createproduct.modal .modal-content { padding: 24px 42px 0 42px; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content { padding: 5px 24px 40px; }
.theme-black .supplier-onboarding2 .row-flex .card-box .card-box-v2 .card .card-content .body2.grey-text { font-size: 15px; }
.theme-black .supplier-onboarding2 .white-text { margin-bottom: 55px; font-size: 28px; text-shadow: 0 0 7px rgba(0, 0, 0, 0.75); font-weight: bold; }
.theme-black .mdc-dialog__header #mdc-dialog-default-label { padding-top: 20px; }
.theme-black #register .select-wrapper { display: block; }
.theme-black #register .select-wrapper .dropdown-content { overflow: auto !important; max-height: 200px; height: auto !important; }
.theme-black #register .select-wrapper .dropdown-content:after { display: none; }
.theme-black .register-success .main-content { min-height: 100vh; }
.theme-black .register-success .h6 { margin: 30px 0 20px; }
.theme-black .register-success .mdc-dialog { min-height: calc(100vh - 20px); margin: 0; }
.theme-black .register-success .verification { margin: 30px 0 20px; font-weight: 400; }
.theme-black .register-success .register-successfull img { height: 60px; width: auto; margin: 0 0 50px; position: relative; left: -23px; }
.theme-black .alert-box .alert-box-inner { padding: 0 !important; }
.theme-black .alert-box .alert-box-inner img { height: 100px; }
.theme-black .alert-box .alert-box-inner .alert-content { padding: 24px; }
.theme-black .alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }
.theme-black .alert-box .alert-box-inner .alert-content .body1, .theme-black .alert-box .alert-box-inner .alert-content .body2 { font-size: 13px; line-height: 17px; }
.theme-black .alert-box .alert-box-inner .alert-content .body2 { margin: 15px 0 20px; }
.theme-black .category-logo { text-align: center; margin-top: 50px; }
.theme-black .category-logo img { max-width: 150px; }
.theme-black .category-logo .logo-2 { margin-top: 30px; }
.theme-black .distributors-right-panel.ticket-details-information { width: 100%; }
.theme-black .distributors-right-panel.ticket-details-information .email-info { padding: 10px 40px; }
.theme-black .distributors-right-panel.ticket-details-information .email-info li { list-style: circle; }
.theme-black .distributors-right-panel.ticket-details-information .email-info p { font-weight: 500; margin: 0 0 5px 0; }
.theme-black .supplier-detail .section-point-sale .chechbox-with-info { margin-bottom: 20px; padding-right: 0; }
.theme-black .supplier-detail .section-point-sale .chechbox-with-info .subtitle1 { letter-spacing: -0.2px; }
.theme-black .desktop_pos .input:disabled { color: #202124 !important; }
.theme-black .desktop_pos [type="checkbox"].filled-in:disabled:checked + span:not(.lever)::after { background-color: #202124 !important; border-color: #202124 !important; }
.theme-black .products-modal { max-height: 80%; width: 100%; max-width: 510px; }
.theme-black .products-modal .tickets-list { margin-top: 20px; }
.theme-black .products-modal .single-ticket { padding: 0; }
.theme-black .products-modal .model-heading { margin-bottom: 50px; }
.theme-black .products-modal p.subtitle1 { margin-top: 10px; }
.theme-black .products-modal p { margin: 0; }
.theme-black .products-modal .confirm { margin-top: 40px; }
.theme-black .products-modal .modal-footer { padding: 24px 45px; height: auto; }
.theme-black .products-modal-2 .modal-content { padding: 24px 36px; }
.theme-black .products-modal-2 .chechbox-with-info { padding-left: 35px; position: relative; }
.theme-black .products-modal-2 .chechbox-with-info .h6 { font-size: 16px; }
.theme-black .products-modal-2 .chechbox-with-info label { position: absolute; left: 0; }
.theme-black .products-modal-2 .subtitle1 { font-size: 14px; line-height: 18px; }
.theme-black .no-nav .my-products-right-panel { padding-top: 30px !important; }
.theme-black .no-nav.publish-request .my-products-right-panel { padding-top: 0 !important; }
.theme-black .no-nav .marketplace-btns { display: none !important; }
.theme-black #request_email_sent .alert-box { margin: 200px auto 0; max-width: 300px; }
.theme-black #request_email_sent img { height: 60px; width: auto; margin: 0; position: relative; left: -18px; }
.theme-black #request_email_sent span { display: block; margin: 0 0 20px; font-weight: 400; font-size: 1.25rem; line-height: 2rem; color: #535353; text-align: center; }
.theme-black #request_email_sent span.red-text { display: inline; }
.theme-black .approval-board table.highlight { margin: 0; }
.theme-black .approval-board table.highlight thead th { background: #fafafa; border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
.theme-black .approval-board table.highlight td { padding: 12px 5px; }
.theme-black .approval-board table.highlight th:first-child, .theme-black .approval-board table.highlight td:first-child { padding-left: 10px; }
.theme-black .approval-board table.highlight th.th-id { width: 80px; min-width: 80px; }
.theme-black .approval-board table.highlight th.th-ticket { width: 190px; min-width: 190px; }
.theme-black .approval-board table.highlight th.th-service { width: 100px; min-width: 190px; }
.theme-black .approval-board table.highlight th.th-status { min-width: 100px; }
.theme-black .approval-board .status-parent { position: relative; display: inline-block; padding-right: 30px; }
.theme-black .approval-board .highlight th .status-parent i { top: 0; right: 0; position: absolute; }
.theme-black .approval-board .status-parent em { position: absolute; background: #f44336; top: -5px; right: -10px; border-radius: 9px; color: #fff; font-style: normal; font-size: 10px; width: 20px; height: 16px; line-height: 16px; text-align: center; }
.theme-black .approval-board .distributors-right-panel { width: 100%; }
.theme-black .datatable-scroll { overflow: auto; }
.theme-black #createproduct.modal.pending-approval { color: #b00020; border: 1px solid #fff; max-width: 280px; top: 32% !important; }
.theme-black #createproduct.modal.pending-approval .modal-content { padding: 14px 30px 17px !important; text-align: center; }
.theme-black #createproduct.modal.pending-approval .modal-content i { position: relative; top: 6px; left: -10px; }
.theme-black #doit.modal { width: 700px; z-index: 99999 !important; top: 25% !important; border-radius: 10px; }
.theme-black #doit.modal .modal-content { padding: 40px 40px 0; }
.theme-black #doit.modal .modal-content .modal-content-inner { margin-bottom: 40px; }
.theme-black #doit img { height: 30px; margin: 0 0 25px; }
.theme-black #doit strong { display: block; font-size: 18px; }
.theme-black #doit .z-depth-1 { padding: 45px 30px 30px; height: 100%; cursor: pointer; display: flex; display: -webkit-flex; align-items: flex-end; flex-wrap: wrap; }
.theme-black #doit .topsection { align-self: flex-start; }
.theme-black #doit .option_selection.active .z-depth-1 { background-color: #f1f1f1 !important; }
.theme-black #doit .topsection p { line-height: 20px; margin: 10px 0 45px 0; font-size: 14px; }
.theme-black #doit a { font-size: 14px; }
.theme-black #doit.modal .modal-footer { padding: 4px 51px; }
.theme-black .publish-confrimation { max-width: 1400px; margin: 50px auto; }
.theme-black .publish-confrimation h3 { margin: 70px 0 100px; }
.theme-black .publish-confrimation strong { display: block; margin: 15px 0; }
.theme-black .publish-confrimation .step-no { display: inline-block; border-radius: 50%; height: 40px; width: 40px; line-height: 40px; text-align: center; background: #202124; color: #fff; }
.theme-black .confrimation-middle { margin: 0 0 150px; }
.theme-black .requested-confirmation { max-width: 960px; margin: 15px auto; display: flex; align-items: center; height: calc(100vh - 94px); }
.theme-black .requested-confirmation .btns { margin: 30px 0; }
.theme-black .requested-confirmation .btns .btn { margin: 0 10px; }
.theme-black .requested-confirmation .btns .btn-flat { border: 1px solid #202124; }
.theme-black .requested-confirmation .request-bottom-text { max-width: 620px; margin: 0 auto; }
.theme-black .priomarket-dashboard { max-width: 960px; margin: 50px auto; }
.theme-black .priomarket-dashboard h3 { margin: 60px 0 60px; }
.theme-black .priomarket-dashboard .pd-box .z-depth-1 { padding: 25px; height: 100%; display: flex; flex-wrap: wrap; }
.theme-black .priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom { align-self: flex-end; width: 100%; }
.theme-black .priomarket-dashboard .pd-box .z-depth-1 .pd-box-bottom .btn-flat { text-transform: uppercase; }
.theme-black .priomarket-dashboard .pd-bottom { padding: 10px 15px; }
.theme-black .new-dashboard .step-list { margin: 30px 0 50px; }
.theme-black .new-dashboard .step-list li { display: inline-block; }
.theme-black .new-dashboard .step-list li.active .step-no { background: #fff; color: rgba(0, 0, 0, 0.87); }
.theme-black .new-dashboard .step-list li.done .step-no { color: rgba(0, 0, 0, 0.87); font-size: 0; }
.theme-black .new-dashboard .step-list li.done .step-no i { display: block; font-size: 22px; line-height: 24px; margin: 0; }
.theme-black .new-dashboard .step-list .step-no { height: 24px; width: 24px; text-align: center; float: left; border-radius: 50%; background: #202124; margin: 0 15px 0 5px; }
.theme-black .new-dashboard .step-list em { height: 1px; background: #202124; display: inline-block; width: 150px; position: relative; top: -3px; }
.theme-black .new-dashboard .publish-request { border: 1px solid #d1d1d1; max-width: 960px; margin: 50px auto; }
.theme-black .new-dashboard .publish-request .row-flex { margin: 0; }
.theme-black .new-dashboard .request-box { border-left: 1px solid #d1d1d1; padding-right: 0; }
.theme-black .new-dashboard .request-box .nd-request { font-size: 0; }
.theme-black .new-dashboard .publish-request .col { padding-left: 20px; padding-top: 10px; }
.theme-black .new-dashboard .publish-request p { max-width: 285px; }
.theme-black .new-dashboard .publish-request .learn-more { line-height: 24px; display: inline-block; }
.theme-black .new-dashboard .nd-publish { margin: 0 10px 10px 0; }
.theme-black .my-products-right-panel .no-products { padding: 10px; }
.theme-black .ticket-details { padding-top: 40px; color: #535353; }
.theme-black .ticket-details h5 { font-size: 22px; margin-bottom: 30px; }
.theme-black .ticket-details .label { font-size: 15px; }
.theme-black .ticket-details p.desc { color: #a6a6a6; margin: 0; padding-left: 40px; font-size: 15px; }
.theme-black .ticket-details p.desc-1 { color: #a6a6a6; padding-left: 40px; font-size: 15px; }
.theme-black .email-sent { background: #fbfbfb; width: 100%; }
.theme-black .email-sent .email-sent-top { background: #00737d; padding: 40px 20px; }
.theme-black .email-sent .email-sent-top i { border-radius: 50%; display: inline-block; padding: 5px; font-size: 35px; }
.theme-black .email-sent .email-sent-top p { padding: 20px 0 10px; margin: 0; }
.theme-black .email-sent .email-sent-middle { margin: 50px 0; min-height: calc(100vh - 450px); }
.theme-black .email-sent .email-sent-middle .product-detail-box { max-width: 360px; margin: 0 auto; display: block; min-height: 200px; }
.theme-black .email-sent .email-sent-middle .product-detail-box strong { display: block; padding: 10px 15px; font-weight: normal; }
.theme-black .email-sent .email-sent-middle .product-detail-box ul { margin: 0; padding: 20px 15px; color: rgba(0, 0, 0, 0.87); }
.theme-black .email-sent .email-sent-middle .product-detail-box ul li { text-transform: uppercase; padding: 5px 0 5px 25px; position: relative; }
.theme-black .email-sent .email-sent-middle .product-detail-box ul li i { position: absolute; top: 5px; font-size: 18px; left: 0; }
.theme-black .email-sent .email-sent-bottom .email-sent-bottom-inside { margin: 0 auto; padding: 20px 15px; max-width: 520px; }
.theme-black .email-sent .email-sent-bottom .email-sent-bottom-inside .row-flex { align-items: center; }
.theme-black .email-sent .email-sent-bottom .email-sent-bottom-inside p { margin: 0; }
.theme-black .header.privacy-policy { width: 100%; height: auto; background-color: #202124 !important; margin-bottom: 50px; }
.theme-black .header.privacy-policy .container { position: relative; display: flex; }
.theme-black .privacy-policy .policy-heading { padding: 100px 0; color: #fff; font-weight: 400; margin: 0; max-width: 60%; font-size: 50px; }
.theme-black .privacy-policy .policy-img { z-index: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; max-width: 100%; max-height: 100%; padding: 6px 0; }
.theme-black .privacy-policy-content .title { margin-top: 18px; font-size: 24px; line-height: 28px; color: #5f6368; text-transform: uppercase; }
.theme-black .privacy-policy-content .title.text-center { margin: 100px 0 60px; font-size: 30px; line-height: 40px; }
.theme-black .privacy-policy-content .paragraph { margin-top: 10px; font-size: 18px; line-height: 24px; color: #8d8d8d; }
.theme-black .privacy-policy-page .page-container { padding: 0; }
.theme-black .terms-and-condition-page .page-container { padding: 0; }
.theme-black .terms-and-condition-page .sub-title { margin-top: 30px; font-size: 20px; color: #5f6368; margin-bottom: 0; }
.theme-black .distributor-salesaccount { margin: 30px calc(74px - 0.75rem); }
.theme-black .distributor-salesaccount .col { max-width: 340px; margin-left: 0 !important; margin-bottom: 20px; }
.theme-black .distributor-salesaccount .z-depth-1 { display: flex; align-items: flex-end; flex-wrap: wrap; }
.theme-black .distributor-salesaccount .z-depth-1 .box-top { align-self: flex-start; width: 100%; }
.theme-black .distributor-salesaccount .z-depth-1 .bottom-btns { width: 100%; }
.theme-black .distributor-nav2 a.go_back { margin: 8px 20px 0 25px; }
.theme-black .distributor-nav2 .xs-tabs { padding-top: 16px; }
.theme-black .distributor-nav2 .xs-tabs a, .theme-black .distributor-nav2 .xs-tabs a.active { color: rgba(0, 0, 0, 0.87); }
.theme-black .my-product-v2.resellers-selection .card-box:hover .overlay { background: #000; position: absolute; width: 100%; height: 100%; opacity: 0.6; }
.theme-black .my-product-v2.resellers-selection .card-box .overlay-content { display: none; }
.theme-black .my-product-v2.resellers-selection .card-box:hover .overlay-content { position: absolute; top: calc(50% - 45px); left: 30%; display: block; }
.theme-black .my-product-v2.resellers-selection .card-box:hover .overlay-content i { display: block; text-align: center; color: #fff; font-size: 50px; }
.theme-black .my-product-v2.resellers-selection .card-box:hover .overlay-content span { color: #fff; font-size: 25px; }
.theme-black .resellers-list .card-box { padding: 0 10px 10px; }
.theme-black .resellers-list .card { height: 270px; }
.theme-black .resellers-list h5 { margin-bottom: 30px; }
.theme-black .resellers-list .no-result .card { height: auto; padding: 10px; text-align: center; }
.theme-black .merchant-list h5 { margin-bottom: 30px; }
.theme-black .merchant-list .card { height: 270px; }
.theme-black .merchant-list card .card-logo { padding: 0 5px; text-align: center; display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 130px; }
.theme-black .statement-nav .tab a { font-weight: 600 !important; color: #000000; }
.theme-black .company-info h5 { margin-bottom: 30px; }
.theme-black .company-info .row { margin-bottom: 5px; }
.theme-black .company-info .input-field { margin: 0; }
.theme-black .company-info .input-field input, .theme-black .company-info .input-field textarea, .theme-black .company-info .input-field .select-wrapper { border: 1px solid #ebebeb !important; height: 2rem; padding: 0 5px; min-height: 2rem; border-radius: 5px; resize: auto; }
.theme-black .company-info .input-field textarea { min-height: 4rem; }
.theme-black .company-info .input-field .select-wrapper { margin-bottom: 8px; padding: 0; }
.theme-black .company-info .input-field .select-wrapper .caret { border-left: 1px solid #ebebeb; text-align: center; width: 40px; margin: 0; height: 100%; }
.theme-black .company-info .input-field .select-wrapper input { border: none !important; height: 2rem; padding: 0; }
.theme-black .company-info .textarea { padding-right: 0; }
.theme-black .company-info .label { position: relative; top: 7px; font-size: 13px; color: #949494; font-weight: 500; }
.theme-black .company-info .input-right-icon { position: absolute; right: -11px; top: 1px; padding: 4px 7px; background: #202124; color: #fff; z-index: 999; cursor: pointer; }
.theme-black .company-info .button { margin-top: 20px; font-size: 12px; line-height: 34px; }
.theme-black .company-info .switch { position: relative; top: 5px; }
.theme-black #notification_bar { position: absolute; bottom: 40px; padding: 0 15px; }
.theme-black #notification_bar .notification-message { display: flex; align-items: center; }
.theme-black #notification_bar .notification-message i { color: #202124; font-size: 40px; position: absolute; }
.theme-black #notification_bar .notification-message .notification-message-inner { padding-left: 60px; }
.theme-black #notification_bar .notification-message .notification-message-inner h4 { font-size: 20px; color: #202124; }
.theme-black .home-main .sales-accounts { max-width: 1636px; margin: 65px auto 0; }
.theme-black .home-main .sales-accounts h5 { font-family: "Roboto", sans-serif; font-weight: 400; margin: 0 auto 30px; max-width: 1636px; color: #5b5b5b; font-size: 24px; line-height: 29px; }
.theme-black .home-main .sales-accounts .row.row-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.theme-black .home-main .sales-accounts .section-inside-h5 { max-width: 350px; margin: 0 auto; }
.theme-black .home-main .sales-accounts .section-inside { max-width: 350px; margin: 0 auto; }
.theme-black .suppliers6-parent { height: auto !important; }
.theme-black .suppliers6 { margin: 35px auto 0; padding: 0 0 25px; color: #fff; max-width: 1636px; }
.theme-black .suppliers6 .section-inside { margin: 0 auto; max-width: 302px; }
.theme-black .suppliers6 .label-head { display: flex; font-size: 24px; line-height: 29px; position: relative; padding-left: 60px; }
.theme-black .suppliers6 .label-head img { position: absolute; top: 2px; left: 0; max-width: 24px; }
.theme-black .suppliers6 ul { background: #202124; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin: 15px 0 0; }
.theme-black .suppliers6 ul li { font-size: 24px; line-height: 29px; padding: 20px 30px 20px 60px; }
.theme-black .suppliers6 ul li a { color: #fff; }
.theme-black .suppliers6 ul li.divider { height: 1px; background: #6bd0d7; padding: 0; line-height: 0; font-size: 0; }
.theme-black .approved-success { position: relative; top: 6px; left: 10px; }
@media (min-width: 768px) { .theme-black { /*ON BOARDING*/ /* //ON BOARDING*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ /************************************ WELCOME - HOME MAIN */ /************************************ //WELCOME - HOME MAIN */ /************************************ MODALS */ /************************************ //MODALS */ /************************************************ PRODUCTS-PAGE*/ /************************************************ //PRODUCTS-PAGE*/ /*.distributors-right-panel,*/ /*CREATEPRODUCT*/ /* //CREATEPRODUCT*/ /* REGISTER-SUCCESS */ /* //REGISTER-SUCCESS */ /*OUT-OF-SCOPE*/ /*//OUT-OF-SCOPE*/ /*CustomPricing*/ /*CustomPricing*/ /*sign in*/ /*sign in*/ /*COMBI-PRODUCTS*/ /*Products*/ /*#Products .card-box { padding: 0 35px; }*/ /*Products*/ /*COMBI-PRODUCTS*/ /***************************************************************** PRIOMARKET-DISTRIBUTORS*/ /***************************************************************** //PRIOMARKET-DISTRIBUTORS*/ /*OUT OF SCOPE*/ /*//OUT OF SCOPE*/ /*APPROVAL-BOARD*/ /*//APPROVAL-BOARD*/ }
  .theme-black body, .theme-black html { height: 100%; }
  .theme-black .page-container { padding: 64px 0 0; }
  .theme-black .products-page .page-container { padding: 128px 0 0; }
  .theme-black .no-nav .page-container { padding: 64px 0 0 !important; }
  .theme-black .mt-m-0, .theme-black .mt-xs-0, .theme-black .mt-xs-15 { margin-top: 0 !important; }
  .theme-black .supplier-onboarding2 .row-flex .card-box { width: 44%; }
  .theme-black .supplier-onboarding2 .white-text { font-size: 45px; }
  .theme-black .step-1 form { padding-right: 60px !important; }
  .theme-black .home-main .parallax-container { height: 220px; }
  .theme-black .home-main .sales-accounts-list .row { display: flex; }
  .theme-black .home-main .sales-accounts .z-depth-1 { min-height: 250px; }
  .theme-black #createproduct { top: 25% !important; }
  .theme-black .create-templates .create-templates-nav, .theme-black .combi-products nav, .theme-black .products-page .marketplace-btns { top: 64px; }
  .theme-black .mb-m-20, .theme-black .mb0.mb-m-20 { margin-bottom: 20px !important; }
  .theme-black .step-panel .collapsible .collapsible-body { padding: 2rem; }
  .theme-black .growing-graph .growing-graph-img { text-align: right; }
  .theme-black .home-main .growing-text { padding: 0 0.75rem 0 20px; }
  .theme-black .home-main .growing-graph img { margin-right: 20px; }
  .theme-black .home-main .growing-graph .footer_dashboard_link { color: #202124 !important; text-transform: capitalize; display: block; padding: 0; font-size: 14px; }
  .theme-black .home-main footer .row .m3 { width: auto; }
  .theme-black .supplier-onbaording .tabs-btm-border { margin: 0 0 10px; }
  .theme-black .create-templates-nav a.btn, .theme-black .marketplace-btns a { margin: 14px 20px 14px 0; }
  .theme-black .supplier-onboarding2 { margin: 50px 0 20px; }
  .theme-black .my-products-right-panel { width: calc(100% - 300px); float: right; }
  .theme-black .create-templates.products-page .combi-products .my-products-right-panel { width: calc(100% - 200px); }
  .theme-black .create-templates.products-page .combi-products .products-tab .my-products-right-panel { width: calc(100% - 300px); }
  .theme-black .products-page .filters-bar, .theme-black .distributors .sidenav { position: static; -webkit-transform: translateX(0); transform: translateX(0); min-height: calc(100vh - 130px); height: auto; }
  .theme-black .no-nav.products-page .filters-bar, .theme-black .no-nav .distributors .sidenav { min-height: calc(100vh - 66px); }
  .theme-black .products-page .filters-bar { overflow: visible; }
  .theme-black .products-page .my-products-right-panel { padding: 52px 18px 0; }
  .theme-black .distributors-right-panel .highlight { width: calc(100% - 60px); }
  .theme-black .distributors-right-panel .highlight th.name { padding-right: 5px; width: 180px; }
  .theme-black .distributors-right-panel .highlight th.th-id { width: 60px; }
  .theme-black .distributors-right-panel .highlight th.price-list { width: 16%; min-width: 250px; }
  .theme-black .distributors-right-panel .highlight th.template { width: 18%; }
  .theme-black .distributors-right-panel .highlight th.actions { width: 10%; }
  .theme-black .distributors-right-panel .tabs a { font-size: 16px; }
  .theme-black #createproduct .m2.subtitle1, .theme-black #createproduct .supplier-selectbox { padding-left: 35px; }
  .theme-black #createproduct h5 { margin-bottom: 60px; margin-top: 4px; font-size: 25px; }
  .theme-black #createproduct .modal-footer { margin: 29px 0 22px; }
  .theme-black .alert-box .alert-box-inner { padding: 0 !important; }
  .theme-black .alert-box .alert-box-inner .alert-content { padding: 45px 0 55px; }
  .theme-black .alert-box .alert-box-inner .alert-content strong { font-size: 35px; }
  .theme-black .alert-box .alert-box-inner .alert-content .body1 { margin: 10px 0 0 0; }
  .theme-black .alert-box .alert-box-inner .alert-content .body1, .theme-black .alert-box .alert-box-inner .alert-content .body2 { font-size: 24px; line-height: 30px; }
  .theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::after, .theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:not(:checked) + span:not(.lever)::after { height: 17px; width: 17px; top: 3px; }
  .theme-black #createproduct .createproduct-inner .chechbox-with-info [type="checkbox"].filled-in:checked + span:not(.lever)::before { top: 2px; width: 7px; height: 12px; left: 0; }
  .theme-black #createproduct .btn { background-color: #1bb7c2; }
  .theme-black #createproduct.modal .modal-content { padding: 24px 42px 0 42px !important; }
  .theme-black .CustomPricing { max-height: 80%; width: 45%; overflow: visible; }
  .theme-black .CustomPricing .modal-content { padding: 24px 24px 0; }
  .theme-black .CustomPricing .modal-content h4 { margin: -24px -24px 20px; padding: 10px 24px; background: transparent; border-bottom: 1px solid #ccc; font-size: 24px; color: #5d5d5d; }
  .theme-black .CustomPricing .modal-content .input-field { margin: 0; }
  .theme-black .CustomPricing .modal-content input { /*border: 1px solid rgba(0, 0, 0, 0.12);*/ padding: 0 12px; box-sizing: border-box; margin: 0; width: 120px; }
  .theme-black .CustomPricing .modal-content .select-wrapper { width: 120px; }
  .theme-black .CustomPricing .modal-content .input-field input:focus { border-color: #202124; }
  .theme-black .CustomPricing .modal-content table { margin: 0; width: 100%; }
  .theme-black .CustomPricing h6 { padding: 0; border-bottom: 0; font-size: 16px; }
  .theme-black .CustomPricing h6 label { display: block; line-height: 20px; }
  .theme-black .CustomPricing .switch { padding: 10px 0 0 10px; }
  .theme-black .CustomPricing .content-footer { padding: 20px 0 0 0; }
  .theme-black .CustomPricing .modal-content table th { color: #8c8c8c; background: transparent; }
  .theme-black .CustomPricing .modal-content table th, .theme-black .CustomPricing .modal-content table td { width: calc(100% / 6); font-size: 15px; }
  .theme-black .CustomPricing .modal-content table th:first-child, .theme-black .CustomPricing .modal-content table td:first-child { padding-left: 10px; }
  .theme-black .CustomPricing .modal-content table tr, .theme-black .CustomPricing .modal-content table td, .theme-black .CustomPricing .modal-content table th { border-bottom: 0; padding: 0; }
  .theme-black .CustomPricing .modal-footer { padding: 15px 24px; height: auto; }
  .theme-black .priohub-front .supplier-onboarding2, .theme-black .step-3 .mdc-dialog { position: absolute; top: 0; }
  .theme-black .priohub-front .supplier-onboarding2 { top: -70px; }
  .theme-black .create-templates .create-templates-tabs { width: calc(100% - 287px); /*padding: 0 0 0  calc(50px + 0.75rem);*/ margin-top: 16px; }
  .theme-black .create-templates .create-templates-tabs .tabs { float: left; width: calc(100% - 300px); }
  .theme-black .create-templates .create-templates-tabs .tabs li.col { width: auto; }
  .theme-black .home-main .heading { padding: 45px 0 0; }
  .theme-black .combi-products .my-products { padding: 40px 30px 0 64px; }
  .theme-black .combi-products .my-products.products-tab { padding: 0 30px 0 0; }
  .theme-black .combi-products .my-products.products-tab .my-products-right-panel { padding-top: 40px; }
  .theme-black .combi-products .combi-product-tabs { width: auto; padding: 0; margin: 16px 0 0; }
  .theme-black .combi-products .combi-product-tabs li { max-width: none; }
  .theme-black .combi-products .my-products.products-tab .filters-bar { padding: 0; height: calc(100vh - 130px); overflow: auto; }
  .theme-black .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; color: #535353; width: calc(100% - 450px); float: left; }
  .theme-black .connect-tabpage .select-what-products { width: 250px; float: right; padding-top: 8px; font-size: 14px; }
  .theme-black .priomarket-distributors .select-what-products { padding: 9px 30px 0; font-size: 20px; line-height: 56px; width: 50%; float: left; }
  .theme-black .page-container.ticket_list { padding: 0; }
  .theme-black .approval-board .distributors-right-panel .highlight { width: 100%; table-layout: auto; }
  .theme-black .distributors-right-panel.ticket-details-information { width: calc(100% - 300px); position: relative; } }
.theme-black .error-404 nav { padding: 0 18px; }
.theme-black .error-404 .error-404-content { height: calc(100vh - 64px); display: flex; display: -webkit-flex; align-items: center; }
.theme-black .error-404 .error-404-content h2 { margin: 30px 0 30px; text-transform: uppercase; }
.theme-black .error-404 .error-404-content div { width: 100%; }
.theme-black #login_form input { padding-left: 10px; border-bottom-color: #1bb7c2; box-shadow: 0 1px 0 0 #1bb7c2; }
.theme-black .simplebar-scrollbar { width: 5px !important; }
.theme-black .ledger-account-report-parent { padding: 0 24px; }
.theme-black .ledger-account-report { max-width: 1650px; margin: 50px auto; padding: 25px 15px; font-size: 20px; font-family: Robotomedium, sans-serif; }
.theme-black .ledger-account-report .btn { text-transform: uppercase; font-family: Robotomedium, sans-serif; }
@media (min-width: 992px) { .theme-black { /*ON BOARDING*/ /* //ON BOARDING*/ /************************************************* REGISTER OR SIGN UP*/ /************************************************* //REGISTER OR SIGN UP*/ }
  .theme-black .supplier-onboarding2 .row-flex .card-box { width: 35%; }
  .theme-black .step-1 form { padding-right: 100px !important; }
  .theme-black .step-3 .mdc-dialog__surface .mdc-dialog__body { padding: 15px 40px 35px; }
  .theme-black .step-3 .visibility-off { right: -25px; top: 18px; }
  .theme-black .step-panel .step-text { padding-left: 56px; margin-right: 120px; }
  .theme-black .home-main #slide-out { top: 0; z-index: 999999; max-height: 100vh; }
  .theme-black .home-main .demo-user { display: block; }
  .theme-black .distributors-right-panel .highlight th i { position: absolute; top: 18px; left: 53px; font-size: 18px; }
  .theme-black .accounts-list .container { width: 50%; } }
@media (min-width: 1200px) { .theme-black { /*ON BOARDING*/ /* //ON BOARDING*/ /*custom modals*/ /*custom modals*/ /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ }
  .theme-black .supplier-onboarding2 .row-flex .card-box { width: 32%; }
  .theme-black .home-main footer .row .m3 { right: -30px; position: relative; }
  .theme-black .supplier-detail .modal-overlay { opacity: 0 !important; }
  .theme-black .supplier-detail .modal { max-width: 440px; width: 100%; left: 61%; right: auto; top: 67px !important; } }
@media (min-width: 1601px) { .theme-black { /*.my-product-v2 .my-products-right-panel .my-products-right-panel-inner { max-width: 1080px; }*/ } }
@media (min-width: 993px) and (max-width: 1199px) { .theme-black .my-product-v2 .banner-content { background-position: 0 0; height: 240px; }
  .theme-black .new-dashboard .step-list em { width: 105px; }
  .theme-black .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (min-width: 768px) and (max-width: 992px) { .theme-black .my-product-v2 .card { width: 202px; }
  .theme-black .new-dashboard .step-list em { width: 105px; }
  .theme-black .new-dashboard .step-list .step-no { line-height: 24px; } }
@media (max-width: 992px) { .theme-black { /*ACCOUNT DISTRIBUTOR*/ /* //ACCOUNT DISTRIBUTOR*/ }
  .theme-black .distributors-right-panel table.responsive-table tbody { width: calc(100% - 100px); }
  .theme-black .distributors-right-panel table.responsive-table thead { width: 100px; }
  .theme-black .distributors-right-panel .highlight th.name, .theme-black .distributors-right-panel .highlight th.price-list, .theme-black .distributors-right-panel table.highlight th.actions, .theme-black .distributors-right-panel .highlight th.template { width: 100%; min-width: 100%; }
  .theme-black .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 165px); }
  .theme-black .approval-board .priomarket-distributors .distributors-right-panel table.responsive-table tbody { width: calc(100% - 110px); }
  .theme-black .distributors-right-panel { max-width: 100%; }
  .theme-black .distributors-right-panel .highlight { width: calc(100% - 20px); max-width: 100%; margin: 15px auto; table-layout: fixed; }
  .theme-black .distributors-right-panel .highlight th.name { position: relative; }
  .theme-black .distributors-right-panel .highlight th.name div { position: absolute; top: 7px; width: 100%; }
  .theme-black #createproduct .chechbox-with-info p br { display: none; }
  .theme-black #createproduct .modal-footer { margin: 0 0 15px; }
  .theme-black #createproduct h5 { margin: 0 0 30px; }
  .theme-black #createproduct.modal .modal-content { padding-bottom: 0; }
  .theme-black #createproduct .btn-large { padding: 0 20px; }
  .theme-black .my-product-v2 .banner-content { background-position: 0 0; height: 160px; } }
@media only screen and (max-width: 767px) { .theme-black { /*ACCOUNT DISTRIBUTOR*/ /* //ACCOUNT DISTRIBUTOR*/ }
  .theme-black .home-main header { position: static; }
  .theme-black .page-container { padding: 0; }
  .theme-black #createproduct .createproduct-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .theme-black #createproduct.modal { height: 75%; }
  .theme-black .distributors-right-panel table.highlight th.th-id { width: 100%; }
  .theme-black .distributors .sidenav { position: static; transform: translate(0); width: 100%; }
  .theme-black .supplier-detail .form-footer { margin-top: 15px; }
  .theme-black .supplier-detail form { padding: 0 15px 15px !important; }
  .theme-black .supplier-detail .register-right div { top: 0; }
  .theme-black .my-product-v2 .card { width: 202px; }
  .theme-black .my-product-v2 .banner-content { background-position: 0 0; background-size: 100 auto; height: 110px; }
  .theme-black .marketplace-btns .marketplace-header { width: 100%; }
  .theme-black .marketplace-btns .marketplace-header .tabs { margin: 8px 0 0; overflow: visible; width: 105px; }
  .theme-black .products-page a.filter-trigger { margin: 0; }
  .theme-black .marketplace-btns .create-product-btn { margin-left: 0; margin-right: 0; }
  .theme-black .create-templates .create-templates-nav, .theme-black .combi-products nav, .theme-black .products-page .marketplace-btns { position: static; margin-bottom: 15px; }
  .theme-black .create-templates .create-templates-nav .row, .theme-black .combi-products nav .row, .theme-black .products-page .marketplace-btns .row { margin: 0; }
  .theme-black .create-templates .create-templates-nav .row .col.s5, .theme-black .combi-products nav .row .col.s5, .theme-black .products-page .marketplace-btns .row .col.s5 { padding-left: 0; }
  .theme-black .create-templates-nav a.btn, .theme-black .marketplace-btns a { margin: 10px; }
  .theme-black .distributors #distributors-requested table, .theme-black .distributors #distributors-received table { min-width: 500px; }
  .theme-black .distributors #distributors-requested table th:last-child { width: 120px !important; }
  .theme-black .back_to_overview { margin-top: 14px; }
  .theme-black .user-profile .public-profile-view .leftpanel { padding: 0 40px; } }
.theme-black .profile { margin-left: 10px; margin-top: 19px; display: flex; position: relative; align-items: center; cursor: pointer; }
.theme-black .profile .user-popup { width: 288px; height: auto; position: absolute; right: -11px; top: 46px; z-index: 20; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.28); display: none; }
.theme-black .profile .user-popup.active { display: block; }
.theme-black .profile .user-popup .user-popup-arrow { position: absolute; top: -7px; right: 8px; }
.theme-black .profile .user-popup .user-row { width: 100%; padding: 0px 32px; text-align: left; display: inline-block; }
.theme-black .profile .user-popup .user-row.user-row1 { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eaeaea; }
.theme-black .profile .user-popup .user-row.user-row1 .title { color: #202124; font-size: 20px; line-height: 20px; margin: 0px; }
.theme-black .profile .user-popup .user-row.user-row1 .role { color: #202124; font-size: 16px; line-height: 19px; margin: 8px 0px; }
.theme-black .profile .user-popup .user-row.user-row1 .email { color: #bcbcbc; font-size: 14px; line-height: 17px; margin: 0px; }
.theme-black .profile .user-popup .user-row a .user-row2 { border-bottom: 1px solid #eaeaea; }
.theme-black .profile .user-popup .user-row a .user-row2:last-child { border-bottom: none; }
.theme-black .profile .user-popup .user-row.user-row2 { padding-top: 16px; padding-bottom: 16px; display: inline-flex; align-items: center; border-bottom: 1px solid #eaeaea; }
.theme-black .profile .user-popup .user-row.user-row2 p { line-height: 20px; margin: 0; margin-left: 26px; color: #202124; font-size: 17px; }
.theme-black .profile .user-popup .user-row .user-row2-border { border-bottom: 1px solid #eaeaea; }
.theme-black .profile img { height: 40px; width: 40px; border-radius: 50%; }
.theme-black .profile span { width: 0; height: 0; margin-left: 12px; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #bcbcbc; }
.theme-black .profile svg { stroke: #000; }
.theme-black .profile svg g { fill: #000; }
.theme-black .profile svg g path { fill: #000; }
.theme-black .profile:hover .account_popup path { fill: #1bb7c2; stroke: #1bb7c2; }
@media (max-width: 1600px) { .theme-black .suppliers6 { margin: 25px auto 0; padding: 0 0 15px; max-width: 78%; }
  .theme-black .suppliers6 .label-head { font-size: 18px; line-height: 24px; padding-left: 45px; }
  .theme-black .suppliers6 ul { margin: 25px 0 0; }
  .theme-black .suppliers6 ul li { font-size: 18px; line-height: 24px; padding: 15px 20px 15px 45px; }
  .theme-black .home-main .sales-accounts { max-width: 78%; margin: 100px auto 0; }
  .theme-black .home-main .sales-accounts h5 { margin: 0 auto 15px; max-width: 100%; padding: 0 0.75rem; }
  .theme-black .home-main .growing-graph .container { max-width: 77%; } }
@media (max-width: 1200px) { .theme-black .suppliers6 { max-width: 90%; }
  .theme-black .suppliers6 ul { margin: 20px 0 0; }
  .theme-black .suppliers6 .label-head { font-size: 15px; line-height: 22px; padding-left: 30px; }
  .theme-black .suppliers6 .label-head img { max-width: 18px; }
  .theme-black .suppliers6 ul li { font-size: 15px; line-height: 22px; padding: 10px 15px 10px 30px; }
  .theme-black .home-main .sales-accounts { max-width: 90%; } }
@media (max-width: 767px) { .theme-black .suppliers6 { max-width: 90%; }
  .theme-black .suppliers6 .section-inside { margin-bottom: 20px; }
  .theme-black .suppliers6 ul { margin: 15px 0 0; } }
@media (min-width: 1601px) { .theme-black .home-main .sales-accounts .home-main .sales-accounts .section-inside { max-width: 350px; padding: 0; }
  .theme-black .home-main .sales-accounts .home-main .sales-accounts .col { padding: 0; } }
.theme-black .iframe-body { overflow: hidden; }
.theme-black .iframe-body .page-container-main .main-content { padding: 0; }
.theme-black .theme-green .page-container-main main .main-content { height: 105vh !important; }
.theme-black .theme-green .page-container-main .terms-conditions span a { color: #1bb7c2; }
.theme-black .theme-green .page-container-main .step-1 .form-footer .btn-flat { border-color: #1bb7c2; color: #1bb7c2; }
.theme-black .theme-green .page-container-main .register-right { background-color: #1bb7c2; }
.theme-black .switch-wrapper { display: inline-block; margin-right: 16px; }
.theme-black .mdc-switch { display: inline-block; position: relative; }
.theme-black .mdc-switch [type="checkbox"]:not(:checked), .theme-black .mdc-switch [type="checkbox"]:checked { pointer-events: auto; }
.theme-black .mdc-switch .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 48px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; cursor: pointer; z-index: 2; }
.theme-black .mdc-switch .mdc-switch__native-control:checked { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #000; border-color: #000; }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #9e9e9e; }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-black .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.theme-black .mdc-switch .mdc-switch__background { display: block; position: relative; width: 34px; height: 14px; border-radius: 50%; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.theme-black .mdc-switch .mdc-switch__background:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid; border-radius: 7px; opacity: 0.38; content: ""; }
.theme-black .mdc-switch .mdc-switch__knob { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); /* @noflip */ left: 0; /* @noflip */ right: initial; display: block; position: absolute; top: -3px; box-sizing: border-box; width: 20px; height: 20px; -webkit-transform: translateX(0); transform: translateX(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border: 10px solid; border-radius: 50%; z-index: 1; }
.theme-black .mdc-switch [dir="rtl"] .mdc-switch__knob, .theme-black .mdc-switch .mdc-switch__knob[dir="rtl"] { /* @noflip */ left: initial; /* @noflip */ right: 0; }
.theme-black .mdc-switch .mdc-switch__knob::before { position: absolute; top: -24px; left: -24px; width: 48px; height: 48px; -webkit-transform: scale(0); transform: scale(0); transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; opacity: 0.2; content: ""; }
.theme-black .mdc-switch .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }
.theme-black .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 0.5; }
.theme-black .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(14px); transform: translateX(14px); }
.theme-black .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before { opacity: 0.15; }
.theme-black .mdc-switch .mdc-switch__native-control:disabled { cursor: initial; }
.theme-black .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: 0.12; }
.theme-black .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }
.theme-black .mdc-switch [dir="rtl"] .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob, .theme-black .mdc-switch .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-black .mdc-switch [dir="rtl"] .mdc-switch__native-control:checked, .theme-black .mdc-switch .mdc-switch__native-control:checked[dir="rtl"] { -webkit-transform: translateX(-14px); transform: translateX(-14px); }
.theme-black .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #1bb7c2; border-color: #1bb7c2; }
.theme-black .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-black .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #1bb7c2; }
.theme-black .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .no { visibility: hidden; }
.theme-black .mdc-switch.switch-red .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #FF4411; border-color: #FF4411; }
.theme-black .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #00DC81; border-color: #00DC81; }
.theme-black .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; border-color: #fff; }
.theme-black .mdc-switch.switch-red .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: #fff; }
.theme-black .mdc-switch.switch-custom .mdc-switch__background { width: 50px; height: 20px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__background span { font-size: 10px; color: #fff; font-family: RobotoBold; position: absolute; top: 3px; line-height: 14px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__background span.yes { left: 7px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__background span.no { right: 7px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.theme-black .mdc-switch.switch-custom .mdc-switch__native-control { /*&:focus ~ .mdc-switch__background .mdc-switch__knob::before { -webkit-transform: scale(1); transform: scale(1); }*/ /*            &:checked ~ .mdc-switch__background .mdc-switch__knob::before {    opacity: .15; } &:disabled { cursor: initial; } &:disabled ~ .mdc-switch__background::before { background-color: #000; opacity: .12; } &:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #bdbdbd; background-color: #bdbdbd; }*/ }
.theme-black .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.theme-black .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(30px); transform: translateX(30px); }
.theme-black .mdc-switch + .mdc-switch-label { position: relative; top: -4px; left: 10px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__background { width: 80px; height: 20px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__background:before { border-radius: 20px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__background span { font-size: 8px; color: #fff; font-family: RobotoBold; position: absolute; top: 5px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__background span.yes { left: 10px; display: none; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__background span.no { right: 12px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__knob { width: 23px; height: 23px; top: -2px; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control { position: absolute; top: -14px; left: -14px; width: 68px; height: 48px; display: inline-block; margin-top: -3px; margin-left: 0; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background::before { opacity: 1; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob { -webkit-transform: translateX(63px); transform: translateX(63px); }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.yes { display: block; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:checked ~ .mdc-switch__background span.no { display: none; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled { cursor: initial; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #1bb7c2; opacity: 1; border-color: #1bb7c2; }
.theme-black .commission .mdc-switch.switch-custom .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { border-width: 1px; border-color: #1bb7c2; background-color: #1bb7c2; }
.theme-black #copyProduct { max-width: 590px; top: 18% !important; overflow: visible; border-radius: 5px; }
.theme-black #copyProduct h2 { font-size: 27px; line-height: 28px; }
.theme-black #copyProduct .row { margin: 0 -0.75rem; }
.theme-black #copyProduct .input-field { margin-bottom: 10px; }
.theme-black #copyProduct .newlabel { padding: 0 0.75rem; }
.theme-black #copyProduct p { margin: 8px 0 0; }
.theme-black #copyProduct .modal-footer { padding: 0 24px 24px; height: auto; font-size: 0; }
.theme-black #copyProduct .modal-footer .btn { margin: 0; }
.theme-black #copyProduct .switch-wrapper { margin: 13px 0 0; float: right; }
.theme-black #copyProduct .mdc-switch.switch-custom .mdc-switch__background span { font-size: 9px; top: 4px; }
.theme-black .complete-profile { /******* /RIGHT SIDE*********/ /******************** (2) CREATE PASSWORD***********************/ }
.theme-black .complete-profile .brand { display: inline-block; position: absolute; top: 48px; left: 36px; }
.theme-black .complete-profile .visibility { position: absolute; right: 0.75rem; top: 10px; color: #bcbcbc; width: 24px; }
.theme-black .complete-profile .carousel { height: 360px; margin-top: 100px; }
.theme-black .complete-profile .carousel img { height: auto; }
.theme-black .complete-profile .complete-profile-main { min-height: 100vh; margin: 0; }
.theme-black .complete-profile .left-side { background: #202124 url("../images/background-big width.png") no-repeat; /*min-height: 100vh*/ }
.theme-black .complete-profile .right-side { display: flex; align-items: center; justify-content: center; padding: 34px 20px; }
.theme-black .complete-profile .right-side .right-side-inner { display: flex; align-items: center; width: 100%; /* min-height: 765px;*/ }
.theme-black .complete-profile .right-side .right-side-inner .right-side-inner-inside { width: 100%; }
.theme-black .complete-profile .right-side .right-side-inner h1 { color: #202124; font-family: Roboto_light, sans-serif; }
.theme-black .complete-profile .right-side .right-side-inner h4 { font-size: 26px; color: #202124; line-height: 32px; font-family: Roboto_medium, sans-serif; font-weight: normal; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; overflow: hidden; /********************TERMS AND CONDITIONS***************/ /******************** /TERMS AND CONDITIONS***************/ }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form label { font-family: Roboto_light, sans-serif; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types { margin: 40px 0; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types h6 { font-size: 16px; color: #202124; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner { display: flex; flex-wrap: wrap; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li { border: 1px solid #bcbcbc; padding: 0 15px; border-radius: 20px; margin: 0 10px 10px 0; cursor: pointer; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li span { color: #bcbcbc; font-size: 14px; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active { border-color: #202124; background: #202124; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .business-types .business-types-inner li.active span { color: #fff; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions { margin-bottom: 60px; /*.mdc-form-field-{    display: flex;    align-items: center;}*/ }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .terms-conditions .terms-conditions-btn { text-align: right; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .already-account { display: flex; align-items: center; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .already-account label { font-family: RobotoRegular, sans-serif; color: #b3b3b3; font-size: 13px; margin-right: 20px; }
.theme-black .complete-profile .right-side .right-side-inner .sign-up-form .already-account a { background: none; border: 1px solid #bcbcbc; color: #bcbcbc; box-shadow: none; height: 30px; line-height: 28px; }
.theme-black .complete-profile .right-side .success-check { position: absolute; right: 0.75rem; top: 8px; color: #30e206; }
.theme-black .complete-profile .right-side .error-close { position: absolute; right: 0.75rem; top: 8px; color: #ff4411; }
.theme-black .complete-profile .right-side .invalid + label + .helper-text { color: red; }
.theme-black .complete-profile .right-side .teal-message { margin: 0 0 80px; }
.theme-black .complete-profile .sales-points-form { margin: 70px 0 0; }
.theme-black .complete-profile .sales-points-form .sales-points-checkboxes { padding: 0 0 20px 38px; }
.theme-black .complete-profile .sales-points-form .sales-points-checkboxes .mdc-checkbox { position: absolute; left: 4px; top: -7px; }
.theme-black .complete-profile .sales-points-form .sales-points-checkboxes h3 { color: #202124; font-size: 20px; font-family: Roboto_medium, sans-serif; line-height: 24px; margin: 0; }
.theme-black .complete-profile .sales-points-form .sales-points-checkboxes p { color: #bcbcbc; font-size: 16px; line-height: 19px; margin: 8px 0 0; }
.theme-black .complete-profile .sales-points-form .btn { margin: 80px 0 0; }
.theme-black .complete-profile.point-sale-choice .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.theme-black .complete-profile.point-sale-choice .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.theme-black .complete-profile.create-password { /******* (2.1) LEFT SIDE*********/ }
.theme-black .complete-profile.create-password .left-side { background: url("../images/background-big-width.png") no-repeat; background-size: cover; }
.theme-black .complete-profile.create-password .create-password-form { margin: 40px 0; }
.theme-black .complete-profile.create-password .create-password-form label { font-family: Roboto_light, sans-serif; }
.theme-black .complete-profile.create-password .right-side .right-side-inner { display: flex; align-items: center; flex-wrap: wrap; }
.theme-black .complete-profile .sign-in { max-width: 350px; }
.theme-black .complete-profile .sign-in form { margin: 40px 0; }
.theme-black .complete-profile .sign-in label { font-family: Roboto_light, sans-serif; }
.theme-black .complete-profile .sign-in input[type="password"], .theme-black .complete-profile .sign-in input[type="text"] { border-color: #bcbcbc; font-size: 20px; }
.theme-black .complete-profile .sign-in .remember-me { margin-top: 80px; }
.theme-black .complete-profile .sign-in .remember-me .switch-wrapper { margin: 9px 0 0; }
.theme-black .complete-profile .sign-in .remember-me .mdc-switch-label { font-size: 16px; line-height: 19px; }
.theme-black .complete-profile .sign-in .account-not-yet { margin-top: 80px; color: #b3b3b3; }
.theme-black .input-field-with-flags { position: relative; /*input { padding-left: 50px !important; }*/ }
.theme-black .input-field-with-flags .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #d9d9d9; position: absolute; top: 8px; left: 28px; cursor: pointer; }
.theme-black .input-field-with-flags label { left: calc(0.75rem + 50px) !important; }
.theme-black .input-field-with-flags .flags-select { position: absolute; top: 11px; left: 0.75rem; width: 70px; }
.theme-black .input-field-with-flags .flags-select img { width: 20px; }
.theme-black .input-field-with-flags .flags-select ul { box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); background: #fff; margin: 6px 0 0; padding: 5px 10px; z-index: 1; position: absolute; left: 0; top: 100%; display: none; }
.theme-black .input-field-with-flags .flags-select ul li { cursor: pointer; }
.theme-black .input-field-with-flags .flags-select ul.open { display: block; }
.theme-black .recaptcha { position: relative; }
.theme-black .recaptcha .text { position: absolute; top: 10px; font-size: 16px; }
.theme-black .recaptcha input { box-sizing: border-box !important; padding-left: 68px !important; }
.theme-black .recaptcha input[type=number]::-webkit-inner-spin-button, .theme-black .recaptcha input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
@media (min-width: 480px) { .theme-black .complete-profile .carousel { height: 350px !important; margin-top: 100px; }
  .theme-black .complete-profile .carousel img { max-width: 300px; } }
@media (min-width: 640px) { .theme-black .complete-profile .carousel { height: 400px !important; margin-top: 150px; }
  .theme-black .complete-profile .right-side { padding: 54px 30px; } }
@media (min-width: 1024px) { .theme-black .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .theme-black .complete-profile .carousel img { max-width: 100%; }
  .theme-black .complete-profile .left-side { display: flex; align-items: center; justify-content: center; }
  .theme-black .complete-profile .right-side { padding: 74px 30px; } }
@media (min-width: 1366px) { .theme-black .complete-profile .carousel { height: 500px !important; margin-top: 0; }
  .theme-black .complete-profile .right-side { padding: 74px 150px; }
  .theme-black .complete-profile .right-side .right-side-inner .sign-up-form { margin-top: 20px; } }
@media (min-width: 1601px) { .theme-black .complete-profile.bigleft .left-side { max-width: 1080px; }
  .theme-black .complete-profile.bigleft .right-side { max-width: calc(100% - 1080px); -ms-flex: 0 0 100%; flex: 0 0 100%; } }
