@import url('skin1.css');
@charset "utf-8";
/* CSS Document */

/* General  information ground info and take over bootstrap style */

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


/* SIDEBAR */
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#new_question_div label{
	margin-left:1%;
	font-size: 14px;
	width: auto;
	padding: 12px;
	line-height: 20px;
}

#new_question_div label input[type="checkbox"]{
	width:20px;
	float:left;
	height: 20px!important;
	margin: 0px 10px 0px 0px!important;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 99999;
    position: fixed;
    left: 0px;
    width: 0;
    top: 0px;
    padding-bottom: 50px;
    height: 100%;
    overflow-y: hidden;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */


.sidebar-nav ul{
    padding:0;
    float: left;
    width: 100%;
    /* padding-bottom: 5px; */
}

.sidebar-nav *:focus{
    outline:none!important;
}

.sidebar-nav::-webkit-scrollbar{
	background-color:transparent!important;
	width:10px;
}

.sidebar-nav::-webkit-scrollbar-thumb
{
	background-color: #dddddd;
}

.sidebar-nav {
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    /* padding-bottom: 60px; */
    list-style: none;
    float:left;
    overflow: auto;
    height: calc(100% - 47px);
}

.sidebar-nav li {
    text-indent: 20px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 35px;
    font-size: 12px;
    font-weight: 600;
    padding: 0px;
    letter-spacing:1px;
    line-height: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.sidebar-nav .sidebar-brand a:last-child{
    border-right:none;
}

.sidebar-nav .sidebar-brand a {
    float:left;
    text-align:center;
    text-indent:0px;
    width:33.3%;
    padding: 12px;
    cursor: pointer;
    color: #424242!important;
}


.sidebar-toggle-logo-wrapper{
	float:left;
	border-bottom: 1px solid #e8e8e8;
	width:100%;
}

.sidebar-toggle-btn{
	float:left;
	width: 20%;
	height: 49px;
	padding: 15px;
	font-size: 14px;
	color: #000000;
	cursor: pointer;
}

.sidebar-logo{
	float:left;
	width: 80%;
	height: 49px;
	background-image:url('/images/ecproducer.png');
	background-size: 85px;
	background-repeat: no-repeat;
	background-position: 20% 50%;
}

.sidebar-slide-right{
	animation:slide-right 0.2s 1 ease;
	animation-fill-mode:forwards;
}

@keyframes slide-right{
	from{
		left:-250px;
		opacity:0;
	}
	to{
		left:-0px;
		opacity:1;
	}
}


.sidebar-slide-left{
	animation:slide-left 0.2s 1 ease;
	animation-fill-mode:forwards;
}

@keyframes slide-left{
	from{
		left:0px;
		opacity:1;
	}
	to{
		left:-250px;
		opacity:0;
	}
}

.sidebar-nav .sidebar-brand a:hover {
     color:#222!important;
     background-color:#e8e8e8!important;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

/* SIDEBAR END */

.granska_span{
	border-bottom: 2px solid #89c200;
	padding: 2px 0px 5px 0px;
	line-height:21px;
	margin-left: 20px;
	float: left;
	max-width: 280px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wrapp-bg-scene h2{
	font-weight:bold;
}

.table{
	/* float:left; */
}

.highlight{
	background-color:yellow!important;
}

.highlight_question{
	border-left:5px solid #415fcc;
	background-color: #f9fafe!important;
	transition: border-left 0.2s ease;
}

.highlight_text{
	border-left: 5px solid #269c26;
	background-color: #f8fcf8!important;
	transition: border-left 0.2s ease;
}

.highlight_image{
	border-left: 5px solid #ff0e95;
	background-color: rgba(255, 14, 149, 0.03)!important;
}

.highlight_static_image{
	border-left: 5px solid #feca76;
	background-color: rgba(254, 202, 118, 0.03)!important;
}

.text-content-question-newspaper h1{
	width:100%;
	text-align:center;
	border-top:4px solid black;
	border-bottom:4px solid black;
	padding:20px 0 14px 0!important;
}

.text-content-question-newspaper h2{
	font-size:1.5em!important;
	font-weight:500;
}

.text-content-question-newspaper{
	border:1px solid #666;
	border-radius:3px;
	box-shadow:4px 6px 10px #b8b8b8;
	margin-bottom:20px!important;
}


body {
	font-family:Arial;
	letter-spacing:-0.02em;
}

.activate_sound_span{
	float:right;
	padding: 5px 0px;
	font-weight: 600;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  float: right;
  margin: 7px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
   
.pin {
	background-color: #aaa;
	display: block;
	height: 32px;
	width: 2px;
	position: absolute;
	z-index: 6;
	top: -20px;
	left: 50%;
}

.glyphicon-circle-arrow-left{
	font-size:50px;
	float:left;
}

.glyphicon-circle-arrow-right{
	font-size:50px;
	float:right;
}

.previousmargin{
	margin-right:15px;
}

.pin2 {
	background-color: #aaa;
	display: block;
	height: 32px;
	width: 2px;
	position: absolute;
	right: 12.5%;
	z-index: 1000;
}

.pin:after {
	background-color: #A31;
	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
			  inset 3px 3px 3px hsla(0,0%,100%,.2),
			  inset -3px -3px 3px hsla(0,0%,0%,.2),
			  23px 20px 3px hsla(0,0%,0%,.15);
	content: '';
	height: 12px;
	left: -5px;
	position: absolute;
	top: -10px;
	width: 12px;
}

.classicon{
	height:40px;
	width:40px;
	background-size:100%;
	background-repeat:no-repeat;
	float:left;
	margin-right:10px;
}

.class{
	background-image:url('/images/class.png');
}

.pin:before {
	background-color: hsla(0,0%,0%,0.1);
	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	content: '';
	height: 24px;
	width: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	transform: rotate(57.5deg);
	-moz-transform: rotate(57.5deg);
	-webkit-transform: rotate(57.5deg);
	-o-transform: rotate(57.5deg);
	-ms-transform: rotate(57.5deg);
	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
}

.pin2:after {
	background-color: #A31;
	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
			  inset 3px 3px 3px hsla(0,0%,100%,.2),
			  inset -3px -3px 3px hsla(0,0%,0%,.2),
			  23px 20px 3px hsla(0,0%,0%,.15);
	content: '';
	height: 12px;
	left: -5px;
	position: absolute;
	top: -10px;
	width: 12px;
}

.pin2:before {
	background-color: hsla(0,0%,0%,0.1);
	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	content: '';
	height: 24px;
	width: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	transform: rotate(57.5deg);
	-moz-transform: rotate(57.5deg);
	-webkit-transform: rotate(57.5deg);
	-o-transform: rotate(57.5deg);
	-ms-transform: rotate(57.5deg);
	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
}

.glyphicon span{
	font-family:Arial;
	padding-left:5px;
	font-size:14px
}

.navbar .btn-success{
	background-color:#d5ffa6!important;
	border: 1px solid #abde74!important;
}

.navbar .btn-success:hover{
	background-color: #b7ff68!important;
	border: 1px solid #abde74!important;
}

.correction_btn .glyphicon-ok{
	float:left;
	margin-right:10px;
}

.correction_btn{
	background-color: #f8f8f8!important;
	border: 1px solid #d3d3d3!important;
	float:right;
}

.navbar .btn{
	padding: 7px 14px;
	height:33px;
	border-radius: 0px;
	background-color: #f8f8f8;
	border: 1px solid #d3d3d3;
	color: #191919!important;
	letter-spacing: 1px;
	font-size: 13px;
	margin-left: 9px;
}

/*Brand your name*/
.navbar-brand{
	/* font-family: 'Gloria Hallelujah', cursive; */
	color:#333;
	font-size: 20px;
    background-image:url('/images/home-512.png');
    background-size:contain;
    background-repeat:no-repeat;
		color:#333;
	font-size: 20px;
}
}

.navbar-brand:hover{
	color:#666;
	opacity:0.6
}


.navbar-brand:hover{
	color:#666;
}

/*Navigation*/

.nav-controller-wrapper{
	background-color:#fff;
	height:50px;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 0px;
	padding-left: 10%;
	padding-right: 10%;
}

a:hover{
	text-decoration:none;
}

/*Bubble talk with fade in for first chapters image*/
/* make keyframes that tell the start state and the end state of our object */
 
@-webkit-keyframes fadeIn{
	from {opacity:0;} 
	to {opacity:0.99;} 
}

@-moz-keyframes fadeIn{
	from {opacity:0;}
	to {opacity:0.99;}	
}

@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:0.99;} 
}
 
.bubble, .bubble-left, .bubble-right {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
	background-color:white;
	width:40%;
	padding:1vw;
	margin-bottom:1vw!important;	
	font-style:italic;
	border-radius:10px;
}


.text-content-question{
	margin: 0vw auto 0 auto;
	width: 100%;
	float: left;
	padding: 0vw;
	padding-bottom: 1vw;
}

#question_frm .btn-success:last-child span:first-child{
	float:left;
	color:#6acf16;
	margin-left:5px;
	line-height:16px;
}

