/* ------------- savvy cms common styles --------------- */

/* Replaceable colours
main colour: #81154F // admincolour1
lighter shade of main colour: #58585A // admincolour2
lighter shade of main colour: #D3A2BD // admincolour3
other colour: #58585A  // admincolour4
other colour: #58585A  // admincolour5
lighter colour: #999 // admincolour6
*/

@font-face {
	font-family: "Poppins-Regular";
	src: local("Poppins-Regular"), 
		url(/fonts/Poppins-Regular.ttf") format("truetype"),
		url(/fonts/Poppins-Regular.otf") format("opentype");
	font-weight: normal;
}


html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body, * {
	font-family: "Poppins-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	-webkit-text-size-adjust: none;
}

body {
	/*opacity: 1 !important;          2021-02-26 mn removed, we are now doing it in adminCommon.js when we are ready */
	background-color: #ffffff;
	margin: 0;
	font-size: 13px;
	color: #000000;
}

p, menu, dir {
	margin: 0;
}

ul {
	margin: 0;
	padding-left: 22px;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

/*used by savvyvalidate*/
.AutoValidate {
}

.clearfix:after,
.cf:after {
	clear: both;
}

body, td, .dataheading, .label, .colhead, .colheadfilters, .field {
	font-size: 15px;
	color: #000000;
}

.databox .action-col {
	white-space: nowrap;
	width:60px; /* make it this width or bigger if more buttons (due to nowrap) */
}

.svyEdit span.label {
	background-color: white;
	display: block;
	float: left;
	max-width: 160px;
	border-right: 5px solid #eee;
}

.svyDisabled {
	cursor: not-allowed;
}

.svyDisabled input {
	cursor: not-allowed;
}

input[type=button].svyDisabled {
	cursor: not-allowed;
	color: #999 !important;
	opacity: 0.65;
}

input[type=button].svyDisabled:hover {
	background-color: white;
}

.svyDisabled label {
	cursor: not-allowed;
	color: gray;
}

input, textarea, select {
	font-size: 14px;
}

img {
	border: 0;
}

input {
	padding: 1px;
}

textarea:not(.mceEditor) {
	padding: 2px;
	min-height: 40px;
}

strike {
	text-decoration: line-through;
}

.helpIcon {
	float: right;
	padding: 5px;
}

.helpTextIcon {
	float: right;
	line-height: 20px !important;
	margin: 2px 0 0 20px;
	/*display: none;*/
	cursor: pointer;
}


.helpTextIcon.help-icon-no-content {

	color:grey;
}


.helpTextIcon {
	float: right;
	line-height: 20px !important;
	margin: 2px 0 0 20px;
	/*display: none;*/
	cursor: pointer;
	color:orange;
}

.warning-message {
	color: #fff;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-bottom: 4px;
	position: fixed;
	z-index: 100000;
	width: 100%;
	line-height: 150%;
	top: 0;
	left: 0;
	opacity: 0.8;
}

.warning-message.staging-server {
	background: #10ca68;
}

.warning-message.conn-LVE {
	background: #ef4035;
}

.warning-message.old-browser {
	background: #fa9614;
}

.warning-message a {
	color: #fff;
}

.warning-message.staging-server .close,
.warning-message.old-browser .close {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -11px;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

A {
	text-decoration: none;
	color: #81154F;
}

A:hover {
	color: #993300;
	text-decoration: underline;
}

A:visited:not(.btn):not(.subnav-link) {
	color: #81154F;
}

/*.btn a:visited, a.btn:visited {
	color: #666;
	border-color: #666;
}*/

img {
	border: 0;
}

tr.devOnly td.label {
	background-color: #f00;
}

tr.devOnly td.label a {
	color: white;
	text-decoration: underline;
}

tr.devOnly td.label.section strong {
	color: white;
}

tr.devOnly td {
	background-color: #e01b1f;
	color: white;
}

table {
	border-collapse: collapse;
}

.databox {
	position: relative;
	min-width: 550px;
	width: 100%;
}

.databox, .svyLogin {
	/*BORDER: #ccc 1px solid;*/
	PADDING: 0;
	BACKGROUND-COLOR: #ffffff;
	border-collapse: collapse;
	clear: both;
}

.databox .rowlist td {
	white-space: nowrap;
}

tr.colhead td.dev, td.colhead.dev, .svyEdit td.label.dev, tr.colhead td.dev .colhead {
	background-color: #e01b1f;
	color: white;
}

tr.colhead td.dev .colhead {
	color: white;
}

td.dev, .svyEdit td.dev {
	border-left: 1px solid #e01b1f;
	border-right: 1px solid #e01b1f;
	background: #fdd7d8 url(images/devonly.png) no-repeat center center;
}

.svyEdit td.dev a {
	color: white;
}

tr.row-last td.dev, .databox tr[class^="row"]:nth-child(even) td.dev {
	background-color: #fcb3b4;
}

.databox tr[class^="row"]:nth-child(odd) td.dev,
.svyEdit td.field.dev {
	background-color: #fdd7d8;
}

.svyEdit td.label.dev,
.svyEdit td.field.dev {
	border-left: inherit;
	border-right: inherit;
}

.databox .row-last .width-expander {
	width: 550px;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.svyEdit td.field .svyCheckboxes .checkboxes {
	width: 30%;
	margin-right: 10px;
	float: left;
	white-space: nowrap;
}

.svyEdit td.field .layout-checkbox-per-line .svyCheckboxes .checkboxes, .svyEdit td.field.layout-checkbox-per-line .svyCheckboxes .checkboxes {
	width: unset;
	float: none;
}

.svyEdit td.field .layout-checkbox-inline .svyCheckboxes .checkboxes, .svyEdit td.field.layout-checkbox-inline .svyCheckboxes .checkboxes {
	width: unset;
	float: left;
	margin-right: 20px;
}

.svyEdit td.field .svyCheckboxes .checkboxes label {
	padding-left: 5px;
}

.svyEdit td.field .svyCheckboxes .checkboxes .svyCheckBoxData {
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
}

.edfield {
	cursor: pointer;
	border: 1px solid #ccc;
	padding: 4px;
}

.dataheading, .pageheading, .heading, .svyEdit > tbody > tr > th, .formTitle {
	color: #81154F;
	font-size: 30px;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 6px;
}

@media screen and (max-width: 1000px) {
	.dataheading, .pageheading, .heading, .svyEdit > tbody > tr > th, .formTitle {
		font-size: 20px;
	}
}

.svyAdmin .top-stripe {
	border-top: 4px solid #81154F;
	clear: both;
}

/*tr .label.section {
	background-color: #58585A;

}*/
.label.section strong {
	padding: 5px;
	/*background-color: #58585A;  should not be needed since this is the bgcolour anyway (from carenet) */
	font-size: 16px;
	color: white;
}

.dataheading .dataheading {
	padding: 0px;
	background: none;
}

.dataheading small, .svyEdit th small, h1 small, h2 small, h3 small, h4 small, .section small {
	font-size: 70%;
	opacity: 0.7;
	padding-left: 20px;
}

.section small {
	font-size: 75%;
	opacity: 0.75;
}

tr.colhead td, td.colhead, tr.row-last td {
	background-color: #ddd;
	padding: 6px 4px;
	height: 20px;
}

tr.row-last td {
	padding: 2px 8px;
}

/*2020-03-13jn added so I can see on my 1200px screen when screen is wider */
/*2020-03-14 mn removed - was only needed due to .with-standard-search having justify-content: space-around 
.colheadfilters .svyForm {
	float: left !important; 
}
*/

.colheadfilters a:not(.btn), .colheadfilters a:visited:not(.btn) {
	/*2021-01-14jn removed as it was hiding create new button on http://carenet.localhost/admin/NurseAdmin/NurseComms?nurseID=5698 */
	/*background: white;    mn 2022-11-28 cant be white but maybe dont even set it */
	color: #58585A; /*dont  change this colour - set by css preprocessor and saved in  /areas/admin/admin-preprocessed.css*/
	color: white;
	/*text-decoration: underline;*/
}

tr.colheadfilters td, td.colheadfilters {
	/*background: #f0f0f0;*/
	background: #58585A;
	color: white;
	/*border-top: solid 1px #ccc;*/
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	padding-left: 4px;
	line-height: 18px;
}

/* from here down, I don't think anything is needed - if it is then please move it */
.databackground {
	BACKGROUND-COLOR: #ffffff;
}

.label {
	BACKGROUND-COLOR: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*height: 20px;*/
	width: 208px;
	/*text-align: right;*/
}

.label.smaller-label {
	width: 150px;
}

.labelbackground {
	BACKGROUND-COLOR: #ffffff;
}

.field {
	/*BACKGROUND-COLOR: #f6f6f6;
	border-top: 1px solid #ccc;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	min-height: 20px;
	/*	vertical-align:top;   not sure about this */
}

.fieldbackground {
	BACKGROUND-COLOR: #ffffff;
}

.toolbutton {
	margin: 2px;
	border: 0px none;
	cursor: hand;
	line-height: 19px;
}

.toolbutton_up {
	margin: 1px;
	border: 1px solid navy;
	background-color: #B5BED6;
	cursor: hand;
	line-height: 19px;
}

.toolbutton_down {
	margin: 2px 0px 0px 2px;
	border: 1px solid navy;
	background-color: #99ccff;
	background-color: #8492B5;
	cursor: hand;
	line-height: 19px;
}

.Toolbar {
	/*height: 220px;*/
}

.RichEditor {
	width: 500px;
	height: 200px;
	background: white;
	border: 1px solid #789CB8;
	padding-left: 4px;
}

.HtmlEditor {
	width: 500px;
	height: 200px;
	font-family: courier new, courier, monospace;
}

.hint {
	color: #666;
	padding: 4px 8px;
	width: 160px;
}

.numfield input {
	text-align: right;
}

.row0 .field, .row-list td {
	background-color: #f0f0f0;
	border-top: 0px;
}

.row1 .field {
	background-color: #ffffff;
	border-top: 0px;
}

.highlight .field {
	background-color: #ffffcc;
	border-top: 0px;
}

.negativeCurrency {
	color: red;
}

.highlightRow td {
	background-color: #c2c2ff;
	border-top: 0px;
}

.dataheading a {
	/*color: #c2c2ff; gay purple*/
	text-decoration: underline;
	font-size: 11px;
}

.dataheading a:hover {
	/*color: white;*/
	text-decoration: underline;
	font-size: 11px;
}

/* ability to add extra content next to the page title in a list page */
.svyPageTitleExtra {
	margin-left:30px;
	display:inline-block;
	font-size: 14px;
	font-weight: normal;
}
.svyPageTitleExtra a {
	font-size: 14px;      /*override .dataheading a*/
	text-decoration: none;
}
.svyPageTitleExtra a:hover {
	font-size: 14px;
}
.svyPageTitleExtra .admin-menu-item, .svyPageTitleExtra .admin-menu-item:last-child {
	padding: 0;
}

/* 20151013 mn - moved inactive all together */

/* subtitle used for filters, shows in same colour but lighter*/
.svySubTitle {
	font-size: 66%;
	opacity: 0.66;
}

/* for draggable sortposition mode, we do not use stripes and we add some borders*/
#drag .databox tr.row-odd td, #drag .databox tr.row-even td {
	border-top: 2px solid #eee;
	background-color: white;
}

.databox tr[class^="row"]:nth-child(odd):not(.row-last) td {
	background-color: #fff;
}

.databox tr[class^="row"]:nth-child(even):not(.row-last) td {
	background-color: #f9f9f9;
}

tr.row-stripe:nth-child(even) td {
	background-color: #f9f9f9;
}

.databox tr.row-even td {
	background-color: #fff;
}

.databox tr.row-odd td {
	background-color: #f9f9f9;
}

tr.row-light-background td {
	background-color: #eee;
	font-size: 12px;
}

tr.row-light-background th {
	background-color: #eee;
	font-size: 12px;
	color:black;
}




.databox tr[class^="row"]:nth-child(odd):hover:not(.row-last) td.dev,
.databox tr[class^="row"]:nth-child(even):hover:not(.row-last) td.dev {
	background-color: #e01b1f;
	color: #fff;
}

.databox tr[class^="row"].record-warning:not(.row-last) td {
	background-color: #c62b29;
	color: white;
}

.databox tr[class^="row"].record-warning:nth-child(even):not(.row-last) td {
	background-color: #d22f2d;
}

.databox tr[class^="row"].record-warning:nth-child(odd):hover:not(.row-last) td,
.databox tr[class^="row"].record-warning:nth-child(even):hover:not(.row-last) td {
	background-color: #b72927;
}

.databox tr.row-marked td {
	background-color: yellow !important;
	color: #000;
}

.svySlowColor {
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.svyFlashRow {
	background-color: #fff3a5 !important;
}

/* status message for draggable sortposition mode, can also be used for other messages*/
.svyAjaxStatus {
	font-size: 14px;
	line-height: 14px;
	border: 1px solid #ccc;
	background: #eee;
	padding: 3px 10px;
	display: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.colsort {
	/*padding-right: 14px; mn removed 2020-04-18 not really needed unless sort is active */
	/* 2022-08-23 removed text-decoration: underline;*/
}

.colsort.selected {
	position: relative;
}

.colsort.selected.ascending { /* 2022-08-23 fallback, but not used anymore since forms.cs now adds fa icons */
	background-image: url(images/sort_up_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-right: 14px;
}

.colsort.selected.descending {  /* 2022-08-23 fallback, but used anymore since forms.cs now adds fa icons */
	background-image: url(images/sort_down_white.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bold;
	padding-right: 14px;
}

.row-list td, .svySubformRow td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	height: 30px;
}

td.rowhandler,
td.table-cell-non-growable,
td.nogrow { /* mn this is a hack to make a TD not growable in a table that is 100% */
	width: 1px;
	white-space: nowrap;
}

/* inactive state */
.inactive, .inactive .field, tr.inactive td, .inactive a, .inactive .yesno-No, .inactive .yesno-Yes, .inactive .good, .inactive .bad, .inactive .orange {
	color: #aaa;
}

.inactive input, .inactive textarea, .inactive .select2-choice {
	border: 1px dotted;
	color: #aaa;
}

.inactive .select2-chosen {
	color: #aaa;
}

tr.inactive td img {
	opacity: 0.5;
}
/* end inactive state */

.row-last div:first-child {
	float: left;
	line-height: 24px;
}

.pagingnavcurrent {
	color: #000000;
	font-weight: bold;
}

.page-text {
	color: #000000;
	margin-right: 5px;
}


.row-last .pagingnav-wrapper {
	margin-top: 4px;
	float: right;
}

.colheadfilter .pagingnav-wrapper {
	margin-top: 6px;
}

.dataheading .pagingnav-wrapper {
	font-weight: normal;
	font-size: 13px;
	float: right;
}

.dataheading .pagingnav-wrapper a.pagingnav {
	font-size: 13px;
	font-weight: normal;
	text-decoration: underline;
}

.dataheading .pagingnav-wrapper a.pagingnavcurrent {
	font-weight: bold;
}


/* savvy .net styles for admin */
html {
	height: 100%;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}
/* prevent scrollbar disappearing making page jump */

body.svyAdmin {
	background-color: #fff;
	height: 100%;
	margin: 0;
	padding: 0;
	/*background-image: url('../../images/logos/CarenetRosterBackground.png');
	background-position: right 45px top;
	background-repeat: no-repeat;*/
}

.svyWrapperOuter {
	/*max-width: 1420px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	/*min-height: 100%; mn 2022-11-11 not sure we need this?*/
}

.svyWrapper {
	/*padding: 10px 20px;   mn 2022-08-23 removed for sidepanel adjustments, instead apply to page-main-body  and svyHeaderArea */
}

/*.svyHeaderArea {       mn 2024-06-13 just seems to add unnecessary top padding to page
	padding: 10px 20px 0 20px;
}*/

.header-content {
	position: relative;
}

.svyTopHelp {
	color: #666;
	margin-top: 10px;
}

.svyLoginName {
	float: right;
	margin-top: -60px;
	margin-right: 20px;
}

.svyStagingServer {
	color: #cc0000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	clear: left;
	top: -4px;
	position: relative;
}

.svyDev {
	color: #9e00cc;
	font-size: 12px;
	border-radius: 5px;
	border:2px solid #9e00cc;
}
.svyAdmin H1 {
	font-size: 30px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 320px) {
	.svyAdmin H1 {
		font-size: 17px;
	}
}

.svyAdmin H1.adminTitle { /*
//	font-size: 22px;
//	font-weight: bold; margin-top:-10px; 20130121 jn removed - no good in IE*/
}

.svyAdmin H1.adminTitle em {
	color: #666;
	font-style: normal;
}

/*.svyAdmin H2 {
	font-size: 14px;
}*/

.svyLogo {
	margin-top: 7px;
}

.svyNotificationSuccess {
	color: green;
}

.svyNotification {
	color: Red;
}

.advanced-search .svyError {
	margin-top: 10px;
	background-color: white;
	/*width: 100%;*/
	white-space: normal;
}

.svyError {
	color: #cc0000;
	font-weight: bold;
	/*display: inline;
	border: solid 1px red;
	color: Red;
	background-color: white;
	padding: 5px;*/
	/*margin-bottom: 10px;*/
	/*float: left;*/
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

.svyEditFV {
	clear: both;
}

label.error {
	color: #ff0000;
	margin: 5px 0;
	display: block;
}

input.error, textarea.error, select.error {
	border: 1px dotted #ff0000;
	background-color: #f0dada;
}

form.loginform {
	width: 580px;
	padding: 15px 20px 20px;
	border: 1px solid #cacaca;
	margin: 100px auto 0;
}

@media screen and (max-width: 1000px) {
	form.loginform {
		width: 100%;
	}
}

form.forgotpasswordform {
	width: 400px;
	margin: 20px auto;
}

form.forgotpasswordform {
	width: 340px;
}

TABLE.svyLogin {
	width: 100%;
}

.svyLogin td {
	padding: 2px 4px;
	vertical-align: top;
}

.svyLogin tr td:first-child {
	padding-top: 7px;
}

table.svyLogin td input.loginfield {
	width: 250px;
}

@media screen and (max-width: 1000px) {
	table.svyLogin td input.loginfield {
		width: 200px;
	}
}

.svyLogin .displayfield {
	padding: 5px 4px;
	display: inline-block;
	font-weight: bold;
}
/* whats this for?
.login  { width: 280px;}
.login td { padding: 2px 5px !important; background-color:#F6F6F6; }
*/
/* List page title heading */
.titleHeading {
	border: 1px solid #ccc;
}

.titleHeading th {
	color: white;
	padding: 5px;
	background: url(images/dataheading-bg-black.gif) 0 0 repeat-x;
	font-weight: bold;
	text-align: left;
}

.titleHeading td {
	border: 0;
	padding: 0;
}

/* gridview styles */
/*.AspNet-GridView { float: left; }*/
/*ul li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url('');
	font-weight:normal;
}
*/
.svyList {
	border-collapse: collapse;
	width: 100%;
}

.svyList TD,
.svyList TH {
	padding: 5px !important;
	font-size: 11px;
	float: none;
}

.svyList TH {
	white-space: nowrap;
}

.svyList .AspNet-GridView-Header A {
	color: black;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
}

.svyList .AspNet-GridView-Header A:hover {
	text-decoration: none;
}

.svyList .AspNet-GridView-Header TH {
	background-color: #ccc;
	background-image: none;
	color: black !important;
	font-weight: normal !important;
	text-align: left;
}

.svyList .AspNet-GridView-Normal {
	background: #eeeeee;
}

.svyList .AspNet-GridView-Normal .textblock {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.svyList .AspNet-GridView-Alternate {
	background: white;
}

.svyList .section {
	border-top: 4px solid #929497;
	background-color: #e1e1e1;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}
/* highlighting - makes use of jquery in admin.master*/
.svyList tr.highlight {
	background-color: #c2c2ff;
}

li.highlight {
	background-color: rgba(113, 207, 239, 0.73);
	border-radius: 7px;
}

.svyPager { /*xborder: solid 1px black;*/
	background: #eeeeee;
	text-align: right;
	padding: 5px 5px;
}

.svyPager A {
	text-decoration: none;
}

.svyPager A:hover {
	text-decoration: underline;
}

.AspNet-GridView-Top {
	border-bottom: none;
}

.AspNet-GridView-Bottom {
	border-top: none;
}

/* edit pages */
.svyEdit {
	border-collapse: collapse;
	margin-bottom: 15px;
}

@media screen and (min-width: 1000px) {
	.svyEdit {
		/*min-width: 80%;*/
		width: 100%;
	}
}

.svyEdit td {
	padding: 5px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	/*background: #f9f9f9;*/
}

.svyEdit td.field td:not(.svySubformRow td) {
	padding: 5px;
}

/* 2021-03-04 mn trying without this, see if ok
.svyEdit td.field td {
	border: inherit;
}*/

.svyEdit th {
	text-align: left;
	padding: 5px;
}

.svyEdit th[align=right] {
	text-align: right;
}

.svyEdit th[align=center] {
	text-align: center;
}

.svyEdit .label {
	background: white;
	/*vertical-align: top; mn 2021-02-23 removed, so labels line up nicer with fields in edit forms - should be ok to go back to codelib */
	padding: 5px;
}

.svyEdit .svyText {
	width: 250px;
}

.svyEdit .svyShortText {
	width: 30px;
}

.svyEdit .svyMediumText {
	width: 150px;
}

.svyEdit .svyMediumWideText {
	width: 400px;
	max-width: 400px;
	display: block;
}

.svyEdit .svyWideText {
	width: 500px;
	margin-right: 10px;
}

.flex-horizontal .svyEdit .svyWideText {
	margin-right: 10px;
}

@media (max-width: 1600px) {
	.flex-horizontal .svyEdit .svyWideText {
		width: 400px;
	}
}

@media (max-width: 1400px) {
	.flex-horizontal .svyEdit .svyWideText {
		width: 300px;
	}
}

.svyEdit .svyFullWidthText {
	width: 95%;
	max-width: 95%;
}

.svyEdit .svySubform .svyWideText {
	/*max-width: 400px;  mn 2022-11-01 not really needed, works better without a maxwidth and use nogrow on other columns */
	min-width: 100px;
	width: 100%;
	margin-right: 10px;
}

.svyEdit .svySubform textarea.svyWideText {
	min-height: 50px;
	min-width: 300px;
}


.svyEdit .svySubform .child-label {
	font-weight: bold;
}

.svySubformPasteTextarea {
	width:100%;
	height:100px;
}

.svyEdit .svyDatePickerIcon {
	vertical-align: top;
}

a.svy-date-closer {
	text-decoration: none;
	position: absolute;
	top: -12px;
	left: -8px;
	font-size: 20px;
	font-weight: normal;
	color: black;
	cursor: pointer;
}

a.svy-date-closer:hover {
	text-decoration: none;
	font-weight: bold;
}

.svyEdit .svyDatePickerIcon IMG {
	vertical-align: middle;
}

.svyEdit .svyGeoAddress {
	display: none;
	width: 300px;
	height: 300px;
	border: solid 1px black;
	margin: 10px;
}

.svyEdit .help_text {
	font-size: 12px;
	display: none;
	padding: 2px 0 4px 0;
}

.svyEdit .footer, .svyEdit .header, .svyHeaderButtonBar {
	padding: 10px; /*extra bottom padding for required key  - gone now*/
	position: relative;
	background-color: #58585A;
}

.std-footer-buttons {
	float: left;
	color: white;
}

.extra-footer-buttons {
	float: right;
	padding-top: 4px;
	padding: 0 15px 0 0;
}
/*.svyEdit span.mceEditor {display:none;}   -- this just doesnt work */
.svyEdit textarea.mceEditor { /*If this isn't here, then validation won't work on textareas''*/
	display: block !important;
	visibility: hidden;
	height: 0;
}

.svyEdit .mceEditor .mceToolbar {
	border-top: solid 1px #cccccc !important;
	border-bottom: solid 1px #cccccc !important;
}

.svyEdit .mceEditor .mceToolbar .mceToolbar {
	border: none !important;
}

.svyEdit .mceEditor .mceStatusbar {
	position: relative;
	line-height: 20px;
	border-top: solid 1px #cccccc !important;
	border-bottom: solid 1px #cccccc !important;
}

.svyEdit .mceEditor .mceStatusbar DIV {
	/*color: #cccccc;*/
	/*padding-left: 3px;*/
	display: none;
}

/* change MCE content width here depending on how wide the general content area of the site is */
.svyEdit .mceEditor {
	width: 612px;
	display: block;
}
/* change MCE content width here depending on how wide the general content area of the site is */

/* for sub tables we don't want borders or extra padding - or do we? */
.svyEdit TD TD {
	padding: 4px;
}

.svyEdit .svySubform TD TD {
	border: none;
	padding: 4px;
}

/*
mn 2020-03-14 - not sure purpose of these OL and UL overrides - removing to enable bullets to have default style eg when writing some points in admin help
.svyEdit OL {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

.svyEdit OL LI {
	padding: 2px 0;
}

.svyEdit UL {
	margin: 0;
	padding: 0;
}

.svyEdit UL.RatingOptions LI {
	float: left;
	width: 30px;
}

.svyEdit UL.RatingOptions LI INPUT {
	vertical-align: bottom;
	margin-right: 3px;
}
*/

.svyHorizontalRadioList TD {
	vertical-align: middle;
}

.savvyRadioList input, .savvyRadioList label {
	vertical-align: middle;
	cursor: pointer;
}

.savvyRadioList input.readonly, .savvyRadioList label.readonly, input.readonly {
	cursor: not-allowed;
	font-style: italic;
}
label.readonly {
	cursor: not-allowed;
	font-style: italic;
}

.savvyRadioList {
	/*display: block; mn 20181126 should be able to have radios next to each other, esp in search filters */
	padding-right: 20px;
	cursor: pointer;
}


.savvyRadioList input {
	max-width: 30px;
	cursor: pointer;
}

/*
	
	example custom radio colour					 - note 0083b3 is replaced by preprocessor in adminbase/AdminCSS
									*/
/*input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: 7px;
	left: -1px;
	position: relative;
	background-color: #d1d3d1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}

input[type='radio'].yesno:after {
	top: 7px;
}

input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: 7px;
	left: -1px;
	position: relative;
	background-color: #81154F;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}

input[type='radio'].yesno:checked:after {
	top: 7px;
}

input[type='radio'].svyRadio:after { /*2021-03-05jn added for radios on their own, e.g. not a yesno  */
	top: -1px;
}

input[type='radio'].svyRadio:checked:after {
	top: -1px;
}

.savvyRadioList.svyRadioContainer input[type='radio']:after { /*2021-03-05jn added for radios on their own, e.g. not a yesno  */
	top: -1px;
}

.savvyRadioList.svyRadioContainer input[type='radio']:checked:after {
	top: -1px;
}

/*2024-01-24 TW63752 Admin refresh radio style issues - this is scewing up radio button positioning */
/*2021-03-05jn added for radios on their own, e.g. not a yesno  */
/*.field .savvyRadioList input[type='radio']:after { 
	top: 8px;
}*/

/*2024-01-24 TW63752 Admin refresh radio style issues - this is scewing up radio button positioning */
/*.field .savvyRadioList input[type='radio']:checked:after {
	top: 8px;
}*/

.datetimewrap {
	white-space: nowrap;
}

.svyScrollHeight {
	height: 200px;
	overflow: auto;
}

.svyEdit TR.advancedOptions .label {
	font-style: italic;
}

.svyEdit .section {
	/*border-top: 4px solid #929497;*/
	border-top: none;
	background-color: #58585A; /* 26 = 15% opacity */
}

/* Subform  */
table.svySubform {
	/*width: 100%; mm 20190305 often this looks silly, so just put 100% on the ones you want to be 100% */
	/*min-width: 50%;  mn 2021-02-19 not really needed */
	margin: 0; /*margin: 4px 0 0;*/
	padding: 0;
	border-spacing: 0;
	position: relative;
}

td.field table.svySubform {
	top: -5px; /*parent td.field has a padding of 5px so counteracting this*/
	left: -5px;
	margin-bottom: -10px;
	max-width: calc(100% + 10px);
}

td.field.savvy-subform-container {
	padding: 0; /*remove padding of 5px so subform fits snuggly*/
}
td.field.savvy-subform-container table.svySubform {
	top: 0; /*revert to normal since container padding already removed*/
	left: 0;
	margin-bottom: 0;
	max-width: 100%;
}

.full-width-subform table.svySubform {
	width: calc(100% + 10px);
}

table.svySubform td {
	/*	margin: 0;
	border: none;
	height: initial;*/
	/*vertical-align: top;*/
	padding: 5px !important;
	vertical-align: middle;
}

.svyEdit .label.label-align-top {
	vertical-align: top;
	padding-top:12px;
}

table.svySubform td[valign=top] {
	vertical-align: top;
}

table.svySubform td[valign=middle] {
	vertical-align: middle;
}

table.svySubform td[valign=bottom] {
	vertical-align: bottom;
}

table.svySubform .remove {
	text-align: center;
}

table.svySubform .remove input {
	padding: 0px;
	width: 15px;
}

table.svySubform td.colhead, table.svySubform td.colhead.remove,
table.svySubform th.colhead, table.svySubform th.colhead.remove {
	font-weight: bold;
	background-color: #E9E9E9;
	padding: 5px;
	color: black;
}

table.svySubform .data-table-heading-row {
	background-color: #E9E9E9;
}

table.svySubform td.remove {
	width: 10px;
	text-align: right;
}

table.svySubform td.addingRow {
	border: none;
	padding: 6px 2px;
}

.addingRow-note {
	display: inline-block;
	margin-left: 20px;
}

.svySubformRow td {
	/* mn 20151206 removed bg colour, striping is broken anyway */
	padding: 2px 2px 0;
}

.totals-row td, .svySubformTotalRow td {
	background-color: #ccc;
	font-weight: bold;
	padding: 4px;
}

/*table.svySubform tr[class^="svySubformRow"]:nth-child(odd):hover td,
table.svySubform tr[class^="svySubformRow"]:nth-child(even):hover td {
	background-color: #BCBCBC ;
}*/

/* svy subform with divs */
div.svySubformRow,
div.svySubform .addingRow {
	position: relative;
	padding: 5px;
}

div.svySubformRow .svyWideText {
	max-width: 200px; /*ss - 20160525 change this to make the fields as wide as you want*/
}

div.svySubform .svyDeleteChildBtn {
	position: absolute;
	right: 0;
	top: 3px;
	padding: 0 6px;
	z-index: 10;
	margin-right: 20px;
}

table.svySubform .svyDeleteChildBtn {
	margin-top: 3px;
}


/* field width helpers */
.fw200 {
	padding-right: 20px;
	display: inline-block;
}
@media (min-width: 500px) {
	.fw200 {
		width: 200px;
	}
}

.fw300 {
	padding-right: 20px;
	display: inline-block;
}
@media (min-width: 500px) {
	.fw300 {
		width: 300px;
	}
}

.fw530 {
	padding-right: 20px;
	display: inline-block;
}
@media (min-width: 500px) {
	.fw530 {
		width: 530px;
	}
}

/* Note: style up your div child form below under the 'Custom App Specific' comment */

/* Breadcrumb */
.svyBreadcrumb {
	display: block;
	margin-top: 5px;
}

/* Calendar */
.svyCal {
	border: solid 1px black;
}

.svyCalToday {
	color: black;
	background: #87b1f5;
}

.svyCalSelector A {
	background: #FFCC66;
}

.svyCalNextPrev A {
	font-size: 9pt;
	text-decoration: none;
}

.svyCalDay {
	background: #cccccc;
}

.svyCalSelected {
	font-weight: bold;
	background: #CCCCFF;
}

.svyCalTitle {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background: #2a166f;
}

.svyCalOtherMonth A {
	color: silver;
}

/* NavTree */
.svyNavTree {
	width: 600px;
	margin: 0;
	padding: 0;
	background: #eeeeee;
}

.svyNavTree LI {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
}

.svyNavTree A {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.svyNavTree A SPAN {
	text-decoration: underline;
}

.svyNavTree .link a {
	float: right;
	margin-left: 5px;
	width: 15px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding-left: 0px;
	border: none;
}

.svyNavTree .newpage a {
	float: right;
	margin-left: 5px;
	width: 15px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding-left: 0px;
	border: none;
}

.svyNavTree .sort_position {
	float: right;
	margin-left: 5px;
	width: 35px;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
}

.svyNavTree .preview {
	float: right;
	margin-left: 5px;
	font-weight: normal;
	font-size: 10px;
}

.svyNavTree LI A {
	padding-left: 10px;
	background: #939393;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

.svyNavTree LI UL {
	margin: 0;
	padding-left: 0;
}

.svyNavTree LI UL LI A {
	padding-left: 30px;
	background: #bfbfbf;
	color: black;
	font-weight: normal;
	font-size: 11px;
	border-bottom: solid 1px #ccc;
}

.svyNavTree LI UL LI UL LI A {
	padding-left: 50px;
	background: #e6e6e6;
}

.svyNavTree LI UL LI UL LI UL LI A {
	padding-left: 70px;
	background: #fff;
}

.svyNavTree .invisible A {
	color: Silver;
	background: white;
	font-weight: normal;
	font-size: 11px;
}

/* highlighting - makes use of jquery in admin.master*/
.svyNavTree li a.highlight {
	background-color: #c2c2ff;
}
/* top level highlight */
/*.svyNavTree li li a.highlight { background-color: #c2c2ff; }*/

.address {
	width: 300px;
}

.address_map {
	display: none;
	height: 300px;
	border: solid 1px #244a4f;
}

#searchButton {
	font-size: 8pt;
	height: 10px;
}
/* these are copied from the site.css for the mceEditor - add !important to everything except the margins */
.mceText {
	font-family: Arial, sans-serif !important;
}

.mce_p .mceText {
	font-size: 12px !important;
	color: #999999 !important;
}

/*
Administration menu -  Developers
bg colors:
background-color: color:#e01b1f;
background-color: #fcb3b4;
background-color: #fdd7d8;
*/
.svyEdit.developers th,
.svyEdit.developers .label.section strong {
	color: #e01b1f;
}

.svyEdit.developers .section {
	border-top-color: #e01b1f;
}

.svyEdit.developers td {
	border-color: #fcb3b4;
	background: #fdd7d8 url(images/devonly.png) no-repeat center center;
}

.svyEdit.developers th {
	background: url(images/devonly.png) no-repeat center center;
}

.svyEdit.developers td.label {
	background-color: white;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Moved headings into headings.css */
/* -------------------------------------------------------------------------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 30px;
	line-height: 35px;
}

h2 {
	font-size: 24px;
	line-height: 35px;
}

h3 {
	font-size: 18px;
	line-height: 150%;
}

h4 {
	font-size: 16px;
	line-height: 150%;
}

h5, h6 {
	line-height: 18px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 11px;
}

input.sortposition {
	width: 120px;
}
/* ------ savvy model forms image upload control with select from server -------*/
input.svyPicSelectFilter {
	width: 188px;
	border: 1px solid #cccccc !important;
}

input.readonly {
	background-color: #ddd;
}


.svySubform input.number,
.svySubform input.money {
	text-align: right;
}

input.number {
	width: 88px;
}

input.money {
	width: 98px;
}

.svyPicSelectContainer {
	position: relative;
	float: left;
	width: 745px;
}

.svyPicSelectContainer .svyPicCancelFileWrap {
	position: absolute;
	bottom: 0;
	right: 0;
}

.svyEdit a.svyPicChooseSelectFile,
/*.svyEdit a.svyPicCancelChange { color: #06c; display: block; width: 250px; padding: 1px 0; }*/
.svyPicBrowseDimensions {
	margin-left: 10px;
	float: left;
	clear: none;
	padding-right: 10px;
}

.svyEdit .svyPicCancelFileWrap {
	display: block;
}

select.svyPicSelectFile {
	margin-bottom: 5px;
	width: 300px;
	height: 200px;
	border: 1px dotted #555;
}

.svyPicSelectFilterLabel {
	position: absolute;
	bottom: 30px;
	left: 320px;
	bottom: 8px;
}

.svyPicSelectPreview {
	vertical-align: top !important;
	margin-left: 20px !important;
	max-width: 218px;
	max-height: 170px;
	height: auto;
	width: auto;
}

.svyPicCancelChange {
	margin-bottom: 5px;
}

img.SavvyUploadPreview {
	margin-right: 10px;
	float: left;
	min-width: 30px;
	max-height: 100px;
	max-width: 100px;
}

#ulc_Picture {
	width: 500px;
}

.svyPicOptions {
}

.svyEdit a.svyPicChange {
	color: #06c;
	display: block;
	width: 140px;
	padding: 5px 0 2px 3px;
}

label.svyPicRemove {
	float: left;
	margin-top: 1px;
	padding-bottom: 4px;
}

.svyPicSites {
	float: right;
	margin-right: 36px;
}

.svyScaleContainer label {
	margin: 0 5px 0 5px;
	/*color: #0074cc;*/
}

#insertOptions {
	position: absolute;
	top: 105px;
	left: 180px;
}

/* ------ END savvy model forms image upload control with select from server -------*/
/*input.delete { float: right; }
a.delete { float: right; padding-top: 6px; }*/
a.delete {
	margin-top: 2px;
	margin-left: 50px;
	padding-left: 18px;
	color: #81154F;
}

.story-template,
.page-template,
.link-template,
.special-template {
	display: none;
}

a.colsort {
	color: Black;
}

/* infomessages */
.InfoMessageContainer {
	z-index: 200;
	left: 0;
	right: 0;
	position: fixed;
}

.InfoMessage, .ErrorMessage, .WarningMessage {
	z-index: 200;
	position: absolute;
	top: -200px; /* move off screen */
	width: 400px;
	left: 50%;
	margin-left: -200px;
	transition: all 1s ease-in-out;
	opacity: 0;
	line-height: 150%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}

/*.InfoMessageContainer {
	position: relative;
}*/

.InfoMessage.showing, .ErrorMessage.showing, .WarningMessage.showing {
	top: 50px;
	opacity: 1;
}

.InfoMessage {
	xcolor: black;
	xbackground-color: white;
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.InfoMessageBasic {
	color: #3a87ad;
	background-color: #d9edf7;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ErrorMessage {
	color: #cc0000;
	background-color: #f2dede;
	padding: 8px 14px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #eed3d7;
}

.WarningMessage, .validation-summary-errors {
	padding: 8px 35px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.validation-summary-errors ul {
	margin: 0 25px;
	padding: 0;
}

/* savvy validate form validation styles */
.validation {
	display: none;
	position: relative;
	cursor: default;
}

.validation .validation_outer {
	background: url(../../images/error_msg_arrow.png) 15px 18px no-repeat;
	padding-bottom: 12px;
	position: absolute;
	top: -37px;
	left: -35px;
	z-index: 99;
	width: auto !important;
}

.validation .validation_inner {
	background: #e30418;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	white-space: nowrap;
}

textarea + .validation .validation_outer {
	top: -29px;
}

.validation.autoPosition {
	position: absolute;
}

.validation.autoPosition .validation_outer {
	/* left: auto; */
	top: auto;
}

.uppercase {
	text-transform: uppercase;
}
/* end savvy validate form validation styles */

.publish-status-Live {
	font-weight: bold;
	color: #32A431;
	text-transform: uppercase;
}

.publish-status-Scheduled {
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
}

.publish-status-Draft, .publish-status-Unpublished {
	font-weight: bold;
	color: orange;
	text-transform: uppercase;
}

.yesno-Yes {
	font-weight: bold;
	color: #32A431;
}

.yesno-No {
	font-weight: bold;
	color: #cc0000;
}

.geoaddress-map {
	height: 300px;
}

form {
	padding: 0;
	margin: 0;
}

.clientLogo {
	float: left;
	margin-top: 0px;
	padding-right: 40px;
}

.hide {
	display: none;
}

.ui-datepicker-trigger {
	vertical-align: middle;
	margin: 1px 2px;
}

.placeholder-active {
	color: #999;
}

#searchBox {
	width: 200px;
}

/* jquery.clockpick */
.ClockPick_button {
	vertical-align: middle;
	margin: 0 2px;
}

.svyDate {
	max-width: 200px;
}

.svyDateInput {
	width: 120px;
	max-width: 200px;
}

.svyTimeInput {
	width: 95px;
	max-width: 200px;
}

.svyDateTimeInput {
	max-width: 200px;
}

.boldface {
	font-weight: bold;
}

.flex-horizontal {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-horizontal-item {
	flex-basis: calc(50% - 5px);
	width: unset;
}

/* used when there's only two flex horizontal items. makes them of equal height. ' */
/* e.g. http://carenet.localhost/admin/OfferAdmin/NurseAcceptance?ShiftRequestID=538403 ' */
.flex-horizontal-item .table-in-flex-item {
	width: 100%;
	height: 100%;
}

body:not(.dark-mode)
.flex-horizontal-item td.label:not(.section) {
	/*xtext-align: right;*/
	background-color: #E9E9E9;
}

/* this affects svySubform tables inside flex-horizontal-item(s). added this because it is pushing the container width too far... */
/* ...causing the right side to be pushed down the flex container. does not affect standalone select2 containers inside the flex-horizontal-item(s) */
.flex-horizontal-item:not(.set-width) .svySubform .select2-container.svySelectBox {
	width: auto !important;
}

.good {
	font-weight: bold;
	color: green;
}

.bad {
	font-weight: bold;
	color: #cc0000;
}

.badder {
	font-weight: bold;
	background-color: #cc0000;
	color: white;
	padding: 2px 5px;
	display: inline-block;
}

.orange {
	font-weight: bold;
	color: #e66e19;
}

.greyed {
	color: #999;
}

.inactive .bad,.inactive .good,.inactive .orange {
	font-weight: normal;
	color: #666;
}

.box-3d {
	background-color: #ddd;
	display: inline-block;
	padding: 3px 8px;
	margin: 5px 10px 5px 0;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #ccc;
}

.sticker {
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	background: black;
	padding: 2px 5px;
	display: inline-block;
	line-height: 100%;
	margin: 1px;
	font-size: 13px;
	white-space: nowrap;
}

.stickerOpen,
.sticker.good {
	background: green;
	color: white;
	padding: 2px 5px;
	display: inline-block;
	line-height: 100%;
	margin: 1px;
}

.sticker.bad {
	background: #cc0000;
	color: white;
}

.sticker.orangered {
	background: orangered;
	color: white;
}

.sticker.orange {
	background: #e66e19;
	color: white;
}

.sticker.yellow {
	background: yellow;
	color: black;
}

.sticker.rounded {
	text-transform: unset;
	font-size: unset;
	line-height: unset;
	display: inline-block;
	white-space: nowrap;
	padding: 1px 10px;
	border-radius: 4px;
	color: white;
	text-align: center;	
}

.full-width {
	width: 100%;
}

.right-label {
	height: 100%;
	float: right;
	-moz-min-width: 490px;
	-ms-min-width: 490px;
	-o-min-width: 490px;
	-webkit-min-width: 490px;
	min-width: 490px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-label {
	width: 50%;
}

.right-label.wide-label {
	width: 60%;
}

.right-label .label {
	display: block;
	float: left;
	margin-right: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-label .label.picture-label {
	height: 100%;
	width: 90px;
	padding: 5px 10px;
}

.right-label .right-field-text {
	line-height: 25px;
}

.right-label .savvyRadioList {
	float: right;
	padding-top: 4px;
}

.ui-widget-content {
	xbackground: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 0px;
}



/* required fields marking using border, a bit ugly
input.required, textarea.required, select.required, .savvyRadioList.required, .svySelect2.required .select2-choice {
  border: 1px solid #FFA64A;
  border-radius: 5px;
	padding: 2px;
}*/
/* required fields marking using * after labels (needs js in admincommon.js and savvyvalidate.js) */
.required-star:after {
	content: ' *';
	color: #999;
}

.required-star-key {
	display: none; /* mn 2020-02-24 dont really need to show this these days */
	float: right;
	margin-top: 7px;
	margin-right: 10px;
}

.required-star-key:before {
	content: '* ';
	color: #999;
}

select, input, textarea, a.btn, .btn {
	transition: all 0.25s ease-out;
}

/* styles from twitter bootstrap */

select, input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):not([type=file]) {
	height: 30px;
}

select, input, textarea {
	margin-left: 0;
	border: 1px solid #999;
	vertical-align: middle;
	margin: 0;
	/*margin:0 5px;  mn 2020-02-25 removed odd margin */
}

input[type=submit], input[type=button], input[type=checkbox], input[type=radio], input[type=file] {
	border: none;
}

input, textarea {
	padding: 2px 4px;
}

input[type=file] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type=file], input[type=checkbox], input[type=radio] {
	border: none;
}

input.yesno {
	margin-top: 3px;
}
/* remove borders which appear on old IE */
input:focus, textarea:focus, select:focus {
	border-color: #81154F;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #81154F;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #81154F;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px #81154F;
	outline: 0;
	outline: thin dotted \9;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none;
}

/* mn 20181114 added these as well, we don't want to break backwards compatibility and they have not caused any probs */
input[type="button"], input[type="reset"], input[type="submit"],
input[type=button].svyButton, input[type=reset].svyButton, input[type=submit].svyButton {
	width: auto;
	height: auto;
	text-transform: uppercase;
}

/* mn 20181114 added these as well, we don't want to break backwards compatibility and they have not caused any probs */
button, input[type=submit], input[type=button],
.btn, button.svyButton, input[type=submit].svyButton, input[type=button].svyButton { /* did someone forget to commit the Savvy HTML Helper that adds these styles? */
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	*margin-left: .3em;
	text-transform: uppercase;
	font-weight: bold;
	/*opacity: 0.7;*/
	color: #666;
	border: 2px solid #666;
	background: white;
	-webkit-appearance: none;
}

.btn:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
	color: #81154F;
	border: 2px solid #81154F;
}

.btn.dev, input[type=submit].dev, input[type=button].dev, .btn.dev:hover, input[type=submit].dev:hover, input[type=button].dev:hover {
	color: white;
	border-color: white;
	background-color: #e01b1f;
}

input:disabled, textarea:disabled, select:disabled,
input[readonly="readonly"], textarea[readonly="readonly"] {
	border: 1px solid #aaa;
	background-color: #e6e6e6;
	opacity: 0.7;
}

body#advimage input[type=text] {
	border: 1px solid #aaa;
	padding: 2px 4px;
}

.btn.disabled, .btn[disabled], button[disabled] {
	background-color: #e6e6e6;
	cursor: not-allowed;
}

.btn.disabled:hover, .btn[disabled]:hover, button[disabled]:hover {
	background-color: #e6e6e6;
	cursor: not-allowed;
	border: 2px solid #666;
}



.btn:first-child {
	*margin-left: 0;
}

.btn:hover, button, input[type=submit]:hover, input[type=button]:hover {
	text-decoration: none;
	opacity: 1;
}

.btn:focus, input[type=submit]:focus, input[type=button]:focus {
	outline: thin dotted #333;
	outline: 5px auto #81154F;
	outline-offset: -2px;
}

.btn.active, .btn:active, button, input[type=submit]:active, input[type=button]:active {
	xoutline: 0;
}


.ui-widget-content a.svyCancel, a.svyCancel {
	color: #838383;
}

/* mn 2020-09-27 removed grey for cancel because some users say it looks disabled
input[type=button].cancel {
	color: #838383;
	border: 2px solid #838383;
	background: white;
}*/

.button-group {
	display: inline-block;
	position: relative;
}

.button-group .group-items-separator {
	height: 4px;
	width: 100%;
}

.button-group .hover-btn {
	position: relative;
	z-index: 20;
	min-width: 80px;
}

.button-group .group-items-outer {
	position: absolute;
	padding: 4px 0;
	display: none;
}

.button-group .group-items {
	border: 2px solid #ffcc33;
	/*border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;*/
	border-radius: 7px;
	overflow: hidden;
	min-width: 100px;
}

.footer .button-group .group-items-outer {
	bottom: 34px;
}

.button-group:hover .group-items-outer {
	display: block;
}

.button-group .group-items input[type=submit],
.button-group .group-items input[type=button],
.button-group .group-items button,
.button-group .group-items a {
	display: block;
	width: 100%;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #ffcc33;
}

.button-group .group-items input[type=submit]:last-child,
.button-group .group-items input[type=button]:last-child,
.button-group .group-items button:last-child,
.button-group .group-items a:last-child {
	border-bottom: none;
}


.arrow {
	float: right;
	margin-top: 7px;
	margin-left: 6px;
}

.hover-btn:hover span.arrow-up,
a:hover span.arrow-up {
	border-bottom: 5px solid black;
}

.hover-btn:hover span.arrow-down,
a:hover span.arrow-down {
	border-top: 5px solid black;
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ffcc33;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffcc33;
}

.btn .btn-danger, input.svySaveButton .btn-danger, input[type=submit].btn-danger, input[type=button].btn-danger {
	background-color: hsl(360, 82%, 35%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e81b1b", endColorstr="#a21010");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e81b1b), to(#a21010));
	background-image: -moz-linear-gradient(top, #e81b1b, #a21010);
	background-image: -ms-linear-gradient(top, #e81b1b, #a21010);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e81b1b), color-stop(100%, #a21010));
	background-image: -webkit-linear-gradient(top, #e81b1b, #a21010);
	background-image: -o-linear-gradient(top, #e81b1b, #a21010);
	background-image: linear-gradient(#e81b1b, #a21010);
	border-color: #a21010 #a21010 hsl(360, 82%, 31%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.26);
	-webkit-font-smoothing: antialiased;
}

.btn.disabled, .btn[disabled],
.btn:disabled, button:disabled, input[type=submit]:disabled, input[type=button]:disabled
 {
	cursor: not-allowed;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	color: #999 !important;
}

#searchBox.svyWideText,
#Search.svyWideText {
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	transition: all 0.25s ease-out;
	/*background-color: #626262;*/
	/*color: white;*/
	cursor: auto;
	display: inline-block;
	float: none;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 3px;
	text-align: -webkit-auto;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	vertical-align: middle;
	width: 160px;
	word-spacing: 0px;
}

#searchBox.svyWideText:active, #searchBox.svyWideText:focus,
#Search.svyWideText:active, #Search.svyWideText:focus {
	background: white;
	color: black;
}

.btn-mini, input[type=submit].btn-mini, input[type=button].btn-mini {
	padding: 2px 6px;
	font-size: 11px;
	line-height: 14px;
	/*height: 24px;*/
}

.btn-micro, input[type=submit].btn-micro, input[type=button].btn-micro {
	padding: 1px 3px;
	font-size: 9px;
	line-height: 11px;
}

.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	font-size: 10pt;
}

.close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}


.alert {
	padding: 8px 35px 8px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-heading {
	color: inherit;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}

[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 7px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("images/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	opacity: 0.8;
}

[class="icon-search"] {
	background-image: url("images/glyphicons-halflings.png");
}

.btn:hover [class^="icon-"],
.btn:hover [class*=" icon-"],
a:hover [class^="icon-"],
a:hover [class*=" icon-"] {
	background-image: url("images/glyphicons-halflings-white.png");
	opacity: 1;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
	*margin-left: 0;
}

.icon-white {
	background-image: url("images/glyphicons-halflings-white.png");
}

.icon-glass {
	background-position: 0 0;
}

.icon-music {
	background-position: -24px 0;
}

.icon-search {
	background-position: -48px 0;
}

.row-list .icon-search {
	margin-right: 0;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-heart {
	background-position: -96px 0;
}

.icon-star {
	background-position: -120px 0;
}

.icon-star-empty {
	background-position: -144px 0;
}

.icon-user {
	background-position: -168px 0;
}

.icon-film {
	background-position: -192px 0;
}

.icon-th-large {
	background-position: -216px 0;
}

.icon-th {
	background-position: -240px 0;
}

.icon-th-list {
	background-position: -264px 0;
}

.icon-ok {
	background-position: -288px 0;
}

.icon-remove {
	background-position: -312px 0;
}

.icon-zoom-in {
	background-position: -336px 0;
}

.icon-zoom-out {
	background-position: -360px 0;
}

.icon-off {
	background-position: -384px 0;
}

.icon-signal {
	background-position: -408px 0;
}

.icon-cog {
	background-position: -432px 0;
}

.icon-trash {
	background-position: -456px 0;
}

.icon-home {
	background-position: 0 -24px;
}

.icon-file {
	background-position: -24px -24px;
}

.icon-time {
	background-position: -48px -24px;
}

.icon-road {
	background-position: -72px -24px;
}

.icon-download-alt {
	background-position: -96px -24px;
}

.icon-download {
	background-position: -120px -24px;
}

.icon-upload {
	background-position: -144px -24px;
}

.icon-inbox {
	background-position: -168px -24px;
}

.icon-play-circle {
	background-position: -192px -24px;
}

.icon-repeat {
	background-position: -216px -24px;
}

.icon-refresh {
	background-position: -240px -24px;
}

.icon-list-alt {
	background-position: -264px -24px;
}

.icon-padlock, .icon-lock {
	background-position: -287px -24px;
}

.icon-flag {
	background-position: -312px -24px;
}

.icon-headphones {
	background-position: -336px -24px;
}

.icon-volume-off {
	background-position: -360px -24px;
}

.icon-volume-down {
	background-position: -384px -24px;
}

.icon-volume-up {
	background-position: -408px -24px;
}

.icon-qrcode {
	background-position: -432px -24px;
}

.icon-barcode {
	background-position: -456px -24px;
}

.icon-tag {
	background-position: 0 -48px;
}

.icon-tags {
	background-position: -25px -48px;
}

.icon-book {
	background-position: -48px -48px;
}

.icon-bookmark {
	background-position: -72px -48px;
}

.icon-print {
	background-position: -96px -48px;
}

.icon-camera {
	background-position: -120px -48px;
}

.icon-font {
	background-position: -144px -48px;
}

.icon-bold {
	background-position: -167px -48px;
}

.icon-italic {
	background-position: -192px -48px;
}

.icon-text-height {
	background-position: -216px -48px;
}

.icon-text-width {
	background-position: -240px -48px;
}

.icon-align-left {
	background-position: -264px -48px;
}

.icon-align-center {
	background-position: -288px -48px;
}

.icon-align-right {
	background-position: -312px -48px;
}

.icon-align-justify {
	background-position: -336px -48px;
}

.icon-list {
	background-position: -360px -48px;
}

.icon-indent-left {
	background-position: -384px -48px;
}

.icon-indent-right {
	background-position: -408px -48px;
}

.icon-facetime-video {
	background-position: -432px -48px;
}

.icon-picture {
	background-position: -456px -48px;
}

.icon-pencil {
	background-position: 0 -72px;
}

.icon-map-marker {
	background-position: -24px -72px;
}

.icon-adjust {
	background-position: -48px -72px;
}

.icon-tint {
	background-position: -72px -72px;
}

.icon-edit {
	background-position: -96px -72px;
}

.icon-share {
	background-position: -120px -72px;
}

.icon-check {
	background-position: -144px -72px;
}

.icon-move {
	background-position: -168px -72px;
}

.icon-step-backward {
	background-position: -192px -72px;
}

.icon-fast-backward {
	background-position: -216px -72px;
}

.icon-backward {
	background-position: -240px -72px;
}

.icon-play {
	background-position: -264px -72px;
}

.icon-pause {
	background-position: -288px -72px;
}

.icon-stop {
	background-position: -312px -72px;
}

.icon-forward {
	background-position: -336px -72px;
}

.icon-fast-forward {
	background-position: -360px -72px;
}

.icon-step-forward {
	background-position: -384px -72px;
}

.icon-eject {
	background-position: -408px -72px;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

.icon-plus-sign {
	background-position: 0 -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.icon-remove-sign {
	background-position: -48px -96px;
}

.icon-ok-sign {
	background-position: -72px -96px;
}

.icon-question-sign {
	background-position: -96px -96px;
}

.icon-info-sign {
	background-position: -120px -96px;
}

.icon-screenshot {
	background-position: -144px -96px;
}

.icon-remove-circle {
	background-position: -168px -96px;
}

.icon-ok-circle {
	background-position: -192px -96px;
}

.icon-ban-circle {
	background-position: -216px -96px;
}

.icon-arrow-left {
	background-position: -240px -96px;
}

.icon-arrow-right {
	background-position: -264px -96px;
}

.icon-arrow-up {
	background-position: -289px -96px;
}

.icon-arrow-down {
	background-position: -312px -96px;
}

.icon-share-alt {
	background-position: -336px -96px;
}

.icon-resize-full {
	background-position: -360px -96px;
}

.icon-resize-small {
	background-position: -384px -96px;
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-minus {
	background-position: -433px -96px;
}

.icon-asterisk {
	background-position: -456px -96px;
}

.icon-exclamation-sign {
	background-position: 0 -120px;
}

.icon-gift {
	background-position: -24px -120px;
}

.icon-leaf {
	background-position: -48px -120px;
}

.icon-fire {
	background-position: -72px -120px;
}

.icon-eye-open {
	background-position: -96px -120px;
}

.icon-eye-close {
	background-position: -120px -120px;
}

.icon-warning-sign {
	background-position: -144px -120px;
}

.icon-plane {
	background-position: -168px -120px;
}

.icon-calendar {
	background-position: -192px -120px;
}

.icon-random {
	background-position: -216px -120px;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-magnet {
	background-position: -264px -120px;
}

.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

.icon-retweet {
	background-position: -336px -120px;
}

.icon-shopping-cart {
	background-position: -360px -120px;
}

.icon-folder-close {
	background-position: -384px -120px;
}

.icon-folder-open {
	background-position: -408px -120px;
}

.icon-resize-vertical {
	background-position: -432px -119px;
}

.icon-resize-horizontal {
	background-position: -456px -118px;
}

.icon-hdd {
	background-position: 0 -144px;
}

.icon-bullhorn {
	background-position: -24px -144px;
}

.icon-bell {
	background-position: -48px -144px;
}

.icon-certificate {
	background-position: -72px -144px;
}

.icon-thumbs-up {
	background-position: -96px -144px;
}

.icon-thumbs-down {
	background-position: -120px -144px;
}

.icon-hand-right {
	background-position: -144px -144px;
}

.icon-hand-left {
	background-position: -168px -144px;
}

.icon-hand-up {
	background-position: -192px -144px;
}

.icon-hand-down {
	background-position: -216px -144px;
}

.icon-circle-arrow-right {
	background-position: -240px -144px;
}

.icon-circle-arrow-left {
	background-position: -264px -144px;
}

.icon-circle-arrow-up {
	background-position: -288px -144px;
}

.icon-circle-arrow-down {
	background-position: -312px -144px;
}

.icon-globe {
	background-position: -336px -144px;
}

.icon-wrench {
	background-position: -360px -144px;
}

.icon-tasks {
	background-position: -384px -144px;
}

.icon-filter {
	background-position: -408px -144px;
}

.icon-briefcase {
	background-position: -432px -144px;
}

.icon-fullscreen {
	background-position: -456px -144px;
}

/* end from twitter bootstrap */
/* breadcrumb */

#breadcrumb {
	font: 11px Arial, Helvetica, sans-serif;
	display: inline-block;
	vertical-align: middle;
	/*background-color: #eee;*/
	height: 30px;
	line-height: 30px;
	color: #9b9b9b;
	/*border: solid 1px #cacaca;*/
	overflow: hidden;
	/*margin: 0 0 10px;*/
	padding: 0px;
}

#breadcrumb.top-quick-nav-bottom {
	flex-basis: 100%;
	padding-top: 5px;
	margin-top: 5px;
	height: auto;
	border-top: 1px solid lightgray;
}

#breadcrumb li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
}

#breadcrumb li:first-child {
	padding-left: 0;
}


#breadcrumb a {
	height: 30px;
	display: block;
	position: relative;
	padding-right: 15px;
	text-decoration: none;
	/* color: #454545;*/
}

a.breadcrumb-link:after {
	content: '\f105';
	font-family: 'Font Awesome 5 Pro';
	font-size: 18px;
	position: absolute;
	right: 0;
}

.launch-site {
	margin-top: 2px;
	display: inline-block;
	vertical-align: middle;
	/*margin-left: 10px;*/
	/*float: right;*/
}

.home {
	border: none;
	margin: 8px 0px;
}

#breadcrumb a:hover {
	color: #35acc5;
}

.admin-bread-bar {
	margin-bottom: 20px;
}

.admin-search-tools {
	float: right;
	margin-top: 2px;
	font-size: 0;
}

.admin-search-tools input, .admin-search-tools select {
	font-size: 13px;
	height: 25px;
}

/* end breadcrumb */

/* adjustments for different sized screens */


/*@media screen and (max-width: 540px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 400px;
		font-size: 20px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}
	.svyWrapperOuter {
		width: 440px;
	}

	.svyEdit .label {
		width: 150px;
	}

	.svyEdit .svyWideText {
		width: 250px;
	}
}

@media screen and (min-width: 540px) and (max-width: 650px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 500px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		width: 540px;
	}

	.svyEdit .svyWideText {
		width: 300px;
	}
}

@media screen and (min-width: 650px) and (max-width: 750px) {
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 600px;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		width: 640px;
	}

	.svyEdit .svyWideText {
		width: 360px;
	}
}

@media screen and (min-width: 750px) { 
	.svyWrapper, .svyWrapper .databox, .svyWrapper .svyEdit {
		width: 100%;
	}

	.svyWrapper .field .svyEdit {
		width: inherit;
	}

	.svyWrapperOuter {
		max-width: 2420px;
	}

	.svyEdit .svyWideText {
		width: 460px;
	}
}
*/




/* really wide
@media (min-width: 1600px) {                   
  .svyWrapperOuter, .svyWrapper .databox, .svyWrapper .svyEdit { width: 1400px; }
	.svyWrapperOuter { width: 1440px; }
}
 */
/* end adjustments for different sized screens */

/* File drag and paste css */
div.svyPicContainer {
	width: 500px;
}

div.svyPicContainer .svyScaleContainer {
	padding: 5px 2px 7px 2px;
	/*color: #81154F;*/
	/*font-size: 11px;*/
	width: 435px;
	text-align: left;
	display: none;
}

div.svyPicContainer, div.svyPictureContainer .svyLinkContainer {
	float: left;
	clear: none;
	padding-right: 10px;
}

div.svyPicContainer .svyPasteDragContainer {
	width: 170px;
	height: 200px;
}

div.svyPicContainer .svyCancelPaste a {
	/*xmargin-top: 10px;*/
}

div.svyPicContainer .svyPicSectionBreak {
	float: left;
	margin-right: 50px;
	margin-bottom: 5px;
}

div.svyPicContainer .svyFreeImageText {
	font-size: 11px;
	color: #0074cc;
	margin-right: 5px;
}
/* mn 20181114 - not needed anymore 
.svyAttachmentCntr .svyPasteLink {
	display: none; 
}
*/
.svyPasteLink:visited,
.svyPasteLink {
	margin-bottom: 10px;
	/*color: #000;
	clear: both;
	padding: 5px;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));*/
}


div.svyFileNameText {
	margin-bottom: 4px;
}

div.svyPicContainer .svyPasteDragContainer a {
	font-weight: normal;
	cursor: default;
	color: #81154F;
}

div.svyPicContainer .svyFileDragTarget, div.svyPicContainer .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyPasteUploadTextContainer {
	width: 140px;
	height: 132px;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage {
	font-weight: bold;
	text-align: center;
	color: #555;
	cursor: default;
	border: 3px dotted #555;
	border-radius: 7px;
	width: 150px;
	height: 140px;
	position: relative;
	background-color: white;
	max-height: 90%;
	max-width: 90%;
	background-size: 140px Auto;
	background-position: center;
	background-color: white;
	display: inline-block;
}

div.svyPicContainer .svyFiledragLive, div.svyPicContainer .svyUploadedImage p {
	white-space: normal;
}


@media (min-width: 1000px) {
	/* todo later
	div.svyPicContainer .svyFiledragLive {
		position: absolute;
		right: 0;
		top: 0;
	}*/
}

div.svyPicContainer .svyDragPasteText p {
	margin-top: 50px;
	white-space: normal;
	text-align: center;
	padding: 5px;
}

.svyDragPaste {
	background-image: url("images/fileUploadBg.png");
}

#svyFiledragLive_Attachment {
	background-image: url("images/fileUploadBg.png");
}

div.svyPicContainer .svyPasteText p {
	padding: 42px 3px 0px 3px !important;
	width: 100% !important;
	white-space: normal !important;
	text-align: center;
	white-space: normal !important;
	text-align: center;
	font-size: 12px !important;
	width: auto;
	z-index: 999999;
	color: black;
	font-size: 13px;
	font-weight: bold;
}

div.svyPicContainer .svyFiledragLive img, .svyUploadedImage img {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.svyPicContainer .svyWhiteText {
	color: white;
}

div.svyPicContainer .svyImagePasteContainer {
	width: 164px;
}

/* repeated div.svyPicContainer .svyFiledragProgess {
	font-size: 11px;
	width: 140px;
	min-width: 140px;
	padding: 2px 5px;
	margin: 2px 0;
	border-radius: 8px;
	background: #eee;
	margin-top: 5px;
	background-color: white;
	margin-top: 5px;
	border: 1px solid #CCC;
}*/

div.svyPicContainer .svyFiledragProgess p {
	height: 10px;
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 2px;
}

div.svyPicContainer .svyPasteArea {
	background-image: url("images/fancypastebg.png");
	background-size: 100px;
}

div.svyPicContainer .svyDragArea {
	background-image: url("images/fileUploadBg.png");
}

div.svyPicContainer .svyFancyBackground {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .svyFancyBackgroundActive {
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	font-size: 12px;
}

div.svyPicContainer .noBackground {
	background-image: none;
}

div.svyPicContainer .svyPasteArea {
	background-position: center;
	background-repeat: no-repeat;
	border: 2px dotted black;
}

div.svyPicContainer .svyPasteAreaText {
	margin-top: -10px;
	width: 140px;
}

.defaultSkin .svyPasteAreaText {
	margin-top: 0;
}

div.svyPicContainer .svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat;
}

div.svyPicContainer .svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat;
}

div.svyPicContainer .svyWhiteBg {
	background-color: white;
}

div.svyPicContainer .svyFiledragProgess span {
	background: #0c0;
	display: inline-block;
	width: 0%;
	height: 10px;
	position: relative;
}

div.svyPicContainer .svyPasteForm {
	height: 166px;
	width: 155px;
}

.svyPicContainer, .svyPictureContainer {
	width: 500px;
	margin-top: 5px;
	display: inline-block;
	position: relative;
}

.svySubform .svyPicContainer, .svySubform .svyPictureContainer {
	width: 280px;
}

div.svyPicContainer .svyImagePasteAppletContainer {
	display: none;
}

div.svyPicContainer .svyImagePasteConatainer {
	width: 150px;
	height: 180px;
	float: left;
}

div.svyPicContainer .svyPasteImageLink {
	float: left;
}

div.svyPicContainer .svyUploadedImage a {
	margin-top: 40px;
	display: block;
}

div.svyPicContainer .svyAppletPasteText {
	color: white;
	text-align: center;
	width: 145px;
	height: 65px;
	padding-top: 40px;
}

.svyMceImagePasteHelpText {
	margin-top: 25px;
	font-size: 12px;
	color: #81154F;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 5px;
}

.svyUploadError {
	background: red !important;
}

/*File Upload Example*/
.svyFiledragLive, .uploadedImage {
	border: 3px dotted #ccc !important;
	float: left;
	clear: left;
	display: inline-block;
	width: 144px !important;
	height: 134px !important;
}

.svyFiledragProgess {
	/*font-size: 11px !important;*/
	width: 144px;
	/*padding: 2px 5px !important;*/
	/*margin: 2px 0 !important;*/
	/*border-radius: 8px !important;*/
	/*background: #eee !important;*/
	/*margin-top: 5px;*/
	margin-bottom: 15px;
	background-color: white;
	/*border: 1px solid #CCC !important;*/
	border-bottom: 2px solid #333 !important;
	clear: both;
}

.svyFiledragProgess p {
	height: 18px !important;
	padding: 3px !important;
	margin-bottom: 5px !important;
	margin-top: 0 !important;
}

/* AF: 20150304 - Lined up on top of the Choose file button */
.svyFileUpload {
	cursor: pointer;
	position: absolute;
	-ms-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	width: 107px;
	height: 30px;
}

.svyFileUpload.svyFileUploadSmall {
	left: 280px;
}

.svyPasteArea {
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 1px dotted #black !important;
}

.svyPasteAreaText {
	margin-top: -10px !important;
	height: 130px;
	width: 140px;
}

.defaultSkin .svyPasteAreaText {
	margin-top: 0 !important;
}

.svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat !important;
}

.svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat !important;
}

.svyWhiteBg {
	background-color: white !important;
}

.svyFiledragProgess span {
	background: #0c0 !important;
	display: inline-block !important;
	width: 0%;
	height: 10px !important;
	position: relative !important;
}

.svyShowDrag {
	display: initial;
}

.svyHideDrag {
	display: none;
}

.savvy-resize-options {
	display: flex;
}

.savvy-resize-option {
	margin-right: 20px;
}

.savvy-resize-text {
	margin-left: 5px;
	margin-top: 5px;
	font-size: 16px;
}

.savvy-resize-option .savvy-resize-img {
	width: 200px;
	height: 200px;
	border: 2px solid black;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.savvy-resize-option .savvy-resize-img img {
	max-width: 200px;
	max-height: 200px;
}

.savvy-resize-option:hover {
	cursor: pointer;
}

.savvy-resize-option:hover .savvy-resize-img {
	border-color: #999;
}

/* End file drag and paste css */

/* Dashboard - MN 20150412 - updated all to divs and using svy prefix as now rendered by helper */
.svyDashboardTile.svyBigNumberTitle {
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	height: 80px;
}

.svyBigNumber {
	font-size: 40px;
	line-height: 100%;
	padding-right: 3px;
}

.svyBigNumberDescription {
	font-size: 12px;
	color: #666;
	margin-bottom: -8px;
}

.dashBoard {
	margin-bottom: 20px;
}

.dashBoard:after {
	content: "";
	display: table;
	clear: both;
}

.svyDashboardTile {
	background: #eeeeee;
	vertical-align: top !important;
	line-height: 20px;
	border-top: none !important;
	border-bottom: none !important;
	border-right: 2px solid white;
	display: inline-block;
	xfloat: left;
	xheight: 100px; /* for bargraphs without tiles */
	width: 120px;
}

.dashBoard .svyDashboardTile {
	margin-right: 20px;
	display: block;
	float: left;
	height: 100px; /* for bargraphs with tiles */
}

.svyBarGraph {
	width: 100%;
}

.svyBarGraphLabel {
	position: absolute;
	color: #FFF;
	margin-left: 5px;
}

.svyBarGraphOuter {
	width: 100%;
	background: #999;
	float: left;
	margin-right: 10px;
	height: 18px;
	border-radius: 5px;
	padding-right: 3px;
}

div.svyBarGraphInner {
	background: green;
	height: 14px;
	margin-top: 2px;
	margin-left: 2px;
	border-radius: 4px;
	max-width: 100% !important;
}


/* mce image paste ovverides*/



.defaultSkin .svyPictureContainer {
	width: 500px;
}

.defaultSkin .svyPicContainer {
	width: 500px;
}

.defaultSkin .svyPicContainer a {
	border: 1px solid #ccc;
	margin: 2px;
	color: #81154F;
	clear: both;
	padding: 5px;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px;
	border: 1px solid #ccc;
	border-bottom-color: #b3b3b3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
}


.savvyRadioList label {
	padding-right: 10px;
}




.svySpinner {
	background-image: url(images/spinner.gif) !important;
	background-repeat: no-repeat !important;
	display: none;
	width: 18px;
	height: 18px;
	margin: 6px 0 0 10px;
}
/*
override tab styles*/

.ui-widget-header {
	border: 1px solid #a3a3a3;
	background: #eeeeee;
	color: #eeeeee;
	font-weight: bold;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0 !important;
	background: none;
}

.ui-widget {
	font-family: inherit;
	font-size: 13px;
}

.ui-widget-header {
	border: none;
	background: none;
}

.ui-button .ui-button-text {  /* 2022-08-23 mn needed for new version of jqueryui */
	display: block;
	line-height: normal;
	padding: .4em 1em;
}

.ui-dialog {   /* 2022-08-23 mn stop dialog scrolling off screen */
	position: fixed !important;
}

.superuserAdminNote {
	border: 2px dotted red;
	border-radius: 2px;
	background-color: #ccc;
	padding: 5px;
	margin: 2px;
	margin-left: 0;
	max-width: 396px;
}

.superuserAdminNote::before {
	content: "SuperUser";
	position: relative;
	text-align: right;
	color: red;
	font-size: 12px;
	font-family: monospace;
	top: -6px;
	left: -6px;
	border: 1px solid;
}

.adminnote {
	border: 1px dotted #000;
	background-color: #ddd;
	padding: 5px;
	margin: 5px;
	xmax-width: 496px;
	line-height: 160%;
}

div.adminnote {
	margin-left: 0;
	display: block;
}

span.adminnote {
	display: inline-block;
}

/*2022 Removed as part of mce tidy up*/
/*.mceActionPanel {
	margin-top: 7px;
	position: absolute;
	bottom: 15px;
	right: 10px;
}*/

.swatch {
	float: left;
	width: 15px;
	height: 15px;
	border: 1px solid #918f8f;
}

#pagetabs, #pagetabs .ui-tabs-nav {
	background: no-repeat;
	border: none;
}

.revisionLink {
	color: #81154F !important;
}

.svyAttachDownload {
}

.svyAttachmentCntr {
	max-width:500px;
}

.svyAttachmentChange {
	margin-left: 5px;
}

.svyAttachmentCancel {
	margin-bottom: 10px;
	margin-left: 10px;
}

.svyAttachmentLayoutDraggable .svyAttachmentCancel {
	margin-bottom: 0; 
	margin-left: 0;
	margin-top: 10px;
	float:right;
}

.svyAttachmentAjax {  
	display: none;   /* mn 2022-11-20 note display:none does not allow drag drop but this is overridden by .draggyUpload input */
}

.svyAttachmentNonAjax {
	display: none;   /* mn 2022-11-20 note display:none does not allow drag drop but this is overridden by .draggyUpload input */
	/*	height: auto;            mn - this is an alternative which shows the original behind the button, now use display:none
	margin-bottom: 10px;
	margin-left:-94px;*/
}

/* mn new attachment drag 'Drop a file here or click to browse' */
.draggyUpload { position: relative;transition: background-color 1.5s ease; outline:2px dashed gray; }
.draggyUpload.dropTargetActive { outline:2px dashed green; background-color: #ddd987; }
.draggyUpload .dropArea {  text-align:center; padding-top:15px; width:100%; font-size:14px; color:#999; font-weight:bold; text-transform:uppercase; position:absolute; }
.draggyUpload input { display: block; opacity: 0; width: 100%;  height: 50px;  }

/* Page Comparison */

#revisionChanges {
	padding: 0 !important;
	overflow: hidden !important;
}

#revisionChanges iframe, #pageComparison {
	width: 100%;
	height: 100%;
}

#pageComparison h3 {
	padding: 10px 15px;
}

#pageComparison table {
	width: 100%;
}

.removedPicture {
	width: 50px;
	height: 50px;
	position: absolute;
	background: url(../../images/x.png) no-repeat center center;
	display: inline;
}

/* Dynamic image */
.dynamic-image-preview {
	max-width: 100px;
	max-height: 100px;
	background: url(images/transparent-background-pattern.png) repeat;
}


.printOnly {
	display: none;
}

.print-with-page-breaks {
	page-break-after: always;
}

.print-with-page-breaks:last-child {
	page-break-after: auto;
}


.alt-text-wrapper span {
	display: inline-block;
	cursor: pointer;
}

.alt-text-wrapper input {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.alt-text-wrapper span.saved {
	color: green;
}

.alt-text-wrapper span.not-saved {
	color: red;
}

.alt-text-wrapper .alt-text-saving {
	margin-left: 5px;
}

/*Responsive table and image styles for mobile*/
.responsive-table-scroll { /* applied automatically in common.js */
	overflow-y: hidden;
	overflow-x: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.radioLines .savvyRadioList {
	display: block;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}



.deployMessage {
	position: absolute;
	right: 15px;
	top: 5px;
	color: red;
	font-weight: bold;
}

.messages-area {
	/*margin-top: 70px;*/
}

/* STANDARD SEARCH */
.with-standard-search {
	display: inline-flex !important;
	align-items: center;
	/*justify-content: space-around; mn 2020-03-14 reverted to codelib*/
	justify-content: flex-start;
}

.with-standard-search > * {
	margin-right: 20px; /* mn stop stuff crashing into each other because flex has killed all the automatic gaps */
}
@media (max-width: 1600px) {
	/* search filters on list page in side panel, or just narrow screen, squeeze up a little */
	.with-standard-search > * {
		margin-right: 10px; 
	}
	.with-standard-search .svyDateInput  {
		width: 100px; /* normally 120px */
	}
}

/* ADVANCED SEARCH */
.advanced-search-wrapper {
	background-color: rgba(117,117,117,1);
	display: none;
}

tr.advanced-search-wrapper.open {
	display: table-row;
}

div.advanced-search-wrapper.open {
	display: block;
}

.colheadfilter div.advanced-search {
	margin-left: -20px;
	/*margin-right: -50px; jn removed*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

.advanced-fields {
	margin-bottom: 4px;
}

.advanced-search {
	background-color: rgba(117,117,117,1);
	color: white;
	font-size: 14px;
	padding-top: 20px;
}

.label-auto, .advanced-search .find-label {
	display: inline-block;
	padding-right: 20px;
	width: 200px;
	/*padding-top: 8px;*/
}

.advanced-search-wrapper, .label-auto, .label-auto, .label-auto {
	font-weight: bold;
}

.label-auto {
	display: inline-block;
	padding-top: 10px;
}

.field-auto {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}

.advanced-search .label-auto,
.advanced-search .label-auto,
.advanced-search .label-auto,
.advanced-search .find-label {
	height: 30px;
}

.search-field {
	display: inline-block;
	padding-left: 20px;
}

.advanced-search .search-field {
	display: block;
	padding-left: 0;
}

.search-field,
.search-field #Search,
.search-field #searchBox,
.search-field .find-label {
	/*height: 30px;*/
	line-height: 100%;
	/*margin-top:-2px;*/
}

.colheadfilter input[type=submit].go-button,
.colheadfilter input[type=button].print-button,
.colheadfilter input[type=button].export-button {
	display: inline-block;
	vertical-align: middle;
	/*float: left;*/
}

.colheadfilter span.colheadfilter-note {
	color: #D83B01;
	font-weight: bold;
	font-size: 15px;
}

.colheadfilter input[type=checkbox], .colheadfilter input[type=radio] {
	height: auto;
}

.with-advanced-search .colheadfilter .advanced-search-buttons {
	padding-left: 100px;
	min-height: 30px;
	display: inline-block;
}

.advanced-search-buttons {
	vertical-align: top !important;
}

.advanced-search .advanced-fields td {
	color: #fff;
}


/*.advanced-search .advanced-search-buttons:before,
.advanced-search .advanced-search-buttons:after {
	content: " "; 
	display: table; 
}

.advanced-search .advanced-search-buttons:after {
	clear: both;
}*/

.advanced-search .standard-label {
	font-weight: normal;
	display: block;
}

.advanced-search #Search.svyWideText {
	width: 250px;
	background-color: #fff;
	color: black;
	border: 1px solid #aaa;
	border-radius: 4px;
	height: 28px;
}

.advanced-search input[type=text],
.advanced-search select:not(.svyDate) {
	width: 250px;
	height: 28px;
}

.advanced-search input[type=text].svyDateInput {
	width: 90px;
}

.colheadfilter.fix-ul .advanced-search ul li {
	padding-left: 0;
	padding-right: 0;
}


.colheadfilters .CreateNewButton {
	margin-left: 0px;
	margin-right: 40px;
}

.colheadfilters .faux-btn,
.colheadfilters input[type=button],
.colheadfilters input[type=submit],
.colheadfilters button,
.colheadfilters .advanced-search .button-group,
.colheadfilters .advanced-search .go-button,
.colheadfilters .advanced-search .export-button {
	/*float: right;*/
	margin-right: 4px;
}

.std-footer-buttons .CreateNewButton,
.std-footer-buttons .faux-btn,
.std-footer-buttons input[type=button],
.std-footer-buttons input[type=submit],
.std-footer-buttons button,
.std-footer-buttons .button-group,
.std-footer-buttons .go-button,
.std-footer-buttons .export-button {
	/*float: right;*/
	margin-right: 8px;
}

.svyAutocomplete {
	position: relative;
	top: 7px;
	left: -36px;
	cursor: pointer;
}

.no-border {
	border: none !important;
	border-bottom: none !important;
	border-top: none !important;
}

.sm-top-bot-pad {
	padding-top: 4px;
	padding-bottom: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black;
	font-weight: normal;
	/*font-family: Ubuntu, Arial,Helvetica,sans-serif;*/
	font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent;
	border-width: 6px 3px 0 3px;
	margin-left: -2px;
	margin-top: -2px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000 transparent;
	border-width: 0 3px 7px 3px;
}

.select2-container.error .select2-choice {
	border: 1px dotted #ff0000;
	background-color: #f0dada;
	background-image: none;
}

.select2-container.error .select2-choice .select2-arrow {
	border-left: 1px dotted #ff0000;
	background-color: #f0dada;
	background: transparent;
}

/* jDrop multiple pictures upload div style starts - example see GalleryImageAdmin*/
/* Drop file div Starts */
.dropFileDiv {
	/*margin-right: 10px;*/
	padding: 2px 20px;
	border: 3px dotted #81154F;
	text-align: center;
	vertical-align: middle;
	/*float: left;*/
	display: inline;
	cursor: move;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}

.dropFile-status {
	margin-right: 10px;
	font-weight: bold;
}

.dropFile-status img {
	width: 17px;
	vertical-align: middle;
}
/* Drop file div ends */

/* Data Saver {{*/
.login-modal {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

.login-modal .loginForm {
	padding: 20px;
	background-color: #fff;
}

.login-popup {
	width: 500px;
	height: 250px;
	background-color: #eee;
	top: 50%;
	left: 50%;
	padding: 20px;
	border: #ccc solid 2px;
	margin-top: -125px;
	margin-left: -250px;
	position: absolute;
	z-index: 10000;
}

.login-popup .info-message {
	position: absolute;
	text-align: right;
	color: #888;
	bottom: 7px;
	right: 7px;
	left: 7px;
}

.disabled-loading-button {
	font-style: italic;
	pointer-events: none;
	background-image: url(../../images/spinner.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
	width: auto !important;
}
/* }} */

/* ------------ Bulk Emails ------------ */
.preview-btn {
	color: #fff;
}

#BulkEmailDetails {
	height: 200px;
	line-height: 150%;
}

#BulkEmailDetails #status {
	display: inline-block;
	color: #81154F;
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails #sentupto {
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails .bulkLabel {
	display: inline-block;
	width: 100px;
}

#BulkEmailDetails .statusLabel {
	display: inline-block;
	font-weight: bold;
	padding-bottom: 20px;
}

#BulkEmailDetails #successCount {
	/*color: dodgerblue;*/
	font-weight: bold;
}

#BulkEmailDetails #errorCount {
	color: #d9534f;
	font-weight: bold;
}

#BulkEmailDetails #remainingCount {
	/*color: teal;*/
	font-weight: bold;
}

#warningMessage {
	color: #d9534f;
	font-weight: bold;
}

.btn.btn-stop, .btn.btn-error-stop,
input[type=button].btn.btn-stop, input[type=button].btn.btn-error-stop {
	background: #d9534f;
	color: #fff;
	border: 1px solid #d9534f;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.btn-stop:hover, .btn-error-stop:hover,
input[type=button].btn.btn-stop:hover, input[type=button].btn.btn-error-stop:hover {
	background: maroon;
	border: 1px solid maroon;
}

#errors {
	line-height: 150%;
}

/* ------------ //Bulk Emails ------------ */

/*.svyEdit th, .databox .dataheading, .label.section strong, .svyEdit > tbody > tr > th, .formTitle, a:hover {
	color: #81154F;
}*/

.btn:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
	background-color: #81154F;
	border-color: #81154F;
	color: white;
}

/*Admin Menu Box Layout */

html, .svyWrapperOuter, .svyWrapper {
	/*height: 100%;*//* should be min-height instead of height */
	/*min-height: 100%;    mn 2022-11-11 not sure we need this? */ 
}

.admin-menu-box-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	position: relative;
}

.admin-menu-box-wrapper .admin-menu-column {
	flex-basis: calc(33.33% - 10px);
	min-width: 300px;
}

@media (max-width:950px) {
	.admin-menu-box-wrapper .admin-menu-column {
		flex-basis: 48%;
		min-width: 300px;
	}
}

@media (max-width:650px) {
	.admin-menu-box-wrapper .admin-menu-column {
		flex-basis: 100%;
		min-width: 300px;
	}
}

.admin-menu-box-wrapper .label {
	width: auto;
	padding: 0;
}

.admin-menu-box-wrapper .admin-menu-section-title {
	margin-bottom: 5px;
	background: #58585A;
	color: #81154F;
	font-weight: bold;
	font-size: 15px;
	position: relative;
}

.admin-menu-box-wrapper .admin-menu-section-title:before {
	content: "";
	display: inline-block;
	/*mn 2024-06-12 width is 56px if using a contrast colour for icon, otherwise you can change it to 40px if BG all dark grey*/
	width: 56px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}

.admin-menu-box-wrapper .section-content .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -46px 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .section-settings .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -230px 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .section-galleries .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -276px 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .section-documents .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .section-people .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -184px 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .section-products .admin-menu-section-title:before {
	background: url('images/admin-menu-section-label-sprite.png') center center no-repeat;
	background-position: -138px 0;
	background-color: #81154F;
}

.admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon-box {
	background-color: #81154F;
	width: 56px;
	height: 40px;
	display: inline-block;
	position: absolute;
	left: 0;
	text-align: center;
}

.admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon {
	margin: 12px 0 0 0;
}

.admin-menu-section-box {
	min-width: 30%;
	border: 1px solid #58585A;
	margin-bottom: 20px;
	border: 1px solid #eee;
}

.admin-menu-item {
	padding: 5px 10px;
}

.admin-menu-item:last-child {
	padding-bottom: 10px;
}

.admin-menu-descr {
	font-size: 11px;
	width: 77%;
	text-decoration: double;
	overflow-x: auto;
	display: none; /*remove this if you want to show menu descriptions */
}

.admin-menu-count-bubble {
	display: inline-flex;
	border-radius: 50%;
	margin-left: 10px;
	font-weight: bold;
	font-size: 11px;
	background-color: green;
	min-width: 20px;
	height: 20px;
	color: white;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/* a count bubble to fit on a btn */
.btn-count-bubble {
	display: inline-flex;
	border-radius: 50%;
	font-weight: bold;
	font-size: 10px;
	line-height: 90%;
	background-color: black;
	min-width: 17px;
	height: 17px;
	color: white;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: relative;
	top:-1px;
	left:2px;
}

body {
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	/*opacity: 1 !important;           2021-02-26 mn removed, we are now doing it in adminCommon.js when we are ready*/
}

.displayfield { /* carenet custom no style */
	/*min-width: 50px;
	display: inline-block;
	background: #eee;
	margin-right: 5px;
	padding: 5px 8px;*/
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-10 {
	margin-left: 10px;
}

.margin-left-20 {
	margin-left: 20px;
}

.margin-left-30 {
	margin-left: 30px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-right-20 {
	margin-right: 20px;
}

.margin-right-30 {
	margin-right: 30px;
}

.inline-block {
	display: inline-block;
}

/*select 2 override to make it flat */
body .select2-drop {
	-ms-border-radius: 0;
	border-radius: 0;
}

body .select2-container .select2-choice {
	height: 30px;
	line-height: 30px;
	background: #fff none;
	-ms-border-radius: 0;
	border-radius: 0;
	font: normal 12px "Poppins-Regular", arial, 'Open Sans', sans-serif;
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: black !important;
}

body .select2-container .select2-chosen {
	line-height: 28px;
}

body .select2-dropdown-open .select2-choice .select2-arrow {
	border: 1px solid #aaa;
}

body .select2-container a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

body .select2-search {
	margin-top: 4px;
}

body .select2-container .select2-choice .select2-arrow {
	background: transparent none;
	background-color: #e8ebf2;
	border-radius: 0;
}

body .select2-container .select2-choice .select2-arrow b {
	background-position: 0 1px;
}

body .select2-results {
	font-size: 12px;
	color: black;
}

/*end select 2 override to make it flat */

.file-link {
	display: block;
	padding-left: 18px;
}

.file-link:before {
	content: '\f56d'; /* fa-file-download */
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	font-weight: 800;
	margin-left: -18px;
}

.open-link {
	display: block;
	padding-left: 18px;
}

.open-link:before {
	content: '\f35d'; /* fa-external-link-alt */
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	font-weight: 800;
	margin-left: -18px;
}


.no-wrap {
	white-space: nowrap;
}

.report-intro {
	padding: 15px 20px;
	font-size: 16px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


/* status icons - see also similar (not quite same) in site.css */

.status-icon {
	padding-left: 14px;
	white-space: nowrap;
}

.status-icon:before {
	content: ' ';
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	font-weight: 800;
	margin-left: -17px;
	margin-top: 2px;
}



.status-request-approved,
.status-approved, .status-actioned, .status-yes, .status-active,
.status-completed, .status-confirmed, .status-final, .status-checked {
	font-weight: bold;
	color: green;
}

.status-failed, .status-no, .status-inactive {
	font-weight: bold;
	color: red;
}

.status-incomplete, .status-pending, .status-on-hold {
	color: #F05423;
	font-weight: bold;
}

.status-draft, .status-generated {
	font-weight: bold;
	color: #81154F;
}

/*see https://fontawesome.com/icons?d=gallery&q=archived */
.status-request-approved:before, .status-approved:before, .status-yes:before, .status-active:before,
.status-actioned:before, .status-completed:before,
.status-confirmed:before, .status-final:before {
	content: '\f00c'; /* fa-check */
}

.status-declined:before,
.status-request-declined:before, .status-no:before, .status-inactive:before,
.status-cancelled:before, .status-failed:before, .status-on-hold:before,
.status-unfilled:before, .status-nurse-can:before,
.status-hosp-can:before {
	content: '\f00d'; /* fa-times */
	font-weight: 400;
	padding-left: 2px;
}

.status-new:before, .status-ready-to-start:before {
	content: '\f890'; /* fa-sparkles */
	font-weight: 900;
}

.status-offered:before {
	content: '\f1d8'; /* fa-paper-plane */
	font-weight: 900;
}

.status-accepted:before {
	content: '\f1d8'; /* fa-paper-plane */
	font-weight: 900;
}

.status-hos:before {
	content: '\f1ad'; /* fa-building */
	font-weight: 900;
}

.status-rostered:before {
	content: '\f82f'; /* fa-user-nurse */
	font-weight: 900;
}

.status-archived:before {
	content: '\f187'; /* fa-archive */
	font-weight: 900;
}

.status-in-progress:before, .status-generated:before, .status-draft:before {
	content: '\f044'; /* fa-edit */
	font-weight: 900;
}

.status-ready-to-submit:before {
	content: '\f093';
	font-weight: 900;
}


.status-read:before {
	content: '\f2b6'; /* envelope-open */
	font-weight: 900;
}


.status-unread:before {
	content: '\f0e0'; /* envelope */
	font-weight: 900;
}

.status-incomplete:before, .status-pending:before {
	content: '\f017'; /* fa-clock */
	color: #F05423;
}

.status-icon.status-new-request:before, .status-icon.status-requested:before, .status-icon.status-submitted:before {
	margin-top: 0;
}

.status-icon.status-new-request, .status-icon.status-submitted, .status-icon.status-calculating, .status-icon.status-requested {
	font-weight: bold;
	background-color: #F05423;
	padding-left: 22px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	text-transform: uppercase;
	color: white;
	display: inline-block;
	line-height: 100%;
	margin: 1px;
	font-size: 13px;
	white-space: nowrap;
}

.status-submitted:before, .status-new-request:before, .status-requested:before, .status-calculating:before {
	content: '\f017'; /* fa-clock */
	margin-top: 0;
}

.status-on-now:before {
	content: '\f017'; /* fa-user-clock */
}

.status-finished:before {
	content: '\f017'; /* fa-user-clock */
	font-weight: normal;
}

.status-timesheeted:before {
	content: '\f274'; /* fa-calendar-check */
	font-weight: normal;
}

.status-ready-to-pay:before {
	content: '\f00c'; /* fa-calendar-check */
	font-weight: normal;
}

.status-paid:before, .status-invoiced:before, .status-paid-and-invoiced:before {
	content: '\f00c'; /* <i class="far fa-check"></i> */
	font-weight: lighter;
}

.status-paid-and-invoiced:before {
	content: '\f560'; /* <i class="fas fa-check-double"></i> */
	font-weight: lighter;
}

.status-dropped-down:before {
	content: '\f043'; /* fa-tint */
	font-weight: 900;
}

.status-cancelled-late:before {
	content: '\f34e'; /* <i class="fas fa-alarm-clock"></i> */
	font-weight: lighter;
}

.status-office-error:before {
	content: '\f2f0'; /* <i class="fas fa-times-octagon"></i> */
	font-weight: 900;
}



/* status icons end  */
/* shift status colours  */

.status-colour {
	display: inline-block;
	white-space: nowrap;
	padding: 1px 6px;
	border-radius: 4px;
	color: white;
	min-width: 125px;
	text-align: center;
}

.status-colour-new {
	background-color: #00cccd !important;
}

.status-colour-offered {
	background-color: #1C7FA6 !important;
}

.status-colour-accepted {
	background-color: #5cb85c !important;
}

.status-colour-rostered, .status-colour-finished, .status-colour-timesheeted, .status-colour-ready-to-pay {
	background-color: #5cb85c !important;
}

.status-colour-paid, .status-colour-invoiced, .status-colour-paid-and-invoiced {
	background-color: #0d23a4 !important;
}

.status-colour-on-now {
	color: black !important;
	background-color: greenyellow !important;
}

.status-colour-hosp-can {
	background-color: #58585A !important;
}

.status-colour-cancelled-late {
	background-color: purple !important;
}

.status-colour-office-error {
	background-color: #000 !important;
}

.status-colour-nurse-can {
	background-color: #BE3E35 !important;
}

.status-colour-unfilled {
	background-color: #58585A !important;
}

.status-colour-cancelled {
	background-color: gray !important;
}

.status-colour-dropped-down {
	background-color: #666 !important;
}

.overdue-offer {
	/*color: black !important;*/
	background-color: red !important;
}

/* end shift status colours  */
/* other status colours, not sure what for  */

.status-colour-declined {
	background-color: #BE3E35 !important;
}

.status-colour-request-declined {
	background-color: #BE3E35 !important;
}

.status-colour-failed {
	background-color: red !important;
}

/* end other status colours, not sure what for  */

/* shift status badge number  */

.status-colour .status-icon {
	display: inline-block;
}

.shift-status-badge-num {
	display: inline-block;
	margin-left: 10px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	border-radius: 50%;
	text-align: center;
	font-size: 12px;
	border: 1px solid white;
}

/* end shift status badge number  */

.comms-sms:before {
	content: '\f7cd'; /* sms msg */
	font-weight: 300;
}

.comms-phone:before {
	content: '\f095'; /*<i class="fas fa-phone"></i> phone msg */
	font-weight: 900;
}

.comms-app:before {
	/*content: '\f3fa'; tablet msg */
	/*content: '\f4aa';  fa-comment-alt-smile */
	content: '\f075'; /* fa-comment */
	font-weight: normal;
}

.comms-email:before {
	content: '\f658'; /* email msg <i class="fas fa-envelope-open-text"></i> */
	font-weight: 900;
}

.comms-note:before {
	content: '\f249'; /* fa-sticky-note */
	font-weight: 300;
}

table.savvy-view-subtable td, table.savvy-view-subtable th {
	/*padding-right: 20px;  mn 2022-03-26 removed, right align numbers better */
}
table.savvy-view-subtable td[align=right], table.savvy-view-subtable th[align=right] {
	padding-left: 20px;
	padding-right: 0;
}

.savvy-dictionary-table td {
	padding:0 !important;
}

.savvy-dictionary-table td:first-child {
	padding-right:20px;
	min-width: 120px;
}

.bewebOfficeDebug {
	display: none;
	margin: 15px;
	border: 2px dotted green;
}

@media screen and (max-width: 540px) {
	.bewebOfficeDebug {
		display: none;
	}
}


/* slide out panel related needed-for-side-panel */

#overlayWrapper {
	background-repeat: no-repeat;
	background-color: transparent;
	position: fixed;
	z-index: 7777;
	top: 0;
	left: 100%;
	transform: translateX(0);
	opacity: 0;
	transition: all .5s ease-out;
	height: 100%;
	width: 1254px;
	backface-visibility: hidden;
	perspective: 1000;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

#overlayWrapper.overlay-onscreen {
	transform: translateX(-1254px);
	/*width: 1154px;*/
	opacity: 1;
}
/*2020-10-20jn added - handle 1080px wide screen*/
@media (max-width: 1080px) {
	#overlayWrapper {
		width: 561px;
	}

	#overlayWrapper.overlay-onscreen {
		transform: translateX(-561px);
	}

	.when-inside-iframe .svyWrapperOuter {
		/*padding-top: 71px;*/
	}
}

#overlayEdge {
	z-index: 3;
	position: absolute;
	height: 100vh;
	width: 32px;
	background-repeat: repeat-y;
	margin-left: -50px;
	background-color: transparent;
	display: none;
}

.overlay-arrow-left {
	z-index: 1;
	width: 50px;
	height: 150px;
	xborder: 1px solid red;
	position: relative;
	overflow: hidden;
	transition: margin-top 0.5s ease-in-out;
}

.overlay-arrow-left:after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	background: white;
	transform: rotate(45deg);
	top: 65px;
	left: 40px;
	box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12);
}

#overlayContent {
	z-index: 2;
	width: 100%;
	height: 100%;
	/*overflow-y:auto;*/
	position: fixed;
	background-color: white;
	/*background-image: url("images/spinner.gif");*/
	background-repeat: no-repeat;
	background-position: 20px 20px;
	box-shadow: 0 8px 10px -5px rgba(0,0,0,.2), 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 0 900px 2400px rgba(0,0,0,.1);
}

