@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
@import url(//fonts.googleapis.com/css?family=Kaushan+Script);
/*! 
 *   AdminLTE v1.2
 *   Author: AlmsaeedStudio.com
 *   License: Open source - MIT
 *           Please visit http://opensource.org/licenses/MIT for more information
!*/
/*
    Core: General style
----------------------------
*/
placeholder {color:gray;}
html,
body {
  overflow-x: hidden!important;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
 /* background: #f9f9f9; */
}
 .bodynew {
 background-color: gainsboro;
 background-image: url("../kimbmap-wm.png");
 background-repeat:no-repeat;
 background-position: center;
 margin-top:28px;
  }
  .mmexnotes {
	  width:250px;
	  height:80px;
  }
a {
  /*color: #3c8dbc;*/
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}
table {
	border-spacing:5px;
}
td,th {
	padding:5px 20px;
	text-align:left;

}
td {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: gray;
	display:table-cell;
}
 .spans {
	padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
	display:flex;
}
 .spans2 {
	padding-left: 26px;
    padding-top: 3px;
    padding-bottom: 3px;
	/*display:flex; */
}

select:required:invalid {
	color:gray;
}
.euslabel {
	width:100%;
}
.aspan {
	display:flex;
}
.eusyes {
	background-color:green;
	/* width:35px; */
	border-color:darkgreen;
	border-width:2px;
	border-style:solid;
	margin: 0px 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-flex;
	padding-left: 5px;
	padding-right: 5px;
	color:#dad7d7;
	font-weight:600;
}
.eusno {
	background-color:red;
	/* width:35px; */
	border-color:darkred;
	border-width:2px;
	border-style:solid;
	margin: 0px 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-flex;
	padding-left: 5px;
	padding-right: 5px;
	color:#dad7d7;
	font-weight:600;

}

.euscheck {
	background-color:gray;
	width:30px;
	border-color:yellow;
	border-width:2px;
	border-style:solid;
	margin: 0px 5px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align:center;
}
.eusupdate {
	background-color:orange;
	width:30px;
	border-color:black;
	border-width:2px;
	border-style:solid;
	margin: 0px 5px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	text-align:center;
}
.form-group2 {
	text-align:left;
	padding-bottom:15px;
}
.exituserrow {
	display: -webkit-box;
}
.main {
	background-color:rgba(120, 114, 114, 0.13);
	font-family:Tahoma;
	font-size:50px;
	width:99%;
/*	margin-left:15px;
	margin-right:15px;*/
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.leftside {
	/*width:710px;*/
	height:600px;
	box-sizing:border-box;
	display:inline-block;
	font-size:0;
}
.site {
	display:inline-block;
	box-sizing:border-box;
	width:210px;
	padding-right:5px;
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	border-right-style: solid;
    border-right-color: rgb(190,190,190);
    height: inherit;
}
.bubble {
	-moz-border-radius: 15px;
	border-radius: 15px;
	width:47%;
	height:80px;
	margin:2px;
	padding-left:10px;
	padding-right:10px;
	background-color:rgb(98, 150, 166, 0.38);
	/*background-color:rgb(21,255,0);*/
	font-size:20px;
	/*box-sizing:border-box;*/
	display:inline-block;
	border-style:solid;
}
.bubbleoff {
	-moz-border-radius: 15px;
	border-radius: 15px;
	width:47%;
	height:80px;
	margin:2px;
	padding-left:10px;
	padding-right:10px;
	background-color:rgb(255,254,26);
	font-size:20px;
	/*box-sizing:border-box;*/
	display:inline-block;
	border-style:solid;
}
.wgstats {
	position:absolute;
	margin-left:60px;
}
.devicons {
	width: 110px;
    display: inline-table;
    border-left-style: solid;
    border-left-color: rgb(190,190,190);
    /*border-right-style: solid;
    border-right-color: rgb(190,190,190);*/
    table-layout: fixed;
    box-sizing: content-box;
    text-align: center;
	float:right; 
}
.devicons img {
	margin:3px;
	margin:3px;
}
.iconbox {
	display:inline-block;
	margin-right:5px;
}
span {
    padding-bottom: 5px;
}
.eusspan {padding:1px;margin-bottom:2px;display:inline-block;}

#updated {border-color: #0C980C;
    border-style: solid;
    padding: 1px;
    border-width: 2px;
    background-color: rgba(89, 173, 89, 0.36);}
#notupdated {border-color: #E9A060;
    border-style: solid;
    padding: 1px;
    border-width: 2px;
    background-color: rgba(206, 148, 68, 0.53);}	
