a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, header, hgroup, html, iframe, img, ins, kbd, keygen, label, legend, meter, nav, object, output, p, pre, progress, q, s, samp, section, span, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, tt, u, var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: top;
}

h5 {
    margin: 20px 0;
    font-weight: 600;
}

h2.septenary_showcase_title {
    letter-spacing: 10px;
    margin-top: 10px;
    font-weight: 300;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
}

.profile_category_name {
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.nav-pills > li > a {
    color: #2196f3 !important;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    color: rgb(42, 100, 150) !important;
}

#person {
    margin-top: 5px;
}

#person > a {
    font-size: 22px;
    font-weight: bold;
}

p {
    margin: 10px 0 20px;
}

#tab-content-txt-message {
    padding: 0;
}

blockquote, q {
    quotes: none;
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
}

embed {
    vertical-align: top;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
    image-rendering: optimizespeed;
}

article {
    margin-bottom: 25px;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

input, textarea {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}

iframe {
    border: 0;
    margin: 0;
    padding: 0;
}

input, textarea, select {
    margin: 0;
    padding: 0px;
}

hr.side-hr {
    background: none;
    border-top: 3px solid;
    position: absolute;
}

html, body {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
}

body {
    background-color: black;
    /*
    background: #DBDBDB;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDB), to(#DDD));
    background: linear-gradient(to bottom, #DBDBDB 0%, #DDD 100%);
    */
    color: #000;
    font: 14px/20px Verdana, "Helvetica Neue", Arial, Tahoma, Century gothic, sans-serif;
    /*
    font: 14px/20px "Helvetica Neue", Arial, Tahoma, Century gothic, sans-serif;
    */
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        text-decoration: underline;
    }

    .navbar-header {
        padding-left: 15px;
    }
}

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

a.side {
    color: #2196f3 !important;
    text-decoration: underline;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a:hover.side {
    color: #FFF;
}

a.white, li.white a {
    color: #FFF;
    text-decoration: none;
}

a:hover.white, li.white a:hover {
    color: #FFF;
    text-decoration: none;
    text-align: left;
}

a.button, input.button {
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
}

a.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
}

input.button {
    margin-top: 2px;
    height: 24px;
    padding: 0px 12px 0px 12px;
}

/* Section 1 */
header {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
    background-image: url(images/bg_main.jpg);
}

header > .overlay {
    background-color: rgba(12, 12, 12, 0.2);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(12, 12, 12, 0.2)), to(rgba(12, 12, 12, 0.2)));
    background-image: linear-gradient(to right, rgba(12, 12, 12, 0.2), rgba(12, 12, 12, 0.2));
    background-repeat: repeat-x;
}

header #logo {
    color: rgb(255, 255, 255);
    font-size: 30px;
    padding: 0;
    /* background-color: rgb(58, 68, 75); */
}

header #logo > a {
    margin-left: 20px;
}

header .logo > a > img {
    margin: 0 auto;
}

header #search-box {
    position: relative;
    width: 300px;
    margin-top: 35px;
}

header #search-form {
    height: 25px;
    border: 3px solid #606C88;
    background-color: #FFF;
    overflow: hidden;
    --webkit-border-radius: 4px;
    border-radius: 4px;
}

.section-1 {
    color: rgb(104, 104, 104);
    background-color: #696969; /* #FFF;*/
    padding: 0;
}

.section-1 > .container {
    padding-top: 10px;
}

/* Form Dynamics Section */
/* bootstrap overrides */
input[type=text] {
    border: 1px solid rgb(204, 204, 204);
}

.form-control:hover {
    background: #FFF !important;
}

input[type=text]:hover, input[type=text]:focus, .form-control {
    border: 1px solid rgb(204, 204, 204);
    outline: none !important;
    box-shadow: none !important;
}

.btn-default2 {
    background: rgb(58, 68, 75);
    border: 1px solid rgb(58, 68, 75) !important;
    color: #FFF !important;
}

.btn-default-strong {
    font-weight: bolder;
}

.btn-default-grey {
    background: rgb(58, 68, 75);
    border: 1px solid rgb(58, 68, 75) !important;
    color: #FFF !important;
}

.btn-default2:hover {
    border-left: 0;
}

input[type=text]:focus {
    box-shadow: none !important;
}

.section-1 div > ul > li > a {
    color: rgb(104, 104, 104);
    font-size: 15px;
    padding-top: 5px;
}

