@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

/************************************************** || CSS SECTION PAGE LAYOUT || *************************************************/
/*
 * |Colors|
 * |Typography|
 * |General_styles_and_layouts|
 * |Workspace_header_and_main_navigation|
 *		-|ws_workspace|
 			-|ws_default|
 				-|ws_default_header|
 					-|ws_default_header_usermenu|
 					-|ws_default_breadcrumbs|
 					-|ws_default_left_sidebar|
 				-|ws_default_search|
 				-|ws_default_fw_button|
 				-|ws_default_fw_icon|
 			-|ws_roleAdmin|
 			-|ws_roleCustomer|
 				-|ws_roleCustomer_header|
 * |Page_specific_layout_and_styles|
 		-|pg-default|
 			-|pg_default_left_drawer|
 			-|pg_default_header|
 			-|pg_default_summary|
 		-|pg_roleAdmin|
 			-|pg_roleAdmin_adtechCustomer|
 			-|pg_roleAdmin_adtechCustomerDetails|
 			-|pg_roleAdmin_adtechCustomers|
 			-|pg_roleAdmin_adtechDashboard|
 			-|pg_roleAdmin_adtechPlan|
 			-|pg_roleAdmin_adtechPlans|
 			-|pg_roleAdmin_adtechQuestion|
 			-|pg_roleAdmin_adtechQuestions|
 		-|pg_roleCustomer|
 			-|pg_roleCustomer_adtechDashboard|
 * |Object_specific_layout_and_styles|
 		-|adtechCustomer|
 		-|adtechPlan|
 		-|adtechQuestion|
 		-|adtechResponse|
*/

/* Comments
 * Color palette should ideally be generated by a material design theme selector
 * All colours should be defined here and the var tags used in the rest of the styles
 * All styles and layouts should be defined in the general section and then the variable tags used in the preceding sections.
*/


/************************************************** |Colors| ****************************************************************/

:root{
	--md-sys-color-primary: rgb(6 103 127);
	--md-sys-color-surface-tint: rgb(61 114 133);
	--md-sys-color-on-primary: rgb(255 255 255);
	--md-sys-color-primary-container: rgb(182 234 255);
	--md-sys-color-on-primary-container: rgb(0 31 40);
	--md-sys-color-secondary: rgb(125 87 14);
	--md-sys-color-on-secondary: rgb(255 255 255);
	--md-sys-color-secondary-container: rgb(255 222 174);
	--md-sys-color-on-secondary-container: rgb(40 25 0);
	--md-sys-color-tertiary: rgb(86 89 146);
	--md-sys-color-on-tertiary: rgb(255 255 255);
	--md-sys-color-tertiary-container: rgb(224 224 255);
	--md-sys-color-on-tertiary-container: rgb(17 20 75);
	--md-sys-color-error: rgb(186 26 26);
	--md-sys-color-on-error: rgb(255 255 255);
	--md-sys-color-error-container: rgb(255 218 214);
	--md-sys-color-on-error-container: rgb(65 0 2);
	--md-sys-color-background: rgb(252,248,243);
	--md-sys-color-on-background: rgb(23 28 31);
	--md-sys-color-surface: rgb(245 250 253);
	--md-sys-color-on-surface: rgb(23 28 31);
	--md-sys-color-surface-variant: rgb(219 228 232);
	--md-sys-color-on-surface-variant: rgb(64 72 76);
	--md-sys-color-outline: rgb(112 120 124);
	--md-sys-color-outline-variant: rgb(191 200 204);
	--md-sys-color-shadow: rgb(0 0 0);
	--md-sys-color-scrim: rgb(0 0 0);
	--md-sys-color-inverse-surface: rgb(44 49 52);
	--md-sys-color-inverse-on-surface: rgb(237 241 244);
	--md-sys-color-inverse-primary: rgb(136 209 235);
	
	--md-sys-color-primary-fixed: rgb(95 172 191);
	
	--md-sys-color-on-primary-fixed: rgb(0 31 40);
	--md-sys-color-primary-fixed-dim: rgb(136 209 235);
	--md-sys-color-on-primary-fixed-variant: rgb(0 78 96);
	--md-sys-color-secondary-fixed: rgb(255 222 174);
	--md-sys-color-on-secondary-fixed: rgb(40 25 0);
	--md-sys-color-secondary-fixed-dim: rgb(241 190 109);
	--md-sys-color-on-secondary-fixed-variant: rgb(96 65 0);
	--md-sys-color-tertiary-fixed: rgb(224 224 255);
	--md-sys-color-on-tertiary-fixed: rgb(17 20 75);
	--md-sys-color-tertiary-fixed-dim: rgb(191 194 255);
	--md-sys-color-on-tertiary-fixed-variant: rgb(62 66 120);
	--md-sys-color-surface-dim: rgb(214 219 222);
	--md-sys-color-surface-bright: rgb(245 250 253);
	--md-sys-color-surface-container-lowest: rgb(255 255 255);
	--md-sys-color-surface-container-low: rgb(239 244 247);
	--md-sys-color-surface-container: rgb(234 239 241);
	--md-sys-color-surface-container-high: rgb(228 233 236);
	--md-sys-color-surface-container-highest: rgb(222 227 230);
	
	--primary-text: rgb(52 95 155);
	--ad-container-secondary-text: rgb(119,86,28);
	--ad-container-third-text: rgb(191,152,84);
	--ad-container-fourth-text: rgb(108,144,195);
	--ad-container-primary-text: #E6E0E9;
	--ad-primary-gray-text: gray;
	
	--ad-container-primary: rgb(61 114 133); /*should be same color as --md-sys-color-surface-tint?*/
	--ad-container-secondary: rgb(242 235 226);
	
	
	--ad-container-third: rgb(119,86,28);
	
    --ad-container-primary-border: silver;
    
    --ad-button-iwlt: rgb(203,171,115);
    --ad-button-iwlt-text: rgb(51 45 65); 
    --ad-container-hover: rgb(237 214 184);
    
    
/**********************************************/

    --primary-input: rgb(233,242,254);
	
	--ad-container-secondary-border: silver;	
	
	--ad-container-hover: rgb(237 214 184 / 100%);
	
	
    --secondary-1: rgb(52,92,168);
    --secondary-4: rgb(234,210,169);
  
  	--ad-button-hover: rgb(23 79 99);  
    --primary-text-2: #345F9B;
	--ad-colours-gold: #CFA85B;    
    --pp-active-green: #1BA729;
    --pp-header-secondary: #82A4D4;
    --pp-container-tertiary-border: #D6E7FF;
    
    --ad-status-green: #259230;
	--ad-status-red: rgb(217,80,80);
	--ad-status-plain: rgb(61,114,133);
	
	/* TODO: ad defined colors. Need to be properly mapped to the above so we can use a theme editor*/
	/*mapped*/
	--adtech-workspace-bg : var(--md-sys-color-background);
	--adtech-header	: var(--md-sys-color-primary);
	--adtech-header-left_sidebar: var(--md-sys-color-surface-tint);
	--adtech-header-search: var(--md-sys-color-surface-tint);
	--adtech-header-dropmenu: var(--md-sys-color-surface-tint);
	--adtech-left-sidebar:var(--md-sys-color-surface-tint);
	--adtech-fwbutton : var(--md-sys-color-primary);
	--adtech-fwbutton-text : var(--md-sys-color-on-primary);
	--adtech-fwbutton-active : var(--md-sys-color-primary-fixed);
	--adtech-fwbutton-shadow : var(--md-sys-color-surface-tint);
	
	/*need to re map*/
	--adtech-header-breadcrumbs: var(--ad-container-third);
	--adtech-wsdefault-text: var(--primary-text);
	--adtech-wsheader-text: var(--ad-container-primary-text);
	--adtech-left-sidebar-text: var(--ad-container-primary-text);
	--adtech-header-text: var(--ad-container-secondary-text);
	--adtech-primary-text: var(--ad-container-third-text);
	--adtech-secondary-text: var(--ad-container-fourth-text);
	--adtech-icon-initials-text: var(--ad-container-primary-text);
	--adtech-primary-gray-text: var(--ad-primary-gray-text);
	
	--adtech-left-sidebar-button: var(--ad-button-iwlt);
	--adtech-left-sidebar-button-text: var(--ad-button-iwlt-text);

	--adtech-left-drawer-bg: var(--ad-container-secondary);
	--adtech-left-drawer-text: var(--ad-container-primary-text);
	--adtech-left-drawer-hover: var(--ad-container-hover);
	
	--adtech-view-header-bg: var(--ad-container-secondary);
	
	--adtech-status-green: var(--ad-status-green);
	--adtech-status-red: var(--ad-status-red);
	--adtech-status-plain: var(--ad-status-plain);
	
	/*miscellaneous mappings*/
	--adtech-logo-small: url(../images/adLogoSmall.png) 60px 1px no-repeat;
	--adtech-primary-border: 1px solid var(--ad-container-primary-border);
	--adtech-primary-no_border: 0px solid var(--ad-container-primary-border);
	--adtech-primary-border-radius: 2em;
	--adtech-primary-border-color: var(--ad-container-primary-border);
	
	--adtech-drawer-border-radius: 0px 24px 24px 0px;
}