#updated2 {background-color: rgba(89, 173, 89, 0.36);}

.wgdiv {
	
	border-style:solid;
	border-color:red;
	box-sizing:border-box;*/
	display:inline-block;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(255,255,255,0.6);
	   padding-top: 4px;
    padding-left: 2px;
    padding-right: 1px;*/
}
.wgdivoffline {
	
	border-style:solid;
	border-color:red;
	box-sizing:border-box;
	display:inline-block;
	float:left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:rgba(255, 0, 0, 0.85);
	   /*padding-top: 4px;
    padding-left: 2px;
    padding-right: 1px;*/
	font-size:15px;
}
.wgpicdisabled {
	background: url(../images/disabled.gif);
	background-repeat: no-repeat;
	float:left;
	width:23px;
}
.wgpiconline {
	background: url(../images/online-dark.gif);
	background-repeat: no-repeat;
	float:left;
	width:23px;
}
.wgpiconline:hover .wgtext {
	opacity:0.6;
	text-align:justify;
	color:#000;
	font-size:15px;
	font-weight:700;
	font-family: Tahoma;
	padding:5px;
	display:block;
}
.wgpicoffline {
	background: url(../images/offline-flash.gif);	
	background-repeat: no-repeat;
	float:left;
	width:23px;
}
.wgpicoffline:hover .wgtext {
	opacity:0.6;
	text-align:justify;
	color:#000;
	font-size:15px;
	font-weight:700;
	font-family: Tahoma;
	padding:5px;
	display:block;
}
label {
	display:inline-block;
	width:10px;
	color:gray;
/* 	vertical-align:top; */
}
legend {
	border-style:none;
}
input {
/*	vertical-align:top; */
line-height:normal;
}
.fsnoborder {
	border:none;
	padding-bottom:none;
	margin-bottom:none;
}
input:focus {
	outline:none;
	border:2px solid gold;
	/* box-shadow: 0 0 10px #719ECE; */
}
.newuserdates {
    width: 105px;
    display: flex;
}
.inputerror {
	background-color:rgba(255, 141, 0, 0.2);
	
}
.newuserheader {
	text-align:center;
	margin:5px;
}
.h1 {
	margin-top:-40px;color:#888888;
}
.smallhead {
	font-size:14px;
	color:gray;
}
.mmextable1 td {
	border-top-style:solid;
	border-color:#036FB2;
	border-width:2px;
}
.mmextable1 th {
text-align:left;
vertical-align:top;
    padding-bottom: 5px;
}
.mmextable2 {
	width:520px;
}
.mmextable2 td {
	border-top-style:solid;
	border-right-style:solid;
	border-color:#036FB2;
	border-width:2px;
	padding-bottom:5px;
	width:50%;
}
.mmextable2 .mtright {
	border-right-style:none;
	padding-right:5px;
}
.bubble {
	width:45%;
	text-align: center;
    font-size: 20px;
	line-height: 1.5;
	background-color: #ffdd00;
    /* width: 55%; */
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #dc1e20;
	margin-bottom:15px;
}
.newaccreq {
	text-align: center;
    font-size: 20px;
	line-height: 1.5;
	background-color: rgba(218, 228, 249, 0.7);
    /* width: 55%; */
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
	margin-bottom:15px;
}
.newusersubmit {
	    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
	background-color: rgba(33, 150, 243, 0.32);
    font-size: 18px;
    color: #5B5B5B;
    padding: 4px;
}
.newusersubmit:hover {
	border-color:white;
	background-color:gray;
	border-width:3px;
}

.exitusersubmit {
	    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
	background-color: rgba(33, 150, 243, 0.32);
    font-size: 18px;
    color: #5B5B5B;
    padding: 4px;
}
.exitusersubmit:hover {
	border-color:white;
	background-color:gray;
	border-width:3px;
}

/* fieldset custom - new user form */
.leftfs {
	float:left;
	width:25%;
	line-height: 1.5;
	background-color: rgba(218, 228, 249, 0.7);
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
}

 .rfsdisplay {
 	float:right;
	width:74%;
	background-color: rgba(218, 228, 249, 0.7);
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
}
.rightfs {
	float:right;
	width:1280px;
/*	overflow-x:scroll;
	white-space:nowrap;
	background-color: rgba(218, 228, 249, 0.7);
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2; */
}

