/***************************************************************
 * Oraculum CMS Custom CSS File
 * Designed for Software Version 4
 * Theme: The Story Lover's Home
***************************************************************/


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

@font-face {
    font-family: 'abbess';
    src: url('abbess__-webfont.woff2') format('woff2'),
         url('abbess__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'finalold';
    src: url('finalold-webfont.woff2') format('woff2'),
         url('finalold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'celtic_garamond_the_2ndRg';
    src: url('celtg__-webfont.woff2') format('woff2'),
         url('celtg__-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ComicNeue-Regular';
    src: url('ComicNeue-Regular.woff2') format('woff2'),
         url('ComicNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'eg_dragon_caps';
    src: url('eg_dragon_caps-webfont.woff2') format('woff2'),
         url('eg_dragon_caps-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/**********************************************************/
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v10/Qt2dUzVlMd1bCOcZXl06LPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  src: local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v10/zfs6I-5mjWQ3nxqccMoL2A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Meie Script';
  font-style: normal;
  font-weight: 400;
  src: local('Meie Script'), local('MeieScript-Regular'), url(https://fonts.gstatic.com/s/meiescript/v4/lwxuZ_zJQzRwnOocgbPAFCYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Meie Script';
  font-style: normal;
  font-weight: 400;
  src: local('Meie Script'), local('MeieScript-Regular'), url(https://fonts.gstatic.com/s/meiescript/v4/lwxuZ_zJQzRwnOocgbPAFI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Nova Script';
  font-style: normal;
  font-weight: 400;
  src: local('Nova Script'), local('NovaScript'), url(https://fonts.gstatic.com/s/novascript/v8/NQ86E43l_oCMF8Cvg62jaI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script'), local('OleoScript-Regular'), url(https://fonts.gstatic.com/s/oleoscript/v5/_weQNDK6Uf40CiGFKBBUjiYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: local('Oleo Script'), local('OleoScript-Regular'), url(https://fonts.gstatic.com/s/oleoscript/v5/_weQNDK6Uf40CiGFKBBUjo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(https://fonts.gstatic.com/s/petitformalscript/v4/OEZwr2-ovBsq2n3ACCKoErfKKUu2YAUPIhNOWqnfll8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(https://fonts.gstatic.com/s/petitformalscript/v4/OEZwr2-ovBsq2n3ACCKoEjUe2wjZSDd4ua_dT9VBiU4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.clean-font {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.fa {
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

/***************************************************************/
/* 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 {
	background: url(space-tsl.jpg) no-repeat center center fixed #000033;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  color: #FFCC00;
  font-family: 'Bitter', serif;
}

/* body {
  height: 100%;
  background: url("bg4.jpg") repeat fixed #000033;
  color: #FFCC00;
  font-family: 'Bitter', serif;
} */

h1, h2, h3 {
	color: #FFCC00;
    font-family: abbess;
    background: -webkit-linear-gradient(#eee, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	    font-weight: bold;
}

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

a {
    color: #FFCC00;
}

a:hover, a:focus {
    color: #FFFFFF !important;
}

/***************************************************************/
/* 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, .muted a {
    color: #999999;
    text-decoration: none;
}

.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 {
    margin-top: 4rem;
}

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

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

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


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

.tooltip-inner {
    font-size: 1.3rem;
    line-height: 1.4rem;
    padding: 2px 5px;
    max-width: 90%;
    background: #000000;
    opacity: 1;
    color: #FFFFFF;
    border: 1px solid #0088CC;
}

.tooltip.in, .tooltip.show {
    opacity: 1;
    filter:alpha(opacity=100);
}

.tooltip-arrow {
    border-top-color: #0088CC;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #0088CC;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #0088CC;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #0088CC;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #0088CC;
}

.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 {
    color: #FFCC00;
    font-size: 16px;
}

#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:#FFCC00;
    background-color: #990066;
    font-family: 'Bitter', serif;
}

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

#messages_table tr {
    background-color: #000033;
}

#messages_table tr:hover {
    background-color: #3A0632;
}

#messages_table th {
    background: #3a0632; /* Old browsers */
    background: -moz-linear-gradient(top,  #d57dc4 0%, #5b024c 51%, #3a0632 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57dc4', endColorstr='#3a0632',GradientType=0 ); /* IE6-9 */
    font-family: 'Bitter', serif;
}

#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 {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand {
    color: #FFCC00 !important;
    font-family: abbess;

    background: -webkit-linear-gradient(#FFFFFF, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    padding: 0px;
    padding-left: 10px;
    padding-top: 5px;
    line-height: 3rem;
    font-size: 3rem;
}

.navbar-toggler {
    color: #FFF;
}

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

}

.navbar-inverse {
    background-image: none;
    background-color: #990066;
    border-bottom: 0px solid #000099;
    background-repeat: no-repeat;
    height: 55px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d57dc4+0,5b024c+51,3a0632+100;StoryLover */
    background: #d57dc4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d57dc4 0%, #5b024c 51%, #3a0632 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57dc4', endColorstr='#3a0632',GradientType=0 ); /* IE6-9 */
}

.navbar .nav {

    background: #d57dc4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d57dc4 0%, #5b024c 51%, #3a0632 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57dc4', endColorstr='#3a0632',GradientType=0 ); /* IE6-9 */
}

.navbar-inverse .nav-link, .navbar-inverse .nav-link>li>a {
  color:#FFCC00;
}


.nav-link {
    color:#FFCC00;
}

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

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

.navbar-inverse .nav-link, .navbar-inverse .nav-link>li>a, .dropdown-menu>li>a {
    font-size: 1.2rem;
    line-height: 1.3rem;
}

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

.nav>li>a:hover, .nav>li>a:focus {
    background: #d57dc4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d57dc4 0%, #5b024c 51%, #3a0632 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57dc4', endColorstr='#3a0632',GradientType=0 ); /* IE6-9 */
    color: #FFCC00 !important;
}

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

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

/* Branding Resize */

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

    .navbar .nav, .navbar-nav {

        background-color: #000099;
        border: 1px solid #990066;
        padding: 5px;
    }
}

@media (min-width: 370px) and (max-width: 1014px) {
    /* Small */
    .navbar-brand {
        font-size: 1.5625rem !important;
    }

    .navbar .nav, .navbar-nav {

        background-color: #000099;
        border: 1px solid #990066;
        padding: 5px;
    }
}

@media (min-width: 1015px) and (max-width: 1079px) {
    /* Small */
    .navbar-brand {
        font-size: 1.5625rem !important;
    }
}

@media (min-width: 1080px) and (max-width: 1135px) {
    /* Small */
    .navbar-brand {
        font-size: 1.875rem !important;
    }
}

@media (min-width: 1136px) and (max-width: 1199px) {
    /* Medium */
    .navbar-brand {
        font-size: 2.125rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1289px) {
    /* Medium */
    .navbar-brand {
        font-size: 2.5rem !important;
    }
}

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

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

.sortable_placeholder {
    border-radius: 4px;
    background-color: #131313;
    color: #00CCFF;
    border: 1px solid #0088CC;
    opacity: 0.5;
}

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

.well {
  background-color: #000033;
  border: 1px solid #990066;
  border-radius: 0px;

    font-size: 1.4rem;
    line-height: 1.5rem;
}

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

.dropdown-menu {
    color: #FFFFFF;
    background-color: #000066;
    border-color: #990066;
    border-radius: 0px;
}

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

.dropdown-menu>li>a:hover {
    color: #FFCC00 !important;
    background: #d57dc4; /* Old browsers */
    background: -moz-linear-gradient(top,  #d57dc4 0%, #5b024c 51%, #3a0632 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #d57dc4 0%,#5b024c 51%,#3a0632 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d57dc4', endColorstr='#3a0632',GradientType=0 ); /* IE6-9 */
}

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

.dropdown-divider {
    border-top: 1px solid #990066;
}

/***************************************************************/
/* 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: #0088cc;

}

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

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

.modal-footer {
    background-color: transparent;
    border-top: 0px solid #777777;
    -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, .form-select, .form-control:focus {
    background-color: #000018;
    color: #FFCC00;
    border-color: #990066;
}

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

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

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

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

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

.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;
    color: #FFF;
    font-family: 'Bitter', serif;
    font-weight: normal;
    font-size: 20px;
}

/***************************************************************/
/* 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: black;
}

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

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

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

.accordion-header {
    margin: 6px;
}

.accordion-item {
    color: #FFFFFF;
    margin-bottom: 10px;
    background-color: #343434;
    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 {
    display: block;
    height: 1px;
    border-top: 1px solid #FFFFFF;
    margin: 0.2rem 0;
    padding: 0;
}

.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: 20px;
    color: #FFCC00;
    background: -webkit-linear-gradient(#eee, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.news-subtitle a, .universe-description a {
    color: #990066;
}

/***************************************************************/
/* 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: #131313;
    -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: #FFCC00;
    font-family: abbess;
    background: -webkit-linear-gradient(#eee, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #777777;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
}

.universe_page_story_title .col-sm-8,
.universe_page_story_title .col-md-9,
.universe_page_story_title .col-lg-10 {
    color: #FFCC00;
    font-family: abbess;
    background: -webkit-linear-gradient(#eee, #FFCC00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

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

.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 #FFFFFF;
}

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

.author_page_invisible {
    color:#f70e2d;
}

.author-page-message {

}

.author-page-message a {
    color: #990066;
}

.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 !important;
}

/***************************************************************/
/* 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;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.story-author-by-line {
	color: #FFCC00;
	font-size: 18px;
	line-height: 20px;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.story-author-by-line a {
	color: #FFCC00;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.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 #777777;
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
}

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

.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: #FFCC00;
	font-size: 14px;
}

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

.chapter-bottom-border {
	border-bottom: 1px solid #777777;
	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: 1.3rem;
    line-height: 1.4rem;
  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;
    border-top: 1px solid #FFFFFF;
}

.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;
    border-top: 1px solid #FFFFFF;
}

.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;
    font-family: 'Bitter', serif;
    font-size: 30px;
    -webkit-text-fill-color: inherit;
}

.report_well_footer {
    margin-bottom: 0px;
    padding-top: 5px;
    text-align: right;
    font-size: 20px;
    padding: 10px;
    background: #3A0632;
}

.report_well_alt {
    padding: 5px;
}

.report_well_table {
    margin: 0px;
    background: #000;
    font-size: 18px;
}

.report_well_table td {
    color: #FFCC00 !important;
}

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

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


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

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

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

.datepicker-dropdown:after {
    border-bottom: 6px solid #000 !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: #FFFFFF !important;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a0632+1,990066+100 */
    background: #3a0632; /* Old browsers */
    background: -moz-linear-gradient(top, #3a0632 1%, #990066 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a0632 1%,#990066 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a0632 1%,#990066 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a0632', endColorstr='#990066',GradientType=0 ); /* IE6-9 */
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
    color: #FFFFFF;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a0632+0,a012a5+100 */
    background: #3a0632; /* Old browsers */
    background: -moz-linear-gradient(top, #3a0632 0%, #a012a5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a0632 0%,#a012a5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a0632 0%,#a012a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a0632', endColorstr='#a012a5',GradientType=0 ); /* IE6-9 */
}

.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: #0088CC;
    border-color: #252525;
}

.btn-inverse .badge {
    color: #0088CC;
    background-color: #FFFFFF;
}

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

.btn-success {
    color: #FFFFFF;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#721566+1,209300+100 */
    background: #721566; /* Old browsers */
    background: -moz-linear-gradient(top, #3a0632 1%, #209300 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a0632 1%,#209300 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a0632 1%,#209300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a0632', endColorstr='#209300',GradientType=0 ); /* IE6-9 */
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #FFFFFF;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#721566+1,00f725+100 */
    background: #721566; /* Old browsers */
    background: -moz-linear-gradient(top, #721566 1%, #00f725 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #721566 1%,#00f725 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #721566 1%,#00f725 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721566', endColorstr='#00f725',GradientType=0 ); /* IE6-9 */
}

.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: #5cb85c;
    border-color: #252525;
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #FFFFFF;
}

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

.btn-danger {
    color: #FFFFFF;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a0632+0,cc1628+100 */
    background: #3a0632; /* Old browsers */
    background: -moz-linear-gradient(top, #3a0632 0%, #cc1628 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a0632 0%,#cc1628 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a0632 0%,#cc1628 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a0632', endColorstr='#cc1628',GradientType=0 ); /* IE6-9 */
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #FFFFFF;
    border-color: #3a0632;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a0632+0,ff0000+100 */
    background: #3a0632; /* Old browsers */
    background: -moz-linear-gradient(top, #3a0632 0%, #ff0000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a0632 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a0632 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a0632', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}

.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: #d9534f;
    border-color: #252525;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #FFFFFF;
}

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

.btn-text {
    color: #00CCFF;
}

.btn-text:hover {
    color: #0088CC;
}

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

.badge {
    background-color: #FF0000;
}

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

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

/***************************************************************/
/* 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: #000033;
    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: #fff;
  background-color: #428bca;
  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;
}

/***************************************************************/
/* Flmngr Colors */
/***************************************************************/

.n1ed-dlg .n1ed-dlg__resize > div .n1ed-dlg__resize__content__header {
    color: #000000;
}

.FilePicker .FileManager {
    color: #000000;
}