/* BASE */

/*
.featherlight form li div {
	background: #fff;
	clear: both;
	border-radius: 5px;
	width: 100%;
	min-height: 200px;
	overflow: auto;
	padding: 1px 2px;
	border: 1px solid #9bb7d7;
}
*/
@font-face {
	font-family: open_sans;
	src: url(open-sans/OpenSans-Regular.ttf);
	font-weight: normal;
}
@font-face {
	font-family: open_sans_bold;
	src: url(open-sans/opensans-bold.ttf);
	font-weight: normal;
}
html {
	background: #ddd url(mib-publik.svg) bottom fixed;
	background-size: cover;
	height: 100%;
}
body {
	margin: 0;
	font: 14px/1.6 open_sans, sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
}
.viktigt, .viktigt td {
	color: red !important;
}
div, header, nav, section, article, aside, footer {
	box-sizing: border-box;
}
h4 {
	margin: 0;
	text-transform: uppercase;
}
a {
	text-decoration: none;
	color: #15457d;
}
a:hover {
	color: #000;
}
table {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
tr {
	border-bottom: 1px solid #9bb7d7;
}
tr.future {
	border-top: 6px double #15457d;
}
tr.hidden {
		
}
tr.hidden td {
	padding: 0 5px;
}
table.diaries tr {
	border-bottom: none;
}
table.diaries tr.first {
	border-top: 1px solid #9bb7d7;
}
div.hidden, ul.input-fields li.hidden {
	display: none;
}
td, th {
	padding: 1px 5px;
	vertical-align: top;
	text-align: left;
	font-size: smaller;
	color: #15457d;
	position: relative;
}
td.strong {
	color: #000;
}
td.right, th.right {
	text-align: right;
}
table.ekorapport {
  border-left: 1px solid #9bb7d7;
  margin: 1rem 0;
}
.ekorapport th {
  text-align: center;
  border-top: 1px solid #9bb7d7;
}
.ekorapport td, .ekorapport th {
  border-right: 1px solid #9bb7d7;
}
table .projekt, .projektnamn.projekt {
	font-style: italic;
}
tr.projekt td {
	color: #900;
}
table .self {
	background: rgba(200, 221, 245, 0.3);
}
td.center, th.center {
	text-align: center;
}
tr.this td {
	font-style: italic;
	opacity: 0.7;
}
.list-content tr:not(.th):hover {
	cursor: pointer;
	background: #fff;
	color: #000;
}
th i {
	color: #9bb7d7;
}
th:hover {
	cursor: pointer;
}
th:hover i, th i.active {
	color: #000;
}
label {
	color: #15457d;
	font-size: 12px;
}
input, textarea, select {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #9bb7d7;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	color: #000;
	font-size: 14px;
	height: 25px;
	line-height: 1.3em;
}
input.projektnamn, input strong {
	font-family: open_sans_bold;
}
input.file {
	background: none;
	border: 0;
	padding: 0;
}
li.referenskod select, li.referenskod input {
	display: inline-block;
	width: 4em;
	padding-left: 0.75em;
	box-sizing: border-box;
	font-family: monospace;
	font-size: 14px;
}
#select_project {
	font-family: monospace;
	font-size: 14px;
	}
li select.left, li input.left {
	border-radius: 5px 0 0 5px;
}

li select.right, li input.right {
	border-radius: 0 5px 5px 0;
}

li.projekt select {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	box-sizing: border-box;
}
li.leftclear {
	clear: left;
}
div.status_check {
	display: flex;
	flex-flow: row wrap;
	border-radius: 5px;
	border: 1px solid #9bb7d7;
	overflow: auto;
}
.status_check div {
	display: flex;
	align-items: center;
	font-size: 11px;
}
.status_check .tva {
	width: 100%;
}
.status_check .tre {
	width: 65%;
}
.status_check .ok {
	width: 35%;
}
.status_check input {
	display: inline-block;
	width: auto;
  height: auto;
	margin: 5px;
}