#question_frm .btn-success:last-child span:last-child{
	float:left;
	margin-left:20px;
	line-height:19px;
}

#question_frm .btn-success:last-child{
	padding: 10px;
	float: right;
	width:150px;
	background-color:#d5ffa6;
	box-shadow:none;
	color: #666;
	letter-spacing: 1px;
	font-size: 13px;
	border-radius:0px;
	border: 1px dashed #85af57;
}

#question_frm .btn-success:last-child:hover{
		background-color: #b9f576;
		color:black;
}

#question_frm .btn-success{
	padding: 10px;
	float: right;
}
						
#question_frm{
	position:relative;
	z-index: 999;
	padding:10px;
	width: 60%;
	margin: 0 auto;
	margin-left: 20%;
	margin-right: 20%;
	border-radius: 0px;
	margin-bottom: 1vw;
}
	
 
/* First page of each chapter*/

/* ADMIN BAR LEFT */

.control {
  display: block;
  position: relative;
  float: left;
  color: #666;
  font-weight: 500;
  padding-top: 0px;
  cursor: pointer;
  /* font-size: 18px; */
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 19px;
  width: 19px;
  border: 1px solid #8a9feb;
  background: #ffffff;
}

.control__indicator:hover.control__indicator:after{
	display:block!important;

}

.control__indicator:hover{
	  background: #70dc64;
}

.control input:checked ~ .control__indicator {
  background: #51c944;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #51c944;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control input:checked ~ .control__indicator:after {
  display: block;
}

.control--checkbox .control__indicator:after {
  left: 6px;
  top: 3px;
  width: 6px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.admin_li_style_1  .uploadbox:after, .admin_li_style_1 .uploadbox:before {
	bottom: 28px;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.admin_li_style_1 .uploadbox:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f2e2f9;
	border-width: 5px;
	margin-left: -5px;
}

.admin_li_style_1 .uploadbox:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #b385bc;
	border-width: 6px;
	margin-left: -6px;
}

.uploadboxstatic{
	position:relative;
	float:left;
	width: 100%;
	margin-top:5px;
}

.uploadbox{
	position:relative;
	float:left;
	width: 100%;
	margin-top:5px;
}


.uploadbutton{
	width: 29px;
	height: 29px;
	background-color: #ebc9f2!important;
	border:none;
	position: absolute;
	border: 1px solid #d3a5dc!important;
	margin-top: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	right: 0px;
	color: #9a5ca7;
	top: 0px;
	padding: 5px;
	margin-right: 0px;
}

.uploadbutton:hover{
	background-color:#dcbbe3!important;
	border: 1px solid #d3a5dc;
}

.uploadboxstatic input[type=file]{
	margin:0px;
	width: calc(100% - 29px)!important;
	margin-top: 5px;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	cursor: pointer;
	font-size: 12px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #af3478;
	height: 29px!important;
	text-align: left;
	padding: 5px!important;
	background-color: #fbdaed!important;
	border: 1px solid #f869b9!important;
}

.uploadboxstatic input[type=file]:hover{
	background-color:#fbdaed !important;
}

.uploadbox_img input[type=file]{
	margin:0px;
	width: calc(100% - 26px);
	margin-top: 5px;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	cursor: pointer;
	font-size: 12px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #af3478;
	height: 29px!important;
	text-align: left;
	padding: 5px!important;
	background-color: #fbdaed!important;
	border: 1px solid #f869b9!important;
}

.uploadbox_img input[type=file]:hover{
	background-color:#fbdaed !important;
}

.uploadboxstatic .uploadbutton{
	width: 29px;
	height: 29px;
	float: right;
	background-color: #fbc2e2!important;
	border:none;
	margin-top: 5px;
	right: 0px;
	color: #e53095;
	border: 1px solid #f869b9!important;
	border-left: none!important;
	padding: 5px;
}

.uploadbox_img .uploadbutton {
	width: 29px;
	height: 29px;
	float: right;
	background-color: #fbc2e2!important;
	border:none;
	border: 1px solid #d3a5dc!important;
	margin-top: 10px;
	right: 0px;
	color: #e53095;
	border: 1px solid #f869b9!important;
	border-left: none!important;
	padding: 5px;
}

.uploadbox_img .uploadbutton:hover, .uploadboxstatic .uploadbutton:hover{
	background-color:#fab1da !important;
}

.btnunsaved{
	width: 30px;
	height: 30px;
	-webkit-animation: unsavedpulse 2s cubic-bezier(0, 0.93, 0.58, 1) infinite;
	float:left;
	padding: 4px;
	background-color: transparent!important;
	border: none;
}

.btnunsaved:hover{
	background-color:transparent;
	cursor:default;
}

.btnunsaved .glyphicon-font{
	font-size: 13px;
}

