@CHARSET "UTF-8";

@font-face {
/* 	font-family: PingFang; */
/* 	src: url("../fonts/PingFang Regular.ttf"); */
}

* {outline:none;}

html,body {
	border: 0; 
	padding: 0; 
	margin: 0;
	font-family: "Microsoft YaHei", "SimSun";
	overflow:hidden;
}

/* 对bootstrap模态框(modal)的自定义 */
/* 定义对话框 */
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.self-modal-header {
	padding: 10px;
	border-bottom: 0;
	padding-bottom: 0;
}
.self-modal-header .close {
	font-size: 18px;
}
.self-modal-header .modal-title {
	font-size: 12px;
	color: #525252;
}
.modal-body .self-form-control {
	height: 30px;
	border: 1px solid #cddafa;
    border-radius: 4px;
    font-size: 12px;
    color: #9baacc;
    box-shadow: none;
}
.self-modal-footer {
	border-top: 0;
	padding-top: 0;
	text-align: center;
}
.self-modal-footer>.btn-cancel {
	display: inline-block;
	cursor:pointer;
  	height: 30px;
  	margin: 0 auto;
  	border: 0px;
  	border-radius: 4px;
  	font-size: 12px;
  	color: #506699;
  	border: 1px solid #bbcbf0;
  	background-color: #fff;
  	padding: 0 14px;
  	line-height: 30px;
}
.self-modal-footer>.btn-cancel:hover {
	color: #12223d;
	background-color: #e8eefc;
}
.self-modal-footer>.btn-confirm {
	display: inline-block;
	cursor:pointer;
  	height: 32px;
  	margin: 0 auto;
  	margin-right: 5px;
  	border: 0px;
  	border-radius: 4px;
  	font-size: 12px;
  	color: #fff;
  	/*border: 1px solid #bbcbf0;*/
  	background-color: #366ff5;
  	padding: 0 14px;
  	line-height: 32px;
}
.self-modal-footer>.btn-confirm:hover {
	background-color: #477eff;
}

/* 定义提示框 */
.self-modal-body {
	background-color: #202020;
	color: #fff;
	border-radius: 4px;
}
.loadModal div.modal-dialog {
	position: absolute; 
	margin: 0; 
	width: 285px;
	height:112px;
	left: 50%; 
	top:50%; 
	margin-left: -142.5px;
	margin-top:-56px;
}
.loadModal div.modal-dialog .checkDevEnvImg {
	margin: 10px 0px;
}
.loadModal div.modal-dialog .checkDevEnvText {
	position: absolute;
	height: 50px;
	left: 90px;
	top: 50%;
	margin-top: -25px;
	font-size: 18px;
	color: #9baacc;
}

/* 定义bootstap-table表格 */
.bootstrap-table input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.bootstrap-table .fixed-table-pagination .btn-group > .btn:first-child {
    width: 56px;
    height: 24px;
    border: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: -4px;
    font-size: 12px;
    padding: 0 auto;
    padding: 0;
}
.bootstrap-table .fixed-table-pagination .btn-group > .btn:first-child .caret {
    margin-left: 5px;
    margin-top: -4px;
}
.bootstrap-table .fixed-table-pagination .btn-group > .btn:first-child:hover {
    background: #e8eefc;
}
.bootstrap-table .fixed-table-pagination .open > .btn:first-child {
    background: #e8eefc;
}
.bootstrap-table .fixed-table-pagination .dropup > .dropdown-menu {
    margin-bottom: 7px;
    min-width: 56px;
}
.bootstrap-table .fixed-table-pagination .dropup > .dropdown-menu > li > a {
    font-size: 12px;
}
.bootstrap-table .fixed-table-pagination .dropup > .dropdown-menu > .active > a {
    background-color: #366ff5;
}

/* 自定义表格操作列按钮样式 */
.bootstrap-table .table-btn {
	cursor: pointer;
    height: 23px;
    border: 0px;
    /*border: 1px solid #bbcbf0;*/
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    background-color: #366ff5;
    padding: 0px 12px;
    line-height: 23px;
}
.bootstrap-table .table-btn:hover {
	background-color: #477eff;
}