button {
	border: 1px solid #9bb7d7;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px 10px 5px 5px;
	margin: 10px 20px 5px 0;
	background: rgba(200, 221, 245, 0.5);
	color: #15457d;
	font-size: 12px;
	display: inline-block;
}
button:hover {
	cursor: pointer;
	background: rgb(200, 221, 245);
	color: #000;
	border: 1px solid #6e91b9;
}
select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
	min-height: 6em;
	max-width: 100%;
	font-size: smaller;
	margin: 0 0 -5px 0;
}
.contact-form textarea {
	min-height: 3em;
	font-size: 100%;
}
h2 {
	margin: 0;
	padding: 0;
}
h2 span {
	float: right;
	font-weight: normal;
}
h2 span.id {
	font-size: smaller;
}
p.skapad {
	font-size: 11px;
	color: #15457d;
	margin: 15px 0 -10px;
}
span.right {
	float: right;
}
:required {
	border: 1px solid red;
}
div.stat-result {
	margin: 20px -20px;
}
.stat-result table {
	margin: 10px 0 30px;
}
.stat-result tbody th, .stat-result tbody td {
	border: 1px solid #6e91b9;
	background: #fff;
	text-align: center;
}
.stat-result tbody th.left, .stat-result tbody td.left {
	text-align: left;
}
.stat-result caption {
	text-align: left;
}

textarea.iteminfo {
	height: 233px;
}

p.error {
	padding: 10px;
	background: #ffc;
	border-left: 4px solid #900;
	color: #900;
}

p.respons {
	padding: 10px;
	background: #cfc;
	border-left: 4px solid #090;
	color: #090;
}

/* LAYOUT */

#page {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 20px;
}
header {
	height: 0px;
	background: #999;
}
nav {
	background: #15457d;
	border-radius: 20px 20px 0 0;
	padding: 0 20px;
	margin-top: 20px;
}

nav ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav ul.right {
float: right;
}
nav ul.right a {
text-transform: none;
}
nav ul.right ul {
	right: 0;
	text-align: right;
}
nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	background: #15457d;
	padding-bottom: 5px;
	min-width: 100%;
	z-index: 10;
}
nav li li {
	display: block;
	float: none;
	width: 100%;
}
nav li li a {
	padding: 5px 15px;
	text-transform: none;
}
nav li:hover > ul {
	display: block;
}
nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
nav a {
	font: 110% arial;
	text-transform: uppercase;
	color: #c8ddf5;
	text-decoration: none;
	padding: 15px 15px 13px;
	display: block;
}
nav a:hover, nav a.active, nav li:hover {
	background: #000;
	color: #fff;
}
nav span {
display:block;
	clear:both;
}
li a.doclink {
	font-size: smaller;
	text-decoration: none;
	color: black;
	text-align: center;
	display: block;
}

#login {
	border-radius: 20px;
	border: 1px solid #6e91b9;
	margin: 40px auto;
	padding: 20px;
	width: 480px;
	background: #c8ddf5;
	overflow: auto;
}
#login form {
	width: 50%;
	padding: 20px 40px;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
	border: 1px solid #9bb7d7;
	margin: 20px auto 20px;
	overflow: auto;
}
#login p {
	text-align: center;
	margin: 0;
}
#login button.submit {
	float: right;
	margin: 20px 0 0;
}
#login img {
	display: block;
	margin: auto;
}
#login ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#xform {
	border-radius: 20px;
	margin: 0 auto;
	padding: 20px;
	width: 480px;
	overflow: auto;
	background: rgba(255,255,255,0.5);
}
#xform a {
	color: #6e91b9;
}
#xform a:hover {
	color: #000;
}
#xform p {
	line-height: 1.3em;
	margin: 0;
	padding: 0.3em 0 0.5em;
}
#xform h4 {
	padding: 10px 0 0;
	clear: both;
}
#xform h2 {
	text-align: right;
	line-height: 1.2em;
	padding-bottom: 20px;
}
#xform img.left {
	float: left;
	width:33%;
}
#xform h4 input {
	display: inline;
	height: auto;
	line-height: auto;
	width: 20px;
}
#xform p.buttons {
	padding-top: 10px;
	clear: both;
	height: 40px;
}
#xform button.right {
	float: right;
	margin-right: 0;
}
#xform button.strong {
	font-weight: bold;
}
#xform .leftcol {
	clear: left;
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding-right: 20px;
	padding-bottom: 20px;
}
#xform .rightcol {
	box-sizing: border-box;
	width: 50%;
	float: right;
	padding-bottom: 20px;
}
#xform :required {
	border: 1px solid #9bb7d7;
}