.overlay-action-button {
	font-size: 50px;
	line-height: 28px;
	color: white;
	margin-left: 10px;
	cursor: pointer;
	text-shadow: 0px 1px 20px rgba(0,0,0,.2);
	position: absolute;
	transition: all .5s ease-out;
	user-select: none;
}

.overlay-action-button:hover {
	transform: scale(1.2);
	color: #D3A2BD;
}

.overlay-close-x {
	top: 5px;
}

.overlay-next {
	/*font-size: 30px;
	line-height: 30px;
	left: -50px;*/
	top: 150px;
}

.overlay-prev {
	/*font-size: 30px;
	line-height: 30px;
	left: -100px;*/
	top: 80px;
}

.panel-active td {
	background-color: #D3A2BD !important;
}

.floating-right-or-left-with-panel-open {
	float: right;
}

.with-slide-out-panel-open .floating-right-or-left-with-panel-open {
	float: left;
}

.svyWrapperOuter {
	margin-left: 0;
}

.with-slide-out-panel-open .svyWrapperOuter {
	margin-left: 0;
}

.when-inside-iframe .svyEdit .header {
	padding: 0;
}

.svyHeaderButtonBar {
	position: fixed;
	z-index: 1;
	width: calc(100% - 20px);
	top: 0;
	background-color: #58585A;
	color: white;
}

