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

header.bg-white.shadow {padding: 15px 0;}
header.bg-white .logo img {width: 100px; margin-top: 13px;}
 
header .headermenu-burger{display: none;}

header .sidemenu-burger { float: right; margin-top: 7px; border: 0 none;}

header.bg-white .logo img {  float: left;}

.Polaris-Header-Title { font-size: 1.32rem;}

.content-area{min-height: calc(100vh - 110px) }
.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: #599ad4; 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;}

.topheaderbaar { background-color: #ffffff; box-shadow: 0 2px 2px -1px rgb(0 0 0 / 15%); display: flex; height: 3.5rem; position: relative; }

.dasbordlist {box-shadow: 0 0 15px #ccc;}
.dasbordlist svg { fill: #fff;}
.dasbordlist a  {color: #000; font-weight: normal; text-decoration: none;}
.dasbordlist h2 {color: #000;}
.dasbordlist h3 {color: #000; font-size: 36px; font-weight: bold;}
.dasbordlist .d-svg-icon{ border-radius: 100px; background: #ccc; padding: 15px;}
.username-mob a.dropdown-item.d-flex.justify-content-start {font-size: 13px;}


.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;}
.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: 18px; height: 18px; fill: #5c5f62; margin-right:8px; margin-top: 2px;} 
.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;}


.sidebar-w .sidebar ul li a,
.content-area-w,.sidebar-w {transition: .3s;}
.sidebar-w.sidebar-active { width: 5.8%;}
.sidebar-w.sidebar-active .sidebar ul li a {font-size:0;}
.content-area-w.content-area-w-active {width:calc(100% -  5.8%)}

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

.inf-icon { background: #e4e5e7; border-radius: 100px; padding: 9px; 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;}
.g-icon-wht .input-group-text { background: #fff; color: #6c757d;}
.g-icon-wht input.form-control { border-right: 0 none;}

.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 #9fa5ab; 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;}

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

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

.themetable{margin: 0 -1.25rem;}
/*.themetable .dataTables_wrapper > div.dataTables_filter {margin: 5px 0 10px 0; width: 100%;}*/
.themetable table tbody tr td img,
.themetable table tbody tr td video { height: 70px; width: 120px; object-fit: cover; border: 1px solid #edeeef;}

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

.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); }
.tooltip-inner { background-color: #fff; box-shadow: 0px 0px 4px black; opacity: 1 !important; color: #000;}
.tooltip.bs-tooltip-right .tooltip-arrow::before {border-right-color: #fff !important;}
.tooltip.bs-tooltip-left .tooltip-arrow::before {border-left-color: #fff !important;}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {border-bottom-color: #fff !important;}
.tooltip.bs-tooltip-top .tooltip-arrow::before {border-top-color: #fff !important;}

.tdtxtbold { font-weight: 600;  color: #000;} 
.formsuccess { position: absolute; right: 0; z-index: 1; top: 0;}
.formsuccess.form-hiddean {display: none !important;}

.mob-user-name{display: none;}
.username-mob .dropdown-toggle span {display: inline-block;}

form label.form-label {
    font-weight: 600;
}

.cke_notification_warning {
    display: none;
}


@media only screen and (max-width: 767px) {
.username-mob .dropdown-toggle span,
header .sidemenu-burger{display: none;}
header.bg-white .logo img {float: left; margin: 12px 0 0;}
header .headermenu-burger {float: left; margin: 9px 9px 0 0;}

.mob-header-div { display: flex; justify-content: space-between;}
.mob-header-div>div {width: auto;}
.topheaderbaar{height: auto;}
.mob-user-name{display: block; background: #70ad47; margin: 5px -15px 0; text-align: center; padding: 5px; color: #fff; font-size: 16px; font-weight: 600;}

.sidebar { position: absolute; min-width: 300px; left: -100%; z-index: 1; transition: .3s; height: 100vh;}
.sidebar.sidebar-mob-active { left: 0;}
.sidebar ul li { margin: 0 0 5px 0;}
.sidebar ul li a { padding: 8px 8px 9px 8px;}
.sidebar ul li a.selected:before { left: 0; width: 4px; height: calc(100% - 1px);}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {text-align: left;}

.tabledesign .dataTables_wrapper .table thead tr th,
.tabledesign .dataTables_wrapper .table tbody tr td{white-space: nowrap;}

body.mobmenuactive { overflow-y: hidden;}
body main:before {content: ''; transition: .3s;background:transparent;}
body.mobmenuactive main:before {content:''; position: absolute; width: 100%; height: 100%; background: #00000059; z-index: 1;transition: .3s;}

.dasbordlist .Polaris-MediaCard {flex-flow: row nowrap;}


}