/************************************************** |Typography| *************************************************************/
body { font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 0.75em; color: var(--adtech-wsdefault-text);}
.heading_lrg{ font: 2.25em;	color: var(--adtech-header-text); font-weight: bold;}
.heading_med{ font: 1.3em; color: var(--adtech-header-text); font-weight: bold;}
.heading_sml{ font: 1em; color: var(--adtech-header-text); font-weight: bold;}
/************************************************** |General_styles_and_layouts| *********************************************/
.flex-row-left {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.flex-row-left-center {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.flex-column-left {
	display: flex;
	flex-direction: column;
}

.flex-column-left-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.grid-left {
	display: grid;
}

dialog.alert-dialog header,
dialog.confirmation-dialog header {
	border-radius: 10px;
	background-color: var(--ad-container-secondary-text);
    padding: 5px 10px;
    color: var(--ad-container-secondary);
}
dialog.alert-dialog footer,
dialog.confirmation-dialog footer {
	border-top: 1px solid silver;
}
dialog.alert-dialog footer button, 
dialog.confirmation-dialog footer button {
    border: 1px solid silver;
    padding: 8px 20px;
    border-radius: 10px;
    background-color: var(--adtech-left-sidebar-button);
}
dialog.alert-dialog footer button:hover, 
dialog.confirmation-dialog footer button:hover {
	background-color: var(--adtech-left-drawer-hover);
	cursor: pointer;
}
dialog.alert-dialog footer .ok-button::before,
dialog.confirmation-dialog footer .ok-button::before {
	content: "OK";
}
dialog.confirmation-dialog footer .cancel-button::before {
	content: "CANCEL";
}


/************************************************** |login form| ***********************************/
	
	#login a, 
	#login a:visited, 
	#login a:hover{
		color:#573131;
		cursor: pointer;
	}
	#login {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
		background-image: url(../images/ad-logo.png);
		background-position: 98.5% 10%;
		background-size: 50%;
		background-repeat: no-repeat;
	}
	#login .appLogo {
	    position:absolute;
	    background-size: contain;
	    height: 86px;
	    width: 270px;
	    bottom: 5%;
	    right: 5%;
	}
	#login .login{
	    max-width:500px;
	    width: 100%;
	    background: white;
	    border-radius: 10px;
	    box-shadow: 0px 2px 10px 3px rgba(214,227,243);
	    padding: 30px 50px 50px 50px;
	    min-height: 150px;
	    z-index: 2;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    row-gap: 10px;
	}
	#login .login.login__hidden{
		display: none;
	}
	#login .login .message {
	    display:none;
	    border:1px solid rgb(157,27,27);
	    padding:5px 16px;
	    color:rgb(157,27,27);
	    border-radius:16px;
	    font-size:14px;
	    text-align: center;
	}
	#login .login .message.true {
		display: block;
	}
	#login .login .links {
		padding: 0 5px;
	}

/************************************************** |Workspace_header_and_main_navigation| ***********************************/
/*|workspace|*/
	#workspace {
		width:100%;
		height:100vh;
		display: grid;
	    grid-template-columns: 100%;
	    grid-template-rows: 75px auto;
	}
/*|ws_default|*/
	#workspace .workspace-body {
		display: grid;
		grid-template-columns: max-content auto;
		min-height:0;
		background: var(--adtech-workspace-bg);
	}
/*|ws_default_header|*/
	#workspace header .header-bar {
		height: 50px;
		background-color: var(--adtech-header);
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
	}
	#workspace header .header-bar .left {
		display: flex;
		align-items: center;
		padding: 0 16px;
		background: var(--adtech-logo-small);
		background-size: 120px;
	}
	#workspace header .header-bar .left span {
		color: white;
		font-size: 36px;
	}
	#workspace header .header-bar .middle {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#workspace header .header-bar .middle .searcher {
		display: inline-flex;
		width: 100%;
	    max-width: 400px;
	    height: 2em;
	    font-size: 16px;
	    color: var(--adtech-wsheader-text);
	    border: var(--adtech-primary-border);
	    border-radius: var(--adtech-primary-border-radius);
	    background: var(--adtech-header-search);
	    padding: 0 8px;
	}
	#workspace header .header-bar .middle .searcher::before {
		font-size: 24px;
 	    line-height: 1.4;
	    content: "menu";
	    margin-right: 6px;
	}
	#workspace header .header-bar .middle .searcher::after {
	    font-size: 24px;
 	    line-height: 1.4;
	    content: "search";
	}
	#workspace header .header-bar .middle .searcher input {
		width: 100%;
	    max-width: 400px;
	    height: 2em;
	    font-size: 16px;
	    color: var(--adtech-wsheader-text);
	    border: none;
	    background: transparent;
	}
	#workspace header .header-bar .middle .searcher input::placeholder {
	    color: var(--adtech-wsheader-text);
	    opacity: 1;
	}
	#workspace header .header-bar .right {
		display: flex;
		align-items: center;
		justify-content: end;
	}
	#workspace header .header-bar .right .material-symbols-outlined {
		color: var(--adtech-wsheader-text);
		font-size: 32px;
	}


/*|ws_default_header_usermenu|*/
	#workspace header .header-bar .right .user-menu {
		display: flex;
		cursor: pointer;
	}
	#workspace header .header-bar .right .user-menu .drop-arrow {
	   	font-size: 24px;
 	    line-height: 1.4;
	}
	#workspace header .header-bar .right .user-menu .user-name {
		min-width: 150px;
		display: inline-block;
		color: var(--adtech-wsheader-text);
		font-size: 16px;
		padding-left: 8px;
		line-height: 2;
	}
	#workspace header .header-bar .right .user-menu .menu {
		display: none;
		position: absolute;
	    top: 38px;
	    background: var(--adtech-header);
	    color: var(--adtech-wsheader-text);
	    padding: 12px 0;
	    width: 211px;
	    border: var(--adtech-primary-border);	
	    z-index: 1000;
	}
	#workspace header .header-bar .right .user-menu .menu li {
		list-style-type: none;
	}
	#workspace header .header-bar .right .user-menu .menu li a {
		color: inherit;
	    font-size: 1.4em;
	    display: flex;
	    align-items: center;
	    padding: 8px 12px;
	    border: 1px solid transparent;
	    border-width: 1px 0;
	}
	#workspace header .header-bar .right .user-menu .menu li a:hover {
		background-color: var(--adtech-header-dropmenu);
		border-color: var(--adtech-primary-border-color);
	}
/*|ws_default_breadcrumbs|*/
	#workspace header .header-breadcrumbs {
		height: 25px;
		background-color: var(--adtech-header-breadcrumbs);
		border: var(--adtech-primary-no_border);
		border-width: 1px 0;
		box-sizing: border-box;
	}
