.orange_bg{
    background-color: orange !important;
}
.yellow{
    color: yellow !important;
}

#btt_multi .padding{
    padding:.25em 2%;
}

#btt_multi .logo_wrapper{
    height:5em !important;
    /*background-color: red !important;*/
    text-align: center;
}
#btt_multi .label{
    color:#333 !important;
    width:70%;
    float:left;
    display: inline;
}
#btt_multi .list-group-item > .label:first-of-type{
    width:30%;
}
#btt_multi .list-group-item{
    overflow: hidden;
}
#btt_multi .label .label{
    width:100%;
}
#btt_multi .label .label-warning{
    width:90%;
    margin-left:10%;
}
#btt_multi .label.right{
    text-align:right;
    /*background-color: yellow;*/
}
#btt_multi .label.left{
    text-align:left;
    /*background-color: orange;*/
}

#btt_multi > .col-xs-6,
#btt_multi > .col-xs-12{
    padding-left:5px;
    padding-right:5px;
}

#btt_multi .padded15px_imp{
    padding:15px !important;
}
#btt_multi .value{
    color:#333 !important;
}
#btt_multi .logo_wrapper{
    height:5em !important;
    overflow: hidden;
}
#btt_multi .logo_wrapper img{
    max-height: 4.5em !important;
    display: inline;
}
#btt_multi .site_url{
    float:right;
}
#btt_multi .panel-heading{
    height: 2.5em;
    padding-left:3px;
    padding-right:3px;
    overflow: hidden;
}
#btt_multi .panel-heading .panel-title{
    color: white !important;
}
#btt_multi .alert{
    padding: 5px 2% 5px 2%;
}
#btt_multi p.alert {
    margin-bottom: 0 !important;
    padding: 5px 0 0 0;
}

#btt_multi .panel-body,
#btt_multi .panel-body .list-group-item{
    /*background-color: pink;*/
    padding-left:4px !important;
    padding-right:4px !important;
}
#btt_multi .panel-body .col-xs-12{
    padding-left:0 !important;
    padding-right:0 !important;
}
#btt_multi .panel-body{
    background-color: #dad9d9;
}
#btt_multi .panel .panel-title{
    font-size: 13px;
    text-align: center;
}
#btt_multi .error{
    font-weight: bold !important;
    color:red !important;
    /*font-size: .9em !important;*/
    padding:.5em 2%;
    border-radius: 7px;
    border:1px solid red;
    background-color: #f2dede ! important;
    letter-spacing: .5px;
}
#btt_multi .emphasis{

}

#btt_multi .block {
    display: block;
}
#btt_multi p{
    margin-bottom: .25em;
}
#btt_multi .no-vertical-margins{
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
#btt_multi .role{
    font-weight: bold !important;
    text-align: left;
    background-color: #d9edf7;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
#btt_multi .user{
    text-align: right;
    background-color:lightgreen;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    background-color: #fcf8e3;
    color:#8a6d3b;
}
#btt_multi .hidden{
    display: none;
}
#btt_multi .block{
    display: block;
}
.logout_button_wrapper a{
    margin:1em 0;
    background-color: #337ab7;
    border-radius: 4px;
    padding:.5em 1%;
    color:white;
}
.logout_button_wrapper a:hover{
    background-color: rgba(51,122,183,.6);
}

#ipass_chart_data,
#ipass_chart_data tr th,
#ipass_chart_data tr td {
    font-size: 13px;
    font-weight: normal !important;
    padding:10px 2.5px;
}

/* START Media queries to make the rows clear */

@media (min-width: 1200px) {
    .col-lg-3:nth-of-type(4n +1){
        clear: both;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {  /* 992px - 1199px is the md size */
    .col-md-4:nth-of-type(3n +1){
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 991px) {  /* 768px - 991px is the sm size */
    .col-sm-6:nth-of-type(2n +1){
        clear: both;
    }
}
/* END Media queries to make the rows clear */