html, body { height: 100%; overflow: none; margin:0; padding: 0;}
/* WyĹ›rodkowanie */
#clipper-inner-wrapper {height: 100%; overflow: hidden; position: relative; width: 100%;}
#clipper-inner-wrapper[id] {display: table; position: static;}
#clipper-outer-wrapper {position: absolute; top: 50%; width: 100%; text-align: center;} /* for explorer only*/
#clipper-outer-wrapper[id] {display: table-cell; vertical-align: middle; position: static;}
#clipper {position: relative; top: -50%; text-align: left;} /* for explorer only */
#clipper {margin-left: auto; margin-right: auto;} /* for all browsers*/
#clipper {overflow: hidden;}

 .slide, #no-slide {display:block; width: 88%;height: 84%; position: absolute; background-color: #ffffff;
background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 1}

.slide .column-left {float: left;width: 47%;height: 76%; background-position: center center; background-size:contain; background-repeat: no-repeat; }
.slide .column-right {float: right; width: 47%; height: 76%; background-position: center center; background-size:contain; background-repeat: no-repeat;}

.slide .column-center {width: 100%; height: 75%; background-position: center center; background-size:contain; background-repeat: no-repeat;}

.slide .content-half-height { height: 31%; margin-top: 2%; }
.slide .content-full-height { height: 66%; }

.slide .column-left, .slide .column-right, .slide .column-center,
.slide .content-half-height { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.slide .clouds-content { height: 58%; }
.slide .clouds-home { height: 15%; margin-top: 2% }

.scroll-content { overflow-x: hidden; overflow-y: auto; }
.scroll-content p:last-child {margin-bottom: 0}

#no-slide{display:none;}
#clipper div#navigation {position: absolute;z-index: 10;}
#clipper div#pages {position: absolute;z-index: 10;}

/* DomyĹ›lne style */

* { margin: 0; }
body { background-color: #ccc; /* BACKGROUND */ }
#clipper { /* FOREGROUND */ }
a { font-size: 1em; color: black; text-decoration: none; cursor: pointer; }
a:HOVER { color: #ca0404; }
a.link { border-bottom: thin dashed #000; }

button#submit-button {
    position: absolute;
    top: 40%;
    left: 35%;
    width: 30%;
    height: 20%;
    font-size: 1.5em;
}

#submit-in-progress, #submit-done, #submit-error {
	display: none;
	position: absolute;
	top: 70%;
	left: 0;
	width: 100%;
	text-align: center;
}

/* Informacja na dole */

.info {
	width: 64%;
	padding: 0.5% 18%;
	font-size: 0.55em;
	text-align: center;
	position: absolute;
	bottom: 1em;
	z-index: 4;
}

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?90170763");
  src: url("../font/fontello.eot?90170763#iefix") format('embedded-opentype'), url("../font/fontello.svg?90170763#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url("data:application/octet-stream;base64,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") format('woff'), url("data:application/octet-stream;base64,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") format('truetype');
}

/* Chmurki  */

.cloud-placer, .cloud-group, input[type=text] {
	display: inline-block;
	min-width: 6%;
	border: thin dashed;
	font-size: inherit;
	height: 1.5em;
	line-height: 1.5em;
	vertical-align: middle;
	position: relative;
}

.cloud-placer {
	margin: auto 0.5%;
}


input[type=text] {
	width: 20%;
	text-align: center;
}

textarea { 
	width: 100%; 
	height: 100%;
	font-family: inherit; 
	font-size: 100%; 
	width:100%; 
	border: 1px solid #ddd; 
	padding: 0.5%; 
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	resizeable: none;
}

.cloud, .cloud-placed {
	display: inline-block;
	border: thin dashed;
	margin: 3px;
	min-width: 3%;
	height: 1.5em;
	background-color: #efefef;
	z-index: 55;
	position: relative;
}

.cloud-active {
	background: #9bca60 !important;
}
.cloud-hover {
	background: #DBD642 !important;
}

.cloud-group {
	height: 30%;
	float: left;
	width: 20%;
	background-color: #fff;
	padding: 0.5%;
	padding-top: 3.5%;
	position: relative;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}

.cloud-group label {
	font-size: 0.8em;
	position: absolute;
	left: 1%;
	top: 1%;
	font-style: italic;
}

.cloud-placer.filled, .ui-draggable, .cloud-placed {
	cursor: pointer;
}

.cloud-placer.filled, .cloud-placed {
	padding-right: 1.3em;
}

.cloud-placer.filled:hover, input[type=text]:hover, .cloud-placed:hover {
	background-color: #efefef !important;
}

.cloud-placer.filled::before, .cloud-placed::before {
	content: '\2715';
	font-family: 'fontello';
	font-size: inherit;
	right: 0.2em;
	font-weight:bold;
	height: 100%;
	color:#909090;
	position: absolute;
}


/**
 *
 */
 
 [class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-check:before { content: '\2611'; } /* 'â�‘' */
.icon-check-empty:before { content: '\f096'; } /* 'ď‚–' */

.check-line {
	display: table-row;
}

.check-line > * {
	display: table-cell;
}

.order-list li.pair-image {
	background-position: center center; 
	background-size: contain; 
	background-repeat: no-repeat;
	min-height: 2em;
}

.order-list li, ul.order-list {
	position: relative;
}
.order-list.shuffle-list li:not(.ui-sortable-helper):before {
	content: '\21C6'; 
	font-family: 'fontello';
	font-size: 1em;
	position: absolute;
	left: -2.2em;
	top: 0em;
}

.order-list li div {
	display: table;
	height: 100%;
}

.order-list li div span {
	display: table-cell;
	vertical-align: middle;
}

.ui-draggable, .ui-sortable, #navigation {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
h1 {
	font-size: 3em;
}
h1, h2 {
	
}

li {
	line-height: 1.2em;
	padding-left: 1%;
	margin-left: 0;
}

p {
	font-size: 1em;
	line-height: 1.5em;
}
.slide, #no-slide {
	padding: 6%;
}
#navigation {
	font-size: 2em;
	bottom: 0.3em;
	right: 0.6em;
}
#pages {
	font-size: 1.8em;
	bottom: 0.3em;
	left: 0.6em;
}

