/***************************************************************
 * Oraculum CMS Custom CSS File
 * Designed for Software Version 3
 * Theme: Oraculum Engineering
***************************************************************/

/*Dark Purple: 6B0686
Med Purple: 7353BA
Light Purple: FAA6FF
Black: 252525
White: F3EEF3*/

/***************************************************************/
/* Fonts */
/***************************************************************/

@font-face {
    font-family: 'liberation_serifregular';
    src: url('LiberationSerif-Regular-webfont.woff2') format('woff2'),
         url('LiberationSerif-Regular-webfont.woff') format('woff'),
         url('LiberationSerif-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'liberation_serifbold';
    src: url('LiberationSerif-Bold-webfont.woff2') format('woff2'),
         url('LiberationSerif-Bold-webfont.woff') format('woff'),
         url('LiberationSerif-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.clean-font {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/***************************************************************/
/* Screen */
/***************************************************************/

@media screen
{
	.noPrint{}
	.noScreen{display:none;}
}

/***************************************************************/
/* Print */
/***************************************************************/

@media print
{
	.well{ border-color: transparent; }
	#chapter{ color: black; }
	.noPrint{display:none;}
	.noScreen{}
}

/***************************************************************/
/* General HTML */
/***************************************************************/

html,
body {
  height: 100%;
  background: url("diagmonds.png") repeat fixed #6B0686;
  color: #F3EEF3;
  font-family: liberation_serifregular;
}

h1, h2, h3 {
	font-family: liberation_serifbold;
	color: #F3EEF3;
	font-weight: bold;
}

h1, .h1 { font-size: 46px; }
h2, .h2 { font-size: 36px; }
h3, .h3 { font-size: 30px; }

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #252525;
    margin: 1em 0; padding: 0; }

a {
    color: #FAA6FF;
    text-decoration: none;
}

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

/***************************************************************/
/* Logo */
/***************************************************************/

.logo-placement {

}


/***************************************************************/
/* DL Horizontals */
/***************************************************************/

.dl-horizontal {
	margin-bottom: 5px;
	margin-top: 5px;
}
.dl-horizontal dt {
	width: 30%;
	min-width: 60px;
}

.dl-horizontal dd {
	margin-left: 32%;
}

/***************************************************************/
/* Helpers */
/***************************************************************/

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.muted {
    color: #999999;
}

.top_page_margin {
    margin-top: 15px;
}

.top_chapter_margin {
    margin-top: 30px;
}

.top_form_margin {
    margin-top: 35px;
}

.login_page_margin {
    margin-top: 75px;
}

/***************************************************************/
/* Wrap and Container */
/***************************************************************/
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -30px;
}

#wrap > .container-fluid {
    padding-top: 30px;
}

.container-fluid .credit {
    margin: 5px 0;
}
.container-fluid .poweredby {
    margin: 5px 0;
    float:right;
}

/***************************************************************/
/* Footer */
/***************************************************************/

#push,
#footer {
  height: 30px;
}
#footer {
  background-color: rgba(10,10,10,0.7);
  color: #999999;
  border-top: 0px solid #252525;
}

@media (max-width: auto 0) {
  #footer {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media (max-width: 768px) {
    #footer {
        height: 60px;
    }
}

/***************************************************************/
/* Tooltip */
/***************************************************************/

.tooltip-inner {
	font-size:18px;
	padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
	background: #000000;
	color: #FFFFFF;
	max-width: 800px;
    border: 1px solid #6B0686;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #6B0686;
}

.help-block, .help-inline {
    font-size: 12px;
    color: #808080;
}


/***************************************************************/
/* Inbox and Messages */
/***************************************************************/

.inbox {
	padding: 0px 0px 0px 0px;
}

.inbox p {
	padding: 15px 15px 15px 15px;
}

.message-button-bar {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom:1px solid #252525;
}

.message-button-bar p {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	padding-left: 0px;
}

ul.inbox {
	list-style: none;
	margin: 0 auto;
}

ul.inbox li {
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	border-bottom:1px solid #252525;
	font-size: 18px;
}