/* Section 2 */
.section-2 {
    background-color: black; /* rgba(55, 73, 94, 0.8);*/
    height: 30px;
}

.section-2-row {
    position: relative;
    margin: 50px -15px 0 !important;
}

.section-2-tab {
    background-color: rgba(55, 73, 94, 0.5);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    padding: 30px 50px;
}

.section-2-tab.active, .section-2-tab:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

/*
User Info Panel CSS
 */
.uip_avatar {
    float: left;
    display: inline;
    width: auto !important;
    margin-right: 10px;
    margin-bottom: 20px;
}

.uip_username {
    margin: 10px 0;
}

.header-nav {
    margin: 0 -15px;
}

.header-nav .navbar-collapse {
    background: rgba(55, 73, 94, 1);
    margin-bottom: 10px;
}

#navigation-user > h5, .leftbar h5, .leftbar h4 {
    color: #FFF !important;
    padding-bottom: 10px;
}

.leftbar small {
    font-size: 90%;
}

nav {
    margin-top: 0px !important;
}

.nav {
    list-style: none;
    margin: 0 auto;
    padding-top: 15px;
    margin-top: 0px !important;
}

.navbar-default {
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}

.navbar-default .navbar-brand {
    color: #fff !important;
}

.navbar-default .navbar-toggle {
    margin-top: 10px !important;
    padding: 10px !important;
    color: #fff !important;
}

@media (max-width: 768px) {
    .navbar-default {
        margin-bottom: 0 !important;
    }

    .header-nav {
        position: fixed;
        z-index: 1;
        background-color: rgba(55, 73, 94, 1);
        width: 100%;
    }

    .section-1 {
        display: none;
    }

    .section-showcase {
        min-height: 300px !important;
    }

    .section-showcase > .container {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 50px;
    }
}

.navbar-inverse {
    border-radius: 0;
}

.navbar-nav > li {
    margin-right: 10px;
}

.navbar-nav > li > a {
    font-size: 15px;
    font-weight: 400;
    color: #DDD !important;
    padding: 8px !important;
    margin-bottom: 10px;
    z-index: 6;
    position: relative;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 5px;
    outline: none;
}

#head_nav {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin-right: 10px;

}

#head_nav > li {
    float: left;
}

#head_nav > li > a {
    display: block;
    position: relative;
    padding: 5px 10px;
    margin-right: 10px;
    border: 1px solid transparent;
    outline: none;
    text-decoration: none;
    color: white;
}

#head_nav > li > a:hover {
    color: #1f1f1f;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    color: #FFF !important;
    background: transparent !important;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    text-decoration: none;
}

.navbar-nav > li.active > a {
    background: transparent !important;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    text-decoration: none;
}

.navbar-toggle {
    margin-top: 10px !important;
    float: left !important;
    padding: 3px !important;
}

.navbar-toggle:hover {
    border: 1px solid rgb(255, 255, 255);
}

.navbar-toggle > i,
.navbar-toggle > svg {
    font-size: 35px;
    color: #FFF;
    line-height: 35px;
}

/* Showcase Section */
.section-showcase h2, .section-showcase h4 {
    color: #fff !important;
}

.section-showcase {
    min-height: 175px;
}

.section-showcase > .container {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    min-height: 300px;
    background-color: rgba(0, 0, 0, 0.5);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

.section-showcase > .container > .logo {
    padding-left: 60px;
}

.section-showcase, .section-showcase a, .section-showcase a:hover, .section-showcase a:focus {
    color: #FFF;
    text-decoration: none;
    outline: none;
}

.section-showcase a.side {
    color: rgb(42, 100, 150);
}

/* Section 3 */
.section-3 {
    background: transparent;
}

.section-3 > .container {
    background: #FFF;
}

.heading {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0;
}

.heading > div {
    margin-left: 0 !important;
}

.leftbar {
    background-color: rgba(55, 73, 94, 1);
    color: #FFF;
}

.leftbar a {
    color: #FFF;
}

.leftbar .btn-default {
    color: #333;
}

.leftbar .shoutboxwrapper a.btn {
    color: #A1A1A1 !important;
}

.leftbar .heading {
    font-size: 15px !important;
    padding: 0 !important;
    margin: 10px 0px !important;
    text-transform: uppercase;
}

.leftbar .content {
    background-color: rgb(58, 68, 75);
    padding: 20px 20px 20px;
    margin: 0px -15px 0px;
}

.leftbar .panel {
    color: #555;
}

.leftbar .block {
    border-radius: 0;
}

#navigation h2,
#navigation-user h2 {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0 3px 10px;
    margin: auto;
}

