.login-main {
	/* background-image: url(../img/login-background2.png); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	width: 100%;
    height: 100%;
    background-color: #f0f5f9
}
.modal-backdrop.log-in-backdrop{
    background-color: rgba(0, 0, 0,0.01) !important;
}
.login-more {
    
    height: 50px;
    background-color: #005f8f;
}
.login-more-header {
    margin: 0 25%;
}

.login-more-header button {
    margin: 8px 0;
}
.more-info-list{
	padding: 5px;
  	margin-bottom: 5px;
  	list-style: none;
  	color: #FFF;
  	display: block;
}
.more-info-list>li>a{
	color: #FFF;
}
.more-info-list>li{
	display: inline-block;
}
.more-info-list>li+li:before{
	content: "|\A0";
    padding: 0 5px;
}
.login-main .login-title{
	width: 100%;
	position: absolute;
	top: 6%;
    color: #fff;
    margin: 0;
    text-align: center;
    letter-spacing:8px;
    font-size: 32px;
    font-weight: bold;
}
@media screen and (max-width:768px){
    .login-main .login-title{
        font-size: 24px;
        top: 55px;
        letter-spacing: normal;
    }
    .login-link-item{
        width: 100px !important;
        height: 100px !important;
        margin-left: -50px !important;
    }
    .login-link-item span{
        font-size: 14px !important;
        margin-top: 40px !important;
    }
}
.login-link{
    width: 100%;
    position: absolute;
    top: 75%;
}
.login-link-content{
    width: 55%;
    min-width: 700px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 110px;
    margin: auto;
    position: relative;
    /* background-color: rgba(236, 234, 220,0.4); */
}
.login-link-item{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin-left: -75px;
    position: absolute;
    background-image: url(f4df24734489df54a54815b0448b0afe.png);
    background-size: 100% 100%;
}
.login-link-item:hover{
    background-image: url(9d198c1fa73ee922b3e69fa125e5fc0b.png);
}
.login-link-item:hover span{
    color: #5cb85c;
}
.login-link-item>span{
    text-align: center;
    margin-top: 54.5px;
    width: 100%;
    color: #fff;
    font-size: 20px;
    position: absolute;
}
@media screen and (max-width:700px){
    .login-link-content {
        width: 94%;
        min-width: 100px;
    }
}/* 顶部 */

.sideOpen-button {
    display: none;
    position: fixed;
    z-index: 20;
    margin-top: -40px;
    margin-left: 4px;
    top: 100%;
}
.sideOpen-button>button{
    width: 36px;
    height: 36px;
    /* border-radius: 18px; */
    background-color: rgba(230, 230, 230,0.3)
}
.box {
    /*padding:0px 0px 0px 0px;*/
    position: absolute;
    /*包含侧边栏和内容显示部分*/
    width: 100%;
    /*margin:0;*/
    height: 100%;
    margin: 0;
    padding: 0;
}


/* 主要内容显示部分*/

