/*
根元素
*/
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* :not(:required) hides this rule from IE9 and below */
.circle-spinner:not(:required) {
    animation: spinner 800ms infinite linear;
    border: 2px solid gray;
    /* Assuming 'color('900', 'gray')' resolves to 'gray' */
    border-right-color: transparent;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 20px 10px 40px;
}

.loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 255, 0.9);
    /* Assuming 'color('900', 'blue', 0.9)' resolves to 'rgba(0, 0, 255, 0.9)' */
    z-index: 300;
}

.loader .circle-spinner:not(:required) {
    border-color: #ffffff;
    border-right-color: transparent;
    width: 120px;
    height: 120px;
    border-width: 4px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -60px;
}

.loader svg {
    width: 54px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sidebar.h-sidebar {
    margin-top: 0px;
}

.sidebar.h-sidebar .nav-list {

    border-bottom: 1px solid #e1e9ec;
}

.table>thead>tr {
    color: #707070;
    font-weight: normal;
    background-color: #fff;
    background-image: none;
}

.sidebar.menu-min .nav-list>li>.submenu {

    left: 0px;
    top: 43px;
    margin-left: 0px;
}

.sidebar.h-sidebar.menu-min .nav-list>li>a>.menu-text {
    width: 178px;
    background-color: #fff;
}

.sidebar.h-sidebar+.main-content .breadcrumbs {
    border: 0px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    margin-top: 1px;
}

.no-skin .sidebar.h-sidebar .nav-list>li.active,
.no-skin .sidebar.h-sidebar .nav-list>li.active+li,
.no-skin .sidebar.h-sidebar .nav-list>li:hover+li.active {
    border-left: 1px solid #dadada;
}

.nav-tabs {
    border-color: rgb(231, 223, 223);
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus {
    border-color: #e5e7e8;
    background-color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-top: 0px;
    border-color: #dae0e4;
    border-bottom-color: transparent;
    color: #7637cf;
    font-weight: bold;
}

.tab-content {
    border: 0px;
    height: 100%;
}

img {
    border-radius: 4px;
}

.label-tag {
    margin-top: 7px !important;
    margin-left: 20px !important;
}

.btn {
    display: inline-block;
    color: #FFF !important;
    text-shadow: none;
    background-image: none !important;
    border: 1px solid #FFF;
    border-radius: 8px !important;
    box-shadow: none !important;
    -webkit-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    -o-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    /**
 &:hover, &:focus, &.focus, .open > &.dropdown-toggle {
	color: #FFF;
	box-shadow: none;

 }
 */
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn {
    border-radius: 8px !important;
}

DIV .dropdown-menu {
    border-radius: 8px !important;
}

.modal-content {
    border-radius: 8px !important;
    /*top: 2%;*/
    width: 100%;
    /*transform: translateY(2%);*/
}

.modal-footer {
    border-radius: 8px !important;
}

input[type="text"] {
    border-radius: 4px !important;
    /* height:40px; */
    /*height: 34px;*/
    min-height: 40px;
    font-size: 18px;
    color: #f14b90;
}

.editing {
    border: crimson 2px dotted;
    font-size: 14px;
}

.help-block {
    color: red;
    text-align: center;
    background-color: rgb(255, 255, 249);
    border: #cccccc 0px solid;
}

.navbar {
    /*background: #520d77;*/
    background-color: #60578b;
}

.no-skin .sidebar-shortcuts {
    background-color: #555555;
}

.no-skin .nav-list>li>a {
    /*background-color: #555555;*/
    /*color:#fff;*/
}

.no-skin .nav-list>li:hover>a {
    color: #585858;
}

.no-skin .nav-list>li .submenu>li>a:hover {
    color: #d6487e;
}

.no-skin .nav-list>li .submenu>li.active>a {
    color: #d6487e;
}

.login-layout .widget-box {
    border: 10px solid #d6487e;
}

.nav-list>li .submenu>li>a {
    border-top-style: none;
}

.no-skin .nav-list>li.active:after {
    border-color: #fff;
}

.no-skin .sidebar {
    background-color: #F2F2F2;
    border-style: solid;
    border-color: #CCC;
    border-width: 0 1px 0 0;
}

.sidebar:before {
    display: block;
    width: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    background-color: inherit;
    border-width: 0px;
}


/*boostraptable */

.fixed-table-container {
    position: relative;
    clear: both;
    border: 0px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/*左侧导航细节*/

.sidebar .sidebar-toggle:before {
    content: "";
    display: block;
    height: 0;
    border-top: 0px solid;
    border-color: inherit;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 13px;
}


/*数据表格样式*/

.bootstrap-table .fixed-table-toolbar {
    text-align: left;
}

#external-events {
    /*
    position: fixed;
    z-index: 2;
    
    margin-top: 30px;

    padding: 0 10px;
    border: 1px solid #ccc;
    */
    border-radius: 6px;
    background: #fff;
}

#external-events .fc-event {
    /*margin: 1em 0;*/
    cursor: move;
}


.fc-event-hori {
    border-radius: 8 !important;
    border-color: green;
}

.fc-event-vert {
    border-radius: 8 !important;
    border-color: green;
}

.table>tbody>tr>td {
    white-space: nowrap;
    /* overflow: hidden;*/
    word-break: keep-all;
    text-overflow: ellipsis;
}

.likes_edit_form {
    padding: 16px;
    padding-top: 30px;
}

.nav-tabs>li {
    display: flex;
    margin-bottom: -2px;
}

.nav-tabs>li>a.closeTabs {
    border-left: none;
}

.nav-tabs>li>a.del {
    border-left: none;
}

.nav-tabs>li>a.del:hover {
    border-left: none;
}

.upload_img_ul {
    padding-left: 0px;
    margin-left: 0px;
}

.upload_img {
    border: 1px dotted #555555;
    border-radius: 6px;
}

.help.is-danger {
    color: #d6487e;
    padding: 4px;
    background-color: antiquewhite;
    border-radius: 4px;
    /*float: left;*/
    clear: both;
}

.help.is-warning {
    float: left;
    clear: both;
    color: #3f3f3f;
    padding: 4px;
    background-color: antiquewhite;
    border-radius: 4px;
}

.help.is-warning.tasklap {
    float: none;
    font-size: 12px;
}

.nav-tabs>li.active>a.editing {
    border: 1px dotted #ff0081;
}

.modal-dialog {
    /*top: 2%;*/
    /*word-break:keep-all;*/
    /*text-overflow:ellipsis;*/
    max-width: 95% !important;
}

.feedback_content {
    min-width: 240px;
    padding: 4px;
    word-break: normal;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.task_content {
    width: 240px;
    padding: 4px;
    word-break: normal;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.table_content {
    /*width: 240px;*/
    padding: 4px;
    word-break: normal;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.card-view-value {
    background-color: #d2c9bf;
    border-radius: 6px;
    padding: 4px;
    margin: 4px;
}

.table_content.task {
    width: 100%;
    display: none;
}

@media screen and (max-height: 800px) {
    .modal-body {
        overflow: auto;
        max-height: 500px;
        padding: 0px !important;
    }
}

@media screen and (max-height: 1000px) and (min-height:800px) {
    .modal-body {
        overflow: auto;
        max-height: 600px;
        padding: 0px !important;
    }
}

@media screen and (max-height: 1100px) and (min-height: 1000px) {
    .modal-body {
        overflow: auto;
        max-height: 750px;
        padding: 0px !important;
    }
}

@media screen and (min-height: 1100px) {
    .modal-body {
        overflow: auto;
        max-height: 950px;
        padding: 0px !important;
    }
}

/* 训练记录详情全屏弹窗：取消 .modal-body 高度上限，在 min-width:768px 等尺寸下也能占满高度 */
#openwindow_new.modal-fullscreen-custom .modal-body {
    max-height: none !important;
    height: 100% !important;
}

/* 系统常用课程库弹窗：取消全局 modal-body 高度上限（likes.css 媒体查询 max-height:500/600/750/950px） */
.system-runcourse-library-modal .modal-body {
    max-height: none !important;
    height: auto !important;
    overflow: hidden !important;
}

@media screen and (max-height: 800px) {
    .system-runcourse-library-modal .modal-body {
        max-height: none !important;
        height: auto !important;
        padding: 10px 20px 0 !important;
    }
}

@media screen and (max-height: 1000px) and (min-height:800px) {
    .system-runcourse-library-modal .modal-body {
        max-height: none !important;
        height: auto !important;
        padding: 10px 20px 0 !important;
    }
}

@media screen and (max-height: 1100px) and (min-height: 1000px) {
    .system-runcourse-library-modal .modal-body {
        max-height: none !important;
        height: auto !important;
        padding: 10px 20px 0 !important;
    }
}

@media screen and (min-height: 1100px) {
    .system-runcourse-library-modal .modal-body {
        max-height: none !important;
        height: auto !important;
        padding: 10px 20px 0 !important;
    }
}

.system-runcourse-library-modal .library-table-wrap .fixed-table-container,
.system-runcourse-library-modal .library-table-wrap .fixed-table-pagination,
.system-runcourse-library-modal .library-table-wrap .fixed-table-body {
    max-height: none !important;
}

.taskedit_top {

    position: fixed;
    width: 99%;
    /*height: 170px;*/
    z-index: 999;
    background-color: #ffffff;

    /*box-shadow: 5px 5px 10px #ebebeb;*/
    _position: absolute;
    _bottom: auto;
}

.taskedit_tab {

    position: absolute;
    width: 80%;
    height: 170px;
    z-index: 999;
    background-color: #ffffff;
    top: 62px;
    margin-left: 150px;
    margin-right: auto;


}




.file_select {
    display: none;
}

.mx-datepicker {
    display: block;
}

.mx-datepicker-range {
    width: 200px;
}

.option__image {
    height: 100px;
}

.multiselect--above .multiselect__content-wrapper {
    display: block;
}

div.fr-box.fr-ltr.fr-basic.fr-top {
    z-index: 0;
}

input[type=checkbox],
input[type=radio] {
    float: left;
}

.filtercon {
    display: block;
    margin-top: 10px;
    /*margin-bottom: 50px;*/
    padding-left: 10px;
}

.filter {
    min-width: 100px;
    width: 10px;
    display: inline-block;
}

.filter_con {
    display: inline-block;
    float: left;
    margin-left: 4px;
    height: 20px;
    z-index: 100;
    min-width: 200px;
}

.widget_cont {
    padding: 10px;
    /*min-height: 2000px;*/
    min-height: 500px;
}

.widget-box {

    margin-bottom: 10px;
    min-height: 440px;
    /*max-height:440px;*/
    overflow: hidden;
    border-radius: 6px !important;
}

.widget-box.simple {
    min-height: 150px;
}

.widget-header {
    background-color: #fff;
    background-image: none;
    color: rgb(61, 61, 61);
}

.widget.user_name {
    font-size: 20px;
    padding: 10px;
    width: 140px;
}

.widget.user_info_item {
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.user_headimg {
    width: 130px;
    float: left;
    margin: 10px;
}

.user_info {
    /*width:250px;
    margin: 10px;
    
   float: left;
   min-width:200px
   */
}

.user_name {
    width: 100%;
    float: left;
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.bootstrap-table .fixed-table-container {
    padding-top: 15px;
}


/*signlog detail overall*/

.signlog_info {
    text-align: center;
}

.signlog_info_ul {
    list-style: none;
    display: inline-block;
}

.signlog_info_li {
    width: 100px;
    height: 50px;
    border-radius: 2px;
    background-color: #ffffff;
    float: left;
    margin: 2px;
}

.signlog_info_li.success {
    background-color: #07a722;
}

.signlog_info_li.info {
    background-color: #48a9d6;
}

.signlog_info_li.warning {
    background-color: #464646;
}

.signlog_info_li.heart {
    background-color: #e76800;
}

.signlog_info_li.pace {
    background-color: #039665;
}

.signlog_info_li.error {
    background-color: #bd3881;
}

.signlog_info_li.pink {
    background-color: #3d1699;
}

.signlog_info_li .title {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #4c4c4c;
    padding-top: 8px;
}

.signlog_info_li .data {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #868686;
    padding-top: 4px;
}

.signlog_info_li .data.min {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding-top: 1px;
}

.headimg_small_radio {
    border-radius: 15px;
    border: #ddd 2px solid;
}

.chart {
    height: 300px;
}

.taskfeedback {}

.taskfeedback .content {
    padding: 4px;
    background-color: rgb(221, 203, 158);
    border-radius: 4px;
    margin: 4px;
}

.taskfeedback .tips {
    margin: 10px;
}


/* game task*/

.progress {
    border-radius: 4px;
    height: 10px;
}

.task_group {
    border: 1px dotted #949494;
    border-radius: 2px;
    margin: 2px;
}

.task_group .section_name {

    font-size: 18px;
    text-align: left;

}

.WP {
    background-color: #f5f5f5;
    padding: 8px;

    margin: 2px;
}

.WK {
    background-color: #f5f5f5;
    padding: 8px;

    margin: 2px;
}

.NM {
    background-color: #f5f5f5;
    padding: 8px;

    margin: 2px;
}

.CD {
    background-color: #f5f5f5;
    padding: 8px;

    margin: 2px;
}

.more {
    float: right;
    display: block;
    padding: 2px;
}

.redpack_form {
    list-style-type: none;
    padding: 10px;
}

.redpack_item_label {
    float: left;
    width: 100px;
}

.redpack_item {
    display: inline-block;
    padding: 10px;
    width: 100%;
}

.form-pading {
    float: left;
    width: 20px;
}

.motion_desc {
    white-space: pre-wrap;
    width: 100%;
}

.useractives {
    list-style: none;
    text-align: left;
}

.couponblock {
    clear: both;
    padding: 10px;
}

select {
    border: 1px solid #c9c9c9;
    background-color: #fff;
    color: #666;
    height: 40px;
    line-height: 28px;
    padding: 4px 6px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
}

.badge-gray {
    background-color: #c1d6cb;
}

.widget_analysis {

    margin: 0px 0px;
    padding: 2px;
    border-radius: 4px;
    background-color: #f0f0f0 !important;
    -webkit-print-color-adjust: exact;
}

.widget_more {

    padding: 8px;
    float: right;
}

.coach_comment {
    float: left;
    border-radius: 6px;
    background-color: #a08894 !important;
    padding: 6px;
    color: #fff !important;
    -webkit-print-color-adjust: exact;

}

.coach_comment.lable {

    background-color: #ff8800 !important;

    -webkit-print-color-adjust: exact;

}

.footer .footer-inner .footer-content {
    border: none;
}

.fixed-table-body {

    border-radius: 6px !important;
    /*min-height: 200px;*/
}

.articles {

    position: absolute;
    top: 50px;
    right: 100px;
    width: 40%;


}

.article {
    background-color: #e7e6d8;
    border-radius: 6px;
    padding-left: 20px;

    padding: 2px;
}

.help {
    background-color: #f3efdd;
    border-radius: 6px;
    padding: 4px;
    color: #9c875e;
    margin: 3px;
    font-size: 14px;
    /*margin-left:50px;*/
}

.fr-box.fr-basic .fr-element {
    background-color: #141530;
}

.task_wp {

    margin: 10px;
    border: 1px solid #ededed;
    background-color: #f5f5f5
}

.task_wk {
    margin: 10px;
    border: 1px solid #ededed;
    background-color: #f5f5f5
}

.task_cd {

    margin: 10px;
    border: 1px solid #ededed;
    background-color: #f5f5f5
}

.add_btn {
    display: initial;
    width: 100%;
    margin: 10px;
    float: left;
}

.lap_del {
    right: 10px;
    bottom: 22px;
    position: relative;
    float: right;
    opacity: 1;
    height: 0px;
}

.lap_motion_show {
    float: right;
    margin-top: 0px;
}

.lap_del INPUT {
    margin-top: -80px;
}

.lap_copy {
    right: 60px;
    bottom: 22px;
    position: relative;
    float: right;
    opacity: 1;
    height: 0px;
}

.lap_add {

    right: 120px;
    bottom: 22px;
    position: relative;
    float: right;
    opacity: 1;
    height: 0px;
}

.lap_copy INPUT {
    margin-top: -80px;
    margin-right: 40px;
}

.lap_up {
    position: relative;
    float: right;
    margin-right: -30px;
    opacity: 0.5
}

.lap_up INPUT {
    margin-top: -380px;
    width: 15px;
    font-size: 14px;
}

.lap_down {
    position: relative;
    float: right;
    margin-right: -30px;
    opacity: 0.5
}

.lap_down INPUT {
    margin-top: -280px;
    width: 15px;
    font-size: 14px;
}

.com_lap_up {
    position: relative;
    float: right;
    margin-right: 30px;
    opacity: 0.5
}

.com_lap_up INPUT {
    margin-top: -80px;
    width: 15px;
    font-size: 14px;
}

.com_lap_down {
    position: relative;
    float: right;
    margin-right: 20px;
    opacity: 0.5
}

.com_lap_down INPUT {
    margin-top: -80px;
    width: 15px;
    font-size: 14px;
}

.lap_index {
    position: relative;
    float: right;
}

.lap_index SPAN {
    margin-top: -200px;
    margin-right: -100px;
    border-radius: 100px !important;
    font-size: 25px;
}

.lap_label {
    display: inline-block;
    font-size: 15px;
    float: left;
    width: 60px;
    background-color: #cedee2;
    height: 30px;
    padding-top: 3px;
}

.lap_bg {

    padding: 10px;
    margin: 5px;
    bottom: 0px;
    height: 100%;
    top: 1px;
    background-color: #ffffff;
    border-left: 5px solid #ccc;
    box-shadow: 3px 3px 2px #ededed;
    min-height: 60px;

}

.lap_item {
    clear: both;
    height: 35px;
}

.lap_item_1 {

    height: 35px;
    float: left;
    padding-left: 0px;
}

.lap_com {
    padding-top: 10px;
    background-color: #f5f5f5;
    padding-left: 15px;
    padding-bottom: 10px;
    border: 1px dotted #ccc;
    border-left: 5px solid #ccc;
    max-width: 100%;

}

.lap_com_bg {

    padding: 10px;

    bottom: 0px;
    height: 100%;
    top: 1px;
    background-color: #efefef;
    border-left: 5px solid #ccc;
    box-shadow: 3px 3px 2px #ededed;
    min-height: 60px;

    min-width: 90% !important;
    max-width: 99% !important;

}

.lap_com_top {
    padding-top: 0px;
    padding-left: 0px;
}

.interval {
    padding: 25px;
}

.task_lap_title {
    display: inherit;
    margin: 10px;
    font-size: 20px;
}

.addtask {

    /* display: flow-root;*/

}

.taskcom {
    border: #7b7f7f dotted 0px;
    padding-left: 20px;
    margin-bottom: 5px;
    width: 100% !important;
    padding-left: 5px;
}

.badge-black {
    background-color: #170324;
    font-size: 16px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-grade {
    background-color: #8412cf;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-e {
    background-color: #29aae6;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-m {
    background-color: #00B623;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-t {
    background-color: #FFBB00;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-a {
    background-color: #ff5e00;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-i {
    background-color: #FD2E00;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-r {
    background-color: #FF2EF1;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-null {

    background-color: #678181;
    font-size: 14px;
    padding: 8px;
    margin: 2px;
    -webkit-print-color-adjust: exact;
}

.badge-suunto {

    background-color: #000000;

}

.badge-polar {

    background-color: #dd0707;

}

.badge-coros {

    background-color: #ec5c9d;
    color: #ffffff;

}

.alert_tips {
    padding: 10px;
    font-size: 18px;
}

.hand {
    cursor: pointer;
}

.task_name {

    font-size: 18px;

}

.temp {

    display: inline;
    margin: 5px;

    background-color: #e3e0cc !important;
    height: 100px;
    padding: 10px;
    border-radius: 6px;
}

.temp INPUT {

    width: 10px;
    height: 10px;
    right: -10px;
    top: -10px;
    font-size: 1px;

}

.fc-daygrid-event {

    /*background-color: #fcfcfc !important;*/
    /*box-shadow: 3px 3px 2px #ededed;*/
    /*margin: 2px;*/
    position: none !important;


}

.fc-daygrid-event-title {

    background-color: #fcfcfc !important;
    padding: 2px;
    display: block;
    font-size: 16px;

}

.fc-daygrid-event-harness {
    padding: 5px;
}

.task_user_edit {
    z-index: 10000;
    float: right;
    position: relative;
    top: -10px;
    right: 1px;

}

.task_user_eidt_menu {

    z-index: 10;
    min-width: 40px;
}

.task_user_show_name {

    width: 100%;

    overflow: hidden;
    line-height: 12px;

    display: block;
    font-size: 12px;
    color: #7f8488;
    white-space: pre-wrap;
    word-wrap: break-word;
    /*border-top: 1px dotted #ccc;*/
    /*border-bottom: 1px dotted #ccc;*/
    padding-top: 5px;
    padding-bottom: 10px;
    /*margin-bottom: 10px;*/
}

.task_user_show_item {

    font-size: 13px;
    color: #7f8488;
    display: block;
    line-height: 16px;
    width: 50%;
}

.fc-daygrid-dot-event {
    padding: 0px !important;
}

.fc .fc-daygrid-event {
    /*border: 1px dotted #a7a7a7 !important;*/
    /*padding: 2px;*/
    width: 100%;
    display: block;
    position: initial;
    /*min-height:210px !important;*/
}

.week_summary {

    margin-top: 1px !important;
    /*border: 1px dotted #a7a7a7 !important;*/
    padding: 2px;
    margin: 2px;
    background-color: #fcfcfc !important;
    /*box-shadow: 3px 3px 2px #ededed;*/
    /*min-height: 210px !important;*/
    overflow: hidden;
    font-size: 12px;
}

.week_summary_sports {

    padding: 2px;
    overflow: auto;
}

.week_summary_list {

    line-height: 14px;
    width: 50%;
    float: left;

}

.week_summary_item {

    width: 50%;
    float: left;
    font-size: 10px;
}

.week_summary_title {

    font-weight: bold;
    background-color: #ebebebe5;
    width: 100%;
    font-size: 10px;

}

.week_summary_value {

    font-size: 10px;


}

.btn-calendar {
    background-color: #ffffff !important;
    color: #170324 !important;
}

.fc.fc-daygrid-day-frame {
    /*height: 125px;*/
}

.calendar_signlog {

    border-radius: 4px;
    background-color: #50279b;
    color: #ffffff;
    /*margin:5px;*/
    min-height: 50px;
    /*box-shadow: 3px 3px 2px #ededed;*/
    font-size: 12px;
    width: 100%;
    white-space: normal;
    cursor: -webkit-zoom-in;


}

.calendar_signlog_title {

    color: #c1c1c1;
    font-size: 14px;

    clear: both;
    ;
    line-height: 17px;
    display: block;
    width: 100%;
    padding-left: 4px;

}

.calendar_signlog_title_l {
    font-size: 18px;
    color: #808080;
    font-weight: bold;
    clear: both;
    ;
    line-height: 16px;
    padding-left: 4px;
    width: 100%;
}

.calendar_signlog_sport {
    position: relative;
    float: right;
    color: #8b8b8b6e;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -50px;
    bottom: 30px;
}

.tasklap_item_lab {

    border: 0px;
    height: 30px !important;
    background-color: #eff4f5 !important;
    border-radius: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
}

.tasklap_item_time_select {

    border: 0px;
    height: 30px !important;
    background-color: #eff4f5 !important;
    border-radius: 0px !important;
    padding-right: 0px;
    padding-left: 0px;
    width: 60px;
}

.tasklap_item_value {
    border: 1px solid #e2e0d4 !important;
    background-color: #f1f0e7 !important;
    min-height: 30px !important;
    height: 30px !important;
    border-radius: 0px !important;

}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.loading {
    width: 20px;
    height: 20px;
    margin: 5px 10px 10px 10px;
    border: solid 3px #8822aa;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transition: all 0.5s ease-in;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    transition: all 0.5s ease-in;
    animation-name: rotate;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.dropzone {
    /*float: left;*/
    border: 0px !important;
}

.handle {

    float: right;
    color: cadetblue;

}

.lapechart {

    min-width: 1px;

    display: inline-block;

}

.focuslap {

    border: 1px dotted #454545;

}

.echart_container {
    text-align: center;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.task_total {
    font-size: 16px;
    color: #3f3f3f;
}

.add_default_lap_list {
    display: inline-block;
    float: right;

}

.add_default_lap_list LI {
    display: block;
    list-style: none;
    margin-left: 5px;
    float: right;
}

.question {

    padding: 10px;
}

.question .list {

    padding: 10px;
}

.question .user {

    color: #3d5d60;
    font-size: 10px;
    background-color: #f5f5f5;
}

.question .content {

    padding: 10px;
}

body.modal-open {
    overflow: hidden !important;
    ;
}

.bootbox .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.bootbox .modal-content {
    margin: auto;
}
.bootbox-body{
    padding: 10px;
}
.full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow: auto;
    z-index: 1000;
  }
  .pagination>li>a, .pagination>li>span {
    border:0px !important;
    border-radius: 2px !important;
  }

/* ========================================
   Likes 训练计划 Markdown 模式样式（极简紧凑版）
   用于 getTaskHtmlShow 方法的 markdown/md 模式
   ======================================== */

/* 区域容器 - 极简白底 */
.section-md {
  margin-bottom: 8px;
  padding: 0;
  background: #fff;
}

/* 区域标题 - 隐藏不显示 */
.section-title-md {
  display: none;
}

/* 任务组（间歇训练） - 无缩进无边框 */
.task-group-md {
  margin-bottom: 4px;
  padding: 0;
  background: #fff;
  border-left: none;
}

/* 组数标签 - 小字体，靠左 */
.group-count-md {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #333;
  margin-bottom: 2px;
  padding-left: 0;
}

/* 组内容 - 保持当前缩进 */
.group-content-md {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px dashed #ddd;
}

/* 单个任务项 - 无边框 */
.task-item-md {
  margin-bottom: 2px;
  padding: 0;
  background: #fff;
}

/* Lap 项目 - 纵向布局（两行显示） */
.lap-item-md {
  display: block;
  padding: 2px 0;
  margin-bottom: 3px;
  background: #fff;
  line-height: 1.3;
}

.lap-item-md:last-child {
  margin-bottom: 0;
}

/* Lap 内容元素 - 小字体 */
.lap-duration-md {
  font-size: 11px;
  font-weight: 500;
  color: #000;
  display: inline;
  margin-right: 4px;
}

.lap-name-md {
  font-size: 11px;
  color: #333;
  display: inline;
  margin-right: 4px;
}

.lap-intensity-md {
  font-size: 10px;
  color: #666;
  display: block;
  margin-top: 1px;
  padding-left: 0;
}

.lap-times-md {
  font-size: 10px;
  font-weight: 500;
  color: #666;
  display: inline;
  margin-left: 4px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
   
     padding-right: 0px !important; 
     padding-left: 0px !important; 
}