#navigation ul,
#navigation-user ul {
    padding: 20px 0px 20px 18px;
    list-style-type: none;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5) !important;
    margin: 0 -20px;
}

* html #navigation ul li,
* html #navigation-user ul li {
    height: 1%;
}

#navigation a,
#navigation-user a {
    display: block;
    color: #FFF;
    padding: 8px;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#navigation span,
#navigation-user span {
    padding-left: 10px;
}

#navigation a:hover,
#navigation-user a:hover {
    color: #FFF;
    background-color: #5A77A0;
}

#navigation li.first-link a,
#navigation-user li.first-link a {
    font-weight: bold;
}

#navigation li.first-link.current-link a,
#navigation-user li.first-link.current-link a {
    color: #555;
    font-weight: bold;
    background-color: #F3F3F3;
}

#navigation li.current-link a,
#navigation-user li.current-link a {
    color: #FFF;
    background-color: #1487CA;
}

.footer {
    background-color: #696969;/* rgba(255, 255, 255, 1);*/
    padding: 0px;
}

.footer-row {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-right-col {
    /*
    background: rgb(255, 255, 255);
    color: rgb(116, 122, 126);

     */

    background-color: #696969;/* rgba(255, 255, 255, 1);*/
    color: white;
    padding: 0px;
}

/* Notification Bar */
.user-info-bar {
    background: rgb(58, 68, 75) !important;
    padding: 10px;
}

.user-info-bar a > i,
.user-info-bar a > svg {
    font-size: 30px !important;
    margin-left: -5px;
    color: rgba(255, 255, 255, 1);
}

.block {
    padding: 5px 0px;
    border-radius: 6px;
}

.au-content, .bl-content {
    padding: 25px 20px 50px !important;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.33);
}

.au-content {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.bl-content {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.main-content {
    background: #FFF;
    display: block;
    padding: 15px;
    padding-bottom: 30px;
}

.fa {
    margin: 2px;
}
/*
.main-content h2 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin: 25px 0px;
}
*/
.main-content h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    margin: 15px 0px;
}

h2.main-title  {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    margin: 25px 0px;
}

.main-content h3 {
    font-size: 20px;
}

.main-content h4 {
    font-size: 18px;
}

.main-content .img-thumbnail {
    border: 1px solid rgb(221, 221, 221) !important;
}

.main-content .heading .info {
    font-size: 12px;
    padding: 0 10px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.main-content .content {
}

.main-content .content img {
    border: 0px;
}

.main-content .footer {
}

.main-content .footer .more {
    float: right;
}

.main-content .footer .more a {
    text-decoration: none;
}

.sidebar section {
    margin-bottom: 20px;
}

.sidebar .heading {
    font-family: 'ColaborateRegular';
    color: #FFF;
    background: #606C88; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#606C88), to(#3F4C6B));
    background: linear-gradient(to bottom, #606C88 0%, #3F4C6B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606C88', endColorstr='#3F4C6B', GradientType=0); /* IE6-8 */
    font-size: 22px;
    text-transform: uppercase;
    padding: 10px 20px 9px 5px;
}

.sidebar .content {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #FAFAFA;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
}

.sidebar .content img {
    margin: 5px;
    border: 0px;
}

ol, ul {
    margin: 0;
    padding: 0px 0px 0px 15px;
    line-height: 20px;
}

ul.list li {
    padding: 0px 0 5px 12px;
    line-height: 25px;
}

ul.list li a {
    font-size: 14px;
    color: #555;
    line-height: 25px;
}

ul.list li a:hover {
    color: #C9B5AF;
    text-decoration: none;
}

/* Nav Tabs */
.nav-wrapper {
    padding: 0;
    margin-top: 10px;
}

.nav-tabs {
    padding: 0 !important;
}

.nav-tabs > li > a {
    /* color: rgb(51, 153, 255); */
    outline: none;
    margin-bottom: 0 !important;
    padding: 10px 15px !important;
}

.nav-tabs > li.active > a {
    border: 1px solid #DDD;
    border-bottom: 1px solid transparent !important;
}

.nav-tabs > li.active:hover, .nav-tabs > li:focus {
    background-color: transparent;
}

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

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #444 !important;
    border-bottom: 1px solid transparent !important;
}

.tab-content {
    padding: 0px 0px;
}

/* Login Form */
#login_form {
    width: 100%;
    margin: 40px auto 0;
    box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.6);
    margin-bottom: 50px;
    padding: 58px 50px 40px;
}