.svyHeaderButtonBarSpacer {
	margin-top: -5px;
	height: 50px;
}

@media print {
	.svyHeaderButtonBar,.svyHeaderButtonBarSpacer {
		display: none;
	}
}

.when-content-is-short .svyHeaderButtonBarSpacer {
	height: 100px;
}

.side-edit-panel .edit-panel-iframe {
	width: 100%;
	height: 100%;
}

/* end slide out panel related */

/* ----------------------------------- Tooltip - jquery ui -------------------------------------------------------------------- */

.ui-tooltip, .arrow:after {
	background: black;
}

.ui-tooltip {
	border: none !important;
	padding: 10px 20px;
	color: white;
	border-radius: 2px;
	font: 14px Sans-Serif;
	box-shadow: 0 0 7px black;
}

.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}

.arrow.top {
	top: -16px;
	bottom: auto;
}

.arrow.left {
	left: 20%;
}

.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}
/* ----------------------------------- Tooltip - jquery ui end -------------------------------------------------------------------- */

/* ----------------------------------- portal styles start -------------------------------------------------------------------- */


.id-small {
	font-size: 10px;
	color: black;
	font-weight: normal;
	padding-left: 10px;
}
.label.section .id-small {
	color:white;
}

.subnav-menu {
	display: block;
	margin: 10px 0 10px 0;
	/*padding-bottom: 16px;*/
	padding-bottom: 9px;
	border-bottom: 1px solid #eee;
	/*border-bottom: 1px solid #aaa;*/
}

