@charset "utf-8";
/* CSS Document */
    body {
        background-color: white;
    }

    .testbox {
        background-color: #fff;
		margin-left:20px;
    }

    .testrow {
        background-color: beige;
    }
    /*style button*/

    .buttonSquare {
        width: 100%;
        border-radius: 0px;
        display: inline-block;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: relative;
        cursor: pointer;
        margin: 0px 0 4px 0;
        padding: 15px 0px 15px 0px;
        border: none;
        font: normal 18px "Roboto", Helvetica, sans-serif;
        color: rgba(255, 255, 255, 0.9);
        text-transform: capitalize;
        -o-text-overflow: clip;
        text-overflow: clip;
        background: #686d6e;
        text-shadow: 0 0 0 rgba(239, 245, 247, 1);
        transition: all 0.2s;
    }

    .buttonRounded {
        width: 100%;
        border-radius: 0px;
        display: inline-block;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        position: relative;
        cursor: pointer;
        margin: 0px 0 4px 0;
        padding: 15px 0px 15px 0px;
        border: none;
        font: normal 18px "Roboto", Helvetica, sans-serif;
        color: rgba(255, 255, 255, 0.9);
        text-transform: capitalize;
        -o-text-overflow: clip;
        text-overflow: clip;
        background: #686d6e;
        text-shadow: 0 0 0 rgba(239, 245, 247, 1);
        transition: all 0.2s;
    }

    button {
        height: 32px;

    }

    .buttontest{
        background-color: aqua;
    }

    /* remember to define focus styles! */

    :focus {
        outline: 0;
    }

    .buttonSquare span,
    .buttonRounded span {
        position: absolute;
        left: 78px;
        top: 20px;
        font: normal 18px "Roboto", Helvetica, sans-serif;
        text-transform: uppercase;
    }

    .buttonSquare i,
    .buttonRounded i {
        color: white;
        font-size: 32px;
        margin: 0 0 0 17px;
        z-index: 9999;
        position: relative;
    }

    button.buttonSquare i,
    button.buttonRounded i {
        color: white;
        font-size: 32px;
        margin: 0;
        z-index: 9999;
        position: absolute;
        left: 18px;
        top: 15px;
    }

    .buttonSquare:hover,
    .buttonRounded:hover,
    button.buttonSquare:hover,
    button.buttonRounded:hover {
        text-shadow: 0 0px 0px rgba(87, 151, 180, 0.36);
        transition: all 0.3s;
    }

    .buttonSquare:active,
    .buttonSquare:focus,
    .buttonRounded:active,
    .buttonRounded:focus {
        top: 0;
        background: #8e9292;
        -webkit-transform-origin: 50% 100% 0;
        -moz-transform-origin: 50% 100% 0;
        -o-transform-origin: 50% 100% 0;
        -ms-transform-origin: 50% 100% 0;
        transform-origin: 50% 100% 0;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .buttonSquare::before {
        display: inline-block;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 63px;
        height: 100%;
        position: absolute;
        content: "";
        cursor: pointer;
        top: 0;
        left: 0;
        border: none;
        color: rgba(0, 0, 0, 0.9);
        -o-text-overflow: clip;
        text-overflow: clip;
        background: rgba(0, 0, 0, 0.3);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: 48px auto;
        background-size: 48px auto;
        transition: all 0.2s;
    }

    .buttonRounded::before {
        display: inline-block;
        border-radius: 0px 0 0 0px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        width: 63px;
        height: 100%;
        position: absolute;
        content: "";
        cursor: pointer;
        top: 0;
        left: 0;
        border: none;
        color: rgba(0, 0, 0, 0.9);
        -o-text-overflow: clip;
        text-overflow: clip;
        background: rgba(0, 0, 0, 0.3);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: 48px auto;
        background-size: 48px auto;
        transition: all 0.2s;
    }
    /*Colors*/

    .darkpink {
        background: #e798ba;
    }

    .darkpink:active,
    .darkpink:focus {
        background: #edb2cb;
    }

    .lightpink {
        background: #fa6374;
    }

    .lightpink:active,
    .lightpink:focus {
        background: #fb8a97;
    }

    .darkorange {
        background: #ba6200;
    }

    .darkorange:active,
    .darkorange:focus {
        background: #cb8940;
    }

    .orangeplus {
        background: #fc7736;
    }

    .orangeplus:active,
    .orangeplus:focus {
        background: #fd9968;
    }

    .orange {
        background: #d35400;
    }

    .orange:active,
    .orange:focus {
        background: #de7f40;
    }

    .orangelight {
        background: #f7941d;
    }

    .orangelight:active,
    .orangelight:focus {
        background: #f9af56;
    }

    .orangelightplus {
        background: #f39c12;
    }

    .orangelightplus:active,
    .orangelightplus:focus {
        background: #f6b54d;
    }

    .orangeblind {
        background: #f8b243;
    }

    .orangeblind:active,
    .orangeblind:focus {
        background: #fac572;
    }

    .yellow {
        background: #f3cf3f;
    }

    .yellow:active,
    .yellow:focus {
        background: #f6db6f;
    }

    .muddygreen {
        background: #9e9a27;
    }

    .muddygreen:active,
    .muddygreen:focus {
        background: #ada563;
    }

    .muddygreenplus {
        background: #a9baa2;
    }

    .muddygreenplus:active,
    .muddygreenplus:focus {
        background: #bfcbb9;
    }

    .green {
        background: #01b169;
    }

    .green:active,
    .green:focus {
        background: #62d995;
    }

    .greenplus {
        background: #16a085;
    }

    .greenplus:active,
    .greenplus:focus {
        background: #50b8a4;
    }

    .anothergreen {
        background: #52be7f;
    }

    .anothergreen:active,
    .anothergreen:focus {
        background: #7dce9f;
    }

    .lightgreen {
        background: #82d8b5;
    }

    .lightgreen:active,
    .lightgreen:focus {
        background: #a1e2c8;
    }

    .lightgreenplus {
        background: #47c9af;
    }

    .lightgreenplus:active,
    .lightgreenplus:focus {
        background: #75d7c3;
    }

    .lightgreentwoplus {
        background: #5aada2;
    }

    .lightgreentwoplus:active,
    .lightgreentwoplus:focus {
        background: #83c2b9;
    }

    .darkgreen {
        background: #8ba987;
    }

    .darkgreen:active,
    .darkgreen:focus {
        background: #bfcbb9;
    }

    .darkgreenplus {
        background: #067a6b;
    }

    .darkgreenplus:active,
    .darkgreenplus:focus {
        background: #449b90;
    }

    .lightred {
        background: #f26c63;
    }

    .lightred:active,
    .lightred:focus {
        background: #f5918a;
    }

    .red {
        background: #e74c3c;
    }

    .red:active,
    .red:focus {
        background: #ed796d;
    }

    .muddyred {
        background: #cc6055;
    }

    .muddyred:active,
    .muddyred:focus {
        background: #d98880;
    }

    .lime {
        background: #cfe374;
    }

    .lime:active,
    .lime:focus {
        background: #dbea97;
    }

    .gray {
        background: #5f5e61;
    }

    .gray:active,
    .gray:focus {
        background: #878689;
    }

    .black {
        background: #2d2e2b;
    }

    .black:active,
    .black:focus {
        background: #626260;
    }

    .beige {
        background: #b69f76;
    }

    .beige:active,
    .beige:focus {
        background: #c8b798;
    }

    .beigeplus {
        background: #e39568;
    }

    .beigeplus:active,
    .beigeplus:focus {
        background: #eab08e;
    }

    .brown {
        background: #9a6362;
    }

    .brown:active,
    .brown:focus {
        background: #b38a89;
    }

    .brownlight {
        background: #a87878;
    }

    .brownlight:active,
    .brownlight:focus {
        background: #be9a9a;
    }

    .darkbrown {
        background: #52323a;
    }

    .darkbrown:active,
    .darkbrown:focus {
        background: #7d656b;
    }

    .darkpurple {
        background: #584c58;
    }

    .darkpurple:active,
    .darkpurple:focus {
        background: #827982;
    }

    .lightpurple {
        background: #55367a;
    }

    .lightpurple:active,
    .lightpurple:focus {
        background: #80689b;
    }

    .lightpurpleplus {
        background: #af7ac4;
    }

    .lightpurpleplus:active,
    .lightpurpleplus:focus {
        background: #c39bd3;
    }

    .purple {
        background: #8e44ad;
    }

    .purple:active,
    .purple:focus {
        background: #aa73c2;
    }

    .purpleplus {
        background: #ae5e9b;
    }

    .purpleplus:active,
    .purpleplus:focus {
        background: #c286b4;
    }

    .anotherpurple {
        background: #9c00c5;
    }

    .anotherpurple:active,
    .anotherpurple:focus {
        background: #b540d4;
    }

    .muddypurple {
        background: #807399;
    }

    .muddypurple:active,
    .muddypurple:focus {
        background: #a096b3;
    }

    .azure {
        background: #00a2d3;
    }

    .azure:active,
    .azure:focus {
        background: #40b9de;
    }

    .blue {
        background: #024883;
    }

    .blue:active,
    .blue:focus {
        background: #4176a2;
    }

    .bluelight {
        background: #80a8cc;
    }

    .bluelight:active,
    .bluelight:focus {
        background: #a0bed9;
    }

    .bluelightplus {
        background: #6ab1b8;
    }

    .bluelightplus:active,
    .bluelightplus:focus {
        background: #8fc5ca;
    }

    .blueplus {
        background: #2980b9;
    }

    .blueplus:active,
    .blueplus:focus {
        background: #5fa0cb;
    }

    .darkblue {
        background: #34495e;
    }

    .darkblue:active,
    .darkblue:focus {
        background: #677786;
    }

    .darkbluelight {
        background: #484860;
    }

    .darkbluelight:active,
    .darkbluelight:focus {
        background: #767688;
    }

    .darkbluelightplus {
        background: #60677a;
    }

    .darkbluelightplus:active,
    .darkbluelightplus:focus {
        background: #888d9b;
    }
    /*new colors 03.04.2015*/

    .darkgreenextended {
        background: #07633e;
    }

    .darkgreenextended:active,
    .darkgreenextended:focus {
        background: #247c58;
    }

    .deepsea {
        background: #0f7066;
    }

    .deepsea:active,
    .deepsea:focus {
        background: #22847a;
    }

    .deeppurple {
        background: #331a4d;
    }

    .deeppurple:active,
    .deeppurple:focus {
        background: #52376e;
    }

    .deeporange {
        background: #ff5b0b;
    }

    .deeporange:active,
    .deeporange:focus {
        background: #f67a3e;
    }

    .pinklight {
        background: #de0063;
    }

    .pinklight:active,
    .pinklight:focus {
        background: #ee2c82;
    }

    .deepbrown {
        background: #830f12;
    }

    .deepbrown:active,
    .deepbrown:focus {
        background: #8f282a;
    }

    .amethyst {
        background: #1abc9c;
    }

    .amethyst:active,
    .amethyst:focus {
        background: #3aceb1;
    }

    .concrete {
        background: #95a5a6;

    }

    .concrete:active,
    .concrete:focus {
        background: #b5b5b5;
    }

    .graphite {
        background: #454545;
    }

    .graphite:active,
    .graphite:focus {
        background: #626161;
    }

    .asphalt {
        background: #34495e;
    }

    .asphalt:active,
    .asphalt:focus {
        background: #4f647a;
    }
    /*base style*/

    .brb_wrapper {
        background: #212e3b;
        min-height: 100%;
        padding: 100px 0;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 1px;
        padding-left: 0px;
    }

    .buttonspace {
        position: relative;
        min-height: 1px;
        padding-right: 2px;
        padding-left: 2px;
    }

    .infopanel {
        padding: 20px 0px 20px 0px;
    }

    .buttonpanel {
        margin-bottom: 20px;
    }

    .rating {
        font-size: 24px;
        text-align: center;
        font-weight: 700;
    }

    .staterating {
        height: 100px;
        text-align: center;
        background-color: #a9dbd7;
        padding: 10px;
    }

    .pastrating {
        background-color: #339b9b;
        color: white;
        height: 100px;
        padding: 10px;
    }

    .proilebox {
        width: 100px;
        height: 500px;
    }

    .pbmargin {
        margin: 0px -20px 0px -20px;
        line-height: 98%;
    }

    .statbox {
        height: 150px;
        background-color: white;
        text-align: center;
    }

    .profiletitle {
        padding: 10px 0px 0px 20px;
        font-size: 14px;
    }

    .overview h3 {
        font-weight: 300;
        margin-top: 15px;
        margin: 10px 0 0 0;
    }

    .overview h4 {
        font-weight: bold!important;
        font-size: 40px;
        margin-top: 0;
    }

    .user-pad {
        padding: 20px 25px;
    }

    .map {
        background-color: lightgrey;
        height: 100px;
        width: 100px;
        float: left;
        margin: 0px 8px 0px 0px;
    }

    .statl {
        font-size: 32px;
    }

    .statn {
        font-family: sans-serif, roboto;
        font-weight: 700;
        font-size: 52px;
    }

    .statement {
        padding: 0px 20px 20px 20px;
    }

    ol {
        list-style-type: none;
    }

    li.light {
        background-color: #f8f8f8;
    }

    li.dark {
        background-color: #e8e8e8;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }



    /**
    * accordion
    * --------------------------------------------------
    */

    .panel-group .panel {
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
		margin-top:40px;
    }

    .panel-group .panel + .panel {
        margin-top: 0;
        background-color: aqua;
    }

    .panel-group .panel-heading {
        padding: 0;
        border-bottom-color: orange;
    }

    .panel-group .panel-heading + .panel-collapse .panel-body {
        padding: 50px 0;
        border-top-color: red;
    }

    .panel-group .panel-title a {
        display: block;
        padding: 10px 0;
    }

    .panel-group-lists .panel {
        background-color: white;
        border-bottom: 0px solid #e6e9ed;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    }

    .panel-group-lists .panel:first-child {
        background-color: aqua;
        border-radius: 0px 0px 0 0;
        -webkit-border-radius: 0px 0px 0 0;
        -moz-border-radius: 0px 0px 0 0;
    }

    .panel-group-lists .panel:last-child {
        border-bottom: none;
        border-radius: 0 0 0px 0px;
        -webkit-border-radius: 0 0 0px 0px;
        -moz-border-radius: 0 0 0px 0px;
    }

    .panel-group-lists .panel-heading + .panel-collapse .panel-body {
        padding: 15px;
        border-top-color: #e6e9ed;
    }

    .panel-group-lists .panel-title a {
        padding: 10px 15px;
        color: #434a54;
    }

    .panel-title {
        padding: 4px 4px 6px 20px;
        background-color: lightgrey;
        font: normal 18px "Roboto", Helvetica, sans-serif;
        color: black;
        margin-top: 1px;

    }

    .panel-group-lists .panel-title a:hover,
    .panel-group-lists .panel-title a:focus,
    .panel-group-lists .panel-title a:active {
        color: #aab2bd;
    }

    .list-group.panel > .list-group-item {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .list-group-submenu {
        margin-left: 20px;
    }

    .kmenu {
        border: none;
        background-color: transparent;
        margin-top: -24px;
        margin-bottom: 1px;
        padding-bottom: 1px;
        color: darkgrey;
    }

    .list-group-item-success {
        color: black;
        background-color: lightgray;
    }

    a.list-group-item-success {
        color: #000000;
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover {
        color: #2c2c2c;
        background-color: #e3e3e3;
    }


    /** 5th row columns **/
    .col-xs-5ths,
    .col-sm-5ths,
    .col-md-5ths,
    .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 1px;
        padding-left: 0px;
    }

    .col-xs-5ths {
        width: 20%;
        float: left;
    }

    @media (min-width: 768px) {
        .col-sm-5ths {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 992px) {
        .col-md-5ths {
            width: 20%;
            float: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-5ths {
            width: 20%;
            float: left;
        }
    }