/* ==========================================================================
   Author's custom styles -- old heading color: #b50a00;
   ========================================================================== */
/* Font Overrides */
* { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4 { font-family: 'Roboto'; color: #b50a00; font-weight: 900; }

a { color: #b50a00; }
a:hover { color: #700903; }

.error { color: #b50b00; }

/* Login Page */
.loginContainer {
	position: absolute;
	width: 250px;
	height: auto;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -150px;
	padding: 0 10px;
}

.loginContainer label { font-size: 12px; }
.loginContainer .button-area { margin: 15px 0 0 0; text-align: right; }

.loginContainer .login-logo { text-align: center; margin-bottom: 25px; }

/* Admin Layout */
.toparea { padding: 20px; }
.mainlogo { height: 65px; line-height: 65px; float: left; }

.user-info { 
	float: right; 
	padding: 5px; 
	background: #eeeeee;
	border: 1px solid #c7c7c7;
	border-radius: 4px;
	width: 220px;
}

.user-info p { 	font-size: 11px; line-height: 13px; height: 25px; margin: 0; padding: 7px 0 2px 0; }
.user-info p em { font-style: normal; color: #b50a00; }

.user-info .avatar-header { float: left; margin-right: 10px; }
.user-info .unav-links a { padding-right: 10px; font-size: 10px; }

.avatarselection { margin-top: 15px; }

.avatar-icon { cursor: pointer; margin-bottom: 4px; }
.avatar-icon:hover { background: #ececec; }
.avatarselection .selected { background: #ededed; border: 1px solid #333333; }

.libtoggle { color: #b50a00; cursor: pointer; margin: 0 -15px; padding: 3px 15px; }
.libtoggle:hover { background-color: #eeeeee; color: #7d201a; }

.nav-list .libtoggle.active {
	background-color: #b50a00;
 	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.libitem { 
	padding: 10px; 
	border: 1px solid #eeeeee;  
	margin: 2px;
	font-size: 11px;
	height: 150px;
	width: 170px;
	float: left;
	text-align: center;
	border-radius: 4px;
}

.libitem:hover { border: 1px solid #d5d4d4; }
.libitem .title { margin-top: 5px; border-top: 1px solid #eeeeee; width: 170px; overflow: hidden; display:block; }

.libitem .ext_lbl {
	background: #222222;
	color: #ffffff;
	float: left;
	font-size: 10px;
	line-height: 10px;
	padding: 3px 5px;
	border-radius: 3px;
	margin-top: 4px;
}

.libitem .folder_download {
	float: right; 
}

.darker { background: #626262; }
.darker td { color: #d5d1d1; }
.darker td a { color: #ffffff; }

.libitem .action_icons { float: right; height: 15px; }
.libitem .action_icons a { margin-left: 5px; }

.view_change { float: left; margin-top: 2px; }
.breadcrumb  { margin-left: 100px; font-size: 11px; padding: 5px 15px; margin-top: 2px; }

.results_table td { line-height: 30px; }

.image_preview { float: left; margin-right: 15px; margin-bottom: 15px; }
.image_details { float: left; min-width: 350px; margin: 0 15px 15px 0; }
.image_details .detail_lbl {
	color: #b50a00;
	font-weight: bold;
	width: 120px;
	display:block;
	float:left;
}

.comments .well { padding: 5px 15px; font-size: 12px; background: #ffffff; }
.comments .well .comment_author { font-size: 10px; font-style: italic; color: #b50a00; }

.folder_tree { float: left; margin-left: 20px; min-width: 300px; }
.folder_tree li { list-style: none; line-height: 28px; border-bottom: 1px dashed #cccccc; }
.folder_tree li input  { float: left; margin: 7px 5px 0 0; }

/* bootstrap overrides */
h1 { margin: 0px 0 20px 0; padding-top: 0px; }

.btn { font-size: 12px; }
.btn-small { font-size: 11px; }

.navbar { margin-bottom: 20px; }
.navbar .nav .dropdown-toggle .caret { margin-top: 12px; }
.navbar .container-fluid, .navbar .navbar-inner { margin: 0; padding: 0; }

.table-hover tbody .darker:hover td,
.table-hover tbody .darker:hover th {
  background-color: #282828;
}

.sidebar-nav {
	padding: 9px 0;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
	background-color: #b50a00;
}

@media (max-width: 480px) {
	.user-info { float: left; clear:both; } 
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 4px;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.bar {
    height: 18px;
    background: green;
}

.files_uploaded p { margin: 2px 0; padding: 0; font-size: 10px; }

table tr td a {
    display:inline-block;
    height:100%;
    width:100%;
}

table tr td .action_icons a { display: inline; width: auto; height: auto; }

footer { text-align: center; }
footer p { font-size: 11px; }

/* Dashboard */
.db_buttons { overflow:hidden; }

.dashboard_qb {
	color: #ffffff;
	line-height: 20px;
	margin-bottom: -2000px;
  	padding-bottom: 2000px;
}

.dashboard_qb .num_lg { font-size: 35px; line-height: 32px; font-weight: bold; }
.dashboard_qb .db_icon { float: left; padding: 15px 5px 15px 15px; }
.dashboard_qb .db_info { position: relative; top: 30px; left: 5px; }

.qb_lb { background: #27a9e3; }
.qb_gr { background: #28b779; }
.qb_pu { background: #852b99; }
.qb_ye { background: #ffb848; }


.db_list { 
	list-style: none; 
	margin: 0 20px; 
	padding: 0; 
	border: 1px solid #f2f1f1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}
.db_list li { padding: 5px 10px; border-bottom: 1px solid #f2f1f1; font-size: 14px; background: #ffffff; }
.db_list li.alt { background: #fbf9f9; }
.db_list li em { font-size: 12px; color: #a8a6a6; }

.dashboard_listbox {
	margin-top: 20px;
	background: #fcfbfb;
	border-left: 3px solid #dbdbdb;
	padding-bottom: 20px;
}

.dashboard_listbox h2 { color: #ffffff; font-size: 15px; line-height: 20px; padding: 5px 20px; }
.dashboard_listbox .db_icon_sm { float:left; padding: 2px 5px 0 0; }

.dashboard_listbox.lb_blue { border-color: #1d81ad;}
.dashboard_listbox.lb_blue a:link, .dashboard_listbox.lb_blue a:visited { color: #1d81ad; }

.dashboard_listbox.lb_green { border-color: #1e8c5c;}
.dashboard_listbox.lb_green a:link, .dashboard_listbox.lb_green a:visited { color: #1e8c5c; }

.dashboard_listbox.lb_purple { border-color: #601e6f;}
.dashboard_listbox.lb_purple a:link, .dashboard_listbox.lb_purple a:visited { color: #601e6f; }

.dashboard_listbox.lb_yellow { border-color: #d99c3b;}
.dashboard_listbox.lb_yellow a:link, .dashboard_listbox.lb_yellow a:visited { color: #d99c3b; }

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 420px) {
	#lt_dim, tr td:nth-child(3)	{ display:none; visibility:hidden; }
	#lt_size, tr td:nth-child(4) { display:none; visibility:hidden; }
	.view_change { display:none; visibility:hidden; }
	.breadcrumb  { margin-left: 0; }
	
	.image_preview { width: 100%; float: none; }
}

@media only screen and (max-width: 320px) {
	#lt_dim, tr td:nth-child(3)	{ display:none; visibility:hidden; }
	#lt_size, tr td:nth-child(4) { display:none; visibility:hidden; }
	#lt_format, tr td:nth-child(5) { display:none; visibility:hidden; }
	.view_change { display:none; visibility:hidden; }
	.breadcrumb  { margin-left: 0; }
	
	.image_preview { width: 100%; float: none; }
}