@-webkit-keyframes unsavedpulse {
    0% , 100%   {color:#f0ad4e;}
    50% {color:#f0614e;}
    25% {color:#f0614e;}
    70% {color:#f0614e;}
}

.admin_dropdown_selectstyle{
	border: 1px solid #CCCCCC!important;
	width: 100%;
	font-size:2em;
	padding-left:10px;
	margin-top:20px;
	margin-bottom: 10px!important;
}

# textcontentform .btn-danger span:first-child, 
# textcontentform .btn-warning span:first-child{
	float:left;
	margin-left:60px;
	font-size:16px
}

.glyphicon-trash{
	font-size:18px!important;
}

.new_answer_wrapper .btntrash{
	background-color:#ffbdbb;
	float:right!important;
	color:#d43f3a;
	width: 47%!important;
	border:1px solid #ffbdbb;
}

.new_answer_wrapper .btntrash:hover{
	background-color:#ffa3a1;
}

.new_answer_wrapper input[type=text]{
	width: calc(100% - 58px);
	float:left;
	margin-top:0px!important;
}

.new_answer_wrapper input[type=checkbox]{
}

.new_answer_wrapper span:nth-child(3){
	margin-left: 0px!important;
	float:left;
	margin-top: 8px;
	font-size: 12px;
}


.new_answer_wrapper .btntrash span{
	line-height:15px;
}

.new_answer_wrapper .btntrash{
	font-size:11px;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	border: none;
}

.add_img_wrapper{
	float:left;
	width: 100%;
}

.add_img_wrapper .add_img_span{
	width: calc(100% - 34px);
	text-align: left;
	float: left;
	line-height: 21px;
	padding: 0px;
	text-indent: 0;
}

.add_img_wrapper .btn{
	border-radius:0px!important;
	border: none;
	float: left;
	padding: 10px;
	width: 100%;
	margin-top: 0px;
	color: #666;
	cursor: default;
	letter-spacing: 1px;
	font-size: 13px;
	background-color: rgb(255, 255, 255);
}

.add_img_wrapper .btn:active, .settings_btn_wrapper .btn:active, .savepagebtn:active, .hidemenubtn:active{
	box-shadow:none;
	color:#000;
}


.settings_btn_wrapper .btn:hover, .savepagebtn:hover, .hidemenubtn:hover, .add_img_wrapper .btn:hover{
	box-shadow:none;
	color:#000!important;
}

.settings_btn_wrapper{
	float:left;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	border-top: 1px dashed #e8e8e8;
}

.settings_btn_wrapper .btn:hover + #bgimg_fld, .settings_btn_wrapper .btn:hover, .add_img_wrapper .btn:hover{
	
}

.settings_btn_wrapper .btn, .savepagebtn{
	border-radius:0px!important;
	border: none;
	float: left;
	/* border-bottom: 1px dashed #e8e8e8; */
	padding: 10px 10px 9px 10px;
	width: 100%;
	margin-top: 0px;
	color: #666;
	letter-spacing: 1px;
	font-size: 13px;
	background-color: rgb(255, 255, 255);
}

.settings_btn_wrapper .settings_btn_span, .save_btn_span{
	width: calc(100% - 34px);
	text-align: left;
	float: left;
	line-height: 25px;
	padding: 0px;
	padding-left: 10px;
	text-indent: 0;
}


.editpagebtn span:last-child{
	float:left;
	margin-left: 22px;
}

.savepagebtn:hover{
	background-color: #b7ff68;	
}

.savepagebtn{
	float:left;
	width: 100%;
	padding: 10px;
	margin-top: 0px;
	background-color: #ffffff;
	border-bottom: 1px dashed #e8e8e8;
	border-top: 1px dashed #e8e8e8;
}

.ok_box{
	color: #6acf16;
	margin: 3px;
	width: 15px;
	height: 15px;
	float:left;
	text-indent: 0;
}

.hide_box{
	padding: 0px;
	color: #161616;
	float:left;
	width: 15px;
	margin: 3px;
	height: 15px;
	text-indent: 0;
}


.hidemenubtn .hide_menu_btn{
	width: calc(100% - 34px);
	text-align: left;
	float: left;
	line-height: 22px;
	padding: 0px;
	text-indent: 0;
	padding-left: 10px;
}

.new_answer_wrapper .btn-danger:hover{
	background-color:#ffa3a1;
}

.new_answer_wrapper input[type=text]{
	border: 1px solid #8a9feb;
	background-color:#e2e8ff!important;
}

.new_answer_wrapper input[type=text]:hover, .add_answer_box:hover{
	border: 1px solid #415fcc!important;
	background-color:#e2e8ff!important;
}

.new_answer_wrapper input[type=file]:hover{
	background-color:#ceac61!important
}

.new_answer_wrapper{
	float:left;
	padding: 5px 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	background-color: #f9fafe;
	/* border-left: 3px solid #415fcc!important; */
	/* border: 1px solid #415fcc; */
}


.new_answer_wrapper .btn-removequestion{
	background-color: #c9d2f6;
	color: #415fcc;
	border: 1px solid #8a9feb;
}

.new_answer_wrapper .btn-removequestion:hover{
	background-color:#b6c2f3!important;
	color:#415fcc;
}

.add_answer_box{
	border: 1px solid #8a9feb!important;
	background-color:#e2e8ff!important;
}

.add_answer_box:focus{}

.admin_text_area_style{
	width: 100%;
	max-width: 100%;
	height: 300px!important;
	font-size:13px;
	padding:5px!important;
	line-height:1em!important;
	margin-top:10px;
	background-color:#fff!important;
	border-radius:0px;
}

.admin_text_area_style:hover{
	border:1px solid #b7b7b7!important;
}

.admin_text_area_style:focus{
	border:1px solid #797979!important;
}


.admin_text_area_style_2{
	width:200px;
	height:36px!important;
	font-size:15px;
}

.sidebar-nav{
	width:100%!important;
}

.sidebar-wrapper-style{
	border-right: 1px solid #e8e8e8;
	width: 250px!important;
}

.sidebar-brand-style{
}

.sidebar-brand-style a{
	color:black!important;
	padding-top: 2px;
}

.sidebar-wrapper-style select, input[type="text"]{
	/* margin-bottom: 0px; */
	width:100%;
	border-radius: 0px;
	font-size:13px;
}

.sidebar-wrapper-style select, input[type="text"]:hover{
	background-color:#fff;
}

.sidebar-wrapper-style select, input[type="text"]:focus{
	border:1px solid #797979!important;
}

.btntext .glyphicon-font{
	float:left;
	font-size: 13px;
	color: #269c26;
	top: 2px;
	left: 2px;
}

.btnplay .glyphicon-play{
	color: #9a5ca7;
	float:left;
	padding: 3px 0px;
	font-size: 12px;
	margin-right: 10px;
}

.enlarge-button1{
	padding:0!important;
	width:50px;
	float: right;
	margin-left: 8px!important;
}

.enlarge-button2{
	padding:0px!important;
	width:50px;
	margin-top:0px!important;
	float: right;
}

.enlarge-button2:hover, .enlarge-button1:hover{
	background-color:#eaeaea!important;
}

.enlarge-button1 .glyphicon-font{
	float:right;
	margin: 10px 8px 8px 0px;
	top: 0px;
	font-size: 11px;
}

.enlarge-button1 .glyphicon-plus{
	font-size: 9px!important;
	padding:0px!important;
	margin: 10px 3px 10px 11px;
	float:left;
}

.enlarge-button2 .glyphicon-minus{
	font-size: 9px!important;
	padding:0px!important;
	margin: 10px 3px 10px 11px;
	float:left;
}

.enlarge-button2 .glyphicon-font{
	float:right;
	top: 0px;
	font-size: 11px;
	margin: 10px 8px 8px 0px;
}

#questiontypeid{
	padding: 5px;
	margin-bottom: 10px;
	font-size: 13px;
	width: 30%;
	height: 32px;
	margin-right: 1%;
	border: 1px solid #8a9feb;
}

#questiontypeid:hover{
	border: 1px solid #415fcc!important;
	outline:none;
	cursor:pointer;
}

.new_question_header .glyphicon-question-sign{
	color:#415fcc;
	margin-right:10px;
	font-size: 14px;
	float: left;
}

.new_question_header .glyphicon-remove:hover{
	background-color: #c2c7dc;
}

.new_question_header .glyphicon-remove{
	position:absolute;
	cursor:pointer;
	top: 0px;
	right:0px;
	padding: 10px 8px;
	width: 31px;
	height: 31px;
	color: #64666e;
	background-color: #d7dbeb;
	border-left:1px dashed #8a9feb;
}

.new_question_header span:nth-child(2){
	float: left;
	padding: 2px;
}

.new_question_header{
		position:relative;
	width:60%;
	margin-left:20%;
	margin-right:20%;
	float:left;
	margin-top:40px;
	font-size:13px;
	letter-spacing: 1px;
	padding: 7px 10px;
	background-color: #e3e7f8;
	border: 1px dashed #8a9feb;
}

#questiontypeid:focus{
	border: 1px solid #415fcc!important;
	outline:none!important;
}

.btnquestion .glyphicon-question-sign{
	color: #415fcc;
	font-size: 15px;
	float: left;
}

.btnedit .glyphicon-edit{
	color:#42626B;
	font-size: 15px;
	float: left;
}

.btnunsaved .glyphicont-font{
	top: 3px;
	right: 4px;
	float: left;
	font-size:19px;
}

.btntrash .glyphicon-trash{
	color: #d43f3a;
	font-size: 13px!important;
	float: left;
}

.exercise_name_span{
	float:left;
	padding:6px;
	font-size:13px;
	color: #000000;
	letter-spacing:1px;
}

.admin_li_style_1:last-child select{
	padding:5px;
}

#sortexerciseul .admin_li_style_1:last-child input{
	margin-bottom:10px!important;
	width:100%!important;
}


form{
	padding-top: 0px;
}

#edt_img_div .admin_li_style_1:last-child{
	border-bottom:none!important;
}

#sortchapterul .admin_li_style_1:last-child{
	border-bottom:none;
}

.admin_li_style_1:first-child{
	/* border-top:1px solid #d3d3d3; */
}

.li_move_btn{
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 0px;
	padding: 6px 10px;
	margin-right: 30px;
	background-color: transparent!important;
}

.li_move_btn i{
	color:rgba(0, 0, 0, 0.54);
	font-size: 16px;
}

.li_move_btn:hover i{
	color:rgb(0, 0, 0);
}

.li-fix-borders{
	border:1px solid #e8e8e8!important;
}

.admin_li_style_1{
	text-indent:0px!important;
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
	float:left;
	width:100%;
	position: relative;
	list-style: none;
	cursor: pointer;
	background-color: #fff;
}