/*|ws_default_left_sidebar|*/
	#workspace .workspace-body .left-sidebar {
		width: 180px;
		height: 100%;
		background-color: var(--adtech-left-sidebar);
		display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    font-size: 16px;
	    border-right: var(--adtech-primary-border);
	    transition: all .5s ease;
	    overflow: hidden;
	}
	#workspace .workspace-body .left-sidebar.left-sidebar__closed{
		width: 60px;
	}
	#workspace .workspace-body .left-sidebar .top {
		padding: 16px 0;
		display: grid;
	    grid-row-gap: 12px;
	    grid-template-columns: 100%;
	}
	#workspace .workspace-body .left-sidebar .top .collapse-control {
		text-align: right;
	    color: var(--adtech-left-sidebar-text);
	    font-size: 32px;
	    line-height: .5;
	    margin-top: -8px;
	    cursor: pointer;	
	    transition: all .5s ease;
	}
	#workspace .workspace-body .left-sidebar .top .collapse-control span {
	    font-size: 32px;
	    line-height: .5;
	    transition: all .5s ease;
	}
	#workspace .workspace-body .left-sidebar.left-sidebar__closed .top .collapse-control {
		text-align: center;
	}
	#workspace .workspace-body .left-sidebar.left-sidebar__closed .top .collapse-control span {
		transform: rotate(180deg);
	}
	#workspace .workspace-body .left-sidebar .top .left-sidebar-button {
		background-color: var(--adtech-left-sidebar-button);
		padding: 8px 16px;
		margin: 0 16px;
		border-radius: 2em;
		font-family: "Exo 2", sans-serif;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 12px;
		color: var(--adtech-left-sidebar-button-text);
		white-space: nowrap;
		box-sizing: border-box;
		min-height: 30px;
		text-align: center;
	}
	#workspace .workspace-body .left-sidebar .top .left-sidebar-button::after {
		content: attr(data-label);
	}
	#workspace .workspace-body .left-sidebar.left-sidebar__closed .top .left-sidebar-button::after {
		content: attr(data-label-closed);
	    position: absolute;
	    margin-left: -4px;
	    font-size: 16px;
	    margin-top: -3px;	
	}
	#workspace .workspace-body .left-sidebar .top .menu a,
	#workspace .workspace-body .left-sidebar .bottom a {
		display: flex;
		align-items: center;
		font-size: 16px;
		color: var(--adtech-left-sidebar-text);
		padding: 15px 28px;
		font-family: "Exo 2", sans-serif;
		border: 1px solid var(--adtech-left-sidebar);
		border-width: 1px 0;
		transition: all .5s ease;
	}
	#workspace .workspace-body .left-sidebar .bottom a {
		padding: 8px 28px;
	}
	#workspace .workspace-body .left-sidebar.left-sidebar__closed .top .menu a,
	#workspace .workspace-body .left-sidebar.left-sidebar__closed .bottom a {
		color: transparent;
		padding-left: 20px;
	}
	#workspace header .header-bar .right .user-menu .menu li a::before,
	#workspace .workspace-body .left-sidebar .top .menu a::before,
	#workspace .workspace-body .left-sidebar .bottom a::before {
		font-family: 'Material Symbols Outlined';
	    font-weight: normal;
	    font-style: normal;
	    font-size: 24px;
	    line-height: 1;
	    letter-spacing: normal;
	    text-transform: none;
	    display: inline-block;
	    white-space: nowrap;
	    word-wrap: normal;
	    direction: ltr;
	    -webkit-font-feature-settings: 'liga';
    	font-feature-settings: 'liga';
	    -webkit-font-smoothing: antialiased;
	    content: attr(data-icon);
	    width: 35px;
	    min-width: 35px;
	    color: var(--adtech-left-sidebar-text);
	}
	#workspace .workspace-body .left-sidebar .top .menu a:hover,
	#workspace .workspace-body .left-sidebar .top .menu a.highlight,
	#workspace .workspace-body .left-sidebar .bottom a:hover {
		border-color: silver;
		background-color: var(--adtech-header);
	}
/*|ws_default_search|*/
/*|ws_default_fw_button|*/
	.fw-button {
 		box-shadow: none;
 	    height: 35px;
	    width: max-content;
	    background-color: var(--adtech-fwbutton);
	    color: var(--adtech-fwbutton-text);
	    border: 0;
	    padding: 0 1rem;
	    cursor: pointer;
	    align-content: center;
	    text-align: center;
	    border-radius: 25px;
	    text-transform: uppercase;
	    font-weight: bold;
	}	
	.fw-button:hover {
		opacity: 0.9;
	    color: var(--adtech-fwbutton-text);
	    box-shadow: 0px 1px 2px var(--adtech-fwbutton-shadow);
	}
	.fw-button:active {
		background-color: var(--adtech-fwbutton-active);
	    color: var(--adtech-fwbutton-text);
	    box-shadow: 0px 1px 2px var(--adtech-fwbutton-shadow);
	}
/*|ws_default_fw_icon|*/
/*|ws_roleAdmin|*/
/*|ws_roleCustomer|*/
	@media (width <= 450px) {
		#workspace {
			grid-template-rows: 50px auto;
		}
		#workspace header {
			position: fixed;
			width: 100%;
			z-index: 1;
		}
		#workspace header .header-bar {
			grid-template-columns: 2fr 1fr;
		}
		#workspace header .header-breadcrumbs,
		#workspace header .header-bar .middle,
		#workspace header .header-bar .right .notifier,
		#workspace header .header-bar .right .user-menu .user-name,
		#workspace .workspace-body .left-sidebar {
			display: none;
		}
		#workspace header .header-bar .right .user-menu .menu {
			right: 0;
		}
		#workspace .workspace-body {
			grid-template-columns: 100%;
			padding: 16px;
			margin-top: 50px;
		}
	}
/*|ws_roleCustomer_header|*/
/************************************************** |Page_specific_layout_and_styles| ****************************************/
/*|pg_default|*/
/*|pg_default_left_drawer|*/
	.fw-view .fw-view__drawer-container-left {
		background: var(--adtech-left-drawer-bg);
		color: var(--adtech-primary-border-color);
		border-right: var(--adtech-primary-border);
		border-radius:var(--adtech-drawer-border-radius);
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner {
		display: grid;
		grid-template-rows: 35px auto;
		grid-row-gap: 15px;
	    border: var(--adtech-primary-border);
	    border-left-width: 0;
	    border-radius:var(--adtech-drawer-border-radius);
	    width: 280px;
	    color: var(--adtech-header-text);
	    padding: 0;
	    border: none;
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__title {
		padding: 8px;
		margin-left: 15px;
		border: var(--adtech-primary-border);
		border-radius: 16px;
		font-size: 14px;
		text-align:center;
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__count {
		position: absolute;
	    right: 0;
	    height: 24px;
	    padding: 0 10px;
		background-color: var(--md-sys-color-surface-tint);
    	color: var(--adtech-icon-initials-text);
        border-radius: 16px;
	    margin: 5px;
	    line-height: 24px;
	    color: white;	
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card-container {
		border: var(--adtech-primary-no_border);
		border-width: 1px 1px 1px 0;
		border-top-right-radius: 16px;
		border-bottom-right-radius: 16px;
		overflow: auto;
		min-height: 0;
		min-width: 0;
		scrollbar-width: none;
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card-container::-webkit-scrollbar {
		display: none;
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card {
		padding: 8px 5px 8px 16px;
		border: var(--adtech-primary-no_border);
		border-width: 0 0 1px 0;
		cursor: pointer;
	}
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card:first-child {
	  	border-top-right-radius: 16px;
	} 
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card.fw-card-list__card-selected, 
	.fw-view .fw-view__drawer-container-left .fw-view__drawer-container-inner .fw-card-list__card:hover {
	   	background-color: var(--adtech-left-drawer-hover);
	}
/*|pg_default_header|*/
	.fw-view_header {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
    	grid-column-gap: 30px;
	    align-items: center;
	    background: var(--adtech-view-header-bg);
	    border-radius: 10px;
	    max-height: 3em;
	    padding: 10px 20px;
	}
	.fw-view_header-left {
	    color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 30px;
	    width: 100%;
	}
	.fw-view_header-middle {
	    display: flex;
    	justify-content: flex-end;
	}
	.fw-view_header-right {
	    display: flex;
    	justify-content: flex-end;
	}
	.fw-view_header .fw-view_header-row-group {
		display: flex;
    	flex-direction: column;
		grid-column-gap: 10px;
		align-items: start;
		width:100%;
	}
	.fw-view_header .fw-view_header-row-group.justify-end {
	   	justify-content: flex-end;
	}	
	
/*|pg_default_summary|*/
    .summary {
		border : var(--adtech-primary-no_border);
		border-width: 0 0 1px 1px;
		min-height: 120px;
	    padding: 10px 15px;
	    display: grid;
    }
	.summary:first-child {
    	border-left-width: 0!important;
    }
	.summary.high {
    	background: radial-gradient(ellipse at 50% 125%, rgb(253 211 211 / 55%) 5%, var(--adtech-workspace-bg) 58%) no-repeat center bottom;
    }
	.summary.medium,
	.summary.active {
    	background: radial-gradient(ellipse at 50% 125%, rgb(128 246 147 / 55%) 5%, var(--adtech-workspace-bg) 58%) no-repeat center bottom;
    }
	.summary.low,
	.summary.inactive { 
    	background: radial-gradient(ellipse at 50% 125%, rgb(153 193 241 / 55%) 5%, var(--adtech-workspace-bg) 58%) no-repeat center bottom;
    }    
	.summary-title {
		display: flex;
		justify-content: space-between;
	    font-size: 1.2em;
	    color: var(--adtech-primary-gray-text);
	}
	.summary-middle {
		display: flex;
		justify-content: center;
	    font-size: 4em;
	    color: var(--adtech-wsdefault-text);
	}
	.summary.high .summary-middle.urgent {
		color: var(--adtech-status-red);
	}
	.summary.medium .summary-middle.new {
		color: var(--adtech-status-green);
	}
	.summary.low .summary-middle.active {
		color: var(--adtech-status-plain);
	}
/*|pg_roleAdmin|*/
/*|pg_roleAdmin_adtechCustomer|*/
    #adtechCustomer {
	    grid-template-rows: 70px 140px auto;
	    color: var(--primary-text);
	    padding: 0px;
        height: 100%;
    	position: relative;
    }
	#adtechCustomer .questions-top {
        display: grid;
    	grid-template-columns: repeat(4, 1fr);
    }
    #adtechCustomer .questions-top .summary {
		border-width: 0 0 0 1px;
    }
	#adtechCustomer .fw-view__view-space {
		display: flex;
    	flex-direction: column;
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 10px 10px;
	    align-items: center;
    	justify-content: flex-start;
    }
	#adtechCustomer .active-questions {
    	grid-template-rows: min-content;
    	width: 100%;
	}
	#adtechCustomer .active-questions-header {
		display: grid;
	    grid-template-columns: 2fr 5fr 1fr 1fr 1fr;
	    grid-column-gap: 30px;
	    padding-bottom: 15px;
	    font-weight: bold;
	    color: var(--primary-text);
	    text-decoration: underline;
    }	
	#adtechCustomer .active-questions .fw-card-list__card-container {
		display: flex;
	    flex-direction: column;
		width: 100%;
		color: var(--primary-text);
	}	
	#adtechCustomer .active-questions .fw-card-list__card-container .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechCustomer .active-questions .fw-card-list__card-container .fw-card-list__card {
	    display: grid;
	    grid-template-columns: 2fr 5fr 1fr 1fr 1fr;
	    grid-column-gap: 30px;
	    padding: 10px 5px;
	    align-items: center;
	    cursor: pointer;
    }	
	#adtechCustomer .active-questions .fw-card-list__card-container .active-question-subject {
		color: var(--ad-container-secondary-text);
    	font-weight: bold;
    	text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
    }    
    #adtechCustomer .active-questions .fw-card-list__card-container .active-question-question {
    	color: var(--ad-container-third-text);
    	text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
    }    
    #adtechCustomer .active-questions .fw-card-list__card-container .active-question-status {
    	text-transform: capitalize;
    }
