html {
  height: 100%;
    width: 100%;
     margin: 0;
    padding: 0;
}

body {
    margin:0px;
    height: 100%;
	max-height: 100%;
    padding: 0;
    width: 100%;
	float: left;

}


body.no-zoom {
    zoom: 1;
}

.nav-tabs .nav-units .nav-link.active {
	border-color: #3498db !important;
	border-width: 2px;
}

css_cur_alias {cursor: alias;}
css_cur_all-scroll {cursor: all-scroll;}
css_cur_auto {cursor: auto;}
css_cur_cell {cursor: cell;}
css_cur_context-menu {cursor: context-menu;}
css_cur_col-resize {cursor: col-resize;}
css_cur_copy {cursor: copy;}
css_cur_crosshair {cursor: crosshair;}
css_cur_default {cursor: default;}
css_cur_e-resize {cursor: e-resize;}
css_cur_ew-resize {cursor: ew-resize;}
css_cur_grab {cursor: -webkit-grab; cursor: grab;}
css_cur_grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
css_cur_help {cursor: help;}
css_cur_move {cursor: move;}
css_cur_n-resize {cursor: n-resize;}
css_cur_ne-resize {cursor: ne-resize;}
css_cur_nesw-resize {cursor: nesw-resize;}
css_cur_ns-resize {cursor: ns-resize;}
css_cur_nw-resize {cursor: nw-resize;}
css_cur_nwse-resize {cursor: nwse-resize;}
css_cur_no-drop {cursor: no-drop;}
css_cur_none {cursor: none;}
css_cur_not-allowed {cursor: not-allowed;}
css_cur_pointer {cursor: pointer;}
css_cur_progress {cursor: progress;}
css_cur_row-resize {cursor: row-resize;}
css_cur_s-resize {cursor: s-resize;}
css_cur_se-resize {cursor: se-resize;}
css_cur_sw-resize {cursor: sw-resize;}
css_cur_text {cursor: text;}
css_cur_url {cursor: url(myBall.cur),auto;}
css_cur_w-resize {cursor: w-resize;}
css_cur_wait {cursor: wait;}
css_cur_zoom-in {cursor: zoom-in;}
css_cur_zoom-out {cursor: zoom-out;}


h1 {
    display: block;
    text-align: center;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1.font-thin
{
	color: #4c4c4c;
	
}


.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.fullscreen
{
	height: 100%;
	width: 100%;
	left:0;
	position:relative;
	top:0;
}

.centered 
{
	position: fixed; /* or absolute */
	top: 50%;
	left: 50%;
}


.trans {

    color: transparent;
}



.capitalize {
    text-transform: capitalize;
}

.flex
{
	display: flex;
}

.hidden {
	display: none;
}

.ltr {
	direction: ltr;
}

.modal-header .close
{
	/*Extend FEATURE*/
	margin-right: 10px;
}

/* .modal-title 
{
	padding-left: 5px !important;
	padding-top: 2px;
	padding-bottom: 2px;
	
} */

.width_fit
{
	width: fit-content !important;
}

.width_fit_max
{
	width: max-content !important;
}

.modaless{
    top:10%;
    left:50%;
    bottom:auto;
    right:auto;
    margin-left:-300px;
}
.rtl
{
	direction: rtl;
}

.al_r{
	text-align:right;
}


.al_l{
	text-align:left;
}

.al_c{
	text-align:center;
}

.uppercase 
{
	text-transform: uppercase;
}
._error
{
	margin: 0px 0px 0px 2px;
    font: 11px arial, helvetica, sans-serif;
    font-style: italic;
    color: crimson;
   
}

._warning
{
	margin: 0px 0px 0px 2px;
    font: 11px arial, helvetica, sans-serif;
    font-style: italic;
    color: yellow;
   
}

._good
{
	margin: 0px 0px 0px 2px;
    font: 11px arial, helvetica, sans-serif;
    font-style: italic;
    color: forestgreen;
   
}

.fss-5
{
	font-size: 0.9rem !important;
}
.fss-4
{
	font-size: 0.8rem !important;
}
.fss-3
{
	font-size: 0.7rem !important;
}
.fss-2
{
	font-size: 0.6rem !important;
}

.rounded_10px
{
	border-radius: 10px !important;
}

.rounded_6px
{
	border-radius: 6px !important;
}
a.no-hover {
color: forestgreen;
}

a.no-hover:hover, a.no-hover:focus
{
	background-color: #FFF;
}

ul.menu
{
	padding-left:0;
	height: 20px;
	width: 100%;
	list-style-type: none;
}


ul.menu li 
{
	float: left;
	display: block;
	text-align: center;
	margin-left: 20px;
}


ul.geo_fence
{
	margin: 0;
	padding-left:0;
	list-style-type: none;
}

li.blocktitle
{
	
	display:block;
	text-align:center;
	background-color: white;
	
	border-bottom:black;
	border-bottom-width:1;
	
	width: 100%;
	
	
}



li.blocktitle_style1
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	text-transform: uppercase;
}