img.logo {
	margin: 20px auto;
	display: block;
	width: 250px;
}


#content > section {
	border-radius: 0px 0px 20px 20px;
	border: 1px solid #6e91b9;
	margin: 20px 0;
	padding: 20px;
	width: 80%;
	background: #c8ddf5;
	float: left;
	position: relative;
	overflow: auto;
	min-height: 600px;
	position: relative;
}
.search section {
	background: #fffedf;
}
section.edit h2 {
	color: red;
}
section .ett {
	background: #fdbbbe;
}
table .ett.projekt {
	background: rgba(253,187,190,0.6);
}
section .tva {
	background: #fffdbe;
}
table .tva.projekt {
	background: rgba(255,253,190,0.6);
}
section .tre {
	background: #b1f0ab;
}
table .tre.projekt {
	background: rgba(177,240,171,0.6);
}
section .ok {
	background: #c8ddf5;
}
table .ok.projekt {
	background: rgba(200,221,245,0.6);
}

section div.content {
	width: 50%;
	float: left;
	padding-right: 20px;
	border-right: 1px solid #9bb7d7;
	min-height: 560px;
}
.list h2 {

	float: left;
	padding-bottom: 10px;
}

.snapshot {
	margin: 20px 0 0;
	padding: 10px 0 5px;
	border-top: 1px solid #9bb7d7;
	max-height: 400px;
	overflow: auto;
}
.snapshot p {
	margin: 0;
	padding: 0.2em 0;
	line-height: 1.3em;
}
.snapshot h3 {
	margin: 0;
	padding: 0;
}
.snapshot.related {
	font-size: 10px;
	column-count: 2;
}
.snapshot .related {
	padding-top: 8px;
	column-break-inside:avoid;
}
.tabs {
	width: 66%;
	margin: -11px auto -21px;
	background: rgba(255,255,255,0.5);
	border-radius: 10px 10px 0 0;
	border: 1px solid #9bb7d7;
	padding: 0px;
	overflow: auto;
}
.tabs.right {
	float: right;
	width: 75%;
	margin: 6px 0 -1px 0;
}
.tabs a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #9bb7d7;
	padding: 5px 10px;
	display: block;
	float: left;
	border-right: 1px solid #9bb7d7;
}
.tabs a.right {
	float: right;
	border-right: none;
	border-left: 1px solid #9bb7d7;
}
.tabs a:hover, .tabs a:hover i {
	color: #000;
}
.tabs a.active, .tabs a.active i {
	background: rgba(255,255,255,0.8);
	color: #000;
}

.list-content {
	clear: both;
	padding: 5px 15px 15px;
	background: rgba(255,255,255,0.5);
	border-top: 1px solid #9bb7d7;
	border-bottom: 1px solid #9bb7d7;
	margin: 0 -20px;
	min-height: 500px;
	max-height: 66vh;
	overflow: auto;
}

ul.input-fields {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-right: -20px;
}
ul.input-fields img {
	background: #fff;
	border: 1px solid #9bb7d7;
	border-radius: 5px;
	box-sizing: border-box;
	width: 100%;
	min-height: 122px;
}
ul.input-fields > li {
	display: block;
	float: left;
	margin: 0;
	padding: 2px 20px 3px 0;
	box-sizing: border-box;
	width: 100%;
}
input.strong {
	font-weight: bold;
}
ul.input-fields li.half {
	width: 50%;
}
ul.input-fields li.onethird {
	width: 33.3333%;
}
ul.input-fields li.twothirds {
	width: 66.6666%;
}
ul.input-fields li.fourth {
	width: 25%;
}
ul.input-fields li.threefourth {
	width: 75%;
}
ul.input-fields input[type="number"] {
	text-align: center;
}