/*|pg_roleAdmin_adtechCustomerDetails|*/
    #adtechCustomerDetails .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
    }
    #adtechCustomerDetails .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechCustomerDetails .dialog-header:before {
    	content: "Customer Details";
    }
    #adtechCustomerDetails .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechCustomerDetails .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechCustomerDetails .customer-details {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechCustomerDetails .customer-details .section-row {
		display: grid;
		grid-template-columns: 1fr 2fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechCustomerDetails .customer-details .plan-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}	
	#adtechCustomerDetails .customer-details .plan-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}	
	#adtechCustomerDetails .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechCustomerDetails .fw-button {
		background-color: var(--ad-container-secondary-text);
	}	
/*|pg_roleAdmin_adtechCustomers|*/
    #adtechCustomers .customer-list .fw-card-list__card {
     	display: grid;
     	grid-template-columns: 48px auto;
     	grid-column-gap: 8px;
 	    padding: 8px 5px 8px 16px;
 	    border: 0px solid silver;
 	    border-width: 0 0 1px 0;
 	    cursor: pointer;
 	    align-items: center;
     }
     #adtechCustomers .customer-list .fw-card-list__card.disabled-true {
     	opacity: .5;
     }
    #adtechCustomers .customer-list .fw-card-list__card .customer-details {
		display: flex;
	    flex-direction: column;
	    grid-row-gap: 3px;
    }    
    #adtechCustomers .customer-list .fw-card-list__card .customer-details-header {
		display: flex;
    	flex-direction: row;
    	align-items: center;
    }
    #adtechCustomers .customer-list .fw-card-list__card .customer-name {
    	color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 16px;
    }
    #adtechCustomers .customer-list .fw-card-list__card .customer-data-label {
    	color: var(--ad-container-third-text);
    	padding-right: 5px;
    }
    #adtechCustomers .customer-list .fw-card-list__card .customer-activity-header {
    	color: var(--ad-container-fourth-text);
	    font-weight: bold;
	    text-decoration: underline;
    }
    #adtechCustomers .customer-list .fw-card-list__card .customer-activity {
    	color: var(--ad-container-fourth-text);
    	padding-top: 2px;
    }    
    /*-------------------------------------------------------END Side BAR--------------------------------------------------------------------*/
	#adtechCustomers .customer-header {
		display: flex;
    	grid-column-gap: 30px;
	    align-items: center;
	    background: var(--ad-container-secondary);
	    border-radius: 10px;
	}	
	#adtechCustomers .customer-header .button-panel {
		display: flex;
	    align-items: center;
	    width: 100%;
	    justify-content: flex-end;
	    padding-right: 30px;
	}	
	#adtechCustomers .customer-header .customer-name-header {
		color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 30px;
	    width: 100%;
	    padding-left: 20px;
	}
    /*-------------------------------------------------------END Header--------------------------------------------------------------------*/
	#adtechCustomers .customers-top {
        display: grid;
    	grid-template-columns: repeat(2, 1fr);
    }
    #adtechCustomers .customers-top .summary {
		border : 0px solid silver;
		border-width: 0 0 0px 1px;
		min-height: 120px;
	    padding: 10px 15px;
	    display: grid;
    }
	#adtechCustomers .customers-top .summary.medium .summary-middle.active {
		color: #259230;
	}
	#adtechCustomers .customers-top .summary.low .summary-middle.inactive {
		color: #5471df;
	}
	/*-------------------------------------------------------END Top Summary--------------------------------------------------------------------*/
	#adtechCustomers .customer-questions {
		display: flex;
    	flex-direction: column;
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 10px 10px;
	}
	#adtechCustomers .customer-questions-header {
		display: grid;
	    grid-template-columns: 5fr 1fr 1fr 1fr 2fr;
	    grid-column-gap: 30px;
	    padding-bottom: 15px;
	    font-weight: bold;
	    color: var(--primary-text);
	    text-decoration: underline;
    }	
	#adtechCustomers .customer-questions .fw-card-list__card-container {
		width: 100%;
		color: var(--primary-text);
		display: flex;
	    flex-direction: column;
	}	
	#adtechCustomers .customer-questions .fw-card-list__card-container .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechCustomers .customer-questions .fw-card-list__card-container .fw-card-list__card {
	    display: grid;
	    grid-template-columns: 5fr 1fr 1fr 1fr 2fr;
	    grid-column-gap: 30px;
	    padding: 10px 5px;
	    align-items: center;
	    cursor: pointer;
    }    
    #adtechCustomers .customer-questions .fw-card-list__card-container .fw-card-list__card .customer-question-column {
    	    text-align: center;
    }
