@charset "utf-8";

/*main*/
.main{position:relative;background:#eff1f4;}
.main #footer{padding-left:0;text-align:center;color:#fff;background:#b6b7b9;border-color:#b6b7b9;}
.main #wrap h1{padding:13px 20px;font-size:16px;color:#fff;background:#4172c9;}

.txt_icon{display:inline-block;padding: 0px 3px;background: #d10000;border-radius: 3px;text-align: center;color: white;vertical-align: middle;font-size: 10px;}
.chart_info{color: #4b4b4b; padding-left: 20px; padding-top: 10px;font-size: 12px;}
.chart_info>span{font-weight: bold;}
.chart_box{width: 350px;height: 170px;border-radius: 4px;margin: 15px;padding: 10px;background: white;}
.box_info{display: flex;text-align: center;}
.box_info>div{flex: auto;margin: 0px 0px 14px 30px;border: 1px solid #dfdfdf;border-radius: 12px;line-height: 30px;}
.box_info>div:first-child{margin-left: 0;}
.box_info>div>div:first-child{border-bottom: 1px solid #dfdfdf;border-radius: 12px 12px 0 0;}
.box_info>div>div>p{line-height: 25px;}

.tb_box_info{border: 1px solid #ddd;border-radius: 10px;}
.tb_box_info th{text-align: right; padding-right: 15px;}
.tb_box_info td{padding: 5px;}

.refresh{display: flex;margin-right: 15px;align-items: center;position: absolute;right: 0;top: 3px;}
.refresh>a{background-color: #eaeaea;width: 28px;height: 28px;border-radius: 50%;margin: 5px;color: #989898;text-align: center;cursor: pointer;}
.refresh>a:hover{background-color: #bababa;color: white;}
.refresh>a:active{transform:scale(0.95)}
.refresh>a>i::before{margin-top: 4px;}

.timepicker{width: 80px;text-align: center;}
.header_btn > div{display: flex;}
.header_btn > div > a{padding: 5px 3px;background: #f4f4f4;border: 1px solid #b7b7b7;border-radius: 3px;text-align: center;vertical-align: middle;font-weight: bold;font-size: 12px;box-sizing: border-box;cursor: pointer;min-width: 90px;margin-left: 3px;}

.user_details{color: #2b5aa8;text-decoration: underline;}
.user_details:hover{color: #3e7ee8;}

.pop_setting{display: inline-block !important; margin-right: 10px; max-width: 500px;}
.pop_info {display:flex;float:right;font-size:12px;align-items: center;margin: 7px 20px;}

.more{float: right;}
.more:hover{color: #0785c2;}
.more>i{padding-left: 5px;vertical-align: bottom;}
.tp_box{display: flex;align-items: center;border: 1px solid #b6b6b6;padding: 5px;border-radius: 7px;}
.tp_box>div{margin-left: 20px;}
.tp_box>div>span{margin-left: 10px;font-weight: bold;font-size: 15px;}
.tp_box .button{margin-left: auto;}

/* loading */
.loadingBox .text { margin-top:30px; color:#fff; font-size:18px; letter-spacing: -0.27px; line-height:1.5; text-align:center}
.loading{
	width: 17px;
	height: 17px;
	margin:0 auto;
	transform:rotate(45deg);
	animation:loading-ani1 3s ease-in-out infinite;
}
.loading i{
	width: 17px;
	height: 17px;
	display: inline-block;
	border-radius: 50%;
	position:absolute;
}
.loading i:nth-child(1){
	background: #0498c4;
	transform:translate(0,20px);
	animation:loading-ani2 3s ease-in-out infinite;
}
.loading i:nth-child(2){
	background: #58c5a7;
	transform:rotate(90deg) translate(0,20px);
	animation:loading-ani3 3s ease-in-out infinite;
}
.loading i:nth-child(3){
	background: #0498c4;
	transform:rotate(180deg) translate(0,20px);
	animation:loading-ani4 3s ease-in-out infinite;
}
.loading i:nth-child(4){
	background: #58c5a7;
	transform:rotate(270deg) translate(0,20px);
	animation:loading-ani5 3s ease-in-out infinite;
}
@keyframes loading-ani1{
25%{
	transform:rotate(135deg);
}
50%{
	transform:rotate(225deg);
}
75%{
	transform:rotate(315deg);
}
100%{
	transform:rotate(405deg);
}
}
@keyframes loading-ani2{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:translate(0,25px);
}
}
@keyframes loading-ani3{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(90deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(90deg) translate(0,25px);
}
}
@keyframes loading-ani4{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(180deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(180deg) translate(0,25px);
}
}
@keyframes loading-ani5{
17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100%{
	transform:rotate(270deg) translate(0,20px);
}
12.5%,37.5%,62.5%,87.5%{
	transform:rotate(270deg) translate(0,25px);
}
}

/* layerPopup */
.layerPopWrap {
	visibility: hidden;
	overflow-y: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	z-index: 100;
	opacity: 0;
	transition: all .2s ease;
	background: rgba(0, 0, 0, 0.7);
}
.layerPopWrap.on {
	visibility: visible;
	opacity: 1;
}
.layerPopWrap.on .layerPopCont {
	animation: fadeInDown .4s ease-in-out forwards;
}

.layerPopWrap {
	z-index: 1500;
}

.rmain .rlive, .rmain .rslot, .rmain .rmini{display: none;}
.rlive .rmain, .rlive .rslot, .rlive .rmini{display: none;}
.rslot .rlive, .rslot .rmain, .rslot .rmini{display: none;}
.rmini .rlive, .rmini .rslot, .rmini .rmain{display: none;}
.rliveslot .rmini, .rliveslot .rmain{display: none;}

.check_ip{position: relative;display: inline-block;}
.check_ip .list {visibility: hidden;background-color: white;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 120%;right: -20px;}
.check_ip .list.on{visibility: visible;}
.check_ip .list>h5{border-bottom: black 1px solid;color: black;}
.check_ip .list>li{font-size: 12px; text-align: left; margin-left: 3px;}
.check_ip .list::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #c1c1c1 transparent;}


.tox-tinymce-aux {
	z-index: 2001;
}