.filter-main {
    background: #F6F6F6; border-bottom: solid 1px #dfdfdf; padding-bottom: 7px; padding-top: 5px; padding-left: 16px; padding-right: 16px
}

.text-normal-15 {
    font-family: Roboto; font-style: normal; font-weight: normal; font-size: 15px
}

.fixed-0 {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.text-bold-16 {
    font-family: Roboto; font-style: normal; font-weight: bold; font-size: 16px; color: #1C1C1C;
}

.margin-none {
    margin-top: 0px; margin-left: 0px; margin-right: 0px; padding-bottom: 0px
}

.padding-0-16
 {
    padding: 0px 16px 16px 16px
}

.list-item-main {
    border: none; background: #FFFFFF; border-radius: 16px; height: 128px; min-height: 128px; margin: 24px 24px 16px 16px; position: relative; padding: 6px 8px 6px 8px;
}

td.list-item {
    text-align: left; vertical-align: middle; padding: 0px 5px 0px 0px; overflow: hidden; text-overflow: ellipsis
}

td.list-item-with-font {
    text-align: left; vertical-align: middle; padding: 0px 5px 0px 0px; overflow: hidden; text-overflow: ellipsis;
    color: #3C3C3C; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 12px
}

div.list-item-name {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1C1C1C; font-family: Roboto; font-style: normal; font-weight: 600; font-size: 14px
}

div.list-item-with-font {
    overflow: hidden; text-overflow: ellipsis; color: #3C3C3C; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 12px
}

div.list-item-with-font2 {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3C3C3C; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 12px
}

div.list-item-price {
    color: #181829; font-family: Roboto; font-style: normal; font-weight: 700; font-size: 14px
}

div.list-item-with-font4 {
    background: #EB5757; border-radius: 10px; color: #FFFFFF; display: inline-block; margin-right: 0px; padding: 0px 6px 1px 6px; font-family: Roboto; font-style: normal;
    font-weight: 500; font-size: 10px
}

.list-item-slider-div {
    position: absolute; top: -6px; left: 0px; width: 140px; height: 140px; background-image: url(/images/system/slider_ground1.png); 
    background-position: center center; background-repeat: no-repeat; background-color: #EAEAEA; border-radius: 16px; border: 6px solid #EAEAEA
}

.list-item-slider-div-image {
    position: absolute; bottom: 8px; right: 8px; padding: 3px 5px 2.75px 5px; z-index: 2; background-color: #EAEAEA; border-radius: 5px; color: #5B5B5B; font-family: Roboto;
    font-style: normal; font-weight: 400; font-size: 11px; line-height: 11px
}

.image-slider-list {
    position: absolute; top: -0.5px; left: -0.5px; bottom: -0.5px; right: -0.5px; width: 129px;
        height: 129px; overflow: hidden; padding: 0px; border-radius: 10px
}

.image-slider-list-item {
    width: 129px; height: 129px; max-height: 129px;
        background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px
}

.list-item-reg {
    background: #27AE60; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 5px;
        margin-bottom: 0px; padding: 0px 6px 1px 6px; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 10px!important
}

.list-item-school {
    background: #0B70D8; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 0px 6px 1px 6px;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 10px!important
}

.list-item-sledge {
    background: #EB5757; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 0px; padding: 0px 6px 1px 6px; font-family: Roboto!important; 
        font-style: normal!important; font-weight: 500!important; font-size: 10px!important
}

.filter-strip-main {
    width: 100%; overflow-x: hidden; padding-bottom: 9px; padding-top: 7px; padding-left: 0px; padding-right: 0px; background: #F6F6F6
}

.filter-strip-div {
    width: 100%; overflow-x: scroll; overflow-y: hidden; padding-bottom: 5px; padding-top: 8px; min-height: 36px
}

.filter-strip-item {
    display: inline; text-align: center; border-radius: 15px; margin-left: 0px; margin-right: 10px;
    border: solid 1px #EAEAEA; background: #EAEAEA; 
    color: #1C1C1C; padding-left: 16px; padding-right: 16px; padding-top: 7px; padding-bottom: 7px;
    white-space: nowrap; font-family: Roboto!important; font-style: normal!important; font-weight: bold!important; font-size: 12px!important; line-height: 15px
}

.plan-item-time {
    width: 70%; text-align: left; vertical-align: middle; padding: 2px 5px 0px 0px!important; overflow: hidden; text-overflow: ellipsis; 
        color: #181829!important; font-family: Roboto!important; font-style: normal!important; font-weight: 600!important; font-size: 13px!important
}

.plan-item-price {
    width: 30%; text-align: right; vertical-align: middle; padding: 2px 0px 0px 5px!important; overflow: hidden; text-overflow: ellipsis;
        color: #181829!important; font-family: Roboto!important; font-style: normal!important; font-weight: 900!important; font-size: 13px!important
}

.plan-item-name {
    width: 70%; text-align: left; vertical-align: middle; padding: 2px 5px 0px 0px!important; overflow: hidden; text-overflow: ellipsis;
        color: #3C3C3C!important; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px!important
}

.plan-item-size {
    width: 30%; text-align: right; vertical-align: middle; padding: 2px 0px 0px 5px!important; overflow: hidden; text-overflow: ellipsis;
        color: #3C3C3C!important; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px!important
}

.plan-item-address {
    width: 70%; text-align: left; vertical-align: middle; padding: 2px 5px 0px 0px!important; overflow: hidden; text-overflow: ellipsis;
        color: #3C3C3C!important; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px!important
}

.plan-item-desc {
    margin-top: 14px; background: #F3F3F3; border-radius: 10px; padding: 11px 16px 11px 16px; text-align: left; font-family: Roboto!important;
        font-style: normal!important; font-weight: 400!important; font-size: 13px!important; color: #3C3C3C!important
}

.training-plan-item {
    border: none; background: #FFFFFF; box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.03); border-radius: 16px; margin: 8px 16px 24px 16px;
        padding-top: 16px!important; position: relative; padding: 0px
}

.training-plan-item-program {
    width: 55%; text-align: left; vertical-align: middle; padding: 2px 5px 5px 16px!important; overflow: hidden; text-overflow: ellipsis; color: #1C1C1C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 600!important; font-size: 14px!important
}

.training-plan-item-time {
    width: 45%; text-align: right; vertical-align: middle; padding: 2px 16px 5px 5px!important; overflow: hidden; text-overflow: ellipsis; color: #1C1C1C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 600!important; font-size: 14px!important; white-space: nowrap
}

.training-plan-item-name {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3C3C3C!important;width: 185px;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-school {
    position: absolute; top: 0px; right: 16px; background: #0B70D8; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 0px;
        margin-bottom: 5px; text-align: center; padding: 0px 10px 1px 10px; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important;
        font-size: 10px!important
}

.training-plan-item-sledge {
    position: absolute; top: 26px; right: 16px; background: #EB5757; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 0px;
        text-align: center; padding: 0px 10px 1px 10px; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 10px!important
}

.training-plan-item-price1 {
    position: absolute; bottom: 50px; right: 16px; background: transparent; border-radius: 16px; display: inline-block; margin-right: 0px;
        border: 1px solid #4C4C4C; text-align: center; width: 100px; color: #181829!important; padding: 5px 10px 5px 10px; font-family: Roboto!important;
        font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-price1-text {
    position: absolute; left: 18px; top: -8px; color: #4C4C4C!important; padding: 2px; font-family: Roboto!important; font-style: normal!important; 
        font-weight: 400!important; font-size: 11px!important; background: #ffffff; line-height: 11px
}

.training-plan-item-price {
    position: absolute; bottom: 10px; right: 16px; background: transparent; border-radius: 16px; display: inline-block; margin-right: 0px; border: 1px solid #4C4C4C;
        text-align: center; width: 100px; color: #181829!important; padding: 5px 10px 5px 10px; font-family: Roboto!important; font-style: normal!important;
        font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-price-text {
    position: absolute; left: 18px; top: -8px; color: #4C4C4C!important; padding: 2px; font-family: Roboto!important; font-style: normal!important;
        font-weight: 400!important; font-size: 11px!important; background: #ffffff; line-height: 11px
}

.training-plan-item-age {
    text-align: left; vertical-align: middle; padding: 2px 5px 5px 16px!important; overflow: hidden; text-overflow: ellipsis; color: #3C3C3C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-levelcommand {
    text-align: left; vertical-align: middle; padding: 2px 5px 5px 16px!important; overflow: hidden; text-overflow: ellipsis; color: #3C3C3C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-arena {
    text-align: left; vertical-align: middle; padding: 2px 5px 5px 16px!important; overflow: hidden; text-overflow: ellipsis; color: #3C3C3C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-arena-div {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3C3C3C!important; font-family: Roboto!important;width: 185px;
        font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-arenaaddress {
    text-align: left; vertical-align: middle; padding: 2px 5px 5px 16px!important; overflow: hidden; text-overflow: ellipsis; color: #3C3C3C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-arenaaddress-div {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #3C3C3C!important; font-family: Roboto!important;width: 185px;
        font-style: normal!important; font-weight: 500!important; font-size: 12px!important
}

.training-plan-item-status {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px; color: #b4b4b4; overflow: hidden; text-overflow: ellipsis
}

.training-plan-item-buttons {
    width: 100%; border: none; padding-top: 10px; padding-bottom: 16px; padding-left: 8px; padding-right: 8px
}

.news-item-main {
    border: none;
    background: #FFFFFF;
    border-radius: 16px;
    margin: 24px 16px 16px 16px;
    position: relative;
    padding: 6px 8px 6px 8px;
}

.news-item-author {
    font-family: Roboto!important; font-style: normal!important; font-weight: 700!important; font-size: 15px; color: #1F1F1F;
    padding-top: 4px; padding-bottom: 2px;
}

.news-item-time {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px; color: #818189;
}

.news-item-name {
    font-family: Roboto!important; font-style: normal!important; font-weight: 700!important; font-size: 16px; color: #1F1F1F; line-height: 1.5;
    padding-top: 12px; padding-left: 16px; padding-right: 16px; text-align: justify!important; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-item-desc {
    font-family: Roboto!important; font-style: normal!important; font-weight: 400!important; font-size: 14px; color: #1F1F1F; line-height: 1.5;
    padding-top: 8px; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; text-align: justify!important;
}

.news-item-mode {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 14px; color: #283DC1;
    padding-left: 8px; 
}

.news-item-views {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px; color: #818189;
    text-align: left; vertical-align: top; padding: 5px;
}

.slider-news-image {
    width: 100%; height: 280px; max-height: 280px;  
    background-position: center center; background-repeat: no-repeat; background-size: cover;
}

.div-news-slider {
    background-image: url(/images/system/slider_ground1.png); background-position: center center;
    background-repeat: no-repeat; background-color: #FFFFFF; width: 100%; height: 280px; overflow: hidden; padding: 0px;
}