/*|pg_roleAdmin_adtechDashboard|*/
	#roleCustomer\/adtechDashboard .dashboard,
	#adtechDashboard .dashboard {
	    display: grid;
	    grid-template-rows: 140px auto;
	    grid-row-gap: 8px;
	    height: 100%;
	    position: relative;
	}
	#roleCustomer\/adtechDashboard .dashboard {
	    grid-template-rows: 140px auto 240px;
	}
	#adtechDashboard .notification-list {
		overflow: auto;
	    min-height: 0;
	    min-width: 0;
	    scrollbar-width: none;
	    height: calc(100% - 148px);
	    position: absolute;
	    width: 100%;
	    top: 148px;
    }
	#adtechDashboard .notification-list .fw-card-list__card-container {
		display: grid;
		grid-row-gap: 15px;
	}
	#adtechDashboard .notification-list .fw-card-list__card {
		border: 1px solid silver;
    	padding: 10px 15px;
    	border-radius: 15px;
	    display: grid;
	    grid-template-columns: auto min-content;
	    color: var(--ad-container-secondary-text);
	    font-size: medium;
	    cursor: pointer;
	}
	#adtechDashboard .notification-list .fw-card-list__card.dismissed-true {
		opacity: .5;
	}
	#adtechDashboard .notification-list .fw-card-list__card .notification-subject {
	    font-weight: bold;
	}
	#adtechDashboard .notification-list .fw-card-list__card .notification-createdAt {
		white-space: nowrap;
	}
	#adtechDashboard .notification-list .fw-card-list__card .notification-body {
		padding: 5px 0;
	}
	#adtechDashboard .notification-list .fw-card-list__card .notification-dismiss {
		display: flex;
		align-items: end;
		justify-content: end;
	}
    #adtechDashboard .questions-middle {
		display: flex;
    	flex-direction: column;
	}
    #adtechDashboard .questions-middle-tmp {
		display: grid;
    	grid-template-columns: 1fr 1fr;
    	grid-column-gap: 16px;    
    }
    #adtechDashboard .questions-header {
	    color: var(--adtech-wsdefault-text);
	    font-weight: bold;
	    font-size: 16px;
	    position: relative;
	    padding-bottom: 16px; 
    }
    #adtechDashboard .question-list .fw-card-list__card {
     	display: grid;
     	grid-template-columns: 48px auto;
     	grid-column-gap: 8px;
 	    padding: 8px 5px 8px 16px;
 	    border: var(--adtech-primary-no_border);
 	    border-width: 0 0 1px 0;
 	    cursor: pointer;
    }
    #adtechDashboard .question-list .fw-card-list__card .question-type {
    	display: flex;
    	align-items: center;
    }
    #adtechDashboard .question-list .fw-card-list__card .question-details {
    	display: flex;
    	flex-direction: column;
    }
    #adtechDashboard .question-list .fw-card-list__card .question-activity-header {
    	color: var(--ad-container-fourth-text);
	    font-weight: bold;
	    text-decoration: underline;
    }
    #adtechDashboard .question-list .fw-card-list__card .question-activity {
    	color:var(--ad-container-fourth-text);
    	padding-top: 2px;
    }
    #adtechDashboard .question-list .fw-card-list__card .question-user-header {
    	display: flex;
    	flex-direction: row;
    	justify-content: space-between;
    }   
    #adtechDashboard .question-list .fw-card-list__card .question-user {
     	color:var(--ad-container-secondary-text);
     	font-weight: normal;
    	font-size:12px;
    }    
    #adtechDashboard .question-list .fw-card-list__card .question {
    	color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 16px;
	    text-overflow: ellipsis;
	    overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.3em;
	    max-height: 3.3em;
    }    
    #adtechDashboard .question-list .fw-card-list__card .question div {
    	padding: 3px 0;
    }    
    #adtechDashboard .question-list .fw-card-list__card .question div span {
    	padding: 0 3px;
    }
    /*-----------------------------End AdtechDashboard card list -----------------------------------------*/
    #adtechDashboard .questions-top {
        display: grid;
    	grid-template-columns: repeat(4, 1fr);
    }
    /*-----------------------------End AdtechDashboard summary -----------------------------------------*/
    #adtechDashboard .questions-info-cards {
		display: grid;
	    grid-template-columns: repeat(3, 33%);
	    grid-column-gap: 0.1vh;
	    grid-row-gap: 1vh;
	    align-items: center;
        justify-content: space-around;
    }  
    #adtechDashboard .adtech-info-card {
		cursor: pointer;
	}   
    #adtechDashboard .adtech-info-card .adtech-info-card__row-label {
    	color: var(--ad-container-secondary-text);
    }    
    #adtechDashboard .adtech-info-card .adtech-info-card__row-value {
    	font-size: .9em;
    }   
    #adtechDashboard .adtech-info-card .adtech-info-card__body .adtech-info-card__body-row {
    	height:33px;
    }  
    #adtechDashboard .adtech-info-card .adtech-info-card__body .adtech-info-card__body-row-single {
        display: flex;
    	align-items: center;
    	height:33px;
    }    
    #adtechDashboard .questions-info-cards .question-logo-small.material-symbols-outlined {
		font-size: 40px;
    	color: var(--ad-container-secondary-text);
    }    
    #adtechDashboard .questions-info-cards .question-logo-small.wait_customer::after {
    	content: "note_add";
    }
    #adtechDashboard .questions-info-cards .question-logo-small.wait_adviser::after {
    	content: "pending_actions";
    }
    #adtechDashboard .questions-info-cards .question-logo-small.archived::after {
    	content: "edit_notifications";
    }    
    #adtechDashboard .questions-info-cards .question-logo-small {
    	position: absolute;
    	background-color: transparent;
    	left: 8px;
    }    
    #adtechDashboard .questions-info-cards .card-label {
    	color: var(--ad-container-secondary-text);
    }    
    #adtechDashboard .questions-info-cards .card-label.new::after,
    #adtechDashboard .questions-info-cards .card-label.read::after,
    #adtechDashboard .questions-info-cards .card-label.wait_customer::after {
    	content: "Waiting Response";
    }
    #adtechDashboard .questions-info-cards .card-label.wait_adviser::after {
    	content: "Last Replied";
    }
    #adtechDashboard .questions-info-cards .card-label.archived::after {
    	content: "Last Edited";
    }    
    #adtechDashboard .questions-info-cards .question {
	    text-align: right;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
	    font-size: 14px;
    }    
    #adtechDashboard .questions-info-cards .userName {
    	font-weight: bold;
    	color: var(--ad-container-secondary-text);
    }
    #adtechDashboard .questions-info-cards .ADTechQuestion-status {
		border-radius: 4px;
	    font-size: 1em;
	    padding: 4px .5em;
	    text-transform: capitalize;
	    text-align: right;
    }
	/*-----------------------------End AdtechDashboard info cards -----------------------------------------*/
/*|pg_roleAdmin_adtechPlan|*/
    #adtechPlan .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
    }  
    #adtechPlan .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechPlan .dialog-header:before {
    	content: "Plan Details";
    }   
    #adtechPlan .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechPlan .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechPlan .plan-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechPlan .plan-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechPlan .plan-questions .plan-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechPlan .plan-questions .plan-label-note {
	    color: var(--ad-container-secondary-text);
	    font-style: italic;
	}
	#adtechPlan .plan-questions .plan-value {
	    width: 10%;
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    text-align: center;
	    background: var(--ad-container-secondary);
	}
	#adtechPlan .plan-questions .plan-date {
	    display: flex;
    	align-items: center;
    	grid-column-gap: 5px;
	}
	#adtechPlan .plan-questions .plan-date-label {
		border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 7px;
	    text-align: center;
	    background: var(--ad-container-secondary);
	    width: 80px;
 	}
 	#adtechPlan .plan-questions .fw-date__input {
		max-width: 10em;
	    border-width: 1px;
	    border-radius: 6px;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
    }
	#adtechPlan .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechPlan .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
	#adtechPlan .fw-toggle-switch:checked {
    	background-color: var(--ad-container-secondary-text);
	}
	#adtechPlan .plan-questions .plan-accrue-toggle {
		display: flex;
    	width: 50%;
    	height: 50px;
	}
	#adtechPlan .plan-questions .fw-radio-button {
	    border: 1px solid silver;
	    display: flex;
	    width: 100%;
	    padding: 10px 0;
	    text-align: center;
	    border-radius: 5px;
	    margin: 0px 2px;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	}
	#adtechPlan .plan-questions .fw-radio-button.selected {
    	display: flex;
	    background: var(--ad-container-secondary-text);
	    color: var(--adtech-left-sidebar-text);
	    text-align: center;
	    vertical-align: middle;
	    align-items: center;
	    justify-content: flex-start;
	    font-weight: bold;
	}
	#adtechPlan .plan-questions .fw-radio-button.selected:before {
		font-family: 'Material Symbols Outlined';
	    font-weight: normal;
	    font-style: normal;
	    font-size: 24px;
	    line-height: 1;
	    letter-spacing: normal;
	    text-transform: none;
	    display: inline-block;
	    white-space: nowrap;
	    word-wrap: normal;
	    direction: ltr;
	    -webkit-font-feature-settings: 'liga';
    	font-feature-settings: 'liga';
	    -webkit-font-smoothing: antialiased;
	    content: attr(data-icon);
	    width: 35px;
	    min-width: 35px;
	    color: var(--adtech-left-sidebar-text);
		content: "check";
	}
/*|pg_roleAdmin_adtechPlans|*/
	#adtechPlans {
		grid-template-rows: min-content;
		width: 100%;
	}
	#adtechPlans .fw-card-list__add {
	    text-align: center;
    	position: absolute;
		margin-top:-30px;
	    right: 15px;
	    padding: 8px 16px;
	    border-radius: 2em;
	    font-family: "Exo 2", sans-serif;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 12px;
	    white-space: nowrap;
	    box-sizing: border-box;
		background-color: var(--adtech-left-sidebar-button);
	    color: var(--adtech-left-sidebar-button-text);
  	}
	#adtechPlans .adtechPlans-card-list-header {
	    padding-bottom: 15px;
	    font-weight: bold;
	    color: var(--primary-text);
	    text-decoration: underline;
    }    
	#adtechPlans .adtechPlans-card-list-header, 
	#adtechPlans .adtechPlans-card-list .fw-card-list__card {
	    display: grid;
	    grid-column-gap: 30px;
		grid-template-columns: 2fr 1fr 1fr 1fr 1fr 2fr 2fr;
	}	
	#adtechPlans .adtechPlans-card-list .fw-card-list__card-container {
		display: flex;
	    flex-direction: column;
	}	
	#adtechPlans .adtechPlans-card-list .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechPlans .adtechPlans-card-list .fw-card-list__card {
	    padding: 10px 5px;
	    align-items: center;
	    cursor: pointer;
    }    
    #adtechPlans .adtechPlans-card-list .customer-plan-column {
    	    text-align: center;
    }
    #adtechPlans .adtechPlans-card-list-header .customer-plan-column {
    	    text-align: center;
    }
