html {
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	background-color:#bfe4e8;
	min-height:100%;
	
}
#content {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	overflow: hidden;
}
body.no-scroll{
	overflow: hidden;
}
body{
	overflow: hidden;
		background-image:url('../images/bg.png') ;
	background-position:bottom;
	background-repeat:repeat-x;
	height:100%;
}
#content_table > tbody > tr > td{
	text-align: center;
}
#play_btn, #pause_btn, #replay_btn {
	margin: 0 auto;
}
*:not(input), *:not(input):before, *:not(input):after {
	/*-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial 
	*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #2E8C9B;
border-color: #122D44;
}


.buttons > img{
 cursor:pointer;
}
#photo_zoom .modal-body{
  text-align:center;
}

.controls_div a{
  background-image:url('../images/unde_sunt.jpg');
  width:36px;
  height:36px;
}



.man_title_div{
    font-size: 16px;
   padding: 10px 4px;
   color:#ffffff;
}

#content_table{
	width:100%;
	height:100%;
}
#content_table td{
	vertical-align:middle;
}

#content{
	/*width:1004px;
	height:748px;
	padding:10px;
	background-color:rgb(255, 180, 21);
	border-radius:15px;*/
	width:1012px;
	height:756px;
	padding:6px;
	background-color:#2E8C9B;
	border-radius:12px;
}
#player-content{
	padding:0 40px;
	overflow:hidden;
}
.controls_div{
	/*width:100%;
	height:36px;
	padding:2px 0;
	*/
	height: 42px;
    padding: 0px 6px;
}
.button_div, .fake_button_div{
	width:36px;
	height:36px;
	cursor:pointer;
}
.fake_button_div{
	cursor:default;
	float:left;
}
.button_div img, .button_div a{
	width:100%;
	height:100%;
}
#player_div{
	width:924px;
	height:668px;
	background-color:#FFFFFF;
}
#player_div .image{
	max-width:500px;
	max-height:400px;
	float:left;
}
#player_div .image > img{
	max-width:100%;
	max-height:100%;
}
#player_div .image_text{
	width: 360px;
	padding:0 20px;
	float: right;
	font-size: 38px;
	line-height: 1.5;
	color: #285A92;
}
.space-8{
	width:8px;
	height:1px;
}
.item > table{
	width:100%;
	height:100%;
}
.item td{
	vertical-align:middle;
	text-align:center;
}
.item{
	height:668px !important;
}

.help_box{

}
.help_box_div_inside {
  padding-top:15px; 
  line-height:28px; 
  line-height: 28px;
  font-size:20px;
  font-weight: 500;
}

.btn-lg{
 padding:5px 6px;
}

/* rewrite css bootstrap*/
.navbar-brand{
 padding:2px 15px;
}

#content_index_page{

}
.navbar{
   border-radius:0px;
   margin-bottom:0px;
}

.navbar-default{
 background-color: #2E8C9B;
 border-color: #122D44;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
   background-color: #122D44;
   color:#ffffff
}
.navbar-default .navbar-nav>a:hover{
   background-color: #215872;
   color:#ffffff
}
 .navbar-default .navbar-nav>li>a:focus , .navbar-default .navbar-nav>li>a{
color: #FFFFFF;
background-color: transparent;
font-size:15px;
font-weight:600;
}
.navbar-default .navbar-nav>li>a:hover{
color: #FFFFFF;
background-color: #215872;
}

.row {
	 margin-left:0px;
	 margin-right:0px;
	}
a.list-group-item {
    color:#122D44;
	font-weight:800;
	padding-left:22px;
}
a.list-group-item:hover {
	background-color: rgb(220, 233, 240);
}
a.list-group-item p{
    color:#588BCC;
	font-weight:600;
}
a.modul {
  background-color:#F0F4FD;
  padding-left:6px;
}

a.recap {
  background-color:#F0F4FD;
  padding-left:6px;
}
	
.full_content_book_page_container {
  min-width:635px;
  height:797px;
  background-repeat:no-repeat;
}	
.page-header{
padding-bottom: 0px;
margin: 2px 20px 2px;
border-bottom: 1px solid #eee;
font-size: 15px;
font-weight: 800;
}



