/* ========================================================
	File:     root/static/admin/css/shinycms.css
	Project:  ShinyCMS
	Purpose:  CSS file for admin pages

	Author:   Denny de la Haye <2019@denny.me>
	Copyright (c) 2009-2019 Denny de la Haye

	ShinyCMS is free software; you can redistribute it and/or modify it
	under the terms of either the GPL 2.0 or the Artistic License 2.0
   ================================================================== */

body {
	font-size:			11pt;
}

table {
	border-collapse:	collapse;
	border-spacing:		0;
}

strong, th {
	font-weight:		bold;
}

td, td img {
	vertical-align:		top;
}

a img {
	border:				0;
}

a, a:active, a:visited {
	color:				#607890;
}

a:hover {
	color:				#33AADD;
	text-decoration:	none;
}

label, input[type=button], input[type=submit], input[type=button], button {
	cursor:				pointer;
}

button {
	width:				auto;
	overflow:			visible;
}

.status {
	color:				#000000;
	background:			#88dd88;
	padding:			5px;
}

.error {
	color:				#000000;
	background:			#dd8888;
	padding:			5px;
}

.hidden {
	display:			none;
	visibility:			hidden;
}

.sidebar {
	font-size:			0.9rem;
}

.sidebar-footer {
	padding:			15px;
}

ul.nav li {
	margin:				0;
	padding:			0;
	line-height:		0.85rem;
}

ul.nav li.nav-title {
	font-size:			0.85rem;
}

ul.navbar-nav {
	margin:				0 10px 0 0;
}

ul.navbar-nav a.nav-link {
	font-weight:		bold;
	margin:				0;
}

.img-avatar {
	margin:				0;
	padding:			0;
}

#content {
	color:				#0e5c75;
	min-width:			940px;
	min-height:			400px;
	margin:				10px 20px;
	padding:			10px;
	text-align:			left;
}

#content h3 {
	font-size:			1.2rem;
	margin-left:		5px;
}

#content p {
	margin:				10px 0;
}

#content a {
	color:				#12686e;
	padding:			5px;
	margin:				0;
	text-decoration:	none;
}

#content a:hover {
	text-decoration:	underline;
}

#content label {
	color:				#0e5c75;
	padding:			0;
	margin:				2px 0;
}

#content span.label {
	color:				#0e5c75;
}

#content input,
#content select,
#content textarea {
	color:				#444444;
	background:			#ffffff;
	border:				1px solid #5da8b7;
	padding:			3px 6px;
	margin:				3px 0;
	line-height:		1.5rem;
}

#content input.textnumber {
	width:				3rem;
	text-align:			right;
}

#content input.textveryshort {
	width:				5rem;
}

#content input.textshort {
	width:				10rem;
}

#content input.textlong {
	width:				20rem;
}

#content input.textverylong {
	width:				40rem;
}

#content textarea {
	width:				40em;
}

#content select {
	height:				2rem;
	min-width:			10em;
}

#content ul {
	color:				#0e5c75;
}

#content table {
	color:				#0e5c75;
}

#content table.list tr.showfocus:hover {
	background:			#ffffff;
}

#content table.striped tr:nth-child(even) {
	background: #FFF;
}
#content table.striped tr:nth-child(odd) {
	background: #F0F0F0;
}

#content table.list th {
	padding:			10px 40px 5px 5px;
}

#content table.list td {
	line-height:		2em;
	padding:			5px 45px 5px 5px;
}

#content table.list td:last-child {
	padding:			5px 0 5px 5px;
}

#content table.list td.subheading {
	padding-top:		10px;
}

#content a.action {
	background:			white;
	text-decoration:	none;
	margin:				0 5px 0 0;
	border:				1px solid #20a8d8;
	border-radius:		3px;
}

#content a.action:hover {
	text-decoration:	none;
	color:				#ffffff;
	background:			#20a8d8;
}

#content p {
	padding-left:		5px;
}

#content input[type=button],
#content input[type=submit],
#content input[type=reset] {
	color:				#0e5c75;
	margin-right:		3px;
	border:				1px solid #20a8d8;
	border-radius:		3px;
}

#content table#spam {
	margin-top:			25px;
	margin-right:		25px;
}

#content table#spam td.comment {
	border-bottom:		2px solid #c8ced3;
	border-top:			2px solid #c8ced3;
	width:				90%;
	font-size:			0.9em;
	line-height:		1.5em;
	padding:			5px;
}

.comment-overflow {
	max-height:			200px;
	overflow:			auto;
}

#content .comment p {
	padding:			0;
	margin:				5px 10px 5px 10px;
}

#content .comment p.title {
	color:				#666;
	font-weight:		bold;
}

#content .comment p.body {
	color:				#333;
}

#spam .tickybox {
	border-bottom:		2px solid #c8ced3;
	border-top:			2px solid #c8ced3;
	text-align:			center;
	vertical-align:		middle;
	width:				10%;
}

#content table#spam tr.showfocus:hover {
	background:			#ffffff;
	border-bottom:		2px solid #c8ced3;
	border-top:			2px solid #c8ced3;
}

.selected {
	text-align:		 right;
	padding:       0.5em 1em;
}

#content .selected input {
	margin:				5px 0 0 10px;
}

.mark-all {
	text-align:			right;
}

#content .mark-all a {
	padding:			10px;
	margin:				0 0 0 10px;
}

#content .pager p {
	text-align:			center;
}

#user_profile_pic {
	max-width:			200px;
	max-height:			200px;
}

#user_icon {
	max-width:			40px;
	max-height:			40px;
}

div.cke {
	margin:				3px 0;
	border:				solid 1px #5da8b7;
}

.filemanager-file {
	float: 				left;
	height: 			200px;
	margin: 			15px 15px 30px 15px;
}

.filemanager-img {
	max-height:			200px;
}

.app-footer {
	color:				#0e5c75;
}