.small-number {
	font-size: 12px;
}

.inline-subnav-menu {
	display: inline-block;
	padding-left: 20px;
}

a.subnav-link {
	position: relative;
	padding: 8px 0;
	margin: 0 5px;
	color: #666 !important;
	font-size: 16px;
}

a.subnav-link:first-child {
	margin-left: 0;
}

a.subnav-link:hover {
	text-decoration: none;
	color: #D83B01 !important;
}

a.subnav-link:after {
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	bottom: -1px;
	left: 0;
	border-bottom: solid 2px #D83B01 !important;
	transform: scaleX(0);
	width: 100%;
	transition: transform 150ms ease-in-out;
}

a.subnav-link:hover:after {
	transform: scaleX(1);
}

a.subnav-link.is-active,
a.selected-filter {
	color: #D83B01 !important;
	font-weight: bold;
}

a.subnav-link.is-active:after,
a.selected-filter:after {
	transform: scaleX(1);
}


.top-quick-nav-bar {
	padding: 10px 20px 5px 20px;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: fixed;
	z-index: 30;
	background-color: white;
	width: 100%;
	border-bottom: 1px solid lightgray;
	/*height: 60px;  dont want it to centre vertically */
}

.top-quick-nav-bar-item.quick-nav-left {
	flex-basis: 15%;
	white-space: nowrap;
}

