/* lace.css v0007 */

#js-lace-activation-button-container {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 10px;   
	border: 0 none;
	z-index: 2147483647;
	}
#js-lace-activation-button-container.closed {
	display: none;
	}
#lace-activation-button {
	position: relative;
	height: 50px;
	margin: 0;
	line-height: 50px;
	outline: none;
	border-radius: 999px;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	background-color:#A0D0B0;
	color: #FFFFFF;
	cursor: pointer;
	}
#lace-activation-button:hover {
	background-color: #FBB03B;
	color:#000000;
	}
#lace-activation-button.lace-icon {
	width: 50px;
	font-size: 29px;
	}

.lace-tooltip {
	position: absolute;
	top: 0;
	left: -340px;
	width: 210px;
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	}
/* Tooltip text */
.lace-tooltip .lace-tooltip-text {
	position: absolute;
	visibility: hidden;
	width: 210px;
	padding: 5px 0;
	background-color: black;
	color: #FFFFFF;
	text-align: center;
	border-radius: 6px;
	z-index: 2147483647;
}
.lace-tooltip .lace-tooltip-text::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
.lace-right-arrow {
	font-size: 18px;
	padding-left: 10px;
	font-weight: 700;
	}
#lte-feedback-tab,
 #lte-feedback-tab-2 { 
	position: fixed; 
	height: 20px;/*104px;*/ 
	width: 32px;/*104px;*/ 
	top: 50%;
	right: 0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	z-index: 999;
	}
#lte-feedback-tab.closed {
	display: none;
	}
#lte-feedback-tab a,
#lte-feedback-tab-2 a  { 
	display: initial;/*block*/ 
	height: 15px; 
	width: 70px; 
	padding: 6px 12px 6px 12px;
	font-family: Arial, sans-serif; 
	font-size: 16px; 
	font-weight: 400; 
	text-decoration: none; 
	background: #000000; 
	color: #FBB03B; 

background-color: #A0D0B0;/*C7E6B3;*/
	color: #FFFFFF;

	border-radius: 12px 12px 0 0;
	}

#lte-feedback-tab a:hover,
#lte-feedback-tab-2 a:hover { 
  background: #FBB03B;
  color:#FFFFFF;
}

/* Show the tooltip text when you mouse over the tooltip container */
/*.lace-tooltip:hover .lace-tooltip-text,*/
#lte-feedback-tab a:hover .lace-tooltip {
	left: -45px;
	top:-230px;
	transform: rotate( +90deg);
	}

#js-lte-cancel-modal {
	position: relative;
	}
#js-lte-cancel-modal .lace-tooltip {
	width: 170px;
	left: -270px;
	}
#js-lte-cancel-modal .lace-tooltip .lace-tooltip-text {
	width: 170px;
	}
		
.lace-activation-button-contents:hover .lace-tooltip-text,
#lte-feedback-tab a:hover .lace-tooltip .lace-tooltip-text,
#js-lte-cancel-modal:hover .lace-tooltip .lace-tooltip-text {
	visibility: visible;
}
.lace-activation-button-contents:hover .lace-tooltip .lace-tooltip-text  {
	visibility: visible;
}


#lte-feedback-form-container {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483640;
	opacity: 0.7;
	background-color: #555;
	}

#lte-feedback-form {
	position: fixed;
	  top: 50%;
	  left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
max-width: 100%;
	height: 680px;
max-height: 100%;
	margin: auto;
	background-color: #FFFFFF;
	border: 1px solid #0052CC;
	border-radius: 8px;
	z-index: 2147483647;

	}


.reminder {
	position: fixed;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 20px;
	top: 50%;
	left: 50%;
	width: 300px;
	max-width: 100%;
	height: 140px;
	margin-left: -140px;
	margin-top: -100px;
	padding: 30px 10px 10px 10px;
	max-height: 100%;
	/*border: 1px solid #0000FF;*/
	border-radius: 12px;
	background-color: #FFFFFF;
	font-family: Arial;
	z-index: 1010;
	background-color: #222222;
	color: #FFFFFF;
	text-align: center;
	/*display:none;*/
	}
