/* your styles go here */
.chs{
	cursor: pointer;
	border-radius: 15px;
	border:1px solid #83848C;
	padding: 1%;
}

.chs.active{
	color: #17191E;
	background-color: #83848C;
}

.blocktest {
   	width: 15%;
   	height: 40%;
   	z-index: 30;
	position: absolute;
    right: 35px;
    /*bottom: 80px;*/
}

.testmap{
	width: 15%;
   	height: 40%;
}

.groupbox, .campbox{
	height: 100px;
	margin-bottom: 5px;
}

.textcamp{
	margin: 7px;
}

.chType{
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #8A8D93;
	cursor: pointer;
}

.chType.active, .modeType.active{
	background-color: #8A8D93;
}

.selectdextim{
	margin-bottom: 15px;
}

#visitPieChart{
	 height:425px !important;
}

.dataTables_filter {
   float: left !important;
}

#tabwarn_wrapper .dataTables_filter {
   float: right !important;
}

.icontest, .optiontest, .optiontest2{
	margin: 10px;
	padding: 5px;
	border-radius: 10%;
	cursor: pointer;
	text-align: center;
}

.optchart{
	padding-top: 5px;
	border-radius: 10%;
	margin-bottom: 10px;
	cursor: pointer;
	text-align: center;
}

.select2, .selection, .select2-search {
width: 100% !important;
}

.iconactive{
	background-color: #28A745;
	color: #17191E;
}

.iconactive2{
	background-color: #AAACAF;
	color: #17191E;
}

.dellogo{
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
	background-color: #ffffff;
	padding: 8px;
	border-radius: 100%;
	z-index: 1000;
}

.cssload-container{
	position:fixed;
	display: none;
	background-color: #2E363F;
	opacity: 0.6;
	/*margin-top: 50%;*/
	width: 100%;
	min-height: 100%;
	z-index: 10000;
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 3px solid rgb(204,204,204);
	border-left-color: rgb(44,142,134);
	border-radius: 2872px;
		-o-border-radius: 2872px;
		-ms-border-radius: 2872px;
		-webkit-border-radius: 2872px;
		-moz-border-radius: 2872px;
}

.cssload-whirlpool {
	margin: -72px 0 0 -72px;
	/*margin: 20%;*/
	height: 144px;
	width: 144px;
	animation: cssload-rotate 1600ms linear infinite;
		-o-animation: cssload-rotate 1600ms linear infinite;
		-ms-animation: cssload-rotate 1600ms linear infinite;
		-webkit-animation: cssload-rotate 1600ms linear infinite;
		-moz-animation: cssload-rotate 1600ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -66px 0 0 -66px;
	height: 127px;
	width: 127px;
	animation: cssload-rotate 1600ms linear infinite;
		-o-animation: cssload-rotate 1600ms linear infinite;
		-ms-animation: cssload-rotate 1600ms linear infinite;
		-webkit-animation: cssload-rotate 1600ms linear infinite;
		-moz-animation: cssload-rotate 1600ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -83px 0 0 -83px;
	height: 161px;
	width: 161px;
	animation: cssload-rotate 3200ms linear infinite;
		-o-animation: cssload-rotate 3200ms linear infinite;
		-ms-animation: cssload-rotate 3200ms linear infinite;
		-webkit-animation: cssload-rotate 3200ms linear infinite;
		-moz-animation: cssload-rotate 3200ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}


.nav-link a{
	color:#fff ;
}

button.dt-button, div.dt-button, a.dt-button, input.dt-button {
	color: #ffffff !important;
}

.dt-button .buttons-excel {
	
    background-color: #ffc107;
    border-color: #ffc107;
}

.hide{
	display: none;
}