/*PAGE*/
#topbar .navbar,
.main-wrapper,
.page-content {
    width: 1200px !important;
}

.panel-video {
    height: 465px;
    background: #000;
    position: relative;
}

.panel-video .online {
    position: absolute;
    color: #fff;
    left: 10px;
    top: 10px;
    padding: 3px 8px;
    background: rgba(26,179,148, 0.8);
    border-radius: 10px;
    font-size: 12px;
}

.panel-video .online.pause {
    background: rgba(237,85,101, 0.8);
}

.panel-video .online.stop {
    background: rgba(204,204,204, 0.8);
}

.panel-default {
    border-radius: 0;
    margin-bottom: 0;
}

.panel-default .panel-heading {
    background: transparent;
    border-color: #f2f2f2;
    padding: 10px;
}

.panel-default .panel-heading.noborder {
    border-bottom: 0;
}

.panel-default .panel-heading.nopadding {
    padding: 0 10px 0 5px;
    height: 38px;
    line-height: 38px;
}

.panel-default .panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.panel-default .panel-body.panel-chat {
    height: 440px;
    display: none;
    position: relative;
}

.panel-default .panel-body.panel-chat p img {
    max-height: 40px;
    max-width: 300px;
}

.panel-default .panel-body.panel-chat p img.face {
    height: 24px;
    width: 24px;
}

.panel-default .panel-body.panel-chat[data-tab='visitor'] p {
    position: relative;
}
.panel-default .panel-body.panel-chat[data-tab='visitor'] p:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    right: 0;
    border-bottom: 1px dashed #eee
}

.panel-default .panel-body.panel-chat[data-tab='chat'] p .btn-delete,
.panel-default .panel-body.panel-chat[data-tab='chat'] p .btn-banned {
    display: none;
}

.panel-default .panel-body.panel-chat[data-tab='chat'] p:hover .btn-delete,
.panel-default .panel-body.panel-chat[data-tab='chat'] p:hover .btn-banned {
    display: inline;
}

.panel-default .panel-body.panel-chat[data-tab='chat'] p .nickname {
    color: #44abf7;
    cursor: pointer;
}

