/*!
Theme Name: QRUW Dashboard 2024
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qruw-dashboard-2024
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

QRUW Dashboard 2024 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:root{
	--primary: #0A2239;
	--accent: #FF335A;
}
*{
	font-family: "Montserrat", sans-serif!important;
	color: black;
	border: 0px solid black;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 16px;
	box-sizing: border-box;
	text-decoration: none;
}
button{
	cursor: pointer;
}
div#page {
    width: 100vw;
    height: 100vh;
	background-color: #f1f4fd;
	background-image: linear-gradient(160deg, #f1f4fd 0%, #fcf0ff 100%);	
    top: 0px;
    left: 0px;
    z-index: 9999999;
    position: fixed;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.q_header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 80px;
    z-index: 99999999;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.q_header_inner{
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-gap: 15px;
	width: 100%;
	max-width: 1080px;
	height: 100%;
}
.q_logo{
	background-image: url("/wp-content/uploads/2023/02/QRUW-logo.png");
}
.q_menu_structure {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}
.q_card {
    background-color: white;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}
.q_card_login{
    gap: 20px;
	padding: 30px;

}

.q_login_form_group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.q_login_form_group > input{
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
	color: black;
}
.q_login_form {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.q_card > h1 {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
}
.q_card > p {
    color: grey;
    text-align: center;
}
.q_login_form_group > button{
	padding: 10px;
	border-radius: 5px;
	color: white;
}
.q_login_form_group > button.q_secondary{
	background-color: #fafafa;
	color: var(--primary);
}
button.q_primary,
.q_login_form_group > button.q_primary{
	background-color: var(--accent);
}
.q_dashboard {
    height: 100%;
    width: 100%;
    max-width: 1080px;
    padding: 10px;
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: stretch;
    overflow-y: scroll;
    padding-bottom: 200px;
}
.q_dashboard_list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin-top: 30px;
}
.q_dashboard_list_actions {
    display: grid;
    grid-template-columns: auto 1fr 100px;
    grid-gap: 10px;
    align-items: center;
}
.q_divider {
    width: 100%;
    height: 3px;
    background-color: #4747471f;
    border-radius: 10px;
}
.q_dashboard_list_actions > h3 {
    font-size: 17px;
    font-weight: 600;
    color: black;
    line-height: 17px;
	transform: translateY(-2px);
}
.q_dashboard_list_actions > button {
    padding: 4px;
    border-radius: 6px;
    border: 3px solid #4747471f;
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight: 600;
    color: var(--branding);
}
.q_dashboard_list_actions > button:hover{
	background-color: white;
	border: 3px solid white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 30px;
}
.q_dasboard_list_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-template-rows: repeat(auto-fit, minmax(150px, 1fr));
}
.q_dashboard_list_item {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: center;
    gap: 5px;
    border: 3px solid #2e2e2e0a;
	transition-duration: 300ms;
	cursor:pointer;
}
div.q_dashboard_list_fullcards > .q_dashboard_list_item, .q_dashboard_list_item:hover {
    transition-duration: 300ms;
    border: 3px solid #55555514;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
.q_dashboard_list_item > .q_logo{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.q_dashboard_list_item > h4 {
    text-align: center;
}
.q_dashboard_list_item_actions {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 10px;
    justify-content: center;
}
.q_dashboard_list_item_actions > button{
	background-color: #6d6d6d0f;
	padding: 5px;
	border-radius: 4px;
	color: var(--primary);
	width: 100%;
}
.q_list_item_add {
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-add%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-60.000000%2C%20-138.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-2%22%20transform%3D%22translate(60.000000%2C%20138.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---6%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23bababa%22%20d%3D%22M13%2C11%20L21.1107703%2C11%20C22.4441036%2C11%2022.4441036%2C13%2021.1107703%2C13%20L13%2C13%20L13%2C21.0006144%20C13%2C22.3339477%2011%2C22.3339477%2011%2C21.0006144%20L11%2C13%20L3%2C13%20C1.66666667%2C13%201.66666667%2C11%203%2C11%20L11%2C11%20L11%2C3%20C11%2C1.66666667%2013%2C1.66666667%2013%2C3%20L13%2C11%20Z%22%20id%3D%22add%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-size: 50px;
}
.q_dashboard_list_fullcards{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
div.q_dashboard_list_fullcards > .q_dashboard_list_item {
    display: grid;
    grid-template-columns: 100px auto 100px;
    grid-gap: 10px;
}
.q_dasboard_list_items.q_dashboard_list_fullcards > .q_dashboard_list_item > .q_logo {
    margin: 0px;
    height: 80px;
    background-color: #4b4b4b0d;
    border-radius: 5px;
}
.q_list_card_content {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}
.q_list_cart_content_item {
    display: flex;
    flex-direction: column;
    gap: 5px;
	padding-right:10px;
	border-right: 2px solid grey;
}
.q_list_cart_content_item > strong, .q_list_cart_content_item > div.q_horizontal_list_item {
    font-weight: 700;
    height: 40px;
    line-height: 30px;
}
.q_list_cart_content_item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 10px;
    border-right: 2px solid #f4f4f4;
	margin-right: 10px;
    height: 50px;
    min-width: 140px;
    justify-content: space-between;
}
.q_list_cart_content_item > div.q_horizontal_list{
	height: 30px;
	width: 100%;
}
/* remove border from last item */
.q_list_cart_content_item:last-child {
	border-right: none;
}
div.q_horizontal_list
{
	display: flex;
	flex-direction: row;
	gap: 5px;

}
div.q_horizontal_list_item > .q_logo {
    width: 30px;
    height: 30px;
    background-color: rgb(255 255 255 / 53%);
    border-radius: 4px;
}
div.q_dashboard_list_fullcards > .q_dashboard_list_item {
    background-color: #ffffffcc;
	box-shadow: rgba(33, 35, 38, 0.0) 0px 10px 10px -10px;
}
div.q_dashboard_list_fullcards > .q_dashboard_list_item:hover{
	background-color: white;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.q_modal {
    position: fixed;
    background-color: #f5f5f50f;
    width: 100vw;
    height: 100vh;
	left: 0px;
	top: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(12px) brightness(0.9) saturate(2);
}
.q_modal_body {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 30px 1fr;
    grid-gap: 10px;
	position:relative;
	min-width: 250px;
	width: 100%;
	max-width: 500px;

}
button.q_modal_close {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
	background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-close%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-124.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---2%22%20transform%3D%22translate(64.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ff3737%22%20d%3D%22M12%2C13.4142136%20L4.70710678%2C20.7071068%20C4.31658249%2C21.0976311%203.68341751%2C21.0976311%203.29289322%2C20.7071068%20C2.90236893%2C20.3165825%202.90236893%2C19.6834175%203.29289322%2C19.2928932%20L10.5857864%2C12%20L3.29289322%2C4.70710678%20C2.90236893%2C4.31658249%202.90236893%2C3.68341751%203.29289322%2C3.29289322%20C3.68341751%2C2.90236893%204.31658249%2C2.90236893%204.70710678%2C3.29289322%20L12%2C10.5857864%20L19.2928932%2C3.29289322%20C19.6834175%2C2.90236893%2020.3165825%2C2.90236893%2020.7071068%2C3.29289322%20C21.0976311%2C3.68341751%2021.0976311%2C4.31658249%2020.7071068%2C4.70710678%20L13.4142136%2C12%20L20.7071068%2C19.2928932%20C21.0976311%2C19.6834175%2021.0976311%2C20.3165825%2020.7071068%2C20.7071068%20C20.3165825%2C21.0976311%2019.6834175%2C21.0976311%2019.2928932%2C20.7071068%20L12%2C13.4142136%20Z%22%20id%3D%22close%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	background-color: white;
}
.q_modal_header > h3 {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.q_modal_header
{
	border-bottom: 3px solid #fafafa;
}
.q_illustration{
	height: 200px;
}

/* HTML: <div class="loader"></div> */
.loader {
	width: 50px;
	aspect-ratio: 1;
	display: grid;
  }
  .loader::before,
  .loader::after {    
	content:"";
	grid-area: 1/1;
	--c:no-repeat radial-gradient(farthest-side,#25b09b 92%,#0000);
	background: 
	  var(--c) 50%  0, 
	  var(--c) 50%  100%, 
	  var(--c) 100% 50%, 
	  var(--c) 0    50%;
	background-size: 12px 12px;
	animation: l12 1s infinite;
  }
  .loader::before {
	margin: 4px;
	filter: hue-rotate(45deg);
	background-size: 8px 8px;
	animation-timing-function: linear
  }
  
  @keyframes l12 { 
	100%{transform: rotate(.5turn)}
  }

  .q_modal_body.q_loader_body{
	max-width: 250px;
	min-width: 100px;
  }
  .q_modal_body.q_loader_body > .q_modal_header
  {
	  border-bottom: 0px solid red;
  }
  .q_modal_body.q_loader_body > .q_modal_content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 0px;
}
.q_modal_body.q_loader_body > .q_modal_content > .loader{
	transform: scale(1.5);
}
.q_dashboard_list_item{
	overflow: hidden;
}
.q_dasboard_list_items > .q_dashboard_list_item > .q_logo_fade,
.q_dashboard_list_fullcards > .q_dashboard_list_item > .q_logo_fade {
    position: absolute;
    width: 380px;
    height: 100%;
	opacity: 1;
    z-index: -1;
    filter: blur(20px) saturate(2);
    background-image: url(http://appqruw.local:10043/wp-content/uploads/2023/02/QRUW-logo.png);
    background-size: cover;
    background-position: center;
}

div.q_dashboard_list_item_smallcard > .q_logo_fade{
	opacity: 0.2!important;
	filter: blur(40px) saturate(3);
}
.q_companycard_editing, .q_editing_fields {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 15px;
}
.q_editing_fields > *{
	font-size: 15px;
}
.q_companycard_editing{
	display: flex;
}
.q_companycard_editing {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.qcard_companies{
	display: flex;
	flex-direction: column;
	gap: 10px;
    position:relative;
}
.qcard_company {
    display: grid;
    grid-template-columns: 4px 100px auto 100px;
	grid-gap: 10px;
    position:relative;
}
.qcard_editfields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}
.qcard_branding{
	background-color: red;
	border-radius: 10px;
}
.qcard_actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 5px;
}
.qcard_actions > button {
    padding: 5px;
    border-radius: 4px;
    color: #c84d4d;
    background-color: #fafafa;
}
.qcard_logo {
    background-color: #fafafa;
}
.q_buttons{
	margin-top: 10px;
}
.q_buttons > button{
	padding: 10px;
	color: white;
	border-radius: 5px;
}
.q_alert_banner.q_info {
    background-color: var(--primary);
    color: white;
    padding: 20px;
    border-radius: 6px;
	margin-bottom: 20px;
}
.q_alert_banner.q_info > *,
.q_alert_banner.q_info > * > *{
	color: white;
}
.q_alert_banner.q_info > * > strong{
	font-weight: 800;
}
.qcard_logo {
    padding: 3px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    height: 100%;
    justify-content: center;
}
.qcard_logo > img {
    width: auto;
    max-height: 55px;
    max-width: 75%;
}

.company_tiny {
    display: grid;
    grid-template-columns: 4px 80px auto 90px;
    height: 50px;
    margin-bottom: 5px;
    align-items: center;
	grid-gap: 3px;
}
.company_tiny > .qcard_logo > img {
    width: auto;
    max-height: 30px;
    max-width: 70%;
}
.company_tiny > button{
    padding: 5px;
    border-radius: 4px;
    background-color:#fafafa;
    color: var(--primary);
}
.qruw_file_preview {
    background-color: #f4f4f4;
    display: grid;
    grid-template-columns: 70px auto 30px;
    height: 76px;
    padding: 15px;
    align-items: stretch;
    line-height: 50px;
}
.q_center{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.q_center > .loader{
    transform:scale(2);
}
input:not(.clr-picker):not(.clr-picker *):not(.clr-picker * *):not(.clr-picker * * *):not(.clr-picker * * * *):not(.clr-picker * * * * *):not(.clr-picker * * * * * *):not(.clr-picker * * * * * * *):not(.clr-picker * * * * * * * *):not(.clr-picker * * * * * * * * *):not(.clr-picker * * * * * * * * * *) {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
}
.q_dashboard_list_item_smallcard > h4{
    margin-bottom: 20px;
}


.q_breadcrumb {
    display: flex;
    gap: 10px;
    flex-direction: row;
}
.q_breadcrumb > a {
    position: relative;
    padding-right: 20px;
}
.q_breadcrumb > a:after{
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23808080%22%20d%3D%22M15.5857864%2C12%20L7.29289322%2C20.2928932%20C6.90236893%2C20.6834175%206.90236893%2C21.3165825%207.29289322%2C21.7071068%20C7.68341751%2C22.0976311%208.31658249%2C22.0976311%208.70710678%2C21.7071068%20L17.7071068%2C12.7071068%20C18.0976311%2C12.3165825%2018.0976311%2C11.6834175%2017.7071068%2C11.2928932%20L8.70710678%2C2.29289322%20C8.31658249%2C1.90236893%207.68341751%2C1.90236893%207.29289322%2C2.29289322%20C6.90236893%2C2.68341751%206.90236893%2C3.31658249%207.29289322%2C3.70710678%20L15.5857864%2C12%20Z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
    background-size: contain;
    background-position:center;
}
.q_breadcrumb > a:last-child:after{
    display: none;
}
.q_inline_editor {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 104px;
    border-radius: 6px;
    height: 33px;
    background-color: white;
    display: flex;
    gap: 10px;
    z-index: 999999999999999 !important;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px!important;
    opacity: 0;
    transform: scale(0.9);
}
.qcard_company:hover > .q_inline_editor{
    opacity: 1;
    transition-duration: .1s;
    transform: scale(1);
}


.q_list_card_content.q_stats_body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    position: relative;
    position: relative;
    grid-column: span 3;
}
.q_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}
.q_container > h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #484848;
}

.q_dashboard_list_item.q_card_preview {
    display: grid;
    grid-template-columns: 240px auto !important;
    grid-template-rows: 250px;
    align-items: start;
}
.q_dashboard_list_item.q_card_preview > #q_card_qr {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.q_dashboard_list_item.q_card_preview > #q_card_qr > canvas{
    width: 200px;
    height: 200px;
}
.q_login_form_group > select {
    /* border: 1px solid red; */
    height: 40px;
    border-radius: 5px;
    background-color: whitesmoke;
}