.admin_li_style_1:hover div:first-child{
	background-color:#f8f8f8;
}

.btnquestion{
	width: 30px;
	background-color: transparent!important;
	height: 30px;
	border: none;
	float:left;
	padding: 7px;
	border-radius: 2px;
}

.btnquestion:hover{
	background-color:transparent;
	cursor:default;
}

.uploadbox_img{
	float:left;
	width:100%;
	padding: 5px 3px 0px 5px;
	position: relative;
}

#bgimg_fld{
	float:left;
	width:100%;
	padding: 0px 15px 15px 15px;
	border-bottom: 1px dashed #e8e8e8;
}

#bgimg_fld input[type=text]:first-child{
	margin-bottom:10px!important;
}

#bgimg_fld input[type=text]{
	float:left;
	border: 1px solid #ccc!important;
}

#bgimg_fld input[type=text]:hover, #bgimg_fld input[type=text]:focus{
	border:1px solid #797979!important;
}

#bgimg_fld .btntrash:hover{
		background-color: #fd9696!important;
		color: #ad1111!important;
}

#bgimg_fld .btntrash{
 width:100%!important;
 margin-top:10px;
 padding: 6px 12px 6px 10px;
 line-height: 16px;
 text-indent: 0px;
 right: 0px;
 color: #ad1111;
 background-color: #fdb6b6!important;
 border: 1px solid #e78f8f;
 position: relative;
}

#bgimg_fld .btntrash span{
	float:left;
	margin:0px!important;
	text-indent:0px;
	line-height:16px;
	color:#ad1111;
}

#img_fld{
	cursor: pointer;
	margin-left: 0px;
	padding: 5px;
}

.btnplay .glyphicon-headphones{
	float:left;
	padding:2px;
	margin-right:11px;

}

.btnplay{
	background-color: rgba(235, 201, 242, 0.49)!important;
	border: 1px solid #d3a5dc;
	transition:all 0.2s ease;
	float:left;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	height: 29px;
	border-right: 1px solid #d3a5dc;
	width: calc(100% - 58px);
	font-size: 13px;
	padding: 3px 7px;
	margin: 5px 0px 0px 0px;
	line-height: 19px;
	cursor: default;
	font-weight: 500;
	text-align: left;
	color: #9a5ca7;
	border-radius: 0px;
}

.btnplay:hover{
	background-color:#f2e2f9;
	border:1px solid #d3a5dc;
	color:#9a5ca7;
}

.imgstatic .glyphicon-picture{
	color:#ff9f00;
}

.btnimg{
	width: 30px;
	height: 30px;
	background-color: transparent!important;
	transition:all 0.2s ease;
	float:left;
	border-radius: 2px;
	padding: 5px;
	border: none;
}

.staticimg span{
	color:#ff9f00 !important;
}

.btnimg span{
	color:#ff0e95;
}

.btnimg:hover{
	background-color: transparent!important;
	cursor:default;
}

.btntext:hover{
	background-color:transparent;
	cursor:default;
}

.staticimg{
	width: 30px;
	height: 30px;
	background-color: transparent!important;
	transition:all 0.2s ease;
	float:left;
	border-radius: 2px;
	padding: 5px;
	border: none;
	position:relative!important;
}

.marginimg{
	margin-bottom:20vw!important;
}

.btntext{
	width: 30px;
	height: 30px;
	background-color: transparent!important;
	transition:all 0.2s ease;
	float:left;
	border-radius: 2px;
	padding: 5px;
	border: none;
}

.btntext span{
	color: #269c26;
}

#sortexerciseul .admin_li_style_1:last-child{
	/* border-top: 1px dashed #d3d3d3!important; */
	background-color:#f8f8f8;
	padding: 10px;
	border-bottom: none;
}

#sortexerciseul{
	float:left;
	width:100%!important;
	text-indent:0px!important;
	/* padding-top: 5px; */
}

#sortexerciseul .btntrash span{
	line-height:17px;
}

#sortexerciseul input[type=text]{
	width: calc(100% - 56px);
	font-size: 13px;
	padding: 5px!important;
	position: relative;
	z-index: 999;
	border: 1px solid #b0b0b0!important;
}

#sortexerciseul input[type=text]:hover{
	border:1px solid #838383!important;
}

#sortexerciseul input[type=text]:focus{
	border:1px solid #585858!important;
}

#sortexerciseul .btntrash{
	width: 30px;
	height: 30px;
	margin:0px;
	padding: 6px 6px;
	color:#d4565e;
	line-height:18px;
	border-radius: 0px;
}

#sortchapterul .btntrash span{
	/* float:left; */
	line-height:18px;
}

#sortchapterul .btntrash{
	width: 30px;
	height: 30px;
	padding: 6px 4px;
	color:#d43f3a;
	line-height:18px;
	float: right;
	margin-right: 0px;
	/* border: 1px solid #ccc; */
}

#sortchapterul input[type=text]{
	width: calc(100% - 56px);
	font-size: 13px;
	padding: 5px!important;
	position: relative;
	z-index: 999;
	border: 1px solid #b0b0b0!important;
}

#sortchapterul input[type=text]:hover{
	border:1px solid #838383!important;
}

#sortchapterul input[type=text]:focus{
	border:1px solid #585858!important;
}

#sortchaptereul{
	float:left;
	width:100%!important;
	text-indent:0px!important;
}

#sortchapterul{
	float: left;
	width: 100%;
}

#sortchapterul .admin_li_style_1:last-child input{
	width:100%;
	margin-bottom: 3px!important;
}

.btntrash-sound{
	float: left;
	border: 1px solid #d3a5dc;
	border-radius: 0px;
	border-left: none;
	padding: 4px 8px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 5px 0px 0px 0px;
	height: 29px;
	width: 28px;
	background-color: #ebc9f2;
}

.btntrash-sound span{
	color: #9a5ca7;
	font-size: 11px;
}

.btntrash-sound:hover{
	background-color:#dcbbe3!important;
	border: 1px solid #d3a5dc;
	border-left:none;
}

.sound_box_1 .glyphicon-play:hover{
		background-color:#dcbbe3!important;
}

.sound_box_1 .glyphicon-play{
	float:left;
	width: 30px;
	height: 29px;
	background-color:#ebc9f2;
	margin: 4px 0px 0px 0px;
	padding: 8px 9px;
	border-left: none!important;
	font-size: 11px;
	color:#9a5ca7;
	border: 1px solid #d3a5dc;
}

.sound_box_1:after, .sound_box_1:before {
	bottom: 28px;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sound_box_1:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #f2e2f9;
	border-width: 5px;
	margin-left: -5px;
}

.sound_box_1:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #b385bc;
	border-width: 6px;
	margin-left: -6px;
}

.sound_box_1{
	float:left;
	width:100%;
	position:relative;
	margin-top:5px;

}


#answerdiv .correct_answer_box{
	height:32px;
	width:32px;
	border-right:1px solid #8a9feb;
	padding:6px 6px;
}

.correct_answer_box{
	width: 29px;
	float:left;
	background-color: #c9d2f6;
	height: 29px;
	border: 1px solid #8a9feb;
	border-left: none;
	border-right: none;
	padding: 4px 5px;
}

.btn-removequestion{
	width: 29px;
	height: 29px;
	border-radius: 0px;
	padding: 6px 8px;
	font-size: 11px;
	color: #d43f3a;
	border: none;
	background-color: #ffbdbb;
}

.btn-removequestion:hover{
	background-color:#ffa3a1!important;
	color:#d43f3a;
}

.btn-removequestion .glyphicon-remove{
    float: left;
    margin-top: 2px;
}


.btn_add_answer{
	width: 100%;
	margin-top: 10px;
	border-radius: 0px;
	padding: 5px;
	text-align: left;
	font-size: 13px;
	color: #415fcc;
	background-color: #c9d2f6;
	line-height: 20px;
	border: 1px solid #8a9feb;
	margin-bottom: 5px;
	font-weight:600;
	letter-spacing: 0;
}

.btn_add_answer:hover{
	border: 1px solid #8a9feb;
	background-color:#b6c2f3!important;
	color: #415fcc;
}

