/* FONTS
 ------------*/
body, label, input, button, select, textarea { font-family: Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, sans-serif; }
body, label, input, button, select, textarea, pre, code, tt, blockquote { font-size: 12px; }

h1 { font-size: 24px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

small,
.small_font,
.btn-small,
select.small,
input[type=text].small, input[type=password].small,
input[type=email].small, input[type=url].small,
input[type=number].small, input[type=search].small,
.box .footer,
.side_box .footer
.side_box select,
.side_box input[type=text], .side_box input[type=password],
.side_box input[type=email], .side_box input[type=url],
.side_box input[type=number], .side_box input[type=search],
.side_box .btn, .side_box .btn-primary, .side_box input[type=submit], .side_box input[type=button],
table.styled.listed tr.listed_header th { font-size: 10px; }


/* TEXT
 ------------*/
.other_text, a.other_text, .help-inline, .help-block { color: #666666; }
.notice_text, a.notice_text { color: #f4c61e; }
.error_text, a.error_text { color: #ff0000; }


/* LINKS
 ------------*/
a, .link_text { color: #aa6000; }
.alliance_link, a.alliance_link { color: #7d0a9d; }
.item_link, a.item_link { color: #8eacff; }
.member_link, a.member_link { color: #0b6013; }

/* BUTTONS
 ------------*/
.btn {
  color: #000000;
  background-color: #999999;
  background-image: -moz-linear-gradient(top, #A6A6A6, #8C8C8C); /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #A6A6A6, #8C8C8C); /* IE10 */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6A6A6), to(#8C8C8C)); /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #A6A6A6, #8C8C8C); /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #A6A6A6, #8C8C8C); /* Opera 11.10 */
  background-image: linear-gradient(top, #A6A6A6, #8C8C8C); /* The standard */
  border: 1px solid  #000000;
  border-bottom-color: #000000;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #000000;
  background-color: #8F8F8F
}
.btn.active, .btn:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}
.btn .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}

.btn-primary {
  color: #000000;
  background-color: #999999;
  background-image: -moz-linear-gradient(top, #A6A6A6, #8C8C8C); /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #A6A6A6, #8C8C8C); /* IE10 */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6A6A6), to(#8C8C8C)); /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #A6A6A6, #8C8C8C); /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #A6A6A6, #8C8C8C); /* Opera 11.10 */
  background-image: linear-gradient(top, #A6A6A6, #8C8C8C); /* The standard */
  border: 1px solid  #000000;
  border-bottom-color: #000000;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #000000;
  background-color: #8F8F8F
}
.btn-primary.active, .btn-primary:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05);
}
.btn-primary .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}

a.button_link { color: #000000; }

/* DROPDOWNS
 ------------*/
.dropdown-menu {
  background-color: #999999;
  border: 1px solid #000000;
}
.dropdown-menu li > a {
  color: #000000;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #000000;
}
.dropdown-menu .divider {
  background-color: #000000;
}

/* FORMS
 ------------*/
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  background-color: #cccccc;
  border: 1px solid #000000;
  color: #000000;
}

select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
   -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
                       0 1px 2px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
                       0 1px 2px rgba(0, 0, 0, 0.05);
           box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
                       0 1px 2px rgba(0, 0, 0, 0.05);
}

input::-webkit-input-placeholder {
 color: rgba(0, 0, 0, 0.35);
}
input:-moz-placeholder { /* older Firefox*/
 color: rgba(0, 0, 0, 0.35);
}
input::-moz-placeholder { /* Firefox 19+ */
 color: rgba(0, 0, 0, 0.35);
}
input:-ms-input-placeholder {
 color: rgba(0, 0, 0, 0.35);
}

.box textarea::-webkit-scrollbar-thumb, .side_box textarea::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
}
.box textarea::-webkit-scrollbar-thumb:hover, .side_box textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.markItUpContainer {
  background-color: #cccccc;
  border: 1px solid #000000;
}
.markItUpHeader {
  background-image: -moz-linear-gradient(top, #D9D9D9, #BFBFBF);
  background-image: -ms-linear-gradient(top, #D9D9D9, #BFBFBF);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D9D9D9), to(#BFBFBF));
  background-image: -webkit-linear-gradient(top, #D9D9D9, #BFBFBF);
  background-image: -o-linear-gradient(top, #D9D9D9, #BFBFBF);
  background-image: linear-gradient(top, #D9D9D9, #BFBFBF);
  color: #000000;
}
.markItUpHeader ul .markItUpSeparator {
  background-color: #000000;
}
.markItUpHeader ul ul {
  background-color: #CCCCCC;
  border: 1px solid #999999;
}
.markItUpHeader ul ul li {
  border-bottom: 1px solid #999999;
}

.alert-notice,
#flash_notice {
  background-color: #222222;
  border: 1px solid #000000;
  color: #f85600;
}
.alert-notice a,
#flash_notice a {
  color: #f85600;
}

form .alert-error,
form .error_text .help-inline {
  color: #ff0000;
}

.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #ff0000;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid,
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group.error .markItUpContainer {
  background-color: #cccccc;
  border-color: #ff0000;
  color: #000000;
}
.control-group.error .checkbox,
.control-group.error .radio {
  color: #ff0000;
}

.formError, #flash_alert, #error_explanation { color: #ff0000; }
.control-group.error > label abbr { border-bottom-color: #ff0000; }


/* SCHEDULE
 ------------*/
#schedule .weekly_options .day_holder,
#schedule .monthly_options .schedule_calendar_day,
#schedule .monthly_options .schedule_calendar_week {
  background-color: #CCCCCC;
  border-color: #000000;
}
#schedule .schedule_calendar_week span {
  color: rgba(0, 0, 0, 0.35);
}
#schedule .day_holder a,
#schedule .schedule_calendar_day a,
#schedule .schedule_calendar_week a {
  background-color: #CCCCCC;
  color: #000000;
}

#schedule .day_holder a:hover,
#schedule .schedule_calendar_day a:hover,
#schedule .schedule_calendar_week a:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}

#schedule .day_holder a.selected,
#schedule .schedule_calendar_day a.selected,
#schedule .schedule_calendar_week a.selected {
  background-color: #000000;
  color: #CCCCCC;
}

#schedule .monthly_options .monthly_rule_type_day,
#schedule .monthly_options .monthly_rule_type_week {
  color: #000000;
  background: #CCCCCC;
  border-color: #000000;
}

/* PICKADATE / PICKATIME
 -------------*/
.picker {
  color: #000000;
}
.picker__holder {
  background-color: #CCCCCC;
  border: 1px solid #000000;
}
.picker__input.picker__input--active {
  border-color: #000000;
}
.picker__nav--prev:before,
.picker__nav--next:before {
  border-right: 0.75em solid #000000;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  color: #000000;
  background-color: #B8B8B8;
}
.picker__weekday {
  color: rgba(0, 0, 0, 0.35);
}
.picker__day--today:before {
  border-top: 0.5em solid #000000;
}
.picker__day--selected.picker__day--today:before {
  border-top: 0.5em solid #CCCCCC;
}
.picker__day--outfocus {
  color: rgba(0, 0, 0, 0.15);
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background-color: #000000;
  color: #CCCCCC;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.15);
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 0;
  background: transparent;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  color: #000000;
  background-color: #B8B8B8;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background-color: #B8B8B8;
  outline: none;
}
.picker__button--today:before {
  border-top: 0.66em solid #000000;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #000000;
}
.picker__button--close:before {
  color: #000000;
}

/* Time picker styles */
.picker__list-item {
  background: #CCCCCC;
}
.picker__list-item:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background-color: #000000;
  color: #CCCCCC;
}
/*
.picker--time .picker__button--clear {
  color: #666666;
  border: 0;
}
*/
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: inherit;
  background-color: transparent;
}
/*
.picker--time .picker__button--clear:before {
  color: #666666;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #666666;
}
*/
.picker--time .picker__holder {
  background-color: #CCCCCC;
}
.box .picker--time ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
}
.box .picker--time ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

#pickadate_reoccurs_until::-webkit-input-placeholder {
 color: #000000;
}
#pickadate_reoccurs_until:-moz-placeholder { /* older Firefox*/
 color: #000000;
}
#pickadate_reoccurs_until::-moz-placeholder { /* Firefox 19+ */
 color: #000000;
}
#pickadate_reoccurs_until:-ms-input-placeholder {
 color: #000000;
}


