/** CSS rules for player. */
.ic_player h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl,
hr, table, fieldset {
  margin: 0px;
}

.ic_player{
	border: 1px solid gray;
	margin: 0px;
	padding:0px;
	font: 16px Verdana, Arial;
}

.ic_page * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-tap-highlight-color: transparent !important;
    outline: none;
}

.ic_page{
	width:	578px;
	height:	398px;
	margin: 0px;
	padding:0px;
	background-color: white;
	color:black;
}

.ic_waitdlg{
	background-color:white;
	padding:20px;
	opacity:0.75;
	z-index: 100;
	position: fixed;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.ic_waitImage {
  background-image: url(data:image/gif;base64, );
  width: 32px;
  height: 32px;
}

.ic_navi_panel_prev,
.ic_navi_panel_next {
    width: 100px;
    height: 100px;
    background-color: rgba(131, 131, 131, 0.25);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0.75;
    visibility: hidden;
    display: none;   
 	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.ic_navi_panel_animation {
	opacity: 1;
}

.ic_navi_panel_bar {
  position: fixed;
  height: 80px;
  padding: 0px 20px 0px 20px;
  background:  #505050;
  visibility: hidden;
  display: none;    
  color:white;
  text-align:center;
  opacity:1;
  filter:alpha(opacity=100); /* For IE8 and earlier */ 
  animation:slideUp 1s ease;
//  -webkit-animation:slideUp 1s ease;  /* Safari and Chrome */
  z-index:150;
}

.ic_navi_button {
	background-image: url('images/page.png');
	background-size:50px 60px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0px;
	margin-right: 0px;
    height: 77px;
    width: 60px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.ic_navi_button-active {
	background-size: 60px 70px;
	opacity: 1;
  	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.ic_navi_button-inactive {
	opacity: 1;
  	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.ic_navi_button-inactive:hover {
	background-size: 60px 70px;
	opacity: 1;
  	filter:alpha(opacity=100); /* For IE8 and earlier */
}



@keyframes slideUp {
	0% {
		transform: translateY(100%) ;
		opacity:0.0;
	}
	50%{
		transform: translateY(8%) ;
		opacity: 0.1;
	}
	65%{
		transform: translateY(4%) ;
		opacity: 0.5;
	}
	
	95%{
		transform: translateY(2%);
		opacity: 0.7;
	}			
	100% {
		transform: translateY(0%) ;
		opacity: 0.9;
	}	
}

@-webkit-keyframes slideUp { /* Safari and Chrome */
	0% {
		-webkit-transform: translateY(100%);
		opacity: 0.0;
	}
	50%{
		-webkit-transform: translateY(8%) ;
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%) ;
		opacity: 0.9;
	}	
}


.ic_navi_panel_prev {
    background-image: url('images/nav_prev_page.svg');
    border-radius: 0 50px 50px 0;
}

.ic_navi_panel_next {
    background-image: url('images/nav_next_page.svg');
    border-radius: 50px 0 0 50px;
}

.ic_navi_panel_prev:hover, .ic_navi_panel_next:hover {
    background-color: rgba(131, 131, 131, 0.4);
}

.ic_navi_panel_prev:active, .ic_navi_panel_next:active {
    background-color: rgba(131, 131, 131, 0.6);
}

.ic_audio-load{
	background-image	:url('images/wait_animation.gif');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_audio-start{
	background-image	:url('images/media-playback-start.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_audio-stop{
	background-image	:url('images/media-playback-stop.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}


.ic_button_nextpage{
	background-image	:url('images/next_page.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_button_nextpage-up-disabled{
	background-image	:none;
}

.ic_button_nextpage-down-hovering
{
	background-image	:url('images/next_page.png');
}

.ic_button_prevpage{
	background-image	:url('images/prev_page.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_button_prevpage-up-disabled{
	background-image	:none;
}

.ic_button_prevpage-down-hovering
{
	background-image	:url('images/prev_page.png');
}

.ic_button_gotopage{
	background-image	:url('images/goto_page.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}


.ic_button_check{
	background-image	:url('images/check.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_button_uncheck{
	background-image	:url('images/uncheck.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_button_reset{
	background-image	:url('images/reset.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_limited_reset {
	background-image	:url('images/reset.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_lesson_reset {
	background-image	:url('images/reset.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_popup{
	background-image	:url('images/popup.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_cancel{
	background-image	:url('images/cancel.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_send{
	background-image	:url('images/send.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_standard{
	background-image	:url('images/standard-button.png');
	background-repeat	:no-repeat;
	background-position	:center;
	cursor: pointer; 	
}

.ic_button_limited_check {
	background-image	:url('images/check.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_button_limited_uncheck {
	background-image	:url('images/uncheck.png');
	background-repeat	:no-repeat;
	background-position	:center; 	
	cursor: pointer;
}

.ic_gap,
.ic_filled_gap{
}

.ic_gap-correct,
.ic_filled_gap-correct{
	padding-left:16px;
	background-image:url('images/correct.png');
	background-repeat:no-repeat;
}

.ic_gap-wrong,
.ic_filled_gap-wrong{
	padding-left:16px;
	background-image:url('images/wrong.png');
	background-repeat:no-repeat;
}

.ic_draggableGapEmpty{
	width:100px;
	border:1px solid gray;
	display:inline-block;
}

.ic_draggableGapEmpty-correct{
	padding-left:16px;
	background-image:url('images/correct.png');
	background-repeat:no-repeat;
}

.ui-draggable {
	-ms-touch-action: none;
}

.ic_draggableGapEmpty-wrong{
	padding-left:16px;
	background-image:url('images/wrong.png');
	background-repeat:no-repeat;
}

.ic_draggableGapFilled{
	width:100px;
	display:inline-block;
	border: 1px solid green;
	background-color: PaleGreen;
	margin-right: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.ic_draggableGapFilled-correct{
	padding-left:16px;
	background-image:url('images/correct.png');
	background-repeat:no-repeat;
}

.ic_draggableGapFilled-wrong{
	padding-left:16px;
	background-image:url('images/wrong.png');
	background-repeat:no-repeat;
}

.ic_inlineChoice{
}

.ic_inlineChoice-correct{
	border: 2px solid green;
}

.ic_inlineChoice-wrong{
	border: 2px solid red;
}



/**
 * choice
 */
.ic_choice-feedback-correct{
	border: 2px solid green;
	border-radius: 5px;
	background-color:PaleGreen;
	padding:4px;
}

.ic_choice-feedback-wrong{
	border: 2px solid red;
	border-radius: 5px;
	background-color:Tomato;
	padding:4px;
	color:black;
}

.ic_moption{
	padding-left:56px;
	background-repeat:no-repeat;
	background-position:left center; 
	cursor: pointer;
}

.ic_moption .html-face{
	min-height:25px;
	padding-top:10px;
}

.ic_moption-up{
	background-image:url('images/checkbox-up.png');
}

.ic_moption-up-hovering{
	background-image:url('images/checkbox-up.png');
}

.ic_moption-down{
	background-image:url('images/checkbox-down.png');
}

.ic_moption-down-hovering{
	background-image:url('images/checkbox-down.png');
}

.ic_moption-up-correct{
	background-image:url('images/checkbox-up-disabled.png');
}

.ic_moption-up-wrong{
	background-image:url('images/checkbox-up-disabled.png');
}

.ic_moption-down-correct,
.ic_moption-down-correct-answer {
	background-image:url('images/checkbox-down-correct.png');
}

.ic_moption-down-wrong{
	background-image:url('images/checkbox-down-wrong.png');
}

/**
 * Single choice options
 */
.ic_soption{
	padding-left:56px;
	background-repeat:no-repeat;
	background-position:left center; 
	cursor: pointer;
}

.ic_soption .html-face{
	min-height:30px;
	padding-top:10px;
}

.ic_soption-up{
	background-image:url('images/radio-up.png');
}

.ic_soption-up-hovering{
	background-image:url('images/radio-up.png');
}

.ic_soption-down{
	background-image:url('images/radio-down.png');
}

.ic_soption-down-hovering{
	background-image:url('images/radio-down.png');
}

.ic_soption-up-correct{
	background-image:url('images/radio-up-disabled.png');
}

.ic_soption-up-wrong{
	background-image:url('images/radio-up-disabled.png');
}

.ic_soption-down-correct,
.ic_soption-down-correct-answer {
	background-image:url('images/radio-down-correct.png');
}

.ic_soption-down-wrong{
	background-image:url('images/radio-down-wrong.png');
}

/**
 * Ordering
 */

.ic_ordering-item{
	margin: 4px;
	padding:4px;
	border: 1px solid gray;
	border-radius: 5px;
	background-color:white;
	box-sizing: border-box;
}

.ic_ordering-item.full-width img {
	width: 100%;
}

.ic_ordering-item-correct{
	border: 1px solid lightgreen;
}

.ic_ordering-item-wrong{
	border: 1px solid red;
}

.ic_ordering-placeholder {
	vertical-align: top;
	opacity: 0.4;
}

/**
 * Page counters
 */
.ic_checkcounter{
	text-align: center;
}

.ic_errorcounter{
	text-align: center;
	color:red;
}

/**
 * Page progress
 */
.ic_progress { 
	padding:2px;
	width:	130px;
	height: 25px;
	border-radius: 5px;
	border:2px solid #02789F; 
}

.ic_progress-bar { 
	background-color: #3CC6CD;
	border-radius: 5px;
}

.ic_progress-text { 
	color:#0A8DBD;
	font-size:18px;
	padding-top:4px;
}

.ic_pageprogress { 
	padding:2px;
	width:	130px;
	height: 25px;
	border-radius: 5px;
	border:2px solid #02789F; 
}

.ic_pageprogress .ic_progress-bar { 
	background-color: #3CC6CD;
	border-radius: 5px;
}

.ic_pageprogress .ic_progress-text { 
	color:#0A8DBD;
	font-size:18px;
	padding-top:4px;
}

.ic_pageprogress .ic_progress-text-firstHalf {
}

.ic_pageprogress .ic_progress-text-secondHalf {
}
 
 



/**
 * Stylizacja modułu raportu
 */
.ic_report {
	padding: 15px;
	border-radius: 5px;
	border:1px solid gray;
	background-color:white;
	color:gray;
}

.ic_report td{
	padding: 10px;
}

.ic_report-header{
	font-weight: bold;
	color:black;
}

.ic_report-odd{
	background-color: AliceBlue;
}

.ic_report-even{
	background-color: Lavender;
}

.ic_report-footer{
	font-weight: bold;
	color:black;
}

.ic_report td:nth-child(3) {
    color: green;
    text-align:center;
}

.ic_report td:nth-child(4) {
    color: red;
    text-align:center;
}

.ic_reportPage{
	cursor:pointer;
}


.ic_drag-source{
	border: 1px solid orange;
}


/**
 * Source list
 */

.ic_sourceList{
	padding:10px;
}

.ic_sourceListItem{
	display: inline;
	padding:4px;
	border: 1px solid green;
	background-color: PaleGreen;
	margin-right: 10px;
	border-radius: 5px;
	cursor: pointer;
}

.ic_sourceListItem-selected{
	background-color: orange;
	cursor: pointer;
}

/**
 * Source image
 */
.ic_sourceImage{
	cursor: pointer;
}

.ic_sourceImage-selected{
	cursor: pointer;
	border: 1px solid orange;
}

.ic_imageGap{
	cursor: pointer;
	border: 1px solid gray;
}

.ic_imageGap-Filled{
	cursor: pointer;
}

.ic_imageGap-correct{
	border: 1px solid green;
}

.ic_imageGap-wrong{
	border: 1px solid red;
}



/**
 * Stylizacja panelu popupa
 */
 .ic_popup{
 	z-index: 100;
 }
 
 .ic_popup_page{
 	width:	480px;
	height:	320px;
 }
 
.ic_popup .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.ic_popup .dialogContent {
}
.ic_popup .dialogMiddleCenter {
  padding: 0px;
  background: white;
}
.ic_popup .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2145px;
}
.ic_popup .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.ic_popup .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
}
.ic_popup .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.ic_popup .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.ic_popup .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.ic_popup .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.ic_popup .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
}
.ic_popup .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
}
.ic_popup .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
}
.ic_popup .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
}


/**
 * Progress bar
 */
.gwt-ProgressBar-shell { 
	padding:2px;
	width:	130px;
	height: 25px;
	border-radius: 5px;
	border:2px solid #02789F; 
}

.gwt-ProgressBar-bar { 
	background-color: #3CC6CD;
	border-radius: 5px;
}

.gwt-ProgressBar-text { 
	color:#0A8DBD;
	font-size:18px;
	padding-top:4px;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text-firstHalf {
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text-secondHalf {
}
 
 
/******************************************************************************
 GWT classes
******************************************************************************/
.gwt-DialogBox .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}
.gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2145px;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
}
.gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
}
.gwt-DialogBox .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
}
.gwt-DialogBox .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
}
.gwt-DialogBox .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
}
* html .gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  overflow: hidden;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.ic_navibar_grid_panel {
  text-align:center;
  padding: 0px 0px 0px 0px;
  scrollbar-base-color: #FF0000;
  scrollbar-fase-color: #00FF00;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #FF00FF;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}

.ic_navibar_scroll_panel {
  border-collapse:collapse;
  text-align:center;
  padding: 0px;
  overflow-x:hidden;
  overflow: scroll;
}

.ic_navibar_scroll_panel_mobile {
  border-collapse:collapse;
  text-align:center;
  padding: 0px;
  overflow-x:hidden;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.ic_navibar_scroll_panel::-webkit-scrollbar {
    height: 13px;
    background-color: #F5F5F5;
}

.ic_navibar_scroll_panel::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #FFF;
	border-radius: 10px;
}

.ic_navibar_scroll_panel::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #FFF;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}


.ic_navibar_tableCell-left {
  border-collapse:collapse;
  text-align:center;
  padding: 0px 20px 0px 0px;
}
  
.ic_navibar_tableCell-right {
  border-collapse:collapse;
  text-align:center;
  padding: 0px 0px 0px 20px;
}

.ic_static_header {
	position: fixed;
	z-index: 100;
}

.ic_static_footer {
	position: fixed;
	z-index: 100;
	bottom: 0;
}

.ic_selected_module {
	border: 2px solid rgba(27,144,253,1) !important;
	-webkit-box-shadow: 0 0 2px 0 rgba(27,144,253,0.6) !important;
	box-shadow: 0 0 2px 0 rgba(27,144,253,0.6) !important;
}

.ic_active_module {
	border: 2px solid rgba(0,255,0,1) !important;
	-webkit-box-shadow: 0 0 2px 0 rgba(0,255,0,0.6) !important;
	box-shadow: 0 0 2px 0 rgba(0,255,0,0.6) !important;
}

.ic_option_border {
	border: 1px solid black;
}

.keyboard_navigation_active_element {
    outline: dashed 2px #00ff44;
}

/**
 * Confirmation box
 */
 
 .ic_confirm_box_yes {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
 }
 
  .ic_confirm_box_no {
    background-color: crimson;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
 }
 
 .ic_confim_box {
    background: white;
    padding: 13px;
    box-shadow: 8px 8px 5px rgba(0,0,0,0.4);
    clip: auto !important;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1100;
 }