/*****************************************************************
* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line. 
* They will be given the highest priority on any elements on the forum
* Personilize your forum color scheme in one click here: www.sitesplat.com/phpBB3/ 
* **************************************************************
*
* BBOOTS @SiteSplat.com - Custom CSS STYLESHEET - DARK Theme
* 
***************************************************************
*****************************************************************/
/* ===[ CSS HOOK TOP ]=== */
 
html {
    background-color: #333;
}

body {
    color: #ddd;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #9f9f9f;
}

h3 {
    border-bottom: 1px solid #555;
	color: #9f9f9f;
}
 
header {
    background-color: rgb(36, 37, 38);
}

.subheader {
    border-top: 4px solid #169fe6;
}

#content-forum {
    background: none repeat scroll 0 0 rgb(45, 45, 45);
	box-shadow: 0 0 14px #ddd;
}

blockquote {
    border-left: 5px solid #777;
}

.text-info {
    color: #169fe6;
}

.tabs-nav, .crumbs {
    background: none repeat scroll 0 0 rgb(36, 37, 38);
    border-bottom: 1px solid #222;
}

.top-menu > li:first-child {
    border-left: 1px solid #333;
}

.top-menu > li {
    border-right: 1px solid #333;
}

.sub-crumb, .sub-crumb li {
    text-shadow: none;
}

.sub-breadcrumb {
    background-color: rgba(0, 0, 0, 0.22);
}


.tabs-nav, .crumbs {
    box-shadow: 0 1px 0 #444;
}

.search-box form input {
    background-color: #444;
    border-color: #777;
}

.search-box form input:focus {
    border-color: #777;
}

.submenu {
    background-color: rgba(45, 45, 45, 0.96);
}

.submenu li > span {
    background-color: #444;
}

.dropdown-menu {
    background-color: rgba(45, 45, 45, 0.96);
    border: 1px solid #444;
}

.dropdown-menu li {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.96);
    border-top: 1px solid #444;
}

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

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.96);
	color: #ddd;
}

.dropdown-menu > li:hover {
    background: none repeat scroll 0 0 rgba(45, 45, 45, 0.96);
	color: #ddd;
	text-shadow: none;
}

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

.top-menu > li > ul:after {
    border-bottom: 5px solid #444;
    top: -6px;
}

.well {
    border-left: 2px solid #444;
    border-right: 2px solid #444;
    border-top: 2px solid #444;
	border-bottom: 0 none;
    box-shadow: 0 3px 0 0 #444;
}

.well {
    background-color: rgb(50, 50, 50);
}


.phpbb_alert {
    background-color: rgb(60, 60, 60);
    border: 1px solid #999 !important;
}

.form-control {
    background-color: rgb(41, 44, 46);
    border: 1px solid #444;
	color: #999;
}

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

.input-group-addon {
    background-color: #333;
    border: 1px solid #555;
    color: #ccc;
}

.thumbnail {
    background-color: #555;
    border: 1px solid #777;
}

.control-group {
    border-bottom: 1px dashed #888;
}

.table-primary thead th {
    background-color: #444;
    border-color: #444 !important;
    color: #ddd;
}

.table-primary thead th a {
    color: #ddd;
}

th i {
    color: #ddd;
}

.table-bordered {
    border-color: #444;
    box-shadow: 0 3px 0 0 #444;
}

.table-white {
    background: none repeat scroll 0 0 #444;
}

.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {
    background: none repeat scroll 0 0 rgb(41, 44, 46);
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #444;
}

.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #444;
}

.table-hover > tbody > tr:hover {
    background-color: #888;
}

.table-primary tbody td {
    background: none repeat scroll 0 0 #333;
	color: #ddd;
}

.panel {
    background-color: rgb(50, 50, 50);
}

.panel-default {
    border-color: #444;
	background-color: #444;
}

.panel-footer {
    background-color: #444;
    border-top: 1px solid #333;
}

.panel-default > .panel-heading {
    background-color: #444;
    border-color: #333;
	color: #999;
}

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

.panel-poll {
    box-shadow: 0 3px 0 0 #444;
}

