
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Roboto', sans-serif;
}

.breadcrumb > .active {
    color: #FFF;
}

.breadcrumb {
    padding: 14px 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: none;
    font-size: 14px
}

.breadcrumb a {
    color: #FFF;
}

.breadcrumb > li + li::before {
    content: "> ";
    padding: 0px 5px;
    color: #FFF;
    font-weight: bold;
    vertical-align: 2px;
}

/*WODENGAGE*/
.emom .skull {
    height: 20px;
    margin-left: -2px;
}

.emom i {
    margin-right: 4px;
}

.summary li {
    list-style: outside none none;
}

ul {
    margin-left: 31%;
}

.wodsScores ul {
    margin-left: 0px;
}

.wodsScores .table-striped > tbody > tr:nth-child(2n+1) > td,
.wodsScores .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #1a1a1a;
}

.wodsScores .table-striped {
    color: #FFF;
}

.wodsScores .table-striped > tbody > tr:nth-child(2n) > td,
.wodsScores .table-striped > tbody > tr:nth-child(2n) > th {
    background-color: #292727;
}

.wodsScores .table > thead > tr > th, .wodsScores .table > tbody > tr > th,
.wodsScores .table > tfoot > tr > th,
.wodsScores .table > thead > tr > td,
.wodsScores .table > tbody > tr > td,
.wodsScores .table > tfoot > tr > td {
    border: none;
}

ul {
    margin: 0px auto;
    padding: 0;
}

.wodExercise span {
    margin: auto;
    display: block;
    text-transform: uppercase;
    text-align: left;
    margin-left: -45px;
    text-align: left;
    position: absolute;
    left: 45%;
    width: 60%
}

.wodExercise i {
    background-image: url(../images/transparentIconsNew.png);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 76px;
    width: 90px;
    margin: -22px 5px 0px 0px;
}

.invertedIcons .wodExercise i {
    background-image: url(../images/invertedIcons.png) !important;
    background-color: transparent !important;
}

.wodExercise {
    height: 62px;
    margin: 30px 0px 0px;
}

.wodBox ul > li:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

.wodBox ul > li:last-child {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.wodRepetitionsBox {
    font-size: 16px;
    color: white;
    float: right;
    background: url('../images/left-corner.png') no-repeat scroll left top #363636;
    height: 31px;
    padding: 5px 5px 0 35px;
    margin-top: 10px;
}

.wodRepetitionsBox.EMOM {
    color: rgb(112, 112, 112);
    font-weight: bold;
    float: left;
    background: transparent none repeat scroll 0% 0%;
    padding: 7px;
    font-size: 20px;
}

.wodLevelName + .clearfix + .wodRepetitionsBox {
    /*border*/
    margin-top: 0px

}

#wodIconsBox {
    font-size: 12px;
    background-color: #171717;
    color: #FFF;
    width: 100%;
    margin: 0 auto;
}

/* adjust size for screen*/
@media (min-width: 768px) {
    #wodIconsBox {
        width: 65% !important;
    }
}

@media (min-width: 992px) {
    #wodIconsBox {
        width: 45% !important;
    }

    .col-offset-1e5 {
        margin-left: 12.333%;
    }
}

/* change view for small */
@media (max-width: 768px) {
    #wodIcons {
        background-color: #171717;
    }

    #wodIconsBox > img {
        display: none;
    }

    #wodIconsBox span {
        padding: 4px 6px !important;
    }
}

#wodIconsBox span {
    display: inline-block;
    padding: 4px 14px;
}

.wodLevelName {
    margin: 0px;
    padding: 5px;
    color: #fff;
    height: 43px;
    background-color: #000;
}

.wodLevelName > span {
    font-size: 22px;
    font-weight: 800;
    margin-top: 5px;
    display: block;
    float: right;
}

.wodLevelName img {
    margin-top: -4px;
    height: 25px;
}

.wodBox {
    /*border-width:1px;*/
    /*border-style:  solid;*/
}

.wodBox .wodBlocks {
    padding: 20px 0 0 0;
    margin: 10px 0;
    border-width: 1px;
    border-style: solid;
    border-bottom: none

}

