#topicLevelWorkflow .visible-desktop {
	display: block
}

#topicLevelWorkflow .hidden-desktop {
	display: none;
}

#topicLevelWorkflow .sidebox {
	border: 1px solid #aeaeae;
	padding: 8px 5px;
	margin: 8px 0;
}

#topicLevelWorkflow .sidebox .bold {
	font-weight: bolder;
}

#topicLevelWorkflow table {
	width: 95%;
	margin: 2% 0 3%;
	font-size: 85% !important;
}
#topicLevelWorkflow table td, table th {
    text-align: left;
    word-wrap: break-word;
    border: 1px solid #e0dee0;
}

#topicLevelWorkflow video {
	width: 100%;
}
#topicLevelWorkflow p {
	margin: 5px 0 12px;
}
#topicLevelWorkflow .listDisk {
	list-style-type: disc;
}
#topicLevelWorkflow .listCircle {
	list-style-type: circle;
}

#topicLevelWorkflow .listDecimal {
	list-style-type: decimal;
}

#topicLevelWorkflow ol li {
	margin: 5px 0px 12px;
}
#topicLevelWorkflow ul {
	list-style-type: disc;
}
#topicLevelWorkflow ul li {
	margin: 5px 0px 12px;
}
#topicLevelWorkflow ul,#topicLevelWorkflow ol  {
	margin-left: 16px;
	padding:0 15px;
	
}
#topicLevelWorkflow  img {
	max-width: 90%;
    height: auto;
    
}
#topicLevelWorkflow .tvReceiver {
    width: 360px;
    height: auto;
    margin: 2% 0% 2%; 
}
#topicLevelWorkflow .remote {
    max-width: 150px !important;
}


#topicLevelWorkflow .question {
	margin: 1% 0 1%;
}



#topicLevelWorkflow button {
	margin: 16px 10px 0px 0px;
	white-space: break-spaces;
}

#topicLevelWorkflow .deviceIssuesHeaderClass {
    
    background-size: 30px;
    font-size: 20px;
    padding-left: 32px;
    padding-top: 5px;
    padding-bottom: 30px;
    color: #454b52;
    font-family: att;
    font-weight: normal;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='%23191919' d='M24.025 2.588c-1.86-.176-5.856-.168-6.023-.168-.17 0-4.167-.008-6.027.168-1.935.182-2.958 1.25-2.958 3.092v24.4c0 1.84 1.023 2.908 2.958 3.092 1.683.16 5.12.167 5.886.167h.15c.172 0 4.156.007 6.016-.168 1.935-.184 2.958-1.253 2.958-3.092V5.68c0-1.84-1.023-2.91-2.96-3.092zm2.208 27.492c0 1.452-.724 2.197-2.278 2.345-1.824.172-5.904.163-5.946.165-.043-.002-4.14.008-5.965-.165-1.555-.147-2.28-.892-2.28-2.345V5.68c0-1.454.725-2.2 2.28-2.345 1.668-.158 5.23-.165 5.86-.165h.093c.045 0 4.133-.008 5.957.165 1.554.147 2.278.892 2.278 2.345v24.4zm-6.726-1.507h-3.014c-.806 0-1.462.655-1.462 1.46 0 .806.656 1.462 1.463 1.463h3.015a1.461 1.461 0 0 0 0-2.922zm0 2.174h-3.013a.712.712 0 0 1 0-1.422h3.014c.392 0 .712.318.712.71 0 .39-.32.71-.713.712zM25.03 7.25v19.096c0 .616-.5 1.116-1.113 1.116H12.083a.375.375 0 0 1 0-.75h11.834a.36.36 0 0 0 .363-.366V7.25c0-.2-.163-.36-.363-.36H12.083c-.2 0-.363.16-.363.36v13.513a.375.375 0 0 1-.75 0V7.25c0-.612.5-1.11 1.113-1.11h11.834c.614 0 1.113.497 1.113 1.11z'%3E%3C/path%3E%3C/svg%3E");    background-repeat: no-repeat;
}