#login_form img {
    margin: -40px auto 0;
}

#login_form a {
    color: rgb(21, 133, 212);
}

#login_form a:hover, #login_form a:focus {
    color: rgb(42, 100, 150);
    text-decoration: underline;
}

.popover .text-smaller {
    color: rgba(0, 0, 0, 0.55);
}

.panelbutton {
    padding: 3px 5px 0 0;
}

.alt {
    color: #04688D;
}

.spacer {
    margin-bottom: 5px;
}

.bullet {
    padding-top: 3px;
    border: 0;
}

.ui-sortable {
    margin: 0;
    padding: 0;
}

.admin-message {
    font-size: 12px;
    margin-bottom: 20px;
}

.noscript-message {
    font-size: 12px;
    color: #C54343;
    border-top: 2px solid #C54343;
    border-bottom: 2px solid #C54343;
    padding: 15px 0 15px 50px;
    margin-bottom: 10px;
}

.comment_name {
    margin-top: 10px;
    display: inline-block;
}

.comment_date {
    font-size: 13px;
    opacity: 0.8;
    margin-top: 10px;
    display: inline-block;
}

.comment-header {
    height: 30px;
    width: auto;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
}

.comment-count a, .comment-count a:hover, .comment-count a:focus {
    display: inline-block;
}

.nocomments-message {
    background: #F6F6F6;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
}

.bbcode-popup .button {
    width: 100% !important
}

.bbcode {
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 10px;
    color: #A0A09E;
    background: #F2F2F2;
    border: 1px solid #CACACA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.bbcode:hover {
    background-color: #EFEFEF;
    border-color: #D7D6D2;
}

.bbcode:focus {
    color: #3C3C3D;
    background-color: #F5F5F5;
    border-color: #E3E0DA;
    box-shadow: inset 2px 2px 2px #E1E1E1;
    -moz-box-shadow: inset 2px 2px 2px #E1E1E1;
    -webkit-box-shadow: inset 2px 2px 2px #E1E1E1;
}

.bbcode-popup {
    font-size: 11px;
    color: #555;
    width: auto !important;
    height: auto !important;
    background-color: #FFF;
    border: 1px solid #CACACA !important;
    padding: 4px;
    margin-top: 2px;
    cursor: pointer;
}

.textbox {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color: rgb(0, 0, 0);
    border: 1px solid #CACACA;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 0 2px;
}

.textbox:focus {
    background: #FFF;
}

.control-label {
    margin-bottom: 0;
}

div.emulated-fieldset {
    position: relative;
    margin: 20px 0px 10px 0px;
    border: 1px solid #CCC;
    width: 320px;
    background: inherit;
}

div.emulated-fieldset span.emulated-legend {
    display: inline;
    position: absolute;
    top: -16px;
    margin: 0 5px;
    padding: 4px;
    background-color: #fff;
}

div.emulated-fieldset div.attachments-list {
    padding: 10px 3px 3px 3px;
    width: 320px;
}

.comment-avatar-wrap {
    float: left;
    padding: 10px 20px 10px 0;
    position: relative;
}

.comment-avatar-wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 0;
    height: 0;
    border-right: 6px solid #121212;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right-color: #DFDFDF;
}

.comment-main {
    position: relative;
}

.comment {
    overflow: hidden;
    position: relative;
    margin: 0 0 15px 0;
    padding: 10px 20px;
    border-radius: 3px;
    background: #F0F0F0;
    border: 1px solid #DFDFDD;
}

.comment .user {
    line-height: 1.3;
    overflow: hidden;
}

.comment .user .date {
    display: block;
    color: #666;
    font-size: 11px;
}

.shoutboxwrapper {
    margin-top: 20px;
}

.center {
    margin: 0 auto;
}

.tbl-border {
    border: 1px solid #EEE;
}

.tbl {
    color: #555;
    background-color: #FFF;
    padding: 4px;
}

.tbl1 {
    color: #555;
    background-color: #FFF;
    padding: 5px;
}

.tbl2 {
    color: #555;
    background-color: #F9F9F9;
    padding: 4px;
}

.tbl-error {
    color: #AC260F;
    font-weight: bold;
    background-color: #FCCAC2;
    border: 2px solid #EB5339;
}