/* 定义滚动条 */
.custom-scroll::-webkit-scrollbar {
	-webkit-overflow-scrolling: touch;
	height: 6px;
	width: 6px
}

.custom-scroll::-webkit-scrollbar {
/* 	background-color: #ebebeb; */
}

/* .custom-scroll::-webkit-scrollbar-button:end:increment,.custom-scroll::-webkit-scrollbar-button:start:decrement { */
/* 	background: 0 0; */
/* 	display: block; */
/* 	height: 0 */
/* } */

.custom-scroll::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent
}

.custom-scroll::-webkit-scrollbar-corner {
	background-color: transparent;
}

.custom-scroll::-webkit-scrollbar-track-piece {
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	background-color: transparent;
	border-radius: 0
}

.custom-scroll::-webkit-scrollbar-thumb {
	-moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0
		rgba(0, 0, 0, .07);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0
		rgba(0, 0, 0, .07);
	background-clip: padding-box;
	background-color: rgba(0, 0, 0, .2);
	border: none;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0
		rgba(0, 0, 0, .07)
}

.custom-scroll::-webkit-scrollbar-thumb:horizontal,.custom-scroll::-webkit-scrollbar-thumb:vertical {
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #abbbe0;
	border-radius: 10px;
}

.custom-scroll::-webkit-scrollbar-thumb:active {
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
	background-color: rgba(0, 0, 0, .44);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33)
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
	background-color: #9baacc
}

/* 自定义select选择框 */
.self-select {
	cursor:pointer;
	height: 30px;
	border: 0px;
  	border: 1px solid #bbcbf0;
  	border-radius: 4px;
  	font-size: 12px;
	color: #506699;
	background-color: #fff;
	padding: 0 10px;
}
/* select { */
/* 	appearance:none; */
/*     -moz-appearance:none; */
/*     -webkit-appearance:none; */
/*   	background: url("../image/step-icon-off.png") no-repeat scroll 95% center transparent; */
/* } */

/* 自定义tooltip提示 */
.tooltip {
    font-family: "Microsoft YaHei", "SimSun";
}
.tooltip-inner {
	min-width: 150px;
    padding: 10px 20px;
    color: #9baacc;
    background-color: #202020;
}

/* 自定义时间控件 */
.date .input-group-addon {
	background: #fff;
	cursor: pointer;
}

/* 新手引导 */
@-webkit-keyframes flash {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

.guide-panel {
	background-color: rgba(191, 191, 191, 1);
	width: 600px;
	height: 220px;
	border-radius: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -110px;
	z-index: 2;
	text-align: center;
	display: none;
}

.guide-panel-text {
	color: white;
	text-align: center;
	font-size: 36px;
	font-family: "华文新魏";
	margin-top: 22px;
}

.red-point {
	background-color: #F5224C;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	position: absolute;
	left: 469px;
	top: 340px;
	-webkit-animation: flash 0.75s infinite linear;
	z-index: 10;
	display: none;
}

.guide-panel-hand {
	font-size: 34px;
	position: relative;
	top: 30px;
	color: white;
}

#device-group-tip {
	position: absolute;
	left: 90px;
	top: 48px;
	vertical-align: middle;
	color: white;
	background-color: rgba(0,0,0,.75);
	border: none;
	/*color: #506699;
	border-color: #bbcbf0;*/
	box-shadow: none;
}
#device-group-tip .arrow{
	border-right-color: transparent;
}
#device-group-tip .arrow:after{
	/*border-right-color: #BBCBF0;*/
	border-right-color: rgba(0,0,0,.75);
}
.popover-content > p{
	margin: 0;
}

/* 通用添加设备modal框 */
#commonAddDeviceModal div.modal-dialog {
    position: absolute;
    margin: 0;
    width: 280px;
    height: 530px;
    left: 50%;
    top: 50%;
    margin-left: -140px;
    margin-top: -265px;
}
#commonAddDeviceModal .modal-body .self-form-control {
    margin-top: 10px;
}
#commonAddDeviceModal .modal-body .self-select {
    display: block;
    width: 238px;
    margin-top: 10px;
    color: #9baacc;
}