#topicLevelWorkflow .serviceIssuesHeaderClass {
    background-size: 30px;
    font-size: 20px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 30px;
    color: #454b52;
    font-family: att;
    font-weight: normal;
   background-image: url("data:image/svg+xml,%3Csvg height='512pt' viewBox='-90 0 512 512.0014' width='512pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m80.929688 177.761719c2.949218 3.921875 7.449218 5.988281 12.003906 5.988281 3.140625 0 6.308594-.984375 9.007812-3.015625 6.625-4.980469 7.957032-14.390625 2.976563-21.011719-9.914063-13.1875-15.375-29.53125-15.375-46.027344 0-17.644531 6.160156-34.882812 17.34375-48.53125 5.25-6.410156 4.3125-15.867187-2.097657-21.121093-6.410156-5.25-15.867187-4.3125-21.121093 2.097656-15.566407 19-24.140625 42.992187-24.140625 67.554687 0 22.964844 7.601562 45.714844 21.402344 64.066407zm0 0'/%3E%3Cpath d='m48.875 224.027344c3.328125 0 6.675781-1.101563 9.457031-3.363282 6.433594-5.226562 7.40625-14.679687 2.179688-21.109374-19.667969-24.191407-30.496094-54.683594-30.496094-85.859376 0-32.617187 11.730469-64.183593 33.035156-88.886718 5.410157-6.273438 4.710938-15.75-1.566406-21.164063-6.273437-5.410156-15.75-4.710937-21.164063 1.5625-26 30.148438-40.320312 68.679688-40.320312 108.492188 0 38.046875 13.21875 75.261719 37.222656 104.789062 2.964844 3.648438 7.289063 5.539063 11.652344 5.539063zm0 0'/%3E%3Cpath d='m242.734375 113.695312c0 16.496094-5.457031 32.84375-15.375 46.027344-4.980469 6.625-3.648437 16.03125 2.976563 21.011719 2.699218 2.03125 5.867187 3.015625 9.007812 3.015625 4.554688 0 9.054688-2.066406 12.003906-5.988281 13.800782-18.351563 21.402344-41.105469 21.402344-64.066407 0-24.5625-8.570312-48.554687-24.140625-67.554687-5.253906-6.410156-14.707031-7.347656-21.121094-2.097656-6.40625 5.253906-7.347656 14.707031-2.09375 21.117187 11.183594 13.65625 17.339844 30.890625 17.339844 48.535156zm0 0'/%3E%3Cpath d='m302.261719 113.695312c0 31.175782-10.828125 61.667969-30.496094 85.859376-5.230469 6.429687-4.253906 15.882812 2.179687 21.109374 2.78125 2.261719 6.128907 3.363282 9.457032 3.363282 4.359375 0 8.6875-1.894532 11.652344-5.542969 24.003906-29.523437 37.222656-66.738281 37.222656-104.789063 0-39.8125-14.320313-78.339843-40.320313-108.488281-5.414062-6.277343-14.890625-6.976562-21.167969-1.5625-6.273437 5.410157-6.972656 14.886719-1.5625 21.164063 21.304688 24.703125 33.035157 56.269531 33.035157 88.886718zm0 0'/%3E%3Cpath d='m307.222656 481.988281h-42.128906l-76.683594-326.851562c14.734375-7.960938 24.769532-23.550781 24.769532-41.441407 0-25.949218-21.113282-47.0625-47.0625-47.0625-25.949219 0-47.0625 21.113282-47.0625 47.0625 0 17.894532 10.035156 33.480469 24.769531 41.441407l-76.683594 326.851562h-42.046875c-8.289062 0-15.007812 6.71875-15.007812 15.007813 0 8.285156 6.71875 15.003906 15.007812 15.003906h282.128906c8.289063 0 15.007813-6.71875 15.007813-15.003906 0-8.289063-6.71875-15.007813-15.007813-15.007813zm-101.28125-120.71875-57.386718-34.214843 43.394531-25.425782zm-39.824218-264.621093c9.402343 0 17.050781 7.648437 17.050781 17.046874 0 9.402344-7.648438 17.050782-17.050781 17.050782-9.398438 0-17.046876-7.648438-17.046876-17.050782 0-9.398437 7.648438-17.046874 17.046876-17.046874zm0 94.878906 18.65625 79.519531-43.257813 25.347656zm-37.242188 158.738281 70.246094 41.878906-92.972656 54.996094zm-22.6875 131.722656 112.46875-66.527343 15.605469 66.527343zm0 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

#topicLevelWorkflow .topicdiv {
    width: 100%;
	margin: 0px 0 21px 10px;
    
}

#topicLevelWorkflow .displayImageClass {
	display: flex;
}

#topicLevelWorkflow div>a {
	color: #0574ac;
	font-size: 16px;
}

#topicLevelWorkflow .displayImageClass>div {
	font-size: 16px;
}


#topicLevelWorkflow .deviceImage {
	display: block;
	height: 100%;
	width: auto;
	text-align: center;
	float: none;
}