.quote {
    font-style: italic;
    font-weight: normal;
    color: #555;
    background-color: #F9F9F9;
    border-left: 8px solid #BFCADA;
    padding: 15px;
    margin: 0px 22px 0px 22px;
}

.poll {
    height: 12px;
    border: 1px solid #BBB;
}

.small {
    font-size: 10px;
    font-weight: normal;
}

.small2 {
    font-size: 11px;
    font-weight: normal;
    color: #555;
}

.side-small {
    font-size: 11px;
    font-weight: normal;
    color: #555;
}

.side-label {
    color: #FFF;
    background-color: transparent;
    margin: 10px 0;
    padding: 2px 2px 3px 2px;
}

/* Forum */
#stext-field {
    margin-bottom: 0;
}

#stext-field .btn {
    border-radius: 0 2px 2px 0;
}

.forum-caption {
    background-color: rgb(55, 73, 94);
    color: rgb(116, 151, 184);
    padding: 10px !important;
    margin-bottom: 10px;
    border-bottom: 0px !important;
    border-top: 1px solid #CCC !important;
    font-weight: normal !important;
}

.forum-cat-description {
    font-weight: normal !Important; /* override BS */
}

.forum-caption a {
    font-size: 14px !important; /* WHERE ? */
    font-weight: normal;
    color: #FFF;
}

.forum-caption a:hover, .forum-caption a:focus {
    color: #FFF;
}

.forum_idx_table {
    margin-bottom: 20px !important;
}

.forum_idx_table td:first-child, .forum_idx_table th:first-child, .forum_table th:first-child, .forum_table td:first-child {
    padding: 10px 0px 10px 15px !important;
}

.forum_idx_table th:first-child, .forum_table th:first-child {
    color: #FFF;
}

.forum_table td {
    padding: 20px 10px 10px !important;
}

.forum-icon {
    background: #FFF !Important;
}

.forum-icon img {
    max-width: 25px;
    margin-top: 11px !important;
}

.forum.label > .detail {
    font-size: 11px;
}

.forum-icon-stickythread {
    max-height: 24px;
}

.lastpost-avatar img {
    width: 60px !important;
}

.forum-table-heading {
    border-bottom: 0 !important;
}

.forum-table-container {
    background-color: #F7F7F7;
}

.forum-table-container h3 {
    font-size: 17px;
}

.forum-cat-description {
    font-size: 14px;
}

.lastpost-title {
}

.lastpost-user {
}

.forum-name h3 {
    margin: 0 0 5px;
    line-height: 25px;
    font-size: 14px;
}

.forum-name h3 span {
    font-weight: bold;
}

.forum-name h3 a {
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.forum-description {
    color: rgb(117, 137, 156);
}

.forum-moderators {
    font-size: 13px;
}

.small {
    font-size: 14px !Important;
}

.breadcrumb {
    margin-top: 10px !important;
}

/* Thread */
.forum_thread_post_space {
}

.forum_thread_user_post {
    background-color: rgb(255, 255, 255);;
}

.forum_thread_user_info {
    background-color: rgb(242, 246, 248);
}

.forum_thread_table {
    border-spacing: 0;
    border: 0;
}

.forum_thread_user_name {
    border-top: 2px dashed #FFF;
}

.forum_thread_post_date {
    border-top: 2px dashed #FFF;
}

.forum_thread_ip {
    border-bottom: 2px dashed #FFF;
}

.forum_thread_userbar {
    border-bottom: 2px dashed #FFF;
}

.profile, .profile_category {
    width: 90%;
}

.edit-profile {
    width: 90%;
}

.profile_user_reason {
    color: #F66;
    font-weight: bold;
}

/* Page nav */
.pagenav {
    text-align: left;
    padding: 5px;
}

.pagenav span {
    font-weight: normal;
    color: #999;
    text-decoration: none;
    text-decoration: none;
    cursor: default;
    padding: 4px 4px 4px 4px;
    margin: 2px;
}

.pagenav a {
    color: #999;
    text-decoration: none;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 4px 4px 4px; /* top right bottom left*/
    margin: 2px;
}

.pagenav a:hover, .pagenav a:focus {
    color: #777;
    text-decoration: none;
}

footer {
    padding: 10px 0 0 0;
    background: #606C88; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#606C88), to(#3F4C6B));
    background: linear-gradient(to bottom, #606C88 0%, #3F4C6B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606C88', endColorstr='#3F4C6B', GradientType=0); /* IE6-8 */
    margin-top: 40px;
    border: 1px solid #4D5A7A;
}

footer a {
    color: #C9B5AF;
    text-decoration: underline;
}

#copyright {
}

#copyright a {
    color: #EEE;
    text-decoration: none;
}

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

