/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
}

.image-fade {
    opacity: 0.2;
}

.glyphicon {
    text-align: center;
    font-size: 50px;
}

.infobucket {
    margin-top: 20px;
}


.buyStyle {
    color: blue;
}

.sellStyle {
    color: red;
}

.connectionUp {
    color: green;
}

.connectionDown {
    color: red;
}

.unAllocated {
    background-color: #FFFFDB;
}

.chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}


.dataTable th.sorting_desc:after {
    content: "\f0dd";
    top: 6px;
}


.dataTable th.sorting_asc:after {
    content: "\f0dd";
    top: 6px;
}


.datagridButton {
    margin-right: 5px;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #B9DCFA;
}

table.dataTable tbody tr.selected {
    background-color: #afd7cf;
}

.reqd-field {
    font-weight: bold;
}

.navbar {
    background-color: #2c6aa0;
}

.navbar-inverse {
    background-color: #2c6aa0;
}

.navbar-brand {
    color: #FFFFFF;
    padding-top: .80rem;
    font-size: 1.25rem;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

/*a {
    color: black;
    text-decoration: none;
}

a:hover,
a:focus {
    color: grey;
    text-decoration: underline;
}*/





/*
 *
 *   SKIN TS - INSPINIA - Responsive Admin Theme
 *   NAME - TradeState Blue light
 *
*/
.skin-ts .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-ts .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-ts.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-ts .spin-icon {
    background: #0e9aef !important;
}

.skin-ts .nav-header {
    background-color: #0e9aef;
    background-image: url('../Content/patterns/header-profile-skin-1.png');
}

.skin-ts.mini-navbar .nav-second-level {
    background: #3e495f;
}

.skin-ts .breadcrumb {
    background: transparent;
}

.skin-ts .page-heading {
    border: none;
}

.skin-ts .nav > li.active {
    background: #3a4459;
}

.skin-ts .nav > li > a {
    color: #9ea6b9;
}

.skin-ts .nav > li.active > a {
    color: #fff;
}

.skin-ts .navbar-minimalize {
    background: #0e9aef;
    border-color: #0e9aef;
}

body.skin-ts {
    background: #3e495f;
}

.skin-ts .navbar-static-top {
    background: #ffffff;
}

.skin-ts .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
}

.fixed-nav.skin-ts .navbar-fixed-top {
    background: #fff;
}

.skin-ts .wrapper-content {
    padding: 30px 15px;
}

.skin-ts #page-wrapper {
    background: #f4f6fa;
}

.skin-ts .ibox-title,
.skin-ts .ibox-content {
    border-width: 1px;
}

    .skin-ts .ibox-content:last-child {
        border-style: solid solid solid solid;
    }

.skin-ts .nav > li.active {
    border: none;
}

.skin-ts .nav-header {
    padding: 35px 25px 25px 25px;
}

    .skin-ts .nav-header a.dropdown-toggle {
        color: #fff;
        margin-top: 10px;
    }

        .skin-ts .nav-header a.dropdown-toggle .text-muted {
            color: #fff;
            opacity: 0.8;
        }

.skin-ts .profile-element {
    text-align: center;
}

.skin-ts .img-circle {
    border-radius: 5px;
}

.skin-ts .navbar-default .nav > li > a:hover,
.skin-ts .navbar-default .nav > li > a:focus {
    background: #3a4459;
    color: #fff;
}

.skin-ts .nav.nav-tabs > li.active > a {
    color: #555;
}

.skin-ts .nav.nav-tabs > li.active {
    background: transparent;
}




.group {
    color: #FFFFFF !important;
    background-color: #f1ad38 !important;
}