.framed-ucp {
    border: 1px solid #888;
}

.form-actions {
    background: #444;
    border: 1px dashed #888;
    box-shadow: 0 1px 1px #444 inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}

.postbody .content {
    color: #ddd;
}

.user-profile-row {
    border-top: 1px dotted rgb(141, 141, 141);
}

.user-profile-tab {
    border-left: 1px dashed rgb(141, 141, 141);
}

.avatar-frame img {
    border: 6px solid #444;
}

.tagsinput span.tag {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #777;
}

.progress {
    background-color: ##404040;
    background-image: none;
}



.pmboots > a {
    color: #999;
}

.pmboots {
    background: none repeat scroll 0 0 rgb(45, 45, 45);
    text-shadow: none;
}

.btn {
    color: #9f9f9f;
}

.btn-default {
    background-color: rgb(41, 44, 46);
    border-color: #444;
}

.btn-default.active.focus, .btn-default.active:focus, 
.btn-default.active:hover, .btn-default.focus:active, 
.btn-default:active:focus, .btn-default:active:hover, 
.open > .dropdown-toggle.btn-default.focus, 
.open > .dropdown-toggle.btn-default:focus, 
.open > .dropdown-toggle.btn-default:hover {
    background-color: rgb(60, 60, 60);
    border-color: #444;
    color: #ddd;
}

.btn-default:hover, .btn-default:focus,
.btn-default.focus, .btn-default:active,
.btn-default.active, .open > .dropdown-roggle.btn-default {
    background-color:rgb(60, 60, 60);
    border-color:#888;
	color:#ddd;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: rgb(60, 60, 60);
    border-color: #888;
    color: #ddd;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #444;
    border-color: #ccc;
}

.pagination > li > a, .pagination > li > span {
    background-color: rgb(41, 44, 46);
    border: 1px solid #444;
    color: #888;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #333;
    border-color: #444;
    color: #888;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: rgb(41, 44, 46);
    border-color: #444;
    color: #999;
}

.pager li > a, .pager li > span {
    background-color: rgb(41, 44, 46);
    border: 1px solid #444;
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #333;
}

.pagination span a, li.pagination span a {
    background-color: #444;
}

.pagination span a:hover, li.pagination span a:hover {
    background-color: #555;
}

.pagination span a:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.widget-body {
    background-color: rgb(41, 44, 46);
    border-color: #444;
}

.tabbable-custom .nav-tabs > li.active {
    border-top: 3px solid #444;
}

.section-ucp ul.nav-tabs li a, .section-mcp ul.nav-tabs li a, .section-posting ul.nav-tabs li a {
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #444;
	color: #ddd;
}

.tabbable-custom .nav-tabs > li.active > a:hover {
    background-color: rgb(41, 44, 46);
}

.section-ucp .nav > li > a:focus, .section-mcp .nav > li > a:focus, .section-posting .nav > li > a:focus, .section-ucp .nav > li > a:hover, .section-mcp .nav > li > a:hover, .section-posting .nav > li > a:hover {
    background-color: rgb(41, 44, 46);
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.ver-inline-menu li.active:after {
    border-left: 6px solid #444;
}

.ver-inline-menu li.active a, .ver-inline-menu li.active i {
    background: none repeat scroll 0 0 #444;
    border-left: 1px solid #444;
    color: #ddd;
}

.ver-inline-menu li.active i {
    background: none repeat scroll 0 0 #444;
}

.ver-inline-menu li a {
    background: none repeat scroll 0 0 #555;
    border-left: 2px solid #444;
    color: #ccc;
}

.ver-inline-menu li i {
    background: none repeat scroll 0 0 #555;
    color: #ccc;
}

.ver-inline-menu li:hover a, .ver-inline-menu li:hover i {
    background: none repeat scroll 0 0 #555;
	color: #ffffff;
}
.ver-inline-menu li:hover i {
    background: none repeat scroll 0 0 #555;
    color: #ffffff;
}

.alert {
    border: 2px solid #444;
}

.separator i {
    background: none repeat scroll 0 0 rgb(50, 50, 50);
    color: rgb(141, 141, 141);
}

.separator:before {
    background: none repeat scroll 0 0 rgb(141, 141, 141);
}

.codebox {
    background-color: #444;
    border: 1px solid #888;
}

.codebox code {
    color: #888;
}

code {
    background-color: #424242;
    border-radius: 1px;
}

.attachbox {
    background-color: #333;
    border: 1px dashed #555;
}

.content blockquote {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #777;
}

.user-profile-output {
    color: #afafaf;
}

.topstyle i {
    background-color: #777;
    border: 3px solid #555;
    color: #555;
}

.blogImage {
    border: 1px solid #888;
}

.recent-topic a, .links a {
    color: #ddd;
}

.recent-topic a:hover, .links a:hover {
    color: #ccc;
}

.tweet {
    color: #ddd;
}

footer .navList li a {
    border-bottom: 1px dashed #555;
}

footer #footerContent {
    background-color: rgb(36, 37, 38);
}


.achievement i {
    background: none repeat scroll 0 0 rgb(41, 44, 46);
    border: 5px solid #444;
}

.hr-double {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
}


input[type="checkbox"]+label:before{
  background:url("./images/radio-check_dark.png")left top no-repeat;
}

input[type="checkbox"]:checked+label:before{
  background:url("./images/radio-check_dark.png")-19px top no-repeat;
}

input[type="radio"]+label:before{
  background:url("./images/radio-check_dark.png")-38px top no-repeat;
}

input[type="radio"]:checked+label:before{
  background:url("./images/radio-check_dark.png")-57px top no-repeat;
}

.well-schema {
    background-image:url("./images/schema_dark.png");
}

.subheader {
    background: url("./images/pattern_dark.png") repeat scroll center top #222;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    background: none repeat scroll 0 0 #444;
}


.postbody h3 > a {
    color: #fff;
}

.postbody h3 > a:hover {
    color: #ccc;
}



.ui-sortable {
    background-color: #333 !important;
}

.ui-sortable li.ui-state-default {
    background: #444 !important;
}

.ui-sortable-placeholder {  
    border: 3px dashed #333 !important;   
    background: #404040 !important;  
}  


@media (max-width: 468px) {

.mobile-post {
    background: none repeat scroll 0 0 #444;
}

}




/* Contrast COLORS starts here */

.side-segment h3:after, .side-segment h2:after {
    background-color: #4bacff;
}

.logo span {
    color: #4bacff;
}

.logo-transition a:after {
    color: #4bacff;
}

.submenu {
    border-bottom: 4px solid #4bacff;
}

a.forumtitle {
  color: #4bacff;
}

a.topictitle {
    color: #fabc17;
}

.subheader {
    border-top: 4px solid #394977;
}

.submenu li:hover > a {
    color: #4bacff;
}

.submenu li:hover > span {
    background-color: #4bacff;
}

.nav-icon:hover [class*="has-sub"] {
    color: #85f13c;
}

.twitter-layout:before {
    color: #4bacff;
}

#footerContent blockquote p span {
    color: #4bacff;
}

