body, div, p{font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif !important;}
.loginhold{background: #000;}

label.Polaris-Text--bodyMd {font-size: 16px;}

header.bg-white.shadow {padding: 15px 0;}
header.bg-white .logo img {width:100px; margin-top:16px;} 
header .headermenu-burger{display: none;}
/*.username-mob {margin-top: 5px;}*/ 

.Polaris-Header-Title { font-size: 1.32rem;}
.loginhold .w-full img {
    filter: brightness(0.2);
}
.loginhold .w-full img {
    max-width: 130px;
}
.content-area{ min-height: calc(100vh - 120px) }
.loginhold h3 {font-size: 20px;color: rgb(32, 34, 35);margin: 0 0 25px;font-weight: 600;}
.loginhold .w-full img {width:auto;margin: 15px auto 10px;}
.loginhold form input[type="email"],
.loginhold form input[type="text"],
.loginhold form input[type="password"] ,
.loginhold form select{border: 1px solid #ced4da; border-radius: 0.375rem; height: 36px; width: 100% !important;}
.loginhold form  label { font-size: 14px; font-weight: 400;}
.loginhold form .items-center {text-align: center;}
.loginhold .items-center .loginbutton { display: block; margin: 15px 0 7px; width: 100%; border-radius: 0.375rem; height: 36px; background: #4080bc; font-size: 14px;}
.loginhold .w-full { width: 25rem;}
.loginhold .items-center a { margin: 5px 0 15px; display: inline-block; color: #599ad4;}
.loginhold .items-center a:hover{color:#000;}

.loginhold.registered .items-center a{ margin: 0px;}

select#store {line-height: 15px;}
.vocm-merchantpagehold{padding-top: 56px;}
.topheaderbaar { background-color: #ffffff; box-shadow: 0 2px 2px -1px rgb(0 0 0 / 15%); display: flex; height: 3.5rem; position:fixed; width:100%; top:0; z-index: 1;}

.header-logo{width: 127px;}
a:hover{ color:#202223}
.searchbar-top {  width: 45%; margin: 8px auto 0 auto;}
.searchbar-top .input-group-text { height: 38px; width: 38px; text-align: center; background: #f1f2f3; border-color: #f1f2f3; display: flex; justify-content: center; }
.searchbar-top  input.form-control { background: #f1f2f3; border-color:  #f1f2f3; outline: none;}

.sidebar { background-color: #f6f6f7; border-right: 1px solid #e1e3e5; min-height: calc(100vh - 56px); padding: 1rem 10px 1rem 0; width: calc(16.66666667% - 15px); position: fixed; top: 56px;}
.sidebar ul { list-style: none; margin: 0; padding: 0;}
.sidebar ul li { position: relative;}
.sidebar ul li a { font-size: 14px; color: #202223; font-weight: 600; padding: 4px 4px 5px 4px; padding-left: 8px; display: flex; border-bottom: 1px solid transparent; border-radius: 3px; text-decoration: none;}
.sidebar ul li a:hover { background: #f1f2f3; color: #202223;}
.sidebar ul li a.selected { background: #edeeef; color: rgb(66, 130, 185); border-color: #fff;}
.sidebar ul li a svg.Polaris-Icon__Svg { width: 20px; fill: #5c5f62; margin-right: 8px;}
.sidebar ul li a.selected svg {fill:rgb(66, 130, 185);}
.sidebar ul li a.selected:before {width: 3px; content:''; height: 100%; left: 0; position: absolute; background: rgb(66, 130, 185); top: 0; left: -12px;}

.card { background-color: #fff; border: none; box-shadow: 0 0 5px rgb(23 24 24 / 5%), 0 1px 2px rgb(0 0 0 / 15%); outline: 0.0625rem solid #0000; border-radius: 0.5rem;}
.card-header{ background-color: #fff;}

h1.Polaris-Header-Title { font-size: 1.25rem; margin: 5px 0; font-weight: 600;}
 
.get-ready-setup-holder { border-top: 0.0625rem solid #e1e3e5; border-radius: 0 0 0.5rem 0.5rem; overflow: hidden;}
.get-ready-menu ul.nav {}
.get-ready-menu ul.nav li.nav-item {}
.get-ready-menu ul.nav li.nav-item:last-child {margin-bottom: -1px;}
.get-ready-menu ul.nav button { position: relative; font-weight: 600; white-space: nowrap; display: block; font-size: .875rem; color:#5f6367; display: flex; width: 100%; padding: 1.5rem; border-right: 0.0625rem solid #e1e3e5; border-bottom: 0.0625rem solid #e1e3e5; border-left: 3px solid transparent; background: #fafbfb;}
.get-ready-menu ul.nav button svg { width: 24px; fill:#5f6367; margin-right: 16px;}

.get-ready-menu ul.nav button:hover {color: #4080bc; border-left: 3px solid #4080bc; background: #fff;}
.get-ready-menu ul.nav button.active:hover,
.get-ready-menu ul.nav button.active {color: #4080bc; border-left: 3px solid #4080bc; border-right: transparent; background: #fff;}
.get-ready-menu ul.nav button:hover svg, 
.get-ready-menu ul.nav button.active svg{fill:#4080bc;}

.get-ready-menu ul.nav button.selected,
.get-ready-menu ul.nav button.selected:hover { color: #5f6367; /*border-left: 3px solid #639f3a; border-right: transparent; background: #fff;*/}
.get-ready-menu ul.nav button.selected svg,
.get-ready-menu ul.nav button.selected:hover svg { fill: #639f3a;}
.get-ready-menu ul.nav button.selected:after 
.get-ready-menu ul.nav button:hover.selected:after { content: ''; width: 1px; height: 100%; position: absolute; right: 0; background: #fff; top: 0;}

.get-ready-menu ul.nav button svg + svg,
.get-ready-menu ul.nav button.selected svg { display: none;}
.get-ready-menu ul.nav button.selected svg + svg {display: block;}

.threedotbtn  svg {height: 20px;}

.get-ready-box {padding: 1.5rem 2rem; width: 100%;height: 100%;  border-left: 0.0625rem solid #e1e3e5; margin-left:-1px; }
.extlink { color: #4789c6; text-decoration: none;}
.form-select, .form-control {font-size: 14px; min-height: 36px; line-height: 22px;}

.explorefreetheam {}
.expplorefretheam-items {}
.expplorefretheam-items ul { display: grid; grid-template-columns:31.5% 31.5% 31.5%; grid-gap: 20px; padding: 0;}
.expplorefretheam-items ul li { border: 1px solid #dfe3e8; border-radius: 5px; overflow: hidden;}
.expplorefretheam-items ul li .expplorefretheam-img img{width: 100%;}
.expplorefretheam-items ul li .theamname span.tname{ opacity: .8;}
.expplorefretheam-items ul li .theamnamecnt span { border: 2px solid #28695e; font-weight: 600; color:  #28695e; padding: 3px 10px; border-radius: 20px;}
.expplorefretheam-items ul li.expplorefretheam-itemlist {border: 1px solid #dfe3e8; cursor: pointer; box-shadow: 0 0 15px transparent; transition:.3s;}
.expplorefretheam-items ul li.expplorefretheam-itemlist:hover {border: 1px solid #dfe3e8; box-shadow: 0 0 15px #ccc;}
.expplorefretheam-items ul li.expplorefretheam-itemlist.active{border: 1px solid #9d9d9d;box-shadow: 0 0 15px #ccc;}

.video {width: 100%; }
.wrapper{ display:table; width:auto; position:relative; width:50%;}
.playpause { background-image:url('../images/palyicon.png'); background-repeat:no-repeat; width:50%; height:50%; position:absolute; left:0%; right:0%; top:0%; bottom:0%; margin:auto; background-size:contain; background-position: center;}

.chk-li {margin-top: 15px; padding: 0;}
.chk-li li {display: flex; line-height: 26px;}
.chk-li li:before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23639f3a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); height: 18px; width: 16px; margin: 5px 7px 0 0;}

div.modal-lg .modal-dialog {max-width: 70%;}

.searchbar span.input-group-text {background: #fff;}
.searchbar input.form-control {border: 1px solid #ced4da; border-left: 0 none; border-radius: 0.375rem;}

.cross-checkbox {}
.cross-checkbox {}
.cross-checkbox input[type="checkbox"] { position: absolute; opacity: 0;}
.cross-checkbox input[type="checkbox"] span {}
.cross-checkbox input[type="checkbox"]+span { display: block; width: 18px; height: 18px; border:1px solid #2c6ecb; background: #fff; border-radius: 3px; position: relative;}
.cross-checkbox input[type="checkbox"]+span:before { content: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='xmark' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%239fa5ab' d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z' class=''%3E%3C/path%3E%3C/svg%3E"); width: 12px; height: 12px; position: absolute; left: 2px; top: -1px; opacity: 0;}
.cross-checkbox input[type="checkbox"]:checked+span:before { opacity: 1;}

.select-your-product-table {position: relative; overflow-y: auto; max-height: 2880px; margin-bottom: 20px; top: 5px;}

.imagecheckbox{position: relative; margin: 10px 0;}
.imagecheckbox span { display: block; width: 18px; height: 18px; border: 1px solid #9fa5ab; border-radius: 3px; position: relative; margin-right: 10px;}
.imagecheckbox span svg.Polaris-Icon__Svg path { width: 42px; height: 42px; opacity: 0;}
.imagecheckbox input{position:absolute; opacity:0;}
.imagecheckbox input:checked + span { background: #2563eb; border: 1px solid #2563eb;}
.imagecheckbox span svg.Polaris-Icon__Svg path { width: 42px; height: 42px; opacity: 0;}
.imagecheckbox input:checked + span svg.Polaris-Icon__Svg path{ opacity:1;} 
.imagecheckbox input:checked + span svg.Polaris-Icon__Svg path{ opacity:1; fill:#fff;}
.imagecheckbox input[type="checkbox"]:checked + svg .unchk {display: none;}
.imagecheckbox input[type="radio"] + svg .unchk {display: none;}
.imagecheckbox input[type="radio"]:checked + svg .unchk {display: block;}

.inf-icon { background: #e4e5e7; border-radius: 100px; padding:4px; position: relative; margin-right: 10px;}
.inf-icon svg { width: 24px; height: 24px; fill: #5c5f62;}
.inf-icon   svg.p-alrt { position: absolute; top: -5px; right: -5px; fill: #d99d16; stroke: #fff;}

.Polaris-Avatar .briwsimg { position: absolute; bottom: 0; margin: 0 auto; width: 30px; height: 21px; left: 0; right: 0;}
.Polaris-Avatar .briwsimg input[type="file"] { width: 20px; opacity: 0; position: absolute;}
.Polaris-Avatar .briwsimg  svg { fill: #5496ef;}

.g-icon-wht .input-group-text { background: #fff; color: #6c757d;}
.g-icon-wht input.form-control { border-right: 0 none;}
 
.card-tab {}
.card-tab .nav-tabs { border: none;}
.card-tab .nav-tabs li.nav-item { padding: 0 6px;}
.card-tab .nav-tabs li.nav-item button { border: 0; position: relative; padding: 15px 17px; color: #6d7175;}
.card-tab .nav-tabs li.nav-item button:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0.1875rem; border-radius: 4px 4px 0 0;}
.card-tab .nav-tabs li.nav-item button.active { margin: 0;}
.card-tab .nav-tabs li.nav-item:hover button:before { background: rgb(153, 158, 164);}
.card-tab .nav-tabs li.nav-item button.active:before {background: rgb(66 130 185);}

.tablebar table td {padding:10px 0 10px 15px;}



.check-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]+span:before,
.check-table table.table tbody tr td .cross-checkbox input[type="checkbox"]+span:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23161719'%3E%3Cpath d='m8.315 13.859-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'/%3E%3C/svg%3E");
    width: 20px; height: 20px; left: -2px; top: -2px; filter: inherit;} 
.check-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]+span,
.check-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]:checked+span,
.check-table table.table tbody tr td .cross-checkbox input[type="checkbox"]:checked+span {background: #e2eeff; border: 1px solid #2c6ecb; opacity: 1;}
.check-table table.table thead td.chkclik_div .cross-checkbox input[type="checkbox"]+span{background:#e2eeff; }
 .check-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]+span:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23161719'%3E%3Cpath d='M15 9h-10a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z'/%3E%3C/svg%3E");    opacity: 1;}

.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input[type="checkbox"]+span{background: #fff;} 
.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input[type="checkbox"]+span:before{opacity: 0;}
.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input[type="checkbox"]:checked+span{background: #e2eeff;}
.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input[type="checkbox"]:checked+span:before,
.check-table table.table thead td.chkclik_div .cross-checkbox input[type="checkbox"]:checked+span:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23161719'%3E%3Cpath d='m8.315 13.859-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'/%3E%3C/svg%3E"); opacity: 1;}

.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input.select_all_product[type="checkbox"]+span{background: #e2eeff;} // new code
.check-table table.table thead td.chkclik_div .selectall .cross-checkbox input.select_all_product[type="checkbox"]+span:before {opacity: 1;} // new code

button.btn-white.dropdown-toggle.ms-0.pe-2 {background: #fff; border: none; margin-right: -15px; border-radius: 0;}

.product-tab-content .strshotbtn {margin: 0 2px 0 9px; min-width: 80px;}

.product-table {}
.product-table table.table {}
.product-table table.table thead {}
.product-table table.table thead th.chkclik_th,
.product-table table.table thead th:first-child,
.product-table table.table tbody td:first-child {padding-left: 17px; width: auto;}
.product-table table.table tbody td  {color: #6d7175; vertical-align: middle;}
.product-table table.table tbody td a{color: #000000;}
.product-tab-content .Polaris-Card__Section:last-child {border: none;}
.product-table table.table tbody tr.addblue td,
.product-table table.table tbody tr.addblue:hover,
.product-table table.table tbody tr.addblue:hover>* { background: #F2F7FD !important;}

/*.product-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]+span:before,
.product-table table.table tbody tr td .cross-checkbox input[type="checkbox"]+span:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23161719'%3E%3Cpath d='m8.315 13.859-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.436.436 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0'/%3E%3C/svg%3E");
    width: 20px; height: 20px; left: -2px; top: -2px; filter: inherit;}
.product-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]:checked+span,
.product-table table.table tbody tr td .cross-checkbox input[type="checkbox"]:checked+span {background: #2c6ecb; border: 1px solid #2c6ecb;}

 .product-table table.table thead  td.chkclik_div .cross-checkbox input[type="checkbox"]+span:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23161719'%3E%3Cpath d='M15 9h-10a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2z'/%3E%3C/svg%3E");}
 */
 .product-table table.table thead  td.chkclik_div {padding-left: 0.5rem;}

.chkclik_div .input-group { max-width: 270px;}
.chkclik_div .input-group .dropdown-toggle { padding: 0.375rem 0.75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 5px; background: #f3f3f3; margin-left: 10px;}
.chkclik_div #checked-form-control { display: inline-block; border: 1px solid #ddd; padding: 0.375rem .5rem; border-radius: 4px;}
#checked-form-control .cross-checkbox { margin: 2px 5px 0 0;}
.chkclik_div .input-group .dropdown-toggle:hover { background: #ced4da;}

.text10 { font-size: 10px;}
.text11 { font-size: 11px;}
.text12 { font-size: 12px;}
.text13 { font-size: 13px;}
.text14 { font-size: 14px;}
.text15 { font-size: 15px;}
.text16 { font-size: 16px;}
.text17 { font-size: 17px;}
.text18 { font-size: 18px;}
.text19 { font-size: 19px;}
.text20 { font-size: 20px;} 
.text21 { font-size: 21px !important;} 
.text22 { font-size: 22px !important;} 
.text23 { font-size: 23px !important;} 
.text24 { font-size: 24px !important;} 
.text25 { font-size: 25px !important;} 
.text26 { font-size: 26px !important;} 
.text27 { font-size: 27px !important;} 
.text28 { font-size: 28px !important;} 
.text29 { font-size: 29px !important;} 
.text30 { font-size: 30px !important;} 

.ancot-dotlist-hold {max-height: 500px;  overflow-y: auto;}
.ancot-dotlist-hold::-webkit-scrollbar {width: 8px; border-radius:30px;}
/* Track */
.ancot-dotlist-hold::-webkit-scrollbar-track {background: #f1f1f1; border-radius:30px;}
 /* Handle */
.ancot-dotlist-hold::-webkit-scrollbar-thumb {background: #888; border-radius:30px;}
/* Handle on hover */
.ancot-dotlist-hold::-webkit-scrollbar-thumb:hover {background: #555;}

.ancot-dotlist-hold ul.ancot-dotlist { padding-left: 23px; color: #ccc;}
.ancot-dotlist-hold ul.ancot-dotlist li { margin-bottom: 15px; list-style: none;}
.ancot-dotlist-hold ul.ancot-dotlist li .ancot-dotlist-content { font-size: 13px; border: 1px dashed #ccc; padding: 9px; border-radius: 5px; color: #212529;}
.ancot-dotlist-hold ul.ancot-dotlist li .ancot-dotlist-content strong { font-weight: 600;}
.ancot-dotlist-hold ul.ancot-dotlist li .ancot-dotlist-content p { opacity: .8; margin-bottom: 8px;}
.ancot-dotlist-hold ul.ancot-dotlist li .ancot-dotlist-content p:last-child { margin: 0;}
.ancot-dotlist-hold ul.ancot-dotlist li span.numlist { float: left; width: 30px; margin: 5px 0 0 -35px; text-align: right;}

.polaris-button-blue,.analogic{background:#4080bc; color:#fff;}
.polaris-button-blue:hover,.analogic:hover{background:#1f5199;}

.filterlist {}
.filterlist ul { padding: 0; margin: 0;}
.filterlist ul li { display: inline-block; width: 100%; margin-bottom: 10px;}
.filterlist ul li a { padding: 8px; display: inline-block; width: 100%; background: #fff; box-shadow: 0 0 3px 0px #d5d5d5; text-decoration: none; color: #000; position: relative;}
.filterlist ul li a:after {}
.filterlist ul li a:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1.5; font-size: 15px; position: absolute; right: 9px;}
.filterlist ul li a:hover { background: #f2f2f2;}

.btnfilter {}
.btnfilter { background: #252539; color: #fff; display: flex; border-radius: 50px; min-width: 214px; text-align: center; align-items: center; justify-content: center; margin-bottom: 15px;}
.btnfilter svg { width: 22px; fill: #fff; margin-left: 10px; transition: .2s;}
.btnfilter:hover {color: #252539;}
.btnfilter:hover svg {fill: #252539;}


.fliterlistholder { display: grid; grid-template-columns: auto auto auto; grid-gap: 10px;}
.fliterlistcard { background: #fff; box-shadow: 0 0 3px 0px #d5d5d5; position: relative;}
.fliterlistcard .fliterlistimg {}
.fliterlistcard .fliterlistimg img { width: 100%;}
.fliterlistcard .fliterlistconternt { padding: 0 7px; font-size: 12px;}
.fliterlistcard .fliterlistconternt  .ctfilt-name { font-size: 12px; opacity: .8; color: #000;}
.fliterlistcard .fliterlistconternt .ptfilt-name { font-size: 14px; font-weight: 600; margin: 0;}
.fliterlistcard .fliterlistconternt .gram-smpan { display: flex; justify-content: space-between; opacity: .8; margin-bottom: 5px; font-size: 12px;}
.fliterlistcard .fliterlistconternt .p-ptfilt { display: flex; justify-content: space-between; font-size: 12px;}
.fliterlistcard .fliterlistconternt .p-ptfilt span.strie {}
.fliterlistcard .fliterlistconternt .p-ptfilt span.strie div { font-size: 16px; font-weight: bold; color: red;}
.fliterlistcard .fliterlistconternt .addbutonhold { text-align: right; margin-bottom: 9px;}
.fliterlistcard .fliterlistconternt .addbutonhold .addbuton { text-align: center; font-size: 26px; width: 30px; height: 30px; display: inline-block; background: red; color: #fff; line-height: 25px; padding: 0 0 6px 0; border-radius: 50px; vertical-align: text-bottom;}

.favoriteicon { position: absolute; right: 5px; top: 5px;}
.favoriteicon svg { stroke: #252539; fill: transparent; width: 15px;}
.favoriteicon input{ position: absolute; right: 0; opacity: 0;}
.favoriteicon input[type='checkbox']:checked + svg { fill: #252539; stroke: #252539;}

.holdtabrs { margin: 0 0; padding: 15px 0; border: 1px solid #ccc; background: url(../images/gbg.png) no-repeat; background-position: top left; background-size: 80%;}

.favoroffer { width: 44px; min-height: 44px; text-align: center; background-size: cover !important;font-size: 10px; top: 0; left: 2px; position: absolute;}
.favoroffer div { display: flex; vertical-align: middle; align-content: center; justify-content: center; align-items: center; height: 44px; font-size: 10px; line-height: 11px; color: #fff; padding: 2px;}
.favoroffer1{background: url('../images/flw-label.png');}
.favoroffer2{background: url('../images/uuk-1.png');}
.favoroffer3{background: url('../images/rib-label.png');}


button#taggedwith {text-align: left;}
button#taggedwith:after {content: none;}

.sidebar ul li  .sub-menu-link { float: right; position: absolute; padding: 5px 9px 4px; top: 0; right: 0; cursor: pointer; /*background: #e7e7e7;*/}
.sidebar ul li .sub-menu-list { position: inherit; border: 0 none; border-radius: 0; padding: 0 0 0 28px; background: transparent;}


label.tabledefaltimg { cursor: pointer; overflow: hidden;} 
label.tabledefaltimg input[type="file"] { position: absolute; opacity: 0;  height: 0; width: 100%;}


.ancor-description .modal-dialog { max-width: 40rem;}
.ancor-description .Polaris-Card { box-shadow: none;}
.ancor-description .Polaris-Card .Polaris-FormLayout__Item { margin: 0 0 10px; max-width: 100%;}
.Polaris-Card__Description strong { font-weight: 500;}
.Polaris-Card__Description #cke_description { margin-top: 10px;}
.ancor-description .Polaris-Card__Section strong { font-weight: 600; font-size: 16px;}
.spinner-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; text-align: center; justify-content: center; align-items: center; background: rgba(0,0,0,0.5);}
.spinner-loader span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.Polaris-Spinner--sizeSmall svg { fill: #fff !important;}

.product-badge{ font-size: 11px; padding: 3px 13px; display: inline-block; text-align: center; margin: 0; min-width: 70px; border-radius: 10px;}
.product-badge-sync,
.product-badge-active,
.product-badge-ACTIVE {background:#ceefcc; color: #347624; border: 1px solid #b0cbae;}
.product-badge-archive,
.product-badge-ARCHIVE{background:#e9e9e9; color: #8d8d8d; border: 1px solid #cdcbcb;}
.product-badge-draft,
.product-badge-DRAFT  {background:#f4f5bb; color: #6e6f1d; border: 1px solid #dadba3;}
.product-badge-nosync{background:#d0e4f0; color: #3664ab;}

.Polaris-InlineInfo { font-size: 12px;}
.Polaris-InlineInfo .Polaris-InlineError__Icon { color: #4789c6;}
table.table thead tr th, table.table tbody tr td { font-size: 13px; vertical-align: middle;}
.chkclik_div .input-group { align-items: center;  flex-wrap: nowrap;}
td.chkclik_div { padding: 0.5rem 0.5rem; padding-left: 0px;}
td.chkclik_div .form-control {padding: 0.375rem 0.5rem; max-width: fit-content}
td.chkclik_div .form-control:last-child {background: #4080bc; border-color: #4080bc;}
td.chkclik_div .form-control:last-child button.btn-white {color: #fff;}

.product-table table.table thead th.chkclik_th +  th.chkclik_th {padding-left: .5rem;}

.product-table table.table thead th.chkclik_th:nth-child(3),
.product-table table.table thead th.chkclik_th:nth-child(4),
.product-table table.table thead th:nth-child(7),
.product-table table.table tbody td:nth-child(6){text-align: center;}

.product-table table.table tbody td:nth-child(2) span.Polaris-Thumbnail--sizeSmall ,
.product-table table.table tbody td:nth-child(3) span.Polaris-Thumbnail--sizeSmall {margin: 0 auto;}

small.ml-2.text-sm {font-size: 0.80rem;}
div#checked-dropdown .btn-white {border: 0; background: none;}

.Polaris-Button--primary {background: rgb(66 130 185);}
.Polaris-Button--primary:hover {background: rgb(28 81 126);}
.Polaris-Button.analogic.ms-2{display: none;}

.ancot-dotlist-hold ul.ancot-dotlist li .editdelet-hold {opacity: 0; display: none; transition: .3s;position: relative; width: 100%;}
.ancot-dotlist-hold ul.ancot-dotlist li:hover .editdelet-hold {opacity: 1; display: none; transition: .3s; display: block;}
.editdelet-hold { }
.editdelet-hold a { padding: 0; position: absolute; min-height: 16px; top:4px; right: 24px; z-index: 999; opacity: .7; transition: .2s;}
.editdelet-hold a.p-destructive { right: 2px;} 
.editdelet-hold a:hover { opacity: 1; box-shadow: none;}


.img-delete-thumbnail { position: relative;}
.img-delete-thumbnail .delete_thumnail { position: absolute; top: 0; z-index: 1; right: 0; display: block; width: 18px; height: 18px; bottom: inherit; left: inherit; opacity: 0; transition: .3s;}
.img-delete-thumbnail:hover .delete_thumnail { opacity: .7;}
.img-delete-thumbnail:hover .delete_thumnail:hover { opacity: 1;}
.card_img { width: 58px; }
.pd-layout-min { flex: 1 1 10rem; min-width: 0; }
.billing-history-table table.table thead tr th { padding: 10px 0 10px 15px; }


.top-treeset { display: flex; border-left-width: 2px !important;}
.top-treeset .icon-with-text {width: 100%;}
.top-treeset .inf-icon svg { width: 22px; height: 22px;}
.top-treeset .inf-icon { width: auto; display: inline-block; margin: 0 0 auto; float: right;}
.top-treeset .inf-trxt { display: block; width: 100%; float: right;}
.inf-trxt {width: 100%;}
.border-l-green{border-color:#46ad30 !important;}
.border-l-red{border-color  :#e3334b !important;}
.border-l-yellow{border-color :#f2ec3a !important;}
.border-l-blue{border-color  :#4675bf !important;}

.alert-black {--bs-alert-color: #fff; --bs-alert-bg: #5c5f62; --bs-alert-border-color: #444648; }
.alert-black a {color: #fff; margin: 0 5px;}
.alert-mesg { margin-top: 0; bottom: 0.5rem; z-index: 1; margin-bottom: 0; }

.alert ul { margin-bottom: 0; padding-left: 0 }

.tabledesign .dataTables_wrapper {}
.tabledesign .dataTables_wrapper > div {margin: 15px;}
.tabledesign .dataTables_wrapper > div.dataTables_filter {}
.tabledesign .dataTables_wrapper > div.dataTables_filter input[type="search"] {border: 1px solid #ced4da; border-radius: 0.375rem;}
.tabledesign .dataTables_wrapper > div.dataTables_length {}
.tabledesign .dataTables_wrapper > div.dataTables_length select {border: 1px solid #ced4da; border-radius: 0.375rem;  min-width: 71px; min-height: 36px;}
.tabledesign .dataTables_wrapper .table {border-bottom: 0 none;}
.tabledesign .dataTables_wrapper .table thead tr th {font-weight: 600; border-bottom: 1px solid #e5e7eb; padding: 11px 15px;}
.tabledesign .dataTables_wrapper .table tbody tr td { position: relative; border-bottom: 1px solid #e5e7eb; padding-left: 15px; padding-right: 15px; cursor: default; }
.tabledesign .dataTables_wrapper .table tbody tr:hover td { --bs-table-accent-bg: #edeeef;}
.tabledesign .dataTables_wrapper > div.dataTables_info { display: none;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate { margin: 15px 0; text-align: center; width: 100%;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate>span { display: none;}
.tabledesign .dataTables_wrapper > div.dataTables_paginat a.paginate_button {}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button { cursor: default; border: 1px solid #c4cdd5 !important; border-radius: 3px; width: 36px; height: 36px; /*text-indent: 99998px; overflow: hidden;*/ padding:7px 0; margin: 0; background: #fff; cursor:pointer; background-size: 20px; background-repeat: no-repeat; background-position: 50%;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.previous { /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='Polaris-Icon__Svg_375hu' focusable='false' aria-hidden='true'%3e%3cpath d='M17 9H5.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L5.414 11H17a1 1 0 1 0 0-2z'%3e%3c/path%3e%3c/svg%3e");*/ border-radius: 3px 0 0 3px;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.next{ /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='Polaris-Icon__Svg_375hu' focusable='false' aria-hidden='true'%3e%3cpath d='M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414z'%3e%3c/path%3e%3c/svg%3e");*/ border-radius: 0 3px 3px 0; margin-left: -1px; }
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button svg { width: 20px; height: 20px; margin: 0 auto;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button:hover { background-size: 20px; background-repeat: no-repeat; background-position: 50%; background-color:#f9f9f9;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.disabled {background-color:#f5f5f5;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.disabled  svg {opacity:.6;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button { position: relative;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button:before { content: ''; position: absolute; max-width: 93px; height: 29px; top: -38px; right: 0; background: #fff; border-radius: 0.1875rem; box-shadow:0 0.1875rem 0.375rem -0.1875rem #17181814,0 0.5rem 1.25rem -0.25rem #1718181f; padding: 5px 10px; opacity: 0; color:#000; transition: .5s;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.next:before { content: 'Next'; left: 0; right: inherit;}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button.previous:before { content: 'Previous';}
.tabledesign .dataTables_wrapper > div.dataTables_paginate> .paginate_button:hover:before { opacity: 1;}
.tabledesign .dataTables_wrapper > div.dataTables_length { display: none;}
.tabledesign .dataTables_wrapper > div.dataTables_filter { width: calc(100% - 30px);}
.tabledesign .dataTables_wrapper > div.dataTables_filter label, .tabledesign .dataTables_wrapper > div.dataTables_filter label input[type="search"] { max-width: 100%; min-width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' class='Polaris-Icon__Svg_375hu' focusable='false' aria-hidden='true' fill='%23b3b3b3'%3E%3Cpath d='M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm9.707 4.293-4.82-4.82a5.968 5.968 0 0 0 1.113-3.473 6 6 0 0 0-12 0 6 6 0 0 0 6 6 5.968 5.968 0 0 0 3.473-1.113l4.82 4.82a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 22px; background-position: 4px 7px; font-size: 14px; padding-left: 32px; margin: 0;}
.tabledesign .dataTables_wrapper > div.dataTables_filter label { background: none; font-size: 0; padding: 0;}

.sml-radus-icon-btn {min-width: 26px;border-radius: 15px; padding: 0; display: inline-flex; min-height: 26px; transition:.3s; justify-content: center; align-items: center; border: 1px solid transparent;}
.sml-radus-icon-btn svg {width: 14px; fill:rgb(92, 95, 98); transition:.3s; /*#6a6a6a; */}
.sml-radus-icon-btn:hover { border-radius: 15px; border: 1px solid #4282b9; background: #f7f7f7;}
.sml-radus-icon-btn:hover svg  {fill:rgb(66, 130, 185); }

@media only screen and (max-width: 767px) {

.m-ctm-2{margin: 1rem 0 !important; }
.topheaderbaar {height: auto;}
.searchbar-top {margin: 18px 0; width: 100%;}
.sidebar{min-height: auto;}

header.topheaderbaar .logo { display: flex; justify-content: space-between; align-items: baseline;}
header .headermenu-burger {display: block;}

.get-ready-menu { flex-direction: column;}
.get-ready-menu ul.nav { width: 100%;}
.get-ready-menu ul.nav button { border: 0.0625rem solid #e1e3e5;}
.get-ready-menu ul.nav button.active, 
.get-ready-menu ul.nav button.active:hover { border: 0.0625rem solid #e1e3e5; border-bottom: 3px solid #639f3a;}

/*.tbt3 ,.tbt3 div { display: flex; flex-direction: column;}*/
.tbt3, .tbt3 div .form-select { width: 100%;}
.tbt3 div.searchbar { flex-direction: initial;}

div#publish-vr-store .d-flex.align-items-start,
div#customize-vr-store .d-flex.align-items-start,
div#import-products .d-flex.align-items-start,
div#install-vcom-connectore .d-flex.align-items-start,
div#customize-vr-store .d-flex.align-items-start{ display: flex;   flex-direction: column-reverse;} 
div#customize-vr-store .d-flex.align-items-start a.Polaris-Button.hds { width: 100%; margin-bottom: 15px;}

div.modal-lg .modal-dialog {max-width: 100%;}
.expplorefretheam-items ul { margin: 0; padding: 0; grid-template-columns: auto;}

.get-ready-box {padding: 0.8rem;}

div#publish-vr-store .d-flex.align-items-start ul {padding: 0;}
div#publish-vr-store .d-flex.align-items-start .tab-content-text .Polaris-Stack__Item button {margin: 5px 0;}


.username-mob { float: initial !important; margin: 15px -15px 0; display: flex; justify-content: center; background: #6baa40; border-radius: 0; padding: 5px;}
.username-mob .rounded-circle { opacity: 1 !important; background-color: #c8e3df !important;} 
.username-mob button.bg-white.dropdown-toggle { background-color: transparent !important; color: #fff;}
.username-mob .dropdown-menu { left: 0 !important; right: 0 !important; max-width: 200px; margin-left: auto; margin-right: auto;}
.fliterlistholder {display: grid; grid-template-columns: auto auto;}



}


@media only screen and (min-width:500px) and (max-width: 767px) {

div.modal-lg .modal-dialog {max-width: 80%;}
.expplorefretheam-items ul { margin: 0; padding: 0; grid-template-columns: auto auto;}
.get-ready-menu {
    flex-direction: inherit;
}
div#publish-vr-store .d-flex.align-items-start,
div#customize-vr-store .d-flex.align-items-start,
div#import-products .d-flex.align-items-start,
div#install-vcom-connectore .d-flex.align-items-start,
div#customize-vr-store .d-flex.align-items-start{   flex-direction:initial;}

div#customize-vr-store .d-flex.align-items-start a.Polaris-Button.hds { width: auto; margin-bottom: 15px;}

.tbt3 div.searchbar.mb-3 { display: flex;}
.tbt3 > .d-flex { flex-wrap: wrap; flex-direction: initial; justify-content: space-between;}
.tbt3 > .d-flex > .input-group { display: flex; flex-direction: row; flex-wrap: nowrap;}
.tbt3 > .d-flex > .input-group button.Polaris-Button { max-width: 2.8rem; min-width: 2.8rem; white-space: nowrap; overflow: hidden; text-indent: -37px; }
.tbt3 > .d-flex button.Polaris-Button.ml-2 {margin: 5px 0;}

}




@media only screen and (min-width:300px) and (max-width: 499px) {

.loginhold .w-full {width: 20rem;}

.tbt3, .tbt3 > div.d-flex {display: flex;flex-direction: column;}
.tbt3 div .form-select, .tbt3 div button { margin: 5px 0; border-radius: 5px !important;  width: 100%;}

.vcmonthly-subscription { flex-direction: column-reverse; text-align: center; justify-content: center;}
.vcmonthly-subscription .Polaris-Stack__Item + .Polaris-Stack__Item { font-size: 20px; margin-bottom: 8px;}

.product-tab-content .tab-pane {}
.product-tab-content .tab-pane > .mobflex {flex-direction: column;}
.product-tab-content .tab-pane > .mobflex .input-group {flex-direction: column;}
.product-tab-content .tab-pane > .mobflex .input-group.searchbar {display: flex; flex-direction: initial;  margin-bottom: 3px;}
.product-tab-content .tab-pane > .mobflex .input-group select.form-select, 
.product-tab-content .tab-pane > .mobflex .input-group button, 
.product-tab-content .tab-pane > .mobflex button {margin: 3px 0 3px; border-radius: 5px !important; width: 100%;}

.mobmargin-top-15{margin-top:15px;}

}