.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100001;
	display: flex;
	align-items: center;
	justify-content: center;  
	background: #293244;
	transition: all 0.2s;
	opacity: 0.9;
}
.preloader-remove {
	opacity: 0;
	z-index: -10;
}

#online_result {
  word-break: break-word;
  word-break: break-all;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  height: 40px;
  width: 40px;
  transform: translate(-50%, -50%);
}

[class^=ball-] {
  position: absolute;
  display: block;
  left: 30px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  transition: all 0.5s;
  animation: circleRotate 4s both infinite;
  transform-origin: 0 250% 0;
}

@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1440deg);
  }
}
.ball-1 {
  z-index: -1;
  background-color: #2196F3;
  animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
}

.ball-2 {
  z-index: -2;
  background-color: #03A9F4;
  animation-timing-function: cubic-bezier(0.5, 0.6, 0.9, 0.9);
}

.ball-3 {
  z-index: -3;
  background-color: #00BCD4;
  animation-timing-function: cubic-bezier(0.5, 0.9, 0.9, 0.9);
}

.ball-4 {
  z-index: -4;
  background-color: #009688;
  animation-timing-function: cubic-bezier(0.5, 1.2, 0.9, 0.9);
}

.ball-5 {
  z-index: -5;
  background-color: #4CAF50;
  animation-timing-function: cubic-bezier(0.5, 1.5, 0.9, 0.9);
}

.ball-6 {
  z-index: -6;
  background-color: #8BC34A;
  animation-timing-function: cubic-bezier(0.5, 1.8, 0.9, 0.9);
}

.ball-7 {
  z-index: -7;
  background-color: #CDDC39;
  animation-timing-function: cubic-bezier(0.5, 2.1, 0.9, 0.9);
}

.ball-8 {
  z-index: -8;
  background-color: #FFEB3B;
  animation-timing-function: cubic-bezier(0.5, 2.4, 0.9, 0.9);
}
.table-online tr td:last-child {
	padding-left: 10px;
	padding-right: 10px;
}
.search-box {
	width: auto;
}
.pl_w {
	width: 60px;
}
.pl_col {
	color: #FFF;
}
.pl_A {
	background: #ff2828 !important;
	text-align: center;
	border: 0;
}
.pl_B {
	background: #ff6200 !important;
	text-align: center;
	border: 0;
}
.pl_C {
	background: #ffa100 !important;
	text-align: center;
	border: 0;
}
.pl_D {
	background: #8bbe5c !important;
	text-align: center;
	border: 0;
}
.pl_E {
	background: #1cdae3 !important;
	text-align: center;
	border: 0;
}
.pl_F {
	background: #67b0ec !important;
	text-align: center;
	border: 0;
}
.pl_G {
	background: #6f8bff !important;
	text-align: center;
	border: 0;
}
.pl_H {
	background: #9d6fff !important;
	text-align: center;
	border: 0;
}
.pl_I {
	background: #989898 !important;
	text-align: center;
	border: 0;
}
.pl_J {
	background: #6d6d6d !important;
	text-align: center;
	border: 0;
}
.pl_K {
	background: #505050 !important;
	text-align: center;
	border: 0;
}
.pl_L {
	background: #3a3a3a !important;
	text-align: center;
	border: 0;
}
.pl_M {
	background: #ff2828 !important;
	text-align: center;
	border: 0;
}
.pl_N {
	background: #ff6200 !important;
	text-align: center;
	border: 0;
}
.pl_O {
	background: #ffa100 !important;
	text-align: center;
	border: 0;
}
.pl_P {
	background: #8bbe5c !important;
	text-align: center;
	border: 0;
}
.pl_Q {
	background: #1cdae3 !important;
	text-align: center;
	border: 0;
}
.pl_R {
	background: #67b0ec !important;
	text-align: center;
	border: 0;
}
.pl_S {
	background: #6f8bff !important;
	text-align: center;
	border: 0;
}
.pl_T {
	background: #9d6fff !important;
	text-align: center;
	border: 0;
}
.pl_U {
	background: #989898 !important;
	text-align: center;
	border: 0;
}
.pl_V {
	background: #6d6d6d !important;
	text-align: center;
	border: 0;
}
.pl_W {
	background: #505050 !important;
	text-align: center;
	border: 0;
}
.pl_X {
	background: #3a3a3a !important;
	text-align: center;
	border: 0;
}
.pl_Y {
	background: #304d72 !important;
	text-align: center;
	border: 0;
}
.pl_Z {
        color: #beff00 !important;
	background: #147870 !important;
	text-align: center;
	border: 0;
}