.wodBox > .wodBlocks:nth-child(4) {
    /*border*/
    /*margin-top: 0px*/

}

.wodsScores {
    padding-top: 15px
}

.wodsScores > .row-fluid > div:nth-child(2n+1) {
    padding-right: 0px;
}

.wodsScores > .row-fluid > div:nth-child(2n) {
    padding-left: 0px;
}

.wodsScores h3 {
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 6px;
}

.wodsScores h4 span {
    display: table;
    padding: 5px 15px;
    background-color: rgb(255, 255, 255);
    font-size: 18px;
    float: left
}

.wodsScores th {
    font-weight: 100;
}

.defaultColor {
    color: #009690;
}

.defaultBackgroundColor {
    background-color: #009690;
}

.date {
    height: 54px;
}

#dateBackground {
    z-index: 1;
    margin-top: -54px;
}

#dateBackgroundPattern {
    z-index: 2;
    margin-top: -54px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQImWNgQAcJsb7UF2BgAAAO/wUzcQCVuwAAAABJRU5ErkJggg==") repeat;
}

#scoreBoard, .backgroundStriped {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAD0lEQVQImWNgQAX/yeAAAIHCA/0RE2WAAAAAAElFTkSuQmCC") repeat #202020;
}

#date {
    margin-top: -54px;
    z-index: 3;
}

#date img {
    vertical-align: -4px;
    cursor: pointer
}

#date span {
    font-size: 30px;
    color: black;
    font-weight: 600;
    font-size: 16px;
}

.menu {
    height: 39px;
}

#menuBackground {
    z-index: 1;
    background-color: black;
    opacity: 0.7;
}

#menuBackgroundPattern {
    z-index: 2;
    margin-top: -38px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAXGZHAAGioAzdMFH7oAAAAASUVORK5CYII=") repeat;
}

#menu {
    margin-top: -39px;
    z-index: 3;
    color: white;
    font-weight: bold;
    font-size: 13px
}

#menu .navbar-toggle {
    padding: 6px 10px;
    margin-top: 2px;
    margin-right: 15px;
    margin-bottom: 5px;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

#menu .navbar-collapse {
    border-color: #000;
    background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAXGZHAAGioAzdMFH7oAAAAASUVORK5CYII=") repeat;
    border-radius: 0 0 5px 5px;
    margin-top: -2px;
}

@media (max-width: 768px) {
    #menu .navbar-collapse {
        background-color: #000;
    }
}

#menu .navbar-nav > li > a {
    padding-bottom: 7px;
    padding-top: 10px;
}

#menu li.open a {
    background: none;
}

#menu i {
    font-size: 19px;
    vertical-align: -3px;
}

#menu a {
    color: #FFF;
}

.exerciseIcon {
    background-position: -309px -538px;
    background-color: #000;
}

.exerciseBurpee {
    background-position: -720px -100px
}

.exerciseRest {
    background-position: -205px -538px
}

.exerciseBurpeeoverthebar {
    background-position: -720px -100px
}

.exerciseSnatch, .exerciseSnatchbalance, .exerciseBarbellsnatch, .exerciseSquatsnatch {
    background-position: -309px -12px
}

.exerciseMuscle-up, .exerciseMuscleup {
    background-position: -515px -100px
}

.exerciseToestobar {
    background-position: -617px -12px
}

.exerciseRow {
    background-position: -207px -276px
}

.exerciseThruster {
    background-position: -206px -12px
}

.exerciseDecksquat {
    background-position: -720px -276px
}

.exercisePullup, .exerciseKippingpullup, .exerciseWeightedpullup {
    background-position: -412px -12px
}

.exerciseDeadlift {
    background-position: -104px -188px
}

.exerciseHandstandpushup {
    background-position: -412px -100px
}

.exerciseWallball {
    background-position: -309px -188px
}

.exerciseChesttobar {
    background-position: -617px -188px
}

.exerciseDoubleunders, .exerciseSingleunders {
    background-position: -2px -276px
}

.exerciseRunm {
    background-position: -103px -276px
}

.exerciseOverheadlunge {
    background-position: -2px -364px
}

.exerciseCleanandjerk, .exerciseJerk, .exercisePushjerk {
    background-position: -103px -100px
}