/*** content pages**/
.book_amii{
}
.next{
	position:absolute;
	top: 720px;
	left: 354px;
	display:none;
}
.previous{
	position:absolute;
	top: 720px;
	left: 300px;
	display:none;
}
.little_book{
	width:25px;
	height:25px;
}
.modal-header{
	background-image:url('../../common_assets/images/trompi.png');
	background-repeat:no-repeat;
	background-position: 5;
	height:110px;
}
.modal-title{
	margin-left: 120px;
	margin-top: 30px;
	font-size:22px;
}
.navbar-header{
	/*min-width: 350px;*/
	padding: 10px 0px;
}
.sad_trompi, #wrong_answer .modal-header{
	background-image:url('../../common_assets/images/sad_trompi.png');
}
.modal{
	overflow:auto !important;
}
.fullscreen_title{
 padding:215px 20px 0 20px;
 font-size:45px;
}
.fullscreen_subtitle{
 font-size:35px;
 padding:15px;
}
#end_game_screen, #start_game_screen, #main_game_screen{
 width:924px;
 height:668px;
 position:relative;
 overflow:hidden;
 display:none;
}


#end_game_screen {
  background-image:url("../images/elefant.gif");
    padding-top: 230px;
    color: white;
 
}

#end_game_screen  .fullscreen_title{
   font-size:35px !important;
}


.start_btn {
	width: 100px;
	height: 100px;
	background-image: url(../images/start.png);
	background-size: 100%;
	border-radius: 100px;
	cursor: pointer;
}

.amii_links_no_display{
	display:none;
}

.amii_links_display{
	display:block;

}
/** amii links icons **/

.interactive_icon{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/interactive_icon.png');
	background-position-x:0px;
	background-position-y:0px;
	position:absolute;
	cursor:pointer;
}
.interactive_icon:hover{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/interactive_icon.png');
	background-position-x:0px;
	background-position-y:-65px;
	position:absolute;
	cursor:pointer;
}

.animate_icon{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/video_icon.png');
	background-position-x:0px;
	background-position-y:0px;
	position:absolute;
	cursor:pointer;
}
.animate_icon:hover{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/video_icon.png');
	background-position-x:0px;
	background-position-y:-65px;
	position:absolute;
	cursor:pointer;
}

.zoom{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/static_icon.png');
	background-position-x:0px;
	background-position-y:0px;
	position:absolute;
	cursor:pointer;
}
.zoom:hover{
	width:68px;
	height:64px;
	background-image:url('../../common_assets/images/static_icon.png');
	background-position-x:0px;
	background-position-y:-65px;
	position:absolute;
	cursor:pointer;
}

.film{
  padding-top:80px;
  background-color:#FDFDD8 !important;
}
.video-js{
  background-color:#e5e5e5 !important;
  padding:3px !important;
}

/** end amii links icons **/

.start_btn {
 width: 100px;
 height: 100px;
 background-image: url(../images/start.png);
 background-size: 100%;
 border-radius: 100px;
 cursor: pointer;
 margin: 0 auto;
}

/** tooltip **/
.tooltip-inner{
 background-color:#122D44;
 max-width:300px;
 font-size:16px;
 color:white;
}
.tooltip.bottom .tooltip-arrow{
 border-bottom-color:#122D44 !important;
}
.tooltip.top .tooltip-arrow{
 border-top-color:#122D44 !important;
}
.tooltip.left .tooltip-arrow{
 border-left-color:#122D44 !important;
}
.tooltip.right .tooltip-arrow{
 border-right-color:#122D44 !important;
}
/** end tooltip **/

/** buttons **/

.btn-default:hover{
	background: #42105a; /* Old browsers */
	background: -moz-linear-gradient(top,  #2E8C9B 0%, #122D44 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E8C9B), color-stop(100%,#122D44)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2E8C9B 0%,#122D44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2E8C9B 0%,#122D44 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2E8C9B 0%,#122D44 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2E8C9B 0%,#122D44 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E8C9B', endColorstr='#122D44',GradientType=0 ); /* IE6-9 */

	color:white;
}
.btn-default{
	background: #81619b; /* Old browsers */
	background: -moz-linear-gradient(top,  #122D44 0%, #2E8C9B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122D44), color-stop(100%,#2E8C9B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #122D44 0%,#2E8C9B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #122D44 0%,#2E8C9B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #122D44 0%,#2E8C9B 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #122D44 0%,#2E8C9B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122D44', endColorstr='#2E8C9B',GradientType=0 ); /* IE6-9 */

	color:white;
}
/** end buttons **/
/** popups **/

.close{
	font-size:30px;
	color:#215872;
	opacity:0.9;
}
.modal-content{
	border:8px #215872 solid;
	background-color:#FFFFFF;
}
.modal-header{
	border-bottom:1px dotted #122D44;
}
.modal-footer{
	border-top:1px dotted #122D44;
}
/** end popups **/


.trompi{
	background-image:url(../images/trompi.png);
	float:left;
	background-repeat:no-repeat;
	height:110px;
	width:110px;
}

.trompiMic{
	float:left;
	margin-top: 20px;
	background:url(../images/trompiMic.png) no-repeat;
	height: 80px;
	width: 80px;	
}

#help_container{
	float:left;
	margin:20px;
	clear:both;
}

#help_container_text{
	float:left;
	font-size:25px;
	padding:15px;
	max-width:700px;
	text-align:left;
}