.btntrash{
	width: 30px;
	height: 30px;
	background-color: transparent;
	float: right;
	border-radius: 0px;
	padding: 5px 4px;
	border: none;
	position: absolute;
	right: 10px;
}

.btntrash span{
	color: rgba(0, 0, 0, 0.54);
	font-size: 11px;
}

.btntrash:hover{
	background-color:transparent;
}

.btntrash:hover span{
	color:black;
	
}

.btnedit{
	height:30px;
	width: 30px;
	border: none;
	background-color: transparent;
	font-size: 13px;
	margin-left:10px;
	color:#42626b;
	float: right;
	text-align: left;
	line-height:15px;
	padding: 8px 9px;
	border-radius:2px;
	letter-spacing: 1px;
}

.btnedit span{
	font-size:12px!important;
}

.btnedit:hover{
	background-color:#e3e3e3;
}

.textpanel .btntrash span{
	float:left;
	line-height:18px;
}

.textpanel .btntrash{
	width:100%!important;
	margin-left:0px;
	margin-top:10px;
	padding:6px 12px!important;
	color: #d43f3a;
	line-height: 18px;
}

.textpanel input[type=text]{
	height:30px!important;
	margin-top:10px;
}

.hiddenimg_box .btntrash span{
	float:left;
	line-height:18px;
}

.hiddenimg_box input[type=text]{
	margin:0px!important;
}

.hiddenimg_box .btntrash{
	width:100%;
	margin-left:0px;
	margin-top:10px;
	padding:6px 12px!important;
	color:#d43f3a;
}

.hiddenimg_box{
	float:left;
}

.hiddenimg_box input[type=text]{
	float:left;
	margin-top:10px!important;
	height:30px!important;
	border: 1px solid #b3b3b3!important;
}

.hiddenimg_box input[type=file]{
	margin:0px;
	width:100%;
	cursor:pointer;
	margin-bottom: 0px!important;
	padding:0px!important;
	margin-top: 10px;
	background-color: #f8f8f8!important;
}

.textpanel input[type=file]{
	margin:0px;
	width:100%;
	cursor:pointer;
	padding: 0px;
	margin-top: 5px;
	/* background-color: #f8f8f8!important; */
}

input[type=file]{
	background-color:#f5f5f5!important;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	width: 90%;
	margin-top: 0px;
	font-size:15px;
	float:left;
	margin-left: 5%;
}

input[type=file]:hover{
	background-color:#e9e9e9!important;
}


#answerdiv input{
	float: left;
	margin-right:0px!important;
	background-color:#e2e8ff;
}

.adminsavebtn{
	height:40px;
	float:left;
	position:relative;
	width:365px;
	padding-top:10px;
	margin-top:5px;
}

.text-content-question form {
	background-color: #f9fafe;
	border: 1px dashed #8a9feb;
	z-index:5000;
	border-top: none;
}

.text-content-question form #answerdiv{
	padding:0px;
}

.text-content-question form #answerdiv .col-md-12{
	padding:0px;
}

.text-content-question form input:first-of-type{
	margin-right:1%!important;
}

.text-content-question form input:hover{
	border:1px solid #415fcc!important;
}

.text-content-question form input:focus{
	outline:none!important;
	border:1px solid #415fcc!important;
}


.text-content-question form input{
	height: 32px!important;
	width: 34%;
	color: #000!important;
	background-color: #ffffff;
	margin-bottom:10px!important;
	border: 1px solid #8a9feb!important;
}

.adminsavebtn2{
	float: left!important;
	position:relative;
	width: 34%;
	font-weight: 600;
	color: #415fce;
	font-size: 13px;
	letter-spacing: 0px;
	border-radius: 0px;
	background-color: #c9d2f6;
	border: 1px solid #8a9feb;
	padding: 6px!important;
}

.adminsavebtn2{
	background-color: #c9d2f6;
	border: 1px solid #8a9feb;
	margin-bottom: 1%;
}

.adminsavebtn2:hover{
	border: 1px solid #8a9feb;
	background-color:#b6c2f3!important;
	color: #415fcc;
}

.adminsavebtn2 span:last-child{
	float:left;
	margin: 0 28%;
}

.adminsavebtn2 .glyphicon-plus{
	float:left;
	font-size:12px;
	padding: 2px 5px;
}

#new_question_dummy button{
	margin-top:10px;
}

#new_question_dummy button .glyphicon-ok{
	float:left;
	margin-left:44%;
}

#new_question_dummy button span:last-child{
	float:left;
	margin-left:2%;
}

.hidemenubtn{
	float:left;
	width: 100%;
	margin-top: 0px;
	border-top: 1px dashed #d3d3d3;
}

.answerdiv{
	float:left;
}

.answerdiv .btn .glyphicon-plus{
	float:left;
	font-size: 13px;
	width:20px;
	height: 20px;
	line-height: 17px;
	margin: 0px 43px 0px 5px;
}

.answerdiv input[type=checkbox]{
	width: 21px;
	padding-left:5px;
	float:left;
}

.checkbox_correct{
	float:left;
	margin-top:10px;
	height:30px;
	width: 58px;
}

.checkbox_correct span{
	float: left;
	margin-top: 5px;
}

.admin_text_area_style_2{
	width:calc(100% - 29px)!important;
	border-right: none!important;
}

.answerdiv .add_answer_box{
	margin-top:10px;
	width: calc(100% - 58px);
	float:left;
}

.answerdiv .add_answer_box:focus{
	border:1px solid #415fcc!important;
}


.add_answer_box input[type=text]{
	height:30px!important;
	float: left;
	margin-top: 0px!important;
}


.answerdiv input[type=text]{
	height: 29px!important;
	float: left;
	padding: 5px!important;
	margin-top: 5px;
	margin-bottom: 0px!important;
}

input[type=file]{
        text-indent: -999em;
        float: left;
        left: 0px;
}

.classinputwrapper{
	float:left;
	width:100%;
	margin-top:10px;
	padding-top:0px;
	padding-bottom:10px;
}

.classinputwrapper input{
	margin-top:0px!important;
	border:1px solid #ccc!important;
}

.classinputwrapper input:hover{
	border:1px solid #797979!important;
}

.classinputwrapper span, .answersspanwrapper span, .columnspanwrapper span, .rowspanwrapper span{
	float:left;
	font-weight:600;
	color:#8e8383;
	margin-top:10px;
}

.uploadbox input[type=file]{
	margin:0px;
	width: calc(100% - 26px);
	margin-top: 5px;
	border-top-left-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
	cursor: pointer;
	border-radius: 0px;
	font-size: 12px;
	color: #9a5cb8;
	height: 29px!important;
	text-align: left;
	padding: 4px!important;
	background-color: #f5e4f9!important;
	border: 1px solid #d3a5dc!important;
}

.answerdiv input[type=file]:hover{
	background-color:#f5e4f9!important;
}

.admin_sidebar_button_static_image .glyphicon-volume-up, .admin_sidebar_button_text .glyphicon-volume-up, .admin_sidebar_button_question .glyphicon-volume-up, .admin_sidebar_button_image .glyphicon-volume-up{
	margin: 7px 6px 7px 0px;
	color: #000;
	float:right;
}

.admin_sidebar_button_text{
	float:left;
	width:100%;
	/* background-color: rgba(99, 176, 91, 0.15); */
}

.admin_sidebar_button_text:hover{
	/*background-color: rgba(99, 176, 91, 0.31);*/
}

.admin_sidebar_button_text_active{
	background-color: rgba(99, 176, 91, 0.31)!important;
}

.admin_sidebar_button_question{
	float:left;
	width:100%;
	/* background-color: rgba(70, 95, 204, 0.15); */
}

.admin_sidebar_button_question_active{
	background-color: rgba(65, 95, 204, 0.31)!important;
}

.admin_sidebar_button_question:hover{
	background-color: rgba(65, 95, 204, 0.31);
}

.admin_sidebar_button_image{
	float:left;
	width:100%;
	/* background-color:rgba(255, 14, 149, 0.14); */
}

.admin_sidebar_button_image_active{
	background-color: rgba(255, 14, 149, 0.14)!important;
}