.box_main {
    position: absolute;
    z-index: 8;
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.box-right {
    height: 100%;
    margin-left: 100px;
    padding: 0;
    /* Safari 和 Chrome*/
    /* Firefox 4*/
    /* Opera*/
    transition: margin-left .2s;
}

.box-right >.router-content {
    height: 100%;
    margin: 0;
}


/* 侧边栏 */

.box_title {
    position: fixed;
    z-index: 9;
    float: left;
    overflow-y: hidden;
    /* 侧边导航栏*/
    width: 80px;
    height: 100%;
    margin: 0;
    padding: 0;
}

.title-gray{
    background-color: #EEEEEE;
}
.title-info{
    background-color: #eee;
}

.box_title_lists {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box_title_lists .sideTitleicon{
    width: 22px;
    text-align: center;
}

.box_title_lists .svg-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.box_title_lists .svg-container .smallScreen svg {
    width: 100% !important;
}

.title-gray .box_title_lists li{
    border-bottom: 1px solid rgb(200,200,200);
}
.title-info .title-icon{
    background-color: #005F8F;
}
.title-info .box_title_lists li{
    border-bottom: 1px solid #eee;
}
.box_title_lists hr {
    margin: 0;
    border: solid 1px rgb(221, 221, 221);
}

.box_title_lists a {
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    text-decoration: none;
}
.title-gray a{
    color: #104f7a;
}
.title-info a{
    color: #104f7a;
}

/* .box_title_lists a>.text-overhide{ */
    /* width: 100px; */
/* } */

@media screen and (max-width:768px) {
    .sideOpen-button {
        /* 显示导航栏按钮*/
        display: block;
    }
    .full-creen-buttom {
        display: none;
    }
    .box_title {
        left: -100px;
        display: none;
        /* 影藏导航栏*/
        /* Safari 和 Chrome*/
        /* Firefox 4*/
        /* Opera*/
        transition: left .2s;
    }
    .box_main {
        left: 0;
        /* 小屏幕时内容显示为全部*/
        width: 100%;
        /* Safari 和 Chrome*/
        /* Firefox 4*/
        /* Opera*/
        transition: left .2s;
    }
    .box-right {
        margin-left: 0;
    }
    .overlayhu {
        /*遮罩默认不显示*/
        position: absolute;
        /* Safari 和 Chrome*/
        /* Firefox 4*/
        /* Opera*/
        transition: opacity .2s;
        opacity: 0;
    }
    /* 点击按钮弹出侧边栏后 */
    .side_open .sideOpen-button {
        display: none;
    }
    .side_open .box_title {
        /* 点击时导航栏从侧边滑出*/
        left: 0;
        display: block;
    }
    .side_open .box_main {
        position: fixed;
        /* 点击时内容显示部分向右边滑动*/
        left: 90px;
    }
    .side_open .overlayhu {
        z-index: 99;
        top: 0;
        /* 点击时遮罩显示并遮住主页部分*/
        left: 0;
        /* 遮罩*/
        width: 100%;
        height: 1000px;
        opacity: 0.3;
        background: black;
    }
}


/* 导航栏激活状态 */
.title-gray .side-active {
    border-left: solid 6px #104f7a;
}

.title-gray .side-active>a {
    background-color: #ffffff;
}

.title-gray .side-noactive {
    cursor: pointer;
    transition: border-left 0.2s;
    -moz-transition: border-left 0.2s;
    /* Firefox 4 */
    -webkit-transition: border-left 0.2s;
    /* Safari and Chrome */
    -o-transition: border-left 0.2s;
    /* Opera */
}

.title-gray .side-noactive:hover {
    border-left: solid 6px #104f7a;
}

.title-gray .side-noactive>a:hover {
    color: #fff;
    font-weight: bolder;
    background-color: #bbb;
}
/* info状态 */
.title-info .active-triangle{
    width: 40px;
    height: 40px;
    position: absolute;
    top:0;
    right:0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid #fff;
    display: none;
}
.title-info .active-name{
    color: #fff
}
.title-info .side-active .active-triangle{
    display: block;
}
.title-info .side-active a {
    background-color: #104f7a;
    color: #fff
}

.title-info .side-noactive {
    cursor: pointer;
    background-color: #2a90b7;
}
.title-info .side-noactive a{
    color:#fff;
    opacity: 0.7;
}
.title-info .side-noactive a:hover {
    background-color: #104f7a;
    color: #fff
}

.full-active a {
    background-color: #104f7a;
    color: #fff
}

.full-noactive a {
    background-color: #bbb;
    color: #eee
}

@media screen and (min-width:768px) {
    /* 隐藏顶部和字体 */
    .full-screen {
        margin-top: 0;
    }

    .full-screen .box_title_lists .title-name {
        display: none;
    }
    /* 影藏菜单样式 */
    .full-creen-buttom>a{
        cursor: pointer;
    }
    .title-gray .full-creen-buttom>a:hover {
        color: #fff;
        background-color: #ccc;
    }
    .title-info .full-creen-buttom>a:hover {
        background-color: rgb(8,86,154);
    }
    .full-screen .title-info .active-triangle{
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 10px solid #fff;
        margin-top: 5px;
    }
}

.box_title .box_title_lists li a{
    border-radius: 5px !important;
}
@media screen and (max-width:480px){
    .control-label {
        padding-top:5px;
    }
    .col-xs-6{
        padding-left: 0 !important;
    }
    .col-xs-12{
        padding-left: 0 !important;
    }
    .removePadding{
        padding-left: 10px !important;
    }
    .splitLineInXs{
        width: 100% !important;
    }
    .addMarginLeftLess{
        margin-left: 12px !important;
    }
    .addMarginLeft{
        margin-left: 18px !important;
    }
    .add-margin-left-to-right{
        margin-left: 20px !important;
    }
    .addMarginRight-in-xs{
        margin-right: 26px !important;
    }
    .addMarginTop{
        margin-top:5px !important;
    }
    .change-pull-right{
        float: right !important;
    }
    .change-two-fix-margin-left{
        margin-left: 30px !important;
    }
}
.addMarginRight{
    margin-right: 18px !important;
}
.control-label-width{
    width: 18px;
}
.set-clikc-color{
    color:#0094d2;
}

.text-weight-bold{
    font-weight:700
}
.text-weight-normal{
    font-weight:400
}
.text-style-normal{
    font-style:normal
}
.text-style-italic{
    font-style:italic
}
.tangram-suggestion-main{
    z-index: 9999999;
}
.color-blue{
    color:#0094d2;
}

.bg-color-grayBlue{
    background-color: #e8f0fe;
}
.bg-color-white{
    background-color: #ffffff;
}
.text-color-a{
    color: #08569a
}

.add-margin-right{
    margin-right:5px;
}


.add-margin-bottom-one{
    margin-bottom:1px;
}

.add-margin-top{
    margin-top:20px;
}

.small-text-font{
    font-size:10px;
}

.text-over-ellips{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.margin-left-two{
    margin-left: 20%
}

.dropdown-menu{
    z-index: 10000;
}

.remove-padding-lg{
    padding: 0 !important
}
.vertal-middle{
    vertical-align: middle
}

.set-click-border{
    border: 1px solid #f00;
    background-color: #ddd;
}

.cursorGray:hover{
    background-color: #eee;
}

.cursorBlue:hover{
    background-color: #08569a;
    cursor: pointer;
}

.select-blue-bg{
    background-color: #2a90b7;
    color:#fff;
}

.curseorBack{
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
}

.curseorBack:hover{
    background-color: #eee;
    cursor: pointer;
    border: 1px solid #aaa;
}

.curseorB:hover{
    background-color: #AAA;
    cursor: pointer;
}

.cursor{
    cursor: pointer;
}

.text-white{
    color: #fff
}

.text-black{
    color: #000;
}

body{/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*//*早期浏览器*/
    user-select:none;
}/* .aside-header .group{
	width:600px;
} */
.aside-body.group{
	width: 500px
}
.top-menu-content .select-button{
    border-color: #428bca;
    border-width: 2px;
}

.terminal-manager .color-blue {
	color: #337AB7;
}

.terminal-manager .btn-sm-custom{
	border:none;
	padding:3px 2px 2px 2px;
	color: #d0c9c9;
}

@media screen and (max-width: 768px) {

}
@media screen and (max-width: 480px) {
	.aside-body.group{
	
		width:300px
	}
	/* .aside-header.group{
		width:100%;
	} */
    
}[terminal-list] .breadcrumb{
	margin-bottom: 0;
}

.networkInfo .refreshBtn{
    font-size: 14px;
    background-color: #eee;
    margin: 5px 5px 0;
    padding:5px;
}
.networkInfo .refreshBtn .networkText{
    display: inline-block;
    font-size: 16px;
    width: 150px;
    font-weight: bold;
}
.networkInfo .refreshBtn button{
    border-radius: 5px;
    padding: 3px 0;
    font-size: 14px;
    width: 100px;
    border: 1px solid #eee;
    outline: none;
    background-color: #5bc0de;
    cursor: pointer;
    color: #fff;
}
.networkInfo .refreshBtn .notAllow{
    cursor: not-allowed;
}
.networkInfo .refreshBtn button:hover{
    background-color: #31b0d5;
}
.networkInfo .refreshBtn button span{
    margin-right: 10px;
}
.terminal-network-info{
    border: 1px solid #eee;
    font-family: 'Open Sans', sans-serif;
    margin: 5px;
}
.terminal-network-info div:first-child{
    background-color: #eee;
    font-weight: 700;
}
.terminal-network-info div{
    padding: 5px ;
    border-top: 1px solid #eee;
}
.terminal-network-info div span {
    font-weight: 700;
    display:inline-block;
    width: 150px;
}
.fa-chain,.fa-podcast{
    color:#104f7a;
    font-size: 20px;
}
.fa-wifi.noSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(#ccc 100%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-signal.noSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(right,#ccc 100%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-signal.oneSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(right,#ccc 80%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-wifi.oneSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(#ccc 55%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-wifi.twoSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(#ccc 40%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-signal.twoSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(right,#ccc 25%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-wifi.threeSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(#ccc -10%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-signal.threeSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(right,#ccc -74%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-wifi.fullSignal{
    font-size: 20px;
    background: -webkit-linear-gradient(#ccc -200%, #104f7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.fa-signal.fullSignal{
     font-size: 20px;
     background: -webkit-linear-gradient(right,#ccc -200%, #104f7a);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

.netMode{
    cursor: pointer;
}
.mode-indent{
    text-indent: 1.2em;
}
.led-content{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
}
/* .led-content .led-left{
	text-align: center;
}
.led-content .led-right{
	text-align: center;
} */
.led-content .led-bottom{
	clear: both;
}
.led-content .led-left .led-icon{
	position:relative;
	padding: 0;
	width: 90px;
	height: 80px;
}
.led-content .led-left .led-icon>img{
	width: 84px;
	height:58px;
	margin:6px 0px 0px 3px;
}
.led-content .led-left .led-icon>.television{
	color: #777;
	position:absolute;
	font-size:84px;
	top:0;
	left:0;
	margin:0;
}
.led-screenshot-zoom{
	margin: 7px;
	margin: 15px;
	position:absolute;
}
.led-content .led-left .led-icon>.online{
	color:#5cb85c;
}
.img-gray{
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.led-content .led-program-process,.led-content .progress-bar{
	height: 15px;
	line-height: 16px;
	font-size: 12px;
}
.progress-bar-online{
	background-color: #5cb85c;
}
.progress-bar-offline{
	background-color: #777;
}

/* List view */

.terminal-list .list-view {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	cursor: default;
}

.terminal-list .flex1 {
	-ms-flex: 2;
	    flex: 2;
}

.terminal-list .flex2 {
	-ms-flex: 2;
	    flex: 2;
}

.terminal-list .flex3 {
	-ms-flex: 3;
	    flex: 3;
}

.terminal-list .header {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	    flex-direction: row;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.terminal-list .header .sortByBtn {
	display: block !important;
}

.terminal-list .header .flex1,
.terminal-list .header .flex2,
.terminal-list .header .flex3 {
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	color: gray;
}

.terminal-list .header .header-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	border-bottom: 1px solid #ccc;
}

.terminal-list .list-view .list-row {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	    flex-direction: row;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/* Mark running state */
.terminal-list .list-view .list-row .row-item.border5 {
	border-left: 5px solid #5CB85C;
}

.terminal-list .list-view .list-row .border5-mobile{
	border-left: none;
}

.terminal-list .list-view .list-row .row-item.padding5 {
	padding-left: 5px;
}

.terminal-list .list-view .list-row .padding5-mobile{
	padding-left: 0;
}

.terminal-list .list-row .row-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-align: center;
	    align-items: center;
	-ms-flex-pack: center;
	    justify-content: center;
	border-bottom: 1px solid #ccc;
	min-width: 0;
}

.terminal-list .list-row .text-ellipsis {
	text-align: center;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.terminal-list .list-row .row-item .col-xs-12 {
	padding: 0 5px 0 5px;
}

.terminal-list .list-row .row-item .btn-sm-custom {
	padding: 0 5px;
	margin: 1px 0;
}

.terminal-list .list-row .row-item .isDisplay {
	display: none;
}

.terminal-list .list-row .row-item .uninitialized {
	color: #d0c9c9;
}

.terminal-list .list-row .row-item.screen-shot {
    -ms-flex-align: left;
        align-items: left;
}

.terminal-list .list-row .row-item.screen-shot .col-xs-12{
    text-align: left;
}

.terminal-list .list-row .row-item.screen-shot .image {
    position: relative;
}

.terminal-list .list-row .row-item.screen-shot .image img,
.terminal-list .list-row .fixed-col .screen-shot .image img{
    cursor: pointer;
}

.terminal-list .list-row .row-item.screen-shot .text-info {
    display: none;
    position: absolute;
    top: 20px;
    left: 6px;
}

.terminal-list .list-row .row-item.screen-shot .image:hover .text-info {
    display: inline-block;
}

.terminal-list .list-row .row-item.screen-shot .col-xs-12 span a {
    font-size: 12px;
}

.terminal-list .list-row .row-item.screen-shot .no-image{
    width: 84px;
    height: 58px;
    border: 1px solid #ccc;
}

.terminal-list .list-row .row-item.screen-shot img {
    width: 84px;
    height: 58px;
}

.terminal-list .list-row .fixed-col .screen-shot button.btn,
.terminal-list .list-row .screen-shot button.btn {
	border: none;
}

.terminal-list .list-row .row-item.screen-shot .text-ellipsis,
.terminal-list .list-row .row-item.name .text-ellipsis{
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: bottom;
}

.terminal-list .list-row .row-item.name .btn-list-toggle-click{
    font-size: 16px;
}

.terminal-list .list-row .row-item.name .btn-list-toggle .show{
    display: block !important;
}

.terminal-list .list-row .row-item.name .btn-list{
    width: 100px;
    position: absolute;
    padding: 5px 0;
    margin: 0;
    left: 0 !important;
    top: 14px;
    background: #fff;
    z-index: 10;
    transition: all linear 0.5s;
}

.terminal-list .list-row .row-item.name .btn-list .item{
    padding: 2px 5px;
}

.terminal-list .list-row .row-item.name .btn-list .item:hover{
    background: #ccc;
    color: #fff;
}

.terminal-list .list-row .row-item.control {
	-ms-flex-direction: row;
	    flex-direction: row;
}

.terminal-list .list-row .row-item.status {
	position: relative;
}

.terminal-list .list-row .row-item.status .col-xs-12 {
    text-align: center;
}

.terminal-list .list-row .row-item.status .button-group {
	position: absolute;
	top: 70px;
}

.terminal-list .list-row .row-item.status .col-xs-12 .text-success,
.terminal-list .list-row .row-item.status .col-xs-12 .text-warning,
.terminal-list .list-row .row-item.status .col-xs-12 .text-danger{
    font-weight: 500;
}

.terminal-list .list-row .row-item.time .col-xs-12,
.terminal-list .list-row .row-item.storage .col-xs-12 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	    flex-direction: column;
}

.terminal-list .list-row .row-item.storage .statement {
	width: 83%;
}

.terminal-list .list-row .small-font,
.terminal-list .list-row .row-item.time .col-xs-12 .title,
.terminal-list .list-row .row-item.storage .statement{
	font-size: 10px;
	color: rgba(0,0,0,0.3);
}

.terminal-list .list-row .row-item.content {
	background: none;
}

.terminal-list .list-row .fixed-col,
.terminal-list .list-row .version,
.terminal-list .list-row .storage.storage-mobile{
	display: none;
}
.error-info {
	background-color: #D9534F;
	color: #FFF;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
}

@media screen and (max-width: 1080px) {
	.terminal-list .list-view {
		font-size: 0.9em;
		border-top: 1px solid #ccc;
	}

	.terminal-list .header {
		display: none;
	}

	.terminal-list .list-view .list-row {
		-ms-flex-direction: column;
		    flex-direction: column;
		border-bottom: 1px solid #ccc;
	}

	.terminal-list .list-row .row-item {
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-pack: normal;
		    justify-content: normal;
		height: auto;
		border: none;
	}

	.terminal-list .list-row .text-ellipsis {
		width: auto;
		text-align: left;
		padding: 0 5px;
	}

	.terminal-list .list-row .row-item .isDisplay {
		display: inline;
		white-space: nowrap;
		font-size: 10px;
		font-weight: normal;
		color: gray;
	}

	/* Mark running state START*/
	.terminal-list .list-view .list-row .row-item.border5 {
		border-left: none;
	}

	.terminal-list .list-view .list-row.border5-mobile{
		border-left: 5px solid #5CB85C;
	}

	.terminal-list .list-view .list-row .row-item.padding5 {
		padding-left: 0;
	}

	.terminal-list .list-view .list-row.padding5-mobile{
		/*padding-left: 5px;*/
	}
	/* Mark running state END */

	.terminal-list .list-view .list-row.padding5-mobile .row-item.control,
	.terminal-list .list-view .list-row.padding5-mobile .row-item.using {
		display: none;
	}

	.terminal-list .list-row .row-item.screen-shot {
		/*flex-direction: column;*/
		-ms-flex-align: center;
		    align-items: center;
		padding: 0;
		border: 0;
	}

	.terminal-list .list-row .row-item.screen-shot .col-xs-12 {
		text-align: left;
	}

	.terminal-list .list-row .row-item.screen-shot .btn-list{
		left: -50px !important;
	}

	.terminal-list .list-row .screen-shot strong,
	.terminal-list .list-row .content strong,
	.terminal-list .list-row .storage strong,
	.terminal-list .list-row .control strong {
		margin-right: 5px;
	}

	.terminal-list .list-row .name .text-ellipsis {
		font-size: 1em;
		font-weight: 600;
		padding: 0;
	}

	.terminal-list .list-row .content .text-ellipsis {
		min-width: 100px;
		padding: 0;
	}

	.terminal-list .list-row .status strong.isDisplay {
		width: 50%;
	}

	.terminal-list .list-row .content strong.isDisplay,
	.terminal-list .list-row .status strong.isDisplay {
		display: none;
	}

	.terminal-list .list-row .row-item.time {
		-ms-flex-direction: column;
		    flex-direction: column;
		padding-left: 0;
        -ms-flex-align: start;
            align-items: start;
	}

    .terminal-list .list-row .row-item.time .col-xs-12 {
        padding: 0;
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		-ms-flex-align: center;
		    align-items: center;
    }

	.terminal-list .list-row .row-item.time div {
		width: 100%;
	}

	.terminal-list .list-row .row-item.time .title {
		display: inline-block;
	}

	.terminal-list .list-row .row-item.storage-mobile > .statement {
		color: #00000050;
		width: 50%;
		float: right;
	}

	.terminal-list .list-row .row-item.storage .col-xs-10 {
		width: 45%;
	}

	.terminal-list .list-row .row-item.status .button-group {
		position: absolute;
		top: 1.3em;
		left: 0;
		width: auto;
		z-index: 1050;
	}

	/* 调整小屏幕下的显示效果：分为两列 */

	.terminal-list .list-row .storage,
	.terminal-list .list-row .using {
		display: none;
	}

	.terminal-list .list-row .fixed-col,
	.terminal-list .list-row .version
	{
		display: block;
	}

	.terminal-list .list-row .storage.storage-mobile {
		display: -ms-flexbox;
		display: flex;
	}

	.terminal-list .list-row {
		min-height: 12em;
	}

	.terminal-list .list-row .row-item.screen-shot {
		-ms-flex-direction: column;
		    flex-direction: column;
	}

	.terminal-list .list-row {
		position: relative;
		padding: 0 0 0 10em;
	}

	.terminal-list .list-row > .screen-shot {
		display: none;
	}

	.terminal-list .fixed-col {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 9em;
		padding: 5px 0;
	}

	.terminal-list .list-row .fixed-col .screen-shot img {

	}

	.terminal-list .list-row .row-item.status .button-group {
		background: white;
	}

	.terminal-list .list-row .row-item.status .col-xs-12 {
		text-align: left;
		padding: 2px 0;
	}

	.terminal-list .list-row .row-item.version span {
		font-size: 12px;
		color: rgba(0,0,0,0.3);
	}
}
.led-operation{
	max-width: 530px;
}
.led-operation-img{
	text-align: center;
	/* top: 15px;
	right: 16px;
	width: 100px;
	height: 100px;
	position: absolute; */
}
.TIImgCtrl img {
	min-width: 256px;
	max-width: 100%;
}
.TIImgCtrl span {
	display: block;
	margin: 20px;
}
.TIRefreshCtrl {
	text-align: center;
	margin: 20px;
}
@media screen and (max-width: 768px) {
	.led-operation{
		width: 320px;
	}
	.led-operation-img{
		position: static;
	}
	.led-operation-info{
		margin: 0px;
		padding: 0px;
	}
}
.led-operation-info>.row>div{
	line-height: 1.5;
}
.clt-blank{
	padding: 0 15px 5px 15px;
}
.clt-blank-default{
	padding: 15px;
	background-color: #eee
}.led-program{
	width: 700px;
}
.led-program-card .well{
	margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
	.led-program{
		width: 450px;
	}
}
@media screen and (max-width: 480px) {
	.led-program{
		width: 300px;
	}
}.schedule-home{
    padding: 5px;
}
.schedule-home .navbar-nav .not-tab{
    margin-top: 10px;
    margin-left: 7px
}
.schedule-home .navbar-nav .breadcrumb{
    /* background-color: #fff; */
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 4px;
}.contents-schedule .spot{
    background-color: #ccc;
}
.contents-schedule .content-header{
    margin-bottom: 15px;
}
.contents-schedule .rotation{
    background-color: #eee;
}
.contents-schedule .question:hover{
    cursor:help;
}
.redBg{
    background-color: red;
}
.list-animate{
    transition:0.2s linear all;
}
.list-animate.ng-leave{
    opacity:0;
}
.list-animate.ng-enter{
    opacity:0;
}
.schedule-body .detail-view{
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    /* color: #428bca; */
}
.schedule-body .detail-view>span{
    position: absolute;
    padding-left: 8px;
}
.detail-view .limit-weekday .week>div{
    width: 14.28%;
    height: 20px;
    float: left;
}
.detail-view .active{
    /* background: #99FF99; */
    width: 100%;
    height: 20px;
}
.detail-view .limit-weekday .whole-week{
    width: 100%;
    /* background: #99FF99; */
}

/* 新样式 */
.contents-schedule .ul{
    list-style-type: none;
}

.contents-schedule ul[dnd-list] {
    margin: 0;
    padding-left: 0;
}

.contents-schedule li {
    display: block;
}

.contents-schedule li:hover {
    box-shadow: 0 0 2px 1px rgba(0,0,255, 0.5);
}

.contents-schedule .dndDragging {
    opacity: 0.7;
}

.contents-schedule .programs li {
    margin-bottom: 10px;
    float: left;
    width: 150px;
}

.noScheduleInfo{
    position: absolute;
    bottom: 27%;
    left: 50%;
}

.contents-schedule .playList {
    min-height: 280px;
    border: 1px solid #ccc;
}

.contents-schedule .playList li {
    float: left;
    width: 250px;
    height: 280px;
    margin: 10px;
    text-align: center;
}

.contents-schedule .playList .dndDraggingSource {
    display: none;
}

.contents-schedule .playList .dndPlaceholder {
    background-color: #ccc !important;
}

.programs .img-content {
    position: relative;
}

.programs .img-content .img-warn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    pointer-events: none;
}
.search-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 42px;
    border: 1px solid #eee;
    border-radius: 25px;
    padding: 0 10px;
}

.search-container:hover {
    border-color: rgba(223,225,229,0);
    box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);
}

.search-container input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    word-wrap: break-word;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    -webkit-tap-highlight-color: transparent;
}
.media-content {
    height: 100%;
    overflow-y: hidden;
    position: relative;
}

.media-page-head {
    height: 60px;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    background: #fff;
    z-index: 10000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}

.main {
    margin-top: 60px;
    height: calc(100vh - 60px);
    overflow: auto;
}

.main .list, .main .detail {
    height: 100%;
    overflow-y: auto;
}

.main .list {
    border-right: 1px solid #eee;
}

.uploaderBack{
    width:100%;
    height: 100%;
    margin: 0 auto;
    background-image: url(5aadd8929d652581a4c42a9e77c6eab3.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    z-index: 10000;
    display:block;
    opacity: 0.6;
    position: relative;
    left:0;
    right: 0;
}
.uploaderBackChild{
    opacity: 0;
}

.folderStyle{
    list-style-type: none;
    width: 100%;
}
.folderStyle li{
    float: left;
    margin-left: 10px
}
.folderList:hover{
    background-color: rgb(169, 247, 243);
}
.location{
    font-size: 20px;
}
.searchScreen{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
        flex-direction:row;
    -ms-flex-pack:start;
        justify-content:flex-start;
}



@media screen and (max-width:768px){
    .searchMediaIn{
        width: 40%;
    }
    .location{
        font-size: 16px;
        width: 60%;
    }

    .media-page-head {
        height: 100px;
        left: 5px;
        right: 5px;
    }

    .main {
        margin-top: 100px;
    }

    .main .detail {
        display: none;
    }
}
@media screen and (max-width:500px){
    .searchScreen{
        /* display: none; */
        position: relative;
    }
    .searchMediaIn{
        width: 100%;
        display: block;
    }
    .location {
        position: absolute;
        top:60%;
        left: 30%;
        width: 100%;
        font-size: 14px;
    }
}
.top-menu-content {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 0 10px 0;
}

.top-menu-content .go-back-button {
    padding: 5px 10px;
    border-radius: 2px;
}

.top-menu-content .go-back-button:hover {
    cursor: pointer;
    background: #ccc;
}

.actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 0;
}

.actions .left {
    width: 90%;
}

.info-show {
    color: #2a90b7;
}

@media screen and (max-width:768px){
    .actions .left {
        width: 100%;
    }
    .actions .right {
        display: none;
    }
}
/*媒体卡片 */

@media screen and (min-width: 2000px){
    .media>.deckgrid[deckgrid]::before {
        content: '14 .column.column-0-7';
        font-size: 0;
        visibility: hidden;
    }
}.deckgrid .column-0-7 {
    width: 6%;
}


@media screen and (max-width: 2000px) and (min-width:1400px){
    .media>.deckgrid[deckgrid]::before {
        content: '8 .column.column-1-2';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-1-2 {
    width: 12%;
}

@media screen and (max-width: 1400px)  and (min-width:1200px){
    .media>.deckgrid[deckgrid]::before {
        content: '7 .column.column-1-5';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-1-5 {
    width: 14%;
}

@media screen and (max-width: 1200px) and (min-width:1024px){
    .media>.deckgrid[deckgrid]::before {
        content: '6 .column.column-2';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-2 {
    width: 17%;
}

@media screen and (max-width: 1024px) and (min-width:992px){
    .media>.deckgrid[deckgrid]::before {
        content: '5 .column.column-2-4';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-2-4 {
    width: 20%;
}

@media screen and (max-width: 992px) and (min-width:768px){
    .media>.deckgrid[deckgrid]::before {
        content: '4 .column.column-3';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-4 {
    width: 25%;
}

@media screen and (max-width: 768px) and (min-width:480px) {
    .media>.deckgrid[deckgrid]::before {
        content: '3 .column.column-4';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-4 {
    width: 33%;
}

@media screen and (max-width: 480px) {
    .media>.deckgrid[deckgrid]::before {
        content: '2 .column.column-6';
        font-size: 0;
        visibility: hidden;
    }
}
.deckgrid .column-6 {
    width: 50%;
}

.media>.deckgrid .column {
    float: left;
    padding: 5px;
}

.media>.deckgrid .a-card {
    margin-bottom: 10px;
    position:relative;
    padding: 0;
    clear: both;
}
.media .a-card .media-card-info .text-overhide{
    padding: 0;
}
.card-mouseover:hover {
    background-color: rgb(230, 243, 252);
    cursor: pointer;
}

.media-select {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    position: absolute;
    padding: 10px;
    height: 100%;
    top: -1px;
    left: -1px;
    width: 100%;
    z-index: 99;
    font-size: 16px;
}
.media-select-cursor:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
}

.mediaCard-click{
    border: 1px solid #f00;
}

.center-content {
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
    font-size: 70px;
}

.center-content fa-check-circle {
    vertical-align: middle;
    display: table-cell;
}
.center-content .index {
    position: absolute;
    font-size: 18px;
    top:5px;
    left:5px;
    width: 25px;
    height: 25px;
    border: 1px solid #449d44;
    border-radius: 50%;
    background-color: #449d44;
}

.media-icon {
    cursor: pointer;
    width: 100%;
    height: 150px;
    min-height: 150px;
    bottom: 0;
    display: table-cell;
    vertical-align: bottom

}
.media-icon>img{
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-height: 150px;
}

.media-icon>.color {
    color: rgb(39, 168, 207);
    position: absolute;
    font-size: 40px;
    bottom: 40%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.media-card-selected {
    box-shadow: 0 0 2px 1px rgba(0,0,255, 0.5);
}

/* 升级包选中效果 */
.selected-card-for-zip {
    box-shadow: 0 0 2px 1px rgba(0,0,255, 0.5);
}

/* 素材信息 */
.media-info .media-info-list>div{
    padding: 0;
    padding-top: 10px;
}
/* 文件上传 */
#mediaupload {
    position: relative;
    width: 100%;
    height: 550px;
    top: -47px;
    left: -160px;
}

@media screen and (max-width: 1200px) {
    #mediaupload {
        position: relative;
        height: 550px;
        top: -47px;
        left: -36px;
    }
}

@media screen and (max-width: 1000px) {
    #mediaupload {
        position: relative;
        width: 100%;
        height: 550px;
        top: -61px;
        left: 0;
    }
}

.fileInputContainer {
    width: 100px;
    height: 30px;
    position: relative;
}
/* .fileInputContainer>button{
    width: 180px;
} */
.fileInputContainer:hover>button{
    background-color: #449d44;
        border-color: #398439;
}

.fileInput {
    width: 150px;
    height: 30px;
    overflow: hidden;
    font-size: 500px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.my-drop-zone { 
    border: dotted 1px #707070; 
    border-radius: 3px;
}

.nv-file-over { 
    border: dotted 3px red; 
}

.another-file-over-class {
     border: dotted 3px green;
}
.drap-area{
    width:250px;
    height: 30px;
}

.probtngroup>button{
	margin:5px;
}
.window-detail .activeWindow{
    color:blue;
}
treecontrol li .tree-label{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.contents-editor-head .btn-group{
    padding-right: 5px;
}
.clt-nav-tabs>li>a{
    overflow:hidden;
    padding-right: 5px;
}
.clt-nav-tabs>li>a>*{
    position:relative;
    float: left;
}
.clt-nav-tabs>li>a>.remove{
    width: 20px !important;
    height: 10px;
}
.clt-nav-tabs>li>a>.remove>*{
    float: right;
    padding-top: 3px;
}
.clt-nav-tabs>li>a>.remove>*:hover{
    color: #a94442;
}
.clt-nav-tabs>li>.add-item,.nav-tabs>li>a{
    cursor: pointer;
}
.clt-nav-tabs>li>.add-item{
    font-size: 24px;
    padding:7px 10px 0 10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.clt-nav-tabs>li>.add-item:hover{
    background-color: #eee;
}

#proCanvas{
    margin-bottom:-9px;
    /*修正canvas 中多行文本显示比盒子小问题*/
    letter-spacing: 0.33px;
}

#topCanvas{
    position: relative;
    top:0;
}

#proViewContent .pro-align .align{
    background-color:#ddd;
    padding:6px;
    margin-right:10px;
}
.disable{
    opacity: 0.2;
}.contents-screenshot>img{
    width: 32px;
    height: 32px;
    position: absolute;
    margin-top: -6px;
}
.contents-screenshot>div{
    margin-left: 36px;
}
.folderLists:hover{
    background-color: rgb(169, 247, 243);
}
.folderLists{
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    cursor: pointer;
}
@media screen and (max-width:768px){
    .searchProgram{
        position: relative;
    }
    
    .folderLists{
        font-size: 14px;
        position: absolute;
        left: 58%;
        top: 50%;
    }
}
@media screen and (max-width:425px){
    .showP{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}.common-duration .hour,
.common-duration .min,
.common-duration .second{
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: left;
        justify-content: left;
    min-width: 145px;
    margin-bottom: 5px;
}

.common-duration input{
    -ms-flex: 3;
        flex: 3;
    max-width: 80px;
}

.common-duration label{
    -ms-flex: 1;
        flex: 1;
    font-weight: normal;
    padding: 0 2px;
}.pageHighLight {
    background-color: #E6EEFE;
}
.pageHighLight strong {
    color: #295FCF;
}
.pageInPagesList {
    vertical-align: middle;
    margin-top:10px;
    padding: 5px 10px 10px;
    border-radius: 5px;
}
.pageInPagesList>i {
    position: absolute;
    left: 10px;
    right: 10px;
}
.pageInPagesList>i strong {
    float: left;
}
.pageInPagesList>i > span {
    float: right;
}
.pageInPagesList>img {
    margin-top: 25px;
    max-width: 100%;
}
.pageInPagesList>i>span {
    color:red;
    cursor: pointer;
}
.add-item-ctrl {
    margin-top:10px;
    padding:0;
    cursor: pointer
}
.add-item-ctrl>div {
    border:3px solid #ddd;
    height:150px;
    display: table-cell;
    width: 100vw;
    vertical-align: middle;
}@media screen and (min-width:768px){
    .multiTextA{
        width:50%;
        float: left;
    }
    .multiTextF{
        width:50%;
        float: right;
    }
    .multiTextE{
        width:50%;
        float: left;
        margin-left: 15px;
    }
    .multiTextO{
        width:50%;
        /* clear: both; */
        float: right;
    }
}.content-preview-header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, transparent 100%);
    width: 100%;
    height: 65px;
    padding: 10px 0 16px 0;
}
@keyframes tip{
    from {
        left: 0px;
    }
    to {
        left: 200px;
    }
}
.warn{
    position: relative;
    width: 500px;
    overflow: hidden;
}
.msg{
    position: absolute;
    display: inline-block;
    font-size: 12px;
    color: tomato;
    animation: tip 6s infinite linear alternate;
}
.back, .title, .warn{
    float: left;
    margin-left: 20px;
    border-radius: 2px;
    height: 42px;
    line-height: 24px;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.8);
    cursor: pointer;
}
.back:hover , .title:hover{
     background-color: rgba(255,255,255,.25);
 }


.header-right {
    float: right;
    position: relative;
}
.header-right .error{
    position: absolute;
    top: 70px;
    right: 10px;
    color: yellow;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 5px;
}
.error::after{
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    right: 10%;
    width: 0;
    height: 0;
    border-width:0 8px 10px;
    border-style:solid;
    border-color:transparent transparent #eeeeee
}
.header-right .time, .header-right .page {
    float: left;
    margin-left: 20px;
    border-radius: 2px;
    height: 42px;
    line-height: 24px;
    color: #ffffff;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
    cursor: pointer;
}
.header-right .time:hover,.header-right .page:hover{
     background-color: rgba(255,255,255,.25);
 }

.canvas-view{
    height: calc(100vh - 65px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
}
.pre {
    position: absolute;
    top: 80px;
    bottom: 80px;
    left: 12px;
    margin-top: auto;
    margin-bottom: auto;
    outline: 0;
    width: 40px;
    height: 90px;
    z-index: 5;
}
.pre-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    line-height: 40px;
}
.pre-content:hover{
     background: #4285f4;
     cursor: pointer;
 }

.next {
    position: absolute;
    top: 80px;
    bottom: 80px;
    right: 12px;
    margin-top: auto;
    margin-bottom: auto;
    outline: 0;
    width: 40px;
    height: 90px;
    z-index: 5;
}
.next-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.75);
    text-align: center;
    line-height: 40px;
}
.next-content:hover{
     background: #4285f4;
     cursor: pointer;
 }

.progress-content{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    height: 10px;
    width: 70%;
    z-index: 4;
    overflow: hidden;
}
.progress-bg{
    position: absolute;
    top: 5px;
    width: 95%;
    height: 2px;
    background-color: #ffffff;
}
.progress-move{
    position: absolute;
    top: 5px;
    width: 95%;
    transform: translateX(-100%);
    height: 2px;
    background-color: cornflowerblue;
    z-index: 4
}
.progress-move::after{
    content: '';
    position: absolute;
    display: inline-block;
    right: -5px;
    top: -1px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: cornflowerblue;
}
@media screen and (min-width:768px){
    .proClockC{
        width:50%;
        float: left;
    }
    .proClockT{
        width:50%;
        float: right;
        margin-left: 15px;
    }
    .proClockF{
        width:50%;
        float: left;
    }
    .proClockE{
        width:50%;
        float: right;
    }
}@media screen and (min-width:768px){
.proEnvironmentS{
    width:50%;
    float: left;
}
.proEnvironmentF{
    width:50%;
    float: right;
}
.proEnvironmentE{
    width:50%;
    float: left;
}
}.file-window .media-list{
    border:1px solid #aaaaaa;
    min-height: 350px;
}
.file-window .media-list ul{
    padding: 0;
    margin: 0;
}
.file-window .media-list li{
    list-style-type:none;
    margin: 10px;
    border:1px solid #aaaaaa;
    cursor: pointer;
    min-height: 68px;
}

.file-window .media-list .img-thum{
    position: absolute;
    width: 80px;
    height: 62px;
    padding: 5px;
}
.file-window .media-list .img-thum img{
    width: 100%;
    height: 100%;
}
.file-window .media-list .img-thum .video-icon{
    position: absolute;
    font-size: 28px;
    color:  #27a8cf;
    left:28px;
    top: 17px;
}
.file-window .media-list .dndDraggingSource{
    display: none;
}
.file-window .media-list li h4{
    width: 100%
}
.file-window .media-list li:hover{
    background-color: #eee;
}
.file-window .media-list li.selected {
    background-color: #2094eb;
    color: #ffffff;
}
/* .file-window .media-list li.selected:hover {
    background-color: #2094eb;
} */
.file-window .media-list .media-add{
    margin: 10px;
}
.file-window .media-list .media-add:hover{
    cursor: pointer;
}
.file-window .media-list .media-remove{
    /* margin: 10px; */
    margin-top: -2px;
    margin-right: 5px;
    z-index: 200;
}
.file-window .media-list .dndPlaceholder {
    background-color: #CCFFFF;
    border:1px dashed #aaaaaa !important;
    display: block;
}@media screen and (min-width:768px){
    .proTimingT{
        width: 50%;
        float: left;
    }
    .proTimingF{
        width:50%;
        float: right;
    }
    .proTimingE{
        width:50%;
        float: left;
    }
    
}@media screen and (min-width:768px){
    .singleLineA{
        width: 50%;
        float: left;
    }
    .singleLineF{
        width:50%;
        float: right;
    }
    .singleLineE{
        width:50%;
        float: left;
        margin-left: 15px;
    }
    .singleLineO{
        width:50%;
        /* clear: both; */
        float: right;
    }
}.text-setter-italic{
    font-style: oblique;
}
.text-setter-wet400{
    font-weight: 400;
}
.text-setter-wet700{
    font-weight: 700;
}.window-detail .btn-group.toinline{
    padding-top: 8px;
}
.window-detail .btn-group.blank{
    padding-left:20px
}@media screen and (min-width:768px){
    .yahooWeatherW{
        width: 50%;
        float: left;
    }
    .yahooWeatherF{
        width:50%;
        float: right;
    }
    .yahooWeatherE{
        width:50%;
        float: left;
    }

    .tip {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 30px;
    }
    .select-country, .select-states, .select-city, .select-postalCode {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        width: 90%;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    .noPostError {
        margin-bottom: 0;
    }
    .postError {
        font-size: 12px;
        color: #FF4642;
        margin-left: 20px;
        margin-bottom: 10px;
        display: inline-block;
    }
}.contents-info {
    max-width: 400px;
    min-height: 100%;
}
.aside-body .col-xs-12 {
    padding-left: 0;
}
.aside-body .col-xs-6 {
    padding-left: 0;
}
/* .contents-info .shot-img{
    width: 150px;
    height: 150px;
    position: absolute;
} */
/* .contents-info .shot-info{
    padding-left: 0;
} */

.contents-info .source-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
}#effect   ul   li{
    margin-bottom: 5px;
}
#effect .panel-heading {
    background-color: #EEEEEE;
    margin-bottom: 5px;
}
.select-iterms{
	padding: 5px;
	margin-bottom: 5px;
}
.select-iterms>.pull-right{
	margin-top: 4px;
	cursor: pointer;
}
.select-led-input{
	margin: 0;
	padding: 0;
}
.select-led-input>label{
	padding-top: 3px;
}
.select-led-input>label>input{
	margin: 0;
	padding: 0;
}
.select-group-terminal {
    width: 800px;
    min-height: 100%;
}
.select-group-terminal .aside-body{
    min-height: 450px;
}
.select-group-terminal .line{
    display: none;
}
.select-group-terminal .well{
    margin-bottom: 2px;
    padding: 5px;
    padding-right: 0;
    padding-bottom: 0;
}
.select-group-terminal .well .col-xs-3 {
    padding: 0;
    padding-right: 5px;
    padding-bottom: 5px;
}
.selectGroup .badge{
    width: 100%;
    height: 24px;
}
@media screen and (max-width: 992px) {
    .select-group-terminal {
        width: 400px;
    }
    .select-group-terminal .line{
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .select-group-terminal {
        width: 400px;
    }
}
@media screen and (max-width: 480px) {
    .select-group-terminal {
        width: 350px;
    }
}.alarm-setting-single label{
    font-weight: normal;
}
.alarm-setting-single .panel-heading{
    padding: 4px 15px;
}
.alarm-setting-single .panel-heading h4{
    margin-top: 5px;
    margin-bottom: 5px;
}
.alarm-setting-single .panel-heading h4 label{
    margin: 0;
}
.alarm-setting-single .panel-heading:hover h4 label{
    text-decoration: underline;
}
.alarm-setting-single .panel-heading h4 i{
    font-size: 18px;
    color: #0db9f0;
    cursor: pointer;
}
.alarm-setting-single .panel-body section{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}
.alarm-setting-single .panel-body section > label:first-child{
    display: none;
    font-weight: 600;
}
.alarm-setting-single .panel-body{
    padding: 5px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
}
.alarm-setting-single .panel-body section{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
}
.alarm-setting-single .panel-body section .wraper{
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
}
.alarm-setting-single .panel-body section .wraper *{
    margin: 0;
}
.alarm-setting-single .panel-body .threshold .wraper label{
    width: 40%;
}
.alarm-setting-single .panel-body .threshold .wraper input{
    width: 60%;
}
.alarm-setting-single .panel-body .unit{
    -ms-flex: 3;
        flex: 3;
}
.alarm-setting-single .panel-body .unit .wraper label{
    display: none;
}
.alarm-setting-single .panel-body .threshold{
    -ms-flex: 5;
        flex: 5;
    -ms-flex-align: stretch;
        align-items: stretch;
}
.alarm-setting-single .panel-body .enable{
    -ms-flex: 4;
        flex: 4;
}
.alarm-setting-single .panel-body .enable .wraper label{
    display: none;
}

@media screen and (max-width: 480px) {
    .alarm-setting-single .panel-heading h4{
        font-size: 14px;
    }
    .alarm-setting-single .panel-body{
        padding: 5px 30px;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .alarm-setting-single .panel-body section{
        -ms-flex-align: normal;
            align-items: normal;
    }
    .alarm-setting-single .panel-body section > label:first-child{
        display: inline;
        font-weight: 600;
    }
    .alarm-setting-single .panel-body .threshold .wraper label{
        width: 60%;
    }
    .alarm-setting-single .panel-body .threshold .wraper input{
        width: 40%;
    }
    .alarm-setting-single .panel-body .enable .wraper label{
        display: inline;
        width: 60%;
    }
}
/*媒体卡片 */
.operation-card .icon{
    font-size: 26px;
    color: rgb(59,118,59);
}
.operation-card .media-heading{
    color: #337ab7;
}
.operation-card .operation-value{
    color: #fff;
    background-color: rgb(59,118,59);
    padding: 2px;
    border-radius: 2px;
}
.operation>.deckgrid[deckgrid]::before {
    content: '4 .column.col-xs-3';
    font-size: 0;
    visibility: hidden;
}
@media screen and (max-width: 1200px) {
    .operation>.deckgrid[deckgrid]::before {
        content: '4 .column.col-xs-3';
    }
}
@media screen and (max-width: 992px) {
    .operation>.deckgrid[deckgrid]::before {
        content: '3 .column.col-xs-4';
    }
}

@media screen and (max-width: 768px) {
    .operation>.deckgrid[deckgrid]::before {
        content: '3 .column.col-xs-4';
    }
}

@media screen and (max-width: 480px) {
    .operation>.deckgrid[deckgrid]::before {
        content: '2 .column.col-xs-6';
    }
}

.operation>.deckgrid .column {
    float: left;
    padding: 5px;
}

.operation>.deckgrid .a-card {
    margin-bottom: 10px;
    padding: 5px;
    position:relative;
    border-radius: 5px;
    border-width : 1px;
    border-color : #3c763d;
    border-style : solid;
}
.alarm-setting .header{
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    background-color: #5cb85c;
}
.alarm-setting .header h4{
    text-align: center;
}
.alarm-setting .unit{
    -ms-flex: 3;
        flex: 3;
}
.alarm-setting .threshold{
    -ms-flex: 5;
        flex: 5;
}
.alarm-setting .enable{
    -ms-flex: 4;
        flex: 4;
}
.alarm-setting button.expand{
    margin-left: 10px;
}

@media screen and (max-width: 480px) {
    .alarm-setting .header h4{
        display: none;
    }
}.page-footer{
    position: absolute;
    bottom: 2px;
    right: 32px;
}
.search-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 42px;
    border: 1px solid #eee;
    border-radius: 25px;
    padding: 0 10px;
}

.search-container:hover {
    border-color: rgba(223,225,229,0);
    box-shadow: 0 1px 6px 0 rgba(32,33,36,.28);
}

.search-container input {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.87);
    font-size: 14px;
    word-wrap: break-word;
    outline: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
    -webkit-tap-highlight-color: transparent;
}
.user-setting .title-icon{
    background-color: #337ab7;
    color: #fff;
    width: 220px;
    border-radius: 8px;
    padding: 20px 0 15px;
    margin-top: 20px;
    float: right;
}
.user-setting .title-icon img{
    width: 60px;
    height: 60px;
}
.user-setting .blank{
    height: 30px;
}
@media screen and (max-width: 992px) {
    .user-setting .blank{
        display: none;
    }
    .user-setting .title-icon{
        float: none;
        margin: 20px auto;
    }
    .user-setting-info{
        text-align: center;
    }
}
.sig-in .form-group{
    margin-bottom: 5px;
}.badge-clt{
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #337ab7;
    border-radius: 4px;
    padding: 0 0.3em;
    line-height: 1.2;
}
.badge-clt-active {
    background-color: #fff;
    color: #337ab7 !important;
}html, body {
    height: 100%;
}
html {
    overflow-y: auto;
    overflow-x: hidden;
}
.table-compact {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}
.list-group {
    margin: 0;
}
.clt-bg-primary,.hover-bg-primary:hover {
    background: #428bca;
}
.clt-bg-success,.hover-bg-success:hover {
    background: #5cb85c;
}
.clt-bg-info,.hover-bg-info:hover {
    background: #5bc0de;
}
.clt-bg-warning,.hover-bg-warning:hover{
    background: #f0ad4e;
}
.clt-bg-danger,.hover-bg-danger:hover {
    background: #d9534f;
}
.text-gray {
    color: #777;
}
.overlayhu_loading {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}
.overlayhu_window {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -50px;
    text-align: center;
    width: 100px;
    height: 100px;
    opacity: 0.8;
}
.table-inline {
    vertical-align: middle !important;
}
.choseMedia {
    padding: 5px;
    cursor: pointer;
}
.checkClass {
    border: 1px solid rgb(0, 115, 107);
    background-color: rgb(223, 240, 216);
}
.mediaview {
    margin-bottom: 10px;
}
.mediatitle {
    display: block;
    width: 100%;
    white-space: nowrap;
    over-flow: hidden;
    text-overflow: ellipsis;
}
.media>.pull-left {
    width: 40%;
    height: 100px;
    padding: 0;
    position: relative;
}
.media>.pull-left>img {
    max-width: 100%;
    max-height: 100%
}
.media>.pull-left>span {
    font-size: 25px;
    position: absolute;
    color: rgb(6, 157, 213);
}
.mo2222dal-body {
    max-height: 450px;
    overflow: auto;
}
.sideTitleicon {
    top: 2px;
}
.playing {
    background-color: rgb(220, 255, 204);
}
.new-program {
    height: 90px;
}
.form-control-feedback {
    margin-top: 10px;
}
.text-overhide {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clt-active {
    color: #ffffff;
    background-color: #337ab7;
}
.cursorElon {
    cursor: pointer;
}
.cursorElon:hover {
    background-color: #2a90b7;
}
.cursorBg:hover {
    background-color: #2a90b7;
}
.change-info-bg {
    background-color: #2a90b7;
    /* padding:1px; */
}
.disabledElon {
    cursor: not-allowed;
}
/* 分割线 */
hr {
    margin: 5px;
}
/* 按钮和文字在一条线上 */
.buttom-inline{
    display: table;
}
.buttom-inline>*{
    display: table-cell;
    vertical-align: middle;
}
/* head */
.well.page-head{
    margin: 0;
    padding: 0;
    padding-bottom: 4px;
    padding-top: 9px;
}
@media screen and (max-width: 768px) {
    .top-menu-content .button-margin{
        margin-top: 5px !important;
    }
    .top-menu-content button{
        margin-top: 5px !important;

    }
}
/* 模块容器 */
.module-content{
	padding: 15px;
}
@media screen and (max-width: 768px) {
	.module-content{
		padding: 5px;
	}
	.phoneHidden{
		display: none;
	}
	.new-text{
		height: 460px;
	}
	.new-program{
		height: 130px;
	}
}/* 配置模态框的CSS */
.modal-header, .modal-footer {
    padding: 15px;
}
.modal-header>button>span {
    font-size: 30px;
}
/* switch的外壳 */
.switch-box {
    display: table;
}
.switch-box>strong, .switch-box>span {
    display: table-cell;
    vertical-align: middle;
}
.ats-switch.disabled {
    cursor: not-allowed !important;
}
.ats-switch.disabled .switch-left, .ats-switch.disabled .switch-right, .ats-switch.disabled .knob {
    cursor: not-allowed !important;
}
.ats-switch .knob {

    /* background-color: #e6e6e6 !important; */
}
.ats-switch .switch-right {

    /* background: #f0f0f0 !important; */
}
.ats-switch:hover .knob {

    /* background: #e6e6e6 !important; */
}
/* slider插件自定义 */
/* 小滑块 */
.rzslider.rzslider-sm .rz-pointer {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
}

.rzslider.rzslider-sm .rz-pointer:after {
    top: 8px;
    left: 8px;
}

/* 是否增加动画 */

.rzslider.animation .rz-pointer {
    transition: bottom .1s, left .1s;
}

.rzslider.animation .rz-bar-wrapper {
    transition: height .1s, width .1s;
}

.rzslider.animation .rz-bubble {
    transition: bottom .1s, left .1s;
}
.rzslider span.rz-bubble{
	margin: 0 !important;
	padding: 0;
}
/* popover插件修改 */
/* 顶部的箭头向右移动 */
.popover.top-left>.arrow{
    margin-left: 0px;
}
/* angularStrap */
.dropdown-menu {
    min-width: 10px;
}
.aside-dialog {
    height: 100%;
}
/*# sourceMappingURL=app.550b578344ee2c10967a.css.map*/