.top-quick-nav-bar-item.quick-nav-center {
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
	display: block;
}

.top-quick-nav-bar-item.quick-nav-right {
	flex-basis: auto;
	margin-left: 20px;
}

.top-quick-nav-bar-item.quick-nav-bottom {
	flex-basis: 100%;
}


.top-quick-nav-bar-spacer {
	height: 60px;
}

.top-quick-nav-bar-item {
	display: flex;
	align-items: center;
}

.top-quick-nav-link {
	margin-right: 15px;
}

.top-quick-nav-bar .quick-search-bars {
	display: flex;
	margin-left: auto;
}

.top-quick-nav-bar .quick-search-bars .quick-search-bar-item {
	margin-right: 10px;
}

.top-quick-nav-bar .quick-search-bars .quick-search-bar-item .select2-container {
	margin-left: 0;
	max-width: 300px;
}

@media screen and (max-width: 1600px) {
	.top-quick-nav-bar .quick-search-bars .quick-search-bar-item .select2-container {
		max-width: 250px;
	}
}

.report-view-subtable td, .report-view-subtable th {
	padding: 5px;
	border: none;
}

.no-inner-table-borders td {
	border: none;
}

.row-top-border td {
	border-top: 1px solid #333 !important;
}


.notimplemented {
	outline: 2px dotted #8700e4;
}