.clr-picker, /*targeting up untill 20 layers in deep*/
.clr-picker > *,
.clr-picker > * > *,
.clr-picker > * > * > *,
.clr-picker > * > * > * > *,
.clr-picker > * > * > * > * > *,
.clr-picker > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > * > * > * > * > *,
.clr-picker > * > * > * > * > * > * > * > * > * > * > * > *
{
    color: unset;
}

.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0,0,0,.05),0 5px 20px rgba(0,0,0,.1);-moz-user-select:none;-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0,0,0,0),#000),linear-gradient(90deg,#fff,currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right,red 0,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg,rgba(0,0,0,0),currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0,0,0,.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg,#aaa 25%,transparent 25%,transparent 75%,#aaa 75%,#aaa),repeating-linear-gradient(45deg,#aaa 25%,#fff 25%,#fff 75%,#aaa 75%,#aaa);background-position:0 0,4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff,0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg,#666 25%,transparent 25%,transparent 75%,#888 75%,#888),repeating-linear-gradient(45deg,#888 25%,#444 25%,#444 75%,#888 75%,#888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0,0,0,.1),0 5px 30px rgba(0,0,0,.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0,0,0,.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0,0,0,.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}

div#clr-picker {
    z-index: 999999999999999999999999999999999999;
}



