skycaiji/public/static/css/admin.css

@CHARSET "UTF-8";
/*解决底部黑色背景闪烁*/
.wrapper{background:#ecf0f5!important;}
.content-wrapper{min-height:calc(100vh - 50px);}
/*全局*/
.wrapper-no-menu>.main-header{display:none;}
.wrapper-no-menu>.main-sidebar{display:none;}
.wrapper-no-menu>.content-wrapper{margin-left:0px!important;padding-top:0px!important;}
.wrapper-no-menu .content-header{display:none;}
.sidebar-mini .wrapper-no-menu .content-wrapper{margin-left:0px!important;}

.info-box-content .info-box-text{font-size:16px;line-height:25px;}
.info-box-content .info-box-number{font-weight:normal;line-height:25px;}
.info-box-content .info-box-number .tips{margin-left:5px;font-size:14px;display:inline;}
.help-block{color:#aaa;}
/*左侧宽度*/
.content-wrapper,.main-footer{margin-left: 200px;}
.main-header .navbar {
    margin-left: 200px;	
}
.main-header .logo {
    width: 200px;
	font-size:19px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-family:'Microsoft YaHei';
}
.main-sidebar {
    width: 200px;	
}
.control-sidebar-bg,.control-sidebar {
    right: -200px;
    width: 200px;	
}
@media (min-width: 768px) {
	.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer {
        margin-left:0
    }
    .sidebar-collapse .main-sidebar {
        -webkit-transform:translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0)
    }
    .control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer {
        margin-right:200px
    }
}
@media (max-width: 767px) {
	.fixed .content-wrapper,.fixed .right-side {
        padding-top:50px
    }
	.content-wrapper{min-height:calc(100vh - 50px);}	
	.content-wrapper,.main-footer {
        margin-left:0
    }
	.sidebar-open .content-wrapper,.sidebar-open .main-footer {
        -webkit-transform:translate(200px, 0);
        -ms-transform: translate(200px, 0);
        -o-transform: translate(200px, 0);
        transform: translate(200px, 0)
    }
    .main-sidebar {
        -webkit-transform:translate(-200px, 0);
        -ms-transform: translate(-200px, 0);
        -o-transform: translate(-200px, 0);
        transform: translate(-200px, 0)
    }
    
}
/*取消动画*/
.content-wrapper,
	.main-footer,
	.main-header .navbar,
	.main-header .logo,
	.main-sidebar,
	.sidebar-menu li>a>.fa-angle-left,
	.sidebar-menu li>a>.pull-right-container>.fa-angle-left,
	.control-sidebar-bg,
	.control-sidebar,
	.small-box .icon,
	.direct-chat-messages,
	.direct-chat-contacts,
	.fc-color-picker>li .fa,
	#add-new-event {
	-webkit-transition:none!important;
	-moz-transition:none!important;
	-o-transition:none!important;
	transition:none!important;
}
.open-transition .content-wrapper,
.open-transition .main-footer,
.open-transition .main-header .navbar,
.open-transition .main-header .logo,
.open-transition .main-sidebar,
.open-transition .sidebar-menu li>a>.fa-angle-left,
.open-transition .sidebar-menu li>a>.pull-right-container>.fa-angle-left,
.open-transition .control-sidebar-bg,
.open-transition .control-sidebar,
.open-transition .small-box .icon,
.open-transition .direct-chat-messages,
.open-transition .direct-chat-contacts,
.open-transition .fc-color-picker>li .fa,
.open-transition #add-new-event {
	transition:transform 0.1s linear,margin 0.1s linear,width 0.1s linear,left 0.1s linear,right 0.1s linear!important;
}
/*全局*/
.treeview>ul.treeview-menu>li:FIRST-CHILD{padding-top:5px!important;}
.treeview>ul.treeview-menu>li:LAST-CHILD{padding-bottom:5px!important;}
.treeview>ul.treeview-menu>li>ul.treeview-menu>li:FIRST-CHILD{padding-top:0px!important;}
.treeview>ul.treeview-menu>li>ul.treeview-menu>li:LAST-CHILD{padding-bottom:0px!important;}

.modal-body .form-group:last-child>button[type="submit"]{margin-bottom:-15px;}
.modal-body .form-group .help-block:last-child{margin-bottom:0;}