footer {
    border-top: 3px solid #4bacff;
}

footer .bottomLinks small a {
    color: #4bacff;
}

footer .interact a:hover {
    color: #4bacff;
}

footer .bottomLinks a:hover {
    border-bottom: 1px solid #4bacff;
}

.text-info {
    color: #4bacff;
}

.user-menu > span:hover {
    color: #4bacff;
}

.user-menu > span:hover  .caret {
	border-top: 4px solid #4bacff;
}

.postlink:hover {
    color: #4bacff !important;
}

/* h3 header colors

.side-segment h3 {
    color: #4bacff;
}

.side-segment h3 a {
    color: #4bacff;
}
h3 header colors */


/* Contrast COLORS ends here */



/* MCHAT style starts here */

.widget-body-mchat {
    background-color: #444;
    border-color: #777;
}

.counter {
    text-shadow: none !important;
}

.chats li.BG1 .message {
    background: none repeat scroll 0 0 #555;
    border-left: 3px solid #333;
    box-shadow: 0 2px 0 0 #444;
}

.chats li.BG1 .message .arrow {
    border-right: 8px solid #333;
}

.chats li.BG2 .message {
    background: none repeat scroll 0 0 #333;
    border-right: 3px solid #777;
	box-shadow: 0 2px 0 0 #444;
}