.admin_sidebar_button_image:hover{
	background-color:rgba(254, 202, 118, 0.31);
}


.admin_sidebar_button_static_image{
	float:left;
	width:100%;
	/* background-color:rgba(255, 14, 149, 0.14); */
}

.admin_sidebar_button_staticimage{
	float:left;
	width:100%;
}

.admin_sidebar_button_staticimage_active{
	background-color:rgba(254, 202, 118, 0.31)!important;
	float: left;
	width: 100%;
}

.admin_sidebar_button_staticimage:hover{
	background-color:rgba(254, 202, 118, 0.31);
}

.img-center .static_image_content{
	background-position:50% 50%;
}

.img-right .static_image_content{
	background-position:100% 0%;
}

.cog_box{
	color: #161616;
	float:left;
	height: 15px;
	margin: 3px;
	width: 15px;
	line-height: 19px;
	text-indent: 0;
}


.add_plus_box{
	padding: 2px 14px 2px 3px;
	color: #ff0e95;
	float:left;
	text-indent: 0;
}

.add_plus_box span{
	float:left;
	font-size: 12px;
	display: block;
	margin: 0px;
}

.sidebarmenutoggle:hover{
	color: #535353;	
}

.sidebarmenutoggle{
	position:absolute;
	left: 5px;
	top: 5px;
	width: 32px;
	height: 38px;
	padding: 10px;
	color: #a4a4a4;
	cursor:pointer;
}

.editpagebtn{
	width:100%;
	float:left;
	margin-bottom:52px
}

.editpagebtn .glyphicon-pencil{
	float:left!important;
	margin-left:58px!important;
	top:4px!important;
}

#add_dnd_question{
	background-color:#c9d2f6;
	border: 1px solid #8a9feb;
}


#add_dnd_question:hover{
	background-color: #b4c3ff;
	border: 1px solid #8a9feb;
}

#add_dnd_text{
	background-color: #cee7cc;
	border: 1px solid #9fcc9b;
}


#add_dnd_text:hover{
	background-color:#a7f3a1;
	border: 1px solid #9fcc9b;
}

.addcontentbtn{
	padding: 6px 6px!important;
	width: 77px;
	margin-top:0px!important;
}

.addcontentbtn span:last-child{
	line-height:21px;
}

#add_dnd_static_img{
	border:1px solid #ff9f00;
	background-color:#feca76;
}
#add_dnd_static_img:hover{
	border:1px solid #ff9f00;
	background-color:#fcbf5c;
}

.img-text{
	font-size:0.7em;
	padding-top:0px!important;
	font-style:italic;
	margin-top:-10px!important;
	
}

.logmeoutbtn{
	padding:6px 12px!important;
	margin-top:0px!important;
	float: right;
	line-height: 19px;
	margin-left: 8px!important;
}

.logmeoutbtn:hover{
	background-color:#eaeaea!important;
}

.addcontentbtn .glyphicon-plus{
	font-size: 12px!important;
	margin: 3px;
	line-height: 10px;
	float: left;
}

/* ADMIN END */

/*Text formating*/

.text-content ul li{
	list-style:circle;
}

/* Correction  */

#page-wrap-larare-correction{
	margin: 20px auto;
	line-height:1.5em;
	font-size:18px;
	display:table;
	background-color:white;
	width: 80%;
	border: 1px solid #dedede;
	border-radius:2px;
	padding: 3%;
	height: auto;
}

#page-wrap-larare-correction h2{
	float:left;
	width:100%;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-size: 25px;
}
  

#page-wrap-larare-correction .questionspan{
	font-size:18px;
	line-height:28px!important;
	margin-top:10px;
}

#page-wrap-larare-correction .questionspan:hover{
	background-color:white;
	padding:0;
	background:none;
	color:#000;
	cursor:default;
}

#page-wrap-larare-correction h3 a{
	display:table-cell;
	vertical-align:middle;
	font-size:20px!important;
	text-align:center;
	color:#101319;
}

#page-wrap-larare-correction h3 a:hover{
	text-decoration:none;
	background-color:#515c7a;
	color:white;
}

.message-user{
	width:60%;
	margin:10px auto;
	padding:10px 0;
	font-size:16px;
	text-align:center;
	background:white;
	color:red;
}
  
.previous-btn, .next-btn{
	width:15%;
	background:#f87465;
	text-align:center;
	color:white;
	margin-right:2px; 
	float:left;
	font-size:16px;

}

.previous-btn:hover, .next-btn:hover{
	text-decoration:none;
	color:white;
	background:#d2766b;
}

#page-wrap-student-group{
	width:auto;
	margin:0 auto;
	line-height:1.5em;
	font-size:18px;
	display:table;
	background-color:white;
	width:60%;
	border:2px solid #dedede;
	border-radius:2px;
	padding:1% 2%;
	border:none;
}

#page-wrap-student-group  input,#page-wrap-student-group .btn, #page-wrap-student-group select{
	border:2px solid #fafafa
}

#page-wrap-student-group input[type=submit]{ 
	width:100%;
	margin-top:20px;
	color:white;
}  

#new-groupp{
	width:70%;
	background:#fafafa;
	margin:0 auto;
	padding:1% 2%;
}

#new-groupp div{
	width:100%;
}

#new-groupp div input{
	width:100%;
}

#new-groupp span{
	font-size:14px;
}

.btn-correction{
	display:block;
	float:left;
	height:80px;
	text-align:center;
	padding-top:40px;
	font-size:1.5em;
	cursor:pointer;
	color:white;
	opacity:0.9;
	background-repeat:no-repeat;
	background-position:50% 25%;
	background-image:url('/images/correct-icon-small.png');
	position:relative;
	background-color:#134965;
	width:100%;
}

.btn-correction:hover{
	background-color:#1c6688!important;	color:white;
	text-decoration:none;
}

#page-wrap-student-group button{
	border:none;
	padding:10px;
}

#page-wrap-student-group .blue{
	background-color:#2b5b74!important;
	color:white;
}

#page-wrap-student-group .green{
	background-color:#47b099!important;
	color:white;
}

#page-wrap-student-group .red{
	background-color:#f87465!important;
	color:white;
}

.blue:hover,.green:hover,.red:hover{
	opacity:0.7
}

.table-elev,  .table-add-elev{
	float:left;
	font-size:14px;
	margin-top:10px;
	width:100%;
}

.table-elev .btn-primary{
	height:40px!important;
	margin-left:5px;
	width:120px!important;
}

.table-elev .btn-danger{
	width:100px;
}

.table-elev td, th{
	padding:5px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.table-elev th{
	background-color:#dedede;
	border-top:1px solid #cccccc;
}

.table-elev td:first-child{
   border-left:1px solid #cccccc;
}

.table-elev th:first-child{
   border-left:1px solid #cccccc;
}
    
.table-elev input[type=submit]{ 
	width:20% !important;
	background:#28a489;
	margin-top:0!important;
	color:white;
}  
  
.bg-2{
	background-color:#fafafa;
}

.table-add-elev td:first-child{
	width:150px;
	text-align:right;
	padding:5px;
}

.table-add-elev input[type=text]{
	width:69%;
	margin-bottom:10px!important;
}

.table-add-elev input[type=radio]{
	margin-left:20px;
	margin-right:5px
}

.table-add-elev .green, .red{
	margin-top:0!important;
	width:20%!important;
	margin-right:4px
}


/*Comments*/
  
#wrap-nav-comment{
	float:left;
	width:100%;
}

#wrap-nav-comment h2{
	margin-top:10px;
}

#comments-larare{
	width: 277px;
	background-size:40px auto!important;
	margin:10px auto!important;
	border-radius:2px;
	font-size:14px;
	padding:10px 10px 10px 10px;
	background-color:#eae672;
	position:absolute;
	height: auto;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	left: 64vw;
	top: 4vh;
	z-index: 999;
}

#comments-larare textarea{
	width:100%;
	height:17vh!important;
	background-color:#eae672;
}

.logout-correction{
	float:right;
}

.correction_body{
	background-color:#f3f3f3;
}

.chapter_name_span{
	float:left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
}

.chapter_answers_span, .questions_answered_span{
	float:right;
}

.class_name_span_all{
	width:100%;
	float:left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	font-size: 13px;	
}

