/*start index css--------------------------------------------------------------------*/







/*start main screen 1*/  
/*@media (max-width: 992px) {*/
@media (max-width: 992px) {
						
}
/*end main screen 1*/ 


/*start main screen 2*/ 
/*@media (min-width: 992px) {*/
@media (min-width: 992px) {
		
}



 


/*end index css----------------------------------------------------------------------*/





/*start main screen 2*/  
/*@media (min-width: 992px) {*/
	

	

/*}*/

/*end main css----------------------------------------------------------------------*/

.col1{
   display:inline-block;width:25%;max-width:50px;height:50px; margin-top:4px;border-radius:50%; background-color:#ccc; float:left; margin-left:5px; overflow:;
}
.col1 i{
   font-size:30px; color:blue;
}



.col2{
   display:inline-block;width:40%;max-width:100px;height:40px; margin-top:10px;border-radius:0%; background-color: #; float:left; margin-left:5px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.col2 span{
   display:inline-block; width:100%; height:19px; line-height:19px; float:left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:left; margin-left:2px; color:#000; font-size:12px !important;
}



.col3{
   position:absolute;display:inline-block;width:25%;max-width:40px;height:40px; margin-top:10px;border-radius:50%; background-color: #; right:5px; display:;
}
.col3 i{
   font-size:30px; color: #9CF; width:100%; max-width:35px;
}

.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
top: 150%;
left: 50%;
margin-left: -60px;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}


.arrow_top_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
}
.arrow_top_box:after, .arrow_top_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_top_box:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #88b7d5;
border-width: 30px;
margin-left: -30px;
}
.arrow_top_box:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 36px;
margin-left: -36px;
}

.arrow_top_content {
position: absolute;
width:200px;
height:100px;
margin-left:-100px;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
z-index:999999999999999;
}


.arrow_top_box2 {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
}
.arrow_top_box2:after, .arrow_top_box2:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_top_box2:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #88b7d5;
border-width: 7px;
margin-left: -7px;
}
.arrow_top_box2:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 7px;
margin-left: -7px;
}

.arrow_top_content2 {
position: absolute;
width:200px;
height:100px;
margin-left:-100px;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
z-index:999999999999999;
}


.arrow_right_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
margin-left:-10px;
}
.arrow_right_box:after, .arrow_right_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_right_box:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #88b7d5;
border-width: 15px;
margin-top: -15px;
}
.arrow_right_box:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #c2e1f5;
border-width: 18px;
margin-top: -18px;
}







/*
.box_left{
width:15%; height:70vh;  border:none; overflow-x:hidden;float:left; margin-left:1%; z-index:999; background-color:#CFF; border-top:solid; border-top-width:8px; border-top-color:#065E52;border-bottom:solid; border-bottom-width:18px; border-bottom-color:#065E52;
}
.box_left_iframe{
width:100%; height:100%; border:none; overflow-x:hidden;float:; z-index:999; background-color:#98C888;
}

*/



.user_avatar{
border-radius:50%; border:solid; border-color: #fff; border-width:2px; margin:0; max-width:50px; max-height:50px; 
}
.user_status_icon{
position:relative;display:inline-block;width:10px; height:10px; border-radius:50%; background-color:#666;float:right; margin-left:3px; margin-top:-12px; z-index:999;
}
.dummy_bottom_margin{
width:100%; height:100px; background-color:#0FF;
}



.bottom_bar {
	background-color:#060; border-top:solid; border-width:1px; border-top-color:#030;display: !important;
}
/*end top menu*/


.col1{
   display:inline-block;width:25%;max-width:50px;height:50px; margin-top:4px;border-radius:50%; background-color:#ccc; float:left; margin-left:5px; overflow:;
}
.col1 i{
   font-size:30px; color:blue;
}



.col2{
   display:inline-block;width:40%;max-width:100px;height:40px; margin-top:10px;border-radius:0%; background-color: #; float:left; margin-left:5px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.col2 span{
   display:inline-block; width:100%; height:19px; line-height:19px; float:left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; text-align:left; margin-left:2px; color:#000; font-size:12px !important;
}



.col3{
   position:absolute;display:inline-block;width:25%;max-width:40px;height:40px; margin-top:10px;border-radius:50%; background-color: #; right:5px; display:;
}
.col3 i{
   font-size:30px; color: #9CF; width:100%; max-width:35px;
}