.panel-default .panel-body.panel-chat p .tip {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.panel-default .panel-body.panel-chat p .tip .text {
    background: #ccc;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 2px;
    display: inline-block;
}

.panel-default .panel-body.panel-chat p .goods {
    height: 70px;
    width: 300px;
    background: #f4f4f4;
    padding: 8px;
    border-radius: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.panel-default .panel-body.panel-chat p .goods .thumb {
    height: 54px;
    width: 54px;
    background: red;
}

.panel-default .panel-body.panel-chat p .goods .thumb img {
    max-height: 54px;
    height: 54px;
    width: 54px;
    display: block;
}

.panel-default .panel-body.panel-chat p .goods .info {
    width: 1%;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
}

.panel-default .panel-body.panel-chat p .goods .info .title {
    width: 100%;
    height: 36px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}

.panel-default .panel-body.panel-chat p .goods .info .price {
    color: #f95959;
}

.panel-default .panel-body.panel-chat .empty-data {
    line-height: 360px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.panel-default .panel-footer {
    background: #f6f6f6;
    padding: 5px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-color: #f2f2f2;
    position: relative;
}

.panel-default .panel-footer .input {
    height: inherit;
    background: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px 0 0 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.panel-default .panel-footer .input .emoji {
    line-height: 34px;
    height: 34px;
    width: 34px;
    text-align: center;
    color: #aaa;
    position: relative;
    cursor: pointer;
}

.panel-default .panel-footer .input .emoji:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    border-right: 1px solid #eee;
}

.panel-default .panel-footer .input .emoji.active .icon {
    color: #44abf7;
}

.panel-default .panel-footer .input .emoji .icon {
    font-size: 18px;
}

.panel-default .panel-footer .input .btn-ats {
    position: relative;
    cursor: default;
    width: 100px;
    display: none;
}

.panel-default .panel-footer .input .btn-ats.more:hover .at-list {
    display: block;
}

.panel-default .panel-footer .input .btn-ats .at-list {
    height: auto;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 30px;
    border: 1px solid #eee;
    border-bottom: 0;
    margin-left: -1px;
    border-radius: 3px 3px 0 0;
    padding: 0 14px 4px 4px;
    display: none;
}

.panel-default .panel-footer .input .btn-ats .item {
    width: 100%;
    margin: 0;
    line-height: 32px;
    position: relative;
    font-size: 12px;
}

.panel-default .panel-footer .input .btn-ats .item.big {
    padding: 0 14px 0 4px;
    line-height: 34px;
    font-size: 13px;
}

.panel-default .panel-footer .input .btn-ats .item .text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #888;
}

.panel-default .panel-footer .input .btn-ats .item.big .text {
    color: #666;
}


.panel-default .panel-footer .input .btn-ats .item:before {
    content: '';
    position: absolute;
    right: 0px;
    left: 8px;
    bottom: 0;
    border-bottom: 1px solid #eee;
}

.panel-default .panel-footer .input .btn-ats .item.big:before {
    border: 0;
}

.panel-default .panel-footer .input .btn-ats .item .at-remove {
    position: absolute;
    top: 0;
    right: -10px;
    font-size: 16px;
    cursor: pointer;
}

.panel-default .panel-footer .input .btn-ats .item.big .at-remove {
    position: absolute;
    top: 0;
    right: 4px;
    font-size: 16px;
}

.panel-default .panel-footer .input input {
    border: 0px;
    outline: 0;
    padding: 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.panel-default .panel-footer .btn {
    border-radius: 0 3px 3px 0;
    background: #44abf7;
    border: 0;
}

.panel-default .panel-footer .emoji-list {
    position: absolute;
    height: 116px;
    background: #fff;
    top: 50px;
    left: 10px;
    right: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    z-index: 99;
    display: none;
}

.panel-default .panel-footer .emoji-list:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 40px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    border-left: 10px solid transparent;
}

.panel-default .panel-footer .emoji-list:after {
    content: '';
    position: absolute;
    top: -9px;
    left: 41px;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
}

.panel-default .panel-footer .emoji-list .item {
    float: left;
    width: 24px;
    height: 24px;
    margin: 2px;
    cursor: pointer;
    background: url("../images/face/allface.jpg");
    background-size: 24px;
}

.panel-default .panel-footer .emoji-list .item:nth-child(1){background-position: 0 -0px;}
.panel-default .panel-footer .emoji-list .item:nth-child(2){background-position: 0 -24px;}
.panel-default .panel-footer .emoji-list .item:nth-child(3){background-position: 0 -48px;}
.panel-default .panel-footer .emoji-list .item:nth-child(4){background-position: 0 -72px;}
.panel-default .panel-footer .emoji-list .item:nth-child(5){background-position: 0 -96px;}
.panel-default .panel-footer .emoji-list .item:nth-child(6){background-position: 0 -120px;}
.panel-default .panel-footer .emoji-list .item:nth-child(7){background-position: 0 -144px;}
.panel-default .panel-footer .emoji-list .item:nth-child(8){background-position: 0 -168px;}
.panel-default .panel-footer .emoji-list .item:nth-child(9){background-position: 0 -192px;}
.panel-default .panel-footer .emoji-list .item:nth-child(10){background-position: 0 -216px;}
.panel-default .panel-footer .emoji-list .item:nth-child(11){background-position: 0 -240px;}
.panel-default .panel-footer .emoji-list .item:nth-child(12){background-position: 0 -264px;}
.panel-default .panel-footer .emoji-list .item:nth-child(13){background-position: 0 -288px;}
.panel-default .panel-footer .emoji-list .item:nth-child(14){background-position: 0 -312px;}
.panel-default .panel-footer .emoji-list .item:nth-child(15){background-position: 0 -336px;}
.panel-default .panel-footer .emoji-list .item:nth-child(16){background-position: 0 -360px;}
.panel-default .panel-footer .emoji-list .item:nth-child(17){background-position: 0 -384px;}
.panel-default .panel-footer .emoji-list .item:nth-child(18){background-position: 0 -408px;}
.panel-default .panel-footer .emoji-list .item:nth-child(19){background-position: 0 -432px;}
.panel-default .panel-footer .emoji-list .item:nth-child(20){background-position: 0 -456px;}
.panel-default .panel-footer .emoji-list .item:nth-child(21){background-position: 0 -480px;}
.panel-default .panel-footer .emoji-list .item:nth-child(22){background-position: 0 -504px;}
.panel-default .panel-footer .emoji-list .item:nth-child(23){background-position: 0 -528px;}
.panel-default .panel-footer .emoji-list .item:nth-child(24){background-position: 0 -552px;}
.panel-default .panel-footer .emoji-list .item:nth-child(25){background-position: 0 -576px;}
.panel-default .panel-footer .emoji-list .item:nth-child(26){background-position: 0 -600px;}
.panel-default .panel-footer .emoji-list .item:nth-child(27){background-position: 0 -624px;}
.panel-default .panel-footer .emoji-list .item:nth-child(28){background-position: 0 -648px;}
.panel-default .panel-footer .emoji-list .item:nth-child(29){background-position: 0 -672px;}
.panel-default .panel-footer .emoji-list .item:nth-child(30){background-position: 0 -696px;}
.panel-default .panel-footer .emoji-list .item:nth-child(31){background-position: 0 -720px;}
.panel-default .panel-footer .emoji-list .item:nth-child(32){background-position: 0 -744px;}
.panel-default .panel-footer .emoji-list .item:nth-child(33){background-position: 0 -768px;}
.panel-default .panel-footer .emoji-list .item:nth-child(34){background-position: 0 -792px;}
.panel-default .panel-footer .emoji-list .item:nth-child(35){background-position: 0 -816px;}
.panel-default .panel-footer .emoji-list .item:nth-child(36){background-position: 0 -840px;}
.panel-default .panel-footer .emoji-list .item:nth-child(37){background-position: 0 -864px;}
.panel-default .panel-footer .emoji-list .item:nth-child(38){background-position: 0 -888px;}
.panel-default .panel-footer .emoji-list .item:nth-child(39){background-position: 0 -912px;}
.panel-default .panel-footer .emoji-list .item:nth-child(40){background-position: 0 -936px;}
.panel-default .panel-footer .emoji-list .item:nth-child(41){background-position: 0 -960px;}
.panel-default .panel-footer .emoji-list .item:nth-child(42){background-position: 0 -984px;}
.panel-default .panel-footer .emoji-list .item:nth-child(43){background-position: 0 -1008px;}
.panel-default .panel-footer .emoji-list .item:nth-child(44){background-position: 0 -1032px;}
.panel-default .panel-footer .emoji-list .item:nth-child(45){background-position: 0 -1056px;}
.panel-default .panel-footer .emoji-list .item:nth-child(46){background-position: 0 -1080px;}
.panel-default .panel-footer .emoji-list .item:nth-child(47){background-position: 0 -1104px;}
.panel-default .panel-footer .emoji-list .item:nth-child(48){background-position: 0 -1128px;}
.panel-default .panel-footer .emoji-list .item:nth-child(49){background-position: 0 -1152px;}
.panel-default .panel-footer .emoji-list .item:nth-child(50){background-position: 0 -1176px;}
.panel-default .panel-footer .emoji-list .item:nth-child(51){background-position: 0 -1200px;}
.panel-default .panel-footer .emoji-list .item:nth-child(52){background-position: 0 -1224px;}
.panel-default .panel-footer .emoji-list .item:nth-child(53){background-position: 0 -1248px;}
.panel-default .panel-footer .emoji-list .item:nth-child(54){background-position: 0 -1272px;}
.panel-default .panel-footer .emoji-list .item:nth-child(55){background-position: 0 -1296px;}
.panel-default .panel-footer .emoji-list .item:nth-child(56){background-position: 0 -1320px;}
.panel-default .panel-footer .emoji-list .item:nth-child(57){background-position: 0 -1344px;}
.panel-default .panel-footer .emoji-list .item:nth-child(58){background-position: 0 -1368px;}
.panel-default .panel-footer .emoji-list .item:nth-child(59){background-position: 0 -1392px;}
.panel-default .panel-footer .emoji-list .item:nth-child(60){background-position: 0 -1416px;}
.panel-default .panel-footer .emoji-list .item:nth-child(61){background-position: 0 -1440px;}
.panel-default .panel-footer .emoji-list .item:nth-child(62){background-position: 0 -1464px;}
.panel-default .panel-footer .emoji-list .item:nth-child(63){background-position: 0 -1488px;}
.panel-default .panel-footer .emoji-list .item:nth-child(64){background-position: 0 -1512px;}
.panel-default .panel-footer .emoji-list .item:nth-child(65){background-position: 0 -1536px;}
.panel-default .panel-footer .emoji-list .item:nth-child(66){background-position: 0 -1560px;}
.panel-default .panel-footer .emoji-list .item:nth-child(67){background-position: 0 -1584px;}
.panel-default .panel-footer .emoji-list .item:nth-child(68){background-position: 0 -1608px;}
.panel-default .panel-footer .emoji-list .item:nth-child(69){background-position: 0 -1632px;}
.panel-default .panel-footer .emoji-list .item:nth-child(70){background-position: 0 -1656px;}
.panel-default .panel-footer .emoji-list .item:nth-child(71){background-position: 0 -1680px;}
.panel-default .panel-footer .emoji-list .item:nth-child(72){background-position: 0 -1704px;}
.panel-default .panel-footer .emoji-list .item:nth-child(73){background-position: 0 -1728px;}
.panel-default .panel-footer .emoji-list .item:nth-child(74){background-position: 0 -1752px;}
.panel-default .panel-footer .emoji-list .item:nth-child(75){background-position: 0 -1776px;}
.panel-default .panel-footer .emoji-list .item:nth-child(76){background-position: 0 -1800px;}
.panel-default .panel-footer .emoji-list .item:nth-child(77){background-position: 0 -1824px;}
.panel-default .panel-footer .emoji-list .item:nth-child(78){background-position: 0 -1848px;}
.panel-default .panel-footer .emoji-list .item:nth-child(79){background-position: 0 -1872px;}
.panel-default .panel-footer .emoji-list .item:nth-child(80){background-position: 0 -1896px;}
.panel-default .panel-footer .emoji-list .item:nth-child(81){background-position: 0 -1920px;}
.panel-default .panel-footer .emoji-list .item:nth-child(82){background-position: 0 -1944px;}
.panel-default .panel-footer .emoji-list .item:nth-child(83){background-position: 0 -1968px;}
.panel-default .panel-footer .emoji-list .item:nth-child(84){background-position: 0 -1992px;}
.panel-default .panel-footer .emoji-list .item:nth-child(85){background-position: 0 -2016px;}
.panel-default .panel-footer .emoji-list .item:nth-child(86){background-position: 0 -2040px;}
.panel-default .panel-footer .emoji-list .item:nth-child(87){background-position: 0 -2064px;}
.panel-default .panel-footer .emoji-list .item:nth-child(88){background-position: 0 -2088px;}
.panel-default .panel-footer .emoji-list .item:nth-child(89){background-position: 0 -2112px;}
.panel-default .panel-footer .emoji-list .item:nth-child(90){background-position: 0 -2136px;}
.panel-default .panel-footer .emoji-list .item img {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    display: none;
}

.panel-default.panel-push {
    margin-top: 14px;
}

.panel-default.panel-push .panel-heading {
    padding: 13px 10px;
}

.panel-default.panel-push .btn-loading,
.panel-default.panel-push .btn-play,
.panel-default.panel-push .btn-pause,
.panel-default.panel-push .btn-stop {
    display: none;
    border: 1px solid #f2f2f2;
    padding: 5px 12px;
    font-size: 12px;
    color: #666;
}

.panel-default.panel-push .btn-loading {
    color: #666;
    display: inline;
}

.panel-default.panel-push .btn-play {
    background: #1ab394;
    border-color: #1ab394;
    color: #fff;
}

.panel-default.panel-push .btn-pause {
    background: #ed5565;
    border-color: #ed5565;
    color: #fff;
}

.panel-default.panel-push .empty-data {
    line-height: 100px;
    text-align: center;
}

.panel-tab-small {
    line-height: 38px;
    font-size: 0;
}
.panel-tab-small a {
    height: inherit;;
    font-size: 12px;
    color: #333;
    padding: 0 10px;position: relative;
    display: inline-block;
}
.panel-tab-small a.active:before {
    position: absolute;
    content: '';
    left: 8px;
    right: 8px;
    bottom: 1px;
    border-bottom: 2px solid #44abf7;
}

.label-primary {
    background: #44abf7;
    cursor: pointer;
}

.table {
    margin-bottom: 0;
}

.table > thead {
    background: #f4f4f4;
}

.table > thead > tr > th,
.table > tbody > tr > td {
    border: 0;
    font-weight: normal;
    color: #333;
}

.table > tbody > tr {
    border-top: 1px solid #f2f2f2;
}

.table.height0 thead th {
    padding: 0;
}

.panel-body .table .label {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 5px 0;
}

.max350 {
    max-height: 350px;
    overflow-y: auto;
}

.notice,
.text-danger a, .text-danger:active, .text-danger:hover {
    color: #ed5565;
}