#topicLevelWorkflow .changeDevice {
	font-family: att_medium;
	text-decoration: none;
	font-size: 16px;
	color: #0057b8;
	cursor: pointer;
	width: 155px;
	line-height: 40px;
}

#topicLevelWorkflow .ctnClass {
	font-size: 16px;
	font-weight: bold;
	font-family: att_medium;
}

#topicLevelWorkflow .makeClass {
	font-weight: bold;
	font-family: att_medium;
	width: 130px;
	overflow-wrap: break-word;
}

#topicLevelWorkflow .buttonDiv1 {
	display: flex;
	flex-direction: row;
	float:right;
	justify-content: space-between;
}
#topicLevelWorkflow .TopicsMainDiv {
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

#topicLevelWorkflow .buttonDiv {
	margin: 0 16px;
    width: 60%;
}

#topicLevelWorkflow .button {
	height: 32px !important;
	width: 120px;
	text-align: center;
	font-family: att_medium;
	font-size: 12px !important;
	font-weight: 500;
	line-height: 10px;
	border: 1px solid #1d2329 !important;
	border-radius: 3px;
	background-color: transparent !important;
	color: #1d2329 !important;
	cursor: pointer;
	outline-color: currentcolor;
	outline-style: none;
	outline-width: medium;
	user-select: none;
	margin: 10px 0px;
}

#topicLevelWorkflow .button:hover {
	background-color: #1281ff;
	box-shadow: 0 5px 11px rgba(0, 0, 0, .25, .25);
}

#topicLevelWorkflow .headerClass {
	font-size: 16px !important;
	line-height: 26px;
	margin: 0;
	padding-bottom: 16px;
	color: #454b52;
	font-family: att;
}

@media (max-width: 1024px) {

	#topicLevelWorkflow .changeDevice {
		font-family: att_medium;
		text-decoration: none;
		font-size: 16px;
		color: #0057b8;
		cursor: pointer;
		width: 150px;
		padding: 5px 0 5px;
	}
	#topicLevelWorkflow .makeClass {
		display: flex;
		font-weight: bold;
		font-family: att_medium;
		width: 160px;
		flex-direction: column;
		padding: 10px 0;
	}
	#topicLevelWorkflow .displayImageClass {
		display: flex;
		flex-direction:row;
	}
	#topicLevelWorkflow .TopicsMainDiv {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	#topicLevelWorkflow .topicdiv {
		width: 100%;
	}
	#topicLevelWorkflow .buttonDiv1 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		float: left;
	}
	#topicLevelWorkflow .button {
		margin: 10px 0px;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
	#topicLevelWorkflow textarea {
		padding: 12px 20px 12px 20px;
		border-radius: 5px;
		border: solid 1px #666666;
		box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
		box-sizing: border-box;
		font-size: 18px;
		margin: 8px 0;
		outline: 0 none;
		vertical-align: middle;
		max-width:100%;
	}
}

@media (max-width: 768px) {
	
	#topicLevelWorkflow .changeDevice {
		font-family: att_medium;
		text-decoration: none;
		font-size: 16px;
		color: #0057b8;
		cursor: pointer;
		width: 160px;
		padding: 5px 0 5px;
	}
	#topicLevelWorkflow .makeClass {
		display: flex;
		font-weight: bold;
		font-family: att_medium;
		width: 150px;
		flex-direction: column;
	}
	#topicLevelWorkflow .displayImageClass {
		display: flex;
		width: 100%;
		flex-direction: row;
	}
	#topicLevelWorkflow .TopicsMainDiv {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
	#topicLevelWorkflow .topicdiv {
		width: 100%;
	}
	#topicLevelWorkflow .buttonDiv {
		display: flex;
		width: 50%;
	}
	#topicLevelWorkflow .buttonDiv1 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 105%;
		float: left;
	}
	#topicLevelWorkflow .button {
		margin: 10px 0px;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
	#topicLevelWorkflow textarea {
		padding: 12px 20px 12px 20px;
		border-radius: 5px;
		border: solid 1px #666666;
		box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
		box-sizing: border-box;
		font-size: 18px;
		margin: 8px 0;
		outline: 0 none;
		vertical-align: middle;
		max-width:100%;
	}
}

