/* i2L CHG-2026-562 (C. Bien, 24 Sep 2026): icon swap batch 2 - 20 more image references replaced (inline SVG / CSS gradients). */
/* i2L CHG-2026-554 (C. Bien, 24 Sep 2026): 28 PNG icon references replaced by inline SVG drawings (Bootstrap Icons 1.11.3; custom certificate) - same canvas sizes, no image requests. Originals: *.PRE-CHG554. */
 RESET */
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* reset for user-defined text */
/*.standard.clean-padding ul	{ padding: 0 0 0 16px !important;}
.standard.clean-padding ol	{ padding: 0 0 0 22px !important;}
.standard ul				{ list-style-type: square; padding: 10px 0 20px 16px; }
.standard ul ul				{ list-style-type: square; padding: 5px 0 5px 16px; }
.standard ol				{ list-style-type: decimal; padding: 10px 0 20px 22px; }
.standard ol ol				{ list-style-type: lower-alpha; padding: 5px 0 5px 22px; }
.standard dl				{ padding: 10px 0px 15px 0px; }
.standard dl dt				{ color: #333333; font-weight: bold; }
.standard dl dd				{ padding-bottom: 10px; }*/

.topbuts li a.blue			{ background: #0064AA; }
.topbuts li a.blue:hover	{ background: #00A5C4; }
.topbuts li a.grey			{ background: #BBBBBB; }
.topbuts li a.grey:hover	{ background: #CCC; }

/*.menu li 			{ float: left; margin-right: 3px; padding-bottom: 5px; position: relative; }*/
/*.menu li a		{ display: block; line-height: 16px; padding: 7px 15px 7px 15px; background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,.08) 50%, rgba(0,0,0,.06) 51%, rgba(0,0,0,.12)) center center repeat-x #555555; color: #FFFFFF; text-decoration: none; font-weight: bold; text-shadow: 1px 1px 1px #333333; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }*/
.menu li 			{ padding-bottom: 0px; }
.menu li a			{ padding: 4px 10px 4px 10px; }
.menu ul ul			{ top: 25px;}

/*.main-wrap						{ width: 100%; padding-top: 30px; }*/
.main-wrap							{ padding-top: 12px; }

.user-detail .name	{ padding:2px 0px 3px 0px; }
.user-detail .text	{ line-height:16px; }

/* iconbar */

.content-box.appbar						{ -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }
.content-box.appbar .box-body			{ border: none; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; }

.content-box.appbar .iconbar			{ background-color: #CCC; height: 113px;}
.content-box.appbar .iconbar .box-wrap	{ padding-top: 5px; padding-bottom: 5px; height: 93px; }
.appbar .main-icons ul					{ min-width: 5000px !important; }
/*
.content-box .iconbar	{ background: #e9e9e9 url('../images/bck_iconbar.png') top center repeat-x; height: 143px; overflow: hidden; }
.content-box .iconbar .box-wrap	{ background: url('../images/bck_iconbar_bottom.png') center bottom repeat-x; padding-top: 15px; padding-bottom: 25px; padding-left: 42px; padding-right: 42px; position: relative; overflow: hidden; height: 103px; }

.iconbar .jcarousel-list            { height: 100px; overflow: hidden; }
.iconbar .jcarousel-prev            { background: #f9f9f9; display: block; width: 20px; height: 40px; text-indent: -9999px; border: 1px solid #FFFFFF; border-left-width: 0px; position: absolute; top: 29px; left: -42px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; -moz-box-shadow: 2px 1px 4px #dddddd; -webkit-box-shadow: 2px 1px 4px #dddddd; box-shadow: 2px 1px 4px #dddddd; *border-right: 1px solid #DDDDDD; *border-bottom: 1px solid #DDDDDD;}
.iconbar .jcarousel-prev-disabled   { background: url('../images/arrowleft_iconbar_off.png') center center no-repeat #f9f9f9 !important; cursor: auto !important; }
.iconbar .jcarousel-prev            { background: url('../images/arrowleft_iconbar_act.png') center center no-repeat #f9f9f9; cursor: pointer; }
.iconbar .jcarousel-prev:hover      { background: url('../images/arrowleft_iconbar_ovr.png') center center no-repeat #ffffff;}

.iconbar .jcarousel-next			{ background: #f9f9f9; display: block; width: 20px; height: 40px; text-indent: -9999px; border: 1px solid #FFFFFF; border-right-width: 0px; position: absolute; top: 29px; right: -42px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; -moz-box-shadow: -2px 1px 4px #dddddd; -webkit-box-shadow: -2px 1px 4px #dddddd; box-shadow: -2px 1px 4px #dddddd; *border-left: 1px solid #DDDDDD; *border-bottom: 1px solid #DDDDDD;}
.iconbar .jcarousel-next-disabled	{ background: url('../images/arrowright_iconbar_off.png') center center no-repeat #f9f9f9 !important; cursor: auto !important; }
.iconbar .jcarousel-next            { background: url('../images/arrowright_iconbar_act.png') center center no-repeat #f9f9f9; cursor: pointer; }
.iconbar .jcarousel-next:hover      { background: url('../images/arrowright_iconbar_ovr.png') center center no-repeat #ffffff;}

.main-icons			{ margin: 0px; padding: 0px; }
.main-icons ul			{ width: 100%; }
.main-icons li			{ width: 120px; float: left; text-align: center; margin: 0px 5px 0px 5px; padding: 1px 0px 5px 0px; }
.main-icons li.active,
.main-icons li:hover		{ background: url('../images/bck_iconbar_ovr.png') center -15px no-repeat ; width: 118px; padding: 0px 0px 5px 0px; border: 1px solid #f3f3f3; border-bottom-width: 0px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.main-icons a			{ color: #333333; text-decoration: none; display: block; padding-top: 14px; text-shadow:0px 1px 2px rgba(0, 0, 0, .25); }
.main-icons a:hover		{ color: #00A5C4; text-decoration: none; padding-top: 13px; text-shadow:0px 1px 10px rgba(255, 255, 255, 1.0); border: 1px solid #FFFFFF; border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;  }
.main-icons li.active a		{ color: #47AB00; text-decoration: none; padding-top: 13px; text-shadow:0px 1px 1px rgba(71, 171, 0, .4); border: 1px solid #FFFFFF; border-bottom-width: 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px;  }
.main-icons .icon		{ display: block; width: 64px; height: 64px; margin: 0px auto; }
.main-icons .text		{ display: block; padding: 5px 0px 0px 0px; }
*/
/* end iconbar */

.pointer						{ cursor: pointer; cursor: hand; }

.button.darkred					{ background-color: #900; }
.button.darkblue				{ background-color: #0064AA; }
.button.darkgreen				{ background-color: #060; }
.button.teal					{ background-color: #008080; }

span.glossary,
span.resource				{ float: left; display: block; text-indent: -9999px; width: 22px; height: 16px; cursor: pointer; position: relative; top: -1px; left: -5px; margin-right: 5px ; }
span.glossary				{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(0.5 0.5) scale(0.9375)'%3E%3Cg fill='%231f6fb5'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center center no-repeat !important; }
span.resource				{ background: url('images/resource_22.png') center center no-repeat !important; }

.opaque25							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25); -moz-opacity: 0.25; -webkit-opacity: 0.25; }
.opaque50							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; }
.opaque75							{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; -webkit-opacity: 0.75; }

/*.box-header h2					{ color: #333333; line-height: 24px; margin-bottom: 0px; padding: 7px 20px 9px 20px; background: url('../images/rule.gif') bottom left repeat-x; }*/
.box-header h2.selected				{ color: #06C; }

/*.box-header .tabs li.active a		{ color: #FFFFFF; background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,.08) 50%, rgba(0,0,0,.06) 51%, rgba(0,0,0,.12)) center center repeat-x #4DB800; border: 0px solid #333333; }*/
.box-header .tabs li.active a		{ color: #FFFFFF; background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,.08) 50%, rgba(0,0,0,.06) 51%, rgba(0,0,0,.12)) center center repeat-x #0064AA; border: 0px solid #333333; }
/*.box-header .tabs li a.selected	{ color: #FFFFFF; background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,.08) 50%, rgba(0,0,0,.06) 51%, rgba(0,0,0,.12)) center center repeat-x #4DB800; border: 0px solid #333333; }*/
.box-header .tabs li a.selected		{ color: #FFFFFF; background: linear-gradient(to bottom, rgba(255,255,255,.35), rgba(255,255,255,.08) 50%, rgba(0,0,0,.06) 51%, rgba(0,0,0,.12)) center center repeat-x #0064AA; border: 0px solid #333333; }
.box-header .tabs					{ list-style: none; }

/* user boxes */
 
/*.online-user ul.links				{ float: right; }*/
.online-user ul.links				{ float: right; }

.online-user ul.links .last30		{ padding-right: 30px; }

.online-user ul.links .add			{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%232e8b3a'%3E%3Cpath d='M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E %3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .add:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23236c2d'%3E%3Cpath d='M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E %3Cpath fill-rule='evenodd' d='M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .alert		{ display: block; width: 24px; height: 24px; background: url('images/ico_exclamation_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .alert:hover	{ background: url('images/ico_exclamation_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .chart		{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%231f6fb5'%3E%3Cpath d='M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778zM8.5.015V7.5h7.485A8 8 0 0 0 8.5.015'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .chart:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%2318568d'%3E%3Cpath d='M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778zM8.5.015V7.5h7.485A8 8 0 0 0 8.5.015'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .check		{ display: block; width: 24px; height: 24px; background: url('images/ico_progress_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .check:hover	{ background: url('images/ico_progress_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .detail		{ display: block; width: 24px; height: 24px; background: url('images/ico_view_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .detail:hover	{ background: url('images/ico_view_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .edit			{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1.5 1.5) scale(1.3125)' fill='%238a6a1f'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E %3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .edit:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1.5 1.5) scale(1.3125)' fill='%236b5218'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E %3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .barbell		{ display: block; width: 24px; height: 24px; background: url('images/ico_exercise_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .barbell:hover	{ background: url('images/ico_exercise_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .exercise		{ display: block; width: 24px; height: 24px; background: url('images/ico_exercise_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .exercise:hover	{ background: url('images/ico_exercise_16_ovr.png') 0 0 no-repeat; }
.online-user ul.links .info			{ display: block; width: 24px; height: 24px; background: url('images/ico_info_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .info:hover	{ background: url('images/ico_info_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .mail			{ display: block; width: 24px; height: 24px; background: url('images/ico_mail_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .mail:hover	{ background: url('images/ico_mail_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .minus		{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%231f4e79'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E %3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .minus:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23183c5e'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E %3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .plus			{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%231f4e79'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E %3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .plus:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23183c5e'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E %3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .print		{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%231f4e79'%3E%3Cpath d='M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1'/%3E %3Cpath d='M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .print:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23183c5e'%3E%3Cpath d='M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1'/%3E %3Cpath d='M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .script		{ display: block; width: 24px; height: 24px; background: url('images/ico_script_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .script:hover	{ background: url('images/ico_script_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .spreadsheet	{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%232e7d32'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .spreadsheet:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23236127'%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .stu			{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%232f7d55'%3E%3Cpath d='M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5'/%3E %3Cpath d='M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links .stu:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23246142'%3E%3Cpath d='M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8m1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5'/%3E %3Cpath d='M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96q.04-.245.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 1 1 12z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .users		{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23c26a16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .users:hover	{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)' fill='%23975211'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; }
.online-user ul.links .view			{ display: block; width: 24px; height: 24px; background: url('images/ico_bulb_24_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .view:hover	{ background: url('images/ico_bulb_24_ovr.png') 0 0 no-repeat; }
.online-user ul.links .checklist	{ display: block; width: 16px; height: 16px; background: url('images/ico_check_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .checklist:hover	{ background: url('images/ico_check_16_ovr.png') 0 0 no-repeat; }

.online-user ul.links .reset_test_score    { display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg transform='translate(0.5 0.5) scale(0.6875)'%3E%3Cg fill='%23374151'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2z'/%3E %3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; margin-top: 2px; }
.online-user ul.links .reset_pre	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Ccircle cx='8' cy='8' r='7.3' fill='%23f0c030' stroke='%237a5a00' stroke-width='0.9'/%3E%3Cg transform='translate(3.6 3.6) scale(0.55)' fill='%231c2430'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E %3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_quiz	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Ccircle cx='8' cy='8' r='7.3' fill='%232e8b3a'/%3E%3Cg transform='translate(3.6 3.6) scale(0.55)' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E %3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_post	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Ccircle cx='8' cy='8' r='7.3' fill='%231690c9'/%3E%3Cg transform='translate(3.6 3.6) scale(0.55)' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E %3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .reset_fina	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Ccircle cx='8' cy='8' r='7.3' fill='%23c0392b'/%3E%3Cg transform='translate(3.6 3.6) scale(0.55)' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z'/%3E %3Cpath d='M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_pre	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Cg fill='%23222222'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E %3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_quiz	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Cg fill='%232e8b3a'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E %3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_post	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Cg fill='%231f6fb5'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E %3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .show_fina	{ display: block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg transform='translate(0.5 0.5) scale(1.0625)'%3E%3Cg fill='%23c0392b'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E %3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8m8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .progress		{ display: block; width: 18px; height: 18px; background: url('images/ico_progress_16_off.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .help			{ display: block; width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)'%3E%3Cg fill='%231f6fb5'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links .active	{ display: block; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(0.5 0.5) scale(0.9375)' fill='%232e8b3a'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/g%3E%3C/svg%3E") 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .inactive	{ display: block; width: 16px; height: 16px; background: url('images/ico_error_16.png') 0 0 no-repeat; text-indent: -9999px; }
.online-user ul.links .pending	{ display: block; width: 16px; height: 16px; background: url('images/ico_attention_16.png') 0 0 no-repeat; text-indent: -9999px; }

.online-user ul.links li.lastitem	{ margin-right: 5px; }

.fl-space3							{ float: left; margin-right: 20px; }
.fr-space3							{ float: right; margin-left: 20px; }
.fl-space4							{ float: left; margin-right: 20px; }
.fr-space4							{ float: right; margin-left: 20px; }

/*.button:hover						{ color: #FFFFFF; text-decoration: none; }*/
.button:hover 						{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;  -webkit-opacity: 0.8; }

/* nav tree */

ul.navtree									{ list-style-type: none; padding: 0px 0 20px 0px; }
ul.navtree ul								{ padding-left: 5px; }
ul.navtree li								{ line-height: 16px; padding: 0px 0px 4px 5px; list-style: none; }
ul.navtree li span.item						{ padding-left: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg transform='translate(1.5 1.5) scale(0.625)' fill='%232f6fd6'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") 0px 0px no-repeat; display: block; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; cursor: pointer; }
ul.navtree li li span.item					{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg transform='translate(1.5 1.5) scale(0.625)' fill='%23e0b100'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") 2px 4px no-repeat; font-weight: normal; }
/*ul.navtree li li li span.item				{ background: url('../../images/ball_green_13.png') 2px 4px no-repeat; }
ul.navtree li li li li span.item			{ background: url('../../images/ball_purple_13.png') 2px 4px no-repeat; }
ul.navtree li li li li li span.item			{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg transform='translate(1.5 1.5) scale(0.625)' fill='%23222222'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") 2px 4px no-repeat; }
ul.navtree li li li li li li span.item		{ background: url('../../images/ball_red_13.png') 2px 4px no-repeat; }
ul.navtree li li li li li li li span.item	{ background: url('../../images/ball_grey_13.png') 2px 4px no-repeat; }*/
ul.navtree li li li span.item				{ background: none; padding-left: 5px !important; }
ul.navtree li li li span.item.selected		{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7'%3E%3Cpolygon points='0,0 4,3.5 0,7' fill='%23303030'/%3E%3C/svg%3E") 6px 4px no-repeat !important; margin-left: -9px; padding-left: 14px !important; }
ul.navtree li li li li span.item			{ background: none; }
ul.navtree li li li li li span.item			{ background: none; }
ul.navtree li li li li li li span.item		{ background: none; }
ul.navtree li li li li li li li span.item	{ background: none; }
ul.navtree li li 							{ padding-left: 10px !important; }
ul.navtree li.tree-item-main				{ padding-left: 0px;}
ul.navtree li.tree-item						{ padding-left: 0px; list-style: none; }

ul.navtree ul								{ background: url('../images/tree_line.gif') 7px top no-repeat;}
ul.navtree ul ul							{ background: none; }
ul.navtree li.last ul						{ background: none; }

/*li.tree-item								{ background: url('../../images/tree_simple.png') 0px 0px no-repeat; }
li.tree-item.last							{ background: url('../../images/tree_simple_last.png') 0px 0px no-repeat; }
li.tree-item.parent							{ background: url('../../images/tree_point.png') 0px 0px no-repeat; }
li.tree-item.parent.last					{ background: url('../../images/tree_point_last.png') 0px 0px no-repeat; }*/

ul.navtree li span.item.exam				{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13'%3E%3Cg transform='translate(1.5 1.5) scale(0.625)' fill='%23222222'%3E%3Ccircle cx='8' cy='8' r='8'/%3E%3C/g%3E%3C/svg%3E") 0px 0px no-repeat; }
ul.navtree li li span.item.clock			{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(0.5 0.5) scale(0.9375)' fill='%236b7280'%3E%3Cpath d='M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z'/%3E %3Cpath d='M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z'/%3E %3Cpath d='M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5'/%3E%3C/g%3E%3C/svg%3E") 2px 0px no-repeat; font-weight: normal; }
li.tree-item-main span.selected				{ font-weight:bold !important; padding-left: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(0.5 0.5) scale(0.9375)' fill='%232e8b3a'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z'/%3E%3C/g%3E%3C/svg%3E") 0px 0px no-repeat !important; }
li.tree-item span.selected					{ font-weight:bold !important; }

/**************
**** tables ***
**************/

table th .pass,
table td .pass						{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24'%3E%3Cg transform='translate(4 2) scale(1.25)'%3E%3Cg fill='%232e8b3a'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important; }
table th .fail,
table td .fail						{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(1 1) scale(1.375)'%3E%3Cg fill='%231f6fb5'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247m2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat !important; }

table.plain							{ margin-bottom: 0px; border-spacing: 0px; border-collapse: separate; border-top: none; border-bottom: none; line-height: 16px; }
table.plain caption					{ background: none #bbbbbb; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left;}
table.plain tr:hover				{ background: none !important; }
table.plain thead					{ color: #333333; }
table.plain th,
table.plain .title					{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 6px 3px 0px; white-space: nowrap; text-align: left; }
table.plain tbody th				{ }
table.plain td						{ background: none !important; border-top: none; border-bottom: none; padding: 3px 8px 3px 0px !important; line-height: 16px !important; }
table.plain thead					{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0px; white-space: nowrap; }
table.plain td p					{ padding-bottom: 3px; padding-top: 3px; }

/*table.style1 .icon16				{ margin-top: 3px; margin-bottom: 3px; }*/
table.style1 .icon16				{ margin: 3px; vertical-align:middle; }

table caption						{ text-align: left !important;}
table .vtop							{ vertical-align: top; }
table .vbottom						{ vertical-align: bottom; }

/* sliding boxes and tabs */

.box-slide-head span.select-but,
.box-slide-head td.select-but span	{ display: block; text-indent: -9999px; width: 26px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24'%3E%3Cg transform='translate(4 2) scale(1.25)'%3E%3Cg fill='%232e8b3a'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center center no-repeat !important; cursor: pointer; }
.box-slide-head td.select-but		{ background: none; }
.box-header.box-slide-head .select-but	{ position: absolute; top: 4px; left: -1px; }

li span.view,
li span.test,
li span.resource					{ float: left; display: block; text-indent: -9999px; width: 22px; height: 22px; cursor: pointer; position: relative; top: -6px; left: -5px; margin-right: 5px ; }
li span.view						{ background: url('images/view_22.png') center center no-repeat !important; }
li span.test						{ background: url('images/ico_check_24_off.png') center center no-repeat !important; }
li span.resource					{ background: url('images/resource_22.png') center center no-repeat !important; }

.col10						{ width: 10%; float: left; margin-right: 12px; }
.col15						{ width: 15%; float: left; margin-right: 12px; }
.col25						{ width: 22%; float: left; margin-right: 12px; }
.col33						{ width: 31%; float: left; margin-right: 12px; }
.col40						{ width: 38%; float: left; margin-right: 12px; }
.col50						{ width: 48%; float: left; margin-right: 12px; }
.col60						{ width: 58%; float: left; margin-right: 12px; }
.col66						{ width: 65%; float: left; margin-right: 12px; }
.col75						{ width: 77%; float: left; margin-right: 12px; }

.tab-panel					{ background: #FFFFFF; margin-top:-30px; padding:8px 10px; border-width: 1px; border-style: solid; border-color: #DDDDDD #DDDDDD #C4C4C4 #DDDDDD;-moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
/*.tab-panel .tab-content		{ background: url('../../images/bck_header.png') top center repeat-x; padding:10px; margin: 0 -10px; color:black; position: relative; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }*/
.tab-panel .tab-content		{ color:black; }

.size-12		{ width: 12px; }	
.size-16		{ width: 16px; }	
.size-24		{ width: 24px; }	
.size-32		{ width: 32px; }	
.size-48		{ width: 48px; }	
.size-64		{ width: 64px; }	
.size-100		{ width: 100px; }
.size-110		{ width: 110px; }

.size16			{ width: 16px; height: 16px; }
.size24			{ width: 24px; height: 24px; }
.size32			{ width: 32px; height: 32px; }
.size36			{ width: 36px; height: 36px; }

.size25			{ width: 25%; }
.size50			{ width: 50%; }
.size100		{ width: 100%; }

.bold			{ font-weight: bold; }
.capitalize		{ text-transform:capitalize; }
.inactive		{ text-decoration:line-through; }
.underline		{ text-decoration:underline; }
.upper			{ text-transform: uppercase; }
.lower			{ text-transform: lowercase; }
.small			{ font-size: small; }
.large			{ font-size: large; }
.smaller		{ font-size: smaller; }
.larger			{ font-size: larger; }

.white			{ color:white; }

.footer			{ padding: 10px 0px 2px 0px; }

.controlstyle		{ margin: 3px 10px; font-weight:bold; }
.controlstyle a		{ outline:none; padding: 0px 5px; }/*links inside DIV sizecontroldiv*/
.controlstyle a img	{ border-width:0; }/*image links inside DIV sizecontroldiv*/
.controlstyle a.selectedcontrol img	{ border-bottom:4px solid darkred; }/*selected control's image*/

.intro-number						{ float:left; color:#0064AA; font-size: 150%; font-weight: bolder; position: relative; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; -webkit-opacity: 0.4; }
h1 .intro-number					{ top: -15px; left: -10px; padding-right: 2px; }
table.plain tbody                   {text-align-last: center;margin-left: 40%;}

/*table.plain #quiz_button            {margin-left: 40%;}*/

@-moz-document url-prefix() { .online-user ul.links a{ font-size: 0px; } .dataTables_paginate .first, .dataTables_paginate .previous,.dataTables_paginate .next, .dataTables_paginate .last{font-size: 0px;}} /* For firefox only 

/*further css*/

.quiz_class{
    display: flex;
    justify-content: center;
}
table td.exp-date, .box-wrap table td {
    vertical-align: middle;
}
table.plain.collapse-table th {
    background: transparent;
    border-top: none;
    text-align-last: left;
    padding: 0px 10px 12px;
}
table.plain.collapse-table tr td {
    text-align-last: left;
    padding: 12px 10px !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.button-linked {
    position: relative;
}
.button-linked .button.button-overlap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    background: rgba(0,0,0,0);
    /*opacity: 0;*/
}
.button-linked .button.button-overlap{
    text-align: left !important;
}
table.plain.collapse-table {
    background-color: #fff;
}
tr.box-slide-head.pointer td {
    border-bottom: none;
    padding: 12px 10px;
}
table.plain.collapse-table tr td{
    position: relative !important;
}
table.plain.collapse-table tr td:first-child {
    border-left: 1px solid #fff;
}
table.plain.collapse-table tr td:last-child {
    border-right: 1px solid #fff;
}

table.plain.collapse-table tr.button-linked:hover td {
    background-color: #f7f7f7 !important;
}
table.plain.collapse-table tr.mute-course:hover td {
    background-color: #FAE2E3 !important;
}
a.expiry-button{
    color: #ffffff;
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    background: red;
    border-radius: 3px;
}
tr.mute-course {
    text-decoration:line-through
}
table.plain.collapse-table tr.button-linked.active:hover td {
    background-color: #eefee6 !important;
    border-color: #066d00;
}
table.style1 td.no-pad {
    padding: 12px 0 10px;
    background: none;
    background-color: #fff;
}
.button-linked .active-quiz {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
}
.button-linked .active-quiz {
    display: inline-block;
    width: 26px;
    height: 25px;
    vertical-align: middle;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(0 0) scale(1.5)'%3E%3Crect x='0.7' y='2.2' width='12.9' height='10' rx='1' fill='none' stroke='%2352606d' stroke-width='1.2'/%3E%3Cpath d='M3 5h8.2M3 7.1h6.2M3 9.2h3.6' stroke='%2352606d' stroke-width='1.1' stroke-linecap='round' fill='none'/%3E%3Cpath d='M10.9 12.4 10.1 15.6l1.6-.9 1.2 1 .1-3.2zM12.5 12.6l.4 3 1.2-1 1.5.8-.9-3z' fill='%2352606d'/%3E%3Ccircle cx='12.6' cy='11' r='2.9' fill='%2352606d' stroke='%23ffffff' stroke-width='0.9'/%3E%3Ccircle cx='12.6' cy='11' r='1.35' fill='none' stroke='%23ffffff' stroke-width='0.7'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    position: absolute;
    left: 71px;
}
td.online-user {
    position: relative;
}
.active-quiz .badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: -14px;
    top: -14px;
    opacity: 0;

}
table.plain.collapse-table tr.button-linked:hover td .badge {
	opacity: 1;
}
tr.box-slide-head.pointer td {
    font-weight: 600;
}

.new-class .box-slide-head span.slide-but, .new-class .box-slide-head td.slide-but span {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='2 4.6 12 7' preserveAspectRatio='none'%3E%3Cg fill='%23374151'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat !important;
}
.course-detail {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.read-more-button {
    position: relative;
    z-index: 99;
}
.course-detail.showDetail {
    display: block;
}
.button-linked .button.inactive, .button-linked .button.expired {
    pointer-events: none;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    background-color: #ff000012 !important;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td:first-child {
    border-left: 1px solid red;
}
table.plain.collapse-table tr.button-linked.inactive:hover > td:last-child {
    border-right: 1px solid red;
}
.manage-class-table table.style1 ul.tree.categories {
    padding: 0;
}
.manage-class-table table.style1 tr td {
    vertical-align: top;
}
tr.box-slide-head.bd-top td {
    border-top: 1px solid #ddd;
}
/* ===== i2L CHG-2026-563 (C. Bien, 24 Sep 2026): ALL ICONS +25 % - easier to see and click ("I like the 25% increase").
   Previewed on the dashboard, Class Assessment Report and student report before this was written.
   The icons are inline SVG drawings (CHG-2026-554/562), so they stay sharp at the larger size: each box grows and the
   drawing is scaled to fill it (background-size: contain). Sizes: action icons 24->30, report row icons 16->20 and
   18->23, Reset 14->18, status / answer marks 16->20, table page buttons 22->28. The profile person is drawn ~25 %
   larger inside its box so it balances the clock and circle beside it. Remove this block to go back. ===== */
.online-user ul.links a[class], .online-user ul.links span[class],
.dataTables_wrapper .dataTables_paginate .first, .dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next, .dataTables_wrapper .dataTables_paginate .last { background-size: contain !important; background-position: center !important; }
.online-user ul.links .stu, .online-user ul.links .chart, .online-user ul.links .users, .online-user ul.links .add, .online-user ul.links .edit,
.online-user ul.links .spreadsheet, .online-user ul.links .plus, .online-user ul.links .minus, .online-user ul.links .print { width: 30px !important; height: 30px !important; }
.online-user ul.links .user-profile, .online-user ul.links .hist { width: 20px !important; height: 20px !important; }
.online-user ul.links a.user-profile, .online-user ul.links span.user-profile { background-size: 125% 125% !important; }
.online-user ul.links .reset_post, .online-user ul.links .reset_pre, .online-user ul.links .reset_quiz, .online-user ul.links .reset_fina,
.online-user ul.links .show_pre, .online-user ul.links .show_post, .online-user ul.links .show_quiz, .online-user ul.links .show_fina { width: 23px !important; height: 23px !important; }
.online-user ul.links .reset_test_score { width: 18px !important; height: 18px !important; }
img.icon16, img.cross_icon { width: 20px !important; height: 20px !important; }
.dataTables_wrapper .dataTables_paginate .first, .dataTables_wrapper .dataTables_paginate .previous,
.dataTables_wrapper .dataTables_paginate .next, .dataTables_wrapper .dataTables_paginate .last { width: 28px !important; height: 28px !important; }
/* CHG-2026-563: the dashboard Actions cell (fixed width 175) must hold five 30px icons, each taking 41px with its spacing = 205px; without this the
   fifth icon (Edit Class) wraps when the window is narrow. */
td.online-user[width="175"] ul.links { min-width: 210px; }