.chats li.BG2 .message .arrow {
    border-left: 8px solid #777;
}

.chats li .date-time {
    color: #ddd;
}

.enter-message input {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #777;
    box-shadow: 0 1px 1px #444;
    color: #ddd;
}

.mchat-link-sep {
    background-color: #777;
    border-right: 0 none;
}

/* MCHAT style ends here */

.panel {
    background-color: #444 !important;
}

.comment p {
    text-shadow: none !important;
}

.comment_starter {
    background-color: #333 !important;
	color: #fff !important;
}

.comment footer {
    background-color: #333 !important;
}

.modal-content {
    background-color: #444;
}

.modal-header {
    border-bottom: 1px solid #333;
}

.modal-footer {
    border-top: 1px solid #333;
}

.likelist::before {
    border-color: transparent;
}

.disliked-post-msg {
    background-color: #2d2d2d;
}

.label-huskygray {
    background-color: #444;
}

.ld-msg {
    background-color: #444;
	color: #ddd;
}


.share-button {
    background-color: #333;
    border: 1px solid #444;
}

.share-button > a:hover,
.share-button > a:hover:after {
	color: #ddd;
	background-color: rgb(60,60,60);
    border-color:888;
}

.icons-wrapper {
    background-color: rgb(60, 60, 60);
}

.share-button .icons-wrapper ul li:last-child a {
    background-color: #444;
}

.share-button .icons-wrapper ul li a:hover i {
   color:#555;
}

.share-button a:hover,
.share-button button:hover,
.share-button a:focus,
.share-button button:focus {
    color: #ddd;
}


.sidebar .panel {
    background-color: rgb(41, 44, 46) !important;
}

.sidebar .panel-info > .panel-heading {
    background-color: #444;
    border-color: transparent;
}

.sidebar .panel-body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-color: #444 #444;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}

.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel-custom > .panel-heading,
.panel-success > .panel-heading,
.panel-warning > .panel-heading {
    background-color: #444;
    border-color: transparent;
}

.user-list .media-object {
    border: 2px solid #444;
}


.list-announcement .panel-body ul > li small {
    color: #fff;
}

.list-announcement .panel-body ul > li a {
    color: #4bacff;
}

.sidebar .nav > li > a:focus,
.sidebar .nav > li > a:hover {
    background-color: #444;
}


.list-group-item {
    background-color: #444;
    border: 1px solid #555;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #555;
    border-color: #555;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: #626262;
    color: #fafafa;
}

.panel-poll {
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
}

.mini-timeline::before {
    background: #555;
}

.mini-timeline > li:last-child::before {
    background: #555;
}

.mini-timeline > li .timeline-body {
    background-color: #444;
}

#qr_postform .col-md-snappy {
    background: #555;
}

.popup-box {
    background: #555;
}

.prefix-popover {
    background-color: #555;
    border: 2px solid #444;
}

.prefix-popover::after {
    border-top: 10px solid #444;
}

#available_prefixes {
    background-color: #555 !important;
}

.progress {
    background-color: #444;
}

.notification-content .icon-mark {
    background-color: #444;
    border: 1px solid #555;
}

.notification-content li {
    border-bottom: 2px solid #555;
}

.notification-block img {
    border: 3px solid #555;
}

.dropdown-menu li:hover {
    text-shadow: none;
}

/* TO DO: add switch for night stalker switch rocket light blah blah */


.btn-night-sw {
    bottom: 6px;
    position: absolute;
    right: 5px;
}

.btn-night-sw .focus {
    outline: none !important;
}




.donation-actions {
    background-color: #262626;
    border: 3px solid #999;
}
.donation-actions p {
    color: #8d9aa5;
}
.donation-premium > strong,
#donationicons .amt-donation {
    color: #ffa800;
}
#donationmessage, #submission {
    background-color: #444;
}
.donation-actions h2, #donationmessage h3,
#donationicons > span + p span {
    color: #fafafa;
}
.donation-actions p a,
#submission output {
    color: #ffa800;
}
#donationicons > span.selected:before {
    color: #7F7F7F;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