li.blocktitle_style1
{
	color: #8a6d3b;
	background-color: #fcf8e3;
}


li.blockfield
{
	display:block;
	padding: 2px 1px 5px 2px;
	
	color: steelblue;
	background-color: white;
	font: 12px arial, helvetica, sans-serif;
	
}




div.mainblock
{
	background-color: white;
	padding-bottom: 5px;
	padding-right: 5px;
	float: left;
	top: 0px;
	
}


div.subblock
{  width:100%;
	background-color: aliceblue;
	margin: 2px 2px 2px 2px;
	padding: 1px;
	top: 0px;
	position: relative;
	font: bold 13px arial, helvetica, sans-serif;
	
	width: 100%;
}



div.blocktitle
{
	display:block;
	text-align:center;
	background-color: white;
	
	border-bottom:black;
	border-bottom-width:1;
	
	margin: 2px 2px 2px 2px;
	padding: 1px;
	width: 100%;
	
	
	
}

div.blockfield
{
	display:block;
	padding: 2px 1px 5px 2px;
	
	color: steelblue;
	background-color: white;
	
}

div.blockfield.spacer
{
	min-width: 10px;
}

div.blockfield p {
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    display:inline;
}





.disabled
{
	color: lightslategrey;
}



div#header {
	top: 0px;
    height: 80px;
    width:100%;
	font: bold 16px arial, helvetica, sans-serif;
	
}




div.blocktitle_style1
{
	color: #8a6d3b;
	background-color: #fcf8e3;
	text-transform: uppercase;
}






label._error
{
	margin: 0px 0px 0px 2px;
    font: 11px arial, helvetica, sans-serif;
    font-style: italic;
    color: crimson;
   
}


/***
 * Styles of Monitor Log COntrol
 */

div.monitorview
{
	display:block;
	height:800px;
	overflow:auto;
	
}

div.cameraview
{
	display:block;
	overflow:auto;
	
}

div#andruavUnits {
	min-width:100%;
}



div.log_ctrl
{
	display:  block;
	color: crimson;
}

div.log_error
{
	display:  block;
	color: crimson;
}

div.log_rx_msg
{
	display:  block;
	color: forestgreen;
	
}

div.log_tx_msg
{
	display:  block;
	color: dodgerblue;
	
}

.log_log_ctrl
{
	display:  block;
	color: gray;
	font-style: italic;
	
}

 
 #unitVideo
 {
	float: left;
	background-color:lightseagreen;
	padding: 2px;
	height: 244px;
	width: 344px;
 }
 
 
 

 
 #unitImg
 {
 background-color:blue;
	max-width: 	700px;
	
 }


#video-rtc-div
{
	width: 	100%;
	height: 100%;
}


div #main_btn_group
{
	margin: 5px;
}

/*******************EO MONITOR LOG *****/


/***************ANDUAV STYLES******************/
.fence_good
{
	color: forestgreen;
}