.sserv img {
	width: 24px;
	margin: 0 10px 3px 0;
}
.sserv .badge {
	height: 38px;
	margin-bottom: 5px;
}
.sserv label {
	margin-top: 9px;
}
.sserv .form-check-input[type=checkbox] {
	margin: 9px 8px 0 5px;
}
#global_status
{
	max-height: 222px;
	overflow: auto;
}
.stateext {
	background: #000;
	padding: 0px 6px 1px 6px;
	border-radius: 4px;
	opacity: 0.3;
	color: #FFF;
}
.note {
	color: #db9a00;
	border-bottom: 1px dashed #db9a00;
	cursor: copy;
}
.promo img {
	width: 50px;
	border-radius: 30px;
	margin-right: 5px;
}
.c-pointer {
	cursor: pointer;
}
.c-help {
	cursor: help;
}
.c-copy {
	cursor: copy;
}
.d-pointer {
	cursor: default;
}
.wrong_data {
	background: #F00 !important;
	color: #FFF;
}
.dropdown-toggle::after 
{
    vertical-align: 0.1em;
}

.d-n {
	display: none;
}
.dubble {
	border-bottom: 2px solid #F00 !important;
}

/*
.result_cont {
	padding: 10px 0 10px 10px; 
	border: 1px solid #CCCCCC; 
	background: #F8F8F8; 
	overflow: hidden; 
	height: 140px;
	margin-top: 5px;
}
*/
#help {
	display: none;
	}

#result_receive,#result_send {
	overflow: auto; 
	overflow-wrap: anywhere;
    	width: 100%;
	height: 100%;
}
.clr {
	clear: both;	
}


.fav {
	color: #fab40f;
}
.fav2 {
	color: #fa7c0f;
}
.term .true {
	color: #000;
	background: #91ff00;
	padding: 0 10px;
	border-radius: 4px;
}
.term .false {
	color: #000;
	background: #ff4949;
	padding: 0 10px;
	border-radius: 4px;
}
.vertical {
	resize: vertical;
}
.json {
	margin-top: 2px;
}
.json td {
	min-width: 60px;
	padding-right: 10px;
	font-size: 12px;
	color: #FFFF88;
}
.term {
	padding: 10px; 
	height: 200px;
	overflow: hidden;
	font-family: monospace;
	border-radius: 8px 8px 0 8px;
}
.term1 {
	color: #FFF;
	background: #103560; 
}
.term_answer_item {
	border-bottom: 1px dashed #2d67aa; 
	padding: 5px 0px 5px 115px;
}
.term_answer_item span {
	cursor: pointer;
}
.term_answer_item .fa-star {
	font-size: 12px;
	cursor: pointer;
}
.term_item:hover {
	background-color:#fbd66f; 
	cursor: pointer;
}

/*
.term_item .time {
	margin: 2px 0 0 20px;
	color: #999;
	padding-right: 5px;
	font-size: 12px;
	display: inline-block;
	float: right;
}
*/
.term .sign {
	padding: 0px 8px;
	margin-left: -115px;
	background: #000;	
	color: #ff8c00;
	border-radius: 4px;
	overflow: hidden;
	width: 104px;
	height: 24px;
	float: left;
}
.term .sign_zero {
	padding: 0px 8px;
	margin-left: -115px;
	background: #000;	
	color: #009cff;
	border-radius: 4px;
	overflow: hidden;
	width: 104px;
	height: 24px;
	float: left;
	text-align: right;
}
.term .sign_digit {
	padding: 0px 8px;
	margin-left: -115px;
	background: #000;	
	color: #91ff00;
	border-radius: 4px;
	overflow: hidden;
	width: 104px;
	height: 24px;
	float: left;
	text-align: right;
}
.term .nosign {
	padding: 0px 8px;
	margin-left: -115px;
	color: #2d67aa;
	width: 104px;
	float: left;
	text-align: center;
}
.term .desc {
	margin-top: -4px;
	padding: 0 5px;
	display: inline-block;
	float: right;
	text-align: right;
}
.term .device {
	color: #CCC;
	padding-right: 5px;
	font-size: 12px;
}
.term .time {
	margin-top: -5px;
	color: #999;
	padding-right: 5px;
	font-size: 14px;
}