#donationicons > span:before {
  color: rgba(21,23,25, 0.8);
  /* this creates the "inset" text shadow */
  text-shadow: 1px 2px 2px #222, 0 0 0 #000, 1px 2px 2px #222, 0 1px 1px rgba(255, 255, 255, 0.5);
}
#donationicons > span:after {
    border-bottom: 7px solid #444;
}
input:focus {
    outline: none !important;
    border-color: #CDCDCD;
    box-shadow: 0 0 10px #CDCDCD;
}
input[type=range] {
    background-color: #999;
}

input[type=range]::-webkit-slider-runnable-track {
    background-color: #444;
}
input[type=range]::-moz-range-track {
    background-color: #444;
}
input[type="range"]::-ms-track {
    background-color: #444;
}
input[type=range]::-webkit-slider-thumb {
    background: -webkit-linear-gradient(left, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), -webkit-linear-gradient(left, #959595, #BBBBBB 40%, #BBBBBB 60%, #959595);
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #959595, #BBBBBB 40%, #BBBBBB 60%, #959595);
    box-shadow: 0 -2px 0 #868686 inset, 0 2px 0 #BBBBBB inset, 0 5px 10px rgba(0, 0, 0, 0.5);
}
input[type=range]::-webkit-slider-thumb:hover, input[type=range]::-webkit-slider-thumb:active {
    background: -webkit-linear-gradient(left, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), -webkit-linear-gradient(left, #B4B4B4, #C8C8C8 35%, #C8C8C8 65%, #B4B4B4);
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #B4B4B4, #C8C8C8 35%, #C8C8C8 65%, #B4B4B4);
}
input[type=range]::-moz-range-thumb {
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #959595, #BBBBBB 40%, #BBBBBB 60%, #959595);
    box-shadow: 0 -2px 0 #868686 inset, 0 2px 0 #BBBBBB inset, 0 5px 10px rgba(0, 0, 0, 0.5);
}
input[type=range]::-moz-range-thumb:hover, input[type=range]::-moz-range-thumb:active {
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #B4B4B4, #C8C8C8 35%, #C8C8C8 65%, #B4B4B4);
}
input[type=range]::-ms-thumb {
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #959595, #BBBBBB 40%, #BBBBBB 60%, #959595);
    box-shadow: 0 -2px 0 #868686 inset, 0 2px 0 #BBBBBB inset, 0 5px 10px rgba(0, 0, 0, 0.5);
}
input[type=range]::-ms-thumb:hover, input[type=range]::-ms-thumb:active {
    background: linear-gradient(to right, transparent, transparent 4px, #7C7C7C 4px, #7C7C7C 5px, transparent 5px, transparent 7px, #7C7C7C 7px, #7C7C7C 8px, transparent 8px, transparent 10px, #7C7C7C 10px, #7C7C7C 11px, transparent 11px, transparent 64px, #7C7C7C 64px, #7C7C7C 65px, transparent 65px, transparent 67px, #7C7C7C 67px, #7C7C7C 68px, transparent 68px, transparent 70px, #7C7C7C 70px, #7C7C7C 71px, transparent 71px), linear-gradient(to right, #B4B4B4, #C8C8C8 35%, #C8C8C8 65%, #B4B4B4);
}
#submission .btn-bbdonation {
    background-color: #363636;
    border: 0 none #444;
}
#submission .btn-bbdonation:hover,
#submission .btn-bbdonation:focus,
#submission .btn-bbdonation:active {
    background-color: #7f7f7f;
    border: 0 none #d6d9e0;
}
.member-info {
  color: rgb(141, 154, 165);
}
.member-info a {
    color: rgb(250, 250, 250);
}
#donationmessage h3 {
    border-bottom: none !important;
}

.side-segment > h3 {
    color: #fff;
}
@media (max-width: 768px) {
    #donationicons > span:after {
        border-bottom: medium none;
    }
}

