body {
    background-color: #01141a;
}

.label {
    font-family: Helvetica, 'Helvetica Neue', 'Open Sans', Arial, sans-serif;
    font-size: 75%;
}

input[type=date] {
     -webkit-appearance: textfield;
}
.navbar {
    display: block;
}

.nav-header {
    padding: 22px 25px;
    background-image: none;
}

body.mini-navbar .nav-header {
    padding: 20px;
}

.minimalize-styl-2 {
    padding: 4px 4px;
    margin: 5px 5px 5px 20px;
    font-size: 14px;
    float: left;
}

.wrapper-content {
    padding: 5px 10px 40px;
}

.btn-primary {
    background-color: #57c6cd;
    border-color: #57c6cd;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  background-color: rgba(38, 46, 58, 1);
  border-color: #57c6cd;
  color: #FFFFFF;
}

.form-control:focus,
.single-line:focus {
  border-color: #57c6cd;
}

.ibox > a {
  color: inherit;
}

.z7-light .c3-region.regionSafe {
  fill: #ffffff;
}
.z7-dark .c3-region.regionSafe {
  fill: #374146;
}
.z7-light .c3-region.regionMed {
  fill: #fff9f0;
  opacity:1;
}
.z7-dark .c3-region.regionMed {
  fill: #FFC850;
  opacity:.25;
}

.z7-light .c3-region.regionHigh {
  fill: #fdf2f2;
  opacity:1;
}

.z7-dark .c3-region.regionHigh {
  fill: #FF4141;
  opacity: .25;
}

.z7-dark .c3-region.injured {
  fill: black;
  opacity: 1;
}

.middle-box-nolimit {
  max-width: 1000px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}


.back-to-safe {
    background-color: #57c6cd;
    color: white;
    border-color: #57c6cd;
}

.high-risk {
    background-color: #e13f3f;
    color: white;
}

.medium-risk {
    background-color: #fa8507;
    color: white;
}

.contained-risk {
    background-color: #ffbf14;
    color: white;
}

.low-risk {
    background-color: #57c6cd;
}

.back-to-safe {
    background-color: #57c6cd;
}

.injured {
    background-color: #a8acb1;
}

.c3-ygrid-line line {
   /* stroke: red;*/
}
.c3-ygrid-line text {
/*    fill: #262e3a; */
}

.player-panel-header {
    padding: 10px;
    background: #3e4958;
    color: white;
}

.alertbox {
    background: white;
    color: black;
    border-radius: 0px;
}


.panel > a {
  color: inherit;
}

.alertbox-high-risk {
    background: #e13f3f !important;
    color: #ffffff;
}