ul.input-fields input.special {
	background: rgba(255,255,255,0.5);
}
ul.input-fields li.right {
	text-align: right;
}
ul.input-fields li.center {
	text-align: center;
	padding-right: 0;
}
ul.input-fields li.button {
	padding-top: 20px;
}
li.button button {
	font-size: 14px;
	background: #fff;
	opacity: 0.4;
}
li.button button.delete {
	opacity: 1;
}
li.button button:hover {
	background: rgba(255,255,255,0.5);
}
.edit li.button button {
	opacity: 1;
}
.edit li.button button.delete {
	opacity: 0.4;
}
button.send {
	margin-right: 0;
}
button .fa-trash {
	color: #900;
}
button .fa-check {
	color: #090;
}
section h2 {
	margin: 0;
	line-height: 1.0em;
	padding: 5px 0;
}
section h2 small {
	font-size: 20px;
}
.colright {
	padding-left: 20px;
	width: 50%;
	float: right;
}
.related ul, ul.related {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.related > li, .content .statistik li {
	background: rgba(255,255,255,0.5);
	padding: 10px 15px;
	border-radius: 10px;
	margin: 0 0 5px;
	line-height: 1em;
	border: 1px solid #9bb7d7;
}
.related > li p {
	line-height: 1.2em;
	font-size: small;
	margin: 0.5em 0;
}
.content .statistik li {
	margin: 15px 0 0;
}
.bubble {
	background: #fff;
	padding: 0 10px 10px;
	border-radius: 10px;
	margin: 0 0 5px;
	line-height: 1em;
	border: 1px solid #9bb7d7;
}
.related > li label {

}
.related > li:hover, .related > li.open {
	background-color: #fff;
	cursor: pointer;
}
.related > li:hover label, .related > li.open label {
	color: black;
}
.related > li.open label {
	font-weight: bold;
}
.related table {
	margin: 5px 0;
}
.related td {
	padding: 5px 5px 2px;
	font-size: smaller;
	color: #15457d;
}
.related th {
	padding: 8px 5px 3px;
	font-size: smaller;
	color: #15457d;
}
li tr:not(.th):hover, tr.hover:hover {
	background: #e3eefa;
	cursor: pointer;
}
li tr:hover td {
	color: #000;
}
a i, td i, .related td span {
	color: #9bb7d7;
}
section a i:hover, td i:hover {
	color: #000;
}
.related td:hover i, .list td:hover i, .related td:hover span {
	color: #f8000b;
}
i.right {
	float: right;
	padding-top: 0.4em;
}
i.right:hover {
	cursor: pointer;
	color: #000;
}

aside {
	width: 20%;
	float: right;
	margin-top: 20px;
	padding-left: 20px;
}
.economy aside {
	display: none;
}
.economy #content > section {
	width: 100%;
	float: none;
}
aside table {
	margin: 0;
	width: 100%;
	font-size: larger;
}
aside tr {
	line-height: 1.15em;
}
aside tr:not(.th):hover {
	cursor: pointer;
	background: #e3eefa;
}
aside td, aside th {
	padding: 2px 0;
}
aside h3 {
	margin: -10px -10px 5px -10px;
	padding: 0.15em 10px;
	background: #c8ddf5;
	color: #15457d;
	font-size: 110%;
}
aside h3 span {
	font-size: 12px;
	padding-top: 3px;
}
aside i.right {
	padding-top: 4px;
}
aside h4 {
	margin: 0;
	padding: 0.10em 0;
	color: #15457d;
	font-size: 90%;
}
aside p {
	margin: 0;
	padding: 0.10em 0 0.25em;
	color: #000;
	line-height: 1.25em;
}
aside div.block {
	border: 1px solid #6e91b9;
	border-radius: 0 0 10px 10px;
	min-height: 60px;
	background: #fff;
	margin: 0 0 20px 0;
	padding: 10px;
}
aside div.block div{
	font-size: smaller;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
aside div.prod {
	min-height: 220px;
}
aside img.logo {
	width: 95%;
	display: block;
	margin: -12px auto 12px;
}

footer {
	float: left;
	margin-top: -20px;
	width: 80%;
}
footer p {
	font-size: 80%;
	text-align: left;
	margin: 0;
	padding: 5px;
}
footer a {
	text-decoration: none;
	color: #999;
}
footer a:hover {
	color: #000;
}


/* Calendar */
.calendar .head td {
	border: 0;
	text-align: center;
	font-size: 18px;
	height: 30px;
	vertical-align: top;
}
.calendar tr.head {
	
}
.calendar .head td.left {
	text-align: left;
}
.calendar .head td.right {
	text-align: right;
}
.calendar .head a {
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
	color: #15457d;
}
.calendar .head a:hover {
	color: #fff;
}
.calendar th {
	background: #6e91b9;
	color: #fff;
	border: 1px solid #15457d;
	text-align: center;
}
.calendar tr {

}
.calendar tr.filter a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	border-right: 1px solid #15457d;
	color: #15457d;
}
.calendar tr.filter a.active {
	color: #fff;
	background: #6e91b9;
}
.calendar tr.filter a:hover {
	color: #fff;
	background: #6e91b9;
}
.calendar tr.filter a.active:hover {
	color: #15457d;
	background: none;
}
.calendar tr.filter td {
	height: auto;
	padding: 0;
	background: #9bb7d7;
}
.calendar tr.filter div {
	
}
.calendar td {
	border: 1px solid #15457d;
	padding: 0 0 5px;
	height: 95px;
	width: 14.286%;
	vertical-align: top;
}
.calendar td a, .year td a {
	text-decoration: none;
	color: #15457d;
}
.calendar td .projekt a {
	color: #900;
}
.calendar td a:hover, .year td a:hover {
	color: #000;
}
.calendar p a:hover {
	text-decoration: underline;
}
.calendar td .katkod {
	font-size: smaller;
	padding: 0 3px 0 0;
}
.calendar td .plats {
	font-size: smaller;
}
.calendar p {
	margin: 0;
	padding: 2px;
	line-height: 1.2em;
	border-bottom: 1px solid #6e91b9;
}