#navigation a.hidden {
	opacity: 0;
	cursor: auto;
}

.correctness {
	position: absolute;
	display: none;
}


* {
	font-weight: normal;
}

* {
	font-family: 'Open Sans',Arial,sans-serif;;
}
  h1 {
	padding-bottom: 2%;
}
 .title-slide h1 {
	margin-top: 18%;
	padding-bottom: 0;
}
 .title-slide h2 {
	padding-top: 4%;
}
 p {
	padding-top: 1%;
}
 ul {
	padding-top: 2%;
	padding-left: 6.5%;
}
 li {
	padding-top: 1%;
}

.list-order-placeholder {
	border: 1px dashed #eaeaea !important;
	background-color: #fdfdfd !important;
	height: 20px;
	display: block;	
}

.order-list {
	list-style: none !important;
}

.order-list li{	
	border: 1px solid #efefef;
	background-color: #fafafa;
	min-height: 1.3em;
	min-width: 5%;
	margin-bottom: 0.1em;
}

.cloud-placer.isCorrect{
	border-color: green!important;
}

.order-list li.isCorrect{
	background-color: #dfd!important;
}
 
.order-list li.isWrong{
	background-color: #fdd!important;
}
 
.isCorrect{
	color: green!important;
}

.cloud-placer.isWrong{
	border-color: red!important;
}
 
 .cloud-group-placer .isWrong {
	background-color: #fdd!important;
}

.cloud-group-placer .isCorrect {
	background-color: #dfd!important;
}
 
 
.isWrong{
	color: red!important;
}

#saveButton {
	display: block;
	position: absolute;
	bottom: 20%;
	width: 100%;
	left: 0%;
	text-align: center;
	
}

.checked-indicator {    
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.2em;
    vertical-align: middle;
    width: 1.2em;
}


.shouldBeChecked .checked-indicator {
	background-image: url('img/checked-answer.png');	
}

.notChecked .checked-indicator{
	background-image: url('img/not-checked-answer.png');
}


.shouldBeChecked .icon-check-empty, .shouldBeChecked .icon-check  {
	width: 1.8em;
}

.notChecked .icon-check-empty, .notChecked .icon-check {
	width: 1.8em;
}