@media (max-width: 375px) {
	#topicLevelWorkflow .displayImageClass {
		display: block;
		width: 100%;
	}
	#topicLevelWorkflow .dinamic_link {
		margin-left: 0px;
		font-size: 16px!important;
		overflow-wrap: break-word;
	}
	#topicLevelWorkflow .makeClass {
		font-weight: bold;
		font-family: att_medium;
		margin-left: 0px;
	}
	#topicLevelWorkflow .changeDevice {
		margin: 8px 0px;
	}

	#topicLevelWorkflow table tr th,
	tr td {
		padding: 2px 5px !important;
		font-size: 72%;
	}
	#topicLevelWorkflow .deviceImage {
		display: block;
		height: 100%;
		width: auto;
		text-align: center;
		float: none;
	}
	#topicLevelWorkflow .TopicsMainDiv {
		display: flex;
		flex-direction: column;
		width: 116%;
		height: auto;
	}
	#topicLevelWorkflow div>a {
		color: #0574ac;
		font-size: 16px;
	}
	#topicLevelWorkflow .topicdiv {
		width: auto;
	}
	#topicLevelWorkflow  button {
		margin: 16px 10px 0px 0px;
		white-space: break-spaces;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
	#topicLevelWorkflow textarea {
		padding: 12px 20px 12px 20px;
		border-radius: 5px;
		border: solid 1px #666666;
		box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
		box-sizing: border-box;
		font-size: 18px;
		margin: 8px 0;
		outline: 0 none;
		vertical-align: middle;
		max-width:100%;
	}
}

@media (max-width: 475px) {
	#topicLevelWorkflow .displayImageClass {
		display: block;
		width: 100%;
	}
	#topicLevelWorkflow .dinamic_link {
		margin-left: 0px;
		font-size: 16px!important;
		overflow-wrap: break-word;
	}
	#topicLevelWorkflow .makeClass {
		font-weight: bold;
		font-family: att_medium;
		margin-left: 0px;
	}
	#topicLevelWorkflow .changeDevice {
		margin: 8px 0 9px;
		width: 160px;
	}
	#topicLevelWorkflow table tr th,
	tr td {
		padding: 2px 5px !important;
		font-size: 82%;
	}
	
	#topicLevelWorkflow .deviceImage {
		display: block;
		height: 100%;
		width: auto;
		text-align: center;
		float: none;
	}
	#topicLevelWorkflow .TopicsMainDiv {
		display: flex;
		flex-direction: column;
		width: 116%;
		height: auto;
	}
	#topicLevelWorkflow .buttonDiv1 {
		display: flex;
		flex-direction: column
	}
	#topicLevelWorkflow .topicdiv {
		width: auto;
	}
	#topicLevelWorkflow  button {
		margin: 16px 10px 0px 0px;
		white-space: break-spaces;
	}
	#topicLevelWorkflow div>a {
		color: #0574ac;
		font-size: 16px;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
	#topicLevelWorkflow textarea {
		padding: 12px 20px 12px 20px;
		border-radius: 5px;
		border: solid 1px #666666;
		box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
		box-sizing: border-box;
		font-size: 18px;
		margin: 8px 0;
		outline: 0 none;
		vertical-align: middle;
		max-width:100%;
	}
}

#topicLevelWorkflow .flex-container {
	display: flex;
}

#topicLevelWorkflow .flex-container>div {
	margin: 10px;
	padding: 15px;
}

#topicLevelWorkflow a {
	text-decoration: none;
	font-size: 16px !important;
	font-family: att_medium;
}

#topicLevelWorkflow a:hover {
	text-decoration: underline;
}

#topicLevelWorkflow div.a {
	font-size: 16px;
	font-weight: bold;
	font-family: att_medium;
}

#topicLevelWorkflow div.c {
	font-size: 16px;
	font-family: att_medium;
}

#topicLevelWorkflow div.d {
	font-size: 16px;
	font-weight: bold;
	font-family: att_medium;
}

#topicLevelWorkflow h3 {
	font-size: 16px;
	font-family: att_medium;
}

@media (max-width: 1024px) {
	#topicLevelWorkflow .flex-container {
		display: flex;
		flex-direction: column;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
}

@media (max-width: 768px) {
	#topicLevelWorkflow .flex-container {
		display: flex;
		flex-direction: row;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
}

@media (max-width: 475px) {
	#topicLevelWorkflow .flex-container {
		display: flex;
		flex-direction: column;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
}

@media (max-width: 375px) {
	#topicLevelWorkflow .flex-container {
		display: flex;
		flex-direction: column;
	}
	#topicLevelWorkflow .visible-desktop {
		display: block
	}
	#topicLevelWorkflow .hidden-desktop {
		display: none;
	}
}