.reminder.hidden {
	/*visibility: hidden;*/
	display:none; 
	opacity: 0;
	transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.modal {
	position: fixed;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	width: 600px;
	max-width: 100%;
	height: 640px;
	max-height: 100%;
	transform: translate(-50%, -50%);
	text-align: left;
	border: 1px solid #0052CC;
	border-radius: 12px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial;
	z-index: 1010;
	}
.w3-animate-right {
	/*position:relative;*/
	animation: animateright 0.4s;
	}
@keyframes animateright {
		from {
			left:120%;
			opacity:0
		} 
		to {
			left:50%;
			opacity:1
		}
	}

.w3-animate-left {
	/*position:relative;*/
	animation: animateleft 0.4s;
	}
@keyframes animateleft {
		from {
			left: 50%;
			opacity:1
		} 
		to {
			left: 120%;
			opacity: 0;
		}
	}

/*https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_modal4*/


.modal.closed,
.modal-overlay.closed  {
	display: none;
	}
.modal-guts {
  /* cover the modal */
	position: absolute;
	box-sizing: inherit;
	top: 30px;
	left: 0;
	width: 100%;
	height: 100%;
  /* spacing as needed */
  padding: 20px 50px 20px 20px;
  /* let it scroll */
  overflow: auto;
	}
.modal-guts ol.lte-steps li {
	margin-bottom: 6px;
	}
.modal-guts p,
.modal-guts ol {
	line-height: 1.15;
	}	
.modal-overlay {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	background-color:#000;
	}

#lte-feedback-form-title {
	position: absolute;
	box-sizing: inherit;
	top: 0;
	width: 100%;
	padding: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #A0D0B0;/*C7E6B3;*/
	color: #FFFFFF;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	z-index: 1015;
	}
#lte-feedback-form-title span {
	font-size: 17px;
	}
/*#lte-feedback-form-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 700;
	color: #FFFFFF;
	z-index: 1020;
	cursor: pointer;
	}
*/	

#js-lace-dialog-top-section.contributions-exist,
#js-lace-dialog-bottom-section {
	opacity: 0.3;
	}
#js-lace-dialog-bottom-section.contributions-exist {
	opacity: 1;
	}
#js-lace-prompt-start {
	display:block;
	}
#js-lace-prompt-continue {
	display: none;
}
.modal-guts button,
#btnLTECancel,
#btnLTESave {
	font-size: 16px;
	padding: 10px;
	background-color: #A0D0B0;
	color: #FFFFFF;
	border: 1px solid #A0D0B0;
	border-radius: 4px;
	cursor: pointer;
	}
.modal-guts button:hover {
	background-color: #FBB03B;
	border-color: #FBB03B;
	color:#FFFFFF;
	}
	
p.when-ready {
	border-top: 1px solid #A0D0B0;;
	padding-top: 16px;
	}
#js-lte-buttons {
	margin-top: 10px;
	margin-bottom: 16px;
	}	
#btnLTECancel {
	margin-top: 4px;
	padding: 5px 10px;
	border: 2px solid #DB901B;
	background-color: #FFFFFF;
	/*color: #DB901B;*/
	color:#CB800B;
	margin-bottom: 20px;
	}	
#btnLTECancel:hover {
	background-color: #CC0000;
	color: #FFFFFF;
	}	
#btnLTESave {
	margin-top: 4px;
	margin-left: 12px;
	padding: 5px 10px;
/*	background-color: #FBB03B;
	border: 1px solid #FBB03B;
	color: #FFFFFF;
*/
	border: 2px solid #DB901B;
	background-color: #FFFFFF;
	/*color: #DB901B;	*/
	color:#CB800B;
	margin-bottom: 20px;
	}	
#btnLTESave:hover {
	/*background-color: #A0D0B0;
	color: #FFFFFF;*/
	background-color: #FBB03B;
	color: #000000;
	}
#js-lte-buttons-close {
	display: none;
	margin-top: -20px
	}	
.send-item-caption {
	display: inline-block;
	width: 48px;
	}
	
.lte-name,
.lte-email {
	margin-bottom: 12px;
	padding-left: 16px;
	}
.lte-email {
	margin-bottom: 5px;
	}