.term2 .term_answer_item {
	border-bottom: 1px dashed #AAA; 
}
.term2 .sign {
	background: #CCC;	
	color: #ff8c00;
}
.term2 .sign_zero {
	background: #CCC;	
	color: #4444FF;
}
.term2 .sign_digit {
	background: #CCC;	
	color: #008d00;
}
.term2 .nosign {
	color: #AAA;
}
.term2 .device {
	color: #999;
	padding-right: 5px;
	font-size: 12px;
}
.no-wrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.term .tabout th {
	padding-right: 10px;
	border-bottom: 1px solid #FFF;
}
.term .tabout td {
	padding-right: 10px;
}
.term .list td {
	padding: 0 10px 0 0;
}
.term .comment {
	font-size: 12px;
	color: #999;
}
.codeblock {
	cursor: copy;
	max-height: 420px;
	padding: 20px;
}
.pneed {
    	background: yellow;
	padding: 0 5px;
	border-radius: 4px;
}
.json-key {
    color: #FFF;
}
.json-value {
    color: yellow;
}
.json-brace, .json-bracket {
    color: #02ad18;
}
.json-error {
	background: #FF0000;
	color: #fdfdfd;
}
.json-empty {
	background: #EE7700;
	color: #fdfdfd;
}
.json-success {
	background: #77bb3c;
	color: #000000;
}
.glstatus_1 {
	height: 25px; 
	width: 190px; 
	margin: 0 2px 0 2px; 
	border-radius: 4px;
	background: #555;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
}
.glstatus_2 {
	height: 25px; 
	width: 92px; 
	margin: 0 4px 0 4px; 
	border-radius: 4px;
	background: #555;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
}
.glstatus_3 {
	height: 25px; 
	width: 58px; 
	margin: 0 4px 0 4px; 
	border-radius: 4px;
	background: #555;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
}
.glstatus_4 {
	height: 25px; 
	width: 45px; 
	margin: 0 2px 0 2px; 
	border-radius: 4px;
	background: #555;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
}
.glstatus_8 {
	height: 25px; 
	width: 22px; 
	margin: 0 1px 0 1px; 
	border-radius: 4px;
	background: #555;
	text-align: center;
	padding-top: 4px;
	font-weight: bold;
}
.glstatus_16 {
	height: 25px; 
	width: 8px; 
	margin: 0 2px; 
	border-radius: 4px;
	background: #666;
}
.glstatus_32 {
	height: 25px; 
	width: 4px; 
	margin: 0 1px; 
	background: #666;
}
.glstatus_64 {
	height: 25px; 
	width: 3px; 
	background: #666;
}
.glstatus_128 {
	height: 25px; 
	width: 1px; 
	background: #666;
}

.flagview img {
	height: 14px;
}

#drop-area {
	border: 2px dashed #ccc;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
	margin: 20px auto;
}
#drop-area.hover {
	border-color: #000;
}
#file-input {
    display: none;
}

.fsort {
	display: inline-block; 
	width: 200px;
	float:  left;
	margin-right:  20px;
	margin-bottom: 40px;
}
.fsort_b {
	float: left;
	margin-top: -35px;
}
@media (max-width: 760px) {
.fsort {
	width: 70px;
}
.term_answer_item {
	padding: 25px 0 5px 0;
}
.term .sign_digit {
	margin: -25px 0 0 0;
	float: none;
	z-index: 100;
}
.term .sign_zero {
	margin: -25px 0 0 0;
	float: none;
	z-index: 100;
}
.term .sign {
	margin: -25px 0 0 0;
	float: none;
	z-index: 100;
}
.term .desc {
	margin-top: -25px;
	display: inline-block;
}
.term .desc .device {
	display: inline-block;
}
.term .desc .time {
	display: inline-block;
}
}