.arrow_top_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
}
.arrow_top_box:after, .arrow_top_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_top_box:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #88b7d5;
border-width: 30px;
margin-left: -30px;
}
.arrow_top_box:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 36px;
margin-left: -36px;
}

.arrow_top_content {
position: absolute;
width:200px;
height:100px;
margin-left:-100px;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
z-index:999999999999999;
}


.arrow_top_box2 {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
}
.arrow_top_box2:after, .arrow_top_box2:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_top_box2:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #88b7d5;
border-width: 7px;
margin-left: -7px;
}
.arrow_top_box2:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c2e1f5;
border-width: 7px;
margin-left: -7px;
}

.arrow_top_content2 {
position: absolute;
width:200px;
height:100px;
margin-left:-100px;
background: #88b7d5;
border: 4px solid #c2e1f5;
display:none;
z-index:999999999999999;
}


.arrow_right_box {
position: relative;
background: #88b7d5;
border: 4px solid #c2e1f5;
margin-left:-10px;
}
.arrow_right_box:after, .arrow_right_box:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_right_box:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #88b7d5;
border-width: 15px;
margin-top: -15px;
}
.arrow_right_box:before {
border-color: rgba(194, 225, 245, 0);
border-left-color: #c2e1f5;
border-width: 18px;
margin-top: -18px;
}

.user_top_box{
display:inline-block; width:80px; height:60px; border-radius:0%; cursor:pointer; background-color: #;color:#000; float:; margin-left:10px; margin-right:10px; overflow:hidden;
}


/*
.box_left{
width:15%; height:70vh;  border:none; overflow-x:hidden;float:left; margin-left:1%; z-index:999; background-color:#CFF; border-top:solid; border-top-width:8px; border-top-color:#065E52;border-bottom:solid; border-bottom-width:18px; border-bottom-color:#065E52;
}
.box_left_iframe{
width:100%; height:100%; border:none; overflow-x:hidden;float:; z-index:999; background-color:#98C888;
}

*/

.user_avatar{
border-radius:50%; border:solid; border-color: #fff; border-width:2px; margin:0; max-width:50px; max-height:50px; 
}
.user_status_icon{
position:relative;display:inline-block;width:10px; height:10px; border-radius:50%; background-color:#666;float:right; margin-left:3px; margin-top:-12px; z-index:999;
}
.dummy_bottom_margin{
width:100%; height:100px; background-color:#0FF;
}



@charset "utf-8";
/* CSS Document */
/*
@media only screen and (max-width: 992px) {
  .left {
   display:none !important;
  }
}
@media only screen and (min-width: 992px) {
 /.left {
   display:block;
  }
}
*/


html,body,.form-body,.row,.form-holder,.form-content,.form-items  {
	/*padding:0 !important; margin:10px !important;*/
}
html, body {background-color: #030; overflow:hidden !important;}

input[type=checkbox] {
/*zoom: 2.1;*/
float:left; margin-left:5%;
display:inline-block;
}
.index_box {
 background-color:#030 !important;
}

.index_top {
 background-color:red !important
}
.index_left {
  background-color:#060 !important;
  position:fixed;left:0; top:90px; width: 50px; height:100%; z-index:999;
}
.index_right {
	background-color:#060 !important;
  position:fixed;right:0; top:90px; width: 50px; height:100%; z-index:999;
}
.index_center {
 background-color:#04541a !important;
}
.index_bottom {
	 position:fixed; left:0; bottom:0px !important; border-top:solid; border-top-width:2px; border-top-color:#69F;
	  width:100%; height:36px; background-color:#666600;background-color:#030; z-index:999; text-align:center;background-image:url(/inc/media/images/general/bottom-img.jpeg); background-repeat: repeat-x;
}

.logout_anime {
	display:none;width:100%;height:100%; position:fixed; top:0; right:0; bottom:0; left:0; background-color:#FF0; z-index:999999999999999999999999999999
}

.disconnecting {
	display:none;width:200px;height:60px; position:absolute; top:0; left:calc(50vw - 100px); bottom:0; background-color:#FF0; z-index:99999999999999999999999999999999999; text-align:center; font-size:20px; border-radius:20px;
}

.disconnecting #countdown {
	width:50px; text-align:center;font-size:20px; font-weight:bold;
}





.xxxxx{
}
.xxxxx{
}