.deviceInfo {font-size: 11px; color: #f5f5f5;}
.deviceKey {font-size: 11px; color: #f5f5f5; font-weight: bold; text-align: right;}
.deviceValue {font-size: 11px; color: #f5f5f5;}

#devices .deviceId    {width: 160px;}
#devices .companySlug {width: 160px;}
#devices .iapId       {width: 160px;}
#devices .model       {width: 160px;}

#device_details td { padding: 15px 15px; }
#device_info td { padding: 5px 5px 5px 5px; font-size: 13px; }
#device_info td.label1 { text-align: right; font-weight: bold; font-size: 12px;}
#device_img img { display: block; padding: 5px; border: 8px solid #ccc; box-shadow: 10px 10px 5px #aaa; }

#device_health {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
}

#device_health span {
    color: white;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    position: relative;
    display: table;
    margin-top: 40px;
    margin-left: 20px;
}

#results_wrapper * {
	font-size: 13px;
}

#results_wrapper table td {
	padding: 6px 8px;
}

/* Match field services colour scheme */
#results .transtech.csr {
	background-color: lightgray;
}

#results .transtech.ior {
	background-color: lightgreen;
}

#results .transtech.pr {
	background-color: lightsteelblue;
}

#results .transtech.pr2 {
	background-color: lightsteelblue;
}

#results .transtech.se {
	background-color: lightyellow;
}

#results .transtech.ar {
	color: yellow;
	background-color: darkred;
}

#results .transtech.emr {
	color: darkgray;
	background-color: yellow;
}

#results .transtech.reg {
	color: #008000;
	background-color: darkgray;
}

#criteria-row {
	background-color: whitesmoke;
	border-bottom: dashed 1px #4d4d4c;
	display: table-row;
}

#datatable-row {
	vertical-align: top;
	height: 100%;
	background: whitesmoke;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: hidden;
	display: table-row;
}

#resize-row {
	font-size: 9px;
	font-weight: bold;
	background-color: #e0e0e0;
	line-height: 7px;
	padding: 0px;
	border-bottom: 1px dashed #bbb;
	border-top: 1px dashed #bbb;
	display: table-row;
}

#content-row {
	/*display: flex;*/
	/*flex-direction: column;*/
	vertical-align: top;
	background-color: whitesmoke;
	display: table-row;
	height: 100%;
}

#tab-info {
	/*flex-grow: 1;*/
	width: 100%;
	background-color: whitesmoke;
	overflow-y: scroll;
	display: table-row;
}
.tab-content>.tab-pane {
	width: 97%;
	overflow-y: scroll;
	position: absolute;
	height: 250px;
	overflow-x: hidden;
}

/**
 * Additional stylings based on message type
 */

table.display tr.ivu.csr {
	background-color: #E0FFFE;
}

table.display tr.ivu.emr {
	background-color: #FFFEBE;
}

table.display tr.ivu.ar {
	background-color: #FF4747;
	color: #FFCC33;
}

table.display tr.ivu.reg {
	background-color: #D9C4DD;
}

table.display tr.even.row_selected td {
	background-color: #474e51;
	color: white;
}

table.display tr.odd.row_selected td {
	background-color: #474e51;
	color: white;
}

.dataTables_wrapper {
	width: 100%;
}