.fence_bad
{
	color: crimson;
}

.fence_unknown
{
	display:none;
}




/**** Unit is active ****/

.unitname
{
	font: bold 13px arial, helvetica, sans-serif;
}


/*** used when unit is connected / disconnected ****/







tr.IsShutdown_false td.recvideo.m_IsGCS_false.run img  
{
	content:url('./../images/video_recording_active_32x32.png');
}




tr.IsShutdown_false td.recvideo.m_IsGCS_false.ready img  
{
	content:url('./../images/video_recording_enabled_32x32.png');
}



tr.IsShutdown_true td.recvideo
{
	cursor: inherit;
}




tr.IsShutdown_false td.recvideo.m_IsGCS_false
{
	cursor: pointer;
}

tr.IsShutdown_false td.recvideo.m_IsGCS_true img  
{
	content:url('./../images/video_recording_disabled_32x32.png');
}

tr.IsShutdown_true td.recvideo img  
{
	content:url('./../images/video_recording_disabled_32x32.png');
}


tr.IsShutdown_false td.video.m_IsGCS_false.run img  
{
	content:url('./../images/videocam_active_32x32.png');
}


tr.IsShutdown_false td.video.m_IsGCS_false.ready img  
{
	content:url('./../images/videocam_gb_32x32.png');
}

tr.IsShutdown_true td.video
{
	cursor: inherit;
}

tr.IsShutdown_true td.video img  
{
	content:url('./../images/videocam_gr_32x32.png');
}

td.video.m_IsGCS_true
{
	cursor: inherit;
}

td.video.m_IsGCS_true img  
{
	content:url('./../images/videocam_gr_32x32.png');
}

tr.IsShutdown_false td.video.m_IsGCS_false
{
	cursor: pointer;
}




tr.IsShutdown_false td.gcs.m_IsGCS_true img 
{
	content:url('./../images/gcs_b_32x32.png');
}

tr.IsShutdown_false td.gcs.m_IsGCS_false img 
{
	content:url('./../images/plane_b_32x32.png');
}

tr.IsShutdown_true td.gcs.m_IsGCS_true img 
{
	content:url('./../images/gcs_gr_32x32.png');
}

tr.IsShutdown_true td.gcs.m_IsGCS_false img 
{
	content:url('./../images/plane_gr_32x32.png');
}


tr.IsShutdown_false td.camera.m_IsGCS_false img  
{
	content:url('./../images/camera_bg_32x32.png');
}



tr.IsShutdown_true td.camera
{
	cursor: inherit;
}

tr.IsShutdown_true td.camera img  
{
	content:url('./../images/camera_gy_32x32.png');
}


tr.IsShutdown_false td.battery
{
	content:url('./../images/battery_gy_32x32.png');
}

tr.IsShutdown_true td.battery
{
	content:url('./../images/battery_gy_32x32.png');
}


tr.IsShutdown_false td.battery.bat_4
{
	content:url('./../images/battery_g_32x32.png');
}

tr.IsShutdown_false td.battery.bat_3
{
	content:url('./../images/battery_rg_32x32.png');
}

tr.IsShutdown_false td.battery.bat_2
{
	content:url('./../images/battery_rg_3_32x32.png');
}

tr.IsShutdown_false td.battery.bat_1
{
	content:url('./../images/battery_r_32x32.png');
}

tr.IsShutdown_false td.battery.Charging
{
	content:url('./../images/battery_bg_32x32.png');
}

td.camera.m_IsGCS_true
{
	cursor: inherit;
}

td.camera.m_IsGCS_true img  
{
	content:url('./../images/camera_gy_32x32.png');
}

tr.IsShutdown_false td.camera.m_IsGCS_false
{
	cursor: pointer;
}

 