.clr-field {
    background-color: #fafafa !important;
    display: block;
    border: 1px solid #e5e5e5 !important;
    padding: 6px !important;
    height: 40px !important;
    border-radius: 5px;
    overflow: hidden;
}
.clr-field > button {
    width: 60px;
    border-radius: 6px 0px 0px 5px;
}


a > strong {
    font-weight: 700;
}

.login-as-user.login-as-user-top {
    z-index: 99999999999;
    top: 0px;
}
.login-as-user-content > a.button{
    background-color: var(--primary)!important;
    color: white;
    padding: 20px;
    margin:0px 0px!important;
    font-size: 14px!important;
}
.login-as-user.login-as-user-top {
    top: 0px !important;
}
.login-as-user-msg{
    padding: 0px!important;
}
.login-as-user-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px;
}


.q_dasboard_list_items.q_dashboard_layoutcol2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.q_dashboard_card_share {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
}

.qruw_preview_demo {
    margin-top: 20px;
    width: 350px;
    height: 480px;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    background-image: url(https://92id.nl/wp-content/uploads/2024/01/phone-template.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.qruw_preview_demo > iframe {
    width: 300px !important;
    position: absolute;
    left: 70px;
    top: 66px;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: inset 0px 0px 14px 0px rgba(0, 0, 0, 0.36);
    box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.36);
    -ms-zoom: 0.75;
    -moz-transform: scale(0.556);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.556);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.525);
    -webkit-transform-origin: 0 0;
}
.qruw_preview_close_btn,
.qruw_preview_refresh {
    width: 30px;
    height: 30px;
    background-color: #ffffff00;
    position: absolute;
    right: 102px;
    top: 55px;
    cursor: pointer;
}
.qruw_preview_close_btn {
    width: 20px;
    height: 90px;
    background-color: #ffffff00;
    left: 72px;
    top: 168px;
    cursor: pointer;
}
.qruw_preview_mockup_time {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 21px;
    left: 91px;
    font-size: 8px;
    letter-spacing: 0px;
}
.qruw_preview_off {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(https://92id.nl/wp-content/uploads/2024/01/phone-uit.jpg);
    background-size: cover;
    display: none;
    background-position: center;
}

.qruw_preview_caption {
    font-size: 12px;
    color: grey;
    position: absolute;
    bottom: 3px;
    width: 100%;
    text-align: center;
}

.q_dasboard_list_items.q_dashboard_layoutcol2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    border: 3px solid #f2f0f3;
    border-radius: 11px;
    background-color: white;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 20px;
}