.inactive-message {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid red;
}



.ui-dialog {
	border: none;
	padding: 8px;
	box-shadow: 0 0 9px 0 rgba(0,0,0,0.6);
}

.ui-dialog .ui-dialog-buttonpane {
	border: none;
}

.ui-dialog .ui-dialog-title {
	color: black;
	font-size: 16px;
}

.ui-dialog textarea {
	width: 100%;
	margin-top: 10px;
}

.ui-dialog .ui-button {
	border: none;
	border-radius: 0;
	background: #58585A !important;
}

.ui-dialog .ui-icon-closethick {
	filter: grayscale(1);
}

.ui-dialog .ui-button-text {
	color: white;
	font-weight: normal;
}

.center-text {
	text-align: center;
}


.filter-panel {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.filter-panel a {
	padding: 5px 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-decoration: none;
	color: #F05423;
	line-height: normal;
}

.filter-panel a.selected-filter {
	background-color: #F05423;
	color: white;
	border-color: #F05423 !important;
}

.filter-panel a:first-of-type {
	margin-left: 10px;
	border: 1px solid #aaa;
}

.filter-panel a:last-of-type {
	border: 1px solid #aaa;
	border-left: none;
}

.filter-header {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.tag-list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}

.tag-display {
	display: inline-block;
	/* border: 1px dotted green; */
	padding: 1px 4px;
	border-radius: 2px;
	margin: 1px;
	font-size: 12px;
	line-height: 128%;
	/* background-color: #5cb85c; */
	color: #5cb85c;
	/* white-space: nowrap; */
	border: 1px solid #5cb85c;
}

.tag-helper {
	border: 1px dotted gray;
	margin: 4px;
	padding: 3px;
	display: inline-block;
}

.tag-helper:hover {
	background-color: #999;
}

.quick-search .quick-search-dropdown-container {
	margin-bottom: 3px;
}

.quick-search .quick-search-dropdown-container .select2-container {
	width: 100% !important;
}

.home-main-title {
	margin: 0 15px !important;
}

.margin-btm-5 {
	margin-bottom: 5px !important;
}

.margin-btm-10 {
	margin-bottom: 10px !important;
}

.margin-btm-20 {
	margin-bottom: 20px !important;
}

.margin-btm-30 {
	margin-bottom: 30px !important;
}

.admin-menu-section-title {
	border-bottom: 1px solid #eee;
}

.admin-menu-box-wrapper .admin-menu-section-title {
	background: #58585A;
	color: white;
	letter-spacing: 0.5px;
}

#form .svyEdit tr:first-child {
	border: none;
}