/*|pg_roleAdmin_adtechQuestion|*/
	#adtechQuestion{
		height: 100%;
		position: relative;
	}
    #adtechQuestion .fw-view__main-container {
	    display: grid;
	    grid-template-rows: 120px auto;
	    grid-row-gap: 8px;
	    color: var(--primary-text);
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    padding: 0px;
	}
	#adtechQuestion .attachment-list {
		display: grid;
		grid-template-columns: auto 25px;
	}
	#adtechQuestion .attachment-list .fw-card-list__card-container {
		display: flex;
	}
	#adtechQuestion .attachment-list .fw-card-list__card {
	    background-color: var(--ad-button-iwlt);
	    color: var(--ad-button-iwlt-text);
	    padding: 5px 30px 5px 10px;
	    border: 1px solid var(--ad-container-primary);
	    border-radius: 15px;
	    display: flex;
	    position: relative;
	}
	#adtechQuestion .attachment-list .fw-card-list__card .remove-file{
		padding: 0 6px 0 3px;
	    background-color: var(--ad-container-primary-border);
	    border-radius: 0 10px 10px 0;
	    margin-left: 5px;
	    position: absolute;
	    right: 0;
	    height: 100%;
	    top: 0;
	    width: 15px;
	    line-height: 24px;
	    text-align: center;
	    cursor: pointer;
    }
    #adtechQuestion .attachment-list .fw-card-list__card .remove-file::before {
		font-family: 'Material Symbols Outlined';
	    font-weight: normal;
	    font-style: normal;
	    font-size: 18px;
	    letter-spacing: normal;
	    text-transform: none;
	    display: inline-block;
	    white-space: nowrap;
	    word-wrap: normal;
	    direction: ltr;
	    -webkit-font-feature-settings: 'liga';
    	font-feature-settings: 'liga';
	    -webkit-font-smoothing: antialiased;
	    content: attr(data-icon);
		content: "cancel";
    }
	.roleCustomer #adtechQuestion .fw-view__main-container.question .fw-view_header-row-group.user-name {
		display: none;
	}    
    #adtechQuestion .section-header {
		display: flex;
    	flex-direction: column;
    	grid-row-gap: 10px;
	}	
	#adtechQuestion .section-header-row {
		display: flex;
    	flex-direction: row;
    	justify-content: space-between;
	}	
	#adtechQuestion .section-header-row-group {
		display: flex;
    	flex-direction: row;
		grid-column-gap: 10px;
		align-items: center;
	}
	#adtechQuestion .section-header .question-user {
	    color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 30px;
	    width:100%;
    }   
    #adtechQuestion .section-header .ADTechQuestion-status::after {
    	text-transform: capitalize;
		font-size: 18px;
    }   
    #adtechQuestion .section-header .question-subject {
	    padding: 10px 10px;
	    border: 1px solid var(--ad-container-third);
	    border-radius: 10px;
	    font-size: 16px;
	    width: 100%;
	    color: var(--primary-text);
    }   
    #adtechQuestion .section-header .question-last-activity-label {
	    text-decoration: underline;
	    font-weight:bold;
    }   
    #adtechQuestion .section-header .question-last-activity-value {
	    font-size: 18px;
    	font-style: italic;
    }   
    #adtechQuestion .section-header .question-asked-on-label,
    #adtechQuestion .section-header .question-completed-label {
		color: var(--ad-container-secondary-text);
		font-weight:bold;
    }   
    #adtechQuestion .section-header .question-asked-on-value,
    #adtechQuestion .section-header .question-completed-value {
	    font-size: 18px;
		color: var(--ad-container-secondary-text);
    }   
    #adtechQuestion .section-header .question-completed-value {
		font-size: 0;
    }
    #adtechQuestion .section-header .question-completed-value::after {
		content: "Not Completed";
		font-size: 12px;
    }
    #adtechQuestion .section-header .question-completed-value.archived {
		font-size: inherit;
    }
    #adtechQuestion .section-header .question-completed-value.archived::after {
		content: "";
    }   
    #adtechQuestion .section-header-row .question-attachments {
	    padding: 5px 10px;
	    width: 25%;
    }   
    #adtechQuestion .section-header-row .question-attachments .label {
	    text-decoration: underline;
	    font-weight:bold;
    }   
    #adtechQuestion .section-header .fw-files__file {
	    border: 1px solid var(--ad-header-primary);
	    border-radius: 15px;
	    background-color: var(--ad-header-primary);
	    color: white;
	    padding: 5px 10px;
	    margin-left: 20px;
    }   
	#adtechQuestion .response-list .is-question-creator.true,
	#adtechQuestion .section-details {
		display: flex;
    	flex-direction: column;
    	background-color: var(--ad-container-secondary);
    	padding: 10px 20px;
	}	
	#adtechQuestion .question-details-heading {
		font-size: 25px;
	    padding: 5px 10px;
	    display: flex;
	    justify-content: space-between;
	    border-bottom: 1px solid var(--ad-container-primary-border);
	    background-color: var(--ad-container-secondary);
	}	
	#adtechQuestion .question-details-heading .fw-button {
		height: 1em;
		font-size: 12px;
	    padding: .5em 2em;
	}	
	#adtechQuestion .section-details .question-details {
		padding: 0 50px;
	    color: var(--primary-text);
	    resize: none;
    }   
    #adtechQuestion .section-body {
	    border: 1px solid var(--ad-container-third);
	    border-radius: 10px;
	    padding: 0;
	    overflow: hidden;
	    display: grid;
	    grid-template-rows: 40px auto;
	    position: relative;
	}	
	#adtechQuestion .section-body .section-activity {
	    overflow: auto;
	    scrollbar-width: none;
	    min-width: 100%;
	    min-height: 0;
	    height: calc(100% - 32px - 10px); /* extra padding at bottom */
	    position: absolute;
	    margin-top: 40px;
	}	
	#adtechQuestion .section-response {
		display: flex;
    	flex-direction: column;
	    padding: 15px 0px;
	}
	#adtechQuestion .section-response .fw-view__drawer-container-inner {
		width: 100%;
		color: var(--primary-text);
	}	
	#adtechQuestion .section-response .fw-view__drawer-container-inner .fw-card-list__card-container {
		display: flex;
	    grid-row-gap: 1.8vh;
	    flex-direction: column;
	}	
	#adtechQuestion .section-response .question-response-heading {
		font-size: 25px;
	    padding-bottom: 5px;
	}	
	#adtechQuestion .section-response .fw-card-list__card {
		padding: 0 20px;
	}	
	#adtechQuestion .user-question {
		display: flex;
	    align-items: center;
    }   
    #adtechQuestion .section-response .fw-view__drawer-container-inner .response-details {
		padding: 5px 50px;
    	line-height: 2lvh;
    }   
    #adtechQuestion .section-details .user-logo-small{
		background-color: var(--ad-container-third);
    }   
    #adtechQuestion .user-logo-small {
		display: flex;
	    align-content: center;
	    width: 38px;
	    height: 38px;
	    border-radius: 24px;
	    background-position: center;
	    background-size: contain;
	    align-items: center;
	    justify-content: center;
	    background-color: var(--ad-container-primary);
	    font-size: 18px;
	    color: var(--ad-container-primary-text);
    }    
    #adtechQuestion .section-details .user-question-header {
    	color: var(--ad-container-secondary-text);
    }   
    #adtechQuestion .user-question-header {
    	display: flex;
    	align-items: center;
    	padding-left: 10px;
    }    
    #adtechQuestion .user-question-user {
    	font-weight: bold;
    	font-size: 14px;
    }   
    #adtechQuestion .user-question-date {
    	padding-left: 10px;
    }	
	#adtechQuestion .section-reply {
		display: flex;
    	flex-direction: column;
    	justify-content: center;
	}	
	#adtechQuestion .section-reply .question-reply-label {
		font-size:18px;
    }   
	#adtechQuestion .section-reply .question-reply {
	    padding: 10px 20px;
	    border: 0px solid var(--ad-container-third);
	    border-width: 1px 0;
	    box-sizing: border-box;
	    font-size: 16px;
	    width: 100%;
	    color: var(--primary-text);
	    min-height: 150px;
    }   
    #adtechQuestion .section-reply > div {
    	padding: 0 20px;
    }    
    #adtechQuestion .section-reply .question-reply-controls {
    	padding: 5px 20px;
    	display: flex;
    	grid-column-gap: 1em;
    }   
    .roleCustomer #adtechQuestion .section-reply .question-reply-controls .fw-button.mark-answered {
    	display: none;
    } 
    #adtechQuestion .section-reply .question-reply-controls .fw-button.confirm-answered {
    	display: none;
    } 
    .roleCustomer #adtechQuestion .section-reply .question-reply-controls .fw-button.confirm-answered {
    	display: block;
    }
    .roleCustomer #adtechQuestion .section-reply .question-reply-controls .fw-button.reject {
    	display: none;
    } 