.student_name_span, .class_name_span{
	width: calc(100% - 39px);
	float:left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding: 5px;
	font-size: 13px;
}

.student:focus, .class_name:focus, class_name_all:focus, .chapter:focus, .questions_answered:focus{
	outline:2px solid red!important;
	border: 1px solid #d3d3d3!important;
}

.class_name_all{
	font-size:15px;
	letter-spacing:1px;
	float:left;
	padding: 0px 0px;
	margin-bottom:10px;
	border: 1px solid #d3d3d3;
	border-radius: 0px!important;
	background-color: #f7f7f7;
	width: 100%;
}

.chapter,  .questions_answered{
	font-size:15px;
	letter-spacing:1px;
	float:left;
	padding: 0px 0px;
	margin-bottom:10px;
	border: 1px solid #d3d3d3;
	border-radius: 0px!important;
	background-color: #f7f7f7;
	width: 100%;
	padding:5px 10px;
}

.student, .class_name{
	font-size:15px;
	letter-spacing:1px;
	float:left;
	padding: 0px 0px;
	margin-bottom:10px;
	border: 1px solid #d3d3d3;
	border-radius: 0px!important;
	background-color: #f7f7f7;
	width: 100%;
}

.student:hover, .class_name:hover{
	background-color:#f3f3f3 !important;
	border:1px solid #cbcbcb;
}

.student i, .class_name i{
	top: 0px;
	left: 0px;
	float: left;
	padding:11px 12px;
	width: 38px;
	height: 37px;
	border-right:1px solid #d3d3d3;
	background-color:#eaeaea;
}

#page-wrap-larare-correction .col-md-3, #page-wrap-larare-correction .col-md-6{
	padding: 5px!important;
}

.row-margin-5{
	margin-left:-5px;
	margin-right:-5px;
}
		
/* Correction END */

body {
	padding-top: 50px;
}

table, td, tr{
	margin:0;
	padding: 10px;
	border: 1px solid #ccc;
}

#tel-vy{
	display:none
}

form {
	float:left;
	width:100%;
}

.question_exercise_wrapper textarea{
	width:100%!important;
}

input, textarea{
	border-radius:2px;
	padding: 4px 10px!important;
	/* height:auto!important; */
	background-color: #ffffff;
	margin-bottom:0!important;
	border:1px solid #d3d3d3
}

input:hover, textarea:hover{
	background:#f2f2f2;
}

a:focus, input:focus, button:focus, textarea:focus, select:focus, *:focus, .wapp-btn-answer input:focus  {
	outline:2px solid #ff0506!important;
	text-decoration:none!important;
	border:none;
}

.answered{
	border:2px solid #238570!important;
	/* background:#40b8e4; */
}

.wrapp-bg-scene{
	width:100%;
	min-height:95vh;
	margin:0 auto 0px auto!important;
	padding-bottom: 100px;
	position:relative;
	background-size:auto 100%;
	padding-top:1.5vw!important;
	background-position:50% 0%, 50% 0%;
	background-repeat:no-repeat, no-repeat;
	background-color: #fff;
	font-size:1.5vw!important;
	line-height: 1.5!important;
}

.menubutton:hover{
	border:1px solid black;
}

.soundicon{
	float:left;
	margin: 0px 14px;
	background-size:100%;
	border: 1px solid #ccc;
	padding: 2px 6px;
	min-width: 30px;
	font-size: 1em;
	cursor:pointer;
	background-color: #fff;
	display:none;
}

.soundicon:hover{
	border: 1px solid #2ba8e1;
	color:#333!important;
}

.samerow_div_input{
	float:left;
}
.samerow_div:last-child span{
	margin-left: 20px!important;
}
.samerow_div{line-height: 25px;float: left;margin-right: 20px;}

.menuwrapper .header_wrapper{
	padding: 10px;
}

.menuwrapper h1{
	margin:0px;
	border-bottom: 1px solid #eee;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

.menuwrapper{
	background-color:#fff;
	padding: 10px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	font-family:roboto;
	margin-top: 20px;
}

.menuwrapper_first{
	background-color:#fff;
	padding: 15px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
	font-family:roboto;
}

.menuwrapper span{
	font-size:20px;
	color: #333;
	margin-top:0px;
	float: left;
	width: 100%;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0px;
}

.menuwrapper .row .col-md-4:nth-child(1) .col-md-2{
	display:none;
}

.menuwrapper .row .col-md-4:nth-child(1) .col-md-10{
	width:100%;
	padding-top:14px;
}

.menuwrapper .row .col-md-4:nth-child(2) .col-md-2{
	display:none;
}

.menuwrapper .row .col-md-4:nth-child(2) .col-md-10{
	width:100%;
	text-align:center;
}

.menuwrapper .row a{
	color:#666;
}

.menuwrapper .row a:hover .col-md-12{
	background-color:#f3f3f3;
	border:1px solid #c1c1c1;
}

.menuwrapper .col-md-6{
	padding: 10px 10px;
}

.menuwrapper .label:hover{
	border:1px solid #d3d3d3;
	height: 100%;
	padding: 22px;
	border-radius:2px;
	background-color:#f0f0f0;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);
}

.menuwrapper .label{
	border:1px solid #d3d3d3;
	height: 100%;
	padding: 22px;
	border-radius:2px;
	background-color:#f9f9f9;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.05);
}

.menuwrapper .col-md-10{
	padding:11px;
	font-size:1.8em;
	text-align: center;
}

.wrapp-bg-scene h1{
	font-size:2.5vw;
	margin:0.8vw 0px;
	line-height:2.8vw;
	padding:0;
}

.wrapp-bg-scene h2{
	font-size:1.8vw;
	margin:0 0px!important;
	line-height:1.8vw;
	padding:0 0 0.5vw 0;
}

.img-responsive{
	z-index:20000;
}
	
.draggablediv{
	background-repeat:no-repeat!important;
	background-size:100% auto!important;
	z-index:1!important;
}
.draggablediv div{
	background-size: contain!important;
}
.jumbotron{
	padding:0!important;
}

.content-login{
	width:auto;
	margin:0 auto;
	line-height:1.5em;
	font-size:18px;
	display:table;
	background-color:white;
	width:30%;
	opacity:0.95;
	border:2px solid #dedede;
	overflow:hidden;
	border-radius:2px;
	padding:1% 2%;
}

.content-login span{
	width:100%!important;
	display:block!important;
	float:left;
	text-align:center;
	padding-right:10px;
}

.content-login input{
	margin-bottom:5px;
	width:100%;
}
  
.content-login input[type=submit]{
	width:100%;
	margin-top:20px;
	background:#28a489;
	color:white;
}  

.content-login input:hover[type=submit]{
	background:#238570;
}  
  
.wapp-btn-answer{
	height:auto;
	margin:10px auto 20px auto!important;
	display:table;
	width:40%;
	position:relative;
    margin-bottom:4vw!important;
}

.wapp-btn-answer input{
    background-color:#28a489;
    border:none!important;
    border-radius:0!important;
    background-image:url('/images/send-icon-small.png');
    background-repeat:no-repeat;
    background-position:50% 20%!important;
    width:100%;
    font-size:2vw;
    color:white;
    padding-top:25px!important;
    border-radius:2px!important;
    margin-top:2vw!important;
	line-height:4vw;
}

.wapp-btn-answer input:hover{
	background-color:#238570;
}

.sort-question span{
	width: auto;
	color:black;
	float: Left;
	padding: 10px 0px;
}



.sort-question li{
	padding:5px 5px 5px 40px;
	background-color:#f2f2f2;
	margin-bottom:5px;
	border:1px solid #cacaca;
	background-image:url('/images/updownarrows.png');
	background-repeat:no-repeat;
	background-position:1% 50%;
	cursor:pointer;
}


.sort-question li:last-child{
	margin:0px;
}

.sort-question .ui-sortable{
	float:left!important;
	width: 50%;
	list-style: none;
	padding: 0px;
}

/*Header- navigation info*/

.navbar-inverse{
	background-color:black!important;
}

.navbar-header{
	float:none!important;
	height: 50px;
	width:90%;
}

.navbar-brand{
	float:left;
	text-align: left;
	margin-right: 1%;
	width: 9%;
	line-height: 1.1em;
	padding-top: 13px;
	padding-left:0px;
}

.navbar-brand span{
	font-family:verdana;
	font-size:12px
}

/*Multimedia navigation */

#wrapp-prog-pagenav{
	width: 90%;
	margin: 8px 0px;
	float: right;
}