table.calendar {
	border: 0;
	margin: -15px 0 0 0;
}
.calendar .day {
	float: right;
	font-size: 11px;
	font-weight: bold;
	padding: 0 1px 0 2px;
	background: #6e91b9;
	color: #fff;
}
.calendar td .out {
	color: #6e91b9;
	background: rgba(255,255,255,0.8);
}
.calendar td.in {
	background: #fff;
}
.calendar td.out {
	background: rgba(255,255,255,0.5);
}
.calendar td.today .day {
	background: #f8000b;
	color: #fff;
}
.calendar a.add {
	text-decoration: none;
	color: #000;
}
.calendar a.add:hover {
	font-weight: bold;
}

table.year div {
	height:5px;
}
.year div.ett {
	background: #f8000b;
}
.year div.tva {
	background: #fff800;
}
.year div.tre {
	background: #14cf00;
}
.year div.ok {
	background: #6e91b9;
}
.year td {
	padding: 5px 0 0 0;
	vertical-align: bottom;
	border: 1px solid #6e91b9;
	background: rgba(255,255,255,0.5);
	line-height: 1.2em;
}
.year th {
	background: #6e91b9;
	color: #fff;
	border: 1px solid #15457d;
	border-top: 0;
}
.year th[colspan="5"] {
	width: 7%;
}
.year th[colspan="5"]:hover {
	color: #000;
}
.year td.aktivitet {
padding: 4px 5px;
}
table.year {
}

.related .statistik td label {
	display: inline-block;
    cursor: pointer;
    padding: 2px 12px 2px 0;
    font-weight: normal;
    color: #15457d;
}
.statistik td input, li.urfilter input {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	height: auto;
	width: auto;
}
.statistik td.border_right {
	border-right: 1px solid #9bb7d7;
}
.statistik td input[type="text"] {
width: 100%;
text-align: center;
padding: 2px;
margin: 2px;
font-size: 12px;
border: 1px solid #ddd;
}
.statistik td select {
width: 100%;
margin: 2px 0;
font-size: 12px;
border: 1px solid #ddd;
}
.statistik td {
	vertical-align: middle;
}

.colright td p, .colright td ul, .colright td h5, .colright td blockquote {
	font-size: smaller;
	margin-top: 0;
}

tr.upptagen td {
	color: #900;
	font-style: italic;
}