.alertbox-medium-risk {
    background: #fa8507 !important;
    color: #ffffff;}

.alertbox-contained-risk {
    background: #ffbf14 !important;
    color: #ffffff;
}

.alertbox-back-to-safe, .alertbox-trending, .alertbox-low {
    background: #57c6cd !important;
    color: #ffffff;
}

.alertbox-injured {
    background: #a8acb1 !important;
    color: #ffffff;
}

.panel-high-risk {
    border-color: #e13f3f;
}

.panel-medium-risk {
    border-color: #fa8507;
}

.panel-contained-risk {
    border-color: #ffbf14;
}

.panel-trending, .panel-back-to-safe{
    border-color: #57c6cd;
}

.panel-low {
    border-color: #d1dade;
}

.panel-injured {
    border-color: #a8acb1;
}

.label-injured {
    background-color: #a8acb1;
    color: white;
}

.icon-contained {
    color: #ffbf14;
}

.icon-high-risk {
    color: #e13f3f;
}

.icon-medium-risk {
    color: #f07575;
}

.icon-low, .icon-trending {
    color: #57c6cd;
}

.icon-injured {
    color: #676a6c;
}

.player-panel {
    padding-left: 5px;
    padding-right: 5px;
}

.injury-minimal {
    background-color: #9b99f7;
    color: #FFFFFF;
}

.injury-mild {
    background-color: #7270f7;
    color: #FFFFFF;
}

.injury-moderate {
    background-color: #423ff7;
    color: #FFFFFF;
}

.injury-severe {
    background-color: #0a06f5;
    color: #FFFFFF;
}

.info {
    background-color: #57c6cd;
    border-color: #57c6cd;
    color: #ffffff;
}
.info-label {
    color: black;
}

.trending, .low {
    background-color: #57c6cd;
    color: #ffffff;
}

.factor {
    margin-left: 2px;
    color: #262f3b;
}

.graph-panel {
    overflow: hidden
}

.alert-icon {
    margin-top: -.28em;
}

.page-first-row {
    margin-top: 5px;
}

.upper {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.factor-action {
    text-transform: uppercase;
    font-size: smaller;
}

.factor-name {
    font-weight: bold;
}

.common-factor-row {
    text-align: center;
}


@media (max-width: 767px) {
    body:not(.mini-navbar) {
        background-color: #a3abb5;
    }

    .common-factor {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .middle-factor {
        border-width: 1px 0px;
        margin-left: 20px;
        margin-right: 20px;
    }

    .factor-name {
        font-size: 12px;
    }

    .no-mobile {
        display: none;
    }

    .mobile-block {
        display: block;
    }

    .nav-tabs > li > a {
        padding: 5px 10px 5px 12px;
    }

    .player-detected {
        margin-left: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .only-mobile {
        display: none !important;
    }

   .common-factor {
        padding-top: 15px;
        padding-bottom: 15px;
        flex: 0 0 100%;
        max-width: 100%;

    }


   .middle-factor {
        border-width: 1px 0px;
    }

    .stats-row {
        margin-bottom: 20px;
    }

    .team-panel-body {
        height: 295px;
    }

    .player-panel-body {

    }

    .ipad-margin-left {
        margin-left: 15px;
    }

    .nav-tabs > li > a {
        padding: 7px 14px 7px 18px;
    }

    .middle-reference-date {
        border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
    }

    .player-detected {
        margin-left: 7px;
    }

}

@media (min-width: 1201px) {
    .only-mobile {
        display: none !important;
    }

    .common-factor-row {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .middle-factor {
        border-width: 0px 1px;
    }

    .stats-row {
        margin-bottom: 20px;
    }

    .team-panel-body {
        height: 196px;
    }

    .player-panel-body {

    }

    .rec-panel {
        height: 260px;
    }

    .middle-reference-date {
        border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
    }

    .player-detected {
        margin-left: 10px;
    }

}

.middle-factor {
    border-style: solid;
    border-color: lightgray;
}

.panel-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.trend-bar {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
}

.bar-high-risk {
    border-color: #e13f3f;
}

.bar-medium-risk {
    border-color: #fa8507;
}

.bar-low-risk {
    border-color: #57c6cd;
}

.bar-injured {
    border-color: #a8acb1;
}

.bar-contained-risk {
    border-color: #ffbf14;
}

.bar-trending, .bar-back-to-safe{
    border-color: #57c6cd;
}

.panel {
    border: 0px;
}

.player-name {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.name-black {
    color: #262f3b;
}

.name-red {
    color: #e13f3f;
}

.name-orange {
    color: #fa8507;
}

.common-training {
    color: white;
    border-radius: 0px;
    padding: 10px 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.z7-light .common-training-body {
    background: #262f3b;
}

.common-factor-action {
    color: #92979d;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
}

.common-factor-name {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;

}

.summary-percent {
    font-weight: bold;
    font-size: x-large;
}

.low-risk-color {
    color: #57c6cd;
}

.injured-color {
    color: #a8acb1;
}

.med-high-risk-color {
    color: #e13f3f;
}

.contained-risk-color {
    color: #ffbf14;
}

.item-list-row {
    margin-bottom: 10px;
}

.info-icon {
    margin-top: -2px;
    width: 22px;
}

.form-radio {
    margin-top: 2px;
}

.alert-icon-background {
    margin-top: 3px;
    padding: 12px 12px 15px 12px;
    position: absolute;
    top: -3px;
    right: 15px;
}

.trending-background {
    padding: 12px 12px 11px 12px;

}

.high-risk-dark {
    background: #c32626;
}

.medium-risk-dark {
    background: #f86804;
}

.contained-risk-dark {
    background: #ffa30b;
}

.low-risk-dark {
    background: #3facb3;
}

.darkgray-bg {
    background-color: #a3abb5;
    color: #ffffff;
}

.darkgray-bg .form-control {
    color: #000000;
}

.club-logo {
    margin-top: 7px;
    height: 40px;
    min-height: 40px;
    max-width:40px;
    max-height: 40px;
}


.page-title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 5px;
    vertical-align: middle;
}

.nav-icon {
    margin-top: 3px;
    font-size: 1.9em;
}

.sort-label {
    margin-top: 2px;
    margin-right: 5px;
}

.player-info {
    color: #909394;
}

.recommendation:first-letter, .factor-name:first-letter {
    text-transform: uppercase;
}

.recommendation {
    margin-top: 3px;
    margin-bottom: 3px;
}

.tags:first-letter {
    text-transform: uppercase;
}

.small-title {
    font-size: 10px;
    font-weight: normal;
}




.company-logo {
    width: 100px;
    margin-left: 15px;
    margin-top: 20px;
}

.alertpanel {
    padding: 0px 5px 0 10px;
    border-top: 2px solid #e13f3f;
}

.alertpanel .player-info {
    text-transform: uppercase;
    font-size: smaller;
    height: 30px;
    margin-top: 15px;
}

.alertpanel .player-name {
    height: 40px;
    margin-top: 20px;
}

.alertpanel .arrow {
    height: 30px;
    margin-top: -5px;
}

.alert-group-panel {
    padding-left: 0;
    padding-right: 0;
}

.nav > li > a {
    text-transform: uppercase;
}

.z7-light.zone7-bg {
    background-color: #EAEAEA;
}
.z7-dark.zone7-bg {
    background-color: #001419;
}

.z7-light.main-page-bg {
    background-color: #EAEAEA;
}
.z7-dark.main-page-bg {
    background-color: #001419;
}

.z7-light .navbar-static-side {
    background-color: #CDD2D2;
}
.z7-dark .navbar-static-side {
    background-color: #374146;
}


.z7-light .nav > li > a {
  color: #818181;
}
.z7-dark .nav > li > a {
  color: #9B9FA3;
}

.z7-light .nav > li.active > a {
  color: #001419;
}
.z7-dark .nav > li.active > a {
  color: #F4F6F8;
}

.z7-light .nav-header a {
    color: #001419;
}
.z7-dark .nav-header a {
    color: #F4F6F8;
}

.z7-light .navbar-default .nav > li > a:hover,
.z7-light .navbar-default .nav > li > a:focus {
  color: #001419;
  background-color: #F4F6F8;
}
.z7-dark .navbar-default .nav > li > a:hover,
.z7-dark .navbar-default .nav > li > a:focus {
    background-color: #CDD2D2;
    color: #001419;
}


.z7-light .username {
    color: #001419 !important;
}
.z7-dark .username {
    color: #F4F6F8 !important;
}


.z7-light .page-title {
    color: #001419;
}
.z7-dark .page-title {
    color: #F4F6F8;
}


.z7-light .nav > li.active {
    border-left: 4px solid #57c6cd;
    background-color: #EAEAEA;
    color: #001419;
}
.z7-dark .nav > li.active {
    background-color: #001419;
    color: #F4F6F8;
}

.z7-light .alert-group-panel {
    background: #EAEAEA;
}
.z7-dark .alert-group-panel {
    background: #001419;
}

.z7-light .state-panel-title>a, .state-panel-title>a:active{
    color: #001419;
}
.z7-dark .state-panel-title>a, .state-panel-title>a:active{
    color: #F4F6F8;
}

.z7-light .initials {
    color: #001419;
    border: solid 1px #001419;
}
.z7-dark .initials {
    color: #F4F6F8;
    border: solid 1px #F4F6F8;
}

.z7-light .alertpanel {
    background-color: #FFFFFF;
}
.z7-dark .alertpanel {
    background-color: #374146;
}

.z7-light .alertpanel .player-name {
    color: #001419;
}
.z7-dark .alertpanel .player-name {
    color: #F4F6F8;
}

.z7-light .alertpanel .player-alert-section {
    border-bottom: 1px solid #EAEAEA;
}
.z7-dark .alertpanel .player-alert-section {
    border-bottom: 1px solid #001419;
}

.z7-light .factor-action {
    color: #001419;
}
.z7-dark .factor-action {
    color: #9B9FA3;
}

.z7-light .alertpanel .rec-key {
    color: #9B9FA3;
}
.z7-light .alertpanel .rec-val {
    color: #001419;
}
.z7-dark .alertpanel .rec-key {
    color: #9B9FA3;
}
.z7-dark .alertpanel .rec-val {
    color: #F4F6F8;
}

.z7-light .panel {

}

.z7-dark .panel {
    background-color: #374146;
    color: #F4F6F8;
}

.z7-light .summary-percent {
    color: black;
}
.z7-dark .summary-percent {
    color: #F4F6F8;
}

.z7-dark .c3 path, .c3 line, .tick text, .c3-legend-item text {
  stroke: #909394;
}

.z7-dark #heatmap {
    color: #909394;
}

.z7-light .factor-name {
    color: #262f3b;
}
.z7-dark .factor-name {
    color: #F4F6F8;

}

.z7-light .player-panel-body {

}

.z7-dark .player-panel-body {
    color: #9B9FA3;
}

.z7-dark .tabs-container .panel-body {
    background-color: #374146;
    border-color: #000000;
}
.z7-dark  .nav-tabs{
    background-color: #374146;
    border-color: #000000;
}
.z7-dark .tab-content{
    background-color:#374146;
    color: #909394;
}
.z7-dark .nav-tabs > li > a{
    /*border: medium none;*/
    border-radius: 0;
}
.z7-dark .nav-tabs > li > a:hover{
    /*border: medium none;*/
    border-radius: 0;
    background-color: #CDD2D2;
    color: #001419;
}
.z7-dark .nav-link {
    background-color: #374146;
    border-color: #000000;
}

.z7-dark .nav-link.active {
    background-color: #374146;
    border-color: #000000;
    border-bottom: none;
    color: #F4F6F8;
}

.z7-dark .graph-tooltip {
    background-color: transparent;
    color: #CDD2D2;
}

.z7-dark .graph-tooltip li {
    background-color: #374146;
    color: #CDD2D2;
}

.z7-dark .c3-tooltip td {
    background-color: #374146;
}

.z7-dark .player-panel-header {
    background-color: transparent;
}

.z7-light .expand-menu {
  color: #57c6cd;
}
.z7-dark .expand-menu {
  color: #CDD2D2;
}

.z7-light .common-training {
    background: #3e4958;
}
.z7-dark .common-training {
    background: transparent;
}

.z7-light .report-panel {
    background: #3e4958;
}

.z7-dark .report-panel {
    background: transparent;
}

.z7-dark .table > tbody > tr > td,
.z7-dark .table > thead > tr > th
{
    border-color: #3e4958;
}

.z7-dark #heatmap > tbody > tr > td,
.z7-dark #heatmap > thead > tr > th
{
    border-color: #CDD2D2;
}

.z7-dark #data-page-table {
    color: #CDD2D2;
}

.z7-dark .dropdown-menu {
    background-color: black;
}

.z7-dark .main-btn {
    background-color: #585961;
    border: none;
    color: #CDD2D2;
}

.recommendationrow .recommendation {
    text-transform: capitalize;
}

.z7-dark .recommendationrow .recommendation {
    color: #CDD2D2;
}

.z7-dark .popover-header {
    background-color: black;
    border-bottom-color: #585961;
}

.z7-dark .popover-body {
    background-color: black;
    color: #CDD2D2;
}

.navbar-default .small-company-logo {
    display: none;
}

.mini-navbar .company-logo {
    display: none;
}

.mini-navbar .small-company-logo {
    display: block;
    margin-left: 10px;
    width: 50px;
}

.z7-light .navbar-fixed-top {
    background: #EAEAEA;
}

.z7-dark .navbar-fixed-top {
    background: #001419;
}

.z7-dark .param-chart .c3-circle {
    opacity: .8 !important;
}

/*.z7-dark .selectpicker {*/
/*    background-color: #585961;*/
/*    color: #CDD2D2;*/
/*    border: 1px solid #585961;*/
/*}*/

/*.z7-dark .z7-select:focus {*/
/*    box-shadow: none;*/
/*}*/

.z7-dark .bootstrap-select button {
    background-color: #585961;
    color: #CDD2D2;
    border-color: #585961;
}

.z7-dark .dropdown-menu > .active > a {
    color: white;
    background-color: inherit;
}

.z7-dark .dropdown-menu > li > a {
    color: white;
}

.z7-dark .dropdown-menu > li > a:hover {
    color: white;
    background-color: inherit;
}

.z7-dark .show>.btn-light.dropdown-toggle {
    background-color: #585961;
    color: #CDD2D2;
    border-color: #585961;
}

.z7-dark .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.complete-rest {
    margin-top: 15px;
    padding-bottom: 15px;
    font-size: larger;
    text-align: center;
}

.z7-dark .workload-legend {
    color: #F4F6F8;
}

.z7-dark .modal-content {
    background-color: #585961;
    color: #CDD2D2;
}

.z7-dark .modal-title {
    color: #F4F6F8;
}

.z7-dark .modal-header {
    border-bottom-color: #4a4b4d;
}

.z7-dark .modal-footer {
    border-top-color: #4a4b4d;
}
.z7-dark .c3 .c3-axis-x path,
.z7-dark .c3 .c3-axis-x line,

.z7-dark .c3 .c3-axis-y path,
.z7-dark .c3 .c3-axis-y line {
    stroke: #CDD2D2;
}

.z7-dark .c3 .c3-axis-x g,
.z7-dark .c3 .c3-axis-y g,
.z7-dark .c3 .c3-legend-item-data text {
    fill: whitesmoke;
}

.z7-dark .link {
    color:white;
    text-transform: uppercase;
}

.z7-light .link {
    color: #CDD2D2;
    text-transform: uppercase;
}