ul.inbox li:hover {
	background-color: #212020;
}

a.message-title {
	font-size: 24px;
}

a.message-title:hover {
	text-decoration: none;
}

#messages_table {
    font-size: 16px;
	color: #FAA6FF;
}

#messages_table_length {
    margin-top: 5px;
    margin-left: 5px;
}

#messages_table_length select {
    margin-bottom: 0px;
}

#messages_table_filter {
    margin-right: 5px;
    text-align: right;
}

#messages_table_filter input {
    margin-bottom: 0px;
}

#messages_table thead {
    color:white;
    background-color: #111;
}

.report_footer {
    color:white;
    background-color: black;
    font-weight: bold;
}

#messages_table tr {
    background-color: rgba(10,10,10,0.7);
}

#messages_table tr:hover {
    background-color: #212020;
}

#messages_table th {
    background-color: transparent;
}

#messages_table .table-bordered>tbody>tr>td,
#messages_table .table-bordered>tbody>tr>th,
#messages_table .table-bordered>tfoot>tr>td,
#messages_table .table-bordered>tfoot>tr>th,
#messages_table .table-bordered>thead>tr>td,
#messages_table .table-bordered>thead>tr>th {
    border: 1px solid #252525 !important;
}

/***************************************************************/
/* Navbar and Brand */
/***************************************************************/

