.active_player {
    background-color: #2e80b6;
    color:white;
    padding-left: 5px;
}

.login_form{
    margin-top: 15px;
}

.avatar {
    padding:30px
}

.page-title {
    font-family: Lustria, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    margin-top: 4px;
    margin-bottom: 8px;
    padding-bottom: 1px;
    padding-left: 0px;
    color: #369;
    font-size: 18px;
}

.main-title {
    font-size: 28px;
    margin-left: 10px;
}

.subitemlink:link {
    color:white;
}

.subitemlink:visited {
    color:white;
}

.subitemlink:hover {
    color:yellow;
}

.subitemlink:active {
    color:white;
    text-decoration: underline;
}

.transparentTab {
    color: white;
    text-align: left;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
}

.perftoptabpane {
    background-color: #369;
    font-family: 'Open Sans', sans-serif;
}

.perfchildtabpane {
    background-color: #fff;
    padding: 20px;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

/* performance tabs */
.perfTopTab {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
}

/* performance tabs */
.perfChildTab {
    padding: 20px;
}


/*.nav-tabs {*/
    /*border-bottom: none;*/
/*}*/

/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {*/
    /*cursor: default;*/
    /*background-color: #369;*/
    /*color: white;*/
    /*border: none;*/
/*}*/

/*.nav-tabs>li {*/
    /*float: left;*/
    /*margin-right:5px;*/
    /*margin-bottom: -1px;*/
    /*color: black;*/
    /*background-color:  #adc2d6;*/
    /*text-align: center;*/

/*}*/

/*.nav-tabs>li>a {*/
    /*margin-right: 2px;*/
    /*line-height: 1;*/
    /*border: none;*/
    /*border-radius: 0 0 0 0;*/
    /*width: 140px;*/
    /*color: black;*/
/*}*/

/*.perfChildactive{*/
    /*background-color: white;*/
    /*color: black;*/
/*}*/

/*.topNavTab>.nav-tabs>.nav-tabs>li.active{*/
    /*background-color: white;*/
    /*color: black;*/
/*}*/

/*!*Impact/Quality/Quantiy Tabs  -Had to use IDs as classes didn't work to style specific tabs with the angular directive*!*/
/*#cT1.active,#cT2.active,#cT3.active,#cT4.active,#cT5.active,#cT6.active,#cT7.active,#cT8.active,#cT9.active, #cT10.active, #cT11.active,#cT12.active, #cT13.active {*/
    /*background-color: white;*/
    /*color: black;*/
/*}*/
/*#cT1.active>a,#cT2.active>a,#cT3.active>a,#cT4.active>a,#cT5.active>a,#cT6.active>a,#cT7.active>a,#cT8.active>a,#cT9.active>a, #cT10.active>a,#cT11.active>a,#cT12.active>a,#cT13.active>a{*/
    /*background-color: white;*/
    /*color: black;*/
/*}*/

/*!*Maths Tabs on 2nd row - had to use IDs as classes didn't work to style specific tabs with the angular directive*!*/
/*#firstTab0,#firstTab1,#firstTab2,#firstTab3,#firstTab4,#firstTab5{*/
    /*background-color: transparent;*/
    /*text-align: left;*/
    /*width: 20px;*/
    /*margin-right:16px;*/
    /*padding: 0;*/
/*}*/

/*#firstTab0>a,#firstTab1>a,#firstTab2>a,#firstTab3>a,#firstTab4>a,#firstTab5>a{*/
    /*background-color: transparent;*/
    /*color: black;*/
    /*font-weight: bold;*/
/*}*/

/*!*Maths Tabs on 2nd row - had to use IDs as classes didn't work to style specific tabs with the angular directive*!*/
/*#tT0,#tT1,#tT2,#tT3,#tT4,#tT5,#tT6,#tT7,#tT8,#tT9,#tT10,#tT11,#tT12,#tT13{*/
    /*background-color: transparent;*/
    /*text-align: left;*/
    /*width: 30px;*/
    /*margin-right: 12px;*/
    /*padding: 0;*/
/*}*/

/*#tT0>a,#tT1>a,#tT2>a,#tT3>a,#tT4>a,#tT5>a,#tT6>a,#tT7>a,#tT8>a,#tT9>a,#tT10>a,#tT11>a,#tT12>a,#tT13>a{*/
    /*color: white;*/
    /*font-weight: bold;*/
/*}*/

.combinedRow{
    border-top-color: #369;
    border-top-width:1.5px;
    border-top-style: solid;
}

.perfCircle {
    display: inline-block;
    width: 5px;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: red;
}

.bokehIframe {
    height: 550px
}

.bokehPerfIframe {
    width: 800px;
    height: 450px;
}

.bokehIframe3col {
    width: 200px
}

.bokehIframe2col {
    width: 375px
}

.bokehIframe1col {
    width: 750px
}

.bokehIframeInj {
    width:  750px;
    height: 150px;
}

/*Glyth sizes*/
.gi-half{font-size: 0.6em; vertical-align: top;}
.gi-1x{font-size: 1em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.row.no-pad {
    margin-right:0px;
    margin-left:0px;
}
.row.no-pad > [class*='col-md-'] {
    padding-right:0;
    padding-left:0;
}

.hover_over {
    cursor: pointer; cursor: hand;
}

.hover_over:hover {
    color:yellow;
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
    /*margin: 0 !important;*/
}

.form_message {
    padding-top: 10px;
    font-size: 12px;
    font-weight: bold
}

svg { max-height: 100%; }


.no-data-message{
    clear: both;
}

/*.container {*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*max-width: 965px;*/
/*}*/
/*.container:before,*/
/*.container:after {*/
    /*content: " ";*/
    /*display: table;*/
/*}*/
/*.container:after {*/
    /*clear: both;*/
/*}*/
/*.container .w-row {*/
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
/*}*/


.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 965px
    }
}

@media (max-width: 991px) {
    .ds-detail-form {
        height: 100%;
    }
}


/*@media (min-width: 478px) {*/
    /*.mobile-subnav {*/
        /*margin-top: 100px;*/
    /*}*/
/*}*/

/*@media (min-width: 768px) {*/
    /*.mobile-subnav {*/
        /*margin-top: 90px;*/
    /*}*/
/*}*/

.maincontainer{
    margin-top: 120px;
    margin-bottom: 40px;
}
/*@media (max-width: 768px) {*/
    /*.maincontainer{*/
        /*margin-top: 160px;*/
        /*margin-bottom: 40px*/
    /*}*/
/*}*/

@media (max-width: 768px) {
    .maincontainer{
        margin-top: 150px;
        margin-bottom: 40px
    }
    .authentication-title {
        margin-top: 27px;
    }
}

.login-container{
    margin-top: 80px;
}
@media (max-width: 768px) {
    .login-container{
        margin-top: 30px;
    }
}

.mobile-navbar-header{
    background-color: white;
}

.row {
    margin-right: -10px;
    margin-left: -15px;
}

.menu-bar-title{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    padding-left: 13px;
}



.player-mobile-dropdown {
    margin-bottom: 0px;
    font-family: Lustria, sans-serif;
    color: #369;
    font-weight: 600;
    letter-spacing: normal;
    margin-top: 45px;
    font-size: 23px;
    text-align: center;
}

@media (max-width: 768px) {
    .player-mobile-dropdown {
        color:white;
        font-size: 14px;
        font-weight: 700;
        padding-left: 12px;
    }
}



.panel-default > .panel-heading {
    background-color: #369;
    border-color: #ddd;
    font-family: Lustria, sans-serif;
    color: white;
    font-weight: 700;
}

.player-results-table{
    height:380px;
    width:885px
}

.ui-grid-cell {
    cursor: pointer;
}

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell {
    background: None;
}
.ui-grid-row:nth-child(even) .ui-grid-cell{
    background: None;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell{
    background: None;
}

.ui-grid-row{
    background: None;
}
.ui-grid-row:hover {
    background-color: rgba(31, 90, 253, 0.27);
}

.ui-grid-row:active {
    background-color: rgba(230, 253, 62, 0.55);
}