/*|pg_roleAdmin_adtechQuestions|*/
    #adtechQuestions .question-list .fw-card-list__card {
    	display: grid;
    	grid-template-columns: 48px auto;
    	grid-column-gap: 8px;
	    padding: 8px 5px 8px 16px;
	    border: 0px solid silver;
	    border-width: 0 0 1px 0;
	    cursor: pointer;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question-type {
    	display: flex;
    	align-items: center;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question-details {
    	display: flex;
    	flex-direction: column;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question-activity-header {
    	color: var(--ad-container-fourth-text);
	    font-weight: bold;
	    text-decoration: underline;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question-activity {
    	color:var(--ad-container-fourth-text);
    	padding-top: 2px;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question-user-header {
    	display: flex;
    	flex-direction: row;
    	justify-content: space-between;
    }   
    #adtechQuestions .question-list .fw-card-list__card .question-user {
     	color:var(--ad-container-secondary-text);
     	font-weight: normal;
    	font-size:12px;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question {
    	color: var(--ad-container-secondary-text);
    	font-weight: bold;
    	font-size: 16px;
	    text-overflow: ellipsis;
	    overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 1.3em;
	    max-height: 3.3em;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question div {
    	padding: 3px 0;
    }    
    #adtechQuestions .question-list .fw-card-list__card .question div span {
    	padding: 0 3px;
    }   
    /*-------------------------------------------------------END Side BAR--------------------------------------------------------------------*/
    #adtechQuestions .questions-top {
        display: grid;
    	grid-template-columns: repeat(4, 1fr);
    }
    /*-----------------------------End AdtechDashboard summary -----------------------------------------*/
    #adtechQuestions .active-questions {
		display: flex;
    	flex-direction: column;
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 10px 10px;
	    margin: 50px 0px;
	}
	#adtechQuestions .active-questions-header {
		display: grid;
	    grid-template-columns: 2fr 5fr 1fr 1fr 1fr 1fr;
	    grid-column-gap: 30px;
	    padding-bottom: 15px;
	    font-weight: bold;
	    color: var(--primary-text);
	    text-decoration: underline;
    }	
	#adtechQuestions .active-questions .fw-view__drawer-container-inner {
		width: 100%;
		color: var(--primary-text);
	}	
	#adtechQuestions .active-questions .fw-view__drawer-container-inner .fw-card-list__card-container {
		display: flex;
	    flex-direction: column;
	}	
	#adtechQuestions .active-questions .fw-view__drawer-container-inner .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechQuestions .active-questions .fw-view__drawer-container-inner .fw-card-list__card {
	    display: grid;
	    grid-template-columns: 2fr 5fr 1fr 1fr 1fr 1fr;
	    grid-column-gap: 30px;
	    padding: 10px 5px;
	    align-items: center;
	    cursor: pointer;
    }	
	#adtechQuestions .active-questions .fw-view__drawer-container-inner .active-question-subject {
		color: var(--ad-container-secondary-text);
    	font-weight: bold;
    	text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
    }    
    #adtechQuestions .active-questions .fw-view__drawer-container-inner .active-question-question {
    	color: var(--ad-container-third-text);
    	text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    display: block;
    }    
    #adtechQuestions .active-questions .fw-view__drawer-container-inner .active-question-status {
    	text-transform: capitalize;
    }
     /*-----------------------------End AdtechDashboard active question list  -----------------------------------------*/
    #adtechProfile .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
	    align-items: center;
    }  
    #adtechProfile .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechProfile .dialog-header:before {
    	content: "Profile Details";
    }   
    #adtechProfile .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechProfile .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechProfile .profile-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechProfile .profile-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechProfile .profile-questions .profile-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechProfile .profile-questions .profile-label-note {
	    color: var(--ad-container-secondary-text);
	    font-style: italic;
	}
	#adtechProfile .profile-questions .profile-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}
 	#adtechProfile .profile-questions .fw-date__input {
		max-width: 10em;
	    border-width: 1px;
	    border-radius: 6px;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
    }
	#adtechProfile .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechProfile .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
	#adtechProfile .fw-toggle-switch:checked {
    	background-color: var(--ad-container-secondary-text);
	}
	#adtechProfile .profile-questions .profile-title-toggle {
		display: flex;
    	width: 85%;
    	height: 50px;
	}
	#adtechProfile .profile-questions .fw-radio-button {
	    border: 1px solid silver;
	    display: flex;
	    width: 100%;
	    padding: 10px 0;
	    text-align: center;
	    border-radius: 5px;
	    margin: 0px 2px;
	    align-items: center;
	    justify-content: center;
	    cursor: pointer;
	}
	#adtechProfile .profile-questions .fw-radio-button.selected {
    	display: flex;
	    background: var(--ad-container-secondary-text);
	    color: var(--adtech-left-sidebar-text);
	    text-align: center;
	    vertical-align: middle;
	    align-items: center;
	    justify-content: flex-start;
	    font-weight: bold;
	}
	#adtechProfile .profile-questions .fw-radio-button.selected:before {
		font-family: 'Material Symbols Outlined';
	    font-weight: normal;
	    font-style: normal;
	    font-size: 24px;
	    line-height: 1;
	    letter-spacing: normal;
	    text-transform: none;
	    display: inline-block;
	    white-space: nowrap;
	    word-wrap: normal;
	    direction: ltr;
	    -webkit-font-feature-settings: 'liga';
    	font-feature-settings: 'liga';
	    -webkit-font-smoothing: antialiased;
	    content: attr(data-icon);
	    width: 35px;
	    min-width: 35px;
	    color: var(--adtech-left-sidebar-text);
		content: "check";
	}
 /*-----------------------------End profile summary  -----------------------------------------*/	
	#adtechChangePwd .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
	    align-items: center;
    }  
    #adtechChangePwd .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechChangePwd .dialog-header:before {
    	content: "Change Password";
    }   
    #adtechChangePwd .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechChangePwd .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechChangePwd .profile-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechChangePwd .profile-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechChangePwd .profile-questions .profile-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechChangePwd .profile-questions .profile-label-note {
	    color: var(--ad-container-secondary-text);
	    font-style: italic;
	}
	#adtechChangePwd .profile-questions .profile-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}
	#adtechChangePwd .profile-questions .profile-value.readonly {
	    border: none;
	    padding: 13px 5px;
	    background: transparent;
	}
	#adtechChangePwd .profile-questions .error-label {
	    color: var(--ad-status-red);
	    font-size: 1.1em;
	    text-align: end;
	}
 	#adtechChangePwd .profile-questions .fw-date__input {
		max-width: 10em;
	    border-width: 1px;
	    border-radius: 6px;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
    }
	#adtechChangePwd .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechChangePwd .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
/*-----------------------------End Password summary  -----------------------------------------*/
    #adtechUsers .fw-card-list__card-container .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechUsers .fw-card-list__card-container .fw-card-list__card {
	    display: grid;
	    grid-template-columns: 48px auto;
	    grid-column-gap: 8px;
	    padding: 15px 5px 15px 16px;
	    align-items: center;
	    cursor: pointer;
    }
    #adtechUsers .disabled-true {
    	opacity: 30%;
    }
    #adtechUsers .fw-card-list__card-container .fw-card-list__card .user-details{
    	display: flex;
	    flex-direction: column;
	    row-gap: 5px;
    }
    #adtechUsers .fw-card-list__card-container .fw-card-list__card .user-details .user-label{
    	color: var(--ad-container-secondary-text);
	    font-weight: bold;
	    font-size: 16px;
    }
    #adtechUsers .fw-card-list__card-container .fw-card-list__card .user-details .user-value{
    	color: var(--ad-container-third-text);
    }
    #adtechUsers .users-top {
	    color: var(--ad-container-secondary-text);
	    font-size: 25px;
	    text-align: center;
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--adtech-left-drawer-bg);
	    padding: 10px 0px;
    }
	#adtechUsers .fw-card-list__add {
	    text-align: center;
    	position: absolute;
		margin-top:-30px;
	    right: 25px;
	    padding: 8px 16px;
	    border-radius: 2em;
	    font-family: "Exo 2", sans-serif;
	    text-transform: uppercase;
	    font-weight: bold;
	    font-size: 12px;
	    white-space: nowrap;
	    box-sizing: border-box;
		background-color: var(--adtech-left-sidebar-button);
	    color: var(--adtech-left-sidebar-button-text);
  	}
    #adtechUsers .user-list {
	    display: flex;
	    flex-direction: column;
	    border: 1px solid silver;
	    border-radius: 10px;
	    padding: 10px 10px;
	    margin: 50px 0px;
	}
	#adtechUsers .user-list-header {
		display: grid;
	    grid-template-columns: 2fr 5fr 4fr;
	    grid-column-gap: 30px;
	    padding-bottom: 15px;
	    font-weight: bold;
	    color: var(--primary-text);
	    text-decoration: underline;
    }	
	#adtechUsers .user-list .fw-card-list__card-container {
		display: flex;
	    flex-direction: column;
		width: 100%;
		color: var(--primary-text);
	}	
	#adtechUsers .user-list .fw-card-list__card-container .fw-card-list__card:hover {
    	background-color: var(--ad-container-hover);
    }	
	#adtechUsers .user-list .fw-card-list__card-container .fw-card-list__card {
	    display: grid;
	    grid-template-columns: 2fr 5fr 4fr;
	    grid-column-gap: 30px;
	    padding: 10px 5px;
	    align-items: center;
	    cursor: pointer;
    }	
	#adtechUsers .user-list .fw-card-list__card-container .user-fullname{
	    color: var(--ad-container-secondary-text);
	    font-weight: bold;
    }    
    #adtechUsers .user-list .fw-card-list__card-container .user-email{
		color: var(--ad-container-third-text);
    }    