.navbar-brand {

	font-family: liberation_serifbold;
	padding: 0px;
    padding-left: 10px;
	padding-top: 4px;
    line-height: 42px;
    color:#FAA6FF !important;
    background: -webkit-linear-gradient(#6B0686, #F3EEF3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {

}

.navbar-inverse {
    background-image: none;
    background-color: rgba(10,10,10,1);
    border-bottom: 0px;
    background-repeat: no-repeat;
    height: 54px;
}

.navbar .nav {
    background-color: rgba(10,10,10,1);
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    color:#F3EEF3;
    font-family: liberation_serifregular;
    font-weight: bold;
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
  color: #FFF;
}

.navbar-inverse .nav>li>a {
	font-size: 22px;
}

.navbar .nav > li > a {
    padding: 18px 15px 13px;
}

.nav>li>a:hover, .nav>li>a:focus {
  color: #FFF;
  background-color: rgba(10,10,10,1);
}

.nav-options {
	font-size: 20px;
}

.nav-donation {
	padding-left: 10px;
	text-align: center;
}

/* Branding Resize */

@media (max-width: 404px) {
	/* Extra Small */
	.navbar-brand {
        font-size: 30px !important;
	}
}

@media (min-width: 405px) and (max-width: 1059px) {
	/* Small */
    .navbar-brand {
        font-size: 40px !important;
	}
}

@media (min-width: 1060px) and (max-width: 1289px) {
	/* Small */
    .navbar-brand {
        font-size: 45px !important;
	}
}

@media (min-width: 1290px) {
	/* Large */
    .navbar-brand {
        font-size: 55px !important;
	}
}

/***************************************************************/
/* Sortable */
/***************************************************************/

.sortable_placeholder {
    border-radius: 4px;
    background-color: #131313;
    color: #FFF;
    border: 1px solid #D2B48C;
    opacity: 0.5;
}

/***************************************************************/
/* Well */
/***************************************************************/

.well {
    background-color: rgba(10,10,10,0.7);
    border-radius: 0px;
    font-size: 16px;
    position: relative;
    border: 0px;
    border-top: 2px solid #7353BA;
    border-bottom: 2px solid #6B0686;
}
.well:before, .well:after {
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7353BA), to(#6B0686));
    background-image: -webkit-linear-gradient(#7353BA, #6B0686);
    background-image: -moz-linear-gradient(#7353BA, #6B0686);
    background-image: -o-linear-gradient(#7353BA, #6B0686);
    background-image: linear-gradient(#7353BA, #6B0686);
    top: -2px;
    bottom: -2px;
    width: 2px;
}
.well:before {
  left: -2px;
}
.well:after {
  right: -2px;
}

/***************************************************************/
/* Dropdown Menu */
/***************************************************************/

.dropdown-menu {
    background: rgba(10,10,10,1.0);
    color: #F3EEF3;
    border: 0px solid #252525;
    border-top: 0px;
    border-radius: 0px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: rgba(10,10,10,1.0);
    background-color: #7353BA;
}

.dropdown-menu>li>a {
    color: #FFFFFF;
}

.dropdown-menu>li>a:hover {
    color: rgba(10,10,10,1.0);
    background: #7353BA;
}

.dropdown-menu .divider {
  background-color: #7353BA;
  border-bottom: 1px solid #7353BA;
}

/***************************************************************/
/* Sidebar Section */
/***************************************************************/

.side-bar-section {
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

/***************************************************************/
/* Modal Dialog */
/***************************************************************/

.bootbox {
    font-size: 18px;
}

.bootbox_link {
    cursor: pointer;
    color: #FAA6FF;

}

.bootbox_link:hover {
    text-decoration: underline;
}

.modal-content {
    background-color: #000000;
    border:1px solid #6B0686;
}

.modal-footer {
    background-color: transparent;
    border-top: 0px solid #6B0686;
    -webkit-box-shadow: inset 0 0px 0 #ffffff;
    -moz-box-shadow: inset 0 0px 0 #ffffff;
    box-shadow: inset 0 0px 0 #ffffff;
}

/***************************************************************/
/* Code */
/***************************************************************/

code {
  font-size: 80%;
}

.code {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #060606;
	border: 1px solid #252525;
	color: gray;
	font-size: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/***************************************************************/
/* Pagination */
/***************************************************************/

.pagination ul > li > a, .pagination ul > li > span {
  background-color: black;
  border: 1px solid #252525;
}

.pagination ul > li > a:hover, .pagination ul > li > span {
  background-color: #252525;
  border: 1px solid #252525;
}

.pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #000;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #111;
    border-color: #252525;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #252525;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #333;
    border: 1px solid #252525;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #0088CC;
    border-color: #252525;
}

/***************************************************************/
/* Form */
/***************************************************************/

.form-control {
    background-color: rgb(10,10,10);
    color: #FAA6FF;
    border-color: #6B0686;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #222;
    opacity: 1;
}

/***************************************************************/
/* Table */
/***************************************************************/
table {
    margin: 1em 0;
    clear: both;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
    border: 1px solid #7353BA !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(10,10,10,0.5);
}

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #000000;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #FFF;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #FFF;
    font-family: liberation_serifregular;
	color: #FAA6FF;
    font-weight: normal;
    font-size: 24px;
}

/***************************************************************/
/* DataTables Section */
/***************************************************************/

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
    width: 50%;
    float: left;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

.dataTables_filter {
    float:right;
}

div.dataTables_paginate ul {
    background-color: rgba(10,10,10,0.7);
}

div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}

/***************************************************************/
/* Panel */
/***************************************************************/

.panel-group {
    margin-bottom: 20px;
}

.panel {
    margin-bottom: 20px;
    background-color: #000;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-settings {
    border-color: #252525;
}

.panel-settings>.panel-heading {
    color: #FFFFFF;
    background-color: #252525;
    border-color: #0088CC;
}

.panel-settings>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #252525;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #252525;
}

.panel-body {
    padding: 15px;
}

/***************************************************************/
/* Dragging */
/***************************************************************/

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

/*********************************************************/
/* Login Page */
/*********************************************************/

.login-center {
    margin: 0 auto;
    text-align: center;
}

.login-message-dialog {
    margin-top: 55px;
    margin-left:0px;
    margin-bottom:10px;
    padding-bottom:10px;
    text-align:center;
}

.form-login {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-login-header {

}

.form-login .form-login-heading,
.form-login .checkbox {
    margin-bottom: 10px;
}
.form-login .checkbox {
    font-weight: normal;
}
.form-login .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.form-login .form-control:focus {
    z-index: 2;
}
.form-login input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-login input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/***************************************************************/
/* Newest Chapters */
/***************************************************************/
.newest_chapters_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.newest_chapters_by_line {
    color:#aaa;
    font-size:14px;
}

.newest_chapters_list_hr {
    margin: 0px;
}

.rss-feed-link {
    font-size: 24px;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.rss-feed-link:hover {
    text-decoration: none;
}

.newest-chapters {
    font-size: 20px;
    margin-bottom: 0px;
}

/***************************************************************/
/* News Posts */
/***************************************************************/

.news_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.news-title {
	font-size: 25px;
    font-family: liberation_serifbold;
    color: #F3EEF3;
}

.news-subtitle {
    font-size: 14px;
    color: #aaa;
}

/***************************************************************/
/* Story and Chapter Unordered Lists */
/***************************************************************/

ul.stories li.placeholder,
ul.chapters li.placeholder{
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
}

ul.stories li a{
    padding: 10px 10px 10px 10px;
}

.bottomaligned {position:absolute; bottom:0;  margin-bottom:7px; left: 0;}
.bottomright {position:absolute; bottom:0;  margin-bottom:7px; margin:7px; right: 0;}
.bottomleft {position:absolute; bottom:0;  margin-bottom:7px; left: 100px;}
.fixedheight { height: auto;  width: 243px;  position:relative;}

ul.stories li a:hover{
    background-color: rgba(10,10,10,1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: #FFF;
    padding: 10px 10px 10px 10px;
}

ul.stories li.placeholder:before,
ul.chapters li.placeholder:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    margin-top: -5px;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-left-color: red;
    border-right: none;
}

/***************************************************************/
/* Universe Page CSS */
/***************************************************************/

.universe_page_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.universe_page_story_title {
    color: #FFFFFF;
    border-bottom: 1px solid #252525;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
}

.universe_page_by_line {
    color:gray;
    font-size:16px;
}

.universe_page_list_hr {
    border-top: 1px solid #252525;
}

.universe_page_invisible {
    color:#f70e2d;
}

.universe_page_links {
    padding: 5px 5px 5px 5px;
    margin-bottom: 0px;
}

.universe_filter_box {

}

/***************************************************************/
/* Author Page CSS */
/***************************************************************/

.author_page_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.story_page_author_by_line {
    color:gray;
    font-size:16px;
}

.author_page_story_list_hr {
    border-top: 1px solid #252525;
}

.author_page_story_title {
    color: #FFFFFF;
    border-bottom: 1px solid #252525;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.author_page_invisible {
    color:#f70e2d;
}

.author-page-message {

}

.story-list > li, .story-list > li > a {
    font-size: 28px;
    margin-bottom: 0px;
}

.story_page_links {
    padding: 5px 5px 5px 5px;
    margin-bottom: 0px;
}

.story_page_story_title_hide {
	color: #f70e2d;
}

/***************************************************************/
/* Story Page CSS*/
/***************************************************************/

.story-page-title {
	margin-bottom: 0px;
	color: #FFFFFF;
}

.story-warning-message {
    color: #FFFFFF;
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: 20px;
}

.story-status-text {
	color:#aaaaaa;
	font-size: 20px;
	margin-top: 8px;
}

.story-author-by-line {
	color: #aaaaaa;
	font-size: 18px;
	line-height: 20px;
}

.story-author-by-line a {
	color: #aaaaaa;
}

.story-author-by-line a:hover {
    color: #FAA6FF;
}

.story-last-updated {
    color:#888888;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    margin-top: -18px;
}

.story-total-views {
    color:#888888;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    margin-top: -10px;
}

.chapter_page_story_title {
    color: #FFFFFF;
    border-bottom: 1px solid #252525;
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.story-terms-text {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

.chapters > li {
	-webkit-column-break-inside: avoid;
}

.chapters > li > a {
	font-size: 22px;
}

.chapters > li > a:visited {
    color: #aaaaaa;
}

/***************************************************************/
/* Chapter Page CSS */
/***************************************************************/

.story-title {
    color:#FFFFFF;
    text-align: center;
}

.chapter-title {
	padding-bottom: 0px !important;
	padding-top: 20px;
}

.chapter-invisible {
    color:#f70e2d;
}

.chapter-invisible:visited {
    color:#f70e2d !important;
}

.chapter-copyright-notice-text {
	color: #FFFFFF;
	font-size: 14px;
}

.chapter-copyright-line {
	font-style: italic;
	text-align: center;
	color:#7353BA;
	margin-top: -10px;
}

.chapter-bottom-border {
	border-bottom: 1px solid #7353BA;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.in-chapter-views {
	float:left;
	color:#aaaaaa;
	margin-top: -10px;
}

#chapters a:visited{
  color: #aaaaaa;
}

#chapter {
  font-size: 20px;
  line-height: 1.1em;
  color: #FFFFFF;
}

#chapter p {
  margin-bottom: 1.5em;
}

/***************************************************************/
/* All Stories Page */
/***************************************************************/

#all_letters_selection {
    font-size: 2em;
    height: 2em;
}

.all_story_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.all_story_list_item {
    font-size: 28px;
}

.all_story_list_hr {
    margin: 0px;
}

.all_story_list_item a {
    line-height: 28px !important;
}

.all_story_list_by_line {
    color:gray;
    font-size:18px;
}

.all_story_list_invisible {
    color:#f70e2d;
}

/***************************************************************/
/* All Authors Page */
/***************************************************************/

.all_author_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.all_author_list_item {
    font-size: 28px;
}

.all_author_list_hr {
    margin: 0px;
}

.all_author_list_item a {
    line-height: 28px !important;
}

.all_author_list_invisible {
    color:#f70e2d;
}

.all_author_list_by_line {
    color:gray;
    font-size:18px;
}

/***************************************************************/
/* Quotes */
/***************************************************************/
.quotes_h2_title {
    margin-bottom: 0px;
    text-align: center;
}

.quote-count {
    color: gray;
}

.quote-text {

}

.quote-text-byline {
    color: gray;
}

/***************************************************************/
/* Reports */
/***************************************************************/

.reports_h2_header {
    margin-bottom: 0px;
    text-align: center;
}

.report_well {
    padding: 0px;
}

.report_well_header {
    margin-top: 0px;
    padding: 10px;
    margin-bottom: 0px;
}

.report_well_footer {
    margin-bottom: 0px;
    padding-top: 5px;
    text-align: right;
    font-size: 20px;
    padding: 10px;
    background: rgb(10,10,10);
}

.report_well_alt {
    padding: 5px;
}

.report_well_table {
    margin: 0px;
    background: rgba(10,10,10,0.2);
    font-size: 18px;
}

#report_dropdown_mobile_options {
    font-size: 2em;
    height: 2em;
}

/***************************************************************/
/* Date Picker */
/***************************************************************/


.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #6B0686 !important;
    color: #FFF !important;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #6B0686 !important;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
    background: #7353BA !important;
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #7353BA !important;
}

/***************************************************************/
/* CSS Editors */
/***************************************************************/

.main-css-file-path {
	color: #aaaaaa;
    font-size: 18px;
    line-height: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/***************************************************************/
/* Buttons */
/***************************************************************/

.btn-inverse {
  color: #F3EEF3;
  background-color: #6B0686;
  border-color: #6B0686;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: #F3EEF3;
  background-color: #49247A;
  border-color: #6B0686;
}

.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  background-image: none;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #6B0686;
  border-color: #6B0686;
}

.btn-inverse .badge {
  color: #6B0686;
  background-color: #F3EEF3;
}

/***************************************************************/

.btn-danger {
  color: #F3EEF3;
  background-color: #AC2925;
  border-color: #AC2925;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #F3EEF3;
  background-color: #49247A;
  border-color: #AC2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #AC2925;
  border-color: #AC2925;
}

.btn-danger .badge {
  color: #AC2925;
  background-color: #F3EEF3;
}

/***************************************************************/

.btn-success {
  color: #F3EEF3;
  background-color: #398439;
  border-color: #398439;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #F3EEF3;
  background-color: #49247A;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #398439;
  border-color: #398439;
}

.btn-success .badge {
  color: #398439;
  background-color: #F3EEF3;
}

/***************************************************************/

.btn-primary {
  color: #337AB7;
  background-color: #1C1713;
  border-color: #252525;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #1C1713;
  background-color: #337ab7;
  border-color: #252525;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #1C1713;
  border-color: #337AB7;
}

.btn-primary .badge {
  color: #1C1713;
  background-color: #337AB7;
}

/***************************************************************/
/* Badges */
/***************************************************************/

.badge {
    background-color: #FF0000;
}

/***************************************************************/
/* Manager Users */
/***************************************************************/

.manager_users_header {
    margin-bottom: 10px;
    border-bottom: 1px solid #999999;
}

/***************************************************************/
/* Sidebar */
/***************************************************************/

/* Hide for mobile, show later */
.setting_sidebar {
  display: none;
}
@media (min-width: 768px) {
  .setting_sidebar {
    position: fixed;
    top: 51px;
    bottom: 0px;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: rgba(0,0,0,0.5);
    border-right: 1px solid #252525;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #F3EEF3 !important;
  background-color: #7353BA !important;
  border-radius: 0px;
}

.nav-sidebar > li > a:hover {
  border-radius: 0px;
}

.setting_main {
  padding: 20px;
  padding-top: 0px;
}
@media (min-width: 768px) {
  .setting_main {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.setting_main .page-header {
  margin-top: 0;
}

/***************************************************************/
/* File Manager Colors */
/***************************************************************/
.file_manager {
    color: #FFFFFF;
}

.file_manager>.btn-inverse a {
    color: inherit;
}

/***************************************************************/
/* User Colors */
/***************************************************************/

.warden {
	background: -moz-linear-gradient(-45deg,  rgba(255,0,63,0.4) 0%, rgba(234,0,58,0.4) 1%, rgba(0,0,0,0.79) 12%, rgba(0,0,0,1) 18%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,0,63,0.4)), color-stop(1%,rgba(234,0,58,0.4)), color-stop(12%,rgba(0,0,0,0.79)), color-stop(18%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(255,0,63,0.4) 0%,rgba(234,0,58,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(255,0,63,0.4) 0%,rgba(234,0,58,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(255,0,63,0.4) 0%,rgba(234,0,58,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(255,0,63,0.4) 0%,rgba(234,0,58,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff003f', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.warden_text {
	color: #ff003f;
}

.staff {
	background: -moz-linear-gradient(-45deg,  rgba(250,0,255,0.4) 0%, rgba(229,0,234,0.4) 1%, rgba(0,0,0,0.79) 12%, rgba(0,0,0,1) 18%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(250,0,255,0.4)), color-stop(1%,rgba(229,0,234,0.4)), color-stop(12%,rgba(0,0,0,0.79)), color-stop(18%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(250,0,255,0.4) 0%,rgba(229,0,234,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(250,0,255,0.4) 0%,rgba(229,0,234,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(250,0,255,0.4) 0%,rgba(229,0,234,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(250,0,255,0.4) 0%,rgba(229,0,234,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66fa00ff', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.staff_text {
	color: #fa00ff;
}

.author {
	background: -moz-linear-gradient(-45deg,  rgba(0,255,127,0.4) 0%, rgba(0,234,116,0.4) 1%, rgba(0,0,0,0.79) 12%, rgba(0,0,0,1) 18%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,255,127,0.4)), color-stop(1%,rgba(0,234,116,0.4)), color-stop(12%,rgba(0,0,0,0.79)), color-stop(18%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(0,255,127,0.4) 0%,rgba(0,234,116,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(0,255,127,0.4) 0%,rgba(0,234,116,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(0,255,127,0.4) 0%,rgba(0,234,116,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(0,255,127,0.4) 0%,rgba(0,234,116,0.4) 1%,rgba(0,0,0,0.79) 12%,rgba(0,0,0,1) 18%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6600ff7f', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.author_text {
	color: #00ff7f;
}