.adshow {
		line-height: 2;
	background-color: rgba(218, 228, 249, 0.7);
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
	margin-bottom:15px;
}
.mmexshow {
	line-height: 1.5;
	background-color: rgba(218, 228, 249, 0.7);
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #036FB2;
	margin-bottom:15px;
}
.newuserfooter {
	width:100%;
}
/* techstart custom */
.techstart.header {
	padding-left:10px;
	vertical-align:middle;
	width:98%;
	background-color:rgba(199, 199, 199, 0.57);
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.techstart.footer {
	vertical-align:middle;
	width:98%;
	/*background-color:rgba(204, 246, 204, 0.57);*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:left;
}
.techstart.mid{
	display:inline-table;
	width:65%;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.techstart.mid.left {
	float:left;
	width:30%;
	margin:5px;
	height:85%;
}
.techstart.mid.center {
	float:left;
	width:32%;
	margin:5px;
}
.techstart.mid.right {
	float:right;
	width:32%;
	margin:5px;
	padding-left:5px;
}
form {
	padding-left:5px;
}

h2 {
  font-size: 20px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.home {
	    display: flex;              /* establish flex container */
    flex-direction: column;     /* stack flex items vertically */
    justify-content: center;    /* center items vertically, in this case */
    align-items: center;        /* center items horizontally, in this case */
    height: 100%;
   /* border: 1px solid black; */
}
/* buttons */
.btn {
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.09);
}

.btn.btn-primary {
  /* background-color: #7ccfff; */
  border-color: #367fa9;
  border-width:2px;
  margin: 8px;
  display:flex;
  padding:5px;
  border-radius: 10px;
 
}
.btn .btn-primary .largefont {
	font-size:14px;
	vertical-align:middle;
  color: rgba(218, 228, 249, 0.7);
  margin-bottom:25px;
	margin:10px;
}
.abutton {
  color: rgba(118, 0, 0, 0.7);
	text-decoration:none;
	display:flex;
}
.abutton .text {
	margin-left: 10px;
    margin-top: 8px;
}
/* boxes */
.box {
  position: relative;
  background: #ffffff;
  border-top: 2px solid #c1c1c1;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #f56954;
}
.box.box-danger.right {
  border-top-color: #f56954;
  float:right;
  min-height:200px;
  width:30%;
  margin-right:20px;
}
.box.box-warning {
  border-top-color: #f39c12;
  }
.box.box-warning.w95 {
	width:95%;
}
.box.box-success.w95 {
	width:95%;
}