.exerciseClean, .exercisePowerclean, .exercisePowerclean, .exerciseSquatclean {
    background-position: -2px -100px
}

.exerciseRopeclimblegless {
    background-position: -617px -276px
}

.exerciseRopeclimb {
    background-position: -412px -188px
}

.exerciseKettlebellswings {
    background-position: -206px -188px
}

.exerciseHangsquatclean, .exerciseHangclean, .exerciseHangpowerclean, .exerciseHangpowersnatch, .exerciseHighhangsquatclean {
    background-position: -206px -364px
}

.exerciseShouldertooverhead {
    background-position: -207px -12px
}

.exerciseBoxjumpover, .exerciseBoxjump {
    background-position: -720px -188px
}

.exerciseOverheadsquat, .exercisePowersnatch {
    background-position: -103px -12px
}

.exerciseBacksquat {
    background-position: -207px -100px
}

.exerciseRowcal {
    background-position: -207px -276px
}

.exerciseSandbagrun {
    background-position: -309px -276px
}

.exercisePush-up, .exercisePushup, .exercisePushuphandrelease {
    background-position: -515px -12px
}

.exerciseFrontsquat {
    background-position: -309px -100px
}

.exerciseHangclean {
    background-position: -206px -364px
}

.exerciseRingdips {
    background-position: -720px -12px
}

.exerciseAirsquat {
    background-position: -309px -364px
}

.exerciseBarmuscle-up {
    background-position: -207px -451px;
}

.exerciseDumbellsnatch, .exerciseKettlebellsnatch {
    background-position: -413px -363px;
}

.exercisePushpress, .exercisePushpressbehindthehead, .exerciseShoulderpress {
    background-position: -720px -364px;
}

.exerciseSit-up {
    background-position: -104px -452px
}

.exerciseGhd {
    background-position: -412px -452px
}

.exerciseWalkinglunges {
    background-position: -514px -452px
}

.exerciseBurpeeoverthebar {
    background-position: -2px -451px
}

.exerciseKettlebellswing {
    background-position: -206px -188px
}

h2.levelTEST, .wodExercise i.levelTEST, h2.levelPR, .wodExercise i.levelPR, h2.levelBENCHMARK, .wodExercise i.levelBENCHMARK {
    background-color: #000;
}

.postScoreBox {
    font-size: 12px !important;
    float: right !important;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    line-height: 19px;
    background-color: #000 !important;
}

.borderColorTEST, .borderColorPR, .borderColorBENCHMARK {
    border-color: #000;
}

h3.levelTEST, tr.levelTEST, h3.levelPR, tr.levelPR, h3.levelBENCHMARK, tr.levelBENCHMARK {
    color: #FFF;
}

.levelTEST .table-hover > tbody > tr:hover > td, .levelPR .table-hover > tbody > tr:hover > td, .levelBENCHMARK .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #000;
}

.athleteLevelModality {
    /*width: 85%;*/
    margin: 0 auto;
    /*height: 210px;*/
}

.athleteLevelFitness {
    width: 90%;
    height: 300px;
    margin: 60px auto 0px auto;
    border-top: 1px solid #E4E5E7;
    padding-top: 60px
}

.borderBox {
    border: 1px solid #E4E5E7;
    padding-top: 10px;
    border-radius: 4px
}

.atleteLevelsPainel {
    background-color: #F6F7F9
}

#athletesHqBox li {
    list-style: outside none none;
}

#menuAthleteHQ {
    background-color: #F26421;
    display: inline-block;
    flex: 1 1 100%;
    height: 100%;
    width: 100%;
}

#menuAthleteHQ a {
    color: #333
}

#menuAthleteHQ ul {
    padding: 0px
}

#menuAthleteHQ i {
    font-size: 25px;
    margin: 21px 0 0 21px
}

#menuAthleteHQ i.marked {
    color: white
}

#athletesHqBox h3, #athletesHqBox h2 {
    color: #495B71;
}

.athleteConfigBox {
    background: rgb(216, 216, 216) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAXGZHAAGioAzdMFH7oAAAAASUVORK5CYII=") repeat scroll 0% 0%;
    color: #555;
}

