body {/*background-image:url(/backend/images/girl_laptop.jpg);*/background-position:center center;background-attachment:fixed;background-color:#f9f9f9}
a {
    color: #476e96;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow:none!important;
}


.logout ul li a:focus, .logout ul li a:hover {background-color:transparent!important}
div.navbar {background:#476e96;border-bottom:1px solid white;margin-bottom: 0px;}
nav.navbar {background:transparent;margin-bottom:0;border:0}
#main-navbar {margin-left:-30px;margin-right:-15px}
#main-navbar ul li {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);margin-right:0}
#main-navbar ul li a{background:#e7e8dc;margin-right:1px;color:#555}
#main-navbar ul li:hover a{background:#cfd0bc;}
#main-navbar ul li .glyphicon {margin-right:8px}
.navbar-default {
box-shadow: none;/*0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);*/
}

#main-container {background:white;border-radius:0 0 10px 10px;min-height:500px;padding:20px}
#main-container h1 {margin-top:0;margin-bottom:20px;display:inline-block}
button {
	border: none;
	padding: 0.6em 1.2em;
	background: #f1582e;
	color: #eee;
	font-size: 1em;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

button:hover {
	color: #fff;
}

.qselect, .qtext {
}

p.bg-info {padding:15px}

.listbox .glyphicon {margin-right:15px}


#modal-correct .md-content{
	background-image:url(/backend/images/success.jpg);
	width:500px;
	height:333px;
	border-radius:10px;
	border:5px solid #22972e;
	
	
}	

#modal-correct .md-content h3 {
	background: none repeat scroll 0 0 rgba(34, 151, 46, 0.95)
}

#modal-false .md-content{
	background-image:url(/backend/images/false.jpg);
	width:615px;
	height:332px;
	border-radius:10px;
	border:5px solid #e93e51;
	
	
}	

#modal-false .md-content h3 {
	background: none repeat scroll 0 0 rgba(233, 62, 81, 0.95)
}

#ptitle {
	padding:0!important;
}

.subheader {
	background:#e2e3d5;
	border-top:1px solid white;
	
	
	
	
}
.subtitle {
	color:#a7b7b7;
	font-size:20px;
	font-weight:bold;
	padding:8px 0;
}

.topheader {
	padding:8px 0;
}

.topheader2 img {
margin-right:10px;
float:left;
}
.topheader2 .title{
	font-size:16px;color:white;line-height:41px;
}

.topheader2  .logout {
line-height:41px;
}

.topheader2  .logout a {color:white!important;}

.modal-header {
   background:#476e96;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   color:white;
}

.modal {padding-top:10%}

.btn-primary {
    background-color: #476e96;
    border-color: #476e96;
    color: #fff;
}

.breadcrumb {margin-bottom:1px;border-radius:5px 5px 0 0}
.helptext{color:#bbb;font-size:11px}

.type_panel {display:none}

.type_panel .stepTitle {margin:0}

.tab-pane {margin-top:20px}

.pager li > a, .pager li > span {
    background-color: #e7e8dc;
}

.answer-input {text-align:center;padding:6px 4px}
.has-success .answer-input {background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%);
    background-repeat: repeat-x;
    border-color: #3e8f3e;color:white;}
.has-error .answer-input {
	background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);
    background-repeat: repeat-x;
    border-color: #b92c28;
	color:white;
}




.preview_title .alignment_l {margin-right:20px}
/*.preview_title img {max-height:200px}*/
.preview_title .alignment_r {margin-left:20px}
.preview_title h3{margin-top:0}