/* Helpers  */
.center, *[align="center"] {
    margin: 0 auto;
}

/* TinyMCE specific rules */
body.mceContentBody {
    background: #EEE;
    color: #111;
}

.mceToolbar {
    overflow: auto;
}

.mceEditor table {
    max-width: none; /* Bug in computation of fullscreen */
}

.mceEditor table.mceLayout {
    width: 100% !important;
    height: auto !important;
}

table.mceToolbar {
    float: left;
}

body .mceToolbar div {
    white-space: normal;
    width: 200px;
}

.center {
    margin: 0 auto;
}

.content_center {
    text-align: center;
}

.flleft {
    float: left !important;
}

.flright {
    float: right !important;
}

/* End hide from IE Mac */

.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
}

.center, *[align="center"] {
    margin: 0 auto;
}

/* side css menu */
.fusion_css_navigation_panel {
    margin: -20px;
    background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
    padding-top: 4px;
    padding-bottom: 4px;
}

.fusion_css_navigation_panel ul li a {
    display: block;
    color: rgb(255, 255, 255);
    padding: 3px 8px 3px 14px !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.fusion_css_navigation_panel ul li a:hover, .fusion_css_navigation_panel ul li a:focus {
    color: rgb(255, 255, 255);
    background-color: rgb(90, 119, 160);
}

#user-profile {
    margin: 0 2%;
}

.select2-container-multi .select2-choices .select2-search-choice {
    display: inline-block !important;
    width: auto !important;
    padding: 3px 15px !important;
}

.select2-container-multi .select2-search-choice-close {
    right: 2px !important;
}

.select2-search-choice-close {
    width: 12px !important;
}

.forum-subject {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

/** News Infusion Custom Template */
#news-carousel .left.carousel-control, #news-carousel .right.carousel-control {
    display: block;
    position: absolute;
    height: 38px;
    width: 50px;
    background: rgba(0, 0, 0, 0.33);
}

#news-carousel .left.carousel-control > span, #news-carousel .right.carousel-control > span {
    left: 25px !important;
    margin-top: 10px;
}

#news-carousel .item-lg, #news-carousel .item-sm {
    padding: 0;
}

#news-carousel .item-inner {
    display: table;
    padding: 15px;
    box-shadow: 0 -350px rgba(0, 0, 0, 0.4) inset;
    width: 100%;
    height: 100%;
}

#news-carousel .item-caption {
    -webkit-transition: padding-bottom 0.5s cubic-bezier(.55, 0, .1, 1);
    transition: padding-bottom 0.5s cubic-bezier(.55, 0, .1, 1);
}

#news-carousel .item-lg .item-caption:hover {
    padding-bottom: 25px;
}

#news-carousel .item-sm .item-caption:hover {
    padding-bottom: 15px;
}

#news-carousel .item-lg > .item-inner > .item-caption, #news-carousel .item-sm > .item-inner > .item-caption {
    display: table-cell;
    vertical-align: bottom;
}

#news-carousel .label-news {
    background: #2196f3;
    font-size: 13px;
    padding: 5px;
    margin-right: 10px;
}

#news-carousel .label-date {
    font-size: 11px;
    color: #fff;
}

#news-carousel .item-caption > a {
    font-size: 20px;
    color: #fff !important;
}

#news_filter_tab ul#filters {
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

#news_filter_tab ul#filters > li > a {
    border: 0;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-right: 18px !important;
    padding: 15px 0 !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

#news_filter_tab ul#filters > li:hover > a,
.news-title-info a:hover {
    background-color: transparent;
    color: #2196f3 !important;
}

#news_filter_tab ul#filters > li.active > a {
    margin-right: 18px !important;
    padding: 15px 0 !important;
    color: #333;
    border-bottom: 2px solid #2196f3 !important;
}

#news_filter_tab ul#filters > li.active > a:hover {
    color: #2196f3 !important;
}

.news-img-info {
    position: relative;
    display: block;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.news-img-info > .img-link > img {
    margin: 0 auto;
}

.news-img-info:hover .news-box-overlay {
    background-color: rgba(0, 0, 0, 1);
    opacity: 0.8;
}

.news-box-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.2s, visibility 0.2s;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
}