#topicLevelWorkflow input[type=text],
#topicLevelWorkflow input[type=number] {
	padding: 8px;
	border-radius: 5px;
	border: solid 1px #666666;
	box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
	font-size: 18px;
	margin: 8px 0;
	outline: 0 none;
	vertical-align: middle;
	width: 200px;
}
#topicLevelWorkflow textarea {
    padding: 12px 20px 12px 20px;
    border-radius: 5px;
    border: solid 1px #666666;
    box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
    box-sizing: border-box;
    font-size: 18px;
    margin: 8px 0;
    outline: 0 none;
    vertical-align: middle;
    max-width: 80%;
}
#topicLevelWorkflow .TextField {
	padding: 12px 20px 12px 20px;
	border-radius: 5px;
	border: solid 1px #666666;
	box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
	font-size: 18px;
	margin: 8px 0;
	outline: 0 none;
	vertical-align: middle;
	width: 200px
}

#topicLevelWorkflow .SelectFields {
	padding: 12px 20px 12px 20px;
	border-radius: 5px;
	border: solid 1px #666666;
	box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
	font-size: 18px;
	margin: 8px 0;
	outline: 0 none;
	vertical-align: middle;
	width: 210px;
	color: #9b8aa8;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#topicLevelWorkflow .fields-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

#topicLevelWorkflow .field {
	position: relative;
	padding: 3px;
}

#topicLevelWorkflow .Select__arrow {
	position: absolute;
	top: 27px;
	left: 175px;
	border: solid #0057b8;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 0px 5px 5px 0px;
	display: inline-block;
	padding: 5px;
	border-radius: 2px 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	display: inline-block;
	width: 3px;
	height: 3px;
}
#topicLevelWorkflow .tel1{
	padding: 8px;
	border-radius: 5px;
	border: solid 1px #666666;
	box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
	font-size: 18px;
	margin: 8px 0;
	outline: 0 none;
	vertical-align: middle;
	width: 60px;
}

#topicLevelWorkflow .tel2{
	padding: 8px;
	border-radius: 5px;
	border: solid 1px #666666;
	box-shadow: inset 0 2px 4px 0 rgba(204, 204, 204, 0.5);
	box-sizing: border-box;
	font-size: 18px;
	margin: 8px 0;
	outline: 0 none;
	vertical-align: middle;
	width: 100px;
}
#topicLevelWorkflow .Select__arrow1 {
    position: relative;
    left: -22px;
    border: solid #0057b8;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0px 5px 5px 0px;
    display: inline-block;
    padding: 5px;
    border-radius: 2px 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: inline-block;
    width: 3px;
    height: 3px;
}
#topicLevelWorkflow select::-ms-expand {
	display: none;
}
/* Expand/collapse code started here....*/

#topicLevelWorkflow .tabs {
	border-radius: 8px;
	overflow: hidden;
  
  }
  #topicLevelWorkflow .tab {
	width: 100%;
	color: black;
	overflow: hidden;
  }
  #topicLevelWorkflow .tab-label {
	display: flex;
	justify-content: space-between;
	padding: 8px 0px;
	background: #fff;
	font-weight: bold;
	cursor: pointer;
	border-bottom:1px solid #f2f2f2;
  }
  
  #topicLevelWorkflow .tab .hideinputs {
	position: absolute;
	opacity: 0;
	z-index: -1;
  }
  #topicLevelWorkflow .tab-label::after {
	content: "\276F";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all 0.35s;
  }
  #topicLevelWorkflow .tab-content {
	max-height: 0;
	padding: 0 1em;
	color: #2c3e50;
	background: #eeeeee;
	transition: all 0.35s;
  }
    
  #topicLevelWorkflow .tab  input:checked + .tab-label::after {
	transform: rotate(90deg);
  }
  #topicLevelWorkflow .tab  input:checked ~ .tab-content {
	max-height: 100%;
	padding: 2%;
  }
 
  #topicLevelWorkflow .tab .tab-content ol li:focus {
	display:none;
  }

/* Expand/collapse code ended here....*/

/* Tooltip code for topics starts here.... */
#topicLevelWorkflow .topicdiv a[data-title]:hover:after {
    opacity: 1;
    transition: all 1s ease .5s;
    visibility: visible;
}
#topicLevelWorkflow .topicdiv a[data-title]:after {
	content: attr(data-title);
    background-color: #009fdb;
    color: #ffffff;
    font-size:80%;
    position: absolute;
	padding: 5px;
	margin:20px 10px;
	right: 0;
    word-wrap:break-word;
    box-shadow: 2px 2px 3px #ccc;
    border-radius:3px;
    opacity: 0;
    z-index: 99;
    visibility: hidden;
}
#topicLevelWorkflow .topicdiv a[data-title] {
    position: static;
}

/* Tooltip code for topics starts here.... */