/*-----------------------------End AdtechUsers summary  -----------------------------------------*/
	#adtechUser .fw-view__main-container {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
	    border: 1px solid silver;
    	border-radius: 10px;
    }  
	#adtechUser .profile-questions-header {
	    display: flex;
	    column-gap: 5px;
	    justify-content: center;
	    color: var(--ad-container-secondary-text);
	    font-size: 25px;
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--adtech-left-drawer-bg);
	    padding: 10px 0px;
	}
    #adtechUser .profile-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	    width: 70%;
	}	
	#adtechUser .profile-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechUser .profile-questions .profile-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechUser .profile-questions .profile-label-note {
	    color: var(--ad-container-secondary-text);
	    font-style: italic;
	}
	#adtechUser .profile-questions .profile-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}
 	#adtechUser .profile-questions .profile-username {
		font-style: italic;
	    font-size: 15px;
	    color: var(--ad-container-secondary-text);
    }
    #adtechUser .button-row {
	    display: flex;
	    align-items: center;
	    justify-content: space-evenly;
    }
    #adtechUser .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
/*-----------------------------End AdtechUser summary  -----------------------------------------*/  
    #adtechNewUser .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
	    align-items: center;
    }  
    #adtechNewUser .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechNewUser .dialog-header:before {
    	content: "New User";
    }   
    #adtechNewUser .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechNewUser .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechNewUser .profile-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechNewUser .profile-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechNewUser .profile-questions .profile-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechNewUser .profile-questions .profile-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}
	#adtechNewUser .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechNewUser .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
	#adtechNewUser .profile-questions .profile-title-toggle {
		display: flex;
    	width: 85%;
    	height: 50px;
	}
/*-----------------------------End AdtechNewUser summary  -----------------------------------------*/  
	#adtechSetPwd .fw-view__main-container {
    	border: 1px solid silver;
	    border-radius: 10px;
	    padding: 16px;
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 30px;
	    align-items: center;
    }  
    #adtechSetPwd .dialog-header {
	    border: 1px solid silver;
	    border-radius: 10px;
	    background: var(--ad-container-secondary-text);
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }   
    #adtechSetPwd .dialog-header:before {
    	content: "Set Password";
    }   
    #adtechSetPwd .dialog-footer {
    	display: flex;
    	justify-content: end;
    	gap:  10px;
		border: 1px solid silver;
	    border-radius: 10px;
	    padding: 5px 10px;
	    color: var(--ad-container-secondary);
	    margin: 10px 0;
    }
    #adtechSetPwd .dialog-footer .fw-button {
    	font-size: 1.2em;
    }
    #adtechSetPwd .profile-questions {
	    display: flex;
	    flex-direction: column;
	    grid-row-gap: 10px;
	    align-items: center;
	    justify-content: space-evenly;
	}	
	#adtechSetPwd .profile-questions .section-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	    align-items: center;
	    width: 100%;
	    grid-column-gap: 20px;
	}	
	#adtechSetPwd .profile-questions .profile-label {
	    color: var(--ad-container-secondary-text);
	    text-align: end;
	}
	#adtechSetPwd .profile-questions .profile-value {
	    border-radius: 5px;
	    border: 1px solid silver;
	    padding: 13px 5px;
	    background: var(--ad-container-secondary);
	}
	#adtechSetPwd .profile-questions .error-label {
	    color: var(--ad-status-red);
	    font-size: 1.1em;
	    text-align: end;
	}
	#adtechSetPwd .button-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		grid-row-gap: 30px;
	}	
	#adtechSetPwd .fw-button {
		background-color: var(--ad-container-secondary-text);
	}
/*-----------------------------End AdtechSetPwd summary  -----------------------------------------*/     
/*|pg_roleCustomer|*/
/*|pg_roleCustomer_adtechDashboard|*/
/**/
/************************************************** |Object_specific_layout_and_styles| **************************************/
/*|adtechCustomer|*/
/*|adtechPlan|*/
/*|adtechQuestion|*/
/*|adtechResponse|*/

/** Sundry items **/
.question-status-icon, 
.question-logo-small {
   	display:flex;
   	align-content:center;
	width: 48px;
    height: 48px;
    border-radius: 24px;
    background-position: center;
    background-size: contain;
    align-items: center;
    justify-content: center;
    background-color: var(--md-sys-color-surface-tint);
    font-size: 22px;
    color: var(--adtech-icon-initials-text);
}
.question-status-icon {
	font-size: 0px;
}
.question-status-icon::after {
	font-size: 32px;
}
.question-status-icon.wait_adviser::after {
	content: "hourglass";
}
.roleCustomer .question-status-icon.answered {
	background-color: var(--ad-colours-gold);
}
.question-status-icon.answered::after {
	content: "check_circle";
}
.question-status-icon.archived::after {
	content: "inventory_2";
}
.question-status-icon.wait_customer::after {
	content: "live_help";
}
.question-status-icon.wait_adviser {
	background-color: var(--adtech-status-red);
}
.roleCustomer .question-status-icon.wait_adviser {
	background-color: var(--ad-container-primary);
}
.roleCustomer .question-status-icon.wait_customer {
	background-color: var(--adtech-status-red);
}

/** Info Cards **/
.adtech-info-card {
/*     height: 150px; */
    padding: 0px 20px;	
}
.adtech-info-card .adtech-info-card__header {
	position: relative;
    display: flex;
    height: 65px;
    background: var(--secondary-4);
    align-items: center;
    justify-content: center;
    border: 1px solid silver;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: grey;
    font-size: 1.2rem;
}
.adtech-info-card .adtech-info-card__body {
	height: 100px;
	border: 1px solid silver;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 1rem;
    color: gray;
    padding: 0 8%;
    overflow: hidden;
}

.adtech-info-card .adtech-info-card__body .adtech-info-card__body-row {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 8%;
	align-items: center;
	height: 50px;
}

/************************************** Question status *************************************/
/* .ADTechQuestion-status.unread,  */
/* .ADTechQuestion-status.read { */
/* 	color: rgb(217,80,80); */
/*  } */
.ADTechQuestion-status.answered{
	color: var(--adtech-status-green);
} 
.ADTechQuestion-status.wait_adviser {
	color: var(--adtech-status-red);
}
.roleCustomer .ADTechQuestion-status.wait_adviser {
	color: var(--adtech-status-green);
}
.roleCustomer .ADTechQuestion-status.wait_customer {
	color: var(--adtech-status-red);
}
.ADTechQuestion-status.archived {
	color: var(--adtech-status-plain);
}
.ADTechQuestion-status {
	font-size: 0px;
	color: var(--ad-container-secondary-text);
}
.ADTechQuestion-status::after{
	font-size: 12px;
}
.ADTechQuestion-status.wait_adviser::after {
	content: "Waiting for adviser response";
}
.ADTechQuestion-status.wait_customer::after {
	content: "Waiting for customer response";
}
.ADTechQuestion-status.answered::after {
	content: "Answered";
}
.roleCustomer .ADTechQuestion-status.answered::after {
	content: "Answered - waiting customer confirmation";
}
.ADTechQuestion-status.archived::after {
	content: "Archived";
}



/************************************** Drawer Question Lists  *************************************/
.fw-view__drawer-container-left.question-list .fw-card-list__card .question-logo-small.wait_adviser {
   	font-size:0px;
   	background-color: #C87879;
   	position: relative;
}
.fw-view__drawer-container-left.question-list .fw-card-list__card .question-logo-small.wait_adviser::after {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	
	font-size: 63px;
	line-height: 1;
	content: "release_alert";
	position:absolute;
}


.fw-card-list__card.highlight {
   	background-color: var(--ad-container-hover);
}

.fw-files__button input[type=file] {
	displaY: none;
}