/*****  BOOT STRAP ***/


	.button_large
	{
		min-width: 150px;
		
	}

	.button_large_2
	{
		min-width: 150px;
		min-height: 48px!important;
	}
	
	.label_large
	{
		min-width: 80px !important;
	}

	.org_border
	{
		border-color: orange;
		border-width:1px;
		border-style: solid;
	}
	
	.gray_border
	{
		border-color: #555555;
		border-width:1px;
		border-style: solid;
	}


    ul.ul_nobullet
    {
        list-style-type: none;
    }
    .blue {
        color: blue;
    }

    .yellow
    {
        color: #eacf8d;
    }

    .headercolor
    {
        color: darkorange;
    }


    /* glyphicon Sizes http://stackoverflow.com/questions/24960201/how-do-i-make-glyphicons-bigger-change-size */
    .gi-2x{font-size: 2em;}
    .gi-3x{font-size: 3em;}
    .gi-4x{font-size: 4em;}
    .gi-5x{font-size: 5em;}
      
	.si-05x{font-size: 0.5em;}
	.si-06x{font-size: 0.6em;}
	.si-07x{font-size: 0.7em;}
	.si-09x{font-size: 0.9em;}
	   
	/* https://getbootstrap.com/docs/3.3/css/#grid-responsive-resets*/
      
	@media (max-width: 992px) {
		.si-05x{font-size: 0.5em;}
		.si-07x{font-size: 0.6em;}
		.si-09x{font-size: 0.8em;}
	   
	}
    
    .bg-4 { 
    background-color: #2f2f2f;
    }
 
    .bg-5
    {
         background-color: #474e5d; /* Dark Blue */
         color:555555;
    }
    
    
    .float_right
    {
		float: right;
    }
    
    .a_nounderline
    {
       text-decoration:none;
    }

    .a_nounderline:hover
    {
       text-decoration:none;
    }

    .a_hoverinvers:hover
    {
        color: whitesmoke;    
    }
    
	
	.btn_taylor
	{
		background-color: #2a01a5

		;
	}

	.skinny {
		padding: 0px;
		margin: 0px;
		
	}
	
	.overflow-wrap { 
		overflow-wrap: anywhere
	 }
	/* .container-fluid {
    padding-left: 5px !important;
    padding-bottom: 70px !important;
      
    color:#555555;
    } */
    
	.localcontainer {
		margin: 10px 5px 5px 5px !important;
		padding: 10px 5px 5px 5px !important;
    }
	
	@media (max-width: 992px) {
		.localcontainer {
			margin: 1px 1px 2px 1px !important;
			padding: 5px 5px 2px 5px !important;
		}
	}
    
    
    a.navbar-brand img{
        max-width:100px; 
        margin-top: -7px;
    }

/*center the image*/
    .carousel-inner > .item > img {
        margin: 0 auto;
        width: 480px;
    }
/*
    .nav a{
            color: white !important;
            font-weight: bold !important;
        }
*/
.hover_hand:hover
{
	cursor: pointer;
}

.cursor_hand
{
	cursor: pointer;
}

.contextmenu{
  visibility:hidden;
  background:#ffffff;
  z-index: 10;
  position: relative;
  width: 200px;
}
.contextmenu div{
padding-left: 5px
}


.input_small
{
	width: 60px;
}

.button_small
{
	min-width: 40px !important;
}

.padding_zero
{
    padding: 0px !important;
}

.margin_zero
{
    margin: 0px !important;
}

.css_margin_zero
{
    margin: 0px !important;
}

.margin_2px
{
    margin: 2px !important;
}

.css_margin_5px
{
    margin: 5px !important;
}

.css_margin_top_small
{
	margin-top: 10px !important;
}

.css_margin_left_5
{
	margin-left: 5px !important;
}


.css_padding_zero
{
	padding: 0;
}


.css_padding_2
{
    padding: 2px !important;
}


.css_padding_5
{
    padding: 5px !important;
}

.css_ontop
{
	z-index: 1000 !important;
}

.css_txt_center
{
	text-align: center !important;
}

.css_float_right
{
	float: right !important;
}


.css_user_select_text
{
	user-select: text !important;
}