.athleteConfigBox > .innerBox {
    width: 90%;
    background-color: #FFF;
    margin: 10px auto;
    border-radius: 3px;
    padding: 5px 10px
}

#menuAthleteHQMarked {
    font-size: 17px !important;
    margin: 0 0 0 5px !important;
}

.tableBenchmarksPr {
    font-size: 12px;
    width: 100%;
    color: #555;
}

#menu .dropdown-menu {
    background: rgb(0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAXGZHAAGioAzdMFH7oAAAAASUVORK5CYII=") repeat scroll 0% 0%;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: transparent
}

/* athlete tooltip */

.tooltipAthleteHq {
    display: inline;
    position: relative;
    /*z-index: 999;*/
}

/* Trigger text */

.tooltipAthleteHq-item {
    cursor: pointer;
    /*z-index: 100;*/
    position: relative;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, color 0.3s, transform 0.3s;
}

.tooltipAthleteHq-item i {
    font-size: 10px;
    margin: 4px 0px 0 -13px;
    position: absolute;
}

.tooltipAthleteHq:hover .tooltipAthleteHq-item {
    color: #fff;
    -webkit-transform: translate3d(2.5em, -1.0em, 0);
    transform: translate3d(2.5em, -1.0em, 0);
    font-size: 18px;
    width: 250px;
    z-index: 101;
}

.tooltipAthleteHq:hover .tooltipAthleteHq-item i {
    opacity: 0;
    -webkit-transition: opacity 0s, -webkit-transform 0s;
    transition: opacity 0s, transform 0s;
}

/* Tooltip */

.tooltipAthleteHq-content {
    position: absolute;
    z-index: 99;
    width: 360px;
    left: 50%;
    margin-left: -125px;
    bottom: -5px;
    /*background: #fff;*/
    opacity: 0;
    font-size: 0.75em;
    line-height: 1.5;
    /*padding: 1.5em;*/
    color: #fff;
    /*	border: 1px solid #2a3035;*/
    cursor: default;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transform: translate3d(0, -0.5em, 0);
    transform: translate3d(0, -0.5em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.tooltipAthleteHq-footer {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    height: 65px;
    width: 100%;
    display: table;
    /*padding: 1.5em;*/
    background: #2a3035;
    border-radius: 0 0 5px 5px;
}

.tooltipAthleteHq:hover .tooltipAthleteHq-footer {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.tooltipAthleteHq-text {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    display: table;
    margin: 0 auto
}

.tooltipAthleteHq-text span {
    display: block;
    color: #000;
    text-align: center
}

.tooltipAthleteHq-back {
    opacity: 0;
    transform: translate3d(0px, 1.5em, 0px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    margin: 0px auto;
    border-radius: 5px;
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    background: #FFF none repeat scroll 0% 0%;
}

.tooltipAthleteHq:hover .tooltipAthleteHq-back {
    pointer-events: auto;
    opacity: 0.95;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tooltipAthleteHq:hover .tooltipAthleteHq-content,
.tooltipAthleteHq:hover .tooltipAthleteHq-text {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* ----------------------------- */

.competitionScores h4 ul {
    float: left;
    list-style: outside none none;
    padding: 5px 15px;

}

.competitionScores h4 ul li {
    display: inline;
    margin-right: 10px;
    cursor: pointer
}

.competitionScores h4 ul li.marked {
    color: white;
    font-weight: bold
}

.bs-callout {
    padding: 20px;
    margin: 0 20px 20px 20px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff;
    min-height: 150px;
}

.bs-callout h4:first-child, .bs-callout h3:first-child {
    margin-top: -5px;
    margin-bottom: 20px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
    margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
    border-left-color: #ce4844;
}

.bs-callout-danger h4:first-child, .bs-callout-danger h3:first-child {
    color: #ce4844;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout-warning h4:first-child, .bs-callout-warning h3:first-child {
    color: #aa6708;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout-info h4:first-child, .bs-callout-info h3:first-child {
    color: #1b809e;
}

.bs-callout-primary {
    border-left-color: #18a689;
}

.bs-callout-primary h4:first-child, .bs-callout-primary h3:first-child {
    color: #18a689;
}