.news-box-overlay a {
    padding: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.news-box-overlay h4 {
    margin-bottom: 20px;
}

.news-poster {
    display: block;
    width: 100%;
    margin: 5px 0;
    clear: both;
}

.news-poster-info .news-author a,
.news-poster-info .news-date,
.news-poster-info .news-comments,
.news-poster-info .news-comments a,
.news-poster-info .news-ratings,
.news-poster-info .news-ratings a,
.news-poster-info .news-read {
    margin-right: 10px;
    font-size: 12px;
    color: #808080;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.news-poster-info .news-author a:hover,
.news-poster-info .news-comments a:hover,
.news-poster-info .news-ratings a:hover {
    color: #333;
}

h4.news-title-info {
    display: block;
    line-height: 16px;
    margin: 18px 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.news-article {
    min-height: 520px;
}

.news-description-info {
    display: block;
    margin-top: 20px;
}

.contentRight .text-dark {
    color: #fff !important;
}

blockquote {
    padding: 10px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

#error_logform {
    margin-bottom: 20px !important;
    padding-bottom: 10px;
}

#error_logform #delete_entries {
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 3px 10px;
}

.maintenance {
    height: 100vh;
}

/*
Start WOL Custom
 */
@media (min-width: 1200px) {
    .container {
        width: 1170px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 78% !important;
    }
}

@media (min-width: 1300px) {
    .container {
        width: 1270px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 80% !important;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1370px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 81% !important;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 82% !important;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 84% !important;
    }
}

@media (min-width: 1700px) {
    .container {
        width: 1670px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 85% !important;
    }
}

@media (min-width: 1800px) {
    .container {
        width: 1770px !important;
    }
    .leftbar {
        width: 250px;
    }
    .col-lg-9 {
        width: 85% !important;
    }
}


img.headerImg {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    image-rendering: auto;
}

@media (max-width: 768px) {
    .section-showcase {
        min-height: 100px !important;
    }

    img.headerImg {
        width: 768px;
        height: 100%;
        vertical-align: top;
        image-rendering: auto;
    }
}



.section-showcase .container {
    border-left: 0px solid rgba(255, 255, 255, 0.25);
    border-right: 0px solid rgba(255, 255, 255, 0.25);
    min-height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

div.section-2-tab {
    background-color: rgba(55, 73, 94, 0.5);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    padding: 5px 5px;
}

/* Section 1 */
header {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
    background-image: none;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

/*
END WOL Custom
 */

/*
START DATATABLES OVERRIDE CSS
 */

.dataTables_filter {
    border-width: 5px !important;
}


/*
START CATEGORY NESTED LIST CSS
 */

table.systemTbl {
    width: 100%;
    align-self: center;
}

img.systemImgTN {
    width: auto;
    height: 22px;
}

.middleText {
    vertical-align: center;
    margin-top: 5px;
}

.tr-systems {
    background-color: lightgrey;
}

.tr-syscolor {
    color: black;
}

.just-padding {
    padding: 15px;
}

.list-group.list-group-root {
    padding: 0px;
    overflow: hidden;
    color: white;
}

.list-group.list-group-root .list-group {
    margin-bottom: 0;
    padding: 5px;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 0px 0 0 0;
    font-weight: bold;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
    vertical-align: center;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
    font-weight: normal;
    vertical-align: center;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
    vertical-align: center;
}


/*
END CATEGORY NESTED LIST CSS
 */

.jumbotron .jumboLp {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.tblDetail table {
    padding: 40px;
    border: #0a0a0a;
    border-width: 2px;
}

.tblDetail tr {
    padding: 40px;
}

.tblDetail td {
    padding: 3px 10px 3px 10px;
    vertical-align: top;
}

.tblDetail img {
    vertical-align: top;
}

.longplayers {
    vertical-align: middle;
    color: black;
    background-color: lightgrey;
    margin: 5px;
}

.label-longplayers {
    border-radius: 50%;
    margin-left: 5px;
}

#news-nav_menu {
    /*
    display: none !important;

     */
}

figure.thumb {
}

article {

}

.clearfix > .news-index {

}


/* --------------------------------------------
   SEARCH LIST
 -------------------------------------------- */

.xsearch-items {
    padding-left: 0px;
}

li.search-item {
    list-style-type: none;
}

.search-item {
    list-style-position: outside !important;
}

.search-item-img {
    float: left;
    position: absolute;
}

.search-item-img img, .search-item-img .img-holder {
    height: 70px;
    width: 70px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
    border: 4px solid white;
}

.search-item-img .img-holder {
    border: 1px solid #e3e3e3;
    line-height: 20px;
    background: #f7f7f7;
    border-color: rgba(207,215,223,.25);
}

.search-item-img .img-holder i {
    display: inline-block;
    padding: 28px 20px;
    font-size: 28px;
    opacity: 0.5;
}

.search-item-content {
    margin-left: 100px;
    padding-bottom: 35px;
    margin-bottom: 20px;
    /*border-bottom: 1px solid rgb(231, 231, 231);*/
}

.search-item-content.no-excerpt h3 {
    margin-top: 8px;
}

.search-item-content .search-item-meta {
    display: block;
    margin-bottom: 10px;
}

.search-item-meta-down a,
.search-item-meta a {
    font-size: 11px;
    text-transform: uppercase;
}

.xsearch-items a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.search-item-content .time {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
}

.search-item-content time,
.search-item-content span {
    color: #999999;
}

.xsearch-items h3.search-item-caption {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 16px;
}

.xsearch-items .search-item-meta-down {
    margin-top: 5px;
    color: #999;
    font-size: 12px;
}

.xsearch-items .star-vote li {
    padding: 0;
    font-size: 14px;
}

.xsearch-result-count {
    color: #999;
    margin-bottom: 30px;
}


ul.xsearch-items-2 {
    padding-left: 0;
    margin-left: 0;
}

.xsearch-items-2 li {
    list-style: none;
}


.xsearch-info-meta:before, .xsearch-info-meta:after {
    content: "";
    display: table;
}

.xsearch-info-meta:after {
    clear: both;
}

.xsearch-info-meta {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-bottom: 5px;
    font-size: 12px;
    opacity: 0.7;
}

.xsearch-info-meta-item {
    float: left;
    margin-right: 10px;
}

.xsearch-item-title h3,
.xsearch-item-title h4 {
    margin-bottom: 5px;
}

.xsearch-desc {
    margin-bottom: 2px;
}

.search-item-icon {
    padding-right: 3px;
}

nav.xsearch-navbar {
    padding-left: 0;
}

nav.xsearch-navbar.navbar-light .navbar-nav .active > .nav-link {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 12px;
}

.xsearch-item .xsearch-item-title strong {
    font-weight: 600;
}

ul.xsearch-items-2 .xsearch-item {
    margin-bottom: 40px;
}

.xsearch-item .xsearch-desc strong {
    color: #111;
}



.search-result-wrap .search-result-item {
    padding-bottom: 25px;
    padding-top: 25px;
    border-bottom: 1px solid rgba(207,215,223,.25);
}

.search-result-wrap .search-result-item .title h4,
.search-result-wrap .search-result-item .title h3 {
    margin-bottom: 5px;
}

.search-result-item-meta {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 25px;
}

.search-result-item-meta li {
    color: #999;
    margin-right: 5px;
}

.search-result-item-meta li i {
    margin-right: 4px;
}

.search-result-item-meta li a {
    /*border-bottom:1px dotted rgba(207,215,223,.25);
     padding-bottom:2px;*/
    color: #1a0dab;
}

.search-result-item-link,
.search-result-item-excerpt,
.search-result-item-meta {
    margin-left: 25px;
}

.search-result-item-excerpt strong {
    color: #444;
    font-weight: 600;
}

.search-result-item-excerpt {
    margin-bottom: 5px;
}

.search-result-item-meta li:first-child {
    margin-left: 0;
    padding-left: 0;
}



.news-item .news-news {
    margin-top: 60px !important;
}

.jumbo-welcome {
    padding: 30px;
    border-radius: 15px !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
}

.jumbo-news {
    padding: 15px 30px 0px 30px;
    border-radius: 15px !important;
    background-color: #eee;
}

.front-form {
    font-size: 14px;
}

#b_.panelbutton.pointer {
    display: none;
}

td.runtime-col {
    padding-right: 5% !important;
    text-align: right;
}

#longplayTbl_filter {
  /*  background-color: #f2f2f2;*/
}

.dataTables_filter input {
    background-color: #f2f2f2;
}

table.dataTable thead .sorting {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}


/*
table#longplayTbl, table#longplayTbl td {
    padding: 0px;
    border: none;
    border-collapse: collapse;
    vertical-align: middle !important;
}




 */