.dropdown-toggle{
	border:none;
	border-radius:0;
	padding:4px 10px 0px 10px!important;
}

.btn-default{
	color:#68696b;
	cursor:pointer;
	background-color: #3f5062;
	color:white;
}

#nav-controller-dialog{
	width: 42%;
	text-align:left;
	padding:0;
	float: left;
	color:white;
	font-size:18px;
}

#nav-controller-dialog a{
	background:#e5e6e8;
	padding: 4px 6px;
	height:33px;
	display:block;
	float:left;
	color:#68696b;
	width:20%;
}

#nav-controller-dialog i{
	margin:auto;
}

#nav-controller-dialog a:first-child, #nav-controller-dialog a:last-child{
	background:#e5e6e8;
	color:#68696b;
}

#nav-controller-dialog a:first-child:hover, #nav-controller-dialog a:last-child:hover{
	background-color: #f0f0f0!important;
}

#nav-controller-dialog a:first-child, #nav-controller-dialog a:last-child{
	background-color: #f8f8f8;
	border: 1px solid #d3d3d3;
	cursor:pointer;
	width: 8%;
	display: flex!important;
}

#nav-controller-dialog a:first-child{
    border-right: none;
}

#nav-controller-dialog a:last-child{
     /* background-image:url('/i/next-page.png'); */
     float:right;
     border-left: none;
}

#nav-controller-dialog span:nth-child(2){
    padding:0px;
}

#nav-controller-dialog span select{
	margin:0;
	line-height:1.4em;
	width: 84%;
	padding: 0px 10px;
	height:33px;
	border-radius: 0px;
	color:black;
	border: 1px solid #c3c3c3!important;
}

/*images with titles*/

.image_text{
	font-size: 1vw;
	line-height: 1.4vw;
	width:100%!important;
	text-align: left;
	font-family:arial;
}

/*++++++++++++++++++++++MATCH */
.wrap-matchning{
	/* border:1px solid red; */
}

/*HERE wrapp */
.wrap-matchning .questionspan, .alternativ .questionspan{
	width:100%;
	display:block;
	float:left;
}
 
.questionspan{
}



/*HERE wrapp matching*/  
  
.matchquestion{
	width: 45%;
	line-height:auto;
	height:4.4vw;
	border-radius:2px;
	cursor:pointer;
	vertical-align: middle;
	margin-bottom:20px;
	margin-bottom:10px;
	display: flex;
	margin-right:5%;
float:left;
	margin-bottom: 5%;
	padding:5px;
	border: 2px solid #d3d3d3!important;
}
  
/*.matchquestion:hover{background-color:#b3d389!important;}*/

.matchquestion span{
	margin: auto;
}

.wrap-matchning .answer{
	float:left; 
	margin-left:0;
}

.wrap-matchning .alternative{ 
	float:right;
}

.wrap-matchning .alternative img{
	height:3.6vw;          
	width:auto;
}

.sound-icon{
	background:url('/images/play-icon.png');
	background-repeat:no-repeat;
	background-position:50%;
	padding:0 30px 0 0 ;
	background-color:#134965!important;
	display: table-cell; 
}

.wrap-matchning .sound-icon{
	width:55px!important;
}

.sound-icon:hover{
	background-color:#1c6688!important;
}

.text-content{
	margin:0vw auto 0 auto;
	width: 70%;
	padding:1vw;
	/* margin-bottom:1vw!important; */
	background-color:white;
	border: 1px solid  #ccc;
}

/*++++++++++++++++++++++TEXT+++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++EXERCICE+++++++++++++++++++++++++++++++++++++++++++++*/

/*input field*/

.question_exercise_wrapper{
	width: 70%;
	margin: 3vw auto 3vw auto;
	display:table;
}

.question_exercise_wrapper span{
	width: auto;
}

.question_exercise_wrapper input{
	float:left;
	color: white!important;
	width: 100%;
	color:black!important;
	font-size: 1em;
}

.question_exercise_wrapper input:nth-child(3){
	float:left;
	color: black!important;
}

.highlight_li{
	background-color:#f8f8f8;
}
.alt-input-text-ol .col-md-6:first-child{
	width:auto;
}

/*Text-area*/
.wrap-textarea {
	width: 70%;
	margin: 3vw auto 3vw auto;
	display:table;
}

.wrap-multianswer{
	width:50%;
	margin:0 auto 0 auto;
	line-height:auto;
	margin-bottom:3vw!important;
	display:table;
}

.wrap-textarea span{
	display:block;
	float:left;
	width: auto;
}

.wrap-textarea textarea, .wrap-textarea-long textarea{
	float:left;
	width:100%;
	height:12vw!important;
	background-color: #ebebeb;
}

/*Alternativ exercice*/

.alternativ{
	width: 70%;
	margin:0 auto 0 auto;
	line-height:auto;
	margin-bottom:3vw!important;
	display:table;
}
  
.markquestion{
	width:100%;
	height:40px;
	border-radius:2px;
	cursor:pointer;
	margin-bottom:20px;
	margin-bottom:10px;
	display: table;
	margin-right:5%;
	background-color:#f5f5f5;
}   

.questionspan{
	float: left;
	padding: 10px 0px;
	line-height:1.5em;
}

.markquestion span.sound-icon{  
	height:38px!important;  
	width:30px!important;
	height:100%;
}

.markquestion span{  
	display: table-cell; 
	vertical-align: middle;
	padding:1vw;
}

.marked{
	background-color:#93cfd8!important;
}

/*Comments*/

#comments-elev{
	width:18%;
	background-size:40px auto!important;
	margin:10px auto!important;
	overflow:hidden;
	border-radius:2px;
	font-size:14px;
	padding:10px 10px 10px 10px;
	background-color:#eae672;
	position:absolute;
	height: 300px;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	right: 4%;
	z-index: 999;
}
  
#comments-elev h3{
	margin-top:0;
}

#comments-elev div h3{
	font-family:verdana
}

#comments-elev div{
	background:#eae672;
	color:black;
	padding:10px;
	font-size:22px;
}

/*XXL Screen*/
@media (min-width: 1400px) and (max-width: 3000px){

.navbar-header{
	width: 100%;
	height: 50px;
	margin: 0 auto;
}

button, optgroup, select, textarea{
	/* -webkit-appearance: none!important; */
}

}

/*GAlaxy tab  fix button positions*/
@media (min-width: 768px) and (max-width: 1280px){

}

/*Ipad*/
@media (min-width: 768px) and (max-width: 1024px){

.menuwrapper .col-md-2{
	background-size:30%;
	background-position:50% 50%;
}

.menuwrapper .col-md-10{
	font-size:2em!important;
	padding-top:10px;
}

.navbar-header{
	width:100%;
}

.navbar-brand{
	width: 6%;
	font-size: 16px;
	margin-left: 0%;
	padding-top: 15px;
	margin-left: 5%;
}

#nav-controller-dialog{
	width: 46%;
}

#wrapp-prog-pagenav{
	width: 88%;
	float: left;
}

.menuwrapper_first .col-sm-12{
	padding:10px!important;
}

td{
	border:none;
	padding:0;
}

button, input, optgroup, select, textarea{
	-webkit-appearance: none!important;
}

.wrap-matchning{
	width:90%;
	margin:0 auto;
}

.wrapp-bg-scene{
	font-size:1.6vw!important;
	line-height:2.2vw;
}

.items{
	left:0px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

.menuwrapper .col-md-2{
	background-size:50%!important;
}

.menuwrapper .col-md-10{
	font-size:1.6em!important;
	padding-top:15px;
}

}

/*Tel*/
@media only screen and   (max-width: 480px) {

#tel-vy{
	display:block;
	text-align:center;
}

#tel-vy p{
	padding-top:100px;
	font-size:30px;
}

#form,.navbar, .wrapp-bg-scene{
	display:none;
}

}