@charset "UTF-8";

/*

CCS for HK/PL
Changes: 2023-05-08-093300

*/

html.ng-csp body#body-public.theme--light div#content.app-files_sharing {
	height: 100%!important;
}

#talk-sidebar > button {
	color: black;
}


html.ng-csp body#body-public.theme--light div#content.app-files_sharing, 
html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div,
#talk-sidebar button,
html.ng-csp body#body-public.theme--light footer {
	background-color: #327691!important;
}

html.ng-csp body#body-public.theme--light footer {
	font-size: 0.8em!important;
	height: 10px!important;
	display: none!important;
}

#header-primary-action a {
	/*background-color: #285495!important;*/
	color: #327691!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content {
	background-color: #5e3c86!important;
	margin-top: 0!important;
	padding-top: 0!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note {
	margin-top: 100!important;
	padding-top: 0!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note p.note {
	width: 90%!important;
	max-width: 500px!important;
	text-align: center!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note p.note {
	width: 90%!important;
	max-width: 500px!important;
	text-align: center!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload {
	background-color: silver!important;
}

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note h3 {
	display: none!important;
}


/*————— Main / Upload Button */

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note a.button.icon-upload,
a.button.icon-upload {
	background-color: #3f01a3!important;
	color: white !important;
}


body#body-public header#header div.header-right span#header-primary-action a.primary.button {
	color: white!important;
	background-color: #327691;
}

/*————— Main / Upload Progress */

html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note div#drop-upload-progress-indicator.hidden,
#drop-upload-progress-indicator {
	font-size: 2em!important;
	color: #850000 !important;
	background-color: #cca301 !important;
	height: 75px!important;
}


html.ng-csp body#body-public.theme--light div#content.app-files_sharing div#app-content div#public-upload div#emptycontent.has-note div#drop-upload-done-indicator {
	font-size: 2em!important;
	color: lime!important;
	background-color: #327691!important;
	height: 75px!important;
}



/*————— Main / Form and Polling */

html.ng-csp body#body-public div#content-vue.content.app-forms main#app-content-vue.app-content.no-snapper.app-content--public header, .app-content-vue .app-content header, .app-content form

{
	padding: 0px 0 0px 00px !important;
	width: 85%!important;
	margin-right: 0!important;
	margin-left: 0!important;
}


#content-vue.content.app-forms h2.form-title,
#content-vue.content.app-forms header div.form-desc {
	padding-left: 0!important;
}


#content-vue.content.app-forms header h2.form-title,
#content-vue.content.app-forms main#app-content-vue h3 {
	padding-top: 0!important;
	margin-top: 0!important;
}

#content-vue.content.app-forms header h2.form-title {
	color: #3f01a3!important;
}

#content-vue.content.app-forms main#app-content-vue h3 {
	color: #f50000!important;
}



html.ng-csp body#body-public div#content-vue.content.app-forms main#app-content-vue.app-content.no-snapper.app-content--public form ul li.question {
	border-bottom: 1px dotted silver;
	margin-bottom: 20px!important;
}


ul li.question {
	margin-right: 0px!important;
	margin-left: 0px!important;
	padding-right: 0px!important;
	padding-left: 0px!important;
}


html.ng-csp body#body-public div#content-vue.content.app-forms main#app-content-vue.app-content.no-snapper.app-content--public form input.primary {
	width: 100%!important;
}

/*————— Main / Footer */


.info a.entity-name {
	color: white!important;
}