Stuff

        .ql {
    background-color: rgba(30,30,30,.7);
    padding: 5px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: #080808 1px 1px 15px;
}

.qlcontent {
    text-align: center;
    margin: auto;
}

.ql .header {
    padding: 12px;
    font-size: 18px;
    margin-bottom: 20px;
    background-color: #1c92b9;
    color: #FFF;
}

.quick-links {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

.quick-links a {
    padding: 5px;
    background-color: #222;
    border: 1px solid #8D4D91;
    width: 100%;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    display: inline-block;
}

@media screen and (max-width: 480px) {
    .quick-links a {
        font-size : 11px;
        padding: 5px;
    }
}

    .body-inner {
        background: rgba(0, 0, 0, .5);
    }

    .panel-default > .panel-heading {
        background-color: #14a4cd;
    }

    .text-color {
        color: #14a4cd;
    }

    div::-webkit-scrollbar {
        width: .7em !important;
        background-color: rgba(20, 20, 20, .4) !important;
    }

    div::-webkit-scrollbar-thumb {
        background-color: #14a4cd     !important;
        border-radius: 4px !important;
    }

    .list-group-item.active {
        background: #14a4cd;
        border-color: rgba(250, 250, 250, .3);
    }

    .navbar.navbar-inverse .nav > li.active > a, .navbar.navbar-inverse .nav > li > a:hover, .navbar.navbar-inverse .nav > li > a:active {
        color: #14a4cd;
    }

    a {
        color: #14a4cd;
    }

    a:hover, a:focus {
        color: #46d6ff;
    }

    .navbar .container .collapse .nav .dropdown .dropdown-menu > li > a:hover, thead {
        background: #14a4cd;
    }

    .bracket-header {
        background-color: #14a4cd;
        font-family: "Stardos Stencil", cursive!important;


    }

    .btn-default {
        background: #14a4cd;
        color: white;
        border-color: #14a4cd;
    }

    .btn-default:hover, .list-group a:hover {
        color: white;
        background: #46d6ff ;
    }

    .panel-body .nav li.active, .panel-body .nav li:hover {
        border-left: #14a4cd solid 4px;
    }

    .form-control:focus {
        border-color: #14a4cd;
    }

    .panel-body .nav.nav-tabs li.active a, .panel-body .nav.nav-tabs li:hover a {
        color: white;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #14a4cd;
        border-color: #14a4cd;
    }

    .onoffswitch-switch {
        background-color: #14a4cd;
    }

    .onoffswitch-inner:after, .onoffswitch-inner:before {
        color: #14a4cd;
    }



        body {
            background-image: url(https://artfiles.alphacoders.com/565/56559.jpg);/*https://artfiles.alphacoders.com/565/56559.jpg*/
            background-attachment: fixed;
            background-size: 100% 100%;
        }

        @media  screen and ( max-width: 768px ) {
            body {
                background-size: cover;
            }



/* Spacing */
.category-children {
    margin-bottom: 10px;
    max-width: 100% !important;
    margin-top: 7px;
}
/* Spacing */
/* Style of the spacing */
.category-children a {
    padding: 0.5px;
    background: rgba(20, 20, 20, 0.5);
    margin-right: 10px;
    border-radius: 0;
    -moz-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    -webkit-box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
    box-shadow: 1px 1px 0px #222222, -1px -1px 0px #000000;
}
/* Style of the spacing */


/* Style for quotes */
.blockquote {
    padding: 10px 20px;
    margin: 10px 0px 20px;
    border-left: 5px solid #eee;
}

.post-message blockquote {
    background-image: url("https://s13.postimg.org/6x0222jjr/q-up.png"), url("https://s13.postimg.org/njhmb5chj/q-down.png");
    background-position: left 8px top, right 10px bottom;
    background-repeat: no-repeat;
    background-color:#181818;
    padding: 11px 40px;
    margin-bottom: -10px;
    margin-top: 10px;
    border-radius: 0;
    -moz-box-shadow:1px 1px 0px #222222, -1px -1px 0px #000000;
    -webkit-box-shadow:1px 1px 0px #222222, -1px -1px 0px #000000;
    box-shadow:1px 1px 0px #222222, -1px -1px 0px #000000;
    border: #000 solid 0;
}

.navbar-left-forum li:nth-child(1) a:before {
     font: normal normal normal 14px/1 FontAwesome;
     content: "\f015 ";
}

.navbar-left-forum li:nth-child(2) a:before {
     font: normal normal normal 14px/1 FontAwesome;
     content: "\f0e6 ";
}

.navbar-left-forum li:nth-child(3) a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f095 ";
}

.navbar-left-forum li:nth-child(4) a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0c0 ";
}

.navbar-left-forum li:nth-child(5) a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f233 ";
}

    .navbar-left-forum li:nth-child(6) a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f06e ";

    }

    .navbar-left-forum li:nth-child(7) a:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0e3 ";
}

 /*beginning of creators*/


/* Three columns side by side */
.column {
    float: left;
    width: 33.3%;
    margin-bottom: 16px;
    padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
    .column {
        width: 100%;
        display: block;
    }
}

/* Add some shadows to create a card effect */
.card {
    box-shadow: 0 4px 8px 0 rgba(142, 77, 204, 0.5);
}

/* Some left and right padding inside the container */
.container {
    padding: 0 16px;
}

/* Clear floats */
.container::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

.title {
    color: "ffff00";
    font-family: "Akronim", cursive!important;
}

.button {
    border: #76DBE5;
    outline: 1;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #313335;/*rgba(0, 0, 0, 5);*/
    text-align: center;
    cursor: pointer;
    width: 100%;
}

.button:hover {
    background-color: #1b1b1c;
}

/* End of creators*/
/* Scroll bar */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Colour of the scrollbar background */
::-webkit-resizer {
    background-color: #666;
}
/* Dimenstions of the scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 3px;
}
::-webkit-scrollbar-button {
    height: 0;
    background-color: transparent;
}
::-webkit-scrollbar-corner {
    background-color: #218ebb;
}
::-webkit-scrollbar-thumb {
    height: 5px;
    background-color: #218ebb;
/* change border-radius: 3px; to 0px; for square cornors */
    border-radius: 3px;
}
::-webkit-scrollbar-track {
    background-color: #218ebb;
}
::-webkit-scrollbar-track-piece {
    background-color: #222222;
}