.dataTables_wrapper .dataTables_info {
	clear: none;
	float: left;
	padding-top: 0.755em;
	padding-left: 2em;
}
.dataTables_wrapper .dataTables_paginate {
	text-align: right;
	padding-top: 0em;
}
/**********************************************************
*************************GENERIC***************************
***********************************************************/
a { color: #5ebc46; text-decoration: none; }
a:hover { cursor: pointer; color: #4fa03a; text-decoration: none; } 

.test { border: 1px solid red; }.test2 { border: 1px solid blue; } 

.bwhite { background-color: white;} .bwhitesmoke { background-color: whitesmoke;}
.bf6 { background-color: #f6f6f6; }
.bgray { background-color: #ccc;}
.bmgray {background-color: #5a5a5a} .bdgray {background-color: #444;}

.dblock {display: block;} .iblock {display: inline-block;} .show {display: block;} .hide {display: none;} .fleft {float: left;} .fright{float: right;} .clear {float: none;clear: both;}
.cursorPointer { cursor: pointer; } .overflowauto { overflow: auto; }

.valignmid {vertical-align: middle;} .valigntop {vertical-align: top;}

/********************* FONT STYLES ************************/
.fbold { font-weight: bold; } .f500 { font-weight:500; } .textindent { text-indent: -50000px; }
.fitalic { font-style: italic; }
.tgreen { color: #58af42; }  .lgray {color: #aaa;} .mgray {color: #5a5a5a} .dgray {color: #444;}
.white { color: white; } .red {color:#ca4644;}
.fsize10 {font-size: 10px;} .fsize11 {font-size: 11px;} .fsize13 {font-size: 13px;} .fsize14 {font-size: 14px;} .fsize15 {font-size: 15px;} .fsize16 {font-size: 16px;} .fsize18 {font-size: 18px;}
.letterspacing { letter-spacing: -1px; } 
.tcenter { text-align: center; } .tleft { text-align: left; } .tright { text-align: right; }
.wordbreak { word-break: break-all; }
.spacebreak { word-break: break-word; }
.prelative { position: relative; }
.css_right { float: right; }

/***************** PADDINGS / MARGINS *********************/
.m0auto {margin: 0 auto;}.border0 {border: 0;}.margin0{margin: 0;}.padding{padding: 0;} .reset{border: 0;margin: 0;padding: 0;}
.mtop1 {margin-top: 1px;} .mtop2 {margin-top: 2px;} .mtop3 {margin-top: 3px;} .mtop5 {margin-top: 5px;} .mtop7 {margin-top: 7px;} .mtop8 {margin-top: 8px;} .mtop10 {margin-top: 10px;}.mtop12 {margin-top: 12px;} 
.mtop14 {margin-top: 14px;} .mtop15 {margin-top: 15px;}  .mtop17 {margin-top: 17px;} .mtop20 {margin-top: 20px;} .mtop22 {margin-top: 22px;} .mtop25 {margin-top: 25px;} 
.mtop30 {margin-top: 30px;} .mtop45 {margin-top: 45px;}  .mtop50 {margin-top: 50px;}
.mtopminus3 { margin-top: -3px; } .mtopminus5 { margin-top: -5px; }  .mtopminus100 { margin-top: -100px; }
.mleft2 {margin-left: 2px;} .mleft3 {margin-left: 3px;} .mleft5 {margin-left: 5px;} .mleft6 {margin-left: 6px;} .mleft8 {margin-left: 8px;} .mleft10 {margin-left: 10px;} .mleft12 {margin-left: 12px;}   
.mleft13 {margin-left: 13px;} .mleft15 {margin-left: 15px;} .mleft20 {margin-left: 20px;} .mleft25 {margin-left: 25px;} .mleft30 {margin-left: 30px;} .mleft35 {margin-left: 35px;}  .mleft40 {margin-left: 45px;}
.mright5 { margin-right:5px; } .mright10 { margin-right:10px; } .mright15 { margin-right:15px; } .mright20 { margin-right:20px; } .mright25 { margin-right:25px; } .mright30 { margin-right:30px; }
.mbottom0 { margin-bottom: 0px; } .mbottom5 { margin-bottom: 5px; }  .mbottom10 { margin-bottom: 10px; } .mbottom20 { margin-bottom: 20px; }
.m5 { margin: 5px; } .m15 { margin:15px; }
.m5_6 { margin: 5px 0 0 6px; }

.p5 {padding: 5px;} .p10 {padding: 10px;} .p15 {padding: 15px;} .p20 {padding: 20px;}
.p5_15 {padding: 5px 15px} .p10_20 {padding: 10px 20px} .p10_5 { padding: 10px 5px;} .p10_30 {padding: 10px 30px}
.ptop5 {padding-top: 5px;} .ptop10 {padding-top: 10px;} .ptop15 {padding-top: 15px;} .ptop30 {padding-top: 30px;}

/*********************** BORDERS **************************/
.bradius1 {-webkit-border-radius: 1px; -moz-border-radius: 1px;border-radius: 1px;}
.bradius2 {-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;}
.bradius3 {-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.bradius5 {-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bordereee { border: 1px solid #eee; }
.borderbbb { border: 1px solid #bbb; }
.borderaaa { border: 1px solid #aaa; }
.borderdarkgreen {border: 1px solid #4fa03a;}
.borderbottombbb { border-bottom: 1px solid #bbb; }
.borderbottomc5 { border-bottom: 1px solid #c5c5c5; }
.bordertopbbb { border-top: 1px solid #bbb; }
.bordertopaaa { border-top: 1px solid #aaa; }
.bordertopwhite { border-top: 1px solid white; }
.borderleftc5 { border-left: 1px solid #c5c5c5; }
.borderleftwhite { border-left: 1px solid white; } 
.borderrightc5 { border-right: 1px solid #c5c5c5; }
.borderdash { border-bottom: 1px dashed #bbb; padding-bottom:5px; }
#no-border { border: 0; }


/******************* WIDTHS / HEIGHTS *********************/
.wauto { width:auto; } .hauto { height:auto; }
.width120 { width:120px; } .width150 { width:150px; } .width170 { width:170px; } 
.width200 { width: 200px; } .width210 { width: 210px; } .width220 { width: 220px; } .width230 { width: 230px; } .width235 { width: 235px; } .width250 { width: 250px; } .width263 { width: 263px; } .width280 { width: 280px; }
.width312 { width: 312px; } .width350 { width: 350px; }
.width400 { width: 400px; } .width460 { width:460px; }
.width15p {width: 15%;} .width20p {width: 20%;} .width22p {width: 22%;} .width25p {width: 25%;} .width31p {width: 31%;} .width47p {width: 47%;} .width48p {width: 48%;} .width49p {width: 49%;} .width50p {width: 50%;}
.width70p {width: 70%;} .width73p {width: 73%;} .width74p {width: 74%;} .width75p {width: 75%;}  .width77p {width: 77%;}  .width85p {width: 85%;} 
.width95p { width: 95%; } .width96p { width: 96%; } .width97p { width: 97%; } .width98p { width: 98%; } .width100p { width:100%; }

.height40 { height:40px; } .height50 { height:50px; } .height60 { height:60px; } .height100 { height:100px; } 
.height150 { height:150px; } .height300 { height:300px; } .height346 { height:346px; } 
.height400 { height:400px; } .height570 { height:570px; } .height692 { height: 692px; } .height700 { height: 700px; }

/*********************** GRADIENTS **************************/
.lgrad { 
	background: #f5f5f5; 
	background: -moz-linear-gradient(top,  #f8f7f7 0%, #f3f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f7f7), color-stop(100%,#f3f2f2));
	background: -webkit-linear-gradient(top,  #f8f7f7 0%,#f3f2f2 100%);
	background: -o-linear-gradient(top,  #f8f7f7 0%,#f3f2f2 100%);
	background: -ms-linear-gradient(top,  #f8f7f7 0%,#f3f2f2 100%);
}
.dgrad {
	background: #f6f4f4; 
	background: -moz-linear-gradient(top,  #f6f4f4 0%, #ebe9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f4f4), color-stop(100%,#ebe9e9));
	background: -webkit-linear-gradient(top,  #f6f4f4 0%,#ebe9e9 100%);
	background: -o-linear-gradient(top,  #f6f4f4 0%,#ebe9e9 100%);
	background: -ms-linear-gradient(top,  #f6f4f4 0%,#ebe9e9 100%);
}
.bgrad {
	background: #666; 
	background: -moz-linear-gradient(top,  #666 0%, #444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#444));
	background: -webkit-linear-gradient(top,  #666 0%,#444 100%);
	background: -o-linear-gradient(top, #666 0%, #444 100%);
	background: -ms-linear-gradient(top,  #666 0%, #444 100%);
}
.ggrad {
	background: #5ebc46; 
	background: -moz-linear-gradient(top,  #5ebc46 0%, #4fa03a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ebc46), color-stop(100%,#4fa03a));
	background: -webkit-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
	background: -o-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
	background: -ms-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
}
.ishadow {-webkit-box-shadow: inset 5px -5px 15px 0px #eee; box-shadow: inset 5px -5px 15px 0px #eee;}
.mshadow { 
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);  
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888'); 
	}
.dshadow { 
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.30); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbbbb')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#bbbbbb'); 
	}

/**********************************************************
************************HEADER/FOOTER**********************
***********************************************************/

body { height: 100%;  background: #B0B0B0; }
#body_wrapper { display: table; border-collapse: collapse; width: 99%; height: 100%; margin: 0 auto; background: #B0B0B0; }
#main_body { min-height: 70%; }
td#nav_wrapper, td#navleft_minimize, td#navleft_maximize, td#content { height:100%; }
#content { padding: 10px; }
  
#header {
	width: 100%;
	/*height: 51px;*/
	background-image: url('bg_header.jpg');
	background-repeat: repeat-x;
	background-color: black;
	color: #c6c6c6;
}

.header_wrapper {
	width: 100%;
	height: auto;
}

.header-text {
	color: #c6c6c6;
	font-size: 16px;
}

#timezone {
	margin-top: 5px;
	float: right;
}

td.fitwidth {
	width: 1px;
	white-space: nowrap;
}

.logo { width:132px; height: 46px; background-position: -15px -75px; background-position-x: -15px; background-position-y: -75px; }
.tag {
	background-color: lightgray;
	color: black;
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	border-radius: 16px;
	font-size: smaller;
	border: 1px solid;
	position: relative;
	bottom: 6px;
}
#footer { width: 100%; height: 40px; display: block; background-image: url('bg_header.jpg'); background-repeat: repeat-x; background-color: black; position: relative; z-index: 160; } 
#footer_content { width: 1024px; height: auto; }

.hr555 { border-top: 1px solid #bbb; background: #bbb; margin: 0; clear: both; }
.hrwhite { border-top: 1px solid white; background: #bbb; margin-top: 0; } 


/**********************************************************
********************DASHBOARD WIDGETS**********************
***********************************************************/
#content_wrapper { height: 100%; display: block; float: left; }
.content_dash_33 { width: 33%; display: block; float: left; margin-left: 6px; }
.content_dash_50 { width: 48%; display: block; float: left; margin-left: 6px; }
.content_dash_66 { width: 66%; display: block; float: left; margin-left: 6px; }
.content_dash_100 { width: 99%; display: block; }

/**********************************************************
*******************BOOTSTRAP OVERWRITE*********************
***********************************************************/
.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; }
.message_row { cursor: hand; }
.message_id { font-weight: bold; }
.message_info { color: #a0a0a0; }

.fixed { font-family: monospace; }
.scrollx { overflow-x: auto; }
.scrolly { overflow-y: auto; }

.detail-key { color: #444; }
.detail-value { font-family: courier, monospace; color: #16161d }

.gps:hover { text-decoration: underline; }
#map { 
    position: absolute; 
    width: 600px; 
    height: 400px; 
    overflow: hidden;
    background: white;
    z-index: 100;
}
.hidden { visibility: hidden; }

#fromDate,#toDate { height: 28px; width: 250px; }
#deviceId { height: 28px; width: 100%; }

#clipboard {
	cursor: copy;
}
#clipboard-text {
	font-size: 13px;
}

.greenbutton {
	border: 1px solid #5ebc46; display: block; letter-spacing: -1px; padding: 4px 10px; text-decoration: none; font-weight: bold; color: white; font-size: 13px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; cursor: pointer;
	background: #5ebc46; color: white;
	background: -moz-linear-gradient(top,  #5ebc46 0%, #4fa03a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ebc46), color-stop(100%,#4fa03a));
	background: -webkit-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
	background: -o-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
	background: -ms-linear-gradient(top,  #5ebc46 0%,#4fa03a 100%);
	cursor: auto;
}
.greenbutton.disabled {
	border: 1px solid #555; display: block; letter-spacing: -1px; padding: 4px 10px; text-decoration: none; font-weight: bold; color: white; font-size: 13px;
	-webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; cursor: pointer;
	background: #888; color: white;
	background: -moz-linear-gradient(top,  #888 0%, #666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888), color-stop(100%,#666));
	background: -webkit-linear-gradient(top,  #888 0%,#666 100%);
	background: -o-linear-gradient(top,  #888 0%,#666 100%);
	background: -ms-linear-gradient(top,  #888 0%,#666 100%);
	cursor: not-allowed;
}
.greenbutton a { color: white; }
.greenbutton a:hover { background:none; background-color: #4fa03a; }
.greenbutton hr { margin:5px 0; border: 0; border-top: 1px solid #5ebc46; border-bottom: 1px solid #4fa03a; }

.select2 {
	font-size: 12px;
}
input {
	font-size: 12px;
	margin-bottom: 3px;
}
input[type="text"] {
	font-size: 12px;
	margin-bottom: 3px;
}
select {
	margin-bottom: 3px;
}
.select2-container {
	min-height: 24px;
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0px;
	margin-bottom: 0px;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 450px;
    overflow-y: auto;
}