/* mobile max-width: 520px */

html {-webkit-text-size-adjust: none;} /* disable iphone text adjustment */

body {padding: 15px; font-size: 18px;}

#page_title {margin-top: -10px; margin-bottom: -10px !important; font-size: 20px; color: #999999;}

div#wrapper  {width: 100%;}
div#question {width: 100%;}
fieldset form {width: 100%; padding-top: 0px !important;}
fieldset.article {padding: 0px;}

div#examples {width: 100%; display: none;}

#reviews_logs {display: none;}

.minte9_top {position: absolute; margin-top: -35px; z-index: 2001; float: right; text-align: right;}

div#sitename {background:none !important; width: 100%;}
div#sitename h1 {margin-top: -6px; font-size: 25px; height: 50px;}

#minte9_icon_mobile {position: relative; left: 210px; top: -60px;}

.catg_top {position: relative; top: -2px; left: -5px; font-size: 20px; line-height: 31px;}


/* answers */

.flashcardContainer {
    margin-top: 20px; padding-bottom: 40px; margin-left: 4%;
    width: 92%; background: none; border: 0px solid #999; min-height: 100px;
	padding: 0px; padding-right: 5px; border-radius: 0px;
}

/* answer style */

.questions_question { color: #a81212; font-size: 20px;}

.difficultyContainer {
    float: right; border: 0px solid; width: 90px; text-align: right;
    margin-right: 0px; margin-top: 0px; font-weight: normal; font-size: 14px;
	height: 60px;
}
.difficultyImage {
    width: 80px; margin-right: -10px; margin-top: -10px; float: right; margin-bottom: 5px;
}


label.options {
    white-space: normal; display: inline-block;
    background: #666; color: #fff; border-radius: 12px; padding: 8px;
	padding-left: 25px; padding-right: 10px !important; border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    margin-bottom: -19px; margin-bottom: 2px; margin-left: -10px !important; width: 94%;
}

.input_option { display: none;}
.input_option { float: left; width: 30px; height: 12px; margin-top: 8px; margin-left: 4px; opacity: 1; }

.input_option_container {
	display: block; margin-left: -10px;
	position: relative; z-index: 100; float: left;
}

.checkbox_ok {display: none; float: right; width: 15px; margin-left: 5px;}
.checkbox_notok {display: none; float: right; width: 13px; margin-left: 5px;  margin-top: 2px;}

/* rewind answer */
a.iconFont {margin-right: 0px; margin-top: 5px; float: left; display: none;}
a.iconFont {color: #ccc; font-size: 70px;}
a.iconFont:hover{color: orange;}
a.showAll {color: #ccc; font-size: 40px !important; margin-top: 20px; margin-right: 5px;}
a.rewind {font-size: 60px; margin-top: 10px; margin-bottom: -20px;}

/* answer btn submit */
#submit_container {float: right; margin-top: 30px; display: block;}
#submit_container > #btn_submit {
    margin-left: 0px; margin-right: 0px; border-radius: 10px; padding-left: 30px;
    padding-right: 30px; width: 120px; font-size: 18px;
}
.container.page-progression {
    width: 94%; float: right; margin-top: 20px; margin-bottom: 10px;
}
.progress.page-progression {height: 13px;}

.divpre {white-space: pre-line;}

div.code {width: 255px !important; white-space: pre-line; margin-bottom: -20px; margin-top: -10px;} /* padding: 15px !important;} */

code {width: 260px !important; word-wrap: break-word; white-space: pre-line; }

#btn_next {font-size: 20px; padding: 10px; width: 150px !important; background: #000000; border-bottom: 0px; margin-bottom: 20px;}

#btn_next_buttons {margin-top: -40px;}

#content_kb {white-space: pre-line; width: 280px !important; margin-top: 10px; margin-bottom: 0px;}

.adminbutton {font-size: 15px !important; margin-left: 0px !important;}

div#references {margin-top: 0px;}
/*div#references .references {margin-top: 10px; filter: grayscale(0%); clear: both;}*/
div#references img.references {width: 100%; /*filter: grayscale(90%);*/ float: none;  width: 100%; margin-left: 0px; background: #333;}

img.references { filter: grayscale(0%); margin-top: 20px; clear: both; margin-left: -4%; width: 108%;}
img.references:hover { filter: grayscale(0%); transform: scale(1, 1);}

img.replaced_img {width: 100%; }

a.homepagebutton {clear: both; width: 90%; padding: 10px; font-size: 20px; }


div#povs a {
	border: 0px solid; width: 30px;  margin-right: 2px;
	border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;
}

#related_progression {float: left; width: 12px; height: 15px; margin: 0px; margin-right: 10px;}

/*.submenu { border: 1px solid #aaaaaa; border-bottom: 0px solid; border-top-left-radius: 12px; border-top-right-radius: 12px;
	padding: 5px; padding-right: 10px; padding-left: 10px; cursor: pointer; color: #999999; background: #eeeeee; }*/

.submenu { border: 1px solid #aaaaaa; border-radius: 12px;
	padding: 5px; padding-right: 10px; padding-left: 10px; cursor: pointer; color: #000000; background: #eeeeee;}
.submenu.active { color: #333333; background: #ffffff; font-style: italic; padding-bottom: 6px;}
.submenu.procent {color: #a81212; border: 0px solid; background: none;
	text-align: center; font-size: 16px; border: 1px solid #aaaaaa; float: right; margin-left: 5px; margin-top: 5px;}

.catgpages { display: block; width: 92%; padding-left: 12px; padding: 0px; cursor: pointer;}

#povs_mobile {float: right; margin-top: 0px;}
#povs_mobile a { border-radius: 12px; height: 12px; width: 30px; border: 0px solid; border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa;}

#pagecontent_mobile {border: 0px solid; /*margin-top: -35px;*/}

/* Login form */
fieldset p label.small {padding: 0px; border: 0px solid; width: 100%; background: none;}
input#username, input#password {font-size: 18px;}
#btn_login {font-size: 18px; padding: 10px; width: 150px !important; background: #000000; border-bottom: 0px; margin-top: 10px; margin-left: 0px;}

#homepage_login {padding: 0px; margin-top: 0px;}

#homepage_links_mobile {text-align: center; margin-top: 50px;}
#homepage_links_mobile a {text-decoration: none; color: #666666;}

.relpaced_links {color: #aaaaaa; font-size: 14px;}

.questions_title {font-size: 22px;}


/* WEB - hide */
#progression, #relatedPages, #procent, #menu_useraccount, #admin_buttons, #pagecontent, #povs, #list_category, #network_links, #top_title, #random_page_web { display: none; }

/* MOBILE - show */
/*#progression_mobile, #relatedPages_mobile, #procent_mobile, #pagecontent_mobile, #questionsonly_mobile, #povs_mobile, #minte9_icon_mobile, #head_menu_mobile, #catgpages_mobile, #list_category_mobile, #network_links_mobile, #top_title_mobile { display: block; }
*/

#progression_mobile {display: none;}

#minte9_icon_mobile { display: block; }

#catgs_progression {margin-top: 30px; margin-right: 5px;}

#relatedPages_mobile span, #catgpages_mobile span {height: 20px; width: 12px; }
#procent_mobile {width: 50px; position: relative; top: -5px; left: 230px; padding: 5px; font-size: 16px;}
#catg_mobile {margin-top: 0px;}

/* bootstrap m9 - mobile */
.progress.m9 {height: 40px; font-size: 16px;}
.progress-bar.m9 { font-size: 18px; line-height: 40px;}
.progress-bar.m9-right { font-size: 18px;}
.progress-bar-lock {margin-top: 6px;}
.progress-bar-procent {line-height: 40px;}

.container.progression-top-mobile {margin-top: 4px;}
.progress.progression-top-mobile {height: 10px;}

h3 {font-size: 20px; margin-bottom: -40px;}

span.randoneCatg {font-size: 16px; margin-top: 15px;}


/* --- NavBar bootstrap START --- */

.bootstrap-iso a {
	color: #ffffff;
	text-decoration: none;
}
.bootstrap-iso {background-color: transparent; font-size: 16px;}
.bootstrap-iso.icon-bar {background-color: #ffffff;}
/*.navbar {
	width: 50%;
	z-index: 2000;
}*/
#myNavbar, .navbar-nav, .dropdown-toggle, navbar-header {
	background-color: #333333;
    max-height:800px;
	width: 110%;
	overflow-y: scroll;
	margin-top: 10px;
}

li.bootstrap-iso.active, li.bootstrap-iso.dropdown.active {background-color: #000000;}
li.bootstrap-iso.dropdown {background-color: #333333;}

.bootstrap-iso .dropdown-menu {font-size: 16px;}
.bootstrap-iso .dropdown-menu > li > a {color: #ffffff;}
.bootstrap-iso .dropdown-menu > li > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}

.bootstrap-iso .nav > li > a:hover, .bootstrap-iso .nav > li > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}

.bootstrap-iso .nav .open > a, .bootstrap-iso .nav .open > a:hover, .bootstrap-iso .nav .open > a:focus {
	background-color: #333333;
	/* border-color: #337ab7; */
}

.navbar-toggle {
	float: left;
	width: 100%; z-index: 100;
	padding: 0px 0px 0px 15px !important;
	margin-bottom: 0px !important;
}
.bootstrap-iso.glyphicon.white {color: white; background: none; margin-right: 5px;}

#minte9_icon_mobile {z-index: 1; position: fixed; top: 30px;}

.bootstrap-iso .navbar-nav > .divider {
    height: 1px;
    overflow: hidden;
    background-color: #666666;
	padding: 0px;
	margin-bottom: 10px;
}

/* --- NavBar bootstrap END --- */



.bootstrap-iso li.divider {padding: 0px;}

.sticky_header {
	position: fixed;
	top: 15px;
	width: 100%;
	background: #000000;
	height: 40px;
	margin-top: -15px;
	margin-left: -15px;
	padding-left: 15px;
	padding-top: 5px;
	z-index: 900;
}

.sticky_header.shadow {
	-webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.nav_domain_title {font-size: 20px; float: left; margin-left: 25px; margin-top: -22px; color: #ffffff; font-family: Geneva;}


hr.mobile {margin-top: 4px; margin-bottom: 8px; background-color: #dddddd; height: 1px; border: 0;}

/* related cells */
.cell {display: block; text-align: center; color: rgb(170, 170, 170); float: right; margin: 1px 1px 0px 0px;}

.cell.subcatg {
	border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);
	width: 20px; height: 20px; background: #eee;
}
.cell.unstudied {
	border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);
	width: 20px; height: 20px; background: #ddd;
}
.cell.studied {
	border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);
	width: 20px; height: 20px; background: #f0ad4e;
}
.cell.corect {
	border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);
	width: 20px; height: 20px; background: #5cb85c;
}

.cell.subcatg:hover, .cell.unstudied:hover, .cell.studied:hover, .cell.corect:hover {background: yellow;}

.modal-content.bootstrap-iso.m9 {width: 106%; min-height: 400px; padding: 10px; margin-top: 50px; margin-left: -3%;}

.bootstrap-iso button.close {
    font-size: 40px;
}

#login_container {float: left; margin-left: -5px; width: 100%;}

.node-paragraph {
	white-space: pre-line; line-height: 22px; font-size: 20px; 
	border: 0px solid; border-top: 3px solid #ffb366; border-bottom: 3px solid #ffb366; border-radius: 20px;
	padding: 25px 15px 5px 15px; font-size: 18px; margin-left: -5px; margin-right: -5px;
}

.arrow-up {display: none;}

.hljs-meta, .hljs-keyword, .hljs-string {font-size: 18px;}
code {width: 104% !important; margin-left: -20px;}

.survey-event {
	white-space: normal; border: 0px solid #ccc; 
	padding: 15px; border-radius: 35px; font-size: 16px; margin: 15px; background: #fff;
}