.panel .form-group:last-child{margin-bottom:0;}
.panel .form-group .help-block:last-child{margin-bottom:0;}
.panel .panel:last-child{margin-bottom:5px;}

.label-custom-opened{font-weight:normal;background-color:#dedede;color:#555;}

.plugin-func-refresh{font-size:12px;}
.plugin-api-refresh{font-size:12px;}

.brl_0{border-left:0;}
.brr_0{border-right:0;}

.pdb_0{padding-bottom:0;}

.h-title{
    color: #666;
    font-weight: bold;
	border-bottom:solid 1px #F5F5F5;
	width:auto;
	overflow:hidden;
}
.h-title label{font-size:16px;}

.verify-img{cursor:pointer;height:32px;display:table-cell}

.cur-menu > .treeview-menu{display:block;}

.treeview-skins{color:#8aa4af;}
.treeview-skins li{padding:5px 15px 5px 0px;margin:0;font-size:14px;vertical-align:middle;overflow:hidden;}
.treeview-skins li .checkbox{margin:0;}

.page-header{font-size:16px;margin:10px 0;overflow:hidden;}
.page-header a{color:#333;}
.page-header .ph-more{float:right;font-size:14px;padding-top:1px;}

.navbar-custom-menu .dropdown-menu{padding:5px 0!important;right:0!important;left:auto!important;width:auto!important;}
.navbar-custom-menu .dropdown-menu *{color:#333!important;}

.login-box-msg *{color:#666!important;}


.input-select-custom select.form-control{min-width:100px;}
.input-select-custom input.form-control{margin-left:-1px;display:none;}


ul.in-line,ul.in-line-mg{display:inline;list-style:none;margin:0;padding:0;}
ul.in-line li{display:inline;margin:0;padding:0}
ul.in-line-mg li{display:inline;margin:0;padding:0;margin-right:5px;}

div.in-line{display:inline;margin:0;padding:0}
div.in-line-mg{display:inline;margin-right:5px;}


.wrapper-not-enable .nav-tabs li.active a,.wrapper-not-enable .nav-tabs li.active a:hover{background:#f1f1f1;opacity:0.7;}
.wrapper-not-enable .tab-content{background:#f1f1f1;opacity:0.7;}
.wrapper-not-enable .panel-collapse{background:#f1f1f1;opacity:0.7;}

.box-enable-wrapper{margin-top:15px;display:block;padding:5px 0 5px 15px;border-left:3px solid #eee;border-radius:3px;}
.box-not-enable .box-enable-wrapper{display:none;}

#confirm_right .cr-msg p:last-child{margin-bottom:0;}

.table-responsive .table:last-child{margin-bottom:0;}
.table-responsive .table input.form-control{min-width:150px;}
.table-responsive .table textarea.form-control{min-width:150px;}
.table-responsive .table select.form-control{min-width:90px;}

@media (min-width: 1200px) {
	/*table-responsive设置overflow:inherit;可正常显示dropdown-menu*/
	.table-responsive-menu{overflow:inherit;}
}

.icon-info-tips{font-size:12px;cursor:pointer;color:#bbb;}
.icon-info-tips:hover{color:#3c8dbc;}

.echo-msg-clear{width:100%;overflow:hidden;clear:both;}
.echo-msg-lt{float:left;}
.echo-msg-lurl{float:left;margin-right:3px;height:17px;max-width:70%;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;}

.login-logo{
	font-family:'Microsoft YaHei';
}
/*皮肤*/
.skin-blue-light .treeview-skins,.skin-black-light .treeview-skins,.skin-red-light .treeview-skins,.skin-yellow-light .treeview-skins,.skin-purple-light .treeview-skins,.skin-green-light .treeview-skins{
	color:#000;
}

.skin-black .btn-primary,.skin-black-light .btn-primary{background-color:#5A6E82;border-color:#4A6E82;}
.skin-black .btn-primary:hover,.skin-black-light .btn-primary:hover{background-color:#4A6E82;border-color:#1A6E82}
.skin-black .pagination .active a,.skin-black-light .pagination .active a{background-color:#5A6E82;border-color:#4A6E82;}
.skin-black .steps-bar .current .round,.skin-black .steps-bar .current .bar,.skin-black-light .steps-bar .current .round,.skin-black-light .steps-bar .current .bar{background:#5A6E82;color:#fff;border-color:#5A6E82;}
.skin-black .steps-bar .current a,.skin-black-light .steps-bar .current a {color: #5A6E82;}

.skin-green .btn-primary,.skin-green-light .btn-primary{background-color:#00a65a;border-color:#008d4c;}
.skin-green .btn-primary:hover,.skin-green-light .btn-primary:hover{background-color:#008d4c;border-color:#006d4c}
.skin-green .toast-success,.skin-green-light .toast-success{background-color:#3c8dbc;}
.skin-green .pagination .active a,.skin-green-light .pagination .active a{background-color:#00a65a;border-color:#008d4c;}
.skin-green .steps-bar .current .round,.skin-green .steps-bar .current .bar,.skin-green-light .steps-bar .current .round,.skin-green-light .steps-bar .current .bar{background:#00a65a;color:#fff;border-color:#00a65a;}
.skin-green .steps-bar .current a,.skin-green-light .steps-bar .current a {color: #008d4c;}

.skin-red .btn-primary,.skin-red-light .btn-primary{background-color:#dd4b39;border-color:#cd4b39;}
.skin-red .btn-primary:hover,.skin-red-light .btn-primary:hover{background-color:#cd4b39;border-color:#ad4b39;}
.skin-red .toast-error,.skin-red-light .toast-error{background-color:#f39c12;}
.skin-red .pagination .active a,.skin-red-light .pagination .active a{background-color:#dd4b39;border-color:#cd4b39;}
.skin-red .steps-bar .current .round,.skin-red .steps-bar .current .bar,.skin-red-light .steps-bar .current .round,.skin-red-light .steps-bar .current .bar{background:#dd4b39;color:#fff;border-color:#dd4b39;}
.skin-red .steps-bar .current a,.skin-red-light .steps-bar .current a {color: #d73925;}

.skin-yellow .btn-primary,.skin-yellow-light .btn-primary{background-color:#f39c12;border-color:#e08e0b}
.skin-yellow .btn-primary:hover,.skin-yellow-light .btn-primary:hover{background-color:#e08e0b;border-color:#b08e0b;}
.skin-yellow .pagination .active a,.skin-yellow-light .pagination .active a{background-color:#f39c12;border-color:#e08e0b}
.skin-yellow .steps-bar .current .round,.skin-yellow .steps-bar .current .bar,.skin-yellow-light .steps-bar .current .round,.skin-yellow-light .steps-bar .current .bar{background:#f39c12;color:#fff;border-color:#f39c12;}
.skin-yellow .steps-bar .current a,.skin-yellow-light .steps-bar .current a {color: #db8b0b;}

.skin-purple .btn-primary,.skin-purple-light .btn-primary{background-color:#605ca8;border-color:#555299}
.skin-purple .btn-primary:hover,.skin-purple-light .btn-primary:hover{background-color:#555299;border-color:#255299;}
.skin-purple .pagination .active a,.skin-purple-light .pagination .active a{background-color:#605ca8;border-color:#555299}
.skin-purple .steps-bar .current .round,.skin-purple .steps-bar .current .bar,.skin-purple-light .steps-bar .current .round,.skin-purple-light .steps-bar .current .bar{background:#605ca8;color:#fff;border-color:#605ca8;}
.skin-purple .steps-bar .current a,.skin-purple-light .steps-bar .current a {color: #555299;}

.skin-black .nav-tabs-color li.active,.skin-black-light .nav-tabs-color li.active{border-top-color:#5A6E82!important;}

.skin-green .nav-tabs-color li.active,.skin-green-light .nav-tabs-color li.active{border-top-color:#00a65a!important;}

.skin-red .nav-tabs-color li.active,.skin-red-light .nav-tabs-color li.active{border-top-color:#dd4b39!important;}

.skin-yellow .nav-tabs-color li.active,.skin-yellow-light .nav-tabs-color li.active{border-top-color:#f39c12!important;}

.skin-purple .nav-tabs-color li.active,.skin-purple-light .nav-tabs-color li.active{border-top-color:#605ca8!important;}

/*数据表*/
.datatable .sub{padding-left:50px; background:url('../images/bg_column.gif') no-repeat 15px 10px;}
.datatable td .dropdown{display:inline;}
.datatable th.chk,.datatable td.chk{min-width:50px;width:50px;text-align:center;}
.datatable .chk-all{line-height:14px;margin:0;}
.datatable .chk-all span{display:block;font-size:12px;}
.datatable .name{max-width:450px;overflow:hidden;text-overflow:ellipsis;}
.datatable .url{max-width:260px;overflow:hidden;text-overflow:ellipsis;}
.datatable .desc{max-width:400px;white-space:normal;overflow:hidden;word-wrap:break-word;word-break:break-all;}
.datatable .sort{width:80px;min-width:80px;}
.datatable .sort input{height:auto;padding:0 5px;min-width:100%!important;}
.datatable .bg0{background:#fcfcfc}
.datatable .chk-inline{vertical-align:baseline;margin-right:5px;}
.datatable .nav-packs{display:inline-block;max-width:500px;overflow:hidden;text-overflow:ellipsis;}
.datatable tr,.datatable td{white-space:nowrap;}
.datatable .sep{color:#999;text-indent:-9999px;display:inline-block;width:2px;line-height:12px;margin-left:1px;border-left:1px solid #aaa;}

.datatable .store-detail{position:relative;}
.datatable .store-detail .new-version{position:absolute;color:green;font-size:10px;top:-4px;right:-15px;}
/*数据表排序*/
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}

table.table thead .sorting:after,
table.table thead .sorting_asc:after,
table.table thead .sorting_desc:after {
	position: absolute;
    top: 8px;
    right: 8px;
    display: block;
	font-family: 'Glyphicons Halflings';
	opacity: 0.5;
}
table.table thead .sorting:after {
	opacity: 0.2;
	content: "\e150"; /* sort */
}
table.table thead .sorting_asc:after {
	content: "\e155"; /* sort-by-attributes */
}
table.table thead .sorting_desc:after {
	content: "\e156"; /* sort-by-attributes-alt */
}

.icon-drag-move{cursor:move;}
.icon-drag-move:before {
    content: "\e150";
}

.pagination{margin:0px;}
/*列表底部*/
.list-footer{margin-bottom:10px;}
.list-footer .form-inline {font-weight:normal;font-size:12px;}
.list-footer .form-group label{margin:0 3px;text-align:left!important;}

/*错误提示框*/
.toast-top-center{margin-top:10px;}

/*modal框*/
.myModal{}
.modal-title{font-size:16px;}
.myModal .modal-body iframe{width:100%;height:100%;min-height:200px;}
.myModal button.close{font-size:18px;}

/*杂项*/
.form-inline label{font-weight:normal;}

.form-control-slt{width:30px!important;text-align:left;}
.form-control-slt select.form-control {
	min-width: 22px !important;
	width: 22px !important;
	height: 30px !important;
	float: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	text-indent: -200px !important;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	
	background: url('../images/select.png') no-repeat scroll right center transparent;
	background-size: 14px;
}
.form-control-slt select.form-control::-ms-expand { display: none; }

.box-header .navbar-toggle{background:#efefef;margin-top:0;}
.box-header .navbar-toggle .icon-bar{background:#aaa;}

.form-item .form-horizontal .control-label{text-align:left;width:120px;font-weight:normal;}

.loading{background:url('../images/loading.gif') no-repeat 5px 0;background-size:27px 27px;width:32px;height:27px;}
.loading-sm{background:url('../images/load1.gif') no-repeat 0 0;background-size:11px 11px;width:11px;height:11px;display:inline-block;}

footer.footer-end{display:none;}
/*步骤条*/
.steps-bar{width:100%;overflow:hidden;color:#999;}
.steps-bar a{color:#999;}
.steps-bar .step{
	width:50%;display:table-cell;
	position:relative;
}
.steps-bar .step:first-child{
	width:auto;
	top:0;
}
.steps-bar .step .each{
	width:100%;overflow:hidden;
}
.steps-bar .step .info{
	width:100%;
	margin-left: 50%;
	text-align: center;
	position: relative;
	z-index: 9;
	right:15px;
	margin-top:5px;
}

.steps-bar .step:first-child .info{
	width:auto;
	margin-left:0;
	text-align:left;
	margin-right:-200px;
	left:0;
	right:auto;
}

.steps-bar .step:last-child .info{
	width:auto;
	margin-left:-200px;
	text-align:right;
	right:0;
}
.steps-bar .current .round{
	background:#3c8dbc;
	color:#fff;
	border-color:#3c8dbc;
}
.steps-bar .current a{
	color:#3c8dbc;
}
.steps-bar .current .bar{
	background:#3c8dbc;
	border-color:#3c8dbc;
}
.steps-bar .round{
	width:30px;
	height:30px;
	line-height:23px;	
	border:4px #d3d3d3 solid;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	text-align: center;
	float: right;
}
.steps-bar .bar{
	margin:10px 40px 0px 10px;
    width: auto;
    height: 6px;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background:#d3d3d3;
}

/*my store*/
.nav-tabs-color li.active{border-top-color:#3c8dbc!important;}
.nav-tabs-color{background:#F8F8F8!important;}

.nav-tab-right{float:right!important;padding:8px 15px 10px 15px;}
.nav-tab-right *{vertical-align:middle;}
.nav-tab-right a{color:#555;}
.nav-tab-right .nav-sep{color:#999;font-size:90%;}
.nav-tab-right .nav-upload{display:inline;}
.nav-tab-right .nav-check-update{display:inline;}
.nav-tab-right .nav-check-update #auto_check{margin:0;}
.nav-tab-right .nav-check-update img{width:12px;}
/*设置*/
.proxy-ip-iframe{
	width:100%;
	min-height:200px;
	max-height:600px;	
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.proxy-ip-box .h-title .glyphicon{font-size:80%;}
.proxy-ip-list .delete-proxy-ip{margin-top:8px;}
.proxy-ip-list .p-ip-info{vertical-align:middle;color:#999;}
.proxy-ip-list .p-top{padding-top:11px;}
.proxy-ip-list .p-top1{padding-top:13px;}

.proxy-api-list .p-api-title{max-width:80%;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*工具*/
.tool-json-tree{width:100%;overflow:hidden;}
.tool-json-tree ul{list-style:none;margin:0px;padding:0px;padding-left:20px;}
.tool-json-tree li{padding:0;margin:0;}
.tool-json-tree .tree{cursor:pointer;margin-left:-16px;margin-right:2px;}

.tool-json-tree .node{color:#7F007F;}
.tool-json-tree .val{}
.tool-json-tree .text{width:100%;}
.tool-json-tree .text textarea{width:100%;}

/*采集窗口*/
.win-cem-process-body{position:relative;}
.win-cem-process-body #win_cem_process_box{display:block!important;}
.win-cem-process-body .win-cem-ifr-box{margin-left:80px;}

#win_cem_process_box{display:none;}
#win_cem_process_nav{
	border-right:solid 1px #efefef;
	font-size:13px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:80px;
	overflow-y: auto;
}
#win_cem_process_nav>li{padding:0;margin:0;}
#win_cem_process_nav>li>a{padding:6px 0px;line-height:20px;border-bottom:solid 1px #efefef;color:#111;}
#win_cem_process_nav>li>a:hover{background-color:#efefef;border-color:#efefef;}
#win_cem_process_nav>li.active>a{background-color:#efefef;border-color:#efefef;color:#111;font-weight:normal;}
#win_cem_process_nav::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
#win_cem_process_nav::-webkit-scrollbar-button {
    background-color:#efefef;
}
#win_cem_process_nav::-webkit-scrollbar-track {
    background:#efefef;
}
#win_cem_process_nav::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.win-cem-ifr-box{width:auto;height:100%;}
.win-cem-ifr-box iframe{width:100%;height:100%;margin:0;border:0;}


@media (max-width: 767px){
	.main-header .logo{
	    width:140px;
	    float: left;
		text-align:left;
	}
	.main-header .navbar {
		width:auto;
		margin-left:140px;
	}
	.main-sidebar, .left-side {
		padding-top:50px;
	}
	.content-wrapper .content{padding-top:8px;}
	
	/*元素最小宽度，防止太窄无法输入*/
	.table-responsive .table input.form-control{min-width:100px;}
	.table-responsive .table textarea.form-control{min-width:100px;}
}

@media (max-width: 550px){
	.list-footer .form-control{width:100%!important;}
}