.document-upload-field .svyPasteLink {
	margin: 0;
}

.document-upload-field-text {
	margin-right: 10px;
}

.table-with-sticky-th {
	position: relative;
}

.sticky-th {
	position: sticky;
	padding: 10px 5px !important;
	top: 0;
}

.page-main-body {
	padding: 20px;
}

.svy-filter-box-container {
	display: block;
	width: fit-content;
	margin-left: auto;
	margin-bottom: 20px;
}

.when-inside-iframe .page-main-body {
	padding: 50px 10px 0;
}

@media print {
	.when-inside-iframe .page-main-body {
		padding: 0;
	}	
	.when-inside-iframe .dontprint {
		display: none;
	}
}

.when-inside-iframe .jq-toast-wrap, .when-inside-iframe .svyHeaderButtonBarSpacer {
	display: none;
}

.close-panel-button {
	display: none !important;
}

.when-inside-iframe .btn.close-panel-button {
	display: inline-block !important;
}


/*sticky header*/

#navbar {
	overflow: hidden;
	background-color: #f8f8f8;
	z-index: 4000;
}



/* Page content */
/*.svyWrapperOuter {
		padding: 16px;
	}*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
/*.sticky-tableheader {
	position: fixed;
	
	width: 100%;
}*/

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .page-main-body {
	padding-top: 43px;
}

.databox-sticky tr.colhead td {
	/*background: white;*/
	position: sticky;
	z-index: 1; 
	top: 0; 
}
.multi-options-sticky + tr.colhead {
	/*background: white;*/
	position: sticky;
	z-index: 1;
	top: 80px; 
}

.databox-sticky .multi-options-sticky {
	position: sticky;
	z-index: 1; 
	top: 0; 
	background-color: white;
}

@media screen and (max-width: 768px) {
	.databox-sticky tr.colhead td {
		top: 0;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.databox-sticky tr.colhead td {
		top: 0;
	}
}


/*sticky header end*/

.jq-toast-single h2 {
	font-size: 16px !important;
}

.jq-icon-info {
	background-image: none !important;
	background-color: #2b2b2b !important;
}

.jq-has-icon.jq-icon-info {
	padding: 10px;
}

.jq-toast-single {
	opacity: 1 !important;
}

.jq-toast-single a {
	display: block;
	margin-top: 10px;
	background-color: #F05423 !important;
	color: white !important;
	padding: 5px;
	border-radius: 4px;
	font-size: 14px !important;
	text-align: center;
	border: none !important;
	line-height: normal;
}

.change-password-page .section-content {
	background-color: white;
}

.multi-action-toolbar {
	position: absolute;
	opacity: 0;
	transition: all .4s ease-out;
	top: -200px;
	left: 250px;
	background: white;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 0 9px 0 rgb(0 0 0 / 20%);
}

.multi-action-toolbar.toolbar-visible {
	opacity: 1;
}

.multi-action-toolbar.toolbar-visible:hover {    
	/*opacity: 58%;  mn 2022-06-08 removed since now draggable*/
}

.multi-action-toolbar.toolbar-visible {    
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
}

.multi-action-toolbar.toolbar-visible:active {    
    cursor: grabbing;
}

.multi-action-toolbar-hint {
	margin-bottom: 8px;
	font-size: 13px;
}

.alert-messages-header-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border: 2px solid transparent;
	border-radius: 100%;
	margin: 0 5px;
	transition: all 0.2s linear;
	background-color: white;
}

.alert-messages-header-icon:hover {
	border: 2px solid #F05423;
	background-color: #F05423;
}

.alert-messages-header-icon:hover i {
	color: white;
	text-decoration: none;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

@media (max-width: 1600px) {
	.hide-when-small-width {
		display: none;
	}
}

@media (min-width: 1601px) {
	.show-when-small-width {
		display: none;
	}
}
.white-font {
	color: white !important;
}



#CP_hourcont,
#CP_minutecont {
	z-index: 1000;
}

.edit-time-container {
	position: relative;
}

.edit-time-container .time-picker {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 30px;
}

.edit-time-container .time-picker img {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}






.scrollable-500 {
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: auto;
	display: block;
}

.min-height-180 {
	min-height: 180px;
}


.svy-page-link {
	display: none;
}

.when-inside-iframe .svy-page-link {
	display: inline-block !important;
	position: absolute;
	top: 10px;
	right: 65px;
	z-index: 500;
}


.profile-info { /* name at top in header bar */
	margin-left: auto; /* right align it */
}

.profile-info.has-profile-pic {
	padding-left: 50px;
	display: block;
	position: relative;
}

.profile-info.has-profile-pic .profile-info-image {
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	overflow: hidden;
}