/* GRAFER */
div.ekonomi {
	padding-bottom: 430px;
	z-index: 10;
}
#year {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 1.5em;
	font-weight: bold;
}
#year a {
	color: #000;
	text-decoration: none;
}
#year a:hover {
	color: #6e91b9;
}
div.ekonomi li {
	position: relative;
	overflow: hidden;
	background-image: url(resultat_bgr1.png);
	background-repeat: repeat-y;
	background-size: 0% 100%;
}
div.ekonomi li .resultat_bgr {
	position: absolute;
	top: 0;
	left: 0;
}
.content table.graf {
	position: absolute;
	bottom: 25px;
	left: 20px;
	width: calc(50% - 20px);
}
.content table.graf.top {
	position: static;
	width: 100%;
	margin-top: 25px;
}
.colright table.graf {
	position: absolute;
	z-index: 100;
	bottom: 25px;
	width: calc(50% - 20px);
}
.colright table.graf.max {
	right: -20px;
  left: 20px;
 	width: calc(100% - 40px);
 	background: #c8ddf5;
}
table.graf div {
	width:30px;
	margin: 0 auto;
	background: #15457d;
	height:0;
	transition: height 1s, margin-bottom 1s;
	-webkit-transition: height 1s, margin-bottom 1s;
}
table.graf div.budget {
	z-index: 10;
	position:absolute;
	margin-left: -10px;
	left:50%;
	bottom: 0;
	background: rgba(21, 69, 125, 0.33);
}
table.graf td {
	position: relative;
	vertical-align: bottom;
	font-size: 12px;
	text-align: center;
	padding: 3px 5px;
	white-space: nowrap;
}
table.graf td.kr, table.graf th.kr {
	font-size: 11px;
	vertical-align: middle;
	border-right: 1px dotted #6e91b9;
}
table.graf td.ekonomiGraf {
	padding: 0 2px;
}
table.graf th {
	font-size: 11px;
	vertical-align: middle;
	padding: 3px;
}
table.budget input.small {
	text-align: right;
	padding: 0;
	font-size: 12px;
	margin: -3px 0 0 0;
	width: 80px;
	height: 15px;
	border: 0;
	background: none;
}
table.budget input.smalltext {
	padding: 0;
	width: 66%;
	font-size: 12px;
	margin: -3px 0 0 0;
	height: 17px;
	border: 0;
	background: none;
}
#progressBar {
	display: none;
}


div.featherlight .featherlight-content {
		border-radius: 10px;
        background: #e3eefa;
		color: #15457d;
		padding: 10px 20px 15px;
		border-bottom: 20px;
    }
    div.feather-content {
	    width: 100%;
	    box-sizing: border-box;
	    z-index: 100;
    }
    button.featherlight-close-icon {
	    display: none;
    }
    p.buttons {
	    clear: both;
	    margin: 0;
	    padding: 20px 0 0 0;
    }
   button.ok {
	   float: right;
	   margin-right: 0;
   }
   button.ok i {
	   color: #1f7f15;
   }
   button.esc i {
	   color: #93191e;
   }
   button.delete i {
	   color: #93191e;
   }

div.featherlight form {
	min-width:480px;
}
ul.input-fields .redactor-toolbar li {
	width: auto;
}

.redactor-box.redactor-styles-on .redactor-toolbar {
	padding: 5px;
}
.redactor-box.redactor-styles-on {
	border: 1px solid #9bb7d7;
	border-radius: 5px;
	max-height: 350px;
	overflow: auto;
}
.redactor-in {
	overflow: scroll;
	max-height: 300px;
}
.redactor-styles {
	padding: 5px;
	font: 14px/1.6 open_sans, sans-serif;
	color: #333;
	line-height: 1.3em;
	font-size: smaller;
}
#redactor {
	display: none;
}

@media screen and (max-width: 1140px) {
	aside {
		display: none;
	}
	#content > section {
		float: none;
		width: auto;
		margin-top: 10px;
	}
	#page {
		padding: 0 10px;
	}
	nav {
		margin-top: 10px;
	}
	nav a {
		padding: 10px;
		font-size: 14px;
	}
}

@media screen and (max-width: 567px) {
	#content > section {
		float: none;
		width: auto;
		margin: 0;
	}
	section div.content {
		float: none;
		width: auto;
		padding: 0;
		border: 0;
	}
	section div.colright {
		float: none;
		width: auto;
		padding: 65px 0 0;
	}
	#page {
		padding: 0;
	}
	nav {
		margin: 0px;
		padding: 0;
		border-radius: 0;
	}
	nav li {
		width: 25%;
	}
	nav a {
		text-align: center;
		padding: 15px;
	}
	nav ul.right {
		float: none;
	}
}