.dragtag {margin:0 10px 10px 0;border:0px solid #888;line-height:30px}
.dragtag:hover{;cursor:move}
             
.dragtag, .droptag{width:200px;font-size:14px;border-radius:4px;display:inline-block;}

.droptag {border:1px dashed #888;line-height:30px}
.droptag .glyphicon {margin-right:4px}

.droptag.hovered{background:#eee;border-color:#000}

.dragtag.has-success.shown {color:white;background-image:linear-gradient(to bottom, #5cb85c 0px, #419641 100%)!important ;background-repeat: repeat-x!important;border-color:#b92c28!important;}
.dragtag.has-error.shown {color:white;background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%)!important;background-repeat: repeat-x!important;border-color:#3e8f3e!important;}


/*.droptag.has-success{border-color:#3e8f3e;border-style:solid;background:#dff0d8}
.droptag.has-error{border-color:#b92c28;border-style:solid;background:#f2dede}
*/


.dragtag.ui-draggable-dragging {
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

.dragtag.reset {background:none!important;color:black!important;border:none!important}


.multiselect-container.dropdown-menu a {padding:3px 20px!important}
.multiselect-container.dropdown-menu .checkbox {display:block!important}


.tablediv {margin-left:15px;margin-right:15px;margin-top:20px}
.tablerow{display:block;}
.tablediv .input-group-addon {padding:6px 3px;cursor:pointer}
.tablediv .form-group {margin-right:0;margin-left:0;padding-left:0;padding-right:0}

#table_container_6 .is_editable input {background-image:linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);border-color:#b92c28}
#table_container_6 .glyphicon-eye-open {display:inline-block}
#table_container_6 .glyphicon-eye-close {display:none}
#table_container_6 .is_editable .glyphicon-eye-open {display:none}
#table_container_6 .is_editable .glyphicon-eye-close {display:inline-block}
#table_container_6 .is_editable .input-group-addon {border-color:#b92c28}

#table_container_7 .is_checked input {display:none}
#table_container_7 .glyphicon-pencil {display:inline-block}
#table_container_7 .glyphicon-ok {display:none}
#table_container_7 .is_checked .glyphicon-pencil {display:none}
#table_container_7 .is_checked .glyphicon-ok {display:inline-block}
#table_container_7 .is_checked .input-group-addon {padding:9px 3px}
/*#table_container_7 .is_checked .input-group-addon {border-color:#b92c28}*/

.table-with-blanks td .glyphicon {display:none}
.table-with-blanks .has-success .glyphicon-ok{display:inline-block}
.table-with-blanks .has-success .glyphicon-remove{display:none}

.table-with-blanks .has-error .form-control{color:white;background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%)!important;background-repeat: repeat-x!important;border-color:#b92c28!important;}
.table-with-blanks  .form-control-feedback {color:white}

.table-with-blanks .has-success .form-control{color:white;background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%)!important;background-repeat: repeat-x!important;border-color:#3e8f3e!important;}


.table-with-blanks .has-error .glyphicon-ok{display:none}
.table-with-blanks .has-error .glyphicon-remove{display:inline-block}
.table-with-blanks .has-success input {background:#dff0d8}
.table-with-blanks .has-error input {background:#f2dede}


.table-with-blanks input {display:block!important;width:100%!important}
.table-with-blanks .form-group{display:block;width:100%}

#table-with-blanks-7 .glyphicon {display:none;}
#table-with-blanks-7 .can_be_checked {cursor:pointer}
#table-with-blanks-7 .checked .glyphicon-ok {display:inline-block}
#table-with-blanks-7 .btn-success .glyphicon-ok{display:inline-block;float:right}
#table-with-blanks-7 .btn-danger .glyphicon-remove{display:inline-block;float:right}
#table-with-blanks-7 .btn-warning .glyphicon-flag{display:inline-block;float:right}

#tags_container_8 {width: 700px; height: 35px;}
#tags_container_8 .item { float: left; /*width: 150px;*/ /*height: 35px;*/ padding: 0.5em;background:#eee;border-radius:10px;border:1px solid #bbb;margin-right:3px}

.sortable-placeholder-8 {
    width: 150px; height: 35px; padding: 0.5em; float:left;
}


.ui-state-highlight { height: 1.5em; line-height: 1.2em; border:1px dashed #666;background:#eee}

.text_with_blanks {line-height:40px}

#pairing a {box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)}
.color_bg_0 {background-image:linear-gradient(to bottom, #337ab7 0px, #265a88 100%);color:#fff!important}
.color_bg_1 {background-image:linear-gradient(to bottom, #f0ad4e 0px, #eb9316 100%);color:#fff!important}	
.color_bg_2 {background-image:linear-gradient(to bottom, #5bc0de 0px, #2aabd2 100%);color:#fff!important}	
.color_bg_3 {background-image:linear-gradient(to bottom, #5cb85c 0px, #419641 100%);color:#fff!important}
.color_bg_4 {background-image:linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%);color:#fff!important}	
.color_bg_5 {background-image:linear-gradient(to bottom, #ff00ff 0px, #f929ff 100%);color:#fff!important}	
.color_bg_6 {background-image:linear-gradient(to bottom, #000000 0px, #111111 100%);color:#fff!important}	
.color_bg_7 {background-image:linear-gradient(to bottom, #777777 0px, #a09e9e 100%);color:#fff!important}	
.color_bg_8 {background-image:linear-gradient(to bottom, #f04f00 0px, #ff5e0f 100%);color:#fff!important}	
.color_bg_9 {background-image:linear-gradient(to bottom, #019b8d 0px, #00bcab 100%);color:#fff!important}	 
.color_bg_10 {background-image:linear-gradient(to bottom, #ffeb0f 0px, #ffec49 100%);color:#fff!important}	
.color_bg_11 {background-image:linear-gradient(to bottom, #a1ffd1 0px, #b8fedc 100%);color:#fff!important}	


.color_bg_b0 {background-image:linear-gradient(to bottom, #02e301 0px, #03c402 100%);color:#fff!important}
.color_bg_b1 {background-image:linear-gradient(to bottom, #af1901 0px, #771101 100%);color:#fff!important}	
.color_bg_b2 {background-image:linear-gradient(to bottom, #0186a5 0px, #005c72 100%);color:#fff!important}	
.color_bg_b3 {background-image:linear-gradient(to bottom, #b002ba 0px, #75017b 100%);color:#fff!important}
.color_bg_b4 {background-image:linear-gradient(to bottom, #d0a600 0px, #8c7000 100%);color:#fff!important}	
.color_bg_b5 {background-image:linear-gradient(to bottom, #b44002 0px, #772a01 100%);color:#fff!important}	
.color_bg_b6 {background-image:linear-gradient(to bottom, #fd119b 0px, #c60074 100%);color:#fff!important}	
.color_bg_b7 {background-image:linear-gradient(to bottom, #00c6bd 0px, #008c85 100%);color:#fff!important}	
.color_bg_b8 {background-image:linear-gradient(to bottom, #0b5fff 0px, #003cb0 100%);color:#fff!important}	
.color_bg_b9 {background-image:linear-gradient(to bottom, #b96761 0px, #a64b44 100%);color:#fff!important}	 
.color_bg_b10 {background-image:linear-gradient(to bottom, #c0c600 0px, #7d8002 100%);color:#fff!important}	
.color_bg_b11 {background-image:linear-gradient(to bottom, #02804b 0px, #015330 100%);color:#fff!important}	




#pairing .a-values .glyphicon, #pairing .b-values .glyphicon, #pairing .results a .btn {display:none}
#pairing .results a {padding:0px 0 0 0;border:0;box-shadow:none;height:42px;;margin:1px 0}
#pairing .results {border:0;box-shadow:none;margin-right:-33px}
#pairing .results .btn {margin:0!important;height:100%}
.matched .glyphicon {display:inline-block!important}


#equations_container .is_editable input {background-image:linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);border-color:#b92c28}
#equations_container .glyphicon-eye-open {display:inline-block;cursor:pointer}
#equations_container .glyphicon-eye-close {display:none;cursor:pointer}
#equations_container .is_editable .glyphicon-eye-open {display:none}
#equations_container .is_editable .glyphicon-eye-close {display:inline-block}
#equations_container .is_editable .input-group-addon {border-color:#b92c28}

#equations_container_9 .form-group {float:left;margin:0 10px;}
#equations_container_9 .form-group input {font-size:16px}
#equations_container_9 .txtbox {float:left;margin:0 10px;font-size:16px;padding-top:4px}
#equations_container_9 .form-group .form-control-feedback {top:0}
#equations_container_9 .row{margin-bottom:25px}
#equations_container_9 .has-error .form-control{color:white;background-image: linear-gradient(to bottom, #d9534f 0px, #c12e2a 100%)!important;background-repeat: repeat-x!important;border-color:#b92c28!important;}

#equations_container_9 .has-success .form-control{color:white;background-image: linear-gradient(to bottom, #5cb85c 0px, #419641 100%)!important;background-repeat: repeat-x!important;border-color:#3e8f3e!important;}

#equations_container_9 .has-error .form-control-feedback, #equations_container_9 .has-success .form-control-feedback {color:white}
	
.exercise_content.fontsize_3, .exercise_content.fontsize_3 .form-control, .exercise_content.fontsize_3 .listbox, .exercise_content.fontsize_3 .dropdown-menu, .exercise_content.fontsize_3 .multiselect, .exercise_content.fontsize_3 .dragtag, .exercise_content.fontsize_3 .droptag, .preview_title.fontsize_3 h3, .exercise_content.fontsize_3 .txtbox {font-size:28px!important;}
.exercise_content.fontsize_3 .text_with_blanks {line-height:56px!important}
.exercise_content.fontsize_3 .form-control {height:48px}
.exercise_content.fontsize_3 .has-feedback .glyphicon {top:7px;right:3px}
.exercise_content.fontsize_3 #pairing .results a {height:60px;}
 .exercise_content.fontsize_3 .dragtag, .exercise_content.fontsize_3  .droptag {width:240px; line-height:38px}
 
 
 
.exercise_content.fontsize_2, .exercise_content.fontsize_2 .form-control, .exercise_content.fontsize_2 .listbox, .exercise_content.fontsize_2 .dropdown-menu, .exercise_content.fontsize_2 .multiselect, .exercise_content.fontsize_2 .dragtag, .exercise_content.fontsize_2 .droptag, .preview_title.fontsize_2 h3, .exercise_content.fontsize_2 .txtbox {font-size:22px!important;}
.exercise_content.fontsize_2 .text_with_blanks {line-height:52px!important}
.exercise_content.fontsize_2 .form-control {height:40px}
.exercise_content.fontsize_2 .has-feedback .glyphicon {top:4px;right:3px}
.exercise_content.fontsize_2 #pairing .results a {height:52px;}
.exercise_content.fontsize_2 .dragtag, .exercise_content.fontsize_2  .droptag {width:230px;line-height:32px }


.exercise_content.fontsize_1, .exercise_content.fontsize_1 .form-control, .exercise_content.fontsize_1 .listbox, .exercise_content.fontsize_1 .dropdown-menu, .exercise_content.fontsize_1 .multiselect, .exercise_content.fontsize_1 .dragtag, .exercise_content.fontsize_1 .droptag, .preview_title.fontsize_1 h3, .exercise_content.fontsize_1 .txtbox {font-size:18px!important;}
.exercise_content.fontsize_1 .text_with_blanks {line-height:52px!important}
.exercise_content.fontsize_1 .form-control {height:40px}
.exercise_content.fontsize_1 .has-feedback .glyphicon {top:4px;right:3px}
.exercise_content.fontsize_1 #pairing .results a {height:46px;}
.exercise_content.fontsize_1 .dragtag, .exercise_content.fontsize_1  .droptag {width:230px;line-height:32px }

.fontsize_1 .blank_1 {width:40px}
.fontsize_1 .blank_2 {width:65px}
.fontsize_1 .blank_3 {width:85px}
.fontsize_1 .blank_4 {width:100px}
.fontsize_1 .blank_5 {width:120px}
.fontsize_1 .blank_6 {width:140px}
.fontsize_1 .blank_7 {width:160px}
.fontsize_1 .blank_8 {width:180px}
.fontsize_1 .blank_9 {width:200px}
.fontsize_1 .blank_10 {width:220px}
.fontsize_1 .blank_11 {width:240px}
.fontsize_1 .blank_12 {width:260px}
.fontsize_1 .blank_13 {width:280px}
.fontsize_1 .blank_14 {width:300px}
.fontsize_1 .blank_15 {width:320px}

.fontsize_2 .blank_1 {width:45px}
.fontsize_2 .blank_2 {width:70px}
.fontsize_2 .blank_3 {width:90px}
.fontsize_2 .blank_4 {width:110px}
.fontsize_2 .blank_5 {width:130px}
.fontsize_2 .blank_6 {width:150px}
.fontsize_2 .blank_7 {width:170px}
.fontsize_2 .blank_8 {width:190px}
.fontsize_2 .blank_9 {width:210px}
.fontsize_2 .blank_10 {width:230px}
.fontsize_2 .blank_11 {width:250px}
.fontsize_2 .blank_12 {width:270px}
.fontsize_2 .blank_13 {width:290px}
.fontsize_2 .blank_14 {width:310px}
.fontsize_2 .blank_15 {width:330px}

.fontsize_3 .blank_1 {width:50px}
.fontsize_3 .blank_2 {width:70px}
.fontsize_3 .blank_3 {width:95px}
.fontsize_3 .blank_4 {width:115px}
.fontsize_3 .blank_5 {width:135px}
.fontsize_3 .blank_6 {width:155px}
.fontsize_3 .blank_7 {width:175px}
.fontsize_3 .blank_8 {width:205px}
.fontsize_3 .blank_9 {width:225px}
.fontsize_3 .blank_10 {width:245px}
.fontsize_3 .blank_11 {width:265px}
.fontsize_3 .blank_12 {width:280px}
.fontsize_3 .blank_13 {width:295px}
.fontsize_3 .blank_14 {width:315px}
.fontsize_3 .blank_15 {width:335px}

.course_header {background:#487eb8;color:white;font-size:18px}
.inner-select {background:#eee;border:0;}

.checkboxes_container_12 .glyphicon {display:none}
.checkboxes_container_12 .checkbox { 
	border: 1px solid #bbb;
    border-radius: 5px;
    float: left;
    margin: 10px !important;
    padding: 10px 0 10px 30px;
    width: 45%;
}

#equations_container_11 .formbox {margin-bottom:20px;border:1px solid #ddd;border-radius:15px;padding:10px 20px;margin-right:20px;background:#eee;text-align:right}
#equations_container_11 .resultbox {padding-top:10px;;border-top:1px solid #999;}
#equations_container_11 .row {margin-top:10px}
#equations_container_11 .inner-select {background:#ddd}
#equations_container_11 .variable-container input {letter-spacing:0;text-align:center;margin-left:-3px;width:20px;margin-right:4px;padding-right:0!important;padding-left:0!important}
#equations_container_11 .variable-container {letter-spacing:10px}
#equations_container_11 .glyphicon-ok, #equations_container_11 .glyphicon-remove {display:none}
#equations_container_11 .bg-success {background:#dff0d8}
#equations_container_11 .bg-danger {background:#f2dede}
#equations_container_11 .bg-success .glyphicon-ok {display:inline-block!important}
#equations_container_11 .bg-danger .glyphicon-remove {display:inline-block!important}

.ccontainer_12 .selected_area {background:#f2f2f2}
.ccontainer_12 .box_12 {padding:20px;min-height:400px}

.no-border-item {border:0!important;box-shadow:none!important}
.right-bordered {border-right:1px solid #ddd}

.test_thumbs {width:40px;height:32px;margin-right:15px}

.tree-list li {list-style-type:none}

.class-tree .list-group-item {padding:5px 8px;line-height:16px}
.list-with-hidden-icons div .showhide {display:none}
.list-with-hidden-icons div:hover .showhide {display:block!important}

.section-sortable .move-icon {margin-left:10px}
.section-sortable .tests-icon {margin-right:10px}
.btn-hidden {border:0!important;background:none!important}

.ccontainer_12 #tinymce {background:red}