@charset "utf-8";
/* CSS Document */

body { margin:0}
img { border:0}
body, table {
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	font-weight: normal;
}
h1 {
	color:#555;
}

/* para el display_new */
.Wordlist {/*color:#900; */padding-bottom: -1px; border-bottom:1px dotted/* #900*/; cursor:help;white-space:nowrap;}

/********************************************************************
 * Page layout items
 */
div.clear {
	clear:both;
	border-bottom:0px solid #fef;
}

div.section-seperator {
	clear:both;
	border-bottom:15px solid #fff;
}


div.mainbox {
	padding-top:20px;
}
div.DiscoviaHeader div.nl-logo {
	width: 250px;
	height: 60px;
	background: url(../images/netLogo.png) no-repeat 0 15px;
}
div.DiscoviaHeader div.logo-left {
	float:left;
	margin-top: 5px;
}
div.DiscoviaHeader div.logo-right {
	float:right;
	margin-top: 5px;
}

div.DiscoviaHeader div.logo-left a {
	font: bold 15px Arial,Helvetica,sans-serif;
	text-align: left;
	color: #009;
	text-decoration: none;
}
div.DiscoviaHeader div.logo-right a {
	font: bold 15px Arial,Helvetica,sans-serif;
	text-align: right;
	color: #009;
	text-decoration: none;
}

/********************************************************************
 * Log panel
 */
div.logPanel {
	position: fixed;
	border: 1px solid black;
	right: 5px;
	bottom: 5px;
	background-color: #fff;
	width: 300px;
	height: 200px;
	overflow-y: scroll;
	padding: 5px;
	font-size: 11px;

}

div.logPanel .exception {
	color: #0c0;
}

div.logPanel .info {
	color: #CCC;
}

div.logPanel .error {
	color: #FF0000;
}

div.logPanel .success {
	color: #0000EE;
}


/********************************************************************
 * Generic admin styles
 */