.box.box-warning.left {
  border-top-color: #3c8dbc;
  width:65%;
  float:left;
}
.box.box-warning.right {
  border-top-color: #3c8dbc;
  /*width:65%;*/
  float:left;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-success.gb {
  border-top-color: #00a65a;
  background-color: rgba(0, 166, 90, 0.13);
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .box-header {
  position: relative;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0px solid #f4f4f4;
  color: #444;
}
.box .box-header:before,
.box .box-header:after {
  display: table;
  content: " ";
}
.box .box-header:after {
  clear: both;
}
.box .box-header > .fa,
.box .box-header > .glyphicon,
.box .box-header > .ion,
.box .box-header .box-title {
  display: inline-block;
  padding: 4px 4px 4px 4px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  float: left;
  cursor: default;
}
.box .box-header a {
  color: #444;
}
.box .box-header > .box-tools {
  padding: 5px 10px 5px 5px;
}
.box .box-body {
  padding: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.box .box-body > table,
.box .box-body > .table {
  margin-bottom: 0;
}
.box .box-body.chart-responsive {
  width: 100%;
  overflow: hidden;
}
.box .box-body > .chart {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.box .box-body > .chart svg,
.box .box-body > .chart canvas {
  width: 100%!important;
}
.box .box-body .fc {
  margin-top: 5px;
}
.box .box-body .fc-header-title h2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
  margin-left: 10px;
}
.box .box-body .fc-header-right {
  padding-right: 10px;
}
.box .box-body .fc-header-left {
  padding-left: 10px;
}
.box .box-body .fc-widget-header {
  background: #fafafa;
  box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.02);
}
.box .box-body .fc-grid {
  width: 100%;
  border: 0;
}
.box .box-body .fc-widget-header:first-of-type,
.box .box-body .fc-widget-content:first-of-type {
  border-left: 0;
  border-right: 0;
}
.box .box-body .fc-widget-header:last-of-type,
.box .box-body .fc-widget-content:last-of-type {
  border-right: 0;
}
.box .box-body .table {
  margin-bottom: 0;
}
.box .box-body .full-width-chart {
  margin: -19px;
}
.box .box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box .box-footer {
  border-top: 1px solid #f4f4f4;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  background-color: #ffffff;
}
.box.box-solid {
  border-top: 0px;
}
.box.box-solid > .box-header {
  padding-bottom: 0px!important;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid.box-primary > .box-header {
  color: #fff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a {
  color: #444;
}
.box.box-solid.box-info > .box-header {
  color: #fff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a {
  color: #444;
}
.box.box-solid.box-danger > .box-header {
  color: #fff;
  background: #f56954;
  background-color: #f56954;
}
.box.box-solid.box-danger > .box-header a {
  color: #444;
}
.box.box-solid.box-warning > .box-header {
  color: #fff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a {
  color: #444;
}
.box.box-solid.box-success > .box-header {
  color: #fff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a {
  color: #444;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid.collapsed-box .box-header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box .todo-list {
  margin: 0;
  padding: 0px 0px;
  list-style: none;
}
.box .todo-list > li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 10px;
  background: #f3f4f5;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.box .todo-list > li:last-of-type {
  margin-bottom: 0;
}
.box .todo-list > li.danger {
  border-left-color: #f56954;
}
.box .todo-list > li.warning {
  border-left-color: #f39c12;
}
.box .todo-list > li.info {
  border-left-color: #00c0ef;
}
.box .todo-list > li.success {
  border-left-color: #00a65a;
}
.box .todo-list > li.primary {
  border-left-color: #3c8dbc;
}
.box .todo-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.box .todo-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.box .todo-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.box .todo-list > li .tools {
  display: none;
  float: right;
  color: #f56954;
}
.box .todo-list > li .tools > .fa,
.box .todo-list > li .tools > .glyphicon,
.box .todo-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.box .todo-list > li:hover .tools {
  display: inline-block;
}
.box .todo-list > li.done {
  color: #999;
}
.box .todo-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.box .todo-list > li.done .label {
  background: #eaeaec !important;
}
.box .todo-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}
.box .chat {
  padding: 5px 20px 5px 10px;
}
.box .chat .item {
  margin-bottom: 10px;
}
.box .chat .item:before,
.box .chat .item:after {
  display: table;
  content: " ";
}
.box .chat .item:after {
  clear: both;
}
.box .chat .item > img {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.box .chat .item > img.online {
  border: 2px solid #00a65a;
}
.box .chat .item > img.offline {
  border: 2px solid #f56954;
}
.box .chat .item > .message {
  margin-left: 55px;
  margin-top: -40px;
}
.box .chat .item > .message > .name {
  display: block;
  font-weight: 600;
}
.box .chat .item > .attachment {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #f0f0f0;
  margin-left: 65px;
  margin-right: 15px;
  padding: 10px;
}
.box .chat .item > .attachment > h4 {
  margin: 0 0 5px 0;
  font-weight: 600;
  font-size: 14px;
}
.box .chat .item > .attachment > p,
.box .chat .item > .attachment > .filename {
  font-weight: 600;
  font-size: 13px;
  font-style: italic;
  margin: 0;
}
.box .chat .item > .attachment:before,
.box .chat .item > .attachment:after {
  display: table;
  content: " ";
}
.box .chat .item > .attachment:after {
  clear: both;
}
.box > .overlay,
.box > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box > .overlay {
  z-index: 1010;
  background: rgba(255, 255, 255, 0.7);
}
.box > .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box > .loading-img {
  z-index: 1020;
  background: transparent url('../img/ajax-loader1.gif') 50% 50% no-repeat;
}
.staffin {
  width: 140px;
  height: 60px;
  background-image: url('../images/staffin.png');
  background-repeat:no-repeat;
  transition: width 2s;
  background-size:contain;
  padding:2px;
}
.staffout {
  width: 140px;
  height: 60px;
  background-image: url('../images/staffout.png');
  background-repeat:no-repeat;
  transition: width 2s;
  background-size:contain;
  padding:2px;
}
.gray {
	background-image: url('../images/staffgray.png');
	background-repeat: no-repeat;
	background-size:contain;
	padding:2px;
}
.unsure {
	background-color:#ffff006e;
	border-radius: 5px;
    padding: 2px;
}