.q_dashboard_card_share > h5 {
    font-size: 22px;
    font-weight: 600;
}
.q_dashboard_card_share > input[type="text"].q_share_field {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    width: 100%;
    font-size: 16px;

}
.q_dashboard_card_share {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
    align-content: flex-start;
    padding-right: 40px;
}
span.q_share_btns{
    display: flex;
    gap: 10px;
}
span.q_share_btns > button {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 9px;
    margin: 0px;
    padding: 3px;
    border-radius: 7px;
    padding-right: 9px;
}
span.q_share_btns > button > span {
    color: inherit;
}
span.q_share_btns > button:first-child{
    border: 2px solid var(--primary);
    background-color:rgba(0,0,0,0);
    color: var(--primary);
}
span.q_share_btns > button:last-child{
    background-color: var(--primary);
    color: white;
}
button.q_primary > svg {
    transform: scale(0.8);
}

.q_dashboard_phone_preview {
    border-right: 2px solid #eaeaea;
}
.q_dashboard_phone_preview {
    border-right: 2px solid #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.q_dasboard_list_items.q_dashboard_iframes {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    display: grid;
    justify-items: center;
}
.q_dasboard_list_items.q_dashboard_iframes{

}

:root{
    --dot_size: 90px;
}
.iq_card_dot {
    background-color: black;
    width: var(--dot_size);
    height: var(--dot_size);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    position:relative;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.iq_card_dot::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle, rgb(255 255 255 / 80%) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 0;
    opacity: 1;
    mix-blend-mode: overlay;
}
.iq_card_dot > .iq_card_dot_img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    z-index: 1;
}
.iq_card_dot_info {
    padding-top: 10px;
    text-align: center;
}
.iq_card_dot_body {
    width: 110px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.iq_card_dot_info > h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary);
}
.q_dasboard_list_items.q_dashboards_dots {
    grid-template-columns: repeat(auto-fill, minmax(80px, 100px));
    display: grid;
    justify-items: center;