/** 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,R0lGODlhIAAgAMQfAF1gZbS5u6Smp8THx/z8/Ozr7IuNjPT09JSWl9TT1Nzc3OTk5Hx9guTq7MzS1IySlIyOlOzy9JyipOzu9H+DhczNzvT2/Ly8vpycoOTm7NTZ3K2vsPT6/MDCxNzg5P///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExODhDNkE4RDYzQzA4RTZBNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQUUyRTE2QzgyNjIxMUUyQTY3OEQ1MDVCRkQzRjlCOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQUUyRTE2QjgyNjIxMUUyQTY3OEQ1MDVCRkQzRjlCOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMUIzM0Q5RTFEOUU1N0YzQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDEx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);
  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;
}
/**
 * Text
 */

 .ic_text .errorMessage{
 	padding: 1em;
 	font-size: 12px;
 	color: red;
 }

 .ic_text_audio_button{
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	border-radius: 15px;
	border: none;
	background-size: 15px;
	background-position: center;
	vertical-align: middle;
}

.ic_text_audio_button.text-audio-button-play{
	background-image: url("images/text-audio-play.png");
}

.ic_text_audio_button.text-audio-button-stop{
	background-image: url("images/text-audio-stop.png");
}

/**
 * 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 {
	outline: 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 {
	outline: 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;
 }