body.admin .error { color:#990000 }
body.admin .hide { display: none }
body.admin #navigation_link{padding: 5px}
body.admin #filter_tool{padding: 5px}
body.admin .firstUpperCase {
	text-transform: capitalize;
}
body.admin .loading {
	background: url(apps/images/loading.gif) no-repeat center center;
	height: 18px;
}
body.admin .toggle {
	cursor: pointer;
	color: #06c;
}
body.admin .toggle:hover {
	background: #eee;
}
.sa-confirm-button-container > .confirm{
  background-color: #1a5c8f !important;
}
.sweet-alert > p > strong {
  color: #333333 !important;
}
body.belize-hole {
	--theme-color1: #1a5c8f !important;
	--theme-color2: #2171ab !important;
	--theme-color3: #2f6da3 !important;
}

.current-sco {
	background-color: #2f6da3;
}

.PageDescriptor {
	color: #333333 !important;
}

.btn-secondary {
	background-color: #455a64 !important;
	color: #ffffff;
}

.btn-secondary:disabled {
	background-color: #b0bec5 !important;
	color: #ffffff !important;
}

.columnItem .text .interactive-element .active {
	background-color: #1a5c8f;
	color: #ffffff !important;
}

/* Accessibility fix: Ensure sufficient contrast for .word-content */
.WordOrderJS .wrap-sentence.is-invalid .word:not(.word-static):not(.no-sortable)>.word-content,
.WordOrderJS .wrap-sentence.is-invalid .sentence .word-placeholder:not(.word-static):not(.no-sortable)>.word-content,
.WordInsertJS .wrap-sentence.is-invalid .word:not(.word-static):not(.no-sortable)>.word-content,
.WordInsertJS .wrap-sentence.is-invalid .sentence .word-placeholder:not(.word-static):not(.no-sortable)>.word-content {
	color: #a80000 !important;
	/* Darker red for better contrast */
	/* Darker red for better contrast */
	background-color: #ffe3e3 !important;
	/* Lighter background for better visibility */
}

.WordOrderJS .wrap-sentence .sentence .word .word-content,
.WordOrderJS .wrap-sentence .sentence .word-placeholder .word-content,
.WordInsertJS .wrap-sentence .sentence .word .word-content,
.WordInsertJS .wrap-sentence .sentence .word-placeholder .word-content {
	/*background-color: #1a5c8f;*/
}

.loader-theme .interactive-element {
	background-color: #1a5c8f !important;
	color: #ffffff;
}

.loader-theme .interactive-element.inactive {
	background-color: #455a64 !important;
	/* Darker background for sufficient contrast */
	color: #ffffff !important;
}

.DropDownXML .dropdown .btn.is-invalid {
	color: #a80000 !important;
	background-color: #ffe3e3 !important;
}

.DragToBoxes .textDiv .wrapper-box .box .answers .boxAnswer.is-invalid,
.DragFromText .textDiv .wrapper-box .box .answers .boxAnswer.is-invalid,
.DragToBoxes .textDiv .wrapper-box .box .answers .is-invalid.example,
.DragFromText .textDiv .wrapper-box .box .answers .is-invalid.example {
	color: #a80000 !important;
}

.DragToBoxes .textDiv .wrapper-box .box .answers .boxAnswer.is-valid,
.DragFromText .textDiv .wrapper-box .box .answers .boxAnswer.is-valid,
.DragToBoxes .textDiv .wrapper-box .box .answers .is-valid.example,
.DragFromText .textDiv .wrapper-box .box .answers .is-valid.example {
	color: #1a5c8f !important;
}

.boxAnswer.ui-draggable.ui-draggable-handle.highlight.used {
	opacity: 0.6;
	/* Reduce visibility for disabled state */
	color: #455a64 !important;
	/* Sufficient contrast on white (#fff) background, WCAG AA compliant */
	pointer-events: none;
}

.grammar-item {
	color: #a80000 !important;
}

font[color="#FF0000"] {
	color: #a80000 !important;
	/* Darker red for better contrast */
}

.alert.alert-warning {
	color: #594a00 !important;
	/* Darker yellow for better contrast (WCAG AA compliant) */
}

.loader-theme .feedback-slider .feedback-text .incorrect {
	color: #a80000 !important;
}

.TaskBorder .TaskHeader {
	background-color: #1a5c8f !important;
	/* Darker blue for better contrast */
}

div [style="text-align:right; color:#999; font-size: 85%"] {
	color: #594a00 !important;
	/* Darker red for better contrast */
}

.aapronunciation37,
.aaanalysesounds37,
.aahiddenanswer37,
.aamultiplechoice37,
.aareadparagraph37 {
	background-color: #a80000 !important;
}

.aapronunciation38,
.aaanalysesounds38,
.aahiddenanswer38,
.aamultiplechoice38,
.aareadparagraph38 {
	background-color: #a80000 !important;
}

.aapronunciation41,
.aaanalysesounds41,
.aahiddenanswer41,
.aamultiplechoice41,
.aareadparagraph41 {
	background-color: #a80000 !important;
}

.aapronunciation40,
.aaanalysesounds40,
.aahiddenanswer40,
.aamultiplechoice40,
.aareadparagraph40 {
	background-color: #1a5c8f !important;
}

.Copyright {
	color: #455a64 !important;
}

a[onclick^="nl_openNoticeboard("],
a[href$=".pdf"],
a.ReadingWindow,
.rubric a {
	text-decoration: underline !important;
}

.example-text {
	color: #a80000 !important;
}

.oyPuzzleFooter button.btn-primary {
	background-color: #1a5c8f !important;
	/* Darker blue for better contrast */
	color: #ffffff !important;
}

.ousStateError {
	color: #a80000 !important;
}

input[value="Send feedback"] {
	background-color: #1a5c8f !important;
	/* Darker blue for better contrast */
	color: #ffffff !important;
}

span[style="color:#FF0000"] {
	color: #a80000 !important;
	/* Darker red for better contrast */
}

img[alt="note.gif"] {
	z-index: 50;
	/* Ensure the note icon is behind other elements */
}

button[title="Show transcript"] {
	margin-right: 2px;
	background-color: #1a5c8f !important;
}

.AudioPlayerJS button[title="Show transcript"] {
	background-color: inherit !important;
	/* Keep the original background */
}

.videoLink[style="color: rgb(41, 128, 185);"] {
	text-decoration: underline !important;
}

.videoLink {
	background-color: #1a5c8f !important;
	color: white !important;
	border-radius: 2px;
}
.unit-section-title{
	color: #1a5c8f !important;
}
.PageHeader .PageTitle{
  color: #1a5c8f !important;
}
span.title{
  color: #333333 !important; /* Mejor contraste sobre fondo blanco */
}
.text-heading{
  color: #333333 !important; /* Mejor contraste sobre fondo blanco */
}
.PictureOrder input[value="Check"]{
  background-color: #455a64 !important;
}
div.mainStoryboardDiv div.topBar div.timer{
  color: #333333 !important;
}
.boxAnswer.ui-draggable.ui-draggable-handle.highlight.used {
  color: #a80000 !important; /* Darker grey for better contrast on white background */
  opacity: 1; /* Increased opacity for better visibility */
}
.TaskPadding a{
  text-decoration: underline !important; /* Ensure all links are underlined for better visibility */
}
/* Feedback slider styles */
.feedback-slider .sliderFeedback {
	color: #595959 !important; /* Darker gray that meets WCAG 2 AA requirements */
}
.speaker {
  color: #595959 !important; /* Darker gray for better readability */
}
.flipped.checked.board-card .card-back{
  background-color: #2171ab;
  color: black;
}
.thead-light tr th{
color: black !important;
}
.GrammarReference{
  text-decoration: underline;
}
.light-gray-text{
  color: #595959 !important; /* Darker gray for better readability */
  font-weight: bolder !important;
}
.example{
  color: #595959 !important;
  opacity: 1 !important; /* Ensure full opacity for better visibility */
}
.example-text{
  color: #a80000 !important;
}
a[href$="#dreary"],a[href$="#pattered"],a[href$="#convulsive"],a[href$="#limbs"],a[href$="#wretch"],a[href$="#sockets"],a[href$="#clean-shaven"],a[href$="#clad"],a[href$="#speck"],a[href$="#arched"],a[href$="#temples"],a[href$="#ruddiness"],a[href$="#pallor"]{
  text-decoration: underline !important;
}