#lte-name-required,
#lte-email-valid-required {
	display: none;
	margin-top: -2px;
	padding-top: 0;
	color: #CC0000;
	font-size: 13px;
	padding-left: 72px;
	}	
.lace-remember	{
	padding-left: 64px;
	font-size: 13px;
	color: #444444;
	margin-bottom: 16px;
	}
#js-no-data-yet-warning {
	padding-left: 16px;
	color: #0078C1;
	}
#js-no-data-yet-warning.no-data-yet-warning {
	/*color: #CC0000;*/
	}

.lte-name input,
.lte-email input {
	display: inline-block;
	margin: 0;
	width: 80%;
	max-width: 400px;
	min-width:200px;
	padding: 8px;
	border: 1px solid #A0D0B0;
	font-size: 16px;
	color: #0078C1;
	}
.lte-name input:focus,
.lte-email input:focus {
	border: 1px solid #FBB03B;
	outline: none;
	background-color: #FFF9F0;
	}
	
.lte-buttons {
	text-align: center;
	}
#js-lte-send-modal {
	margin-left: 16px;
	}
#js-lte-send-modal.no-feedback-yet {
	background-color: #CCCCCC;
	border-color: #AAAAAA;
	cursor: default;
	}	
span.xxx {
	display: block;
	border: 2px solid #A0D0B0;
	padding: 6px;
	/*width:480px;*/
	text-align: inherit;
	margin: auto;
	opacity: 0.6;
	
	}

span.lace-tab {
	display:inline-block;
	}	
span.yyy,
span.zzz {
	display: block;
	width: 120px;
	margin-top: 4px;
	padding: 3px 6px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	text-align: center;
	background-color: #A0D0B0;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 13px;
	opacity: 0.8;
user-select: none;
	}
.lte-original-link {
	cursor: pointer;
	}
span.yyy.radiusall,
span.zzz.radiusall {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
span.lte-suggestions-pre-arrowdown {
	font-weight: 700;
	margin-left: 10px;
	font-size: 16px;
	}
.span.lace-tabs {
	display:block;
	width: 90%;
	}	
span.zzz.lte-suggestion-caption,
span.zzz.lte-feedback-caption {
	background-color: #FBB03B;
	color:#FFFFFF;
	font-weight: 400;
	cursor: pointer;
}
span.zzz.lte-feedback-caption {
	background-color: #CC0000;
}
textarea.lace {
	border: 2px solid #FBB03B;
    padding: 6px;
    }
textarea.lace.suggestion {
    font-size: inherit;
    text-align: inherit;
    /*background-color: inherit;
    color: inherit;*/
	}
 textarea.lace.suggestion.closed,
 textarea.lace.feedback.closed {
	display:none; 
 	}    
textarea.lace.feedback {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	border-color: #CC0000; 
   	} 
textarea.lace.feedback::placeholder {
	color: #777777;
	}
textarea.lace:focus {
	border: 2px solid #FBB03B;
    outline: none;
	background-color: #FDF0CB;/*#FFF9F0*/
	color: #222222;
	}
textarea.lace.feedback:focus {
	background-color: #FFEEEE;
	border-color: #CC0000; 
	}
input.middle:focus {
    outline-width: 0;
}
span.lte-suggestion,
span.lte-feedback {
	display:block;
	border: 1px solid #FBB03B;
	padding: 6px;
	}
span.lte-feedback {
	font-family: Arial;
	font-size: 14px;
	font-weight: 400;
	border-color: #CC0000;
}	
.lte-hidden {
	display: none;
	}

.tooltiptext {
	display: none;
	}
p:hover .tooltiptext {
	display: block;
	}
p.lace-when-ready {
	margin-bottom: 26px
	}
#js-lte-sending,	
#js-lte-success,
#js-lte-error {
	margin-top: 20px;
	font-weight: 700;
}
#js-lte-success {
	color: #00CC00;
	}

#js-lte-error {
	color: #CC0000;
	}

.lace-smiley {
	display: block;
	margin-top: 16px;
	font-size: 28px;
}
.lace-block {
	display: block;
	text-align: left;
	}
.lace-data-ee:hover {
	background-color: #FFFDD0;/*#fffacd;#FCFFA4;*/
	color: #222222;
	}	
/* end */