/*
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********************/
.btn-white-border { border: 1px solid #fff !important; }

.btn-radius-20 { border-radius: 20px; }

.btn-rounded-s { height: 28px; line-height: 28px; }

.btn-rounded-m { height: 28px; line-height: 28px; }

.btn-bdr-teal { height: 36px; line-height: 18px; cursor: pointer; background: #fff; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid var(--Primarycolor); color: var(--Primarycolor); }
.btn-bdr-teal:focus { background: transparent; outline: none !important; }
.btn-bdr-teal.fill-teal { color: #fff; background: var(--Primarycolor); }
.btn-bdr-teal.fill-red { color: #fff; background: #FF4411; border-color: #FF4411; }
.btn-bdr-teal.fill-orange { color: #fff; background: #FF9700; border-color: #FF9700; }
.btn-bdr-teal.fill-grey { color: #949494; background: #eaeaea; border-color: #eaeaea; }

.btn-bdr-grey { height: 36px; line-height: 18px; cursor: pointer; background: #fff; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #eaeaea; color: #eaeaea; }

.btn-bdr-white { height: 36px; line-height: 18px; cursor: pointer; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #fff; color: #fff; background: transparent; }

.btn-m.btn-icon, .btn-icon { padding-left: 15px; padding-right: 15px; }
.btn-m.btn-icon i, .btn-icon i { float: left; margin: 3px 8px 0 0; font-size: 18px; }

.btn-m { height: 40px; line-height: 24px; padding: 7px 35px; border-radius: 40px; font-family: Roboto_bold, sans-serif; }

.btn-l { height: 48px; line-height: 30px; padding: 8px 35px; border-radius: 40px; font-family: Roboto_bold, sans-serif; font-size: 16px; }

.export-CSV-btn i.material-icons-input { transform: rotate(90deg); }

.btn-flatimg-icon img { float: left; margin: 0 8px 0 0; }
.btn-flatimg-icon i { margin: 0 0 0 8px !important; }

.btns-group { display: flex; height: 40px; border-radius: 20px; margin: 0; border: 1px solid var(--Primarycolor); color: var(--Primarycolor); }
.btns-group button { cursor: pointer; font-size: 12px; text-align: center; white-space: nowrap; line-height: 30px; height: 40px; border-radius: 40px; padding: 5px 25px; position: relative; background: transparent; border: 0; }
.btns-group button.active { color: #fff; background: var(--Primarycolor); z-index: 2; }

/*$medium-up-320 : 320px !default;
$large-up-480 : 480px !default;
$x-large-up-640 : 640px !default;
$xx-large-up-1024 : 1024px !default;
$xxx-large-up-1366 : 1366px !default;
$xxxx-large-up-1920 : 1920px !default;*/
.s-ml0 { margin-left: 0 !important; }
.s-ml10 { margin-left: 10px !important; }
.s-ml15 { margin-left: 15px !important; }
.s-ml16 { margin-left: 16px !important; }
.s-ml20 { margin-left: 20px !important; }
.s-mr0 { margin-right: 0 !important; }
.s-mr10 { margin-right: 10px !important; }
.s-mr15 { margin-right: 15px !important; }
.s-mr20 { margin-right: 20px !important; }
.s-mt0 { margin-top: 0; }
.s-mt5 { margin-top: 5px; }
.s-mt10 { margin-top: 10px; }
.s-mt14 { margin-top: 14px; }
.s-mt15 { margin-top: 15px; }
.s-mt20 { margin-top: 20px !important; }
.s-mt30 { margin-top: 30px; }
.s-mt35 { margin-top: 35px; }
.s-mt45 { margin-top: 45px !important; }
.s-mt50 { margin-top: 50px; }
.s-mb0 { margin-bottom: 0 !important; }
.s-mb5 { margin-bottom: 5px !important; }
.s-mb15 { margin-bottom: 15px !important; }
.s-mb20 { margin-bottom: 20px !important; }
.s-mb24 { margin-bottom: 24px !important; }
.s-mb30 { margin-bottom: 30px !important; }
.s-mb32 { margin-bottom: 32px !important; }

@media (min-width: 1024px) { .xxl-mt0 { margin-top: 0; }
  .xxl-mt5 { margin-top: 5px; }
  .xxl-mt10 { margin-top: 10px; }
  .xxl-mt14 { margin-top: 14px; }
  .xxl-mt15 { margin-top: 15px; }
  .xxl-mt20 { margin-top: 20px !important; }
  .xxl-mt30 { margin-top: 30px; }
  .xxl-mt35 { margin-top: 35px; }
  .xxl-mt45 { margin-top: 45px !important; }
  .xxl-mt50 { margin-top: 50px; } }
@media (min-width: 1366px) { .xxxl-mt0 { margin-top: 0; }
  .xxxl-mt5 { margin-top: 5px; }
  .xxxl-mt10 { margin-top: 10px; }
  .xxxl-mt14 { margin-top: 14px; }
  .xxxl-mt15 { margin-top: 15px; }
  .xxxl-mt20 { margin-top: 20px !important; }
  .xxxl-mt30 { margin-top: 30px; }
  .xxxl-mt35 { margin-top: 35px; }
  .xxxl-mt45 { margin-top: 45px !important; }
  .xxxl-mt50 { margin-top: 50px; } }
@media (min-width: 1601px) { .xxxxl-mt0 { margin-top: 0; }
  .xxxxl-mt5 { margin-top: 5px; }
  .xxxxl-mt10 { margin-top: 10px; }
  .xxxxl-mt14 { margin-top: 14px; }
  .xxxxl-mt15 { margin-top: 15px; }
  .xxxxl-mt20 { margin-top: 20px !important; }
  .xxxxl-mt30 { margin-top: 30px; }
  .xxxxl-mt35 { margin-top: 35px; }
  .xxxxl-mt45 { margin-top: 45px !important; }
  .xxxxl-mt50 { margin-top: 50px; } }
/*$medium-up-320 : 320px !default;
$large-up-480 : 480px !default;
$x-large-up-640 : 640px !default;
$xx-large-up-1024 : 1024px !default;
$xxx-large-up-1366 : 1366px !default;
$xxxx-large-up-1920 : 1920px !default;*/
.s-pl0 { padding-left: 0 !important; }
.s-pl10 { padding-left: 10px !important; }
.s-pl15 { padding-left: 15px !important; }
.s-pl20 { padding-left: 20px !important; }
.s-pr0 { padding-right: 0 !important; }
.s-pr10 { padding-right: 10px !important; }
.s-pr15 { padding-right: 15px !important; }
.s-pr20 { padding-right: 20px !important; }
.s-pt0 { padding-top: 0; }
.s-pt5 { padding-top: 5px; }
.s-pt10 { padding-top: 10px; }
.s-pt14 { padding-top: 14px; }
.s-pt15 { padding-top: 15px; }
.s-pt20 { padding-top: 20px !important; }
.s-pt30 { padding-top: 30px; }
.s-pt35 { padding-top: 35px; }
.s-pt45 { padding-top: 45px !important; }
.s-pt50 { padding-top: 50px; }
.s-pb0 { padding-bottom: 0 !important; }
.s-pb5 { padding-bottom: 5px !important; }
.s-pb15 { padding-bottom: 15px !important; }
.s-pb20 { padding-bottom: 20px !important; }
.s-pb30 { padding-bottom: 30px !important; }

@media (min-width: 1024px) { .xxl-pt0 { padding-top: 0; }
  .xxl-pt5 { padding-top: 5px; }
  .xxl-pt10 { padding-top: 10px; }
  .xxl-pt14 { padding-top: 14px; }
  .xxl-pt15 { padding-top: 15px; }
  .xxl-pt20 { padding-top: 20px !important; }
  .xxl-pt30 { padding-top: 30px; }
  .xxl-pt35 { padding-top: 35px; }
  .xxl-pt45 { padding-top: 45px !important; }
  .xxl-pt50 { padding-top: 50px; } }
@media (min-width: 1366px) { .xxxl-pt0 { padding-top: 0; }
  .xxxl-pt5 { padding-top: 5px; }
  .xxxl-pt10 { padding-top: 10px; }
  .xxxl-pt14 { padding-top: 14px; }
  .xxxl-pt15 { padding-top: 15px; }
  .xxxl-pt20 { padding-top: 20px !important; }
  .xxxl-pt30 { padding-top: 30px; }
  .xxxl-pt35 { padding-top: 35px; }
  .xxxl-pt45 { padding-top: 45px !important; }
  .xxxl-pt50 { padding-top: 50px; } }
@media (min-width: 1601px) { .xxxxl-pt0 { padding-top: 0; }
  .xxxxl-pt5 { padding-top: 5px; }
  .xxxxl-pt10 { padding-top: 10px; }
  .xxxxl-pt14 { padding-top: 14px; }
  .xxxxl-pt15 { padding-top: 15px; }
  .xxxxl-pt20 { padding-top: 20px !important; }
  .xxxxl-pt30 { padding-top: 30px; }
  .xxxxl-pt35 { padding-top: 35px; }
  .xxxxl-pt45 { padding-top: 45px !important; }
  .xxxxl-pt50 { padding-top: 50px; } }
.btn-white-border { border: 1px solid #fff !important; }

.btn-radius-20 { border-radius: 20px; }

.btn-rounded-s { height: 28px; line-height: 28px; }

.btn-rounded-m { height: 28px; line-height: 28px; }

.btn-bdr-teal { height: 36px; line-height: 18px; cursor: pointer; background: #fff; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid var(--Primarycolor); color: var(--Primarycolor); }
.btn-bdr-teal:focus { background: transparent; outline: none !important; }
.btn-bdr-teal.fill-teal { color: #fff; background: var(--Primarycolor); }
.btn-bdr-teal.fill-red { color: #fff; background: #FF4411; border-color: #FF4411; }
.btn-bdr-teal.fill-orange { color: #fff; background: #FF9700; border-color: #FF9700; }
.btn-bdr-teal.fill-grey { color: #949494; background: #eaeaea; border-color: #eaeaea; }

.btn-bdr-grey { height: 36px; line-height: 18px; cursor: pointer; background: #fff; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #eaeaea; color: #eaeaea; }

.btn-bdr-white { height: 36px; line-height: 18px; cursor: pointer; border-radius: 20px; padding: 8px 30px; font-size: 12px; text-align: center; white-space: nowrap; border: 1px solid #fff; color: #fff; background: transparent; }

.btn-m.btn-icon, .btn-icon { padding-left: 15px; padding-right: 15px; }
.btn-m.btn-icon i, .btn-icon i { float: left; margin: 3px 8px 0 0; font-size: 18px; }

.btn-m { height: 40px; line-height: 24px; padding: 7px 35px; border-radius: 40px; font-family: Roboto_bold, sans-serif; }

.btn-l { height: 48px; line-height: 30px; padding: 8px 35px; border-radius: 40px; font-family: Roboto_bold, sans-serif; font-size: 16px; }

.export-CSV-btn i.material-icons-input { transform: rotate(90deg); }

.btn-flatimg-icon img { float: left; margin: 0 8px 0 0; }
.btn-flatimg-icon i { margin: 0 0 0 8px !important; }

.btns-group { display: flex; height: 40px; border-radius: 20px; margin: 0; border: 1px solid var(--Primarycolor); color: var(--Primarycolor); }
.btns-group button { cursor: pointer; font-size: 12px; text-align: center; white-space: nowrap; line-height: 30px; height: 40px; border-radius: 40px; padding: 5px 25px; position: relative; background: transparent; border: 0; }
.btns-group button.active { color: #fff; background: var(--Primarycolor); z-index: 2; }

.prio-create-ticket-dashboard .sidenav-parent .sidenav .active a { color: #080808 !important; }
.prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab svg circle, .prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab svg path, .prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab svg line { stroke: #d1d1d1; }
.prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab.active svg circle, .prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab.active svg path, .prio-create-ticket-dashboard .sidenav-parent .sidenav .setting-tab.active svg line { stroke: var(--Primarycolor); }

.sidenav.sidenav-fixed { overflow: hidden; border: 0; padding: 0; font-size: 0; max-width: 256px; position: fixed; width: 100%; background-color: #ffffff3f; box-shadow: none; z-index: 99; }

.sidebar-close .brand-section a { margin-left: -8px; }
.sidebar-close .sidenav { height: 570px; }
.sidebar-close .sidenav li a { padding: 0 19px !important; }

.simplebar-track.simplebar-horizontal { display: none; }

.sidenav-parent { max-width: 256px; width: 100%; overflow: auto; overflow-x: hidden; }
.sidenav-parent .simplebar-content { display: flex; flex-wrap: wrap; align-items: flex-start; }
.sidenav-parent .sidenav-top { width: 100%; align-self: flex-start; position: relative; }
.sidenav-parent .brand-section { display: flex; align-items: center; width: 100%; justify-content: flex-start; width: 256px; height: 64px; padding: 8px 12px 8px 40px !important; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.16); background: #fff; position: relative; }
.sidenav-parent .brand-section::before { content: ""; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.16); height: 0px; width: 0px; right: 2px; position: absolute; bottom: 0; z-index: 99999; }
.sidenav-parent .brand-section .admin-back-btn { position: absolute; top: calc(50% - 16px); width: 32px; height: 32px; left: 8px; }
.sidenav-parent .brand-section .admin-back-btn a { padding: 0; height: 100%; display: flex; width: 100%; align-content: center; align-items: center; }
.sidenav-parent .brand-section .admin-back-btn a .material-icons { font-size: 32px !important; line-height: 32px; color: #080808; }
.sidenav-parent .brand-section .admin-back-btn a span { display: none; }
.sidenav-parent .brand-section img { margin: 0; max-height: 40px; height: auto; max-width: 100%; width: auto; }
.sidenav-parent .brand-section img.prioticket-logo { max-height: 24px; margin: 5px 0 0 10px; }
.sidenav-parent .brand-section .profile-circle { background-color: #f3f3f3; height: 40px; width: 47px; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #080808; margin-left: 20px; position: relative; top: -6px; }
.sidenav-parent .sidenav-main { width: 100%; align-self: flex-start; margin-top: 22px; height: calc(100vh - 205px); }
.sidenav-parent .nav-header { padding: 35px 15px; display: flex; align-items: center; font-family: Roboto_medium, sans-serif; height: 134px; }
.sidenav-parent .nav-header .profile-circle { width: 64px; min-width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; background: var(--Secondarycolor); display: none; color: #fff; border-radius: 50%; line-height: 44px; font-size: 21px; overflow: hidden; }
.sidenav-parent .nav-header .profile-circle img { height: 64px; width: 64px; font-size: 12px; line-height: 16px; object-fit: cover; }
.sidenav-parent h3 { color: #080808; line-height: 28px; font-size: 14px; font-weight: 600; margin: 0 0 0 5px; text-align: left; width: calc(100% - 64px); white-space: nowrap; cursor: default; }
.sidenav-parent h3 #left-nav-company-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidenav-parent h3 span { font-size: 12px; line-height: 14px; display: block; margin-top: 8px; }
.sidenav-parent .sidenav { position: static; width: 100%; transform: translateX(0); border: 0; box-shadow: none; overflow: visible; padding-bottom: 20px; background: transparent; }
.sidenav-parent .sidenav li { position: relative; border-radius: 5px !important; margin-bottom: 4px; background-color: transparent !important; }
.sidenav-parent .sidenav li .icons-img, .sidenav-parent .sidenav li svg { text-align: center; display: inline-block; top: 11px; position: absolute; left: 16px; }
.sidenav-parent .sidenav li .icons-img.catalogs, .sidenav-parent .sidenav li svg.catalogs { width: 20px; }
.sidenav-parent .sidenav li .icons-img em, .sidenav-parent .sidenav li svg em { position: absolute; top: 6px; right: -6px; height: 8px; width: 8px; background: #f9b000; font-size: 5px; line-height: 8px; border-radius: 50%; }
.sidenav-parent .sidenav li .icons-img img, .sidenav-parent .sidenav li .icons-img i, .sidenav-parent .sidenav li .icons-img svg, .sidenav-parent .sidenav li svg img, .sidenav-parent .sidenav li svg i, .sidenav-parent .sidenav li svg svg { vertical-align: middle; z-index: 0; width: 24px; height: auto; }
.sidenav-parent .sidenav li span.menu-name { display: inline-block; background: transparent; box-shadow: none; padding: 0; }
.sidenav-parent .sidenav li span.prio-beta { background-color: var(--Secondarycolor); border-radius: 5px; margin-left: 12px; padding: 6px 8px; }
.sidenav-parent .sidenav li span.beta-icon { background: #FF4411; padding: 3px 7px; font-size: 12px; border-radius: 100px; text-align: center; margin-left: 10px; color: #fff; display: none; }
.sidenav-parent .sidenav li a { font-size: 14px; height: 40px; line-height: 44px; text-align: center; font-family: Proxima_Nova_Semibold, sans-serif; outline: 0; border: 0; color: #080808; text-align: left; border-radius: 5px; padding-left: 55px !important; }
.sidenav-parent .sidenav li a i.material-icons { color: #fff; }
.sidenav-parent .sidenav li a:hover { background-color: var(--Secondarycolor); }
.sidenav-parent .sidenav li:hover span.menu-name { white-space: nowrap; }
.sidenav-parent .sidenav li.active a { background: var(--Secondarycolor); color: var(--Primarycolor) !important; border-radius: 5px; }
.sidenav-parent .sidenav li.active a.collapsible-header svg path { fill: var(--Primarycolor) !important; }
.sidenav-parent .sidenav li.active a .prio-dashboard-svg path, .sidenav-parent .sidenav li.active a .prio-sales-panel-svg path, .sidenav-parent .sidenav li.active a .prio-resale-svg path { fill: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab { background-color: transparent !important; }
.sidenav-parent .sidenav .report_centre_tab.active .collapsible-header { background-color: var(--Secondarycolor) !important; color: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab.active .collapsible-header .prio-beta { background-color: #fff; }
.sidenav-parent .sidenav .report_centre_tab a { border-left: none; background: transparent !important; font: 14px; line-height: 44px; font-family: Proxima_Nova_Semibold, sans-serif; }
.sidenav-parent .sidenav .report_centre_tab a .chevron-right { float: right; }
.sidenav-parent .sidenav .report_centre_tab a:hover { background-color: var(--Secondarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab a:hover .prio-beta { background-color: #fff; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body { background-color: transparent !important; margin-top: 4px; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body a { padding-left: 65px !important; color: #959595 !important; height: 32px; line-height: 34px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0 !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body a svg { display: none; fill: #959595 !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body a svg g path { stroke: #959595 !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body li:hover a svg { display: block; top: 6px; left: 36px; fill: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body li:hover a svg g path { stroke: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body .active { background-color: transparent !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body .active a svg { display: block; top: 6px; left: 36px; fill: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body .active a svg g path { stroke: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .report_centre_tab .collapsible-body li:hover a, .sidenav-parent .sidenav .report_centre_tab .collapsible-body .active a { background-color: var(--Secondarycolor) !important; color: var(--Primarycolor) !important; }
.sidenav-parent .sidenav .collapsible { width: 100%; padding: 0 24px; }
.sidenav-parent .logout-btn-parent .logout-btn { position: relative; bottom: 0; display: flex; width: 100%; left: 0; }
.sidenav-parent .logout-btn-parent .logout-btn:hover { background-color: var(--Secondarycolor); }
.sidenav-parent .logout-btn-parent .logout-btn a { background-color: transparent !important; }
.sidenav-parent .logout-btn-parent .logout-btn .icons-img, .sidenav-parent .logout-btn-parent .logout-btn svg { margin-right: 16px; position: relative; top: 8px; }
.sidenav-parent .logout-btn-parent .logout-btn i, .sidenav-parent .logout-btn-parent .logout-btn svg { display: inline-block; color: #fff; font-size: 24px; }
.sidenav-parent .logout-btn-parent .logout-btn .menu-name { font-size: 14px; display: inline-block; color: #fff; }
.sidenav-parent .contact-us { padding: 0 0 15px; margin-left: 34px; align-items: flex-start; max-height: 172px; }
.sidenav-parent .contact-us i { display: none; }
.sidenav-parent .sidebar-footer { color: #fff; font-size: 13px; line-height: 17px; font-family: Roboto_light, sans-serif; margin: 18px 0; max-width: 154px; text-align: left; }
.sidenav-parent .sidebar-footer .tagline { font-size: 14px; color: #080808; font-family: Proxima_Nova_Medium, sans-serif; display: block; margin-top: 30px; margin-bottom: 10px; font-weight: bold; }
.sidenav-parent .sidebar-footer a { color: #080808; display: block; }
.sidenav-parent .sidebar-footer a:hover { text-decoration: underline; }
.sidenav-parent .sidebar-footer p { color: #fff; font-family: Roboto_medium, sans-serif; margin: 12px 0 10px; font-size: 12px; }

.sidebar-close .sidenav { width: 65px !important; height: 100% !important; }
.sidebar-close .sidenav-parent .sidenav .collapsible { padding: 0 10px; }
.sidebar-close .sidenav-parent .sidenav .collapsible li a { padding: 0 10px !important; }
.sidebar-close .sidenav-parent .sidenav .collapsible li a svg { left: 13px; }
.sidebar-close header.navbar-fixed-xs nav { width: calc(100% - 65px); }
.sidebar-close .brand-logo { display: none; }
.sidebar-close .nav-header { padding: 35px 0; }
.sidebar-close .nav-header .profile-circle { height: 50px; width: 50px; min-width: 10px; line-height: 50px; position: relative; left: 7px; }
.sidebar-close .nav-header h3 { display: none; }
.sidebar-close .sidenav-parent .sidenav li span.menu-name { display: none; }
.sidebar-close .sidenav-parent .sidenav li .material-icons.chevron-right { display: none; }
.sidebar-close .sidenav-parent .sidenav li .collapsible-body a { padding: 0 16px; }
.sidebar-close .contact-us .btn-bdr-white { border: 0; padding: 8px 0; }
.sidebar-close .contact-us span { display: none; }
.sidebar-close .contact-us i { display: block; }
.sidebar-close .sidebar-footer { display: none; }

.create-product-phone { display: none; }

/*PRIVACY-POLICY*/
.header.privacy-policy { width: 100%; height: auto; background-color: var(--Tealbase) !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-and-condition-page .main-content, .privacy-policy-page .main-content { padding: 0; }

/*/TERMS & CONDITIONS*/
@media (min-width: 1400px) { .sidenav-parent .sidenav { height: auto; } }
.terms-and-condition-page .sidenav.sidenav-fixed, .privacy-policy-page .sidenav.sidenav-fixed { display: none; }

@media (max-width: 991px) { .sidenav-parent { background: #fafafa; } }
@media (max-width: 767px) { .page-container-main header nav .flex-row .s9.l9.xxl9 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .page-container-main header nav .flex-row .s3.l3.xxl3.right-align { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .page-container-main header nav .flex-row .s3.l3.xxl3.right-align .btn.btn-blue.pull-right.ml10.mt10 { white-space: nowrap; }
  .page-container-main header nav .flex-row .header-right .btn-floating .material-icons { line-height: 37px !important; height: 37px !important; }
  .tabs.hide-on-med-and-down { position: absolute; left: 0; top: 70px; width: calc(100vw + 10px) !important; min-width: 100% !important; padding: 0 20px !important; }
  .tabs.hide-on-med-and-down li.tab { margin-right: 0; } }
@media (min-width: 768px) and (max-width: 1024px) { .page-container-main header nav .flex-row .s9.l9.xxl9 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .page-container-main header nav .flex-row .s3.l3.xxl3.right-align { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .page-container-main header nav .flex-row .s3.l3.xxl3.right-align .btn.btn-blue.pull-right.ml10.mt10 { white-space: nowrap; }
  .page-container-main header nav .flex-row .header-right .btn-floating .material-icons { line-height: 37px !important; height: 37px !important; }
  .tabs.hide-on-med-and-down { position: absolute; left: 0; top: 70px; width: calc(100vw + 10px) !important; min-width: 100% !important; padding: 0 20px !important; }
  .tabs.hide-on-med-and-down li.tab { margin-right: 0; } }
/*$medium-up-320 : 320px !default;
$large-up-480 : 480px !default;
$x-large-up-640 : 640px !default;
$xx-large-up-1024 : 1024px !default;
$xxx-large-up-1366 : 1366px !default;
$xxxx-large-up-1920 : 1920px !default;*/
.prio-create-ticket-dashboard .sidenav-parent .brand-section { padding: 12px 24px 0; }
.prio-create-ticket-dashboard .sidenav-parent .brand-section img { width: 80px; max-height: 40px; margin: 0; }
.prio-create-ticket-dashboard .header-right .profile.profile-popup-open svg.user path { stroke: var(--Primarycolor) !important; }
.prio-create-ticket-dashboard .header-right .profile.profile-popup-open svg.user circle { stroke: var(--Primarycolor) !important; }
.prio-create-ticket-dashboard .header-right .profile.profile-popup-open svg.arrow path.b { stroke: var(--Primarycolor) !important; }
.prio-create-ticket-dashboard .header-right .profile.profile-popup-open svg.arrow { transform: rotate(180deg); }
.prio-create-ticket-dashboard .header-right .profile .user-popup { width: 260px; right: 9px; top: 38px; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul { display: inline-block; width: 100%; height: 100% !important; padding: 24px 32px 23px; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li { margin-bottom: 30px; text-align: left; width: 100%; height: auto !important; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li:last-child { margin-bottom: 0; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li a { color: #080808; padding: 0; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li a:hover { background-color: transparent; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li p { margin: 0; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li p:first-child { margin: 0 0 6px; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li .user-heading { font: 16px/20px Proxima_Nova_Semibold; color: #080808; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li .user-heading.account-name a { color: var(--Primarycolor); }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li .user-detail { font: 14px/17px Proxima_Nova_Regular; color: #080808; }
.prio-create-ticket-dashboard .header-right .profile .user-popup ul li .user-detail.setting { padding: 10px 0 19px; }

header nav { box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.16); }

.sidebar-close header nav .tabs { padding-left: 65px !important; }

header.navbar-fixed-xs nav { width: 100%; background-color: #fff !important; z-index: 9999999; }
header.navbar-fixed-xs nav .flex-row .l4 { bottom: 0 !important; }

.sidebar-close header.navbar-fixed-xs nav { width: calc(100% - 67px) !important; }

header nav ul { height: 100% !important; }
header nav ul li { height: 64px !important; line-height: 64px !important; }

nav { height: 64px; 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); background-color: #fff !important; padding-right: 20px; margin-bottom: 2px; }
nav .right-align { display: flex; align-items: center; justify-content: flex-end; }
nav .right-align .btn { height: 32px; background-color: #25DEBD; padding: 0 16px; display: inline-flex; align-items: center; font: 14px/16px Proxima_Nova_Regular, sans-serif; box-shadow: none; text-transform: capitalize; width: auto !important; border-radius: 50px; color: #fff; }
nav .right-align .btn.pricing-plans { background-color: #20CC20; }
nav .right-align .btn.pricing-plans svg { margin-left: 5px; }
nav .right-align .btn.plan_exceded { background-color: #FB8F14 !important; }
nav .right-align .btn.disabled { background-color: #bcbcbc !important; color: #fff !important; pointer-events: none; }
nav .right-align .dropdown-content { width: 458px !important; left: auto !important; top: 77% !important; box-shadow: 0px 4px 8px #00000029; border: 1px solid #F3F3F3; border-radius: 5px; padding: 32px !important; color: #080808; text-align: left; }
nav .right-align .dropdown-content .main-heading { font: 20px/22px Proxima_Nova_Semibold, sans-serif !important; margin: 0 0 32px; }
nav .right-align .dropdown-content::after { display: none !important; }
nav .right-align .dropdown-content .progress-section { margin-bottom: 26px; }
nav .right-align .dropdown-content .progress-section .progress { position: relative; border-radius: 50px; background-color: #DBDBDB !important; }
nav .right-align .dropdown-content .progress-section .progress .determinate { background-color: #FB8F14; }
nav .right-align .dropdown-content .progress-section .progress-content { display: flex; justify-content: space-between; margin-bottom: 8px; }
nav .right-align .dropdown-content .progress-section .progress-content h5 { font: 14px/16px Proxima_Nova_Regular, sans-serif !important; margin: 0; }
nav .right-align .dropdown-content .progress-section .progress-content span { font: 14px/16px Proxima_Nova_Regular, sans-serif !important; }
nav .right-align .dropdown-content .info-section { display: flex; align-items: center; }
nav .right-align .dropdown-content .info-section svg { margin-right: 10px; }
nav .right-align .dropdown-content .info-section svg .b { stroke: #FB8F14 !important; height: 16px; width: 16px; }
nav .right-align .dropdown-content .info-section .info-content { font: 14px/16px Proxima_Nova_Regular, sans-serif; }
nav .right-align .dropdown-content .prio-full-btn { margin-top: 48px; width: 100% !important; display: flex; align-items: center; justify-content: center; background-color: var(--Primarycolor); border-radius: 5px; font: 14px/16px Proxima_Nova_Regular, sans-serif; color: #fff; height: 40px; }
nav .mdc-layout-grid { padding-top: 0; }
nav .tabs { height: 64px; padding-left: 260px !important; }
nav .tabs .indicator { display: none; }
nav .tabs li.tab { margin-right: 30px; height: 64px; width: auto; }
nav .tabs li.tab a { text-transform: capitalize; color: #202124; background-color: transparent !important; font-family: Roboto_medium, sans-serif; width: 100%; padding: 0 20px; }
nav .tabs li.tab a:hover { color: var(--Primarycolor); }
nav .tabs li.tab.active { background-color: transparent; }
nav .tabs a { border-bottom: 4px solid #eaeaea; padding: 9px 0 0; }
nav .tabs a.active { border-color: var(--Primarycolor) !important; color: var(--Primarycolor) !important; }

.header-right { display: flex; justify-content: flex-end; align-items: center; height: 64px; }
.header-right .btn.btn-blue.pull-right { background-color: var(--Primarycolor); color: #fff; box-shadow: none; border-radius: 25px; }
.header-right .plans { font-size: 14px; line-height: 17px; margin-right: 10px; }
.header-right .plans a { color: #f9b000; padding: 0 10px; font-size: 14px; font-family: Roboto_medium, sans-serif; }
.header-right .create-product-phone { margin-left: 10px; }
.header-right .create-product-phone i { line-height: 40px !important; }
.header-right .create-product { border: 2px solid #d9d9d9; display: none; height: 40px; line-height: 36px; font-size: 12px; font-family: Roboto_bold, sans-serif; border-radius: 20px; color: #d9d9d9; margin-right: 10px; padding: 0 10px; }
.header-right .create-product i { position: relative; top: -2px; }
.header-right .alert-bell { position: relative; display: none; cursor: pointer; }
.header-right .alert-bell em { position: absolute; top: -6px; right: -2px; height: 8px; width: 8px; background: #f9b000; font-size: 5px; line-height: 8px; border-radius: 50%; }
.header-right .alert-bell:hover svg path { fill: var(--Secondarycolor); stroke: var(--Secondarycolor); }
.header-right .alert-bell:hover svg rect { fill: var(--Secondarycolor); stroke: var(--Secondarycolor); }
.header-right .profile { margin-left: 10px; display: flex; position: relative; align-items: center; cursor: pointer; }
.header-right .profile svg.user path { stroke: #202124; }
.header-right .profile:hover svg.user path { stroke: var(--Primarycolor) !important; }
.header-right .profile:hover svg.user circle { stroke: var(--Primarycolor) !important; }
.header-right .profile:hover svg.arrow path.b { stroke: var(--Primarycolor) !important; }
.header-right .profile:hover svg.arrow path.b circle { stroke: var(--Primarycolor) !important; }
.header-right .profile .user-popup { width: 288px; height: auto; position: absolute; right: -11px; top: 46px; z-index: 9999; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.28); display: none; }
.header-right .profile .user-popup.active { display: block; }
.header-right .profile .user-popup .user-popup-arrow { position: absolute; top: -11px; right: 8px; width: 25px; height: 25px; }
.header-right .profile .user-popup .user-row { width: 100%; padding: 0 32px; text-align: left; display: inline-block; }
.header-right .profile .user-popup .user-row.user-row1 { padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eaeaea; }
.header-right .profile .user-popup .user-row.user-row1 .title { color: #202124; font-size: 20px; line-height: 20px; margin: 0; font-family: Roboto_regular, sans-serif; }
.header-right .profile .user-popup .user-row.user-row1 .role { color: #202124; font-size: 16px; line-height: 19px; margin: 8px 0; font-family: Roboto_regular, sans-serif; }
.header-right .profile .user-popup .user-row.user-row1 .email { color: #bcbcbc; font-size: 14px; line-height: 17px; margin: 0; font-family: Roboto_regular, sans-serif; }
.header-right .profile .user-popup .user-row a .user-row2 { border-bottom: 1px solid #eaeaea; }
.header-right .profile .user-popup .user-row a .user-row2:last-child { border-bottom: none; }
.header-right .profile .user-popup .user-row.user-row2 { padding-top: 16px; padding-bottom: 16px; display: inline-flex; align-items: center; border-bottom: 1px solid #eaeaea; }
.header-right .profile .user-popup .user-row.user-row2 p { line-height: 20px; margin: 0; margin-left: 26px; color: #202124; font-size: 17px; font-family: Roboto_regular, sans-serif; }
.header-right .profile .user-popup .user-row .user-row2-border { border-bottom: 1px solid #eaeaea; }
.header-right .profile img { height: 40px; width: 40px; border-radius: 50%; }
.header-right .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; }

nav .mobile-sidenav-trigger { height: 40px !important; position: relative; top: 12px; }
nav .mobile-sidenav-trigger i { line-height: 40px !important; background-color: var(--Primarycolor); }

.header-right .btn-floating { background-color: var(--Primarycolor) !important; }
.header-right .btn-floating .material-icons { line-height: 2.5em !important; }

.breadcrumbs { padding: 38px 0 25px; font-size: 0; line-height: 16px; }
.breadcrumbs.breadcrumbs-last-2 { min-width: 134px; }
.breadcrumbs.breadcrumbs-last-2 .breadcrumb { display: none; }
.breadcrumbs.breadcrumbs-last-2 .breadcrumb:last-child, .breadcrumbs.breadcrumbs-last-2 .breadcrumb:nth-last-child(2) { display: inline-block; }
.breadcrumbs.breadcrumbs-last-2 .breadcrumb:nth-last-child(2):before { display: none; }
.breadcrumbs a { color: #b3b3b3; font-size: 12px; }
.breadcrumbs .breadcrumb:last-child { color: #202124; }
.breadcrumbs .breadcrumb:before { color: #b3b3b3; position: relative; top: 1px; font-size: 18px; }

@media (min-width: 1024px) { header .header-right .plans { margin-right: 20px; }
  header .header-right .plans a { padding: 0 15px; }
  header .header-right .create-product { margin-right: 32px; padding: 0 15px; }
  header .header-right .profile { margin-left: 35px; } }
@media (max-width: 1024px) { header nav { width: 100% !important; }
  .tabs { position: absolute; left: 65px; }
  .tabs .tab a { padding: 0 10px; font-size: 10px; }
  .tabs.hide-on-med-and-down { display: block !important; } }
@media (min-width: 1367px) { header { /*&.navbar-fixed-xs nav { width: calc(100% - 272px);}*/ }
  header nav .tabs { margin: 0 0 0 16px; padding-left: 300px !important; }
  .reseller-profile-page header nav .tabs { margin: 0 0 0 20px; } }
/*$medium-up-320 : 320px !default;
$large-up-480 : 480px !default;
$x-large-up-640 : 640px !default;
$xx-large-up-1024 : 1024px !default;
$xxx-large-up-1366 : 1366px !default;
$xxxx-large-up-1920 : 1920px !default;*/
footer { padding: 15px 20px; }
footer .left { padding: 16px 0; text-align: center; width: 100%; }
footer span, footer a { color: #b3b3b3; line-height: 16px; font-size: 13px; display: inline-block; margin: 0 15px 10px; }
footer span { display: block; }
footer .select-all { border: 1px solid #d9d9d9; font-size: 16px; color: #d9d9d9; height: 48px; width: 128px; padding: 0 15px; background: #fff; border-radius: 24px; text-transform: unset; }
footer .select-all-teal { padding: 0 30px; border-radius: 24px; text-transform: unset; }
footer .publish-btn { padding: 0 20px 0 10px; }
footer .publish-btn .left { padding: 0; width: auto; }

@media (min-width: 1366px) { footer { height: 110px; padding: 31px 72px; }
  footer .left { text-align: left; width: auto; }
  footer a { margin: 0 48px 0 0; }
  footer span { display: inline-block; width: auto; } }
@media (max-width: 640px) { footer .btn, footer .btn-flat { padding: 0 20px; } }
.page-container .modal-overlay { z-index: 999 !important; }

.modal-close.modal-close-footer { position: static; }

.modal-open { overflow: auto !important; }

#plansGuide h2 { margin-top: 30px 0 0; }

#showFlagsPopUp { background-color: #fff; width: 45%; max-height: initial; overflow: visible; padding: 20px 20px 40px; }
#showFlagsPopUp .select2-container { width: 100% !important; }
#showFlagsPopUp .dropdown-content { top: 40px !important; }
#showFlagsPopUp .dropdown-content:after { display: none; }
#showFlagsPopUp .modal-footer { display: none; }
#showFlagsPopUp h5 { margin-bottom: 30px; padding-left: 8px; }
#showFlagsPopUp .select-wrapper input.select-dropdown { height: 2.5rem; padding-left: 10px; border-radius: 5px; border: 1px solid #bcbcbc; }
#showFlagsPopUp .select2-search__field { min-height: 18px; height: auto; }
#showFlagsPopUp .add_flag { margin-left: 12px; }
#showFlagsPopUp .add_flag i { font-size: 16px; position: relative; top: -3px; }
#showFlagsPopUp .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #bcbcbc; }
#showFlagsPopUp .select2-container--default .select2-selection--multiple { border-color: #bcbcbc; }
#showFlagsPopUp .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff; }
#showFlagsPopUp .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1bb7c2; color: #fff; border-color: #1bb7c2; }
#showFlagsPopUp input:not([type]):focus:not([readonly]), #showFlagsPopUp input[type=text]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=password]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=email]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=url]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=time]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=date]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=datetime]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=datetime-local]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=tel]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=number]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp input[type=search]:not(.browser-default):focus:not([readonly]), #showFlagsPopUp textarea.materialize-textarea:focus:not([readonly]) { border: none; box-shadow: none; }

#allplansGuide, #Plandesigned2, #Plandesigned, #plansGuide { width: 90%; max-width: 1055px; margin-top: 50px; border-radius: 20px; overflow: hidden; font-size: 0; max-height: 78%; }
#allplansGuide .modal-close, #Plandesigned2 .modal-close, #Plandesigned .modal-close, #plansGuide .modal-close { position: absolute; right: 40px; }
#allplansGuide .modal-close i, #Plandesigned2 .modal-close i, #Plandesigned .modal-close i, #plansGuide .modal-close i { font-size: 30px; color: #bcbcbc; }
#allplansGuide h2, #Plandesigned2 h2, #Plandesigned h2, #plansGuide h2 { font-size: 26px; font-family: Roboto_light, sans-serif; color: #000000; line-height: 32px; padding: 25px 0 15px; margin: 0; }
#allplansGuide p, #Plandesigned2 p, #Plandesigned p, #plansGuide p { margin: 0; }
#allplansGuide .marketplace-premium, #allplansGuide .designed-three-plans, #Plandesigned2 .marketplace-premium, #Plandesigned2 .designed-three-plans, #Plandesigned .marketplace-premium, #Plandesigned .designed-three-plans, #plansGuide .marketplace-premium, #plansGuide .designed-three-plans { color: #6d6d6d; line-height: 24px; font-size: 20px; font-family: Roboto_light, sans-serif; }
#allplansGuide .one-reseller, #allplansGuide .preferred-plan, #Plandesigned2 .one-reseller, #Plandesigned2 .preferred-plan, #Plandesigned .one-reseller, #Plandesigned .preferred-plan, #plansGuide .one-reseller, #plansGuide .preferred-plan { font-family: Roboto_medium, sans-serif; color: #6d6d6d; font-size: 14px; line-height: 17px; margin: 12px 0 0; }
#allplansGuide .three-plans, #Plandesigned2 .three-plans, #Plandesigned .three-plans, #plansGuide .three-plans { margin: 24px auto 0; max-width: 850px; }
#allplansGuide .three-plans .plan-type-img, #Plandesigned2 .three-plans .plan-type-img, #Plandesigned .three-plans .plan-type-img, #plansGuide .three-plans .plan-type-img { height: 114px; width: auto; max-width: none; }
#allplansGuide .more-information, #Plandesigned2 .more-information, #Plandesigned .more-information, #plansGuide .more-information { font-size: 12px; color: #b4b4b4; line-height: 14px; font-family: Roboto_light, sans-serif; margin: 18px 0 5px; }
#allplansGuide .card, #Plandesigned2 .card, #Plandesigned .card, #plansGuide .card { box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); border-radius: 20px; min-height: 460px; position: relative; padding: 35px 35px 25px; margin: 0; }
#allplansGuide .card .recommended, #Plandesigned2 .card .recommended, #Plandesigned .card .recommended, #plansGuide .card .recommended { position: absolute; right: 50%; top: -16px; line-height: 18px; padding: 6px 24px; margin-right: -64px; border-radius: 100px; background: #00dc81; color: #fff; font-size: 12px; font-family: Roboto_medium, sans-serif; }
#allplansGuide .card h3, #Plandesigned2 .card h3, #Plandesigned .card h3, #plansGuide .card h3 { color: #202124; font-family: RobotoBlack, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; letter-spacing: 4px; margin: 10px 0 8px; }
#allplansGuide .card h4, #Plandesigned2 .card h4, #Plandesigned .card h4, #plansGuide .card h4 { color: #d9d9d9; font-size: 20px; line-height: 24px; font-family: Roboto_bold, sans-serif; margin: 30px 0 10px; }
#allplansGuide .card .tasks-status, #Plandesigned2 .card .tasks-status, #Plandesigned .card .tasks-status, #plansGuide .card .tasks-status { color: #d9d9d9; font-size: 10px; line-height: 13px; margin: 0 0 5px; }
#allplansGuide .card ul li, #Plandesigned2 .card ul li, #Plandesigned .card ul li, #plansGuide .card ul li { color: #202124; font-size: 11px; font-family: Roboto_medium, sans-serif; line-height: 13px; margin: 13px 0 0; height: 13px; }
#allplansGuide .card ul li:first-child, #Plandesigned2 .card ul li:first-child, #Plandesigned .card ul li:first-child, #plansGuide .card ul li:first-child { margin: 0; }
#allplansGuide .card ul li span, #Plandesigned2 .card ul li span, #Plandesigned .card ul li span, #plansGuide .card ul li span { border: 1.5px solid #ececec; height: 13px; width: 13px; display: inline-block; border-radius: 12px; margin-right: 7px; position: relative; top: 2px; }
#allplansGuide .card ul li span i, #Plandesigned2 .card ul li span i, #Plandesigned .card ul li span i, #plansGuide .card ul li span i { display: none; }
#allplansGuide .card ul li.active, #Plandesigned2 .card ul li.active, #Plandesigned .card ul li.active, #plansGuide .card ul li.active { color: #d9d9d9; }
#allplansGuide .card ul li.active span, #Plandesigned2 .card ul li.active span, #Plandesigned .card ul li.active span, #plansGuide .card ul li.active span { background: #ececec; top: -1px; }
#allplansGuide .card ul li.active span i, #Plandesigned2 .card ul li.active span i, #Plandesigned .card ul li.active span i, #plansGuide .card ul li.active span i { color: #fff; font-size: 9px; display: block; position: relative; top: 1px; left: 1px; }
#allplansGuide .card .caption, #Plandesigned2 .card .caption, #Plandesigned .card .caption, #plansGuide .card .caption { position: absolute; bottom: -24px; border-radius: 100px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); background: #fff; padding: 6px 16px; font-size: 16px; line-height: 18px; color: var(--Tealbase); left: 18px; right: 19px; min-height: 48px; align-items: center; display: flex; justify-content: center; }

#plansGuide .modal-content { padding: 35px 25px 31px; }
#plansGuide .modal-content h2 { margin: 0 0 23px; }
#plansGuide .three-plans .flex-row { margin: 0 -11px; }
#plansGuide .three-plans .flex-row .indirect, #plansGuide .three-plans .flex-row .direct { padding: 0 11px; }
#plansGuide .card h3 { margin: 10px 0 25px; }
#plansGuide .card h4 { margin: 21px 0 9px; }
#plansGuide .card .tasks-status { color: #202124; margin: 0; }
#plansGuide .card ul { margin: 39px 0 24px; }
#plansGuide .card .caption { left: 21px; right: 22px; }
#plansGuide .three-plans { margin: 31px auto 0; max-width: 845px; }
#plansGuide .more-information { margin: 50px 0 0; }
#plansGuide .preferred-plan { color: #202124; }

#allplansGuide .more-information { margin: 50px 0 0; }

#Plandesigned2, #Plandesigned { margin-top: 0; max-width: 972px !important; font-size: 0; }
#Plandesigned2 .modal-content, #Plandesigned .modal-content { padding: 85px 25px 38px; }
#Plandesigned2 h2, #Plandesigned h2 { margin: 0 0 44px; }
#Plandesigned2 .multiple-plans, #Plandesigned .multiple-plans { margin: 0 auto; max-width: 850px; }
#Plandesigned2 ul, #Plandesigned ul { margin-bottom: 25px; }
#Plandesigned2 .plandesigned-left, #Plandesigned .plandesigned-left { align-items: center; display: flex; }
#Plandesigned2 .plandesigned-left .marketplace-premium, #Plandesigned .plandesigned-left .marketplace-premium { margin: 0 0 44px; min-height: 80px; max-width: 521px; }
#Plandesigned2 .plandesigned-left .one-reseller, #Plandesigned .plandesigned-left .one-reseller { font-size: 15px; margin: 0; max-width: 521px; }
#Plandesigned2 .selected-products .chip, #Plandesigned .selected-products .chip { background: transparent; border: 1px solid #d9d9d9; color: #d9d9d9; margin-bottom: 8px; }
#Plandesigned2 .selected-products .more span, #Plandesigned .selected-products .more span { color: #d9d9d9; font-size: 12px; line-height: 14px; }
#Plandesigned2 .card, #Plandesigned .card { margin: 0; max-height: 480px; border: 3px solid var(--Tealbase); padding: 32px 30px 21px; }
#Plandesigned2 .card .caption, #Plandesigned .card .caption { border: 3px solid var(--Tealbase); background: #fff; color: var(--Tealbase); padding: 6px 20px; }
#Plandesigned2 .card h4, #Plandesigned .card h4 { margin: 10px 0 9px; }
#Plandesigned2 .card .tasks-status, #Plandesigned .card .tasks-status { color: #202124; margin: 0 0 39px; }
#Plandesigned2 .for-more-bottom, #Plandesigned .for-more-bottom { padding: 8px 0 0; margin-top: 57px; }
#Plandesigned2 .for-more-bottom a, #Plandesigned .for-more-bottom a { color: #b4b4b4; font-size: 16px; line-height: 19px; margin-bottom: 10px; display: inline-block; }
#Plandesigned2 .for-more-bottom button, #Plandesigned .for-more-bottom button { font-size: 16px; margin-left: 35px; width: 144px; }

#Plandesigned .plandesigned-left { -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; }
#Plandesigned .plandesigned-right { -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; }
#Plandesigned .plandesigned-right .card { max-width: 267px; float: right; width: 100%; }
#Plandesigned .card h3 { margin: 10px 0 24px; }

#Plandesigned .card h4 { margin: 9px 0; }

#Plandesigned2 { max-width: 1142px !important; }
#Plandesigned2 .modal-content { padding: 85px 60px 38px 51px; }
#Plandesigned2 .plandesigned-left { max-width: calc(100% - 578px); width: 100%; }
#Plandesigned2 .plandesigned-left h2 { margin: 0 0 45px; }
#Plandesigned2 .plandesigned-right { max-width: 578px; width: 100%; }
#Plandesigned2 .plandesigned-right .flex-row { justify-content: flex-end; margin: 0; }
#Plandesigned2 .plandesigned-right .direct_plan { max-width: 289px; padding: 0 0 0 22px; }
#Plandesigned2 .card { /*margin: 0 0 65px;*/ padding: 33px 30px 22px; border: 2px solid var(--Tealbase); }
#Plandesigned2 .card h3 { margin: 10px 0 25px; }
#Plandesigned2 .card h4 { margin: 20px 0 9px; }
#Plandesigned2 .card img { height: 115px; }
#Plandesigned2 .card .tasks-status { margin: 0; }
#Plandesigned2 .card ul { margin: 39px 0 25px; }
#Plandesigned2 .card .caption { left: 19px; right: 20px; border: 2px solid var(--Tealbase); }
#Plandesigned2 .multiple-plans { padding: 0 0; max-width: 100%; }
#Plandesigned2 .card.card-non-active { border-color: transparent; }
#Plandesigned2 .card.card-non-active .caption { border-color: transparent; }

#alert_popup { max-width: 480px; }

#signupSubmit { border-radius: 20px; width: 28%; text-align: center; }
#signupSubmit .modal-inner { padding: 20px 35px; }
#signupSubmit .modal-inner .modal-content { padding: 0; }
#signupSubmit .modal-inner .modal-footer { padding: 0; text-align: center; background: transparent; }
#signupSubmit .modal-inner .modal-footer p { font-size: 12px; }
#signupSubmit h1 { color: var(--Tealbase); font-size: 36px; font-family: Roboto_light, sans-serif; }
#signupSubmit h4 { color: #202124; font-size: 26px; }
#signupSubmit p { color: #bcbcbc; font-size: 16px; font-family: Roboto_regular, sans-serif; margin-top: 30px; }

#Uploadfile { width: 548px; top: 50% !important; margin-top: -124px; }
#Uploadfile .modal-content { padding: 48px; }
#Uploadfile h2 { color: #202124; font-size: 20px; line-height: 22px; font-family: Roboto_medium, sans-serif; font-weight: normal; margin: 0; }
#Uploadfile .uploading-file { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); padding: 24px 30px 24px 70px; margin: 30px 0; position: relative; }
#Uploadfile .uploading-file img { position: absolute; top: 26px; left: 25px; }
#Uploadfile .uploading-file .file-name { padding: 0 40px 0 0; color: #202124; font-family: Roboto_medium, sans-serif; font-size: 16px; position: relative; }
#Uploadfile .uploading-file .error-close { color: #ff4411; position: absolute; right: 0; top: 5px; cursor: pointer; }
#Uploadfile .uploading-file .progress { background: #f0f0f0; margin-bottom: 0; }
#Uploadfile .file-extention { line-height: 32px; font-size: 12px; color: #bcbcbc; }
#Uploadfile .file-field { display: inline-block; }
#Uploadfile .browse-btn { width: 92px; height: 32px; padding: 6px 12px; line-height: 18px; overflow: hidden; position: relative; }

#MapModal { width: 90%; max-width: 656px; box-shadow: none; overflow: hidden; top: 89px !important; max-height: none; position: absolute; padding-bottom: 60px; /*            .form-group {  &.product-type { margin-bottom: 0; .s12 { margin-bottom: 24px; } } }*/ }
#MapModal .modal-inner { max-height: none; box-shadow: 0 7px 30px rgba(0, 0, 0, 0.16); overflow: scroll; height: 860px !important; overflow-x: hidden; }
#MapModal a.modal-close { float: right; margin-top: 10px; }
#MapModal .modal-close { right: -35px; position: relative; }
#MapModal .modal-close i { color: #bcbcbc; }
#MapModal .modal-close-footer { right: 0; }
#MapModal h4 { color: #202124 !important; font-size: 20px; font-weight: normal; font-family: Roboto_medium, sans-serif; line-height: 24px; display: inline-block; position: relative; }
#MapModal h4.active-h4 { margin-bottom: 36px; }
#MapModal h4 .infoclick { position: absolute; right: -14px; top: -7px; cursor: pointer; }
#MapModal h4 .infoclick .info-iris { display: none; }
#MapModal h4 .infoclick.active .info-grey { display: none; }
#MapModal h4 .infoclick.active .info-iris { display: block; }
#MapModal .p1 { color: #bcbcbc; font-size: 16px; line-height: 21px; margin: 0 0 60px; }
#MapModal .modal-content { padding: 57px 62px 22px 66px; }
#MapModal .label-control { color: #6d6d6d; font-size: 12px; line-height: 14px; margin: 0 0 4px; }
#MapModal .rounded { border: 1px solid #eaeaea; border-radius: 5px; box-shadow: none; height: 48px; line-height: 34px; font-size: 12px; padding: 6px 12px; margin: 0; }
#MapModal .addnewtype-btn { padding: 8px 30px; margin-bottom: 13px; width: 168px; font-size: 14px; background: #202124; border-color: #202124; }
#MapModal .addnewtype-btn i { font-size: 20px; margin: -1px 0 0; }
#MapModal .modal-footer { background: #fafafa; position: relative; right: -30px; padding: 0; }
#MapModal .modal-footer .modal-close { color: var(--Tealbase); font-size: 14px; width: 102px; }
#MapModal .modal-footer .fill-teal { font-size: 14px; width: 90px; background: #202124; border-color: #202124; }
#MapModal .select-wrapper input.select-dropdown { border: 1px solid #eaeaea; padding-left: 11px; max-width: 242px; height: 48px; border-radius: 5px; margin-bottom: 0; }
#MapModal .dropdown-content { width: 245px !important; top: 60px !important; height: 120px !important; overflow: auto !important; }
#MapModal .select-dropdown.dropdown-content li.selected { border-radius: 20px; }
#MapModal .dropdown-content li > span { padding: 7px 16px; }
#MapModal .select-dropdown.dropdown-content li:hover { border-radius: 20px; }
#MapModal .caret { right: 14px; }

.credit_balance_inner_popup #update_credit_balance + .modal-overlay { z-index: 9999 !important; }
.credit_balance_inner_popup #update_credit_balance { z-index: 999999 !important; }
.credit_balance_inner_popup #amountListModal + .modal-overlay { z-index: 1000 !important; }

#update_credit_limit { max-width: 700px; }
#update_credit_limit .mdc-form-field .mdc-radio { vertical-align: top; }
#update_credit_limit .mdc-form-field .mdc-radio [type="radio"]:not(:checked), #update_credit_limit .mdc-form-field .mdc-radio [type="radio"]:checked { pointer-events: unset; }
#update_credit_limit .mdc-form-field .mdc-radio + label { white-space: nowrap; line-height: 44px; display: inline-block; }

@media (min-width: 1024px) and (max-width: 1366px) { #plansGuide { right: 45px; left: auto; }
  #Plandesigned { right: 84px; left: auto; margin-top: 6vh; }
  #Plandesigned2 { right: 10px; left: auto; margin-top: 46px; max-width: 1122px !important; }
  #Plandesigned2 .modal-content { padding: 85px 50px 38px 41px; }
  #allplansGuide { right: 45px; left: auto; }
  .modal-overlay-custom { top: 64px; left: 272px; } }
@media (min-width: 1367px) { .modal-parent { top: 64px; left: 272px; position: fixed; transform: rotate(0deg); z-index: 1003; width: calc(100% - 272px); height: calc(100% - 64px); }
  /*    #allplansGuide,*/
  .modal-overlay-custom { top: 64px; left: 272px; }
  #allplansGuide, #Plandesigned2, #Plandesigned, #plansGuide { max-width: 1055px; right: 272px; left: auto; margin-top: 50px; border-radius: 20px; }
  #allplansGuide h2, #Plandesigned2 h2, #Plandesigned h2, #plansGuide h2 { font-size: 42px; line-height: 51px; margin: 10px 0 23px; padding: 0; }
  #allplansGuide .card, #Plandesigned2 .card, #Plandesigned .card, #plansGuide .card { margin-bottom: 0; }
  #Plandesigned2 h2, #Plandesigned h2 { margin: 0 0 44px; }
  #Plandesigned2, #Plandesigned { right: 296px; top: 11% !important; }
  #Plandesigned2 .for-more-bottom, #Plandesigned .for-more-bottom { /*margin-top: 57px;*/ }
  #Plandesigned2 .for-more-bottom a, #Plandesigned .for-more-bottom a { margin-bottom: 0; position: relative; top: 2px; }
  #plansGuide { right: 136px; }
  #Plandesigned { right: 178px; }
  #Plandesigned .modal-content { padding: 85px 93px 38px 51px; }
  #Plandesigned2 { right: 94px; }
  #allplansGuide { right: 136px; left: auto; } }
input.valid:not([type]), input.valid:not([type]):focus, input[type="text"].valid:not(.browser-default), input[type="text"].valid:not(.browser-default):focus, input[type="password"].valid:not(.browser-default), input[type="password"].valid:not(.browser-default):focus, input[type="email"].valid:not(.browser-default), input[type="email"].valid:not(.browser-default):focus, input[type="url"].valid:not(.browser-default), input[type="url"].valid:not(.browser-default):focus, input[type="time"].valid:not(.browser-default), input[type="time"].valid:not(.browser-default):focus, input[type="date"].valid:not(.browser-default), input[type="date"].valid:not(.browser-default):focus, input[type="datetime"].valid:not(.browser-default), input[type="datetime"].valid:not(.browser-default):focus, input[type="datetime-local"].valid:not(.browser-default), input[type="datetime-local"].valid:not(.browser-default):focus, input[type="tel"].valid:not(.browser-default), input[type="tel"].valid:not(.browser-default):focus, input[type="number"].valid:not(.browser-default), input[type="number"].valid:not(.browser-default):focus, input[type="search"].valid:not(.browser-default), input[type="search"].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown { box-shadow: none !important; }

@media (max-width: 1600px) { #MapModal { top: 18px !important; } }
@media (min-width: 1601px) { #plansGuide { right: 272px; }
  #plansGuide .modal-inner { max-height: 85vh; }
  #Plandesigned { right: 339px; }
  #Plandesigned2 { right: 235px; }
  #allplansGuide { right: 272px; left: auto; } }
/*.modal-overlay { top: 80px; left: 272px; }*/
#plansGuide h2 { margin: 30px 0 0; }

#Plandesigned, #plansGuide { width: 90%; max-width: 1055px; margin-top: 50px; border-radius: 20px; }
#Plandesigned:after, #plansGuide:after { width: 0; height: 0; border-left: 27px solid transparent; border-right: 27px solid transparent; border-bottom: 27px solid #fff; content: ""; position: absolute; top: -27px; right: 85px; }
#Plandesigned h2, #plansGuide h2 { font-size: 26px; font-family: Roboto_light, sans-serif; color: #000000; line-height: 32px; padding: 25px 0 15px; }
#Plandesigned p, #plansGuide p { margin: 0; }
#Plandesigned .marketplace-premium, #Plandesigned .designed-three-plans, #plansGuide .marketplace-premium, #plansGuide .designed-three-plans { color: #6d6d6d; line-height: 24px; font-size: 20px; font-family: Roboto_light, sans-serif; }
#Plandesigned .one-reseller, #Plandesigned .preferred-plan, #plansGuide .one-reseller, #plansGuide .preferred-plan { font-family: Roboto_medium, sans-serif; color: #202124; font-size: 14px; line-height: 17px; margin: 12px 0 0; }
#Plandesigned .three-plans, #plansGuide .three-plans { margin: 30px auto 0; max-width: 850px; }
#Plandesigned .three-plans .plan-type-img, #plansGuide .three-plans .plan-type-img { height: 114px; width: auto; max-width: none; }
#Plandesigned .more-information, #plansGuide .more-information { font-size: 12px; color: #b4b4b4; line-height: 14px; font-family: Roboto_light, sans-serif; margin: 50px 0 5px; }
#Plandesigned .card, #plansGuide .card { box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); border-radius: 20px; min-height: 460px; position: relative; padding: 25px 35px; margin-bottom: 50px; }
#Plandesigned .card .recommended, #plansGuide .card .recommended { position: absolute; right: 21px; top: -16px; line-height: 16px; padding: 11px 13px; border-radius: 100px; background: #f9b000; color: #fff; font-size: 8px; }
#Plandesigned .card h3, #plansGuide .card h3 { color: #202124; font-family: RobotoBlack, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; letter-spacing: 4px; }
#Plandesigned .card .tagline, #plansGuide .card .tagline { color: var(--Tealbase); font-size: 12px; line-height: 14px; margin: 3px 0 30px; }
#Plandesigned .card h4, #plansGuide .card h4 { color: #d9d9d9; font-size: 20px; line-height: 24px; font-family: Roboto_bold, sans-serif; margin: 30px 0 10px; }
#Plandesigned .card .tasks-status, #plansGuide .card .tasks-status { color: #202124; font-size: 10px; line-height: 13px; margin: 0 0 5px; }
#Plandesigned .card .hours-orange, #plansGuide .card .hours-orange { color: #f9b000; font-size: 12px; font-family: Roboto_bold, sans-serif; }
#Plandesigned .card .hours-orange img, #plansGuide .card .hours-orange img { margin-right: 10px; position: relative; top: 1px; }
#Plandesigned .card ul li, #plansGuide .card ul li { color: #202124; font-size: 11px; font-family: Roboto_medium, sans-serif; line-height: 13px; margin: 13px 0 0; }
#Plandesigned .card ul li span, #plansGuide .card ul li span { border: 1.5px solid #ececec; height: 13px; width: 13px; display: inline-block; border-radius: 12px; margin-right: 7px; position: relative; top: 2px; }
#Plandesigned .card ul li span i, #plansGuide .card ul li span i { display: none; }
#Plandesigned .card ul li.active, #plansGuide .card ul li.active { color: #d9d9d9; }
#Plandesigned .card ul li.active span, #plansGuide .card ul li.active span { background: #ececec; top: -1px; }
#Plandesigned .card ul li.active span i, #plansGuide .card ul li.active span i { color: #fff; font-size: 9px; display: block; position: relative; top: 1px; left: 1px; }
#Plandesigned .card .caption, #plansGuide .card .caption { position: absolute; bottom: -24px; border-radius: 100px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.16); background: var(--Tealbase); padding: 6px 44px; font-size: 15px; line-height: 18px; color: #fff; left: 21px; right: 21px; }

#Plandesigned { margin-top: 0; }
#Plandesigned:after { top: auto; bottom: -27px; border-top: 27px solid #fff; border-bottom: 0; }
#Plandesigned .multiple-plans { margin: 30px auto 0; max-width: 850px; }
#Plandesigned .plandesigned-left { align-items: center; display: flex; }
#Plandesigned .plandesigned-left .one-reseller, #Plandesigned .plandesigned-left .marketplace-premium { margin-bottom: 32px; }
#Plandesigned .selected-products .chip { background: transparent; border: 1px solid #d9d9d9; color: #d9d9d9; margin-bottom: 8px; }
#Plandesigned .selected-products .more span { color: #d9d9d9; font-size: 12px; line-height: 14px; }
#Plandesigned .card { border: 3px solid var(--Tealbase); padding: 25px 30px; }
#Plandesigned .card .caption { border: 3px solid var(--Tealbase); background: #fff; color: var(--Tealbase); font-family: Roboto_medium, sans-serif; padding: 6px 40px; }
#Plandesigned .for-more-bottom a { color: #b4b4b4; font-size: 16px; line-height: 19px; margin-bottom: 10px; display: inline-block; }
#Plandesigned .for-more-bottom button { height: 48px; font-size: 16px; line-height: 38px; border-radius: 48px; font-family: Roboto_bold, sans-serif; margin-left: 35px; }

#signupSubmit { border-radius: 20px; width: 28%; text-align: center; }
#signupSubmit .modal-inner { padding: 20px 35px; }
#signupSubmit .modal-inner .modal-content { padding: 0; }
#signupSubmit .modal-inner .modal-footer { padding: 0; text-align: center; background: transparent; }
#signupSubmit .modal-inner .modal-footer p { font-size: 12px; }
#signupSubmit h1 { color: var(--Tealbase); font-size: 36px; font-family: Roboto_light, sans-serif; }
#signupSubmit h4 { color: #202124; font-size: 26px; }
#signupSubmit p { color: #bcbcbc; font-size: 16px; font-family: Roboto_regular, sans-serif; margin-top: 30px; }

#Uploadfile { width: 548px; top: 50% !important; margin-top: -124px; }
#Uploadfile .modal-content { padding: 48px; }
#Uploadfile h2 { color: #202124; font-size: 20px; line-height: 22px; font-family: Roboto_medium, sans-serif; font-weight: normal; margin: 0; }
#Uploadfile .uploading-file { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); padding: 24px 30px 24px 70px; margin: 30px 0; position: relative; }
#Uploadfile .uploading-file img { position: absolute; top: 10px; left: 15px; }
#Uploadfile .uploading-file .file-name { padding: 0 40px 0 0; color: #202124; font-family: Roboto_medium, sans-serif; font-size: 16px; position: relative; overflow: hidden; text-overflow: ellipsis; }
#Uploadfile .uploading-file .error-close { color: #ff4411; position: absolute; right: 0; top: 5px; cursor: pointer; }
#Uploadfile .uploading-file .progress { background: #f0f0f0; margin-bottom: 0; }
#Uploadfile .file-extention { line-height: 32px; font-size: 12px; color: #bcbcbc; }
#Uploadfile .file-field { display: inline-block; }
#Uploadfile .browse-btn { width: 92px; height: 32px; padding: 6px 12px; line-height: 18px; overflow: hidden; position: relative; }

#error-modal { width: 548px; top: 50% !important; margin-top: -124px; height: 200px; }
#error-modal .modal-content h4 { font-size: 25px; }
#error-modal .modal-footer { padding: 0 20px 40px; }
#error-modal .modal-footer button { background: var(--Primarycolor); width: 128px; height: 40px; line-height: 40px; font-size: 12px; border-radius: 23px; }

#manageConnectivity { font-size: 0; max-width: 813px; top: 31.5% !important; }
#manageConnectivity .modal-inner .modal-content { padding: 50px 40px; }
#manageConnectivity h4 { margin: 0 0 10px; }
#manageConnectivity h4 img { position: relative; right: 2px; top: -11px; }
#manageConnectivity .p1 { margin: 0 0 2px; min-height: 47px; }
#manageConnectivity .bottom-btns { text-align: right; }
#manageConnectivity .btn-flat { margin: 0; }
#manageConnectivity .btn { width: 108px; margin: 0 0 0 16px; }
#manageConnectivity .commission .mdc-switch__background { width: 50px; }
#manageConnectivity .commission .mdc-switch__background span { font-family: Roboto_regular, sans-serif; top: 4px; }
#manageConnectivity .commission .mdc-switch__background .mdc-switch__knob { left: -31px; }
#manageConnectivity .commission .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob { left: -5px; }

@media (min-width: 1366px) { .modal-overlay-custom { top: 80px; left: 219px; }
  #Plandesigned, #plansGuide { max-width: 1055px; right: 272px; left: auto; margin-top: 50px; border-radius: 20px; }
  #Plandesigned h2, #plansGuide h2 { font-size: 42px; line-height: 51px; padding: 10px 0 23px; }
  #Plandesigned .card, #plansGuide .card { margin-bottom: 0; }
  #Plandesigned { right: 296px; top: 11% !important; }
  #Plandesigned .for-more-bottom { margin-top: 38px; }
  #Plandesigned .for-more-bottom a { margin-bottom: 0; } }
/**************************SIGNUP SUCCESS MODAL********************/
/************************** /SIGNUP SUCCESS MODAL********************/
/*modals inside styles*/
.modal-4 { max-width: 400px; width: 100%; }

.modal-5 { max-width: 500px; width: 100%; }

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

.modal-visible { overflow: visible; }

/*.keyboard-focused { .modal { overflow: visible; }
}*/
#AddNewladger .modal-footer { height: auto; padding-bottom: 0; }

#addPartnerLabelSlide { margin: 0; position: absolute; right: -500px; left: auto; top: 64px !important; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.5s forwards; transform: none !important; width: 35%; max-height: calc(100% - 64px); height: calc(100% - 64px); }
#addPartnerLabelSlide h5 { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; }
#addPartnerLabelSlide div.dataTables_wrapper div.dataTables_filter { display: none; }
#addPartnerLabelSlide table.dataTable thead th { padding: 8px 10px; border-color: #bcbcbc; background: #e6e6e6; }
#addPartnerLabelSlide table.dataTable.no-footer { border-color: #bcbcbc; }
#addPartnerLabelSlide .cross-icon { position: absolute; right: 20px; top: 18px; color: #bcbcbc; }
#addPartnerLabelSlide .cross-icon i { font-size: 25px; }
#addPartnerLabelSlide .waves-effect.btn { border-radius: 50px; }
#addPartnerLabelSlide .waves-effect.btn .material-icons.left { position: relative; left: -16px; background: var(--Primarycolor) !important; font-size: 20px; min-width: 31px; top: 1px; margin-right: 0 !important; padding-left: 6px !important; z-index: -1; }

@-webkit-keyframes slide { 100% { right: 100px; } }
@keyframes slide { 100% { right: 0; } }
#AllProductList, #ProductList { max-width: 720px; width: 96%; /*.already_assigned_value { cursor: not-allowed; pointer-events: none; }*/ }
#AllProductList .header, #ProductList .header { position: relative; z-index: 2; background: color("grey", "lighten-5"); }
#AllProductList .header form, #ProductList .header form { margin-right: 35px; }
#AllProductList .header form .input-group, #ProductList .header form .input-group { border: 1px solid color("grey", "lighten-2"); background: #fff; margin: 10px 10px 0; overflow: hidden; height: 32px !important; }
#AllProductList .header form .input-field, #ProductList .header form .input-field { position: relative; }
#AllProductList .header form .input-field input, #ProductList .header form .input-field input { height: 30px !important; margin-top: 7px; width: calc(100% - 60px); border-radius: 3px; line-height: 30px !important; }
#AllProductList .header form .input-field input:focus, #ProductList .header form .input-field input:focus { border-bottom-color: var(--Tealbase); }
#AllProductList .header form .input-field .label-icon, #ProductList .header form .input-field .label-icon { padding: 0 8px; position: static; line-height: 30px; height: 30px; }
#AllProductList .header .tabs, #ProductList .header .tabs { width: 262px; display: inline-block; background: transparent; margin-left: 30px; overflow: hidden; }
#AllProductList .header .modal-close, #ProductList .header .modal-close { position: absolute; top: 10px; right: 10px; color: color("grey", "base"); }
#AllProductList table, #ProductList table { table-layout: fixed; }
#AllProductList table .ledger-selecter, #ProductList table .ledger-selecter { min-width: 60px; width: 12%; }
#AllProductList table .ledger-id, #ProductList table .ledger-id { min-width: 80px; width: 10%; }
#AllProductList table .ledgername, #ProductList table .ledgername { min-width: 80px; width: 30%; overflow: hidden; text-overflow: ellipsis; }
#AllProductList table .ledgeraccount, #ProductList table .ledgeraccount { min-width: 80px; width: 25%; }
#AllProductList table .ledgerstatus, #ProductList table .ledgerstatus { min-width: 80px; width: 23%; }
#AllProductList td, #ProductList td { white-space: normal; }
#AllProductList th, #ProductList th { background: color("grey", "lighten-5"); font-weight: normal; padding-top: 25px; }
#AllProductList label, #ProductList label { top: 6px; position: relative; }
#AllProductList th:first-child, #AllProductList td:first-child, #ProductList th:first-child, #ProductList td:first-child { padding-left: 30px; }
#AllProductList.nothing-selected table .ledger-selecter, #ProductList.nothing-selected table .ledger-selecter { min-width: 60px; width: 12%; }
#AllProductList.nothing-selected table .ledger-id, #ProductList.nothing-selected table .ledger-id { min-width: 80px; width: 10%; }
#AllProductList.selected .header, #ProductList.selected .header { background: color("light-blue", "darken-1"); color: #fff; }
#AllProductList.selected .header .tabs .tab a, #ProductList.selected .header .tabs .tab a { color: #fff; }
#AllProductList.selected .header .tabs .indicator, #ProductList.selected .header .tabs .indicator { background: #fff; }
#AllProductList.selected table, #ProductList.selected table { /*.selected-row td { background: $light-blue-lighten-5; }*/ }
#AllProductList .selected-row td, #ProductList .selected-row td { background: color("light-blue", "lighten-5"); }
#AllProductList .collapsible, #ProductList .collapsible { margin: 0; border-top: 0; box-shadow: none; }
#AllProductList .collapsible .collapsible-header, #ProductList .collapsible .collapsible-header { padding: 0; position: relative; border-bottom: 0; }
#AllProductList .collapsible .collapsible-header .material-icons, #ProductList .collapsible .collapsible-header .material-icons { position: absolute; right: 10px; cursor: pointer; pointer-events: none; top: 15px; }
#AllProductList .collapsible .collapsible-body, #ProductList .collapsible .collapsible-body { padding: 0; }
#AllProductList .collapsible .collapsible-body th, #ProductList .collapsible .collapsible-body th { padding-top: 8px; background: color("light-blue", "darken-1"); color: #fff; border-radius: 0; }
#AllProductList .collapsible .active .collapsible-header, #ProductList .collapsible .active .collapsible-header { background: color("light-blue", "lighten-5"); }
#AllProductList .collapsible .active .collapsible-header .material-icons, #ProductList .collapsible .active .collapsible-header .material-icons { transform: rotate(90deg); }
#AllProductList .input-field input[type="search"]:focus:not(.browser-default) + label i, #ProductList .input-field input[type="search"]:focus:not(.browser-default) + label i { color: #fff; }

#edit_ledger_information_response .modal-footer { padding-bottom: 0; }

#Newimport { max-width: 650px; width: 100%; }
#Newimport .chechbox-with-info { padding-left: 35px; position: relative; }
#Newimport .chechbox-with-info label { position: absolute; left: 0; }
#Newimport strong { font-family: Roboto_medium, sans-serif; }
#Newimport .subtitle1 { font-size: 16px; line-height: 18px; }
#Newimport p { margin: 5px 0 40px; }
#Newimport .control-label { padding-left: calc(35px + 0.75rem); }

#PleaseMapTicket { max-width: 300px; }
#PleaseMapTicket .modal-content { padding-bottom: 10px; }

#Updatemodal { max-width: 550px; width: 100%; }
#Updatemodal h4 { border-bottom: 1px solid color("grey", "lighten-2"); padding: 0 0 15px; }
#Updatemodal .modal-content { padding-bottom: 10px; }

#select_salesPanel { max-height: 80%; width: 100%; max-width: 780px; }
#select_salesPanel h5 { color: rgba(0, 0, 0, 0.87); }
#select_salesPanel .chechbox-with-info { position: relative; padding-left: 35px; }
#select_salesPanel .chechbox-with-info .mdc-checkbox { position: absolute; left: 0; top: 0; }
#select_salesPanel .chechbox-with-info .mdc-checkbox .mdc-checkbox__background { border-radius: 0; }
#select_salesPanel .mdc-checkbox + label { top: 0; display: inline-block; line-height: 20px; padding: 10px 0 0; font-size: 17px; font-family: Robotomedium; color: rgba(0, 0, 0, 0.87); }
#select_salesPanel .modal-footer { padding: 0 24px 24px; }

.modal2 { background: transparent; overflow: hidden; border-radius: 20px; }
.modal2 .modal-close-top { position: absolute; right: 19px; top: 19px; color: #bcbcbc; }
.modal2 .modal-close-top i { font-size: 28px; }
.modal2 .modal-inner { border-radius: 20px; background: #fff; /*.modal-content { padding: 48px 46px; }*/ }
.modal2 .btn-flat { border-radius: 50px; color: #bcbcbc; height: 36px; font-size: 14px; margin: 0 8px; box-shadow: none; }
.modal2 .btn { width: 104px; border-radius: 50px; height: 36px; font-size: 14px; margin: 0 8px; box-shadow: none; }
.modal2 h4 { color: #202124; font-size: 20px; line-height: 24px; font-family: Robotomedium; margin: 40px 0 24px; }
.modal2 .p1 { color: #bcbcbc; font-size: 16px; line-height: 21px; margin: 0 0 42px; font-family: RobotoRegular; }
.modal2 .p1 a { color: var(--Tealbase); }
.modal2 #invoice_types { padding: 0 24px; }
.modal2 .flex-row.rightpanel-footer { padding: 24px; }

.yesno-boxes { display: flex; justify-content: center; margin-bottom: 100px; }
.yesno-boxes .box { box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); border: 2px solid #fff; width: 112px; height: 59px; margin: 0 24px; padding: 7px; position: relative; display: flex; align-items: center; justify-content: center; font-family: Roboto_regular, sans-serif; }
.yesno-boxes .box i { display: none; align-items: center; justify-content: center; position: absolute; top: -16px; right: -14px; background: var(--Tealbase); color: #fff; border-radius: 50%; width: 25px; height: 25px; font-size: 18px; }
.yesno-boxes .box.active { border-color: var(--Tealbase); }
.yesno-boxes .box.active i { display: flex; }
.yesno-boxes .box .priohub-logo_black { width: 68px !important; height: auto !important; }
.yesno-boxes .box .this-is-holland { width: 78px !important; height: auto !important; }
.yesno-boxes .box .img-contain { height: 81px; display: flex; justify-content: center; align-items: center; }
.yesno-boxes .box span { font-size: 11px; color: #202124; font-family: Robotomedium; display: block; line-height: 13px; }

#manageConnectivity { font-size: 0; max-width: 813px; top: 22.5% !important; left: 270px; }
#manageConnectivity .modal-inner .modal-content { padding: 50px 40px 49px; }
#manageConnectivity h4 { margin: 0 0 50px; font-family: Roboto_medium, sans-serif; }
#manageConnectivity h4 img { position: relative; right: 2px; top: -11px; width: 14px; }
#manageConnectivity .p1 { margin: 0 0 2px; min-height: 47px; }
#manageConnectivity .bottom-btns { text-align: right; }
#manageConnectivity .btn-flat { margin: 0; }
#manageConnectivity .btn { width: 108px; margin: 0 0 0 16px; }
#manageConnectivity .commission { text-align: left; }
#manageConnectivity .commission label { font-size: 14px; color: #202124; font-family: Roboto_regular, sans-serif; }
#manageConnectivity .commission .mdc-switch { top: 5px; left: 20px; }
#manageConnectivity .small-label { font-size: 12px; color: #bcbcbc; font-family: Roboto_medium, sans-serif; text-align: left; }
#manageConnectivity .yesno-boxes .box { width: 150px; height: 83px; }
#manageConnectivity .yesno-boxes .box span { font-size: 14px; font-family: Roboto_medium, sans-serif; }

#update_skype { max-width: 650px; width: 100%; }
#update_skype .mdc-form-field { display: flex; align-items: center; }
#update_skype .maximum-amount { margin-left: 0; margin-right: 0; }

#addPartner { width: 100%; max-width: 780px; }
#addPartner .modal-close-top { position: absolute; right: 20px; top: 18px; color: #bcbcbc; }
#addPartner .modal-content { padding-bottom: 0; }
#addPartner .modal-footer { padding-right: calc(24px + 0.75rem); }
#addPartner h5 { margin-bottom: 20px; }
#addPartner .error { padding: 0 0.75rem; }

#update_credit_balance { width: 28%; top: 18% !important; }
#update_credit_balance .update_bal_amount { margin-bottom: 40px; padding: 0 20px; }

#update_credit_limit .balance-details label { max-width: 18%; flex: 0 0 18%; }
#update_credit_limit .update_credit_balance_db { position: absolute; left: 40%; }
#update_credit_limit .update_credit_balance_db i { font-size: 18px; }
#update_credit_limit .mdc-radio + label { white-space: nowrap; line-height: 44px; display: inline-block; }
#update_credit_limit .mdc-form-field { display: flex; align-items: center; }
#update_credit_limit .balance-details { margin: 30px 0 20px; }
#update_credit_limit .balance-details label { line-height: 24px; white-space: nowrap; }
#update_credit_limit .balance-details .balance-value { color: #000; }
#update_credit_limit .curr-bal .balance-btn-group { display: flex; gap: 20px; }
#update_credit_limit .curr-bal .balance-btn-group .update_credit_balance_db { position: relative; left: auto; }
#update_credit_limit .curr-bal .balance-btn-group a:hover { text-decoration: underline; }
#update_credit_limit + .modal-overlay { z-index: 999 !important; }

#addPartnerLabelButtonModal { width: 300px; top: calc(50% - 34px) !important; }
#addPartnerLabelButtonModal .modal-footer { padding: 15px 6px; text-align: center; }

@media (min-width: 992px) { #update_skype { max-width: 800px; } }
.partners-modal { top: 15px; z-index: 9999; max-width: 600px; }
.partners-modal .modal-dialog .modal-content .modal-header h5 { font-size: 20px; font-weight: bold; }
.partners-modal .modal-dialog .modal-content .modal-header a.close { position: absolute; top: 12px; right: 16px; }

.balance-details #description { max-width: 230px; word-wrap: break-word; white-space: normal; line-height: 1.1; }

#amountListModal { font-family: Roboto_regular, sans-serif; max-width: 960px; width: 100%; overflow: hidden; margin: 0 auto; background: transparent !important; padding: 0; max-height: 80vh; box-shadow: none; }
#amountListModal .modal-content { padding: 40px 40px 60px; position: relative; height: 80vh; background: #fafafa; }
#amountListModal .modal-content .modal-close-top { position: absolute; right: 19px; top: 19px; color: #000; }
#amountListModal .modal-content h5 { font: 20px/28px Proxima_Nova_Semibold, sans-serif !important; color: #202124; padding-bottom: 15px; margin: 0; }
#amountListModal .modal-content .dataTables_wrapper { max-height: calc(100% - 60px); overflow: auto; }
#amountListModal .modal-content table tr td, #amountListModal .modal-content table tr th { padding: 8px 8px 4px; line-height: 1.2; font-size: 14px; }
#amountListModal .modal-content table tr th { background-color: #e6e6e6; }
#amountListModal .modal-content table tr td:nth-child(2) { width: 120px !important; }
#amountListModal .modal-content table tr td:nth-child(3) { max-width: 300px; word-wrap: break-word; white-space: normal; line-height: 1.1; }
#amountListModal .modal-content table tr th:nth-child(5), #amountListModal .modal-content table tr td:nth-child(5) { text-align: right; width: 150px !important; }
#amountListModal .modal-content div.dataTables_wrapper div.dataTables_paginate { position: absolute; right: -10px; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0 0; }
#amountListModal .modal-content #amountListPagination { position: absolute; right: -10px; bottom: 15px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0 0; }

@media (max-width: 992px) { #amountListModal table { display: table !important; width: auto; }
  #amountListModal table thead { display: table; }
  #amountListModal table tbody { display: table; }
  #amountListModal table tr th:nth-child(1), #amountListModal table tr td:nth-child(1) { min-width: 50px !important; display: table-cell; width: auto !important; }
  #amountListModal table tr th:nth-child(2), #amountListModal table tr td:nth-child(2) { min-width: 120px !important; display: table-cell; width: auto !important; }
  #amountListModal table tr th:nth-child(3), #amountListModal table tr td:nth-child(3) { min-width: 310px !important; max-width: 310px !important; display: table-cell; width: auto !important; }
  #amountListModal table tr th:nth-child(4), #amountListModal table tr td:nth-child(4) { min-width: 220px !important; display: table-cell; width: auto !important; }
  #amountListModal table tr th:nth-child(5), #amountListModal table tr td:nth-child(5) { min-width: 160px !important; display: table-cell; width: auto !important; } }
#overlay-sales-modal { max-width: 480px !important; border-radius: 10px; max-height: 90% !important; height: auto !important; top: calc(50% - 247px) !important; z-index: 1007 !important; /* MODAL */ /* MOBILE */ }
#overlay-sales-modal:focus { box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2) !important; }
#overlay-sales-modal .modal-content { width: 100%; overflow: hidden; padding: 0; overflow: hidden; background-color: #fff; }
#overlay-sales-modal .modal-content .modal-slider { display: flex; width: 200%; transition: transform 0.45s ease; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide { width: 50%; box-sizing: border-box; padding: 36px; position: relative; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide h2 { font: 22px/28px Proxima_Nova_Semibold, sans-serif !important; color: #202124; padding-bottom: 0; margin: 10px 0 24px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .feature-list { padding-left: 0; margin: 0 0 16px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .feature-list li { padding: 6px 0 7px 28px; position: relative; font: 14px/20px Roboto_regular, sans-serif; color: #202124; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .feature-list li svg { position: absolute; left: 4px; top: 13px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .note { font: 14px/20px Roboto_regular, sans-serif; color: #202124; margin-bottom: 20px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield { position: relative; margin-bottom: 20px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield label { position: absolute; font-size: 14px; left: 0; top: calc(50% - 6px); transform: translateY(-50%); background-color: #fff; color: #383838; padding: 0 0.3rem; margin: 0 0.5rem; transition: .1s ease-out; transform-origin: left top; pointer-events: none; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield input, #overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield textarea { font: 16px/24px Roboto_regular, sans-serif; color: #202124; outline: none; border: 1px solid #d1d1d1; border-radius: 5px; padding: 1rem 0.7rem; transition: 0.1s ease-out; box-sizing: border-box; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield textarea { min-height: 84px; font: 14px/18px Roboto_regular, sans-serif; resize: none; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield textarea:focus, #overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield input:focus { border-color: #d1d1d1; box-shadow: none !important; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield textarea + label, #overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield input:focus + label { color: #383838; top: 0; transform: translateY(-50%) scale(0.9); }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield textarea:not(:placeholder-shown) + label, #overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield input:not(:placeholder-shown) + label { top: 0; transform: translateY(-50%) scale(0.9); }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .material-textfield .overlay-sales-modal-error { color: #f00; font-size: 12px; position: absolute; bottom: -13px; right: 0; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .btn { border-radius: 6px; font-weight: 600; cursor: pointer; border: none; margin-top: 12px; height: 40px; padding: 0 12px; display: flex; align-items: center; text-transform: none; justify-content: center; font: 14px/20px Proxima_Nova_Semibold, sans-serif !important; color: #383838; letter-spacing: 0; width: 100%; box-shadow: none; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .btn.primary { background: var(--Primarycolor); color: #fff; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .btn.outline { background: #fff; border: 1px solid #ccc; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .actions { display: flex; gap: 8px; padding-top: 5px; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .actions .btn { width: 50%; margin-top: 0; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .slide-header { position: relative; }
#overlay-sales-modal .modal-content .modal-slider .modal-slide .slide-header .close { background: none; font-size: 0; cursor: pointer; line-height: 0; position: absolute; top: 8px; right: 0; border: 0; }
@media (max-width: 480px) { #overlay-sales-modal .modal { max-width: 100%; } }
#overlay-sales-modal + .modal-overlay { z-index: 1006 !important; left: 0 !important; top: 0 !important; }

.dataTables_processing .new-loader { left: 0 !important; width: 100% !important; }

.new-loader { background: transparent !important; position: fixed; top: 0; width: calc(100% - 256px); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.2) !important; z-index: 99999999 !important; margin: 0; left: 256px; }
.new-loader .loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid var(--Primarycolor); width: 50px; height: 50px; -webkit-animation: spin 0.8s linear infinite; /* animation: spin 0.8s linear infinite; */ margin: 40px auto; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.prio-modaltoast-message { position: fixed !important; top: 20px !important; right: 20px !important; z-index: 9999 !important; display: flex; flex-direction: row !important; gap: 10px !important; border-radius: 5px !important; padding: 10px !important; margin: 0; align-items: center !important; border-left: 4px solid; animation: slideIn 0.3s ease-out; background-color: #fff !important; }
.prio-modaltoast-message.success { border-color: #20CC20; }
.prio-modaltoast-message.error { border-color: red; }
.prio-modaltoast-message .toast-icon { display: flex; }
.prio-modaltoast-message .toast-body { display: flex; justify-content: space-between; padding-right: 30px; position: relative; background: #fff; }
.prio-modaltoast-message .toast-body .toast-desc, .prio-modaltoast-message .toast-body .toast-title { margin: 0; padding: 0; font-size: 14px; font-weight: 600; line-height: 1.4; color: #383838; }
.prio-modaltoast-message .toast-body .toast-desc { font-weight: 400; }
.prio-modaltoast-message .toast-colse-btn { position: absolute !important; right: 0 !important; top: calc(50% - 10px) !important; cursor: pointer !important; }
.prio-modaltoast-message .toast-colse-btn svg { width: 20px !important; height: 20px; fill: #383838 !important; }

/*small
Medium
Large
x-large
xx-large
xxx-large
xxxx-large*/
.flex-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; }
.flex-row .xl1, .flex-row .xl2, .flex-row .xl3, .flex-row .xl4, .flex-row .xl5, .flex-row .xl6, .flex-row .xl7, .flex-row .xl8, .flex-row .xl9, .flex-row .xl10, .flex-row .xl11, .flex-row .xl12, .flex-row .l1, .flex-row .l2, .flex-row .l3, .flex-row .l4, .flex-row .l5, .flex-row .l6, .flex-row .l7, .flex-row .l8, .flex-row .l9, .flex-row .l10, .flex-row .l11, .flex-row .l12, .flex-row .m1, .flex-row .m2, .flex-row .m3, .flex-row .m4, .flex-row .m5, .flex-row .m6, .flex-row .m7, .flex-row .m8, .flex-row .m9, .flex-row .m10, .flex-row .m11, .flex-row .m12, .flex-row .s1, .flex-row .s2, .flex-row .s3, .flex-row .s4, .flex-row .s5, .flex-row .s6, .flex-row .s7, .flex-row .s8, .flex-row .s9, .flex-row .s10, .flex-row .s11, .flex-row .s12 { position: relative; width: 100%; min-height: 1px; padding-right: 0.75rem; padding-left: 0.75rem; }
.flex-row .s { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.flex-row .sauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
.flex-row .s1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.flex-row .s2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.flex-row .s3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.flex-row .s4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.flex-row .s5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.flex-row .s6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.flex-row .s7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.flex-row .s8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.flex-row .s9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.flex-row .s10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.flex-row .s11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
.flex-row .s12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@-ms-viewport { width: device-width; }
html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

*, *::before, *::after { box-sizing: inherit; }

.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }

.offset-0 { margin-left: 0%; }
.offset-1 { margin-left: 8.3333333333%; }
.offset-2 { margin-left: 16.6666666667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.3333333333%; }
.offset-5 { margin-left: 41.6666666667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.3333333333%; }
.offset-8 { margin-left: 66.6666666667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.3333333333%; }
.offset-11 { margin-left: 91.6666666667%; }

.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-selfauto { align-self: auto !important; }
.align-selfstart { align-self: flex-start !important; }
.align-selfend { align-self: flex-end !important; }
.align-selfcenter { align-self: center !important; }
.align-selfbaseline { align-self: baseline !important; }
.align-selfstretch { align-self: stretch !important; }

@media (min-width: 320px) { .container { max-width: 720px; }
  .flex-row .m { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .mauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .m1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .m2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .m3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .m4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .m5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .m6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .m7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .m8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .m9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .m10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .m11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .m12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-mfirst { order: -1; }
  .order-mlast { order: 13; }
  .order-m0 { order: 0; }
  .order-m1 { order: 1; }
  .order-m2 { order: 2; }
  .order-m3 { order: 3; }
  .order-m4 { order: 4; }
  .order-m5 { order: 5; }
  .order-m6 { order: 6; }
  .order-m7 { order: 7; }
  .order-m8 { order: 8; }
  .order-m9 { order: 9; }
  .order-m10 { order: 10; }
  .order-m11 { order: 11; }
  .order-m12 { order: 12; }
  .offset-m0 { margin-left: 0%; }
  .offset-m1 { margin-left: 8.3333333333%; }
  .offset-m2 { margin-left: 16.6666666667%; }
  .offset-m3 { margin-left: 25%; }
  .offset-m4 { margin-left: 33.3333333333%; }
  .offset-m5 { margin-left: 41.6666666667%; }
  .offset-m6 { margin-left: 50%; }
  .offset-m7 { margin-left: 58.3333333333%; }
  .offset-m8 { margin-left: 66.6666666667%; }
  .offset-m9 { margin-left: 75%; }
  .offset-m10 { margin-left: 83.3333333333%; }
  .offset-m11 { margin-left: 91.6666666667%; }
  .d-m-none { display: none !important; }
  .d-m-inline { display: inline !important; }
  .d-m-inline-block { display: inline-block !important; }
  .d-m-block { display: block !important; }
  .d-m-table { display: table !important; }
  .d-m-table-row { display: table-row !important; }
  .d-m-table-cell { display: table-cell !important; }
  .d-m-flex { display: flex !important; }
  .d-m-inline-flex { display: inline-flex !important; }
  .flex-m-column { flex-direction: column !important; }
  .flex-m-row-reverse { flex-direction: row-reverse !important; }
  .flex-m-column-reverse { flex-direction: column-reverse !important; }
  .flex-m-wrap { flex-wrap: wrap !important; }
  .flex-m-nowrap { flex-wrap: nowrap !important; }
  .flex-m-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-m-fill { flex: 1 1 auto !important; }
  .flex-m-grow-0 { flex-grow: 0 !important; }
  .flex-m-grow-1 { flex-grow: 1 !important; }
  .flex-m-shrink-0 { flex-shrink: 0 !important; }
  .flex-m-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-m-start { justify-content: flex-start !important; }
  .justify-content-m-end { justify-content: flex-end !important; }
  .justify-content-m-center { justify-content: center !important; }
  .justify-content-m-between { justify-content: space-between !important; }
  .justify-content-m-around { justify-content: space-around !important; }
  .align-items-m-start { align-items: flex-start !important; }
  .align-items-m-end { align-items: flex-end !important; }
  .align-items-m-center { align-items: center !important; }
  .align-items-m-baseline { align-items: baseline !important; }
  .align-items-m-stretch { align-items: stretch !important; }
  .align-content-m-start { align-content: flex-start !important; }
  .align-content-m-end { align-content: flex-end !important; }
  .align-content-m-center { align-content: center !important; }
  .align-content-m-between { align-content: space-between !important; }
  .align-content-m-around { align-content: space-around !important; }
  .align-content-m-stretch { align-content: stretch !important; }
  .align-self-m-auto { align-self: auto !important; }
  .align-self-m-start { align-self: flex-start !important; }
  .align-self-m-end { align-self: flex-end !important; }
  .align-self-m-center { align-self: center !important; }
  .align-self-m-baseline { align-self: baseline !important; }
  .align-self-m-stretch { align-self: stretch !important; } }
@media (min-width: 480px) { .container { max-width: 960px; }
  .flex-row .l { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .lauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .l1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .l2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .l3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .l4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .l5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .l6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .l7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .l8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .l9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .l10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .l11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .l12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .d-l-none { display: none !important; }
  .d-l-inline { display: inline !important; }
  .d-l-inline-block { display: inline-block !important; }
  .d-l-block { display: block !important; }
  .d-l-table { display: table !important; }
  .d-l-table-row { display: table-row !important; }
  .d-l-table-cell { display: table-cell !important; }
  .d-l-flex { display: flex !important; }
  .d-l-inline-flex { display: inline-flex !important; }
  .order-lfirst { order: -1; }
  .order-llast { order: 13; }
  .order-l0 { order: 0; }
  .order-l1 { order: 1; }
  .order-l2 { order: 2; }
  .order-l3 { order: 3; }
  .order-l4 { order: 4; }
  .order-l5 { order: 5; }
  .order-l6 { order: 6; }
  .order-l7 { order: 7; }
  .order-l8 { order: 8; }
  .order-l9 { order: 9; }
  .order-l10 { order: 10; }
  .order-l11 { order: 11; }
  .order-l12 { order: 12; }
  .offset-l0 { margin-left: 0%; }
  .offset-l1 { margin-left: 8.3333333333%; }
  .offset-l2 { margin-left: 16.6666666667%; }
  .offset-l3 { margin-left: 25%; }
  .offset-l4 { margin-left: 33.3333333333%; }
  .offset-l5 { margin-left: 41.6666666667%; }
  .offset-l6 { margin-left: 50%; }
  .offset-l7 { margin-left: 58.3333333333%; }
  .offset-l8 { margin-left: 66.6666666667%; }
  .offset-l9 { margin-left: 75%; }
  .offset-l10 { margin-left: 83.3333333333%; }
  .offset-l11 { margin-left: 91.6666666667%; }
  .flex-l-column { flex-direction: column !important; }
  .flex-l-row-reverse { flex-direction: row-reverse !important; }
  .flex-l-column-reverse { flex-direction: column-reverse !important; }
  .flex-l-wrap { flex-wrap: wrap !important; }
  .flex-l-nowrap { flex-wrap: nowrap !important; }
  .flex-l-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-l-fill { flex: 1 1 auto !important; }
  .flex-l-grow-0 { flex-grow: 0 !important; }
  .flex-l-grow-1 { flex-grow: 1 !important; }
  .flex-l-shrink-0 { flex-shrink: 0 !important; }
  .flex-l-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-l-start { justify-content: flex-start !important; }
  .justify-content-l-end { justify-content: flex-end !important; }
  .justify-content-l-center { justify-content: center !important; }
  .justify-content-l-between { justify-content: space-between !important; }
  .justify-content-l-around { justify-content: space-around !important; }
  .align-items-l-start { align-items: flex-start !important; }
  .align-items-l-end { align-items: flex-end !important; }
  .align-items-l-center { align-items: center !important; }
  .align-items-l-baseline { align-items: baseline !important; }
  .align-items-l-stretch { align-items: stretch !important; }
  .align-content-l-start { align-content: flex-start !important; }
  .align-content-l-end { align-content: flex-end !important; }
  .align-content-l-center { align-content: center !important; }
  .align-content-l-between { align-content: space-between !important; }
  .align-content-l-around { align-content: space-around !important; }
  .align-content-l-stretch { align-content: stretch !important; }
  .align-self-l-auto { align-self: auto !important; }
  .align-self-l-start { align-self: flex-start !important; }
  .align-self-l-end { align-self: flex-end !important; }
  .align-self-l-center { align-self: center !important; }
  .align-self-l-baseline { align-self: baseline !important; }
  .align-self-l-stretch { align-self: stretch !important; } }
@media (min-width: 640px) { .container { max-width: 1140px; }
  .flex-row .xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .xlauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .xl1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .xl2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .xl3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .xl4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .xl5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .xl6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .xl7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .xl8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .xl9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .xl10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .xl11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .xl12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
  .order-xlfirst { order: -1; }
  .order-xllast { order: 13; }
  .order-xl0 { order: 0; }
  .order-xl1 { order: 1; }
  .order-xl2 { order: 2; }
  .order-xl3 { order: 3; }
  .order-xl4 { order: 4; }
  .order-xl5 { order: 5; }
  .order-xl6 { order: 6; }
  .order-xl7 { order: 7; }
  .order-xl8 { order: 8; }
  .order-xl9 { order: 9; }
  .order-xl10 { order: 10; }
  .order-xl11 { order: 11; }
  .order-xl12 { order: 12; }
  .offset-xl0 { margin-left: 0%; }
  .offset-xl1 { margin-left: 8.3333333333%; }
  .offset-xl2 { margin-left: 16.6666666667%; }
  .offset-xl3 { margin-left: 25%; }
  .offset-xl4 { margin-left: 33.3333333333%; }
  .offset-xl5 { margin-left: 41.6666666667%; }
  .offset-xl6 { margin-left: 50%; }
  .offset-xl7 { margin-left: 58.3333333333%; }
  .offset-xl8 { margin-left: 66.6666666667%; }
  .offset-xl9 { margin-left: 75%; }
  .offset-xl10 { margin-left: 83.3333333333%; }
  .offset-xl11 { margin-left: 91.6666666667%; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; } }
@media (min-width: 1024px) { .container { max-width: 1140px; }
  .flex-row .xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .xxlauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .xxl1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .xxl2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .xxl3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .xxl4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .xxl5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .xxl6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .xxl7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .xxl8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .xxl9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .xxl10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .xxl11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .xxl12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .d-xxl-none { display: none !important; }
  .d-xxl-inline { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block { display: block !important; }
  .d-xxl-table { display: table !important; }
  .d-xxl-table-row { display: table-row !important; }
  .d-xxl-table-cell { display: table-cell !important; }
  .d-xxl-flex { display: flex !important; }
  .d-xxl-inline-flex { display: inline-flex !important; }
  .order-xxlfirst { order: -1; }
  .order-xxllast { order: 13; }
  .order-xxl0 { order: 0; }
  .order-xxl1 { order: 1; }
  .order-xxl2 { order: 2; }
  .order-xxl3 { order: 3; }
  .order-xxl4 { order: 4; }
  .order-xxl5 { order: 5; }
  .order-xxl6 { order: 6; }
  .order-xxl7 { order: 7; }
  .order-xxl8 { order: 8; }
  .order-xxl9 { order: 9; }
  .order-xxl10 { order: 10; }
  .order-xxl11 { order: 11; }
  .order-xxl12 { order: 12; }
  .offset-xxl0 { margin-left: 0%; }
  .offset-xxl1 { margin-left: 8.3333333333%; }
  .offset-xxl2 { margin-left: 16.6666666667%; }
  .offset-xxl3 { margin-left: 25%; }
  .offset-xxl4 { margin-left: 33.3333333333%; }
  .offset-xxl5 { margin-left: 41.6666666667%; }
  .offset-xxl6 { margin-left: 50%; }
  .offset-xxl7 { margin-left: 58.3333333333%; }
  .offset-xxl8 { margin-left: 66.6666666667%; }
  .offset-xxl9 { margin-left: 75%; }
  .offset-xxl10 { margin-left: 83.3333333333%; }
  .offset-xxl11 { margin-left: 91.6666666667%; }
  .flex-xxl-column { flex-direction: column !important; }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxl-wrap { flex-wrap: wrap !important; }
  .flex-xxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill { flex: 1 1 auto !important; }
  .flex-xxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xxl-start { justify-content: flex-start !important; }
  .justify-content-xxl-end { justify-content: flex-end !important; }
  .justify-content-xxl-center { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around { justify-content: space-around !important; }
  .align-items-xxl-start { align-items: flex-start !important; }
  .align-items-xxl-end { align-items: flex-end !important; }
  .align-items-xxl-center { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch { align-items: stretch !important; }
  .align-content-xxl-start { align-content: flex-start !important; }
  .align-content-xxl-end { align-content: flex-end !important; }
  .align-content-xxl-center { align-content: center !important; }
  .align-content-xxl-between { align-content: space-between !important; }
  .align-content-xxl-around { align-content: space-around !important; }
  .align-content-xxl-stretch { align-content: stretch !important; }
  .align-self-xxl-auto { align-self: auto !important; }
  .align-self-xxl-start { align-self: flex-start !important; }
  .align-self-xxl-end { align-self: flex-end !important; }
  .align-self-xxl-center { align-self: center !important; }
  .align-self-xxl-baseline { align-self: baseline !important; }
  .align-self-xxl-stretch { align-self: stretch !important; } }
@media (min-width: 1366px) { .container { max-width: 1140px; }
  .flex-row .xxxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .xxxlauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .xxxl1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .xxxl2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .xxxl3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .xxxl4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .xxxl5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .xxxl6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .xxxl7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .xxxl8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .xxxl9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .xxxl10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .xxxl11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .xxxl12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .d-xxxl-none { display: none !important; }
  .d-xxxl-inline { display: inline !important; }
  .d-xxxl-inline-block { display: inline-block !important; }
  .d-xxxl-block { display: block !important; }
  .d-xxxl-table { display: table !important; }
  .d-xxxl-table-row { display: table-row !important; }
  .d-xxxl-table-cell { display: table-cell !important; }
  .d-xxxl-flex { display: flex !important; }
  .d-xxxl-inline-flex { display: inline-flex !important; }
  .order-xxxlfirst { order: -1; }
  .order-xxxllast { order: 13; }
  .order-xxxl0 { order: 0; }
  .order-xxxl1 { order: 1; }
  .order-xxxl2 { order: 2; }
  .order-xxxl3 { order: 3; }
  .order-xxxl4 { order: 4; }
  .order-xxxl5 { order: 5; }
  .order-xxxl6 { order: 6; }
  .order-xxxl7 { order: 7; }
  .order-xxxl8 { order: 8; }
  .order-xxxl9 { order: 9; }
  .order-xxxl10 { order: 10; }
  .order-xxxl11 { order: 11; }
  .order-xxxl12 { order: 12; }
  .offset-xxxl0 { margin-left: 0%; }
  .offset-xxxl1 { margin-left: 8.3333333333%; }
  .offset-xxxl2 { margin-left: 16.6666666667%; }
  .offset-xxxl3 { margin-left: 25%; }
  .offset-xxxl4 { margin-left: 33.3333333333%; }
  .offset-xxxl5 { margin-left: 41.6666666667%; }
  .offset-xxxl6 { margin-left: 50%; }
  .offset-xxxl7 { margin-left: 58.3333333333%; }
  .offset-xxxl8 { margin-left: 66.6666666667%; }
  .offset-xxxl9 { margin-left: 75%; }
  .offset-xxxl10 { margin-left: 83.3333333333%; }
  .offset-xxxl11 { margin-left: 91.6666666667%; }
  .flex-xxxl-column { flex-direction: column !important; }
  .flex-xxxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxxl-wrap { flex-wrap: wrap !important; }
  .flex-xxxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xxxl-fill { flex: 1 1 auto !important; }
  .flex-xxxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxxl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xxxl-start { justify-content: flex-start !important; }
  .justify-content-xxxl-end { justify-content: flex-end !important; }
  .justify-content-xxxl-center { justify-content: center !important; }
  .justify-content-xxxl-between { justify-content: space-between !important; }
  .justify-content-xxxl-around { justify-content: space-around !important; }
  .align-items-xxxl-start { align-items: flex-start !important; }
  .align-items-xxxl-end { align-items: flex-end !important; }
  .align-items-xxxl-center { align-items: center !important; }
  .align-items-xxxl-baseline { align-items: baseline !important; }
  .align-items-xxxl-stretch { align-items: stretch !important; }
  .align-content-xxxl-start { align-content: flex-start !important; }
  .align-content-xxxl-end { align-content: flex-end !important; }
  .align-content-xxxl-center { align-content: center !important; }
  .align-content-xxxl-between { align-content: space-between !important; }
  .align-content-xxxl-around { align-content: space-around !important; }
  .align-content-xxxl-stretch { align-content: stretch !important; }
  .align-self-xxxl-auto { align-self: auto !important; }
  .align-self-xxxl-start { align-self: flex-start !important; }
  .align-self-xxxl-end { align-self: flex-end !important; }
  .align-self-xxxl-center { align-self: center !important; }
  .align-self-xxxl-baseline { align-self: baseline !important; }
  .align-self-xxxl-stretch { align-self: stretch !important; } }
/*@media (min-width: $xxxx-large-up-1920) {*/
@media (min-width: 1601px) { .container { max-width: 1140px; }
  .flex-row .xxxxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .flex-row .xxxxlauto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
  .flex-row .xxxxl1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .flex-row .xxxxl2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .flex-row .xxxxl3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .flex-row .xxxxl4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .flex-row .xxxxl5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .flex-row .xxxxl6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .flex-row .xxxxl7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .flex-row .xxxxl8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .flex-row .xxxxl9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .flex-row .xxxxl10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .flex-row .xxxxl11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .flex-row .xxxxl12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .d-xxxxl-none { display: none !important; }
  .d-xxxxl-inline { display: inline !important; }
  .d-xxxxl-inline-block { display: inline-block !important; }
  .d-xxxxl-block { display: block !important; }
  .d-xxxxl-table { display: table !important; }
  .d-xxxxl-table-row { display: table-row !important; }
  .d-xxxxl-table-cell { display: table-cell !important; }
  .d-xxxxl-flex { display: flex !important; }
  .d-xxxxl-inline-flex { display: inline-flex !important; }
  .order-xxxxlfirst { order: -1; }
  .order-xxxxllast { order: 13; }
  .order-xxxxl0 { order: 0; }
  .order-xxxxl1 { order: 1; }
  .order-xxxxl2 { order: 2; }
  .order-xxxxl3 { order: 3; }
  .order-xxxxl4 { order: 4; }
  .order-xxxxl5 { order: 5; }
  .order-xxxxl6 { order: 6; }
  .order-xxxxl7 { order: 7; }
  .order-xxxxl8 { order: 8; }
  .order-xxxxl9 { order: 9; }
  .order-xxxxl10 { order: 10; }
  .order-xxxxl11 { order: 11; }
  .order-xxxxl12 { order: 12; }
  .offset-xxxxl0 { margin-left: 0%; }
  .offset-xxxxl1 { margin-left: 8.3333333333%; }
  .offset-xxxxl2 { margin-left: 16.6666666667%; }
  .offset-xxxxl3 { margin-left: 25%; }
  .offset-xxxxl4 { margin-left: 33.3333333333%; }
  .offset-xxxxl5 { margin-left: 41.6666666667%; }
  .offset-xxxxl6 { margin-left: 50%; }
  .offset-xxxxl7 { margin-left: 58.3333333333%; }
  .offset-xxxxl8 { margin-left: 66.6666666667%; }
  .offset-xxxxl9 { margin-left: 75%; }
  .offset-xxxxl10 { margin-left: 83.3333333333%; }
  .offset-xxxxl11 { margin-left: 91.6666666667%; }
  .flex-xxxxl-column { flex-direction: column !important; }
  .flex-xxxxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxxxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxxxl-wrap { flex-wrap: wrap !important; }
  .flex-xxxxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxxxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xxxxl-fill { flex: 1 1 auto !important; }
  .flex-xxxxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxxxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxxxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxxxl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xxxxl-start { justify-content: flex-start !important; }
  .justify-content-xxxxl-end { justify-content: flex-end !important; }
  .justify-content-xxxxl-center { justify-content: center !important; }
  .justify-content-xxxxl-between { justify-content: space-between !important; }
  .justify-content-xxxxl-around { justify-content: space-around !important; }
  .align-items-xxxxl-start { align-items: flex-start !important; }
  .align-items-xxxxl-end { align-items: flex-end !important; }
  .align-items-xxxxl-center { align-items: center !important; }
  .align-items-xxxxl-baseline { align-items: baseline !important; }
  .align-items-xxxxl-stretch { align-items: stretch !important; }
  .align-content-xxxxl-start { align-content: flex-start !important; }
  .align-content-xxxxl-end { align-content: flex-end !important; }
  .align-content-xxxxl-center { align-content: center !important; }
  .align-content-xxxxl-between { align-content: space-between !important; }
  .align-content-xxxxl-around { align-content: space-around !important; }
  .align-content-xxxxl-stretch { align-content: stretch !important; }
  .align-self-xxxxl-auto { align-self: auto !important; }
  .align-self-xxxxl-start { align-self: flex-start !important; }
  .align-self-xxxxl-end { align-self: flex-end !important; }
  .align-self-xxxxl-center { align-self: center !important; }
  .align-self-xxxxl-baseline { align-self: baseline !important; }
  .align-self-xxxxl-stretch { align-self: stretch !important; } }
.prio-reseller-back { height: 48px; width: 48px; background: #fff; border-radius: 50%; position: absolute; top: 23px; left: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); display: inline-flex; align-items: center; justify-content: center; }
.prio-reseller-back i { color: #000; font-size: 22px; }

/*$medium-up-320 : 320px !default;
$large-up-480 : 480px !default;
$x-large-up-640 : 640px !default;
$xx-large-up-1024 : 1024px !default;
$xxx-large-up-1366 : 1366px !default;
$xxxx-large-up-1920 : 1920px !default;*/
body { overflow: hidden; margin: 0; }

html, body, .page-container-main { min-height: 100vh; }

.privacy-policy-page nav, .terms-and-condition-page nav { display: none !important; }

.merchant_data.page-container-main main { padding: 0; }

.privacy-policy-page iframe, .terms-and-condition-page iframe, .iframe-body iframe { height: calc(100vh - 72px); }
.privacy-policy-page .page-container-main main .main-content, .terms-and-condition-page .page-container-main main .main-content, .iframe-body .page-container-main main .main-content { padding: 0; }

.page-container-main { width: 100%; font-family: Roboto_regular, sans-serif; background: #fafafa; }
.page-container-main main { width: 100%; }
.page-container-main main.no-sidenav { padding: 0; width: 100%; }
.page-container-main main .main-content { position: relative; margin: 80px 0 0; padding: 0 20px; height: calc(100vh - 64px); overflow: auto; }
.page-container-main main .main-content.no-padding-right { padding-right: 0 !important; padding-top: 0 !important; }
.page-container-main main .main-content.product_tab { padding-left: 0 !important; padding-right: 0 !important; }

.sidebar-close .page-container-main main { width: 100%; }

.currency-conversion-section-main { position: relative; }

.progress { margin: 0 !important; }
.progress.progress-loader { position: absolute; height: 52px; display: block; width: 52px; overflow: hidden; left: calc(50% - 26px); top: calc(50% - 26px); z-index: 99999; background: transparent; }

/*.main-content {  min-height: calc(100vh - 190px); padding: 0 72px; }*/
@media (min-width: 768px) { .page-container-main main .main-content { margin: 0; }
  .reseller-profile-page.page-container-main main .main-content { padding-left: 32px !important; padding-right: 32px !important; } }
@media (min-width: 993px) { .page-container-main main { padding: 0 0 0 256px; }
  .sidebar-close .page-container-main main { padding: 0 0 0 65px; } }
@media (min-width: 1367px) { .page-container-main main .main-content { padding: 0 32px; } }
@media (min-width: 1601px) { .page-container-main main .main-content { margin: 0; } }
.terms-and-condition-page main, .privacy-policy-page main { padding: 0; }

.page-loader { display: none; }

.datepicker-controls .select-month input { width: 102px !important; }

#transaction-fee-table_wrapper { overflow-x: auto; }

#transaction-fee-table_filter { margin-bottom: 20px; }
#transaction-fee-table_filter label { font-size: 0; }
#transaction-fee-table_filter input { border: 1px solid #ddd; border-radius: 30px; width: 100%; padding: 0 25px; height: 34px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px !important; }

#transaction-fee-table { width: auto; min-width: 100%; }
#transaction-fee-table th { background: #e6e6e6; white-space: nowrap; color: #000; font-size: 15px; padding: 8px 10px; border-bottom: none; }
#transaction-fee-table .email div { width: 100px; text-overflow: ellipsis; overflow: hidden; }

.transaction-fees-module .main-content { background-color: #fff; }
.transaction-fees-module .error { color: red; white-space: nowrap; }
.transaction-fees-module .info-tooltip { display: none; }
.transaction-fees-module .custom-tooltip { position: relative; }
.transaction-fees-module .custom-tooltip i { position: relative; top: 2px; }
.transaction-fees-module .custom-tooltip:hover .info-tooltip { display: block; position: absolute; top: -28px; font-size: 12px; width: 500px; left: -70px; color: #fff; background-color: #202124; padding: 0 10px; border-radius: 5px; width: auto; white-space: nowrap; }
.transaction-fees-module .custom-tooltip:hover .info-tooltip:after { content: ""; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 5px solid #202124; position: absolute; bottom: -5px; left: 74px; }

.transaction-fee-module { max-width: 992px; margin: 50px auto; box-shadow: 0 0 5px #00000029; border-radius: 5px; background: #fff; padding: 32px; }
.transaction-fee-module h5 { color: #202124 !important; font-family: Roboto_medium, sans-serif; font-size: 16px; line-height: 21px; margin: 15px 0 20px; white-space: normal; }
.transaction-fee-module .amount-field label { transform: translateY(-14px) scale(1); font-size: 12px; color: #bcbcbc; }
.transaction-fee-module .amount-field #amount-error { position: absolute; width: 160%; top: 50px; left: 13px; }
.transaction-fee-module .amount-field .amount-check { margin-top: 15px; }
.transaction-fee-module .amount-field .amount-check span { padding-left: 3px; }
.transaction-fee-module .amount-field .amount-check input { height: 14px; }
.transaction-fee-module .amount-field .amount-check .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background { background-color: #1bb7c2; border-color: #1bb7c2; }
.transaction-fee-module .amount-field .amount-check label { left: 0 !important; top: 3px; }
.transaction-fee-module .input-field { margin-bottom: 30px; }
.transaction-fee-module .input-field input { box-shadow: none; font-size: 20px !important; padding: 10px 3px; height: 30px; border: none !important; color: #202124; border-radius: none; border-bottom: 1px solid #d9d9d9 !important; margin-bottom: 0 !important; }
.transaction-fee-module .input-field input:focus { border-bottom: 1px solid #1bb7c2 !important; box-shadow: none !important; }
.transaction-fee-module label { left: 13px !important; top: -10px; }
.transaction-fee-module label.active { font-size: 12px !important; color: #bcbcbc !important; transform: translateY(-14px) scale(1) !important; }
.transaction-fee-module .dropdown-content { width: 100% !important; top: 50px !important; z-index: 9; }
.transaction-fee-module .dropdown-content span { font-size: 15px; padding: 8px 16px; color: #1bb7c2; }
.transaction-fee-module .save-btn button { border-radius: 25px; background-color: #1bb7c2; font-size: 14px; text-transform: uppercase; padding: 0 30px; }
.transaction-fee-module .save-btn .close_btn { border-radius: 25px; background: transparent; color: #000; box-shadow: none; padding: 0 30px; }
.transaction-fee-module .save-btn .close_btn:hover { background: #fafafa; }
.transaction-fee-module .product_type .select2-container { height: auto !important; }
.transaction-fee-module .select2-container { width: 100% !important; margin: 10px 0 !important; }
.transaction-fee-module .select2-container .selection span:focus { outline: none !important; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple { border: none !important; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple ul { max-height: 100px !important; overflow-y: auto; border-bottom: 1px solid #d9d9d9 !important; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple ul .select2-selection__choice { margin: 1px 5px 0 0 !important; background-color: #1bb7c2 !important; color: #fff !important; border-color: #1bb7c2 !important; height: 24px; line-height: 22px; max-width: 98%; text-overflow: ellipsis; overflow: hidden; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple ul .select2-selection__choice span { color: #fff !important; margin-left: 5px !important; margin-right: 0 !important; float: right; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple ul input.select2-search__field { height: 23px !important; border-bottom: none !important; margin-bottom: 3px !important; }
.transaction-fee-module .select2-container .selection .select2-selection--multiple ul input.select2-search__field:focus { border-bottom: none !important; }
.transaction-fee-module .select2-selection--single { border: none !important; border-bottom: 1px solid #d9d9d9 !important; }
.transaction-fee-module .select2-selection--single:focus { border-bottom: 1px solid #1bb7c2 !important; box-shadow: none !important; }
.transaction-fee-module .filterselect .filter-select2 { position: relative; margin-bottom: 8px; }
.transaction-fee-module .filterselect label { transform: translateY(-14px) scale(1) !important; font-size: 12px; color: #bcbcbc; }
.transaction-fee-module .filterselect .error.selectbox-error { position: relative; bottom: 2px; }

.add_transaction_fee { background-color: #1bb7c2 !important; margin-top: 10px; text-transform: uppercase; font-size: 12px; }

#transaction-fee-table_filter { position: fixed; top: 56px; right: 250px; height: 36px; }

.paginate_button { display: flex; align-items: center; justify-content: center; }

span.select2-dropdown { top: 30px !important; }
span.select2-dropdown .select2-results__options li:first-child { display: block !important; }
span.select2-dropdown .select2-results .select2-results__options { padding: 0 19px 16px; }
span.select2-dropdown .select2-search { border: 1px solid #aaa; border-radius: 20px; height: 30px; margin: 16px 19px 0; }
span.select2-dropdown .select2-search .select2-search__field { border: none; height: 15px; padding: 0px 16px; }
span.select2-dropdown .select2-search .select2-search__field:focus { border: none !important; box-shadow: none !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--Primarycolor); border-radius: 20px; }
.select2-container--default .select2-results__option[aria-selected=true] { border-radius: 20px; }

.select2-results__option { margin: 5px 0; overflow-x: hidden; padding: 6px 12px; font-size: 12px; }

.select2-dropdown { border: 1px solid #aaa !important; }

@media (max-width: 1400px) { .transaction-fee-module { max-width: 750px; } }
.select2-search { background: #f8f8f8 url(../images/svg/search-24px.svg) 10px center no-repeat; background-size: 15px auto; border-radius: 20px; overflow: hidden; height: 24px; margin: 16px 19px; }
.select2-search input.select2-search__field { height: 23px !important; border: none !important; margin-bottom: 3px !important; }
.select2-search input.select2-search__field:focus { border-bottom: none !important; }

#prio .prio-check-radio-dropdown .prio-input-all { padding-left: 10px; }
#prio .prio-check-radio-dropdown .prio-check-radio-dropdown-tags-box { margin: 0; }
#prio .prio-check-radio-dropdown .prio-check-radio-dropdown-tags-box .prio-custom-dropdown-tag { background-color: var(--Primarycolor); display: inline-flex; align-items: center; padding: 0.75px 12px; cursor: pointer; border-radius: 5px; margin-bottom: 8px; margin-right: 8px; }
#prio .prio-check-radio-dropdown .prio-check-radio-dropdown-tags-box .prio-custom-dropdown-tag p { display: inline-block; color: #fff; font-size: 14px; line-height: 22px; font-family: Roboto_regular, sans-serif; margin: 0; }
#prio .prio-check-radio-dropdown .prio-check-radio-dropdown-tags-box .prio-custom-dropdown-tag i { color: #fff; margin-left: 8px; background: url("../images/svgs/cross-white.svg") 0 0 no-repeat; display: block; width: 10px; height: 10px; position: relative; top: -2px; }
#prio .prio-check-radio-dropdown .dropdown-list-inner { padding: 16px 16px 21px; height: 100%; }
#prio .prio-check-radio-dropdown .dropdown-list-inner ul { margin: 0; }
#prio .prio-check-radio-dropdown .dropdown-list-inner .prio-input-search { margin-bottom: 16px; position: relative; }
#prio .prio-check-radio-dropdown .dropdown-list-inner .prio-input-search svg { top: 11px; left: 16px; position: absolute; }
#prio .prio-check-radio-dropdown .dropdown-list-inner input { box-shadow: none !important; color: #6D6D6D; font-size: 14px; font-family: Roboto_regular, sans-serif; margin-top: 0; height: 30px !important; line-height: 30px !important; border: 0 !important; border-radius: 24px !important; padding: 0 32px !important; box-sizing: border-box; }

#prio .dropdown-content:focus { 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) !important; }

.prio-select-button { position: relative; }
.prio-select-button .prio-app-select-button { background: #fff url("../images/svgs/arrow-down.svg") calc(100% - 16px) center no-repeat !important; margin-top: 0; margin-bottom: 0; font-family: Roboto_regular, sans-serif; border: 1px solid #dbdbdb; border-radius: 4px; padding: 6px 12px; height: 48px; line-height: 34px; box-sizing: border-box; display: block; outline: none; }
.prio-select-button .prio-app-select-button span { font-size: 14px; font-family: Roboto_regular, sans-serif; color: #BCBCBC; }
.prio-select-button .prio-app-select-button i { position: absolute; right: 16px; top: 14px; color: #BCBCBC; }
.prio-select-button .prio-app-select-button.open { background: #fff url("../images/svgs/arrow-up.svg") calc(100% - 16px) center no-repeat !important; border-color: var(--Primarycolor); }
.prio-select-button .prio-app-select-button.open span { color: #202124; }
.prio-select-button .prio-app-select-button.open i { color: var(--Primarycolor); transform: rotate(-180deg); top: 15px; }
.prio-select-button .dropdown-content { min-width: 100%; width: 100% !important; top: 60px !important; left: 0 !important; opacity: 1; max-height: 360px; }
.prio-select-button .dropdown-content ul { max-height: 200px; overflow: auto; }
.prio-select-button .dropdown-content:after { right: 16px; }
.prio-select-button .dropdown-content .dropdown-list-inner { padding: 16px 16px 21px; }
.prio-select-button .dropdown-content .dropdown-list-inner .prio-input-search { margin-bottom: 16px; position: relative; }
.prio-select-button .dropdown-content .dropdown-list-inner .prio-input-search svg { top: 11px; left: 16px; position: absolute; }
.prio-select-button .dropdown-content .dropdown-list-inner input { box-shadow: none !important; color: #6D6D6D; font-size: 14px; font-family: Roboto_regular, sans-serif; margin-top: 0; }
.prio-select-button .dropdown-content input { height: 32px; background-color: #FAFAFA; border-radius: 20px !important; border-bottom: none; padding: 0 32px !important; }
.prio-select-button .dropdown-content input:focus { background-color: #FAFAFA !important; border: 0 !important; box-shadow: none !important; }
.prio-select-button .dropdown-content input::placeholder { font-size: 12px; position: relative; top: -2px; }
.prio-select-button .dropdown-content [type="checkbox"].filled-in:checked + span:not(.lever):before { top: 4px; left: 0; width: 7px; height: 11px; }
.prio-select-button .dropdown-content [type="checkbox"].filled-in:checked + span { color: var(--Primarycolor); }
.prio-select-button .dropdown-content [type="checkbox"].filled-in:checked + span:not(.lever):after { width: 16px; height: 16px; top: 5px; background-color: var(--Primarycolor); border-color: var(--Primarycolor); border-radius: 4px; }
.prio-select-button .dropdown-content [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after { height: 16px; width: 16px; top: 5px; border: 1px solid #BCBCBC; border-radius: 4px; }
.prio-select-button .dropdown-content [type="checkbox"] + span:not(.lever) { font-size: 14px; font-family: Roboto_regular, sans-serif; color: #6d6d6d; }
.prio-select-button .dropdown-content li { min-height: 32px; }
.prio-select-button .dropdown-content li span { font-family: Roboto_regular, sans-serif; }
.prio-select-button .dropdown-content li label { position: relative; top: 2px; left: 10px; width: calc(100% - 10px); display: block; }
.prio-select-button .dropdown-content li:hover { border-radius: 20px; background-color: #FAFAFA; }
.prio-select-button .dropdown-content .character-counter { display: none; }

.category-tags-box { margin: 0 0 16px; }
.category-tags-box .tag { background-color: var(--Primarycolor); display: inline-flex; align-items: center; padding: 0.75px 16px; cursor: pointer; border-radius: 5px; margin-top: 8px; margin-right: 16px; }
.category-tags-box .tag p { display: inline-block; color: #fff; font-size: 14px; line-height: 22px; font-family: Roboto_regular, sans-serif; margin: 0; }
.category-tags-box .tag i { color: #fff; margin-left: 12px; background: url("../images/svgs/cross-white.svg") 0 0 no-repeat; display: block; width: 10px; height: 10px; position: relative; top: 0; }
.category-tags-box .tag i::before { display: none; }

#prio .dropdown-content { overflow: visible; }
#prio .dropdown-content.dropdown-list .dropdown-list-inner, #prio .dropdown-content.dropdown-list ul { position: relative; z-index: 2; background: #fff; }
#prio .dropdown-content.dropdown-list ul { max-height: 200px; overflow: auto; margin: 0; }
#prio .dropdown-content .dropdown-content-inside { position: relative; z-index: 2; background: #fff; }
#prio .dropdown-content .dropdown-content-inside .dropdown-heading { padding: 13px 24px 16px; border-bottom: 1px solid #eaeaea; font-size: 16px; line-height: 19px; font-family: Roboto_medium, sans-serif; color: #202124; }
#prio .dropdown-content .dropdown-content-inside a { padding: 5px 16px; color: #202124; font-size: 14px; }
#prio .dropdown-content .dropdown-content-inner { padding: 16px 24px 8px; font-size: 0; }
#prio .dropdown-content .dropdown-content-inner .prio-versions { border: 1px solid #BCBCBC; font-size: 14px; font-family: Roboto_regular, sans-serif; height: 32px; line-height: 18px; padding: 6px 12px; border-radius: 20px; display: inline-block; margin-right: 8px; margin-bottom: 8px; }
#prio .dropdown-content .dropdown-content-inner .prio-versions span { color: #BCBCBC; }
#prio .dropdown-content:after { background: #fff; content: ""; position: absolute; right: 12px; top: -8px; border: 0; width: 16px; height: 16px; z-index: -1; transform: rotate(45deg); box-shadow: 0 0 15px rgba(0, 0, 0, 0.16) !important; }
#prio .dropdown-content.product-details { right: 10px !important; top: 40px !important; margin: 5px -25px 0 0 !important; text-transform: none; font-family: Roboto_regular, sans-serif; }
#prio .dropdown-content.product-details.active-firstone:after { background: #FAFAFA; }
#prio .dropdown-content.product-details li { position: relative; }
#prio .dropdown-content.product-details li.no-active a { color: #eaeaea; }
#prio .dropdown-content.product-details li.active .mdc-switch .mdc-switch__background:before { opacity: 1; }
#prio .dropdown-content.product-details .label-heading { cursor: default; font-size: 14px; display: block; padding: 0 16px; line-height: 47px; }
#prio .dropdown-content.product-details .label-heading:hover { background: transparent; }
#prio .dropdown-content.product-details .switch-wrapper { position: absolute; z-index: 1; right: 0; top: 14px; }
#prio .dropdown-content.product-details li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family: Roboto_regular, sans-serif; }
#prio .dropdown-content.product-details:after { right: 10px; }
#prio .dropdown-content.language-dropdown { right: -24px !important; }
#prio .dropdown-content#ProductDetails, #prio .dropdown-content.language-dropdown { min-width: 240px !important; width: 240px !important; right: 0 !important; background-color: #fff; }
#prio .dropdown-content#ProductDetails li, #prio .dropdown-content.language-dropdown li { height: 48px; min-height: 48px; border-bottom: 1px solid #eaeaea; border-left: 4px solid transparent; position: relative; background-color: #fff; }
#prio .dropdown-content#ProductDetails li:hover, #prio .dropdown-content.language-dropdown li:hover { background-color: #FAFAFA; border-left: 4px solid var(--Primarycolor); }
#prio .dropdown-content#ProductDetails li:hover a, #prio .dropdown-content.language-dropdown li:hover a { color: var(--Primarycolor); }
#prio .dropdown-content#ProductDetails li a, #prio .dropdown-content.language-dropdown li a { font-size: 14px; color: #6D6D6D; padding: 13px 16px; font-family: Roboto_regular, sans-serif; }
#prio .dropdown-content#ProductDetails li a span, #prio .dropdown-content.language-dropdown li a span { position: absolute; right: 15px; }
#prio .sortby-dropdown { background-color: #202124; max-width: 210px; min-width: 210px; width: 100% !important; padding: 12px 24px 20px; top: 45px !important; right: 0 !important; left: auto !important; text-align: left; }
#prio .sortby-dropdown.dropdown-content:after { background: #202124; right: 17px; top: -5px; width: 12px; height: 12px; }
#prio .sortby-dropdown .sortby-heading { font-size: 14px; line-height: 17px; color: #fff; font-family: Roboto_medium, sans-serif; margin-bottom: 16px; }
#prio .sortby-dropdown ul { margin: 0; }
#prio .sortby-dropdown ul li { font-size: 14px; font-family: Roboto_regular, sans-serif; margin-bottom: 2px; color: #fff; min-height: 20px; line-height: 20px; }
#prio .sortby-dropdown ul li:hover { background-color: transparent; }
#prio .sortby-dropdown ul li span { position: relative; border-radius: 50%; margin-right: 5px; color: #fff; font-size: 14px; font-family: Roboto_regular, sans-serif; padding-left: 15px; }
#prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"]:checked + span::after, #prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"].with-gap:checked + span::before, #prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"].with-gap:checked + span::after { top: 4px; left: -4px; border-color: #fff; }
#prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"].with-gap:checked + span::after { top: 3px; left: -5px; border-color: #fff; }
#prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"]:not(:checked) + span::before, #prio .sortby-dropdown ul li .prio-radio-button.small [type="radio"]:not(:checked) + span::after { top: 5px; left: -4px; border-color: #fff; }
#prio .dropdown-list-option-parent { position: relative; display: inline-block; }
#prio .dropdown-list-option { min-width: 240px !important; width: 240px !important; height: auto !important; background-color: #fff; right: 8px !important; left: auto !important; top: 40px !important; margin: 5px -25px 0 0 !important; text-transform: none; z-index: 99; box-shadow: 0 0 15px rgba(0, 0, 0, 0.16); }
#prio .dropdown-list-option ul { margin: 0; }
#prio .dropdown-list-option ul li { height: 48px; min-height: 48px; border-bottom: 1px solid #eaeaea; border-left: 4px solid transparent; position: relative; background-color: #fff; }
#prio .dropdown-list-option ul li:last-child { border-bottom: 0; }
#prio .dropdown-list-option ul li.active, #prio .dropdown-list-option ul li:hover { background-color: #FAFAFA; border-left: 4px solid var(--Primarycolor); }
#prio .dropdown-list-option ul li.active a, #prio .dropdown-list-option ul li:hover a { color: var(--Primarycolor); }
#prio .dropdown-list-option ul li a { font-size: 14px; color: #6D6D6D; padding: 13px 16px; font-family: Roboto_regular, sans-serif; }
#prio .dropdown-list-option ul li a span { position: absolute; right: 15px; }
#prio .dropdown-list-option ul li .switch-wrapper { position: absolute; z-index: 1; right: 16px; top: 14px; }
#prio ul.dropdown-content.select-dropdown { overflow-y: scroll !important; max-height: 168px !important; }

.add-promocode .dropdown-content:after { display: none; }
.add-promocode .select-wrapper input[type="text"]:not(.browser-default), .add-promocode .select-wrapper input.select-dropdown { font-family: Roboto_regular, sans-serif; border: 1px solid #ced4da; border-radius: 4px; padding: 6px 12px; height: 48px; line-height: 34px; box-sizing: border-box; box-shadow: none; font-size: 12px; color: #495057; }
.add-promocode .select-wrapper .caret { right: 10px; fill: #dbdbdb; z-index: 1; }
.add-promocode .select-wrapper .select-dropdown { background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); width: 100%; max-height: 200px; overflow: auto !important; left: auto !important; right: 0 !important; padding: 0; border: 0; transform: none !important; top: calc(100% + 8px) !important; margin: 0; }
.add-promocode .select-wrapper .select-dropdown li span { border-top: 1px solid #eaeaea; height: 64px; display: block; cursor: pointer; padding: 22px 16px 22px 28px; color: #202124; border-left: 4px solid transparent; }
.add-promocode .select-wrapper .select-dropdown li.selected span, .add-promocode .select-wrapper .select-dropdown li:hover span { border-left-color: var(--Primarycolor); background: #f1f1f1; color: var(--Primarycolor); }

.select-wrapper-no-first-option .select-dropdown.dropdown-content li:first-child { display: none; }

/*$secondaryColor == #018786*/
.maximum-amount .mdc-form-field- { display: flex; align-items: center; }
.maximum-amount .mdc-form-field- label { top: 0; left: 0; }

.mdc-checkbox { display: inline-block; position: relative; flex: 0 0 18px; box-sizing: content-box; width: 18px; height: 18px; padding: 11px; line-height: 0; white-space: nowrap; cursor: pointer; vertical-align: inherit; will-change: transform, opacity; }

.mdc-checkbox + label { position: relative; top: 4px; left: 10px; }

.mdc-checkbox::before, .mdc-checkbox::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; }

.mdc-checkbox::before { transition: opacity 15ms linear; z-index: 1; }

.mdc-checkbox.mdc-ripple-upgraded::before { -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1)); transform: scale(var(--mdc-ripple-fg-scale, 1)); }

.mdc-checkbox.mdc-ripple-upgraded::after { top: 0; /* @noflip */ left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; }

.mdc-checkbox.mdc-ripple-upgraded--unbounded::after { top: var(--mdc-ripple-top, 0); /* @noflip */ left: var(--mdc-ripple-left, 0); }

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after { -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after { -webkit-animation: 150ms mdc-ripple-fg-opacity-out; animation: 150ms mdc-ripple-fg-opacity-out; -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

.mdc-checkbox::before, .mdc-checkbox::after { background-color: var(--Secondarycolor); }

.mdc-checkbox:hover::before { opacity: 0.04; }

.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; }

.mdc-checkbox:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; }

.mdc-checkbox:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; }

.mdc-checkbox.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; }

.mdc-checkbox::before, .mdc-checkbox::after { top: calc(50% - 50%); /* @noflip */ left: calc(50% - 50%); width: 100%; height: 100%; }

.mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after { top: var(--mdc-ripple-top, calc(50% - 50%)); /* @noflip */ left: var(--mdc-ripple-left, calc(50% - 50%)); width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); }

.mdc-checkbox.mdc-ripple-upgraded::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%); }

.mdc-checkbox__checkmark-path { stroke: #fff !important; }

.mdc-checkbox__mixedmark { border-color: #fff; }

.mdc-checkbox__background:before { background-color: var(--Secondarycolor); }

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; }

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: var(--Primarycolor); background-color: var(--Primarycolor); }

@-webkit-keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; }
  50% { border-color: var(--Secondarycolor); background-color: var(--Secondarycolor); } }
@keyframes mdc-checkbox-fade-in-background-0 { 0% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; }
  50% { border-color: var(--Secondarycolor); background-color: var(--Secondarycolor); } }
@-webkit-keyframes mdc-checkbox-fade-out-background-0 { 0%,
  80% { border-color: var(--Secondarycolor); background-color: var(--Secondarycolor); }
  100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } }
@keyframes mdc-checkbox-fade-out-background-0 { 0%,
  80% { border-color: var(--Secondarycolor); background-color: var(--Secondarycolor); }
  100% { border-color: rgba(0, 0, 0, 0.54); background-color: transparent; } }
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-0; animation-name: mdc-checkbox-fade-in-background-0; }

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-0; animation-name: mdc-checkbox-fade-out-background-0; }

.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: rgba(0, 0, 0, 0.26); }

.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); }

@media screen and (-ms-high-contrast: active) { .mdc-checkbox__mixedmark { margin: 0 1px; } }
@media screen and (-ms-high-contrast: black-on-white) { .mdc-checkbox__checkmark-path { stroke: black !important; }
  .mdc-checkbox__mixedmark { border-color: black; } }
.mdc-checkbox--disabled { cursor: default; pointer-events: none; }

.mdc-checkbox__background { /* @noflip */ left: 11px; /* @noflip */ right: initial; display: inline-flex; position: absolute; top: 11px; bottom: 0; align-items: center; justify-content: center; box-sizing: border-box; width: 18px; height: 18px; transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border: 0.5px solid currentColor; border-radius: 4px; background-color: transparent; pointer-events: none; will-change: background-color, border-color; }

.mdc-checkbox[dir="rtl"] .mdc-checkbox__background, [dir="rtl"] .mdc-checkbox .mdc-checkbox__background { /* @noflip */ left: initial; /* @noflip */ right: 11px; }

.mdc-checkbox__checkmark { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; }

.mdc-checkbox--upgraded .mdc-checkbox__checkmark { opacity: 1; }

.mdc-checkbox__checkmark-path { transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); stroke-width: 3.12px; stroke-dashoffset: 29.78334; stroke-dasharray: 29.78334; }

.mdc-checkbox__mixedmark { width: 100%; height: 0; -webkit-transform: scaleX(0) rotate(0deg); transform: scaleX(0) rotate(0deg); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-width: 1px; border-style: solid; opacity: 0; }

.mdc-checkbox--upgraded .mdc-checkbox__background, .mdc-checkbox--upgraded .mdc-checkbox__checkmark, .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path, .mdc-checkbox--upgraded .mdc-checkbox__mixedmark { transition: none !important; }

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background { -webkit-animation-duration: 180ms; animation-duration: 180ms; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path { -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path; transition: none; }

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark { -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark; transition: none; }

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path; transition: none; }

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark; transition: none; }

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark { -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark; transition: none; }

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark { -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark; transition: none; }

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark { -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark; transition: none; }

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark { -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark; transition: none; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background { transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path, .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path { stroke-dashoffset: 0; }

.mdc-checkbox__background::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(0, 0); transform: scale(0, 0); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); border-radius: 50%; opacity: 0; pointer-events: none; content: ""; will-change: opacity, transform; }

.mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before { content: none; }

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before { -webkit-transform: scale(2.75, 2.75); transform: scale(2.75, 2.75); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 0.26; }

.mdc-checkbox__native-control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: inherit; pointer-events: all !important; }

.mdc-checkbox__native-control:disabled { cursor: default; pointer-events: none; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark { transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1); opacity: 1; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { -webkit-transform: scaleX(1) rotate(-45deg); transform: scaleX(1) rotate(-45deg); }

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark { -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); opacity: 0; }

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark { -webkit-transform: scaleX(1) rotate(0deg); transform: scaleX(1) rotate(0deg); opacity: 1; }

.demo-checkbox--custom-all .mdc-checkbox__background::before { background-color: #f44336; }

.demo-checkbox--custom-all::before, .demo-checkbox--custom-all::after { background-color: #f44336; }

.demo-checkbox--custom-all:hover::before { opacity: 0.04; }

.demo-checkbox--custom-all:not(.mdc-ripple-upgraded):focus::before, .demo-checkbox--custom-all.mdc-ripple-upgraded--background-focused::before { transition-duration: 75ms; opacity: 0.12; }

.demo-checkbox--custom-all:not(.mdc-ripple-upgraded)::after { transition: opacity 150ms linear; }

.demo-checkbox--custom-all:not(.mdc-ripple-upgraded):active::after { transition-duration: 75ms; opacity: 0.16; }

.demo-checkbox--custom-all.mdc-ripple-upgraded { --mdc-ripple-fg-opacity: 0.16; }

.demo-checkbox--custom-all .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: #f44336; background-color: rgba(244, 67, 54, 0.25); }

.demo-checkbox--custom-all .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .demo-checkbox--custom-all .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #f44336; background-color: #f44336; }

@-webkit-keyframes mdc-checkbox-fade-in-background-1 { 0% { border-color: #f44336; background-color: rgba(244, 67, 54, 0.25); }
  50% { border-color: #f44336; background-color: #f44336; } }
@keyframes mdc-checkbox-fade-in-background-1 { 0% { border-color: #f44336; background-color: rgba(244, 67, 54, 0.25); }
  50% { border-color: #f44336; background-color: #f44336; } }
@-webkit-keyframes mdc-checkbox-fade-out-background-1 { 0%,
  80% { border-color: #f44336; background-color: #f44336; }
  100% { border-color: #f44336; background-color: rgba(244, 67, 54, 0.25); } }
@keyframes mdc-checkbox-fade-out-background-1 { 0%,
  80% { border-color: #f44336; background-color: #f44336; }
  100% { border-color: #f44336; background-color: rgba(244, 67, 54, 0.25); } }
.demo-checkbox--custom-all.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .demo-checkbox--custom-all.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-1; animation-name: mdc-checkbox-fade-in-background-1; }

.demo-checkbox--custom-all.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .demo-checkbox--custom-all.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-1; animation-name: mdc-checkbox-fade-out-background-1; }

.demo-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background { border-color: #2196f3; background-color: transparent; }

.demo-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .demo-checkbox--custom-stroke-and-fill .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: #9c27b0; background-color: #9c27b0; }

@-webkit-keyframes mdc-checkbox-fade-in-background-2 { 0% { border-color: #2196f3; background-color: transparent; }
  50% { border-color: #9c27b0; background-color: #9c27b0; } }
@keyframes mdc-checkbox-fade-in-background-2 { 0% { border-color: #2196f3; background-color: transparent; }
  50% { border-color: #9c27b0; background-color: #9c27b0; } }
@-webkit-keyframes mdc-checkbox-fade-out-background-2 { 0%,
  80% { border-color: #9c27b0; background-color: #9c27b0; }
  100% { border-color: #2196f3; background-color: transparent; } }
@keyframes mdc-checkbox-fade-out-background-2 { 0%,
  80% { border-color: #9c27b0; background-color: #9c27b0; }
  100% { border-color: #2196f3; background-color: transparent; } }
.demo-checkbox--custom-stroke-and-fill.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .demo-checkbox--custom-stroke-and-fill.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-in-background-2; animation-name: mdc-checkbox-fade-in-background-2; }

.demo-checkbox--custom-stroke-and-fill.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .demo-checkbox--custom-stroke-and-fill.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { -webkit-animation-name: mdc-checkbox-fade-out-background-2; animation-name: mdc-checkbox-fade-out-background-2; }

/*colors*/
/*.light-blue .darken-1*/
.checkbox-light-blue-darken-1 .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .checkbox-light-blue-darken-1 .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background { border-color: color("light-blue", "darken-1"); background-color: color("light-blue", "darken-1"); }
.checkbox-light-blue-darken-1.mdc-checkbox::before, .checkbox-light-blue-darken-1.mdc-checkbox::after, .checkbox-light-blue-darken-1 .mdc-checkbox__background:before { background-color: color("light-blue", "darken-1"); }

#prio .switch-wrapper { /*        .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #EAEAEA}*/ }
#prio .switch-wrapper.disabled { position: relative; }
#prio .switch-wrapper.disabled .disabled-layer { position: absolute; width: 100%; height: 100%; background-color: rgba(234, 234, 234, 0.7); top: 0; border-radius: 20px; }
#prio .switch-wrapper.small .mdc-switch.switch-custom .mdc-switch__background { width: 32px; }
#prio .switch-wrapper.small .mdc-switch__knob { left: -10px; }
#prio .switch-wrapper .mdc-switch.switch-custom .mdc-switch__background { width: 48px; }
#prio .switch-wrapper .mdc-switch.switch-custom .mdc-switch__background span.no { right: 4px; }
#prio .switch-wrapper .mdc-switch.switch-custom .mdc-switch__knob { height: 24px; width: 24px; border: none; }
#prio .switch-wrapper .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before { background-color: transparent; }
#prio .switch-wrapper .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before { background-color: transparent; }
#prio .switch-wrapper .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: var(--Primarycolor); border-color: var(--Primarycolor); }
#prio .custom-color .mdc-switch.switch-teal .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before { background-color: #00DC81; border-color: #00DC81; border: none; transition: none; }
#prio .custom-color .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before { background-color: #BCBCBC; border-color: #BCBCBC; opacity: 1; border: none; transition: none; }
#prio .mdc-switch__native-control.disabled { pointer-events: none; }
#prio .mdc-switch__native-control.disabled + .mdc-switch__background { opacity: 0.25; cursor: not-allowed; }
#prio #merchant_details .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background::before { background-color: #006eff !important; border-color: #006eff !important; opacity: .3; }
#prio #merchant_details .mdc-switch .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob { background-color: #fff; }

.complete-profile .sales-points-form .details-msg.teal-message { border-left-color: #1bb7c2 !important; }
.complete-profile .sales-points-form .details-msg.teal-message .icon-circle { background-color: #1bb7c2 !important; }

#update_credit_limits #email_fields_wrapper { flex-direction: row; }
#update_credit_limits #email_fields_wrapper .input-field-group { display: flex; align-items: flex-end; gap: 0 10px; justify-content: flex-start; flex-wrap: wrap; }
#update_credit_limits #email_fields_wrapper .input-field-group:first-child { flex: 1; width: 100%; max-width: 100%; }
#update_credit_limits #email_fields_wrapper .input-field-group:first-child .emailIcon { display: none !important; }
#update_credit_limits #email_fields_wrapper .input-field-group:first-child input { max-width: 100%; }
#update_credit_limits #email_fields_wrapper .input-field-group .emailIcon { display: flex; cursor: pointer; z-index: 1; width: 24px; height: 24px; justify-content: center; align-items: center; font-size: 16px; order: 2; margin-bottom: 8px; }
#update_credit_limits #email_fields_wrapper .input-field-group input { z-index: 1; width: 100%; max-width: calc(100% - 34px); order: 1 !important; }
#update_credit_limits #email_fields_wrapper .input-field-group span.error { flex: 0 0 100%; width: 100%; order: 3; position: absolute; top: calc(100% - 5px); left: 0; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; padding: 0 11px; }

#addEmailWrap { align-items: center; justify-content: flex-end; width: 100%; margin: 0 !important; max-width: 100%; padding-top: 10px; }
#addEmailWrap .btn { display: flex; align-items: center; text-transform: none; white-space: nowrap; width: auto; margin: 0; }