.flatpickr-input {
    background:transparent;
}

.flatpickr-calendar {
    background: #2b2a2a;
}

.flatpickr-current-month {
    color: #fff;
}


span.flatpickr-weekday {
    color:rgba(255, 255, 255, 0.54);
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: #d94444;
}

.flatpickr-day {
    color:#fff;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #714b4b;
}

flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(155, 88, 88, 0.3);
}

.flatpickr-time input {
    color:#fffbfb;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    color: #fff;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #45a1ce;
}

/* ===[ BBDOWNLOADS START ]=== */
.widget, .post {
    box-shadow: none;
}
.post .details {
    background: rgba(0, 0, 0, 0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.09)), to(transparent));
    color: #ccc;
}
.widget .header.header-item {
    background: rgba(40, 40, 40, 0.9) url(../../../../bbdownloads/styles/FLATBOOTS/theme/images/item-header-pattern.png) repeat scroll 0 0;
}
.container.with_sidebar .et_pb_column_sidebar {
    background: rgba(38, 38, 38, 0.9);
}
.btn.btn-primary.changelog {
    background: #a1d36e;
}
.btn.btn-primary.changelog:hover {
    background: #94cd5a !important;
}
.btn.btn-secondary {
    background: #6ad1dd !important;
}
.container-downloads .btn {
    background: #777;
}
/* ===[ BBDOWNLOADS END ]=== */

/* ===[ BBMEMBERSHIP START ]=== */
.npt-format-1 .npt-item {
    background: rgba(0, 0, 0, 0.9);
}
.npt-plan-name {
    border-bottom: 0 none !important;
}
.npt-plan-bottom .avn-btn {
    background: #181818 none repeat scroll 0 0;
}
.npt-plan-bottom .avn-btn:hover {
    background: #3a3a3a none repeat scroll 0 0;
}
.thumbnail, .bg-group-info, .btn-primary {
    background-color: #262626;
}
.btn-primary:hover {
    background-color: #3a3a3a !important;
}
.text-muted {
    color: #fff;
}
/* ===[ BBMEMBERSHIP END ]=== */

/* ===[ BBCHAT START ]=== */
.rooms li {
    border-bottom: .6em dotted #777;
}

.person:before,
.person:hover span {
    background: #333;
}

.bbchat .left .people a:link,
.bbchat .left .people a:hover,
.bbchat .left .people a:visited {
    color: #8c8c8c;
}

.bbchat,
.bbchat .left,
.bbchat .right {
    background-color: #262626;
    border-color: #999;
}

.delete-message:before, .layout-list .delete-message:before {
    border: 3px dashed #181818;
}

.bbchat .right .top span .name,
.me .bubble {
    color: #fff;
}

.bbchat .right .top:after {
    background: -webkit-linear-gradient(bottom,rgba(38,38,38,0) 10%,#262626 100%);
    background: linear-gradient(to top,rgba(38,38,38,0) 10%,#262626 100%);
}

.bbchat .right .top,
.me .bubble:before,
.me .bubble,
.write input,
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail,
.ps:hover>.ps__scrollbar-y-rail:hover {
    background-color: #333 !important;
}

.bbchat .right .write:before {
    background: -webkit-linear-gradient(top,rgba(38,38,38,0) 20%,#262626 100%);
    background: linear-gradient(to bottom,rgba(38,38,38,0) 20%,#262626 100%);
}

.write {
    background-color: #333;
    border-color: #999;
}

.giphy>input {
    border: 1px solid #999 !important;
}

#chatbox-input,
.write input {
    color: #8c8c8c;
}

.giphy,
.emoji-picker {
    background-color: #181818;
}

.bbchat-attachments-input {
    background: #333;
    box-shadow: 0 1px 15px 1px rgba(51,51,51,.12);
}

.bbchat-attachments-input>.button-upld {
    background: #222 url(images/highlight_reallyfaint.png) repeat-x scroll 0 0;
}

.bbchat-attachments-input:hover>.button-upld {
    background: #777;
}
/* ===[ BBCHAT END ]=== */

/* ===[ CSS HOOK BOTTOM ]=== */