jm {
	display: block;
}
.hoverClass {
	  background-color: #12C4FF;
	  outline: 2px dashed #004664;
	  outline-offset: -10px;
}
.ui-resizable {
	position: absolute !important;
}
.jm-drop {
	position: fixed;
	bottom: 0; 
	overflow: hidden;
    z-index: 5000;				
}
.jm-drop .logo {
	margin: 0px;
	display: none;
}
.jm-drop .logo img {
	height: 32px;
	width: 32px;
	cursor: pointer;
}

#method_trace table, #bja_trace table {
    border-collapse: separate;
    border-spacing: 10px;
}

#query_table, #bja_table {
	width:100%;
}

#query_table thead, #bja_table thead {
	text-align: left;
}

#query_table th, #bja_table th {
  cursor: pointer;
}

#time_trace th {
	text-align: left;
	cursor: pointer;
} 

.JM_switch_container {
	float: left;
	display: inline-block;
    width: auto;
    padding: 4px 5px 0px;
}

.JM_switch_text {
	padding: 5px;
    float: left;
    cursor: pointer;
    color: #00C0FF;
}

input[type="checkbox"].JM_switch{
	font-size: 15px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	width: 3.5em;
	height: 1.5em;
	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].JM_switch:checked{
	background: #0ebeff;
  }
  
  input[type="checkbox"].JM_switch:after{
	position: absolute;
	content: "";
	width: 1.5em;
	height: 1.5em;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	        box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	        transform: scale(.7);
	left: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  
  input[type="checkbox"].JM_switch:checked:after{
	left: calc(100% - 1.5em);
  }


#jm-draggable {
	position: fixed;
	cursor: move;
	left: 0px;
	bottom: 0px;
	height: 40px;
	width: 40px;
	border: 1px solid rgb(238, 238, 238);
	padding: 9px;
    border-radius: 50%;
    background: white;
    z-index: 9999999999;
}

#jm-draggable img {
	width: 100%;
}

@media only screen and (max-width: 740px)  {
	.verstop-jm {
		display: none;
	}
}

.jm-toolbar { display:none; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #EEEEEE; background: white; padding: 5px; z-index: 99999999;}
.jm-toolbar ul { list-style: none; padding: 0; margin: 0; }
.jm-toolbar ul li { float: left; padding-left: 20px; padding-right: 20px; border-right: 1px solid #EEEEEE; padding: 5px;}
.jm-toolbar ul li:nth-child(3) { margin-left: 30px; }
.jm-toolbar ul li:nth-last-child(3) { border-right: 0 !important; }
.jm-toolbar ul li:last-child, .jm-toolbar ul li:nth-last-child(2), .jm-toolbar ul li:nth-last-child(3) { float: right !important; }
.jm-toolbar ul li:nth-last-child(3) { margin-right: 15px; }
.jm-toolbar a { color: #00C0FF; }


.jm-toolbar .blinker {
  animation: blink_me 1s linear infinite;
}

.jm-toolbar .blinker a {
	animation: blink_me_text 1s linear infinite;
}

@keyframes blink_me {  
  50% { background-color: red; }
}

@keyframes blink_me_text {  
  50% { color: white; }
}

@media only screen and (max-width: 994px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 14.5px; } .jm-drop .logo img { height: 100%; width: 30px; } }
@media only screen and (max-width: 971px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 14.5px; } .jm-drop .logo img { height: 100%; width: 30px; } }
@media only screen and (max-width: 920px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 13.5px; } .jm-drop .logo img { width: 29px; } }
@media only screen and (max-width: 870px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 12.5px; } .jm-drop .logo img { width: 28px; } }
@media only screen and (max-width: 818px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 11.6px; } .jm-drop .logo img { width: 27px; } }
@media only screen and (max-width: 771px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 11px; } .jm-drop .logo img { width: 26px; } }
@media only screen and (max-width: 740px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 9.6px; } .jm-drop .logo img { width: 28px; } }
@media only screen and (max-width: 624px)  { .jm-toolbar ul li:nth-child(7) { display: none;} }
@media only screen and (max-width: 528px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 7.3px; } .jm-drop .logo img { width: 27px; } }
@media only screen and (max-width: 495px)  { .jm-toolbar ul li:nth-child(6) { display: none;} }
@media only screen and (max-width: 416px)  { .jm-toolbar ul li:nth-child(5) { display: none;} }
@media only screen and (max-width: 416px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 7.4px; } .jm-drop .logo img { width: 26px; } }
@media only screen and (max-width: 356px)  { .post_jm { display: none; } }
@media only screen and (max-width: 335px)  { .jm-toolbar ul li, .jm-toolbar ul li a { font-size: 7.4px; } }


@media only screen and (max-width: 740px)  {
	
	.ajm-toolbar { position: fixed; top: 0px; width: 100%; height: 30px;border-top: 1px solid #EEEEEE; background: white; padding: 5px; opacity: 0.9;}

	.ajm-drop {
		position: relative;
		top: 5px; 
		overflow: hidden;
		z-index: 5000;				
	}

	.jm-toolbar ul li:last-child span { 
		display: none;
		
	}
	.jm-toolbar ul li:nth-last-child(2) span { 
		display: none;
		margin-right: 8px;
	}

}

@media only screen and (max-width: 350px)  {
	.jm-toolbar ul li:last-child, .jm-toolbar ul li:nth-last-child(2) {
		margin-right: 0px;
	}
}

.query_section {
	display:none;
    background-color: beige;
    padding: 10px;
    color: black;
    width: 117%;
}
.expand_query {
    color: blue;
    cursor:pointer;
}