.user-panel>.info>p {font-weight: 600;width: 150px;margin-bottom: 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bg-light-blue, .label-primary, .modal-primary .modal-body {
    background-color: #17a2f3 !important;
}

.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #f7f7f7;
    z-index: 800;
}
.content-tabs .page-tabs a {
    display: block;
    float: left;
    padding: 0 4px;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    margin: 0 3px;
    background: #f7f7f7;
    color: #888 !important;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
}

.device-camera:hover {
    border-radius: 3px;
    color: #0e94ea;
    font-weight: bold;
}
.play-active {
    border-radius: 3px;
    color: #0e94ea;
    font-weight: bold;
}
.play-active span {
    color: #0e94ea;
}
.play-active .play-text:after {
    content: '[播放中]';
}

.playing{

}

.content-tabs .page-tabs a.active i {
    color: #fff !important;
}
.content-tabs .page-tabs a i {
    color: #888 !important;
}
.content-tabs .page-tabs a.active, .content-tabs .page-tabs a.active:hover {
    background: #17a2f3;
    border: 1px solid #17a2f3;
    color: #ffffff !important;
}
/*

.content-header>.breadcrumb>li>a{color: white;}*/
/*
.content-header>h1{padding: 20px;color: white;background-color: #0093E9;background-image: linear-gradient(160deg,#0093E9 0%, #80D0C7 100%);border-radius: 5px;}

.content-header>h1>small{color: white;}
.small-box,.small-box{border-radius:5px}
.bg-blue{background-color: #0093E9;background-image: linear-gradient(160deg,#0093E9 0%, #80D0C7 100%);}
.bg-green{background-color: #0093E9;background-image: linear-gradient(160deg, #0093E9 0%, #12eb51 100%);}
.bg-green{background-color: #0093E9;background-image: linear-gradient(160deg, #0093E9 0%, #12eb51 100%);}*/

.btn{
    line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;

    font-size: 14px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
}

.btn-primary {
    color: #fff;
    background-color: #1890ff;
    border-color: #1890ff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
}
.btn-default {
    background-color: white;
    color: #444;
    border-color: #ddd;
}
.navbar-inverse{background-color:#FFFFFF;border-color:#FFFFFF;color: black}


.icheckbox_square-blue{
    border-radius: 100%;
}

.project-box{
    height: 200px;
    position: relative;

    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
}

.project-box span{

    display: block;
    color:#fff;
    background: #eda733;
    text-align: center;
}

.project-box-active{
    border: 3px solid #0e94ea;
}
.project-box-judge{
    border: 3px solid #eda733;
}
.project-box-judge:hover{
    cursor: not-allowed;
}
.project-box:hover{
    border: 3px solid #0e94ea;
}
.project-box-h-left{
    padding-left: 40px;
}
.project-box h4{
    padding: 10px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    text-align:center;
}
h5{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.project-box:hover .p{
    display: block;
}

.project-box .p{
    background-color: #0e94ea;
    color: white;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 0;
    height: 30px;
    margin: 0 auto;
    display: none;
    cursor: pointer;
    line-height: 30px;
    text-align:center;
}
.p a{
    color: white;
    font-weight: bold;
}

.control-wrapper {
    position: relative;
    width: 6.25rem;
    height: 6.25rem;
    max-width: 6.25rem;
    max-height: 6.25rem;
    border-radius: 100%;
    margin-top: 1.5rem;
    margin-left: .5rem;
    float: left;
}

.i-lg{
    font-size: 260%;
    font-weight: bold;
    color: grey;
}
.i-lg:hover{
    color: #0e94eb;
}