#eraser{
	position:absolute;
	bottom:20px;
	right:20px;
	width:85px;
	height:74px;
	background:url(../images/eraser.png) no-repeat;
	background-size:90%;
	background-position:center;
	cursor:pointer;
	border:3px solid white;
	border-radius:5px;
}
#eraser.left{
	right:auto;
	left:20px;
}
#eraser.selected{
	border-color: black;
}
.not-animated{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	animation-play-state: paused !important;
}

/**despre manual **/
.amii_type{
	float:left;
	padding-top:30px;
	padding-bottom:10px;
	width:100%;
}
.amii_type span{
	font-size:16px;
	font-weight:bold;
	float:left;
}
.amii_link{
	float:left;
	clear:both;
	margin-bottom:5px;
}
.opis_subtitle{
	border: 1px solid #85228D;
	margin: 20px 15px 0px 15px;
	padding:10px;
	font-size:16px;
	background-color: rgb(220, 233, 240);
}
.opis_subtitle div{
	width:100%;
	text-align:left;
}
.amii_type .zoom, .amii_type .animate_icon, .amii_type .interactive_icon{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top: -10px;
	cursor:auto;
}
/**end despre manual **/

#wrong_answer  .modal-dialog  .modal-content  .modal-header, #checkAnswer  .modal-dialog  .modal-content  .modal-header{
    display:none;
}
 
#wrong_answer  .modal-dialog  .modal-content  .modal-body, #checkAnswer  .modal-dialog  .modal-content  .modal-body{
   background-image:url('../../common_assets/images/sad-elefant.gif');
   width:564px;
   height:425px;
   color:#ffffff;
}
#checkAnswer  .modal-dialog  .modal-content  .modal-body.happy{
   background-image:url('../../common_assets/images/happy.png');
}
#wrong_answer .help_box_div_inside, #checkAnswer .answer_box_div_inside{
    font-size: 20px;
    font-weight: 500;
    position:absolute;
    bottom:5px;
}
.modal-footer{
    margin-top:0;
}

/**style for the "fullscreen arrow" used in animate amiis**/
.fullscreen_hint{
	float:right;
	margin-top:-10px;
	margin-left:910px;
	width:180px;
	height:100px;
	display:none;
}
.fullscreen_arrow{
	float:left;
	background: url(../images/fullscreen_arrow.png) no-repeat;
	width:70px;
	height:70px;
	margin-top:10px;
}
.fullscreen_text{
	float:left;
	text-align:left;
	width:120px;
	color: #41AFA6;
	font-size:18px;
	margin-left:-18px;
	margin-top:60px;
}
/**end style for the "fullscreen arrow" used in animate amiis**/

/********************************************************************/


.list-group{
margin-bottom:0px;
}

.ps-container .ps-scrollbar-y {
position: absolute;
background-color: #E9A30F;
}


.col-md-3{
overflow:hidden;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
z-index:0;
}

.col-md-9{
width:auto !important;
}



@media (min-width: 768px){
  body {
  overflow:hidden;
  }
}


@media (min-width: 992px){
.col-md-3 {
width: 38% !important;
}
.col-md-9 {
width: auto !important; /*62% !important;*/
font-size:13px;
height:600px;
}


}


@media (max-height:900px) {

.col-md-3 {
min-width: 38% !important;
font-size:13px;
height:600px;
/*overflow-y:auto;*/
overflow-x:hidden;
padding-left:5px;
padding-right:5px;
}

.col-md-9 {
width: auto !important; /*62% !important;*/
font-size:13px;
height:600px;
}

.full_content_book_page_container {
min-width: 475px;
height: 660px;
background-repeat: no-repeat;
background-position-y: -10px;
background-size: auto 600px;
}


.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
padding-top:5px;

}
.navbar-nav>li>a {
padding-bottom:12px;
}
.navbar{
 min-height:40px;
} 
.man_title_div{
 padding:6px 4px;
}

body {
overflow-x:hidden;
}
}

/****start page updates*****/
.start_div{
	height:520px;
	width:932px;
	background: #FFFFFF url(../images/start_page.jpg) no-repeat;
}
/****end start page updates*****/
/******zoom dialogue************/
#photo_zoom  .modal-dialog img{
	max-height:500px;
}
/******end zoom dialogue*******/