/* Training screen */

/* .training-image {
    background-image: url('../images/KMNL-NextLevel_Training.png');
    height: 333px;
    width: 970px;
    background-size: 970px 333px;
    background-repeat: no-repeat;
    position: relative;
} */

.training-container {  width: 100%; }
.training-container > .training-table {  width: 100%; font-size: 12px; text-align: center; }
.training-container > .training-table > tbody > tr:nth-child(even) > td { background-color: #f7f6f5; }
.training-container > .training-table > tbody > tr:nth-child(1) > td:nth-child(1) { width:110px; color: #FFFFFF; background-color:#b3000f; }
.training-container > .training-table > tbody > tr > td { padding: 15px 0px; border: 1px solid #adadad; }

.training-container > .training-table .training-header { width: 160px; float: left; padding: 3px 0px; color: #FFFFFF; border: 1px solid #b3000f; }
.training-container > .training-table .training-header-light { background-color: #f094a0; margin-left: 205px !important; }
.training-container > .training-table .training-header-medium { background-color: #ea5f72; }
.training-container > .training-table .training-header-dark { background-color: #b3000f; }
.training-container > .training-table .training-header-line { width: 58px; height: 13px; margin-right: 2px; float: left; border-bottom: 1px solid #b3000f; }
.training-container > .training-table .training-header-line span { float: right; margin-top: 1px; margin-right: -2px; font-size: 16px; color: #b3000f; }
.training-container > .training-table .training-header-line span {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.training-container > .training-table .training-info-box {  width: 130px; margin-left: 55px; float: left; text-align: center; }
.training-container > .training-table .training-info-box > tbody > tr > td { border: 1px solid #adadad; }
.training-container > .training-table .training-info-box > tbody > tr:nth-child(1) > td { background-color: #b3000f; color: #FFFFFF; padding: 3px 0px; }
.training-container > .training-table .training-info-box > tbody > tr:nth-child(2) > td { background-color: #FFFFFF; }

.training-container > .training-table .training-box { width: 160px; margin-left: 60px; float: left; text-align: center; }
.training-container > .training-table .training-box > tbody > tr > td { border: 1px solid #adadad; }
.training-container > .training-table .training-box > tbody > tr:nth-child(1) > td { height: 42px; color: #FFFFFF; padding: 3px 0px; }
.training-container > .training-table .training-box > tbody > tr:nth-child(2) > td { background-color: #FFFFFF; }
.training-container > .training-table .training-box > tbody > tr:nth-child(2) > td:first-child { padding: 0px 8px; }
.training-container > .training-table .training-box > tbody > tr:nth-child(2) > td:first-child > span:first-child { float: left; }
.training-container > .training-table .training-box > tbody > tr:nth-child(2) > td:first-child > span:last-child { float: right; }

.training-container > .training-table .training-box-ligh-grey { margin-left: 20px !important;  }
.training-container > .training-table .training-box-ligh-grey > tbody > tr:nth-child(1) > td { background-color: #b2b3b5; }

.training-container > .training-table .training-box-medium-grey > tbody > tr:nth-child(1) > td { background-color: #919598; }
.training-container > .training-table .training-box-dark-grey   > tbody > tr:nth-child(1) > td { background-color: #5e6062; }

.training-container > .training-table .training-box-higher > tbody > tr:nth-child(1) > td {height: 90px;}
.training-container > .training-table .training-box-higher p { padding: 2px 0px;}


.training-container > .training-table .training-box-wrapper {  width: 100%; margin: 15px 0px; }