/* MAIN TABLE
 ------------*/
.box table.calendar th, .box table.styled th, .box table.calendar td, .box table.styled td, .table_box, .load_more {
  border: 1px solid #000000;
}
.box .divider { border-bottom: 1px solid #000000; }
.box .divider.top { border-bottom: 0; border-top: 1px solid #000000; }

.box .table_header_bg_color { background-color: #262626; }

/*
.box .table_header, .bsmListItem, .load_more { background-color: #262626; }
*/

.bsmListItem,
.box .table_header,
.load_more {
  background-image: -moz-linear-gradient(top, #2B2B2B, #212121);
  background-image: -ms-linear-gradient(top, #2B2B2B, #212121);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2B2B2B), to(#212121));
  background-image: -webkit-linear-gradient(top, #2B2B2B, #212121);
  background-image: -o-linear-gradient(top, #2B2B2B, #212121);
  background-image: linear-gradient(top, #2B2B2B, #212121);
}

/* Disable inner shadow
 *****************
.box table.calendar td {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
}
*/

.box table.calendar td.highlight1, .box table.styled td.highlight1 {
  background-color: #5e0505;
}


/* SIDE TABLE
 ------------*/
.side_box table.calendar th, .side_box table.calendar td, .side_box table.styled th, .side_box table.styled td, .side_box .table_box {
  border: 1px solid #000000;
}
.side_box .table_header {
  background-image: -moz-linear-gradient(top, #2B2B2B, #212121);
  background-image: -ms-linear-gradient(top, #2B2B2B, #212121);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2B2B2B), to(#212121));
  background-image: -webkit-linear-gradient(top, #2B2B2B, #212121);
  background-image: -o-linear-gradient(top, #2B2B2B, #212121);
  background-image: linear-gradient(top, #2B2B2B, #212121);
}
.side_box .divider { border-bottom: 1px solid #000000; }

.side_box table.calendar td.highlight1, .side_box table.styled td.highlight1 {
  background-color: #740000;
}

/* AVATARS
 ------------*/
.avatar_image {
  border: 1px solid #000000;
}

/* POPUPS
 ----------*/
#shivtip .tooltip,
.modal-content {
  background-color: rgba(33, 33, 33, 0.95);
  border: 1px solid #222222;
  color: #999999;
}

/* PROGRESS BARS
 ------------*/

.progress {
  background: -moz-linear-gradient(top, rgba(26, 26, 26, 1) 0%, rgba(26, 26, 26, 0.50) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 1)), color-stop(100%,rgba(26, 26, 26, 0.50))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(26, 26, 26, 1) 0%,rgba(26, 26, 26, 0.50) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(26, 26, 26, 1) 0%,rgba(26, 26, 26, 0.50) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(26, 26, 26, 1) 0%,rgba(26, 26, 26, 0.50) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(26, 26, 26, 1) 0%,rgba(26, 26, 26, 0.50) 100%); /* W3C */
}
.progress .bar {
  background-color: #999999;
  background-image: -moz-linear-gradient(top, #A6A6A6, #8C8C8C); /* FF 3.6+ */
  background-image: -ms-linear-gradient(top, #A6A6A6, #8C8C8C); /* IE10 */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6A6A6), to(#8C8C8C)); /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(top, #A6A6A6, #8C8C8C); /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(top, #A6A6A6, #8C8C8C); /* Opera 11.10 */
  background-image: linear-gradient(top, #A6A6A6, #8C8C8C); /* The standard */
}

.file_upload_progress > div { background-color: #1a1a1a; border: 1px solid ; }

/* PROGRESSIONS
 ------------*/
.box_icon.other_text  { background: #666666; }
.box_icon.notice_text { background: #f4c61e; }


/* QUOTES
 ------------*/
blockquote { border-left: 2px solid #666666; }


/* MESSAGES
 ------------*/
table.styled td.messages_following a.following, table.styled td.messages_following a.not_following { border: 2px solid #aa6000; }
table.styled td.messages_following a.not_following { background: #aa6000; }


/* LAYOUT
 ------------*/

/* WALLPAPER
 ------------*/
body {
  background-color: #1c0101;
}

#wallpaper {
  background-image: url('https://s3.amazonaws.com/cloudfront.shivtr.com/theme_images/3049763.jpg?1467416902');
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: bottom right;
}

/* BANNER
 ------------*/

#banner {
  background-color: rgba(100, 9, 9, 0.8);
  color: #000000;
}
body.open_air #banner {
  background-color: inherit;
  color: inherit;
}

#banner {
  background-image: url('https://s3.amazonaws.com/cloudfront.shivtr.com/theme_images/3049762.jpg?1467416902');
  background-repeat: no-repeat;
  background-position: top center;
}
body.classic #banner,
body.relic #banner,
body.coffee #banner {
  height: 350px;
}

#banner hgroup {
  visibility: hidden;
}

body.relic #banner,
body.classic #banner,
body.sky #banner,
body.coffee #banner .container,
body.open_air #banner .container {
  -webkit-box-pack:        center;
  -ms-flex-pack:           center;
  -webkit-justify-content: center;
  -moz-justify-content:    center;
  justify-content:         center;
}
#banner hgroup { text-align: center; }

/* CONTAINER
 ------------*/
#container, .container {
  width: 1100px;
}

#container {
  background-color: rgba(0, 0, 0, 0.42);
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}
body.open_air #container {
  border-top: 1px solid #000000;
}

/* STATUS BAR
 ------------*/
#status_bar {
  background-image: -moz-linear-gradient(top, #6C0000, #390000);
  background-image: -ms-linear-gradient(top, #6C0000, #390000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6C0000), to(#390000));
  background-image: -webkit-linear-gradient(top, #6C0000, #390000);
  background-image: -o-linear-gradient(top, #6C0000, #390000);
  background-image: linear-gradient(top, #6C0000, #390000);
  background-repeat: repeat-x;

  color: #ffffff;
  border-color: #000000;
}

#status_bar ul li:hover {
  background-color: #000000;
}

#status_bar a {
  color: #ffffff;
}

#status_bar li.active, #status_bar li.active a {
  color: #ff2900;
}

#status_bar .alerts {
  color: #ff2900;
}
#status_bar .alerts .circle {
  background-color: #ff2900;
  border-color: #ffffff;
}

#status_bar .dropdown .caret {
  border-top-color: #ffffff;
}

#status_bar .dropdown-menu {
  background-color: #520000;
  border: 1px solid #000000;
}

#status_bar .dropdown-menu li > a:hover,
#status_bar .dropdown-menu .active > a,
#status_bar .dropdown-menu .active > a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

#status_bar .dropdown-menu .divider { background-color: #FFFFFF; }

#status_bar .visible-phone .toolbar_title {
  color: #ff2900;
}
#status_bar .visible-phone .dropdown-menu .divider {
  border-bottom: 1px solid #000000;
}

body { padding-top: 35px; }

/* MAIN MENU BAR
 ------------*/
#main_menu.menu_bar a { color: #e0e0e0; }
#main_menu.menu_bar,
#main_menu.menu_bar ul,
.block.main_menu .message > ul > li ul { border: 1px solid #000000; }

#main_menu.menu_bar,
#main_menu.menu_bar ul,
.block.main_menu .message > ul > li ul { background-color: #3a0404; }

.block.main_menu ul > li ul li a:hover,
#main_menu.menu_bar ul li a:hover {
  background-color: rgba(224, 224, 224, 0.1);
  color: #e0e0e0;
}

#main_menu.menu_bar .m_padding nav,
#main_menu.menu_bar .m_padding nav .menu_item {
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
#main_menu.menu_bar .m_padding nav .menu_item {
  padding: 0;
}

/* MAIN FOOTER
 ------------*/
#main_footer {
  background-color: #000000;
  color: #1a1a1a;
}
#main_footer a {
  color: #1a1a1a;
}

/* MAIN BOX
 ------------*/
.box { border: 1px solid #000000; }
.box .header {
  background-color: #440505;
  color: #aeaeae;
  border-bottom: 1px solid #000000;
}

.box .subheader, .box .subheader_tabs { color: #999999; }
.box .subheader, .box .subheader_tabs ul li, .box .subheader_tabs li.blank > div { border-bottom: 1px solid #212020; }
.box .subheader_tabs ul li { border-right: 1px solid #212020; }
.box .inline_tabs { border-bottom: 1px solid #212020; }
.box .inline_tabs ul li { border: 1px solid #212020; }
.box .subheader, .box .subheader_tabs ul li, .box .subheader_tabs li.blank > div,
.box .inline_tabs ul li { background-color: #2a2a2a; }

.box .subheader_tabs ul li.active { color: #999999; }
.box .inline_tabs ul li.active { color: #999999; }
.box .content { color: #999999; }
.box .content .text_link, .box .content .text_link:hover { color: #999999; }
.box .content .text_link .caret { border-top-color: #999999; border-bottom-color: #999999; }
.box .content .text_border { border: 1px solid #999999; }
.sortable_placeholder { border: 1px dashed #999999; }
.content_divider { border-bottom: 1px dashed #999999; }
.box .content hr { border-bottom-color: #999999; }
.box .content blockquote { color: #999999; }
.box .content { background-color: #181818; }

.box .footer {
  background-color: #440505;
  color: #999999;
  border-top: 1px solid #000000;
}

.box ::-webkit-scrollbar-thumb {
  background-color: rgba(153, 153, 153, 0.1);
}
.box ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(153, 153, 153, 0.2);
}

body.relic .box .header .bh_padding { padding: 5px 13px; }
.box .header .bh_padding { padding: 8px 15px; }
.box .content .bc_padding { padding: 0; }

body.relic .box .footer .bf_padding { padding: 5px 13px; }
.box .footer .bf_padding { padding: 8px 15px; }

/* SIDE BOX
 ------------*/
.side_box { border: 1px solid #000000; }
.side_box .header {
  background-color: #230303;
  border-bottom: 1px solid #000000;
  color: #cccccc;
}

.side_box .content {
  background-color: #282828;
  color: #999999;
}

.side_box .footer {
  background-color: #484848;
  color: #999999;
  border-top: 1px solid #000000;
}

.side_box ::-webkit-scrollbar-thumb {
  background-color: rgba(153, 153, 153, 0.1);
}
.side_box ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(153, 153, 153, 0.2);
}
.side_box .header .sh_padding { padding: 8px 15px; }
.side_box .content .sc_padding { padding: 0; }
.side_box .footer .sf_padding { padding: 8px 15px; }


/* THEME CSS
 ------------*/