.profile-item a {
	margin-right: 8px;
}

.footer a.delete, .svyHeaderButtonBar a.delete  {
	color:white;
}

/* ----------------------------------- portal styles end -------------------------------------------------------------------- */
/* ----------------------------------- grey bars style start -------------------------------------------------------------------- */
.svyEdit td.field .svyCheckboxes .checkboxes label {
	white-space: unset;
	vertical-align: middle;
	padding-top: 5px;
}

.svyEdit td {
	padding: 5px;
}

.svyEdit .header,
.svyEdit .footer {
	background-color: #58585A;
}

.svyEdit .label {
	padding: 5px;
}

.svyEdit .label.section {
	padding: 10px;
	letter-spacing: 0.5px;
}

.svyEdit .section {
	background-color: #58585A;
	color: white;
}

body, * {
	font-family: "Poppins-Regular", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


body {
	font-size: 14px;
}

body, td, .dataheading, .label, .colhead, .colheadfilters, .field {
	font-size: 14px;
}

.normal-size {
	font-size: 14px;
	font-weight: normal;
}
/* ----------------------------------- grey bars style end -------------------------------------------------------------------- */

/* ----------------------------------- DARK MODE START -------------------------------------------------------------------- */

.header-content .theme-switch {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.theme-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
	margin-left: auto;
	margin-right: 20px;
}

.theme-switch + .my-profile {
	margin-left: 20px;
}

.theme-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2196F3;
  -webkit-transition: .4s;
  transition: .4s;
}

.theme-slider:before {
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	content: "\f111";
	font-weight: 900;
	font-size: 24px;
	height: 26px;
	color: #FFD43B;
	text-align: center;
	width: 26px;
	left: 6px;
	top: 4px;
	-webkit-transition: .4s;
	transition: .4s;
}

.theme-switch input:checked + .theme-slider {
  background-color: #0c1445;
}


.theme-switch input:checked + .theme-slider:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
	content: "\f186";
}

/* Rounded sliders */
.theme-switch .theme-slider.round {
  border-radius: 34px;
}

.theme-switch .theme-slider.round:before {
  border-radius: 50%;
}




/*
	border-radius = 6px
	main background = #121212
	first layer background color = rgba(255,255,255,0.03)
	second layer background colour = rgba(255,255,255,0.06) or rgba(255,255,255,0. 075)
	third and following layer background colour = rgba(255,255,255,0.1) -- add 0.1 to opacity to next layers
*/

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode td,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select:not(.ui-datepicker-year):not(.ui-datepicker-month) {
	color: white;
}

body.dark-mode .svyHeaderArea .top-quick-nav-bar {
	border-bottom: 1px solid #81154F;
	background-color:#262626;
}

body.dark-mode .svyEdit {
	margin: 0 auto 10px auto;
}

body.dark-mode .svyEdit .svyWideText {
	margin-right: 0;
}

body.dark-mode .svyEdit .header,
body.dark-mode .svyEdit .footer {
	background-color: rgba(255,255,255,0.06);
}

body.dark-mode .svyEdit td {
	border-bottom: none;
	border-top: 1px solid rgba(255,255,255,0.06);
	padding: 10px;
}

body.dark-mode .svyEdit td.label.section {
	padding: 20px 5px 20px 10px;
}

body.dark-mode .svyEdit .mceEditor {
	width: auto !important;
}

body.dark-mode .svyEdit .label.section,
body.dark-mode .svyEdit .section {
	background-color: rgba(255,255,255,0.06);
}

body.dark-mode .svyEdit .label.section strong {
	background-color: transparent;
	font-weight: normal;
	font-size: 18px;
	color: #81154F;
	padding: 0;
}

body.dark-mode .svyEdit .header {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom: 1px solid #81154F;
	border-top: none;
}

body.dark-mode .svyEdit .footer {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border: none !important;
}

body.dark-mode td.dev, body.dark-mode .svyEdit td.dev {
	background: url(images/devonly-dark-mode.png);
	background-position: center center;
	background-color: #CF6679;
}

body.dark-mode td.dev input, body.dark-mode .svyEdit td.dev input,
body.dark-mode td.dev textarea, body.dark-mode .svyEdit td.dev textarea {
	background: rgba(18,18,18,0.9);
}

body.dark-mode table.svySubform td {
	padding: 5px 8px !important;
}

body.dark-mode table.svySubform td.colhead {
	background-color: rgba(255,255,255,0.06);
	color: white;
	font-weight: normal;
}

body.dark-mode th {
	font-weight: lighter !important;
}

body.dark-mode .my-profile-item {
	color: white;
}

body.dark-mode .page-main-body {
	padding-top: 50px;
	position: relative;
}

body.dark-mode .label {
	background: rgba(255,255,255,0.03);
}

body.dark-mode .admin-menu-item .label {
	background: transparent;
}

body.dark-mode .btn, body.dark-mode a.btn, body.dark-mode button, body.dark-mode input[type=submit], body.dark-mode input[type=button] {
	border: none;
	padding: 6px 12px;
	background: rgba(255,255,255,0.2);
	border-radius: 6px;
	color: white;
	font-weight: normal;
}

body.dark-mode input[value='Test URL'] {	
	margin-left: 10px;
}

body.dark-mode .btn:hover, body.dark-mode a.btn:hover, body.dark-mode button:hover, body.dark-mode input[type=submit]:hover, body.dark-mode input[type=button]:hover {
	background: #81154F;
	color: white;
	border: none;
	box-shadow: 0 1px 6px 0 #171717;
}

body.dark-mode .url-field .test-url-btn {
	margin-left: 10px;
}

body.dark-mode [class="icon-search"] {
	background-image: url("images/glyphicons-halflings-white.png");
}

body.dark-mode .btn:hover [class^="icon-"],
body.dark-mode .btn:hover [class*=" icon-"],
body.dark-mode a:hover [class^="icon-"],
body.dark-mode a:hover [class*=" icon-"] {
	background-image: url("images/glyphicons-halflings-white.png");
	opacity: 1;
}

body.dark-mode [class^="icon-"],
body.dark-mode [class*=" icon-"] {
	background-image: url("images/glyphicons-halflings-white.png");
}

body.svyAdmin.dark-mode  {
	background-color: #121212;
}

body.svyAdmin.dark-mode .svyWrapperOuter {
	background-color: #121212;
}

body.dark-mode .pagingnavcurrent {
	color: #81154F;
}

body.dark-mode .svyPageTitle {
	color: #81154F;
	font-weight: lighter;
}

body.dark-mode .color-chip {
	border-radius: 20px;
	transform: scale(1);
	transition: transform 0.4s ease-out;
}

body.dark-mode .color-chip:hover {
	transform: scale(1.6);
}

body.dark-mode .admin-menu-item {
	flex-basis: 100%;
	padding: 5px 20px;
}

body.dark-mode .admin-menu-item p {
	color: white;
}

body.dark-mode .admin-menu-item .m3-ok {
	color: #CF6679;
	font-weight: bold;
	text-transform: uppercase;
}

body.dark-mode .admin-menu-item .m3-down {
	color: #81154F;
	font-weight: bold;
	text-transform: uppercase;
}

body.dark-mode .admin-menu-box-wrapper .admin-menu-section {
	flex-basis: 100%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-bottom: 10px;
}

body.dark-mode .admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	left: unset;
	text-align: center;
}

body.dark-mode .admin-menu-box-wrapper .admin-menu-section-title {
	display: flex;
	align-items: center;
	background: rgba(255,255,255,0.06);
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	height: 50px;
	padding-left: 20px;
	color: #81154F;
	margin-bottom: 0;
	border: none;
}

body.dark-mode .admin-menu-box-wrapper .admin-menu-section-title:before {
	content: none;
}

body.dark-mode .admin-menu-box-wrapper .admin-menu-section-title .admin-menu-section-icon {
	margin: 0;
}

body.dark-mode .admin-menu-section-box {
	display: flex;
	flex-basis: 100%;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-items: center;
	border: none !important;
	right: 0;
	background-color: rgba(255,255,255,0.03);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	transition: background-color 0.2s ease-out;
	border: none;
	border-radius: 10px;
	overflow: hidden;
}

body.dark-mode .admin-menu-section-box:hover {
	background-color: rgba(255,255,255,0.06);
}

body.dark-mode .admin-menu-item:last-child {
	padding-bottom: 15px;
}
body.dark-mode a {
	color: white;
}

body.dark-mode a:visited:not(.btn):not(.subnav-link) {
	color: darkgray;
}

body.dark-mode tr.colhead td,
body.dark-mode td.colhead,
body.dark-mode tr.row-last td {
	background: rgba(255,255,255,0.1);
	height: auto;
	font-size: 15px;
}

body.dark-mode tr.row-last td {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

body.dark-mode tr.colhead td.dev,
body.dark-mode tr.colhead td.dev .colhead,
body.dark-mode td.dev {
	background-color: #CF6679;
	border-left: 1px solid #CF6679;
	border-right: 1px solid #CF6679;
	color: white;
}

body.dark-mode td .colhead {
	background: transparent;
	font-size: 15px;
	color: white;
}

body.dark-mode .databox {
	background-color: #121212;
}

body.dark-mode .databox tr.row-marked td {
	background-color: rgba(255,255,255,0.2) !important;
	color: #121212;
}

/* for draggable sortposition mode, we do not use stripes and we add some borders*/
body.dark-mode #drag .databox tr.row-odd td,
body.dark-mode #drag .databox tr.row-even td {
	background-color: #121212;
	color: white;
	border-top: 1px solid rgba(255,255,255,0.1);
}

body.dark-mode .databox tr[class^="row"]:nth-child(odd):not(.row-last) td {
	background-color: #121212;
	border-top: 1px solid rgba(255,255,255,0.1);
}

body.dark-mode .databox tr[class^="row"]:nth-child(even):not(.row-last) td {
	background-color: #121212;
	border-top: 1px solid rgba(255,255,255,0.1);
}

body.dark-mode tr.row-stripe:nth-child(even) td {
	background-color: #121212;
}

body.dark-mode .databox tr.row-even td {
	background-color: #121212;
}

body.dark-mode .databox tr.row-odd td {
	background-color: #121212;
}

body.dark-mode .preview-link.btn-mini {
	height: 20px;
	font-size: 10px;
	padding: 2px 6px;
}

body.dark-mode tr.footer-row {
	background-color: #121212;
}

body.dark-mode tr.footer-row td {
	padding: 12px 10px;
	background-color: rgba(255,255,255,0.06);
	border-top: 1px solid #81154F;
}

body.dark-mode .row-list td, body.dark-mode .svySubformRow td {
	padding-top: 8px;
	padding-bottom: 8px;
	height: auto;
}

body.dark-mode .row-list:hover td {
	background-color: rgba(255,255,255,0.06) !important;
}

body.dark-mode .adminnote {
	background: rgba(255,255,255,0.1);
	border-radius: 6px;
	border: 1px dotted rgba(255,255,255,0.2);
	color: white;
}

body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
	border-radius: 6px;
	border: none !important;
	background: rgba(255,255,255,0.1);
	padding: 2px 10px;
}

body.dark-mode input.yesno {
	margin-top: 0;
}

body.dark-mode textarea {
	padding: 10px;
}

body.dark-mode .svyDateInput {
	width: 120px;
	max-width: 200px;
}

body.dark-mode .select2-container {
	border-radius: 6px;
	overflow: hidden;
}

body.dark-mode .mceWrapper textarea.mceEditor {
	height: 0;
	padding: 0;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: black;
	font-weight: normal;
	/*font-family: Ubuntu, Arial,Helvetica,sans-serif;*/
	font-size: 14px;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent;
	border-width: 6px 3px 0 3px;
	margin-left: -2px;
	margin-top: -2px;
}

body.dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #000 transparent;
	border-width: 0 3px 7px 3px;
}

body.dark-mode .select2-container.error .select2-choice {
	border: 1px dotted #ff0000;
	background-color: #f0dada;
	background-image: none;
}

body.dark-mode .select2-container.error .select2-choice .select2-arrow {
	border-left: 1px dotted #ff0000;
	background-color: #f0dada;
	background: transparent;
}

body.dark-mode .select2-container .select2-choice {
	height: 30px;
	line-height: 30px;
	background: rgba(255,255,255,0.1) none;
	-ms-border-radius: 0;
	border-radius: 0;
	font: normal 12px "Poppins-Regular", arial, 'Open Sans', sans-serif;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: white !important;
	border: none;
}

body.dark-mode .select2-container .select2-chosen {
	line-height: 28px;
}

body.dark-mode .select2-dropdown-open .select2-choice .select2-arrow {
	border: none !important;
}

body.dark-mode .select2-container a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

body.dark-mode .select2-search {
	margin-top: 4px;
}

body.dark-mode .select2-container .select2-choice .select2-arrow {
	background: transparent none;
	background-color: rgba(255,255,255,0.1);
	border-radius: 0;
}

body.dark-mode .select2-container .select2-choice .select2-arrow b {
	background-position: 0 1px;
}

body.dark-mode .select2-result-label {
	color: black;
}

body.dark-mode .select2-search input {
	color: black;
}

body.dark-mode .select2-results li {
	color: black;
}

body.dark-mode select {
	border: none;
}

body.dark-mode select > option {
	background-color: #121212;
	color: white;
	border: none;
}

body.dark-mode #loginform {
	background-color: rgba(255,255,255,0.1);
	border: none;
	border-radius: 6px;
}

body.dark-mode .svyLogin {
	background-color: transparent;
}

body.dark-mode .svyLogin .dataheading {
	color: #81154F;
}

body.dark-mode #forgotpasswordform {
	color: white;
}

body.dark-mode .email-override-text p {
	color: #CF6679;
}

body.dark-mode .date-picker:before {
	filter: invert(1);
}

body.dark-mode .ClockPick_button {
	filter: invert(1);
}

body.dark-mode tr.colheadfilters td, body.dark-mode td.colheadfilters {
	background-color: rgba(255,255,255,0.1);
  padding: 10px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: 1px solid #81154F;
}

body.dark-mode .helpwindow {
	border: 1px solid #81154F;
	background-color: #121212;
	color: white;
	border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

body.dark-mode .drag-contentarea {
	background-color: #121212;
	color: white;
}

body.dark-mode .drag-statusarea {
	background-color: #121212;
}

body.dark-mode .drag-handle {
	background-color: rgba(255,255,255,0.1);
	font-weight: normal;
	padding: 8px 6px;
}

body.dark-mode .drag-handle .drag-controls {
	right: 6px;
	top: 8px;
}

/* TINY MCE DARK MODE START */
body.dark-mode.dark-mode-popup h1,
body.dark-mode.dark-mode-popup h2,
body.dark-mode.dark-mode-popup h3,
body.dark-mode.dark-mode-popup h4,
body.dark-mode.dark-mode-popup h5,
body.dark-mode.dark-mode-popup h6,
body.dark-mode.dark-mode-popup p,
body.dark-mode.dark-mode-popup span,
body.dark-mode.dark-mode-popup b,
body.dark-mode.dark-mode-popup small,
body.dark-mode.dark-mode-popup label {
	color: white;
}

body.dark-mode,
body.dark-mode .panel_wrapper {
	background-color: #121212 !important;
	color: white;
}

body.dark-mode fieldset {
	border: none;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.03);
}

body.dark-mode .defaultSkin table.mceLayout {
	border: 1px solid rgba(255,255,255,0.06);
	border-radius: 6px;
	overflow: hidden;
}

body.dark-mode .svyEdit .mceEditor .mceToolbar.mceFirst {
	border: none !important;
	background: rgba(255,255,255,0.06);
	padding: 10px;
}

body.dark-mode .defaultSkin .mceButton {
	border: none;
	/*width: 30px;
	height: 30px;*/
}

body.dark-mode .svyEdit .mceEditor .mceStatusbar {
	background: rgba(255,255,255,0.06);
	border: none !important;
}


/* TINY MCE DARK MODE END */

/* DARK MODE END */

/* ----------------------------------- Custom App Specific -------------------------------------------------------------------- */